diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/ar.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/ar.js new file mode 100644 index 0000000000..fe036163c7 --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/ar.js @@ -0,0 +1,171 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 1); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), +/* 1 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Arabic + * @author Amira Salah + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage('ar', { + Markdown: 'لغة ترميز', + WYSIWYG: 'ما تراه هو ما تحصل عليه', + Write: 'يكتب', + Preview: 'عرض مسبق', + Headings: 'العناوين', + Paragraph: 'فقرة', + Bold: 'خط عريض', + Italic: 'خط مائل', + Strike: 'إضراب', + Code: 'رمز', + Line: 'خط', + Blockquote: 'فقرة مقتبسة', + 'Unordered list': 'قائمة غير مرتبة', + 'Ordered list': 'قائمة مرتبة', + Task: 'مهمة', + Indent: 'المسافة البادئة', + Outdent: 'المسافة الخارجة', + 'Insert link': 'أدخل الرابط', + 'Insert CodeBlock': 'أدخل الكود', + 'Insert table': 'أدخل جدول', + 'Insert image': 'أدخل صورة', + Heading: 'عنوان', + 'Image URL': 'رابط الصورة', + 'Select image file': 'حدد ملف الصورة', + Description: 'وصف', + OK: 'موافقة', + More: 'أكثر', + Cancel: 'إلغاء', + File: 'ملف', + URL: 'رابط', + 'Link text': 'نص الرابط', + 'Add row': 'ضف سطر', + 'Add col': 'ضف عمود', + 'Remove row': 'حذف سطر', + 'Remove col': 'حذف عمود', + 'Align left': 'محاذاة اليسار', + 'Align center': 'محاذاة الوسط', + 'Align right': 'محاذاة اليمين', + 'Remove table': 'حذف الجدول', + 'Would you like to paste as table?': 'هل تريد اللصق كجدول', + 'Text color': 'لون النص', + 'Auto scroll enabled': 'التحريك التلقائي ممكّن', + 'Auto scroll disabled': 'التحريك التلقائي معطّل', + 'Choose language': 'اختر اللغة' +}); + +/***/ }) +/******/ ]); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/cs-cz.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/cs-cz.js new file mode 100644 index 0000000000..03056d947c --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/cs-cz.js @@ -0,0 +1,172 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 2); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), +/* 1 */, +/* 2 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Czech + * @author Dmitrij Tkačenko + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['cs', 'cs-CZ'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Napsat', + Preview: 'Náhled', + Headings: 'Nadpisy', + Paragraph: 'Odstavec', + Bold: 'Tučné', + Italic: 'Kurzíva', + Strike: 'Přeškrtnuté', + Code: 'Kód', + Line: 'Vodorovná čára', + Blockquote: 'Citace', + 'Unordered list': 'Seznam s odrážkami', + 'Ordered list': 'Číslovaný seznam', + Task: 'Úkol', + Indent: 'Zvětšit odsazení', + Outdent: 'Zmenšit odsazení', + 'Insert link': 'Vložit odkaz', + 'Insert CodeBlock': 'Vložit blok kódu', + 'Insert table': 'Vložit tabulku', + 'Insert image': 'Vložit obrázek', + Heading: 'Nadpis', + 'Image URL': 'URL obrázku', + 'Select image file': 'Vybrat obrázek', + Description: 'Popis', + OK: 'OK', + More: 'Více', + Cancel: 'Zrušit', + File: 'Soubor', + URL: 'URL', + 'Link text': 'Text odkazu', + 'Add row': 'Přidat řádek', + 'Add col': 'Přidat sloupec', + 'Remove row': 'Odebrat řádek', + 'Remove col': 'Odebrat sloupec', + 'Align left': 'Zarovnat vlevo', + 'Align center': 'Zarovnat na střed', + 'Align right': 'Zarovnat vpravo', + 'Remove table': 'Odstranit tabulku', + 'Would you like to paste as table?': 'Chcete vložit jako tabulku?', + 'Text color': 'Barva textu', + 'Auto scroll enabled': 'Automatické rolování zapnuto', + 'Auto scroll disabled': 'Automatické rolování vypnuto', + 'Choose language': 'Vybrat jazyk' +}); + +/***/ }) +/******/ ]); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/de-de.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/de-de.js new file mode 100644 index 0000000000..5f325f3af5 --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/de-de.js @@ -0,0 +1,173 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 3); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), +/* 1 */, +/* 2 */, +/* 3 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for German + * @author Jann-Niklas Kiepert + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['de', 'de-DE'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Verfassen', + Preview: 'Vorschau', + Headings: 'Überschriften', + Paragraph: 'Text', + Bold: 'Fett', + Italic: 'Kursiv', + Strike: 'Durchgestrichen', + Code: 'Code', + Line: 'Trennlinie', + Blockquote: 'Blocktext', + 'Unordered list': 'Aufzählung', + 'Ordered list': 'Nummerierte Aufzählung', + Task: 'Aufgabe', + Indent: 'Einrücken', + Outdent: 'Ausrücken', + 'Insert link': 'Link einfügen', + 'Insert CodeBlock': 'Codeblock einfügen', + 'Insert table': 'Tabelle einfügen', + 'Insert image': 'Grafik einfügen', + Heading: 'Titel', + 'Image URL': 'Bild URL', + 'Select image file': 'Grafik auswählen', + Description: 'Beschreibung', + OK: 'OK', + More: 'Mehr', + Cancel: 'Abbrechen', + File: 'Datei', + URL: 'URL', + 'Link text': 'Anzuzeigender Text', + 'Add row': 'Zeile hinzufügen', + 'Add col': 'Spalte hinzufügen', + 'Remove row': 'Zeile entfernen', + 'Remove col': 'Spalte entfernen', + 'Align left': 'Links ausrichten', + 'Align center': 'Zentrieren', + 'Align right': 'Rechts ausrichten', + 'Remove table': 'Tabelle entfernen', + 'Would you like to paste as table?': 'Möchten Sie eine Tabelle einfügen?', + 'Text color': 'Textfarbe', + 'Auto scroll enabled': 'Autoscrollen aktiviert', + 'Auto scroll disabled': 'Autoscrollen deaktiviert', + 'Choose language': 'Sprache auswählen' +}); + +/***/ }) +/******/ ]); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/es-es.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/es-es.js new file mode 100644 index 0000000000..eb76415e73 --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/es-es.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 4); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), +/* 1 */, +/* 2 */, +/* 3 */, +/* 4 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Spanish + * @author Enrico Lamperti + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['es', 'es-ES'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Escribir', + Preview: 'Vista previa', + Headings: 'Encabezados', + Paragraph: 'Párrafo', + Bold: 'Negrita', + Italic: 'Itálica', + Strike: 'Tachado', + Code: 'Código', + Line: 'Línea', + Blockquote: 'Cita', + 'Unordered list': 'Lista desordenada', + 'Ordered list': 'Lista ordenada', + Task: 'Tarea', + Indent: 'Sangría', + Outdent: 'Saliendo', + 'Insert link': 'Insertar enlace', + 'Insert CodeBlock': 'Insertar bloque de código', + 'Insert table': 'Insertar tabla', + 'Insert image': 'Insertar imagen', + Heading: 'Encabezado', + 'Image URL': 'URL de la imagen', + 'Select image file': 'Seleccionar archivo de imagen', + Description: 'Descripción', + OK: 'Aceptar', + More: 'Más', + Cancel: 'Cancelar', + File: 'Archivo', + URL: 'URL', + 'Link text': 'Texto del enlace', + 'Add row': 'Agregar fila', + 'Add col': 'Agregar columna', + 'Remove row': 'Eliminar fila', + 'Remove col': 'Eliminar columna', + 'Align left': 'Alinear a la izquierda', + 'Align center': 'Centrar', + 'Align right': 'Alinear a la derecha', + 'Remove table': 'Eliminar tabla', + 'Would you like to paste as table?': '¿Desea pegar como tabla?', + 'Text color': 'Color del texto', + 'Auto scroll enabled': 'Desplazamiento automático habilitado', + 'Auto scroll disabled': 'Desplazamiento automático deshabilitado', + 'Choose language': 'Elegir idioma' +}); + +/***/ }) +/******/ ]); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/fi-fi.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/fi-fi.js new file mode 100644 index 0000000000..89b02e3d55 --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/fi-fi.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 5); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 5: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Finnish + * @author Tomi Mynttinen + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['fi', 'fi-FI'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Kirjoita', + Preview: 'Esikatselu', + Headings: 'Otsikot', + Paragraph: 'Kappale', + Bold: 'Lihavointi', + Italic: 'Kursivointi', + Strike: 'Yliviivaus', + Code: 'Koodi', + Line: 'Vaakaviiva', + Blockquote: 'Lainaus', + 'Unordered list': 'Luettelo', + 'Ordered list': 'Numeroitu luettelo', + Task: 'Tehtävä', + Indent: 'Suurenna sisennystä', + Outdent: 'Pienennä sisennystä', + 'Insert link': 'Lisää linkki', + 'Insert CodeBlock': 'Lisää koodia', + 'Insert table': 'Lisää taulukko', + 'Insert image': 'Lisää kuva', + Heading: 'Otsikko', + 'Image URL': 'Kuvan URL', + 'Select image file': 'Valitse kuvatiedosto', + Description: 'Kuvaus', + OK: 'OK', + More: 'Lisää', + Cancel: 'Peruuta', + File: 'Tiedosto', + URL: 'URL', + 'Link text': 'Linkkiteksti', + 'Add row': 'Lisää rivi', + 'Add col': 'Lisää sarake', + 'Remove row': 'Poista rivi', + 'Remove col': 'Poista sarake', + 'Align left': 'Tasaus vasemmalle', + 'Align center': 'Keskitä', + 'Align right': 'Tasaus oikealle', + 'Remove table': 'Poista taulukko', + 'Would you like to paste as table?': 'Haluatko liittää taulukkomuodossa?', + 'Text color': 'Tekstin väri', + 'Auto scroll enabled': 'Automaattinen skrollaus käytössä', + 'Auto scroll disabled': 'Automaattinen skrollaus pois käytöstä', + 'Choose language': 'Valitse kieli' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/fr-fr.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/fr-fr.js new file mode 100644 index 0000000000..59177f18d0 --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/fr-fr.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 6); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 6: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for French + * @author Stanislas Michalak + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['fr', 'fr-FR'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Écrire', + Preview: 'Aperçu', + Headings: 'En-têtes', + Paragraph: 'Paragraphe', + Bold: 'Gras', + Italic: 'Italique', + Strike: 'Barré', + Code: 'Code en ligne', + Line: 'Ligne', + Blockquote: 'Citation', + 'Unordered list': 'Liste non-ordonnée', + 'Ordered list': 'Liste ordonnée', + Task: 'Tâche', + Indent: 'Retrait', + Outdent: 'Sortir', + 'Insert link': 'Insérer un lien', + 'Insert CodeBlock': 'Insérer un bloc de code', + 'Insert table': 'Insérer un tableau', + 'Insert image': 'Insérer une image', + Heading: 'En-tête', + 'Image URL': "URL de l'image", + 'Select image file': 'Sélectionnez un fichier image', + Description: 'Description', + OK: 'OK', + More: 'de plus', + Cancel: 'Annuler', + File: 'Fichier', + URL: 'URL', + 'Link text': 'Texte du lien', + 'Add row': 'Ajouter une ligne', + 'Add col': 'Ajouter une colonne', + 'Remove row': 'Supprimer une ligne', + 'Remove col': 'Supprimer une colonne', + 'Align left': 'Aligner à gauche', + 'Align center': 'Aligner au centre', + 'Align right': 'Aligner à droite', + 'Remove table': 'Supprimer le tableau', + 'Would you like to paste as table?': 'Voulez-vous coller ce contenu en tant que tableau ?', + 'Text color': 'Couleur du texte', + 'Auto scroll enabled': 'Défilement automatique activé', + 'Auto scroll disabled': 'Défilement automatique désactivé', + 'Choose language': 'Choix de la langue' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/gl-es.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/gl-es.js new file mode 100644 index 0000000000..ad0bdc156f --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/gl-es.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 7); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 7: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Spanish + * @author Aida Vidal + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['gl', 'gl-ES'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Escribir', + Preview: 'Vista previa', + Headings: 'Encabezados', + Paragraph: 'Parágrafo', + Bold: 'Negriña', + Italic: 'Cursiva', + Strike: 'Riscado', + Code: 'Código', + Line: 'Liña', + Blockquote: 'Cita', + 'Unordered list': 'Lista desordenada', + 'Ordered list': 'Lista ordenada', + Task: 'Tarefa', + Indent: 'Sangría', + Outdent: 'Anular sangría', + 'Insert link': 'Inserir enlace', + 'Insert CodeBlock': 'Inserir bloque de código', + 'Insert table': 'Inserir táboa', + 'Insert image': 'Inserir imaxe', + Heading: 'Encabezado', + 'Image URL': 'URL da imaxe', + 'Select image file': 'Seleccionar arquivo da imaxe', + Description: 'Descrición', + OK: 'Aceptar', + More: 'Máis', + Cancel: 'Cancelar', + File: 'Arquivo', + URL: 'URL', + 'Link text': 'Texto do enlace', + 'Add row': 'Agregar fila', + 'Add col': 'Agregar columna', + 'Remove row': 'Eliminar fila', + 'Remove col': 'Eliminar columna', + 'Align left': 'Aliñar á esquerda', + 'Align center': 'Centrar', + 'Align right': 'Aliñar á dereita', + 'Remove table': 'Eliminar táboa', + 'Would you like to paste as table?': 'Desexa pegar como táboa?', + 'Text color': 'Cor do texto', + 'Auto scroll enabled': 'Desprazamento automático habilitado', + 'Auto scroll disabled': 'Desprazamento automático deshabilitado', + 'Choose language': 'Elixir idioma' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/hr-hr.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/hr-hr.js new file mode 100644 index 0000000000..d934dd03cf --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/hr-hr.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 8); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 8: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Croatian + * @author Hrvoje A. + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['hr', 'hr-HR'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Piši', + Preview: 'Pregled', + Headings: 'Naslovi', + Paragraph: 'Paragraf', + Bold: 'podebljano', + Italic: 'kurziv', + Strike: 'prcrtano', + Code: 'Uklopljeni kôd', + Line: 'Linija', + Blockquote: 'Blok citat', + 'Unordered list': 'Neporedana lista', + 'Ordered list': 'Poredana lista', + Task: 'Task', + Indent: 'Povećaj uvlaku', + Outdent: 'Smanji uvlaku', + 'Insert link': 'Umetni link', + 'Insert CodeBlock': 'Umetni blok kôda', + 'Insert table': 'Umetni tablicu', + 'Insert image': 'Umetni sliku', + Heading: 'Naslov', + 'Image URL': 'URL slike', + 'Select image file': 'Odaberi slikovnu datoteku', + Description: 'Opis', + OK: 'OK', + More: 'Više', + Cancel: 'Odustani', + File: 'Datoteka', + URL: 'URL', + 'Link text': 'Tekst linka', + 'Add row': 'Dodaj redak', + 'Add col': 'Dodaj stupac', + 'Remove row': 'Ukloni redak', + 'Remove col': 'Remove stupac', + 'Align left': 'Poravnaj lijevo', + 'Align center': 'Poravnaj centrirano', + 'Align right': 'Poravnaj desno', + 'Remove table': 'Ukloni tablicu', + 'Would you like to paste as table?': 'Zalite li zalijepiti kao tablicu?', + 'Text color': 'Boja teksta', + 'Auto scroll enabled': 'Omogući auto klizanje', + 'Auto scroll disabled': 'Onemogući auto klizanje', + 'Choose language': 'Odabir jezika' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/it-it.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/it-it.js new file mode 100644 index 0000000000..a73129c92f --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/it-it.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 9); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 9: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Italian + * @author Massimo Redaelli + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['it', 'it-IT'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Scrivere', + Preview: 'Anteprima', + Headings: 'Intestazioni', + Paragraph: 'Paragrafo', + Bold: 'Grassetto', + Italic: 'Corsivo', + Strike: 'Barrato', + Code: 'Codice', + Line: 'Linea', + Blockquote: 'Blocco citazione', + 'Unordered list': 'Lista puntata', + 'Ordered list': 'Lista numerata', + Task: 'Attività', + Indent: 'Aggiungi indentazione', + Outdent: 'Rimuovi indentazione', + 'Insert link': 'Inserisci link', + 'Insert CodeBlock': 'Inserisci blocco di codice', + 'Insert table': 'Inserisci tabella', + 'Insert image': 'Inserisci immagine', + Heading: 'Intestazione', + 'Image URL': 'URL immagine', + 'Select image file': 'Seleziona file immagine', + Description: 'Descrizione', + OK: 'OK', + More: 'Più', + Cancel: 'Cancella', + File: 'File', + URL: 'URL', + 'Link text': 'Testo del collegamento', + 'Add row': 'Aggiungi riga', + 'Add col': 'Aggiungi colonna', + 'Remove row': 'Rimuovi riga', + 'Remove col': 'Rimuovi colonna', + 'Align left': 'Allinea a sinistra', + 'Align center': 'Allinea al centro', + 'Align right': 'Allinea a destra', + 'Remove table': 'Rimuovi tabella', + 'Would you like to paste as table?': 'Desideri incollare sotto forma di tabella?', + 'Text color': 'Colore del testo', + 'Auto scroll enabled': 'Scrolling automatico abilitato', + 'Auto scroll disabled': 'Scrolling automatico disabilitato', + 'Choose language': 'Scegli la lingua' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/ja-jp.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/ja-jp.js new file mode 100644 index 0000000000..5408e65ad8 --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/ja-jp.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 10); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 10: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Japanese + * @author NHN FE Development Lab + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['ja', 'ja-JP'], { + Markdown: 'マークダウン', + WYSIWYG: 'WYSIWYG', + Write: '編集する', + Preview: 'プレビュー', + Headings: '見出し', + Paragraph: '本文', + Bold: '太字', + Italic: 'イタリック', + Strike: 'ストライク', + Code: 'インラインコード', + Line: 'ライン', + Blockquote: '引用', + 'Unordered list': '番号なしリスト', + 'Ordered list': '順序付きリスト', + Task: 'タスク', + Indent: 'インデント', + Outdent: 'アウトデント', + 'Insert link': 'リンク挿入', + 'Insert CodeBlock': 'コードブロック挿入', + 'Insert table': 'テーブル挿入', + 'Insert image': '画像挿入', + Heading: '見出し', + 'Image URL': 'イメージURL', + 'Select image file': '画像ファイル選択', + Description: 'ディスクリプション ', + OK: 'はい', + More: 'もっと', + Cancel: 'キャンセル', + File: 'ファイル', + URL: 'URL', + 'Link text': 'リンクテキスト', + 'Add row': '行追加', + 'Add col': '列追加', + 'Remove row': '行削除', + 'Remove col': '列削除', + 'Align left': '左揃え', + 'Align center': '中央揃え', + 'Align right': '右揃え', + 'Remove table': 'テーブル削除', + 'Would you like to paste as table?': 'テーブルを貼り付けますか?', + 'Text color': '文字色相', + 'Auto scroll enabled': '自動スクロールが有効', + 'Auto scroll disabled': '自動スクロールを無効に', + 'Choose language': '言語選択' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/ko-kr.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/ko-kr.js new file mode 100644 index 0000000000..cb43e2ec04 --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/ko-kr.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 11); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 11: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Korean + * @author NHN FE Development Lab + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['ko', 'ko-KR'], { + Markdown: '마크다운', + WYSIWYG: '위지윅', + Write: '편집하기', + Preview: '미리보기', + Headings: '제목크기', + Paragraph: '본문', + Bold: '굵게', + Italic: '기울임꼴', + Strike: '취소선', + Code: '인라인 코드', + Line: '문단나눔', + Blockquote: '인용구', + 'Unordered list': '글머리 기호', + 'Ordered list': '번호 매기기', + Task: '체크박스', + Indent: '들여쓰기', + Outdent: '내어쓰기', + 'Insert link': '링크 삽입', + 'Insert CodeBlock': '코드블럭 삽입', + 'Insert table': '표 삽입', + 'Insert image': '이미지 삽입', + Heading: '제목', + 'Image URL': '이미지 주소', + 'Select image file': '이미지 파일을 선택하세요.', + Description: '설명', + OK: '확인', + More: '더 보기', + Cancel: '취소', + File: '파일', + URL: '주소', + 'Link text': '링크 텍스트', + 'Add row': '행 추가', + 'Add col': '열 추가', + 'Remove row': '행 삭제', + 'Remove col': '열 삭제', + 'Align left': '왼쪽 정렬', + 'Align center': '가운데 정렬', + 'Align right': '오른쪽 정렬', + 'Remove table': '표 삭제', + 'Would you like to paste as table?': '표형태로 붙여 넣겠습니까?', + 'Text color': '글자 색상', + 'Auto scroll enabled': '자동 스크롤 켜짐', + 'Auto scroll disabled': '자동 스크롤 꺼짐', + 'Choose language': '언어 선택' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/nb-no.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/nb-no.js new file mode 100644 index 0000000000..3be393c544 --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/nb-no.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 12); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 12: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Norwegian + * @author Anton Reytarovskiy + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['nb', 'nb-NO'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Skriv', + Preview: 'Forhåndsvis', + Headings: 'Overskrifter', + Paragraph: 'Avsnitt', + Bold: 'Fet skrift', + Italic: 'Kursiv', + Strike: 'Gjennomstrek', + Code: 'Kode', + Line: 'Linje', + Blockquote: 'Blokksitat', + 'Unordered list': 'Usortert liste', + 'Ordered list': 'Sortert liste', + Task: 'Task', + Indent: 'Indent', + Outdent: 'Outdent', + 'Insert link': 'Sett inn lenke', + 'Insert CodeBlock': 'Sett inn CodeStreng', + 'Insert table': 'Sett inn diagram', + 'Insert image': 'Sett inn bilde', + Heading: 'Overskrift', + 'Image URL': 'BildeURL', + 'Select image file': 'Velg bildefil', + Description: 'Beskrivelse', + OK: 'OK', + More: 'Mer', + Cancel: 'Angre', + File: 'Fil', + URL: 'URL', + 'Link text': 'Lenketekst', + 'Add row': 'Legg til rad', + 'Add col': 'Legg til kolonne', + 'Remove row': 'Fjern rad', + 'Remove col': 'Fjern kolonne', + 'Align left': 'Venstreorienter', + 'Align center': 'Senterorienter', + 'Align right': 'Høyreorienter', + 'Remove table': 'Fjern diagram', + 'Would you like to paste as table?': 'Ønsker du å lime inn som en tabell?', + 'Text color': 'Tekstfarge', + 'Auto scroll enabled': 'Auto-scroll aktivert', + 'Auto scroll disabled': 'Auto-scroll deaktivert', + 'Choose language': 'Velg språk' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/nl-nl.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/nl-nl.js new file mode 100644 index 0000000000..b55d49c628 --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/nl-nl.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 13); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 13: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Dutch + * @author NHN FE Development Lab + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['nl', 'nl-NL'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Opslaan', + Preview: 'Voorbeeld', + Headings: 'Koppen', + Paragraph: 'Alinea', + Bold: 'Vet', + Italic: 'Cursief', + Strike: 'Doorhalen', + Code: 'Inline code', + Line: 'Regel', + Blockquote: 'Citaatblok', + 'Unordered list': 'Opsomming', + 'Ordered list': 'Genummerde opsomming', + Task: 'Taak', + Indent: 'Niveau verhogen', + Outdent: 'Niveau verlagen', + 'Insert link': 'Link invoegen', + 'Insert CodeBlock': 'Codeblok toevoegen', + 'Insert table': 'Tabel invoegen', + 'Insert image': 'Afbeelding invoegen', + Heading: 'Kop', + 'Image URL': 'Afbeelding URL', + 'Select image file': 'Selecteer een afbeelding', + Description: 'Omschrijving', + OK: 'OK', + More: 'Meer', + Cancel: 'Annuleren', + File: 'Bestand', + URL: 'URL', + 'Link text': 'Link tekst', + 'Add row': 'Rij toevoegen', + 'Add col': 'Kolom toevoegen', + 'Remove row': 'Rij verwijderen', + 'Remove col': 'Kolom verwijderen', + 'Align left': 'Links uitlijnen', + 'Align center': 'Centreren', + 'Align right': 'Rechts uitlijnen', + 'Remove table': 'Verwijder tabel', + 'Would you like to paste as table?': 'Wil je dit als tabel plakken?', + 'Text color': 'Tekstkleur', + 'Auto scroll enabled': 'Autoscroll ingeschakeld', + 'Auto scroll disabled': 'Autoscroll uitgeschakeld', + 'Choose language': 'Kies een taal' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/pl-pl.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/pl-pl.js new file mode 100644 index 0000000000..acb8b23ad1 --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/pl-pl.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 14); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 14: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Polish + * @author Marcin Mikołajczak + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['pl', 'pl-PL'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Napisz', + Preview: 'Podgląd', + Headings: 'Nagłówki', + Paragraph: 'Akapit', + Bold: 'Pogrubienie', + Italic: 'Kursywa', + Strike: 'Przekreślenie', + Code: 'Fragment kodu', + Line: 'Linia', + Blockquote: 'Cytat', + 'Unordered list': 'Lista nieuporządkowana', + 'Ordered list': 'Lista uporządkowana', + Task: 'Zadanie', + Indent: 'Utwórz wcięcie', + Outdent: 'Usuń wcięcie', + 'Insert link': 'Umieść odnośnik', + 'Insert CodeBlock': 'Umieść blok kodu', + 'Insert table': 'Umieść tabelę', + 'Insert image': 'Umieść obraz', + Heading: 'Nagłówek', + 'Image URL': 'Adres URL obrazu', + 'Select image file': 'Wybierz plik obrazu', + Description: 'Opis', + OK: 'OK', + More: 'Więcej', + Cancel: 'Anuluj', + File: 'Plik', + URL: 'URL', + 'Link text': 'Tekst odnośnika', + 'Add row': 'Dodaj rząd', + 'Add col': 'Dodaj kolumnę', + 'Remove row': 'Usuń rząd', + 'Remove col': 'Usuń kolumnę', + 'Align left': 'Wyrównaj do lewej', + 'Align center': 'Wyśrodkuj', + 'Align right': 'Wyrównaj do prawej', + 'Remove table': 'Usuń tabelę', + 'Would you like to paste as table?': 'Czy chcesz wkleić tekst jako tabelę?', + 'Text color': 'Kolor tekstu', + 'Auto scroll enabled': 'Włączono automatyczne przewijanie', + 'Auto scroll disabled': 'Wyłączono automatyczne przewijanie', + 'Choose language': 'Wybierz język' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/pt-br.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/pt-br.js new file mode 100644 index 0000000000..c5eb97233b --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/pt-br.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 15); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 15: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Português + * @author Nícolas Huber + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['pt', 'pt-BR'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Escrever', + Preview: 'Pré-visualizar', + Headings: 'Cabeçalhos', + Paragraph: 'Parágrafo', + Bold: 'Negrito', + Italic: 'Itálico', + Strike: 'Traçado', + Code: 'Código', + Line: 'Linha', + Blockquote: 'Bloco de citação', + 'Unordered list': 'Lista não ordenada', + 'Ordered list': 'Lista ordenada', + Task: 'Tarefa', + Indent: 'Recuo à esquerda', + Outdent: 'Recuo à direita', + 'Insert link': 'Inserir link', + 'Insert CodeBlock': 'Inserir bloco de código', + 'Insert table': 'Inserir tabela', + 'Insert image': 'Inserir imagem', + Heading: 'Título', + 'Image URL': 'URL da imagem', + 'Select image file': 'Selecione um arquivo de imagem', + Description: 'Descrição', + OK: 'OK', + More: 'Mais', + Cancel: 'Cancelar', + File: 'Arquivo', + URL: 'URL', + 'Link text': 'Link de texto', + 'Add row': 'Adicionar linha', + 'Add col': 'Adicionar coluna', + 'Remove row': 'Remover linha', + 'Remove col': 'Remover coluna', + 'Align left': 'Alinhar à esquerda', + 'Align center': 'Alinhar ao centro', + 'Align right': 'Alinhar à direita', + 'Remove table': 'Remover tabela', + 'Would you like to paste as table?': 'Você gostaria de colar como mesa?', + 'Text color': 'Cor do texto', + 'Auto scroll enabled': 'Rolagem automática habilitada', + 'Auto scroll disabled': 'Rolagem automática desabilitada', + 'Choose language': 'Escolher linguagem' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/ru-ru.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/ru-ru.js new file mode 100644 index 0000000000..dd2a5462f5 --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/ru-ru.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 16); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 16: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Russian + * @author Stepan Samko + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['ru', 'ru-RU'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Написать', + Preview: 'Предварительный просмотр', + Headings: 'Заголовки', + Paragraph: 'Абзац', + Bold: 'Жирный', + Italic: 'Курсив', + Strike: 'Зачеркнутый', + Code: 'Встроенный код', + Line: 'Строка', + Blockquote: 'Блок цитирования', + 'Unordered list': 'Неупорядоченный список', + 'Ordered list': 'Упорядоченный список', + Task: 'Задача', + Indent: 'отступ', + Outdent: 'Выступ', + 'Insert link': 'Вставить ссылку', + 'Insert CodeBlock': 'Вставить код', + 'Insert table': 'Вставить таблицу', + 'Insert image': 'Вставить изображение', + Heading: 'Заголовок', + 'Image URL': 'URL изображения', + 'Select image file': 'Выбрать файл изображения', + Description: 'Описание', + OK: 'Хорошо', + More: 'еще', + Cancel: 'Отмена', + File: 'Файл', + URL: 'URL', + 'Link text': 'Текст ссылки', + 'Add row': 'Добавить ряд', + 'Add col': 'Добавить столбец', + 'Remove row': 'Удалить ряд', + 'Remove col': 'Удалить столбец', + 'Align left': 'Выровнять по левому краю', + 'Align center': 'Выровнять по центру', + 'Align right': 'Выровнять по правому краю', + 'Remove table': 'Удалить таблицу', + 'Would you like to paste as table?': 'Вы хотите вставить в виде таблицы?', + 'Text color': 'Цвет текста', + 'Auto scroll enabled': 'Автоматическая прокрутка включена', + 'Auto scroll disabled': 'Автоматическая прокрутка отключена', + 'Choose language': 'Выбрать язык' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/sv-se.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/sv-se.js new file mode 100644 index 0000000000..8a69357086 --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/sv-se.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 17); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 17: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Swedish + * @author Magnus Aspling + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['sv', 'sv-SE'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Skriv', + Preview: 'Förhandsgranska', + Headings: 'Överskrifter', + Paragraph: 'Paragraf', + Bold: 'Fet', + Italic: 'Kursiv', + Strike: 'Genomstruken', + Code: 'Kodrad', + Line: 'Linje', + Blockquote: 'Citatblock', + 'Unordered list': 'Punktlista', + 'Ordered list': 'Numrerad lista', + Task: 'Att göra', + Indent: 'Öka indrag', + Outdent: 'Minska indrag', + 'Insert link': 'Infoga länk', + 'Insert CodeBlock': 'Infoga kodblock', + 'Insert table': 'Infoga tabell', + 'Insert image': 'Infoga bild', + Heading: 'Överskrift', + 'Image URL': 'Bildadress', + 'Select image file': 'Välj en bildfil', + Description: 'Beskrivning', + OK: 'OK', + More: 'Mer', + Cancel: 'Avbryt', + File: 'Fil', + URL: 'Adress', + 'Link text': 'Länktext', + 'Add row': 'Infoga rad', + 'Add col': 'Infoga kolumn', + 'Remove row': 'Radera rad', + 'Remove col': 'Radera kolumn', + 'Align left': 'Vänsterjustera', + 'Align center': 'Centrera', + 'Align right': 'Högerjustera', + 'Remove table': 'Radera tabell', + 'Would you like to paste as table?': 'Vill du klistra in som en tabell?', + 'Text color': 'Textfärg', + 'Auto scroll enabled': 'Automatisk scroll aktiverad', + 'Auto scroll disabled': 'Automatisk scroll inaktiverad', + 'Choose language': 'Välj språk' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/tr-tr.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/tr-tr.js new file mode 100644 index 0000000000..5a6e877f6f --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/tr-tr.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 18); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 18: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Turkish + * @author Mesut Gölcük + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['tr', 'tr-TR'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Düzenle', + Preview: 'Ön izleme', + Headings: 'Başlıklar', + Paragraph: 'Paragraf', + Bold: 'Kalın', + Italic: 'İtalik', + Strike: 'Altı çizgili', + Code: 'Satır içi kod', + Line: 'Çizgi', + Blockquote: 'Alıntı', + 'Unordered list': 'Sıralanmamış liste', + 'Ordered list': 'Sıralı liste', + Task: 'Görev kutusu', + Indent: 'Girintiyi arttır', + Outdent: 'Girintiyi azalt', + 'Insert link': 'Bağlantı ekle', + 'Insert CodeBlock': 'Kod bloku ekle', + 'Insert table': 'Tablo ekle', + 'Insert image': 'İmaj ekle', + Heading: 'Başlık', + 'Image URL': 'İmaj URL', + 'Select image file': 'İmaj dosyası seç', + Description: 'Açıklama', + OK: 'Onay', + More: 'Daha Fazla', + Cancel: 'İptal', + File: 'Dosya', + URL: 'URL', + 'Link text': 'Bağlantı yazısı', + 'Add row': 'Satır ekle', + 'Add col': 'Sütun ekle', + 'Remove row': 'Satır sil', + 'Remove col': 'Sütun sil', + 'Align left': 'Sola hizala', + 'Align center': 'Merkeze hizala', + 'Align right': 'Sağa hizala', + 'Remove table': 'Tabloyu kaldır', + 'Would you like to paste as table?': 'Tablo olarak yapıştırmak ister misiniz?', + 'Text color': 'Metin rengi', + 'Auto scroll enabled': 'Otomatik kaydırma açık', + 'Auto scroll disabled': 'Otomatik kaydırma kapalı', + 'Choose language': 'Dil seçiniz' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/uk-ua.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/uk-ua.js new file mode 100644 index 0000000000..e42497035e --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/uk-ua.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 19); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 19: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Ukrainian + * @author Nikolya + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['uk', 'uk-UA'], { + Markdown: 'Markdown', + WYSIWYG: 'WYSIWYG', + Write: 'Написати', + Preview: 'Попередній перегляд', + Headings: 'Заголовки', + Paragraph: 'Абзац', + Bold: 'Жирний', + Italic: 'Курсив', + Strike: 'Закреслений', + Code: 'Вбудований код', + Line: 'Лінія', + Blockquote: 'Блок цитування', + 'Unordered list': 'Невпорядкований список', + 'Ordered list': 'Упорядкований список', + Task: 'Завдання', + Indent: 'відступ', + Outdent: 'застарілий', + 'Insert link': 'Вставити посилання', + 'Insert CodeBlock': 'Вставити код', + 'Insert table': 'Вставити таблицю', + 'Insert image': 'Вставити зображення', + Heading: 'Заголовок', + 'Image URL': 'URL зображення', + 'Select image file': 'Вибрати файл зображення', + Description: 'Опис', + OK: 'OK', + More: 'ще', + Cancel: 'Скасувати', + File: 'Файл', + URL: 'URL', + 'Link text': 'Текст посилання', + 'Add row': 'Додати ряд', + 'Add col': 'Додати стовпчик', + 'Remove row': 'Видалити ряд', + 'Remove col': 'Видалити стовпчик', + 'Align left': 'Вирівняти по лівому краю', + 'Align center': 'Вирівняти по центру', + 'Align right': 'Вирівняти по правому краю', + 'Remove table': 'Видалити таблицю', + 'Would you like to paste as table?': 'Ви хочете вставити у вигляді таблиці?', + 'Text color': 'Колір тексту', + 'Auto scroll enabled': 'Автоматична прокрутка включена', + 'Auto scroll disabled': 'Автоматична прокрутка відключена', + 'Choose language': 'Вибрати мову' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/zh-cn.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/zh-cn.js new file mode 100644 index 0000000000..5dd3332e70 --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/zh-cn.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 20); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 20: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Chinese + * @author NHN FE Development Lab + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage('zh-CN', { + Markdown: 'Markdown', + WYSIWYG: '所见即所得', + Write: '编辑', + Preview: '预览', + Headings: '标题', + Paragraph: '文本', + Bold: '加粗', + Italic: '斜体字', + Strike: '删除线', + Code: '内嵌代码', + Line: '水平线', + Blockquote: '引用块', + 'Unordered list': '无序列表', + 'Ordered list': '有序列表', + Task: '任务', + Indent: '缩进', + Outdent: '减少缩进', + 'Insert link': '插入链接', + 'Insert CodeBlock': '插入代码块', + 'Insert table': '插入表格', + 'Insert image': '插入图片', + Heading: '标题', + 'Image URL': '图片网址', + 'Select image file': '选择图片文件', + Description: '说明', + OK: '确认', + More: '更多', + Cancel: '取消', + File: '文件', + URL: 'URL', + 'Link text': '链接文本', + 'Add row': '添加行', + 'Add col': '添加列', + 'Remove row': '删除行', + 'Remove col': '删除列', + 'Align left': '左对齐', + 'Align center': '居中对齐', + 'Align right': '右对齐', + 'Remove table': '删除表格', + 'Would you like to paste as table?': '需要粘贴为表格吗?', + 'Text color': '文字颜色', + 'Auto scroll enabled': '自动滚动已启用', + 'Auto scroll disabled': '自动滚动已禁用', + 'Choose language': '选择语言' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/zh-tw.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/zh-tw.js new file mode 100644 index 0000000000..684b689d8a --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/i18n/zh-tw.js @@ -0,0 +1,174 @@ +/*! + * TOAST UI Editor : i18n + * @version 2.5.1 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(require("@toast-ui/editor")); + else if(typeof define === 'function' && define.amd) + define(["@toast-ui/editor"], factory); + else { + var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]); + for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i]; + } +})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 21); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ 0: +/***/ (function(module, exports) { + +module.exports = __WEBPACK_EXTERNAL_MODULE__0__; + +/***/ }), + +/***/ 21: +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); +/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__); +/** + * @fileoverview I18N for Traditional Chinese + * @author Tzu-Ray Su + */ + +_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage('zh-TW', { + Markdown: 'Markdown', + WYSIWYG: '所見即所得', + Write: '編輯', + Preview: '預覽', + Headings: '標題', + Paragraph: '內文', + Bold: '粗體', + Italic: '斜體', + Strike: '刪除線', + Code: '內嵌程式碼', + Line: '分隔線', + Blockquote: '引言', + 'Unordered list': '項目符號清單', + 'Ordered list': '編號清單', + Task: '核取方塊清單', + Indent: '增加縮排', + Outdent: '減少縮排', + 'Insert link': '插入超連結', + 'Insert CodeBlock': '插入程式碼區塊', + 'Insert table': '插入表格', + 'Insert image': '插入圖片', + Heading: '標題', + 'Image URL': '圖片網址', + 'Select image file': '選擇圖片檔案', + Description: '描述', + OK: '確認', + More: '更多', + Cancel: '取消', + File: '檔案', + URL: 'URL', + 'Link text': '超連結文字', + 'Add row': '增加行', + 'Add col': '增加列', + 'Remove row': '刪除行', + 'Remove col': '刪除列', + 'Align left': '靠左對齊', + 'Align center': '置中', + 'Align right': '靠右對齊', + 'Remove table': '刪除表格', + 'Would you like to paste as table?': '您要以表格貼上嗎？', + 'Text color': '文字顏色', + 'Auto scroll enabled': '已啟用自動滾動', + 'Auto scroll disabled': '已停用自動滾動', + 'Choose language': '選擇語言' +}); + +/***/ }) + +/******/ }); +}); \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastr.css b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastr.css deleted file mode 100644 index 76f7f572e6..0000000000 --- a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastr.css +++ /dev/null @@ -1,228 +0,0 @@ -.toast-title { - font-weight: bold; -} -.toast-message { - -ms-word-wrap: break-word; - word-wrap: break-word; -} -.toast-message a, -.toast-message label { - color: #FFFFFF; -} -.toast-message a:hover { - color: #CCCCCC; - text-decoration: none; -} -.toast-close-button { - position: relative; - right: -0.3em; - top: -0.3em; - float: right; - font-size: 20px; - font-weight: bold; - color: #FFFFFF; - -webkit-text-shadow: 0 1px 0 #ffffff; - text-shadow: 0 1px 0 #ffffff; - opacity: 0.8; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); - filter: alpha(opacity=80); - line-height: 1; -} -.toast-close-button:hover, -.toast-close-button:focus { - color: #000000; - text-decoration: none; - cursor: pointer; - opacity: 0.4; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); - filter: alpha(opacity=40); -} -.rtl .toast-close-button { - left: -0.3em; - float: left; - right: 0.3em; -} -/*Additional properties for button version - iOS requires the button element instead of an anchor tag. - If you want the anchor version, it requires `href="#"`.*/ -button.toast-close-button { - padding: 0; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; -} -.toast-top-center { - top: 0; - right: 0; - width: 100%; -} -.toast-bottom-center { - bottom: 0; - right: 0; - width: 100%; -} -.toast-top-full-width { - top: 0; - right: 0; - width: 100%; -} -.toast-bottom-full-width { - bottom: 0; - right: 0; - width: 100%; -} -.toast-top-left { - top: 12px; - left: 12px; -} -.toast-top-right { - top: 12px; - right: 12px; -} -.toast-bottom-right { - right: 12px; - bottom: 12px; -} -.toast-bottom-left { - bottom: 12px; - left: 12px; -} -#toast-container { - position: fixed; - z-index: 999999; - pointer-events: none; - /*overrides*/ -} -#toast-container * { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -#toast-container > div { - position: relative; - pointer-events: auto; - overflow: hidden; - margin: 0 0 6px; - padding: 15px 15px 15px 50px; - width: 300px; - -moz-border-radius: 3px 3px 3px 3px; - -webkit-border-radius: 3px 3px 3px 3px; - border-radius: 3px 3px 3px 3px; - background-position: 15px center; - background-repeat: no-repeat; - -moz-box-shadow: 0 0 12px #999999; - -webkit-box-shadow: 0 0 12px #999999; - box-shadow: 0 0 12px #999999; - color: #FFFFFF; - opacity: 0.8; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); - filter: alpha(opacity=80); -} -#toast-container > div.rtl { - direction: rtl; - padding: 15px 50px 15px 15px; - background-position: right 15px center; -} -#toast-container > div:hover { - -moz-box-shadow: 0 0 12px #000000; - -webkit-box-shadow: 0 0 12px #000000; - box-shadow: 0 0 12px #000000; - opacity: 1; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); - filter: alpha(opacity=100); - cursor: pointer; -} -#toast-container > .toast-info { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; -} -#toast-container > .toast-error { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; -} -#toast-container > .toast-success { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; -} -#toast-container > .toast-warning { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; -} -#toast-container.toast-top-center > div, -#toast-container.toast-bottom-center > div { - width: 300px; - margin-left: auto; - margin-right: auto; -} -#toast-container.toast-top-full-width > div, -#toast-container.toast-bottom-full-width > div { - width: 96%; - margin-left: auto; - margin-right: auto; -} -.toast { - background-color: #030303; -} -.toast-success { - background-color: #51A351; -} -.toast-error { - background-color: #BD362F; -} -.toast-info { - background-color: #2F96B4; -} -.toast-warning { - background-color: #F89406; -} -.toast-progress { - position: absolute; - left: 0; - bottom: 0; - height: 4px; - background-color: #000000; - opacity: 0.4; - -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); - filter: alpha(opacity=40); -} -/*Responsive Design*/ -@media all and (max-width: 240px) { - #toast-container > div { - padding: 8px 8px 8px 50px; - width: 11em; - } - #toast-container > div.rtl { - padding: 8px 50px 8px 8px; - } - #toast-container .toast-close-button { - right: -0.2em; - top: -0.2em; - } - #toast-container .rtl .toast-close-button { - left: -0.2em; - right: 0.2em; - } -} -@media all and (min-width: 241px) and (max-width: 480px) { - #toast-container > div { - padding: 8px 8px 8px 50px; - width: 18em; - } - #toast-container > div.rtl { - padding: 8px 50px 8px 8px; - } - #toast-container .toast-close-button { - right: -0.2em; - top: -0.2em; - } - #toast-container .rtl .toast-close-button { - left: -0.2em; - right: 0.2em; - } -} -@media all and (min-width: 481px) and (max-width: 768px) { - #toast-container > div { - padding: 15px 15px 15px 50px; - width: 25em; - } - #toast-container > div.rtl { - padding: 15px 50px 15px 15px; - } -} diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastr.js.map b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastr.js.map deleted file mode 100644 index 47a9639aba..0000000000 --- a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastr.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["toastr.js"],"names":["define","$","error","message","title","optionsOverride","notify","type","toastType","iconClass","getOptions","iconClasses","getContainer","options","create","$container","containerId","length","createContainer","info","subscribe","callback","listener","success","warning","clear","$toastElement","clearOptions","clearToast","clearContainer","remove","removeToast","children","toastsToClear","i","force","hideMethod","duration","hideDuration","easing","hideEasing","complete","attr","addClass","positionClass","appendTo","target","getDefaults","tapToDismiss","toastClass","debug","showMethod","showDuration","showEasing","onShown","undefined","onHidden","closeMethod","closeDuration","closeEasing","closeOnHover","extendedTimeOut","timeOut","titleClass","messageClass","escapeHtml","closeHtml","closeClass","newestOnTop","preventDuplicates","progressBar","progressClass","rtl","publish","args","map","source","replace","personalizeToast","setIcon","setTitle","setMessage","setCloseButton","setProgressBar","setRTL","setSequence","setAria","ariaValue","handleEvents","hover","stickAround","delayedHideToast","onclick","click","hideToast","closeButton","$closeElement","event","stopPropagation","cancelBubble","onCloseClick","displayToast","hide","intervalId","setTimeout","maxHideTime","parseFloat","hideEta","Date","getTime","setInterval","updateProgress","prepend","append","suffix","$titleElement","$messageElement","$progressElement","shouldExit","previousToast","override","method","clearTimeout","response","state","endTime","stop","percentage","width","extend","toastId","startTime","console","log","toastr","is","version","amd","deps","factory","module","exports","require","window","jQuery"],"mappings":"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","file":"toastr.js","sourcesContent":["/*\n * Toastr\n * Copyright 2012-2015\n * Authors: John Papa, Hans Fjällemark, and Tim Ferrell.\n * All Rights Reserved.\n * Use, reproduction, distribution, and modification of this code is subject to the terms and\n * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php\n *\n * ARIA Support: Greta Krafsig\n *\n * Project: https://github.com/CodeSeven/toastr\n */\n/* global define */\n(function (define) {\n define(['jquery'], function ($) {\n return (function () {\n var $container;\n var listener;\n var toastId = 0;\n var toastType = {\n error: 'error',\n info: 'info',\n success: 'success',\n warning: 'warning'\n };\n\n var toastr = {\n clear: clear,\n remove: remove,\n error: error,\n getContainer: getContainer,\n info: info,\n options: {},\n subscribe: subscribe,\n success: success,\n version: '2.1.4',\n warning: warning\n };\n\n var previousToast;\n\n return toastr;\n\n ////////////////\n\n function error(message, title, optionsOverride) {\n return notify({\n type: toastType.error,\n iconClass: getOptions().iconClasses.error,\n message: message,\n optionsOverride: optionsOverride,\n title: title\n });\n }\n\n function getContainer(options, create) {\n if (!options) { options = getOptions(); }\n $container = $('#' + options.containerId);\n if ($container.length) {\n return $container;\n }\n if (create) {\n $container = createContainer(options);\n }\n return $container;\n }\n\n function info(message, title, optionsOverride) {\n return notify({\n type: toastType.info,\n iconClass: getOptions().iconClasses.info,\n message: message,\n optionsOverride: optionsOverride,\n title: title\n });\n }\n\n function subscribe(callback) {\n listener = callback;\n }\n\n function success(message, title, optionsOverride) {\n return notify({\n type: toastType.success,\n iconClass: getOptions().iconClasses.success,\n message: message,\n optionsOverride: optionsOverride,\n title: title\n });\n }\n\n function warning(message, title, optionsOverride) {\n return notify({\n type: toastType.warning,\n iconClass: getOptions().iconClasses.warning,\n message: message,\n optionsOverride: optionsOverride,\n title: title\n });\n }\n\n function clear($toastElement, clearOptions) {\n var options = getOptions();\n if (!$container) { getContainer(options); }\n if (!clearToast($toastElement, options, clearOptions)) {\n clearContainer(options);\n }\n }\n\n function remove($toastElement) {\n var options = getOptions();\n if (!$container) { getContainer(options); }\n if ($toastElement && $(':focus', $toastElement).length === 0) {\n removeToast($toastElement);\n return;\n }\n if ($container.children().length) {\n $container.remove();\n }\n }\n\n // internal functions\n\n function clearContainer (options) {\n var toastsToClear = $container.children();\n for (var i = toastsToClear.length - 1; i >= 0; i--) {\n clearToast($(toastsToClear[i]), options);\n }\n }\n\n function clearToast ($toastElement, options, clearOptions) {\n var force = clearOptions && clearOptions.force ? clearOptions.force : false;\n if ($toastElement && (force || $(':focus', $toastElement).length === 0)) {\n $toastElement[options.hideMethod]({\n duration: options.hideDuration,\n easing: options.hideEasing,\n complete: function () { removeToast($toastElement); }\n });\n return true;\n }\n return false;\n }\n\n function createContainer(options) {\n $container = $('
')\n .attr('id', options.containerId)\n .addClass(options.positionClass);\n\n $container.appendTo($(options.target));\n return $container;\n }\n\n function getDefaults() {\n return {\n tapToDismiss: true,\n toastClass: 'toast',\n containerId: 'toast-container',\n debug: false,\n\n showMethod: 'fadeIn', //fadeIn, slideDown, and show are built into jQuery\n showDuration: 300,\n showEasing: 'swing', //swing and linear are built into jQuery\n onShown: undefined,\n hideMethod: 'fadeOut',\n hideDuration: 1000,\n hideEasing: 'swing',\n onHidden: undefined,\n closeMethod: false,\n closeDuration: false,\n closeEasing: false,\n closeOnHover: true,\n\n extendedTimeOut: 1000,\n iconClasses: {\n error: 'toast-error',\n info: 'toast-info',\n success: 'toast-success',\n warning: 'toast-warning'\n },\n iconClass: 'toast-info',\n positionClass: 'toast-top-right',\n timeOut: 5000, // Set timeOut and extendedTimeOut to 0 to make it sticky\n titleClass: 'toast-title',\n messageClass: 'toast-message',\n escapeHtml: false,\n target: 'body',\n closeHtml: '',\n closeClass: 'toast-close-button',\n newestOnTop: true,\n preventDuplicates: false,\n progressBar: false,\n progressClass: 'toast-progress',\n rtl: false\n };\n }\n\n function publish(args) {\n if (!listener) { return; }\n listener(args);\n }\n\n function notify(map) {\n var options = getOptions();\n var iconClass = map.iconClass || options.iconClass;\n\n if (typeof (map.optionsOverride) !== 'undefined') {\n options = $.extend(options, map.optionsOverride);\n iconClass = map.optionsOverride.iconClass || iconClass;\n }\n\n if (shouldExit(options, map)) { return; }\n\n toastId++;\n\n $container = getContainer(options, true);\n\n var intervalId = null;\n var $toastElement = $('
');\n var $titleElement = $('
');\n var $messageElement = $('
');\n var $progressElement = $('
');\n var $closeElement = $(options.closeHtml);\n var progressBar = {\n intervalId: null,\n hideEta: null,\n maxHideTime: null\n };\n var response = {\n toastId: toastId,\n state: 'visible',\n startTime: new Date(),\n options: options,\n map: map\n };\n\n personalizeToast();\n\n displayToast();\n\n handleEvents();\n\n publish(response);\n\n if (options.debug && console) {\n console.log(response);\n }\n\n return $toastElement;\n\n function escapeHtml(source) {\n if (source == null) {\n source = '';\n }\n\n return source\n .replace(/&/g, '&')\n .replace(/\"/g, '"')\n .replace(/'/g, ''')\n .replace(//g, '>');\n }\n\n function personalizeToast() {\n setIcon();\n setTitle();\n setMessage();\n setCloseButton();\n setProgressBar();\n setRTL();\n setSequence();\n setAria();\n }\n\n function setAria() {\n var ariaValue = '';\n switch (map.iconClass) {\n case 'toast-success':\n case 'toast-info':\n ariaValue = 'polite';\n break;\n default:\n ariaValue = 'assertive';\n }\n $toastElement.attr('aria-live', ariaValue);\n }\n\n function handleEvents() {\n if (options.closeOnHover) {\n $toastElement.hover(stickAround, delayedHideToast);\n }\n\n if (!options.onclick && options.tapToDismiss) {\n $toastElement.click(hideToast);\n }\n\n if (options.closeButton && $closeElement) {\n $closeElement.click(function (event) {\n if (event.stopPropagation) {\n event.stopPropagation();\n } else if (event.cancelBubble !== undefined && event.cancelBubble !== true) {\n event.cancelBubble = true;\n }\n\n if (options.onCloseClick) {\n options.onCloseClick(event);\n }\n\n hideToast(true);\n });\n }\n\n if (options.onclick) {\n $toastElement.click(function (event) {\n options.onclick(event);\n hideToast();\n });\n }\n }\n\n function displayToast() {\n $toastElement.hide();\n\n $toastElement[options.showMethod](\n {duration: options.showDuration, easing: options.showEasing, complete: options.onShown}\n );\n\n if (options.timeOut > 0) {\n intervalId = setTimeout(hideToast, options.timeOut);\n progressBar.maxHideTime = parseFloat(options.timeOut);\n progressBar.hideEta = new Date().getTime() + progressBar.maxHideTime;\n if (options.progressBar) {\n progressBar.intervalId = setInterval(updateProgress, 10);\n }\n }\n }\n\n function setIcon() {\n if (map.iconClass) {\n $toastElement.addClass(options.toastClass).addClass(iconClass);\n }\n }\n\n function setSequence() {\n if (options.newestOnTop) {\n $container.prepend($toastElement);\n } else {\n $container.append($toastElement);\n }\n }\n\n function setTitle() {\n if (map.title) {\n var suffix = map.title;\n if (options.escapeHtml) {\n suffix = escapeHtml(map.title);\n }\n $titleElement.append(suffix).addClass(options.titleClass);\n $toastElement.append($titleElement);\n }\n }\n\n function setMessage() {\n if (map.message) {\n var suffix = map.message;\n if (options.escapeHtml) {\n suffix = escapeHtml(map.message);\n }\n $messageElement.append(suffix).addClass(options.messageClass);\n $toastElement.append($messageElement);\n }\n }\n\n function setCloseButton() {\n if (options.closeButton) {\n $closeElement.addClass(options.closeClass).attr('role', 'button');\n $toastElement.prepend($closeElement);\n }\n }\n\n function setProgressBar() {\n if (options.progressBar) {\n $progressElement.addClass(options.progressClass);\n $toastElement.prepend($progressElement);\n }\n }\n\n function setRTL() {\n if (options.rtl) {\n $toastElement.addClass('rtl');\n }\n }\n\n function shouldExit(options, map) {\n if (options.preventDuplicates) {\n if (map.message === previousToast) {\n return true;\n } else {\n previousToast = map.message;\n }\n }\n return false;\n }\n\n function hideToast(override) {\n var method = override && options.closeMethod !== false ? options.closeMethod : options.hideMethod;\n var duration = override && options.closeDuration !== false ?\n options.closeDuration : options.hideDuration;\n var easing = override && options.closeEasing !== false ? options.closeEasing : options.hideEasing;\n if ($(':focus', $toastElement).length && !override) {\n return;\n }\n clearTimeout(progressBar.intervalId);\n return $toastElement[method]({\n duration: duration,\n easing: easing,\n complete: function () {\n removeToast($toastElement);\n clearTimeout(intervalId);\n if (options.onHidden && response.state !== 'hidden') {\n options.onHidden();\n }\n response.state = 'hidden';\n response.endTime = new Date();\n publish(response);\n }\n });\n }\n\n function delayedHideToast() {\n if (options.timeOut > 0 || options.extendedTimeOut > 0) {\n intervalId = setTimeout(hideToast, options.extendedTimeOut);\n progressBar.maxHideTime = parseFloat(options.extendedTimeOut);\n progressBar.hideEta = new Date().getTime() + progressBar.maxHideTime;\n }\n }\n\n function stickAround() {\n clearTimeout(intervalId);\n progressBar.hideEta = 0;\n $toastElement.stop(true, true)[options.showMethod](\n {duration: options.showDuration, easing: options.showEasing}\n );\n }\n\n function updateProgress() {\n var percentage = ((progressBar.hideEta - (new Date().getTime())) / progressBar.maxHideTime) * 100;\n $progressElement.width(percentage + '%');\n }\n }\n\n function getOptions() {\n return $.extend({}, getDefaults(), toastr.options);\n }\n\n function removeToast($toastElement) {\n if (!$container) { $container = getContainer(); }\n if ($toastElement.is(':visible')) {\n return;\n }\n $toastElement.remove();\n $toastElement = null;\n if ($container.children().length === 0) {\n $container.remove();\n previousToast = undefined;\n }\n }\n\n })();\n });\n}(typeof define === 'function' && define.amd ? define : function (deps, factory) {\n if (typeof module !== 'undefined' && module.exports) { //Node\n module.exports = factory(require('jquery'));\n } else {\n window.toastr = factory(window.jQuery);\n }\n}));\n"]} \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastr.min.css b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastr.min.css deleted file mode 100644 index 064afd0718..0000000000 --- a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastr.min.css +++ /dev/null @@ -1 +0,0 @@ -.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}} \ No newline at end of file diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastr.min.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastr.min.js deleted file mode 100644 index 06e4814ff8..0000000000 --- a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastr.min.js +++ /dev/null @@ -1,2 +0,0 @@ -!function(e){e(["jquery"],function(e){return function(){function t(e,t,n){return g({type:O.error,iconClass:m().iconClasses.error,message:e,optionsOverride:n,title:t})}function n(t,n){return t||(t=m()),v=e("#"+t.containerId),v.length?v:(n&&(v=d(t)),v)}function o(e,t,n){return g({type:O.info,iconClass:m().iconClasses.info,message:e,optionsOverride:n,title:t})}function s(e){C=e}function i(e,t,n){return g({type:O.success,iconClass:m().iconClasses.success,message:e,optionsOverride:n,title:t})}function a(e,t,n){return g({type:O.warning,iconClass:m().iconClasses.warning,message:e,optionsOverride:n,title:t})}function r(e,t){var o=m();v||n(o),u(e,o,t)||l(o)}function c(t){var o=m();return v||n(o),t&&0===e(":focus",t).length?void h(t):void(v.children().length&&v.remove())}function l(t){for(var n=v.children(),o=n.length-1;o>=0;o--)u(e(n[o]),t)}function u(t,n,o){var s=!(!o||!o.force)&&o.force;return!(!t||!s&&0!==e(":focus",t).length)&&(t[n.hideMethod]({duration:n.hideDuration,easing:n.hideEasing,complete:function(){h(t)}}),!0)}function d(t){return v=e("
").attr("id",t.containerId).addClass(t.positionClass),v.appendTo(e(t.target)),v}function p(){return{tapToDismiss:!0,toastClass:"toast",containerId:"toast-container",debug:!1,showMethod:"fadeIn",showDuration:300,showEasing:"swing",onShown:void 0,hideMethod:"fadeOut",hideDuration:1e3,hideEasing:"swing",onHidden:void 0,closeMethod:!1,closeDuration:!1,closeEasing:!1,closeOnHover:!0,extendedTimeOut:1e3,iconClasses:{error:"toast-error",info:"toast-info",success:"toast-success",warning:"toast-warning"},iconClass:"toast-info",positionClass:"toast-top-right",timeOut:5e3,titleClass:"toast-title",messageClass:"toast-message",escapeHtml:!1,target:"body",closeHtml:'',closeClass:"toast-close-button",newestOnTop:!0,preventDuplicates:!1,progressBar:!1,progressClass:"toast-progress",rtl:!1}}function f(e){C&&C(e)}function g(t){function o(e){return null==e&&(e=""),e.replace(/&/g,"&").replace(/"/g,""").replace(/'/g,"'").replace(//g,">")}function s(){c(),u(),d(),p(),g(),C(),l(),i()}function i(){var e="";switch(t.iconClass){case"toast-success":case"toast-info":e="polite";break;default:e="assertive"}I.attr("aria-live",e)}function a(){E.closeOnHover&&I.hover(H,D),!E.onclick&&E.tapToDismiss&&I.click(b),E.closeButton&&j&&j.click(function(e){e.stopPropagation?e.stopPropagation():void 0!==e.cancelBubble&&e.cancelBubble!==!0&&(e.cancelBubble=!0),E.onCloseClick&&E.onCloseClick(e),b(!0)}),E.onclick&&I.click(function(e){E.onclick(e),b()})}function r(){I.hide(),I[E.showMethod]({duration:E.showDuration,easing:E.showEasing,complete:E.onShown}),E.timeOut>0&&(k=setTimeout(b,E.timeOut),F.maxHideTime=parseFloat(E.timeOut),F.hideEta=(new Date).getTime()+F.maxHideTime,E.progressBar&&(F.intervalId=setInterval(x,10)))}function c(){t.iconClass&&I.addClass(E.toastClass).addClass(y)}function l(){E.newestOnTop?v.prepend(I):v.append(I)}function u(){if(t.title){var e=t.title;E.escapeHtml&&(e=o(t.title)),M.append(e).addClass(E.titleClass),I.append(M)}}function d(){if(t.message){var e=t.message;E.escapeHtml&&(e=o(t.message)),B.append(e).addClass(E.messageClass),I.append(B)}}function p(){E.closeButton&&(j.addClass(E.closeClass).attr("role","button"),I.prepend(j))}function g(){E.progressBar&&(q.addClass(E.progressClass),I.prepend(q))}function C(){E.rtl&&I.addClass("rtl")}function O(e,t){if(e.preventDuplicates){if(t.message===w)return!0;w=t.message}return!1}function b(t){var n=t&&E.closeMethod!==!1?E.closeMethod:E.hideMethod,o=t&&E.closeDuration!==!1?E.closeDuration:E.hideDuration,s=t&&E.closeEasing!==!1?E.closeEasing:E.hideEasing;if(!e(":focus",I).length||t)return clearTimeout(F.intervalId),I[n]({duration:o,easing:s,complete:function(){h(I),clearTimeout(k),E.onHidden&&"hidden"!==P.state&&E.onHidden(),P.state="hidden",P.endTime=new Date,f(P)}})}function D(){(E.timeOut>0||E.extendedTimeOut>0)&&(k=setTimeout(b,E.extendedTimeOut),F.maxHideTime=parseFloat(E.extendedTimeOut),F.hideEta=(new Date).getTime()+F.maxHideTime)}function H(){clearTimeout(k),F.hideEta=0,I.stop(!0,!0)[E.showMethod]({duration:E.showDuration,easing:E.showEasing})}function x(){var e=(F.hideEta-(new Date).getTime())/F.maxHideTime*100;q.width(e+"%")}var E=m(),y=t.iconClass||E.iconClass;if("undefined"!=typeof t.optionsOverride&&(E=e.extend(E,t.optionsOverride),y=t.optionsOverride.iconClass||y),!O(E,t)){T++,v=n(E,!0);var k=null,I=e("
"),M=e("
"),B=e("
"),q=e("
"),j=e(E.closeHtml),F={intervalId:null,hideEta:null,maxHideTime:null},P={toastId:T,state:"visible",startTime:new Date,options:E,map:t};return s(),r(),a(),f(P),E.debug&&console&&console.log(P),I}}function m(){return e.extend({},p(),b.options)}function h(e){v||(v=n()),e.is(":visible")||(e.remove(),e=null,0===v.children().length&&(v.remove(),w=void 0))}var v,C,w,T=0,O={error:"error",info:"info",success:"success",warning:"warning"},b={clear:r,remove:c,error:t,getContainer:n,info:o,options:{},subscribe:s,success:i,version:"2.1.4",warning:a};return b}()})}("function"==typeof define&&define.amd?define:function(e,t){"undefined"!=typeof module&&module.exports?module.exports=t(require("jquery")):window.toastr=t(window.jQuery)}); -//# sourceMappingURL=toastr.js.map diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor-old.css b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor-old.css new file mode 100644 index 0000000000..6499cff350 --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor-old.css @@ -0,0 +1,1649 @@ +/*! + * @toast-ui/editor + * @version 2.5.1 | Tue Nov 24 2020 + * @author NHN FE Development Lab + * @license MIT + */ +/* height */ +.auto-height, +.auto-height .tui-editor-defaultUI { + height: auto; +} + +.auto-height .tui-editor { + position: relative; +} + +:not(.auto-height) > .tui-editor-defaultUI, +:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} + +:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section { + -ms-flex: 1; + flex: 1; +} + +/* tui editor */ +.tui-editor:after, +.tui-editor-defaultUI-toolbar:after { + content: ''; + display: block; + height: 0; + clear: both; +} + +.tui-editor { + position: absolute; + line-height: 1; + color: #181818; + width: 100%; + height: inherit; +} + +.te-editor-section { + min-height: 0px; + position: relative; + height: inherit; +} + +.te-md-container { + display: none; + overflow: hidden; + height: 100%; +} + +.te-md-container .te-editor { + line-height: 1.5; +} + +.te-md-container .te-editor, +.te-md-container .te-preview { + box-sizing: border-box; + padding: 0; + height: inherit; +} + +.te-md-container .CodeMirror { + font-size: 13px; + height: inherit; +} + +.te-md-container .te-preview { + overflow: auto; + padding: 0 25px; + height: 100%; +} + +.te-md-container .te-preview > p:first-child { + margin-top: 0 !important; +} + +.te-md-container .te-preview .tui-editor-contents { + padding-top: 8px; +} + +.tui-editor .te-preview-style-tab > .te-editor, +.tui-editor .te-preview-style-tab > .te-preview { + float: left; + width: 100%; + display: none; +} + +.tui-editor .te-preview-style-tab > .te-tab-active { + display: block; +} + +.tui-editor .te-preview-style-vertical > .te-tab-section { + display: none; +} + +.tui-editor .te-preview-style-tab > .te-tab-section { + display: block; +} + +.tui-editor .te-preview-style-vertical .te-editor { + float: left; + width: 50%; +} + +.tui-editor .te-preview-style-vertical .te-preview { + float: left; + width: 50%; +} + +.tui-editor .te-md-splitter { + display: none; + position: absolute; + left: 50%; + top: 0; + height: 100%; + width: 1px; + border-left: 1px solid #e5e5e5; +} + +.tui-editor .te-preview-style-vertical .te-md-splitter { + display: block; +} + +.te-ww-container { + display: none; + overflow: hidden; + z-index: 10; + height: inherit; + background-color: #fff; +} + +.te-ww-container > .te-editor { + overflow: auto; + height: inherit; +} + +.te-ww-container .tui-editor-contents:focus { + outline: none; +} + +.te-ww-container .tui-editor-contents { + padding: 0 25px; +} + +.te-ww-container .tui-editor-contents:first-child { + box-sizing: border-box; + margin: 0px; + padding: 16px 25px 0px 25px; + height: inherit; +} + +.te-ww-container .tui-editor-contents:last-child { + margin-bottom: 16px; +} + +.te-md-mode .te-md-container { + display: block; + z-index: 100; +} + +.te-ww-mode .te-ww-container { + display: block; + z-index: 100; +} + +.tui-editor.te-hide, +.tui-editor-defaultUI.te-hide { + display: none; +} + +.tui-editor-defaultUI .CodeMirror-lines { + padding-top: 18px; + padding-bottom: 18px; +} + +.tui-editor-defaultUI pre.CodeMirror-line { + padding-left: 25px; + padding-right: 25px; +} + +.tui-editor-defaultUI .CodeMirror pre.CodeMirror-placeholder { + margin: 0; + padding-left: 25px; + color: grey; +} + +.tui-editor-defaultUI .CodeMirror-scroll { + cursor: text; +} + +/* Essential element style */ +.tui-editor-contents td.te-cell-selected { + background-color: #d8dfec; +} +.tui-editor-contents td.te-cell-selected::selection { + background-color: #d8dfec; +} +.tui-editor-contents th.te-cell-selected { + background-color: #908f8f; +} +.tui-editor-contents th.te-cell-selected::selection { + background-color: #908f8f; +} + +/* default UI Styles */ +.tui-editor-defaultUI { + position: relative; + border: 1px solid #e5e5e5; + height: 100%; + font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; +} + +.tui-editor-defaultUI button { + color: #fff; + padding: 0px 14px 0px 15px; + height: 28px; + font-size: 12px; + border: none; + cursor: pointer; + outline: none; +} +.tui-editor-defaultUI button.te-ok-button { + background-color: #4b96e6; +} +.tui-editor-defaultUI button.te-close-button { + background-color: #777; +} + +.tui-editor-defaultUI-toolbar { + padding: 0 25px; + height: 31px; + background-color: #fff; + border: 0; + overflow: hidden; +} + +.tui-toolbar-divider { + float: left; + display: inline-block; + width: 1px; + height: 14px; + background-color: #ddd; + margin: 9px 6px; +} + +.tui-toolbar-button-group { + height: 28px; + border-right: 1px solid #d9d9d9; + float: left; +} + +.te-toolbar-section { + height: 32px; + box-sizing: border-box; + border-bottom: 1px solid #e5e5e5; +} + +.tui-editor-defaultUI-toolbar button { + float: left; + box-sizing: border-box; + outline: none; + cursor: pointer; + background-color: #fff; + width: 22px; + height: 22px; + padding: 3px; + border-radius: 0; + margin: 5px 3px; + border: 1px solid #fff; +} + +.tui-editor-defaultUI-toolbar button:hover, +.tui-editor-defaultUI-toolbar button:active, +.tui-editor-defaultUI-toolbar button.active { + border: 1px solid #aaa; + background-color: #fff; +} + +.tui-editor-defaultUI-toolbar button:first-child { + margin-left: 0; +} + +.tui-editor-defaultUI-toolbar button:last-child { + margin-right: 0; +} + +.tui-editor-defaultUI-toolbar button.tui-scrollsync { + width: auto; + color: #777777; + border: 0; +} + +.tui-editor-defaultUI button.tui-scrollsync:after { + content: 'Scroll off'; +} + +.tui-editor-defaultUI button.tui-scrollsync.active { + color: #125de6; + font-weight: bold; +} + +.tui-editor-defaultUI button.tui-scrollsync.active:after { + content: 'Scroll on'; +} + +.tui-editor-defaultUI .te-mode-switch-section { + background-color: #f9f9f9; + border-top: 1px solid #e5e5e5; + height: 20px; + font-size: 12px; +} + +.tui-editor-defaultUI .te-mode-switch { + float: right; + height: 100%; +} + +.tui-editor-defaultUI .te-switch-button { + width: 92px; + height: inherit; + background: #e5e5e5; + outline: 0; + color: #a0aabf; + cursor: pointer; + border: 0; + border-left: 1px solid #ddd; + border-right: 1px solid #ddd; +} + +.tui-editor-defaultUI .te-switch-button.active { + background-color: #fff; + color: #000; +} + +.tui-editor-defaultUI .te-markdown-tab-section { + float: left; + height: 31px; + background: #fff; +} + +.te-markdown-tab-section .te-tab { + margin: 0 -7px 0 24px; + background: #fff; +} + +.tui-editor-defaultUI .te-tab button { + box-sizing: border-box; + line-height: 100%; + position: relative; + cursor: pointer; + z-index: 1; + font-size: 13px; + background-color: #f9f9f9; + border: solid 1px #e5e5e5; + border-top: 0; + padding: 0 9px; + color: #777; + border-radius: 0; + outline: 0; +} + +.te-markdown-tab-section .te-tab button:last-child { + margin-left: -1px; +} + +.te-markdown-tab-section .te-tab button.te-tab-active, +.te-markdown-tab-section .te-tab button:hover.te-tab-active { + background-color: #fff; + color: #333; + border-bottom: 1px solid #fff; + z-index: 2; +} + +.te-markdown-tab-section .te-tab button:hover { + background-color: #fff; + color: #333; +} + +.tui-popup-modal-background { + background-color: rgba(202, 202, 202, 0.6); + position: fixed; + margin: 0px; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 9999; +} + +.tui-popup-wrapper.fit-window, +.tui-popup-modal-background.fit-window .tui-popup-wrapper { + width: 100%; + height: 100%; +} + +.tui-popup-wrapper { + width: 500px; + margin-right: auto; + border: 1px solid #cacaca; + background: white; + z-index: 9999; +} + +.tui-popup-modal-background .tui-popup-wrapper { + position: absolute; + margin: auto; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; +} + +.tui-popup-header { + padding: 10px; + height: auto; + line-height: normal; + position: relative; + border-bottom: 1px solid #cacaca; +} + +.tui-popup-header .tui-popup-header-buttons { + float: right; +} + +.tui-popup-header .tui-popup-header-buttons button { + padding: 0px; + background-color: transparent; + background-size: cover; + float: left; +} + +.tui-popup-header .tui-popup-close-button { + margin: 3px; + width: 13px; + height: 13px; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMCAxMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5GMjc2Qzc4MC0zM0JBLTQ3MTItQTM3OC04RkQwQUNDOTFDRTk8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImxuYi1mb2xkZXItZGVsIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiM3Nzc3NzciPiAgICAgICAgICAgIDxwYXRoIGQ9Ik01LDMuNTg1Nzg2NDQgTDEuNzA3MTA2NzgsMC4yOTI4OTMyMTkgTDAuMjkyODkzMjE5LDEuNzA3MTA2NzggTDMuNTg1Nzg2NDQsNSBMMC4yOTI4OTMyMTksOC4yOTI4OTMyMiBMMS43MDcxMDY3OCw5LjcwNzEwNjc4IEw1LDYuNDE0MjEzNTYgTDguMjkyODkzMjIsOS43MDcxMDY3OCBMOS43MDcxMDY3OCw4LjI5Mjg5MzIyIEw2LjQxNDIxMzU2LDUgTDkuNzA3MTA2NzgsMS43MDcxMDY3OCBMOC4yOTI4OTMyMiwwLjI5Mjg5MzIxOSBMNSwzLjU4NTc4NjQ0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); +} + +.tui-popup-header .tui-popup-title { + font-size: 13px; + font-weight: bold; + color: #333; + vertical-align: bottom; +} + +.tui-popup-body { + padding: 15px; + font-size: 12px; +} + +.tui-editor-popup { + position: absolute; + top: 30px; + left: 50%; + margin-left: -250px; +} + +.tui-editor-popup.tui-popup-modal-background { + position: fixed; + top: 0px; + left: 0px; + margin: 0px; +} + +.tui-editor-popup .tui-popup-body label { + font-weight: bold; + color: #666; + display: block; + margin: 10px 0 5px; +} + +.tui-editor-popup .tui-popup-body .te-button-section { + margin-top: 15px; +} + +.tui-editor-popup .tui-popup-body input[type='text'], +.tui-editor-popup .tui-popup-body input[type='file'] { + padding: 4px 10px; + border: 1px solid #bfbfbf; + box-sizing: border-box; + width: 100%; +} + +.tui-editor-popup .tui-popup-body input[type='text'].disabled { + border-color: #e5e5e5; + background-color: #eee; + color: #e5e5e5; +} + +.tui-editor-popup .tui-popup-body input.wrong { + border-color: #ff0000; +} + +.te-popup-add-link .tui-popup-wrapper { + height: 219px; +} + +.te-popup-add-image .tui-popup-wrapper { + height: 243px; +} + +.te-popup-add-image .te-tab { + display: block; + background: none; + border-bottom: 1px solid #ebebeb; + margin-bottom: 8px; +} + +.te-popup-add-image .te-url-type { + display: none; +} + +.te-popup-add-image .te-file-type { + display: none; +} + +.te-popup-add-image div.te-tab-active, +.te-popup-add-image form.te-tab-active { + display: block; +} + +.te-popup-add-image .te-tab button { + border: 1px solid #ccc; + background: #eee; + min-width: 100px; + margin-left: -1px; + border-bottom: 0px; + border-radius: 3px 3px 0px 0px; +} + +.te-popup-add-image .te-tab button.te-tab-active { + background: #fff; +} + +.te-popup-add-table .te-table-selection { + position: relative; +} + +.te-popup-add-table .te-table-body { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZmspKREMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgAMSwQgckFvTgAAAABJRU5ErkJggg=='); +} + +.te-popup-add-table .te-table-header { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZksLCxMMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgDxKwPzTeWPdAAAAABJRU5ErkJggg=='); +} + +.te-popup-add-table .te-selection-area { + position: absolute; + top: 0; + left: 0; + background: #80d2ff; + opacity: 0.3; + z-index: 999; +} + +.te-popup-add-table .te-description { + margin: 10px 0 0 0; + text-align: center; +} + +.te-popup-table-utils { + width: 120px; +} + +.te-popup-table-utils .tui-popup-body { + padding: 0px; +} + +.te-popup-table-utils button { + width: 100%; + background-color: #fff; + border: none; + outline: 0; + padding: 0px 10px 0px 10px; + font-size: 12px; + line-height: 28px; + text-align: left; + color: #777; +} + +.te-popup-table-utils button:hover { + background-color: #f4f4f4; +} + +.te-popup-table-utils hr { + background-color: #cacaca; + border-style: none; + height: 1px; +} + +.te-popup-table-utils .te-context-menu-disabled { + color: #ccc; +} + +.te-popup-table-utils .te-context-menu-disabled:hover { + background-color: #fff; +} + +.te-heading-add { + width: auto; +} + +.te-heading-add .tui-popup-body { + padding: 0; +} + +.te-heading-add h1, +.te-heading-add h2, +.te-heading-add h3, +.te-heading-add h4, +.te-heading-add h5, +.te-heading-add h6, +.te-heading-add ul, +.te-heading-add p { + padding: 0; + margin: 0; +} + +.te-heading-add ul { + list-style: none; +} + +.te-heading-add ul li { + padding: 2px 10px; + cursor: pointer; +} + +.te-heading-add ul li:hover { + background-color: #eee; +} + +.te-heading-add h1 { + font-size: 24px; +} + +.te-heading-add h2 { + font-size: 22px; +} + +.te-heading-add h3 { + font-size: 20px; +} + +.te-heading-add h4 { + font-size: 18px; +} + +.te-heading-add h5 { + font-size: 16px; +} + +.te-heading-add h6 { + font-size: 14px; +} + +.te-dropdown-toolbar { + position: absolute; + width: auto; +} + +.te-dropdown-toolbar .tui-popup-body { + padding: 0px; +} + +.tui-popup-color { + padding: 0; +} + +.tui-popup-color .tui-colorpicker-container, +.tui-popup-color .tui-colorpicker-palette-container { + width: 144px; +} + +.tui-popup-color .tui-colorpicker-container ul { + width: 144px; + margin-bottom: 8px; +} + +.tui-popup-color .tui-colorpicker-container li { + padding: 0 1px 1px 0; +} + +.tui-popup-color .tui-colorpicker-container li .tui-colorpicker-palette-button { + border: 0; + width: 17px; + height: 17px; +} + +.tui-popup-color .tui-popup-body { + padding: 10px; +} + +.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-toggle-slider { + display: none; +} + +.tui-popup-color .te-apply-button, +.tui-popup-color .tui-colorpicker-palette-hex { + float: right; +} + +.tui-popup-color .te-apply-button { + height: 21px; + width: 35px; + background: #fff; + border: 1px solid #efefef; + position: absolute; + bottom: 135px; + right: 10px; + color: black; +} + +.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-hex { + border: 1px solid #e1e1e1; + padding: 3px 14px; + margin-left: -1px; +} + +.tui-popup-color .tui-colorpicker-container div.tui-colorpicker-clearfix { + display: inline-block; +} + +.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-preview { + width: 19px; + height: 19px; +} + +.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-slider-right { + width: 22px; +} + +.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-huebar-handle { + display: none; +} + +.tui-tooltip { + position: absolute; + background-color: #222; + z-index: 999; + opacity: 0.8; + color: #fff; + padding: 2px 5px; + font-size: 10px; +} + +.tui-tooltip .arrow { + content: ''; + display: inline-block; + width: 10px; + height: 10px; + background-color: #222; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + position: absolute; + top: -3px; + left: 6px; + z-index: -1; +} + +.tui-toolbar-icons { + background: url(data:image/png;base64,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); + background-size: 218px 188px; + display: inline-block; +} + +@media only screen and (-webkit-min-device-pixel-ratio: 2), + only screen and (min--moz-device-pixel-ratio: 2), + only screen and (-o-min-device-pixel-ratio: 2/1), + only screen and (min-device-pixel-ratio: 2), + only screen and (min-resolution: 192dpi), + only screen and (min-resolution: 2dppx) { + .tui-toolbar-icons { + background: url(data:image/png;base64,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Xqz8qBcJkED0BGIbcoxe1QtDor4qT80zFpNh01flYWg2e1Fo2C6Me5NnSQLFToAeWpFfITFmxbrCUdCJMeMKxyK/iageCZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACQQgkA5QNlTRRYsWZbwEbNu2LTFdnPSAftc6pas06PesihdTmIurXdekOefi6qBfpJyD8rHrk+s4LM+gfHLpY8+P+r6Ngmc6nf7q1q1b6+26RnEcBc/S0tLmLVu2HI5Cn6Ay7Hxz3V9BywfVx17ezjfX/RW0vL29oMclQSuwPAmQAAnkS0A3ZrW1tR9Gh1ebr6w46unGrK6ubiz0GxdHO5QZD4HEDJo8aeBmmWk7jf2SnuspxFYnlkN50pg8efJLNuHdki67LZ2HJEACAQnYjVl/f/+PIeLxYjFqdmPW0dExC/rNpFELeKELWDwxgybn2NfXt1A/V9zg2/XjQsePHz8+StcBN/gZ/ZhxEiCB/Ai4GLMKSCvFXnCj5mTMYHDVNAiNWn6XPfFaZUm2iJt6YSZzfioN8e1Jtp+rLegzUi8Dfdv14yTiixcvbhw7duxdDQ0Nb/ppL2nvdsmSJZfMmzfvQH19fb9P/Qrq3SbNxw8Tvcxg9/6D8pVhRsMzE2OmthJslodJlRE2DMpXhhnFM9OMWVaFsrKyRB/+w573hVo/0YsEg7FQB42nou36caHj8CAtP6qamprEPTQwuq21tfX3GOa4vNA8nNoHo/G7d++eD/2qnPKZRgJuBFyMWQbGbHVTU9NDbvWSSvcwZvs3b958PCk92E7+BBIzaPJkDzVnaKrux0qi17XjgkbXrFkzDAroT43da9eu7SqQUmLMxKjVFah9z2Z7e3sr8TAyb+nSpTWeBZl5wRGQewKjDP/bfuLFYswwslAmhsuuH42ZncjgPE7MoHH+LPANMhw1HpUhyNWrV0u8qDZczxIYthnyoIJOIrH7qKggUBkLATFmuCf+E4k/xsPYCpVZTMZsx44dc86ePXvpypUrxyv9aMwUicEfJjaHxvmz/G4WYwjyOnQQizAf8LJdCpLPT0raMx2Og855OIiwJBlDkCOgx17I7rBk4gDpnu/32csHnfOw1w96HJSfXX7UPO3yg/Kz10+Kp2bMrsQ9m8LvvRG6pzCc2OowZ5b4MKN4ZmLMwCc7VI55sktg1ES/Ppc5s6IYZgx7f9rvh6iPw96fUeuT2JM1589CXToOQYbCx8pxE8CDzbUwYvNVO/i9l4hRKwZjJjrBmI2A8apU+kkoRq2YjZmuK+P+CCRi0Dh/5u9i5CqFDiKQN5ZLXtT55eXlRa1f1OdLeecJ4Msfv4ARq8U92qNSxaghrs9LO3pmGFavV3XiCuGpnsK87z4YNcs96rCacYBnhv5ralx6UW60BBIxaJw/C33RZKjxOnQaj4WWFIMALGnuxDXetX79+hMxiKfIQUIARuMJu1HTVHc1Zqhzr1YutuimTZtanYyaahD3saMxw709RZVhWNwEEplDw1Mb3z/L8z4Au8e83kuLew4nl9roIE7MnTvX9b20pOZwcunpll9ofm56qfRi56f0VCH0fQLzKrIg5HHs8tJ0doNn9En70nzxzJIyZkoPMWrQT16Ytny1qLKy8uCGDRssS/PFMyu0Mct1fxZ6ji3X/Zn0HFsiBg037UJ1Q0mITnC7flzoOG7agr9/5sDgTRizu4rVK8M17K+oqDhAr8zhyl3gSejkmtCRCYWsUYMx+wSM2TodSyGMmWof+p009MsaNcOYHVX5EhaDMdP1YdwfgdiHHDl/5u9C2EpxiNEGhIeDi4AYNWi83MmYyZkk7ZnZ6YlRQ9o+J2MmZQvtmdn15bE/ArF7aLgxFuqqwOvYrh8XOl5s32/MNcRYaF65hhgLrR/bLx4ChlErHoVsmhhGzZbKw8FMIHaDhg6a82cB7hAMMdYFKC7veVlWbeWqix+xzB/kvQX9ukvQMXTo92zeyjlUDMrHQYRnUlieQfl4KuOQGTVPexNx87W3F/Q4br5B9WH5eAnEPuTI+bN4LyClkwAJkAAJnCMQm4fm9uSGIch9yEuFfbINewHdntxaWlquMPSL1FMIqy/rkwAJkAAJeBOI3UPzbp65JEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJFC8BNJRq7Zo0aKMLnPbtm2ebQQtr8vOJ472rtXrQb9n9WN7PGh5e/24j+38crWX63rkqh80384vV/1c1yNXfXt+UD72+rmOw/IMyieXPvb8qHkq+dB7TDqdvgPHtZlMZrak4/gVBE04fgjtnpI0tfm4Ds2ov728vPwLjz/++CFVL98Q7ZWWlZXV9Pf3j8M+TOSUlJR0YT/Z29t7HPr16bJzXQfI6oF+7T09PYdQt1uvG1fc0Om/bfLf5nRNX5xytaXftdVJvaX5j579sL28n+MVK1aM6OzsnKeXrays3LVhw4azeprEd065xtLv2vPnN//Bsx+2l3c7LnHLYDoJkAAJOBFYvHjxDUh/CYbrO9ivQ3ys7BKXNMkzyiDqe5uCuku7u7ufX758+TTftRwKrlq1ahQM0AIYrmkwZsNRpFR2iUua5EkZh6quSahXDmNWjQKXw9BUuBaMMAMG9E67OKc0e5mkjvv6+mrsbTml2cvEeUyDFiddyiaBIUYAnfn7YXh+jtPyMjrTpMySJUv+Zx6nPw6G4+/yqJetAmM4+uzZs7PFALnJkDwpI2Xdynikl8KL9Dp3j6r+s8B5pBh4ew1Jkzx7etLH0EEeEMbZ25U0ybOnJ3VMg5YUabZDAoOcwK233joFHkITTiM7hOd1Oij3Mzytv+BVxiPvfR55rlmrV68uh4c3C51qzuG10tLSthEjRnS4CvPIgFFJwqAsgwrZdsDy97IbKkma5BV6G4frm7UfGMZ9U3ZRyEgbYOiSUrYsqYbYTjgC+LEOb2trW7d169Y6XRLG03P+ePXyccXr6+tLdu3aNX3Lli2v6204jffr+XHHi4WP23kWmo+bXk7pMBb3ozOXYTd9a0Rn9nUM4x1D/v9Ax3sP9n9oamrapheyx+3XBU/15hwQ2phq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Q4EADMZCdR5O82cqr1BhrvmzQunFdqMhEGr8368KGKb7NDyb7xnl/xHDjWu86sKIrUX+J6UMjMZnMPz3917lw+bJC9dYij/NkHMM+h3wkgn9piM/a2j5TpoXKeaRAAmQQHIEEvHQ9OFGPLW5Djeq09bL6HVVftSh/l4ZPlLsOtyo2tXL6HVVPkMSIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESGKwE0oNV8aGq92uvvZaJ89wuvfTSUNd8//7918ap34wZM56NUz5lkwAJDF0CJUP31HhmJEACJEACFxIBGrQL6WrzXEmABEhgCBOgQRvCF5enRgIkQAIXEoGyOE520aJFEyD389jfg33Otm3barzaCVreS5afvNWrV5efPXt2Un9//8je3t5K6PecV72g5b1kRZF3+PDh1AMPPGAR9alPfSo1depUS1qhDg4cOOCo3/Tp0wulEtslARK4AAhEbtBqa2v/DIZiI9iN9MMvaHk/Mr3K1NXVjT19+vTMvr4+X95p0PJebUeV9+yzA9dNSFqxGLQ//OEPA05V0mjQBmBhAgmQQIQEIjVoixcvfi+M2VboVyE6ptPpdRUVFV930zdoeTc5ftNXrVo1Cp7ZLOioVvodq66ubnarH7S8m5wo02GIU889N9ChlLRbbrklVVpaGmVzgWX19PSkXnzxxQH1JO1DH/pQqry8fEAeE0iABLwJjFtx2HP188kNU1Wf5i0oZG4uPQaKT+8vSaV/MnbspHteXZvuGpgfbUpkBg3DhtKTPog9a8wQ/rapqemTMGqOFyJo+bCnnclk0suWLZuujFlZWdnZTZs2HXTTL2j5sPr5rb9r164UjHK2uPLIZAhS0iRvwYIFfkXFUk50OHXqVFa28shkCFLSJO8tb3lLLO1GJbS+vn6iyEJ4NCqZUcr5wQ9+kH0iuPPOO3uilEtZJBAPgcyM/lTmMydP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VSp27NgxTQnDMOHxMWPG7JIhQ5WmhximPIrjl5E/wDhDRzHI+6L8yr5qW7fqKo0hCZAACZBATATgVaXx+ag/QPxVWhP3whB9TR3Da6tAx38zvJp3I03iexD+BwyehPLVEFl08Uns02F85MXm38HA/Ezm4yQ/is3QU96Py3qQIhOGqhlf+zeNqXhtr7/+unx8eCSGJtNY/NGFMqcbGxuzhk7OA9tEyKrAufSgzFn8r7Y2mY+LQke7DBo0OxEekwAJkEDMBLCwYjbmop5BR69/eeNHMAir8RmpwC9Ew3B8ECr/GkaxPUrVjU9dzYNM8zNWMK5t8+fP3w+jZA59+m0TespnsdqhZ2QvU+ttm0rqiYyTAAmQAAnER+DFF188CU/lWXhWS9GK6ocvhxdzB9JHX3nllbteeuml7Ff43bQQD2r37t0LYVxkwUg9ZHVgWPBXbuXzSX/uued6r7766jfR1jhpT2QgrDx27NgE6FmKvevll1/2NE5S7+DBg6Og5wyc3xSsiOx/4YUXIjW86tzooSkSDEmABEggYQIYenwvOvxtaHaiQ9MvI+3XMFSHUOY4PCMZpqtCXIzLfKRfj/BirV4b3hObieE+c4Wilhcqavwjz1kwSOZ7bkqgzKNBl3bo143VjlmvDWkl0K0UexXSR8AbLVflEfbBEL6Uj4enyXCM0qA5YmEiCZAACSRDAP8j7WIYCvmnnjeFbHEf5q8+ijmuP4aU41hd5sNgnC6BrpbVio6FvRO78f7da1HO96nmaNAUCYYkQAIkUEAC8NZugFGThSHvCaIGvKPnUe8HMBIPyftsQermU1a8NXwJZCrqmv9ixqcc+Wr/Mby6cBw66++x+ayeuxgNWm5GLEECJEACiRFYvnz5NAzRfRBG6gPYZ6JhGY6cYChwCsbgOOIvYn8WHtm/RfmlDaMNX4F4bBhaHA19RmP14jAZjoQHp4YW+xDvRV4HzuEszuc0FoKY/4bGVwMsRAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAKDgMD/D2WyCk5hENCOAAAAAElFTkSuQmCC); + background-size: 218px 188px; + display: inline-block; + } +} + +.tui-toolbar-icons.tui-heading { + background-position: -172px -48px; +} + +.tui-toolbar-icons.tui-heading:disabled { + background-position: -193px -48px; +} + +.tui-toolbar-icons.tui-bold { + background-position: -4px -4px; +} + +.tui-toolbar-icons.tui-bold:disabled { + background-position: -25px -4px; +} + +.tui-toolbar-icons.tui-italic { + background-position: -4px -48px; +} + +.tui-toolbar-icons.tui-italic:disabled { + background-position: -25px -48px; +} + +.tui-toolbar-icons.tui-color { + background-position: -172px -70px; +} + +.tui-toolbar-icons.tui-color:disabled { + background-position: -193px -70px; +} + +.tui-toolbar-icons.tui-strike { + background-position: -4px -26px; +} + +.tui-toolbar-icons.tui-strike:disabled { + background-position: -25px -26px; +} + +.tui-toolbar-icons.tui-hrline { + background-position: -46px -92px; +} + +.tui-toolbar-icons.tui-hrline:disabled { + background-position: -67px -92px; +} + +.tui-toolbar-icons.tui-quote { + background-position: -4px -114px; +} + +.tui-toolbar-icons.tui-quote:disabled { + background-position: -25px -114px; +} + +.tui-toolbar-icons.tui-ul { + background-position: -46px -4px; +} + +.tui-toolbar-icons.tui-ul:disabled { + background-position: -67px -4px; +} + +.tui-toolbar-icons.tui-ol { + background-position: -46px -26px; +} + +.tui-toolbar-icons.tui-ol:disabled { + background-position: -67px -26px; +} + +.tui-toolbar-icons.tui-task { + background-position: -130px -48px; +} + +.tui-toolbar-icons.tui-task:disabled { + background-position: -151px -48px; +} + +.tui-toolbar-icons.tui-indent { + background-position: -46px -48px; +} + +.tui-toolbar-icons.tui-indent:disabled { + background-position: -67px -48px; +} + +.tui-toolbar-icons.tui-outdent { + background-position: -46px -70px; +} + +.tui-toolbar-icons.tui-outdent:disabled { + background-position: -67px -70px; +} + +.tui-toolbar-icons.tui-table { + background-position: -88px -92px; +} + +.tui-toolbar-icons.tui-table:disabled { + background-position: -109px -92px; +} + +.tui-toolbar-icons.tui-image { + background-position: -130px -4px; +} + +.tui-toolbar-icons.tui-image:disabled { + background-position: -151px -4px; +} + +.tui-toolbar-icons.tui-link { + background-position: -130px -26px; +} + +.tui-toolbar-icons.tui-link:disabled { + background-position: -151px -26px; +} + +.tui-toolbar-icons.tui-code { + background-position: -130px -92px; +} + +.tui-toolbar-icons.tui-code:disabled { + background-position: -151px -92px; +} + +.tui-toolbar-icons.tui-codeblock { + background-position: -130px -70px; +} + +.tui-toolbar-icons.tui-codeblock:disabled { + background-position: -151px -70px; +} + +.tui-toolbar-icons.tui-more { + background-position: -172px -92px; +} + +.tui-toolbar-icons.tui-more:disabled { + background-position: -193px -92px; +} +.tui-colorpicker-svg-slider { + border: 1px solid #ebebeb; +} +.tui-colorpicker-vml-slider { + border: 1px solid #ebebeb; +} +.tui-colorpicker-svg-huebar { + border: 1px solid #ebebeb; +} + +.tui-editor-pseudo-clipboard { + position: fixed; + left: -1000px; + top: -1000px; + width: 100px; + height: 100px; +} + +.te-ww-block-overlay.code-block-header { + text-align: right; + font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; +} + +.te-ww-block-overlay.code-block-header span { + font-size: 10px; + font-weight: 600; + padding: 0px 10px; + color: #333333; + cursor: default; +} + +.te-ww-block-overlay.code-block-header button { + margin: 8px; + font-size: 10px; + color: #333333; + background-color: #f9f9f9; + border: 1px solid #dddddd; + padding: 4px; + height: auto; +} + +.te-popup-code-block-languages { + position: fixed; + box-sizing: border-box; + width: 130px; +} + +.te-popup-code-block-languages .tui-popup-body { + max-height: 169px; + overflow: auto; + padding: 0px; +} + +.te-popup-code-block-languages button { + width: 100%; + background-color: #fff; + border: none; + outline: 0; + padding: 0px 10px 0px 10px; + font-size: 12px; + line-height: 24px; + text-align: left; + color: #777; +} + +.te-popup-code-block-languages button.active { + background-color: #f4f4f4; +} + +.tui-popup-code-block-editor .tui-popup-wrapper { + width: 70%; + height: 70%; + margin: auto; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} + +.te-input-language { + position: relative; + margin-left: 15px; + cursor: pointer; +} + +.te-input-language input { + font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 10px; + padding: 3px 5px; + border: 1px solid #dddddd; + background-color: #f9f9f9; + box-sizing: border-box; + width: 130px; + outline: none; +} + +.te-input-language input::-ms-clear { + display: none; +} + +.te-input-language::after { + content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT42Q0NBRDk2QS0yMjYxLTRFNDAtOTk1RC1DRUUyQUREQUQ3NkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLWQtc2lkZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS03IiBwb2ludHM9IjIgNSAxMCA1IDYgMTAiPjwvcG9seWdvbj4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); + position: absolute; + top: 1px; + right: 3px; +} + +.te-input-language.active::after { + content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5BNEZDRkIzMy0zNjdBLTREMjAtOEEyNC1DQ0I2ODFBMDZDODg8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLXVwLXNpZGUiIGZpbGw9IiM1NTU1NTUiPiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC02LjAwMDAwMCwgLTYuNTAwMDAwKSAiIHBvaW50cz0iMiA0IDEwIDQgNiA5Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); +} + +.tui-popup-code-block-editor button { + margin: -1px 3px; +} + +.tui-popup-code-block-editor .tui-popup-header-buttons { + height: 20px; +} + +.tui-popup-code-block-editor .popup-editor-toggle-preview::after { + content: 'Preview off'; + color: #777; + margin-right: 22px; +} + +.tui-popup-code-block-editor .popup-editor-toggle-preview.active::after { + content: 'Preview on'; + color: #4b96e6; +} + +.tui-popup-code-block-editor .popup-editor-toggle-scroll::after { + content: 'Scroll off'; + color: #777; + margin-right: 16px; +} + +.tui-popup-code-block-editor .popup-editor-toggle-scroll.active::after { + content: 'Scroll on'; + color: #4b96e6; +} + +.tui-popup-code-block-editor .popup-editor-toggle-fit { + width: 18px; + height: 18px; + margin-top: 4px; + margin-right: 14px; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT40OUQ4RTYyMy1GRTAyLTQ1RUUtQkQ5Ri0xMjUyQjEzRTU1MkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLWV4cGFuZCIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBhdGggZD0iTTMsMyBMOSwzIEw5LDUgTDUsNSBMNSw5IEwzLDkgTDMsMyBaIE0xNSwxNSBMOSwxNSBMOSwxMyBMMTMsMTMgTDEzLDkgTDE1LDkgTDE1LDE1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4wMDAwMDAsIDkuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC05LjAwMDAwMCwgLTkuMDAwMDAwKSAiPjwvcGF0aD4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41MDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMS41MDAwMDAsIC02LjUwMDAwMCkgIiBwb2ludHM9IjkuMDg1Nzg2NDQgNS41IDEyLjUgOC45MTQyMTM1NiAxMy45MTQyMTM2IDcuNSAxMC41IDQuMDg1Nzg2NDQiPjwvcG9seWdvbj4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZS1Db3B5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNTAwMDAwLCAxMS41MDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTYuNTAwMDAwLCAtMTEuNTAwMDAwKSAiIHBvaW50cz0iNC4wODU3ODY0NCAxMC41IDcuNSAxMy45MTQyMTM2IDguOTE0MjEzNTYgMTIuNSA1LjUgOS4wODU3ODY0NCI+PC9wb2x5Z29uPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); +} + +.tui-popup-code-block-editor .popup-editor-toggle-fit.active { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT4wN0Q1MjlCRi1GNTIzLTREN0EtQTlGNi05NTUzNTU5RDNEMUE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLXJlZHVjZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzIiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS41MDAwMDAsIDEyLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtNS41MDAwMDAsIC0xMi41MDAwMDApICIgcG9pbnRzPSIzLjA4NTc4NjQ0IDExLjUgNi41IDE0LjkxNDIxMzYgNy45MTQyMTM1NiAxMy41IDQuNSAxMC4wODU3ODY0Ij48L3BvbHlnb24+ICAgICAgICAgICAgPHBhdGggZD0iTTksOSBMMTUsOSBMMTUsMTEgTDExLDExIEwxMSwxNSBMOSwxNSBMOSw5IFogTTksOSBMMyw5IEwzLDcgTDcsNyBMNywzIEw5LDMgTDksOSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMDAwMDAwLCA5LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtOS4wMDAwMDAsIC05LjAwMDAwMCkgIj48L3BhdGg+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzMiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCA1LjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTIuNTAwMDAwLCAtNS41MDAwMDApICIgcG9pbnRzPSIxNC45MTQyMTM2IDYuNSAxMS41IDMuMDg1Nzg2NDQgMTAuMDg1Nzg2NCA0LjUgMTMuNSA3LjkxNDIxMzU2Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); +} + +.tui-popup-code-block-editor .tui-popup-close-button { + margin-top: 6px; +} + +.tui-popup-code-block-editor .tui-popup-body { + z-index: -1; + padding: 0px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex: 1; + flex: 1; +} + +.tui-popup-code-block-editor .popup-editor-body { + position: relative; + -ms-flex: 1; + flex: 1; + border-bottom: 1px solid #cacaca; +} + +.tui-popup-code-block-editor .te-button-section { + padding: 15px; +} + +.tui-popup-code-block-editor .te-button-section button { + float: left; +} + +.tui-popup-code-block-editor .tui-editor-contents pre { + margin: 0px; + background-color: transparent; +} + +.tui-popup-code-block-editor .CodeMirror { + height: auto; +} + +.tui-popup-code-block-editor .CodeMirror-line { + font-family: Consolas, Courier, 'Apple SD 산돌고딕 Neo', -apple-system, 'Lucida Grande', + 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Segoe UI', '돋움', dotum, sans-serif; + font-size: 13px; + line-height: 160%; + letter-spacing: -0.3px; +} + +.tui-popup-code-block-editor .popup-editor-editor-wrapper { + min-height: 100%; +} + +.tui-split-scroll-wrapper { + position: relative; +} + +.tui-split-scroll { + position: absolute; +} + +.tui-split-scroll, +.tui-split-scroll-wrapper { + width: 100%; + height: 100%; +} + +.tui-split-scroll .tui-split-content-left, +.tui-split-scroll .tui-split-content-right { + position: absolute; + top: 0px; + width: 50%; + box-sizing: border-box; +} + +.tui-split-scroll .tui-split-content-left { + left: 0px; +} + +.tui-split-scroll .tui-split-content-right { + left: 50%; +} + +.tui-split-scroll .tui-splitter { + position: absolute; + left: 50%; + top: 0; + height: 100%; + width: 1px; + border-left: 1px solid #cacaca; +} + +.tui-split-scroll .tui-split-scroll-content { + width: 100%; + height: 100%; + overflow: hidden; + position: relative; +} + +.tui-split-scroll .tui-split-content-left, +.tui-split-scroll .tui-split-content-right { + height: 100%; + overflow-x: hidden; + overflow-y: auto; +} + +.tui-split-scroll button.tui-scrollsync { + top: 10px; + opacity: 0.2; +} + +.tui-split-scroll button.tui-scrollsync::after { + content: 'scroll off'; +} + +.tui-split-scroll.scroll-sync button.tui-scrollsync { + opacity: 0.5; +} + +.tui-split-scroll.scroll-sync .tui-split-content-left, +.tui-split-scroll.scroll-sync .tui-split-content-right { + height: auto; + overflow: initial; +} + +.tui-split-scroll.scroll-sync button.tui-scrollsync::after { + content: 'scroll on'; +} + +.tui-split-scroll.scroll-sync .tui-split-scroll-content { + overflow-y: auto; +} + +.tui-split-scroll.single-content .tui-splitter { + display: none; +} + +.tui-split-scroll.single-content .tui-split-content-left { + width: 100%; +} + +.tui-split-scroll.single-content .tui-split-content-right { + display: none; +} + +.tui-split-scroll.single-content button.tui-scrollsync { + display: none; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + /* IE10+ */ + .tui-split-scroll-wrapper .tui-splitter { + left: calc(50% - 9px); + } +} + +@supports (-ms-accelerator: true) { + /* IE Edge 12+ CSS styles go here */ + .tui-split-scroll-wrapper .tui-splitter { + left: calc(50% - 9px); + } +} + +@media screen and (max-width: 480px) { + .tui-popup-wrapper { + max-width: 300px; + } + + .tui-editor-popup { + margin-left: -150px; + } + + .te-dropdown-toolbar { + max-width: none; + } +} + +@charset "utf-8"; +.CodeMirror { + font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; +} + +.tui-editor-contents *:not(table) { + line-height: 160%; + box-sizing: content-box; +} + +.tui-editor-contents i, +.tui-editor-contents cite, +.tui-editor-contents em, +.tui-editor-contents var, +.tui-editor-contents address, +.tui-editor-contents dfn { + font-style: italic; +} + +.tui-editor-contents strong { + font-weight: bold; +} + +.tui-editor-contents p { + margin: 10px 0; + color: #555; +} + +.tui-editor-contents > h1:first-of-type, +.tui-editor-contents > div > div:first-of-type h1 { + margin-top: 14px; +} + +.tui-editor-contents h1, +.tui-editor-contents h2, +.tui-editor-contents h3, +.tui-editor-contents h5 { + font-weight: bold; +} + +.tui-editor-contents h1 { + font-size: 1.6rem; + line-height: 28px; + border-bottom: 3px double #999; + margin: 52px 0 15px 0; + padding-bottom: 7px; + color: #000; +} + +.tui-editor-contents h2 { + font-size: 1.3rem; + line-height: 23px; + border-bottom: 1px solid #dbdbdb; + margin: 30px 0 13px 0; + padding-bottom: 7px; + color: #333; +} + +.tui-editor-contents h3, +.tui-editor-contents h4 { + font-size: 1.2rem; + line-height: 18px; + margin: 20px 0 2px; + color: #333; +} + +.tui-editor-contents h5, +.tui-editor-contents h6 { + font-size: 1rem; + line-height: 17px; + margin: 10px 0 -4px; + color: #333; +} + +.tui-editor-contents blockquote { + margin: 15px 0; +} + +.tui-editor-contents blockquote { + border-left: 4px solid #dddddd; + padding: 0 15px; + color: #777777; +} + +.tui-editor-contents blockquote > :first-child { + margin-top: 0; +} + +.tui-editor-contents blockquote > :last-child { + margin-bottom: 0; +} + +.tui-editor-contents pre, +.tui-editor-contents code { + font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕', + 'Malgun Gothic', sans-serif; + border: 0; + border-radius: 0; +} + +.tui-editor-contents pre { + margin: 2px 0 8px; + padding: 18px; + background-color: #f5f7f8; +} + +.tui-editor-contents code { + color: #c1788b; + padding: 4px 4px 2px 0; + letter-spacing: -0.3px; +} + +.tui-editor-contents pre code { + padding: 0; + color: inherit; + white-space: pre-wrap; + background-color: transparent; +} + +.tui-editor-contents pre.addon { + border: 1px solid #e8ebed; + background-color: #fff; +} + +.tui-editor-contents img { + margin: 4px 0 10px; + box-sizing: border-box; + vertical-align: top; + max-width: 100%; +} + +.tui-editor-contents table { + margin: 2px 0 14px; + color: #555; + width: auto; + border-collapse: collapse; + box-sizing: border-box; +} + +.tui-editor-contents table th, +.tui-editor-contents table td { + height: 32px; + padding: 5px 14px 5px 12px; +} + +.tui-editor-contents table td { + border: 1px solid #eaeaea; +} + +.tui-editor-contents table th { + border: 1px solid #72777b; + border-top: 0; + background-color: #7b8184; + font-weight: 300; + color: #fff; + padding-top: 6px; +} + +.tui-editor-contents ul, +.tui-editor-contents menu, +.tui-editor-contents ol, +.tui-editor-contents dir { + display: block; + list-style-type: disc; + padding-left: 17px; + margin: 6px 0 10px; + color: #555; +} + +.tui-editor-contents ol { + list-style-type: decimal; +} + +.tui-editor-contents ul ul, +.tui-editor-contents ul ol, +.tui-editor-contents ol ol, +.tui-editor-contents ol ul { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.tui-editor-contents ul li, +.tui-editor-contents ol li { + position: relative; +} + +.tui-editor-contents ul p, +ol p { + margin: 0; +} + +.tui-editor-contents ul li.task-list-item:before, +.tui-editor-contents ol li.task-list-item:before, +.tui-editor-contents pre ul li:before { + content: ''; +} + +.tui-editor-contents hr { + border-top: 1px solid #eee; + margin: 16px 0; +} + +.tui-editor-contents a { + text-decoration: underline; + color: #5286bc; +} + +.tui-editor-contents a:hover { + color: #007cff; +} + +.tui-editor-contents a.image-link { + position: relative; +} + +.tui-editor-contents a.image-link::before { + content: ''; + position: absolute; + margin: 0; + width: 20px; + height: 20px; + top: 2px; + right: 2px; + background-repeat: no-repeat; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAA/0lEQVQ4Ee2UIY6FQAyG/91wAQQJDg8SSwI3QIFAcQHuwFHQoOAEEFAELB6H4wIku+9vQgIP9zLyVbTTTufLtJ3MzzRNf1AoGlmu6ypBzvOMXyWkC+QLvDTjw6VM+Xr2OA6UZYmu67Dvu2zleX6zuq7D933EcQxNuyPu3usYYXVdw/M8mKYpIMMwxEZRJHbbNsmhkySJxE71APJmhGVZhnVdURQFlmU585GmKSzLEp+570Dlz+ZxQ/aGJVNYsm3bCIJA/LZtMY4jmqbBMAwIw1DiV/UAstEUltP3vawdxxFbVZVYDoWwM1eCp+LnoErIUt7DL/Ac1edWng1/WlXyD380myY5A34sAAAAAElFTkSuQmCC'); + cursor: pointer; +} + +.tui-editor-contents { + font-size: 13px; + margin: 0; + padding: 0; +} + +.tui-editor-contents .task-list-item { + border: 0; + list-style: none; + padding-left: 22px; + margin-left: -22px; + min-height: 20px; +} + +.tui-editor-contents .task-list-item:before { + background-repeat: no-repeat; + background-size: 16px 16px; + background-position: center; + content: ''; + height: 18px; + width: 18px; + position: absolute; + left: 0; + top: 1px; + cursor: pointer; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAADdJREFUKBVjvHv37n8GMgALSI+SkhJJWu/du8fARJIOJMWjGpECA505GjjoIYLEB6dVUNojFQAA/1MJUFWet/4AAAAASUVORK5CYII='); +} + +.tui-editor-contents .task-list-item.checked:before { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMpJREFUKBVjjJ/64D8DGYCJDD1gLbTVyM3OxJDiJMzAxcYIdyALnIWDAdJU7i/OICfCxsDMxMgwc88bwk5F1vTs/W+GFUffwY2H+1FBlI2hLliCQYCbGSyJrqlzwwuGj9//YWoMtRBgUBJnZ6gMEGeQFWaFOw9kE7omkG5GWDyCPF7mJ86gIMbO8P//fwZGRkYGXJpAGuFO/fbrP0PXppcMD179JKgJRSOIA9N8/NZXrM4DqYEBjOgAaYYFOUwRNhruVGyS+MTI1ggAx8NTGcUtFVQAAAAASUVORK5CYII='); +} + +.tui-editor-contents .task-list-item input[type='checkbox'], +.tui-editor-contents .task-list-item .task-list-item-checkbox { + margin-left: -17px; + margin-right: 3.8px; + margin-top: 3px; +} + +.tui-editor-contents-placeholder:before { + content: attr(data-placeholder); + color: grey; + line-height: 160%; + position: absolute; +} + +.tui-editor-contents .te-preview-highlight { + position: relative; + z-index: 0; +} + +.tui-editor-contents .te-preview-highlight::after { + content: ''; + background-color: rgba(255, 245, 131, 0.5); + border-radius: 4px; + z-index: -1; + position: absolute; + top: -4px; + right: -4px; + left: -4px; + bottom: -4px; +} + +.tui-editor-contents h1.te-preview-highlight::after, +.tui-editor-contents h2.te-preview-highlight::after { + bottom: 0; +} + +.tui-editor-contents td.te-preview-highlight::after, +.tui-editor-contents th.te-preview-highlight::after { + display: none; +} + +.tui-editor-contents th.te-preview-highlight, +.tui-editor-contents td.te-preview-highlight { + background-color: rgba(255, 245, 131, 0.5); +} + +.tui-editor-contents th.te-preview-highlight { + color: #222; +} + +.te-md-container .CodeMirror { + font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + color: #000; +} + +.tui-md-heading1 { + font-size: 24px; +} + +.tui-md-heading2 { + font-size: 22px; +} + +.tui-md-heading3 { + font-size: 20px; +} + +.tui-md-heading4 { + font-size: 18px; +} + +.tui-md-heading5 { + font-size: 16px; +} + +.tui-md-heading6 { + font-size: 14px; +} + +.tui-md-strong, +.tui-md-heading { + font-weight: bold; +} + +.tui-md-emph { + font-style: italic; +} + +.tui-md-strike { + text-decoration: line-through; +} + +.tui-md-thematic-break { + color: #ccc; +} + +.tui-md-link.tui-md-link-desc { + color: #00c; +} + +.tui-md-link.tui-md-link-url { + color: #a11; +} + +.tui-md-block-quote { + color: #090; +} + +.tui-md-code, +.tui-md-code-block { + color: #a50; +} + +.tui-md-list-item.first { + color: #000; +} + +.tui-md-list-item.second { + color: #085; +} + +.tui-md-list-item.third { + color: #708; +} + +.tui-md-list-item.tui-md-delimiter { + color: #555; +} + diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor-only.css b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor-only.css new file mode 100644 index 0000000000..4d62f7c2c9 --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor-only.css @@ -0,0 +1,1433 @@ +/*! + * @toast-ui/editor + * @version 2.5.1 | Tue Nov 24 2020 + * @author NHN FE Development Lab + * @license MIT + */ +@charset "utf-8"; +/* height */ +.auto-height, +.auto-height .tui-editor-defaultUI { + height: auto; +} + +.auto-height .tui-editor { + position: relative; +} + +:not(.auto-height) > .tui-editor-defaultUI, +:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section { + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} + +:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section { + -ms-flex: 1; + flex: 1; +} + +/* tui editor */ +.tui-editor:after, +.tui-editor-defaultUI-toolbar:after { + content: ''; + display: block; + height: 0; + clear: both; +} + +.tui-editor { + position: absolute; + line-height: 1; + color: #222; + width: 100%; + height: inherit; +} + +.te-editor-section { + min-height: 0px; + position: relative; + height: inherit; +} + +.te-md-container { + display: none; + overflow: hidden; + height: 100%; +} + +.te-md-container .te-editor { + line-height: 1.5; +} + +.te-md-container .te-editor, +.te-md-container .te-preview { + box-sizing: border-box; + padding: 0; + height: inherit; +} + +.te-md-container .CodeMirror { + font-size: 13px; + height: inherit; +} + +.te-md-container .te-preview { + overflow: auto; + padding: 0 25px; + height: 100%; +} + +.te-md-container .te-preview > p:first-child { + margin-top: 0 !important; +} + +.te-md-container .te-preview .tui-editor-contents { + padding-top: 8px; +} + +.tui-editor .te-preview-style-tab > .te-editor, +.tui-editor .te-preview-style-tab > .te-preview { + float: left; + width: 100%; + display: none; +} + +.tui-editor .te-preview-style-tab > .te-tab-active { + display: block; +} + +.tui-editor .te-preview-style-vertical > .te-tab-section { + display: none; +} + +.tui-editor .te-preview-style-tab > .te-tab-section { + display: block; +} + +.tui-editor .te-preview-style-vertical .te-editor { + float: left; + width: 50%; +} + +.tui-editor .te-preview-style-vertical .te-preview { + float: left; + width: 50%; +} + +.tui-editor .te-md-splitter { + display: none; + position: absolute; + left: 50%; + top: 0; + height: 100%; + width: 1px; + border-left: 1px solid #e5e5e5; +} + +.tui-editor .te-preview-style-vertical .te-md-splitter { + display: block; +} + +.te-ww-container { + display: none; + overflow: hidden; + z-index: 10; + height: inherit; + background-color: #fff; +} + +.te-ww-container > .te-editor { + overflow: auto; + height: inherit; +} + +.te-ww-container .tui-editor-contents:focus { + outline: none; +} + +.te-ww-container .tui-editor-contents { + padding: 0 25px; +} + +.te-ww-container .tui-editor-contents:first-child { + box-sizing: border-box; + margin: 0px; + padding: 16px 25px 0px 25px; + height: inherit; +} + +.te-ww-container .tui-editor-contents:last-child { + margin-bottom: 16px; +} + +.te-md-mode .te-md-container { + display: block; + z-index: 100; +} + +.te-ww-mode .te-ww-container { + display: block; + z-index: 100; +} + +.tui-editor.te-hide, +.tui-editor-defaultUI.te-hide { + display: none; +} + +.tui-editor-defaultUI .CodeMirror-lines { + padding-top: 18px; + padding-bottom: 18px; +} + +.tui-editor-defaultUI pre.CodeMirror-line { + padding-left: 25px; + padding-right: 25px; +} + +.tui-editor-defaultUI .CodeMirror pre.CodeMirror-placeholder { + margin: 0; + padding-left: 25px; + color: grey; +} + +.tui-editor-defaultUI .CodeMirror-scroll { + cursor: text; +} + +/* Essential element style */ +.tui-editor-contents td.te-cell-selected { + background-color: #d8dfec; +} +.tui-editor-contents td.te-cell-selected::selection { + background-color: #d8dfec; +} +.tui-editor-contents th.te-cell-selected { + background-color: #908f8f; +} +.tui-editor-contents th.te-cell-selected::selection { + background-color: #908f8f; +} + +/* default UI Styles */ +.tui-editor-defaultUI { + position: relative; + border: 1px solid #e5e5e5; + height: 100%; + font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕', + 'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif; +} + +.tui-editor-defaultUI button { + color: #fff; + padding: 0px 14px 0px 15px; + height: 28px; + font-size: 12px; + border: none; + cursor: pointer; + outline: none; +} +.tui-editor-defaultUI button.te-ok-button { + background-color: #4b96e6; +} +.tui-editor-defaultUI button.te-close-button { + background-color: #777; +} + +.tui-editor-defaultUI-toolbar { + padding: 0 25px; + height: 31px; + background-color: #fff; + border: 0; + overflow: hidden; +} + +.tui-toolbar-divider { + float: left; + display: inline-block; + width: 1px; + height: 14px; + background-color: #ddd; + margin: 9px 6px; +} + +.tui-toolbar-button-group { + height: 28px; + border-right: 1px solid #d9d9d9; + float: left; +} + +.te-toolbar-section { + height: 32px; + box-sizing: border-box; + border-bottom: 1px solid #e5e5e5; +} + +.tui-editor-defaultUI-toolbar button { + float: left; + box-sizing: border-box; + outline: none; + cursor: pointer; + background-color: #fff; + width: 22px; + height: 22px; + padding: 3px; + border-radius: 0; + margin: 5px 3px; + border: 1px solid #fff; +} + +.tui-editor-defaultUI-toolbar button:hover, +.tui-editor-defaultUI-toolbar button:active, +.tui-editor-defaultUI-toolbar button.active { + border: 1px solid #aaa; + background-color: #fff; +} + +.tui-editor-defaultUI-toolbar button:first-child { + margin-left: 0; +} + +.tui-editor-defaultUI-toolbar button:last-child { + margin-right: 0; +} + +.tui-editor-defaultUI-toolbar button.tui-scrollsync { + width: auto; + color: #777777; + border: 0; +} + +.tui-editor-defaultUI button.tui-scrollsync:after { + content: 'Scroll off'; +} + +.tui-editor-defaultUI button.tui-scrollsync.active { + color: #4b96e6; + font-weight: bold; +} + +.tui-editor-defaultUI button.tui-scrollsync.active:after { + content: 'Scroll on'; +} + +.tui-editor-defaultUI .te-mode-switch-section { + background-color: #f9f9f9; + border-top: 1px solid #e5e5e5; + height: 20px; + font-size: 12px; +} + +.tui-editor-defaultUI .te-mode-switch { + float: right; + height: 100%; +} + +.tui-editor-defaultUI .te-switch-button { + width: 92px; + height: inherit; + background: #e5e5e5; + outline: 0; + color: #a0aabf; + cursor: pointer; + border: 0; + border-left: 1px solid #ddd; + border-right: 1px solid #ddd; +} + +.tui-editor-defaultUI .te-switch-button.active { + background-color: #fff; + color: #000; +} + +.tui-editor-defaultUI .te-markdown-tab-section { + float: left; + height: 31px; + background: #fff; +} + +.te-markdown-tab-section .te-tab { + margin: 0 -7px 0 24px; + background: #fff; +} + +.tui-editor-defaultUI .te-tab button { + box-sizing: border-box; + line-height: 100%; + position: relative; + cursor: pointer; + z-index: 1; + font-size: 13px; + background-color: #f9f9f9; + border: solid 1px #e5e5e5; + border-top: 0; + padding: 0 9px; + color: #777; + border-radius: 0; + outline: 0; +} + +.te-markdown-tab-section .te-tab button:last-child { + margin-left: -1px; +} + +.te-markdown-tab-section .te-tab button.te-tab-active, +.te-markdown-tab-section .te-tab button:hover.te-tab-active { + background-color: #fff; + color: #333; + border-bottom: 1px solid #fff; + z-index: 2; +} + +.te-markdown-tab-section .te-tab button:hover { + background-color: #fff; + color: #333; +} + +.tui-popup-modal-background { + background-color: rgba(202, 202, 202, 0.6); + position: fixed; + margin: 0px; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + z-index: 9999; +} + +.tui-popup-wrapper.fit-window, +.tui-popup-modal-background.fit-window .tui-popup-wrapper { + width: 100%; + height: 100%; +} + +.tui-popup-wrapper { + width: 500px; + margin-right: auto; + border: 1px solid #cacaca; + background: white; + z-index: 9999; +} + +.tui-popup-modal-background .tui-popup-wrapper { + position: absolute; + margin: auto; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; +} + +.tui-popup-header { + padding: 10px; + height: auto; + line-height: normal; + position: relative; + border-bottom: 1px solid #cacaca; +} + +.tui-popup-header .tui-popup-header-buttons { + float: right; +} + +.tui-popup-header .tui-popup-header-buttons button { + padding: 0px; + background-color: transparent; + background-size: cover; + float: left; +} + +.tui-popup-header .tui-popup-close-button { + margin: 3px; + width: 13px; + height: 13px; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMCAxMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5GMjc2Qzc4MC0zM0JBLTQ3MTItQTM3OC04RkQwQUNDOTFDRTk8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImxuYi1mb2xkZXItZGVsIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiM3Nzc3NzciPiAgICAgICAgICAgIDxwYXRoIGQ9Ik01LDMuNTg1Nzg2NDQgTDEuNzA3MTA2NzgsMC4yOTI4OTMyMTkgTDAuMjkyODkzMjE5LDEuNzA3MTA2NzggTDMuNTg1Nzg2NDQsNSBMMC4yOTI4OTMyMTksOC4yOTI4OTMyMiBMMS43MDcxMDY3OCw5LjcwNzEwNjc4IEw1LDYuNDE0MjEzNTYgTDguMjkyODkzMjIsOS43MDcxMDY3OCBMOS43MDcxMDY3OCw4LjI5Mjg5MzIyIEw2LjQxNDIxMzU2LDUgTDkuNzA3MTA2NzgsMS43MDcxMDY3OCBMOC4yOTI4OTMyMiwwLjI5Mjg5MzIxOSBMNSwzLjU4NTc4NjQ0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); +} + +.tui-popup-header .tui-popup-title { + font-size: 13px; + font-weight: bold; + color: #333; + vertical-align: bottom; +} + +.tui-popup-body { + padding: 15px; + font-size: 12px; +} + +.tui-editor-popup { + position: absolute; + top: 30px; + left: 50%; + margin-left: -250px; +} + +.tui-editor-popup.tui-popup-modal-background { + position: fixed; + top: 0px; + left: 0px; + margin: 0px; +} + +.tui-editor-popup .tui-popup-body label { + font-weight: bold; + color: #666; + display: block; + margin: 10px 0 5px; +} + +.tui-editor-popup .tui-popup-body .te-button-section { + margin-top: 15px; +} + +.tui-editor-popup .tui-popup-body input[type='text'], +.tui-editor-popup .tui-popup-body input[type='file'] { + padding: 4px 10px; + border: 1px solid #bfbfbf; + box-sizing: border-box; + width: 100%; +} + +.tui-editor-popup .tui-popup-body input[type='text'].disabled { + border-color: #e5e5e5; + background-color: #eee; + color: #e5e5e5; +} + +.tui-editor-popup .tui-popup-body input.wrong { + border-color: #ff0000; +} + +.te-popup-add-link .tui-popup-wrapper { + height: 219px; +} + +.te-popup-add-image .tui-popup-wrapper { + height: 243px; +} + +.te-popup-add-image .te-tab { + display: block; + background: none; + border-bottom: 1px solid #ebebeb; + margin-bottom: 8px; +} + +.te-popup-add-image .te-url-type { + display: none; +} + +.te-popup-add-image .te-file-type { + display: none; +} + +.te-popup-add-image div.te-tab-active, +.te-popup-add-image form.te-tab-active { + display: block; +} + +.te-popup-add-image .te-tab button { + border: 1px solid #ccc; + background: #eee; + min-width: 100px; + margin-left: -1px; + border-bottom: 0px; + border-radius: 3px 3px 0px 0px; +} + +.te-popup-add-image .te-tab button.te-tab-active { + background: #fff; +} + +.te-popup-add-table .te-table-selection { + position: relative; +} + +.te-popup-add-table .te-table-body { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZmspKREMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgAMSwQgckFvTgAAAABJRU5ErkJggg=='); +} + +.te-popup-add-table .te-table-header { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZksLCxMMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgDxKwPzTeWPdAAAAABJRU5ErkJggg=='); +} + +.te-popup-add-table .te-selection-area { + position: absolute; + top: 0; + left: 0; + background: #80d2ff; + opacity: 0.3; + z-index: 999; +} + +.te-popup-add-table .te-description { + margin: 10px 0 0 0; + text-align: center; +} + +.te-popup-table-utils { + width: auto; + min-width: 120px; +} + +.te-popup-table-utils .tui-popup-body { + padding: 0px; +} + +.te-popup-table-utils button { + display: block; + width: 100%; + background-color: #fff; + border: none; + outline: 0; + padding: 0px 10px 0px 10px; + font-size: 12px; + line-height: 28px; + text-align: left; + color: #777; +} + +.te-popup-table-utils button:hover { + background-color: #f4f4f4; +} + +.te-popup-table-utils hr { + margin: 0; + background-color: #cacaca; + border-style: none; + height: 1px; +} + +.te-popup-table-utils .te-context-menu-disabled { + color: #ccc; +} + +.te-popup-table-utils .te-context-menu-disabled:hover { + background-color: #fff; +} + +.te-heading-add { + width: auto; +} + +.te-heading-add .tui-popup-body { + padding: 0; +} + +.te-heading-add h1, +.te-heading-add h2, +.te-heading-add h3, +.te-heading-add h4, +.te-heading-add h5, +.te-heading-add h6, +.te-heading-add ul, +.te-heading-add p { + padding: 0; + margin: 0; +} + +.te-heading-add ul { + list-style: none; +} + +.te-heading-add ul li { + padding: 2px 10px; + cursor: pointer; +} + +.te-heading-add ul li:hover { + background-color: #eee; +} + +.te-heading-add h1 { + font-size: 24px; +} + +.te-heading-add h2 { + font-size: 22px; +} + +.te-heading-add h3 { + font-size: 20px; +} + +.te-heading-add h4 { + font-size: 18px; +} + +.te-heading-add h5 { + font-size: 16px; +} + +.te-heading-add h6 { + font-size: 14px; +} + +.te-dropdown-toolbar { + position: absolute; + width: auto; +} + +.te-dropdown-toolbar .tui-popup-body { + padding: 0px; +} + +.tui-popup-color { + padding: 0; +} + +.tui-popup-color .tui-colorpicker-container, +.tui-popup-color .tui-colorpicker-palette-container { + width: 144px; +} + +.tui-popup-color .tui-colorpicker-container ul { + width: 144px; + margin-bottom: 8px; +} + +.tui-popup-color .tui-colorpicker-container li { + padding: 0 1px 1px 0; +} + +.tui-popup-color .tui-colorpicker-container li .tui-colorpicker-palette-button { + border: 0; + width: 17px; + height: 17px; +} + +.tui-popup-color .tui-popup-body { + padding: 10px; +} + +.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-toggle-slider { + display: none; +} + +.tui-popup-color .te-apply-button, +.tui-popup-color .tui-colorpicker-palette-hex { + float: right; +} + +.tui-popup-color .te-apply-button { + height: 21px; + width: 35px; + background: #fff; + border: 1px solid #efefef; + position: absolute; + bottom: 135px; + right: 10px; + color: black; +} + +.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-hex { + border: 1px solid #e1e1e1; + padding: 3px 14px; + margin-left: -1px; +} + +.tui-popup-color .tui-colorpicker-container div.tui-colorpicker-clearfix { + display: inline-block; +} + +.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-preview { + width: 19px; + height: 19px; +} + +.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-slider-right { + width: 22px; +} + +.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-huebar-handle { + display: none; +} + +.tui-tooltip { + position: absolute; + background-color: #222; + z-index: 999; + opacity: 0.8; + color: #fff; + padding: 2px 5px; + font-size: 10px; +} + +.tui-tooltip .arrow { + content: ''; + display: inline-block; + width: 10px; + height: 10px; + background-color: #222; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + position: absolute; + top: -3px; + left: 6px; + z-index: -1; +} + +.tui-toolbar-icons { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAC8CAYAAAAesLCcAAAAAXNSR0IArs4c6QAAKj9JREFUeAHtnQuUVdWZ5++tgoLi/ZKX8hAVEYIxOmrSyyQkxkw7ziTjGF8QEZwZTEaxO3bjMt29IumVLG1Nxplga0JmIQ8FxTgTk3bF6bQr2Cur07aNOhIVUUAEoajiafEoiqLu/P6Hs2/OPZxzzzn3XqSq+PZap/be3/72d77zP/vb3977nr0rl7NgCBgChoAhYAgYAoaAIWAIGAKGgCFgCBgChoAhYAgYAoaAIWAIGAKGgCFgCBgChoAhYAicAgTyae95/fXXF2J434N+0zPPPLM2pjySjLxLogrq6uqONDQ0bF6xYsXBqPI4mtMPPbxncvk4fscXV+70c8/l8nH8ji+u3NGT9HJ8Lk6rp+NPinuansHnBdsG8ot4xtuD9ErTCxcurNuwYcO4lStXbqlUhqtX5xJVxOdS99Eq6pdU7ezs7NPe3j6+hGgZQyABga9//etjYFnDNS+BNVXxvHnzer/zzjuTjx49OiJVhQSmijza6NGj+zY3N1+LUayS/Hw+f3D16tUDEu5VUhz0ENOmTXvtzTffHALD2WKqr6/vfOqpp14rqWCZjxUB53lTeFRvpJOCzxvBJHlU1y6S+IJgUOcz5J/lkrEpHOP6kOvXXIuR9S/EqQPyBvTq1WtSR0dH70Cldtpla+/evVuyjrYkoxYeLVcoFN4IKFR1EsM9XLUQE1AzBG644YbnddVK4MyZM8/TVQt5GIU82BouZ2QSW8+lUdF/5vondL+DOFVA3hlMXyaHjEx1G44dOza8ra1tyi233DIylbAAU69AOnWyqampLcS8MpTPlMWbfSpYgd5kTzCfJg1AJT2ry8fVzdoDIy9yTunkp+2Bq9XL3c/FtdLLyYuL6Uw9fGm0C0m+z/MujeNNQ2dI5sm76aabxtKxtq9atWpXmnoV8NSj7yPc5zVGSf9UQf0TqmBs48D9EBgcOKEwhlATj4bsRdz4ezH3yEz2H+TMzBWtwklBgGnBNTSqf+8b2X3c5G9531MrvRmLC+8i7z0ZGV5iDIaghttYiTzkLKbeDK4dgfqtpFu4NIT0AtOcBS5dLkZeC7wb6OyPOj5NZfByHS6vmPyoYD4pXZFHQ5n8rFmzzmLRQnO0K/ybfJP4r5JuGFWOvLUA3UCZ5mhurncGaY2zUwXpFGQM54NladLSKcgXzgfLsqSr1St8r1rpFZYbzgeMTEX9uJ5hweDSvXv3hllT5Z2RiRljq9OciFW+txndpKofZAKD37EYcsmRI0c0T/sM+UEqR14v5P07kou4vihamkD9Azzb262trecwhOzv1gvoEPJz584dfPDgwXF4Ye8eaeSJp2KPBjglDRtZ7WlvmoaPHsMbWqThNZ6Ti0DIyNzNpu7bt6+i1eagkTlhNOi+69evr3i1+YknnpBHm8ElD+cFDK0Do/kFmSsxkl4333xz6hXExYsXHz3//PM3sPhRHNJiXIWlS5fu69+//7u6gQzZu1GKP6kZg7LwPgUMLUjSyuMvSwgZMsg7Yf6Du96XQUROOokfYL0OwOXjZDi+uHKnE3yeZ3P5OH7HF1fu6El6OT4Xp9XT8SfFafV0cqQvwWVLYui3lhBSZIRjuO24atCHu3QlMc+mzv72cF3o79FZPIIx9wmXlctjSJ2UbwnzYGxtjOha8JapHVVqxvDNAvkjGNlqLP/PA7SKk/JkyNrLZHlbxUKsoiEQQoBOYQkfQrSGyBVnfU9X6m0qlmYVDQFDwBAwBAwBQ8AQMAQMAUPAEDAEDAFDwBAwBAwBQ8AQMAQMAUPAEDAEDAFDwBAwBAwBQ8AQMAQMgVOOgL7Jy/odYTml9U2ernI8VmYInJYI1NLQBKAZ2mnZjE7KQ2f6ep+Gpy3if8k1hw+J9aX163yseT9fR79QiXbUzbN1YYy+2uZr/V7Eh5DThLz9lcgL10kyPO4T3uoTFlGSTzI85JXsYSup7GeSdArXSdIxSacIeYk6hut01zzY/ATd54NhTbZwcfzChMmTJ2/1v+rPBEsmQ0OyjOw7GNki4nUYymeJf3rbbbdNXbJkSeYvo30jG4ORNSPzMPEA4gkA9CbgZPoy2jVgxUmNE50TA3K8YaNi5J02jVPAaFMvuyce5P3OIFs8i8Ph6rAWL2EH72wNX7Pf8+STT0buuIC/gfKzkDcgeBaHw9VhLWHa2Yy8A9q9QXm1BjIPkdPZFHqdv19Nt6g4oNMITsZqZFPoRu1XyyIoa4/+CsIPAsAMdxNu2o+byhNlDjfeeOMFbBvvRN47rjK9RV0lPYarb3F1CPg75/8fUoaFJfGeyu3128M2lE+GjU1Ghhwde6DRUElAXrm9fupo34IntbHRcU9hVHQnBv0ljHUSsTvFSptCr0PW70oUSMjMmTOnL7upR7J1S7upG2iq3vOrM6DD2IS81GeGZDW0p7jhV3iIeVOnTl1ZrUHgiicBzJA+ffpsWbZs2R7kRu8wTABExa6XRcZ3OeNiYYoqZVlcL4uX3cFW9u1lmXtQIRskV9JAb+aRfoXhzAsbTvhRfcNcDP1qsF8F9jODPHrHeIKheLSPiLckGY4ME94J8A4i3sv5IpuC8uLS6H0dZU+ge98YHhmshpHSNTGg91Da5tnOuMIVtG+Ssq3I09kkiSHT0JFGt4Cbj+dhVrz11lsLebiHMbjHKjU4wNxG79Bw+PDhiWxvH8MxXs3Lly9vqcTgeOA8+uiEpvt46oV6cmd8SkcF1Ymii0bZ2sCWe8/QnPGVqxNXFqZXo1tYlvK10g38Zkhe0MjidBV+MkSMbR7nx2x1dVXfBWjeGTBBI4vTVZhztVO+hfrTXV0nKy72h7qr4HceLI41FZ3762i5WCNLJSTElGhoQZC5ebE6D3UOmUfYzv0IPEW6wC9mIhLwenMfV4QL9pL0Dn10+hXGohORXLHX4IuZMglnZHQGXyjDlrrIGdnAgQM3pK5kjKcEAYz4TwNGVqCj3o0iDdDcATqZho50MiPpOIrtGO/Vgcw62r93IsFJHzqGUcQgdPLVoyhyx9NPP13RQS1BmcjTyVfj+/btu5XTYJuDZUlp6haHnUnGniRL5cgrdgjqadPU6Qk8dFjdbujIu9Kp1merHdJh/2/el3cAr98mfsfUJNNiCPU0p2xobGzcOmnSpL1uxKY2gZEdpPPNvBiS6NGCjYfFi0/zIK/yIBrvKjzN9Sg9x0Avl/EPig/gOPBD7kFI78VDjsezZT7LpBbGFVT/dDKu4HMzL7qH3vzfQrtaw0HeUbHYYQyt2KnB48r3qK7LuFjTA9KDiOVdpofkRS6GwKvqx/y6SieFs/E4X6Gz/8cQo+Zj81lxLCoZKo/LNsiYwivpPN+uk768P3v27OHMpV7ggbb6vV4rWmrSrGX55+I0jqNjXDpz71yWS4+y/KqFkGOkh2mSSU+S6QQs3cO9fOQUF0McLU4H13CiyqnrebTgYoijRfGLlsY4k3QKyy6no3iTdIqQV9Y7+3OuT9LIT1jeD8vy82WX99Ffc663aKQnLO9HydOwjHeYdXn/eRZhwkam93F71D1S0PaHjUx1qvmvMqk9GosUu/Fol+HR/hog9PvEUK7Xub7Mcc7riTMFDK2D5dP19IhjOfhS5+1p+Vcuf4OO88okDGY1SDdPI7swa/0wP/JOWAwJ8/TUvL/SODPu+YR1XFkUHX55lNjVQ2EdVS8D7X9m4E1kZeqSadqSKLCnMcjQsnqMchhoQSSrxygnz8pOXwRSe7SuDpEMjKCDXL9bC11lYFpl1dCxFvJMhiFgCBgChoAhYAgYAoaAIWAIGAKGgCFgCBgChoAhYAgYAoaAIWAIGAKGgCFgCBgChoAhYAgYAoaAIWAI9EQEMn0c6gAIf0+Y9SNTJ8fF4e8Ja/CRqRNd/Kq/SPATleoc1tXJTatzGDtXPy5O0jNOnzLyUn3Am6SnPnXj49tF7OioQ8fE7fxJeupTtylTpjRv3749n/XgGz2r0zeMVxw9Dh9Hd/qG32sc3dWLizPv+5IgQDnbF6gzICoy1qBCo0eP/r2fbw8/WJDP0l0DgYCR/QMa/YbGpw27FQdnZGybmtza2jqZA59qciRBxQqdhIoVfVTMx7YzpAuAr1Fcbdi1a9dAyQBw7XGrKPDl/tIhQ4b8t/CJXJV2BHy5P5Ee9gO3KdUpVW1HUKk+7v7huFp9wvLC+Sh9/b2JMrKLuN5hB3PqdhSlr783cTKyGtmGdSSsQ0/IpwYo+LAY2Ax9Kc+1JkivNI0c7wAX5KY+vit8L2Tcunfv3kvpXa/nZb4VLs+apzMZzkbU/ojTsWLe1visMnoKvzwM2D7ApswH2cDZwXAxaGRfyHpmIu9KB+eeNWjQoKaxY8cW5MnAqpFNv0cGDx78TiVDx66OdUWGBlAz9GB4oDWKqw00as+jjRgxomKP5uugsx5ewTjuwDiWika6uO1eeRcoTxzycnBQX55xCo1iK5tbd6ku8ryd106Oi5GXau7j+F0cp58rT6On41Ucp5/jqURPjOz71L+b93Q1mMjjOE+W2cikBzvqz0TWSIaJgzAyvZ+aGVkSnrp/lpCEZ1pZmedoGlIhfALXFs47fJ+4qjB//vw+CGjgal+0aFFNhg14xkjjqlRRevGayqtUj1NVT56Me79BB3sBcYmRabNtVr3OO++8JuocVkdGXGJk2mybVV534M/s0eiJZujButL8LAC0hozXc35EceiY1SMEZOl46jYawyaOcSgOHSvxCEGZ4XQ1+oVlKV9r/SRT3pye/Uskf8PVgJf/ooaLlR4doWMsGI6+q4UP5mR5rg0aLsrIaF9juMd2ropCGM9qPVwYz0o9XGaPpvmZEKB3W6O42oCcqudn0gG9lg0dOvRSgCkaWTW60Zh2n3/++W8jr2hk1cjr7nXBoYXl/C+Cywx3cjPv7r5Kn0uGpTMzZWTI9k6p8o2sUpFdul5mjwa4M/REAL5GcbUBcGsyP8OLzYnSJa5H4+WWnaPFDYvjejTkpZqjxekTpbtoSXrG6VNGXio9Xf2gvhwD6JGhueLMcVBf5n5Vy8uswCmqkMmj+aBPkK4YyOZqdfZB1/ws19TU9Ilq5Vl9Q8AQMAQMAUPAEDAEDAFDwBAwBAwBQ8AQMAQMAUPAEDAEDAFDwBAwBAwBQ8AQMAQMAUPAEDAEDAFDwBAwBAwBQ8AQMAQMAUPAEMiOQNkv2IPi/A+KT/iaPI4erBuV9j8oPmH/VBw9SkYamtMvzJv0VXyY3+Wdfi7v4p729T7/9rjvwYMHH2D70Vf1jOzaeK5///736t8eR2C6jWMI5vHP2n/l8AjH7EGrW79+vXZWD1EZuz/2cSbLhzqTJYyp/o81+wB18NP+sJxyeV/Ov/o8/8a9k3VjPlUI1pu+47VU7f6WW27pz46FKarLFqH1K1asOKj022MuLtllf8GOVxN3RGT6el83sdDzEaDB1mNkv+ZJ/wQDm6hL6UOHDn0r5unPYl/Z4pgyGWmeIwvOw8hGwqPdGg1Kv/fee6Oi6mBkvTE2b5dIVHkZ2jzKdByGLqWrCug4gg6hU5fS1QjLvB+tmpt9HHXZudtv3759j7r9aZV6Lqer3xOPd/vTXC/pyrPG1eoTvl+1+oTl+fk5xFdwbaORfY2jHDa3t7dfhMf6e7/ci9yz+B7urGBZMD1z5szh5AfIU3FtbGxsbMeQG9ml/VGQzz2LPJOMLViWlKaONhDP5Frh894C7c+QWdGBT9Stp/MYhoHt9uUNh7YNecf8fKaoRxkaQExlM+EzIKBDeuZkQiKCGXmNnIQ1CbB1tsX7ESw9ksRwcTZeKMdw8G46mJf9hywxsvCDU2drmObyGI0MTbvgt7rhF9mjrjwqllFG0cvQZGQytsd8nm8Si7bYz2eNZGQa8XmHw5LW2ZXDXD6rsCyGpvHyYFm6s2ql/RtmGkv7ddQz1GtYQfDG0EpzDoWKM/ca6DKHen/L1Y+rGKCXjM9dAc9QdpzOyVcj0GccjaRkeI28S5yMYIy8xHG6+OP0CcoKppP0jNMnKCOYTqmnOqocPfqLwbrhdOBZtvEObw+XuzwG2xdZucmTJ2tIFxvcs8jIwH1LLGN0gYaKv+X51qkYWb8lEm1x2jmZ6rmAziPQ+QDyvKMskHdANMpb0szJnBwXZzG096h0CcMIjZ03SQA3nigACSrLFKh7hLr97rrrrgYqeqdf+WnJzXwaloyVkEmHcsw6+YrhUjkWK+siCPgG6nWApEsagcpSdi7Fp/EXQbwO25ftlamtqyzglYt1khKpDY3G/zA3eoKe5kFufqcE07D/RrHKFGcJnG7bzEGcE5ubm89iXvWB6iqtWGWKswTmZMvQ6xXquKGjVx2Qy3quuHtw8tVu5B2id53EM2vo6IWsL83Vc3Gl+rj64bhafcLy/LwOOPoc7/VKYuEZGdyzgFOBtqEh2rgoRsp02MiADRs2DCQ+flBIBKN7FuRdAu7q0N+IYIsiyXMdpD3+d3T2RkPcs57O927oKov1tlHCGCZ6iyCU7QyVj1IZNG/1MVRWNpva0JgIP8mwTuNmrTy96UvdwMPcSNnqsneJKPQbcgFgRjKvmiYWwG0DoM2U7YmokkjiRb2F0V6qxZBE5hQMyDvMYsjbLEuPT8HeY1hosMt5mM8R/5Aj4D6IWwwJPXDsYgjvdTed1QDkjcMjtLvFkCeffLJkMSQoD/5UiyEYpVsEWfSzn/3sO0EZlEnGncSpF0XgdYsgzbz/7SF56rRHwpN5USS1oemGeA0ZVGajUt2owIPIoCoyqih5onGM2SGiOUorAErJUOI4Nfl0Kcen33lIv+/yyDsd5mhLed45GMYV9OD/zOU9Ph3tX9AE7g9gUcSWDjd2MWTlypW7qTtcxsY1xZ2mxYnF24PHiQexxTjTLobM5N796LB/4vRyMSumP6HjvofnyLIo4i2C8I9Xdjk5LhaNQ6RGk8+8KJLK0OIaq1PAxRhOqmFaEFBXNypGXqoFhqi6RqscAXA/xg/WV4V/sO7Xr1/cFKHsYgiGUKDDejf8g/W5554bHpp5SsvIMMi0iyHzMKRfuZ9fgk8tGm1NP6Jr+Jhq9RGD1SLI/qhTs0VD3n7xIK8leC9LGwKGgCFgCBgChoAhYAgYAoaAIWAIGAKGgCFgCBgChoAhYAgYAoaAIWAIGAKGgCFgCBgChoAhYAgYAgkI8K3aQl0JbKmL9f+Ke+o/Bk8NgjGeNgik+tZRaPA92X0+Kgv9uKqID1XH+AJKvpCuSqhVNgS6KAJlPwJO+pg47UfE7tmTPiY+HT4iTsLUYeXiJIyTMHVyXFwtxoxqltLpzkDORCezmphRzUQ63YHI83ZGVyOrK9ct69H46vq7YeUBeR70VuirwmVJebYt7AjzIEtfS3cS13S7TPg+ls+OgJsqsDVmoastI+NdrVE+qtzxRcVuqsBX9cVRjIyMdqH2lIsqj5LTHWkl52GEHyAA8LmjRo26X3lAVp1/CJSFq8XmHcCA24cz/ZqUl41xfeTKYiv3sAJ5Kne5R3N5xY6WNqbOWne5Oi6v2NHSxjIiTRe4rtXJYqon70M0Adoa0VTGdZ8zOPHEBRmRpgtcQ3SymPjmz5/fh6iBNnVANJWJxxlcnKzuSC9raP4DHQHMmTt37lzDMOWPSY8CmNdURv7nGgoB9P9J+/DsNdJmwWGcLjWZuoMxMki9tFlT8s7luuTGG288J60846s9As7IkPwG7+ZKfzNtDiOYobvhgdaIpjLxJBmbMzJ4D0+bNm2Dv5k2t2vXLh1tkBsxYkSraCoTT080tlQ9J43/WoxrBYCqZ9P2c21bb4T2IbTdxMOJz6TnTLUZjnP+hmJgGpvL0LV9d93QoUPr9u/fP93P1w8ePHgdLzPtLlsZaXG3LzISA7qWfXYZfKKQAENar9HV9Qwb2apVq4o7jSk7YX6m08LYpPkiUFxIO/hueKQTYWQdDjbKTpifYXC9OGx1MjyNmmqkGemg1/OSyb2vUZyUF0+5QPs8T+XsDH9XcVJePEkhjUfT4TvrMaRXEKbGqXMYroI2C5rmeDf5sbaLpwpHjx5tw8g8LwaYec6kGNTa2jpMw0iOnd6kWPlUwozpY0OA91ycn9XiprSB4vysWnnoVtLRJuWT7kcbLZGXlE+SV7ZXV2V64N8TTePSEXCao32Vh7ic9F7Sr9KLXEUP8mtoI+jVPwW9bKAHnEYP2BdD1clJ2xl+DCHfn0rHoB3ioJ8NDB0nU9YLeW+VFdYNC51HC3rUtLSox6Wu53mDHjUtLUqeaLxPb35G0hs6yqv53mcztLncaylxLsmbiUchyqtpfsb5G5/g/W9xXrMSb3b8Dl3/bxqP9g6P8W0O+R8PwA+wKDKD/LNcwzCuL6mRKCZ/EQbySeKyAQPS0WMfamiIvKbzzz9/Awa2D5pOHxqoRqKYfKObhJcVaIU1R0DDPw0DEXyhhoV6D3ifGbqR5meKRSs3ZBSPCxr+aRhIvlHDQgyqLjg/E59oWYeMTn53iBM9WtRDYAz/gxcxm7IfBcrvwuCWYzx/GqClStLjjeNFDudlNLsK5EeS381Lij1dyfF2p1gdUxZ9wbPsO1LHlFHe2rT88mzileGRPmF+FixPI1OeTXwyPN9Dlvx+FixPI6878ZT9HS3qQejJenMO40yM6kkawULHwwsfTnom5QuyLGIgJw/Amo/tCU58kdeLMnlNnbCUqXE6nSyuDgEZmJPAezhhfhYsd3zl4uD7pSM9YX4WLC8npzuWZTY0DifVys4ZeJslwQdWHvDu9Mt/Hiwrl547d663xM+qY3F1S/zKY9BnqJyshpY9IiR5qKwPibzUHiqr7CA/95kYzFebRt66amVYfUPAEDAEDAFDwBAwBAwBQ8AQMAQMAUPAEDAEDAFDwBAwBAwBQ8AQMAQMAUPAEDAEDAFDwBAwBAwBQ+DUI1D2g9VTr156DTZu3Jjpe8hzzjmn7LNv2bIl08e6EyZM+Fg+hUqPiHF2JQTSbJPpSvqaLoZAt0Qg9UfFbIm4gS+49V/vV/FB6Pfd08bRXXlczNf5w9j0N4aPkfeE/mF4JD1OThx9+/btuR/96Pgunrvuuis3dqy3QyOOPZH+wQcflMgbP358Yh1jMAQcAqk8GkZxFUb2FJVeHThwYHEPWhzdCY+LZ82aNYiys9k4eOjIkSPFPWhx9Dg55ehr167NNTQ0eJfS1YZXX301xz9L9y6lax3Y+KjzWGoWtJGyZsK6maBht2wvBK9K1A/WD6aH37Lj3RG3bs80rdD9076Mu+DNsxP6e0uWLGkNKB5HD7CcmGxvbx8pKueD7MA76nAeL8TRXXnamO06uddffz134YUXepfSolUaOC8it27dutz06dO9S2nRahW+/e1vf76tre19xbWQec899ww8fPjwdMW1kHfvvfcuCOsGbYbolchfsGDB6LBuyoteibxwnYb6/NnHafkte1aMLTsXD9dNyhdyhXPZQvloEl+4PK2heQ3gggsu2BQSEEcPsZVmGS56DeDxxx/XOSTFEEcvMqRMrF+/Pnfw4MHcpZde6l1Ki1ZpUF1O6MpdfPHF3qV0NfKCeqgBM1p4BtpDisMNOsibJq0Gy0bZSRwHsVNxuEGnkRHmQc6/BHXzdVwtepg3TZ56B4O6OZ1FT1M/iYcucIZ48vncGsXVhmFDxvStq6+7uSin4J2hU8ymSaQ1NM8wONPhKMPF4OpeHL3svfEu3n2Z312MvKIbjqOXFRZR6IaKjz32WE6XgqNFsCeS3FAxKM/REiuXYXBGRgO7/oEHHnhIcbBBl6kaWeQaLDI2PfTQQ02Kgw06slIK4v333/8SbJqjPyMvpli6+vQUEkpZHnzwwVanm7yYdFRe9FLOCnOdxw2N8dqaCiWUrVbI594oyxBRmNbQIqp2TdKBAwdyHM6au/rqq3M0Xu9SWjSVZQ3Oe11zzTW5H/zgB96ltPNyWeUF+WlclwUbbKBBXxbkS5tGXv9gg3UNWvS0MuL4wHKNdKV8QVDnOP4kutON6ciooM5J9dKUc/DcDPFxLuIaxdWGPft2tHUe61zl5DAWXenSaeMeZ2iaj/HivCGeA0FDPtFUljVoPqYgGS64tCtz9KyxvFjYK6hBi55VlvjlxcJeQXnRK5EXriNdOQ1tYljnMF/avHRrbGxcF9Y5bf0ovtFzdkzkfx9NYOC4pWnpmPejeKql0ZYWDb+16XtZ5PQ4Q9MQkSPscqyOFnFQWrRKho8vv/xyjv8TkON4vKI8pUVT2ekWWM08VMtnRl5nLeXVen4m3bwFlT59xnF88G+droVC5zddOk1c0xWZNDc8WTz2ZcjJQrZ7yR0+e4eOxbs1X5+fu3vpmKWVaq8lfVdXhjZ27u5xbceOrMwVcleIzvC5affyMWMcT1Kc+gfrJEFWbgh0BQRqPT/TM8no2jpKFsixt8IvszxvjzG0pG8Xs4AiXvt2MStip57/uBc67ojajxU2o1HNR2z8ZHCkkMs/lxvc8Oen/olNA0PAEDAEDAFDwBAwBAwBQ8AQMAQMAUPAEDAEDAFDwBAwBAwBQ8AQOIkI1Px3hpOoq4k2BGIRCO0qKfKx37HiNh7cWVIUSAKZa4P5NOmKlUgj3HgMgZOJQJxxxd0zjdHFGVcZmamMrsd8GRIHhNFrhwD/o/wcNpS+IIlsb/njp59+emOl0vXP4pubm89T/ZEjR767aNGi0m+cKhXcReulNjT3kWV4a3gcPc3zXr+6UP/iL5v+Et45uNbhbKh7vb6ucH/L0rHey0wjw/FMnFPo29q54wE+j/mqaPlc4bmBdWPufX9pvs3p6Hi517a6fH5ey/Ixv3K0uPhk9Jpx9wrST1bPGrxHUhodPg/Ps1zX4Q1e4mPd/0j6XNXz0z8M86gsKtx2220DW1tbz2EnxUYdh8E/ix+C0fYRr9JEO8M8UXKiaPJUce+pXFmULEej3tq4d1CuzNUPx6kNLVyxFnnfyL5TV1dY1FmoW5cvFD7beSz30xG3tUzdteSM1LttPYP9ux2/Pv5l9fFv3fj7J62FnTvR8/6wrpSd1VkoLIY+Llxm+T8gQIN6icZ2HZRnFfPF+s8xsG+IQ2loJYb4h5onpmRcGNJGGZtizovZh0c7Q5wjRozYV6mRuTvJoFy6VrEMqlayTqmh8YHmf+BBfrtr2dhv+Q+0ZOy8Qr/ti/OZ9jy9+PzOOTIyeapcr7qv9eqT23z0cP6i3ctG/X0QKOeN5eFkbMGyuHS1L3DmzJkTVq5cuSUsP47u+Kp9yRqaRQ3H4ujuvuEYPYrGhgeSZ/OGe1mMzMkMGhu0jQw9f6+yao3Mye/K8Snd+Elj38gY5LLhs7d/feHCgqdLViPzwC0UZitm2Hj37sdHv7zzx6Ob94SM7ISXkM9tPYFWY8JNN900kdOyXvEbZVE69Bmiy9iKxBom/PnPFDXgoFjl8SJTVB6kx6U1J+Nclz9jPrYNHufZPh80MpWJR7xxckTXPW+++eZReLJ2DR99zzYwaGQqE09a/crdr6uVpfdo+fx+jGKwhmnP3JD3zm47PsfaoXHE/koerG99w4K2Y+3jkbti0aamhcNv3fHw/LNHP7ZwYT7brttCYaru36+h34t7yiji5mreHC2Xv70Ma7GIRkV/EB/KebynnnrqferrnI1nFPve4fMcQrQa2vVRns7dCfZLXDoqRlbssEaejAa8idO/Jin2PclA5WnMm6I8XdQ9/IUPjlcrfEOeDJ1kbM/5vF/1n+dd8h4Pseft/PKSSAsfmpNpuChPhl6esYnJzdsw1k84HsietysR0o0zqT0aiwvv6Tn/8YXmYi/80vPNE0VzZUonBTV2d7GZ7gOM7DOqw8s8p9BZeORHG3ccc+XOMJJkduVyNUaO0bsBHWVsCxRzeUZ3MvWWccmoZFzcd7QzMtFP5n1NdjQCqT1aPl//cKFw7ImOo50PnjGn+U6Jo2f+G8UqU5wmuHlSFC8e7ZsY26NMtO9gm/ijUTyRtHz+LSz1c4faD11JuRpyZHD3lgGnXQzBUKqeZOPZ1tDYPc+GYqmMjPvGeqzIh4sg+p7MMzYZXVYj0xK+VhdDCx/eqi638xZIgjwRKhRJWsLX6mJ44UMMgQWSIk+xYg9JpPZou5aNerK+Ln8j7uvMY50db+pSWjSVVYLHsDlNn562sNDg6jb26ve0ny6ZW7jy2DifX+6V5Qs/HD636fJR32gaOezWnV+O5aeA8WCqxZByMrKUybMNHTp0ouIs9arllXFx8O26rEam++p3stWrV/+Q4ZywepbLW+b3n8Gbs6lMPEm/qWm4umrVqp141obgMr/0cnM2lYkn7dBWOnaXkNqj6YFalo3R3EJX1eHM2R8NP9x58IUdG5u2cnQXh54UWg+1H7wZ93E4V9fbzQNS3efKa0YtffHvdngrj4WOzn8+2nG8GnL/Yvey0cXl/ZKhaMrFEBxR2TlaWEEaYawHXLx4cerVVO5bdo4Wcd9YD1jNSVPo8Xnu5RmZFj7Ia07m/WCNkXnGBs0zwLBO4TzzsuJvaVr40JxMPKQl0y2QeL+zhet293wqQytpoGWe2A3NyrAUiz5cPmj3iNktl3XmO/6a4ck8CoYyRHm9Llf/5ZalIzKd363FGX6wvuqEH6zzox7eXbzjHxJYwra6lIshf6h1+qWCRiYvptVFUDhXSGhICU0/WKcytqCRyYtpdVELH5KlIaU8mVsgUZzFA6NDps5Q90wKyMzU0SXJi+19kypa+emHgJbwMY4u8wlWVgMrN9pwbzOrgSEzdiThZFpsCBgChoAhYAgYAoaAIWAIGAKGgCFgCBgChoAhYAgYAoZA7RGw5f3aY2oSP2YE9LX/zp075/Pb3n/i1udz6WujN/ld9g2uH/PVyqtZVeJH/jr+w+3IXr16Deno6OjL96qIyh/WNWDAgJYsHx/o3mZoWd+A8XcpBPjd6woU+l9cMrBjGMIGDG4H8XnEZxHrx+zHSC/gN6/DpBMDMgfwFcxE94M6xtZG+ii0vhhdb19Ay7Rp07al/eom1ZchiZoZgyFwChBgX99nMYA1GFEbBrWgX79+jyxdurTNqcLXJ1MwDP331Dso11co/9WVxcX+FyyT4ddWrQ8xpuagMc2ZM6cv32Tq288zNmzYIEe1JU5WkG4eLYiGpbsNAjII/ie5/mn7GRjFpQwP3+bLlU9jeH+E59nJ95O/oPxqyvVvhb+FMWoXwtf4AFrfbUYGPFk9BVMZJvZiZ8p6eUB5Nzxa/969e3ccPnx4H+WD+Qj6KMY2knsNgb6JfYV7IwUGiObRAmBYsvsggBHdg/FMROPbMbL1pJfQ8OfqCYi19WYdyekY10/4v9v/pa2t7Svk7+KKNTTKRnM1YGQfYJBteMSJpIfjFXO6CBp6NiJrFzsitjCHG8JO+ZHQEg0t9TYZ3cWCIdBVEMCwZDjtXEv52Pkb5OdiVBvxZrdB+z6Xt+ueeMvy5ct3U/426Yu4yoXB1C8wXNyNzBEyMvJH8GgaHsozNqoytHaGkx2au+H9+omWFMzQkhCy8q6KwCQUW8fwTsZ2rZTEAGbh3R6H9lcY3RLRMDA3h9pFuuwRGRiN5nGHNSdD1lDVb2ho2MzOgl3I/JBh4i7RjhAU4+U6MMZUOwfM0ISYhe6KgGu//fUAGFJwCOelMbgtzLO03K+9b4kHvjLs9NYtMDRPNsbnnY8j+chyaXk0lTfClurgV5ujCUEL3RGBTTT8T+g3tKampt/wAH+Eof0Yo7obuk7kcudPtkC/m/xwrh9wxQa80xEMp6+MiPlXK4z9WQAZP2/evG3MCftQ7p1DyUJLh35jo7wewwwad6xsM7RYaKygKyOAMf0CA7oQI7uBxY77WaC4lvwX0Pk1Yqnu/cEQXiKtRY434VukgjJhP/yNmzZt0rCxiTmYfqweuHfv3guCdTA+/WZHca82yluCZXFpLWdaMAS6HQKXX375v7a3t89CcZ2gvAoDeZhYwzsZmDzcDVwaUnL6e34VS/K3Llu27AD52MAiiI6aGIahDuU3uT1MxZodM0PIVmibuY+8mOZue1lxfJ+5mxtOOtbI2BuPRpYY0RDo4ggwTLwKFf8v10dc32dItyj4g7XU93/Uvpzl+rLDRvEqzJo1axAGfB5JGVBT+Adr8fg/avfHyLQSmSqYoaWCyZi6KgIsw38OD6RPsGQc+rHrPa7NXFoA0RDvLC790KwTyPYTJwYZEj9IT8BzaRVSY0R9edLOHC2vORzDxd6QZYha9Uzl0WzoKCQtdFsEWJTYctlll/2UYZy8Wn8MYjzxFC6tP2wk/yjx7LRGBm/utddea8db7mppadHPAVpdbMCY+2J4ckxHSGuZf3NaI4PXgiFgCBgChoAhYAgYAoaAIWAIGAKGgCFgCBgChoAhYAgYAoaAIWAIGAKGgCFgCBgChoAhYAgYAoaAIWAIGAKGgCFgCBgChoAhYAgYAoaAIWAIGAKGgCFgCBgChoAhkAqB/w/mpdIDtoo4VgAAAABJRU5ErkJggg==); + background-size: 218px 188px; + display: inline-block; +} + +@media only screen and (-webkit-min-device-pixel-ratio: 2), + only screen and (min--moz-device-pixel-ratio: 2), + only screen and (-o-min-device-pixel-ratio: 2/1), + only screen and (min-device-pixel-ratio: 2), + only screen and (min-resolution: 192dpi), + only screen and (min-resolution: 2dppx) { + .tui-toolbar-icons { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbQAAAF4CAYAAAA8HgyJAAAAAXNSR0IArs4c6QAAQABJREFUeAHtvQmYHUd5733ObJrRPtJotSxZsrVZxnjBmO2C7GsINtzk8oE0Wix5LBz5i0GExSwmD/FAIJgAJrFiEQYvY0mWNBLgwH0SQpzYgssSf8TgTdZiW7IWa0brjKSRZ5/z/d+jrlZ1T3ef7tPLOTP69/P0VHUtb7396z719ltV3ZNKcSMBEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEhjcBNJRq79o0aJMQJn70+n0TyZNmnTP2rVruwLWDVwc+l0bsFJ3aWlp27x5896or6/vD1g3cHE7v23btlmukT0/aAN2eUHr2/lB3rO6DHu+nucnbpfnp45XmbC8vGRLXtQ8c7UXNJ88gxLzLh81T+/WUincvxUosxbt3pmrbCHy0SeW7Nmz5+JNmzbtL0T79jZL7AkFOJ6RyWQ+09LS8h8CpwDt52qyoq+vb+KOHTtmQ0+LcclVkfkkQAIkkC+BW2+9dQrqbse+Ol8ZcdZbvXp1+e7du+f09PTUxNlOENnFZEDe8/LLL388iPIJlx25ePHiorlwCZ87myMBEkiQADyzd3Z1dcnoxzsTbNZ3U9Bv5JkzZ+b39vaO8F0pgYLFZNBS8ICWJXDOYZoYF6Yy65IACZBALgIwFuKRbccuHlp2K6bRIeg3oaSkZA6MWXmx6Rf5EBpO1nEOTeYaxKpjPmoBhvC+BRDvUzC08BjKTdSOI49CB8c5NLT7LPJKK7F1dnZOQ8Mj7Y3jIvY2NTU9b0/nMQlcKATsv2/5XYc59xjkWX7f8rsOqV+k8rx0AYsK5K/F7jbE2IX1Bs3Ifxn7L9GX/mzz5s27EE9kU/NlbkOM6B8z/f39PeXl5Z0oc2bEiBFtjY2NnYkoZzSSqIeGm6t9y5Ytz1RUVNzqdJK4WMOd0pNKg359GzZsOIv29jm1Cf0S5eWkA9NIgASGHgGf82XD4Kldgv0W7N+Ch7QT0yBPLlmy5G1xE/EzXwZjJg83FTBmoxFedPbs2QW1tbVzVqxYkdiwZFncIALKfzVg+USLw7OMfRVmoifExkggIgLouG5Gh9Yg4vCkvhojGT+PSHQkYuD9jCkrK5shwmAI9uPh9VQkgiMQAt1kvuzHEGUOMfoVC8N2E/qlG2DY/mbr1q1f9VsvSDnoJ/Nls/QhRr/1cU+MwojXPBjdZjgzh/3Wy7dcoh6HgMGJXd/d3b3RReENLumJJEO/UuNpYqZTg/hBnHBKZxoJXOgEDGMmQ/XTlGErJiZizKRDll0ZtmLQD32ODC9uxx7YmGn6l8Kw1cOofUNLiyQK/QbMl+UjGEZ3CmRdlE/dIHUS89BwMtm5NZyYo34YztuIi/L3jpkJJEK/7Fg5nibcWjuJdy2OYszaLT+SdMVJCcOTpGWOwp6vyvkN7fL81lPlFCd1DHmWOQp7virnN7TL81vPrVyhebnppdKLjZfSK8oQHW095O2DB/FYlHKjkoWH7KmYBulav379oH5gRf/5ZbD+DTj/a1RsIpYzGfd7O37jsXnHiXpoOeBcDqO2ChfF0oHnqJNYNoZRKnGz1BSrfomBYEMk4EBAhhmRfEh2I54tJcYMv5l7sa9DZ3a5Q9VEkmSYEZ5Zj+wSV42KMRPvAaNG06FflUpPKkTnLsO0C7HLYo8otu9h8UZkjgr0OwaPe49wi0I53BsXx9mHFo1Bw0leg70BP4CtUV6QKC6CyMBFlQUr0/EDmBXnBYlKX8ohgSQJyJwZOr+LZVfzZ8qYGXrI72cbFhcUZOEX9DqF0ZUXZJe46KSMmcRh1ErQac8qxMcdoM/vhg0bJiNEvxNdwmzom+bgfd4PhJFhrwv92keNGrUTfGTBXKgN/egw3BeyaCSWrWgMmnZ2H9u5c2eddlxUUVyQscuWLRtfVEpRGRIoMgI2Y6a0u7y1tfVBdVDIUDdmSg94bpW7du2aro6TDDdu3Cge2kLs2YU1Dm23IW0XRrH+gHA3wtMOZVRSrYpEFTY0NPTMnTt3D5bkH3eR2QeD1wkP7E3sXXilwOszgbG9zxuZa+pykmYyxnVLcBEycOtzvYsm3tCfo+JDZuUEItDvD4Z+nu+iiSrQbwICtwsbSls8DXkOuebKD9W4j8po3zJnZq+SK99ePu7jQvPKdX7FxiuXvn7yXYyZqlqHPuCXOO9GlZB06GTMlA7w1MYvXbq0HZ5cLL9v1Y5TCCbdSL8TfOQ3Ju+jVahyyKtWcRWi3BjEb8T+KewLsWc3eGnvUfEoQ3ivYqT2o10xWhejHzT7Kuj3nL0tlCuFARyNZfzybrH+Xq8et1cLdZyYhybGQjTFiXu+iyZlUHa2hElumn6e76KJTriQw5LUjW2RwGAhkMOYqdN4EJ1dQebTvIyZUg4G4WLol/h8mmoffaSveTWUO4X9Cew3wMCIUcv2sQhnLl++fLSSF3WI9nzNq6FcHxbStSLcje9VHNT0qBBjpx1HFk3MoNk1xpOQad3tebihzE+q2POK4RjutKvuxaAfdSCBQhDwacxEtYLMp/kxZqJcIefTpH3ZYAQCzath3lI8unqpiy2N4dNYl8hDv0DzavhgxVH0m/rCF9P7PKdyNH8TNWgwVGl5csBLmO+Al7PR4xT2eeTFliX6yZMDdnGJZ7o1hBueL1i7wWH6BUkggDFTfC5va2tbpw7iDv0aM6VHIefTlA4+5tVUURV+AyNNO+UA/Wvs8/w+5tWUXtkQw7jNMs9mJMbioSU2hwYjkcFNbzlBtwNclJ+65cWVDv2u9asfdIjtPQrhpJ8jnoQs3qA9Xy/rJ26X56eOXkY46ceQZ5lTs+frZf3E7fL81PEqE5aXl2zJi5pnrvaC5kfN096+4ouHQXtWzmPUuS1noZAF1P2Ih9DAklAndqOQSylcv+y8Wq5yko+yfTjfv0L0J/CGEunb1byaH/1kWgcL6g6j7CysmrT0a37q+ymTqIfmRyGU2YclrPf5LFuIYnKDtRSiYbZJAiRAAl4EYNSegOF4Cca416tcofJkTk28NHxKK/gTkA+li82gncCTxa3GB4J9qJ94EXnM2ydPQom3zAZJgARIwB+BRiwSkWX+xbrJCtJY+tCiMGh4opAVMI3Yr8AHLH+LsKg2PFH0wNCeqK6u3gFj1l5UylEZEiABEtAIoL96Av3VG1pSUUVramraFixYEMmXR4rqxKgMCZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACQwhAukhdC5D4lQWLVqU0U9k27ZtRXWNoN+1Nv2e1Y8ZJwESIIFCESgpVMNslwRIgARIgARI4AIgIJ6a3VsrptMWT83urRWTftSFBEjgwiNAD+3Cu+Y8YxIgARIYkgTKkjirxYsX35TJZO5AW/Oxz8Z+Jp1O70LaTxF/GPNEpxAWbFu+fPlo6FLT09NTWVJSUglF+vr7+zvLysraent7j0O/voIp59JwWO8t7rm5sN4b9Itkbi4sJxf8ZnJYjmE5mYq4RKLi6CKeyQUigPvmB2h6Da5vd4FU8Gx22bJlM+bMmXOwvr6+37NgxJmxemirVq0aBWP2LzAWT0LvWuxXYq/CPhFp70X4Xeyv4eKsQJj4hnZLAX52d3f3bBizaihQBUOWxi6GfiSM2TSEb1m5cuX4xJVjgyRAAiTgTmA1srbfeuutU9yLFC4H/WnN7t2756xevbo8SS1i9dDOnDnzGE7mFu2E/oj469hHY3879lHYxVish+Hbu3Xr1t8gntgGb+wSgBdd1NaBtC4clMKDHNHX1ycGv7Sjo+MSGL8uPA21q4JxhWjHsspRHYf1BKLSF/pYVjmqY3oCUREubjm1tbVX4IFPRlvej3069pFOGtvvV3UfO5SV39QB7E/it/dQU1PTSw5lfCehnarS0tIa/H5l1KXC+A0PqG+/X9V9bC8IWf2Q1Q1ZpyFLRms67GUKePzOrq6uZ6H7R6HX7wqoh2PTcAhGwAbMh357oV/sfacoEZtBw0l8DPI/Io3ghjiNm/XmLVu2/FaOZUN+BdI/hxvlXhw+lrQxg2dWDWM2VnSRmxY36ys6dLjKJa+++uoklJmC/BObNm1K5IKIPtxIoNgIGL/X7+H3+v9CtyhHdsQgXi47ZK/Bg+0/IfwMfouBhtLk97pjxw4ZUZmA3zKCaDbDIMo0hOwTweHYggULDiU9lOZxNuKhbYdeMvzY4FGuIFkwauXo++dAv4PQ71jcSsT2jhNuzIdxY66SE4Dh+iYM1pedTkaG/EaOHPl6Q0NDj1N+XGlLliy5BDerGkpsAew3nNqqq6urfPTRR7twDhbPyaks00hgKBIQY4bz+jn2G/2eH35Plr4FMoL8fp5COzdDhi+jJsZs586dl8FzlBEfXxtkW+ZooZ9l5MFLCDroM/Pnz381CaMGvcah7/nf0Oed6E/fgnAujsX7dHqoEIOW6LwaGJRhaHEsdBoBnapgwMTwl2IfsJWXlx+Pe14tNg8NZ6MPRbh6N/B8Xhlw5gkk4KYsUU9yw4YNc524bGxs7MSegEZsggSKkwA6q/vRWfk2ZhGcxY3SJuR80o8swzPzbcz8yPQqI4bTaPOAV7kweTI3hrn9vwb3VdjlgcLccGzGbRGZV3sL6n5048aNzba8SA9lbqy9vX0qHiTGg4fl4cWtIWNerQp1X4vLgfGliJuCXunw0L4C8F8zyrxaVVX1jvXr15/wqpNkntwwGH+eKm3CtnXhiWsXnjZ6k9TBqS37kyx+2F+Fd1vvVLYQafYnWQzHNmMo+XAhdGGb8ROQOTP8jp/HrnsEh/Cb+TyeuH8ZtuOU3yE6uvehU/w2zkaGDLMb7nuZu3prrjk13I+yyEyGLM0Nq5N74Ckcqq6uPhO245SOu7W1dRRkTpPhM7ORc5GX4elFPqcG5jeD93rsNbb2/B6KMYttXg3Mx+D6X4JrlpdDZFyfWObV9JvULyxf5dDR/QQ3pBpGvAwLK54HiI/LEJ4vATEXgjFrw0XJPurgwgyD23z50qVLa2T4IuamA4nHTX0vHg7qA1VKsDC83CkYvs0+GCTYLJtKiAB+G3fYjRmaFkOzJawxk1MQGSJLZGI/JGmySZvS9rkj97/oZyydvnSWc+fOFUNzMqwxk1ZFhsgSmSJb18Tetp6Xbxy/9T/Bef9zCGMmTat5NfHYIt0MY3YpdMzLmIky8mCAvlfm1SZEqhyExeahiaJQ+EsIvilxtcHIHUf8hzih7+PJ/qBKL0QI/Saj3Yv0tqFXLy6W6HgMN7KvMXy9fpRxMWRi0EQmdLFcK+juOu7gRwe7PD917GXEkIlBk3TIy3tOwi7XSZ5TmXzSioGbl97Qz/dcjpMc+3VwKhMkDfrsQHnTA8LvdxlGDDbbZQTl6nT/4X5fivt9kyZbDNMC7XhAFA+hC9BB6g/J+1DnpL1gUK5OHCFjHOTOVLJh4Do3b94sfCLZ5IEa5yJTMNnFaiGFSt8V6UIRmS/DUOsVkOs4RxZEX3Em0M9GvlAkVm8EN8V9+AF8HCdqvjgtTx7Y70FHuA838Aa415cGARFlWejXgptyP2Say6KMJw8xdG/BDTxzzZo1w6Js068s3Zj5rZNkOd2YJdku20qcgCzNN7eKiort5kHEEQfZlradmkNfUqGnyzCjfhxl3C7b3nbYttAnfh0yojBmMuS4EP1bQ1id9Pp79uyRh//Qxkw8XfSze6Bf5Kse83Yb1YnmejLDRVdF7WEp8m6VHTLseeYxTtrimZgZPiOQ7fnEiyciL0njWlpaxuXQz+KZeAnzm2czZr/E0Ea937pJlLMZs/ZRo0YdTqJdtkECQ5WAfIQCiyxui+D8fodFbpEvCkEfWAqDOz6sfjBmZ9FfxLYoJLRBC3uCrG8lYDNmMpS30FqisEc2Yyb67S6sRmw9ZgIHIN8ccsTKu4U4HjDkGIUOhmxdlLTtuWEESIbWzCFHWcCB4wFDjp5CfGYass3SRtvmcZgIjNmf4eHePA+bLDlHGUmSOTzxkGTo02n+STyyNZiXlPKRbljUNxbrIBydCxk+RGPdxjCilCk1RrosOiSxbN9RQYsWMR1gqHERLuAPsMsnp2R7Ep3jB85FC//XePF6BjTJuti4WGcweb0nbs3wJOTo0ob1VKPS283jhX6Re6pR6Uw5+RPAA5a8TP1pTcIhxN+K6x2p0cB9JZ3089j1lY5/j/m6z2htD4jiAetieA4TVYYMZ8kCjqhXLMv8kSwckwUNqi2MnByNah0AOMsL5Xcq2TCWMurRgHAjVmDvQ/uWV4ts/YQYsEjny5QeKkR/OEOW3atj4Qx9j0+YMOHEAw880A09Lf2W3k/ENV+mdNHDgnloMA7bcBHlIv3IUEg+hVU0G96Pa8VFTOEizhKl8MQxvGiUoyIkkBABdNoPwWB8Cp2Xmm8Xg/M8frtfkDmvsCsdjfetFkL+30Gubsz6pe1cpwndZAGXadDE4IjhQYca6bJ9yJymGzPRy2g7l4q+8nH+V6mCMA7bhg8fvlLegVVpHqHMl8W2RF+1C/3k9YjsBk+rFS9Iv66M7Nq1a1XWgFAMH7jFskR/QGNIKJiHJsoYXpD+pDcKT36uL2E7nUCcafJUhlU9spxYbc9BP3MBiUpkSAJDmQCM1z+iQ/tEkHPE78TSt9g8ipyi0Kk/CO/skzkLogBky+IRpyE41+rQzzKioHsUrpWsGccgI+eQqLWK+5EYYOTKootf4tNaN6Hv6XUvnT1n8YhimS9zahcrMK80DHo7rsseu0dmryM8454vs7cpx+qpyykvVJqcEH4IG/BioqtnA+9nntZIG26QxIzZihUrRkDHmbhxXBnAmOlj2n3Qj8ZMu2CMXhgEYMw+izN9KsGzfcpo01eT8m1FmRLwVTiCQtKWtBmBKFMEDIQsuOiF9/PnuYyZUUnmyxaG9ZBNBXJE1JzYiBEj9ucyZiJK5ssw9LsnincBc6hmyY5lyBH/X2wajNXPcFNOxUTqu2A4voxWn4BBkLHe7IY5tDmA9EN1jHCrFo81Cn0q8LQhrwuUw2iNxPEbuEHbcCOZ49TyAjhevp6BclldxM2OVSlDOHSxjEXj5nH8Uoi9XFDdcC0sT9B+66Pda/WyGBZy/FKIvZxex08c+lmeoP3UcSoTlpOTTD0tX45KRlhOSo5bGAVHyOiGnjfjXrwf7fwFfteuD4FuevhJh3z5/X1fjJm06aeOlJHfLfZX8VuWIctAnprfNrRyxzCnFfnHiXHO5Tj/H/r9FCD4mPNtmm6xRdFXp8VI+RwGTeE89semjIfgWAwaVitdjDaHGe3OQrgFexs8tj/iwrUhfjHCaxCqH8arGI//PI6T2sSgqbYr0OhM/Bj6YGTfRFy8sIqzZ8+aniWeyLpgoCN9IvN7ouAkXwpJwc2v91snyXKYR5AvhaT4+askqSfflmFgPonfiCxeuAMavB+7DPWNDKmNjMocwP4kOvS8/32M8TB6AIb3GB6ycv77GL86Q9aAfx8DFn6rBynXBYPxjSAVkiwrHNAHynxdUW+xGDRc8N9hfuztAPAAzv5DBoGx+CHcoGggrqLPwGDc/vjjj59WCXGH0K8dL0zvxDtmYnjHGO3JUlNZ8mvZZBwYxm8/6iQy3Ih2TM8Jhiz7pRAxalCq3qJYgQ6gn+k5qSX8YtSgjqzK4jbECWAx10s4RX3Vo68z1u9rXxXyLIR25NuKB4NW1+/roHWjKA9jvg19YEEemn3q3wpGvr1mnzIjLxaLQRMt4XLuRfBhdHrXw1DIEv3/ieOLceEqEX8F8d2I/1S+44bQtG5IT2TDypwuNPSqzKVBv2p4laNxXIEnkTQ6aHla6oRBbpPVjoXQTxmzRGDk0YgyZnlUZRUSIAEbAfQxD9qSiuoQ/WHkX/WI4wRNbyAO4ZSZPwG7QUvqCdevxnaDVugnXL96sxwJkMDQJaDmkYbuGQ7SM5M5Mzy1fbVY1Zc5M3izRT+mXqz8qBcJkED0BGIbcoxe1QtDor4qT80zFpNh01flYWg2e1Fo2C6Me5NnSQLFToAeWpFfITFmxbrCUdCJMeMKxyK/iageCZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACQQgkA5QNlTRRYsWZbwEbNu2LTFdnPSAftc6pas06PesihdTmIurXdekOefi6qBfpJyD8rHrk+s4LM+gfHLpY8+P+r6Ngmc6nf7q1q1b6+26RnEcBc/S0tLmLVu2HI5Cn6Ay7Hxz3V9BywfVx17ezjfX/RW0vL29oMclQSuwPAmQAAnkS0A3ZrW1tR9Gh1ebr6w46unGrK6ubiz0GxdHO5QZD4HEDJo8aeBmmWk7jf2SnuspxFYnlkN50pg8efJLNuHdki67LZ2HJEACAQnYjVl/f/+PIeLxYjFqdmPW0dExC/rNpFELeKELWDwxgybn2NfXt1A/V9zg2/XjQsePHz8+StcBN/gZ/ZhxEiCB/Ai4GLMKSCvFXnCj5mTMYHDVNAiNWn6XPfFaZUm2iJt6YSZzfioN8e1Jtp+rLegzUi8Dfdv14yTiixcvbhw7duxdDQ0Nb/ppL2nvdsmSJZfMmzfvQH19fb9P/Qrq3SbNxw8Tvcxg9/6D8pVhRsMzE2OmthJslodJlRE2DMpXhhnFM9OMWVaFsrKyRB/+w573hVo/0YsEg7FQB42nou36caHj8CAtP6qamprEPTQwuq21tfX3GOa4vNA8nNoHo/G7d++eD/2qnPKZRgJuBFyMWQbGbHVTU9NDbvWSSvcwZvs3b958PCk92E7+BBIzaPJkDzVnaKrux0qi17XjgkbXrFkzDAroT43da9eu7SqQUmLMxKjVFah9z2Z7e3sr8TAyb+nSpTWeBZl5wRGQewKjDP/bfuLFYswwslAmhsuuH42ZncjgPE7MoHH+LPANMhw1HpUhyNWrV0u8qDZczxIYthnyoIJOIrH7qKggUBkLATFmuCf+E4k/xsPYCpVZTMZsx44dc86ePXvpypUrxyv9aMwUicEfJjaHxvmz/G4WYwjyOnQQizAf8LJdCpLPT0raMx2Og855OIiwJBlDkCOgx17I7rBk4gDpnu/32csHnfOw1w96HJSfXX7UPO3yg/Kz10+Kp2bMrsQ9m8LvvRG6pzCc2OowZ5b4MKN4ZmLMwCc7VI55sktg1ES/Ppc5s6IYZgx7f9rvh6iPw96fUeuT2JM1589CXToOQYbCx8pxE8CDzbUwYvNVO/i9l4hRKwZjJjrBmI2A8apU+kkoRq2YjZmuK+P+CCRi0Dh/5u9i5CqFDiKQN5ZLXtT55eXlRa1f1OdLeecJ4Msfv4ARq8U92qNSxaghrs9LO3pmGFavV3XiCuGpnsK87z4YNcs96rCacYBnhv5ralx6UW60BBIxaJw/C33RZKjxOnQaj4WWFIMALGnuxDXetX79+hMxiKfIQUIARuMJu1HTVHc1Zqhzr1YutuimTZtanYyaahD3saMxw709RZVhWNwEEplDw1Mb3z/L8z4Au8e83kuLew4nl9roIE7MnTvX9b20pOZwcunpll9ofm56qfRi56f0VCH0fQLzKrIg5HHs8tJ0doNn9En70nzxzJIyZkoPMWrQT16Ytny1qLKy8uCGDRssS/PFMyu0Mct1fxZ6ji3X/Zn0HFsiBg037UJ1Q0mITnC7flzoOG7agr9/5sDgTRizu4rVK8M17K+oqDhAr8zhyl3gSejkmtCRCYWsUYMx+wSM2TodSyGMmWof+p009MsaNcOYHVX5EhaDMdP1YdwfgdiHHDl/5u9C2EpxiNEGhIeDi4AYNWi83MmYyZkk7ZnZ6YlRQ9o+J2MmZQvtmdn15bE/ArF7aLgxFuqqwOvYrh8XOl5s32/MNcRYaF65hhgLrR/bLx4ChlErHoVsmhhGzZbKw8FMIHaDhg6a82cB7hAMMdYFKC7veVlWbeWqix+xzB/kvQX9ukvQMXTo92zeyjlUDMrHQYRnUlieQfl4KuOQGTVPexNx87W3F/Q4br5B9WH5eAnEPuTI+bN4LyClkwAJkAAJnCMQm4fm9uSGIch9yEuFfbINewHdntxaWlquMPSL1FMIqy/rkwAJkAAJeBOI3UPzbp65JEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJFC8BNJRq7Zo0aKMLnPbtm2ebQQtr8vOJ472rtXrQb9n9WN7PGh5e/24j+38crWX63rkqh80384vV/1c1yNXfXt+UD72+rmOw/IMyieXPvb8qHkq+dB7TDqdvgPHtZlMZrak4/gVBE04fgjtnpI0tfm4Ds2ov728vPwLjz/++CFVL98Q7ZWWlZXV9Pf3j8M+TOSUlJR0YT/Z29t7HPr16bJzXQfI6oF+7T09PYdQt1uvG1fc0Om/bfLf5nRNX5xytaXftdVJvaX5j579sL28n+MVK1aM6OzsnKeXrays3LVhw4azeprEd065xtLv2vPnN//Bsx+2l3c7LnHLYDoJkAAJOBFYvHjxDUh/CYbrO9ivQ3ys7BKXNMkzyiDqe5uCuku7u7ufX758+TTftRwKrlq1ahQM0AIYrmkwZsNRpFR2iUua5EkZh6quSahXDmNWjQKXw9BUuBaMMAMG9E67OKc0e5mkjvv6+mrsbTml2cvEeUyDFiddyiaBIUYAnfn7YXh+jtPyMjrTpMySJUv+Zx6nPw6G4+/yqJetAmM4+uzZs7PFALnJkDwpI2Xdynikl8KL9Dp3j6r+s8B5pBh4ew1Jkzx7etLH0EEeEMbZ25U0ybOnJ3VMg5YUabZDAoOcwK233joFHkITTiM7hOd1Oij3Mzytv+BVxiPvfR55rlmrV68uh4c3C51qzuG10tLSthEjRnS4CvPIgFFJwqAsgwrZdsDy97IbKkma5BV6G4frm7UfGMZ9U3ZRyEgbYOiSUrYsqYbYTjgC+LEOb2trW7d169Y6XRLG03P+ePXyccXr6+tLdu3aNX3Lli2v6204jffr+XHHi4WP23kWmo+bXk7pMBb3ozOXYTd9a0Rn9nUM4x1D/v9Ax3sP9n9oamrapheyx+3XBU/15hwQ2phq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Q4EADMZCdR5O82cqr1BhrvmzQunFdqMhEGr8368KGKb7NDyb7xnl/xHDjWu86sKIrUX+J6UMjMZnMPz3917lw+bJC9dYij/NkHMM+h3wkgn9piM/a2j5TpoXKeaRAAmQQHIEEvHQ9OFGPLW5Djeq09bL6HVVftSh/l4ZPlLsOtyo2tXL6HVVPkMSIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESGKwE0oNV8aGq92uvvZaJ89wuvfTSUNd8//7918ap34wZM56NUz5lkwAJDF0CJUP31HhmJEACJEACFxIBGrQL6WrzXEmABEhgCBOgQRvCF5enRgIkQAIXEoGyOE520aJFEyD389jfg33Otm3barzaCVreS5afvNWrV5efPXt2Un9//8je3t5K6PecV72g5b1kRZF3+PDh1AMPPGAR9alPfSo1depUS1qhDg4cOOCo3/Tp0wulEtslARK4AAhEbtBqa2v/DIZiI9iN9MMvaHk/Mr3K1NXVjT19+vTMvr4+X95p0PJebUeV9+yzA9dNSFqxGLQ//OEPA05V0mjQBmBhAgmQQIQEIjVoixcvfi+M2VboVyE6ptPpdRUVFV930zdoeTc5ftNXrVo1Cp7ZLOioVvodq66ubnarH7S8m5wo02GIU889N9ChlLRbbrklVVpaGmVzgWX19PSkXnzxxQH1JO1DH/pQqry8fEAeE0iABLwJjFtx2HP188kNU1Wf5i0oZG4uPQaKT+8vSaV/MnbspHteXZvuGpgfbUpkBg3DhtKTPog9a8wQ/rapqemTMGqOFyJo+bCnnclk0suWLZuujFlZWdnZTZs2HXTTL2j5sPr5rb9r164UjHK2uPLIZAhS0iRvwYIFfkXFUk50OHXqVFa28shkCFLSJO8tb3lLLO1GJbS+vn6iyEJ4NCqZUcr5wQ9+kH0iuPPOO3uilEtZJBAPgcyM/lTmMydP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VSp27NgxTQnDMOHxMWPG7JIhQ5WmhximPIrjl5E/wDhDRzHI+6L8yr5qW7fqKo0hCZAACZBATATgVaXx+ag/QPxVWhP3whB9TR3Da6tAx38zvJp3I03iexD+BwyehPLVEFl08Uns02F85MXm38HA/Ezm4yQ/is3QU96Py3qQIhOGqhlf+zeNqXhtr7/+unx8eCSGJtNY/NGFMqcbGxuzhk7OA9tEyKrAufSgzFn8r7Y2mY+LQke7DBo0OxEekwAJkEDMBLCwYjbmop5BR69/eeNHMAir8RmpwC9Ew3B8ECr/GkaxPUrVjU9dzYNM8zNWMK5t8+fP3w+jZA59+m0TespnsdqhZ2QvU+ttm0rqiYyTAAmQAAnER+DFF188CU/lWXhWS9GK6ocvhxdzB9JHX3nllbteeuml7Ff43bQQD2r37t0LYVxkwUg9ZHVgWPBXbuXzSX/uued6r7766jfR1jhpT2QgrDx27NgE6FmKvevll1/2NE5S7+DBg6Og5wyc3xSsiOx/4YUXIjW86tzooSkSDEmABEggYQIYenwvOvxtaHaiQ9MvI+3XMFSHUOY4PCMZpqtCXIzLfKRfj/BirV4b3hObieE+c4Wilhcqavwjz1kwSOZ7bkqgzKNBl3bo143VjlmvDWkl0K0UexXSR8AbLVflEfbBEL6Uj4enyXCM0qA5YmEiCZAACSRDAP8j7WIYCvmnnjeFbHEf5q8+ijmuP4aU41hd5sNgnC6BrpbVio6FvRO78f7da1HO96nmaNAUCYYkQAIkUEAC8NZugFGThSHvCaIGvKPnUe8HMBIPyftsQermU1a8NXwJZCrqmv9ixqcc+Wr/Mby6cBw66++x+ayeuxgNWm5GLEECJEACiRFYvnz5NAzRfRBG6gPYZ6JhGY6cYChwCsbgOOIvYn8WHtm/RfmlDaMNX4F4bBhaHA19RmP14jAZjoQHp4YW+xDvRV4HzuEszuc0FoKY/4bGVwMsRAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAKDgMD/D2WyCk5hENCOAAAAAElFTkSuQmCC); + background-size: 218px 188px; + display: inline-block; + } +} + +.tui-toolbar-icons.tui-heading { + background-position: -172px -48px; +} + +.tui-toolbar-icons.tui-heading:disabled { + background-position: -193px -48px; +} + +.tui-toolbar-icons.tui-bold { + background-position: -4px -4px; +} + +.tui-toolbar-icons.tui-bold:disabled { + background-position: -25px -4px; +} + +.tui-toolbar-icons.tui-italic { + background-position: -4px -48px; +} + +.tui-toolbar-icons.tui-italic:disabled { + background-position: -25px -48px; +} + +.tui-toolbar-icons.tui-color { + background-position: -172px -70px; +} + +.tui-toolbar-icons.tui-color:disabled { + background-position: -193px -70px; +} + +.tui-toolbar-icons.tui-strike { + background-position: -4px -26px; +} + +.tui-toolbar-icons.tui-strike:disabled { + background-position: -25px -26px; +} + +.tui-toolbar-icons.tui-hrline { + background-position: -46px -92px; +} + +.tui-toolbar-icons.tui-hrline:disabled { + background-position: -67px -92px; +} + +.tui-toolbar-icons.tui-quote { + background-position: -4px -114px; +} + +.tui-toolbar-icons.tui-quote:disabled { + background-position: -25px -114px; +} + +.tui-toolbar-icons.tui-ul { + background-position: -46px -4px; +} + +.tui-toolbar-icons.tui-ul:disabled { + background-position: -67px -4px; +} + +.tui-toolbar-icons.tui-ol { + background-position: -46px -26px; +} + +.tui-toolbar-icons.tui-ol:disabled { + background-position: -67px -26px; +} + +.tui-toolbar-icons.tui-task { + background-position: -130px -48px; +} + +.tui-toolbar-icons.tui-task:disabled { + background-position: -151px -48px; +} + +.tui-toolbar-icons.tui-indent { + background-position: -46px -48px; +} + +.tui-toolbar-icons.tui-indent:disabled { + background-position: -67px -48px; +} + +.tui-toolbar-icons.tui-outdent { + background-position: -46px -70px; +} + +.tui-toolbar-icons.tui-outdent:disabled { + background-position: -67px -70px; +} + +.tui-toolbar-icons.tui-table { + background-position: -88px -92px; +} + +.tui-toolbar-icons.tui-table:disabled { + background-position: -109px -92px; +} + +.tui-toolbar-icons.tui-image { + background-position: -130px -4px; +} + +.tui-toolbar-icons.tui-image:disabled { + background-position: -151px -4px; +} + +.tui-toolbar-icons.tui-link { + background-position: -130px -26px; +} + +.tui-toolbar-icons.tui-link:disabled { + background-position: -151px -26px; +} + +.tui-toolbar-icons.tui-code { + background-position: -130px -92px; +} + +.tui-toolbar-icons.tui-code:disabled { + background-position: -151px -92px; +} + +.tui-toolbar-icons.tui-codeblock { + background-position: -130px -70px; +} + +.tui-toolbar-icons.tui-codeblock:disabled { + background-position: -151px -70px; +} + +.tui-toolbar-icons.tui-more { + background-position: -172px -92px; +} + +.tui-toolbar-icons.tui-more:disabled { + background-position: -193px -92px; +} +.tui-colorpicker-svg-slider { + border: 1px solid #ebebeb; +} +.tui-colorpicker-vml-slider { + border: 1px solid #ebebeb; +} +.tui-colorpicker-svg-huebar { + border: 1px solid #ebebeb; +} + +.tui-editor-pseudo-clipboard { + position: fixed; + left: -1000px; + top: -1000px; + width: 100px; + height: 100px; +} + +.te-ww-block-overlay.code-block-header { + text-align: right; + font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; +} + +.te-ww-block-overlay.code-block-header span { + font-size: 10px; + font-weight: 600; + padding: 0px 10px; + color: #333333; + cursor: default; +} + +.te-ww-block-overlay.code-block-header button { + margin: 8px; + font-size: 10px; + color: #333333; + background-color: #f9f9f9; + border: 1px solid #dddddd; + padding: 4px; + height: auto; +} + +.te-popup-code-block-languages { + position: fixed; + box-sizing: border-box; + width: 130px; +} + +.te-popup-code-block-languages .tui-popup-body { + max-height: 169px; + overflow: auto; + padding: 0px; +} + +.te-popup-code-block-languages button { + width: 100%; + background-color: #fff; + border: none; + outline: 0; + padding: 0px 10px 0px 10px; + font-size: 12px; + line-height: 24px; + text-align: left; + color: #777; +} + +.te-popup-code-block-languages button.active { + background-color: #f4f4f4; +} + +.tui-popup-code-block-editor .tui-popup-wrapper { + width: 70%; + height: 70%; + margin: auto; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; +} + +.te-input-language { + position: relative; + margin-left: 15px; + cursor: pointer; +} + +.te-input-language input { + font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 10px; + padding: 3px 5px; + border: 1px solid #dddddd; + background-color: #f9f9f9; + box-sizing: border-box; + width: 130px; + outline: none; +} + +.te-input-language input::-ms-clear { + display: none; +} + +.te-input-language::after { + content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT42Q0NBRDk2QS0yMjYxLTRFNDAtOTk1RC1DRUUyQUREQUQ3NkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLWQtc2lkZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS03IiBwb2ludHM9IjIgNSAxMCA1IDYgMTAiPjwvcG9seWdvbj4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); + position: absolute; + top: 1px; + right: 3px; +} + +.te-input-language.active::after { + content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5BNEZDRkIzMy0zNjdBLTREMjAtOEEyNC1DQ0I2ODFBMDZDODg8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLXVwLXNpZGUiIGZpbGw9IiM1NTU1NTUiPiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC02LjAwMDAwMCwgLTYuNTAwMDAwKSAiIHBvaW50cz0iMiA0IDEwIDQgNiA5Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); +} + +.tui-popup-code-block-editor button { + margin: -1px 3px; +} + +.tui-popup-code-block-editor .tui-popup-header-buttons { + height: 20px; +} + +.tui-popup-code-block-editor .popup-editor-toggle-preview::after { + content: 'Preview off'; + color: #777; + margin-right: 22px; +} + +.tui-popup-code-block-editor .popup-editor-toggle-preview.active::after { + content: 'Preview on'; + color: #4b96e6; +} + +.tui-popup-code-block-editor .popup-editor-toggle-scroll::after { + content: 'Scroll off'; + color: #777; + margin-right: 16px; +} + +.tui-popup-code-block-editor .popup-editor-toggle-scroll.active::after { + content: 'Scroll on'; + color: #4b96e6; +} + +.tui-popup-code-block-editor .popup-editor-toggle-fit { + width: 18px; + height: 18px; + margin-top: 4px; + margin-right: 14px; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT40OUQ4RTYyMy1GRTAyLTQ1RUUtQkQ5Ri0xMjUyQjEzRTU1MkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLWV4cGFuZCIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBhdGggZD0iTTMsMyBMOSwzIEw5LDUgTDUsNSBMNSw5IEwzLDkgTDMsMyBaIE0xNSwxNSBMOSwxNSBMOSwxMyBMMTMsMTMgTDEzLDkgTDE1LDkgTDE1LDE1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4wMDAwMDAsIDkuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC05LjAwMDAwMCwgLTkuMDAwMDAwKSAiPjwvcGF0aD4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41MDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMS41MDAwMDAsIC02LjUwMDAwMCkgIiBwb2ludHM9IjkuMDg1Nzg2NDQgNS41IDEyLjUgOC45MTQyMTM1NiAxMy45MTQyMTM2IDcuNSAxMC41IDQuMDg1Nzg2NDQiPjwvcG9seWdvbj4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZS1Db3B5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNTAwMDAwLCAxMS41MDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTYuNTAwMDAwLCAtMTEuNTAwMDAwKSAiIHBvaW50cz0iNC4wODU3ODY0NCAxMC41IDcuNSAxMy45MTQyMTM2IDguOTE0MjEzNTYgMTIuNSA1LjUgOS4wODU3ODY0NCI+PC9wb2x5Z29uPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); +} + +.tui-popup-code-block-editor .popup-editor-toggle-fit.active { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT4wN0Q1MjlCRi1GNTIzLTREN0EtQTlGNi05NTUzNTU5RDNEMUE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLXJlZHVjZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzIiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS41MDAwMDAsIDEyLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtNS41MDAwMDAsIC0xMi41MDAwMDApICIgcG9pbnRzPSIzLjA4NTc4NjQ0IDExLjUgNi41IDE0LjkxNDIxMzYgNy45MTQyMTM1NiAxMy41IDQuNSAxMC4wODU3ODY0Ij48L3BvbHlnb24+ICAgICAgICAgICAgPHBhdGggZD0iTTksOSBMMTUsOSBMMTUsMTEgTDExLDExIEwxMSwxNSBMOSwxNSBMOSw5IFogTTksOSBMMyw5IEwzLDcgTDcsNyBMNywzIEw5LDMgTDksOSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMDAwMDAwLCA5LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtOS4wMDAwMDAsIC05LjAwMDAwMCkgIj48L3BhdGg+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzMiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCA1LjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTIuNTAwMDAwLCAtNS41MDAwMDApICIgcG9pbnRzPSIxNC45MTQyMTM2IDYuNSAxMS41IDMuMDg1Nzg2NDQgMTAuMDg1Nzg2NCA0LjUgMTMuNSA3LjkxNDIxMzU2Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); +} + +.tui-popup-code-block-editor .tui-popup-close-button { + margin-top: 6px; +} + +.tui-popup-code-block-editor .tui-popup-body { + z-index: -1; + padding: 0px; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex: 1; + flex: 1; +} + +.tui-popup-code-block-editor .popup-editor-body { + position: relative; + -ms-flex: 1; + flex: 1; + border-bottom: 1px solid #cacaca; +} + +.tui-popup-code-block-editor .te-button-section { + padding: 15px; +} + +.tui-popup-code-block-editor .te-button-section button { + float: left; +} + +.tui-popup-code-block-editor .tui-editor-contents pre { + margin: 0px; + background-color: transparent; +} + +.tui-popup-code-block-editor .CodeMirror { + height: auto; +} + +.tui-popup-code-block-editor .CodeMirror-line { + font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕', + 'Malgun Gothic', sans-serif; + font-size: 13px; + line-height: 160%; + letter-spacing: -0.3px; +} + +.tui-popup-code-block-editor .popup-editor-editor-wrapper { + min-height: 100%; +} + +.tui-split-scroll-wrapper { + position: relative; +} + +.tui-split-scroll { + position: absolute; +} + +.tui-split-scroll, +.tui-split-scroll-wrapper { + width: 100%; + height: 100%; +} + +.tui-split-scroll .tui-split-content-left, +.tui-split-scroll .tui-split-content-right { + position: absolute; + top: 0px; + width: 50%; + box-sizing: border-box; +} + +.tui-split-scroll .tui-split-content-left { + left: 0px; +} + +.tui-split-scroll .tui-split-content-right { + left: 50%; +} + +.tui-split-scroll .tui-splitter { + position: absolute; + left: 50%; + top: 0; + height: 100%; + width: 1px; + border-left: 1px solid #cacaca; +} + +.tui-split-scroll .tui-split-scroll-content { + width: 100%; + height: 100%; + overflow: hidden; + position: relative; +} + +.tui-split-scroll .tui-split-content-left, +.tui-split-scroll .tui-split-content-right { + height: 100%; + overflow-x: hidden; + overflow-y: auto; +} + +.tui-split-scroll button.tui-scrollsync { + top: 10px; + opacity: 0.2; +} + +.tui-split-scroll button.tui-scrollsync::after { + content: 'scroll off'; +} + +.tui-split-scroll.scroll-sync button.tui-scrollsync { + opacity: 0.5; +} + +.tui-split-scroll.scroll-sync .tui-split-content-left, +.tui-split-scroll.scroll-sync .tui-split-content-right { + height: auto; + overflow: initial; +} + +.tui-split-scroll.scroll-sync button.tui-scrollsync::after { + content: 'scroll on'; +} + +.tui-split-scroll.scroll-sync .tui-split-scroll-content { + overflow-y: auto; +} + +.tui-split-scroll.single-content .tui-splitter { + display: none; +} + +.tui-split-scroll.single-content .tui-split-content-left { + width: 100%; +} + +.tui-split-scroll.single-content .tui-split-content-right { + display: none; +} + +.tui-split-scroll.single-content button.tui-scrollsync { + display: none; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + /* IE10+ */ + .tui-split-scroll-wrapper .tui-splitter { + left: calc(50% - 9px); + } +} + +@supports (-ms-accelerator: true) { + /* IE Edge 12+ CSS styles go here */ + .tui-split-scroll-wrapper .tui-splitter { + left: calc(50% - 9px); + } +} + +@media screen and (max-width: 480px) { + .tui-popup-wrapper { + max-width: 300px; + } + + .tui-editor-popup { + margin-left: -150px; + } + + .te-dropdown-toolbar { + max-width: none; + } +} + +.tui-editor-contents .te-preview-highlight { + position: relative; + z-index: 0; +} + +.tui-editor-contents .te-preview-highlight::after { + content: ''; + background-color: rgba(255, 245, 131, 0.5); + border-radius: 4px; + z-index: -1; + position: absolute; + top: -4px; + right: -4px; + left: -4px; + bottom: -4px; +} + +.tui-editor-contents h1.te-preview-highlight::after, +.tui-editor-contents h2.te-preview-highlight::after { + bottom: 0; +} + +.tui-editor-contents td.te-preview-highlight::after, +.tui-editor-contents th.te-preview-highlight::after { + display: none; +} + +.tui-editor-contents th.te-preview-highlight, +.tui-editor-contents td.te-preview-highlight { + background-color: rgba(255, 245, 131, 0.5); +} + +.tui-editor-contents th.te-preview-highlight { + color: #222; +} + +.te-md-container .CodeMirror { + font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕', + 'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif; + color: #222; +} + +.tui-md-heading1 { + font-size: 24px; +} + +.tui-md-heading2 { + font-size: 22px; +} + +.tui-md-heading3 { + font-size: 20px; +} + +.tui-md-heading4 { + font-size: 18px; +} + +.tui-md-heading5 { + font-size: 16px; +} + +.tui-md-heading6 { + font-size: 14px; +} + +.tui-md-heading.tui-md-delimiter.setext { + line-height: 15px; +} + +.tui-md-strong, +.tui-md-heading, +.tui-md-list-item.tui-md-list-item-bullet, +.tui-md-list-item.tui-md-meta { + font-weight: bold; +} + +.tui-md-emph { + font-style: italic; +} + +.tui-md-strike { + text-decoration: line-through; +} + +.tui-md-strike.tui-md-delimiter { + text-decoration: none; +} + +.tui-md-delimiter, +.tui-md-thematic-break, +.tui-md-link, +.tui-md-table, +.tui-md-block-quote { + color: #ccc; +} + +.tui-md-code-block.tui-md-meta, +.tui-md-code.tui-md-delimiter { + color: #aaa; +} + +.tui-md-meta, +.tui-md-html, +.tui-md-link.tui-md-link-url.tui-md-marked-text { + color: #999; +} + +.tui-md-block-quote.tui-md-marked-text, +.tui-md-list-item.tui-md-meta { + color: #555; +} + +.tui-md-table.tui-md-marked-text { + color: #222; +} + +.tui-md-link.tui-md-link-desc.tui-md-marked-text, +.tui-md-list-item-odd.tui-md-list-item-bullet { + color: #4b96e6; +} + +.tui-md-list-item-even.tui-md-list-item-bullet { + color: #cb4848; +} + +.tui-md-code.tui-md-marked-text { + color: #c1798b; +} + +.tui-md-code { + background-color: rgba(243, 229, 233, 0.5); + padding: 2px 0; + letter-spacing: -0.3px; +} + +.tui-md-code.tui-md-delimiter.start { + padding-left: 2px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +.tui-md-code.tui-md-delimiter.end { + padding-right: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +.tui-md-code-block.CodeMirror-linebackground { + left: 20px; + right: 20px; + background-color: #f5f7f8; +} + +.tui-md-code-block.CodeMirror-linebackground.start { + top: 2px; +} + +.tui-md-code-block.CodeMirror-linebackground.end { + bottom: 2px; +} + +.tui-md-code, +.tui-md-code-block { + font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕', + 'Malgun Gothic', sans-serif; +} + diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor-viewer-old.css b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor-viewer-old.css new file mode 100644 index 0000000000..ed8facad3c --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor-viewer-old.css @@ -0,0 +1,280 @@ +/*! + * @toast-ui/editor + * @version 2.5.1 | Tue Nov 24 2020 + * @author NHN FE Development Lab + * @license MIT + */ +@charset "utf-8"; +.CodeMirror { + font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; +} + +.tui-editor-contents *:not(table) { + line-height: 160%; + box-sizing: content-box; +} + +.tui-editor-contents i, +.tui-editor-contents cite, +.tui-editor-contents em, +.tui-editor-contents var, +.tui-editor-contents address, +.tui-editor-contents dfn { + font-style: italic; +} + +.tui-editor-contents strong { + font-weight: bold; +} + +.tui-editor-contents p { + margin: 10px 0; + color: #555; +} + +.tui-editor-contents > h1:first-of-type, +.tui-editor-contents > div > div:first-of-type h1 { + margin-top: 14px; +} + +.tui-editor-contents h1, +.tui-editor-contents h2, +.tui-editor-contents h3, +.tui-editor-contents h5 { + font-weight: bold; +} + +.tui-editor-contents h1 { + font-size: 1.6rem; + line-height: 28px; + border-bottom: 3px double #999; + margin: 52px 0 15px 0; + padding-bottom: 7px; + color: #000; +} + +.tui-editor-contents h2 { + font-size: 1.3rem; + line-height: 23px; + border-bottom: 1px solid #dbdbdb; + margin: 30px 0 13px 0; + padding-bottom: 7px; + color: #333; +} + +.tui-editor-contents h3, +.tui-editor-contents h4 { + font-size: 1.2rem; + line-height: 18px; + margin: 20px 0 2px; + color: #333; +} + +.tui-editor-contents h5, +.tui-editor-contents h6 { + font-size: 1rem; + line-height: 17px; + margin: 10px 0 -4px; + color: #333; +} + +.tui-editor-contents blockquote { + margin: 15px 0; +} + +.tui-editor-contents blockquote { + border-left: 4px solid #dddddd; + padding: 0 15px; + color: #777777; +} + +.tui-editor-contents blockquote > :first-child { + margin-top: 0; +} + +.tui-editor-contents blockquote > :last-child { + margin-bottom: 0; +} + +.tui-editor-contents pre, +.tui-editor-contents code { + font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕', + 'Malgun Gothic', sans-serif; + border: 0; + border-radius: 0; +} + +.tui-editor-contents pre { + margin: 2px 0 8px; + padding: 18px; + background-color: #f5f7f8; +} + +.tui-editor-contents code { + color: #c1788b; + padding: 4px 4px 2px 0; + letter-spacing: -0.3px; +} + +.tui-editor-contents pre code { + padding: 0; + color: inherit; + white-space: pre-wrap; + background-color: transparent; +} + +.tui-editor-contents pre.addon { + border: 1px solid #e8ebed; + background-color: #fff; +} + +.tui-editor-contents img { + margin: 4px 0 10px; + box-sizing: border-box; + vertical-align: top; + max-width: 100%; +} + +.tui-editor-contents table { + margin: 2px 0 14px; + color: #555; + width: auto; + border-collapse: collapse; + box-sizing: border-box; +} + +.tui-editor-contents table th, +.tui-editor-contents table td { + height: 32px; + padding: 5px 14px 5px 12px; +} + +.tui-editor-contents table td { + border: 1px solid #eaeaea; +} + +.tui-editor-contents table th { + border: 1px solid #72777b; + border-top: 0; + background-color: #7b8184; + font-weight: 300; + color: #fff; + padding-top: 6px; +} + +.tui-editor-contents ul, +.tui-editor-contents menu, +.tui-editor-contents ol, +.tui-editor-contents dir { + display: block; + list-style-type: disc; + padding-left: 17px; + margin: 6px 0 10px; + color: #555; +} + +.tui-editor-contents ol { + list-style-type: decimal; +} + +.tui-editor-contents ul ul, +.tui-editor-contents ul ol, +.tui-editor-contents ol ol, +.tui-editor-contents ol ul { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.tui-editor-contents ul li, +.tui-editor-contents ol li { + position: relative; +} + +.tui-editor-contents ul p, +ol p { + margin: 0; +} + +.tui-editor-contents ul li.task-list-item:before, +.tui-editor-contents ol li.task-list-item:before, +.tui-editor-contents pre ul li:before { + content: ''; +} + +.tui-editor-contents hr { + border-top: 1px solid #eee; + margin: 16px 0; +} + +.tui-editor-contents a { + text-decoration: underline; + color: #5286bc; +} + +.tui-editor-contents a:hover { + color: #007cff; +} + +.tui-editor-contents a.image-link { + position: relative; +} + +.tui-editor-contents a.image-link::before { + content: ''; + position: absolute; + margin: 0; + width: 20px; + height: 20px; + top: 2px; + right: 2px; + background-repeat: no-repeat; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAA/0lEQVQ4Ee2UIY6FQAyG/91wAQQJDg8SSwI3QIFAcQHuwFHQoOAEEFAELB6H4wIku+9vQgIP9zLyVbTTTufLtJ3MzzRNf1AoGlmu6ypBzvOMXyWkC+QLvDTjw6VM+Xr2OA6UZYmu67Dvu2zleX6zuq7D933EcQxNuyPu3usYYXVdw/M8mKYpIMMwxEZRJHbbNsmhkySJxE71APJmhGVZhnVdURQFlmU585GmKSzLEp+570Dlz+ZxQ/aGJVNYsm3bCIJA/LZtMY4jmqbBMAwIw1DiV/UAstEUltP3vawdxxFbVZVYDoWwM1eCp+LnoErIUt7DL/Ac1edWng1/WlXyD380myY5A34sAAAAAElFTkSuQmCC'); + cursor: pointer; +} + +.tui-editor-contents { + font-size: 13px; + margin: 0; + padding: 0; +} + +.tui-editor-contents .task-list-item { + border: 0; + list-style: none; + padding-left: 22px; + margin-left: -22px; + min-height: 20px; +} + +.tui-editor-contents .task-list-item:before { + background-repeat: no-repeat; + background-size: 16px 16px; + background-position: center; + content: ''; + height: 18px; + width: 18px; + position: absolute; + left: 0; + top: 1px; + cursor: pointer; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAADdJREFUKBVjvHv37n8GMgALSI+SkhJJWu/du8fARJIOJMWjGpECA505GjjoIYLEB6dVUNojFQAA/1MJUFWet/4AAAAASUVORK5CYII='); +} + +.tui-editor-contents .task-list-item.checked:before { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMpJREFUKBVjjJ/64D8DGYCJDD1gLbTVyM3OxJDiJMzAxcYIdyALnIWDAdJU7i/OICfCxsDMxMgwc88bwk5F1vTs/W+GFUffwY2H+1FBlI2hLliCQYCbGSyJrqlzwwuGj9//YWoMtRBgUBJnZ6gMEGeQFWaFOw9kE7omkG5GWDyCPF7mJ86gIMbO8P//fwZGRkYGXJpAGuFO/fbrP0PXppcMD179JKgJRSOIA9N8/NZXrM4DqYEBjOgAaYYFOUwRNhruVGyS+MTI1ggAx8NTGcUtFVQAAAAASUVORK5CYII='); +} + +.tui-editor-contents .task-list-item input[type='checkbox'], +.tui-editor-contents .task-list-item .task-list-item-checkbox { + margin-left: -17px; + margin-right: 3.8px; + margin-top: 3px; +} + +.tui-editor-contents-placeholder:before { + content: attr(data-placeholder); + color: grey; + line-height: 160%; + position: absolute; +} + diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor-viewer.css b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor-viewer.css new file mode 100644 index 0000000000..2766d2969d --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor-viewer.css @@ -0,0 +1,377 @@ +/*! + * @toast-ui/editor + * @version 2.5.1 | Tue Nov 24 2020 + * @author NHN FE Development Lab + * @license MIT + */ +@charset "utf-8"; +.tui-editor-contents { + margin: 0; + padding: 0; + font-size: 13px; + font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕', + 'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif; +} + +.tui-editor-contents *:not(table) { + line-height: 160%; + box-sizing: content-box; +} + +.tui-editor-contents i, +.tui-editor-contents cite, +.tui-editor-contents em, +.tui-editor-contents var, +.tui-editor-contents address, +.tui-editor-contents dfn { + font-style: italic; +} + +.tui-editor-contents strong { + font-weight: bold; +} + +.tui-editor-contents p { + margin: 10px 0; + color: #222; +} + +.tui-editor-contents > h1:first-of-type, +.tui-editor-contents > div > div:first-of-type h1 { + margin-top: 14px; +} + +.tui-editor-contents h1, +.tui-editor-contents h2, +.tui-editor-contents h3, +.tui-editor-contents h4, +.tui-editor-contents h5, +.tui-editor-contents h6 { + font-weight: bold; + color: #222; +} + +.tui-editor-contents h1 { + font-size: 24px; + line-height: 28px; + border-bottom: 3px double #999; + margin: 52px 0 15px 0; + padding-bottom: 7px; +} + +.tui-editor-contents h2 { + font-size: 22px; + line-height: 23px; + border-bottom: 1px solid #dbdbdb; + margin: 20px 0 13px 0; + padding-bottom: 7px; +} + +.tui-editor-contents h3 { + font-size: 20px; + margin: 18px 0 2px; +} + +.tui-editor-contents h4 { + font-size: 18px; + margin: 10px 0 2px; +} + +.tui-editor-contents h3, +.tui-editor-contents h4 { + line-height: 18px; +} + +.tui-editor-contents h5 { + font-size: 16px; +} + +.tui-editor-contents h6 { + font-size: 14px; +} + +.tui-editor-contents h5, +.tui-editor-contents h6 { + line-height: 17px; + margin: 9px 0 -4px; +} + +.tui-editor-contents del { + color: #999; +} + +.tui-editor-contents blockquote { + margin: 14px 0; + border-left: 4px solid #e5e5e5; + padding: 0 16px; + color: #999; +} + +.tui-editor-contents blockquote p, +.tui-editor-contents blockquote ul, +.tui-editor-contents blockquote ol { + color: #999; +} + +.tui-editor-contents blockquote > :first-child { + margin-top: 0; +} + +.tui-editor-contents blockquote > :last-child { + margin-bottom: 0; +} + +.tui-editor-contents pre, +.tui-editor-contents code { + font-family: Consolas, Courier, 'Apple SD 산돌고딕 Neo', -apple-system, 'Lucida Grande', + 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Segoe UI', '돋움', dotum, sans-serif; + border: 0; + border-radius: 0; +} + +.tui-editor-contents pre { + margin: 2px 0 8px; + padding: 18px; + background-color: #f5f7f8; +} + +.tui-editor-contents code { + color: #c1798b; + background-color: #f9f2f4; + padding: 2px 3px; + letter-spacing: -0.3px; + border-radius: 2px; +} + +.tui-editor-contents pre code { + padding: 0; + color: inherit; + white-space: pre-wrap; + background-color: transparent; +} + +.tui-editor-contents pre.addon { + border: 1px solid #e8ebed; + background-color: #fff; +} + +.tui-editor-contents img { + margin: 4px 0 10px; + box-sizing: border-box; + vertical-align: top; + max-width: 100%; +} + +.tui-editor-contents table { + border: 1px solid rgba(0, 0, 0, 0.1); + margin: 12px 0 14px; + color: #222; + width: auto; + border-collapse: collapse; + box-sizing: border-box; +} + +.tui-editor-contents table th, +.tui-editor-contents table td { + border: 1px solid rgba(0, 0, 0, 0.1); + padding: 5px 14px 5px 12px; + height: 32px; +} + +.tui-editor-contents table th { + background-color: #555; + font-weight: 300; + color: #fff; + padding-top: 6px; +} + +.tui-editor-contents ul, +.tui-editor-contents menu, +.tui-editor-contents ol, +.tui-editor-contents dir { + display: block; + list-style-type: none; + padding-left: 24px; + margin: 6px 0 10px; + color: #222; +} + +.tui-editor-contents ol { + list-style-type: none; + counter-reset: li; +} + +.tui-editor-contents ol > li { + counter-increment: li; +} + +.tui-editor-contents ul > li::before, +.tui-editor-contents ol > li::before { + display: inline-block; + position: absolute; +} + +.tui-editor-contents ul > li::before { + content: ''; + margin-top: 6px; + margin-left: -17px; + width: 5px; + height: 5px; + border-radius: 50%; + background-color: #ccc; +} + +.tui-editor-contents ol > li::before { + content: '.' counter(li); + margin-left: -28px; + width: 24px; + text-align: right; + direction: rtl; + color: #aaa; +} + +.tui-editor-contents ul ul, +.tui-editor-contents ul ol, +.tui-editor-contents ol ol, +.tui-editor-contents ol ul { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.tui-editor-contents ul li, +.tui-editor-contents ol li { + position: relative; +} + +.tui-editor-contents ul p, +.tui-editor-contents ol p { + margin: 0; +} + +.tui-editor-contents ul li.task-list-item::before, +.tui-editor-contents ol li.task-list-item::before, +.tui-editor-contents pre ul li::before { + content: ''; +} + +.tui-editor-contents th ol, +.tui-editor-contents th ul { + color: #fff; +} + +.tui-editor-contents hr { + border-top: 1px solid #eee; + margin: 16px 0; +} + +.tui-editor-contents a { + text-decoration: underline; + color: #4b96e6; +} + +.tui-editor-contents a:hover { + color: #1f70de; +} + +.tui-editor-contents a.image-link { + position: relative; +} + +.tui-editor-contents a.image-link::before { + content: ''; + position: absolute; + margin: 0; + width: 20px; + height: 20px; + top: 2px; + right: 2px; + background-repeat: no-repeat; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAA/0lEQVQ4Ee2UIY6FQAyG/91wAQQJDg8SSwI3QIFAcQHuwFHQoOAEEFAELB6H4wIku+9vQgIP9zLyVbTTTufLtJ3MzzRNf1AoGlmu6ypBzvOMXyWkC+QLvDTjw6VM+Xr2OA6UZYmu67Dvu2zleX6zuq7D933EcQxNuyPu3usYYXVdw/M8mKYpIMMwxEZRJHbbNsmhkySJxE71APJmhGVZhnVdURQFlmU585GmKSzLEp+570Dlz+ZxQ/aGJVNYsm3bCIJA/LZtMY4jmqbBMAwIw1DiV/UAstEUltP3vawdxxFbVZVYDoWwM1eCp+LnoErIUt7DL/Ac1edWng1/WlXyD380myY5A34sAAAAAElFTkSuQmCC'); + cursor: pointer; +} + +.tui-editor-contents .task-list-item { + border: 0; + list-style: none; + padding-left: 24px; + margin-left: -24px; +} + +.tui-editor-contents .task-list-item::before { + background-repeat: no-repeat; + background-size: 18px 18px; + background-position: center; + content: ''; + margin-left: 0; + margin-top: 0; + border-radius: 0; + height: 18px; + width: 18px; + position: absolute; + left: 0; + top: 1px; + cursor: pointer; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAAAQklEQVQ4EWM8c+bMfwYqABaQGcbGxhQZdfbsWQYmikxA0jxqEFJg4GCOhhGOgEESHg0jpMDAwRx8YQQuj0DlCaUAAEdBCPJ7TaEPAAAAAElFTkSuQmCC'); +} + +.tui-editor-contents .task-list-item.checked::before { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAAA1ElEQVQ4EWP0nvbsPwMVABMVzAAbMWoQIiT5OJgYvLS5EAJQFguGCB4BkCHt/kIM8kKsYFXbrn6DqyY6sJENefjuN8ORuz/ghoAYWA0COR2kEQbQDanc+I7h049/MGkwjVANFQYZkmXHD/YCyABiDAFpxQgjkJO9dbjA4QAKDxAAhQnIO9hcAlYAJDBcBHIySANII8gAYgwBGYZhEEgQZFjVJohhhFwCUg8CjPgyLT8nE8N/YJZGD1iIVlQSI4yQpT9+R40ZZDl0NlavoSsihj/4DAIAR+hZHUj727YAAAAASUVORK5CYII='); +} + +.tui-editor-contents .task-list-item input[type='checkbox'], +.tui-editor-contents .task-list-item .task-list-item-checkbox { + margin-left: -17px; + margin-right: 3.8px; + margin-top: 3px; +} + +.tui-editor-contents-placeholder::before { + content: attr(data-placeholder); + color: grey; + line-height: 160%; + position: absolute; +} + +.te-preview .tui-editor-contents h1 { + min-height: 28px; +} + +.te-preview .tui-editor-contents h2 { + min-height: 23px; +} + +.te-preview .tui-editor-contents blockquote { + min-height: 20px; +} + +.te-preview .tui-editor-contents li { + min-height: 22px; +} + +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + /* IE10+11 */ + .te-ww-container .tui-editor-contents li { + vertical-align: middle; + } + + .te-ww-container .tui-editor-contents ul > li::before, + .te-ww-container .tui-editor-contents ol > li::before, + .te-ww-container .tui-editor-contents .task-list-item:before { + position: static; + vertical-align: middle; + } + + .te-ww-container .tui-editor-contents ul > li::before { + margin-top: -3px; + margin-right: 12px; + } + + .te-ww-container .tui-editor-contents ol > li::before { + margin-right: 6px; + } + + .te-ww-container .tui-editor-contents .task-list-item { + padding-left: 2px; + } +} + diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor-viewer.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor-viewer.js new file mode 100644 index 0000000000..7a89d894fa --- /dev/null +++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor-viewer.js @@ -0,0 +1,6878 @@ +/*! + * @toast-ui/editor + * @version 2.5.1 | Tue Nov 24 2020 + * @author NHN FE Development Lab + * @license MIT + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(typeof exports === 'object' && typeof module === 'object') + module.exports = factory(); + else if(typeof define === 'function' && define.amd) + define([], factory); + else if(typeof exports === 'object') + exports["Editor"] = factory(); + else + root["toastui"] = root["toastui"] || {}, root["toastui"]["Editor"] = factory(); +})(window, function() { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 60); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony import */ var tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3); +/* harmony import */ var tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8); +/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9); +/* harmony import */ var tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4); +/* harmony import */ var tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5); +/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6); +/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5__); +/* harmony import */ var tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(16); +/* harmony import */ var tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6__); +/* harmony import */ var tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(13); +/* harmony import */ var tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7__); +/** + * @fileoverview DOM Utils + * @author NHN FE Development Lab + */ + + + + + + + + +var FIND_ZWB = /\u200B/g; +var _window = window, + getComputedStyle = _window.getComputedStyle; +/** + * Check if node is text node + * @param {Node} node node to check + * @returns {boolean} result + * @ignore + */ + +var isTextNode = function isTextNode(node) { + return node && node.nodeType === Node.TEXT_NODE; +}; +/** + * Check if node is element node + * @param {Node} node node to check + * @returns {boolean} result + * @ignore + */ + + +var isElemNode = function isElemNode(node) { + return node && node.nodeType === Node.ELEMENT_NODE; +}; +/** + * Check that the node is block node + * @param {Node} node node + * @returns {boolean} + * @ignore + */ + + +var isBlockNode = function isBlockNode(node) { + return /^(ADDRESS|ARTICLE|ASIDE|BLOCKQUOTE|DETAILS|DIALOG|DD|DIV|DL|DT|FIELDSET|FIGCAPTION|FIGURE|FOOTER|FORM|H[\d]|HEADER|HGROUP|HR|LI|MAIN|NAV|OL|P|PRE|SECTION|UL)$/gi.test(this.getNodeName(node)); +}; +/** + * Get node name of node + * @param {Node} node node + * @returns {string} node name + * @ignore + */ + + +var getNodeName = function getNodeName(node) { + if (isElemNode(node)) { + return node.tagName; + } + + return 'TEXT'; +}; +/** + * Get node offset length of node(for Range API) + * @param {Node} node node + * @returns {number} length + * @ignore + */ + + +var getTextLength = function getTextLength(node) { + var len; + + if (isElemNode(node)) { + len = node.textContent.replace(FIND_ZWB, '').length; + } else if (isTextNode(node)) { + len = node.nodeValue.replace(FIND_ZWB, '').length; + } + + return len; +}; +/** + * Get node offset length of node(for Range API) + * @param {Node} node node + * @returns {number} length + * @ignore + */ + + +var getOffsetLength = function getOffsetLength(node) { + var len; + + if (isElemNode(node)) { + len = node.childNodes.length; + } else if (isTextNode(node)) { + len = node.nodeValue.replace(FIND_ZWB, '').length; + } + + return len; +}; +/** + * get node offset between parent's childnodes + * @param {Node} node node + * @returns {number} offset(index) + * @ignore + */ + + +var getNodeOffsetOfParent = function getNodeOffsetOfParent(node) { + var childNodesOfParent = node.parentNode.childNodes; + var i, t, found; + + for (i = 0, t = childNodesOfParent.length; i < t; i += 1) { + if (childNodesOfParent[i] === node) { + found = i; + break; + } + } + + return found; +}; +/** + * get child node by offset + * @param {Node} node node + * @param {number} index offset index + * @returns {Node} foudned node + * @ignore + */ + + +var getChildNodeByOffset = function getChildNodeByOffset(node, index) { + var currentNode; + + if (isTextNode(node)) { + currentNode = node; + } else if (node.childNodes.length && index >= 0) { + currentNode = node.childNodes[index]; + } + + return currentNode; +}; +/** + * find next node from passed node + * @param {strong} direction previous or next + * @param {Node} node node + * @param {string} untilNodeName parent node name to limit + * @returns {Node} founded node + * @ignore + */ + + +var getNodeWithDirectionUntil = function getNodeWithDirectionUntil(direction, node, untilNodeName) { + var directionKey = direction + "Sibling"; + var nodeName, foundedNode; + + while (node && !node[directionKey]) { + nodeName = getNodeName(node.parentNode); + + if (nodeName === untilNodeName || nodeName === 'BODY') { + break; + } + + node = node.parentNode; + } + + if (node[directionKey]) { + foundedNode = node[directionKey]; + } + + return foundedNode; +}; +/** + * get prev node of childnode pointed with index + * @param {Node} node node + * @param {number} index offset index + * @param {string} untilNodeName parent node name to limit + * @returns {Node} founded node + * @ignore + */ + + +var getPrevOffsetNodeUntil = function getPrevOffsetNodeUntil(node, index, untilNodeName) { + var prevNode; + + if (index > 0) { + prevNode = getChildNodeByOffset(node, index - 1); + } else { + prevNode = getNodeWithDirectionUntil('previous', node, untilNodeName); + } + + return prevNode; +}; + +var getParentUntilBy = function getParentUntilBy(node, matchCondition, stopCondition) { + while (node.parentNode && !matchCondition(node.parentNode)) { + node = node.parentNode; + + if (stopCondition && stopCondition(node)) { + break; + } + } + + if (matchCondition(node.parentNode)) { + return node; + } + + return null; +}; +/** + * get parent node until paseed node name + * @param {Node} node node + * @param {string|HTMLNode} untilNode node name or node to limit + * @returns {Node} founded node + * @ignore + */ + + +var getParentUntil = function getParentUntil(node, untilNode) { + var foundedNode; + + if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(untilNode)) { + foundedNode = getParentUntilBy(node, function (targetNode) { + return untilNode === getNodeName(targetNode); + }); + } else { + foundedNode = getParentUntilBy(node, function (targetNode) { + return untilNode === targetNode; + }); + } + + return foundedNode; +}; +/** + * get node on the given direction under given parent + * @param {strong} direction previous or next + * @param {Node} node node + * @param {string|Node} underNode parent node name to limit + * @returns {Node} founded node + * @ignore + */ + + +var getNodeWithDirectionUnderParent = function getNodeWithDirectionUnderParent(direction, node, underNode) { + var directionKey = direction + "Sibling"; + var foundedNode; + node = getParentUntil(node, underNode); + + if (node && node[directionKey]) { + foundedNode = node[directionKey]; + } + + return foundedNode; +}; +/** + * get top previous top level node under given node + * @param {Node} node node + * @param {Node} underNode underNode + * @returns {Node} founded node + * @ignore + */ + + +var getTopPrevNodeUnder = function getTopPrevNodeUnder(node, underNode) { + return getNodeWithDirectionUnderParent('previous', node, underNode); +}; +/** + * get next top level block node + * @param {Node} node node + * @param {Node} underNode underNode + * @returns {Node} founded node + * @ignore + */ + + +var getTopNextNodeUnder = function getTopNextNodeUnder(node, underNode) { + return getNodeWithDirectionUnderParent('next', node, underNode); +}; +/** + * Get parent element the body element + * @param {Node} node Node for start searching + * @returns {Node} + * @ignore + */ + + +var getTopBlockNode = function getTopBlockNode(node) { + return getParentUntil(node, 'BODY'); +}; +/** + * Get previous text node + * @param {Node} node Node for start searching + * @returns {Node} + * @ignore + */ + + +var getPrevTextNode = function getPrevTextNode(node) { + node = node.previousSibling || node.parentNode; + + while (!isTextNode(node) && getNodeName(node) !== 'BODY') { + if (node.previousSibling) { + node = node.previousSibling; + + while (node.lastChild) { + node = node.lastChild; + } + } else { + node = node.parentNode; + } + } + + if (getNodeName(node) === 'BODY') { + node = null; + } + + return node; +}; +/** + * test whether root contains the given node + * @param {HTMLNode|string} root - root node + * @param {HTMLNode} found - node to test + * @returns {Boolean} true if root contains node + * @ignore + */ + + +var containsNode = function containsNode(root, node) { + var walker = document.createTreeWalker(root, 4, null, false); + var found = root === node; + + while (!found && walker.nextNode()) { + found = walker.currentNode === node; + } + + return found; +}; +/** + * find node by offset + * @param {HTMLElement} root Root element + * @param {Array.} offsetList offset list + * @param {function} textNodeFilter Text node filter + * @returns {Array} + * @ignore + */ + + +var findOffsetNode = function findOffsetNode(root, offsetList, textNodeFilter) { + var result = []; + var text = ''; + var walkerOffset = 0; + var newWalkerOffset; + + if (!offsetList.length) { + return result; + } + + var offset = offsetList.shift(); + var walker = document.createTreeWalker(root, 4, null, false); + + while (walker.nextNode()) { + text = walker.currentNode.nodeValue || ''; + + if (textNodeFilter) { + text = textNodeFilter(text); + } + + newWalkerOffset = walkerOffset + text.length; + + while (newWalkerOffset >= offset) { + result.push({ + container: walker.currentNode, + offsetInContainer: offset - walkerOffset, + offset: offset + }); + + if (!offsetList.length) { + return result; + } + + offset = offsetList.shift(); + } + + walkerOffset = newWalkerOffset; + } // there should be offset left + + + do { + result.push({ + container: walker.currentNode, + offsetInContainer: text.length, + offset: offset + }); + offset = offsetList.shift(); + } while (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(offset)); + + return result; +}; + +var getNodeInfo = function getNodeInfo(node) { + var path = {}; + path.tagName = node.nodeName; + + if (node.id) { + path.id = node.id; + } + + var className = node.className.trim(); + + if (className) { + path.className = className; + } + + return path; +}; + +var getPath = function getPath(node, root) { + var paths = []; + + while (node && node !== root) { + if (isElemNode(node)) { + paths.unshift(getNodeInfo(node)); + } + + node = node.parentNode; + } + + return paths; +}; +/** + * Find next, previous TD or TH element by given TE element + * @param {HTMLElement} node TD element + * @param {string} direction 'next' or 'previous' + * @returns {HTMLElement|null} + * @ignore + */ + + +var getTableCellByDirection = function getTableCellByDirection(node, direction) { + var targetElement = null; + + if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(direction) && (direction === 'next' || direction === 'previous')) { + if (direction === 'next') { + targetElement = node.nextElementSibling; + } else { + targetElement = node.previousElementSibling; + } + } + + return targetElement; +}; +/** + * Find sibling TR's TD element by given TD and direction + * @param {HTMLElement} node TD element + * @param {string} direction Boolean value for find first TD in next line + * @param {boolean} [needEdgeCell=false] Boolean value for find first TD in next line + * @returns {HTMLElement|null} + * @ignore + */ + + +var getSiblingRowCellByDirection = function getSiblingRowCellByDirection(node, direction, needEdgeCell) { + var tableCellElement = null; + var index, targetRowElement, currentContainer, siblingContainer, isSiblingContainerExists; + + if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(direction) && (direction === 'next' || direction === 'previous')) { + if (node) { + if (direction === 'next') { + targetRowElement = node.parentNode && node.parentNode.nextSibling; + currentContainer = parents(node, 'thead'); + siblingContainer = currentContainer[0] && currentContainer[0].nextSibling; + isSiblingContainerExists = siblingContainer && getNodeName(siblingContainer) === 'TBODY'; + index = 0; + } else { + targetRowElement = node.parentNode && node.parentNode.previousSibling; + currentContainer = parents(node, 'tbody'); + siblingContainer = currentContainer[0] && currentContainer[0].previousSibling; + isSiblingContainerExists = siblingContainer && getNodeName(siblingContainer) === 'THEAD'; + index = node.parentNode.childNodes.length - 1; + } + + if (tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(needEdgeCell) || !needEdgeCell) { + index = getNodeOffsetOfParent(node); + } + + if (targetRowElement) { + tableCellElement = children(targetRowElement, 'td,th')[index]; + } else if (currentContainer[0] && isSiblingContainerExists) { + tableCellElement = findAll(siblingContainer, 'td,th')[index]; + } + } + } + + return tableCellElement; +}; +/** + * Check that the inline node is supported by markdown + * @param {Node} node TD element + * @returns {boolean} + * @ignore + */ + + +var isMDSupportInlineNode = function isMDSupportInlineNode(node) { + return /^(A|B|BR|CODE|DEL|EM|I|IMG|S|SPAN|STRONG)$/gi.test(node.nodeName); +}; +/** + * Check that node is styled node. + * Styled node is a node that has text and decorates text. + * @param {Node} node TD element + * @returns {boolean} + * @ignore + */ + + +var isStyledNode = function isStyledNode(node) { + return /^(A|ABBR|ACRONYM|B|BDI|BDO|BIG|CITE|CODE|DEL|DFN|EM|I|INS|KBD|MARK|Q|S|SAMP|SMALL|SPAN|STRONG|SUB|SUP|U|VAR)$/gi.test(node.nodeName); +}; +/** + * remove node from 'start' node to 'end-1' node inside parent + * if 'end' node is null, remove all child nodes after 'start' node. + * @param {Node} parentNode - parent node + * @param {Node} start - start node to remove + * @param {Node} end - end node to remove + * @ignore + */ + + +var removeChildFromStartToEndNode = function removeChildFromStartToEndNode(parentNode, start, end) { + var child = start; + + if (!child || parentNode !== child.parentNode) { + return; + } + + while (child !== end) { + var nextNode = child.nextSibling; + parentNode.removeChild(child); + child = nextNode; + } +}; +/** + * remove nodes along the direction from the node to reach targetParent node + * @param {Node} targetParent - stop removing when reach target parent node + * @param {Node} node - start node + * @param {boolean} isForward - direction + * @ignore + */ + + +var removeNodesByDirection = function removeNodesByDirection(targetParent, node, isForward) { + var parentNode = node; + + while (parentNode !== targetParent) { + var nextParent = parentNode.parentNode; + var _parentNode = parentNode, + nextSibling = _parentNode.nextSibling, + previousSibling = _parentNode.previousSibling; + + if (!isForward && nextSibling) { + removeChildFromStartToEndNode(nextParent, nextSibling, null); + } else if (isForward && previousSibling) { + removeChildFromStartToEndNode(nextParent, nextParent.childNodes[0], parentNode); + } + + parentNode = nextParent; + } +}; + +var getLeafNode = function getLeafNode(node) { + var result = node; + + while (result.childNodes && result.childNodes.length) { + var _result = result, + nextLeaf = _result.firstChild; // When inline tag have empty text node with other childnodes, ignore empty text node. + + if (isTextNode(nextLeaf) && !getTextLength(nextLeaf)) { + result = nextLeaf.nextSibling || nextLeaf; + } else { + result = nextLeaf; + } + } + + return result; +}; +/** + * check if a coordinates is inside a button box + * @param {object} style - computed style of task box + * @param {number} offsetX - event x offset + * @param {number} offsetY - event y offset + * @returns {boolean} + * @ignore + */ + + +var isInsideButtonBox = function isInsideButtonBox(style, offsetX, offsetY) { + var rect = { + left: parseInt(style.left, 10), + top: parseInt(style.top, 10), + width: parseInt(style.width, 10), + height: parseInt(style.height, 10) + }; + return offsetX >= rect.left && offsetX <= rect.left + rect.width && offsetY >= rect.top && offsetY <= rect.top + rect.height; +}; +/** + * Check whether node is OL or UL + * @param {node} node - node + * @returns {boolean} - whether node is OL or UL + * @ignore + */ + + +var isListNode = function isListNode(node) { + if (!node) { + return false; + } + + return node.nodeName === 'UL' || node.nodeName === 'OL'; +}; +/** + * Check whether node is first list item + * @param {node} node - node + * @returns {boolean} whether node is first list item + * @ignore + */ + + +var isFirstListItem = function isFirstListItem(node) { + var nodeName = node.nodeName, + parentNode = node.parentNode; + return nodeName === 'LI' && node === parentNode.firstChild; +}; +/** + * Check whether node is first level list item + * @param {node} node - node + * @returns {boolean} whether node is first level list item + * @ignore + */ + + +var isFirstLevelListItem = function isFirstLevelListItem(node) { + var nodeName = node.nodeName, + listNode = node.parentNode; + var listParentNode = listNode.parentNode; + return nodeName === 'LI' && !isListNode(listParentNode); +}; +/** + * Merge node to target node and detach node + * @param {node} node - node + * @param {node} targetNode - target node + * @ignore + */ + + +var mergeNode = function mergeNode(node, targetNode) { + if (node.hasChildNodes()) { + tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(node.childNodes).forEach(function () { + targetNode.appendChild(node.firstChild); + }); + targetNode.normalize(); + } + + if (node.parentNode) { + node.parentNode.removeChild(node); + } +}; +/** + * Create hr that is not contenteditable + * @returns {node} hr is wraped div + * @ignore + */ + + +var createHorizontalRule = function createHorizontalRule() { + var div = document.createElement('div'); + var hr = document.createElement('hr'); + div.setAttribute('contenteditable', false); + hr.setAttribute('contenteditable', false); + div.appendChild(hr); + return div; +}; +/** + * Create Empty Line + * @returns {node}

+ * @private + */ + + +var createEmptyLine = function createEmptyLine() { + var div = document.createElement('div'); + div.appendChild(document.createElement('br')); + return div; +}; +/** + * Find same tagName child node and change wrapping order. + * For example, if below node need to optimize 'B' tag. + * test + * should be changed tag's order. + * test + * @param {node} node + * @param {string} tagName + * @returns {node} + * @private + */ + + +var changeTagOrder = function changeTagOrder(node, tagName) { + if (node.nodeName !== 'SPAN') { + var parentNode = node.parentNode; + var tempNode = node; + + while (tempNode.childNodes && tempNode.childNodes.length === 1 && !isTextNode(tempNode.firstChild)) { + tempNode = tempNode.firstChild; + + if (tempNode.nodeName === 'SPAN') { + break; + } + + if (tempNode.nodeName === tagName) { + var wrapper = document.createElement(tagName); + mergeNode(tempNode, tempNode.parentNode); + parentNode.replaceChild(wrapper, node); + wrapper.appendChild(node); + return wrapper; + } + } + } + + return node; +}; +/** + * Find same tagName nodes and merge from startNode to endNode. + * @param {node} startNode + * @param {node} endNode + * @param {string} tagName + * @returns {node} + * @private + */ + + +var mergeSameNodes = function mergeSameNodes(startNode, endNode, tagName) { + var startBlockNode = changeTagOrder(startNode, tagName); + + if (startBlockNode.nodeName === tagName) { + var endBlockNode = changeTagOrder(endNode, tagName); + var mergeTargetNode = startBlockNode; + var nextNode = startBlockNode.nextSibling; + + while (nextNode) { + var tempNext = nextNode.nextSibling; + nextNode = changeTagOrder(nextNode, tagName); + + if (nextNode.nodeName === tagName) { + // eslint-disable-next-line max-depth + if (mergeTargetNode) { + mergeNode(nextNode, mergeTargetNode); + } else { + mergeTargetNode = nextNode; + } + } else { + mergeTargetNode = null; + } + + if (nextNode === endBlockNode) { + break; + } + + nextNode = tempNext; + } + } +}; +/** + * Find same tagName nodes in range and merge nodes. + * For example range is like this + * AAABBB + * nodes is changed below + * AAABBB + * @param {range} range + * @param {string} tagName + * @private + */ + + +var optimizeRange = function optimizeRange(range, tagName) { + var collapsed = range.collapsed, + commonAncestorContainer = range.commonAncestorContainer, + startContainer = range.startContainer, + endContainer = range.endContainer; + + if (!collapsed) { + var optimizedNode = null; + + if (startContainer !== endContainer) { + var startNode = getParentUntil(startContainer, commonAncestorContainer); + var endNode = getParentUntil(endContainer, commonAncestorContainer); + + if (startNode && endNode) { + mergeSameNodes(startNode, endNode, tagName); + } + + optimizedNode = commonAncestorContainer; + } else if (isTextNode(startContainer)) { + optimizedNode = startContainer.parentNode; + } + + if (optimizedNode && optimizedNode.nodeName === tagName) { + var _optimizedNode = optimizedNode, + previousSibling = _optimizedNode.previousSibling; + var tempNode; + + if (previousSibling) { + tempNode = changeTagOrder(previousSibling); + + if (tempNode.nodeName === tagName) { + mergeNode(optimizedNode, tempNode); + } + } + + var _optimizedNode2 = optimizedNode, + nextSibling = _optimizedNode2.nextSibling; + + if (nextSibling) { + tempNode = changeTagOrder(nextSibling); + + if (tempNode.nodeName === tagName) { + mergeNode(tempNode, optimizedNode); + } + } + } + } +}; +/** + * Gets all text node from root element. + * @param {HTMLElement} root Root element + * @returns {Array} list of text nodes + * @ignore + */ + + +var getAllTextNode = function getAllTextNode(root) { + var walker = document.createTreeWalker(root, 4, null, false); + var result = []; + + while (walker.nextNode()) { + var node = walker.currentNode; + + if (isTextNode(node)) { + result.push(node); + } + } + + return result; +}; +/** + * Check whether the node is 'TD' or 'TH' + * @param {HTMLElement} node - the target node + * @returns {boolean} - whether the node is 'TD' or 'TH' + * @ignore + */ + + +var isCellNode = function isCellNode(node) { + if (!node) { + return false; + } + + return node.nodeName === 'TD' || node.nodeName === 'TH'; +}; +/** + * Get the last node on the target node by the condition + * @param {HTMLElement} node - the target node + * @returns {function} - the condition to find the node + * @ignore + */ + + +var getLastNodeBy = function getLastNodeBy(node, condition) { + var lastNode = node && node.lastChild; + + while (lastNode && condition(lastNode)) { + lastNode = lastNode.lastChild; + } + + return lastNode; +}; +/** + * Get the parent node on the target node by the condition + * @param {HTMLElement} node - the target node + * @returns {function} - the condition to find the node + * @ignore + */ + + +var getParentNodeBy = function getParentNodeBy(node, condition) { + while (node && condition(node.parentNode, node)) { + node = node.parentNode; + } + + return node; +}; +/** + * Get the sibling node on the target node by the condition + * @param {HTMLElement} node - the target node + * @param {string} direction - the direction to find node ('previous', 'next') + * @returns {function} - the condition to find the node + * @ignore + */ + + +var getSiblingNodeBy = function getSiblingNodeBy(node, direction, condition) { + var directionKey = direction + "Sibling"; + + while (node && condition(node[directionKey], node)) { + node = node[directionKey]; + } + + return node; +}; +/** + * Create element with contents + * @param {string|Node} contents - contents to appended + * @param {HTMLElement} [target] - container element to append contents + * @returns {Node} created node + * @ignore + */ + + +function createElementWith(contents, target) { + var container = document.createElement('div'); + + if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(contents)) { + container.innerHTML = contents; + } else { + container.appendChild(contents); + } + + var firstChild = container.firstChild; + + if (target) { + target.appendChild(firstChild); + } + + return firstChild; +} +/** + * Find nodes matching by selector + * @param {HTMLElement} element - target element + * @param {string} selector - selector to find nodes + * @returns {Array.} found nodes + * @ignore + */ + + +function findAll(element, selector) { + var nodeList = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(element.querySelectorAll(selector)); + + if (nodeList.length) { + return nodeList; + } + + return []; +} +/** + * Checks whether specific node is included in target node + * @param {HTMLElement} element - target to find + * @param {Node} containedNode - node to find + * @returns {boolean} whether node is contained or not + * @ignore + */ + + +function isContain(element, contained) { + return element !== contained && element.contains(contained); +} +/** + * Gets closest node matching by selector + * @param {Node} node - target node + * @param {string|Node} found - selector or element to find node + * @param {Node} [root] - root node + * @returns {?Node} - found node + * @ignore + */ + + +function closest(node, found, root) { + var condition; + root = root || document; + + if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(found)) { + condition = function condition(target) { + return tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(target, found); + }; + } else { + condition = function condition(target) { + return target === found; + }; + } + + while (node && node !== root) { + if (isElemNode(node) && condition(node)) { + return node; + } + + node = node.parentNode; + } + + return null; +} +/** + * Gets parent node matching by selector from target node + * @param {Node} node - target node + * @param {string} [selector] - selector to find + * @returns {Node} found node + * @ignore + */ + + +function parent(node, selector) { + var parentNode = node.parentNode; + + if (selector) { + return parentNode && tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(parentNode, selector) ? parentNode : null; + } + + return parentNode; +} +/** + * Gets ancestor nodes matching by selector from target node + * @param {Node} node - target node + * @param {string|Node} found - selector or node to find + * @returns {Array.} found nodes + * @ignore + */ + + +function parents(node, found) { + var result = []; + + while (node && node !== document) { + node = closest(node.parentNode, found); + + if (node) { + result.push(node); + } + } + + return result; +} +/** + * Gets ancestor nodes until matching by selector from target node + * @param {Node} node - target node + * @param {string} selector - selector to find + * @param {Array.} found nodes + * @ignore + */ + + +function parentsUntil(node, selector) { + var result = []; + + while (node.parentNode && !tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(node.parentNode, selector)) { + node = node.parentNode; + + if (node) { + result.push(node); + } + } + + return result; +} +/** + * Gets child nodes matching by selector from target node + * @param {Node} node - target node + * @param {string} selector - selector to find + * @returns {Array.} found nodes + * @ignore + */ + + +function children(node, selector) { + var foundChildren; + + if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) { + foundChildren = node.childNodes; + } else { + foundChildren = node.children; + } + + return tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(foundChildren).filter(function (child) { + return tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(child, selector); + }); +} +/** + * Appends node(s) on target node + * @param {Node} node - target node + * @param {string|Node} appended - html string or node to append + * @ignore + */ + + +function append(node, appended) { + if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(appended)) { + node.insertAdjacentHTML('beforeEnd', appended); + } else { + appended = appended.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(appended) : [appended]; + + for (var i = 0, len = appended.length; i < len; i += 1) { + node.appendChild(appended[i]); + } + } +} +/** + * Prepends node(s) on target node + * @param {Node} node - target node + * @param {string|Node} appended - html string or node to append + * @ignore + */ + + +function prepend(node, appended) { + if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(appended)) { + node.insertAdjacentHTML('afterBegin', appended); + } else { + appended = appended.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(appended) : [appended]; + + for (var i = appended.length - 1, len = 0; i >= len; i -= 1) { + node.insertBefore(appended[i], node.firstChild); + } + } +} +/** + * Inserts new node in front of target node + * @param {Node} insertedNode - node to insert + * @param {Node} node - target node + * @ignore + */ + + +function insertBefore(insertedNode, node) { + var parentNode = node.parentNode; + + if (parentNode) { + parentNode.insertBefore(insertedNode, node); + } +} +/** + * Inserts new node after target node + * @param {Node} insertedNode - node to insert + * @param {Node} node - target node + * @ignore + */ + + +function insertAfter(insertedNode, node) { + var parentNode = node.parentNode; + + if (parentNode) { + parentNode.insertBefore(insertedNode, node.nextSibling); + } +} +/** + * Replaces target node(s) with html + * @param {Node} nodeList - target node(s) to replace + * @param {string} html - replaced html + * @ignore + */ + + +function replaceWith(nodeList, html) { + nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList]; + nodeList.forEach(function (node) { + node.insertAdjacentHTML('afterEnd', html); + node.parentNode.removeChild(node); + }); +} +/** + * Adds parent element to target node(s) + * @param {Node|Array.} nodeList - target node(s) + * @param {string} nodeName - node name to change parent element + * @ignore + */ + + +function wrap(nodeList, nodeName) { + nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList]; + nodeList.forEach(function (node) { + var wrapper = document.createElement(nodeName); + node.parentNode.insertBefore(wrapper, node); + wrapper.appendChild(node); + }); +} +/** + * Adds child element to target node(s) + * @param {Node|Array.} nodeList - target node(s) + * @param {string} nodeName - node name to change child element + * @ignore + */ + + +function wrapInner(nodeList, nodeName) { + nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList]; + nodeList.forEach(function (node) { + var wrapper = document.createElement(nodeName); + node.appendChild(wrapper); + + while (node.firstChild !== wrapper) { + wrapper.appendChild(node.firstChild); + } + }); +} +/** + * Removes target element and insert children at the same position + * @param {Node} node - parent node + * @returns {Array.} unwrapped nodes + * @ignore + */ + + +function unwrap(node) { + var result = []; + + while (node.firstChild) { + result.push(node.firstChild); + node.parentNode.insertBefore(node.firstChild, node); + } + + remove(node); + return result; +} +/** + * Removes target node from parent node + * @param {Node} node - target node + * @ignore + */ + + +function remove(node) { + if (node.parentNode) { + node.parentNode.removeChild(node); + } +} +/** + * Removes all children of target node + * @param {Node} node - target node + * @ignore + */ + + +function empty(node) { + while (node.firstChild) { + node.removeChild(node.firstChild); + } +} +/** + * Sets offset value of target element + * @param {HTMLElement} element - target element + * @returns {Object.} offset values + * @ignore + */ + + +function setOffset(element, offset) { + var _element$parentNode$g = element.parentNode.getBoundingClientRect(), + top = _element$parentNode$g.top, + left = _element$parentNode$g.left; + + tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default()(element, { + top: offset.top - top - document.body.scrollTop + "px" + }); + tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default()(element, { + left: offset.left - left - document.body.scrollLeft + "px" + }); +} +/** + * Gets offset value of target element + * @param {HTMLElement} element - target element + * @param {string} [selector] - selector to stop finding node + * @returns {Object.} offset values + * @ignore + */ + + +function getOffset(element, selector) { + if (selector === void 0) { + selector = 'document'; + } + + var top = 0; + var left = 0; + + do { + top += element.offsetTop || 0; + left += element.offsetLeft || 0; + element = element.offsetParent; + } while (element && !tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(element, selector)); + + return { + top: top, + left: left + }; +} +/** + * Gets outer width value of target element + * @param {HTMLElement} element - target element + * @param {boolean} includedMargin - whether to include margir or not + * @returns {number} outer width value + * @ignore + */ + + +function getOuterWidth(element, includedMargin) { + var widthValue = element.offsetWidth; + + if (includedMargin) { + var _getComputedStyle = getComputedStyle(element), + marginLeft = _getComputedStyle.marginLeft, + marginRight = _getComputedStyle.marginRight; + + widthValue += parseInt(marginLeft, 10) + parseInt(marginRight, 10); + } + + return widthValue; +} +/** + * Gets outer height value of target element + * @param {HTMLElement} element - target element + * @param {boolean} includedMargin - whether to include margir or not + * @returns {number} outer height value + * @ignore + */ + + +function getOuterHeight(element, includedMargin) { + var heightValue = element.offsetHeight; + + if (includedMargin) { + var _getComputedStyle2 = getComputedStyle(element), + marginTop = _getComputedStyle2.marginTop, + marginBottom = _getComputedStyle2.marginBottom; + + heightValue += parseInt(marginTop, 10) + parseInt(marginBottom, 10); + } + + return heightValue; +} +/** + * Toggles class name of target element + * @param {HTMLElement} element - target element + * @param {string} className - class name to toggle + * @param {boolean} [state] - whether to toggle or not by condition + * @ignore + */ + + +var toggleClass = function toggleClass(element, className, state) { + if (tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(state)) { + state = !tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6___default()(element, className); + } + + var toggleFn = state ? tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4___default.a : tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5___default.a; + toggleFn(element, className); +}; +/** + * Finalize html result + * @param {HTMLElement} html root element + * @param {boolean} needHtmlText pass true if need html text + * @returns {string|DocumentFragment} result + * @ignore + */ + + +function finalizeHtml(html, needHtmlText) { + var result; + + if (needHtmlText) { + result = html.innerHTML; + } else { + var frag = document.createDocumentFragment(); + var childNodes = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(html.childNodes); + var length = childNodes.length; + + for (var i = 0; i < length; i += 1) { + frag.appendChild(childNodes[i]); + } + + result = frag; + } + + return result; +} +/** + * Get fragment replaced by newline to br tag + * @param {string} text original text + * @returns {DocumentFragment} fragment + * @ignore + */ + + +function getFragmentReplacedByNewlineToBr(text) { + var fragment = document.createDocumentFragment(); + var texts = text.split('\n'); + texts.forEach(function (plainText, index) { + var textNode = document.createTextNode(plainText); + fragment.appendChild(textNode); + + if (index < texts.length - 1) { + fragment.appendChild(document.createElement('br')); + } + }); + return fragment; +} + +/* harmony default export */ __webpack_exports__["a"] = ({ + getNodeName: getNodeName, + isTextNode: isTextNode, + isElemNode: isElemNode, + isBlockNode: isBlockNode, + getTextLength: getTextLength, + getOffsetLength: getOffsetLength, + getPrevOffsetNodeUntil: getPrevOffsetNodeUntil, + getNodeOffsetOfParent: getNodeOffsetOfParent, + getChildNodeByOffset: getChildNodeByOffset, + getNodeWithDirectionUntil: getNodeWithDirectionUntil, + containsNode: containsNode, + getTopPrevNodeUnder: getTopPrevNodeUnder, + getTopNextNodeUnder: getTopNextNodeUnder, + getParentUntilBy: getParentUntilBy, + getParentUntil: getParentUntil, + getTopBlockNode: getTopBlockNode, + getPrevTextNode: getPrevTextNode, + findOffsetNode: findOffsetNode, + getPath: getPath, + getNodeInfo: getNodeInfo, + getTableCellByDirection: getTableCellByDirection, + getSiblingRowCellByDirection: getSiblingRowCellByDirection, + isMDSupportInlineNode: isMDSupportInlineNode, + isStyledNode: isStyledNode, + removeChildFromStartToEndNode: removeChildFromStartToEndNode, + removeNodesByDirection: removeNodesByDirection, + getLeafNode: getLeafNode, + isInsideButtonBox: isInsideButtonBox, + isListNode: isListNode, + isFirstListItem: isFirstListItem, + isFirstLevelListItem: isFirstLevelListItem, + mergeNode: mergeNode, + createHorizontalRule: createHorizontalRule, + createEmptyLine: createEmptyLine, + changeTagOrder: changeTagOrder, + mergeSameNodes: mergeSameNodes, + optimizeRange: optimizeRange, + getAllTextNode: getAllTextNode, + isCellNode: isCellNode, + getLastNodeBy: getLastNodeBy, + getParentNodeBy: getParentNodeBy, + getSiblingNodeBy: getSiblingNodeBy, + createElementWith: createElementWith, + findAll: findAll, + isContain: isContain, + closest: closest, + parent: parent, + parents: parents, + parentsUntil: parentsUntil, + children: children, + append: append, + prepend: prepend, + insertBefore: insertBefore, + insertAfter: insertAfter, + replaceWith: replaceWith, + wrap: wrap, + wrapInner: wrapInner, + unwrap: unwrap, + remove: remove, + empty: empty, + setOffset: setOffset, + getOffset: getOffset, + getOuterWidth: getOuterWidth, + getOuterHeight: getOuterHeight, + toggleClass: toggleClass, + finalizeHtml: finalizeHtml, + getFragmentReplacedByNewlineToBr: getFragmentReplacedByNewlineToBr +}); + +/***/ }), +/* 1 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; + +// EXTERNAL MODULE: ./node_modules/tui-code-snippet/object/extend.js +var extend = __webpack_require__(7); +var extend_default = /*#__PURE__*/__webpack_require__.n(extend); + +// CONCATENATED MODULE: ./src/js/command.js +/** + * @fileoverview Implements Command + * @author NHN FE Development Lab + */ + +/** + * Class Command + * @param {string} name Command name + * @param {number} type Command type (Command.TYPE) + * @param {Array.} [keyMap] keyMap + * @ignore + */ + +var Command = /*#__PURE__*/function () { + function Command(name, type, keyMap) { + this.name = name; + this.type = type; + + if (keyMap) { + this.setKeyMap(keyMap); + } + } + /** + * returns Name of command + * @returns {string} Command Name + */ + + + var _proto = Command.prototype; + + _proto.getName = function getName() { + return this.name; + } + /** + * returns Type of command + * @returns {number} Command Command type number + */ + ; + + _proto.getType = function getType() { + return this.type; + } + /** + * returns whether Command Type is Markdown or not + * @returns {boolean} result + */ + ; + + _proto.isMDType = function isMDType() { + return this.type === Command.TYPE.MD; + } + /** + * returns whether Command Type is Wysiwyg or not + * @returns {boolean} result + */ + ; + + _proto.isWWType = function isWWType() { + return this.type === Command.TYPE.WW; + } + /** + * returns whether Command Type is Global or not + * @returns {boolean} result + */ + ; + + _proto.isGlobalType = function isGlobalType() { + return this.type === Command.TYPE.GB; + } + /** + * Set keymap value for each os + * @param {string} win Windows Key(and etc) + * @param {string} mac Mac osx key + */ + ; + + _proto.setKeyMap = function setKeyMap(win, mac) { + this.keyMap = [win, mac]; + }; + + return Command; +}(); +/** + * Command factory method + * @param {string} typeStr Editor type name + * @param {object} props Property + * @param {string} props.name Command name + * @param {number} props.type Command type number + * @returns {Command} + * @static + */ + + +Command.factory = function (typeStr, props) { + var type; + + if (typeStr === 'markdown') { + type = Command.TYPE.MD; + } else if (typeStr === 'wysiwyg') { + type = Command.TYPE.WW; + } else if (typeStr === 'global') { + type = Command.TYPE.GB; + } + + var command = new Command(props.name, type); + extend_default()(command, props); + return command; +}; +/** + * Command Type Constant + * markdown : 0 + * wysiwyg : 1 + * global : 2 + * @type {object} + * @private + */ + + +Command.TYPE = { + MD: 0, + WW: 1, + GB: 2 +}; +/* harmony default export */ var js_command = (Command); +// EXTERNAL MODULE: ./src/js/utils/common.js +var common = __webpack_require__(12); + +// EXTERNAL MODULE: ./src/js/utils/map.js +var map = __webpack_require__(23); + +// CONCATENATED MODULE: ./src/js/commandManager.js +/** + * @fileoverview Implements CommandManager + * @author NHN FE Development Lab + */ + + + + +var KEYMAP_OS_INDEX = common["b" /* isMac */] ? 1 : 0; +/** + * Class CommandManager + * @param {ToastUIEditor} base nedInstance + * @param {object} [options={}] - option object + * @param {boolean} [options.useCommandShortcut=true] - execute command with keyMap + * @ignore + */ + +var commandManager_CommandManager = /*#__PURE__*/function () { + function CommandManager(base, options) { + if (options === void 0) { + options = {}; + } + + this._command = new map["a" /* default */](); + this._mdCommand = new map["a" /* default */](); + this._wwCommand = new map["a" /* default */](); + this._options = extend_default()({ + useCommandShortcut: true + }, options); + this.base = base; + this.keyMapCommand = {}; + + this._initEvent(); + } + /** + * You can change command before command addition by addCommandBefore event. + * @param {object} command - command + * @returns {object} + * @private + */ + + + var _proto = CommandManager.prototype; + + _proto._addCommandBefore = function _addCommandBefore(command) { + var commandWrapper = { + command: command + }; + this.base.eventManager.emit('addCommandBefore', commandWrapper); + return commandWrapper.command || command; + } + /** + * Add command + * @param {Command} command Command instance + * @returns {Command} Command + */ + ; + + _proto.addCommand = function addCommand(command) { + for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + args[_key - 1] = arguments[_key]; + } + + if (args.length) { + command = CommandManager.command.apply(CommandManager, [command].concat(args)); + } + + command = this._addCommandBefore(command); + var name = command.getName(); + var commandBase; + + if (command.isMDType()) { + commandBase = this._mdCommand; + } else if (command.isWWType()) { + commandBase = this._wwCommand; + } else if (command.isGlobalType()) { + commandBase = this._command; + } + + commandBase.set(name, command); + + if (command.keyMap) { + this.keyMapCommand[command.keyMap[KEYMAP_OS_INDEX]] = name; + } + + return command; + } + /** + * _initEvent + * Bind event handler to eventManager + * @private + */ + ; + + _proto._initEvent = function _initEvent() { + var _this = this; + + this.base.eventManager.listen('command', function () { + _this.exec.apply(_this, arguments); + }); + this.base.eventManager.listen('keyMap', function (ev) { + if (!_this._options.useCommandShortcut) { + return; + } + + var command = _this.keyMapCommand[ev.keyMap]; + + if (command) { + ev.data.preventDefault(); + + _this.exec(command); + } + }); + } + /** + * Execute command + * @param {String} name Command name + * @param {*} ...args Command argument + * @returns {*} + */ + ; + + _proto.exec = function exec(name) { + var commandToRun, result; + var context = this.base; + commandToRun = this._command.get(name); + + if (!commandToRun) { + if (this.base.isMarkdownMode()) { + commandToRun = this._mdCommand.get(name); + context = this.base.mdEditor; + } else { + commandToRun = this._wwCommand.get(name); + context = this.base.wwEditor; + } + } + + if (commandToRun) { + var _commandToRun; + + for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { + args[_key2 - 1] = arguments[_key2]; + } + + args.unshift(context); + result = (_commandToRun = commandToRun).exec.apply(_commandToRun, args); + } + + return result; + }; + + return CommandManager; +}(); +/** + * Create command by given editor type and property object + * @param {string} type Command type + * @param {{name: string, keyMap: Array}} props Property + * @returns {*} + * @static + */ + + +commandManager_CommandManager.command = function (type, props) { + var command = js_command.factory(type, props.name, props.keyMap); + extend_default()(command, props); + return command; +}; + +/* harmony default export */ var commandManager = __webpack_exports__["a"] = (commandManager_CommandManager); + +/***/ }), +/* 2 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* unused harmony export hasImageOrCodeBlockNode */ +/* unused harmony export hasSameLineParent */ +/* unused harmony export hasSpecificTypeAncestor */ +/* unused harmony export isEmptyLineNode */ +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return getMdStartLine; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getMdEndLine; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getMdStartCh; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getMdEndCh; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return isMultiLineNode; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return isHtmlNode; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return isStyledTextNode; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return isListItemNode; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return isTableCellNode; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return isInlineNode; }); +/* unused harmony export getLastLeafNode */ +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return findClosestNode; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "n", function() { return traverseParentNodes; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return addChPos; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "m", function() { return setChPos; }); +/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12); + +function hasImageOrCodeBlockNode(mdNode) { + while (mdNode) { + if (Object(_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(['image', 'codeBlock'], mdNode.type)) { + return true; + } + + mdNode = mdNode.firstChild; + } + + return false; +} +function hasSameLineParent(mdNode) { + return mdNode.parent && mdNode.parent.type !== 'document' && mdNode.parent.sourcepos[0][0] === mdNode.sourcepos[0][0]; +} +function hasSpecificTypeAncestor(mdNode) { + for (var _len = arguments.length, types = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { + types[_key - 1] = arguments[_key]; + } + + while (mdNode.parent && mdNode.parent.type !== 'document') { + if (Object(_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(types, mdNode.parent.type)) { + return true; + } + + mdNode = mdNode.parent; + } + + return false; +} +function isEmptyLineNode(text, mdNode) { + return !text.trim() && !hasImageOrCodeBlockNode(mdNode); +} +function getMdStartLine(mdNode) { + return mdNode.sourcepos[0][0]; +} +function getMdEndLine(mdNode) { + return mdNode.sourcepos[1][0]; +} +function getMdStartCh(mdNode) { + return mdNode.sourcepos[0][1]; +} +function getMdEndCh(mdNode) { + return mdNode.sourcepos[1][1]; +} +function isMultiLineNode(mdNode) { + var type = mdNode.type; + return type === 'codeBlock' || type === 'paragraph'; +} +function isHtmlNode(mdNode) { + var type = mdNode.type; + return type === 'htmlBlock' || type === 'htmlInline'; +} +function isStyledTextNode(mdNode) { + var type = mdNode.type; + return type === 'strike' || type === 'strong' || type === 'emph'; +} +function isListItemNode(mdNode) { + return mdNode.type === 'item'; +} +function isTableCellNode(mdNode) { + var type = mdNode.type; + return type === 'tableCell' || type === 'tableDelimCell'; +} +function isInlineNode(mdNode) { + switch (mdNode.type) { + case 'code': + case 'text': + case 'emph': + case 'strong': + case 'strike': + case 'link': + case 'image': + case 'htmlInline': + case 'linebreak': + case 'softbreak': + return true; + + default: + return false; + } +} +function getLastLeafNode(mdNode) { + while (mdNode.lastChild) { + mdNode = mdNode.lastChild; + } + + return mdNode; +} +function findClosestNode(mdNode, condition, includeSelf) { + if (includeSelf === void 0) { + includeSelf = true; + } + + mdNode = includeSelf ? mdNode : mdNode.parent; + + while (mdNode && mdNode.type !== 'document') { + if (condition(mdNode)) { + return mdNode; + } + + mdNode = mdNode.parent; + } + + return null; +} +function traverseParentNodes(mdNode, iteratee, includeSelf) { + if (includeSelf === void 0) { + includeSelf = true; + } + + mdNode = includeSelf ? mdNode : mdNode.parent; + + while (mdNode && mdNode.type !== 'document') { + iteratee(mdNode); + mdNode = mdNode.parent; + } +} +function addChPos(originPos, addedCh) { + return { + line: originPos.line, + ch: originPos.ch + addedCh + }; +} +function setChPos(originPos, newCh) { + return { + line: originPos.line, + ch: newCh + }; +} + +/***/ }), +/* 3 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Transform the Array-like object to Array. + * @author NHN FE Development Lab + */ + + + +var forEachArray = __webpack_require__(21); + +/** + * Transform the Array-like object to Array. + * In low IE (below 8), Array.prototype.slice.call is not perfect. So, try-catch statement is used. + * @param {*} arrayLike Array-like object + * @returns {Array} Array + * @memberof module:collection + * @example + * var toArray = require('tui-code-snippet/collection/toArray'); // node, commonjs + * + * var arrayLike = { + * 0: 'one', + * 1: 'two', + * 2: 'three', + * 3: 'four', + * length: 4 + * }; + * var result = toArray(arrayLike); + * + * alert(result instanceof Array); // true + * alert(result); // one,two,three,four + */ +function toArray(arrayLike) { + var arr; + try { + arr = Array.prototype.slice.call(arrayLike); + } catch (e) { + arr = []; + forEachArray(arrayLike, function(value) { + arr.push(value); + }); + } + + return arr; +} + +module.exports = toArray; + + +/***/ }), +/* 4 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Setting element style + * @author NHN FE Development Lab + */ + + + +var isString = __webpack_require__(9); +var forEach = __webpack_require__(26); + +/** + * Setting element style + * @param {(HTMLElement|SVGElement)} element - element to setting style + * @param {(string|object)} key - style prop name or {prop: value} pair object + * @param {string} [value] - style value + * @memberof module:domUtil + */ +function css(element, key, value) { + var style = element.style; + + if (isString(key)) { + style[key] = value; + + return; + } + + forEach(key, function(v, k) { + style[k] = v; + }); +} + +module.exports = css; + + +/***/ }), +/* 5 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Add css class to element + * @author NHN FE Development Lab + */ + + + +var forEach = __webpack_require__(26); +var inArray = __webpack_require__(14); +var getClass = __webpack_require__(33); +var setClassName = __webpack_require__(39); + +/** + * domUtil module + * @module domUtil + */ + +/** + * Add css class to element + * @param {(HTMLElement|SVGElement)} element - target element + * @param {...string} cssClass - css classes to add + * @memberof module:domUtil + */ +function addClass(element) { + var cssClass = Array.prototype.slice.call(arguments, 1); + var classList = element.classList; + var newClass = []; + var origin; + + if (classList) { + forEach(cssClass, function(name) { + element.classList.add(name); + }); + + return; + } + + origin = getClass(element); + + if (origin) { + cssClass = [].concat(origin.split(/\s+/), cssClass); + } + + forEach(cssClass, function(cls) { + if (inArray(cls, newClass) < 0) { + newClass.push(cls); + } + }); + + setClassName(element, newClass); +} + +module.exports = addClass; + + +/***/ }), +/* 6 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Remove css class from element + * @author NHN FE Development Lab + */ + + + +var forEachArray = __webpack_require__(21); +var inArray = __webpack_require__(14); +var getClass = __webpack_require__(33); +var setClassName = __webpack_require__(39); + +/** + * Remove css class from element + * @param {(HTMLElement|SVGElement)} element - target element + * @param {...string} cssClass - css classes to remove + * @memberof module:domUtil + */ +function removeClass(element) { + var cssClass = Array.prototype.slice.call(arguments, 1); + var classList = element.classList; + var origin, newClass; + + if (classList) { + forEachArray(cssClass, function(name) { + classList.remove(name); + }); + + return; + } + + origin = getClass(element).split(/\s+/); + newClass = []; + forEachArray(origin, function(name) { + if (inArray(name, cssClass) < 0) { + newClass.push(name); + } + }); + + setClassName(element, newClass); +} + +module.exports = removeClass; + + +/***/ }), +/* 7 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Extend the target object from other objects. + * @author NHN FE Development Lab + */ + + + +/** + * @module object + */ + +/** + * Extend the target object from other objects. + * @param {object} target - Object that will be extended + * @param {...object} objects - Objects as sources + * @returns {object} Extended object + * @memberof module:object + */ +function extend(target, objects) { // eslint-disable-line no-unused-vars + var hasOwnProp = Object.prototype.hasOwnProperty; + var source, prop, i, len; + + for (i = 1, len = arguments.length; i < len; i += 1) { + source = arguments[i]; + for (prop in source) { + if (hasOwnProp.call(source, prop)) { + target[prop] = source[prop]; + } + } + } + + return target; +} + +module.exports = extend; + + +/***/ }), +/* 8 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Check whether the given variable is undefined or not. + * @author NHN FE Development Lab + */ + + + +/** + * Check whether the given variable is undefined or not. + * If the given variable is undefined, returns true. + * @param {*} obj - Target for checking + * @returns {boolean} Is undefined? + * @memberof module:type + */ +function isUndefined(obj) { + return obj === undefined; // eslint-disable-line no-undefined +} + +module.exports = isUndefined; + + +/***/ }), +/* 9 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Check whether the given variable is a string or not. + * @author NHN FE Development Lab + */ + + + +/** + * Check whether the given variable is a string or not. + * If the given variable is a string, return true. + * @param {*} obj - Target for checking + * @returns {boolean} Is string? + * @memberof module:type + */ +function isString(obj) { + return typeof obj === 'string' || obj instanceof String; +} + +module.exports = isString; + + +/***/ }), +/* 10 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Execute the provided callback once for each property of object which actually exist. + * @author NHN FE Development Lab + */ + + + +/** + * Execute the provided callback once for each property of object which actually exist. + * If the callback function returns false, the loop will be stopped. + * Callback function(iteratee) is invoked with three arguments: + * 1) The value of the property + * 2) The name of the property + * 3) The object being traversed + * @param {Object} obj The object that will be traversed + * @param {function} iteratee Callback function + * @param {Object} [context] Context(this) of callback function + * @memberof module:collection + * @example + * var forEachOwnProperties = require('tui-code-snippet/collection/forEachOwnProperties'); // node, commonjs + * + * var sum = 0; + * + * forEachOwnProperties({a:1,b:2,c:3}, function(value){ + * sum += value; + * }); + * alert(sum); // 6 + */ +function forEachOwnProperties(obj, iteratee, context) { + var key; + + context = context || null; + + for (key in obj) { + if (obj.hasOwnProperty(key)) { + if (iteratee.call(context, obj[key], key, obj) === false) { + break; + } + } + } +} + +module.exports = forEachOwnProperties; + + +/***/ }), +/* 11 */, +/* 12 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return isMac; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return sendHostName; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return includes; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return sanitizeLinkAttribute; }); +/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8); +/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43); +/* harmony import */ var tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1__); + + +var isMac = /Mac/.test(navigator.platform); +function sendHostName() { + tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1___default()('editor', 'UA-129966929-1'); +} +function includes(arr, targetItem) { + return arr.indexOf(targetItem) !== -1; +} +var availableLinkAttributes = ['rel', 'target', 'contenteditable', 'hreflang', 'type']; +/** + * sanitize attribute for link + * @param {object} attribute - attribute for link + * @returns {object} sanitized attribute + */ + +function sanitizeLinkAttribute(attribute) { + if (!attribute) { + return null; + } + + var linkAttribute = {}; + availableLinkAttributes.forEach(function (key) { + if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0___default()(attribute[key])) { + linkAttribute[key] = attribute[key]; + } + }); + return linkAttribute; +} + +/***/ }), +/* 13 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Check element match selector + * @author NHN FE Development Lab + */ + + + +var inArray = __webpack_require__(14); +var toArray = __webpack_require__(3); + +var elProto = Element.prototype; +var matchSelector = elProto.matches || + elProto.webkitMatchesSelector || + elProto.mozMatchesSelector || + elProto.msMatchesSelector || + function(selector) { + var doc = this.document || this.ownerDocument; + + return inArray(this, toArray(doc.querySelectorAll(selector))) > -1; + }; + +/** + * Check element match selector + * @param {HTMLElement} element - element to check + * @param {string} selector - selector to check + * @returns {boolean} is selector matched to element? + * @memberof module:domUtil + */ +function matches(element, selector) { + return matchSelector.call(element, selector); +} + +module.exports = matches; + + +/***/ }), +/* 14 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/* eslint-disable complexity */ +/** + * @fileoverview Returns the first index at which a given element can be found in the array. + * @author NHN FE Development Lab + */ + + + +var isArray = __webpack_require__(17); + +/** + * @module array + */ + +/** + * Returns the first index at which a given element can be found in the array + * from start index(default 0), or -1 if it is not present. + * It compares searchElement to elements of the Array using strict equality + * (the same method used by the ===, or triple-equals, operator). + * @param {*} searchElement Element to locate in the array + * @param {Array} array Array that will be traversed. + * @param {number} startIndex Start index in array for searching (default 0) + * @returns {number} the First index at which a given element, or -1 if it is not present + * @memberof module:array + * @example + * var inArray = require('tui-code-snippet/array/inArray'); // node, commonjs + * + * var arr = ['one', 'two', 'three', 'four']; + * var idx1 = inArray('one', arr, 3); // -1 + * var idx2 = inArray('one', arr); // 0 + */ +function inArray(searchElement, array, startIndex) { + var i; + var length; + startIndex = startIndex || 0; + + if (!isArray(array)) { + return -1; + } + + if (Array.prototype.indexOf) { + return Array.prototype.indexOf.call(array, searchElement, startIndex); + } + + length = array.length; + for (i = startIndex; startIndex >= 0 && i < length; i += 1) { + if (array[i] === searchElement) { + return i; + } + } + + return -1; +} + +module.exports = inArray; + + +/***/ }), +/* 15 */, +/* 16 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Check element has specific css class + * @author NHN FE Development Lab + */ + + + +var inArray = __webpack_require__(14); +var getClass = __webpack_require__(33); + +/** + * Check element has specific css class + * @param {(HTMLElement|SVGElement)} element - target element + * @param {string} cssClass - css class + * @returns {boolean} + * @memberof module:domUtil + */ +function hasClass(element, cssClass) { + var origin; + + if (element.classList) { + return element.classList.contains(cssClass); + } + + origin = getClass(element).split(/\s+/); + + return inArray(cssClass, origin) > -1; +} + +module.exports = hasClass; + + +/***/ }), +/* 17 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Check whether the given variable is an instance of Array or not. + * @author NHN FE Development Lab + */ + + + +/** + * Check whether the given variable is an instance of Array or not. + * If the given variable is an instance of Array, return true. + * @param {*} obj - Target for checking + * @returns {boolean} Is array instance? + * @memberof module:type + */ +function isArray(obj) { + return obj instanceof Array; +} + +module.exports = isArray; + + +/***/ }), +/* 18 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return isNodeToBeCalculated; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getAdditionalTopPos; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return getParentNodeObj; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getCmRangeHeight; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getNextEmptyLineHeight; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return getTotalOffsetTop; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return findAdjacentElementToScrollTop; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getFallbackScrollTop; }); +/* harmony import */ var _utils_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12); +/* harmony import */ var _utils_markdown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2); + + +var nestableTypes = ['list', 'blockQuote']; +var nestableTagNames = ['UL', 'OL', 'BLOCKQUOTE']; +var tableElementTagNames = ['TR', 'TH', 'TBODY', 'TD']; +function isNodeToBeCalculated(mdNode) { + return !Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTypes, mdNode.type); +} +function getAdditionalTopPos(scrollTop, offsetTop, currentNodeHeight, targetNodeHeight) { + var diff = (scrollTop - offsetTop) / currentNodeHeight; + return diff < 1 ? diff * targetNodeHeight : targetNodeHeight; +} +function getParentNodeObj(mdNode) { + var node = document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]"); + + while (!node || Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(tableElementTagNames, mdNode.type) || Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* isStyledTextNode */ "k"])(mdNode)) { + mdNode = mdNode.parent; + node = document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]"); + } + + return getNonNestableNodeObj(getParentListItemObj(mdNode)); +} + +function getParentListItemObj(orgMdNode) { + var mdNode = orgMdNode; + + while (orgMdNode && orgMdNode !== 'document') { + if (orgMdNode.type === 'item') { + mdNode = orgMdNode; + break; + } + + orgMdNode = orgMdNode.parent; + } + + return { + mdNode: mdNode, + node: document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]") + }; +} + +function getNonNestableNodeObj(_ref) { + var mdNode = _ref.mdNode, + node = _ref.node; + + while (Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTypes, mdNode.type) && mdNode.firstChild) { + mdNode = mdNode.firstChild; + node = node.firstElementChild; + } + + return { + mdNode: mdNode, + node: node + }; +} + +function getCmRangeHeight(mdNode, cm) { + var start = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdStartLine */ "f"])(mdNode); + var end = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdEndLine */ "d"])(mdNode); + var cmNodeHeight = cm.lineInfo(start - 1).handle.height; + var height = cm.heightAtLine(end, 'local') - cm.heightAtLine(start - 1, 'local'); + return height <= 0 ? cmNodeHeight : height + getNextEmptyLineHeight(cm, Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdEndLine */ "d"])(mdNode)); +} +function getNextEmptyLineHeight(cm, start, end) { + if (end === void 0) { + end = Number.MAX_VALUE; + } + + var lineInfo = cm.lineInfo(start); + + if (!lineInfo) { + return 0; + } + + var detailLineInfo = lineInfo.handle; + var height = 0; + + while (start <= end && !detailLineInfo.text.trim()) { + height += detailLineInfo.height; + start += 1; + detailLineInfo = cm.lineInfo(start).handle; + } + + return height; +} +function getTotalOffsetTop(el, root) { + var offsetTop = 0; + + while (el && el !== root) { + if (!Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTagNames, el.tagName)) { + offsetTop += el.offsetTop; + } + + if (el.offsetParent === root.offsetParent) { + break; + } + + el = el.parentElement; + } + + return offsetTop; +} +function findAdjacentElementToScrollTop(scrollTop, root) { + var el = root; + var prev = null; + + while (el) { + var _el = el, + firstElementChild = _el.firstElementChild; + + if (!firstElementChild) { + break; + } + + var lastSibling = findLastSiblingElementToScrollTop(firstElementChild, scrollTop, getTotalOffsetTop(el, root)); + prev = el; + el = lastSibling; + } + + var adjacentEl = el || prev; + return adjacentEl === root ? null : adjacentEl; +} + +function findLastSiblingElementToScrollTop(el, scrollTop, offsetTop) { + if (el && scrollTop > offsetTop + el.offsetTop) { + return findLastSiblingElementToScrollTop(el.nextElementSibling, scrollTop, offsetTop) || el; + } + + return null; +} + +function getFallbackScrollTop(scrollInfo) { + var latestScrollTop = scrollInfo.latestScrollTop, + scrollTop = scrollInfo.scrollTop, + targetScrollTop = scrollInfo.targetScrollTop, + sourceScrollTop = scrollInfo.sourceScrollTop; + + if (latestScrollTop === null) { + return targetScrollTop; + } + + return latestScrollTop < scrollTop ? Math.max(targetScrollTop, sourceScrollTop) : Math.min(targetScrollTop, sourceScrollTop); +} + +/***/ }), +/* 19 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Bind DOM events + * @author NHN FE Development Lab + */ + + + +var isString = __webpack_require__(9); +var forEach = __webpack_require__(26); + +var safeEvent = __webpack_require__(40); + +/** + * Bind DOM events. + * @param {HTMLElement} element - element to bind events + * @param {(string|object)} types - Space splitted events names or eventName:handler object + * @param {(function|object)} handler - handler function or context for handler method + * @param {object} [context] context - context for handler method. + * @memberof module:domEvent + * @example + * var div = document.querySelector('div'); + * + * // Bind one event to an element. + * on(div, 'click', toggle); + * + * // Bind multiple events with a same handler to multiple elements at once. + * // Use event names splitted by a space. + * on(div, 'mouseenter mouseleave', changeColor); + * + * // Bind multiple events with different handlers to an element at once. + * // Use an object which of key is an event name and value is a handler function. + * on(div, { + * keydown: highlight, + * keyup: dehighlight + * }); + * + * // Set a context for handler method. + * var name = 'global'; + * var repository = {name: 'CodeSnippet'}; + * on(div, 'drag', function() { + * console.log(this.name); + * }, repository); + * // Result when you drag a div: "CodeSnippet" + */ +function on(element, types, handler, context) { + if (isString(types)) { + forEach(types.split(/\s+/g), function(type) { + bindEvent(element, type, handler, context); + }); + + return; + } + + forEach(types, function(func, type) { + bindEvent(element, type, func, handler); + }); +} + +/** + * Bind DOM events + * @param {HTMLElement} element - element to bind events + * @param {string} type - events name + * @param {function} handler - handler function or context for handler method + * @param {object} [context] context - context for handler method. + * @private + */ +function bindEvent(element, type, handler, context) { + /** + * Event handler + * @param {Event} e - event object + */ + function eventHandler(e) { + handler.call(context || element, e || window.event); + } + + if ('addEventListener' in element) { + element.addEventListener(type, eventHandler); + } else if ('attachEvent' in element) { + element.attachEvent('on' + type, eventHandler); + } + memorizeHandler(element, type, handler, eventHandler); +} + +/** + * Memorize DOM event handler for unbinding. + * @param {HTMLElement} element - element to bind events + * @param {string} type - events name + * @param {function} handler - handler function that user passed at on() use + * @param {function} wrappedHandler - handler function that wrapped by domevent for implementing some features + * @private + */ +function memorizeHandler(element, type, handler, wrappedHandler) { + var events = safeEvent(element, type); + var existInEvents = false; + + forEach(events, function(obj) { + if (obj.handler === handler) { + existInEvents = true; + + return false; + } + + return true; + }); + + if (!existInEvents) { + events.push({ + handler: handler, + wrappedHandler: wrappedHandler + }); + } +} + +module.exports = on; + + +/***/ }), +/* 20 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Unbind DOM events + * @author NHN FE Development Lab + */ + + + +var isString = __webpack_require__(9); +var forEach = __webpack_require__(26); + +var safeEvent = __webpack_require__(40); + +/** + * Unbind DOM events + * If a handler function is not passed, remove all events of that type. + * @param {HTMLElement} element - element to unbind events + * @param {(string|object)} types - Space splitted events names or eventName:handler object + * @param {function} [handler] - handler function + * @memberof module:domEvent + * @example + * // Following the example of domEvent#on + * + * // Unbind one event from an element. + * off(div, 'click', toggle); + * + * // Unbind multiple events with a same handler from multiple elements at once. + * // Use event names splitted by a space. + * off(element, 'mouseenter mouseleave', changeColor); + * + * // Unbind multiple events with different handlers from an element at once. + * // Use an object which of key is an event name and value is a handler function. + * off(div, { + * keydown: highlight, + * keyup: dehighlight + * }); + * + * // Unbind events without handlers. + * off(div, 'drag'); + */ +function off(element, types, handler) { + if (isString(types)) { + forEach(types.split(/\s+/g), function(type) { + unbindEvent(element, type, handler); + }); + + return; + } + + forEach(types, function(func, type) { + unbindEvent(element, type, func); + }); +} + +/** + * Unbind DOM events + * If a handler function is not passed, remove all events of that type. + * @param {HTMLElement} element - element to unbind events + * @param {string} type - events name + * @param {function} [handler] - handler function + * @private + */ +function unbindEvent(element, type, handler) { + var events = safeEvent(element, type); + var index; + + if (!handler) { + forEach(events, function(item) { + removeHandler(element, type, item.wrappedHandler); + }); + events.splice(0, events.length); + } else { + forEach(events, function(item, idx) { + if (handler === item.handler) { + removeHandler(element, type, item.wrappedHandler); + index = idx; + + return false; + } + + return true; + }); + events.splice(index, 1); + } +} + +/** + * Remove an event handler + * @param {HTMLElement} element - An element to remove an event + * @param {string} type - event type + * @param {function} handler - event handler + * @private + */ +function removeHandler(element, type, handler) { + if ('removeEventListener' in element) { + element.removeEventListener(type, handler); + } else if ('detachEvent' in element) { + element.detachEvent('on' + type, handler); + } +} + +module.exports = off; + + +/***/ }), +/* 21 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Execute the provided callback once for each element present in the array(or Array-like object) in ascending order. + * @author NHN FE Development Lab + */ + + + +/** + * Execute the provided callback once for each element present + * in the array(or Array-like object) in ascending order. + * If the callback function returns false, the loop will be stopped. + * Callback function(iteratee) is invoked with three arguments: + * 1) The value of the element + * 2) The index of the element + * 3) The array(or Array-like object) being traversed + * @param {Array|Arguments|NodeList} arr The array(or Array-like object) that will be traversed + * @param {function} iteratee Callback function + * @param {Object} [context] Context(this) of callback function + * @memberof module:collection + * @example + * var forEachArray = require('tui-code-snippet/collection/forEachArray'); // node, commonjs + * + * var sum = 0; + * + * forEachArray([1,2,3], function(value){ + * sum += value; + * }); + * alert(sum); // 6 + */ +function forEachArray(arr, iteratee, context) { + var index = 0; + var len = arr.length; + + context = context || null; + + for (; index < len; index += 1) { + if (iteratee.call(context, arr[index], index, arr) === false) { + break; + } + } +} + +module.exports = forEachArray; + + +/***/ }), +/* 22 */ +/***/ (function(module, exports) { + +!function(e,t){for(var r in t)e[r]=t[r]}(exports,function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/dist",r(r.s=11)}([function(e,t,r){"use strict";r.r(t),r.d(t,"__extends",(function(){return i})),r.d(t,"__assign",(function(){return o})),r.d(t,"__rest",(function(){return a})),r.d(t,"__decorate",(function(){return s})),r.d(t,"__param",(function(){return l})),r.d(t,"__metadata",(function(){return u})),r.d(t,"__awaiter",(function(){return c})),r.d(t,"__generator",(function(){return p})),r.d(t,"__createBinding",(function(){return f})),r.d(t,"__exportStar",(function(){return d})),r.d(t,"__values",(function(){return h})),r.d(t,"__read",(function(){return g})),r.d(t,"__spread",(function(){return m})),r.d(t,"__spreadArrays",(function(){return v})),r.d(t,"__await",(function(){return b})),r.d(t,"__asyncGenerator",(function(){return y})),r.d(t,"__asyncDelegator",(function(){return C})),r.d(t,"__asyncValues",(function(){return x})),r.d(t,"__makeTemplateObject",(function(){return k})),r.d(t,"__importStar",(function(){return N})),r.d(t,"__importDefault",(function(){return w})),r.d(t,"__classPrivateFieldGet",(function(){return D})),r.d(t,"__classPrivateFieldSet",(function(){return L})); +/*! ***************************************************************************** +Copyright (c) Microsoft Corporation. + +Permission to use, copy, modify, and/or distribute this software for any +purpose with or without fee is hereby granted. + +THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +PERFORMANCE OF THIS SOFTWARE. +***************************************************************************** */ +var n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function i(e,t){function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var o=function(){return(o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r=0;s--)(i=e[s])&&(a=(o<3?i(a):o>3?i(t,r,a):i(t,r))||a);return o>3&&a&&Object.defineProperty(t,r,a),a}function l(e,t){return function(r,n){t(r,n,e)}}function u(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function c(e,t,r,n){return new(r||(r=Promise))((function(i,o){function a(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,s)}l((n=n.apply(e,t||[])).next())}))}function p(e,t){var r,n,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(o){return function(s){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;a;)try{if(r=1,n&&(i=2&o[0]?n.return:o[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;switch(n=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,n=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(i=a.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function g(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,i,o=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=o.next()).done;)a.push(n.value)}catch(e){i={error:e}}finally{try{n&&!n.done&&(r=o.return)&&r.call(o)}finally{if(i)throw i.error}}return a}function m(){for(var e=[],t=0;t1||s(e,t)}))})}function s(e,t){try{(r=i[e](t)).value instanceof b?Promise.resolve(r.value.v).then(l,u):c(o[0][2],r)}catch(e){c(o[0][3],e)}var r}function l(e){s("next",e)}function u(e){s("throw",e)}function c(e,t){e(t),o.shift(),o.length&&s(o[0][0],o[0][1])}}function C(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,i){t[n]=e[n]?function(t){return(r=!r)?{value:b(e[n](t)),done:"return"===n}:i?i(t):t}:i}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=h(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,i){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,i,(t=e[r](t)).done,t.value)}))}}}function k(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}function N(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function w(e){return e&&e.__esModule?e:{default:e}}function D(e,t){if(!t.has(e))throw new TypeError("attempted to get private field on non-instance");return t.get(e)}function L(e,t,r){if(!t.has(e))throw new TypeError("attempted to set private field on non-instance");return t.set(e,r),r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.text=t.isRefDef=t.isTable=t.isList=t.isHeading=t.isHtmlBlock=t.isCodeBlock=t.createNode=t.RefDefNode=t.TableCellNode=t.TableNode=t.CodeNode=t.HtmlBlockNode=t.CodeBlockNode=t.LinkNode=t.HeadingNode=t.ListNode=t.BlockNode=t.Node=t.removeAllNode=t.removeNodeById=t.getNodeById=t.isContainer=void 0;var n=r(0),i=n.__importDefault(r(18));function o(e){switch(e.type){case"document":case"blockQuote":case"list":case"item":case"paragraph":case"heading":case"emph":case"strong":case"strike":case"link":case"image":case"table":case"tableHead":case"tableBody":case"tableRow":case"tableCell":case"tableDelimRow":return!0;default:return!1}}t.isContainer=o;var a=1,s={};t.getNodeById=function(e){return s[e]},t.removeNodeById=function(e){delete s[e]},t.removeAllNode=function(){s={}};var l=function(){function e(e,t){this.parent=null,this.prev=null,this.next=null,this.firstChild=null,this.lastChild=null,this.literal=null,this.id="document"===e?-1:a++,this.type=e,this.sourcepos=t,s[this.id]=this}return e.prototype.isContainer=function(){return o(this)},e.prototype.unlink=function(){this.prev?this.prev.next=this.next:this.parent&&(this.parent.firstChild=this.next),this.next?this.next.prev=this.prev:this.parent&&(this.parent.lastChild=this.prev),this.parent=null,this.next=null,this.prev=null},e.prototype.replaceWith=function(e){this.insertBefore(e),this.unlink()},e.prototype.insertAfter=function(e){e.unlink(),e.next=this.next,e.next&&(e.next.prev=e),e.prev=this,this.next=e,this.parent&&(e.parent=this.parent,e.next||(e.parent.lastChild=e))},e.prototype.insertBefore=function(e){e.unlink(),e.prev=this.prev,e.prev&&(e.prev.next=e),e.next=this,this.prev=e,e.parent=this.parent,e.prev||(e.parent.firstChild=e)},e.prototype.appendChild=function(e){e.unlink(),e.parent=this,this.lastChild?(this.lastChild.next=e,e.prev=this.lastChild,this.lastChild=e):(this.firstChild=e,this.lastChild=e)},e.prototype.prependChild=function(e){e.unlink(),e.parent=this,this.firstChild?(this.firstChild.prev=e,e.next=this.firstChild,this.firstChild=e):(this.firstChild=e,this.lastChild=e)},e.prototype.walker=function(){return new i.default(this)},e}();t.Node=l;var u=function(e){function t(t,r){var n=e.call(this,t,r)||this;return n.open=!0,n.lineOffsets=null,n.stringContent=null,n.lastLineBlank=!1,n.lastLineChecked=!1,n.customType=null,n.type=t,n}return n.__extends(t,e),t}(l);t.BlockNode=u;var c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.listData=null,t}return n.__extends(t,e),t}(u);t.ListNode=c;var p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.level=0,t.headingType="atx",t}return n.__extends(t,e),t}(u);t.HeadingNode=p;var f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.destination=null,t.title=null,t.extendedAutolink=!1,t}return n.__extends(t,e),t}(l);t.LinkNode=f;var d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.isFenced=!1,t.fenceChar=null,t.fenceLength=0,t.fenceOffset=-1,t.info=null,t.infoPadding=0,t}return n.__extends(t,e),t}(u);t.CodeBlockNode=d;var h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.htmlBlockType=-1,t}return n.__extends(t,e),t}(u);t.HtmlBlockNode=h;var g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.tickCount=0,t}return n.__extends(t,e),t}(l);t.CodeNode=g;var m=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.columns=[],t}return n.__extends(t,e),t}(u);t.TableNode=m;var v=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.startIdx=0,t.endIdx=0,t.paddingLeft=0,t.paddingRight=0,t.ignored=!1,t}return n.__extends(t,e),t}(u);t.TableCellNode=v;var b=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.title="",t.dest="",t.label="",t}return n.__extends(t,e),t}(u);function y(e,t){switch(e){case"heading":return new p(e,t);case"list":case"item":return new c(e,t);case"link":case"image":return new f(e,t);case"codeBlock":return new d(e,t);case"htmlBlock":return new h(e,t);case"table":return new m(e,t);case"tableCell":return new v(e,t);case"document":case"paragraph":case"blockQuote":case"thematicBreak":case"tableRow":case"tableBody":case"tableHead":return new u(e,t);case"code":return new g(e,t);case"refDef":return new b(e,t);default:return new l(e,t)}}t.RefDefNode=b,t.createNode=y,t.isCodeBlock=function(e){return"codeBlock"===e.type},t.isHtmlBlock=function(e){return"htmlBlock"===e.type},t.isHeading=function(e){return"heading"===e.type},t.isList=function(e){return"list"===e.type},t.isTable=function(e){return"table"===e.type},t.isRefDef=function(e){return"refDef"===e.type},t.text=function(e,t){var r=y("text",t);return r.literal=e,r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isEmpty=t.last=t.repeat=t.escapeXml=t.normalizeURI=t.unescapeString=t.ESCAPABLE=t.ENTITY=void 0;var n=r(0).__importDefault(r(12)),i=r(8);t.ENTITY="&(?:#x[a-f0-9]{1,6}|#[0-9]{1,7}|[a-z][a-z0-9]{1,31});";var o=/[\\&]/;t.ESCAPABLE="[!\"#$%&'()*+,./:;<=>?@[\\\\\\]^_`{|}~-]";var a=new RegExp("\\\\"+t.ESCAPABLE+"|"+t.ENTITY,"gi"),s=new RegExp('[&<>"]',"g"),l=function(e){return 92===e.charCodeAt(0)?e.charAt(1):i.decodeHTML(e)};function u(e){switch(e){case"&":return"&";case"<":return"<";case">":return">";case'"':return""";default:return e}}t.unescapeString=function(e){return o.test(e)?e.replace(a,l):e},t.normalizeURI=function(e){try{return n.default(e)}catch(t){return e}},t.escapeXml=function(e){return s.test(e)?e.replace(s,u):e},t.repeat=function(e,t){for(var r=[],n=0;nt&&(t+=1),this.root.sourcepos[1]=[t+1,e[t].length]},e.prototype.replaceRangeNodes=function(e,t,r){e?(a.insertNodesBefore(e,r),a.removeNextUntil(e,t),[e.id,t.id].forEach((function(e){return o.removeNodeById(e)})),e.unlink()):t?(a.insertNodesBefore(t,r),o.removeNodeById(t.id),t.unlink()):a.prependChildNodes(this.root,r)},e.prototype.getNodeRange=function(e,t){var r=a.findChildNodeAtLine(this.root,e[0]),n=a.findChildNodeAtLine(this.root,t[0]);return n&&n.next&&t[0]+1===n.next.sourcepos[0][0]&&(n=n.next),a.getRangeForCustomType(r,n)},e.prototype.trigger=function(e,t){this.eventHandlerMap[e].forEach((function(e){e(t)}))},e.prototype.extendEndLine=function(e){for(;""===this.lineTexts[e];)e+=1;return e},e.prototype.parseRange=function(e,t,r,n){var i;e&&e.prev&&(o.isList(e.prev)&&function(e){var t=e.match(/^[ \t]+/);if(t&&(t[0].length>=2||/\t/.test(t[0])))return!0;var r=t?e.slice(t.length):e;return s.reBulletListMarker.test(r)||s.reOrderedListMarker.test(r)}(this.lineTexts[r-1])||o.isTable(e.prev)&&(i=this.lineTexts[r-1],!u.isBlank(i)&&-1!==i.indexOf("|")))&&(r=(e=e.prev).sourcepos[0][0]);for(var l=this.lineTexts.slice(r-1,n),c=this.parser.partialParseStart(r,l),p=t?t.next:this.root.firstChild,f=c.lastChild,d=f&&o.isCodeBlock(f),h=f&&o.isList(f);d&&p||h&&p&&("list"===p.type||p.sourcepos[0][1]>=2);){var g=this.extendEndLine(p.sourcepos[1][0]);this.parser.partialParseExtends(this.lineTexts.slice(n,g)),e||(e=t),t=p,n=g,p=p.next}return this.parser.partialParseFinish(),{newNodes:a.getChildNodes(c),extStartNode:e,extEndNode:t}},e.prototype.getRemovedNodeRange=function(e,t){return!e||e&&o.isRefDef(e)||t&&o.isRefDef(t)?null:{id:[e.id,t.id],line:[e.sourcepos[0][0]-1,t.sourcepos[1][0]-1]}},e.prototype.markDeletedRefMap=function(e,t){var r=this;if(!l.isEmptyObj(this.refMap)){var n=function(e){if(o.isRefDef(e)){var t=r.refMap[e.label];t&&e.id===t.id&&(t.unlinked=!0)}};e&&a.invokeNextUntil(n,e.parent,t),t&&a.invokeNextUntil(n,t)}},e.prototype.replaceWithNewRefDefState=function(e){var t=this;if(!l.isEmptyObj(this.refMap)){var r=function(e){if(o.isRefDef(e)){var r=e.label,n=t.refMap[r];n&&!n.unlinked||(t.refMap[r]=p(e))}};e.forEach((function(e){a.invokeNextUntil(r,e)}))}},e.prototype.replaceWithRefDefCandidate=function(){var e=this;l.isEmptyObj(this.refDefCandidateMap)||l.iterateObject(this.refDefCandidateMap,(function(t,r){var n=r.label,i=r.sourcepos,o=e.refMap[n];(!o||o.unlinked||o.sourcepos[0][0]>i[0][0])&&(e.refMap[n]=p(r))}))},e.prototype.getRangeWithRefDef=function(e,t,r,n,i){if(this.referenceDefinition&&!l.isEmptyObj(this.refMap)){var s=a.findChildNodeAtLine(this.root,e-1),u=a.findChildNodeAtLine(this.root,t+1);s&&o.isRefDef(s)&&s!==r&&s!==n&&(e=(r=s).sourcepos[0][0]),u&&o.isRefDef(u)&&u!==r&&u!==n&&(n=u,t=this.extendEndLine(n.sourcepos[1][0]+i))}return[r,n,e,t]},e.prototype.parseWithFrontMatter=function(e,t,r){void 0===r&&(r=0);var i=n.__spreadArrays(this.lineTexts),o=c.getFrontMatterPos(this.lineTexts),a=o[0],s=o[1];a>-1&&s>-1&&(this.lineTexts[a]=c.frontMatterOpen,this.lineTexts[s]=c.frontMatterClose,a>=t[0]-1&&(t[0]=s+1),a<=e[0]-1&&s>=t[0]-1&&(e[0]=a+1,t[0]=s+1));var l=this.parse(e,t,r);return this.lineTexts=i,l},e.prototype.parse=function(e,t,r){void 0===r&&(r=0);var n=this.getNodeRange(e,t),i=n[0],o=n[1],a=i?Math.min(i.sourcepos[0][0],e[0]):e[0],s=this.extendEndLine((o?Math.max(o.sourcepos[1][0],t[0]):t[0])+r),l=this.parseRange.apply(this,this.getRangeWithRefDef(a,s,i,o,r)),u=l.newNodes,c=l.extStartNode,p=l.extEndNode,f=this.getRemovedNodeRange(c,p),d=p?p.next:this.root.firstChild;return this.referenceDefinition?(this.markDeletedRefMap(c,p),this.replaceRangeNodes(c,p,u),this.replaceWithNewRefDefState(u)):this.replaceRangeNodes(c,p,u),{nodes:u,removedNodeRange:f,nextNode:d}},e.prototype.parseRefLink=function(){var e=this,t=[];return l.isEmptyObj(this.refMap)||l.iterateObject(this.refMap,(function(r,n){n.unlinked&&delete e.refMap[r],l.iterateObject(e.refLinkCandidateMap,(function(n,i){var o=i.node;i.refLabel===r&&t.push(e.parse(o.sourcepos[0],o.sourcepos[1]))}))})),t},e.prototype.removeUnlinkedCandidate=function(){l.isEmptyObj(this.refDefCandidateMap)||[this.refLinkCandidateMap,this.refDefCandidateMap].forEach((function(e){l.iterateObject(e,(function(t){a.isUnlinked(t)&&delete e[t]}))}))},e.prototype.editMarkdown=function(e,t,r){var n=this.updateLineTexts(e,t,r),i=this.frontMatter?this.parseWithFrontMatter(e,t,n):this.parse(e,t,n),o=l.omit(i,"nextNode");a.updateNextLineNumbers(i.nextNode,n),this.updateRootNodeState();var s=[o];return this.referenceDefinition&&(this.removeUnlinkedCandidate(),this.replaceWithRefDefCandidate(),s=s.concat(this.parseRefLink())),this.trigger("change",s),s},e.prototype.getLineTexts=function(){return this.lineTexts},e.prototype.getRootNode=function(){return this.root},e.prototype.findNodeAtPosition=function(e){var t=a.findNodeAtPosition(this.root,e);return t&&t!==this.root?t:null},e.prototype.findFirstNodeAtLine=function(e){return a.findFirstNodeAtLine(this.root,e)},e.prototype.on=function(e,t){this.eventHandlerMap[e].push(t)},e.prototype.off=function(e,t){var r=this.eventHandlerMap[e],n=r.indexOf(t);r.splice(n,1)},e.prototype.findNodeById=function(e){return a.findNodeById(e)},e.prototype.removeAllNode=function(){o.removeAllNode()},e}();t.ToastMark=f},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getFrontMatterPos=t.replaceFrontMatter=t.frontMatterClose=t.frontMatterOpen=void 0,t.frontMatterOpen="{:f",t.frontMatterClose="f:}";var n=/^---$/,i=/^---$([\s\S]*)^---$/m;t.replaceFrontMatter=function(e){var r=e.trim();return/^---/.test(r)&&function(e){return i.test(e)}(r)?e.replace(i,t.frontMatterOpen+"$1"+t.frontMatterClose):e},t.getFrontMatterPos=function(e){for(var t=-1,r=-1,i=0;i0)break;n.test(o)&&(t<0?t=i:r=i)}return[t,r]}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Parser=void 0;var n=r(0),i=r(2),o=r(1),a=r(19),s=r(22),l=r(4),u=r(10),c=r(3),p=r(6),f=r(26),d=[/./,/<\/(?:script|pre|style)>/i,/-->/,/\?>/,/>/,/\]\]>/],h=/^[#`~*+_=<>0-9-]/,g=/\r\n|\n|\r/;function m(){return o.createNode("document",[[1,1],[0,0]])}var v={smart:!1,tagFilter:!1,extendedAutolinks:!1,disallowedHtmlBlockTags:[],referenceDefinition:!1,disallowDeepHeading:!1,customParser:null,frontMatter:!1},b=function(){function e(e){this.options=n.__assign(n.__assign({},v),e),this.doc=m(),this.tip=this.doc,this.oldtip=this.doc,this.lineNumber=0,this.offset=0,this.column=0,this.nextNonspace=0,this.nextNonspaceColumn=0,this.indent=0,this.currentLine="",this.indented=!1,this.blank=!1,this.partiallyConsumedTab=!1,this.allClosed=!0,this.lastMatchedContainer=this.doc,this.refMap={},this.refLinkCandidateMap={},this.refDefCandidateMap={},this.lastLineLength=0,this.options.frontMatter&&(this.options.customParser=n.__assign(n.__assign({},f.frontMatterParser),this.options.customParser)),this.inlineParser=new a.InlineParser(this.options)}return e.prototype.advanceOffset=function(e,t){void 0===t&&(t=!1);for(var r,n,i,o=this.currentLine;e>0&&(i=o[this.offset]);)"\t"===i?(r=4-this.column%4,t?(this.partiallyConsumedTab=r>e,n=r>e?e:r,this.column+=n,this.offset+=this.partiallyConsumedTab?0:1,e-=n):(this.partiallyConsumedTab=!1,this.column+=r,this.offset+=1,e-=1)):(this.partiallyConsumedTab=!1,this.offset+=1,this.column+=1,e-=1)},e.prototype.advanceNextNonspace=function(){this.offset=this.nextNonspace,this.column=this.nextNonspaceColumn,this.partiallyConsumedTab=!1},e.prototype.findNextNonspace=function(){for(var e,t=this.currentLine,r=this.offset,n=this.column;""!==(e=t.charAt(r));)if(" "===e)r++,n++;else{if("\t"!==e)break;r++,n+=4-n%4}this.blank="\n"===e||"\r"===e||""===e,this.nextNonspace=r,this.nextNonspaceColumn=n,this.indent=this.nextNonspaceColumn-this.column,this.indented=this.indent>=l.CODE_INDENT},e.prototype.addLine=function(){if(this.partiallyConsumedTab){this.offset+=1;var e=4-this.column%4;this.tip.stringContent+=i.repeat(" ",e)}this.tip.lineOffsets?this.tip.lineOffsets.push(this.offset):this.tip.lineOffsets=[this.offset],this.tip.stringContent+=this.currentLine.slice(this.offset)+"\n"},e.prototype.addChild=function(e,t){for(;!s.blockHandlers[this.tip.type].canContain(e);)this.finalize(this.tip,this.lineNumber-1);var r=t+1,n=o.createNode(e,[[this.lineNumber,r],[0,0]]);return n.stringContent="",this.tip.appendChild(n),this.tip=n,n},e.prototype.closeUnmatchedBlocks=function(){if(!this.allClosed){for(;this.oldtip!==this.lastMatchedContainer;){var e=this.oldtip.parent;this.finalize(this.oldtip,this.lineNumber-1),this.oldtip=e}this.allClosed=!0}},e.prototype.finalize=function(e,t){var r=e.parent;e.open=!1,e.sourcepos[1]=[t,this.lastLineLength],s.blockHandlers[e.type].finalize(this,e),this.tip=r},e.prototype.processInlines=function(e){var t,r=this.options.customParser,n=e.walker();for(this.inlineParser.refMap=this.refMap,this.inlineParser.refLinkCandidateMap=this.refLinkCandidateMap,this.inlineParser.refDefCandidateMap=this.refDefCandidateMap,this.inlineParser.options=this.options;t=n.next();){var i=t.node,o=t.entering,a=i.type;r&&r[a]&&r[a](i,{entering:o,options:this.options}),o||"paragraph"!==a&&"heading"!==a&&("tableCell"!==a||i.ignored)||this.inlineParser.parse(i)}},e.prototype.incorporateLine=function(e){var t=this.doc;this.oldtip=this.tip,this.offset=0,this.column=0,this.blank=!1,this.partiallyConsumedTab=!1,this.lineNumber+=1,-1!==e.indexOf("\0")&&(e=e.replace(/\0/g,"�")),this.currentLine=e;for(var r,n=!0;(r=t.lastChild)&&r.open;){switch(t=r,this.findNextNonspace(),s.blockHandlers[t.type].continue(this,t)){case 0:break;case 1:n=!1;break;case 2:return void(this.lastLineLength=e.length);default:throw new Error("continue returned illegal value, must be 0, 1, or 2")}if(!n){t=t.parent;break}}this.allClosed=t===this.oldtip,this.lastMatchedContainer=t;for(var i="paragraph"!==t.type&&s.blockHandlers[t.type].acceptsLines,a=u.blockStarts.length;!i;){if(this.findNextNonspace(),"table"!==t.type&&"tableBody"!==t.type&&"paragraph"!==t.type&&!this.indented&&!h.test(e.slice(this.nextNonspace))){this.advanceNextNonspace();break}for(var l=0;l=1&&t.htmlBlockType<=5&&d[t.htmlBlockType].test(this.currentLine.slice(this.offset))&&(this.lastLineLength=e.length,this.finalize(t,this.lineNumber))):this.offset`\\x00-\\x20]+|'[^']*'|\"[^\"]*\"))?)*\\s*/?>",t.CLOSETAG="]";var n="(?:"+t.OPENTAG+"|"+t.CLOSETAG+"|\x3c!----\x3e|\x3c!--(?:-?[^>-])(?:-?[^-])*--\x3e|[<][?].*?[?][>]|]*>|)";t.reHtmlTag=new RegExp("^"+n,"i")},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.blockStarts=t.reOrderedListMarker=t.reBulletListMarker=void 0;var n=r(1),i=r(9),o=r(4),a=r(25),s=/^`{3,}(?!.*`)|^~{3,}/,l=[/./,/^<(?:script|pre|style)(?:\s|>|$)/i,/^/g, ''); + root.innerHTML = html; + } else { + root.appendChild(html); + } + + removeUnnecessaryTags(root); + leaveOnlyWhitelistAttribute(root); + return _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].finalizeHtml(root, needHtmlText); +} +/** + * Removes unnecessary tags. + * @param {HTMLElement} html - root element + * @private + */ + + +function removeUnnecessaryTags(html) { + var removedTags = _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].findAll(html, 'script, iframe, textarea, form, button, select, input, meta, style, link, title, embed, object, details, summary'); + removedTags.forEach(function (node) { + _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].remove(node); + }); +} +/** + * Checks whether the attribute and value that causing XSS or not. + * @param {string} attrName - name of attribute + * @param {string} attrValue - value of attirbute + * @param {boolean} state + * @private + */ + + +function isXSSAttribute(attrName, attrValue) { + return attrName.match(XSS_ATTR_RX) && attrValue.match(XSS_VALUE_RX); +} +/** + * Removes attributes of blacklist from node. + * @param {HTMLElement} node - node to remove attributes + * @param {NamedNodeMap} blacklistAttrs - attributes of blacklist + * @private + */ + + +function removeBlacklistAttributes(node, blacklistAttrs) { + tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(blacklistAttrs).forEach(function (_ref) { + var name = _ref.name; + + if (ON_EVENT_RX.test(name)) { + node[name] = null; + } + + if (node.getAttribute(name)) { + node.removeAttribute(name); + } + }); +} +/** + * Leaves only white list attributes. + * @param {HTMLElement} html - root element + * @private + */ + + +function leaveOnlyWhitelistAttribute(html) { + _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].findAll(html, '*').forEach(function (node) { + var attributes = node.attributes; + var blacklist = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(attributes).filter(function (attr) { + var name = attr.name, + value = attr.value; + var htmlAttr = name.match(HTML_ATTR_LIST_RX); + var svgAttr = name.match(SVG_ATTR_LIST_RX); + var xssAttr = htmlAttr && isXSSAttribute(name, value); + return !htmlAttr && !svgAttr || xssAttr; + }); + removeBlacklistAttributes(node, blacklist); + }); +} + +/* harmony default export */ __webpack_exports__["a"] = (htmlSanitizer); + +/***/ }), +/* 26 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Execute the provided callback once for each property of object(or element of array) which actually exist. + * @author NHN FE Development Lab + */ + + + +var isArray = __webpack_require__(17); +var forEachArray = __webpack_require__(21); +var forEachOwnProperties = __webpack_require__(10); + +/** + * @module collection + */ + +/** + * Execute the provided callback once for each property of object(or element of array) which actually exist. + * If the object is Array-like object(ex-arguments object), It needs to transform to Array.(see 'ex2' of example). + * If the callback function returns false, the loop will be stopped. + * Callback function(iteratee) is invoked with three arguments: + * 1) The value of the property(or The value of the element) + * 2) The name of the property(or The index of the element) + * 3) The object being traversed + * @param {Object} obj The object that will be traversed + * @param {function} iteratee Callback function + * @param {Object} [context] Context(this) of callback function + * @memberof module:collection + * @example + * var forEach = require('tui-code-snippet/collection/forEach'); // node, commonjs + * + * var sum = 0; + * + * forEach([1,2,3], function(value){ + * sum += value; + * }); + * alert(sum); // 6 + * + * // In case of Array-like object + * var array = Array.prototype.slice.call(arrayLike); // change to array + * forEach(array, function(value){ + * sum += value; + * }); + */ +function forEach(obj, iteratee, context) { + if (isArray(obj)) { + forEachArray(obj, iteratee, context); + } else { + forEachOwnProperties(obj, iteratee, context); + } +} + +module.exports = forEach; + + +/***/ }), +/* 27 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Check whether the given variable is a function or not. + * @author NHN FE Development Lab + */ + + + +/** + * Check whether the given variable is a function or not. + * If the given variable is a function, return true. + * @param {*} obj - Target for checking + * @returns {boolean} Is function? + * @memberof module:type + */ +function isFunction(obj) { + return obj instanceof Function; +} + +module.exports = isFunction; + + +/***/ }), +/* 28 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Check whether the given variable is existing or not. + * @author NHN FE Development Lab + */ + + + +var isUndefined = __webpack_require__(8); +var isNull = __webpack_require__(48); + +/** + * Check whether the given variable is existing or not. + * If the given variable is not null and not undefined, returns true. + * @param {*} param - Target for checking + * @returns {boolean} Is existy? + * @memberof module:type + * @example + * var isExisty = require('tui-code-snippet/type/isExisty'); // node, commonjs + * + * isExisty(''); //true + * isExisty(0); //true + * isExisty([]); //true + * isExisty({}); //true + * isExisty(null); //false + * isExisty(undefined); //false +*/ +function isExisty(param) { + return !isUndefined(param) && !isNull(param); +} + +module.exports = isExisty; + + +/***/ }), +/* 29 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getHTMLRenderConvertors; }); +function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } + +var baseConvertors = { + paragraph: function paragraph(node, _ref) { + var entering = _ref.entering, + origin = _ref.origin, + options = _ref.options; + var nodeId = options.nodeId, + _options$customProp = options.customProp, + customProp = _options$customProp === void 0 ? {} : _options$customProp; + var showFrontMatter = customProp.showFrontMatter && node.customType; // prevent paragraph from being removed when it's child of tight list item + // to show highlight style in live-preview mode + + if (nodeId && !node.customType || showFrontMatter) { + return { + type: entering ? 'openTag' : 'closeTag', + outerNewLine: true, + tagName: 'p' + }; + } + + return origin(); + }, + softbreak: function softbreak(node) { + var isPrevNodeHTML = node.prev && node.prev.type === 'htmlInline'; + var isPrevBR = isPrevNodeHTML && /
/.test(node.prev.literal); + var content = isPrevBR ? '\n' : '
\n'; + return { + type: 'html', + content: content + }; + }, + item: function item(node, _ref2) { + var entering = _ref2.entering; + + if (entering) { + var attributes = {}; + var classNames = []; + + if (node.listData.task) { + attributes['data-te-task'] = ''; + classNames.push('task-list-item'); + + if (node.listData.checked) { + classNames.push('checked'); + } + } + + return { + type: 'openTag', + tagName: 'li', + classNames: classNames, + attributes: attributes, + outerNewLine: true + }; + } + + return { + type: 'closeTag', + tagName: 'li', + outerNewLine: true + }; + }, + code: function code(node) { + var attributes = { + 'data-backticks': node.tickCount + }; + return [{ + type: 'openTag', + tagName: 'code', + attributes: attributes + }, { + type: 'text', + content: node.literal + }, { + type: 'closeTag', + tagName: 'code' + }]; + }, + codeBlock: function codeBlock(node) { + var infoWords = node.info ? node.info.split(/\s+/) : []; + var preClasses = []; + var codeAttrs = {}; + + if (node.fenceLength > 3) { + codeAttrs['data-backticks'] = node.fenceLength; + } + + if (infoWords.length > 0 && infoWords[0].length > 0) { + var lang = infoWords[0]; + preClasses.push("lang-" + lang); + codeAttrs['data-language'] = lang; + } + + return [{ + type: 'openTag', + tagName: 'pre', + classNames: preClasses + }, { + type: 'openTag', + tagName: 'code', + attributes: codeAttrs + }, { + type: 'text', + content: node.literal + }, { + type: 'closeTag', + tagName: 'code' + }, { + type: 'closeTag', + tagName: 'pre' + }]; + } +}; +function getHTMLRenderConvertors(linkAttribute, customConvertors) { + var convertors = _extends({}, baseConvertors); + + if (linkAttribute) { + convertors.link = function (_, _ref3) { + var entering = _ref3.entering, + origin = _ref3.origin; + var result = origin(); + + if (entering) { + result.attributes = _extends({}, result.attributes, linkAttribute); + } + + return result; + }; + } + + if (customConvertors) { + Object.keys(customConvertors).forEach(function (nodeType) { + var orgConvertor = convertors[nodeType]; + var customConvertor = customConvertors[nodeType]; + + if (orgConvertor) { + convertors[nodeType] = function (node, context) { + var newContext = _extends({}, context); + + newContext.origin = function () { + return orgConvertor(node, context); + }; + + return customConvertor(node, newContext); + }; + } else { + convertors[nodeType] = customConvertor; + } + }); + } + + return convertors; +} + +/***/ }), +/* 30 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* unused harmony export CodeBlockManager */ +/** + * @fileoverview Implements CodeBlockManager + * @author NHN FE Development Lab + */ + +/** + * Class Code Block Manager + */ +var CodeBlockManager = /*#__PURE__*/function () { + function CodeBlockManager() { + this._replacers = {}; + } + /** + * Set replacer for code block + * @param {string} language - code block language + * @param {function} replacer - replacer function to code block element + */ + + + var _proto = CodeBlockManager.prototype; + + _proto.setReplacer = function setReplacer(language, replacer) { + language = language.toLowerCase(); + this._replacers[language] = replacer; + } + /** + * get replacer for code block + * @param {string} language - code block type + * @returns {function} - replacer function + */ + ; + + _proto.getReplacer = function getReplacer(language) { + return this._replacers[language]; + } + /** + * Create code block html. + * @param {string} language - code block language + * @param {string} codeText - code text + * @returns {string} + */ + ; + + _proto.createCodeBlockHtml = function createCodeBlockHtml(language, codeText) { + language = language.toLowerCase(); + var replacer = this.getReplacer(language); + + if (replacer) { + return replacer(codeText, language); + } + + return escape(codeText, false); + }; + + return CodeBlockManager; +}(); +/** + * escape code from markdown-it + * @param {string} html HTML string + * @param {string} encode Boolean value of whether encode or not + * @returns {string} + * @ignore + */ + + +function escape(html, encode) { + return html.replace(!encode ? /&(?!#?\w+;)/g : /&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/'/g, '''); +} + + +/* harmony default export */ __webpack_exports__["a"] = (new CodeBlockManager()); + +/***/ }), +/* 31 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return invokePlugins; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getPluginInfo; }); +/* harmony import */ var tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17); +/* harmony import */ var tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(27); +/* harmony import */ var tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1__); +function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } + + + +/** + * Invoke plugins + * @param {Array.} plugins - list of plugin function only or + * plugin function with options + * @param {Editor|Viewer} editor - editor or viewer instance + */ + +function invokePlugins(plugins, editor) { + plugins.forEach(function (plugin) { + if (tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(plugin)) { + plugin(editor); + } else if (tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin)) { + var pluginFn = plugin[0], + _plugin$ = plugin[1], + options = _plugin$ === void 0 ? {} : _plugin$; + pluginFn(editor, options); + } + }); +} +/** + * Get plugin info + * @param {Array.} plugins - list of plugin function only or + * plugin function with options + * @returns {Object} - plugin info + */ + +function getPluginInfo(plugins) { + if (!plugins) { + return {}; + } + + return plugins.reduce(function (acc, plugin) { + var pluginInfo = tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin) ? plugin[0] : plugin; + + if (!tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(pluginInfo)) { + var renderer = pluginInfo.renderer, + parser = pluginInfo.parser, + pluginFn = pluginInfo.pluginFn; + plugin = tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin) ? [pluginFn, plugin[1]] : pluginFn; + + if (renderer) { + acc.renderer = _extends({}, acc.renderer, renderer); + } + + if (parser) { + acc.parser = _extends({}, acc.parser, parser); + } + } + + acc.plugins.push(plugin); + return acc; + }, { + plugins: [], + renderer: {}, + parser: {} + }); +} + +/***/ }), +/* 32 */ +/***/ (function(module, exports, __webpack_require__) { + +/*! + * to-mark + * @version 1.0.1 | Tue Nov 24 2020 + */ +(function webpackUniversalModuleDefinition(root, factory) { + if(true) + module.exports = factory(); + else {} +})(window, function() { +return /******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 0); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +// ESM COMPAT FLAG +__webpack_require__.r(__webpack_exports__); + +// CONCATENATED MODULE: ./src/domRunner.js +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + +/** + * @fileoverview Implements DomRunner + * @author NHN Ent. FE Development Lab + */ +var NODE = { + ELEMENT_NODE: 1, + ATTRIBUTE_NODE: 2, + TEXT_NODE: 3 +}; +/** + * DomRunner + * @param {HTMLElement} node A root node that it has nodes to iterate(not iterate itself and its any siblings) + * @class + */ + +var DomRunner = /*#__PURE__*/function () { + function DomRunner(node) { + this._normalizeTextChildren(node); + + this._root = node; + this._current = node; + } + /** + * Iterate next node + * @returns {HTMLElement} next node + */ + + + var _proto = DomRunner.prototype; + + _proto.next = function next() { + var current = this._current; + var node; + + if (this._current) { + node = this._getNextNode(current); + + while (this._isNeedNextSearch(node, current)) { + current = current.parentNode; + node = current.nextSibling; + } + + this._current = node; + } + + return this._current; + } + /** + * Return current node + * @returns {HTMLElement} current node + */ + ; + + _proto.getNode = function getNode() { + this._normalizeTextChildren(this._current); + + return this._current; + }; + + _proto._normalizeTextChildren = function _normalizeTextChildren(node) { + if (!node || node.childNodes.length < 2) { + return; + } + + var childNode = node.firstChild; + var nextNode; + + while (childNode.nextSibling) { + nextNode = childNode.nextSibling; + + if (childNode.nodeType === NODE.TEXT_NODE && nextNode.nodeType === NODE.TEXT_NODE) { + childNode.nodeValue += nextNode.nodeValue; + node.removeChild(nextNode); + } else { + childNode = nextNode; + } + } + } + /** + * Get current node's text content + * @returns {string} text + */ + ; + + _proto.getNodeText = function getNodeText() { + var node = this.getNode(); + var text; + + if (node.nodeType === NODE.TEXT_NODE) { + text = node.nodeValue; + } else { + text = node.textContent || node.innerText; + } + + return text; + } + /** + * Check if there is next node to iterate + * @private + * @param {HTMLElement} node next node + * @param {HTMLElement} current next node + * @returns {boolean} result + */ + ; + + _proto._isNeedNextSearch = function _isNeedNextSearch(node, current) { + return !node && current !== this._root && current.parentNode !== this._root; + } + /** + * Return available next node + * @private + * @param {HTMLElement} current current node + * @returns {node} next node + */ + ; + + _proto._getNextNode = function _getNextNode(current) { + return current.firstChild || current.nextSibling; + }; + + return DomRunner; +}(); + +_defineProperty(DomRunner, "NODE_TYPE", NODE); + + +// CONCATENATED MODULE: ./src/toDom.js +/** + * @fileoverview Implements toDom + * @author NHN Ent. FE Development Lab + */ +var FIND_FIRST_LAST_SPACE_OR_RETURN_OR_TAB_RX = /^[\s\r\n\t]+|[\s\r\n\t]+$/g; +var FIND_RETURN_OR_TAB_BETWEEN_TAGS_RX = />[\r\n\t]+[ ]+<'); // remove spaces more than 1(if need more space, must use  ) + + html = html.replace(FIND_WHOLE_SPACE_MORE_THAN_ONE_BETWEEN_TAGS_RX, '> <'); + return html; +} + +toDom.preProcess = preProcess; +// CONCATENATED MODULE: ./src/renderer.js +function renderer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + +/** + * @fileoverview Implements Renderer + * @author NHN Ent. FE Development Lab + */ +var FIND_LEAD_SPACE_RX = /^\u0020/; +var FIND_TRAIL_SPACE_RX = /.+\u0020$/; +var FIND_SPACE_RETURN_TAB_RX = /[\n\s\t]+/g; +var FIND_CHAR_TO_TRIM_RX = /^[\u0020\r\n\t]+|[\u0020\r\n\t]+$/g; // find first and last characters for trim + +var FIND_SPACE_MORE_THAN_ONE_RX = /[\u0020]+/g; // find space more than one + +var FIND_CHAR_TO_ESCAPE_RX = /[>(){}[\]+-.!#|]/g; // find characters that need escape + +var FIND_CHAR_TO_ESCAPE_IN_LINK_RX = /[[\]]/g; // find characters to be escaped in links or images + +var FIND_MARKDOWN_IMAGE_SYNTAX_RX = /!\[.*\]\(.*\)/g; // find markdown image syntax + +var TEXT_NODE = 3; +/** + * Iterate properties of object + * from https://github.com/nhnent/fe.code-snippet/blob/master/src/collection.js + * @param {object} obj object to iterate + * @param {function} iteratee callback function + * @param {*} [context] context of callback + */ + +function forEachOwnProperties(obj, iteratee, context) { + var key; + context = context || null; + + for (key in obj) { + if (obj.hasOwnProperty(key)) { + if (iteratee.call(context, obj[key], key, obj) === false) { + break; + } + } + } +} +/** + * Whether if inline node or not + * @param {Node} node Element + * @returns {boolean} + */ +// eslint-disable-next-line complexity + + +function isInlineNode(node) { + var tag = node.tagName; + return tag === 'S' || tag === 'B' || tag === 'I' || tag === 'EM' || tag === 'STRONG' || tag === 'A' || tag === 'IMG' || tag === 'CODE'; +} +/** + * Returns HTML string of an element using given subContent + * @param {Node} node Element + * @param {string} subContent string content of node + * @returns {string} + */ + + +function getRawHtmlString(node, subContent) { + var tempNode = node.cloneNode(false); + tempNode.innerHTML = subContent; + return tempNode.outerHTML; +} +/** + * Clone rules + * @param {object} destination object for apply rules + * @param {object} source source object for clone rules + */ + + +function cloneRules(destination, source) { + forEachOwnProperties(source, function (value, key) { + if (key !== 'converter') { + if (!destination[key]) { + destination[key] = {}; + } + + cloneRules(destination[key], value); + } else { + destination[key] = value; + } + }); +} +/** + * Renderer + * @param {object} [rules] rules to add + * @class + */ + + +var Renderer = /*#__PURE__*/function () { + function Renderer(rules) { + this.rules = {}; + /** + * Line feed replacement text + * @type string + */ + + this.lineFeedReplacement = "\u200B\u200B"; + + if (rules) { + this.addRules(rules); + } + } + /** + * Add rule + * @param {string} selectorString rule selector + * @param {function} converter converter function + */ + + + var _proto = Renderer.prototype; + + _proto.addRule = function addRule(selectorString, converter) { + var selectors = selectorString.split(', '); + var selector = selectors.pop(); + converter.fname = selectorString; + + while (selector) { + this._setConverterWithSelector(selector, converter); + + selector = selectors.pop(); + } + } + /** + * Add rules using object + * @param {object} rules key(rule selector), value(converter function) + */ + ; + + _proto.addRules = function addRules(rules) { + forEachOwnProperties(rules, function (converter, selectorString) { + this.addRule(selectorString, converter); + }, this); + } + /** + * Remove flanked space of dom node + * @param {string} content text content + * @param {HTMLElement} node current node + * @returns {string} result + */ + // eslint-disable-next-line complexity + ; + + _proto.getSpaceControlled = function getSpaceControlled(content, node) { + var lead = ''; + var trail = ''; + var text; + + if (node.previousSibling && (node.previousSibling.nodeType === TEXT_NODE || isInlineNode(node.previousSibling))) { + text = node.previousSibling.innerHTML || node.previousSibling.nodeValue; + + if (FIND_TRAIL_SPACE_RX.test(text) || FIND_LEAD_SPACE_RX.test(node.innerHTML || node.nodeValue)) { + lead = ' '; + } + } + + if (node.nextSibling && (node.nextSibling.nodeType === TEXT_NODE || isInlineNode(node.nextSibling))) { + text = node.nextSibling.innerHTML || node.nextSibling.nodeValue; + + if (FIND_LEAD_SPACE_RX.test(text) || FIND_TRAIL_SPACE_RX.test(node.innerHTML || node.nodeValue)) { + trail = ' '; + } + } + + return lead + content + trail; + } + /** + * Convert dom node to markdown using dom node and subContent + * @param {HTMLElement} node node to convert + * @param {string} subContent child nodes converted text + * @returns {string} converted text + */ + // eslint-disable-next-line complexity + ; + + _proto.convert = function convert(node, subContent) { + var result; + + var converter = this._getConverter(node); + + if (node && node.nodeType === Node.ELEMENT_NODE && node.hasAttribute('data-tomark-pass')) { + node.removeAttribute('data-tomark-pass'); + result = getRawHtmlString(node, subContent); + } else if (converter) { + result = converter.call(this, node, subContent); + } else if (node) { + result = this.getSpaceControlled(this._getInlineHtml(node, subContent), node); + } + + return result || ''; + }; + + _proto._getInlineHtml = function _getInlineHtml(node, subContent) { + var html = node.outerHTML; + var tagName = node.tagName; + var escapedSubContent = subContent.replace(/\$/g, '$$$$'); // escape $: replace all $ char to $$ before we throw this string to replace + + return html.replace(new RegExp("(<" + tagName + " ?.*?>).*()", 'i'), "$1" + escapedSubContent + "$2"); + } + /** + * Get converter function for node + * @private + * @param {HTMLElement} node node + * @returns {function} converter function + */ + ; + + _proto._getConverter = function _getConverter(node) { + var rulePointer = this.rules; + var converter; + + while (node && rulePointer) { + rulePointer = this._getNextRule(rulePointer, this._getRuleNameFromNode(node)); + node = this._getPrevNode(node); + + if (rulePointer && rulePointer.converter) { + converter = rulePointer.converter; + } + } + + return converter; + } + /** + * Get next rule object + * @private + * @param {object} ruleObj rule object + * @param {string} ruleName rule tag name to find + * @returns {object} rule Object + */ + ; + + _proto._getNextRule = function _getNextRule(ruleObj, ruleName) { + return ruleObj[ruleName]; + } + /** + * Get proper rule tag name from node + * @private + * @param {HTMLElement} node node + * @returns {string} rule tag name + */ + ; + + _proto._getRuleNameFromNode = function _getRuleNameFromNode(node) { + return node.tagName || 'TEXT_NODE'; + } + /** + * Get node's available parent node + * @private + * @param {HTMLElement} node node + * @returns {HTMLElement | undefined} result + */ + ; + + _proto._getPrevNode = function _getPrevNode(node) { + var parentNode = node.parentNode; + var previousNode; + + if (parentNode && !parentNode.__htmlRootByToMark) { + previousNode = parentNode; + } + + return previousNode; + } + /** + * Set converter for selector + * @private + * @param {string} selectors rule selector + * @param {function} converter converter function + */ + ; + + _proto._setConverterWithSelector = function _setConverterWithSelector(selectors, converter) { + var rulePointer = this.rules; + + this._eachSelector(selectors, function (ruleElem) { + if (!rulePointer[ruleElem]) { + rulePointer[ruleElem] = {}; + } + + rulePointer = rulePointer[ruleElem]; + }); + + rulePointer.converter = converter; + } + /** + * Iterate each selectors + * @private + * @param {string} selectors rule selectors + * @param {function} iteratee callback + */ + ; + + _proto._eachSelector = function _eachSelector(selectors, iteratee) { + var selectorArray = selectors.split(' '); + var selectorIndex = selectorArray.length - 1; + + while (selectorIndex >= 0) { + iteratee(selectorArray[selectorIndex]); + selectorIndex -= 1; + } + } + /** + * Trim text + * @param {string} text text be trimed + * @returns {string} trimed text + */ + ; + + _proto.trim = function trim(text) { + return text.replace(FIND_CHAR_TO_TRIM_RX, ''); + } + /** + * Returns whether text empty or not + * @param {string} text text be checked + * @returns {boolean} result + */ + ; + + _proto.isEmptyText = function isEmptyText(text) { + return text.replace(FIND_SPACE_RETURN_TAB_RX, '') === ''; + } + /** + * Collape space more than 2 + * @param {string} text text be collapsed + * @returns {string} result + */ + ; + + _proto.getSpaceCollapsedText = function getSpaceCollapsedText(text) { + return text.replace(FIND_SPACE_MORE_THAN_ONE_RX, ' '); + } + /** + * Apply backslash escape to text + * @param {string} text text be processed + * @returns {string} processed text + */ + ; + + _proto.escapeText = function escapeText(text) { + return text.replace(FIND_CHAR_TO_ESCAPE_RX, function (matched) { + return "\\" + matched; + }); + } + /** + * Escape given text for link + * @param {string} text - text be processed + * @returns {string} - processed text + */ + ; + + _proto.escapeTextForLink = function escapeTextForLink(text) { + var imageSyntaxRanges = []; + var result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(text); + + while (result) { + imageSyntaxRanges.push([result.index, result.index + result[0].length]); + result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(text); + } + + return text.replace(FIND_CHAR_TO_ESCAPE_IN_LINK_RX, function (matched, offset) { + var isDelimiter = imageSyntaxRanges.some(function (range) { + return offset > range[0] && offset < range[1]; + }); + return isDelimiter ? matched : "\\" + matched; + }); + } + /** + * Backslash escape to text for html + * Apply backslash escape to text + * @param {string} text text be processed + * @returns {string} processed text + */ + ; + + _proto.escapeTextHtml = function escapeTextHtml(text) { + return text.replace(new RegExp(Renderer.markdownTextToEscapeHtmlRx.source, 'g'), function (matched) { + return "\\" + matched; + }); + } + /** + * Backslash is using for escape ASCII punctuation character. + * https://spec.commonmark.org/0.29/#backslash-escapes + * If user input backslash as text, backslash is kept by inserting backslash. + * For example, if input text is "\$", this text is changed "\\$" + * @param {string} text text be processed + * @returns {string} processed text + */ + ; + + _proto.escapeTextBackSlash = function escapeTextBackSlash(text) { + return text.replace(new RegExp(Renderer.markdownTextToEscapeBackSlashRx.source, 'g'), function (matched) { + return "\\" + matched; + }); + } + /** + * Escapes in markdown paired characters + * @param {string} text Text to escape + * @returns {string} escaped text + */ + ; + + _proto.escapePairedCharacters = function escapePairedCharacters(text) { + return text.replace(new RegExp(Renderer.markdownTextToEscapePairedCharsRx.source, 'g'), function (matched) { + return "\\" + matched; + }); + }; + + _proto._isNeedEscape = function _isNeedEscape(text) { + var res = false; + var markdownTextToEscapeRx = Renderer.markdownTextToEscapeRx; + var type; + + for (type in markdownTextToEscapeRx) { + if (markdownTextToEscapeRx.hasOwnProperty(type) && markdownTextToEscapeRx[type].test(text)) { + res = true; + break; + } + } + + return res; + }; + + _proto._isNeedEscapeHtml = function _isNeedEscapeHtml(text) { + return Renderer.markdownTextToEscapeHtmlRx.test(text); + }; + + _proto._isNeedEscapeBackSlash = function _isNeedEscapeBackSlash(text) { + return Renderer.markdownTextToEscapeBackSlashRx.test(text); + }; + + _proto.mix = function mix(renderer) { + cloneRules(this.rules, renderer.rules); + } + /** + * Renderer factory + * Return new renderer + * @param {Renderer} srcRenderer renderer to extend + * @param {object} rules rule object, key(rule selector), value(converter function) + * @returns {Renderer} renderer + */ + ; + + Renderer.factory = function factory(srcRenderer, rules) { + var renderer = new Renderer(); + + if (!rules) { + rules = srcRenderer; + } else { + renderer.mix(srcRenderer); + } + + renderer.addRules(rules); + return renderer; + }; + + return Renderer; +}(); + +renderer_defineProperty(Renderer, "markdownTextToEscapeRx", { + codeblock: /(^ {4}[^\n]+\n*)+/, + hr: /^ *((\* *){3,}|(- *){3,} *|(_ *){3,}) */, + heading: /^(#{1,6}) +[\s\S]+/, + lheading: /^([^\n]+)\n *(=|-){2,} */, + blockquote: /^( *>[^\n]+.*)+/, + list: /^ *(\*+|-+|\d+\.) [\s\S]+/, + def: /^ *\[([^\]]+)\]: *]+)>?(?: +["(]([^\n]+)[")])? */, + link: /!?\[.*\]\(.*\)/, + reflink: /!?\[.*\]\s*\[([^\]]*)\]/, + verticalBar: /\u007C/, + codeblockGfm: /^(`{3,})/, + codeblockTildes: /^(~{3,})/ +}); + +renderer_defineProperty(Renderer, "markdownTextToEscapeHtmlRx", /<([a-zA-Z_][a-zA-Z0-9\-._]*)(\s|[^\\/>])*\/?>|<(\/)([a-zA-Z_][a-zA-Z0-9\-._]*)\s*\/?>||<([a-zA-Z_][a-zA-Z0-9\-.:/]*)>/); + +renderer_defineProperty(Renderer, "markdownTextToEscapeBackSlashRx", /\\[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~\\]/); + +renderer_defineProperty(Renderer, "markdownTextToEscapePairedCharsRx", /[*_~`]/); + + +// CONCATENATED MODULE: ./src/renderer.basic.js +/** + * @fileoverview Implements basicRenderer + * @author NHN Ent. FE Development Lab + */ + +var FIND_LAST_RETURN_RX = /\n$/g; +var FIND_BR_AND_RETURN_RX = /[ \xA0]+\n\n/g; +var FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX = /([ \xA0]+\n){2,}/g; +var FIND_LINK_HREF = /href="(.*?)"/; +var START_OF_LINES_RX = /^/gm; +/** + * Basic Markdown Renderer + * @exports basicRenderer + * @augments Renderer + */ + +/* harmony default export */ var renderer_basic = (Renderer.factory({ + // inlines + TEXT_NODE: function TEXT_NODE(node) { + var managedText = this.trim(this.getSpaceCollapsedText(node.nodeValue)); + + if (this._isNeedEscapeBackSlash(managedText)) { + managedText = this.escapeTextBackSlash(managedText); + } + + managedText = this.escapePairedCharacters(managedText); + + if (this._isNeedEscapeHtml(managedText)) { + managedText = this.escapeTextHtml(managedText); + } + + if (this._isNeedEscape(managedText)) { + managedText = this.escapeText(managedText); + } + + return this.getSpaceControlled(managedText, node); + }, + 'CODE TEXT_NODE': function CODETEXT_NODE(node) { + return node.nodeValue; + }, + 'EM, I': function EMI(node, subContent) { + var res = ''; + + if (!this.isEmptyText(subContent)) { + res = "*" + subContent + "*"; + } + + return res; + }, + 'STRONG, B': function STRONGB(node, subContent) { + var res = ''; + + if (!this.isEmptyText(subContent)) { + res = "**" + subContent + "**"; + } + + return res; + }, + A: function A(node, subContent) { + var res = subContent; + var title = ''; + var url; // "href" attribute is difficult to predict depending on the situation + // so use as it is applied to html + + var foundedHref = FIND_LINK_HREF.exec(node.outerHTML); + + if (foundedHref) { + url = foundedHref[1].replace(/&/g, '&'); + } + + if (node.title) { + title = " \"" + node.title + "\""; + } + + if (!this.isEmptyText(subContent) && url) { + res = "[" + this.escapeTextForLink(subContent) + "](" + url + title + ")"; + } + + return res; + }, + IMG: function IMG(node) { + var src = node.getAttribute('src'); + var alt = node.alt; + + if (src) { + return "![" + this.escapeTextForLink(alt) + "](" + src + ")"; + } + + return ''; + }, + BR: function BR() { + return ' \n'; + }, + CODE: function CODE(node, subContent) { + var backticks, numBackticks; + var res = ''; + + if (!this.isEmptyText(subContent)) { + numBackticks = parseInt(node.getAttribute('data-backticks'), 10); + backticks = isNaN(numBackticks) ? '`' : Array(numBackticks + 1).join('`'); + res = backticks + subContent + backticks; + } + + return res; + }, + // Paragraphs + P: function P(node, subContent) { + var res = ''; // convert multiple brs to one br + + subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, ' \n'); + + if (!this.isEmptyText(subContent)) { + res = "\n\n" + subContent + "\n\n"; + } + + return res; + }, + 'BLOCKQUOTE P': function BLOCKQUOTEP(node, subContent) { + return subContent; + }, + 'LI P': function LIP(node, subContent) { + var res = ''; + + if (!this.isEmptyText(subContent)) { + res = subContent; + } + + return res; + }, + // Headings + 'H1, H2, H3, H4, H5, H6': function H1H2H3H4H5H6(node, subContent) { + var res = ''; + var headingNumber = parseInt(node.tagName.charAt(1), 10); + + while (headingNumber) { + res += '#'; + headingNumber -= 1; + } + + res += ' '; + res += subContent; + return "\n\n" + res + "\n\n"; + }, + 'LI H1, LI H2, LI H3, LI H4, LI H5, LI H6': function LIH1LIH2LIH3LIH4LIH5LIH6(node, subContent) { + var headingNumber = parseInt(node.tagName.charAt(1), 10); + return Array(headingNumber + 1).join('#') + " " + subContent; + }, + // List + 'UL, OL': function ULOL(node, subContent) { + return "\n\n" + subContent + "\n\n"; + }, + 'LI OL, LI UL': function LIOLLIUL(node, subContent) { + var processedSubContent; // remove last br of li + + processedSubContent = subContent.replace(FIND_BR_AND_RETURN_RX, '\n'); // parent LI converter add \n too, so we remove last return + + processedSubContent = processedSubContent.replace(FIND_LAST_RETURN_RX, ''); + var res = processedSubContent.replace(START_OF_LINES_RX, ' '); + return "\n" + res; + }, + 'UL LI': function ULLI(node, subContent) { + var res = ''; // convert multiple brs to one br + + subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, ' \n'); + + if (node.firstChild && node.firstChild.tagName === 'P') { + res += '\n'; + } + + res += "* " + subContent + "\n"; + return res; + }, + // eslint-disable-next-line complexity + 'OL LI': function OLLI(node, subContent) { + var res = ''; + var liCounter = parseInt(node.parentNode.getAttribute('start') || 1, 10); + + while (node.previousSibling) { + node = node.previousSibling; + + if (node.nodeType === 1 && node.tagName === 'LI') { + liCounter += 1; + } + } // convert multiple brs to one br + + + subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, ' \n'); + + if (node.firstChild && node.firstChild.tagName === 'P') { + res += '\n'; + } + + res += liCounter + ". " + subContent + "\n"; + return res; + }, + // HR + HR: function HR() { + return '\n\n- - -\n\n'; + }, + // Blockquote + BLOCKQUOTE: function BLOCKQUOTE(node, subContent) { + // convert multiple brs to one emptyline + subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '\n\n'); + var trimmedText = this.trim(subContent); + var res = trimmedText.replace(START_OF_LINES_RX, '> '); + return "\n\n" + res + "\n\n"; + }, + // Code Block + 'PRE CODE': function PRECODE(node, subContent) { + var lastNremoved = subContent.replace(FIND_LAST_RETURN_RX, ''); + var res = lastNremoved.replace(START_OF_LINES_RX, ' '); + return "\n\n" + res + "\n\n"; + } +})); +// CONCATENATED MODULE: ./src/renderer.gfm.js +/** + * @fileoverview Implements Github flavored markdown renderer + * @author NHN Ent. FE Development Lab + */ + + +/** + * gfmRenderer + * github flavored Markdown Renderer + * + * we didnt render gfm br here because we need distingush returns that made by block with br + * so we render gfm br later in toMark.js finalize function + * @exports gfmRenderer + * @augments Renderer + */ + +/* harmony default export */ var renderer_gfm = (Renderer.factory(renderer_basic, { + 'DEL, S': function DELS(node, subContent) { + return "~~" + subContent + "~~"; + }, + 'PRE CODE': function PRECODE(node, subContent) { + var language = ''; + var numberOfBackticks = node.getAttribute('data-backticks'); + + if (node.getAttribute('data-language')) { + language = " " + node.getAttribute('data-language'); + } + + numberOfBackticks = parseInt(numberOfBackticks, 10); + var backticks = isNaN(numberOfBackticks) ? '```' : Array(numberOfBackticks + 1).join('`'); + subContent = subContent.replace(/(\r\n)|(\r)|(\n)/g, this.lineFeedReplacement); + return "\n\n" + backticks + language + "\n" + subContent + "\n" + backticks + "\n\n"; + }, + PRE: function PRE(node, subContent) { + return subContent; + }, + 'UL LI': function ULLI(node, subContent) { + return renderer_basic.convert(node, makeTaskIfNeed(node, subContent)); + }, + 'OL LI': function OLLI(node, subContent) { + return renderer_basic.convert(node, makeTaskIfNeed(node, subContent)); + }, + // Table + TABLE: function TABLE(node, subContent) { + return "\n\n" + subContent + "\n\n"; + }, + 'TBODY, TFOOT': function TBODYTFOOT(node, subContent) { + return subContent; + }, + 'TR TD, TR TH': function TRTDTRTH(node, subContent) { + subContent = subContent.replace(/(\r\n)|(\r)|(\n)/g, ''); + return " " + subContent + " |"; + }, + 'TD BR, TH BR': function TDBRTHBR() { + return '
'; + }, + TR: function TR(node, subContent) { + return "|" + subContent + "\n"; + }, + THEAD: function THEAD(node, subContent) { + var result = ''; + var ths = findChildTag(findChildTag(node, 'TR')[0], 'TH'); + + for (var i = 0, thsLength = ths.length; i < thsLength; i += 1) { + result += " " + makeTableHeadAlignText(ths[i]) + " |"; + } + + return subContent ? subContent + "|" + result + "\n" : ''; + } +})); +/** + * Make task Markdown string if need + * @param {HTMLElement} node Passed HTML Element + * @param {string} subContent node's content + * @returns {string} + */ + +function makeTaskIfNeed(node, subContent) { + var condition; + + if (node.className.indexOf('task-list-item') !== -1) { + condition = node.className.indexOf('checked') !== -1 ? 'x' : ' '; + subContent = "[" + condition + "] " + subContent; + } + + return subContent; +} +/** + * Make table head align text + * @param {HTMLElement} th Table head cell element + * @returns {string} + */ + + +function makeTableHeadAlignText(th) { + var leftAlignValue, rightAlignValue, textLength; + var align = th.align; + textLength = th.textContent ? th.textContent.length : th.innerText.length; + leftAlignValue = ''; + rightAlignValue = ''; + + if (align) { + if (align === 'left') { + leftAlignValue = ':'; + textLength -= 1; + } else if (align === 'right') { + rightAlignValue = ':'; + textLength -= 1; + } else if (align === 'center') { + rightAlignValue = ':'; + leftAlignValue = ':'; + textLength -= 2; + } + } + + return leftAlignValue + repeatString('-', textLength) + rightAlignValue; +} +/** + * Find child element of given tag name + * @param {HTMLElement} node starting element + * @param {string} tagName Tag name for search + * @returns {Array.} + */ + + +function findChildTag(node, tagName) { + var childNodes = node.childNodes; + var result = []; + + for (var i = 0, childLength = childNodes.length; i < childLength; i += 1) { + if (childNodes[i].tagName && childNodes[i].tagName === tagName) { + result.push(childNodes[i]); + } + } + + return result; +} +/** + * Repeat given string + * @param {string} pattern String for repeat + * @param {number} count Amount of repeat + * @returns {string} + */ + + +function repeatString(pattern, count) { + var result = pattern; + count = Math.max(count, 3); + + while (count > 1) { + result += pattern; + count -= 1; + } + + return result; +} +// CONCATENATED MODULE: ./src/toMark.js +/** + * @fileoverview Implements toMark + * @author NHN Ent. FE Development Lab + */ + + + + +var FIND_UNUSED_BRS_RX = /[ \xA0]+(\n\n)/g; +var FIND_FIRST_LAST_WITH_SPACE_RETURNS_RX = /^[\n]+|[\s\n]+$/g; +var FIND_MULTIPLE_BRS_RX = /([ \xA0]+\n){2,}/g; +var FIND_RETURNS_RX = /([ \xA0]){2,}\n/g; +var FIND_RETURNS_AND_SPACE_RX = /[ \xA0\n]+/g; +/** + * @exports toMark + * @param {string} htmlStr html string to convert + * @param {object} options option + * @param {boolean} options.gfm if this property is false turn off it cant parse gfm + * @param {Renderer} options.renderer pass renderer to use + * @returns {string} converted markdown text + * @example + * toMark('

hello world

'); // "# hello world" + * toMark('strike'); // "~~strike~~" + * toMark('strike', {gfm: false}); // "strike" + */ + +function toMark(htmlStr, options) { + var isGfm = true; + var renderer; + + if (!htmlStr) { + return ''; + } + + renderer = renderer_gfm; + + if (options) { + isGfm = options.gfm; + + if (isGfm === false) { + renderer = renderer_basic; + } + + renderer = options.renderer || renderer; + } + + var runner = new DomRunner(toDom(htmlStr)); + return finalize(parse(runner, renderer), isGfm, renderer.lineFeedReplacement); +} +/** + * Parse dom to markdown + * @param {DomRunner} runner runner + * @param {Renderer} renderer renderer + * @returns {string} markdown text + */ + +function parse(runner, renderer) { + var markdownContent = ''; + + while (runner.next()) { + markdownContent += tracker(runner, renderer); + } + + return markdownContent; +} +/** + * Remove first and last return character + * @param {string} text text to finalize + * @param {boolean} isGfm isGfm flag + * @param {string} lineFeedReplacement Line feed replacement text + * @returns {string} result + */ + + +function finalize(text, isGfm, lineFeedReplacement) { + // collapse return and
+ text = text.replace(FIND_UNUSED_BRS_RX, '\n'); // collapse multiple br + + text = text.replace(FIND_MULTIPLE_BRS_RX, '\n\n'); + text = text.replace(FIND_RETURNS_AND_SPACE_RX, function (matched) { + var returnCount = (matched.match(/\n/g) || []).length; + + if (returnCount >= 3) { + return '\n\n'; + } + + if (matched >= 1) { + return '\n'; + } + + return matched; + }); // remove first and last \n + + text = text.replace(FIND_FIRST_LAST_WITH_SPACE_RETURNS_RX, ''); + text = text.replace(new RegExp(lineFeedReplacement, 'g'), '\n'); // in gfm replace ' \n' make by
to '\n' + + if (isGfm) { + text = text.replace(FIND_RETURNS_RX, '\n'); + } + + return text; +} +/** + * Iterate childNodes and process conversion using recursive call + * @param {DomRunner} runner dom runner + * @param {Renderer} renderer renderer to use + * @returns {string} processed text + */ + + +function tracker(runner, renderer) { + var subContent = ''; + var node = runner.getNode(); + + for (var i = 0, t = node.childNodes.length; i < t; i += 1) { + runner.next(); + subContent += tracker(runner, renderer); + } + + return renderer.convert(node, subContent); +} +// CONCATENATED MODULE: ./src/index.js +/** + * @fileoverview Implements entry point + * @author NHN Ent. FE Development Lab + */ + + + + +toMark.Renderer = Renderer; +toMark.basicRenderer = renderer_basic; +toMark.gfmRenderer = renderer_gfm; +/* harmony default export */ var src = __webpack_exports__["default"] = (toMark); + +/***/ }) +/******/ ])["default"]; +}); + +/***/ }), +/* 33 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Get HTML element's design classes. + * @author NHN FE Development Lab + */ + + + +var isUndefined = __webpack_require__(8); + +/** + * Get HTML element's design classes. + * @param {(HTMLElement|SVGElement)} element target element + * @returns {string} element css class name + * @memberof module:domUtil + */ +function getClass(element) { + if (!element || !element.className) { + return ''; + } + + if (isUndefined(element.className.baseVal)) { + return element.className; + } + + return element.className.baseVal; +} + +module.exports = getClass; + + +/***/ }), +/* 34 */ +/***/ (function(module, exports, __webpack_require__) { + +"use strict"; +/** + * @fileoverview Check whether the given variable is a number or not. + * @author NHN FE Development Lab + */ + + + +/** + * Check whether the given variable is a number or not. + * If the given variable is a number, return true. + * @param {*} obj - Target for checking + * @returns {boolean} Is number? + * @memberof module:type + */ +function isNumber(obj) { + return typeof obj === 'number' || obj instanceof Number; +} + +module.exports = isNumber; + + +/***/ }), +/* 35 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* unused harmony export CLASS_HIGHLIGHT */ +/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19); +/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20); +/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5); +/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6); +/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(22); +/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__); +/* harmony import */ var _preview__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(38); +/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(0); +/* harmony import */ var _htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(29); +/* harmony import */ var _scroll_helper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(18); +/* harmony import */ var _scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24); +/* harmony import */ var _utils_markdown__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2); +function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } + +function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; } + +/** + * @fileoverview Implements markdown preview + * @author NHN FE Development Lab + */ + + + + + + + + + + + +var CLASS_HIGHLIGHT = 'te-preview-highlight'; + +function findTableCell(tableRow, _ref) { + var ch = _ref.ch; + var cell = tableRow.firstChild; + + while (cell && cell.next) { + if (Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* getMdStartCh */ "e"])(cell.next) > ch + 1) { + break; + } + + cell = cell.next; + } + + return cell; +} +/** + * Class Markdown Preview + * @param {HTMLElement} el - base element + * @param {EventManager} eventManager - event manager + * @param {Convertor} convertor - convertor + * @param {object} options + * @param {boolean} options.isViewer - true for view-only mode + * @param {boolean} options.highlight - true for using live-highlight feature + * @param {object} opitons.linkAttribute - attributes for link element + * @param {object} opitons.customHTMLRenderer - map of custom HTML render functions + + * @ignore + */ + + +var MarkdownPreview = /*#__PURE__*/function (_Preview) { + _inheritsLoose(MarkdownPreview, _Preview); + + function MarkdownPreview(el, eventManager, convertor, options) { + var _this; + + _this = _Preview.call(this, el, eventManager, convertor, options.isViewer) || this; + + _this.lazyRunner.registerLazyRunFunction('invokeCodeBlock', _this.invokeCodeBlockPlugins, _this.delayCodeBlockTime, _assertThisInitialized(_this)); + + var linkAttribute = options.linkAttribute, + customHTMLRenderer = options.customHTMLRenderer, + _options$highlight = options.highlight, + highlight = _options$highlight === void 0 ? false : _options$highlight; + _this.renderHTML = Object(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__["createRenderHTML"])({ + gfm: true, + nodeId: true, + convertors: Object(_htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_7__[/* getHTMLRenderConvertors */ "a"])(linkAttribute, customHTMLRenderer) + }); + _this.cursorNodeId = null; + + _this._initEvent(highlight); + + return _this; + } + /** + * Initialize event + * @private + */ + + + var _proto = MarkdownPreview.prototype; + + _proto._initEvent = function _initEvent(highlight) { + var _this2 = this; + + this.eventManager.listen('contentChangedFromMarkdown', this.update.bind(this)); // need to implement a listener function for 'previewNeedsRefresh' event + // to support third-party plugins which requires re-executing script for every re-render + + if (highlight) { + this.eventManager.listen('cursorActivity', function (_ref2) { + var markdownNode = _ref2.markdownNode, + cursor = _ref2.cursor; + + _this2._updateCursorNode(markdownNode, cursor); + }); + this.eventManager.listen('blur', function () { + _this2._removeHighlight(); + }); + } + + tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0___default()(this.el, 'scroll', function (event) { + _this2.eventManager.emit('scroll', { + source: 'preview', + data: Object(_scroll_helper__WEBPACK_IMPORTED_MODULE_8__[/* findAdjacentElementToScrollTop */ "a"])(event.target.scrollTop, _this2._previewContent) + }); + }); + }; + + _proto._removeHighlight = function _removeHighlight() { + if (this.cursorNodeId) { + var currentEl = this._getElementByNodeId(this.cursorNodeId); + + if (currentEl) { + tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default()(currentEl, CLASS_HIGHLIGHT); + } + } + }; + + _proto._updateCursorNode = function _updateCursorNode(cursorNode, cursorPos) { + if (cursorNode) { + cursorNode = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* findClosestNode */ "b"])(cursorNode, function (mdNode) { + return !Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* isInlineNode */ "h"])(mdNode); + }); + + if (cursorNode.type === 'tableRow') { + cursorNode = findTableCell(cursorNode, cursorPos); + } else if (cursorNode.type === 'tableBody') { + // empty line next to table + cursorNode = null; + } + } + + var cursorNodeId = cursorNode ? cursorNode.id : null; + + if (this.cursorNodeId === cursorNodeId) { + return; + } + + var inFrontMatter = cursorNode && cursorNode.customType === 'frontMatter'; + + var oldEL = this._getElementByNodeId(this.cursorNodeId); + + var newEL = this._getElementByNodeId(cursorNodeId); + + if (oldEL) { + tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default()(oldEL, CLASS_HIGHLIGHT); + } + + if (newEL && !inFrontMatter) { + tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2___default()(newEL, CLASS_HIGHLIGHT); + } + + this.cursorNodeId = cursorNodeId; + }; + + _proto._getElementByNodeId = function _getElementByNodeId(nodeId) { + if (!nodeId) { + return null; + } + + return this._previewContent.querySelector("[data-nodeid=\"" + nodeId + "\"]"); + }; + + _proto.update = function update(changed) { + var _this3 = this; + + changed.forEach(function (editResult) { + return _this3.replaceRangeNodes(editResult); + }); + this.eventManager.emit('previewRenderAfter', this); + }; + + _proto.replaceRangeNodes = function replaceRangeNodes(editResult) { + var _this4 = this; + + var nodes = editResult.nodes, + removedNodeRange = editResult.removedNodeRange; + var contentEl = this._previewContent; + var newHtml = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', nodes.map(function (node) { + return _this4.renderHTML(node); + }).join('')); + + if (!removedNodeRange) { + contentEl.insertAdjacentHTML('afterbegin', newHtml); + } else { + var _removedNodeRange$id = removedNodeRange.id, + startNodeId = _removedNodeRange$id[0], + endNodeId = _removedNodeRange$id[1]; + + var startEl = this._getElementByNodeId(startNodeId); + + var endEl = this._getElementByNodeId(endNodeId); + + if (startEl) { + startEl.insertAdjacentHTML('beforebegin', newHtml); + var el = startEl; + + while (el !== endEl) { + var nextEl = el.nextElementSibling; + el.parentNode.removeChild(el); + Object(_scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__[/* removeOffsetInfoByNode */ "c"])(el); + el = nextEl; + } + + if (el.parentNode) { + _utils_dom__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"].remove(el); + Object(_scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__[/* removeOffsetInfoByNode */ "c"])(el); + } + } + } + + var codeBlockEls = this.getCodeBlockElements(nodes.map(function (node) { + return node.id; + })); + + if (codeBlockEls.length) { + this.lazyRunner.run('invokeCodeBlock', codeBlockEls); + } + } + /** + * render + * @param {string} html - html string to render + * @override + */ + ; + + _proto.render = function render(html) { + _Preview.prototype.render.call(this, html); + + this.eventManager.emit('previewRenderAfter', this); + }; + + _proto.remove = function remove() { + tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1___default()(this.el, 'scroll'); + this.el = null; + }; + + return MarkdownPreview; +}(_preview__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"]); + +/* harmony default export */ __webpack_exports__["a"] = (MarkdownPreview); + +/***/ }), +/* 36 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10); +/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8); +/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(44); +/* harmony import */ var tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(45); +/* harmony import */ var tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var _utils_map__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23); +/** + * @fileoverview Implements EventManager + * @author NHN FE Development Lab + */ + + + + + +var eventList = ['previewBeforeHook', 'previewRenderAfter', 'previewNeedsRefresh', 'addImageBlobHook', 'setMarkdownAfter', 'contentChangedFromWysiwyg', 'changeFromWysiwyg', 'contentChangedFromMarkdown', 'changeFromMarkdown', 'change', 'changeModeToWysiwyg', 'changeModeToMarkdown', 'changeModeBefore', 'changeMode', 'changePreviewStyle', 'changePreviewTabPreview', 'changePreviewTabWrite', 'openPopupAddLink', 'openPopupAddImage', 'openPopupAddTable', 'openPopupTableUtils', 'openHeadingSelect', 'openPopupCodeBlockLanguages', 'openPopupCodeBlockEditor', 'openDropdownToolbar', 'closePopupCodeBlockLanguages', 'closePopupCodeBlockEditor', 'closeAllPopup', 'command', 'addCommandBefore', 'htmlUpdate', 'markdownUpdate', 'renderedHtmlUpdated', 'removeEditor', 'convertorAfterMarkdownToHtmlConverted', 'convertorBeforeHtmlToMarkdownConverted', 'convertorAfterHtmlToMarkdownConverted', 'stateChange', 'wysiwygSetValueAfter', 'wysiwygSetValueBefore', 'wysiwygGetValueBefore', 'wysiwygProcessHTMLText', 'wysiwygRangeChangeAfter', 'wysiwygKeyEvent', 'scroll', 'click', 'mousedown', 'mouseover', 'mouseout', 'mouseup', 'contextmenu', 'keydown', 'keyup', 'keyMap', 'load', 'focus', 'blur', 'paste', 'pasteBefore', 'willPaste', 'copy', 'copyBefore', 'copyAfter', 'cut', 'cutAfter', 'drop', 'show', 'hide', 'changeLanguage', 'cursorActivity', 'requireScrollSync', 'requireScrollIntoView', 'setCodeBlockLanguages']; +/** + * Class EventManager + * @ignore + */ + +var EventManager = /*#__PURE__*/function () { + function EventManager() { + this.events = new _utils_map__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"](); + this.TYPE = new tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3___default.a(eventList); + } + /** + * Listen event and bind event handler + * @param {string} typeStr Event type string + * @param {function} handler Event handler + */ + + + var _proto = EventManager.prototype; + + _proto.listen = function listen(typeStr, handler) { + var typeInfo = this._getTypeInfo(typeStr); + + var eventHandlers = this.events.get(typeInfo.type) || []; + + if (!this._hasEventType(typeInfo.type)) { + throw new Error("There is no event type " + typeInfo.type); + } + + if (typeInfo.namespace) { + handler.namespace = typeInfo.namespace; + } + + eventHandlers.push(handler); + this.events.set(typeInfo.type, eventHandlers); + } + /** + * Emit event + * @param {string} eventName Event name to emit + * @returns {Array} + */ + ; + + _proto.emit = function emit() { + for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { + args[_key] = arguments[_key]; + } + + var typeStr = args.shift(); + + var typeInfo = this._getTypeInfo(typeStr); + + var eventHandlers = this.events.get(typeInfo.type); + var results; + + if (eventHandlers) { + tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(eventHandlers, function (handler) { + var result = handler.apply(void 0, args); + + if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(result)) { + results = results || []; + results.push(result); + } + }); + } + + return results; + } + /** + * Emit given event and return result + * @param {string} eventName Event name to emit + * @param {string} sourceText Source text to change + * @returns {string} + */ + ; + + _proto.emitReduce = function emitReduce() { + for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { + args[_key2] = arguments[_key2]; + } + + var type = args.shift(); + var eventHandlers = this.events.get(type); + + if (eventHandlers) { + tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(eventHandlers, function (handler) { + var result = handler.apply(void 0, args); + + if (!tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2___default()(result)) { + args[0] = result; + } + }); + } + + return args[0]; + } + /** + * Get event type and namespace + * @param {string} typeStr Event type name + * @returns {{type: string, namespace: string}} + * @private + */ + ; + + _proto._getTypeInfo = function _getTypeInfo(typeStr) { + var splited = typeStr.split('.'); + return { + type: splited[0], + namespace: splited[1] + }; + } + /** + * Check whether event type exists or not + * @param {string} type Event type name + * @returns {boolean} + * @private + */ + ; + + _proto._hasEventType = function _hasEventType(type) { + return !tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(this.TYPE[this._getTypeInfo(type).type]); + } + /** + * Add event type when given event not exists + * @param {string} type Event type name + */ + ; + + _proto.addEventType = function addEventType(type) { + if (this._hasEventType(type)) { + throw new Error("There is already have event type " + type); + } + + this.TYPE.set(type); + } + /** + * Remove event handler from given event type + * @param {string} typeStr Event type name + * @param {function} [handler] - registered event handler + */ + ; + + _proto.removeEventHandler = function removeEventHandler(typeStr, handler) { + var _this = this; + + var _this$_getTypeInfo = this._getTypeInfo(typeStr), + type = _this$_getTypeInfo.type, + namespace = _this$_getTypeInfo.namespace; + + if (type && handler) { + this._removeEventHandlerWithHandler(type, handler); + } else if (type && !namespace) { + // dont use dot notation cuz eslint + this.events.delete(type); + } else if (!type && namespace) { + this.events.forEach(function (eventHandlers, eventType) { + _this._removeEventHandlerWithTypeInfo(eventType, namespace); + }); + } else if (type && namespace) { + this._removeEventHandlerWithTypeInfo(type, namespace); + } + } + /** + * Remove event handler with event handler + * @param {string} type - event type name + * @param {function} handler - event handler + * @private + */ + ; + + _proto._removeEventHandlerWithHandler = function _removeEventHandlerWithHandler(type, handler) { + var eventHandlers = this.events.get(type) || []; + var handlerIndex = eventHandlers.indexOf(handler); + + if (handlerIndex >= 0) { + eventHandlers.splice(handlerIndex, 1); + } + } + /** + * Remove event handler with event type information + * @param {string} type Event type name + * @param {string} namespace Event namespace + * @private + */ + ; + + _proto._removeEventHandlerWithTypeInfo = function _removeEventHandlerWithTypeInfo(type, namespace) { + var handlersToSurvive = []; + var eventHandlers = this.events.get(type); + + if (!eventHandlers) { + return; + } + + eventHandlers.map(function (handler) { + if (handler.namespace !== namespace) { + handlersToSurvive.push(handler); + } + + return null; + }); + this.events.set(type, handlersToSurvive); + }; + + return EventManager; +}(); + +/* harmony default export */ __webpack_exports__["a"] = (EventManager); + +/***/ }), +/* 37 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony import */ var _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(32); +/* harmony import */ var _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22); +/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__); +/* harmony import */ var _htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(29); +/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0); +/** + * @fileoverview Convertor have responsible to convert markdown and html + * @author NHN FE Development Lab + */ + + + + // This regular expression refere markdownIt. +// https://github.com/markdown-it/markdown-it/blob/master/lib/common/html_re.js + +var attrName = '[a-zA-Z_:][a-zA-Z0-9:._-]*'; +var unquoted = '[^"\'=<>`\\x00-\\x20]+'; +var singleQuoted = "'[^']*'"; +var doubleQuoted = '"[^"]*"'; +var attrValue = "(?:" + unquoted + "|" + singleQuoted + "|" + doubleQuoted + ")"; +var attribute = "(?:\\s+" + attrName + "(?:\\s*=\\s*" + attrValue + ")?)*\\s*"; +var openingTag = "(\\\\<|<)([A-Za-z][A-Za-z0-9\\-]*" + attribute + ")(\\/?>)"; +var HTML_TAG_RX = new RegExp(openingTag, 'g'); +var FRONT_MATTER_RX = /^\s?\\-\\-\\-([\s\S]+?)\\-\\-\\-/; +/** + * Class Convertor + * @param {EventManager} em - EventManager instance + * @ignore + */ + +var Convertor = /*#__PURE__*/function () { + function Convertor(em, options) { + if (options === void 0) { + options = {}; + } + + var _options = options, + linkAttribute = _options.linkAttribute, + customHTMLRenderer = _options.customHTMLRenderer, + extendedAutolinks = _options.extendedAutolinks, + referenceDefinition = _options.referenceDefinition, + customParser = _options.customParser, + frontMatter = _options.frontMatter, + customProp = _options.customProp; + this.options = options; + this.mdReader = new _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__["Parser"]({ + extendedAutolinks: extendedAutolinks, + disallowedHtmlBlockTags: ['br'], + referenceDefinition: referenceDefinition, + disallowDeepHeading: true, + customParser: customParser, + frontMatter: frontMatter + }); + this.renderHTML = Object(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__["createRenderHTML"])({ + gfm: true, + convertors: Object(_htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_2__[/* getHTMLRenderConvertors */ "a"])(linkAttribute, customHTMLRenderer), + customProp: customProp + }); + this.eventManager = em; + } + /** + * _markdownToHtmlWithCodeHighlight + * Convert markdown to html with Codehighlight + * @param {string} markdown markdown text + * @returns {string} html text + * @private + */ + + + var _proto = Convertor.prototype; + + _proto._markdownToHtmlWithCodeHighlight = function _markdownToHtmlWithCodeHighlight(markdown) { + return this.renderHTML(this.mdReader.parse(markdown)); + } + /** + * _markdownToHtml + * Convert markdown to html + * @param {string} markdown markdown text + * @param {object} env environment sandbox for markdownit + * @returns {string} html text + * @private + */ + ; + + _proto._markdownToHtml = function _markdownToHtml(markdown) { + markdown = markdown.replace(HTML_TAG_RX, function (match, $1, $2, $3) { + return match[0] !== '\\' ? "" + $1 + $2 + " data-tomark-pass " + $3 : match; + }); + return this.renderHTML(this.mdReader.parse(markdown)); + } + /** + * Remove BR's data-tomark-pass attribute text when br in code element + * @param {string} renderedHTML Rendered HTML string from markdown editor + * @returns {string} + * @private + */ + ; + + _proto._removeBrToMarkPassAttributeInCode = function _removeBrToMarkPassAttributeInCode(renderedHTML) { + var wrapper = _utils_dom__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"].createElementWith("
" + renderedHTML + "
"); + _utils_dom__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"].findAll(wrapper, 'code, pre').forEach(function (codeOrPre) { + var codeEelement = codeOrPre; + codeEelement.innerHTML = codeEelement.innerHTML.replace(/\sdata-tomark-pass\s(\/?)>/g, '$1>'); + }); + renderedHTML = wrapper.innerHTML; + return renderedHTML; + } + /** + * toHTMLWithCodeHighlight + * Convert markdown to html with Codehighlight + * emit convertorAfterMarkdownToHtmlConverted + * @param {string} markdown markdown text + * @returns {string} html text + */ + ; + + _proto.toHTMLWithCodeHighlight = function toHTMLWithCodeHighlight(markdown) { + var html = this._markdownToHtmlWithCodeHighlight(markdown); + + html = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', html); + return html; + } + /** + * toHTML + * Convert markdown to html + * emit convertorAfterMarkdownToHtmlConverted + * @param {string} markdown markdown text + * @returns {string} html text + */ + ; + + _proto.toHTML = function toHTML(markdown) { + var html = this._markdownToHtml(markdown); + + html = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', html); + html = this._removeBrToMarkPassAttributeInCode(html); + return html; + }; + + _proto.initHtmlSanitizer = function initHtmlSanitizer(sanitizer) { + this.eventManager.listen('convertorAfterMarkdownToHtmlConverted', function (html) { + return sanitizer(html, true); + }); + } + /** + * toMarkdown + * Convert html to markdown + * emit convertorAfterHtmlToMarkdownConverted + * @param {string} html html text + * @param {object | null} toMarkOptions - toMark library options + * @returns {string} markdown text + */ + ; + + _proto.toMarkdown = function toMarkdown(html, toMarkOptions) { + var result = []; + html = this.eventManager.emitReduce('convertorBeforeHtmlToMarkdownConverted', html); + html = this._appendAttributeForLinkIfNeed(html); + html = this._appendAttributeForBrIfNeed(html); + var markdown = _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0___default()(html, toMarkOptions); + + if (this.options.frontMatter) { + markdown = markdown.replace(FRONT_MATTER_RX, '---$1---'); + } + + markdown = this.eventManager.emitReduce('convertorAfterHtmlToMarkdownConverted', markdown); + markdown = this._removeNewlinesBeforeAfterAndBlockElement(markdown); + markdown.split('\n').forEach(function (line, index) { + var FIND_TABLE_RX = /^(
)+\||\|[^|]*\|/gi; + var FIND_CODE_RX = /`[^`]*
[^`]*`/gi; + var FIND_BRS_BEFORE_TABLE = /^(
)+\|/gi; + + if (FIND_TABLE_RX.test(line)) { + line = line.replace(FIND_BRS_BEFORE_TABLE, function (match) { + return match.replace(/
/gi, '
\n'); + }); + } else if (!FIND_CODE_RX.test(line)) { + line = line.replace(/
/gi, '
\n'); + } + + result[index] = line; + }); + return result.join('\n'); + }; + + _proto._removeNewlinesBeforeAfterAndBlockElement = function _removeNewlinesBeforeAfterAndBlockElement(markdown) { + // Newlines('\n\n') are created on to-mark. + var NEWLINES_BEFORE_BLOCK_RX = /
\n\n(#{1,6} .*|```|\||(\*+|-+|\d+\.) .*| *>[^\n]+.*)/g; + var NEWLINES_AFTER_BLOCK_RX = /(#{1,6} .*|```|\|)\n\n
/g; + markdown = markdown.replace(NEWLINES_BEFORE_BLOCK_RX, '
$1'); + markdown = markdown.replace(NEWLINES_AFTER_BLOCK_RX, '$1\n
'); + return markdown; + }; + + _proto._appendAttributeForLinkIfNeed = function _appendAttributeForLinkIfNeed(html) { + var LINK_RX = /!?\[.*\]\(<\s*a[^>]*>(.*?)<\s*\/\s*a>\)/gi; + return html.replace(LINK_RX, function (match) { + return match.replace(//gi; + var FIND_DOUBLE_BR_RX = /

/gi; + var FIND_PASSING_AND_NORMAL_BR_RX = /

(.)/gi; + var FIRST_TWO_BRS_BEFORE_RX = /([^>]|<\/a>|<\/code>|<\/span>|<\/b>|<\/i>|<\/s>|]*>)/; + var TWO_BRS_RX = /

/; + var FIND_FIRST_TWO_BRS_RX = new RegExp(FIRST_TWO_BRS_BEFORE_RX.source + TWO_BRS_RX.source, 'g'); + var FIND_ATTRI_WITH_EMTPY_STR_RX = /
/gi; + html = html.replace(FIND_BR_RX, '
'); + html = html.replace(FIND_DOUBLE_BR_RX, '

'); + html = html.replace(FIND_ATTRI_WITH_EMTPY_STR_RX, '
'); + html = html.replace(FIND_PASSING_AND_NORMAL_BR_RX, '

$1'); + html = html.replace(FIND_FIRST_TWO_BRS_RX, '$1

'); // Preserve
when there is only one empty line before or after a block element. + + html = html.replace(/(.)

(|
||
    |
      |
      )/g, '$1

      $2');
+    html = html.replace(/(<\/h[1-6]>|<\/pre>|<\/table>|<\/ul>|<\/ol>|<\/blockquote>)
      (.)/g, '$1
      $2');
+    return html;
+  };
+
+  return Convertor;
+}();
+
+/* harmony default export */ __webpack_exports__["a"] = (Convertor);
+
+/***/ }),
+/* 38 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/css.js
+var css = __webpack_require__(4);
+var css_default = /*#__PURE__*/__webpack_require__.n(css);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isString.js
+var isString = __webpack_require__(9);
+var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
+
+// CONCATENATED MODULE: ./src/js/lazyRunner.js
+/**
+ * @fileoverview Implements LazyRunner
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class LazyRunner
+ * @ignore
+ */
+
+var lazyRunner_LazyRunner = /*#__PURE__*/function () {
+  function LazyRunner() {
+    this.globalTOID = null;
+    this.lazyRunFunctions = {};
+  }
+
+  var _proto = LazyRunner.prototype;
+
+  _proto.run = function run(fn, params, context, delay) {
+    var TOID;
+
+    if (isString_default()(fn)) {
+      TOID = this._runRegisteredRun(fn, params, context, delay);
+    } else {
+      TOID = this._runSingleRun(fn, params, context, delay, this.globalTOID);
+      this.globalTOID = TOID;
+    }
+
+    return TOID;
+  };
+
+  _proto.registerLazyRunFunction = function registerLazyRunFunction(name, fn, delay, context) {
+    context = context || this;
+    this.lazyRunFunctions[name] = {
+      fn: fn,
+      delay: delay,
+      context: context,
+      TOID: null
+    };
+  };
+
+  _proto._runSingleRun = function _runSingleRun(fn, params, context, delay, TOID) {
+    this._clearTOIDIfNeed(TOID);
+
+    TOID = setTimeout(function () {
+      fn.call(context, params);
+    }, delay);
+    return TOID;
+  };
+
+  _proto._runRegisteredRun = function _runRegisteredRun(lazyRunName, params, context, delay) {
+    var lazyRunFunction = this.lazyRunFunctions[lazyRunName];
+    var fn = lazyRunFunction.fn;
+    var TOID = lazyRunFunction.TOID;
+    delay = delay || lazyRunFunction.delay;
+    context = context || lazyRunFunction.context;
+    TOID = this._runSingleRun(fn, params, context, delay, TOID);
+    lazyRunFunction.TOID = TOID;
+    return TOID;
+  };
+
+  _proto._clearTOIDIfNeed = function _clearTOIDIfNeed(TOID) {
+    if (TOID) {
+      clearTimeout(TOID);
+    }
+  };
+
+  return LazyRunner;
+}();
+
+/* harmony default export */ var lazyRunner = (lazyRunner_LazyRunner);
+// EXTERNAL MODULE: ./src/js/utils/dom.js
+var dom = __webpack_require__(0);
+
+// EXTERNAL MODULE: ./src/js/codeBlockManager.js
+var codeBlockManager = __webpack_require__(30);
+
+// CONCATENATED MODULE: ./src/js/preview.js
+/**
+ * @fileoverview Implements preview
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Class Preview
+ * @param {HTMLElement} el - Container element for preview
+ * @param {EventManager} eventManager -  Event manager instance
+ * @param {Convertor} convertor - Convertor instance
+ * @param {boolean} isViewer - whether viewer mode or not
+ * @ignore
+ */
+
+var preview_Preview = /*#__PURE__*/function () {
+  function Preview(el, eventManager, convertor, isViewer) {
+    this.eventManager = eventManager;
+    this.convertor = convertor;
+    this.el = el;
+    this.isViewer = !!isViewer;
+    this.delayCodeBlockTime = 500;
+
+    this._initContentSection();
+
+    this.lazyRunner = new lazyRunner();
+  }
+  /**
+   * Initialize content selection
+   * @private
+   */
+
+
+  var _proto = Preview.prototype;
+
+  _proto._initContentSection = function _initContentSection() {
+    this._previewContent = dom["a" /* default */].createElementWith("
      ");
+    this.el.appendChild(this._previewContent);
+  };
+
+  _proto.getCodeBlockElements = function getCodeBlockElements(nodeIds) {
+    var contentEl = this._previewContent;
+    var codeEls = [];
+    var targetEls;
+
+    if (nodeIds) {
+      targetEls = nodeIds.map(function (id) {
+        return contentEl.querySelector("[data-nodeid=\"" + id + "\"]");
+      }).filter(Boolean);
+    } else {
+      targetEls = [contentEl];
+    }
+
+    targetEls.forEach(function (targetEl) {
+      codeEls.push.apply(codeEls, dom["a" /* default */].findAll(targetEl, 'code[data-language]'));
+    });
+    return codeEls;
+  };
+
+  _proto.invokeCodeBlockPlugins = function invokeCodeBlockPlugins(codeBlocks) {
+    codeBlocks.forEach(function (codeBlock) {
+      var lang = codeBlock.getAttribute('data-language');
+      var html = codeBlockManager["a" /* default */].createCodeBlockHtml(lang, codeBlock.textContent);
+      codeBlock.innerHTML = html;
+    });
+  }
+  /**
+   * Refresh rendering
+   * @param {string} markdown Markdown text
+   */
+  ;
+
+  _proto.refresh = function refresh(markdown) {
+    if (markdown === void 0) {
+      markdown = '';
+    }
+
+    this.render(this.convertor.toHTMLWithCodeHighlight(markdown));
+    this.invokeCodeBlockPlugins(this.getCodeBlockElements());
+  }
+  /**
+   * get html string
+   * @returns {string} - html preview string
+   */
+  ;
+
+  _proto.getHTML = function getHTML() {
+    return this._previewContent.innerHTML;
+  }
+  /**
+   * set html string
+   * @param {string} html - html preview string
+   */
+  ;
+
+  _proto.setHTML = function setHTML(html) {
+    this._previewContent.innerHTML = html;
+  }
+  /**
+   * Render HTML on preview
+   * @param {string} html HTML string
+   */
+  ;
+
+  _proto.render = function render(html) {
+    var _previewContent = this._previewContent;
+    html = this.eventManager.emit('previewBeforeHook', html) || html;
+    dom["a" /* default */].empty(_previewContent);
+    _previewContent.innerHTML = html;
+  }
+  /**
+   * Set preview height
+   * @param {number} height - Height for preview container
+   */
+  ;
+
+  _proto.setHeight = function setHeight(height) {
+    css_default()(this.el, {
+      height: height + "px"
+    });
+  }
+  /**
+   * set min height
+   * @param {number} minHeight - min height
+   */
+  ;
+
+  _proto.setMinHeight = function setMinHeight(minHeight) {
+    css_default()(this.el, {
+      minHeight: minHeight + "px"
+    });
+  }
+  /**
+   * Is Preview visible
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isVisible = function isVisible() {
+    return this.el.style.display !== 'none';
+  };
+
+  return Preview;
+}();
+
+/* harmony default export */ var preview = __webpack_exports__["a"] = (preview_Preview);
+
+/***/ }),
+/* 39 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Set className value
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+var isUndefined = __webpack_require__(8);
+
+/**
+ * Set className value
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {(string|string[])} cssClass - class names
+ * @private
+ */
+function setClassName(element, cssClass) {
+  cssClass = isArray(cssClass) ? cssClass.join(' ') : cssClass;
+
+  cssClass = cssClass.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
+
+  if (isUndefined(element.className.baseVal)) {
+    element.className = cssClass;
+
+    return;
+  }
+
+  element.className.baseVal = cssClass;
+}
+
+module.exports = setClassName;
+
+
+/***/ }),
+/* 40 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Get event collection for specific HTML element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var EVENT_KEY = '_feEventKey';
+
+/**
+ * Get event collection for specific HTML element
+ * @param {HTMLElement} element - HTML element
+ * @param {string} type - event type
+ * @returns {array}
+ * @private
+ */
+function safeEvent(element, type) {
+  var events = element[EVENT_KEY];
+  var handlers;
+
+  if (!events) {
+    events = element[EVENT_KEY] = {};
+  }
+
+  handlers = events[type];
+  if (!handlers) {
+    handlers = events[type] = [];
+  }
+
+  return handlers;
+}
+
+module.exports = safeEvent;
+
+
+/***/ }),
+/* 41 */,
+/* 42 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is truthy or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isExisty = __webpack_require__(28);
+
+/**
+ * Check whether the given variable is truthy or not.
+ * If the given variable is not null or not undefined or not false, returns true.
+ * (It regards 0 as true)
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is truthy?
+ * @memberof module:type
+ */
+function isTruthy(obj) {
+  return isExisty(obj) && obj !== false;
+}
+
+module.exports = isTruthy;
+
+
+/***/ }),
+/* 43 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Send hostname on DOMContentLoaded.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+var imagePing = __webpack_require__(49);
+
+var ms7days = 7 * 24 * 60 * 60 * 1000;
+
+/**
+ * Check if the date has passed 7 days
+ * @param {number} date - milliseconds
+ * @returns {boolean}
+ * @private
+ */
+function isExpired(date) {
+  var now = new Date().getTime();
+
+  return now - date > ms7days;
+}
+
+/**
+ * Send hostname on DOMContentLoaded.
+ * To prevent hostname set tui.usageStatistics to false.
+ * @param {string} appName - application name
+ * @param {string} trackingId - GA tracking ID
+ * @ignore
+ */
+function sendHostname(appName, trackingId) {
+  var url = 'https://www.google-analytics.com/collect';
+  var hostname = location.hostname;
+  var hitType = 'event';
+  var eventCategory = 'use';
+  var applicationKeyForStorage = 'TOAST UI ' + appName + ' for ' + hostname + ': Statistics';
+  var date = window.localStorage.getItem(applicationKeyForStorage);
+
+  // skip if the flag is defined and is set to false explicitly
+  if (!isUndefined(window.tui) && window.tui.usageStatistics === false) {
+    return;
+  }
+
+  // skip if not pass seven days old
+  if (date && !isExpired(date)) {
+    return;
+  }
+
+  window.localStorage.setItem(applicationKeyForStorage, new Date().getTime());
+
+  setTimeout(function() {
+    if (document.readyState === 'interactive' || document.readyState === 'complete') {
+      imagePing(url, {
+        v: 1,
+        t: hitType,
+        tid: trackingId,
+        cid: hostname,
+        dp: hostname,
+        dh: appName,
+        el: appName,
+        ec: eventCategory
+      });
+    }
+  }, 1000);
+}
+
+module.exports = sendHostname;
+
+
+/***/ }),
+/* 44 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is falsy or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isTruthy = __webpack_require__(42);
+
+/**
+ * Check whether the given variable is falsy or not.
+ * If the given variable is null or undefined or false, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is falsy?
+ * @memberof module:type
+ */
+function isFalsy(obj) {
+  return !isTruthy(obj);
+}
+
+module.exports = isFalsy;
+
+
+/***/ }),
+/* 45 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview This module provides a Enum Constructor.
+ * @author NHN FE Development Lab 
+ * @example
+ * // node, commonjs
+ * var Enum = require('tui-code-snippet/enum/enum');
+ */
+
+
+
+var isNumber = __webpack_require__(34);
+var isArray = __webpack_require__(17);
+var toArray = __webpack_require__(3);
+var forEach = __webpack_require__(26);
+
+/**
+ * Check whether the defineProperty() method is supported.
+ * @type {boolean}
+ * @ignore
+ */
+var isSupportDefinedProperty = (function() {
+  try {
+    Object.defineProperty({}, 'x', {});
+
+    return true;
+  } catch (e) {
+    return false;
+  }
+})();
+
+/**
+ * A unique value of a constant.
+ * @type {number}
+ * @ignore
+ */
+var enumValue = 0;
+
+/**
+ * Make a constant-list that has unique values.
+ * In modern browsers (except IE8 and lower),
+ *  a value defined once can not be changed.
+ *
+ * @param {...string|string[]} itemList Constant-list (An array of string is available)
+ * @class
+ *
+ * @example
+ * var Enum = require('tui-code-snippet/enum/enum'); // node, commonjs
+ *
+ * var MYENUM = new Enum('TYPE1', 'TYPE2');
+ * var MYENUM2 = new Enum(['TYPE1', 'TYPE2']);
+ *
+ * //usage
+ * if (value === MYENUM.TYPE1) {
+ *      ....
+ * }
+ *
+ * //add (If a duplicate name is inputted, will be disregarded.)
+ * MYENUM.set('TYPE3', 'TYPE4');
+ *
+ * //get name of a constant by a value
+ * MYENUM.getName(MYENUM.TYPE1); // 'TYPE1'
+ *
+ * // In modern browsers (except IE8 and lower), a value can not be changed in constants.
+ * var originalValue = MYENUM.TYPE1;
+ * MYENUM.TYPE1 = 1234; // maybe TypeError
+ * MYENUM.TYPE1 === originalValue; // true
+ **/
+function Enum(itemList) {
+  if (itemList) {
+    this.set.apply(this, arguments);
+  }
+}
+
+/**
+ * Define a constants-list
+ * @param {...string|string[]} itemList Constant-list (An array of string is available)
+ */
+Enum.prototype.set = function(itemList) {
+  var self = this;
+
+  if (!isArray(itemList)) {
+    itemList = toArray(arguments);
+  }
+
+  forEach(itemList, function itemListIteratee(item) {
+    self._addItem(item);
+  });
+};
+
+/**
+ * Return a key of the constant.
+ * @param {number} value A value of the constant.
+ * @returns {string|undefined} Key of the constant.
+ */
+Enum.prototype.getName = function(value) {
+  var self = this;
+  var foundedKey;
+
+  forEach(this, function(itemValue, key) { // eslint-disable-line consistent-return
+    if (self._isEnumItem(key) && value === itemValue) {
+      foundedKey = key;
+
+      return false;
+    }
+  });
+
+  return foundedKey;
+};
+
+/**
+ * Create a constant.
+ * @private
+ * @param {string} name Constant name. (It will be a key of a constant)
+ */
+Enum.prototype._addItem = function(name) {
+  var value;
+
+  if (!this.hasOwnProperty(name)) {
+    value = this._makeEnumValue();
+
+    if (isSupportDefinedProperty) {
+      Object.defineProperty(this, name, {
+        enumerable: true,
+        configurable: false,
+        writable: false,
+        value: value
+      });
+    } else {
+      this[name] = value;
+    }
+  }
+};
+
+/**
+ * Return a unique value for assigning to a constant.
+ * @private
+ * @returns {number} A unique value
+ */
+Enum.prototype._makeEnumValue = function() {
+  var value;
+
+  value = enumValue;
+  enumValue += 1;
+
+  return value;
+};
+
+/**
+ * Return whether a constant from the given key is in instance or not.
+ * @param {string} key - A constant key
+ * @returns {boolean} Result
+ * @private
+ */
+Enum.prototype._isEnumItem = function(key) {
+  return isNumber(this[key]);
+};
+
+module.exports = Enum;
+
+
+/***/ }),
+/* 46 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
+/* harmony import */ var tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(19);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _mdPreview__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(35);
+/* harmony import */ var _eventManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(36);
+/* harmony import */ var _commandManager__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1);
+/* harmony import */ var _convertor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(37);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(0);
+/* harmony import */ var _codeBlockManager__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(30);
+/* harmony import */ var _pluginHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(31);
+/* harmony import */ var _utils_common__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(12);
+/* harmony import */ var _htmlSanitizer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(25);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * @fileoverview Implements editor preivew
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+var TASK_ATTR_NAME = 'data-te-task';
+var DISABLED_TASK_ATTR_NAME = 'data-te-task-disabled';
+var TASK_CHECKED_CLASS_NAME = 'checked';
+/**
+ * Class ToastUIEditorViewer
+ * @param {object} options Option object
+ *     @param {HTMLElement} options.el - container element
+ *     @param {string} [options.initialValue] Editor's initial value
+ *     @param {Object} [options.events] - Events
+ *         @param {function} [options.events.load] - It would be emitted when editor fully load
+ *         @param {function} [options.events.change] - It would be emitted when content changed
+ *         @param {function} [options.events.stateChange] - It would be emitted when format change by cursor position
+ *         @param {function} [options.events.focus] - It would be emitted when editor get focus
+ *         @param {function} [options.events.blur] - It would be emitted when editor loose focus
+ *     @param {Object} [options.hooks] - Hooks
+ *         @param {function} [options.hooks.previewBeforeHook] - Submit preview to hook URL before preview be shown
+ *     @param {Array.} [options.plugins] - Array of plugins. A plugin can be either a function or an array in the form of [function, options].
+ *     @param {boolean} [options.useDefaultHTMLSanitizer=true] - use default htmlSanitizer
+ *     @param {Object} [options.extendedAutolinks] - Using extended Autolinks specified in GFM spec
+ *     @param {Object} [options.customConvertor] - convertor extention
+ *     @param {Object} [options.linkAttribute] - Attributes of anchor element that should be rel, target, contenteditable, hreflang, type
+ *     @param {Object} [options.customHTMLRenderer] - Object containing custom renderer functions correspond to markdown node
+ *     @param {boolean} [options.referenceDefinition=false] - whether use the specification of link reference definition
+ *     @param {function} [options.customHTMLSanitizer=null] - custom HTML sanitizer
+ *     @param {boolean} [options.frontMatter=false] - whether use the front matter
+ */
+
+var ToastUIEditorViewer = /*#__PURE__*/function () {
+  function ToastUIEditorViewer(options) {
+    var _this = this;
+
+    this.options = tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1___default()({
+      useDefaultHTMLSanitizer: true,
+      linkAttribute: null,
+      extendedAutolinks: false,
+      customConvertor: null,
+      customHTMLRenderer: null,
+      referenceDefinition: false,
+      customHTMLSanitizer: null,
+      frontMatter: false
+    }, options);
+    this.codeBlockLanguages = [];
+    this.eventManager = new _eventManager__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"]();
+    this.commandManager = new _commandManager__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"](this);
+    var linkAttribute = Object(_utils_common__WEBPACK_IMPORTED_MODULE_11__[/* sanitizeLinkAttribute */ "c"])(this.options.linkAttribute);
+
+    var _getPluginInfo = Object(_pluginHelper__WEBPACK_IMPORTED_MODULE_10__[/* getPluginInfo */ "a"])(this.options.plugins),
+        renderer = _getPluginInfo.renderer,
+        parser = _getPluginInfo.parser,
+        plugins = _getPluginInfo.plugins;
+
+    var _this$options = this.options,
+        customHTMLRenderer = _this$options.customHTMLRenderer,
+        customHTMLSanitizer = _this$options.customHTMLSanitizer,
+        extendedAutolinks = _this$options.extendedAutolinks,
+        referenceDefinition = _this$options.referenceDefinition,
+        frontMatter = _this$options.frontMatter;
+    var rendererOptions = {
+      linkAttribute: linkAttribute,
+      customHTMLRenderer: _extends({}, renderer, customHTMLRenderer),
+      extendedAutolinks: extendedAutolinks,
+      referenceDefinition: referenceDefinition,
+      customParser: parser,
+      frontMatter: frontMatter
+    };
+
+    if (this.options.customConvertor) {
+      // eslint-disable-next-line new-cap
+      this.convertor = new this.options.customConvertor(this.eventManager, rendererOptions);
+    } else {
+      this.convertor = new _convertor__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"](this.eventManager, rendererOptions);
+    }
+
+    var sanitizer = customHTMLSanitizer || (this.options.useDefaultHTMLSanitizer ? _htmlSanitizer__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"] : null);
+
+    if (sanitizer) {
+      this.convertor.initHtmlSanitizer(sanitizer);
+    }
+
+    if (this.options.hooks) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(this.options.hooks, function (fn, key) {
+        _this.addHook(key, fn);
+      });
+    }
+
+    if (this.options.events) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(this.options.events, function (fn, key) {
+        _this.on(key, fn);
+      });
+    }
+
+    var _this$options2 = this.options,
+        el = _this$options2.el,
+        initialValue = _this$options2.initialValue;
+    var existingHTML = el.innerHTML;
+    el.innerHTML = '';
+    this.preview = new _mdPreview__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"](el, this.eventManager, this.convertor, _extends({}, rendererOptions, {
+      isViewer: true
+    }));
+    tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2___default()(this.preview.el, 'mousedown', this._toggleTask.bind(this));
+
+    if (plugins) {
+      Object(_pluginHelper__WEBPACK_IMPORTED_MODULE_10__[/* invokePlugins */ "b"])(plugins, this);
+    }
+
+    if (initialValue) {
+      this.setMarkdown(initialValue);
+    } else if (existingHTML) {
+      this.preview.setHTML(existingHTML);
+    }
+
+    this.eventManager.emit('load', this);
+  }
+  /**
+   * Toggle task by detecting mousedown event.
+   * @param {MouseEvent} ev - event
+   * @private
+   */
+
+
+  var _proto = ToastUIEditorViewer.prototype;
+
+  _proto._toggleTask = function _toggleTask(ev) {
+    var style = getComputedStyle(ev.target, ':before');
+
+    if (!ev.target.hasAttribute(DISABLED_TASK_ATTR_NAME) && ev.target.hasAttribute(TASK_ATTR_NAME) && _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"].isInsideButtonBox(style, ev.offsetX, ev.offsetY)) {
+      _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"].toggleClass(ev.target, TASK_CHECKED_CLASS_NAME);
+      this.eventManager.emit('change', {
+        source: 'viewer',
+        data: ev
+      });
+    }
+  }
+  /**
+   * Set content for preview
+   * @param {string} markdown Markdown text
+   */
+  ;
+
+  _proto.setMarkdown = function setMarkdown(markdown) {
+    this.markdownValue = markdown = markdown || '';
+    this.preview.refresh(this.markdownValue);
+    this.eventManager.emit('setMarkdownAfter', this.markdownValue);
+  }
+  /**
+   * Bind eventHandler to event type
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.on = function on(type, handler) {
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Unbind eventHandler from event type
+   * @param {string} type Event type
+   */
+  ;
+
+  _proto.off = function off(type) {
+    this.eventManager.removeEventHandler(type);
+  }
+  /**
+   * Remove Viewer preview from document
+   */
+  ;
+
+  _proto.remove = function remove() {
+    this.eventManager.emit('removeEditor');
+    tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3___default()(this.preview.el, 'mousedown', this._toggleTask.bind(this));
+    this.preview.remove();
+    this.options = null;
+    this.eventManager = null;
+    this.commandManager = null;
+    this.convertor = null;
+    this.preview = null;
+  }
+  /**
+   * Add hook to Viewer preview's event
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.addHook = function addHook(type, handler) {
+    this.eventManager.removeEventHandler(type);
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Return true
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isViewer = function isViewer() {
+    return true;
+  }
+  /**
+   * Return false
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isMarkdownMode = function isMarkdownMode() {
+    return false;
+  }
+  /**
+   * Return false
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isWysiwygMode = function isWysiwygMode() {
+    return false;
+  }
+  /**
+   * Set code block languages
+   * @param {Array} languages - code lauguage list
+   */
+  ;
+
+  _proto.setCodeBlockLanguages = function setCodeBlockLanguages(languages) {
+    var _this2 = this;
+
+    if (languages === void 0) {
+      languages = [];
+    }
+
+    languages.forEach(function (lang) {
+      if (_this2.codeBlockLanguages.indexOf(lang) < 0) {
+        _this2.codeBlockLanguages.push(lang);
+      }
+    });
+  };
+
+  return ToastUIEditorViewer;
+}();
+/**
+ * Check whether is viewer (using in plugins)
+ * @type {boolean}
+ * @ignore
+ */
+
+
+ToastUIEditorViewer.isViewer = true;
+/**
+ * domUtil instance
+ * @type {DomUtil}
+ * @ignore
+ */
+
+ToastUIEditorViewer.domUtils = _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"];
+/**
+ * CodeBlockManager instance using in plugins
+ * @type {CodeBlockManager}
+ * @ignore
+ */
+
+ToastUIEditorViewer.codeBlockManager = _codeBlockManager__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"];
+/**
+ * WwCodeBlockManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwCodeBlockManager = null;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwTableManager = null;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwTableSelectionManager = null;
+/* harmony default export */ __webpack_exports__["a"] = (ToastUIEditorViewer);
+
+/***/ }),
+/* 47 */,
+/* 48 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is null or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is null or not.
+ * If the given variable(arguments[0]) is null, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is null?
+ * @memberof module:type
+ */
+function isNull(obj) {
+  return obj === null;
+}
+
+module.exports = isNull;
+
+
+/***/ }),
+/* 49 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Request image ping.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachOwnProperties = __webpack_require__(10);
+
+/**
+ * @module request
+ */
+
+/**
+ * Request image ping.
+ * @param {String} url url for ping request
+ * @param {Object} trackingInfo infos for make query string
+ * @returns {HTMLElement}
+ * @memberof module:request
+ * @example
+ * var imagePing = require('tui-code-snippet/request/imagePing'); // node, commonjs
+ *
+ * imagePing('https://www.google-analytics.com/collect', {
+ *     v: 1,
+ *     t: 'event',
+ *     tid: 'trackingid',
+ *     cid: 'cid',
+ *     dp: 'dp',
+ *     dh: 'dh'
+ * });
+ */
+function imagePing(url, trackingInfo) {
+  var trackingElement = document.createElement('img');
+  var queryString = '';
+  forEachOwnProperties(trackingInfo, function(value, key) {
+    queryString += '&' + key + '=' + value;
+  });
+  queryString = queryString.substring(1);
+
+  trackingElement.src = url + '?' + queryString;
+
+  trackingElement.style.display = 'none';
+  document.body.appendChild(trackingElement);
+  document.body.removeChild(trackingElement);
+
+  return trackingElement;
+}
+
+module.exports = imagePing;
+
+
+/***/ }),
+/* 50 */,
+/* 51 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 52 */,
+/* 53 */,
+/* 54 */,
+/* 55 */,
+/* 56 */,
+/* 57 */,
+/* 58 */,
+/* 59 */,
+/* 60 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _viewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(46);
+/* harmony import */ var _css_contents_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
+/* harmony import */ var _css_contents_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_contents_css__WEBPACK_IMPORTED_MODULE_1__);
+/**
+ * @fileoverview entry point for viewer
+ * @author NHN FE Development Lab 
+ */
+
+
+/* harmony default export */ __webpack_exports__["default"] = (_viewer__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"]);
+
+/***/ })
+/******/ ])["default"];
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor.css b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor.css
new file mode 100644
index 0000000000..2cee463091
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor.css
@@ -0,0 +1,1804 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+@charset "utf-8";
+/* height */
+.auto-height,
+.auto-height .tui-editor-defaultUI {
+  height: auto;
+}
+
+.auto-height .tui-editor {
+  position: relative;
+}
+
+:not(.auto-height) > .tui-editor-defaultUI,
+:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section {
+  -ms-flex: 1;
+  flex: 1;
+}
+
+/* tui editor */
+.tui-editor:after,
+.tui-editor-defaultUI-toolbar:after {
+  content: '';
+  display: block;
+  height: 0;
+  clear: both;
+}
+
+.tui-editor {
+  position: absolute;
+  line-height: 1;
+  color: #222;
+  width: 100%;
+  height: inherit;
+}
+
+.te-editor-section {
+  min-height: 0px;
+  position: relative;
+  height: inherit;
+}
+
+.te-md-container {
+  display: none;
+  overflow: hidden;
+  height: 100%;
+}
+
+.te-md-container .te-editor {
+  line-height: 1.5;
+}
+
+.te-md-container .te-editor,
+.te-md-container .te-preview {
+  box-sizing: border-box;
+  padding: 0;
+  height: inherit;
+}
+
+.te-md-container .CodeMirror {
+  font-size: 13px;
+  height: inherit;
+}
+
+.te-md-container .te-preview {
+  overflow: auto;
+  padding: 0 25px;
+  height: 100%;
+}
+
+.te-md-container .te-preview > p:first-child {
+  margin-top: 0 !important;
+}
+
+.te-md-container .te-preview .tui-editor-contents {
+  padding-top: 8px;
+}
+
+.tui-editor .te-preview-style-tab > .te-editor,
+.tui-editor .te-preview-style-tab > .te-preview {
+  float: left;
+  width: 100%;
+  display: none;
+}
+
+.tui-editor .te-preview-style-tab > .te-tab-active {
+  display: block;
+}
+
+.tui-editor .te-preview-style-vertical > .te-tab-section {
+  display: none;
+}
+
+.tui-editor .te-preview-style-tab > .te-tab-section {
+  display: block;
+}
+
+.tui-editor .te-preview-style-vertical .te-editor {
+  float: left;
+  width: 50%;
+}
+
+.tui-editor .te-preview-style-vertical .te-preview {
+  float: left;
+  width: 50%;
+}
+
+.tui-editor .te-md-splitter {
+  display: none;
+  position: absolute;
+  left: 50%;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  border-left: 1px solid #e5e5e5;
+}
+
+.tui-editor .te-preview-style-vertical .te-md-splitter {
+  display: block;
+}
+
+.te-ww-container {
+  display: none;
+  overflow: hidden;
+  z-index: 10;
+  height: inherit;
+  background-color: #fff;
+}
+
+.te-ww-container > .te-editor {
+  overflow: auto;
+  height: inherit;
+}
+
+.te-ww-container .tui-editor-contents:focus {
+  outline: none;
+}
+
+.te-ww-container .tui-editor-contents {
+  padding: 0 25px;
+}
+
+.te-ww-container .tui-editor-contents:first-child {
+  box-sizing: border-box;
+  margin: 0px;
+  padding: 16px 25px 0px 25px;
+  height: inherit;
+}
+
+.te-ww-container .tui-editor-contents:last-child {
+  margin-bottom: 16px;
+}
+
+.te-md-mode .te-md-container {
+  display: block;
+  z-index: 100;
+}
+
+.te-ww-mode .te-ww-container {
+  display: block;
+  z-index: 100;
+}
+
+.tui-editor.te-hide,
+.tui-editor-defaultUI.te-hide {
+  display: none;
+}
+
+.tui-editor-defaultUI .CodeMirror-lines {
+  padding-top: 18px;
+  padding-bottom: 18px;
+}
+
+.tui-editor-defaultUI pre.CodeMirror-line {
+  padding-left: 25px;
+  padding-right: 25px;
+}
+
+.tui-editor-defaultUI .CodeMirror pre.CodeMirror-placeholder {
+  margin: 0;
+  padding-left: 25px;
+  color: grey;
+}
+
+.tui-editor-defaultUI .CodeMirror-scroll {
+  cursor: text;
+}
+
+/* Essential element style */
+.tui-editor-contents td.te-cell-selected {
+  background-color: #d8dfec;
+}
+.tui-editor-contents td.te-cell-selected::selection {
+  background-color: #d8dfec;
+}
+.tui-editor-contents th.te-cell-selected {
+  background-color: #908f8f;
+}
+.tui-editor-contents th.te-cell-selected::selection {
+  background-color: #908f8f;
+}
+
+/* default UI Styles */
+.tui-editor-defaultUI {
+  position: relative;
+  border: 1px solid #e5e5e5;
+  height: 100%;
+  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕',
+    'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;
+}
+
+.tui-editor-defaultUI button {
+  color: #fff;
+  padding: 0px 14px 0px 15px;
+  height: 28px;
+  font-size: 12px;
+  border: none;
+  cursor: pointer;
+  outline: none;
+}
+.tui-editor-defaultUI button.te-ok-button {
+  background-color: #4b96e6;
+}
+.tui-editor-defaultUI button.te-close-button {
+  background-color: #777;
+}
+
+.tui-editor-defaultUI-toolbar {
+  padding: 0 25px;
+  height: 31px;
+  background-color: #fff;
+  border: 0;
+  overflow: hidden;
+}
+
+.tui-toolbar-divider {
+  float: left;
+  display: inline-block;
+  width: 1px;
+  height: 14px;
+  background-color: #ddd;
+  margin: 9px 6px;
+}
+
+.tui-toolbar-button-group {
+  height: 28px;
+  border-right: 1px solid #d9d9d9;
+  float: left;
+}
+
+.te-toolbar-section {
+  height: 32px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.tui-editor-defaultUI-toolbar button {
+  float: left;
+  box-sizing: border-box;
+  outline: none;
+  cursor: pointer;
+  background-color: #fff;
+  width: 22px;
+  height: 22px;
+  padding: 3px;
+  border-radius: 0;
+  margin: 5px 3px;
+  border: 1px solid #fff;
+}
+
+.tui-editor-defaultUI-toolbar button:hover,
+.tui-editor-defaultUI-toolbar button:active,
+.tui-editor-defaultUI-toolbar button.active {
+  border: 1px solid #aaa;
+  background-color: #fff;
+}
+
+.tui-editor-defaultUI-toolbar button:first-child {
+  margin-left: 0;
+}
+
+.tui-editor-defaultUI-toolbar button:last-child {
+  margin-right: 0;
+}
+
+.tui-editor-defaultUI-toolbar button.tui-scrollsync {
+  width: auto;
+  color: #777777;
+  border: 0;
+}
+
+.tui-editor-defaultUI button.tui-scrollsync:after {
+  content: 'Scroll off';
+}
+
+.tui-editor-defaultUI button.tui-scrollsync.active {
+  color: #4b96e6;
+  font-weight: bold;
+}
+
+.tui-editor-defaultUI button.tui-scrollsync.active:after {
+  content: 'Scroll on';
+}
+
+.tui-editor-defaultUI .te-mode-switch-section {
+  background-color: #f9f9f9;
+  border-top: 1px solid #e5e5e5;
+  height: 20px;
+  font-size: 12px;
+}
+
+.tui-editor-defaultUI .te-mode-switch {
+  float: right;
+  height: 100%;
+}
+
+.tui-editor-defaultUI .te-switch-button {
+  width: 92px;
+  height: inherit;
+  background: #e5e5e5;
+  outline: 0;
+  color: #a0aabf;
+  cursor: pointer;
+  border: 0;
+  border-left: 1px solid #ddd;
+  border-right: 1px solid #ddd;
+}
+
+.tui-editor-defaultUI .te-switch-button.active {
+  background-color: #fff;
+  color: #000;
+}
+
+.tui-editor-defaultUI .te-markdown-tab-section {
+  float: left;
+  height: 31px;
+  background: #fff;
+}
+
+.te-markdown-tab-section .te-tab {
+  margin: 0 -7px 0 24px;
+  background: #fff;
+}
+
+.tui-editor-defaultUI .te-tab button {
+  box-sizing: border-box;
+  line-height: 100%;
+  position: relative;
+  cursor: pointer;
+  z-index: 1;
+  font-size: 13px;
+  background-color: #f9f9f9;
+  border: solid 1px #e5e5e5;
+  border-top: 0;
+  padding: 0 9px;
+  color: #777;
+  border-radius: 0;
+  outline: 0;
+}
+
+.te-markdown-tab-section .te-tab button:last-child {
+  margin-left: -1px;
+}
+
+.te-markdown-tab-section .te-tab button.te-tab-active,
+.te-markdown-tab-section .te-tab button:hover.te-tab-active {
+  background-color: #fff;
+  color: #333;
+  border-bottom: 1px solid #fff;
+  z-index: 2;
+}
+
+.te-markdown-tab-section .te-tab button:hover {
+  background-color: #fff;
+  color: #333;
+}
+
+.tui-popup-modal-background {
+  background-color: rgba(202, 202, 202, 0.6);
+  position: fixed;
+  margin: 0px;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+}
+
+.tui-popup-wrapper.fit-window,
+.tui-popup-modal-background.fit-window .tui-popup-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.tui-popup-wrapper {
+  width: 500px;
+  margin-right: auto;
+  border: 1px solid #cacaca;
+  background: white;
+  z-index: 9999;
+}
+
+.tui-popup-modal-background .tui-popup-wrapper {
+  position: absolute;
+  margin: auto;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+.tui-popup-header {
+  padding: 10px;
+  height: auto;
+  line-height: normal;
+  position: relative;
+  border-bottom: 1px solid #cacaca;
+}
+
+.tui-popup-header .tui-popup-header-buttons {
+  float: right;
+}
+
+.tui-popup-header .tui-popup-header-buttons button {
+  padding: 0px;
+  background-color: transparent;
+  background-size: cover;
+  float: left;
+}
+
+.tui-popup-header .tui-popup-close-button {
+  margin: 3px;
+  width: 13px;
+  height: 13px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMCAxMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5GMjc2Qzc4MC0zM0JBLTQ3MTItQTM3OC04RkQwQUNDOTFDRTk8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImxuYi1mb2xkZXItZGVsIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiM3Nzc3NzciPiAgICAgICAgICAgIDxwYXRoIGQ9Ik01LDMuNTg1Nzg2NDQgTDEuNzA3MTA2NzgsMC4yOTI4OTMyMTkgTDAuMjkyODkzMjE5LDEuNzA3MTA2NzggTDMuNTg1Nzg2NDQsNSBMMC4yOTI4OTMyMTksOC4yOTI4OTMyMiBMMS43MDcxMDY3OCw5LjcwNzEwNjc4IEw1LDYuNDE0MjEzNTYgTDguMjkyODkzMjIsOS43MDcxMDY3OCBMOS43MDcxMDY3OCw4LjI5Mjg5MzIyIEw2LjQxNDIxMzU2LDUgTDkuNzA3MTA2NzgsMS43MDcxMDY3OCBMOC4yOTI4OTMyMiwwLjI5Mjg5MzIxOSBMNSwzLjU4NTc4NjQ0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
+}
+
+.tui-popup-header .tui-popup-title {
+  font-size: 13px;
+  font-weight: bold;
+  color: #333;
+  vertical-align: bottom;
+}
+
+.tui-popup-body {
+  padding: 15px;
+  font-size: 12px;
+}
+
+.tui-editor-popup {
+  position: absolute;
+  top: 30px;
+  left: 50%;
+  margin-left: -250px;
+}
+
+.tui-editor-popup.tui-popup-modal-background {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  margin: 0px;
+}
+
+.tui-editor-popup .tui-popup-body label {
+  font-weight: bold;
+  color: #666;
+  display: block;
+  margin: 10px 0 5px;
+}
+
+.tui-editor-popup .tui-popup-body .te-button-section {
+  margin-top: 15px;
+}
+
+.tui-editor-popup .tui-popup-body input[type='text'],
+.tui-editor-popup .tui-popup-body input[type='file'] {
+  padding: 4px 10px;
+  border: 1px solid #bfbfbf;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.tui-editor-popup .tui-popup-body input[type='text'].disabled {
+  border-color: #e5e5e5;
+  background-color: #eee;
+  color: #e5e5e5;
+}
+
+.tui-editor-popup .tui-popup-body input.wrong {
+  border-color: #ff0000;
+}
+
+.te-popup-add-link .tui-popup-wrapper {
+  height: 219px;
+}
+
+.te-popup-add-image .tui-popup-wrapper {
+  height: 243px;
+}
+
+.te-popup-add-image .te-tab {
+  display: block;
+  background: none;
+  border-bottom: 1px solid #ebebeb;
+  margin-bottom: 8px;
+}
+
+.te-popup-add-image .te-url-type {
+  display: none;
+}
+
+.te-popup-add-image .te-file-type {
+  display: none;
+}
+
+.te-popup-add-image div.te-tab-active,
+.te-popup-add-image form.te-tab-active {
+  display: block;
+}
+
+.te-popup-add-image .te-tab button {
+  border: 1px solid #ccc;
+  background: #eee;
+  min-width: 100px;
+  margin-left: -1px;
+  border-bottom: 0px;
+  border-radius: 3px 3px 0px 0px;
+}
+
+.te-popup-add-image .te-tab button.te-tab-active {
+  background: #fff;
+}
+
+.te-popup-add-table .te-table-selection {
+  position: relative;
+}
+
+.te-popup-add-table .te-table-body {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZmspKREMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgAMSwQgckFvTgAAAABJRU5ErkJggg==');
+}
+
+.te-popup-add-table .te-table-header {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZksLCxMMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgDxKwPzTeWPdAAAAABJRU5ErkJggg==');
+}
+
+.te-popup-add-table .te-selection-area {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: #80d2ff;
+  opacity: 0.3;
+  z-index: 999;
+}
+
+.te-popup-add-table .te-description {
+  margin: 10px 0 0 0;
+  text-align: center;
+}
+
+.te-popup-table-utils {
+  width: auto;
+  min-width: 120px;
+}
+
+.te-popup-table-utils .tui-popup-body {
+  padding: 0px;
+}
+
+.te-popup-table-utils button {
+  display: block;
+  width: 100%;
+  background-color: #fff;
+  border: none;
+  outline: 0;
+  padding: 0px 10px 0px 10px;
+  font-size: 12px;
+  line-height: 28px;
+  text-align: left;
+  color: #777;
+}
+
+.te-popup-table-utils button:hover {
+  background-color: #f4f4f4;
+}
+
+.te-popup-table-utils hr {
+  margin: 0;
+  background-color: #cacaca;
+  border-style: none;
+  height: 1px;
+}
+
+.te-popup-table-utils .te-context-menu-disabled {
+  color: #ccc;
+}
+
+.te-popup-table-utils .te-context-menu-disabled:hover {
+  background-color: #fff;
+}
+
+.te-heading-add {
+  width: auto;
+}
+
+.te-heading-add .tui-popup-body {
+  padding: 0;
+}
+
+.te-heading-add h1,
+.te-heading-add h2,
+.te-heading-add h3,
+.te-heading-add h4,
+.te-heading-add h5,
+.te-heading-add h6,
+.te-heading-add ul,
+.te-heading-add p {
+  padding: 0;
+  margin: 0;
+}
+
+.te-heading-add ul {
+  list-style: none;
+}
+
+.te-heading-add ul li {
+  padding: 2px 10px;
+  cursor: pointer;
+}
+
+.te-heading-add ul li:hover {
+  background-color: #eee;
+}
+
+.te-heading-add h1 {
+  font-size: 24px;
+}
+
+.te-heading-add h2 {
+  font-size: 22px;
+}
+
+.te-heading-add h3 {
+  font-size: 20px;
+}
+
+.te-heading-add h4 {
+  font-size: 18px;
+}
+
+.te-heading-add h5 {
+  font-size: 16px;
+}
+
+.te-heading-add h6 {
+  font-size: 14px;
+}
+
+.te-dropdown-toolbar {
+  position: absolute;
+  width: auto;
+}
+
+.te-dropdown-toolbar .tui-popup-body {
+  padding: 0px;
+}
+
+.tui-popup-color {
+  padding: 0;
+}
+
+.tui-popup-color .tui-colorpicker-container,
+.tui-popup-color .tui-colorpicker-palette-container {
+  width: 144px;
+}
+
+.tui-popup-color .tui-colorpicker-container ul {
+  width: 144px;
+  margin-bottom: 8px;
+}
+
+.tui-popup-color .tui-colorpicker-container li {
+  padding: 0 1px 1px 0;
+}
+
+.tui-popup-color .tui-colorpicker-container li .tui-colorpicker-palette-button {
+  border: 0;
+  width: 17px;
+  height: 17px;
+}
+
+.tui-popup-color .tui-popup-body {
+  padding: 10px;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-toggle-slider {
+  display: none;
+}
+
+.tui-popup-color .te-apply-button,
+.tui-popup-color .tui-colorpicker-palette-hex {
+  float: right;
+}
+
+.tui-popup-color .te-apply-button {
+  height: 21px;
+  width: 35px;
+  background: #fff;
+  border: 1px solid #efefef;
+  position: absolute;
+  bottom: 135px;
+  right: 10px;
+  color: black;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-hex {
+  border: 1px solid #e1e1e1;
+  padding: 3px 14px;
+  margin-left: -1px;
+}
+
+.tui-popup-color .tui-colorpicker-container div.tui-colorpicker-clearfix {
+  display: inline-block;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-preview {
+  width: 19px;
+  height: 19px;
+}
+
+.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-slider-right {
+  width: 22px;
+}
+
+.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-huebar-handle {
+  display: none;
+}
+
+.tui-tooltip {
+  position: absolute;
+  background-color: #222;
+  z-index: 999;
+  opacity: 0.8;
+  color: #fff;
+  padding: 2px 5px;
+  font-size: 10px;
+}
+
+.tui-tooltip .arrow {
+  content: '';
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  background-color: #222;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+  position: absolute;
+  top: -3px;
+  left: 6px;
+  z-index: -1;
+}
+
+.tui-toolbar-icons {
+  background: url(data:image/png;base64,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);
+  background-size: 218px 188px;
+  display: inline-block;
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2),
+  only screen and (min--moz-device-pixel-ratio: 2),
+  only screen and (-o-min-device-pixel-ratio: 2/1),
+  only screen and (min-device-pixel-ratio: 2),
+  only screen and (min-resolution: 192dpi),
+  only screen and (min-resolution: 2dppx) {
+  .tui-toolbar-icons {
+    background: url(data:image/png;base64,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Xqz8qBcJkED0BGIbcoxe1QtDor4qT80zFpNh01flYWg2e1Fo2C6Me5NnSQLFToAeWpFfITFmxbrCUdCJMeMKxyK/iageCZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACQQgkA5QNlTRRYsWZbwEbNu2LTFdnPSAftc6pas06PesihdTmIurXdekOefi6qBfpJyD8rHrk+s4LM+gfHLpY8+P+r6Ngmc6nf7q1q1b6+26RnEcBc/S0tLmLVu2HI5Cn6Ay7Hxz3V9BywfVx17ezjfX/RW0vL29oMclQSuwPAmQAAnkS0A3ZrW1tR9Gh1ebr6w46unGrK6ubiz0GxdHO5QZD4HEDJo8aeBmmWk7jf2SnuspxFYnlkN50pg8efJLNuHdki67LZ2HJEACAQnYjVl/f/+PIeLxYjFqdmPW0dExC/rNpFELeKELWDwxgybn2NfXt1A/V9zg2/XjQsePHz8+StcBN/gZ/ZhxEiCB/Ai4GLMKSCvFXnCj5mTMYHDVNAiNWn6XPfFaZUm2iJt6YSZzfioN8e1Jtp+rLegzUi8Dfdv14yTiixcvbhw7duxdDQ0Nb/ppL2nvdsmSJZfMmzfvQH19fb9P/Qrq3SbNxw8Tvcxg9/6D8pVhRsMzE2OmthJslodJlRE2DMpXhhnFM9OMWVaFsrKyRB/+w573hVo/0YsEg7FQB42nou36caHj8CAtP6qamprEPTQwuq21tfX3GOa4vNA8nNoHo/G7d++eD/2qnPKZRgJuBFyMWQbGbHVTU9NDbvWSSvcwZvs3b958PCk92E7+BBIzaPJkDzVnaKrux0qi17XjgkbXrFkzDAroT43da9eu7SqQUmLMxKjVFah9z2Z7e3sr8TAyb+nSpTWeBZl5wRGQewKjDP/bfuLFYswwslAmhsuuH42ZncjgPE7MoHH+LPANMhw1HpUhyNWrV0u8qDZczxIYthnyoIJOIrH7qKggUBkLATFmuCf+E4k/xsPYCpVZTMZsx44dc86ePXvpypUrxyv9aMwUicEfJjaHxvmz/G4WYwjyOnQQizAf8LJdCpLPT0raMx2Og855OIiwJBlDkCOgx17I7rBk4gDpnu/32csHnfOw1w96HJSfXX7UPO3yg/Kz10+Kp2bMrsQ9m8LvvRG6pzCc2OowZ5b4MKN4ZmLMwCc7VI55sktg1ES/Ppc5s6IYZgx7f9rvh6iPw96fUeuT2JM1589CXToOQYbCx8pxE8CDzbUwYvNVO/i9l4hRKwZjJjrBmI2A8apU+kkoRq2YjZmuK+P+CCRi0Dh/5u9i5CqFDiKQN5ZLXtT55eXlRa1f1OdLeecJ4Msfv4ARq8U92qNSxaghrs9LO3pmGFavV3XiCuGpnsK87z4YNcs96rCacYBnhv5ralx6UW60BBIxaJw/C33RZKjxOnQaj4WWFIMALGnuxDXetX79+hMxiKfIQUIARuMJu1HTVHc1Zqhzr1YutuimTZtanYyaahD3saMxw709RZVhWNwEEplDw1Mb3z/L8z4Au8e83kuLew4nl9roIE7MnTvX9b20pOZwcunpll9ofm56qfRi56f0VCH0fQLzKrIg5HHs8tJ0doNn9En70nzxzJIyZkoPMWrQT16Ytny1qLKy8uCGDRssS/PFMyu0Mct1fxZ6ji3X/Zn0HFsiBg037UJ1Q0mITnC7flzoOG7agr9/5sDgTRizu4rVK8M17K+oqDhAr8zhyl3gSejkmtCRCYWsUYMx+wSM2TodSyGMmWof+p009MsaNcOYHVX5EhaDMdP1YdwfgdiHHDl/5u9C2EpxiNEGhIeDi4AYNWi83MmYyZkk7ZnZ6YlRQ9o+J2MmZQvtmdn15bE/ArF7aLgxFuqqwOvYrh8XOl5s32/MNcRYaF65hhgLrR/bLx4ChlErHoVsmhhGzZbKw8FMIHaDhg6a82cB7hAMMdYFKC7veVlWbeWqix+xzB/kvQX9ukvQMXTo92zeyjlUDMrHQYRnUlieQfl4KuOQGTVPexNx87W3F/Q4br5B9WH5eAnEPuTI+bN4LyClkwAJkAAJnCMQm4fm9uSGIch9yEuFfbINewHdntxaWlquMPSL1FMIqy/rkwAJkAAJeBOI3UPzbp65JEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJFC8BNJRq7Zo0aKMLnPbtm2ebQQtr8vOJ472rtXrQb9n9WN7PGh5e/24j+38crWX63rkqh80384vV/1c1yNXfXt+UD72+rmOw/IMyieXPvb8qHkq+dB7TDqdvgPHtZlMZrak4/gVBE04fgjtnpI0tfm4Ds2ov728vPwLjz/++CFVL98Q7ZWWlZXV9Pf3j8M+TOSUlJR0YT/Z29t7HPr16bJzXQfI6oF+7T09PYdQt1uvG1fc0Om/bfLf5nRNX5xytaXftdVJvaX5j579sL28n+MVK1aM6OzsnKeXrays3LVhw4azeprEd065xtLv2vPnN//Bsx+2l3c7LnHLYDoJkAAJOBFYvHjxDUh/CYbrO9ivQ3ys7BKXNMkzyiDqe5uCuku7u7ufX758+TTftRwKrlq1ahQM0AIYrmkwZsNRpFR2iUua5EkZh6quSahXDmNWjQKXw9BUuBaMMAMG9E67OKc0e5mkjvv6+mrsbTml2cvEeUyDFiddyiaBIUYAnfn7YXh+jtPyMjrTpMySJUv+Zx6nPw6G4+/yqJetAmM4+uzZs7PFALnJkDwpI2Xdynikl8KL9Dp3j6r+s8B5pBh4ew1Jkzx7etLH0EEeEMbZ25U0ybOnJ3VMg5YUabZDAoOcwK233joFHkITTiM7hOd1Oij3Mzytv+BVxiPvfR55rlmrV68uh4c3C51qzuG10tLSthEjRnS4CvPIgFFJwqAsgwrZdsDy97IbKkma5BV6G4frm7UfGMZ9U3ZRyEgbYOiSUrYsqYbYTjgC+LEOb2trW7d169Y6XRLG03P+ePXyccXr6+tLdu3aNX3Lli2v6204jffr+XHHi4WP23kWmo+bXk7pMBb3ozOXYTd9a0Rn9nUM4x1D/v9Ax3sP9n9oamrapheyx+3XBU/15hwQ2phqL+/nuL29/WKUs3gHMFwnJkyY0NzS0tKLvJHQU4zykU2bNrV6ybRfF+hnzgF5eX9eMoPkQcc7wSFbBfHvSwTHMrwrc5UyFNkg8UJtuOYyP5ltHvFjEsHxDAklD0E2TY6T3GjQkqSdZ1v4MV3e2toqHcTl2OvyFBNbNehXtXv37ll4OqtEI6/H1hAFF4zAsmXLZmAocJGuADrW7+IB624t7V8Qlz3xbc2aNcNgtCzGtqKi4ohtgYksVJG9qDcxnjBe14iSYNwKQ7HFiH8X6dWSJ2XsRjepkzIWg8jcpGx9c+fOPSmRHTt2yFBsdq5SyjgtDpFycW4ccoyTbgSycePWQczvsYsxK7pt6dKlNXgKnoenVjFm3IYoAVzfJTg13fs5MHbs2HviOF104oeDyrUbM9Tv3rhx4xtB5fgpDy+vx0+5EGVWa3UbYbg6ZEdao5aul9GS44/iwdVcDCIeMEZn+mWXuGpdL6PSkghp0JKgnEcbMsSIlWKNqPoodvU0lIekeKrIECMm/S9BRzfDGDePpyFKLQoC8AoW2hS5v6GhIZaOHW1tt7WV8xALNSyrFmF0jsIwmsOYOQUEKIB7/kyA4oGK4gFWnyPL4Bz+SQkw4uqclhllVXYiIdq0LAbBMn1zaFGPw6ssyOKQOIYcxaUfkyfdJIYD5P0T/UkziKqWd1eCVAxSFjeNPsToWRVl1Q3uWU5l4kkv9Jwb2tSHGJVoxxBlzbkHxwK2xKiHUYLysamT8zAsz6B8cipkKxAhT8sIAZ7G/8vWVKBDj+siT/lfCCQMhTEcahkhgEFrDypDL+9xXaQPiMXzM9rXF4P8J+Yi9yi9JI6H3P+Ewb8JacrwZefS4njPTLVrC/XFIGcaGxs7Vb7Ea2trz8CYjTIecmVxSNbgRfWemWrLLYzDQ9uvN4YbI7tSR09TcYc8S11VLuKwW5cHHVyNm0Oepa4uJ6o42qyDLA4xRgWUcqIiYA4ziUB0WPISdZSbvFi9GfNeV8EIBzYYMLCWh/NLL720K0rlZJgRXqAsJHkZ+sXZD5hDieCRXQyin4ctzSyrl4kzbiz4yDYB5qZ3ptrU0/SyKj/u0HITRNEYgO/HE8SVShZOairie9SxHkoerLmZJHXNg/gicjNWKfFYuluOuKPnJXl4X0UVlTDOGznbDhgAXyCnS9cv9jh+1BmsZou9HTZAAhcaATzMymiGOaKBvvHHSLNg0PtLKSt1IvTCLW3ZD2yLQcQrnmXXD2lmNeg6POnFIXF4aC+aZ4QIOuf36cd63CHPUlcvG2Hc8u4JDJZl7F1vxyHPUlcvG1Ucq8Yeg6zrsL8clcwo5axfv/4Ens534YnVHGqIUj5lFS2B47pmeBKfrR9HEA/1pRDck7Is39xee+21nO/KmYV9RDBvlsSXQvLxuPKp4+OMBxYBY4uXPrDEwJR86gyU4j8lcg8NHV0jrPQXoUJ2KA9G69Ow0pvsSzgNa/9pTdU+lH1UO44lCq/rBAzVZCUc+k7EU8ZJPOVYvDSkybfgJuJGVkVTUtc8iDECXV7GopDr5L0zMLnNqymUTXvlx5GHNjuwKGSnvHeGG3a8Vxso+6xXftx5heAT5JwKzSeArvKANV2Vx3V/B+LPqOOgof264PemhiXUl0KWBZGJkYNO9DsVqg5+tzLVYRleUXl+Qvt1gX7Kc1JfCtnrR47fMpCv5sT8VlHlZHHI56BvqDlDJcwtRBuWxSBu5ezp8NJkcYh8/9LSv9rLRXUcuUHDC4uvYOLyb9ERf8VQ8vKurq7fYLLwHpzcHyUNQ41XI+2biJoTzRhq+1t4J68adWILZOISq/Oa8YOcIo3gxpfJ5LmA/kZ1dfWbkoZ3vmRV4UVGniSl8ETarE+AZhNj/IMVZKJLHVg+DZbrEC+qlY6yTBc6vb5y5cozGIIUwxaHtx8jYYoOQgC/z+24Dz+o1fksHrrWxbTS0XVUR2vfEoUxO4ME81NW+O1OhL6xrHSEXNd1ARalgh2IAc/KBesfoy/8mFd19As/gh4fNepI3Qav8hHk6YtB2rBA5TUvmejvL0V/P9boF8zFIV51osiLpRPCyd6Li/JVKJh1bwD+rTi5f8Vxs+wSlzTjBHqlrNQxjmMPNm/e3CwGSmtI5tQugyG7UnaJYzfn2aSs1NHKJxblEGRiqNmQBwGMVmxBtv6UPR0jCPJQGvmGvmFqUKGTJ0+WBRv6VoFPdV2kJ0QVh7GUefeoN3PoEA/8AxaD2BuzlTHr2stFdYz2zOFG3AsDFoPY29HL6HXt5aI+jsWgwUBl0BHXyzg74l+H0v8Xu6xi6pTdiP9K8qSMlEVcDTlEfY4D5Elb+ETTYfwIXkJmC/Z2XIAegM/ILnFJkzwpI2WT1A/tWja46y/De7wOOsj8WtFt0K8DXwvYiWuZyJBs0QG4ABTCyMt+3H/b9FOF4fkcRjYeladx+dAvvIZbsP8ax9aVDHqlmOJr167tMlYhmi1g5GCSvCspXxGRITPsY/AhgHn46km1WagIItBLhjOzQ5pgvAcPz0/lUkvKSFmjXHZxSK46+ebL9BCckOwIEfrHLrywLt6w5yZlpKwUkroiw7NCRJmRDznqehnf9VNDj3pWUcTlRwBFAi8RLoTyagjS3jZ+DIEeBGB8YplzU0OQDvplf6j2dLdj6BfpnFtQPm56uaWH5Wl0Zm7iQ6dHyRNL6j8LI/EnMGS6QahDh1Wnr3xF/rth2LYh/ATad3ya97ou6KgP53PiI0eOPIgRFhl2NF/FwZDXeHxFZLySB+9KorNg1FqlvNuQqdd1MR54lcgoQtPDwrl/H3vO37SUwYPD98H4e4YCIuPOKJSxywBD0zuDkTrmVz88PBzDvTFN5Bky8p7TtOvkdhyLh+bWGNNJgAQGLwE8dTejA63FGeR8xwvl/hQeu/n6TpCzRt3tQcqrsmKcYHT3yiiLSnML0cGOxeIwc1rBrZxTOoxiTg/FqZ5TGgynvhikA8x8j8IYZdXK61i+HAL9zMUgwhUjMb5HYaSsuhYwbIl8OSQyD83ricvpQuZKC/vka5fv9cRlL+vnOMonXz/tsQwJFAMB3PdPwvu6GUZnPfTJPn076HUIT/ErMULztENeriTpML+Qq5BbPj5GfBr/vPOVjo6OmW5zXeJhVVVV7XvkkUfyMUwyjxjlqI4s6FCLQbbk+i8A+nlLWVyLLbgWtxsyRFaDXiaCuLkYBNf0JEZisi6uH7lSFkO+J1F2PB4gxHmKfXEIPTQ/V4ZlSIAETAKY8xZDdQU6uLux/x7xNtkljv3zkmeUQdT3FupLIXorYqhgzHbAcB2ChyCrhcUI9RnxNyQvqDETIxjTl0LM4UboJ6uZA222OqasQEI8CkO+OdyI83ccPvaontLr6LK86jCPBEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABCIhkI5EiiZk0aJFGe0wtW3btsjb0OUHjUO/a/U60O9Z/ZhxEiABEiCBwUmgZHCqTa1JgARIgARIwEqABs3Kg0ckQAIkQAKDlEDew4H2ocWg5x/3UKR9aDEP/TgUGRRaEZYPe5/mOqWw93HY+9SHfgW9j5csWXJJX1/fPkPP/eB1SS6dk8xfs2bNsJaWliuMNruh34tJts+2oiVADy1anpRGAiSgEYAxW6gO0+n0dhUvlvD48eOjlC6lpaVnVJzh4CRAgzY4rxu1JoGCE1i8eHG97F6KwIgtVPmZTGa7ikvop75ePmgc3uFU2b3qQaeRKh+6tqu4hH7q6+UZLzyBsnxV0IdaMGxSumDBgkx9fX2/XR7yfoC01Ub6najXYC8TxzHaMYdacNNmh1Zxw1pWYEq7y5Ytm9HT01Nj6HAA9Y7FoQ9lksBQIiDGCL+re+WcEE9t3bq13un8UGahSocHtF3F/dZX5YOGYozgHU6ReointmzZcthJBsqYHlpNTY3pofmt7ySTaYUjkLdB01WGoXhgx44d02C8lsMgWJ5ykDcbN7UqvltFkgzx47kY7VVAv33Qr09vGzf0MHU8atSoThVnODQJ4Po7zhvj3jBvUjlzv+WipoR2zQcxXTb08/W6ib2cLiOquG6MDJlfXrp06ZbNmzfv0tuAUZD5sxlG2n4YldcljrLzkP5lIz0lhtHLKKpyfkPdGEkdyJ9cV1d3srGx0fL7NubPKgy53WvXru2SOMpWdnR0TDbSU9B1ipdRVOUYFp5A6CHH2trau3DD3IVT+VPsvxGPRz8t5M1Rx2VlZZYbXqXHGa5YsWIi5E/APgb7XLmJ9fZKSkoq1TH0s9zwKp0hCZDAOQJ2Y4YH1h78xmvtxkxKwxAsPFcrlUK57SouZaWO1FVpOBajVq+O8w3txgy/7ww8w312Yyby3ebPpKzUkbpKD8OoeQ5fqrIMC0cgtIeGG/EiTf0rMXz3/+Gm+giexn6Lp8WrkKfy23AjH1Fljbw/qmMJcQNd1dTU9LyeFjbe2dlZrsmoOnr06Dy0/RqehNtXr149vLW1VeX3NTQ0mD8wI2++VjdVXV29E2Xe1NMYJ4ELhYCbMcNv6QknBjBYC9E/ZLMQbtfLSB38DsWoNSEv+xtEGMpTczNmmzZtatXbVnG05zp/JnXwcC5FZ/b392e9enpqilzxhqE9NIyd/xUM0W04xay7jnAiLvxT8NxWIv5xdeq4cX+q4kZYZztO4ca53Z4W9hg/nDeqqqpeV09baKMM8TkrV64cD2Om5s5SeCJr09s6ffr0eP1Y4k5p9jI8JoGhSCCoMRMGMBgLFQt9/kyliVFDmUg8taDGTHRAP+U4f6b0E6NGT03RGByh43xCPqrjhnoXbhB5UpMhPrV1I5Ido8aNcQ28tqxHBu+nHMbkDeTJUKC+HYMXdJHuKemZYeJ4GhwJQ3apGDQlR4ycevrSvS/8yNI4nyv1slIH5XtxDi/AOJtDEUpWVCH0jE226IhOJNQ1h36WuZyozlvJgX6Oc0gqP2hInuF55mPM8PuR+bN9xvXyfP8M1+gjuqcmdXD8VbeFJvZ7IB9jFuT9M3hq1TgX01OT9tGfNaMvcFxoYtfPzzEcgJvR3zRIWfQzqzFS9XO9Xth8XVY+cVyjMZiSmSF1e3t75Xqe0uWEzddlhYmH9tBU4zLEWF5e/nYcv6DSEKoJ118rYyZ5bW1tH0KgjJkYuayhkzQjD9FoN1yA9okTJ8ocXoeSrIwZjtv1ocTbb799jGbMpHy2jqRJnqrPkASGOoF8jJkwgQFYqNjAOG1XcacQv828PbV8jJno4DZ/5qRfEp6aYcymof1pRtyiSth8i7A8DsSYwZCVy64Mmy4mbL4uK0w8MoMmSuDC78eTy58halnpiONx+mIReEB1SFPbI4jIrrbbVCTqUFYxTZ48+TXoaHm9ABejTF8scvbsWXMosrKy8rjsShesfhowFKnyGJIACZwjACO2ULHA7327iruF8EpCjRy4yXVLh06u82dudZhe/AQiM2hYTTgCbudf4kniv3Da5s1iILjcWCzyLpSZgJv9FiO9C17d47LjWM3BfUjKGPmRBZBZiuXCk2RRCJ4eLeeNp45KY7HISBkOxY9rtDSMMHPppZeelF3ihjJjpExkilEQCRQxARn2k+E/pSIMQTmOm/B7+ohKcwpRbqFKxwPkdhV3CkUWym8R2Spf2vQz5CjDfjL8p+qh/0nL8KAME6o0pxBlPOfP9DpJDDmif1mNNg/JbsR1FbLDkGHyLcLyOJBhRjz398gucbuIsPl2efkeh34qwpDEt3EjvhUKvBe7uSQeN6R4QZuQt0hLF6P1H9hlyFHGybfgpl0qccjZjLJLJI7t0xiG+Idz0XB/ly9fPg2wh0PKSLnZbdLEUFWrdDFaiJ9GmeywIgxtK7zOvVIHN/UsGOXsjwQX9ZC+YtMmk4dFRACdpXoQyWqF+8p+D2TToy7nFwHatcxJQj/HOcSoy/nVT5ULMvSY5PyZ0i/I0GOxzZ+pc2AYnoDFU8lHHIzQ3aj3fuymMUNcnjRugrFagaenGxE/il02KZM1ZtmjVOphI5RAj9dp6aGi3d3dk2CkRimjJcLkKQMvUe9B57EP6XtgyHol3ShjzpHB4JpDjXocBpLDjgKM2wVDIIin5nf+DEY61GIQHX4QT83v/FkSnpl+DoyHJxDaoNlU2IGO/y9HjBgxGz+ApyXPZbFIthqM4ZPyZCy7xDVZVyFN3mGLdIMh68R82MG5c+e+9Mgjj5wR4TBqAxaLqEZhDGdDj2tll7hKR1gl76lpx4ySwJAn4NeooQ9YqGDgd71dxfUQv6nIjJmS69eoQSdzSgS62uf7s+JozBTVwRWGNmi4Ib6EU16O4bk5MA5X4KZ/wP5WviwWQZl3Y3/OLx7IjWpxyBtocx+M7A4ME+7YsGHDUfs3J41P3uxGOXMFZC49+U5aLkLMH4oE3IyafM5KnS8MxkIVd5o/wxL0+fh9my9US1kc+5ozU3LdQjejJp+zUnVyzZ/B2FbJPJw+qiPzdCJbyWBYnAQc5xPiUNXj3TO35mJ7J82pQfwIHd89cyoraTJMiRs81nfS3Npmun8C6Jwsc2j+a/oriYe4UL8h8f79tZRfKejnOCeXn7TztfQ5Nd0Y+Z0/c6t/voVwMX1OTTdGfufP3OqH04q14yZgvmQcd0O2d8+exA/tA05t4gf+70iXOTn1Tto/O5WLOk1/9wzG6gxebNzj1AaeLufgyU3m5NQ7aZYvjDjVYRoJDDUC4qnBKGVPS+Lq/PzOn7nVV3LChuJNwShlxeield/5M7f6YfVi/XgJJGbQ4AHVqVOBwXhExe2h5MFYiEGTT+fUIUjEoOnvnqF9czGI6KFvRl52ya9RhwZNB8T4BUNAN2TqpOGtuX6/UZVRoVN9lRdFqBsyJQ99Ss75M1XWqb7KY1icBELPofk5LXhd5rtnuOFb8cWOJ9zqSZ6UkXyEt0hdt7JRpevvnkFmH/63m6uRMvL6pG0Y39F8Jy2qq0A5Q4EADMZCdR5O82cqr1BhrvmzQunFdqMhEGr8368KGKb7NDyb7xnl/xHDjWu86sKIrUX+J6UMjMZnMPz3917lw+bJC9dYij/NkHMM+h3wkgn9piM/a2j5TpoXKeaRAAmQQHIEEvHQ9OFGPLW5Djeq09bL6HVVftSh/l4ZPlLsOtyo2tXL6HVVPkMSIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESGKwE0oNV8aGq92uvvZaJ89wuvfTSUNd8//7918ap34wZM56NUz5lkwAJDF0CJUP31HhmJEACJEACFxIBGrQL6WrzXEmABEhgCBOgQRvCF5enRgIkQAIXEoGyOE520aJFEyD389jfg33Otm3barzaCVreS5afvNWrV5efPXt2Un9//8je3t5K6PecV72g5b1kRZF3+PDh1AMPPGAR9alPfSo1depUS1qhDg4cOOCo3/Tp0wulEtslARK4AAhEbtBqa2v/DIZiI9iN9MMvaHk/Mr3K1NXVjT19+vTMvr4+X95p0PJebUeV9+yzA9dNSFqxGLQ//OEPA05V0mjQBmBhAgmQQIQEIjVoixcvfi+M2VboVyE6ptPpdRUVFV930zdoeTc5ftNXrVo1Cp7ZLOioVvodq66ubnarH7S8m5wo02GIU889N9ChlLRbbrklVVpaGmVzgWX19PSkXnzxxQH1JO1DH/pQqry8fEAeE0iABLwJjFtx2HP188kNU1Wf5i0oZG4uPQaKT+8vSaV/MnbspHteXZvuGpgfbUpkBg3DhtKTPog9a8wQ/rapqemTMGqOFyJo+bCnnclk0suWLZuujFlZWdnZTZs2HXTTL2j5sPr5rb9r164UjHK2uPLIZAhS0iRvwYIFfkXFUk50OHXqVFa28shkCFLSJO8tb3lLLO1GJbS+vn6iyEJ4NCqZUcr5wQ9+kH0iuPPOO3uilEtZJBAPgcyM/lTmMydP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VSp27NgxTQnDMOHxMWPG7JIhQ5WmhximPIrjl5E/wDhDRzHI+6L8yr5qW7fqKo0hCZAACZBATATgVaXx+ag/QPxVWhP3whB9TR3Da6tAx38zvJp3I03iexD+BwyehPLVEFl08Uns02F85MXm38HA/Ezm4yQ/is3QU96Py3qQIhOGqhlf+zeNqXhtr7/+unx8eCSGJtNY/NGFMqcbGxuzhk7OA9tEyKrAufSgzFn8r7Y2mY+LQke7DBo0OxEekwAJkEDMBLCwYjbmop5BR69/eeNHMAir8RmpwC9Ew3B8ECr/GkaxPUrVjU9dzYNM8zNWMK5t8+fP3w+jZA59+m0TespnsdqhZ2QvU+ttm0rqiYyTAAmQAAnER+DFF188CU/lWXhWS9GK6ocvhxdzB9JHX3nllbteeuml7Ff43bQQD2r37t0LYVxkwUg9ZHVgWPBXbuXzSX/uued6r7766jfR1jhpT2QgrDx27NgE6FmKvevll1/2NE5S7+DBg6Og5wyc3xSsiOx/4YUXIjW86tzooSkSDEmABEggYQIYenwvOvxtaHaiQ9MvI+3XMFSHUOY4PCMZpqtCXIzLfKRfj/BirV4b3hObieE+c4Wilhcqavwjz1kwSOZ7bkqgzKNBl3bo143VjlmvDWkl0K0UexXSR8AbLVflEfbBEL6Uj4enyXCM0qA5YmEiCZAACSRDAP8j7WIYCvmnnjeFbHEf5q8+ijmuP4aU41hd5sNgnC6BrpbVio6FvRO78f7da1HO96nmaNAUCYYkQAIkUEAC8NZugFGThSHvCaIGvKPnUe8HMBIPyftsQermU1a8NXwJZCrqmv9ixqcc+Wr/Mby6cBw66++x+ayeuxgNWm5GLEECJEACiRFYvnz5NAzRfRBG6gPYZ6JhGY6cYChwCsbgOOIvYn8WHtm/RfmlDaMNX4F4bBhaHA19RmP14jAZjoQHp4YW+xDvRV4HzuEszuc0FoKY/4bGVwMsRAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAKDgMD/D2WyCk5hENCOAAAAAElFTkSuQmCC);
+    background-size: 218px 188px;
+    display: inline-block;
+  }
+}
+
+.tui-toolbar-icons.tui-heading {
+  background-position: -172px -48px;
+}
+
+.tui-toolbar-icons.tui-heading:disabled {
+  background-position: -193px -48px;
+}
+
+.tui-toolbar-icons.tui-bold {
+  background-position: -4px -4px;
+}
+
+.tui-toolbar-icons.tui-bold:disabled {
+  background-position: -25px -4px;
+}
+
+.tui-toolbar-icons.tui-italic {
+  background-position: -4px -48px;
+}
+
+.tui-toolbar-icons.tui-italic:disabled {
+  background-position: -25px -48px;
+}
+
+.tui-toolbar-icons.tui-color {
+  background-position: -172px -70px;
+}
+
+.tui-toolbar-icons.tui-color:disabled {
+  background-position: -193px -70px;
+}
+
+.tui-toolbar-icons.tui-strike {
+  background-position: -4px -26px;
+}
+
+.tui-toolbar-icons.tui-strike:disabled {
+  background-position: -25px -26px;
+}
+
+.tui-toolbar-icons.tui-hrline {
+  background-position: -46px -92px;
+}
+
+.tui-toolbar-icons.tui-hrline:disabled {
+  background-position: -67px -92px;
+}
+
+.tui-toolbar-icons.tui-quote {
+  background-position: -4px -114px;
+}
+
+.tui-toolbar-icons.tui-quote:disabled {
+  background-position: -25px -114px;
+}
+
+.tui-toolbar-icons.tui-ul {
+  background-position: -46px -4px;
+}
+
+.tui-toolbar-icons.tui-ul:disabled {
+  background-position: -67px -4px;
+}
+
+.tui-toolbar-icons.tui-ol {
+  background-position: -46px -26px;
+}
+
+.tui-toolbar-icons.tui-ol:disabled {
+  background-position: -67px -26px;
+}
+
+.tui-toolbar-icons.tui-task {
+  background-position: -130px -48px;
+}
+
+.tui-toolbar-icons.tui-task:disabled {
+  background-position: -151px -48px;
+}
+
+.tui-toolbar-icons.tui-indent {
+  background-position: -46px -48px;
+}
+
+.tui-toolbar-icons.tui-indent:disabled {
+  background-position: -67px -48px;
+}
+
+.tui-toolbar-icons.tui-outdent {
+  background-position: -46px -70px;
+}
+
+.tui-toolbar-icons.tui-outdent:disabled {
+  background-position: -67px -70px;
+}
+
+.tui-toolbar-icons.tui-table {
+  background-position: -88px -92px;
+}
+
+.tui-toolbar-icons.tui-table:disabled {
+  background-position: -109px -92px;
+}
+
+.tui-toolbar-icons.tui-image {
+  background-position: -130px -4px;
+}
+
+.tui-toolbar-icons.tui-image:disabled {
+  background-position: -151px -4px;
+}
+
+.tui-toolbar-icons.tui-link {
+  background-position: -130px -26px;
+}
+
+.tui-toolbar-icons.tui-link:disabled {
+  background-position: -151px -26px;
+}
+
+.tui-toolbar-icons.tui-code {
+  background-position: -130px -92px;
+}
+
+.tui-toolbar-icons.tui-code:disabled {
+  background-position: -151px -92px;
+}
+
+.tui-toolbar-icons.tui-codeblock {
+  background-position: -130px -70px;
+}
+
+.tui-toolbar-icons.tui-codeblock:disabled {
+  background-position: -151px -70px;
+}
+
+.tui-toolbar-icons.tui-more {
+  background-position: -172px -92px;
+}
+
+.tui-toolbar-icons.tui-more:disabled {
+  background-position: -193px -92px;
+}
+.tui-colorpicker-svg-slider {
+  border: 1px solid #ebebeb;
+}
+.tui-colorpicker-vml-slider {
+  border: 1px solid #ebebeb;
+}
+.tui-colorpicker-svg-huebar {
+  border: 1px solid #ebebeb;
+}
+
+.tui-editor-pseudo-clipboard {
+  position: fixed;
+  left: -1000px;
+  top: -1000px;
+  width: 100px;
+  height: 100px;
+}
+
+.te-ww-block-overlay.code-block-header {
+  text-align: right;
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.te-ww-block-overlay.code-block-header span {
+  font-size: 10px;
+  font-weight: 600;
+  padding: 0px 10px;
+  color: #333333;
+  cursor: default;
+}
+
+.te-ww-block-overlay.code-block-header button {
+  margin: 8px;
+  font-size: 10px;
+  color: #333333;
+  background-color: #f9f9f9;
+  border: 1px solid #dddddd;
+  padding: 4px;
+  height: auto;
+}
+
+.te-popup-code-block-languages {
+  position: fixed;
+  box-sizing: border-box;
+  width: 130px;
+}
+
+.te-popup-code-block-languages .tui-popup-body {
+  max-height: 169px;
+  overflow: auto;
+  padding: 0px;
+}
+
+.te-popup-code-block-languages button {
+  width: 100%;
+  background-color: #fff;
+  border: none;
+  outline: 0;
+  padding: 0px 10px 0px 10px;
+  font-size: 12px;
+  line-height: 24px;
+  text-align: left;
+  color: #777;
+}
+
+.te-popup-code-block-languages button.active {
+  background-color: #f4f4f4;
+}
+
+.tui-popup-code-block-editor .tui-popup-wrapper {
+  width: 70%;
+  height: 70%;
+  margin: auto;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.te-input-language {
+  position: relative;
+  margin-left: 15px;
+  cursor: pointer;
+}
+
+.te-input-language input {
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 10px;
+  padding: 3px 5px;
+  border: 1px solid #dddddd;
+  background-color: #f9f9f9;
+  box-sizing: border-box;
+  width: 130px;
+  outline: none;
+}
+
+.te-input-language input::-ms-clear {
+  display: none;
+}
+
+.te-input-language::after {
+  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT42Q0NBRDk2QS0yMjYxLTRFNDAtOTk1RC1DRUUyQUREQUQ3NkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLWQtc2lkZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS03IiBwb2ludHM9IjIgNSAxMCA1IDYgMTAiPjwvcG9seWdvbj4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
+  position: absolute;
+  top: 1px;
+  right: 3px;
+}
+
+.te-input-language.active::after {
+  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5BNEZDRkIzMy0zNjdBLTREMjAtOEEyNC1DQ0I2ODFBMDZDODg8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLXVwLXNpZGUiIGZpbGw9IiM1NTU1NTUiPiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC02LjAwMDAwMCwgLTYuNTAwMDAwKSAiIHBvaW50cz0iMiA0IDEwIDQgNiA5Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
+}
+
+.tui-popup-code-block-editor button {
+  margin: -1px 3px;
+}
+
+.tui-popup-code-block-editor .tui-popup-header-buttons {
+  height: 20px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-preview::after {
+  content: 'Preview off';
+  color: #777;
+  margin-right: 22px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-preview.active::after {
+  content: 'Preview on';
+  color: #4b96e6;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-scroll::after {
+  content: 'Scroll off';
+  color: #777;
+  margin-right: 16px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-scroll.active::after {
+  content: 'Scroll on';
+  color: #4b96e6;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-fit {
+  width: 18px;
+  height: 18px;
+  margin-top: 4px;
+  margin-right: 14px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT40OUQ4RTYyMy1GRTAyLTQ1RUUtQkQ5Ri0xMjUyQjEzRTU1MkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLWV4cGFuZCIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBhdGggZD0iTTMsMyBMOSwzIEw5LDUgTDUsNSBMNSw5IEwzLDkgTDMsMyBaIE0xNSwxNSBMOSwxNSBMOSwxMyBMMTMsMTMgTDEzLDkgTDE1LDkgTDE1LDE1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4wMDAwMDAsIDkuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC05LjAwMDAwMCwgLTkuMDAwMDAwKSAiPjwvcGF0aD4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41MDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMS41MDAwMDAsIC02LjUwMDAwMCkgIiBwb2ludHM9IjkuMDg1Nzg2NDQgNS41IDEyLjUgOC45MTQyMTM1NiAxMy45MTQyMTM2IDcuNSAxMC41IDQuMDg1Nzg2NDQiPjwvcG9seWdvbj4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZS1Db3B5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNTAwMDAwLCAxMS41MDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTYuNTAwMDAwLCAtMTEuNTAwMDAwKSAiIHBvaW50cz0iNC4wODU3ODY0NCAxMC41IDcuNSAxMy45MTQyMTM2IDguOTE0MjEzNTYgMTIuNSA1LjUgOS4wODU3ODY0NCI+PC9wb2x5Z29uPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-fit.active {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT4wN0Q1MjlCRi1GNTIzLTREN0EtQTlGNi05NTUzNTU5RDNEMUE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLXJlZHVjZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzIiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS41MDAwMDAsIDEyLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtNS41MDAwMDAsIC0xMi41MDAwMDApICIgcG9pbnRzPSIzLjA4NTc4NjQ0IDExLjUgNi41IDE0LjkxNDIxMzYgNy45MTQyMTM1NiAxMy41IDQuNSAxMC4wODU3ODY0Ij48L3BvbHlnb24+ICAgICAgICAgICAgPHBhdGggZD0iTTksOSBMMTUsOSBMMTUsMTEgTDExLDExIEwxMSwxNSBMOSwxNSBMOSw5IFogTTksOSBMMyw5IEwzLDcgTDcsNyBMNywzIEw5LDMgTDksOSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMDAwMDAwLCA5LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtOS4wMDAwMDAsIC05LjAwMDAwMCkgIj48L3BhdGg+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzMiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCA1LjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTIuNTAwMDAwLCAtNS41MDAwMDApICIgcG9pbnRzPSIxNC45MTQyMTM2IDYuNSAxMS41IDMuMDg1Nzg2NDQgMTAuMDg1Nzg2NCA0LjUgMTMuNSA3LjkxNDIxMzU2Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
+}
+
+.tui-popup-code-block-editor .tui-popup-close-button {
+  margin-top: 6px;
+}
+
+.tui-popup-code-block-editor .tui-popup-body {
+  z-index: -1;
+  padding: 0px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.tui-popup-code-block-editor .popup-editor-body {
+  position: relative;
+  -ms-flex: 1;
+  flex: 1;
+  border-bottom: 1px solid #cacaca;
+}
+
+.tui-popup-code-block-editor .te-button-section {
+  padding: 15px;
+}
+
+.tui-popup-code-block-editor .te-button-section button {
+  float: left;
+}
+
+.tui-popup-code-block-editor .tui-editor-contents pre {
+  margin: 0px;
+  background-color: transparent;
+}
+
+.tui-popup-code-block-editor .CodeMirror {
+  height: auto;
+}
+
+.tui-popup-code-block-editor .CodeMirror-line {
+  font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕',
+    'Malgun Gothic', sans-serif;
+  font-size: 13px;
+  line-height: 160%;
+  letter-spacing: -0.3px;
+}
+
+.tui-popup-code-block-editor .popup-editor-editor-wrapper {
+  min-height: 100%;
+}
+
+.tui-split-scroll-wrapper {
+  position: relative;
+}
+
+.tui-split-scroll {
+  position: absolute;
+}
+
+.tui-split-scroll,
+.tui-split-scroll-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.tui-split-scroll .tui-split-content-left,
+.tui-split-scroll .tui-split-content-right {
+  position: absolute;
+  top: 0px;
+  width: 50%;
+  box-sizing: border-box;
+}
+
+.tui-split-scroll .tui-split-content-left {
+  left: 0px;
+}
+
+.tui-split-scroll .tui-split-content-right {
+  left: 50%;
+}
+
+.tui-split-scroll .tui-splitter {
+  position: absolute;
+  left: 50%;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  border-left: 1px solid #cacaca;
+}
+
+.tui-split-scroll .tui-split-scroll-content {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+}
+
+.tui-split-scroll .tui-split-content-left,
+.tui-split-scroll .tui-split-content-right {
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.tui-split-scroll button.tui-scrollsync {
+  top: 10px;
+  opacity: 0.2;
+}
+
+.tui-split-scroll button.tui-scrollsync::after {
+  content: 'scroll off';
+}
+
+.tui-split-scroll.scroll-sync button.tui-scrollsync {
+  opacity: 0.5;
+}
+
+.tui-split-scroll.scroll-sync .tui-split-content-left,
+.tui-split-scroll.scroll-sync .tui-split-content-right {
+  height: auto;
+  overflow: initial;
+}
+
+.tui-split-scroll.scroll-sync button.tui-scrollsync::after {
+  content: 'scroll on';
+}
+
+.tui-split-scroll.scroll-sync .tui-split-scroll-content {
+  overflow-y: auto;
+}
+
+.tui-split-scroll.single-content .tui-splitter {
+  display: none;
+}
+
+.tui-split-scroll.single-content .tui-split-content-left {
+  width: 100%;
+}
+
+.tui-split-scroll.single-content .tui-split-content-right {
+  display: none;
+}
+
+.tui-split-scroll.single-content button.tui-scrollsync {
+  display: none;
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  /* IE10+ */
+  .tui-split-scroll-wrapper .tui-splitter {
+    left: calc(50% - 9px);
+  }
+}
+
+@supports (-ms-accelerator: true) {
+  /* IE Edge 12+ CSS styles go here */
+  .tui-split-scroll-wrapper .tui-splitter {
+    left: calc(50% - 9px);
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .tui-popup-wrapper {
+    max-width: 300px;
+  }
+
+  .tui-editor-popup {
+    margin-left: -150px;
+  }
+
+  .te-dropdown-toolbar {
+    max-width: none;
+  }
+}
+
+@charset "utf-8";
+.tui-editor-contents {
+  margin: 0;
+  padding: 0;
+  font-size: 13px;
+  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕',
+    'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;
+}
+
+.tui-editor-contents *:not(table) {
+  line-height: 160%;
+  box-sizing: content-box;
+}
+
+.tui-editor-contents i,
+.tui-editor-contents cite,
+.tui-editor-contents em,
+.tui-editor-contents var,
+.tui-editor-contents address,
+.tui-editor-contents dfn {
+  font-style: italic;
+}
+
+.tui-editor-contents strong {
+  font-weight: bold;
+}
+
+.tui-editor-contents p {
+  margin: 10px 0;
+  color: #222;
+}
+
+.tui-editor-contents > h1:first-of-type,
+.tui-editor-contents > div > div:first-of-type h1 {
+  margin-top: 14px;
+}
+
+.tui-editor-contents h1,
+.tui-editor-contents h2,
+.tui-editor-contents h3,
+.tui-editor-contents h4,
+.tui-editor-contents h5,
+.tui-editor-contents h6 {
+  font-weight: bold;
+  color: #222;
+}
+
+.tui-editor-contents h1 {
+  font-size: 24px;
+  line-height: 28px;
+  border-bottom: 3px double #999;
+  margin: 52px 0 15px 0;
+  padding-bottom: 7px;
+}
+
+.tui-editor-contents h2 {
+  font-size: 22px;
+  line-height: 23px;
+  border-bottom: 1px solid #dbdbdb;
+  margin: 20px 0 13px 0;
+  padding-bottom: 7px;
+}
+
+.tui-editor-contents h3 {
+  font-size: 20px;
+  margin: 18px 0 2px;
+}
+
+.tui-editor-contents h4 {
+  font-size: 18px;
+  margin: 10px 0 2px;
+}
+
+.tui-editor-contents h3,
+.tui-editor-contents h4 {
+  line-height: 18px;
+}
+
+.tui-editor-contents h5 {
+  font-size: 16px;
+}
+
+.tui-editor-contents h6 {
+  font-size: 14px;
+}
+
+.tui-editor-contents h5,
+.tui-editor-contents h6 {
+  line-height: 17px;
+  margin: 9px 0 -4px;
+}
+
+.tui-editor-contents del {
+  color: #999;
+}
+
+.tui-editor-contents blockquote {
+  margin: 14px 0;
+  border-left: 4px solid #e5e5e5;
+  padding: 0 16px;
+  color: #999;
+}
+
+.tui-editor-contents blockquote p,
+.tui-editor-contents blockquote ul,
+.tui-editor-contents blockquote ol {
+  color: #999;
+}
+
+.tui-editor-contents blockquote > :first-child {
+  margin-top: 0;
+}
+
+.tui-editor-contents blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.tui-editor-contents pre,
+.tui-editor-contents code {
+  font-family: Consolas, Courier, 'Apple SD 산돌고딕 Neo', -apple-system, 'Lucida Grande',
+    'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Segoe UI', '돋움', dotum, sans-serif;
+  border: 0;
+  border-radius: 0;
+}
+
+.tui-editor-contents pre {
+  margin: 2px 0 8px;
+  padding: 18px;
+  background-color: #f5f7f8;
+}
+
+.tui-editor-contents code {
+  color: #c1798b;
+  background-color: #f9f2f4;
+  padding: 2px 3px;
+  letter-spacing: -0.3px;
+  border-radius: 2px;
+}
+
+.tui-editor-contents pre code {
+  padding: 0;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+}
+
+.tui-editor-contents pre.addon {
+  border: 1px solid #e8ebed;
+  background-color: #fff;
+}
+
+.tui-editor-contents img {
+  margin: 4px 0 10px;
+  box-sizing: border-box;
+  vertical-align: top;
+  max-width: 100%;
+}
+
+.tui-editor-contents table {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin: 12px 0 14px;
+  color: #222;
+  width: auto;
+  border-collapse: collapse;
+  box-sizing: border-box;
+}
+
+.tui-editor-contents table th,
+.tui-editor-contents table td {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  padding: 5px 14px 5px 12px;
+  height: 32px;
+}
+
+.tui-editor-contents table th {
+  background-color: #555;
+  font-weight: 300;
+  color: #fff;
+  padding-top: 6px;
+}
+
+.tui-editor-contents ul,
+.tui-editor-contents menu,
+.tui-editor-contents ol,
+.tui-editor-contents dir {
+  display: block;
+  list-style-type: none;
+  padding-left: 24px;
+  margin: 6px 0 10px;
+  color: #222;
+}
+
+.tui-editor-contents ol {
+  list-style-type: none;
+  counter-reset: li;
+}
+
+.tui-editor-contents ol > li {
+  counter-increment: li;
+}
+
+.tui-editor-contents ul > li::before,
+.tui-editor-contents ol > li::before {
+  display: inline-block;
+  position: absolute;
+}
+
+.tui-editor-contents ul > li::before {
+  content: '';
+  margin-top: 6px;
+  margin-left: -17px;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background-color: #ccc;
+}
+
+.tui-editor-contents ol > li::before {
+  content: '.' counter(li);
+  margin-left: -28px;
+  width: 24px;
+  text-align: right;
+  direction: rtl;
+  color: #aaa;
+}
+
+.tui-editor-contents ul ul,
+.tui-editor-contents ul ol,
+.tui-editor-contents ol ol,
+.tui-editor-contents ol ul {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.tui-editor-contents ul li,
+.tui-editor-contents ol li {
+  position: relative;
+}
+
+.tui-editor-contents ul p,
+.tui-editor-contents ol p {
+  margin: 0;
+}
+
+.tui-editor-contents ul li.task-list-item::before,
+.tui-editor-contents ol li.task-list-item::before,
+.tui-editor-contents pre ul li::before {
+  content: '';
+}
+
+.tui-editor-contents th ol,
+.tui-editor-contents th ul {
+  color: #fff;
+}
+
+.tui-editor-contents hr {
+  border-top: 1px solid #eee;
+  margin: 16px 0;
+}
+
+.tui-editor-contents a {
+  text-decoration: underline;
+  color: #4b96e6;
+}
+
+.tui-editor-contents a:hover {
+  color: #1f70de;
+}
+
+.tui-editor-contents a.image-link {
+  position: relative;
+}
+
+.tui-editor-contents a.image-link::before {
+  content: '';
+  position: absolute;
+  margin: 0;
+  width: 20px;
+  height: 20px;
+  top: 2px;
+  right: 2px;
+  background-repeat: no-repeat;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAA/0lEQVQ4Ee2UIY6FQAyG/91wAQQJDg8SSwI3QIFAcQHuwFHQoOAEEFAELB6H4wIku+9vQgIP9zLyVbTTTufLtJ3MzzRNf1AoGlmu6ypBzvOMXyWkC+QLvDTjw6VM+Xr2OA6UZYmu67Dvu2zleX6zuq7D933EcQxNuyPu3usYYXVdw/M8mKYpIMMwxEZRJHbbNsmhkySJxE71APJmhGVZhnVdURQFlmU585GmKSzLEp+570Dlz+ZxQ/aGJVNYsm3bCIJA/LZtMY4jmqbBMAwIw1DiV/UAstEUltP3vawdxxFbVZVYDoWwM1eCp+LnoErIUt7DL/Ac1edWng1/WlXyD380myY5A34sAAAAAElFTkSuQmCC');
+  cursor: pointer;
+}
+
+.tui-editor-contents .task-list-item {
+  border: 0;
+  list-style: none;
+  padding-left: 24px;
+  margin-left: -24px;
+}
+
+.tui-editor-contents .task-list-item::before {
+  background-repeat: no-repeat;
+  background-size: 18px 18px;
+  background-position: center;
+  content: '';
+  margin-left: 0;
+  margin-top: 0;
+  border-radius: 0;
+  height: 18px;
+  width: 18px;
+  position: absolute;
+  left: 0;
+  top: 1px;
+  cursor: pointer;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAAAQklEQVQ4EWM8c+bMfwYqABaQGcbGxhQZdfbsWQYmikxA0jxqEFJg4GCOhhGOgEESHg0jpMDAwRx8YQQuj0DlCaUAAEdBCPJ7TaEPAAAAAElFTkSuQmCC');
+}
+
+.tui-editor-contents .task-list-item.checked::before {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAAA1ElEQVQ4EWP0nvbsPwMVABMVzAAbMWoQIiT5OJgYvLS5EAJQFguGCB4BkCHt/kIM8kKsYFXbrn6DqyY6sJENefjuN8ORuz/ghoAYWA0COR2kEQbQDanc+I7h049/MGkwjVANFQYZkmXHD/YCyABiDAFpxQgjkJO9dbjA4QAKDxAAhQnIO9hcAlYAJDBcBHIySANII8gAYgwBGYZhEEgQZFjVJohhhFwCUg8CjPgyLT8nE8N/YJZGD1iIVlQSI4yQpT9+R40ZZDl0NlavoSsihj/4DAIAR+hZHUj727YAAAAASUVORK5CYII=');
+}
+
+.tui-editor-contents .task-list-item input[type='checkbox'],
+.tui-editor-contents .task-list-item .task-list-item-checkbox {
+  margin-left: -17px;
+  margin-right: 3.8px;
+  margin-top: 3px;
+}
+
+.tui-editor-contents-placeholder::before {
+  content: attr(data-placeholder);
+  color: grey;
+  line-height: 160%;
+  position: absolute;
+}
+
+.te-preview .tui-editor-contents h1 {
+  min-height: 28px;
+}
+
+.te-preview .tui-editor-contents h2 {
+  min-height: 23px;
+}
+
+.te-preview .tui-editor-contents blockquote {
+  min-height: 20px;
+}
+
+.te-preview .tui-editor-contents li {
+  min-height: 22px;
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  /* IE10+11 */
+  .te-ww-container .tui-editor-contents li {
+    vertical-align: middle;
+  }
+
+  .te-ww-container .tui-editor-contents ul > li::before,
+  .te-ww-container .tui-editor-contents ol > li::before,
+  .te-ww-container .tui-editor-contents .task-list-item:before {
+    position: static;
+    vertical-align: middle;
+  }
+
+  .te-ww-container .tui-editor-contents ul > li::before {
+    margin-top: -3px;
+    margin-right: 12px;
+  }
+
+  .te-ww-container .tui-editor-contents ol > li::before {
+    margin-right: 6px;
+  }
+
+  .te-ww-container .tui-editor-contents .task-list-item {
+    padding-left: 2px;
+  }
+}
+
+.tui-editor-contents .te-preview-highlight {
+  position: relative;
+  z-index: 0;
+}
+
+.tui-editor-contents .te-preview-highlight::after {
+  content: '';
+  background-color: rgba(255, 245, 131, 0.5);
+  border-radius: 4px;
+  z-index: -1;
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  left: -4px;
+  bottom: -4px;
+}
+
+.tui-editor-contents h1.te-preview-highlight::after,
+.tui-editor-contents h2.te-preview-highlight::after {
+  bottom: 0;
+}
+
+.tui-editor-contents td.te-preview-highlight::after,
+.tui-editor-contents th.te-preview-highlight::after {
+  display: none;
+}
+
+.tui-editor-contents th.te-preview-highlight,
+.tui-editor-contents td.te-preview-highlight {
+  background-color: rgba(255, 245, 131, 0.5);
+}
+
+.tui-editor-contents th.te-preview-highlight {
+  color: #222;
+}
+
+.te-md-container .CodeMirror {
+  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕',
+    'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;
+  color: #222;
+}
+
+.tui-md-heading1 {
+  font-size: 24px;
+}
+
+.tui-md-heading2 {
+  font-size: 22px;
+}
+
+.tui-md-heading3 {
+  font-size: 20px;
+}
+
+.tui-md-heading4 {
+  font-size: 18px;
+}
+
+.tui-md-heading5 {
+  font-size: 16px;
+}
+
+.tui-md-heading6 {
+  font-size: 14px;
+}
+
+.tui-md-heading.tui-md-delimiter.setext {
+  line-height: 15px;
+}
+
+.tui-md-strong,
+.tui-md-heading,
+.tui-md-list-item.tui-md-list-item-bullet,
+.tui-md-list-item.tui-md-meta {
+  font-weight: bold;
+}
+
+.tui-md-emph {
+  font-style: italic;
+}
+
+.tui-md-strike {
+  text-decoration: line-through;
+}
+
+.tui-md-strike.tui-md-delimiter {
+  text-decoration: none;
+}
+
+.tui-md-delimiter,
+.tui-md-thematic-break,
+.tui-md-link,
+.tui-md-table,
+.tui-md-block-quote {
+  color: #ccc;
+}
+
+.tui-md-code-block.tui-md-meta,
+.tui-md-code.tui-md-delimiter {
+  color: #aaa;
+}
+
+.tui-md-meta,
+.tui-md-html,
+.tui-md-link.tui-md-link-url.tui-md-marked-text {
+  color: #999;
+}
+
+.tui-md-block-quote.tui-md-marked-text,
+.tui-md-list-item.tui-md-meta {
+  color: #555;
+}
+
+.tui-md-table.tui-md-marked-text {
+  color: #222;
+}
+
+.tui-md-link.tui-md-link-desc.tui-md-marked-text,
+.tui-md-list-item-odd.tui-md-list-item-bullet {
+  color: #4b96e6;
+}
+
+.tui-md-list-item-even.tui-md-list-item-bullet {
+  color: #cb4848;
+}
+
+.tui-md-code.tui-md-marked-text {
+  color: #c1798b;
+}
+
+.tui-md-code {
+  background-color: rgba(243, 229, 233, 0.5);
+  padding: 2px 0;
+  letter-spacing: -0.3px;
+}
+
+.tui-md-code.tui-md-delimiter.start {
+  padding-left: 2px;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+
+.tui-md-code.tui-md-delimiter.end {
+  padding-right: 2px;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+
+.tui-md-code-block.CodeMirror-linebackground {
+  left: 20px;
+  right: 20px;
+  background-color: #f5f7f8;
+}
+
+.tui-md-code-block.CodeMirror-linebackground.start {
+  top: 2px;
+}
+
+.tui-md-code-block.CodeMirror-linebackground.end {
+  bottom: 2px;
+}
+
+.tui-md-code,
+.tui-md-code-block {
+  font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕',
+    'Malgun Gothic', sans-serif;
+}
+
diff --git a/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor.js b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor.js
new file mode 100644
index 0000000000..1ecaa485bc
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.IdentityServer/wwwroot/libs/toastr/toastui-editor.js
@@ -0,0 +1,29366 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("codemirror"));
+	else if(typeof define === 'function' && define.amd)
+		define(["codemirror"], factory);
+	else if(typeof exports === 'object')
+		exports["Editor"] = factory(require("codemirror"));
+	else
+		root["toastui"] = root["toastui"] || {}, root["toastui"]["Editor"] = factory(root["CodeMirror"]);
+})(window, function(__WEBPACK_EXTERNAL_MODULE__15__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 65);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
+/* harmony import */ var tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
+/* harmony import */ var tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4);
+/* harmony import */ var tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(16);
+/* harmony import */ var tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(13);
+/* harmony import */ var tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7__);
+/**
+ * @fileoverview DOM Utils
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+var FIND_ZWB = /\u200B/g;
+var _window = window,
+    getComputedStyle = _window.getComputedStyle;
+/**
+ * Check if node is text node
+ * @param {Node} node node to check
+ * @returns {boolean} result
+ * @ignore
+ */
+
+var isTextNode = function isTextNode(node) {
+  return node && node.nodeType === Node.TEXT_NODE;
+};
+/**
+ * Check if node is element node
+ * @param {Node} node node to check
+ * @returns {boolean} result
+ * @ignore
+ */
+
+
+var isElemNode = function isElemNode(node) {
+  return node && node.nodeType === Node.ELEMENT_NODE;
+};
+/**
+ * Check that the node is block node
+ * @param {Node} node node
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isBlockNode = function isBlockNode(node) {
+  return /^(ADDRESS|ARTICLE|ASIDE|BLOCKQUOTE|DETAILS|DIALOG|DD|DIV|DL|DT|FIELDSET|FIGCAPTION|FIGURE|FOOTER|FORM|H[\d]|HEADER|HGROUP|HR|LI|MAIN|NAV|OL|P|PRE|SECTION|UL)$/gi.test(this.getNodeName(node));
+};
+/**
+ * Get node name of node
+ * @param {Node} node node
+ * @returns {string} node name
+ * @ignore
+ */
+
+
+var getNodeName = function getNodeName(node) {
+  if (isElemNode(node)) {
+    return node.tagName;
+  }
+
+  return 'TEXT';
+};
+/**
+ * Get node offset length of node(for Range API)
+ * @param {Node} node node
+ * @returns {number} length
+ * @ignore
+ */
+
+
+var getTextLength = function getTextLength(node) {
+  var len;
+
+  if (isElemNode(node)) {
+    len = node.textContent.replace(FIND_ZWB, '').length;
+  } else if (isTextNode(node)) {
+    len = node.nodeValue.replace(FIND_ZWB, '').length;
+  }
+
+  return len;
+};
+/**
+ * Get node offset length of node(for Range API)
+ * @param {Node} node node
+ * @returns {number} length
+ * @ignore
+ */
+
+
+var getOffsetLength = function getOffsetLength(node) {
+  var len;
+
+  if (isElemNode(node)) {
+    len = node.childNodes.length;
+  } else if (isTextNode(node)) {
+    len = node.nodeValue.replace(FIND_ZWB, '').length;
+  }
+
+  return len;
+};
+/**
+ * get node offset between parent's childnodes
+ * @param {Node} node node
+ * @returns {number} offset(index)
+ * @ignore
+ */
+
+
+var getNodeOffsetOfParent = function getNodeOffsetOfParent(node) {
+  var childNodesOfParent = node.parentNode.childNodes;
+  var i, t, found;
+
+  for (i = 0, t = childNodesOfParent.length; i < t; i += 1) {
+    if (childNodesOfParent[i] === node) {
+      found = i;
+      break;
+    }
+  }
+
+  return found;
+};
+/**
+ * get child node by offset
+ * @param {Node} node node
+ * @param {number} index offset index
+ * @returns {Node} foudned node
+ * @ignore
+ */
+
+
+var getChildNodeByOffset = function getChildNodeByOffset(node, index) {
+  var currentNode;
+
+  if (isTextNode(node)) {
+    currentNode = node;
+  } else if (node.childNodes.length && index >= 0) {
+    currentNode = node.childNodes[index];
+  }
+
+  return currentNode;
+};
+/**
+ * find next node from passed node
+ * @param {strong} direction previous or next
+ * @param {Node} node node
+ * @param {string} untilNodeName parent node name to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getNodeWithDirectionUntil = function getNodeWithDirectionUntil(direction, node, untilNodeName) {
+  var directionKey = direction + "Sibling";
+  var nodeName, foundedNode;
+
+  while (node && !node[directionKey]) {
+    nodeName = getNodeName(node.parentNode);
+
+    if (nodeName === untilNodeName || nodeName === 'BODY') {
+      break;
+    }
+
+    node = node.parentNode;
+  }
+
+  if (node[directionKey]) {
+    foundedNode = node[directionKey];
+  }
+
+  return foundedNode;
+};
+/**
+ * get prev node of childnode pointed with index
+ * @param {Node} node node
+ * @param {number} index offset index
+ * @param {string} untilNodeName parent node name to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getPrevOffsetNodeUntil = function getPrevOffsetNodeUntil(node, index, untilNodeName) {
+  var prevNode;
+
+  if (index > 0) {
+    prevNode = getChildNodeByOffset(node, index - 1);
+  } else {
+    prevNode = getNodeWithDirectionUntil('previous', node, untilNodeName);
+  }
+
+  return prevNode;
+};
+
+var getParentUntilBy = function getParentUntilBy(node, matchCondition, stopCondition) {
+  while (node.parentNode && !matchCondition(node.parentNode)) {
+    node = node.parentNode;
+
+    if (stopCondition && stopCondition(node)) {
+      break;
+    }
+  }
+
+  if (matchCondition(node.parentNode)) {
+    return node;
+  }
+
+  return null;
+};
+/**
+ * get parent node until paseed node name
+ * @param {Node} node node
+ * @param {string|HTMLNode} untilNode node name or node to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getParentUntil = function getParentUntil(node, untilNode) {
+  var foundedNode;
+
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(untilNode)) {
+    foundedNode = getParentUntilBy(node, function (targetNode) {
+      return untilNode === getNodeName(targetNode);
+    });
+  } else {
+    foundedNode = getParentUntilBy(node, function (targetNode) {
+      return untilNode === targetNode;
+    });
+  }
+
+  return foundedNode;
+};
+/**
+ * get node on the given direction under given parent
+ * @param {strong} direction previous or next
+ * @param {Node} node node
+ * @param {string|Node} underNode parent node name to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getNodeWithDirectionUnderParent = function getNodeWithDirectionUnderParent(direction, node, underNode) {
+  var directionKey = direction + "Sibling";
+  var foundedNode;
+  node = getParentUntil(node, underNode);
+
+  if (node && node[directionKey]) {
+    foundedNode = node[directionKey];
+  }
+
+  return foundedNode;
+};
+/**
+ * get top previous top level node under given node
+ * @param {Node} node node
+ * @param {Node} underNode underNode
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getTopPrevNodeUnder = function getTopPrevNodeUnder(node, underNode) {
+  return getNodeWithDirectionUnderParent('previous', node, underNode);
+};
+/**
+ * get next top level block node
+ * @param {Node} node node
+ * @param {Node} underNode underNode
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getTopNextNodeUnder = function getTopNextNodeUnder(node, underNode) {
+  return getNodeWithDirectionUnderParent('next', node, underNode);
+};
+/**
+ * Get parent element the body element
+ * @param {Node} node Node for start searching
+ * @returns {Node}
+ * @ignore
+ */
+
+
+var getTopBlockNode = function getTopBlockNode(node) {
+  return getParentUntil(node, 'BODY');
+};
+/**
+ * Get previous text node
+ * @param {Node} node Node for start searching
+ * @returns {Node}
+ * @ignore
+ */
+
+
+var getPrevTextNode = function getPrevTextNode(node) {
+  node = node.previousSibling || node.parentNode;
+
+  while (!isTextNode(node) && getNodeName(node) !== 'BODY') {
+    if (node.previousSibling) {
+      node = node.previousSibling;
+
+      while (node.lastChild) {
+        node = node.lastChild;
+      }
+    } else {
+      node = node.parentNode;
+    }
+  }
+
+  if (getNodeName(node) === 'BODY') {
+    node = null;
+  }
+
+  return node;
+};
+/**
+ * test whether root contains the given node
+ * @param {HTMLNode|string} root - root node
+ * @param {HTMLNode} found - node to test
+ * @returns {Boolean} true if root contains node
+ * @ignore
+ */
+
+
+var containsNode = function containsNode(root, node) {
+  var walker = document.createTreeWalker(root, 4, null, false);
+  var found = root === node;
+
+  while (!found && walker.nextNode()) {
+    found = walker.currentNode === node;
+  }
+
+  return found;
+};
+/**
+ * find node by offset
+ * @param {HTMLElement} root Root element
+ * @param {Array.} offsetList offset list
+ * @param {function} textNodeFilter Text node filter
+ * @returns {Array}
+ * @ignore
+ */
+
+
+var findOffsetNode = function findOffsetNode(root, offsetList, textNodeFilter) {
+  var result = [];
+  var text = '';
+  var walkerOffset = 0;
+  var newWalkerOffset;
+
+  if (!offsetList.length) {
+    return result;
+  }
+
+  var offset = offsetList.shift();
+  var walker = document.createTreeWalker(root, 4, null, false);
+
+  while (walker.nextNode()) {
+    text = walker.currentNode.nodeValue || '';
+
+    if (textNodeFilter) {
+      text = textNodeFilter(text);
+    }
+
+    newWalkerOffset = walkerOffset + text.length;
+
+    while (newWalkerOffset >= offset) {
+      result.push({
+        container: walker.currentNode,
+        offsetInContainer: offset - walkerOffset,
+        offset: offset
+      });
+
+      if (!offsetList.length) {
+        return result;
+      }
+
+      offset = offsetList.shift();
+    }
+
+    walkerOffset = newWalkerOffset;
+  } // there should be offset left
+
+
+  do {
+    result.push({
+      container: walker.currentNode,
+      offsetInContainer: text.length,
+      offset: offset
+    });
+    offset = offsetList.shift();
+  } while (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(offset));
+
+  return result;
+};
+
+var getNodeInfo = function getNodeInfo(node) {
+  var path = {};
+  path.tagName = node.nodeName;
+
+  if (node.id) {
+    path.id = node.id;
+  }
+
+  var className = node.className.trim();
+
+  if (className) {
+    path.className = className;
+  }
+
+  return path;
+};
+
+var getPath = function getPath(node, root) {
+  var paths = [];
+
+  while (node && node !== root) {
+    if (isElemNode(node)) {
+      paths.unshift(getNodeInfo(node));
+    }
+
+    node = node.parentNode;
+  }
+
+  return paths;
+};
+/**
+ * Find next, previous TD or TH element by given TE element
+ * @param {HTMLElement} node TD element
+ * @param {string} direction 'next' or 'previous'
+ * @returns {HTMLElement|null}
+ * @ignore
+ */
+
+
+var getTableCellByDirection = function getTableCellByDirection(node, direction) {
+  var targetElement = null;
+
+  if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(direction) && (direction === 'next' || direction === 'previous')) {
+    if (direction === 'next') {
+      targetElement = node.nextElementSibling;
+    } else {
+      targetElement = node.previousElementSibling;
+    }
+  }
+
+  return targetElement;
+};
+/**
+ * Find sibling TR's TD element by given TD and direction
+ * @param {HTMLElement} node TD element
+ * @param {string} direction Boolean value for find first TD in next line
+ * @param {boolean} [needEdgeCell=false] Boolean value for find first TD in next line
+ * @returns {HTMLElement|null}
+ * @ignore
+ */
+
+
+var getSiblingRowCellByDirection = function getSiblingRowCellByDirection(node, direction, needEdgeCell) {
+  var tableCellElement = null;
+  var index, targetRowElement, currentContainer, siblingContainer, isSiblingContainerExists;
+
+  if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(direction) && (direction === 'next' || direction === 'previous')) {
+    if (node) {
+      if (direction === 'next') {
+        targetRowElement = node.parentNode && node.parentNode.nextSibling;
+        currentContainer = parents(node, 'thead');
+        siblingContainer = currentContainer[0] && currentContainer[0].nextSibling;
+        isSiblingContainerExists = siblingContainer && getNodeName(siblingContainer) === 'TBODY';
+        index = 0;
+      } else {
+        targetRowElement = node.parentNode && node.parentNode.previousSibling;
+        currentContainer = parents(node, 'tbody');
+        siblingContainer = currentContainer[0] && currentContainer[0].previousSibling;
+        isSiblingContainerExists = siblingContainer && getNodeName(siblingContainer) === 'THEAD';
+        index = node.parentNode.childNodes.length - 1;
+      }
+
+      if (tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(needEdgeCell) || !needEdgeCell) {
+        index = getNodeOffsetOfParent(node);
+      }
+
+      if (targetRowElement) {
+        tableCellElement = children(targetRowElement, 'td,th')[index];
+      } else if (currentContainer[0] && isSiblingContainerExists) {
+        tableCellElement = findAll(siblingContainer, 'td,th')[index];
+      }
+    }
+  }
+
+  return tableCellElement;
+};
+/**
+ * Check that the inline node is supported by markdown
+ * @param {Node} node TD element
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isMDSupportInlineNode = function isMDSupportInlineNode(node) {
+  return /^(A|B|BR|CODE|DEL|EM|I|IMG|S|SPAN|STRONG)$/gi.test(node.nodeName);
+};
+/**
+ * Check that node is styled node.
+ * Styled node is a node that has text and decorates text.
+ * @param {Node} node TD element
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isStyledNode = function isStyledNode(node) {
+  return /^(A|ABBR|ACRONYM|B|BDI|BDO|BIG|CITE|CODE|DEL|DFN|EM|I|INS|KBD|MARK|Q|S|SAMP|SMALL|SPAN|STRONG|SUB|SUP|U|VAR)$/gi.test(node.nodeName);
+};
+/**
+ * remove node from 'start' node to 'end-1' node inside parent
+ * if 'end' node is null, remove all child nodes after 'start' node.
+ * @param {Node} parentNode - parent node
+ * @param {Node} start - start node to remove
+ * @param {Node} end - end node to remove
+ * @ignore
+ */
+
+
+var removeChildFromStartToEndNode = function removeChildFromStartToEndNode(parentNode, start, end) {
+  var child = start;
+
+  if (!child || parentNode !== child.parentNode) {
+    return;
+  }
+
+  while (child !== end) {
+    var nextNode = child.nextSibling;
+    parentNode.removeChild(child);
+    child = nextNode;
+  }
+};
+/**
+ * remove nodes along the direction from the node to reach targetParent node
+ * @param {Node} targetParent - stop removing when reach target parent node
+ * @param {Node} node - start node
+ * @param {boolean} isForward - direction
+ * @ignore
+ */
+
+
+var removeNodesByDirection = function removeNodesByDirection(targetParent, node, isForward) {
+  var parentNode = node;
+
+  while (parentNode !== targetParent) {
+    var nextParent = parentNode.parentNode;
+    var _parentNode = parentNode,
+        nextSibling = _parentNode.nextSibling,
+        previousSibling = _parentNode.previousSibling;
+
+    if (!isForward && nextSibling) {
+      removeChildFromStartToEndNode(nextParent, nextSibling, null);
+    } else if (isForward && previousSibling) {
+      removeChildFromStartToEndNode(nextParent, nextParent.childNodes[0], parentNode);
+    }
+
+    parentNode = nextParent;
+  }
+};
+
+var getLeafNode = function getLeafNode(node) {
+  var result = node;
+
+  while (result.childNodes && result.childNodes.length) {
+    var _result = result,
+        nextLeaf = _result.firstChild; // When inline tag have empty text node with other childnodes, ignore empty text node.
+
+    if (isTextNode(nextLeaf) && !getTextLength(nextLeaf)) {
+      result = nextLeaf.nextSibling || nextLeaf;
+    } else {
+      result = nextLeaf;
+    }
+  }
+
+  return result;
+};
+/**
+ * check if a coordinates is inside a button box
+ * @param {object} style - computed style of task box
+ * @param {number} offsetX - event x offset
+ * @param {number} offsetY - event y offset
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isInsideButtonBox = function isInsideButtonBox(style, offsetX, offsetY) {
+  var rect = {
+    left: parseInt(style.left, 10),
+    top: parseInt(style.top, 10),
+    width: parseInt(style.width, 10),
+    height: parseInt(style.height, 10)
+  };
+  return offsetX >= rect.left && offsetX <= rect.left + rect.width && offsetY >= rect.top && offsetY <= rect.top + rect.height;
+};
+/**
+ * Check whether node is OL or UL
+ * @param {node} node - node
+ * @returns {boolean} - whether node is OL or UL
+ * @ignore
+ */
+
+
+var isListNode = function isListNode(node) {
+  if (!node) {
+    return false;
+  }
+
+  return node.nodeName === 'UL' || node.nodeName === 'OL';
+};
+/**
+ * Check whether node is first list item
+ * @param {node} node - node
+ * @returns {boolean} whether node is first list item
+ * @ignore
+ */
+
+
+var isFirstListItem = function isFirstListItem(node) {
+  var nodeName = node.nodeName,
+      parentNode = node.parentNode;
+  return nodeName === 'LI' && node === parentNode.firstChild;
+};
+/**
+ * Check whether node is first level list item
+ * @param {node} node - node
+ * @returns {boolean} whether node is first level list item
+ * @ignore
+ */
+
+
+var isFirstLevelListItem = function isFirstLevelListItem(node) {
+  var nodeName = node.nodeName,
+      listNode = node.parentNode;
+  var listParentNode = listNode.parentNode;
+  return nodeName === 'LI' && !isListNode(listParentNode);
+};
+/**
+ * Merge node to target node and detach node
+ * @param {node} node - node
+ * @param {node} targetNode - target node
+ * @ignore
+ */
+
+
+var mergeNode = function mergeNode(node, targetNode) {
+  if (node.hasChildNodes()) {
+    tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(node.childNodes).forEach(function () {
+      targetNode.appendChild(node.firstChild);
+    });
+    targetNode.normalize();
+  }
+
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
+};
+/**
+ * Create hr that is not contenteditable
+ * @returns {node} hr is wraped div
+ * @ignore
+ */
+
+
+var createHorizontalRule = function createHorizontalRule() {
+  var div = document.createElement('div');
+  var hr = document.createElement('hr');
+  div.setAttribute('contenteditable', false);
+  hr.setAttribute('contenteditable', false);
+  div.appendChild(hr);
+  return div;
+};
+/**
+ * Create Empty Line
+ * @returns {node} 

      
+ * @private
+ */
+
+
+var createEmptyLine = function createEmptyLine() {
+  var div = document.createElement('div');
+  div.appendChild(document.createElement('br'));
+  return div;
+};
+/**
+ * Find same tagName child node and change wrapping order.
+ * For example, if below node need to optimize 'B' tag.
+ * test
+ * should be changed tag's order.
+ * test
+ * @param {node} node
+ * @param {string} tagName
+ * @returns {node}
+ * @private
+ */
+
+
+var changeTagOrder = function changeTagOrder(node, tagName) {
+  if (node.nodeName !== 'SPAN') {
+    var parentNode = node.parentNode;
+    var tempNode = node;
+
+    while (tempNode.childNodes && tempNode.childNodes.length === 1 && !isTextNode(tempNode.firstChild)) {
+      tempNode = tempNode.firstChild;
+
+      if (tempNode.nodeName === 'SPAN') {
+        break;
+      }
+
+      if (tempNode.nodeName === tagName) {
+        var wrapper = document.createElement(tagName);
+        mergeNode(tempNode, tempNode.parentNode);
+        parentNode.replaceChild(wrapper, node);
+        wrapper.appendChild(node);
+        return wrapper;
+      }
+    }
+  }
+
+  return node;
+};
+/**
+ * Find same tagName nodes and merge from startNode to endNode.
+ * @param {node} startNode
+ * @param {node} endNode
+ * @param {string} tagName
+ * @returns {node}
+ * @private
+ */
+
+
+var mergeSameNodes = function mergeSameNodes(startNode, endNode, tagName) {
+  var startBlockNode = changeTagOrder(startNode, tagName);
+
+  if (startBlockNode.nodeName === tagName) {
+    var endBlockNode = changeTagOrder(endNode, tagName);
+    var mergeTargetNode = startBlockNode;
+    var nextNode = startBlockNode.nextSibling;
+
+    while (nextNode) {
+      var tempNext = nextNode.nextSibling;
+      nextNode = changeTagOrder(nextNode, tagName);
+
+      if (nextNode.nodeName === tagName) {
+        // eslint-disable-next-line max-depth
+        if (mergeTargetNode) {
+          mergeNode(nextNode, mergeTargetNode);
+        } else {
+          mergeTargetNode = nextNode;
+        }
+      } else {
+        mergeTargetNode = null;
+      }
+
+      if (nextNode === endBlockNode) {
+        break;
+      }
+
+      nextNode = tempNext;
+    }
+  }
+};
+/**
+ * Find same tagName nodes in range and merge nodes.
+ * For example range is like this
+ * AAABBB
+ * nodes is changed below
+ * AAABBB
+ * @param {range} range
+ * @param {string} tagName
+ * @private
+ */
+
+
+var optimizeRange = function optimizeRange(range, tagName) {
+  var collapsed = range.collapsed,
+      commonAncestorContainer = range.commonAncestorContainer,
+      startContainer = range.startContainer,
+      endContainer = range.endContainer;
+
+  if (!collapsed) {
+    var optimizedNode = null;
+
+    if (startContainer !== endContainer) {
+      var startNode = getParentUntil(startContainer, commonAncestorContainer);
+      var endNode = getParentUntil(endContainer, commonAncestorContainer);
+
+      if (startNode && endNode) {
+        mergeSameNodes(startNode, endNode, tagName);
+      }
+
+      optimizedNode = commonAncestorContainer;
+    } else if (isTextNode(startContainer)) {
+      optimizedNode = startContainer.parentNode;
+    }
+
+    if (optimizedNode && optimizedNode.nodeName === tagName) {
+      var _optimizedNode = optimizedNode,
+          previousSibling = _optimizedNode.previousSibling;
+      var tempNode;
+
+      if (previousSibling) {
+        tempNode = changeTagOrder(previousSibling);
+
+        if (tempNode.nodeName === tagName) {
+          mergeNode(optimizedNode, tempNode);
+        }
+      }
+
+      var _optimizedNode2 = optimizedNode,
+          nextSibling = _optimizedNode2.nextSibling;
+
+      if (nextSibling) {
+        tempNode = changeTagOrder(nextSibling);
+
+        if (tempNode.nodeName === tagName) {
+          mergeNode(tempNode, optimizedNode);
+        }
+      }
+    }
+  }
+};
+/**
+ * Gets all text node from root element.
+ * @param {HTMLElement} root Root element
+ * @returns {Array} list of text nodes
+ * @ignore
+ */
+
+
+var getAllTextNode = function getAllTextNode(root) {
+  var walker = document.createTreeWalker(root, 4, null, false);
+  var result = [];
+
+  while (walker.nextNode()) {
+    var node = walker.currentNode;
+
+    if (isTextNode(node)) {
+      result.push(node);
+    }
+  }
+
+  return result;
+};
+/**
+ * Check whether the node is 'TD' or 'TH'
+ * @param {HTMLElement} node - the target node
+ * @returns {boolean} - whether the node is 'TD' or 'TH'
+ * @ignore
+ */
+
+
+var isCellNode = function isCellNode(node) {
+  if (!node) {
+    return false;
+  }
+
+  return node.nodeName === 'TD' || node.nodeName === 'TH';
+};
+/**
+ * Get the last node on the target node by the condition
+ * @param {HTMLElement} node - the target node
+ * @returns {function} - the condition to find the node
+ * @ignore
+ */
+
+
+var getLastNodeBy = function getLastNodeBy(node, condition) {
+  var lastNode = node && node.lastChild;
+
+  while (lastNode && condition(lastNode)) {
+    lastNode = lastNode.lastChild;
+  }
+
+  return lastNode;
+};
+/**
+ * Get the parent node on the target node by the condition
+ * @param {HTMLElement} node - the target node
+ * @returns {function} - the condition to find the node
+ * @ignore
+ */
+
+
+var getParentNodeBy = function getParentNodeBy(node, condition) {
+  while (node && condition(node.parentNode, node)) {
+    node = node.parentNode;
+  }
+
+  return node;
+};
+/**
+ * Get the sibling node on the target node by the condition
+ * @param {HTMLElement} node - the target node
+ * @param {string} direction - the direction to find node ('previous', 'next')
+ * @returns {function} - the condition to find the node
+ * @ignore
+ */
+
+
+var getSiblingNodeBy = function getSiblingNodeBy(node, direction, condition) {
+  var directionKey = direction + "Sibling";
+
+  while (node && condition(node[directionKey], node)) {
+    node = node[directionKey];
+  }
+
+  return node;
+};
+/**
+ * Create element with contents
+ * @param {string|Node} contents - contents to appended
+ * @param {HTMLElement} [target] - container element to append contents
+ * @returns {Node} created node
+ * @ignore
+ */
+
+
+function createElementWith(contents, target) {
+  var container = document.createElement('div');
+
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(contents)) {
+    container.innerHTML = contents;
+  } else {
+    container.appendChild(contents);
+  }
+
+  var firstChild = container.firstChild;
+
+  if (target) {
+    target.appendChild(firstChild);
+  }
+
+  return firstChild;
+}
+/**
+ * Find nodes matching by selector
+ * @param {HTMLElement} element - target element
+ * @param {string} selector - selector to find nodes
+ * @returns {Array.} found nodes
+ * @ignore
+ */
+
+
+function findAll(element, selector) {
+  var nodeList = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(element.querySelectorAll(selector));
+
+  if (nodeList.length) {
+    return nodeList;
+  }
+
+  return [];
+}
+/**
+ * Checks whether specific node is included in target node
+ * @param {HTMLElement} element - target to find
+ * @param {Node} containedNode - node to find
+ * @returns {boolean} whether node is contained or not
+ * @ignore
+ */
+
+
+function isContain(element, contained) {
+  return element !== contained && element.contains(contained);
+}
+/**
+ * Gets closest node matching by selector
+ * @param {Node} node - target node
+ * @param {string|Node} found - selector or element to find node
+ * @param {Node} [root] - root node
+ * @returns {?Node} - found node
+ * @ignore
+ */
+
+
+function closest(node, found, root) {
+  var condition;
+  root = root || document;
+
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(found)) {
+    condition = function condition(target) {
+      return tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(target, found);
+    };
+  } else {
+    condition = function condition(target) {
+      return target === found;
+    };
+  }
+
+  while (node && node !== root) {
+    if (isElemNode(node) && condition(node)) {
+      return node;
+    }
+
+    node = node.parentNode;
+  }
+
+  return null;
+}
+/**
+ * Gets parent node matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string} [selector] - selector to find
+ * @returns {Node} found node
+ * @ignore
+ */
+
+
+function parent(node, selector) {
+  var parentNode = node.parentNode;
+
+  if (selector) {
+    return parentNode && tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(parentNode, selector) ? parentNode : null;
+  }
+
+  return parentNode;
+}
+/**
+ * Gets ancestor nodes matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string|Node} found - selector or node to find
+ * @returns {Array.} found nodes
+ * @ignore
+ */
+
+
+function parents(node, found) {
+  var result = [];
+
+  while (node && node !== document) {
+    node = closest(node.parentNode, found);
+
+    if (node) {
+      result.push(node);
+    }
+  }
+
+  return result;
+}
+/**
+ * Gets ancestor nodes until matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string} selector - selector to find
+ * @param {Array.} found nodes
+ * @ignore
+ */
+
+
+function parentsUntil(node, selector) {
+  var result = [];
+
+  while (node.parentNode && !tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(node.parentNode, selector)) {
+    node = node.parentNode;
+
+    if (node) {
+      result.push(node);
+    }
+  }
+
+  return result;
+}
+/**
+ * Gets child nodes matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string} selector - selector to find
+ * @returns {Array.} found nodes
+ * @ignore
+ */
+
+
+function children(node, selector) {
+  var foundChildren;
+
+  if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+    foundChildren = node.childNodes;
+  } else {
+    foundChildren = node.children;
+  }
+
+  return tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(foundChildren).filter(function (child) {
+    return tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(child, selector);
+  });
+}
+/**
+ * Appends node(s) on target node
+ * @param {Node} node - target node
+ * @param {string|Node} appended - html string or node to append
+ * @ignore
+ */
+
+
+function append(node, appended) {
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(appended)) {
+    node.insertAdjacentHTML('beforeEnd', appended);
+  } else {
+    appended = appended.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(appended) : [appended];
+
+    for (var i = 0, len = appended.length; i < len; i += 1) {
+      node.appendChild(appended[i]);
+    }
+  }
+}
+/**
+ * Prepends node(s) on target node
+ * @param {Node} node - target node
+ * @param {string|Node} appended - html string or node to append
+ * @ignore
+ */
+
+
+function prepend(node, appended) {
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(appended)) {
+    node.insertAdjacentHTML('afterBegin', appended);
+  } else {
+    appended = appended.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(appended) : [appended];
+
+    for (var i = appended.length - 1, len = 0; i >= len; i -= 1) {
+      node.insertBefore(appended[i], node.firstChild);
+    }
+  }
+}
+/**
+ * Inserts new node in front of target node
+ * @param {Node} insertedNode - node to insert
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function insertBefore(insertedNode, node) {
+  var parentNode = node.parentNode;
+
+  if (parentNode) {
+    parentNode.insertBefore(insertedNode, node);
+  }
+}
+/**
+ * Inserts new node after target node
+ * @param {Node} insertedNode - node to insert
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function insertAfter(insertedNode, node) {
+  var parentNode = node.parentNode;
+
+  if (parentNode) {
+    parentNode.insertBefore(insertedNode, node.nextSibling);
+  }
+}
+/**
+ * Replaces target node(s) with html
+ * @param {Node} nodeList - target node(s) to replace
+ * @param {string} html - replaced html
+ * @ignore
+ */
+
+
+function replaceWith(nodeList, html) {
+  nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList];
+  nodeList.forEach(function (node) {
+    node.insertAdjacentHTML('afterEnd', html);
+    node.parentNode.removeChild(node);
+  });
+}
+/**
+ * Adds parent element to target node(s)
+ * @param {Node|Array.} nodeList - target node(s)
+ * @param {string} nodeName - node name to change parent element
+ * @ignore
+ */
+
+
+function wrap(nodeList, nodeName) {
+  nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList];
+  nodeList.forEach(function (node) {
+    var wrapper = document.createElement(nodeName);
+    node.parentNode.insertBefore(wrapper, node);
+    wrapper.appendChild(node);
+  });
+}
+/**
+ * Adds child element to target node(s)
+ * @param {Node|Array.} nodeList - target node(s)
+ * @param {string} nodeName - node name to change child element
+ * @ignore
+ */
+
+
+function wrapInner(nodeList, nodeName) {
+  nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList];
+  nodeList.forEach(function (node) {
+    var wrapper = document.createElement(nodeName);
+    node.appendChild(wrapper);
+
+    while (node.firstChild !== wrapper) {
+      wrapper.appendChild(node.firstChild);
+    }
+  });
+}
+/**
+ * Removes target element and insert children at the same position
+ * @param {Node} node - parent node
+ * @returns {Array.} unwrapped nodes
+ * @ignore
+ */
+
+
+function unwrap(node) {
+  var result = [];
+
+  while (node.firstChild) {
+    result.push(node.firstChild);
+    node.parentNode.insertBefore(node.firstChild, node);
+  }
+
+  remove(node);
+  return result;
+}
+/**
+ * Removes target node from parent node
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function remove(node) {
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
+}
+/**
+ * Removes all children of target node
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function empty(node) {
+  while (node.firstChild) {
+    node.removeChild(node.firstChild);
+  }
+}
+/**
+ * Sets offset value of target element
+ * @param {HTMLElement} element - target element
+ * @returns {Object.} offset values
+ * @ignore
+ */
+
+
+function setOffset(element, offset) {
+  var _element$parentNode$g = element.parentNode.getBoundingClientRect(),
+      top = _element$parentNode$g.top,
+      left = _element$parentNode$g.left;
+
+  tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default()(element, {
+    top: offset.top - top - document.body.scrollTop + "px"
+  });
+  tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default()(element, {
+    left: offset.left - left - document.body.scrollLeft + "px"
+  });
+}
+/**
+ * Gets offset value of target element
+ * @param {HTMLElement} element - target element
+ * @param {string} [selector] - selector to stop finding node
+ * @returns {Object.} offset values
+ * @ignore
+ */
+
+
+function getOffset(element, selector) {
+  if (selector === void 0) {
+    selector = 'document';
+  }
+
+  var top = 0;
+  var left = 0;
+
+  do {
+    top += element.offsetTop || 0;
+    left += element.offsetLeft || 0;
+    element = element.offsetParent;
+  } while (element && !tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(element, selector));
+
+  return {
+    top: top,
+    left: left
+  };
+}
+/**
+ * Gets outer width value of target element
+ * @param {HTMLElement} element - target element
+ * @param {boolean} includedMargin - whether to include margir or not
+ * @returns {number} outer width value
+ * @ignore
+ */
+
+
+function getOuterWidth(element, includedMargin) {
+  var widthValue = element.offsetWidth;
+
+  if (includedMargin) {
+    var _getComputedStyle = getComputedStyle(element),
+        marginLeft = _getComputedStyle.marginLeft,
+        marginRight = _getComputedStyle.marginRight;
+
+    widthValue += parseInt(marginLeft, 10) + parseInt(marginRight, 10);
+  }
+
+  return widthValue;
+}
+/**
+ * Gets outer height value of target element
+ * @param {HTMLElement} element - target element
+ * @param {boolean} includedMargin - whether to include margir or not
+ * @returns {number} outer height value
+ * @ignore
+ */
+
+
+function getOuterHeight(element, includedMargin) {
+  var heightValue = element.offsetHeight;
+
+  if (includedMargin) {
+    var _getComputedStyle2 = getComputedStyle(element),
+        marginTop = _getComputedStyle2.marginTop,
+        marginBottom = _getComputedStyle2.marginBottom;
+
+    heightValue += parseInt(marginTop, 10) + parseInt(marginBottom, 10);
+  }
+
+  return heightValue;
+}
+/**
+ * Toggles class name of target element
+ * @param {HTMLElement} element - target element
+ * @param {string} className - class name to toggle
+ * @param {boolean} [state] - whether to toggle or not by condition
+ * @ignore
+ */
+
+
+var toggleClass = function toggleClass(element, className, state) {
+  if (tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(state)) {
+    state = !tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6___default()(element, className);
+  }
+
+  var toggleFn = state ? tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4___default.a : tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5___default.a;
+  toggleFn(element, className);
+};
+/**
+ * Finalize html result
+ * @param {HTMLElement} html root element
+ * @param {boolean} needHtmlText pass true if need html text
+ * @returns {string|DocumentFragment} result
+ * @ignore
+ */
+
+
+function finalizeHtml(html, needHtmlText) {
+  var result;
+
+  if (needHtmlText) {
+    result = html.innerHTML;
+  } else {
+    var frag = document.createDocumentFragment();
+    var childNodes = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(html.childNodes);
+    var length = childNodes.length;
+
+    for (var i = 0; i < length; i += 1) {
+      frag.appendChild(childNodes[i]);
+    }
+
+    result = frag;
+  }
+
+  return result;
+}
+/**
+ * Get fragment replaced by newline to br tag
+ * @param {string} text original text
+ * @returns {DocumentFragment} fragment
+ * @ignore
+ */
+
+
+function getFragmentReplacedByNewlineToBr(text) {
+  var fragment = document.createDocumentFragment();
+  var texts = text.split('\n');
+  texts.forEach(function (plainText, index) {
+    var textNode = document.createTextNode(plainText);
+    fragment.appendChild(textNode);
+
+    if (index < texts.length - 1) {
+      fragment.appendChild(document.createElement('br'));
+    }
+  });
+  return fragment;
+}
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  getNodeName: getNodeName,
+  isTextNode: isTextNode,
+  isElemNode: isElemNode,
+  isBlockNode: isBlockNode,
+  getTextLength: getTextLength,
+  getOffsetLength: getOffsetLength,
+  getPrevOffsetNodeUntil: getPrevOffsetNodeUntil,
+  getNodeOffsetOfParent: getNodeOffsetOfParent,
+  getChildNodeByOffset: getChildNodeByOffset,
+  getNodeWithDirectionUntil: getNodeWithDirectionUntil,
+  containsNode: containsNode,
+  getTopPrevNodeUnder: getTopPrevNodeUnder,
+  getTopNextNodeUnder: getTopNextNodeUnder,
+  getParentUntilBy: getParentUntilBy,
+  getParentUntil: getParentUntil,
+  getTopBlockNode: getTopBlockNode,
+  getPrevTextNode: getPrevTextNode,
+  findOffsetNode: findOffsetNode,
+  getPath: getPath,
+  getNodeInfo: getNodeInfo,
+  getTableCellByDirection: getTableCellByDirection,
+  getSiblingRowCellByDirection: getSiblingRowCellByDirection,
+  isMDSupportInlineNode: isMDSupportInlineNode,
+  isStyledNode: isStyledNode,
+  removeChildFromStartToEndNode: removeChildFromStartToEndNode,
+  removeNodesByDirection: removeNodesByDirection,
+  getLeafNode: getLeafNode,
+  isInsideButtonBox: isInsideButtonBox,
+  isListNode: isListNode,
+  isFirstListItem: isFirstListItem,
+  isFirstLevelListItem: isFirstLevelListItem,
+  mergeNode: mergeNode,
+  createHorizontalRule: createHorizontalRule,
+  createEmptyLine: createEmptyLine,
+  changeTagOrder: changeTagOrder,
+  mergeSameNodes: mergeSameNodes,
+  optimizeRange: optimizeRange,
+  getAllTextNode: getAllTextNode,
+  isCellNode: isCellNode,
+  getLastNodeBy: getLastNodeBy,
+  getParentNodeBy: getParentNodeBy,
+  getSiblingNodeBy: getSiblingNodeBy,
+  createElementWith: createElementWith,
+  findAll: findAll,
+  isContain: isContain,
+  closest: closest,
+  parent: parent,
+  parents: parents,
+  parentsUntil: parentsUntil,
+  children: children,
+  append: append,
+  prepend: prepend,
+  insertBefore: insertBefore,
+  insertAfter: insertAfter,
+  replaceWith: replaceWith,
+  wrap: wrap,
+  wrapInner: wrapInner,
+  unwrap: unwrap,
+  remove: remove,
+  empty: empty,
+  setOffset: setOffset,
+  getOffset: getOffset,
+  getOuterWidth: getOuterWidth,
+  getOuterHeight: getOuterHeight,
+  toggleClass: toggleClass,
+  finalizeHtml: finalizeHtml,
+  getFragmentReplacedByNewlineToBr: getFragmentReplacedByNewlineToBr
+});
+
+/***/ }),
+/* 1 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/object/extend.js
+var extend = __webpack_require__(7);
+var extend_default = /*#__PURE__*/__webpack_require__.n(extend);
+
+// CONCATENATED MODULE: ./src/js/command.js
+/**
+ * @fileoverview Implements Command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Command
+ * @param {string} name Command name
+ * @param {number} type Command type (Command.TYPE)
+ * @param {Array.} [keyMap] keyMap
+ * @ignore
+ */
+
+var Command = /*#__PURE__*/function () {
+  function Command(name, type, keyMap) {
+    this.name = name;
+    this.type = type;
+
+    if (keyMap) {
+      this.setKeyMap(keyMap);
+    }
+  }
+  /**
+   * returns Name of command
+   * @returns {string} Command Name
+   */
+
+
+  var _proto = Command.prototype;
+
+  _proto.getName = function getName() {
+    return this.name;
+  }
+  /**
+   * returns Type of command
+   * @returns {number} Command Command type number
+   */
+  ;
+
+  _proto.getType = function getType() {
+    return this.type;
+  }
+  /**
+   * returns whether Command Type is Markdown or not
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isMDType = function isMDType() {
+    return this.type === Command.TYPE.MD;
+  }
+  /**
+   * returns whether Command Type is Wysiwyg or not
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isWWType = function isWWType() {
+    return this.type === Command.TYPE.WW;
+  }
+  /**
+   * returns whether Command Type is Global or not
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isGlobalType = function isGlobalType() {
+    return this.type === Command.TYPE.GB;
+  }
+  /**
+   * Set keymap value for each os
+   * @param {string} win Windows Key(and etc)
+   * @param {string} mac Mac osx key
+   */
+  ;
+
+  _proto.setKeyMap = function setKeyMap(win, mac) {
+    this.keyMap = [win, mac];
+  };
+
+  return Command;
+}();
+/**
+ * Command factory method
+ * @param {string} typeStr Editor type name
+ * @param {object} props Property
+ *     @param {string} props.name Command name
+ *     @param {number} props.type Command type number
+ * @returns {Command}
+ * @static
+ */
+
+
+Command.factory = function (typeStr, props) {
+  var type;
+
+  if (typeStr === 'markdown') {
+    type = Command.TYPE.MD;
+  } else if (typeStr === 'wysiwyg') {
+    type = Command.TYPE.WW;
+  } else if (typeStr === 'global') {
+    type = Command.TYPE.GB;
+  }
+
+  var command = new Command(props.name, type);
+  extend_default()(command, props);
+  return command;
+};
+/**
+ * Command Type Constant
+ * markdown : 0
+ * wysiwyg : 1
+ * global : 2
+ * @type {object}
+ * @private
+ */
+
+
+Command.TYPE = {
+  MD: 0,
+  WW: 1,
+  GB: 2
+};
+/* harmony default export */ var js_command = (Command);
+// EXTERNAL MODULE: ./src/js/utils/common.js
+var common = __webpack_require__(12);
+
+// EXTERNAL MODULE: ./src/js/utils/map.js
+var map = __webpack_require__(23);
+
+// CONCATENATED MODULE: ./src/js/commandManager.js
+/**
+ * @fileoverview Implements CommandManager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var KEYMAP_OS_INDEX = common["b" /* isMac */] ? 1 : 0;
+/**
+ * Class CommandManager
+ * @param {ToastUIEditor} base nedInstance
+ * @param {object} [options={}] - option object
+ *     @param {boolean} [options.useCommandShortcut=true] - execute command with keyMap
+ * @ignore
+ */
+
+var commandManager_CommandManager = /*#__PURE__*/function () {
+  function CommandManager(base, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    this._command = new map["a" /* default */]();
+    this._mdCommand = new map["a" /* default */]();
+    this._wwCommand = new map["a" /* default */]();
+    this._options = extend_default()({
+      useCommandShortcut: true
+    }, options);
+    this.base = base;
+    this.keyMapCommand = {};
+
+    this._initEvent();
+  }
+  /**
+   * You can change command before command addition by addCommandBefore event.
+   * @param {object} command - command
+   * @returns {object}
+   * @private
+   */
+
+
+  var _proto = CommandManager.prototype;
+
+  _proto._addCommandBefore = function _addCommandBefore(command) {
+    var commandWrapper = {
+      command: command
+    };
+    this.base.eventManager.emit('addCommandBefore', commandWrapper);
+    return commandWrapper.command || command;
+  }
+  /**
+   * Add command
+   * @param {Command} command Command instance
+   * @returns {Command} Command
+   */
+  ;
+
+  _proto.addCommand = function addCommand(command) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    if (args.length) {
+      command = CommandManager.command.apply(CommandManager, [command].concat(args));
+    }
+
+    command = this._addCommandBefore(command);
+    var name = command.getName();
+    var commandBase;
+
+    if (command.isMDType()) {
+      commandBase = this._mdCommand;
+    } else if (command.isWWType()) {
+      commandBase = this._wwCommand;
+    } else if (command.isGlobalType()) {
+      commandBase = this._command;
+    }
+
+    commandBase.set(name, command);
+
+    if (command.keyMap) {
+      this.keyMapCommand[command.keyMap[KEYMAP_OS_INDEX]] = name;
+    }
+
+    return command;
+  }
+  /**
+   * _initEvent
+   * Bind event handler to eventManager
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.base.eventManager.listen('command', function () {
+      _this.exec.apply(_this, arguments);
+    });
+    this.base.eventManager.listen('keyMap', function (ev) {
+      if (!_this._options.useCommandShortcut) {
+        return;
+      }
+
+      var command = _this.keyMapCommand[ev.keyMap];
+
+      if (command) {
+        ev.data.preventDefault();
+
+        _this.exec(command);
+      }
+    });
+  }
+  /**
+   * Execute command
+   * @param {String} name Command name
+   * @param {*} ...args Command argument
+   * @returns {*}
+   */
+  ;
+
+  _proto.exec = function exec(name) {
+    var commandToRun, result;
+    var context = this.base;
+    commandToRun = this._command.get(name);
+
+    if (!commandToRun) {
+      if (this.base.isMarkdownMode()) {
+        commandToRun = this._mdCommand.get(name);
+        context = this.base.mdEditor;
+      } else {
+        commandToRun = this._wwCommand.get(name);
+        context = this.base.wwEditor;
+      }
+    }
+
+    if (commandToRun) {
+      var _commandToRun;
+
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      args.unshift(context);
+      result = (_commandToRun = commandToRun).exec.apply(_commandToRun, args);
+    }
+
+    return result;
+  };
+
+  return CommandManager;
+}();
+/**
+ * Create command by given editor type and property object
+ * @param {string} type Command type
+ * @param {{name: string, keyMap: Array}} props Property
+ * @returns {*}
+ * @static
+ */
+
+
+commandManager_CommandManager.command = function (type, props) {
+  var command = js_command.factory(type, props.name, props.keyMap);
+  extend_default()(command, props);
+  return command;
+};
+
+/* harmony default export */ var commandManager = __webpack_exports__["a"] = (commandManager_CommandManager);
+
+/***/ }),
+/* 2 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export hasImageOrCodeBlockNode */
+/* unused harmony export hasSameLineParent */
+/* unused harmony export hasSpecificTypeAncestor */
+/* unused harmony export isEmptyLineNode */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return getMdStartLine; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getMdEndLine; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getMdStartCh; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getMdEndCh; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return isMultiLineNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return isHtmlNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return isStyledTextNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return isListItemNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return isTableCellNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return isInlineNode; });
+/* unused harmony export getLastLeafNode */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return findClosestNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "n", function() { return traverseParentNodes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return addChPos; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "m", function() { return setChPos; });
+/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
+
+function hasImageOrCodeBlockNode(mdNode) {
+  while (mdNode) {
+    if (Object(_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(['image', 'codeBlock'], mdNode.type)) {
+      return true;
+    }
+
+    mdNode = mdNode.firstChild;
+  }
+
+  return false;
+}
+function hasSameLineParent(mdNode) {
+  return mdNode.parent && mdNode.parent.type !== 'document' && mdNode.parent.sourcepos[0][0] === mdNode.sourcepos[0][0];
+}
+function hasSpecificTypeAncestor(mdNode) {
+  for (var _len = arguments.length, types = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    types[_key - 1] = arguments[_key];
+  }
+
+  while (mdNode.parent && mdNode.parent.type !== 'document') {
+    if (Object(_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(types, mdNode.parent.type)) {
+      return true;
+    }
+
+    mdNode = mdNode.parent;
+  }
+
+  return false;
+}
+function isEmptyLineNode(text, mdNode) {
+  return !text.trim() && !hasImageOrCodeBlockNode(mdNode);
+}
+function getMdStartLine(mdNode) {
+  return mdNode.sourcepos[0][0];
+}
+function getMdEndLine(mdNode) {
+  return mdNode.sourcepos[1][0];
+}
+function getMdStartCh(mdNode) {
+  return mdNode.sourcepos[0][1];
+}
+function getMdEndCh(mdNode) {
+  return mdNode.sourcepos[1][1];
+}
+function isMultiLineNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'codeBlock' || type === 'paragraph';
+}
+function isHtmlNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'htmlBlock' || type === 'htmlInline';
+}
+function isStyledTextNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'strike' || type === 'strong' || type === 'emph';
+}
+function isListItemNode(mdNode) {
+  return mdNode.type === 'item';
+}
+function isTableCellNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'tableCell' || type === 'tableDelimCell';
+}
+function isInlineNode(mdNode) {
+  switch (mdNode.type) {
+    case 'code':
+    case 'text':
+    case 'emph':
+    case 'strong':
+    case 'strike':
+    case 'link':
+    case 'image':
+    case 'htmlInline':
+    case 'linebreak':
+    case 'softbreak':
+      return true;
+
+    default:
+      return false;
+  }
+}
+function getLastLeafNode(mdNode) {
+  while (mdNode.lastChild) {
+    mdNode = mdNode.lastChild;
+  }
+
+  return mdNode;
+}
+function findClosestNode(mdNode, condition, includeSelf) {
+  if (includeSelf === void 0) {
+    includeSelf = true;
+  }
+
+  mdNode = includeSelf ? mdNode : mdNode.parent;
+
+  while (mdNode && mdNode.type !== 'document') {
+    if (condition(mdNode)) {
+      return mdNode;
+    }
+
+    mdNode = mdNode.parent;
+  }
+
+  return null;
+}
+function traverseParentNodes(mdNode, iteratee, includeSelf) {
+  if (includeSelf === void 0) {
+    includeSelf = true;
+  }
+
+  mdNode = includeSelf ? mdNode : mdNode.parent;
+
+  while (mdNode && mdNode.type !== 'document') {
+    iteratee(mdNode);
+    mdNode = mdNode.parent;
+  }
+}
+function addChPos(originPos, addedCh) {
+  return {
+    line: originPos.line,
+    ch: originPos.ch + addedCh
+  };
+}
+function setChPos(originPos, newCh) {
+  return {
+    line: originPos.line,
+    ch: newCh
+  };
+}
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Transform the Array-like object to Array.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachArray = __webpack_require__(21);
+
+/**
+ * Transform the Array-like object to Array.
+ * In low IE (below 8), Array.prototype.slice.call is not perfect. So, try-catch statement is used.
+ * @param {*} arrayLike Array-like object
+ * @returns {Array} Array
+ * @memberof module:collection
+ * @example
+ * var toArray = require('tui-code-snippet/collection/toArray'); // node, commonjs
+ *
+ * var arrayLike = {
+ *     0: 'one',
+ *     1: 'two',
+ *     2: 'three',
+ *     3: 'four',
+ *     length: 4
+ * };
+ * var result = toArray(arrayLike);
+ *
+ * alert(result instanceof Array); // true
+ * alert(result); // one,two,three,four
+ */
+function toArray(arrayLike) {
+  var arr;
+  try {
+    arr = Array.prototype.slice.call(arrayLike);
+  } catch (e) {
+    arr = [];
+    forEachArray(arrayLike, function(value) {
+      arr.push(value);
+    });
+  }
+
+  return arr;
+}
+
+module.exports = toArray;
+
+
+/***/ }),
+/* 4 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Setting element style
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isString = __webpack_require__(9);
+var forEach = __webpack_require__(26);
+
+/**
+ * Setting element style
+ * @param {(HTMLElement|SVGElement)} element - element to setting style
+ * @param {(string|object)} key - style prop name or {prop: value} pair object
+ * @param {string} [value] - style value
+ * @memberof module:domUtil
+ */
+function css(element, key, value) {
+  var style = element.style;
+
+  if (isString(key)) {
+    style[key] = value;
+
+    return;
+  }
+
+  forEach(key, function(v, k) {
+    style[k] = v;
+  });
+}
+
+module.exports = css;
+
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Add css class to element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEach = __webpack_require__(26);
+var inArray = __webpack_require__(14);
+var getClass = __webpack_require__(33);
+var setClassName = __webpack_require__(39);
+
+/**
+ * domUtil module
+ * @module domUtil
+ */
+
+/**
+ * Add css class to element
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {...string} cssClass - css classes to add
+ * @memberof module:domUtil
+ */
+function addClass(element) {
+  var cssClass = Array.prototype.slice.call(arguments, 1);
+  var classList = element.classList;
+  var newClass = [];
+  var origin;
+
+  if (classList) {
+    forEach(cssClass, function(name) {
+      element.classList.add(name);
+    });
+
+    return;
+  }
+
+  origin = getClass(element);
+
+  if (origin) {
+    cssClass = [].concat(origin.split(/\s+/), cssClass);
+  }
+
+  forEach(cssClass, function(cls) {
+    if (inArray(cls, newClass) < 0) {
+      newClass.push(cls);
+    }
+  });
+
+  setClassName(element, newClass);
+}
+
+module.exports = addClass;
+
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Remove css class from element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachArray = __webpack_require__(21);
+var inArray = __webpack_require__(14);
+var getClass = __webpack_require__(33);
+var setClassName = __webpack_require__(39);
+
+/**
+ * Remove css class from element
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {...string} cssClass - css classes to remove
+ * @memberof module:domUtil
+ */
+function removeClass(element) {
+  var cssClass = Array.prototype.slice.call(arguments, 1);
+  var classList = element.classList;
+  var origin, newClass;
+
+  if (classList) {
+    forEachArray(cssClass, function(name) {
+      classList.remove(name);
+    });
+
+    return;
+  }
+
+  origin = getClass(element).split(/\s+/);
+  newClass = [];
+  forEachArray(origin, function(name) {
+    if (inArray(name, cssClass) < 0) {
+      newClass.push(name);
+    }
+  });
+
+  setClassName(element, newClass);
+}
+
+module.exports = removeClass;
+
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Extend the target object from other objects.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * @module object
+ */
+
+/**
+ * Extend the target object from other objects.
+ * @param {object} target - Object that will be extended
+ * @param {...object} objects - Objects as sources
+ * @returns {object} Extended object
+ * @memberof module:object
+ */
+function extend(target, objects) { // eslint-disable-line no-unused-vars
+  var hasOwnProp = Object.prototype.hasOwnProperty;
+  var source, prop, i, len;
+
+  for (i = 1, len = arguments.length; i < len; i += 1) {
+    source = arguments[i];
+    for (prop in source) {
+      if (hasOwnProp.call(source, prop)) {
+        target[prop] = source[prop];
+      }
+    }
+  }
+
+  return target;
+}
+
+module.exports = extend;
+
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is undefined or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is undefined or not.
+ * If the given variable is undefined, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is undefined?
+ * @memberof module:type
+ */
+function isUndefined(obj) {
+  return obj === undefined; // eslint-disable-line no-undefined
+}
+
+module.exports = isUndefined;
+
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a string or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a string or not.
+ * If the given variable is a string, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is string?
+ * @memberof module:type
+ */
+function isString(obj) {
+  return typeof obj === 'string' || obj instanceof String;
+}
+
+module.exports = isString;
+
+
+/***/ }),
+/* 10 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Execute the provided callback once for each property of object which actually exist.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Execute the provided callback once for each property of object which actually exist.
+ * If the callback function returns false, the loop will be stopped.
+ * Callback function(iteratee) is invoked with three arguments:
+ *  1) The value of the property
+ *  2) The name of the property
+ *  3) The object being traversed
+ * @param {Object} obj The object that will be traversed
+ * @param {function} iteratee  Callback function
+ * @param {Object} [context] Context(this) of callback function
+ * @memberof module:collection
+ * @example
+ * var forEachOwnProperties = require('tui-code-snippet/collection/forEachOwnProperties'); // node, commonjs
+ *
+ * var sum = 0;
+ *
+ * forEachOwnProperties({a:1,b:2,c:3}, function(value){
+ *     sum += value;
+ * });
+ * alert(sum); // 6
+ */
+function forEachOwnProperties(obj, iteratee, context) {
+  var key;
+
+  context = context || null;
+
+  for (key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      if (iteratee.call(context, obj[key], key, obj) === false) {
+        break;
+      }
+    }
+  }
+}
+
+module.exports = forEachOwnProperties;
+
+
+/***/ }),
+/* 11 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview This module detects the kind of well-known browser and version.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Browser module
+ * @module browser
+ */
+
+/**
+ * This object has an information that indicate the kind of browser. It can detect IE8 ~ IE11, Chrome, Firefox, Safari, and Edge.
+ * @memberof module:browser
+ * @example
+ * var browser = require('tui-code-snippet/browser/browser'); // node, commonjs
+ *
+ * browser.chrome === true; // chrome
+ * browser.firefox === true; // firefox
+ * browser.safari === true; // safari
+ * browser.msie === true; // IE
+ * browser.edge === true; // edge
+ * browser.others === true; // other browser
+ * browser.version; // browser version
+ */
+var browser = {
+  chrome: false,
+  firefox: false,
+  safari: false,
+  msie: false,
+  edge: false,
+  others: false,
+  version: 0
+};
+
+if (typeof window !== 'undefined' && window.navigator) {
+  detectBrowser();
+}
+
+/**
+ * Detect the browser.
+ * @private
+ */
+function detectBrowser() {
+  var nav = window.navigator;
+  var appName = nav.appName.replace(/\s/g, '_');
+  var userAgent = nav.userAgent;
+
+  var rIE = /MSIE\s([0-9]+[.0-9]*)/;
+  var rIE11 = /Trident.*rv:11\./;
+  var rEdge = /Edge\/(\d+)\./;
+  var versionRegex = {
+    firefox: /Firefox\/(\d+)\./,
+    chrome: /Chrome\/(\d+)\./,
+    safari: /Version\/([\d.]+).*Safari\/(\d+)/
+  };
+
+  var key, tmp;
+
+  var detector = {
+    Microsoft_Internet_Explorer: function() { // eslint-disable-line camelcase
+      var detectedVersion = userAgent.match(rIE);
+
+      if (detectedVersion) { // ie8 ~ ie10
+        browser.msie = true;
+        browser.version = parseFloat(detectedVersion[1]);
+      } else { // no version information
+        browser.others = true;
+      }
+    },
+    Netscape: function() { // eslint-disable-line complexity
+      var detected = false;
+
+      if (rIE11.exec(userAgent)) {
+        browser.msie = true;
+        browser.version = 11;
+        detected = true;
+      } else if (rEdge.exec(userAgent)) {
+        browser.edge = true;
+        browser.version = userAgent.match(rEdge)[1];
+        detected = true;
+      } else {
+        for (key in versionRegex) {
+          if (versionRegex.hasOwnProperty(key)) {
+            tmp = userAgent.match(versionRegex[key]);
+            if (tmp && tmp.length > 1) { // eslint-disable-line max-depth
+              browser[key] = detected = true;
+              browser.version = parseFloat(tmp[1] || 0);
+              break;
+            }
+          }
+        }
+      }
+      if (!detected) {
+        browser.others = true;
+      }
+    }
+  };
+
+  var fn = detector[appName];
+
+  if (fn) {
+    detector[appName]();
+  }
+}
+
+module.exports = browser;
+
+
+/***/ }),
+/* 12 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return isMac; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return sendHostName; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return includes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return sanitizeLinkAttribute; });
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43);
+/* harmony import */ var tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var isMac = /Mac/.test(navigator.platform);
+function sendHostName() {
+  tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1___default()('editor', 'UA-129966929-1');
+}
+function includes(arr, targetItem) {
+  return arr.indexOf(targetItem) !== -1;
+}
+var availableLinkAttributes = ['rel', 'target', 'contenteditable', 'hreflang', 'type'];
+/**
+ * sanitize attribute for link
+ * @param {object} attribute - attribute for link
+ * @returns {object} sanitized attribute
+ */
+
+function sanitizeLinkAttribute(attribute) {
+  if (!attribute) {
+    return null;
+  }
+
+  var linkAttribute = {};
+  availableLinkAttributes.forEach(function (key) {
+    if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0___default()(attribute[key])) {
+      linkAttribute[key] = attribute[key];
+    }
+  });
+  return linkAttribute;
+}
+
+/***/ }),
+/* 13 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check element match selector
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var inArray = __webpack_require__(14);
+var toArray = __webpack_require__(3);
+
+var elProto = Element.prototype;
+var matchSelector = elProto.matches ||
+    elProto.webkitMatchesSelector ||
+    elProto.mozMatchesSelector ||
+    elProto.msMatchesSelector ||
+    function(selector) {
+      var doc = this.document || this.ownerDocument;
+
+      return inArray(this, toArray(doc.querySelectorAll(selector))) > -1;
+    };
+
+/**
+ * Check element match selector
+ * @param {HTMLElement} element - element to check
+ * @param {string} selector - selector to check
+ * @returns {boolean} is selector matched to element?
+ * @memberof module:domUtil
+ */
+function matches(element, selector) {
+  return matchSelector.call(element, selector);
+}
+
+module.exports = matches;
+
+
+/***/ }),
+/* 14 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* eslint-disable complexity */
+/**
+ * @fileoverview Returns the first index at which a given element can be found in the array.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+
+/**
+ * @module array
+ */
+
+/**
+ * Returns the first index at which a given element can be found in the array
+ * from start index(default 0), or -1 if it is not present.
+ * It compares searchElement to elements of the Array using strict equality
+ * (the same method used by the ===, or triple-equals, operator).
+ * @param {*} searchElement Element to locate in the array
+ * @param {Array} array Array that will be traversed.
+ * @param {number} startIndex Start index in array for searching (default 0)
+ * @returns {number} the First index at which a given element, or -1 if it is not present
+ * @memberof module:array
+ * @example
+ * var inArray = require('tui-code-snippet/array/inArray'); // node, commonjs
+ *
+ * var arr = ['one', 'two', 'three', 'four'];
+ * var idx1 = inArray('one', arr, 3); // -1
+ * var idx2 = inArray('one', arr); // 0
+ */
+function inArray(searchElement, array, startIndex) {
+  var i;
+  var length;
+  startIndex = startIndex || 0;
+
+  if (!isArray(array)) {
+    return -1;
+  }
+
+  if (Array.prototype.indexOf) {
+    return Array.prototype.indexOf.call(array, searchElement, startIndex);
+  }
+
+  length = array.length;
+  for (i = startIndex; startIndex >= 0 && i < length; i += 1) {
+    if (array[i] === searchElement) {
+      return i;
+    }
+  }
+
+  return -1;
+}
+
+module.exports = inArray;
+
+
+/***/ }),
+/* 15 */
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__15__;
+
+/***/ }),
+/* 16 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check element has specific css class
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var inArray = __webpack_require__(14);
+var getClass = __webpack_require__(33);
+
+/**
+ * Check element has specific css class
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {string} cssClass - css class
+ * @returns {boolean}
+ * @memberof module:domUtil
+ */
+function hasClass(element, cssClass) {
+  var origin;
+
+  if (element.classList) {
+    return element.classList.contains(cssClass);
+  }
+
+  origin = getClass(element).split(/\s+/);
+
+  return inArray(cssClass, origin) > -1;
+}
+
+module.exports = hasClass;
+
+
+/***/ }),
+/* 17 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is an instance of Array or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is an instance of Array or not.
+ * If the given variable is an instance of Array, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is array instance?
+ * @memberof module:type
+ */
+function isArray(obj) {
+  return obj instanceof Array;
+}
+
+module.exports = isArray;
+
+
+/***/ }),
+/* 18 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return isNodeToBeCalculated; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getAdditionalTopPos; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return getParentNodeObj; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getCmRangeHeight; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getNextEmptyLineHeight; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return getTotalOffsetTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return findAdjacentElementToScrollTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getFallbackScrollTop; });
+/* harmony import */ var _utils_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
+/* harmony import */ var _utils_markdown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
+
+
+var nestableTypes = ['list', 'blockQuote'];
+var nestableTagNames = ['UL', 'OL', 'BLOCKQUOTE'];
+var tableElementTagNames = ['TR', 'TH', 'TBODY', 'TD'];
+function isNodeToBeCalculated(mdNode) {
+  return !Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTypes, mdNode.type);
+}
+function getAdditionalTopPos(scrollTop, offsetTop, currentNodeHeight, targetNodeHeight) {
+  var diff = (scrollTop - offsetTop) / currentNodeHeight;
+  return diff < 1 ? diff * targetNodeHeight : targetNodeHeight;
+}
+function getParentNodeObj(mdNode) {
+  var node = document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]");
+
+  while (!node || Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(tableElementTagNames, mdNode.type) || Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* isStyledTextNode */ "k"])(mdNode)) {
+    mdNode = mdNode.parent;
+    node = document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]");
+  }
+
+  return getNonNestableNodeObj(getParentListItemObj(mdNode));
+}
+
+function getParentListItemObj(orgMdNode) {
+  var mdNode = orgMdNode;
+
+  while (orgMdNode && orgMdNode !== 'document') {
+    if (orgMdNode.type === 'item') {
+      mdNode = orgMdNode;
+      break;
+    }
+
+    orgMdNode = orgMdNode.parent;
+  }
+
+  return {
+    mdNode: mdNode,
+    node: document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]")
+  };
+}
+
+function getNonNestableNodeObj(_ref) {
+  var mdNode = _ref.mdNode,
+      node = _ref.node;
+
+  while (Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTypes, mdNode.type) && mdNode.firstChild) {
+    mdNode = mdNode.firstChild;
+    node = node.firstElementChild;
+  }
+
+  return {
+    mdNode: mdNode,
+    node: node
+  };
+}
+
+function getCmRangeHeight(mdNode, cm) {
+  var start = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdStartLine */ "f"])(mdNode);
+  var end = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdEndLine */ "d"])(mdNode);
+  var cmNodeHeight = cm.lineInfo(start - 1).handle.height;
+  var height = cm.heightAtLine(end, 'local') - cm.heightAtLine(start - 1, 'local');
+  return height <= 0 ? cmNodeHeight : height + getNextEmptyLineHeight(cm, Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdEndLine */ "d"])(mdNode));
+}
+function getNextEmptyLineHeight(cm, start, end) {
+  if (end === void 0) {
+    end = Number.MAX_VALUE;
+  }
+
+  var lineInfo = cm.lineInfo(start);
+
+  if (!lineInfo) {
+    return 0;
+  }
+
+  var detailLineInfo = lineInfo.handle;
+  var height = 0;
+
+  while (start <= end && !detailLineInfo.text.trim()) {
+    height += detailLineInfo.height;
+    start += 1;
+    detailLineInfo = cm.lineInfo(start).handle;
+  }
+
+  return height;
+}
+function getTotalOffsetTop(el, root) {
+  var offsetTop = 0;
+
+  while (el && el !== root) {
+    if (!Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTagNames, el.tagName)) {
+      offsetTop += el.offsetTop;
+    }
+
+    if (el.offsetParent === root.offsetParent) {
+      break;
+    }
+
+    el = el.parentElement;
+  }
+
+  return offsetTop;
+}
+function findAdjacentElementToScrollTop(scrollTop, root) {
+  var el = root;
+  var prev = null;
+
+  while (el) {
+    var _el = el,
+        firstElementChild = _el.firstElementChild;
+
+    if (!firstElementChild) {
+      break;
+    }
+
+    var lastSibling = findLastSiblingElementToScrollTop(firstElementChild, scrollTop, getTotalOffsetTop(el, root));
+    prev = el;
+    el = lastSibling;
+  }
+
+  var adjacentEl = el || prev;
+  return adjacentEl === root ? null : adjacentEl;
+}
+
+function findLastSiblingElementToScrollTop(el, scrollTop, offsetTop) {
+  if (el && scrollTop > offsetTop + el.offsetTop) {
+    return findLastSiblingElementToScrollTop(el.nextElementSibling, scrollTop, offsetTop) || el;
+  }
+
+  return null;
+}
+
+function getFallbackScrollTop(scrollInfo) {
+  var latestScrollTop = scrollInfo.latestScrollTop,
+      scrollTop = scrollInfo.scrollTop,
+      targetScrollTop = scrollInfo.targetScrollTop,
+      sourceScrollTop = scrollInfo.sourceScrollTop;
+
+  if (latestScrollTop === null) {
+    return targetScrollTop;
+  }
+
+  return latestScrollTop < scrollTop ? Math.max(targetScrollTop, sourceScrollTop) : Math.min(targetScrollTop, sourceScrollTop);
+}
+
+/***/ }),
+/* 19 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Bind DOM events
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isString = __webpack_require__(9);
+var forEach = __webpack_require__(26);
+
+var safeEvent = __webpack_require__(40);
+
+/**
+ * Bind DOM events.
+ * @param {HTMLElement} element - element to bind events
+ * @param {(string|object)} types - Space splitted events names or eventName:handler object
+ * @param {(function|object)} handler - handler function or context for handler method
+ * @param {object} [context] context - context for handler method.
+ * @memberof module:domEvent
+ * @example
+ * var div = document.querySelector('div');
+ * 
+ * // Bind one event to an element.
+ * on(div, 'click', toggle);
+ * 
+ * // Bind multiple events with a same handler to multiple elements at once.
+ * // Use event names splitted by a space.
+ * on(div, 'mouseenter mouseleave', changeColor);
+ * 
+ * // Bind multiple events with different handlers to an element at once.
+ * // Use an object which of key is an event name and value is a handler function.
+ * on(div, {
+ *   keydown: highlight,
+ *   keyup: dehighlight
+ * });
+ * 
+ * // Set a context for handler method.
+ * var name = 'global';
+ * var repository = {name: 'CodeSnippet'};
+ * on(div, 'drag', function() {
+ *  console.log(this.name);
+ * }, repository);
+ * // Result when you drag a div: "CodeSnippet"
+ */
+function on(element, types, handler, context) {
+  if (isString(types)) {
+    forEach(types.split(/\s+/g), function(type) {
+      bindEvent(element, type, handler, context);
+    });
+
+    return;
+  }
+
+  forEach(types, function(func, type) {
+    bindEvent(element, type, func, handler);
+  });
+}
+
+/**
+ * Bind DOM events
+ * @param {HTMLElement} element - element to bind events
+ * @param {string} type - events name
+ * @param {function} handler - handler function or context for handler method
+ * @param {object} [context] context - context for handler method.
+ * @private
+ */
+function bindEvent(element, type, handler, context) {
+  /**
+     * Event handler
+     * @param {Event} e - event object
+     */
+  function eventHandler(e) {
+    handler.call(context || element, e || window.event);
+  }
+
+  if ('addEventListener' in element) {
+    element.addEventListener(type, eventHandler);
+  } else if ('attachEvent' in element) {
+    element.attachEvent('on' + type, eventHandler);
+  }
+  memorizeHandler(element, type, handler, eventHandler);
+}
+
+/**
+ * Memorize DOM event handler for unbinding.
+ * @param {HTMLElement} element - element to bind events
+ * @param {string} type - events name
+ * @param {function} handler - handler function that user passed at on() use
+ * @param {function} wrappedHandler - handler function that wrapped by domevent for implementing some features
+ * @private
+ */
+function memorizeHandler(element, type, handler, wrappedHandler) {
+  var events = safeEvent(element, type);
+  var existInEvents = false;
+
+  forEach(events, function(obj) {
+    if (obj.handler === handler) {
+      existInEvents = true;
+
+      return false;
+    }
+
+    return true;
+  });
+
+  if (!existInEvents) {
+    events.push({
+      handler: handler,
+      wrappedHandler: wrappedHandler
+    });
+  }
+}
+
+module.exports = on;
+
+
+/***/ }),
+/* 20 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Unbind DOM events
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isString = __webpack_require__(9);
+var forEach = __webpack_require__(26);
+
+var safeEvent = __webpack_require__(40);
+
+/**
+ * Unbind DOM events
+ * If a handler function is not passed, remove all events of that type.
+ * @param {HTMLElement} element - element to unbind events
+ * @param {(string|object)} types - Space splitted events names or eventName:handler object
+ * @param {function} [handler] - handler function
+ * @memberof module:domEvent
+ * @example
+ * // Following the example of domEvent#on
+ * 
+ * // Unbind one event from an element.
+ * off(div, 'click', toggle);
+ * 
+ * // Unbind multiple events with a same handler from multiple elements at once.
+ * // Use event names splitted by a space.
+ * off(element, 'mouseenter mouseleave', changeColor);
+ * 
+ * // Unbind multiple events with different handlers from an element at once.
+ * // Use an object which of key is an event name and value is a handler function.
+ * off(div, {
+ *   keydown: highlight,
+ *   keyup: dehighlight
+ * });
+ * 
+ * // Unbind events without handlers.
+ * off(div, 'drag');
+ */
+function off(element, types, handler) {
+  if (isString(types)) {
+    forEach(types.split(/\s+/g), function(type) {
+      unbindEvent(element, type, handler);
+    });
+
+    return;
+  }
+
+  forEach(types, function(func, type) {
+    unbindEvent(element, type, func);
+  });
+}
+
+/**
+ * Unbind DOM events
+ * If a handler function is not passed, remove all events of that type.
+ * @param {HTMLElement} element - element to unbind events
+ * @param {string} type - events name
+ * @param {function} [handler] - handler function
+ * @private
+ */
+function unbindEvent(element, type, handler) {
+  var events = safeEvent(element, type);
+  var index;
+
+  if (!handler) {
+    forEach(events, function(item) {
+      removeHandler(element, type, item.wrappedHandler);
+    });
+    events.splice(0, events.length);
+  } else {
+    forEach(events, function(item, idx) {
+      if (handler === item.handler) {
+        removeHandler(element, type, item.wrappedHandler);
+        index = idx;
+
+        return false;
+      }
+
+      return true;
+    });
+    events.splice(index, 1);
+  }
+}
+
+/**
+ * Remove an event handler
+ * @param {HTMLElement} element - An element to remove an event
+ * @param {string} type - event type
+ * @param {function} handler - event handler
+ * @private
+ */
+function removeHandler(element, type, handler) {
+  if ('removeEventListener' in element) {
+    element.removeEventListener(type, handler);
+  } else if ('detachEvent' in element) {
+    element.detachEvent('on' + type, handler);
+  }
+}
+
+module.exports = off;
+
+
+/***/ }),
+/* 21 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Execute the provided callback once for each element present in the array(or Array-like object) in ascending order.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Execute the provided callback once for each element present
+ * in the array(or Array-like object) in ascending order.
+ * If the callback function returns false, the loop will be stopped.
+ * Callback function(iteratee) is invoked with three arguments:
+ *  1) The value of the element
+ *  2) The index of the element
+ *  3) The array(or Array-like object) being traversed
+ * @param {Array|Arguments|NodeList} arr The array(or Array-like object) that will be traversed
+ * @param {function} iteratee Callback function
+ * @param {Object} [context] Context(this) of callback function
+ * @memberof module:collection
+ * @example
+ * var forEachArray = require('tui-code-snippet/collection/forEachArray'); // node, commonjs
+ *
+ * var sum = 0;
+ *
+ * forEachArray([1,2,3], function(value){
+ *     sum += value;
+ * });
+ * alert(sum); // 6
+ */
+function forEachArray(arr, iteratee, context) {
+  var index = 0;
+  var len = arr.length;
+
+  context = context || null;
+
+  for (; index < len; index += 1) {
+    if (iteratee.call(context, arr[index], index, arr) === false) {
+      break;
+    }
+  }
+}
+
+module.exports = forEachArray;
+
+
+/***/ }),
+/* 22 */
+/***/ (function(module, exports) {
+
+!function(e,t){for(var r in t)e[r]=t[r]}(exports,function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/dist",r(r.s=11)}([function(e,t,r){"use strict";r.r(t),r.d(t,"__extends",(function(){return i})),r.d(t,"__assign",(function(){return o})),r.d(t,"__rest",(function(){return a})),r.d(t,"__decorate",(function(){return s})),r.d(t,"__param",(function(){return l})),r.d(t,"__metadata",(function(){return u})),r.d(t,"__awaiter",(function(){return c})),r.d(t,"__generator",(function(){return p})),r.d(t,"__createBinding",(function(){return f})),r.d(t,"__exportStar",(function(){return d})),r.d(t,"__values",(function(){return h})),r.d(t,"__read",(function(){return g})),r.d(t,"__spread",(function(){return m})),r.d(t,"__spreadArrays",(function(){return v})),r.d(t,"__await",(function(){return b})),r.d(t,"__asyncGenerator",(function(){return y})),r.d(t,"__asyncDelegator",(function(){return C})),r.d(t,"__asyncValues",(function(){return x})),r.d(t,"__makeTemplateObject",(function(){return k})),r.d(t,"__importStar",(function(){return N})),r.d(t,"__importDefault",(function(){return w})),r.d(t,"__classPrivateFieldGet",(function(){return D})),r.d(t,"__classPrivateFieldSet",(function(){return L}));
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function i(e,t){function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var o=function(){return(o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r=0;s--)(i=e[s])&&(a=(o<3?i(a):o>3?i(t,r,a):i(t,r))||a);return o>3&&a&&Object.defineProperty(t,r,a),a}function l(e,t){return function(r,n){t(r,n,e)}}function u(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function c(e,t,r,n){return new(r||(r=Promise))((function(i,o){function a(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,s)}l((n=n.apply(e,t||[])).next())}))}function p(e,t){var r,n,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(o){return function(s){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;a;)try{if(r=1,n&&(i=2&o[0]?n.return:o[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;switch(n=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,n=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(i=a.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function g(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,i,o=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=o.next()).done;)a.push(n.value)}catch(e){i={error:e}}finally{try{n&&!n.done&&(r=o.return)&&r.call(o)}finally{if(i)throw i.error}}return a}function m(){for(var e=[],t=0;t1||s(e,t)}))})}function s(e,t){try{(r=i[e](t)).value instanceof b?Promise.resolve(r.value.v).then(l,u):c(o[0][2],r)}catch(e){c(o[0][3],e)}var r}function l(e){s("next",e)}function u(e){s("throw",e)}function c(e,t){e(t),o.shift(),o.length&&s(o[0][0],o[0][1])}}function C(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,i){t[n]=e[n]?function(t){return(r=!r)?{value:b(e[n](t)),done:"return"===n}:i?i(t):t}:i}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=h(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,i){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,i,(t=e[r](t)).done,t.value)}))}}}function k(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}function N(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function w(e){return e&&e.__esModule?e:{default:e}}function D(e,t){if(!t.has(e))throw new TypeError("attempted to get private field on non-instance");return t.get(e)}function L(e,t,r){if(!t.has(e))throw new TypeError("attempted to set private field on non-instance");return t.set(e,r),r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.text=t.isRefDef=t.isTable=t.isList=t.isHeading=t.isHtmlBlock=t.isCodeBlock=t.createNode=t.RefDefNode=t.TableCellNode=t.TableNode=t.CodeNode=t.HtmlBlockNode=t.CodeBlockNode=t.LinkNode=t.HeadingNode=t.ListNode=t.BlockNode=t.Node=t.removeAllNode=t.removeNodeById=t.getNodeById=t.isContainer=void 0;var n=r(0),i=n.__importDefault(r(18));function o(e){switch(e.type){case"document":case"blockQuote":case"list":case"item":case"paragraph":case"heading":case"emph":case"strong":case"strike":case"link":case"image":case"table":case"tableHead":case"tableBody":case"tableRow":case"tableCell":case"tableDelimRow":return!0;default:return!1}}t.isContainer=o;var a=1,s={};t.getNodeById=function(e){return s[e]},t.removeNodeById=function(e){delete s[e]},t.removeAllNode=function(){s={}};var l=function(){function e(e,t){this.parent=null,this.prev=null,this.next=null,this.firstChild=null,this.lastChild=null,this.literal=null,this.id="document"===e?-1:a++,this.type=e,this.sourcepos=t,s[this.id]=this}return e.prototype.isContainer=function(){return o(this)},e.prototype.unlink=function(){this.prev?this.prev.next=this.next:this.parent&&(this.parent.firstChild=this.next),this.next?this.next.prev=this.prev:this.parent&&(this.parent.lastChild=this.prev),this.parent=null,this.next=null,this.prev=null},e.prototype.replaceWith=function(e){this.insertBefore(e),this.unlink()},e.prototype.insertAfter=function(e){e.unlink(),e.next=this.next,e.next&&(e.next.prev=e),e.prev=this,this.next=e,this.parent&&(e.parent=this.parent,e.next||(e.parent.lastChild=e))},e.prototype.insertBefore=function(e){e.unlink(),e.prev=this.prev,e.prev&&(e.prev.next=e),e.next=this,this.prev=e,e.parent=this.parent,e.prev||(e.parent.firstChild=e)},e.prototype.appendChild=function(e){e.unlink(),e.parent=this,this.lastChild?(this.lastChild.next=e,e.prev=this.lastChild,this.lastChild=e):(this.firstChild=e,this.lastChild=e)},e.prototype.prependChild=function(e){e.unlink(),e.parent=this,this.firstChild?(this.firstChild.prev=e,e.next=this.firstChild,this.firstChild=e):(this.firstChild=e,this.lastChild=e)},e.prototype.walker=function(){return new i.default(this)},e}();t.Node=l;var u=function(e){function t(t,r){var n=e.call(this,t,r)||this;return n.open=!0,n.lineOffsets=null,n.stringContent=null,n.lastLineBlank=!1,n.lastLineChecked=!1,n.customType=null,n.type=t,n}return n.__extends(t,e),t}(l);t.BlockNode=u;var c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.listData=null,t}return n.__extends(t,e),t}(u);t.ListNode=c;var p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.level=0,t.headingType="atx",t}return n.__extends(t,e),t}(u);t.HeadingNode=p;var f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.destination=null,t.title=null,t.extendedAutolink=!1,t}return n.__extends(t,e),t}(l);t.LinkNode=f;var d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.isFenced=!1,t.fenceChar=null,t.fenceLength=0,t.fenceOffset=-1,t.info=null,t.infoPadding=0,t}return n.__extends(t,e),t}(u);t.CodeBlockNode=d;var h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.htmlBlockType=-1,t}return n.__extends(t,e),t}(u);t.HtmlBlockNode=h;var g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.tickCount=0,t}return n.__extends(t,e),t}(l);t.CodeNode=g;var m=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.columns=[],t}return n.__extends(t,e),t}(u);t.TableNode=m;var v=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.startIdx=0,t.endIdx=0,t.paddingLeft=0,t.paddingRight=0,t.ignored=!1,t}return n.__extends(t,e),t}(u);t.TableCellNode=v;var b=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.title="",t.dest="",t.label="",t}return n.__extends(t,e),t}(u);function y(e,t){switch(e){case"heading":return new p(e,t);case"list":case"item":return new c(e,t);case"link":case"image":return new f(e,t);case"codeBlock":return new d(e,t);case"htmlBlock":return new h(e,t);case"table":return new m(e,t);case"tableCell":return new v(e,t);case"document":case"paragraph":case"blockQuote":case"thematicBreak":case"tableRow":case"tableBody":case"tableHead":return new u(e,t);case"code":return new g(e,t);case"refDef":return new b(e,t);default:return new l(e,t)}}t.RefDefNode=b,t.createNode=y,t.isCodeBlock=function(e){return"codeBlock"===e.type},t.isHtmlBlock=function(e){return"htmlBlock"===e.type},t.isHeading=function(e){return"heading"===e.type},t.isList=function(e){return"list"===e.type},t.isTable=function(e){return"table"===e.type},t.isRefDef=function(e){return"refDef"===e.type},t.text=function(e,t){var r=y("text",t);return r.literal=e,r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isEmpty=t.last=t.repeat=t.escapeXml=t.normalizeURI=t.unescapeString=t.ESCAPABLE=t.ENTITY=void 0;var n=r(0).__importDefault(r(12)),i=r(8);t.ENTITY="&(?:#x[a-f0-9]{1,6}|#[0-9]{1,7}|[a-z][a-z0-9]{1,31});";var o=/[\\&]/;t.ESCAPABLE="[!\"#$%&'()*+,./:;<=>?@[\\\\\\]^_`{|}~-]";var a=new RegExp("\\\\"+t.ESCAPABLE+"|"+t.ENTITY,"gi"),s=new RegExp('[&<>"]',"g"),l=function(e){return 92===e.charCodeAt(0)?e.charAt(1):i.decodeHTML(e)};function u(e){switch(e){case"&":return"&";case"<":return"<";case">":return">";case'"':return""";default:return e}}t.unescapeString=function(e){return o.test(e)?e.replace(a,l):e},t.normalizeURI=function(e){try{return n.default(e)}catch(t){return e}},t.escapeXml=function(e){return s.test(e)?e.replace(s,u):e},t.repeat=function(e,t){for(var r=[],n=0;nt&&(t+=1),this.root.sourcepos[1]=[t+1,e[t].length]},e.prototype.replaceRangeNodes=function(e,t,r){e?(a.insertNodesBefore(e,r),a.removeNextUntil(e,t),[e.id,t.id].forEach((function(e){return o.removeNodeById(e)})),e.unlink()):t?(a.insertNodesBefore(t,r),o.removeNodeById(t.id),t.unlink()):a.prependChildNodes(this.root,r)},e.prototype.getNodeRange=function(e,t){var r=a.findChildNodeAtLine(this.root,e[0]),n=a.findChildNodeAtLine(this.root,t[0]);return n&&n.next&&t[0]+1===n.next.sourcepos[0][0]&&(n=n.next),a.getRangeForCustomType(r,n)},e.prototype.trigger=function(e,t){this.eventHandlerMap[e].forEach((function(e){e(t)}))},e.prototype.extendEndLine=function(e){for(;""===this.lineTexts[e];)e+=1;return e},e.prototype.parseRange=function(e,t,r,n){var i;e&&e.prev&&(o.isList(e.prev)&&function(e){var t=e.match(/^[ \t]+/);if(t&&(t[0].length>=2||/\t/.test(t[0])))return!0;var r=t?e.slice(t.length):e;return s.reBulletListMarker.test(r)||s.reOrderedListMarker.test(r)}(this.lineTexts[r-1])||o.isTable(e.prev)&&(i=this.lineTexts[r-1],!u.isBlank(i)&&-1!==i.indexOf("|")))&&(r=(e=e.prev).sourcepos[0][0]);for(var l=this.lineTexts.slice(r-1,n),c=this.parser.partialParseStart(r,l),p=t?t.next:this.root.firstChild,f=c.lastChild,d=f&&o.isCodeBlock(f),h=f&&o.isList(f);d&&p||h&&p&&("list"===p.type||p.sourcepos[0][1]>=2);){var g=this.extendEndLine(p.sourcepos[1][0]);this.parser.partialParseExtends(this.lineTexts.slice(n,g)),e||(e=t),t=p,n=g,p=p.next}return this.parser.partialParseFinish(),{newNodes:a.getChildNodes(c),extStartNode:e,extEndNode:t}},e.prototype.getRemovedNodeRange=function(e,t){return!e||e&&o.isRefDef(e)||t&&o.isRefDef(t)?null:{id:[e.id,t.id],line:[e.sourcepos[0][0]-1,t.sourcepos[1][0]-1]}},e.prototype.markDeletedRefMap=function(e,t){var r=this;if(!l.isEmptyObj(this.refMap)){var n=function(e){if(o.isRefDef(e)){var t=r.refMap[e.label];t&&e.id===t.id&&(t.unlinked=!0)}};e&&a.invokeNextUntil(n,e.parent,t),t&&a.invokeNextUntil(n,t)}},e.prototype.replaceWithNewRefDefState=function(e){var t=this;if(!l.isEmptyObj(this.refMap)){var r=function(e){if(o.isRefDef(e)){var r=e.label,n=t.refMap[r];n&&!n.unlinked||(t.refMap[r]=p(e))}};e.forEach((function(e){a.invokeNextUntil(r,e)}))}},e.prototype.replaceWithRefDefCandidate=function(){var e=this;l.isEmptyObj(this.refDefCandidateMap)||l.iterateObject(this.refDefCandidateMap,(function(t,r){var n=r.label,i=r.sourcepos,o=e.refMap[n];(!o||o.unlinked||o.sourcepos[0][0]>i[0][0])&&(e.refMap[n]=p(r))}))},e.prototype.getRangeWithRefDef=function(e,t,r,n,i){if(this.referenceDefinition&&!l.isEmptyObj(this.refMap)){var s=a.findChildNodeAtLine(this.root,e-1),u=a.findChildNodeAtLine(this.root,t+1);s&&o.isRefDef(s)&&s!==r&&s!==n&&(e=(r=s).sourcepos[0][0]),u&&o.isRefDef(u)&&u!==r&&u!==n&&(n=u,t=this.extendEndLine(n.sourcepos[1][0]+i))}return[r,n,e,t]},e.prototype.parseWithFrontMatter=function(e,t,r){void 0===r&&(r=0);var i=n.__spreadArrays(this.lineTexts),o=c.getFrontMatterPos(this.lineTexts),a=o[0],s=o[1];a>-1&&s>-1&&(this.lineTexts[a]=c.frontMatterOpen,this.lineTexts[s]=c.frontMatterClose,a>=t[0]-1&&(t[0]=s+1),a<=e[0]-1&&s>=t[0]-1&&(e[0]=a+1,t[0]=s+1));var l=this.parse(e,t,r);return this.lineTexts=i,l},e.prototype.parse=function(e,t,r){void 0===r&&(r=0);var n=this.getNodeRange(e,t),i=n[0],o=n[1],a=i?Math.min(i.sourcepos[0][0],e[0]):e[0],s=this.extendEndLine((o?Math.max(o.sourcepos[1][0],t[0]):t[0])+r),l=this.parseRange.apply(this,this.getRangeWithRefDef(a,s,i,o,r)),u=l.newNodes,c=l.extStartNode,p=l.extEndNode,f=this.getRemovedNodeRange(c,p),d=p?p.next:this.root.firstChild;return this.referenceDefinition?(this.markDeletedRefMap(c,p),this.replaceRangeNodes(c,p,u),this.replaceWithNewRefDefState(u)):this.replaceRangeNodes(c,p,u),{nodes:u,removedNodeRange:f,nextNode:d}},e.prototype.parseRefLink=function(){var e=this,t=[];return l.isEmptyObj(this.refMap)||l.iterateObject(this.refMap,(function(r,n){n.unlinked&&delete e.refMap[r],l.iterateObject(e.refLinkCandidateMap,(function(n,i){var o=i.node;i.refLabel===r&&t.push(e.parse(o.sourcepos[0],o.sourcepos[1]))}))})),t},e.prototype.removeUnlinkedCandidate=function(){l.isEmptyObj(this.refDefCandidateMap)||[this.refLinkCandidateMap,this.refDefCandidateMap].forEach((function(e){l.iterateObject(e,(function(t){a.isUnlinked(t)&&delete e[t]}))}))},e.prototype.editMarkdown=function(e,t,r){var n=this.updateLineTexts(e,t,r),i=this.frontMatter?this.parseWithFrontMatter(e,t,n):this.parse(e,t,n),o=l.omit(i,"nextNode");a.updateNextLineNumbers(i.nextNode,n),this.updateRootNodeState();var s=[o];return this.referenceDefinition&&(this.removeUnlinkedCandidate(),this.replaceWithRefDefCandidate(),s=s.concat(this.parseRefLink())),this.trigger("change",s),s},e.prototype.getLineTexts=function(){return this.lineTexts},e.prototype.getRootNode=function(){return this.root},e.prototype.findNodeAtPosition=function(e){var t=a.findNodeAtPosition(this.root,e);return t&&t!==this.root?t:null},e.prototype.findFirstNodeAtLine=function(e){return a.findFirstNodeAtLine(this.root,e)},e.prototype.on=function(e,t){this.eventHandlerMap[e].push(t)},e.prototype.off=function(e,t){var r=this.eventHandlerMap[e],n=r.indexOf(t);r.splice(n,1)},e.prototype.findNodeById=function(e){return a.findNodeById(e)},e.prototype.removeAllNode=function(){o.removeAllNode()},e}();t.ToastMark=f},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getFrontMatterPos=t.replaceFrontMatter=t.frontMatterClose=t.frontMatterOpen=void 0,t.frontMatterOpen="{:f",t.frontMatterClose="f:}";var n=/^---$/,i=/^---$([\s\S]*)^---$/m;t.replaceFrontMatter=function(e){var r=e.trim();return/^---/.test(r)&&function(e){return i.test(e)}(r)?e.replace(i,t.frontMatterOpen+"$1"+t.frontMatterClose):e},t.getFrontMatterPos=function(e){for(var t=-1,r=-1,i=0;i0)break;n.test(o)&&(t<0?t=i:r=i)}return[t,r]}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Parser=void 0;var n=r(0),i=r(2),o=r(1),a=r(19),s=r(22),l=r(4),u=r(10),c=r(3),p=r(6),f=r(26),d=[/./,/<\/(?:script|pre|style)>/i,/-->/,/\?>/,/>/,/\]\]>/],h=/^[#`~*+_=<>0-9-]/,g=/\r\n|\n|\r/;function m(){return o.createNode("document",[[1,1],[0,0]])}var v={smart:!1,tagFilter:!1,extendedAutolinks:!1,disallowedHtmlBlockTags:[],referenceDefinition:!1,disallowDeepHeading:!1,customParser:null,frontMatter:!1},b=function(){function e(e){this.options=n.__assign(n.__assign({},v),e),this.doc=m(),this.tip=this.doc,this.oldtip=this.doc,this.lineNumber=0,this.offset=0,this.column=0,this.nextNonspace=0,this.nextNonspaceColumn=0,this.indent=0,this.currentLine="",this.indented=!1,this.blank=!1,this.partiallyConsumedTab=!1,this.allClosed=!0,this.lastMatchedContainer=this.doc,this.refMap={},this.refLinkCandidateMap={},this.refDefCandidateMap={},this.lastLineLength=0,this.options.frontMatter&&(this.options.customParser=n.__assign(n.__assign({},f.frontMatterParser),this.options.customParser)),this.inlineParser=new a.InlineParser(this.options)}return e.prototype.advanceOffset=function(e,t){void 0===t&&(t=!1);for(var r,n,i,o=this.currentLine;e>0&&(i=o[this.offset]);)"\t"===i?(r=4-this.column%4,t?(this.partiallyConsumedTab=r>e,n=r>e?e:r,this.column+=n,this.offset+=this.partiallyConsumedTab?0:1,e-=n):(this.partiallyConsumedTab=!1,this.column+=r,this.offset+=1,e-=1)):(this.partiallyConsumedTab=!1,this.offset+=1,this.column+=1,e-=1)},e.prototype.advanceNextNonspace=function(){this.offset=this.nextNonspace,this.column=this.nextNonspaceColumn,this.partiallyConsumedTab=!1},e.prototype.findNextNonspace=function(){for(var e,t=this.currentLine,r=this.offset,n=this.column;""!==(e=t.charAt(r));)if(" "===e)r++,n++;else{if("\t"!==e)break;r++,n+=4-n%4}this.blank="\n"===e||"\r"===e||""===e,this.nextNonspace=r,this.nextNonspaceColumn=n,this.indent=this.nextNonspaceColumn-this.column,this.indented=this.indent>=l.CODE_INDENT},e.prototype.addLine=function(){if(this.partiallyConsumedTab){this.offset+=1;var e=4-this.column%4;this.tip.stringContent+=i.repeat(" ",e)}this.tip.lineOffsets?this.tip.lineOffsets.push(this.offset):this.tip.lineOffsets=[this.offset],this.tip.stringContent+=this.currentLine.slice(this.offset)+"\n"},e.prototype.addChild=function(e,t){for(;!s.blockHandlers[this.tip.type].canContain(e);)this.finalize(this.tip,this.lineNumber-1);var r=t+1,n=o.createNode(e,[[this.lineNumber,r],[0,0]]);return n.stringContent="",this.tip.appendChild(n),this.tip=n,n},e.prototype.closeUnmatchedBlocks=function(){if(!this.allClosed){for(;this.oldtip!==this.lastMatchedContainer;){var e=this.oldtip.parent;this.finalize(this.oldtip,this.lineNumber-1),this.oldtip=e}this.allClosed=!0}},e.prototype.finalize=function(e,t){var r=e.parent;e.open=!1,e.sourcepos[1]=[t,this.lastLineLength],s.blockHandlers[e.type].finalize(this,e),this.tip=r},e.prototype.processInlines=function(e){var t,r=this.options.customParser,n=e.walker();for(this.inlineParser.refMap=this.refMap,this.inlineParser.refLinkCandidateMap=this.refLinkCandidateMap,this.inlineParser.refDefCandidateMap=this.refDefCandidateMap,this.inlineParser.options=this.options;t=n.next();){var i=t.node,o=t.entering,a=i.type;r&&r[a]&&r[a](i,{entering:o,options:this.options}),o||"paragraph"!==a&&"heading"!==a&&("tableCell"!==a||i.ignored)||this.inlineParser.parse(i)}},e.prototype.incorporateLine=function(e){var t=this.doc;this.oldtip=this.tip,this.offset=0,this.column=0,this.blank=!1,this.partiallyConsumedTab=!1,this.lineNumber+=1,-1!==e.indexOf("\0")&&(e=e.replace(/\0/g,"�")),this.currentLine=e;for(var r,n=!0;(r=t.lastChild)&&r.open;){switch(t=r,this.findNextNonspace(),s.blockHandlers[t.type].continue(this,t)){case 0:break;case 1:n=!1;break;case 2:return void(this.lastLineLength=e.length);default:throw new Error("continue returned illegal value, must be 0, 1, or 2")}if(!n){t=t.parent;break}}this.allClosed=t===this.oldtip,this.lastMatchedContainer=t;for(var i="paragraph"!==t.type&&s.blockHandlers[t.type].acceptsLines,a=u.blockStarts.length;!i;){if(this.findNextNonspace(),"table"!==t.type&&"tableBody"!==t.type&&"paragraph"!==t.type&&!this.indented&&!h.test(e.slice(this.nextNonspace))){this.advanceNextNonspace();break}for(var l=0;l=1&&t.htmlBlockType<=5&&d[t.htmlBlockType].test(this.currentLine.slice(this.offset))&&(this.lastLineLength=e.length,this.finalize(t,this.lineNumber))):this.offset`\\x00-\\x20]+|'[^']*'|\"[^\"]*\"))?)*\\s*/?>",t.CLOSETAG="]";var n="(?:"+t.OPENTAG+"|"+t.CLOSETAG+"|\x3c!----\x3e|\x3c!--(?:-?[^>-])(?:-?[^-])*--\x3e|[<][?].*?[?][>]|]*>|)";t.reHtmlTag=new RegExp("^"+n,"i")},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.blockStarts=t.reOrderedListMarker=t.reBulletListMarker=void 0;var n=r(1),i=r(9),o=r(4),a=r(25),s=/^`{3,}(?!.*`)|^~{3,}/,l=[/./,/^<(?:script|pre|style)(?:\s|>|$)/i,/^/g, '');
+    root.innerHTML = html;
+  } else {
+    root.appendChild(html);
+  }
+
+  removeUnnecessaryTags(root);
+  leaveOnlyWhitelistAttribute(root);
+  return _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].finalizeHtml(root, needHtmlText);
+}
+/**
+ * Removes unnecessary tags.
+ * @param {HTMLElement} html - root element
+ * @private
+ */
+
+
+function removeUnnecessaryTags(html) {
+  var removedTags = _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].findAll(html, 'script, iframe, textarea, form, button, select, input, meta, style, link, title, embed, object, details, summary');
+  removedTags.forEach(function (node) {
+    _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].remove(node);
+  });
+}
+/**
+ * Checks whether the attribute and value that causing XSS or not.
+ * @param {string} attrName - name of attribute
+ * @param {string} attrValue - value of attirbute
+ * @param {boolean} state
+ * @private
+ */
+
+
+function isXSSAttribute(attrName, attrValue) {
+  return attrName.match(XSS_ATTR_RX) && attrValue.match(XSS_VALUE_RX);
+}
+/**
+ * Removes attributes of blacklist from node.
+ * @param {HTMLElement} node - node to remove attributes
+ * @param {NamedNodeMap} blacklistAttrs - attributes of blacklist
+ * @private
+ */
+
+
+function removeBlacklistAttributes(node, blacklistAttrs) {
+  tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(blacklistAttrs).forEach(function (_ref) {
+    var name = _ref.name;
+
+    if (ON_EVENT_RX.test(name)) {
+      node[name] = null;
+    }
+
+    if (node.getAttribute(name)) {
+      node.removeAttribute(name);
+    }
+  });
+}
+/**
+ * Leaves only white list attributes.
+ * @param {HTMLElement} html - root element
+ * @private
+ */
+
+
+function leaveOnlyWhitelistAttribute(html) {
+  _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].findAll(html, '*').forEach(function (node) {
+    var attributes = node.attributes;
+    var blacklist = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(attributes).filter(function (attr) {
+      var name = attr.name,
+          value = attr.value;
+      var htmlAttr = name.match(HTML_ATTR_LIST_RX);
+      var svgAttr = name.match(SVG_ATTR_LIST_RX);
+      var xssAttr = htmlAttr && isXSSAttribute(name, value);
+      return !htmlAttr && !svgAttr || xssAttr;
+    });
+    removeBlacklistAttributes(node, blacklist);
+  });
+}
+
+/* harmony default export */ __webpack_exports__["a"] = (htmlSanitizer);
+
+/***/ }),
+/* 26 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Execute the provided callback once for each property of object(or element of array) which actually exist.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+var forEachArray = __webpack_require__(21);
+var forEachOwnProperties = __webpack_require__(10);
+
+/**
+ * @module collection
+ */
+
+/**
+ * Execute the provided callback once for each property of object(or element of array) which actually exist.
+ * If the object is Array-like object(ex-arguments object), It needs to transform to Array.(see 'ex2' of example).
+ * If the callback function returns false, the loop will be stopped.
+ * Callback function(iteratee) is invoked with three arguments:
+ *  1) The value of the property(or The value of the element)
+ *  2) The name of the property(or The index of the element)
+ *  3) The object being traversed
+ * @param {Object} obj The object that will be traversed
+ * @param {function} iteratee Callback function
+ * @param {Object} [context] Context(this) of callback function
+ * @memberof module:collection
+ * @example
+ * var forEach = require('tui-code-snippet/collection/forEach'); // node, commonjs
+ *
+ * var sum = 0;
+ *
+ * forEach([1,2,3], function(value){
+ *     sum += value;
+ * });
+ * alert(sum); // 6
+ *
+ * // In case of Array-like object
+ * var array = Array.prototype.slice.call(arrayLike); // change to array
+ * forEach(array, function(value){
+ *     sum += value;
+ * });
+ */
+function forEach(obj, iteratee, context) {
+  if (isArray(obj)) {
+    forEachArray(obj, iteratee, context);
+  } else {
+    forEachOwnProperties(obj, iteratee, context);
+  }
+}
+
+module.exports = forEach;
+
+
+/***/ }),
+/* 27 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a function or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a function or not.
+ * If the given variable is a function, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is function?
+ * @memberof module:type
+ */
+function isFunction(obj) {
+  return obj instanceof Function;
+}
+
+module.exports = isFunction;
+
+
+/***/ }),
+/* 28 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is existing or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+var isNull = __webpack_require__(48);
+
+/**
+ * Check whether the given variable is existing or not.
+ * If the given variable is not null and not undefined, returns true.
+ * @param {*} param - Target for checking
+ * @returns {boolean} Is existy?
+ * @memberof module:type
+ * @example
+ * var isExisty = require('tui-code-snippet/type/isExisty'); // node, commonjs
+ *
+ * isExisty(''); //true
+ * isExisty(0); //true
+ * isExisty([]); //true
+ * isExisty({}); //true
+ * isExisty(null); //false
+ * isExisty(undefined); //false
+*/
+function isExisty(param) {
+  return !isUndefined(param) && !isNull(param);
+}
+
+module.exports = isExisty;
+
+
+/***/ }),
+/* 29 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getHTMLRenderConvertors; });
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var baseConvertors = {
+  paragraph: function paragraph(node, _ref) {
+    var entering = _ref.entering,
+        origin = _ref.origin,
+        options = _ref.options;
+    var nodeId = options.nodeId,
+        _options$customProp = options.customProp,
+        customProp = _options$customProp === void 0 ? {} : _options$customProp;
+    var showFrontMatter = customProp.showFrontMatter && node.customType; // prevent paragraph from being removed when it's child of tight list item
+    // to show highlight style in live-preview mode
+
+    if (nodeId && !node.customType || showFrontMatter) {
+      return {
+        type: entering ? 'openTag' : 'closeTag',
+        outerNewLine: true,
+        tagName: 'p'
+      };
+    }
+
+    return origin();
+  },
+  softbreak: function softbreak(node) {
+    var isPrevNodeHTML = node.prev && node.prev.type === 'htmlInline';
+    var isPrevBR = isPrevNodeHTML && /
      /.test(node.prev.literal);
+    var content = isPrevBR ? '\n' : '
      \n';
+    return {
+      type: 'html',
+      content: content
+    };
+  },
+  item: function item(node, _ref2) {
+    var entering = _ref2.entering;
+
+    if (entering) {
+      var attributes = {};
+      var classNames = [];
+
+      if (node.listData.task) {
+        attributes['data-te-task'] = '';
+        classNames.push('task-list-item');
+
+        if (node.listData.checked) {
+          classNames.push('checked');
+        }
+      }
+
+      return {
+        type: 'openTag',
+        tagName: 'li',
+        classNames: classNames,
+        attributes: attributes,
+        outerNewLine: true
+      };
+    }
+
+    return {
+      type: 'closeTag',
+      tagName: 'li',
+      outerNewLine: true
+    };
+  },
+  code: function code(node) {
+    var attributes = {
+      'data-backticks': node.tickCount
+    };
+    return [{
+      type: 'openTag',
+      tagName: 'code',
+      attributes: attributes
+    }, {
+      type: 'text',
+      content: node.literal
+    }, {
+      type: 'closeTag',
+      tagName: 'code'
+    }];
+  },
+  codeBlock: function codeBlock(node) {
+    var infoWords = node.info ? node.info.split(/\s+/) : [];
+    var preClasses = [];
+    var codeAttrs = {};
+
+    if (node.fenceLength > 3) {
+      codeAttrs['data-backticks'] = node.fenceLength;
+    }
+
+    if (infoWords.length > 0 && infoWords[0].length > 0) {
+      var lang = infoWords[0];
+      preClasses.push("lang-" + lang);
+      codeAttrs['data-language'] = lang;
+    }
+
+    return [{
+      type: 'openTag',
+      tagName: 'pre',
+      classNames: preClasses
+    }, {
+      type: 'openTag',
+      tagName: 'code',
+      attributes: codeAttrs
+    }, {
+      type: 'text',
+      content: node.literal
+    }, {
+      type: 'closeTag',
+      tagName: 'code'
+    }, {
+      type: 'closeTag',
+      tagName: 'pre'
+    }];
+  }
+};
+function getHTMLRenderConvertors(linkAttribute, customConvertors) {
+  var convertors = _extends({}, baseConvertors);
+
+  if (linkAttribute) {
+    convertors.link = function (_, _ref3) {
+      var entering = _ref3.entering,
+          origin = _ref3.origin;
+      var result = origin();
+
+      if (entering) {
+        result.attributes = _extends({}, result.attributes, linkAttribute);
+      }
+
+      return result;
+    };
+  }
+
+  if (customConvertors) {
+    Object.keys(customConvertors).forEach(function (nodeType) {
+      var orgConvertor = convertors[nodeType];
+      var customConvertor = customConvertors[nodeType];
+
+      if (orgConvertor) {
+        convertors[nodeType] = function (node, context) {
+          var newContext = _extends({}, context);
+
+          newContext.origin = function () {
+            return orgConvertor(node, context);
+          };
+
+          return customConvertor(node, newContext);
+        };
+      } else {
+        convertors[nodeType] = customConvertor;
+      }
+    });
+  }
+
+  return convertors;
+}
+
+/***/ }),
+/* 30 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export CodeBlockManager */
+/**
+ * @fileoverview Implements CodeBlockManager
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Code Block Manager
+ */
+var CodeBlockManager = /*#__PURE__*/function () {
+  function CodeBlockManager() {
+    this._replacers = {};
+  }
+  /**
+   * Set replacer for code block
+   * @param {string} language - code block language
+   * @param {function} replacer - replacer function to code block element
+   */
+
+
+  var _proto = CodeBlockManager.prototype;
+
+  _proto.setReplacer = function setReplacer(language, replacer) {
+    language = language.toLowerCase();
+    this._replacers[language] = replacer;
+  }
+  /**
+   * get replacer for code block
+   * @param {string} language - code block type
+   * @returns {function} - replacer function
+   */
+  ;
+
+  _proto.getReplacer = function getReplacer(language) {
+    return this._replacers[language];
+  }
+  /**
+   * Create code block html.
+   * @param {string} language - code block language
+   * @param {string} codeText - code text
+   * @returns {string}
+   */
+  ;
+
+  _proto.createCodeBlockHtml = function createCodeBlockHtml(language, codeText) {
+    language = language.toLowerCase();
+    var replacer = this.getReplacer(language);
+
+    if (replacer) {
+      return replacer(codeText, language);
+    }
+
+    return escape(codeText, false);
+  };
+
+  return CodeBlockManager;
+}();
+/**
+ * escape code from markdown-it
+ * @param {string} html HTML string
+ * @param {string} encode Boolean value of whether encode or not
+ * @returns {string}
+ * @ignore
+ */
+
+
+function escape(html, encode) {
+  return html.replace(!encode ? /&(?!#?\w+;)/g : /&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/'/g, ''');
+}
+
+
+/* harmony default export */ __webpack_exports__["a"] = (new CodeBlockManager());
+
+/***/ }),
+/* 31 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return invokePlugins; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getPluginInfo; });
+/* harmony import */ var tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17);
+/* harmony import */ var tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(27);
+/* harmony import */ var tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1__);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+/**
+ * Invoke plugins
+ * @param {Array.} plugins - list of plugin function only or
+ *                                  plugin function with options
+ * @param {Editor|Viewer} editor - editor or viewer instance
+ */
+
+function invokePlugins(plugins, editor) {
+  plugins.forEach(function (plugin) {
+    if (tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(plugin)) {
+      plugin(editor);
+    } else if (tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin)) {
+      var pluginFn = plugin[0],
+          _plugin$ = plugin[1],
+          options = _plugin$ === void 0 ? {} : _plugin$;
+      pluginFn(editor, options);
+    }
+  });
+}
+/**
+ * Get plugin info
+ * @param {Array.} plugins - list of plugin function only or
+ *                                  plugin function with options
+ * @returns {Object} - plugin info
+ */
+
+function getPluginInfo(plugins) {
+  if (!plugins) {
+    return {};
+  }
+
+  return plugins.reduce(function (acc, plugin) {
+    var pluginInfo = tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin) ? plugin[0] : plugin;
+
+    if (!tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(pluginInfo)) {
+      var renderer = pluginInfo.renderer,
+          parser = pluginInfo.parser,
+          pluginFn = pluginInfo.pluginFn;
+      plugin = tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin) ? [pluginFn, plugin[1]] : pluginFn;
+
+      if (renderer) {
+        acc.renderer = _extends({}, acc.renderer, renderer);
+      }
+
+      if (parser) {
+        acc.parser = _extends({}, acc.parser, parser);
+      }
+    }
+
+    acc.plugins.push(plugin);
+    return acc;
+  }, {
+    plugins: [],
+    renderer: {},
+    parser: {}
+  });
+}
+
+/***/ }),
+/* 32 */
+/***/ (function(module, exports, __webpack_require__) {
+
+/*!
+ * to-mark
+ * @version 1.0.1 | Tue Nov 24 2020
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(true)
+		module.exports = factory();
+	else {}
+})(window, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./src/domRunner.js
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements DomRunner
+ * @author NHN Ent. FE Development Lab 
+ */
+var NODE = {
+  ELEMENT_NODE: 1,
+  ATTRIBUTE_NODE: 2,
+  TEXT_NODE: 3
+};
+/**
+ * DomRunner
+ * @param {HTMLElement} node A root node that it has nodes to iterate(not iterate itself and its any siblings)
+ * @class
+ */
+
+var DomRunner = /*#__PURE__*/function () {
+  function DomRunner(node) {
+    this._normalizeTextChildren(node);
+
+    this._root = node;
+    this._current = node;
+  }
+  /**
+   * Iterate next node
+   * @returns {HTMLElement} next node
+   */
+
+
+  var _proto = DomRunner.prototype;
+
+  _proto.next = function next() {
+    var current = this._current;
+    var node;
+
+    if (this._current) {
+      node = this._getNextNode(current);
+
+      while (this._isNeedNextSearch(node, current)) {
+        current = current.parentNode;
+        node = current.nextSibling;
+      }
+
+      this._current = node;
+    }
+
+    return this._current;
+  }
+  /**
+   * Return current node
+   * @returns {HTMLElement} current node
+   */
+  ;
+
+  _proto.getNode = function getNode() {
+    this._normalizeTextChildren(this._current);
+
+    return this._current;
+  };
+
+  _proto._normalizeTextChildren = function _normalizeTextChildren(node) {
+    if (!node || node.childNodes.length < 2) {
+      return;
+    }
+
+    var childNode = node.firstChild;
+    var nextNode;
+
+    while (childNode.nextSibling) {
+      nextNode = childNode.nextSibling;
+
+      if (childNode.nodeType === NODE.TEXT_NODE && nextNode.nodeType === NODE.TEXT_NODE) {
+        childNode.nodeValue += nextNode.nodeValue;
+        node.removeChild(nextNode);
+      } else {
+        childNode = nextNode;
+      }
+    }
+  }
+  /**
+   * Get current node's text content
+   * @returns {string} text
+   */
+  ;
+
+  _proto.getNodeText = function getNodeText() {
+    var node = this.getNode();
+    var text;
+
+    if (node.nodeType === NODE.TEXT_NODE) {
+      text = node.nodeValue;
+    } else {
+      text = node.textContent || node.innerText;
+    }
+
+    return text;
+  }
+  /**
+   * Check if there is next node to iterate
+   * @private
+   * @param {HTMLElement} node next node
+   * @param {HTMLElement} current next node
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto._isNeedNextSearch = function _isNeedNextSearch(node, current) {
+    return !node && current !== this._root && current.parentNode !== this._root;
+  }
+  /**
+   * Return available next node
+   * @private
+   * @param {HTMLElement} current current node
+   * @returns {node} next node
+   */
+  ;
+
+  _proto._getNextNode = function _getNextNode(current) {
+    return current.firstChild || current.nextSibling;
+  };
+
+  return DomRunner;
+}();
+
+_defineProperty(DomRunner, "NODE_TYPE", NODE);
+
+
+// CONCATENATED MODULE: ./src/toDom.js
+/**
+ * @fileoverview Implements toDom
+ * @author NHN Ent. FE Development Lab 
+ */
+var FIND_FIRST_LAST_SPACE_OR_RETURN_OR_TAB_RX = /^[\s\r\n\t]+|[\s\r\n\t]+$/g;
+var FIND_RETURN_OR_TAB_BETWEEN_TAGS_RX = />[\r\n\t]+[ ]+<'); // remove spaces more than 1(if need more space, must use  )
+
+  html = html.replace(FIND_WHOLE_SPACE_MORE_THAN_ONE_BETWEEN_TAGS_RX, '> <');
+  return html;
+}
+
+toDom.preProcess = preProcess;
+// CONCATENATED MODULE: ./src/renderer.js
+function renderer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements Renderer
+ * @author NHN Ent. FE Development Lab 
+ */
+var FIND_LEAD_SPACE_RX = /^\u0020/;
+var FIND_TRAIL_SPACE_RX = /.+\u0020$/;
+var FIND_SPACE_RETURN_TAB_RX = /[\n\s\t]+/g;
+var FIND_CHAR_TO_TRIM_RX = /^[\u0020\r\n\t]+|[\u0020\r\n\t]+$/g; // find first and last characters for trim
+
+var FIND_SPACE_MORE_THAN_ONE_RX = /[\u0020]+/g; // find space more than one
+
+var FIND_CHAR_TO_ESCAPE_RX = /[>(){}[\]+-.!#|]/g; // find characters that need escape
+
+var FIND_CHAR_TO_ESCAPE_IN_LINK_RX = /[[\]]/g; // find characters to be escaped in links or images
+
+var FIND_MARKDOWN_IMAGE_SYNTAX_RX = /!\[.*\]\(.*\)/g; // find markdown image syntax
+
+var TEXT_NODE = 3;
+/**
+ * Iterate properties of object
+ * from https://github.com/nhnent/fe.code-snippet/blob/master/src/collection.js
+ * @param {object} obj object to iterate
+ * @param {function} iteratee callback function
+ * @param {*} [context] context of callback
+ */
+
+function forEachOwnProperties(obj, iteratee, context) {
+  var key;
+  context = context || null;
+
+  for (key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      if (iteratee.call(context, obj[key], key, obj) === false) {
+        break;
+      }
+    }
+  }
+}
+/**
+ * Whether if inline node or not
+ * @param {Node} node Element
+ * @returns {boolean}
+ */
+// eslint-disable-next-line complexity
+
+
+function isInlineNode(node) {
+  var tag = node.tagName;
+  return tag === 'S' || tag === 'B' || tag === 'I' || tag === 'EM' || tag === 'STRONG' || tag === 'A' || tag === 'IMG' || tag === 'CODE';
+}
+/**
+ * Returns HTML string of an element using given subContent
+ * @param {Node} node Element
+ * @param {string} subContent string content of node
+ * @returns {string}
+ */
+
+
+function getRawHtmlString(node, subContent) {
+  var tempNode = node.cloneNode(false);
+  tempNode.innerHTML = subContent;
+  return tempNode.outerHTML;
+}
+/**
+ * Clone rules
+ * @param {object} destination object for apply rules
+ * @param {object} source source object for clone rules
+ */
+
+
+function cloneRules(destination, source) {
+  forEachOwnProperties(source, function (value, key) {
+    if (key !== 'converter') {
+      if (!destination[key]) {
+        destination[key] = {};
+      }
+
+      cloneRules(destination[key], value);
+    } else {
+      destination[key] = value;
+    }
+  });
+}
+/**
+ * Renderer
+ * @param {object} [rules] rules to add
+ * @class
+ */
+
+
+var Renderer = /*#__PURE__*/function () {
+  function Renderer(rules) {
+    this.rules = {};
+    /**
+     * Line feed replacement text
+     * @type string
+     */
+
+    this.lineFeedReplacement = "\u200B\u200B";
+
+    if (rules) {
+      this.addRules(rules);
+    }
+  }
+  /**
+   * Add rule
+   * @param {string} selectorString rule selector
+   * @param {function} converter converter function
+   */
+
+
+  var _proto = Renderer.prototype;
+
+  _proto.addRule = function addRule(selectorString, converter) {
+    var selectors = selectorString.split(', ');
+    var selector = selectors.pop();
+    converter.fname = selectorString;
+
+    while (selector) {
+      this._setConverterWithSelector(selector, converter);
+
+      selector = selectors.pop();
+    }
+  }
+  /**
+   * Add rules using object
+   * @param {object} rules key(rule selector), value(converter function)
+   */
+  ;
+
+  _proto.addRules = function addRules(rules) {
+    forEachOwnProperties(rules, function (converter, selectorString) {
+      this.addRule(selectorString, converter);
+    }, this);
+  }
+  /**
+   * Remove flanked space of dom node
+   * @param {string} content text content
+   * @param {HTMLElement} node current node
+   * @returns {string} result
+   */
+  // eslint-disable-next-line complexity
+  ;
+
+  _proto.getSpaceControlled = function getSpaceControlled(content, node) {
+    var lead = '';
+    var trail = '';
+    var text;
+
+    if (node.previousSibling && (node.previousSibling.nodeType === TEXT_NODE || isInlineNode(node.previousSibling))) {
+      text = node.previousSibling.innerHTML || node.previousSibling.nodeValue;
+
+      if (FIND_TRAIL_SPACE_RX.test(text) || FIND_LEAD_SPACE_RX.test(node.innerHTML || node.nodeValue)) {
+        lead = ' ';
+      }
+    }
+
+    if (node.nextSibling && (node.nextSibling.nodeType === TEXT_NODE || isInlineNode(node.nextSibling))) {
+      text = node.nextSibling.innerHTML || node.nextSibling.nodeValue;
+
+      if (FIND_LEAD_SPACE_RX.test(text) || FIND_TRAIL_SPACE_RX.test(node.innerHTML || node.nodeValue)) {
+        trail = ' ';
+      }
+    }
+
+    return lead + content + trail;
+  }
+  /**
+   * Convert dom node to markdown using dom node and subContent
+   * @param {HTMLElement} node node to convert
+   * @param {string} subContent child nodes converted text
+   * @returns {string} converted text
+   */
+  // eslint-disable-next-line complexity
+  ;
+
+  _proto.convert = function convert(node, subContent) {
+    var result;
+
+    var converter = this._getConverter(node);
+
+    if (node && node.nodeType === Node.ELEMENT_NODE && node.hasAttribute('data-tomark-pass')) {
+      node.removeAttribute('data-tomark-pass');
+      result = getRawHtmlString(node, subContent);
+    } else if (converter) {
+      result = converter.call(this, node, subContent);
+    } else if (node) {
+      result = this.getSpaceControlled(this._getInlineHtml(node, subContent), node);
+    }
+
+    return result || '';
+  };
+
+  _proto._getInlineHtml = function _getInlineHtml(node, subContent) {
+    var html = node.outerHTML;
+    var tagName = node.tagName;
+    var escapedSubContent = subContent.replace(/\$/g, '$$$$'); // escape $: replace all $ char to $$ before we throw this string to replace
+
+    return html.replace(new RegExp("(<" + tagName + " ?.*?>).*()", 'i'), "$1" + escapedSubContent + "$2");
+  }
+  /**
+   * Get converter function for node
+   * @private
+   * @param {HTMLElement} node node
+   * @returns {function} converter function
+   */
+  ;
+
+  _proto._getConverter = function _getConverter(node) {
+    var rulePointer = this.rules;
+    var converter;
+
+    while (node && rulePointer) {
+      rulePointer = this._getNextRule(rulePointer, this._getRuleNameFromNode(node));
+      node = this._getPrevNode(node);
+
+      if (rulePointer && rulePointer.converter) {
+        converter = rulePointer.converter;
+      }
+    }
+
+    return converter;
+  }
+  /**
+   * Get next rule object
+   * @private
+   * @param {object} ruleObj rule object
+   * @param {string} ruleName rule tag name to find
+   * @returns {object} rule Object
+   */
+  ;
+
+  _proto._getNextRule = function _getNextRule(ruleObj, ruleName) {
+    return ruleObj[ruleName];
+  }
+  /**
+   * Get proper rule tag name from node
+   * @private
+   * @param {HTMLElement} node node
+   * @returns {string} rule tag name
+   */
+  ;
+
+  _proto._getRuleNameFromNode = function _getRuleNameFromNode(node) {
+    return node.tagName || 'TEXT_NODE';
+  }
+  /**
+   * Get node's available parent node
+   * @private
+   * @param {HTMLElement} node node
+   * @returns {HTMLElement | undefined} result
+   */
+  ;
+
+  _proto._getPrevNode = function _getPrevNode(node) {
+    var parentNode = node.parentNode;
+    var previousNode;
+
+    if (parentNode && !parentNode.__htmlRootByToMark) {
+      previousNode = parentNode;
+    }
+
+    return previousNode;
+  }
+  /**
+   * Set converter for selector
+   * @private
+   * @param {string} selectors rule selector
+   * @param {function} converter converter function
+   */
+  ;
+
+  _proto._setConverterWithSelector = function _setConverterWithSelector(selectors, converter) {
+    var rulePointer = this.rules;
+
+    this._eachSelector(selectors, function (ruleElem) {
+      if (!rulePointer[ruleElem]) {
+        rulePointer[ruleElem] = {};
+      }
+
+      rulePointer = rulePointer[ruleElem];
+    });
+
+    rulePointer.converter = converter;
+  }
+  /**
+   * Iterate each selectors
+   * @private
+   * @param {string} selectors rule selectors
+   * @param {function} iteratee callback
+   */
+  ;
+
+  _proto._eachSelector = function _eachSelector(selectors, iteratee) {
+    var selectorArray = selectors.split(' ');
+    var selectorIndex = selectorArray.length - 1;
+
+    while (selectorIndex >= 0) {
+      iteratee(selectorArray[selectorIndex]);
+      selectorIndex -= 1;
+    }
+  }
+  /**
+   * Trim text
+   * @param {string} text text be trimed
+   * @returns {string} trimed text
+   */
+  ;
+
+  _proto.trim = function trim(text) {
+    return text.replace(FIND_CHAR_TO_TRIM_RX, '');
+  }
+  /**
+   * Returns whether text empty or not
+   * @param {string} text text be checked
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isEmptyText = function isEmptyText(text) {
+    return text.replace(FIND_SPACE_RETURN_TAB_RX, '') === '';
+  }
+  /**
+   * Collape space more than 2
+   * @param {string} text text be collapsed
+   * @returns {string} result
+   */
+  ;
+
+  _proto.getSpaceCollapsedText = function getSpaceCollapsedText(text) {
+    return text.replace(FIND_SPACE_MORE_THAN_ONE_RX, ' ');
+  }
+  /**
+   * Apply backslash escape to text
+   * @param {string} text text be processed
+   * @returns {string} processed text
+   */
+  ;
+
+  _proto.escapeText = function escapeText(text) {
+    return text.replace(FIND_CHAR_TO_ESCAPE_RX, function (matched) {
+      return "\\" + matched;
+    });
+  }
+  /**
+   * Escape given text for link
+   * @param {string} text - text be processed
+   * @returns {string} - processed text
+   */
+  ;
+
+  _proto.escapeTextForLink = function escapeTextForLink(text) {
+    var imageSyntaxRanges = [];
+    var result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(text);
+
+    while (result) {
+      imageSyntaxRanges.push([result.index, result.index + result[0].length]);
+      result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(text);
+    }
+
+    return text.replace(FIND_CHAR_TO_ESCAPE_IN_LINK_RX, function (matched, offset) {
+      var isDelimiter = imageSyntaxRanges.some(function (range) {
+        return offset > range[0] && offset < range[1];
+      });
+      return isDelimiter ? matched : "\\" + matched;
+    });
+  }
+  /**
+   * Backslash escape to text for html
+   * Apply backslash escape to text
+   * @param {string} text text be processed
+   * @returns {string} processed text
+   */
+  ;
+
+  _proto.escapeTextHtml = function escapeTextHtml(text) {
+    return text.replace(new RegExp(Renderer.markdownTextToEscapeHtmlRx.source, 'g'), function (matched) {
+      return "\\" + matched;
+    });
+  }
+  /**
+   * Backslash is using for escape ASCII punctuation character.
+   * https://spec.commonmark.org/0.29/#backslash-escapes
+   * If user input backslash as text, backslash is kept by inserting backslash.
+   * For example, if input text is "\$", this text is changed "\\$"
+   * @param {string} text text be processed
+   * @returns {string} processed text
+   */
+  ;
+
+  _proto.escapeTextBackSlash = function escapeTextBackSlash(text) {
+    return text.replace(new RegExp(Renderer.markdownTextToEscapeBackSlashRx.source, 'g'), function (matched) {
+      return "\\" + matched;
+    });
+  }
+  /**
+   * Escapes in markdown paired characters
+   * @param {string} text Text to escape
+   * @returns {string} escaped text
+   */
+  ;
+
+  _proto.escapePairedCharacters = function escapePairedCharacters(text) {
+    return text.replace(new RegExp(Renderer.markdownTextToEscapePairedCharsRx.source, 'g'), function (matched) {
+      return "\\" + matched;
+    });
+  };
+
+  _proto._isNeedEscape = function _isNeedEscape(text) {
+    var res = false;
+    var markdownTextToEscapeRx = Renderer.markdownTextToEscapeRx;
+    var type;
+
+    for (type in markdownTextToEscapeRx) {
+      if (markdownTextToEscapeRx.hasOwnProperty(type) && markdownTextToEscapeRx[type].test(text)) {
+        res = true;
+        break;
+      }
+    }
+
+    return res;
+  };
+
+  _proto._isNeedEscapeHtml = function _isNeedEscapeHtml(text) {
+    return Renderer.markdownTextToEscapeHtmlRx.test(text);
+  };
+
+  _proto._isNeedEscapeBackSlash = function _isNeedEscapeBackSlash(text) {
+    return Renderer.markdownTextToEscapeBackSlashRx.test(text);
+  };
+
+  _proto.mix = function mix(renderer) {
+    cloneRules(this.rules, renderer.rules);
+  }
+  /**
+   * Renderer factory
+   * Return new renderer
+   * @param {Renderer} srcRenderer renderer to extend
+   * @param {object} rules rule object, key(rule selector), value(converter function)
+   * @returns {Renderer} renderer
+   */
+  ;
+
+  Renderer.factory = function factory(srcRenderer, rules) {
+    var renderer = new Renderer();
+
+    if (!rules) {
+      rules = srcRenderer;
+    } else {
+      renderer.mix(srcRenderer);
+    }
+
+    renderer.addRules(rules);
+    return renderer;
+  };
+
+  return Renderer;
+}();
+
+renderer_defineProperty(Renderer, "markdownTextToEscapeRx", {
+  codeblock: /(^ {4}[^\n]+\n*)+/,
+  hr: /^ *((\* *){3,}|(- *){3,} *|(_ *){3,}) */,
+  heading: /^(#{1,6}) +[\s\S]+/,
+  lheading: /^([^\n]+)\n *(=|-){2,} */,
+  blockquote: /^( *>[^\n]+.*)+/,
+  list: /^ *(\*+|-+|\d+\.) [\s\S]+/,
+  def: /^ *\[([^\]]+)\]: *]+)>?(?: +["(]([^\n]+)[")])? */,
+  link: /!?\[.*\]\(.*\)/,
+  reflink: /!?\[.*\]\s*\[([^\]]*)\]/,
+  verticalBar: /\u007C/,
+  codeblockGfm: /^(`{3,})/,
+  codeblockTildes: /^(~{3,})/
+});
+
+renderer_defineProperty(Renderer, "markdownTextToEscapeHtmlRx", /<([a-zA-Z_][a-zA-Z0-9\-._]*)(\s|[^\\/>])*\/?>|<(\/)([a-zA-Z_][a-zA-Z0-9\-._]*)\s*\/?>||<([a-zA-Z_][a-zA-Z0-9\-.:/]*)>/);
+
+renderer_defineProperty(Renderer, "markdownTextToEscapeBackSlashRx", /\\[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~\\]/);
+
+renderer_defineProperty(Renderer, "markdownTextToEscapePairedCharsRx", /[*_~`]/);
+
+
+// CONCATENATED MODULE: ./src/renderer.basic.js
+/**
+ * @fileoverview Implements basicRenderer
+ * @author NHN Ent. FE Development Lab 
+ */
+
+var FIND_LAST_RETURN_RX = /\n$/g;
+var FIND_BR_AND_RETURN_RX = /[ \xA0]+\n\n/g;
+var FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX = /([ \xA0]+\n){2,}/g;
+var FIND_LINK_HREF = /href="(.*?)"/;
+var START_OF_LINES_RX = /^/gm;
+/**
+ * Basic Markdown Renderer
+ * @exports basicRenderer
+ * @augments Renderer
+ */
+
+/* harmony default export */ var renderer_basic = (Renderer.factory({
+  // inlines
+  TEXT_NODE: function TEXT_NODE(node) {
+    var managedText = this.trim(this.getSpaceCollapsedText(node.nodeValue));
+
+    if (this._isNeedEscapeBackSlash(managedText)) {
+      managedText = this.escapeTextBackSlash(managedText);
+    }
+
+    managedText = this.escapePairedCharacters(managedText);
+
+    if (this._isNeedEscapeHtml(managedText)) {
+      managedText = this.escapeTextHtml(managedText);
+    }
+
+    if (this._isNeedEscape(managedText)) {
+      managedText = this.escapeText(managedText);
+    }
+
+    return this.getSpaceControlled(managedText, node);
+  },
+  'CODE TEXT_NODE': function CODETEXT_NODE(node) {
+    return node.nodeValue;
+  },
+  'EM, I': function EMI(node, subContent) {
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      res = "*" + subContent + "*";
+    }
+
+    return res;
+  },
+  'STRONG, B': function STRONGB(node, subContent) {
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      res = "**" + subContent + "**";
+    }
+
+    return res;
+  },
+  A: function A(node, subContent) {
+    var res = subContent;
+    var title = '';
+    var url; // "href" attribute is difficult to predict depending on the situation
+    // so use as it is applied to html
+
+    var foundedHref = FIND_LINK_HREF.exec(node.outerHTML);
+
+    if (foundedHref) {
+      url = foundedHref[1].replace(/&/g, '&');
+    }
+
+    if (node.title) {
+      title = " \"" + node.title + "\"";
+    }
+
+    if (!this.isEmptyText(subContent) && url) {
+      res = "[" + this.escapeTextForLink(subContent) + "](" + url + title + ")";
+    }
+
+    return res;
+  },
+  IMG: function IMG(node) {
+    var src = node.getAttribute('src');
+    var alt = node.alt;
+
+    if (src) {
+      return "![" + this.escapeTextForLink(alt) + "](" + src + ")";
+    }
+
+    return '';
+  },
+  BR: function BR() {
+    return '  \n';
+  },
+  CODE: function CODE(node, subContent) {
+    var backticks, numBackticks;
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      numBackticks = parseInt(node.getAttribute('data-backticks'), 10);
+      backticks = isNaN(numBackticks) ? '`' : Array(numBackticks + 1).join('`');
+      res = backticks + subContent + backticks;
+    }
+
+    return res;
+  },
+  // Paragraphs
+  P: function P(node, subContent) {
+    var res = ''; // convert multiple brs to one br
+
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '  \n');
+
+    if (!this.isEmptyText(subContent)) {
+      res = "\n\n" + subContent + "\n\n";
+    }
+
+    return res;
+  },
+  'BLOCKQUOTE P': function BLOCKQUOTEP(node, subContent) {
+    return subContent;
+  },
+  'LI P': function LIP(node, subContent) {
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      res = subContent;
+    }
+
+    return res;
+  },
+  // Headings
+  'H1, H2, H3, H4, H5, H6': function H1H2H3H4H5H6(node, subContent) {
+    var res = '';
+    var headingNumber = parseInt(node.tagName.charAt(1), 10);
+
+    while (headingNumber) {
+      res += '#';
+      headingNumber -= 1;
+    }
+
+    res += ' ';
+    res += subContent;
+    return "\n\n" + res + "\n\n";
+  },
+  'LI H1, LI H2, LI H3, LI H4, LI H5, LI H6': function LIH1LIH2LIH3LIH4LIH5LIH6(node, subContent) {
+    var headingNumber = parseInt(node.tagName.charAt(1), 10);
+    return Array(headingNumber + 1).join('#') + " " + subContent;
+  },
+  // List
+  'UL, OL': function ULOL(node, subContent) {
+    return "\n\n" + subContent + "\n\n";
+  },
+  'LI OL, LI UL': function LIOLLIUL(node, subContent) {
+    var processedSubContent; // remove last br of li
+
+    processedSubContent = subContent.replace(FIND_BR_AND_RETURN_RX, '\n'); // parent LI converter add \n too, so we remove last return
+
+    processedSubContent = processedSubContent.replace(FIND_LAST_RETURN_RX, '');
+    var res = processedSubContent.replace(START_OF_LINES_RX, '    ');
+    return "\n" + res;
+  },
+  'UL LI': function ULLI(node, subContent) {
+    var res = ''; // convert multiple brs to one br
+
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '  \n');
+
+    if (node.firstChild && node.firstChild.tagName === 'P') {
+      res += '\n';
+    }
+
+    res += "* " + subContent + "\n";
+    return res;
+  },
+  // eslint-disable-next-line complexity
+  'OL LI': function OLLI(node, subContent) {
+    var res = '';
+    var liCounter = parseInt(node.parentNode.getAttribute('start') || 1, 10);
+
+    while (node.previousSibling) {
+      node = node.previousSibling;
+
+      if (node.nodeType === 1 && node.tagName === 'LI') {
+        liCounter += 1;
+      }
+    } // convert multiple brs to one br
+
+
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '  \n');
+
+    if (node.firstChild && node.firstChild.tagName === 'P') {
+      res += '\n';
+    }
+
+    res += liCounter + ". " + subContent + "\n";
+    return res;
+  },
+  // HR
+  HR: function HR() {
+    return '\n\n- - -\n\n';
+  },
+  // Blockquote
+  BLOCKQUOTE: function BLOCKQUOTE(node, subContent) {
+    // convert multiple brs to one emptyline
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '\n\n');
+    var trimmedText = this.trim(subContent);
+    var res = trimmedText.replace(START_OF_LINES_RX, '> ');
+    return "\n\n" + res + "\n\n";
+  },
+  // Code Block
+  'PRE CODE': function PRECODE(node, subContent) {
+    var lastNremoved = subContent.replace(FIND_LAST_RETURN_RX, '');
+    var res = lastNremoved.replace(START_OF_LINES_RX, '    ');
+    return "\n\n" + res + "\n\n";
+  }
+}));
+// CONCATENATED MODULE: ./src/renderer.gfm.js
+/**
+ * @fileoverview Implements Github flavored markdown renderer
+ * @author NHN Ent. FE Development Lab 
+ */
+
+
+/**
+ * gfmRenderer
+ * github flavored Markdown Renderer
+ *
+ * we didnt render gfm br here because we need distingush returns that made by block with br
+ * so we render gfm br later in toMark.js finalize function
+ * @exports gfmRenderer
+ * @augments Renderer
+ */
+
+/* harmony default export */ var renderer_gfm = (Renderer.factory(renderer_basic, {
+  'DEL, S': function DELS(node, subContent) {
+    return "~~" + subContent + "~~";
+  },
+  'PRE CODE': function PRECODE(node, subContent) {
+    var language = '';
+    var numberOfBackticks = node.getAttribute('data-backticks');
+
+    if (node.getAttribute('data-language')) {
+      language = " " + node.getAttribute('data-language');
+    }
+
+    numberOfBackticks = parseInt(numberOfBackticks, 10);
+    var backticks = isNaN(numberOfBackticks) ? '```' : Array(numberOfBackticks + 1).join('`');
+    subContent = subContent.replace(/(\r\n)|(\r)|(\n)/g, this.lineFeedReplacement);
+    return "\n\n" + backticks + language + "\n" + subContent + "\n" + backticks + "\n\n";
+  },
+  PRE: function PRE(node, subContent) {
+    return subContent;
+  },
+  'UL LI': function ULLI(node, subContent) {
+    return renderer_basic.convert(node, makeTaskIfNeed(node, subContent));
+  },
+  'OL LI': function OLLI(node, subContent) {
+    return renderer_basic.convert(node, makeTaskIfNeed(node, subContent));
+  },
+  // Table
+  TABLE: function TABLE(node, subContent) {
+    return "\n\n" + subContent + "\n\n";
+  },
+  'TBODY, TFOOT': function TBODYTFOOT(node, subContent) {
+    return subContent;
+  },
+  'TR TD, TR TH': function TRTDTRTH(node, subContent) {
+    subContent = subContent.replace(/(\r\n)|(\r)|(\n)/g, '');
+    return " " + subContent + " |";
+  },
+  'TD BR, TH BR': function TDBRTHBR() {
+    return '
      ';
+  },
+  TR: function TR(node, subContent) {
+    return "|" + subContent + "\n";
+  },
+  THEAD: function THEAD(node, subContent) {
+    var result = '';
+    var ths = findChildTag(findChildTag(node, 'TR')[0], 'TH');
+
+    for (var i = 0, thsLength = ths.length; i < thsLength; i += 1) {
+      result += " " + makeTableHeadAlignText(ths[i]) + " |";
+    }
+
+    return subContent ? subContent + "|" + result + "\n" : '';
+  }
+}));
+/**
+ * Make task Markdown string if need
+ * @param {HTMLElement} node Passed HTML Element
+ * @param {string} subContent node's content
+ * @returns {string}
+ */
+
+function makeTaskIfNeed(node, subContent) {
+  var condition;
+
+  if (node.className.indexOf('task-list-item') !== -1) {
+    condition = node.className.indexOf('checked') !== -1 ? 'x' : ' ';
+    subContent = "[" + condition + "] " + subContent;
+  }
+
+  return subContent;
+}
+/**
+ * Make table head align text
+ * @param {HTMLElement} th Table head cell element
+ * @returns {string}
+ */
+
+
+function makeTableHeadAlignText(th) {
+  var leftAlignValue, rightAlignValue, textLength;
+  var align = th.align;
+  textLength = th.textContent ? th.textContent.length : th.innerText.length;
+  leftAlignValue = '';
+  rightAlignValue = '';
+
+  if (align) {
+    if (align === 'left') {
+      leftAlignValue = ':';
+      textLength -= 1;
+    } else if (align === 'right') {
+      rightAlignValue = ':';
+      textLength -= 1;
+    } else if (align === 'center') {
+      rightAlignValue = ':';
+      leftAlignValue = ':';
+      textLength -= 2;
+    }
+  }
+
+  return leftAlignValue + repeatString('-', textLength) + rightAlignValue;
+}
+/**
+ * Find child element of given tag name
+ * @param {HTMLElement} node starting element
+ * @param {string} tagName Tag name for search
+ * @returns {Array.}
+ */
+
+
+function findChildTag(node, tagName) {
+  var childNodes = node.childNodes;
+  var result = [];
+
+  for (var i = 0, childLength = childNodes.length; i < childLength; i += 1) {
+    if (childNodes[i].tagName && childNodes[i].tagName === tagName) {
+      result.push(childNodes[i]);
+    }
+  }
+
+  return result;
+}
+/**
+ * Repeat given string
+ * @param {string} pattern String for repeat
+ * @param {number} count Amount of repeat
+ * @returns {string}
+ */
+
+
+function repeatString(pattern, count) {
+  var result = pattern;
+  count = Math.max(count, 3);
+
+  while (count > 1) {
+    result += pattern;
+    count -= 1;
+  }
+
+  return result;
+}
+// CONCATENATED MODULE: ./src/toMark.js
+/**
+ * @fileoverview Implements toMark
+ * @author NHN Ent. FE Development Lab 
+ */
+
+
+
+
+var FIND_UNUSED_BRS_RX = /[ \xA0]+(\n\n)/g;
+var FIND_FIRST_LAST_WITH_SPACE_RETURNS_RX = /^[\n]+|[\s\n]+$/g;
+var FIND_MULTIPLE_BRS_RX = /([ \xA0]+\n){2,}/g;
+var FIND_RETURNS_RX = /([ \xA0]){2,}\n/g;
+var FIND_RETURNS_AND_SPACE_RX = /[ \xA0\n]+/g;
+/**
+ * @exports toMark
+ * @param {string} htmlStr html string to convert
+ * @param {object} options option
+ * @param {boolean} options.gfm if this property is false turn off it cant parse gfm
+ * @param {Renderer} options.renderer pass renderer to use
+ * @returns {string} converted markdown text
+ * @example
+ * toMark('
      hello world
      '); // "# hello world"
+ * toMark('strike'); // "~~strike~~"
+ * toMark('strike', {gfm: false}); // "strike"
+ */
+
+function toMark(htmlStr, options) {
+  var isGfm = true;
+  var renderer;
+
+  if (!htmlStr) {
+    return '';
+  }
+
+  renderer = renderer_gfm;
+
+  if (options) {
+    isGfm = options.gfm;
+
+    if (isGfm === false) {
+      renderer = renderer_basic;
+    }
+
+    renderer = options.renderer || renderer;
+  }
+
+  var runner = new DomRunner(toDom(htmlStr));
+  return finalize(parse(runner, renderer), isGfm, renderer.lineFeedReplacement);
+}
+/**
+ * Parse dom to markdown
+ * @param {DomRunner} runner runner
+ * @param {Renderer} renderer renderer
+ * @returns {string} markdown text
+ */
+
+function parse(runner, renderer) {
+  var markdownContent = '';
+
+  while (runner.next()) {
+    markdownContent += tracker(runner, renderer);
+  }
+
+  return markdownContent;
+}
+/**
+ * Remove first and last return character
+ * @param {string} text text to finalize
+ * @param {boolean} isGfm isGfm flag
+ * @param {string} lineFeedReplacement Line feed replacement text
+ * @returns {string} result
+ */
+
+
+function finalize(text, isGfm, lineFeedReplacement) {
+  // collapse return and 
      
+  text = text.replace(FIND_UNUSED_BRS_RX, '\n'); // collapse multiple br
+
+  text = text.replace(FIND_MULTIPLE_BRS_RX, '\n\n');
+  text = text.replace(FIND_RETURNS_AND_SPACE_RX, function (matched) {
+    var returnCount = (matched.match(/\n/g) || []).length;
+
+    if (returnCount >= 3) {
+      return '\n\n';
+    }
+
+    if (matched >= 1) {
+      return '\n';
+    }
+
+    return matched;
+  }); // remove first and last \n
+
+  text = text.replace(FIND_FIRST_LAST_WITH_SPACE_RETURNS_RX, '');
+  text = text.replace(new RegExp(lineFeedReplacement, 'g'), '\n'); // in gfm replace '  \n' make by 
       to '\n'
+
+  if (isGfm) {
+    text = text.replace(FIND_RETURNS_RX, '\n');
+  }
+
+  return text;
+}
+/**
+ * Iterate childNodes and process conversion using recursive call
+ * @param {DomRunner} runner dom runner
+ * @param {Renderer} renderer renderer to use
+ * @returns {string} processed text
+ */
+
+
+function tracker(runner, renderer) {
+  var subContent = '';
+  var node = runner.getNode();
+
+  for (var i = 0, t = node.childNodes.length; i < t; i += 1) {
+    runner.next();
+    subContent += tracker(runner, renderer);
+  }
+
+  return renderer.convert(node, subContent);
+}
+// CONCATENATED MODULE: ./src/index.js
+/**
+ * @fileoverview Implements entry point
+ * @author NHN Ent. FE Development Lab 
+ */
+
+
+
+
+toMark.Renderer = Renderer;
+toMark.basicRenderer = renderer_basic;
+toMark.gfmRenderer = renderer_gfm;
+/* harmony default export */ var src = __webpack_exports__["default"] = (toMark);
+
+/***/ })
+/******/ ])["default"];
+});
+
+/***/ }),
+/* 33 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Get HTML element's design classes.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+
+/**
+ * Get HTML element's design classes.
+ * @param {(HTMLElement|SVGElement)} element target element
+ * @returns {string} element css class name
+ * @memberof module:domUtil
+ */
+function getClass(element) {
+  if (!element || !element.className) {
+    return '';
+  }
+
+  if (isUndefined(element.className.baseVal)) {
+    return element.className;
+  }
+
+  return element.className.baseVal;
+}
+
+module.exports = getClass;
+
+
+/***/ }),
+/* 34 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a number or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a number or not.
+ * If the given variable is a number, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is number?
+ * @memberof module:type
+ */
+function isNumber(obj) {
+  return typeof obj === 'number' || obj instanceof Number;
+}
+
+module.exports = isNumber;
+
+
+/***/ }),
+/* 35 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export CLASS_HIGHLIGHT */
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(22);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _preview__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(38);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(0);
+/* harmony import */ var _htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(29);
+/* harmony import */ var _scroll_helper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(18);
+/* harmony import */ var _scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24);
+/* harmony import */ var _utils_markdown__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2);
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements markdown preview
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+var CLASS_HIGHLIGHT = 'te-preview-highlight';
+
+function findTableCell(tableRow, _ref) {
+  var ch = _ref.ch;
+  var cell = tableRow.firstChild;
+
+  while (cell && cell.next) {
+    if (Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* getMdStartCh */ "e"])(cell.next) > ch + 1) {
+      break;
+    }
+
+    cell = cell.next;
+  }
+
+  return cell;
+}
+/**
+ * Class Markdown Preview
+ * @param {HTMLElement} el - base element
+ * @param {EventManager} eventManager - event manager
+ * @param {Convertor} convertor - convertor
+ * @param {object} options
+ * @param {boolean} options.isViewer - true for view-only mode
+ * @param {boolean} options.highlight - true for using live-highlight feature
+ * @param {object} opitons.linkAttribute - attributes for link element
+ * @param {object} opitons.customHTMLRenderer - map of custom HTML render functions
+
+ * @ignore
+ */
+
+
+var MarkdownPreview = /*#__PURE__*/function (_Preview) {
+  _inheritsLoose(MarkdownPreview, _Preview);
+
+  function MarkdownPreview(el, eventManager, convertor, options) {
+    var _this;
+
+    _this = _Preview.call(this, el, eventManager, convertor, options.isViewer) || this;
+
+    _this.lazyRunner.registerLazyRunFunction('invokeCodeBlock', _this.invokeCodeBlockPlugins, _this.delayCodeBlockTime, _assertThisInitialized(_this));
+
+    var linkAttribute = options.linkAttribute,
+        customHTMLRenderer = options.customHTMLRenderer,
+        _options$highlight = options.highlight,
+        highlight = _options$highlight === void 0 ? false : _options$highlight;
+    _this.renderHTML = Object(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__["createRenderHTML"])({
+      gfm: true,
+      nodeId: true,
+      convertors: Object(_htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_7__[/* getHTMLRenderConvertors */ "a"])(linkAttribute, customHTMLRenderer)
+    });
+    _this.cursorNodeId = null;
+
+    _this._initEvent(highlight);
+
+    return _this;
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+
+
+  var _proto = MarkdownPreview.prototype;
+
+  _proto._initEvent = function _initEvent(highlight) {
+    var _this2 = this;
+
+    this.eventManager.listen('contentChangedFromMarkdown', this.update.bind(this)); // need to implement a listener function for 'previewNeedsRefresh' event
+    // to support third-party plugins which requires re-executing script for every re-render
+
+    if (highlight) {
+      this.eventManager.listen('cursorActivity', function (_ref2) {
+        var markdownNode = _ref2.markdownNode,
+            cursor = _ref2.cursor;
+
+        _this2._updateCursorNode(markdownNode, cursor);
+      });
+      this.eventManager.listen('blur', function () {
+        _this2._removeHighlight();
+      });
+    }
+
+    tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0___default()(this.el, 'scroll', function (event) {
+      _this2.eventManager.emit('scroll', {
+        source: 'preview',
+        data: Object(_scroll_helper__WEBPACK_IMPORTED_MODULE_8__[/* findAdjacentElementToScrollTop */ "a"])(event.target.scrollTop, _this2._previewContent)
+      });
+    });
+  };
+
+  _proto._removeHighlight = function _removeHighlight() {
+    if (this.cursorNodeId) {
+      var currentEl = this._getElementByNodeId(this.cursorNodeId);
+
+      if (currentEl) {
+        tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default()(currentEl, CLASS_HIGHLIGHT);
+      }
+    }
+  };
+
+  _proto._updateCursorNode = function _updateCursorNode(cursorNode, cursorPos) {
+    if (cursorNode) {
+      cursorNode = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* findClosestNode */ "b"])(cursorNode, function (mdNode) {
+        return !Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* isInlineNode */ "h"])(mdNode);
+      });
+
+      if (cursorNode.type === 'tableRow') {
+        cursorNode = findTableCell(cursorNode, cursorPos);
+      } else if (cursorNode.type === 'tableBody') {
+        // empty line next to table
+        cursorNode = null;
+      }
+    }
+
+    var cursorNodeId = cursorNode ? cursorNode.id : null;
+
+    if (this.cursorNodeId === cursorNodeId) {
+      return;
+    }
+
+    var inFrontMatter = cursorNode && cursorNode.customType === 'frontMatter';
+
+    var oldEL = this._getElementByNodeId(this.cursorNodeId);
+
+    var newEL = this._getElementByNodeId(cursorNodeId);
+
+    if (oldEL) {
+      tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default()(oldEL, CLASS_HIGHLIGHT);
+    }
+
+    if (newEL && !inFrontMatter) {
+      tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2___default()(newEL, CLASS_HIGHLIGHT);
+    }
+
+    this.cursorNodeId = cursorNodeId;
+  };
+
+  _proto._getElementByNodeId = function _getElementByNodeId(nodeId) {
+    if (!nodeId) {
+      return null;
+    }
+
+    return this._previewContent.querySelector("[data-nodeid=\"" + nodeId + "\"]");
+  };
+
+  _proto.update = function update(changed) {
+    var _this3 = this;
+
+    changed.forEach(function (editResult) {
+      return _this3.replaceRangeNodes(editResult);
+    });
+    this.eventManager.emit('previewRenderAfter', this);
+  };
+
+  _proto.replaceRangeNodes = function replaceRangeNodes(editResult) {
+    var _this4 = this;
+
+    var nodes = editResult.nodes,
+        removedNodeRange = editResult.removedNodeRange;
+    var contentEl = this._previewContent;
+    var newHtml = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', nodes.map(function (node) {
+      return _this4.renderHTML(node);
+    }).join(''));
+
+    if (!removedNodeRange) {
+      contentEl.insertAdjacentHTML('afterbegin', newHtml);
+    } else {
+      var _removedNodeRange$id = removedNodeRange.id,
+          startNodeId = _removedNodeRange$id[0],
+          endNodeId = _removedNodeRange$id[1];
+
+      var startEl = this._getElementByNodeId(startNodeId);
+
+      var endEl = this._getElementByNodeId(endNodeId);
+
+      if (startEl) {
+        startEl.insertAdjacentHTML('beforebegin', newHtml);
+        var el = startEl;
+
+        while (el !== endEl) {
+          var nextEl = el.nextElementSibling;
+          el.parentNode.removeChild(el);
+          Object(_scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__[/* removeOffsetInfoByNode */ "c"])(el);
+          el = nextEl;
+        }
+
+        if (el.parentNode) {
+          _utils_dom__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"].remove(el);
+          Object(_scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__[/* removeOffsetInfoByNode */ "c"])(el);
+        }
+      }
+    }
+
+    var codeBlockEls = this.getCodeBlockElements(nodes.map(function (node) {
+      return node.id;
+    }));
+
+    if (codeBlockEls.length) {
+      this.lazyRunner.run('invokeCodeBlock', codeBlockEls);
+    }
+  }
+  /**
+   * render
+   * @param {string} html - html string to render
+   * @override
+   */
+  ;
+
+  _proto.render = function render(html) {
+    _Preview.prototype.render.call(this, html);
+
+    this.eventManager.emit('previewRenderAfter', this);
+  };
+
+  _proto.remove = function remove() {
+    tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1___default()(this.el, 'scroll');
+    this.el = null;
+  };
+
+  return MarkdownPreview;
+}(_preview__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"]);
+
+/* harmony default export */ __webpack_exports__["a"] = (MarkdownPreview);
+
+/***/ }),
+/* 36 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(44);
+/* harmony import */ var tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(45);
+/* harmony import */ var tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _utils_map__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23);
+/**
+ * @fileoverview Implements EventManager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var eventList = ['previewBeforeHook', 'previewRenderAfter', 'previewNeedsRefresh', 'addImageBlobHook', 'setMarkdownAfter', 'contentChangedFromWysiwyg', 'changeFromWysiwyg', 'contentChangedFromMarkdown', 'changeFromMarkdown', 'change', 'changeModeToWysiwyg', 'changeModeToMarkdown', 'changeModeBefore', 'changeMode', 'changePreviewStyle', 'changePreviewTabPreview', 'changePreviewTabWrite', 'openPopupAddLink', 'openPopupAddImage', 'openPopupAddTable', 'openPopupTableUtils', 'openHeadingSelect', 'openPopupCodeBlockLanguages', 'openPopupCodeBlockEditor', 'openDropdownToolbar', 'closePopupCodeBlockLanguages', 'closePopupCodeBlockEditor', 'closeAllPopup', 'command', 'addCommandBefore', 'htmlUpdate', 'markdownUpdate', 'renderedHtmlUpdated', 'removeEditor', 'convertorAfterMarkdownToHtmlConverted', 'convertorBeforeHtmlToMarkdownConverted', 'convertorAfterHtmlToMarkdownConverted', 'stateChange', 'wysiwygSetValueAfter', 'wysiwygSetValueBefore', 'wysiwygGetValueBefore', 'wysiwygProcessHTMLText', 'wysiwygRangeChangeAfter', 'wysiwygKeyEvent', 'scroll', 'click', 'mousedown', 'mouseover', 'mouseout', 'mouseup', 'contextmenu', 'keydown', 'keyup', 'keyMap', 'load', 'focus', 'blur', 'paste', 'pasteBefore', 'willPaste', 'copy', 'copyBefore', 'copyAfter', 'cut', 'cutAfter', 'drop', 'show', 'hide', 'changeLanguage', 'cursorActivity', 'requireScrollSync', 'requireScrollIntoView', 'setCodeBlockLanguages'];
+/**
+ * Class EventManager
+ * @ignore
+ */
+
+var EventManager = /*#__PURE__*/function () {
+  function EventManager() {
+    this.events = new _utils_map__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"]();
+    this.TYPE = new tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3___default.a(eventList);
+  }
+  /**
+   * Listen event and bind event handler
+   * @param {string} typeStr Event type string
+   * @param {function} handler Event handler
+   */
+
+
+  var _proto = EventManager.prototype;
+
+  _proto.listen = function listen(typeStr, handler) {
+    var typeInfo = this._getTypeInfo(typeStr);
+
+    var eventHandlers = this.events.get(typeInfo.type) || [];
+
+    if (!this._hasEventType(typeInfo.type)) {
+      throw new Error("There is no event type " + typeInfo.type);
+    }
+
+    if (typeInfo.namespace) {
+      handler.namespace = typeInfo.namespace;
+    }
+
+    eventHandlers.push(handler);
+    this.events.set(typeInfo.type, eventHandlers);
+  }
+  /**
+   * Emit event
+   * @param {string} eventName Event name to emit
+   * @returns {Array}
+   */
+  ;
+
+  _proto.emit = function emit() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var typeStr = args.shift();
+
+    var typeInfo = this._getTypeInfo(typeStr);
+
+    var eventHandlers = this.events.get(typeInfo.type);
+    var results;
+
+    if (eventHandlers) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(eventHandlers, function (handler) {
+        var result = handler.apply(void 0, args);
+
+        if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(result)) {
+          results = results || [];
+          results.push(result);
+        }
+      });
+    }
+
+    return results;
+  }
+  /**
+   * Emit given event and return result
+   * @param {string} eventName Event name to emit
+   * @param {string} sourceText Source text to change
+   * @returns {string}
+   */
+  ;
+
+  _proto.emitReduce = function emitReduce() {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    var type = args.shift();
+    var eventHandlers = this.events.get(type);
+
+    if (eventHandlers) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(eventHandlers, function (handler) {
+        var result = handler.apply(void 0, args);
+
+        if (!tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2___default()(result)) {
+          args[0] = result;
+        }
+      });
+    }
+
+    return args[0];
+  }
+  /**
+   * Get event type and namespace
+   * @param {string} typeStr Event type name
+   * @returns {{type: string, namespace: string}}
+   * @private
+   */
+  ;
+
+  _proto._getTypeInfo = function _getTypeInfo(typeStr) {
+    var splited = typeStr.split('.');
+    return {
+      type: splited[0],
+      namespace: splited[1]
+    };
+  }
+  /**
+   * Check whether event type exists or not
+   * @param {string} type Event type name
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._hasEventType = function _hasEventType(type) {
+    return !tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(this.TYPE[this._getTypeInfo(type).type]);
+  }
+  /**
+   * Add event type when given event not exists
+   * @param {string} type Event type name
+   */
+  ;
+
+  _proto.addEventType = function addEventType(type) {
+    if (this._hasEventType(type)) {
+      throw new Error("There is already have event type " + type);
+    }
+
+    this.TYPE.set(type);
+  }
+  /**
+   * Remove event handler from given event type
+   * @param {string} typeStr Event type name
+   * @param {function} [handler] - registered event handler
+   */
+  ;
+
+  _proto.removeEventHandler = function removeEventHandler(typeStr, handler) {
+    var _this = this;
+
+    var _this$_getTypeInfo = this._getTypeInfo(typeStr),
+        type = _this$_getTypeInfo.type,
+        namespace = _this$_getTypeInfo.namespace;
+
+    if (type && handler) {
+      this._removeEventHandlerWithHandler(type, handler);
+    } else if (type && !namespace) {
+      // dont use dot notation cuz eslint
+      this.events.delete(type);
+    } else if (!type && namespace) {
+      this.events.forEach(function (eventHandlers, eventType) {
+        _this._removeEventHandlerWithTypeInfo(eventType, namespace);
+      });
+    } else if (type && namespace) {
+      this._removeEventHandlerWithTypeInfo(type, namespace);
+    }
+  }
+  /**
+   * Remove event handler with event handler
+   * @param {string} type - event type name
+   * @param {function} handler - event handler
+   * @private
+   */
+  ;
+
+  _proto._removeEventHandlerWithHandler = function _removeEventHandlerWithHandler(type, handler) {
+    var eventHandlers = this.events.get(type) || [];
+    var handlerIndex = eventHandlers.indexOf(handler);
+
+    if (handlerIndex >= 0) {
+      eventHandlers.splice(handlerIndex, 1);
+    }
+  }
+  /**
+   * Remove event handler with event type information
+   * @param {string} type Event type name
+   * @param {string} namespace Event namespace
+   * @private
+   */
+  ;
+
+  _proto._removeEventHandlerWithTypeInfo = function _removeEventHandlerWithTypeInfo(type, namespace) {
+    var handlersToSurvive = [];
+    var eventHandlers = this.events.get(type);
+
+    if (!eventHandlers) {
+      return;
+    }
+
+    eventHandlers.map(function (handler) {
+      if (handler.namespace !== namespace) {
+        handlersToSurvive.push(handler);
+      }
+
+      return null;
+    });
+    this.events.set(type, handlersToSurvive);
+  };
+
+  return EventManager;
+}();
+
+/* harmony default export */ __webpack_exports__["a"] = (EventManager);
+
+/***/ }),
+/* 37 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(32);
+/* harmony import */ var _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(29);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0);
+/**
+ * @fileoverview Convertor have responsible to convert markdown and html
+ * @author NHN FE Development Lab 
+ */
+
+
+
+ // This regular expression refere markdownIt.
+// https://github.com/markdown-it/markdown-it/blob/master/lib/common/html_re.js
+
+var attrName = '[a-zA-Z_:][a-zA-Z0-9:._-]*';
+var unquoted = '[^"\'=<>`\\x00-\\x20]+';
+var singleQuoted = "'[^']*'";
+var doubleQuoted = '"[^"]*"';
+var attrValue = "(?:" + unquoted + "|" + singleQuoted + "|" + doubleQuoted + ")";
+var attribute = "(?:\\s+" + attrName + "(?:\\s*=\\s*" + attrValue + ")?)*\\s*";
+var openingTag = "(\\\\<|<)([A-Za-z][A-Za-z0-9\\-]*" + attribute + ")(\\/?>)";
+var HTML_TAG_RX = new RegExp(openingTag, 'g');
+var FRONT_MATTER_RX = /^\s?\\-\\-\\-([\s\S]+?)\\-\\-\\-/;
+/**
+ * Class Convertor
+ * @param {EventManager} em - EventManager instance
+ * @ignore
+ */
+
+var Convertor = /*#__PURE__*/function () {
+  function Convertor(em, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    var _options = options,
+        linkAttribute = _options.linkAttribute,
+        customHTMLRenderer = _options.customHTMLRenderer,
+        extendedAutolinks = _options.extendedAutolinks,
+        referenceDefinition = _options.referenceDefinition,
+        customParser = _options.customParser,
+        frontMatter = _options.frontMatter,
+        customProp = _options.customProp;
+    this.options = options;
+    this.mdReader = new _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__["Parser"]({
+      extendedAutolinks: extendedAutolinks,
+      disallowedHtmlBlockTags: ['br'],
+      referenceDefinition: referenceDefinition,
+      disallowDeepHeading: true,
+      customParser: customParser,
+      frontMatter: frontMatter
+    });
+    this.renderHTML = Object(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__["createRenderHTML"])({
+      gfm: true,
+      convertors: Object(_htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_2__[/* getHTMLRenderConvertors */ "a"])(linkAttribute, customHTMLRenderer),
+      customProp: customProp
+    });
+    this.eventManager = em;
+  }
+  /**
+   * _markdownToHtmlWithCodeHighlight
+   * Convert markdown to html with Codehighlight
+   * @param {string} markdown markdown text
+   * @returns {string} html text
+   * @private
+   */
+
+
+  var _proto = Convertor.prototype;
+
+  _proto._markdownToHtmlWithCodeHighlight = function _markdownToHtmlWithCodeHighlight(markdown) {
+    return this.renderHTML(this.mdReader.parse(markdown));
+  }
+  /**
+   * _markdownToHtml
+   * Convert markdown to html
+   * @param {string} markdown markdown text
+   * @param {object} env environment sandbox for markdownit
+   * @returns {string} html text
+   * @private
+   */
+  ;
+
+  _proto._markdownToHtml = function _markdownToHtml(markdown) {
+    markdown = markdown.replace(HTML_TAG_RX, function (match, $1, $2, $3) {
+      return match[0] !== '\\' ? "" + $1 + $2 + " data-tomark-pass " + $3 : match;
+    });
+    return this.renderHTML(this.mdReader.parse(markdown));
+  }
+  /**
+   * Remove BR's data-tomark-pass attribute text when br in code element
+   * @param {string} renderedHTML Rendered HTML string from markdown editor
+   * @returns {string}
+   * @private
+   */
+  ;
+
+  _proto._removeBrToMarkPassAttributeInCode = function _removeBrToMarkPassAttributeInCode(renderedHTML) {
+    var wrapper = _utils_dom__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"].createElementWith("
      " + renderedHTML + "
      ");
+    _utils_dom__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"].findAll(wrapper, 'code, pre').forEach(function (codeOrPre) {
+      var codeEelement = codeOrPre;
+      codeEelement.innerHTML = codeEelement.innerHTML.replace(/\sdata-tomark-pass\s(\/?)>/g, '$1>');
+    });
+    renderedHTML = wrapper.innerHTML;
+    return renderedHTML;
+  }
+  /**
+   * toHTMLWithCodeHighlight
+   * Convert markdown to html with Codehighlight
+   * emit convertorAfterMarkdownToHtmlConverted
+   * @param {string} markdown markdown text
+   * @returns {string} html text
+   */
+  ;
+
+  _proto.toHTMLWithCodeHighlight = function toHTMLWithCodeHighlight(markdown) {
+    var html = this._markdownToHtmlWithCodeHighlight(markdown);
+
+    html = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', html);
+    return html;
+  }
+  /**
+   * toHTML
+   * Convert markdown to html
+   * emit convertorAfterMarkdownToHtmlConverted
+   * @param {string} markdown markdown text
+   * @returns {string} html text
+   */
+  ;
+
+  _proto.toHTML = function toHTML(markdown) {
+    var html = this._markdownToHtml(markdown);
+
+    html = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', html);
+    html = this._removeBrToMarkPassAttributeInCode(html);
+    return html;
+  };
+
+  _proto.initHtmlSanitizer = function initHtmlSanitizer(sanitizer) {
+    this.eventManager.listen('convertorAfterMarkdownToHtmlConverted', function (html) {
+      return sanitizer(html, true);
+    });
+  }
+  /**
+   * toMarkdown
+   * Convert html to markdown
+   * emit convertorAfterHtmlToMarkdownConverted
+   * @param {string} html html text
+   * @param {object | null} toMarkOptions - toMark library options
+   * @returns {string} markdown text
+   */
+  ;
+
+  _proto.toMarkdown = function toMarkdown(html, toMarkOptions) {
+    var result = [];
+    html = this.eventManager.emitReduce('convertorBeforeHtmlToMarkdownConverted', html);
+    html = this._appendAttributeForLinkIfNeed(html);
+    html = this._appendAttributeForBrIfNeed(html);
+    var markdown = _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0___default()(html, toMarkOptions);
+
+    if (this.options.frontMatter) {
+      markdown = markdown.replace(FRONT_MATTER_RX, '---$1---');
+    }
+
+    markdown = this.eventManager.emitReduce('convertorAfterHtmlToMarkdownConverted', markdown);
+    markdown = this._removeNewlinesBeforeAfterAndBlockElement(markdown);
+    markdown.split('\n').forEach(function (line, index) {
+      var FIND_TABLE_RX = /^(
      )+\||\|[^|]*\|/gi;
+      var FIND_CODE_RX = /`[^`]*
      [^`]*`/gi;
+      var FIND_BRS_BEFORE_TABLE = /^(
      )+\|/gi;
+
+      if (FIND_TABLE_RX.test(line)) {
+        line = line.replace(FIND_BRS_BEFORE_TABLE, function (match) {
+          return match.replace(/
      /gi, '
      \n');
+        });
+      } else if (!FIND_CODE_RX.test(line)) {
+        line = line.replace(/
      /gi, '
      \n');
+      }
+
+      result[index] = line;
+    });
+    return result.join('\n');
+  };
+
+  _proto._removeNewlinesBeforeAfterAndBlockElement = function _removeNewlinesBeforeAfterAndBlockElement(markdown) {
+    // Newlines('\n\n') are created on to-mark.
+    var NEWLINES_BEFORE_BLOCK_RX = /
      \n\n(#{1,6} .*|```|\||(\*+|-+|\d+\.) .*| *>[^\n]+.*)/g;
+    var NEWLINES_AFTER_BLOCK_RX = /(#{1,6} .*|```|\|)\n\n
      /g;
+    markdown = markdown.replace(NEWLINES_BEFORE_BLOCK_RX, '
      $1');
+    markdown = markdown.replace(NEWLINES_AFTER_BLOCK_RX, '$1\n
      ');
+    return markdown;
+  };
+
+  _proto._appendAttributeForLinkIfNeed = function _appendAttributeForLinkIfNeed(html) {
+    var LINK_RX = /!?\[.*\]\(<\s*a[^>]*>(.*?)<\s*\/\s*a>\)/gi;
+    return html.replace(LINK_RX, function (match) {
+      return match.replace(//gi;
+    var FIND_DOUBLE_BR_RX = /

      /gi;
+    var FIND_PASSING_AND_NORMAL_BR_RX = /

      (.)/gi;
+    var FIRST_TWO_BRS_BEFORE_RX = /([^>]|<\/a>|<\/code>|<\/span>|<\/b>|<\/i>|<\/s>|]*>)/;
+    var TWO_BRS_RX = /

      /;
+    var FIND_FIRST_TWO_BRS_RX = new RegExp(FIRST_TWO_BRS_BEFORE_RX.source + TWO_BRS_RX.source, 'g');
+    var FIND_ATTRI_WITH_EMTPY_STR_RX = /
      /gi;
+    html = html.replace(FIND_BR_RX, '
      ');
+    html = html.replace(FIND_DOUBLE_BR_RX, '

      ');
+    html = html.replace(FIND_ATTRI_WITH_EMTPY_STR_RX, '
      ');
+    html = html.replace(FIND_PASSING_AND_NORMAL_BR_RX, '

      $1');
+    html = html.replace(FIND_FIRST_TWO_BRS_RX, '$1

      '); // Preserve 
       when there is only one empty line before or after a block element.
+
+    html = html.replace(/(.)

      (|
      |
|
    |
      |
      )/g, '$1

      $2');
+    html = html.replace(/(<\/h[1-6]>|<\/pre>|<\/table>|<\/ul>|<\/ol>|<\/blockquote>)
      (.)/g, '$1
      $2');
+    return html;
+  };
+
+  return Convertor;
+}();
+
+/* harmony default export */ __webpack_exports__["a"] = (Convertor);
+
+/***/ }),
+/* 38 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/css.js
+var css = __webpack_require__(4);
+var css_default = /*#__PURE__*/__webpack_require__.n(css);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isString.js
+var isString = __webpack_require__(9);
+var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
+
+// CONCATENATED MODULE: ./src/js/lazyRunner.js
+/**
+ * @fileoverview Implements LazyRunner
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class LazyRunner
+ * @ignore
+ */
+
+var lazyRunner_LazyRunner = /*#__PURE__*/function () {
+  function LazyRunner() {
+    this.globalTOID = null;
+    this.lazyRunFunctions = {};
+  }
+
+  var _proto = LazyRunner.prototype;
+
+  _proto.run = function run(fn, params, context, delay) {
+    var TOID;
+
+    if (isString_default()(fn)) {
+      TOID = this._runRegisteredRun(fn, params, context, delay);
+    } else {
+      TOID = this._runSingleRun(fn, params, context, delay, this.globalTOID);
+      this.globalTOID = TOID;
+    }
+
+    return TOID;
+  };
+
+  _proto.registerLazyRunFunction = function registerLazyRunFunction(name, fn, delay, context) {
+    context = context || this;
+    this.lazyRunFunctions[name] = {
+      fn: fn,
+      delay: delay,
+      context: context,
+      TOID: null
+    };
+  };
+
+  _proto._runSingleRun = function _runSingleRun(fn, params, context, delay, TOID) {
+    this._clearTOIDIfNeed(TOID);
+
+    TOID = setTimeout(function () {
+      fn.call(context, params);
+    }, delay);
+    return TOID;
+  };
+
+  _proto._runRegisteredRun = function _runRegisteredRun(lazyRunName, params, context, delay) {
+    var lazyRunFunction = this.lazyRunFunctions[lazyRunName];
+    var fn = lazyRunFunction.fn;
+    var TOID = lazyRunFunction.TOID;
+    delay = delay || lazyRunFunction.delay;
+    context = context || lazyRunFunction.context;
+    TOID = this._runSingleRun(fn, params, context, delay, TOID);
+    lazyRunFunction.TOID = TOID;
+    return TOID;
+  };
+
+  _proto._clearTOIDIfNeed = function _clearTOIDIfNeed(TOID) {
+    if (TOID) {
+      clearTimeout(TOID);
+    }
+  };
+
+  return LazyRunner;
+}();
+
+/* harmony default export */ var lazyRunner = (lazyRunner_LazyRunner);
+// EXTERNAL MODULE: ./src/js/utils/dom.js
+var dom = __webpack_require__(0);
+
+// EXTERNAL MODULE: ./src/js/codeBlockManager.js
+var codeBlockManager = __webpack_require__(30);
+
+// CONCATENATED MODULE: ./src/js/preview.js
+/**
+ * @fileoverview Implements preview
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Class Preview
+ * @param {HTMLElement} el - Container element for preview
+ * @param {EventManager} eventManager -  Event manager instance
+ * @param {Convertor} convertor - Convertor instance
+ * @param {boolean} isViewer - whether viewer mode or not
+ * @ignore
+ */
+
+var preview_Preview = /*#__PURE__*/function () {
+  function Preview(el, eventManager, convertor, isViewer) {
+    this.eventManager = eventManager;
+    this.convertor = convertor;
+    this.el = el;
+    this.isViewer = !!isViewer;
+    this.delayCodeBlockTime = 500;
+
+    this._initContentSection();
+
+    this.lazyRunner = new lazyRunner();
+  }
+  /**
+   * Initialize content selection
+   * @private
+   */
+
+
+  var _proto = Preview.prototype;
+
+  _proto._initContentSection = function _initContentSection() {
+    this._previewContent = dom["a" /* default */].createElementWith("
      ");
+    this.el.appendChild(this._previewContent);
+  };
+
+  _proto.getCodeBlockElements = function getCodeBlockElements(nodeIds) {
+    var contentEl = this._previewContent;
+    var codeEls = [];
+    var targetEls;
+
+    if (nodeIds) {
+      targetEls = nodeIds.map(function (id) {
+        return contentEl.querySelector("[data-nodeid=\"" + id + "\"]");
+      }).filter(Boolean);
+    } else {
+      targetEls = [contentEl];
+    }
+
+    targetEls.forEach(function (targetEl) {
+      codeEls.push.apply(codeEls, dom["a" /* default */].findAll(targetEl, 'code[data-language]'));
+    });
+    return codeEls;
+  };
+
+  _proto.invokeCodeBlockPlugins = function invokeCodeBlockPlugins(codeBlocks) {
+    codeBlocks.forEach(function (codeBlock) {
+      var lang = codeBlock.getAttribute('data-language');
+      var html = codeBlockManager["a" /* default */].createCodeBlockHtml(lang, codeBlock.textContent);
+      codeBlock.innerHTML = html;
+    });
+  }
+  /**
+   * Refresh rendering
+   * @param {string} markdown Markdown text
+   */
+  ;
+
+  _proto.refresh = function refresh(markdown) {
+    if (markdown === void 0) {
+      markdown = '';
+    }
+
+    this.render(this.convertor.toHTMLWithCodeHighlight(markdown));
+    this.invokeCodeBlockPlugins(this.getCodeBlockElements());
+  }
+  /**
+   * get html string
+   * @returns {string} - html preview string
+   */
+  ;
+
+  _proto.getHTML = function getHTML() {
+    return this._previewContent.innerHTML;
+  }
+  /**
+   * set html string
+   * @param {string} html - html preview string
+   */
+  ;
+
+  _proto.setHTML = function setHTML(html) {
+    this._previewContent.innerHTML = html;
+  }
+  /**
+   * Render HTML on preview
+   * @param {string} html HTML string
+   */
+  ;
+
+  _proto.render = function render(html) {
+    var _previewContent = this._previewContent;
+    html = this.eventManager.emit('previewBeforeHook', html) || html;
+    dom["a" /* default */].empty(_previewContent);
+    _previewContent.innerHTML = html;
+  }
+  /**
+   * Set preview height
+   * @param {number} height - Height for preview container
+   */
+  ;
+
+  _proto.setHeight = function setHeight(height) {
+    css_default()(this.el, {
+      height: height + "px"
+    });
+  }
+  /**
+   * set min height
+   * @param {number} minHeight - min height
+   */
+  ;
+
+  _proto.setMinHeight = function setMinHeight(minHeight) {
+    css_default()(this.el, {
+      minHeight: minHeight + "px"
+    });
+  }
+  /**
+   * Is Preview visible
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isVisible = function isVisible() {
+    return this.el.style.display !== 'none';
+  };
+
+  return Preview;
+}();
+
+/* harmony default export */ var preview = __webpack_exports__["a"] = (preview_Preview);
+
+/***/ }),
+/* 39 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Set className value
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+var isUndefined = __webpack_require__(8);
+
+/**
+ * Set className value
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {(string|string[])} cssClass - class names
+ * @private
+ */
+function setClassName(element, cssClass) {
+  cssClass = isArray(cssClass) ? cssClass.join(' ') : cssClass;
+
+  cssClass = cssClass.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
+
+  if (isUndefined(element.className.baseVal)) {
+    element.className = cssClass;
+
+    return;
+  }
+
+  element.className.baseVal = cssClass;
+}
+
+module.exports = setClassName;
+
+
+/***/ }),
+/* 40 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Get event collection for specific HTML element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var EVENT_KEY = '_feEventKey';
+
+/**
+ * Get event collection for specific HTML element
+ * @param {HTMLElement} element - HTML element
+ * @param {string} type - event type
+ * @returns {array}
+ * @private
+ */
+function safeEvent(element, type) {
+  var events = element[EVENT_KEY];
+  var handlers;
+
+  if (!events) {
+    events = element[EVENT_KEY] = {};
+  }
+
+  handlers = events[type];
+  if (!handlers) {
+    handlers = events[type] = [];
+  }
+
+  return handlers;
+}
+
+module.exports = safeEvent;
+
+
+/***/ }),
+/* 41 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 42 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is truthy or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isExisty = __webpack_require__(28);
+
+/**
+ * Check whether the given variable is truthy or not.
+ * If the given variable is not null or not undefined or not false, returns true.
+ * (It regards 0 as true)
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is truthy?
+ * @memberof module:type
+ */
+function isTruthy(obj) {
+  return isExisty(obj) && obj !== false;
+}
+
+module.exports = isTruthy;
+
+
+/***/ }),
+/* 43 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Send hostname on DOMContentLoaded.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+var imagePing = __webpack_require__(49);
+
+var ms7days = 7 * 24 * 60 * 60 * 1000;
+
+/**
+ * Check if the date has passed 7 days
+ * @param {number} date - milliseconds
+ * @returns {boolean}
+ * @private
+ */
+function isExpired(date) {
+  var now = new Date().getTime();
+
+  return now - date > ms7days;
+}
+
+/**
+ * Send hostname on DOMContentLoaded.
+ * To prevent hostname set tui.usageStatistics to false.
+ * @param {string} appName - application name
+ * @param {string} trackingId - GA tracking ID
+ * @ignore
+ */
+function sendHostname(appName, trackingId) {
+  var url = 'https://www.google-analytics.com/collect';
+  var hostname = location.hostname;
+  var hitType = 'event';
+  var eventCategory = 'use';
+  var applicationKeyForStorage = 'TOAST UI ' + appName + ' for ' + hostname + ': Statistics';
+  var date = window.localStorage.getItem(applicationKeyForStorage);
+
+  // skip if the flag is defined and is set to false explicitly
+  if (!isUndefined(window.tui) && window.tui.usageStatistics === false) {
+    return;
+  }
+
+  // skip if not pass seven days old
+  if (date && !isExpired(date)) {
+    return;
+  }
+
+  window.localStorage.setItem(applicationKeyForStorage, new Date().getTime());
+
+  setTimeout(function() {
+    if (document.readyState === 'interactive' || document.readyState === 'complete') {
+      imagePing(url, {
+        v: 1,
+        t: hitType,
+        tid: trackingId,
+        cid: hostname,
+        dp: hostname,
+        dh: appName,
+        el: appName,
+        ec: eventCategory
+      });
+    }
+  }, 1000);
+}
+
+module.exports = sendHostname;
+
+
+/***/ }),
+/* 44 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is falsy or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isTruthy = __webpack_require__(42);
+
+/**
+ * Check whether the given variable is falsy or not.
+ * If the given variable is null or undefined or false, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is falsy?
+ * @memberof module:type
+ */
+function isFalsy(obj) {
+  return !isTruthy(obj);
+}
+
+module.exports = isFalsy;
+
+
+/***/ }),
+/* 45 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview This module provides a Enum Constructor.
+ * @author NHN FE Development Lab 
+ * @example
+ * // node, commonjs
+ * var Enum = require('tui-code-snippet/enum/enum');
+ */
+
+
+
+var isNumber = __webpack_require__(34);
+var isArray = __webpack_require__(17);
+var toArray = __webpack_require__(3);
+var forEach = __webpack_require__(26);
+
+/**
+ * Check whether the defineProperty() method is supported.
+ * @type {boolean}
+ * @ignore
+ */
+var isSupportDefinedProperty = (function() {
+  try {
+    Object.defineProperty({}, 'x', {});
+
+    return true;
+  } catch (e) {
+    return false;
+  }
+})();
+
+/**
+ * A unique value of a constant.
+ * @type {number}
+ * @ignore
+ */
+var enumValue = 0;
+
+/**
+ * Make a constant-list that has unique values.
+ * In modern browsers (except IE8 and lower),
+ *  a value defined once can not be changed.
+ *
+ * @param {...string|string[]} itemList Constant-list (An array of string is available)
+ * @class
+ *
+ * @example
+ * var Enum = require('tui-code-snippet/enum/enum'); // node, commonjs
+ *
+ * var MYENUM = new Enum('TYPE1', 'TYPE2');
+ * var MYENUM2 = new Enum(['TYPE1', 'TYPE2']);
+ *
+ * //usage
+ * if (value === MYENUM.TYPE1) {
+ *      ....
+ * }
+ *
+ * //add (If a duplicate name is inputted, will be disregarded.)
+ * MYENUM.set('TYPE3', 'TYPE4');
+ *
+ * //get name of a constant by a value
+ * MYENUM.getName(MYENUM.TYPE1); // 'TYPE1'
+ *
+ * // In modern browsers (except IE8 and lower), a value can not be changed in constants.
+ * var originalValue = MYENUM.TYPE1;
+ * MYENUM.TYPE1 = 1234; // maybe TypeError
+ * MYENUM.TYPE1 === originalValue; // true
+ **/
+function Enum(itemList) {
+  if (itemList) {
+    this.set.apply(this, arguments);
+  }
+}
+
+/**
+ * Define a constants-list
+ * @param {...string|string[]} itemList Constant-list (An array of string is available)
+ */
+Enum.prototype.set = function(itemList) {
+  var self = this;
+
+  if (!isArray(itemList)) {
+    itemList = toArray(arguments);
+  }
+
+  forEach(itemList, function itemListIteratee(item) {
+    self._addItem(item);
+  });
+};
+
+/**
+ * Return a key of the constant.
+ * @param {number} value A value of the constant.
+ * @returns {string|undefined} Key of the constant.
+ */
+Enum.prototype.getName = function(value) {
+  var self = this;
+  var foundedKey;
+
+  forEach(this, function(itemValue, key) { // eslint-disable-line consistent-return
+    if (self._isEnumItem(key) && value === itemValue) {
+      foundedKey = key;
+
+      return false;
+    }
+  });
+
+  return foundedKey;
+};
+
+/**
+ * Create a constant.
+ * @private
+ * @param {string} name Constant name. (It will be a key of a constant)
+ */
+Enum.prototype._addItem = function(name) {
+  var value;
+
+  if (!this.hasOwnProperty(name)) {
+    value = this._makeEnumValue();
+
+    if (isSupportDefinedProperty) {
+      Object.defineProperty(this, name, {
+        enumerable: true,
+        configurable: false,
+        writable: false,
+        value: value
+      });
+    } else {
+      this[name] = value;
+    }
+  }
+};
+
+/**
+ * Return a unique value for assigning to a constant.
+ * @private
+ * @returns {number} A unique value
+ */
+Enum.prototype._makeEnumValue = function() {
+  var value;
+
+  value = enumValue;
+  enumValue += 1;
+
+  return value;
+};
+
+/**
+ * Return whether a constant from the given key is in instance or not.
+ * @param {string} key - A constant key
+ * @returns {boolean} Result
+ * @private
+ */
+Enum.prototype._isEnumItem = function(key) {
+  return isNumber(this[key]);
+};
+
+module.exports = Enum;
+
+
+/***/ }),
+/* 46 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
+/* harmony import */ var tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(19);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _mdPreview__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(35);
+/* harmony import */ var _eventManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(36);
+/* harmony import */ var _commandManager__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1);
+/* harmony import */ var _convertor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(37);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(0);
+/* harmony import */ var _codeBlockManager__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(30);
+/* harmony import */ var _pluginHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(31);
+/* harmony import */ var _utils_common__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(12);
+/* harmony import */ var _htmlSanitizer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(25);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * @fileoverview Implements editor preivew
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+var TASK_ATTR_NAME = 'data-te-task';
+var DISABLED_TASK_ATTR_NAME = 'data-te-task-disabled';
+var TASK_CHECKED_CLASS_NAME = 'checked';
+/**
+ * Class ToastUIEditorViewer
+ * @param {object} options Option object
+ *     @param {HTMLElement} options.el - container element
+ *     @param {string} [options.initialValue] Editor's initial value
+ *     @param {Object} [options.events] - Events
+ *         @param {function} [options.events.load] - It would be emitted when editor fully load
+ *         @param {function} [options.events.change] - It would be emitted when content changed
+ *         @param {function} [options.events.stateChange] - It would be emitted when format change by cursor position
+ *         @param {function} [options.events.focus] - It would be emitted when editor get focus
+ *         @param {function} [options.events.blur] - It would be emitted when editor loose focus
+ *     @param {Object} [options.hooks] - Hooks
+ *         @param {function} [options.hooks.previewBeforeHook] - Submit preview to hook URL before preview be shown
+ *     @param {Array.} [options.plugins] - Array of plugins. A plugin can be either a function or an array in the form of [function, options].
+ *     @param {boolean} [options.useDefaultHTMLSanitizer=true] - use default htmlSanitizer
+ *     @param {Object} [options.extendedAutolinks] - Using extended Autolinks specified in GFM spec
+ *     @param {Object} [options.customConvertor] - convertor extention
+ *     @param {Object} [options.linkAttribute] - Attributes of anchor element that should be rel, target, contenteditable, hreflang, type
+ *     @param {Object} [options.customHTMLRenderer] - Object containing custom renderer functions correspond to markdown node
+ *     @param {boolean} [options.referenceDefinition=false] - whether use the specification of link reference definition
+ *     @param {function} [options.customHTMLSanitizer=null] - custom HTML sanitizer
+ *     @param {boolean} [options.frontMatter=false] - whether use the front matter
+ */
+
+var ToastUIEditorViewer = /*#__PURE__*/function () {
+  function ToastUIEditorViewer(options) {
+    var _this = this;
+
+    this.options = tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1___default()({
+      useDefaultHTMLSanitizer: true,
+      linkAttribute: null,
+      extendedAutolinks: false,
+      customConvertor: null,
+      customHTMLRenderer: null,
+      referenceDefinition: false,
+      customHTMLSanitizer: null,
+      frontMatter: false
+    }, options);
+    this.codeBlockLanguages = [];
+    this.eventManager = new _eventManager__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"]();
+    this.commandManager = new _commandManager__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"](this);
+    var linkAttribute = Object(_utils_common__WEBPACK_IMPORTED_MODULE_11__[/* sanitizeLinkAttribute */ "c"])(this.options.linkAttribute);
+
+    var _getPluginInfo = Object(_pluginHelper__WEBPACK_IMPORTED_MODULE_10__[/* getPluginInfo */ "a"])(this.options.plugins),
+        renderer = _getPluginInfo.renderer,
+        parser = _getPluginInfo.parser,
+        plugins = _getPluginInfo.plugins;
+
+    var _this$options = this.options,
+        customHTMLRenderer = _this$options.customHTMLRenderer,
+        customHTMLSanitizer = _this$options.customHTMLSanitizer,
+        extendedAutolinks = _this$options.extendedAutolinks,
+        referenceDefinition = _this$options.referenceDefinition,
+        frontMatter = _this$options.frontMatter;
+    var rendererOptions = {
+      linkAttribute: linkAttribute,
+      customHTMLRenderer: _extends({}, renderer, customHTMLRenderer),
+      extendedAutolinks: extendedAutolinks,
+      referenceDefinition: referenceDefinition,
+      customParser: parser,
+      frontMatter: frontMatter
+    };
+
+    if (this.options.customConvertor) {
+      // eslint-disable-next-line new-cap
+      this.convertor = new this.options.customConvertor(this.eventManager, rendererOptions);
+    } else {
+      this.convertor = new _convertor__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"](this.eventManager, rendererOptions);
+    }
+
+    var sanitizer = customHTMLSanitizer || (this.options.useDefaultHTMLSanitizer ? _htmlSanitizer__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"] : null);
+
+    if (sanitizer) {
+      this.convertor.initHtmlSanitizer(sanitizer);
+    }
+
+    if (this.options.hooks) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(this.options.hooks, function (fn, key) {
+        _this.addHook(key, fn);
+      });
+    }
+
+    if (this.options.events) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(this.options.events, function (fn, key) {
+        _this.on(key, fn);
+      });
+    }
+
+    var _this$options2 = this.options,
+        el = _this$options2.el,
+        initialValue = _this$options2.initialValue;
+    var existingHTML = el.innerHTML;
+    el.innerHTML = '';
+    this.preview = new _mdPreview__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"](el, this.eventManager, this.convertor, _extends({}, rendererOptions, {
+      isViewer: true
+    }));
+    tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2___default()(this.preview.el, 'mousedown', this._toggleTask.bind(this));
+
+    if (plugins) {
+      Object(_pluginHelper__WEBPACK_IMPORTED_MODULE_10__[/* invokePlugins */ "b"])(plugins, this);
+    }
+
+    if (initialValue) {
+      this.setMarkdown(initialValue);
+    } else if (existingHTML) {
+      this.preview.setHTML(existingHTML);
+    }
+
+    this.eventManager.emit('load', this);
+  }
+  /**
+   * Toggle task by detecting mousedown event.
+   * @param {MouseEvent} ev - event
+   * @private
+   */
+
+
+  var _proto = ToastUIEditorViewer.prototype;
+
+  _proto._toggleTask = function _toggleTask(ev) {
+    var style = getComputedStyle(ev.target, ':before');
+
+    if (!ev.target.hasAttribute(DISABLED_TASK_ATTR_NAME) && ev.target.hasAttribute(TASK_ATTR_NAME) && _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"].isInsideButtonBox(style, ev.offsetX, ev.offsetY)) {
+      _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"].toggleClass(ev.target, TASK_CHECKED_CLASS_NAME);
+      this.eventManager.emit('change', {
+        source: 'viewer',
+        data: ev
+      });
+    }
+  }
+  /**
+   * Set content for preview
+   * @param {string} markdown Markdown text
+   */
+  ;
+
+  _proto.setMarkdown = function setMarkdown(markdown) {
+    this.markdownValue = markdown = markdown || '';
+    this.preview.refresh(this.markdownValue);
+    this.eventManager.emit('setMarkdownAfter', this.markdownValue);
+  }
+  /**
+   * Bind eventHandler to event type
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.on = function on(type, handler) {
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Unbind eventHandler from event type
+   * @param {string} type Event type
+   */
+  ;
+
+  _proto.off = function off(type) {
+    this.eventManager.removeEventHandler(type);
+  }
+  /**
+   * Remove Viewer preview from document
+   */
+  ;
+
+  _proto.remove = function remove() {
+    this.eventManager.emit('removeEditor');
+    tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3___default()(this.preview.el, 'mousedown', this._toggleTask.bind(this));
+    this.preview.remove();
+    this.options = null;
+    this.eventManager = null;
+    this.commandManager = null;
+    this.convertor = null;
+    this.preview = null;
+  }
+  /**
+   * Add hook to Viewer preview's event
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.addHook = function addHook(type, handler) {
+    this.eventManager.removeEventHandler(type);
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Return true
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isViewer = function isViewer() {
+    return true;
+  }
+  /**
+   * Return false
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isMarkdownMode = function isMarkdownMode() {
+    return false;
+  }
+  /**
+   * Return false
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isWysiwygMode = function isWysiwygMode() {
+    return false;
+  }
+  /**
+   * Set code block languages
+   * @param {Array} languages - code lauguage list
+   */
+  ;
+
+  _proto.setCodeBlockLanguages = function setCodeBlockLanguages(languages) {
+    var _this2 = this;
+
+    if (languages === void 0) {
+      languages = [];
+    }
+
+    languages.forEach(function (lang) {
+      if (_this2.codeBlockLanguages.indexOf(lang) < 0) {
+        _this2.codeBlockLanguages.push(lang);
+      }
+    });
+  };
+
+  return ToastUIEditorViewer;
+}();
+/**
+ * Check whether is viewer (using in plugins)
+ * @type {boolean}
+ * @ignore
+ */
+
+
+ToastUIEditorViewer.isViewer = true;
+/**
+ * domUtil instance
+ * @type {DomUtil}
+ * @ignore
+ */
+
+ToastUIEditorViewer.domUtils = _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"];
+/**
+ * CodeBlockManager instance using in plugins
+ * @type {CodeBlockManager}
+ * @ignore
+ */
+
+ToastUIEditorViewer.codeBlockManager = _codeBlockManager__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"];
+/**
+ * WwCodeBlockManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwCodeBlockManager = null;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwTableManager = null;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwTableSelectionManager = null;
+/* harmony default export */ __webpack_exports__["a"] = (ToastUIEditorViewer);
+
+/***/ }),
+/* 47 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Creates a debounced function that delays invoking fn until after delay milliseconds has elapsed since the last time the debouced function was invoked.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * @module tricks
+ */
+
+/**
+ * Creates a debounced function that delays invoking fn until after delay milliseconds has elapsed
+ * since the last time the debouced function was invoked.
+ * @param {function} fn The function to debounce.
+ * @param {number} [delay=0] The number of milliseconds to delay
+ * @returns {function} debounced function.
+ * @memberof module:tricks
+ * @example
+ * var debounce = require('tui-code-snippet/tricks/debounce'); // node, commonjs
+ *
+ * function someMethodToInvokeDebounced() {}
+ *
+ * var debounced = debounce(someMethodToInvokeDebounced, 300);
+ *
+ * // invoke repeatedly
+ * debounced();
+ * debounced();
+ * debounced();
+ * debounced();
+ * debounced();
+ * debounced();    // last invoke of debounced()
+ *
+ * // invoke someMethodToInvokeDebounced() after 300 milliseconds.
+ */
+function debounce(fn, delay) {
+  var timer, args;
+
+  /* istanbul ignore next */
+  delay = delay || 0;
+
+  function debounced() { // eslint-disable-line require-jsdoc
+    args = Array.prototype.slice.call(arguments);
+
+    window.clearTimeout(timer);
+    timer = window.setTimeout(function() {
+      fn.apply(null, args);
+    }, delay);
+  }
+
+  return debounced;
+}
+
+module.exports = debounce;
+
+
+/***/ }),
+/* 48 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is null or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is null or not.
+ * If the given variable(arguments[0]) is null, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is null?
+ * @memberof module:type
+ */
+function isNull(obj) {
+  return obj === null;
+}
+
+module.exports = isNull;
+
+
+/***/ }),
+/* 49 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Request image ping.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachOwnProperties = __webpack_require__(10);
+
+/**
+ * @module request
+ */
+
+/**
+ * Request image ping.
+ * @param {String} url url for ping request
+ * @param {Object} trackingInfo infos for make query string
+ * @returns {HTMLElement}
+ * @memberof module:request
+ * @example
+ * var imagePing = require('tui-code-snippet/request/imagePing'); // node, commonjs
+ *
+ * imagePing('https://www.google-analytics.com/collect', {
+ *     v: 1,
+ *     t: 'event',
+ *     tid: 'trackingid',
+ *     cid: 'cid',
+ *     dp: 'dp',
+ *     dh: 'dh'
+ * });
+ */
+function imagePing(url, trackingInfo) {
+  var trackingElement = document.createElement('img');
+  var queryString = '';
+  forEachOwnProperties(trackingInfo, function(value, key) {
+    queryString += '&' + key + '=' + value;
+  });
+  queryString = queryString.substring(1);
+
+  trackingElement.src = url + '?' + queryString;
+
+  trackingElement.style.display = 'none';
+  document.body.appendChild(trackingElement);
+  document.body.removeChild(trackingElement);
+
+  return trackingElement;
+}
+
+module.exports = imagePing;
+
+
+/***/ }),
+/* 50 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 51 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 52 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 53 */,
+/* 54 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is an object or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is an object or not.
+ * If the given variable is an object, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is object?
+ * @memberof module:type
+ */
+function isObject(obj) {
+  return obj === Object(obj);
+}
+
+module.exports = isObject;
+
+
+/***/ }),
+/* 55 */
+/***/ (function(module, exports, __webpack_require__) {
+
+!function(e,t){"use strict";function n(e,t,n){this.root=this.currentNode=e,this.nodeType=t,this.filter=n||ue}function o(e,t){for(var n=e.length;n--;)if(!t(e[n]))return!1;return!0}function i(e){return e.nodeType===M&&!!pe[e.nodeName]}function r(e){switch(e.nodeType){case H:return me;case M:case z:if(de&&Ne.has(e))return Ne.get(e);break;default:return ge}var t;return t=o(e.childNodes,a)?fe.test(e.nodeName)?me:ve:Ce,de&&Ne.set(e,t),t}function a(e){return r(e)===me}function s(e){return r(e)===ve}function d(e){return r(e)===Ce}function l(e,t){var o=new n(t,q,s);return o.currentNode=e,o}function c(e,t){return e=l(e,t).previousNode(),e!==t?e:null}function h(e,t){return e=l(e,t).nextNode(),e!==t?e:null}function u(e){return!e.textContent&&!e.querySelector("IMG")}function f(e,t){return!i(e)&&e.nodeType===t.nodeType&&e.nodeName===t.nodeName&&"A"!==e.nodeName&&e.className===t.className&&(!e.style&&!t.style||e.style.cssText===t.style.cssText)}function p(e,t,n){if(e.nodeName!==t)return!1;for(var o in n)if(e.getAttribute(o)!==n[o])return!1;return!0}function g(e,t,n,o){for(;e&&e!==t;){if(p(e,n,o))return e;e=e.parentNode}return null}function m(e,t,n){for(;e&&e!==t;){if(n.test(e.nodeName))return e;e=e.parentNode}return null}function v(e,t){for(;t;){if(t===e)return!0;t=t.parentNode}return!1}function C(e,t,n){var o,i,r,a,s,d="";return e&&e!==t&&(d=C(e.parentNode,t,n),e.nodeType===M&&(d+=(d?">":"")+e.nodeName,(o=e.id)&&(d+="#"+o),(i=e.className.trim())&&(r=i.split(/\s\s*/),r.sort(),d+=".",d+=r.join(".")),(a=e.dir)&&(d+="[dir="+a+"]"),r&&(s=n.classNames,ce.call(r,s.highlight)>-1&&(d+="[backgroundColor="+e.style.backgroundColor.replace(/ /g,"")+"]"),ce.call(r,s.colour)>-1&&(d+="[color="+e.style.color.replace(/ /g,"")+"]"),ce.call(r,s.fontFamily)>-1&&(d+="[fontFamily="+e.style.fontFamily.replace(/ /g,"")+"]"),ce.call(r,s.fontSize)>-1&&(d+="[fontSize="+e.style.fontSize+"]")))),d}function N(e){var t=e.nodeType;return t===M||t===z?e.childNodes.length:e.length||0}function _(e){var t=e.parentNode;return t&&t.removeChild(e),e}function S(e,t){var n=e.parentNode;n&&n.replaceChild(t,e)}function y(e){for(var t=e.ownerDocument.createDocumentFragment(),n=e.childNodes,o=n?n.length:0;o--;)t.appendChild(e.firstChild);return t}function T(e,n,o,i){var r,a,s,d=e.createElement(n);if(o instanceof Array&&(i=o,o=null),o)for(r in o)o[r]!==t&&d.setAttribute(r,o[r]);if(i)for(a=0,s=i.length;as?t.startOffset-=1:t.startOffset===s&&(t.startContainer=o,t.startOffset=N(o))),t.endContainer===e&&(t.endOffset>s?t.endOffset-=1:t.endOffset===s&&(t.endContainer=o,t.endOffset=N(o))),_(n),n.nodeType===H?o.appendData(n.data):d.push(y(n));else if(n.nodeType===M){for(i=d.length;i--;)n.appendChild(d.pop());x(n,t)}}function A(e,t){if(e.nodeType===H&&(e=e.parentNode),e.nodeType===M){var n={startContainer:t.startContainer,startOffset:t.startOffset,endContainer:t.endContainer,endOffset:t.endOffset};x(e,n),t.setStart(n.startContainer,n.startOffset),t.setEnd(n.endContainer,n.endOffset)}}function L(e){var t=e.nodeName;return"TD"===t||"TH"===t||"TR"===t||"TBODY"===t||"THEAD"===t}function B(e,t,n,o){var i,r,a,s=t;if(!L(e)||!L(t)){for(;(i=s.parentNode)&&i!==o&&i.nodeType===M&&1===i.childNodes.length;)s=i;_(s),a=e.childNodes.length,r=e.lastChild,r&&"BR"===r.nodeName&&(e.removeChild(r),a-=1),e.appendChild(y(t)),n.setStart(e,a),n.collapse(!0),A(e,n),J&&(r=e.lastChild)&&"BR"===r.nodeName&&e.removeChild(r)}}function O(e,t){var n,o,i=e.previousSibling,r=e.firstChild,a=e.ownerDocument,s="LI"===e.nodeName;if((!s||r&&/^[OU]L$/.test(r.nodeName))&&!L(e))if(i&&f(i,e)&&i.isContentEditable&&e.isContentEditable){if(!d(i)){if(!s)return;o=T(a,"DIV"),o.appendChild(y(i)),i.appendChild(o)}_(e),n=!d(e),i.appendChild(y(e)),n&&b(i,t),r&&O(r,t)}else s&&(i=T(a,"DIV"),e.insertBefore(i,r),E(i,t))}function R(e){this.isShiftDown=e.shiftKey}function D(e,t,n){var o,i;if(e||(e={}),t)for(o in t)!n&&o in e||(i=t[o],e[o]=i&&i.constructor===Object?D(e[o],i,n):i);return e}function P(e,t){e.nodeType===W&&(e=e.body);var n,o=e.ownerDocument,i=o.defaultView;this._win=i,this._doc=o,this._root=e,this._events={},this._isFocused=!1,this._lastSelection=null,ae&&this.addEventListener("beforedeactivate",this.getSelection),this._hasZWS=!1,this._lastAnchorNode=null,this._lastFocusNode=null,this._path="",this._willUpdatePath=!1,"onselectionchange"in o?this.addEventListener("selectionchange",this._updatePathOnEvent):(this.addEventListener("keyup",this._updatePathOnEvent),this.addEventListener("mouseup",this._updatePathOnEvent)),this._undoIndex=-1,this._undoStack=[],this._undoStackLength=0,this._isInUndoState=!1,this._ignoreChange=!1,this._ignoreAllChanges=!1,se?(n=new MutationObserver(this._docWasChanged.bind(this)),n.observe(e,{childList:!0,attributes:!0,characterData:!0,subtree:!0}),this._mutation=n):this.addEventListener("keyup",this._keyUpDetectChange),this._restoreSelection=!1,this.addEventListener("blur",U),this.addEventListener("mousedown",I),this.addEventListener("touchstart",I),this.addEventListener("focus",w),this._awaitingPaste=!1,this.addEventListener(X?"beforecut":"cut",nt),this.addEventListener("copy",ot),this.addEventListener("keydown",R),this.addEventListener("keyup",R),this.addEventListener(X?"beforepaste":"paste",it),this.addEventListener("drop",rt),this.addEventListener(J?"keypress":"keydown",Ie),this._keyHandlers=Object.create(He),this.setConfig(t),X&&(i.Text.prototype.splitText=function(e){var t=this.ownerDocument.createTextNode(this.data.slice(e)),n=this.nextSibling,o=this.parentNode,i=this.length-e;return n?o.insertBefore(t,n):o.appendChild(t),i&&this.deleteData(e,i),t}),e.setAttribute("contenteditable","true");try{o.execCommand("enableObjectResizing",!1,"false"),o.execCommand("enableInlineTableEditing",!1,"false")}catch(e){}e.__squire__=this,this.setHTML("")}function U(){this._restoreSelection=!0}function I(){this._restoreSelection=!1}function w(){this._restoreSelection&&this.setSelection(this._lastSelection)}function F(e,t,n){var o,i;for(o=t.firstChild;o;o=i){if(i=o.nextSibling,a(o)){if(o.nodeType===H||"BR"===o.nodeName||"IMG"===o.nodeName){n.appendChild(o);continue}}else if(s(o)){n.appendChild(e.createDefaultBlock([F(e,o,e._doc.createDocumentFragment())]));continue}F(e,o,n)}return n}var M=1,H=3,W=9,z=11,q=1,K="​",G=e.defaultView,Z=navigator.userAgent,j=/Android/.test(Z),Q=/iP(?:ad|hone|od)/.test(Z),$=/Mac OS X/.test(Z),V=/Windows NT/.test(Z),Y=/Gecko\//.test(Z),X=/Trident\/[456]\./.test(Z),J=!!G.opera,ee=/Edge\//.test(Z),te=!ee&&/WebKit\//.test(Z),ne=/Trident\/[4567]\./.test(Z),oe=$?"meta-":"ctrl-",ie=X||J,re=X||te,ae=X,se="undefined"!=typeof MutationObserver,de="undefined"!=typeof WeakMap,le=/[^ \t\r\n]/,ce=Array.prototype.indexOf;Object.create||(Object.create=function(e){var t=function(){};return t.prototype=e,new t});var he={1:1,2:2,3:4,8:128,9:256,11:1024},ue=function(){return!0};n.prototype.nextNode=function(){for(var e,t=this.currentNode,n=this.root,o=this.nodeType,i=this.filter;;){for(e=t.firstChild;!e&&t&&t!==n;)(e=t.nextSibling)||(t=t.parentNode);if(!e)return null;if(he[e.nodeType]&o&&i(e))return this.currentNode=e,e;t=e}},n.prototype.previousNode=function(){for(var e,t=this.currentNode,n=this.root,o=this.nodeType,i=this.filter;;){if(t===n)return null;if(e=t.previousSibling)for(;t=e.lastChild;)e=t;else e=t.parentNode;if(!e)return null;if(he[e.nodeType]&o&&i(e))return this.currentNode=e,e;t=e}},n.prototype.previousPONode=function(){for(var e,t=this.currentNode,n=this.root,o=this.nodeType,i=this.filter;;){for(e=t.lastChild;!e&&t&&t!==n;)(e=t.previousSibling)||(t=t.parentNode);if(!e)return null;if(he[e.nodeType]&o&&i(e))return this.currentNode=e,e;t=e}};var fe=/^(?:#text|A(?:BBR|CRONYM)?|B(?:R|D[IO])?|C(?:ITE|ODE)|D(?:ATA|EL|FN)|EM|FONT|I(?:FRAME|MG|NPUT|NS)?|KBD|Q|R(?:P|T|UBY)|S(?:AMP|MALL|PAN|TR(?:IKE|ONG)|U[BP])?|TIME|U|VAR|WBR)$/,pe={BR:1,HR:1,IFRAME:1,IMG:1,INPUT:1},ge=0,me=1,ve=2,Ce=3,Ne=de?new WeakMap:null,_e=function(e,t){for(var n=e.childNodes;t&&e.nodeType===M;)e=n[t-1],n=e.childNodes,t=n.length;return e},Se=function(e,t){if(e.nodeType===M){var n=e.childNodes;if(t-1,r=e.compareBoundaryPoints(1,o)<1;return!i&&!r}var a=e.compareBoundaryPoints(0,o)<1,s=e.compareBoundaryPoints(2,o)>-1;return a&&s},xe=function(e){for(var t,n=e.startContainer,o=e.startOffset,r=e.endContainer,a=e.endOffset,s=!0;n.nodeType!==H&&(t=n.childNodes[o])&&!i(t);)n=t,o=0;if(a)for(;r.nodeType!==H;){if(!(t=r.childNodes[a-1])||i(t)){if(s&&t&&"BR"===t.nodeName){a-=1,s=!1;continue}break}r=t,a=N(r)}else for(;r.nodeType!==H&&(t=r.firstChild)&&!i(t);)r=t;e.collapsed?(e.setStart(r,a),e.setEnd(n,o)):(e.setStart(n,o),e.setEnd(r,a))},Ae=function(e,t,n,o){var i,r=e.startContainer,a=e.startOffset,s=e.endContainer,d=e.endOffset,l=!0;for(t||(t=e.commonAncestorContainer),n||(n=t);!a&&r!==t&&r!==o;)i=r.parentNode,a=ce.call(i.childNodes,r),r=i;for(;;){if(l&&s.nodeType!==H&&s.childNodes[d]&&"BR"===s.childNodes[d].nodeName&&(d+=1,l=!1),s===n||s===o||d!==N(s))break;i=s.parentNode,d=ce.call(i.childNodes,s)+1,s=i}e.setStart(r,a),e.setEnd(s,d)},Le=function(e,t){var n,o=e.startContainer;return a(o)?n=c(o,t):o!==t&&s(o)?n=o:(n=_e(o,e.startOffset),n=h(n,t)),n&&ke(e,n,!0)?n:null},Be=function(e,t){var n,o,i=e.endContainer;if(a(i))n=c(i,t);else if(i!==t&&s(i))n=i;else{if(!(n=Se(i,e.endOffset))||!v(t,n))for(n=t;o=n.lastChild;)n=o;n=c(n,t)}return n&&ke(e,n,!0)?n:null},Oe=new n(null,4|q,function(e){return e.nodeType===H?le.test(e.data):"IMG"===e.nodeName}),Re=function(e,t){var n,o=e.startContainer,i=e.startOffset;if(Oe.root=null,o.nodeType===H){if(i)return!1;n=o}else if(n=Se(o,i),n&&!v(t,n)&&(n=null),!n&&(n=_e(o,i),n.nodeType===H&&n.length))return!1;return Oe.currentNode=n,Oe.root=Le(e,t),!Oe.previousNode()},De=function(e,t){var n,o=e.endContainer,i=e.endOffset;if(Oe.root=null,o.nodeType===H){if((n=o.data.length)&&i-1||!Y&&ce.call(i,"text/plain")>-1&&ce.call(i,"text/rtf")<0))return e.preventDefault(),void(!d&&(r=a.getData("text/html"))?this.insertHTML(r,!0):((r=a.getData("text/plain"))||(r=a.getData("text/uri-list")))&&this.insertPlainText(r,!0));this._awaitingPaste=!0;var f=this._doc.body,p=this.getSelection(),g=p.startContainer,m=p.startOffset,v=p.endContainer,C=p.endOffset,N=this.createElement("DIV",{contenteditable:"true",style:"position:fixed; overflow:hidden; top:0; right:100%; width:1px; height:1px;"});f.appendChild(N),p.selectNodeContents(N),this.setSelection(p),setTimeout(function(){try{u._awaitingPaste=!1;for(var e,t,n="",o=N;N=o;)o=N.nextSibling,_(N),e=N.firstChild,e&&e===N.lastChild&&"DIV"===e.nodeName&&(N=e),n+=N.innerHTML;t=u.createRange(g,m,v,C),u.setSelection(t),n&&u.insertHTML(n,!0)}catch(e){u.didError(e)}},0)},rt=function(e){for(var t=e.dataTransfer.types,n=t.length,o=!1,i=!1;n--;)switch(t[n]){case"text/plain":o=!0;break;case"text/html":i=!0;break;default:return}(i||o)&&this.saveUndoState()},at=P.prototype,st=function(e,t,n){var o=n._doc,i=e?DOMPurify.sanitize(e,{ALLOW_UNKNOWN_PROTOCOLS:!0,WHOLE_DOCUMENT:!1,RETURN_DOM:!0,RETURN_DOM_FRAGMENT:!0}):null;return i?o.importNode(i,!0):o.createDocumentFragment()};at.setConfig=function(e){return e=D({blockTag:"DIV",blockAttributes:null,tagAttributes:{blockquote:null,ul:null,ol:null,li:null,a:null},classNames:{colour:"colour",fontFamily:"font",fontSize:"size",highlight:"highlight"},leafNodeNames:pe,undo:{documentSizeThreshold:-1,undoLimit:-1},isInsertedHTMLSanitized:!0,isSetHTMLSanitized:!0,sanitizeToDOMFragment:"undefined"!=typeof DOMPurify&&DOMPurify.isSupported?st:null,willCutCopy:null,allowedBlocks:[]},e,!0),e.blockTag=e.blockTag.toUpperCase(),this._config=e,this},at.createElement=function(e,t,n){return T(this._doc,e,t,n)},at.createDefaultBlock=function(e){var t=this._config;return E(this.createElement(t.blockTag,t.blockAttributes,e),this._root)},at.didError=function(e){console.log(e)},at.getDocument=function(){return this._doc},at.getRoot=function(){return this._root},at.modifyDocument=function(e){var t=this._mutation;t&&(t.takeRecords().length&&this._docWasChanged(),t.disconnect()),this._ignoreAllChanges=!0,e(),this._ignoreAllChanges=!1,t&&(t.observe(this._root,{childList:!0,attributes:!0,characterData:!0,subtree:!0}),this._ignoreChange=!1)};var dt={pathChange:1,select:1,input:1,undoStateChange:1};at.fireEvent=function(e,t){var n,o,i,r=this._events[e];if(/^(?:focus|blur)/.test(e))if(n=this._root===this._doc.activeElement,"focus"===e){if(!n||this._isFocused)return this;this._isFocused=!0}else{if(n||!this._isFocused)return this;this._isFocused=!1}if(r)for(t||(t={}),t.type!==e&&(t.type=e),r=r.slice(),o=r.length;o--;){i=r[o];try{i.handleEvent?i.handleEvent(t):i.call(this,t)}catch(t){t.details="Squire: fireEvent error. Event type: "+e,this.didError(t)}}return this},at.destroy=function(){var e,t=this._events;for(e in t)this.removeEventListener(e);this._mutation&&this._mutation.disconnect(),delete this._root.__squire__,this._undoIndex=-1,this._undoStack=[],this._undoStackLength=0},at.handleEvent=function(e){this.fireEvent(e.type,e)},at.addEventListener=function(e,t){var n=this._events[e],o=this._root;return t?(n||(n=this._events[e]=[],dt[e]||("selectionchange"===e&&(o=this._doc),o.addEventListener(e,this,!0))),n.push(t),this):(this.didError({name:"Squire: addEventListener with null or undefined fn",message:"Event type: "+e}),this)},at.removeEventListener=function(e,t){var n,o=this._events[e],i=this._root;if(o){if(t)for(n=o.length;n--;)o[n]===t&&o.splice(n,1);else o.length=0;o.length||(delete this._events[e],dt[e]||("selectionchange"===e&&(i=this._doc),i.removeEventListener(e,this,!0)))}return this},at.createRange=function(e,t,n,o){if(e instanceof this._win.Range)return e.cloneRange();var i=this._doc.createRange();return i.setStart(e,t),n?i.setEnd(n,o):i.setEnd(e,t),i},at.getCursorPosition=function(e){if(!e&&!(e=this.getSelection())||!e.getBoundingClientRect)return null;var t,n,o=e.getBoundingClientRect();return o&&!o.top&&(this._ignoreChange=!0,t=this._doc.createElement("SPAN"),t.textContent=K,ye(e,t),o=t.getBoundingClientRect(),n=t.parentNode,n.removeChild(t),A(n,e),this._ignoreChange=!1),o},at._moveCursorTo=function(e){var t=this._root,n=this.createRange(t,e?0:t.childNodes.length);return xe(n),this.setSelection(n),this},at.moveCursorToStart=function(){return this._moveCursorTo(!0)},at.moveCursorToEnd=function(){return this._moveCursorTo(!1)};var lt=function(e){return e._win.getSelection()||null};at.setSelection=function(e){if(e)if(this._lastSelection=e,this._isFocused)if(j&&!this._restoreSelection)U.call(this),this.blur(),this.focus();else{Q&&this._win.focus();var t=lt(this);t&&(t.removeAllRanges(),t.addRange(e))}else U.call(this);return this},at.getSelection=function(){var e,t,n,o,r=lt(this),a=this._root;return this._isFocused&&r&&r.rangeCount&&(e=r.getRangeAt(0).cloneRange(),t=e.startContainer,n=e.endContainer,t&&i(t)&&e.setStartBefore(t),n&&i(n)&&e.setEndBefore(n)),e&&v(a,e.commonAncestorContainer)?this._lastSelection=e:(e=this._lastSelection,o=e.commonAncestorContainer,v(o.ownerDocument,o)||(e=null)),e||(e=this.createRange(a.firstChild,0)),e},at.getSelectedText=function(){var e=this.getSelection();if(!e||e.collapsed)return"";var t,o=new n(e.commonAncestorContainer,4|q,function(t){return ke(e,t,!0)}),i=e.startContainer,r=e.endContainer,s=o.currentNode=i,d="",l=!1;for(o.filter(s)||(s=o.nextNode());s;)s.nodeType===H?(t=s.data)&&/\S/.test(t)&&(s===r&&(t=t.slice(0,e.endOffset)),s===i&&(t=t.slice(e.startOffset)),d+=t,l=!0):("BR"===s.nodeName||l&&!a(s))&&(d+="\n",l=!1),s=o.nextNode();return d},at.getPath=function(){return this._path};var ct=function(e,t){for(var o,i,r,s=new n(e,4);i=s.nextNode();)for(;(r=i.data.indexOf(K))>-1&&(!t||i.parentNode!==t);){if(1===i.length){do{o=i.parentNode,o.removeChild(i),i=o,s.currentNode=o}while(a(i)&&!N(i));break}i.deleteData(r,1)}};at._didAddZWS=function(){this._hasZWS=!0},at._removeZWS=function(){this._hasZWS&&(ct(this._root),this._hasZWS=!1)},at._updatePath=function(e,t){if(e){var n,o=e.startContainer,i=e.endContainer;(t||o!==this._lastAnchorNode||i!==this._lastFocusNode)&&(this._lastAnchorNode=o,this._lastFocusNode=i,
+n=o&&i?o===i?C(i,this._root,this._config):"(selection)":"",this._path!==n&&(this._path=n,this.fireEvent("pathChange",{path:n}))),this.fireEvent(e.collapsed?"cursor":"select",{range:e})}},at._updatePathOnEvent=function(e){var t=this;t._isFocused&&!t._willUpdatePath&&(t._willUpdatePath=!0,setTimeout(function(){t._willUpdatePath=!1,t._updatePath(t.getSelection())},0))},at.focus=function(){if(ne){try{this._root.setActive()}catch(e){}this.fireEvent("focus")}else this._root.focus();return this},at.blur=function(){return this._root.blur(),ne&&this.fireEvent("blur"),this};var ht="squire-selection-end";at._saveRangeToBookmark=function(e){var t,n=this.createElement("INPUT",{id:"squire-selection-start",type:"hidden"}),o=this.createElement("INPUT",{id:ht,type:"hidden"});ye(e,n),e.collapse(!1),ye(e,o),2&n.compareDocumentPosition(o)&&(n.id=ht,o.id="squire-selection-start",t=n,n=o,o=t),e.setStartAfter(n),e.setEndBefore(o)},at._getRangeAndRemoveBookmark=function(e){var t=this._root,n=t.querySelector("#squire-selection-start"),o=t.querySelector("#"+ht);if(n&&o){var i=n.parentNode,r=o.parentNode,a=ce.call(i.childNodes,n),s=ce.call(r.childNodes,o);i===r&&(s-=1),_(n),_(o),e||(e=this._doc.createRange()),e.setStart(i,a),e.setEnd(r,s),A(i,e),i!==r&&A(r,e),e.collapsed&&(i=e.startContainer,i.nodeType===H&&(r=i.childNodes[e.startOffset],r&&r.nodeType===H||(r=i.childNodes[e.startOffset-1]),r&&r.nodeType===H&&(e.setStart(r,0),e.collapse(!0))))}return e||null},at._keyUpDetectChange=function(e){var t=e.keyCode;e.ctrlKey||e.metaKey||e.altKey||!(t<16||t>20)||!(t<33||t>45)||this._docWasChanged()},at._docWasChanged=function(){if(de&&(Ne=new WeakMap),!this._ignoreAllChanges){if(se&&this._ignoreChange)return void(this._ignoreChange=!1);this._isInUndoState&&(this._isInUndoState=!1,this.fireEvent("undoStateChange",{canUndo:!0,canRedo:!1})),this.fireEvent("input")}},at._recordUndoState=function(e,t){if(!this._isInUndoState||t){var n,o=this._undoIndex,i=this._undoStack,r=this._config.undo,a=r.documentSizeThreshold,s=r.undoLimit;t||(o+=1),o-1&&2*n.length>a&&s>-1&&o>s&&(i.splice(0,o-s),o=s,this._undoStackLength=s),i[o]=n,this._undoIndex=o,this._undoStackLength+=1,this._isInUndoState=!0}},at.saveUndoState=function(e){return e===t&&(e=this.getSelection()),this._recordUndoState(e,this._isInUndoState),this._getRangeAndRemoveBookmark(e),this},at.undo=function(){if(0!==this._undoIndex||!this._isInUndoState){this._recordUndoState(this.getSelection(),!1),this._undoIndex-=1,this._setHTML(this._undoStack[this._undoIndex]);var e=this._getRangeAndRemoveBookmark();e&&this.setSelection(e),this._isInUndoState=!0,this.fireEvent("undoStateChange",{canUndo:0!==this._undoIndex,canRedo:!0}),this.fireEvent("input")}return this},at.redo=function(){var e=this._undoIndex,t=this._undoStackLength;if(e+1c&&h.splitText(c),h===s&&l&&(h=h.splitText(l),d===s&&(d=h,c-=l),s=h,l=0),i=this.createElement(e,t),S(h,i),i.appendChild(h))}while(r.nextNode());d.nodeType!==H&&(h.nodeType===H?(d=h,c=h.length):(d=h.parentNode,c=1)),o=this.createRange(s,l,d,c)}return o},at._removeFormat=function(e,t,n,o){this._saveRangeToBookmark(n);var i,r=this._doc;n.collapsed&&(re?(i=r.createTextNode(K),this._didAddZWS()):i=r.createTextNode(""),ye(n,i));for(var s=n.commonAncestorContainer;a(s);)s=s.parentNode;var d=n.startContainer,l=n.startOffset,c=n.endContainer,h=n.endOffset,u=[],f=function(e,t){if(!ke(n,e,!1)){var o,i,r=e.nodeType===H;if(!ke(n,e,!0))return void("INPUT"===e.nodeName||r&&!e.data||u.push([t,e]));if(r)e===c&&h!==e.length&&u.push([t,e.splitText(h)]),e===d&&l&&(e.splitText(l),u.push([t,e]));else for(o=e.firstChild;o;o=i)i=o.nextSibling,f(o,t)}},g=Array.prototype.filter.call(s.getElementsByTagName(e),function(o){return ke(n,o,!0)&&p(o,e,t)});return o||g.forEach(function(e){f(e,e)}),u.forEach(function(e){var t=e[0].cloneNode(!1),n=e[1];S(n,t),t.appendChild(n)}),g.forEach(function(e){S(e,y(e))}),this._getRangeAndRemoveBookmark(n),i&&n.collapse(!1),A(s,n),n},at.changeFormat=function(e,t,n,o){return n||(n=this.getSelection())?(this.saveUndoState(n),t&&(n=this._removeFormat(t.tag.toUpperCase(),t.attributes||{},n,o)),e&&(n=this._addFormat(e.tag.toUpperCase(),e.attributes||{},n)),this.setSelection(n),this._updatePath(n,!0),se||this._docWasChanged(),this):this};var ut={DT:"DD",DD:"DT",LI:"LI",PRE:"PRE"},ft=function(e,t,n,o){var i=ut[t.nodeName],r=null,a=k(n,o,t.parentNode,e._root),s=e._config;return i||(i=s.blockTag,r=s.blockAttributes),p(a,i,r)||(t=T(a.ownerDocument,i,r),a.dir&&(t.dir=a.dir),S(a,t),t.appendChild(y(a)),a=t),a};at.forEachBlock=function(e,t,n){if(!n&&!(n=this.getSelection()))return this;t&&this.saveUndoState(n);var o=this._root,i=Le(n,o),r=Be(n,o);if(i&&r)do{if(e(i)||i===r)break}while(i=h(i,o));return t&&(this.setSelection(n),this._updatePath(n,!0),se||this._docWasChanged()),this},at.modifyBlocks=function(e,t){if(!t&&!(t=this.getSelection()))return this;this._recordUndoState(t,this._isInUndoState);var n,o=this._root;return Pe(t,o),Ae(t,o,o,o),n=Te(t,o,o),ye(t,e.call(this,n)),t.endOffset]+|\([^\s()<>]+\))+(?:\((?:[^\s()<>]+|(?:\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?«»“”‘’]))|([\w\-.%+]+@(?:[\w\-]+\.)+[A-Z]{2,}\b)(?:\?[^&?\s]+=[^&?\s]+(?:&[^&?\s]+=[^&?\s]+)*)?/i;var yt=function(e,t,o){var i,r,a,s,d,l,c,h=e.ownerDocument,u=new n(e,4,function(e){return!g(e,t,"A")}),f=o.linkRegExp,p=o._config.tagAttributes.a;if(f)for(;i=u.nextNode();)for(r=i.data,a=i.parentNode;s=f.exec(r);)d=s.index,l=d+s[0].length,d&&(c=h.createTextNode(r.slice(0,d)),a.insertBefore(c,i)),c=o.createElement("A",D({href:s[1]?/^(?:ht|f)tps?:/i.test(s[1])?s[1]:"http://"+s[1]:"mailto:"+s[0]},p,!1)),c.textContent=r.slice(d,l),a.insertBefore(c,i),i.data=r=r.slice(l)};at.insertHTML=function(e,t){var n,o,i,r,a,s,d,l=this._config,c=l.isInsertedHTMLSanitized?l.sanitizeToDOMFragment:null,u=this.getSelection(),f=this._doc;"function"==typeof c?r=c(e,t,this):(t&&(n=e.indexOf("\x3c!--StartFragment--\x3e"),o=e.lastIndexOf("\x3c!--EndFragment--\x3e"),n>-1&&o>-1&&(e=e.slice(n+20,o))),/<\/td>((?!<\/tr>)[\s\S])*$/i.test(e)&&(e="
"+e+""),/<\/tr>((?!<\/table>)[\s\S])*$/i.test(e)&&(e="
"+e+"
"),i=this.createElement("DIV"),i.innerHTML=e,r=f.createDocumentFragment(),r.appendChild(y(i))),this.saveUndoState(u);try{for(a=this._root,s=r,d={fragment:r,preventDefault:function(){this.defaultPrevented=!0},defaultPrevented:!1},yt(r,r,this),Ve(r,l),et(r,a,!1),Ye(r),r.normalize();s=h(s,r);)E(s,a);t&&this.fireEvent("willPaste",d),d.defaultPrevented||(be(u,d.fragment,a),se||this._docWasChanged(),u.collapse(!1),this._ensureBottomLine()),this.setSelection(u),this._updatePath(u,!0),t&&this.focus()}catch(e){this.didError(e)}return this};var Tt=function(e){return e.split("&").join("&").split("<").join("<").split(">").join(">").split('"').join(""")};at.insertPlainText=function(e,t){var n=this.getSelection();if(n.collapsed&&g(n.startContainer,this._root,"PRE")){var o,i,r=n.startContainer,a=n.startOffset;return r&&r.nodeType===H||(o=this._doc.createTextNode(""),r.insertBefore(o,r.childNodes[a]),r=o,a=0),i={text:e,preventDefault:function(){this.defaultPrevented=!0},defaultPrevented:!1},t&&this.fireEvent("willPaste",i),i.defaultPrevented||(e=i.text,r.insertData(a,e),n.setStart(r,a+e.length),n.collapse(!0)),this.setSelection(n),this}var s,d,l,c,h=e.split("\n"),u=this._config,f=u.blockTag,p=u.blockAttributes,m="",v="<"+f;for(s in p)v+=" "+s+'="'+Tt(p[s])+'"';for(v+=">",d=0,l=h.length;d")+m;return this.insertHTML(h.join(""),t)};var Et=function(e,t,n){return function(){return this[e](t,n),this.focus()}};at.addStyles=function(e){if(e){var t=this._doc.documentElement.firstChild,n=this.createElement("STYLE",{type:"text/css"});n.appendChild(this._doc.createTextNode(e)),t.appendChild(n)}return this},at.bold=Et("changeFormat",{tag:"B"}),at.italic=Et("changeFormat",{tag:"I"}),at.underline=Et("changeFormat",{tag:"U"}),at.strikethrough=Et("changeFormat",{tag:"S"}),at.subscript=Et("changeFormat",{tag:"SUB"},{tag:"SUP"}),at.superscript=Et("changeFormat",{tag:"SUP"},{tag:"SUB"}),at.removeBold=Et("changeFormat",null,{tag:"B"}),at.removeItalic=Et("changeFormat",null,{tag:"I"}),at.removeUnderline=Et("changeFormat",null,{tag:"U"}),at.removeStrikethrough=Et("changeFormat",null,{tag:"S"}),at.removeSubscript=Et("changeFormat",null,{tag:"SUB"}),at.removeSuperscript=Et("changeFormat",null,{tag:"SUP"}),at.makeLink=function(e,t){var n=this.getSelection();if(n.collapsed){var o=e.indexOf(":")+1;if(o)for(;"/"===e[o];)o+=1;ye(n,this._doc.createTextNode(e.slice(o)))}return t=D(D({href:e},t,!0),this._config.tagAttributes.a,!1),this.changeFormat({tag:"A",attributes:t},{tag:"A"},n),this.focus()},at.removeLink=function(){return this.changeFormat(null,{tag:"A"},this.getSelection(),!0),this.focus()},at.setFontFace=function(e){var t=this._config.classNames.fontFamily;return this.changeFormat(e?{tag:"SPAN",attributes:{class:t,style:"font-family: "+e+", sans-serif;"}}:null,{tag:"SPAN",attributes:{class:t}}),this.focus()},at.setFontSize=function(e){var t=this._config.classNames.fontSize;return this.changeFormat(e?{tag:"SPAN",attributes:{class:t,style:"font-size: "+("number"==typeof e?e+"px":e)}}:null,{tag:"SPAN",attributes:{class:t}}),this.focus()},at.setTextColour=function(e){var t=this._config.classNames.colour;return this.changeFormat(e?{tag:"SPAN",attributes:{class:t,style:"color:"+e}}:null,{tag:"SPAN",attributes:{class:t}}),this.focus()},at.setHighlightColour=function(e){var t=this._config.classNames.highlight;return this.changeFormat(e?{tag:"SPAN",attributes:{class:t,style:"background-color:"+e}}:e,{tag:"SPAN",attributes:{class:t}}),this.focus()},at.setTextAlignment=function(e){return this.forEachBlock(function(t){var n=t.className.split(/\s+/).filter(function(e){return!!e&&!/^align/.test(e)}).join(" ");e?(t.className=n+" align-"+e,t.style.textAlign=e):(t.className=n,t.style.textAlign="")},!0),this.focus()},at.setTextDirection=function(e){return this.forEachBlock(function(t){e?t.dir=e:t.removeAttribute("dir")},!0),this.focus()};var bt=function(e){for(var t,o=this._root,i=this._doc,r=i.createDocumentFragment(),a=l(e,o);t=a.nextNode();){var s,d,c=t.querySelectorAll("BR"),h=[],u=c.length;for(s=0;s-1;)a.appendChild(d.createTextNode(r.slice(0,s))),a.appendChild(d.createElement("BR")),r=r.slice(s+1);i.parentNode.insertBefore(a,i),i.data=r}b(t,l),S(t,y(t))}return e};at.code=function(){var e=this.getSelection();return e.collapsed||d(e.commonAncestorContainer)?this.modifyBlocks(bt,e):this.changeFormat({tag:"CODE",attributes:this._config.tagAttributes.code},null,e),this.focus()},at.removeCode=function(){var e=this.getSelection();return g(e.commonAncestorContainer,this._root,"PRE")?this.modifyBlocks(kt,e):this.changeFormat(null,{tag:"CODE"},e),this.focus()},at.toggleCode=function(){return this.hasFormat("PRE")||this.hasFormat("CODE")?this.removeCode():this.code(),this},at.removeAllFormatting=function(e){if(!e&&!(e=this.getSelection())||e.collapsed)return this;for(var t=this._root,n=e.commonAncestorContainer;n&&!s(n);)n=n.parentNode;if(n||(Pe(e,t),n=t),n.nodeType===H)return this;this.saveUndoState(e),Ae(e,n,n,t);for(var o,i,r=n.ownerDocument,a=e.startContainer,d=e.startOffset,l=e.endContainer,c=e.endOffset,h=r.createDocumentFragment(),u=r.createDocumentFragment(),f=k(l,c,n,t),p=k(a,d,n,t);p!==f;)o=p.nextSibling,h.appendChild(p),p=o;return F(this,h,u),u.normalize(),p=u.firstChild,o=u.lastChild,i=n.childNodes,p?(n.insertBefore(u,f),d=ce.call(i,p),c=ce.call(i,o)+1):(d=ce.call(i,f),c=d),e.setStart(n,d),e.setEnd(n,c),A(n,e),xe(e),this.setSelection(e),this._updatePath(e,!0),this.focus()},at.increaseQuoteLevel=Et("modifyBlocks",pt),at.decreaseQuoteLevel=Et("modifyBlocks",gt),at.makeUnorderedList=Et("modifyBlocks",Ct),at.makeOrderedList=Et("modifyBlocks",Nt),at.removeList=Et("modifyBlocks",_t),P.isInline=a,P.isBlock=s,P.isContainer=d,P.getBlockWalker=l,P.getPreviousBlock=c,P.getNextBlock=h,P.areAlike=f,P.hasTagAttributes=p,P.getNearest=g,P.isOrContains=v,P.detach=_,P.replaceWith=S,P.empty=y,P.getNodeBefore=_e,P.getNodeAfter=Se,P.insertNodeInRange=ye,P.extractContentsOfRange=Te,P.deleteContentsOfRange=Ee,P.insertTreeFragmentIntoRange=be,P.isNodeContainedInRange=ke,P.moveRangeBoundariesDownTree=xe,P.moveRangeBoundariesUpTree=Ae,P.getStartBlockOfRange=Le,P.getEndBlockOfRange=Be,P.contentWalker=Oe,P.rangeDoesStartAtBlockBoundary=Re,P.rangeDoesEndAtBlockBoundary=De,P.expandRangeToBlockBoundaries=Pe,P.onPaste=it,P.addLinks=yt,P.splitBlock=ft,P.startSelectionId="squire-selection-start",P.endSelectionId=ht, true?module.exports=P:undefined}(document);
+
+/***/ }),
+/* 56 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a string or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a boolean or not.
+ *  If the given variable is a boolean, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is boolean?
+ * @memberof module:type
+ */
+function isBoolean(obj) {
+  return typeof obj === 'boolean' || obj instanceof Boolean;
+}
+
+module.exports = isBoolean;
+
+
+/***/ }),
+/* 57 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(global) {/**
+ * A collection of shims that provide minimal functionality of the ES6 collections.
+ *
+ * These implementations are not meant to be used outside of the ResizeObserver
+ * modules as they cover only a limited range of use cases.
+ */
+/* eslint-disable require-jsdoc, valid-jsdoc */
+var MapShim = (function () {
+    if (typeof Map !== 'undefined') {
+        return Map;
+    }
+    /**
+     * Returns index in provided array that matches the specified key.
+     *
+     * @param {Array} arr
+     * @param {*} key
+     * @returns {number}
+     */
+    function getIndex(arr, key) {
+        var result = -1;
+        arr.some(function (entry, index) {
+            if (entry[0] === key) {
+                result = index;
+                return true;
+            }
+            return false;
+        });
+        return result;
+    }
+    return /** @class */ (function () {
+        function class_1() {
+            this.__entries__ = [];
+        }
+        Object.defineProperty(class_1.prototype, "size", {
+            /**
+             * @returns {boolean}
+             */
+            get: function () {
+                return this.__entries__.length;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @param {*} key
+         * @returns {*}
+         */
+        class_1.prototype.get = function (key) {
+            var index = getIndex(this.__entries__, key);
+            var entry = this.__entries__[index];
+            return entry && entry[1];
+        };
+        /**
+         * @param {*} key
+         * @param {*} value
+         * @returns {void}
+         */
+        class_1.prototype.set = function (key, value) {
+            var index = getIndex(this.__entries__, key);
+            if (~index) {
+                this.__entries__[index][1] = value;
+            }
+            else {
+                this.__entries__.push([key, value]);
+            }
+        };
+        /**
+         * @param {*} key
+         * @returns {void}
+         */
+        class_1.prototype.delete = function (key) {
+            var entries = this.__entries__;
+            var index = getIndex(entries, key);
+            if (~index) {
+                entries.splice(index, 1);
+            }
+        };
+        /**
+         * @param {*} key
+         * @returns {void}
+         */
+        class_1.prototype.has = function (key) {
+            return !!~getIndex(this.__entries__, key);
+        };
+        /**
+         * @returns {void}
+         */
+        class_1.prototype.clear = function () {
+            this.__entries__.splice(0);
+        };
+        /**
+         * @param {Function} callback
+         * @param {*} [ctx=null]
+         * @returns {void}
+         */
+        class_1.prototype.forEach = function (callback, ctx) {
+            if (ctx === void 0) { ctx = null; }
+            for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
+                var entry = _a[_i];
+                callback.call(ctx, entry[1], entry[0]);
+            }
+        };
+        return class_1;
+    }());
+})();
+
+/**
+ * Detects whether window and document objects are available in current environment.
+ */
+var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;
+
+// Returns global object of a current environment.
+var global$1 = (function () {
+    if (typeof global !== 'undefined' && global.Math === Math) {
+        return global;
+    }
+    if (typeof self !== 'undefined' && self.Math === Math) {
+        return self;
+    }
+    if (typeof window !== 'undefined' && window.Math === Math) {
+        return window;
+    }
+    // eslint-disable-next-line no-new-func
+    return Function('return this')();
+})();
+
+/**
+ * A shim for the requestAnimationFrame which falls back to the setTimeout if
+ * first one is not supported.
+ *
+ * @returns {number} Requests' identifier.
+ */
+var requestAnimationFrame$1 = (function () {
+    if (typeof requestAnimationFrame === 'function') {
+        // It's required to use a bounded function because IE sometimes throws
+        // an "Invalid calling object" error if rAF is invoked without the global
+        // object on the left hand side.
+        return requestAnimationFrame.bind(global$1);
+    }
+    return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };
+})();
+
+// Defines minimum timeout before adding a trailing call.
+var trailingTimeout = 2;
+/**
+ * Creates a wrapper function which ensures that provided callback will be
+ * invoked only once during the specified delay period.
+ *
+ * @param {Function} callback - Function to be invoked after the delay period.
+ * @param {number} delay - Delay after which to invoke callback.
+ * @returns {Function}
+ */
+function throttle (callback, delay) {
+    var leadingCall = false, trailingCall = false, lastCallTime = 0;
+    /**
+     * Invokes the original callback function and schedules new invocation if
+     * the "proxy" was called during current request.
+     *
+     * @returns {void}
+     */
+    function resolvePending() {
+        if (leadingCall) {
+            leadingCall = false;
+            callback();
+        }
+        if (trailingCall) {
+            proxy();
+        }
+    }
+    /**
+     * Callback invoked after the specified delay. It will further postpone
+     * invocation of the original function delegating it to the
+     * requestAnimationFrame.
+     *
+     * @returns {void}
+     */
+    function timeoutCallback() {
+        requestAnimationFrame$1(resolvePending);
+    }
+    /**
+     * Schedules invocation of the original function.
+     *
+     * @returns {void}
+     */
+    function proxy() {
+        var timeStamp = Date.now();
+        if (leadingCall) {
+            // Reject immediately following calls.
+            if (timeStamp - lastCallTime < trailingTimeout) {
+                return;
+            }
+            // Schedule new call to be in invoked when the pending one is resolved.
+            // This is important for "transitions" which never actually start
+            // immediately so there is a chance that we might miss one if change
+            // happens amids the pending invocation.
+            trailingCall = true;
+        }
+        else {
+            leadingCall = true;
+            trailingCall = false;
+            setTimeout(timeoutCallback, delay);
+        }
+        lastCallTime = timeStamp;
+    }
+    return proxy;
+}
+
+// Minimum delay before invoking the update of observers.
+var REFRESH_DELAY = 20;
+// A list of substrings of CSS properties used to find transition events that
+// might affect dimensions of observed elements.
+var transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];
+// Check if MutationObserver is available.
+var mutationObserverSupported = typeof MutationObserver !== 'undefined';
+/**
+ * Singleton controller class which handles updates of ResizeObserver instances.
+ */
+var ResizeObserverController = /** @class */ (function () {
+    /**
+     * Creates a new instance of ResizeObserverController.
+     *
+     * @private
+     */
+    function ResizeObserverController() {
+        /**
+         * Indicates whether DOM listeners have been added.
+         *
+         * @private {boolean}
+         */
+        this.connected_ = false;
+        /**
+         * Tells that controller has subscribed for Mutation Events.
+         *
+         * @private {boolean}
+         */
+        this.mutationEventsAdded_ = false;
+        /**
+         * Keeps reference to the instance of MutationObserver.
+         *
+         * @private {MutationObserver}
+         */
+        this.mutationsObserver_ = null;
+        /**
+         * A list of connected observers.
+         *
+         * @private {Array}
+         */
+        this.observers_ = [];
+        this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);
+        this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);
+    }
+    /**
+     * Adds observer to observers list.
+     *
+     * @param {ResizeObserverSPI} observer - Observer to be added.
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.addObserver = function (observer) {
+        if (!~this.observers_.indexOf(observer)) {
+            this.observers_.push(observer);
+        }
+        // Add listeners if they haven't been added yet.
+        if (!this.connected_) {
+            this.connect_();
+        }
+    };
+    /**
+     * Removes observer from observers list.
+     *
+     * @param {ResizeObserverSPI} observer - Observer to be removed.
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.removeObserver = function (observer) {
+        var observers = this.observers_;
+        var index = observers.indexOf(observer);
+        // Remove observer if it's present in registry.
+        if (~index) {
+            observers.splice(index, 1);
+        }
+        // Remove listeners if controller has no connected observers.
+        if (!observers.length && this.connected_) {
+            this.disconnect_();
+        }
+    };
+    /**
+     * Invokes the update of observers. It will continue running updates insofar
+     * it detects changes.
+     *
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.refresh = function () {
+        var changesDetected = this.updateObservers_();
+        // Continue running updates if changes have been detected as there might
+        // be future ones caused by CSS transitions.
+        if (changesDetected) {
+            this.refresh();
+        }
+    };
+    /**
+     * Updates every observer from observers list and notifies them of queued
+     * entries.
+     *
+     * @private
+     * @returns {boolean} Returns "true" if any observer has detected changes in
+     *      dimensions of it's elements.
+     */
+    ResizeObserverController.prototype.updateObservers_ = function () {
+        // Collect observers that have active observations.
+        var activeObservers = this.observers_.filter(function (observer) {
+            return observer.gatherActive(), observer.hasActive();
+        });
+        // Deliver notifications in a separate cycle in order to avoid any
+        // collisions between observers, e.g. when multiple instances of
+        // ResizeObserver are tracking the same element and the callback of one
+        // of them changes content dimensions of the observed target. Sometimes
+        // this may result in notifications being blocked for the rest of observers.
+        activeObservers.forEach(function (observer) { return observer.broadcastActive(); });
+        return activeObservers.length > 0;
+    };
+    /**
+     * Initializes DOM listeners.
+     *
+     * @private
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.connect_ = function () {
+        // Do nothing if running in a non-browser environment or if listeners
+        // have been already added.
+        if (!isBrowser || this.connected_) {
+            return;
+        }
+        // Subscription to the "Transitionend" event is used as a workaround for
+        // delayed transitions. This way it's possible to capture at least the
+        // final state of an element.
+        document.addEventListener('transitionend', this.onTransitionEnd_);
+        window.addEventListener('resize', this.refresh);
+        if (mutationObserverSupported) {
+            this.mutationsObserver_ = new MutationObserver(this.refresh);
+            this.mutationsObserver_.observe(document, {
+                attributes: true,
+                childList: true,
+                characterData: true,
+                subtree: true
+            });
+        }
+        else {
+            document.addEventListener('DOMSubtreeModified', this.refresh);
+            this.mutationEventsAdded_ = true;
+        }
+        this.connected_ = true;
+    };
+    /**
+     * Removes DOM listeners.
+     *
+     * @private
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.disconnect_ = function () {
+        // Do nothing if running in a non-browser environment or if listeners
+        // have been already removed.
+        if (!isBrowser || !this.connected_) {
+            return;
+        }
+        document.removeEventListener('transitionend', this.onTransitionEnd_);
+        window.removeEventListener('resize', this.refresh);
+        if (this.mutationsObserver_) {
+            this.mutationsObserver_.disconnect();
+        }
+        if (this.mutationEventsAdded_) {
+            document.removeEventListener('DOMSubtreeModified', this.refresh);
+        }
+        this.mutationsObserver_ = null;
+        this.mutationEventsAdded_ = false;
+        this.connected_ = false;
+    };
+    /**
+     * "Transitionend" event handler.
+     *
+     * @private
+     * @param {TransitionEvent} event
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {
+        var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b;
+        // Detect whether transition may affect dimensions of an element.
+        var isReflowProperty = transitionKeys.some(function (key) {
+            return !!~propertyName.indexOf(key);
+        });
+        if (isReflowProperty) {
+            this.refresh();
+        }
+    };
+    /**
+     * Returns instance of the ResizeObserverController.
+     *
+     * @returns {ResizeObserverController}
+     */
+    ResizeObserverController.getInstance = function () {
+        if (!this.instance_) {
+            this.instance_ = new ResizeObserverController();
+        }
+        return this.instance_;
+    };
+    /**
+     * Holds reference to the controller's instance.
+     *
+     * @private {ResizeObserverController}
+     */
+    ResizeObserverController.instance_ = null;
+    return ResizeObserverController;
+}());
+
+/**
+ * Defines non-writable/enumerable properties of the provided target object.
+ *
+ * @param {Object} target - Object for which to define properties.
+ * @param {Object} props - Properties to be defined.
+ * @returns {Object} Target object.
+ */
+var defineConfigurable = (function (target, props) {
+    for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
+        var key = _a[_i];
+        Object.defineProperty(target, key, {
+            value: props[key],
+            enumerable: false,
+            writable: false,
+            configurable: true
+        });
+    }
+    return target;
+});
+
+/**
+ * Returns the global object associated with provided element.
+ *
+ * @param {Object} target
+ * @returns {Object}
+ */
+var getWindowOf = (function (target) {
+    // Assume that the element is an instance of Node, which means that it
+    // has the "ownerDocument" property from which we can retrieve a
+    // corresponding global object.
+    var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;
+    // Return the local global object if it's not possible extract one from
+    // provided element.
+    return ownerGlobal || global$1;
+});
+
+// Placeholder of an empty content rectangle.
+var emptyRect = createRectInit(0, 0, 0, 0);
+/**
+ * Converts provided string to a number.
+ *
+ * @param {number|string} value
+ * @returns {number}
+ */
+function toFloat(value) {
+    return parseFloat(value) || 0;
+}
+/**
+ * Extracts borders size from provided styles.
+ *
+ * @param {CSSStyleDeclaration} styles
+ * @param {...string} positions - Borders positions (top, right, ...)
+ * @returns {number}
+ */
+function getBordersSize(styles) {
+    var positions = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        positions[_i - 1] = arguments[_i];
+    }
+    return positions.reduce(function (size, position) {
+        var value = styles['border-' + position + '-width'];
+        return size + toFloat(value);
+    }, 0);
+}
+/**
+ * Extracts paddings sizes from provided styles.
+ *
+ * @param {CSSStyleDeclaration} styles
+ * @returns {Object} Paddings box.
+ */
+function getPaddings(styles) {
+    var positions = ['top', 'right', 'bottom', 'left'];
+    var paddings = {};
+    for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
+        var position = positions_1[_i];
+        var value = styles['padding-' + position];
+        paddings[position] = toFloat(value);
+    }
+    return paddings;
+}
+/**
+ * Calculates content rectangle of provided SVG element.
+ *
+ * @param {SVGGraphicsElement} target - Element content rectangle of which needs
+ *      to be calculated.
+ * @returns {DOMRectInit}
+ */
+function getSVGContentRect(target) {
+    var bbox = target.getBBox();
+    return createRectInit(0, 0, bbox.width, bbox.height);
+}
+/**
+ * Calculates content rectangle of provided HTMLElement.
+ *
+ * @param {HTMLElement} target - Element for which to calculate the content rectangle.
+ * @returns {DOMRectInit}
+ */
+function getHTMLElementContentRect(target) {
+    // Client width & height properties can't be
+    // used exclusively as they provide rounded values.
+    var clientWidth = target.clientWidth, clientHeight = target.clientHeight;
+    // By this condition we can catch all non-replaced inline, hidden and
+    // detached elements. Though elements with width & height properties less
+    // than 0.5 will be discarded as well.
+    //
+    // Without it we would need to implement separate methods for each of
+    // those cases and it's not possible to perform a precise and performance
+    // effective test for hidden elements. E.g. even jQuery's ':visible' filter
+    // gives wrong results for elements with width & height less than 0.5.
+    if (!clientWidth && !clientHeight) {
+        return emptyRect;
+    }
+    var styles = getWindowOf(target).getComputedStyle(target);
+    var paddings = getPaddings(styles);
+    var horizPad = paddings.left + paddings.right;
+    var vertPad = paddings.top + paddings.bottom;
+    // Computed styles of width & height are being used because they are the
+    // only dimensions available to JS that contain non-rounded values. It could
+    // be possible to utilize the getBoundingClientRect if only it's data wasn't
+    // affected by CSS transformations let alone paddings, borders and scroll bars.
+    var width = toFloat(styles.width), height = toFloat(styles.height);
+    // Width & height include paddings and borders when the 'border-box' box
+    // model is applied (except for IE).
+    if (styles.boxSizing === 'border-box') {
+        // Following conditions are required to handle Internet Explorer which
+        // doesn't include paddings and borders to computed CSS dimensions.
+        //
+        // We can say that if CSS dimensions + paddings are equal to the "client"
+        // properties then it's either IE, and thus we don't need to subtract
+        // anything, or an element merely doesn't have paddings/borders styles.
+        if (Math.round(width + horizPad) !== clientWidth) {
+            width -= getBordersSize(styles, 'left', 'right') + horizPad;
+        }
+        if (Math.round(height + vertPad) !== clientHeight) {
+            height -= getBordersSize(styles, 'top', 'bottom') + vertPad;
+        }
+    }
+    // Following steps can't be applied to the document's root element as its
+    // client[Width/Height] properties represent viewport area of the window.
+    // Besides, it's as well not necessary as the  itself neither has
+    // rendered scroll bars nor it can be clipped.
+    if (!isDocumentElement(target)) {
+        // In some browsers (only in Firefox, actually) CSS width & height
+        // include scroll bars size which can be removed at this step as scroll
+        // bars are the only difference between rounded dimensions + paddings
+        // and "client" properties, though that is not always true in Chrome.
+        var vertScrollbar = Math.round(width + horizPad) - clientWidth;
+        var horizScrollbar = Math.round(height + vertPad) - clientHeight;
+        // Chrome has a rather weird rounding of "client" properties.
+        // E.g. for an element with content width of 314.2px it sometimes gives
+        // the client width of 315px and for the width of 314.7px it may give
+        // 314px. And it doesn't happen all the time. So just ignore this delta
+        // as a non-relevant.
+        if (Math.abs(vertScrollbar) !== 1) {
+            width -= vertScrollbar;
+        }
+        if (Math.abs(horizScrollbar) !== 1) {
+            height -= horizScrollbar;
+        }
+    }
+    return createRectInit(paddings.left, paddings.top, width, height);
+}
+/**
+ * Checks whether provided element is an instance of the SVGGraphicsElement.
+ *
+ * @param {Element} target - Element to be checked.
+ * @returns {boolean}
+ */
+var isSVGGraphicsElement = (function () {
+    // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement
+    // interface.
+    if (typeof SVGGraphicsElement !== 'undefined') {
+        return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; };
+    }
+    // If it's so, then check that element is at least an instance of the
+    // SVGElement and that it has the "getBBox" method.
+    // eslint-disable-next-line no-extra-parens
+    return function (target) { return (target instanceof getWindowOf(target).SVGElement &&
+        typeof target.getBBox === 'function'); };
+})();
+/**
+ * Checks whether provided element is a document element ().
+ *
+ * @param {Element} target - Element to be checked.
+ * @returns {boolean}
+ */
+function isDocumentElement(target) {
+    return target === getWindowOf(target).document.documentElement;
+}
+/**
+ * Calculates an appropriate content rectangle for provided html or svg element.
+ *
+ * @param {Element} target - Element content rectangle of which needs to be calculated.
+ * @returns {DOMRectInit}
+ */
+function getContentRect(target) {
+    if (!isBrowser) {
+        return emptyRect;
+    }
+    if (isSVGGraphicsElement(target)) {
+        return getSVGContentRect(target);
+    }
+    return getHTMLElementContentRect(target);
+}
+/**
+ * Creates rectangle with an interface of the DOMRectReadOnly.
+ * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly
+ *
+ * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.
+ * @returns {DOMRectReadOnly}
+ */
+function createReadOnlyRect(_a) {
+    var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
+    // If DOMRectReadOnly is available use it as a prototype for the rectangle.
+    var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;
+    var rect = Object.create(Constr.prototype);
+    // Rectangle's properties are not writable and non-enumerable.
+    defineConfigurable(rect, {
+        x: x, y: y, width: width, height: height,
+        top: y,
+        right: x + width,
+        bottom: height + y,
+        left: x
+    });
+    return rect;
+}
+/**
+ * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.
+ * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit
+ *
+ * @param {number} x - X coordinate.
+ * @param {number} y - Y coordinate.
+ * @param {number} width - Rectangle's width.
+ * @param {number} height - Rectangle's height.
+ * @returns {DOMRectInit}
+ */
+function createRectInit(x, y, width, height) {
+    return { x: x, y: y, width: width, height: height };
+}
+
+/**
+ * Class that is responsible for computations of the content rectangle of
+ * provided DOM element and for keeping track of it's changes.
+ */
+var ResizeObservation = /** @class */ (function () {
+    /**
+     * Creates an instance of ResizeObservation.
+     *
+     * @param {Element} target - Element to be observed.
+     */
+    function ResizeObservation(target) {
+        /**
+         * Broadcasted width of content rectangle.
+         *
+         * @type {number}
+         */
+        this.broadcastWidth = 0;
+        /**
+         * Broadcasted height of content rectangle.
+         *
+         * @type {number}
+         */
+        this.broadcastHeight = 0;
+        /**
+         * Reference to the last observed content rectangle.
+         *
+         * @private {DOMRectInit}
+         */
+        this.contentRect_ = createRectInit(0, 0, 0, 0);
+        this.target = target;
+    }
+    /**
+     * Updates content rectangle and tells whether it's width or height properties
+     * have changed since the last broadcast.
+     *
+     * @returns {boolean}
+     */
+    ResizeObservation.prototype.isActive = function () {
+        var rect = getContentRect(this.target);
+        this.contentRect_ = rect;
+        return (rect.width !== this.broadcastWidth ||
+            rect.height !== this.broadcastHeight);
+    };
+    /**
+     * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data
+     * from the corresponding properties of the last observed content rectangle.
+     *
+     * @returns {DOMRectInit} Last observed content rectangle.
+     */
+    ResizeObservation.prototype.broadcastRect = function () {
+        var rect = this.contentRect_;
+        this.broadcastWidth = rect.width;
+        this.broadcastHeight = rect.height;
+        return rect;
+    };
+    return ResizeObservation;
+}());
+
+var ResizeObserverEntry = /** @class */ (function () {
+    /**
+     * Creates an instance of ResizeObserverEntry.
+     *
+     * @param {Element} target - Element that is being observed.
+     * @param {DOMRectInit} rectInit - Data of the element's content rectangle.
+     */
+    function ResizeObserverEntry(target, rectInit) {
+        var contentRect = createReadOnlyRect(rectInit);
+        // According to the specification following properties are not writable
+        // and are also not enumerable in the native implementation.
+        //
+        // Property accessors are not being used as they'd require to define a
+        // private WeakMap storage which may cause memory leaks in browsers that
+        // don't support this type of collections.
+        defineConfigurable(this, { target: target, contentRect: contentRect });
+    }
+    return ResizeObserverEntry;
+}());
+
+var ResizeObserverSPI = /** @class */ (function () {
+    /**
+     * Creates a new instance of ResizeObserver.
+     *
+     * @param {ResizeObserverCallback} callback - Callback function that is invoked
+     *      when one of the observed elements changes it's content dimensions.
+     * @param {ResizeObserverController} controller - Controller instance which
+     *      is responsible for the updates of observer.
+     * @param {ResizeObserver} callbackCtx - Reference to the public
+     *      ResizeObserver instance which will be passed to callback function.
+     */
+    function ResizeObserverSPI(callback, controller, callbackCtx) {
+        /**
+         * Collection of resize observations that have detected changes in dimensions
+         * of elements.
+         *
+         * @private {Array}
+         */
+        this.activeObservations_ = [];
+        /**
+         * Registry of the ResizeObservation instances.
+         *
+         * @private {Map}
+         */
+        this.observations_ = new MapShim();
+        if (typeof callback !== 'function') {
+            throw new TypeError('The callback provided as parameter 1 is not a function.');
+        }
+        this.callback_ = callback;
+        this.controller_ = controller;
+        this.callbackCtx_ = callbackCtx;
+    }
+    /**
+     * Starts observing provided element.
+     *
+     * @param {Element} target - Element to be observed.
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.observe = function (target) {
+        if (!arguments.length) {
+            throw new TypeError('1 argument required, but only 0 present.');
+        }
+        // Do nothing if current environment doesn't have the Element interface.
+        if (typeof Element === 'undefined' || !(Element instanceof Object)) {
+            return;
+        }
+        if (!(target instanceof getWindowOf(target).Element)) {
+            throw new TypeError('parameter 1 is not of type "Element".');
+        }
+        var observations = this.observations_;
+        // Do nothing if element is already being observed.
+        if (observations.has(target)) {
+            return;
+        }
+        observations.set(target, new ResizeObservation(target));
+        this.controller_.addObserver(this);
+        // Force the update of observations.
+        this.controller_.refresh();
+    };
+    /**
+     * Stops observing provided element.
+     *
+     * @param {Element} target - Element to stop observing.
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.unobserve = function (target) {
+        if (!arguments.length) {
+            throw new TypeError('1 argument required, but only 0 present.');
+        }
+        // Do nothing if current environment doesn't have the Element interface.
+        if (typeof Element === 'undefined' || !(Element instanceof Object)) {
+            return;
+        }
+        if (!(target instanceof getWindowOf(target).Element)) {
+            throw new TypeError('parameter 1 is not of type "Element".');
+        }
+        var observations = this.observations_;
+        // Do nothing if element is not being observed.
+        if (!observations.has(target)) {
+            return;
+        }
+        observations.delete(target);
+        if (!observations.size) {
+            this.controller_.removeObserver(this);
+        }
+    };
+    /**
+     * Stops observing all elements.
+     *
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.disconnect = function () {
+        this.clearActive();
+        this.observations_.clear();
+        this.controller_.removeObserver(this);
+    };
+    /**
+     * Collects observation instances the associated element of which has changed
+     * it's content rectangle.
+     *
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.gatherActive = function () {
+        var _this = this;
+        this.clearActive();
+        this.observations_.forEach(function (observation) {
+            if (observation.isActive()) {
+                _this.activeObservations_.push(observation);
+            }
+        });
+    };
+    /**
+     * Invokes initial callback function with a list of ResizeObserverEntry
+     * instances collected from active resize observations.
+     *
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.broadcastActive = function () {
+        // Do nothing if observer doesn't have active observations.
+        if (!this.hasActive()) {
+            return;
+        }
+        var ctx = this.callbackCtx_;
+        // Create ResizeObserverEntry instance for every active observation.
+        var entries = this.activeObservations_.map(function (observation) {
+            return new ResizeObserverEntry(observation.target, observation.broadcastRect());
+        });
+        this.callback_.call(ctx, entries, ctx);
+        this.clearActive();
+    };
+    /**
+     * Clears the collection of active observations.
+     *
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.clearActive = function () {
+        this.activeObservations_.splice(0);
+    };
+    /**
+     * Tells whether observer has active observations.
+     *
+     * @returns {boolean}
+     */
+    ResizeObserverSPI.prototype.hasActive = function () {
+        return this.activeObservations_.length > 0;
+    };
+    return ResizeObserverSPI;
+}());
+
+// Registry of internal observers. If WeakMap is not available use current shim
+// for the Map collection as it has all required methods and because WeakMap
+// can't be fully polyfilled anyway.
+var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();
+/**
+ * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation
+ * exposing only those methods and properties that are defined in the spec.
+ */
+var ResizeObserver = /** @class */ (function () {
+    /**
+     * Creates a new instance of ResizeObserver.
+     *
+     * @param {ResizeObserverCallback} callback - Callback that is invoked when
+     *      dimensions of the observed elements change.
+     */
+    function ResizeObserver(callback) {
+        if (!(this instanceof ResizeObserver)) {
+            throw new TypeError('Cannot call a class as a function.');
+        }
+        if (!arguments.length) {
+            throw new TypeError('1 argument required, but only 0 present.');
+        }
+        var controller = ResizeObserverController.getInstance();
+        var observer = new ResizeObserverSPI(callback, controller, this);
+        observers.set(this, observer);
+    }
+    return ResizeObserver;
+}());
+// Expose public methods of ResizeObserver.
+[
+    'observe',
+    'unobserve',
+    'disconnect'
+].forEach(function (method) {
+    ResizeObserver.prototype[method] = function () {
+        var _a;
+        return (_a = observers.get(this))[method].apply(_a, arguments);
+    };
+});
+
+var index = (function () {
+    // Export existing implementation if available.
+    if (typeof global$1.ResizeObserver !== 'undefined') {
+        return global$1.ResizeObserver;
+    }
+    return ResizeObserver;
+})();
+
+/* harmony default export */ __webpack_exports__["a"] = (index);
+
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(59)))
+
+/***/ }),
+/* 58 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview This module provides some functions for custom events. And it is implemented in the observer design pattern.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var extend = __webpack_require__(7);
+var isExisty = __webpack_require__(28);
+var isString = __webpack_require__(9);
+var isObject = __webpack_require__(54);
+var isArray = __webpack_require__(17);
+var isFunction = __webpack_require__(27);
+var forEach = __webpack_require__(26);
+
+var R_EVENTNAME_SPLIT = /\s+/g;
+
+/**
+ * @class
+ * @example
+ * // node, commonjs
+ * var CustomEvents = require('tui-code-snippet/customEvents/customEvents');
+ */
+function CustomEvents() {
+  /**
+     * @type {HandlerItem[]}
+     */
+  this.events = null;
+
+  /**
+     * only for checking specific context event was binded
+     * @type {object[]}
+     */
+  this.contexts = null;
+}
+
+/**
+ * Mixin custom events feature to specific constructor
+ * @param {function} func - constructor
+ * @example
+ * var CustomEvents = require('tui-code-snippet/customEvents/customEvents'); // node, commonjs
+ *
+ * var model;
+ * function Model() {
+ *     this.name = '';
+ * }
+ * CustomEvents.mixin(Model);
+ *
+ * model = new Model();
+ * model.on('change', function() { this.name = 'model'; }, this);
+ * model.fire('change');
+ * alert(model.name); // 'model';
+ */
+CustomEvents.mixin = function(func) {
+  extend(func.prototype, CustomEvents.prototype);
+};
+
+/**
+ * Get HandlerItem object
+ * @param {function} handler - handler function
+ * @param {object} [context] - context for handler
+ * @returns {HandlerItem} HandlerItem object
+ * @private
+ */
+CustomEvents.prototype._getHandlerItem = function(handler, context) {
+  var item = {handler: handler};
+
+  if (context) {
+    item.context = context;
+  }
+
+  return item;
+};
+
+/**
+ * Get event object safely
+ * @param {string} [eventName] - create sub event map if not exist.
+ * @returns {(object|array)} event object. if you supplied `eventName`
+ *  parameter then make new array and return it
+ * @private
+ */
+CustomEvents.prototype._safeEvent = function(eventName) {
+  var events = this.events;
+  var byName;
+
+  if (!events) {
+    events = this.events = {};
+  }
+
+  if (eventName) {
+    byName = events[eventName];
+
+    if (!byName) {
+      byName = [];
+      events[eventName] = byName;
+    }
+
+    events = byName;
+  }
+
+  return events;
+};
+
+/**
+ * Get context array safely
+ * @returns {array} context array
+ * @private
+ */
+CustomEvents.prototype._safeContext = function() {
+  var context = this.contexts;
+
+  if (!context) {
+    context = this.contexts = [];
+  }
+
+  return context;
+};
+
+/**
+ * Get index of context
+ * @param {object} ctx - context that used for bind custom event
+ * @returns {number} index of context
+ * @private
+ */
+CustomEvents.prototype._indexOfContext = function(ctx) {
+  var context = this._safeContext();
+  var index = 0;
+
+  while (context[index]) {
+    if (ctx === context[index][0]) {
+      return index;
+    }
+
+    index += 1;
+  }
+
+  return -1;
+};
+
+/**
+ * Memorize supplied context for recognize supplied object is context or
+ *  name: handler pair object when off()
+ * @param {object} ctx - context object to memorize
+ * @private
+ */
+CustomEvents.prototype._memorizeContext = function(ctx) {
+  var context, index;
+
+  if (!isExisty(ctx)) {
+    return;
+  }
+
+  context = this._safeContext();
+  index = this._indexOfContext(ctx);
+
+  if (index > -1) {
+    context[index][1] += 1;
+  } else {
+    context.push([ctx, 1]);
+  }
+};
+
+/**
+ * Forget supplied context object
+ * @param {object} ctx - context object to forget
+ * @private
+ */
+CustomEvents.prototype._forgetContext = function(ctx) {
+  var context, contextIndex;
+
+  if (!isExisty(ctx)) {
+    return;
+  }
+
+  context = this._safeContext();
+  contextIndex = this._indexOfContext(ctx);
+
+  if (contextIndex > -1) {
+    context[contextIndex][1] -= 1;
+
+    if (context[contextIndex][1] <= 0) {
+      context.splice(contextIndex, 1);
+    }
+  }
+};
+
+/**
+ * Bind event handler
+ * @param {(string|{name:string, handler:function})} eventName - custom
+ *  event name or an object {eventName: handler}
+ * @param {(function|object)} [handler] - handler function or context
+ * @param {object} [context] - context for binding
+ * @private
+ */
+CustomEvents.prototype._bindEvent = function(eventName, handler, context) {
+  var events = this._safeEvent(eventName);
+  this._memorizeContext(context);
+  events.push(this._getHandlerItem(handler, context));
+};
+
+/**
+ * Bind event handlers
+ * @param {(string|{name:string, handler:function})} eventName - custom
+ *  event name or an object {eventName: handler}
+ * @param {(function|object)} [handler] - handler function or context
+ * @param {object} [context] - context for binding
+ * //-- #1. Get Module --//
+ * var CustomEvents = require('tui-code-snippet/customEvents/customEvents'); // node, commonjs
+ *
+ * //-- #2. Use method --//
+ * // # 2.1 Basic Usage
+ * CustomEvents.on('onload', handler);
+ *
+ * // # 2.2 With context
+ * CustomEvents.on('onload', handler, myObj);
+ *
+ * // # 2.3 Bind by object that name, handler pairs
+ * CustomEvents.on({
+ *     'play': handler,
+ *     'pause': handler2
+ * });
+ *
+ * // # 2.4 Bind by object that name, handler pairs with context object
+ * CustomEvents.on({
+ *     'play': handler
+ * }, myObj);
+ */
+CustomEvents.prototype.on = function(eventName, handler, context) {
+  var self = this;
+
+  if (isString(eventName)) {
+    // [syntax 1, 2]
+    eventName = eventName.split(R_EVENTNAME_SPLIT);
+    forEach(eventName, function(name) {
+      self._bindEvent(name, handler, context);
+    });
+  } else if (isObject(eventName)) {
+    // [syntax 3, 4]
+    context = handler;
+    forEach(eventName, function(func, name) {
+      self.on(name, func, context);
+    });
+  }
+};
+
+/**
+ * Bind one-shot event handlers
+ * @param {(string|{name:string,handler:function})} eventName - custom
+ *  event name or an object {eventName: handler}
+ * @param {function|object} [handler] - handler function or context
+ * @param {object} [context] - context for binding
+ */
+CustomEvents.prototype.once = function(eventName, handler, context) {
+  var self = this;
+
+  if (isObject(eventName)) {
+    context = handler;
+    forEach(eventName, function(func, name) {
+      self.once(name, func, context);
+    });
+
+    return;
+  }
+
+  function onceHandler() { // eslint-disable-line require-jsdoc
+    handler.apply(context, arguments);
+    self.off(eventName, onceHandler, context);
+  }
+
+  this.on(eventName, onceHandler, context);
+};
+
+/**
+ * Splice supplied array by callback result
+ * @param {array} arr - array to splice
+ * @param {function} predicate - function return boolean
+ * @private
+ */
+CustomEvents.prototype._spliceMatches = function(arr, predicate) {
+  var i = 0;
+  var len;
+
+  if (!isArray(arr)) {
+    return;
+  }
+
+  for (len = arr.length; i < len; i += 1) {
+    if (predicate(arr[i]) === true) {
+      arr.splice(i, 1);
+      len -= 1;
+      i -= 1;
+    }
+  }
+};
+
+/**
+ * Get matcher for unbind specific handler events
+ * @param {function} handler - handler function
+ * @returns {function} handler matcher
+ * @private
+ */
+CustomEvents.prototype._matchHandler = function(handler) {
+  var self = this;
+
+  return function(item) {
+    var needRemove = handler === item.handler;
+
+    if (needRemove) {
+      self._forgetContext(item.context);
+    }
+
+    return needRemove;
+  };
+};
+
+/**
+ * Get matcher for unbind specific context events
+ * @param {object} context - context
+ * @returns {function} object matcher
+ * @private
+ */
+CustomEvents.prototype._matchContext = function(context) {
+  var self = this;
+
+  return function(item) {
+    var needRemove = context === item.context;
+
+    if (needRemove) {
+      self._forgetContext(item.context);
+    }
+
+    return needRemove;
+  };
+};
+
+/**
+ * Get matcher for unbind specific hander, context pair events
+ * @param {function} handler - handler function
+ * @param {object} context - context
+ * @returns {function} handler, context matcher
+ * @private
+ */
+CustomEvents.prototype._matchHandlerAndContext = function(handler, context) {
+  var self = this;
+
+  return function(item) {
+    var matchHandler = (handler === item.handler);
+    var matchContext = (context === item.context);
+    var needRemove = (matchHandler && matchContext);
+
+    if (needRemove) {
+      self._forgetContext(item.context);
+    }
+
+    return needRemove;
+  };
+};
+
+/**
+ * Unbind event by event name
+ * @param {string} eventName - custom event name to unbind
+ * @param {function} [handler] - handler function
+ * @private
+ */
+CustomEvents.prototype._offByEventName = function(eventName, handler) {
+  var self = this;
+  var andByHandler = isFunction(handler);
+  var matchHandler = self._matchHandler(handler);
+
+  eventName = eventName.split(R_EVENTNAME_SPLIT);
+
+  forEach(eventName, function(name) {
+    var handlerItems = self._safeEvent(name);
+
+    if (andByHandler) {
+      self._spliceMatches(handlerItems, matchHandler);
+    } else {
+      forEach(handlerItems, function(item) {
+        self._forgetContext(item.context);
+      });
+
+      self.events[name] = [];
+    }
+  });
+};
+
+/**
+ * Unbind event by handler function
+ * @param {function} handler - handler function
+ * @private
+ */
+CustomEvents.prototype._offByHandler = function(handler) {
+  var self = this;
+  var matchHandler = this._matchHandler(handler);
+
+  forEach(this._safeEvent(), function(handlerItems) {
+    self._spliceMatches(handlerItems, matchHandler);
+  });
+};
+
+/**
+ * Unbind event by object(name: handler pair object or context object)
+ * @param {object} obj - context or {name: handler} pair object
+ * @param {function} handler - handler function
+ * @private
+ */
+CustomEvents.prototype._offByObject = function(obj, handler) {
+  var self = this;
+  var matchFunc;
+
+  if (this._indexOfContext(obj) < 0) {
+    forEach(obj, function(func, name) {
+      self.off(name, func);
+    });
+  } else if (isString(handler)) {
+    matchFunc = this._matchContext(obj);
+
+    self._spliceMatches(this._safeEvent(handler), matchFunc);
+  } else if (isFunction(handler)) {
+    matchFunc = this._matchHandlerAndContext(handler, obj);
+
+    forEach(this._safeEvent(), function(handlerItems) {
+      self._spliceMatches(handlerItems, matchFunc);
+    });
+  } else {
+    matchFunc = this._matchContext(obj);
+
+    forEach(this._safeEvent(), function(handlerItems) {
+      self._spliceMatches(handlerItems, matchFunc);
+    });
+  }
+};
+
+/**
+ * Unbind custom events
+ * @param {(string|object|function)} eventName - event name or context or
+ *  {name: handler} pair object or handler function
+ * @param {(function)} handler - handler function
+ * @example
+ * //-- #1. Get Module --//
+ * var CustomEvents = require('tui-code-snippet/customEvents/customEvents'); // node, commonjs
+ *
+ * //-- #2. Use method --//
+ * // # 2.1 off by event name
+ * CustomEvents.off('onload');
+ *
+ * // # 2.2 off by event name and handler
+ * CustomEvents.off('play', handler);
+ *
+ * // # 2.3 off by handler
+ * CustomEvents.off(handler);
+ *
+ * // # 2.4 off by context
+ * CustomEvents.off(myObj);
+ *
+ * // # 2.5 off by context and handler
+ * CustomEvents.off(myObj, handler);
+ *
+ * // # 2.6 off by context and event name
+ * CustomEvents.off(myObj, 'onload');
+ *
+ * // # 2.7 off by an Object. that is {eventName: handler}
+ * CustomEvents.off({
+ *   'play': handler,
+ *   'pause': handler2
+ * });
+ *
+ * // # 2.8 off the all events
+ * CustomEvents.off();
+ */
+CustomEvents.prototype.off = function(eventName, handler) {
+  if (isString(eventName)) {
+    // [syntax 1, 2]
+    this._offByEventName(eventName, handler);
+  } else if (!arguments.length) {
+    // [syntax 8]
+    this.events = {};
+    this.contexts = [];
+  } else if (isFunction(eventName)) {
+    // [syntax 3]
+    this._offByHandler(eventName);
+  } else if (isObject(eventName)) {
+    // [syntax 4, 5, 6]
+    this._offByObject(eventName, handler);
+  }
+};
+
+/**
+ * Fire custom event
+ * @param {string} eventName - name of custom event
+ */
+CustomEvents.prototype.fire = function(eventName) {  // eslint-disable-line
+  this.invoke.apply(this, arguments);
+};
+
+/**
+ * Fire a event and returns the result of operation 'boolean AND' with all
+ *  listener's results.
+ *
+ * So, It is different from {@link CustomEvents#fire}.
+ *
+ * In service code, use this as a before event in component level usually
+ *  for notifying that the event is cancelable.
+ * @param {string} eventName - Custom event name
+ * @param {...*} data - Data for event
+ * @returns {boolean} The result of operation 'boolean AND'
+ * @example
+ * var map = new Map();
+ * map.on({
+ *     'beforeZoom': function() {
+ *         // It should cancel the 'zoom' event by some conditions.
+ *         if (that.disabled && this.getState()) {
+ *             return false;
+ *         }
+ *         return true;
+ *     }
+ * });
+ *
+ * if (this.invoke('beforeZoom')) {    // check the result of 'beforeZoom'
+ *     // if true,
+ *     // doSomething
+ * }
+ */
+CustomEvents.prototype.invoke = function(eventName) {
+  var events, args, index, item;
+
+  if (!this.hasListener(eventName)) {
+    return true;
+  }
+
+  events = this._safeEvent(eventName);
+  args = Array.prototype.slice.call(arguments, 1);
+  index = 0;
+
+  while (events[index]) {
+    item = events[index];
+
+    if (item.handler.apply(item.context, args) === false) {
+      return false;
+    }
+
+    index += 1;
+  }
+
+  return true;
+};
+
+/**
+ * Return whether at least one of the handlers is registered in the given
+ *  event name.
+ * @param {string} eventName - Custom event name
+ * @returns {boolean} Is there at least one handler in event name?
+ */
+CustomEvents.prototype.hasListener = function(eventName) {
+  return this.getListenerLength(eventName) > 0;
+};
+
+/**
+ * Return a count of events registered.
+ * @param {string} eventName - Custom event name
+ * @returns {number} number of event
+ */
+CustomEvents.prototype.getListenerLength = function(eventName) {
+  var events = this._safeEvent(eventName);
+
+  return events.length;
+};
+
+module.exports = CustomEvents;
+
+
+/***/ }),
+/* 59 */
+/***/ (function(module, exports) {
+
+var g;
+
+// This works in non-strict mode
+g = (function() {
+	return this;
+})();
+
+try {
+	// This works if eval is allowed (see CSP)
+	g = g || new Function("return this")();
+} catch (e) {
+	// This works if the window reference is available
+	if (typeof window === "object") g = window;
+}
+
+// g can still be undefined, but nothing to do about it...
+// We return undefined, instead of nothing here, so it's
+// easier to handle this case. if(!global) { ...}
+
+module.exports = g;
+
+
+/***/ }),
+/* 60 */,
+/* 61 */,
+/* 62 */,
+/* 63 */,
+/* 64 */,
+/* 65 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/collection/forEachOwnProperties.js
+var forEachOwnProperties = __webpack_require__(10);
+var forEachOwnProperties_default = /*#__PURE__*/__webpack_require__.n(forEachOwnProperties);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isExisty.js
+var isExisty = __webpack_require__(28);
+var isExisty_default = /*#__PURE__*/__webpack_require__.n(isExisty);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isNumber.js
+var isNumber = __webpack_require__(34);
+var isNumber_default = /*#__PURE__*/__webpack_require__.n(isNumber);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/object/extend.js
+var extend = __webpack_require__(7);
+var extend_default = /*#__PURE__*/__webpack_require__.n(extend);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/css.js
+var css = __webpack_require__(4);
+var css_default = /*#__PURE__*/__webpack_require__.n(css);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/addClass.js
+var addClass = __webpack_require__(5);
+var addClass_default = /*#__PURE__*/__webpack_require__.n(addClass);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/removeClass.js
+var removeClass = __webpack_require__(6);
+var removeClass_default = /*#__PURE__*/__webpack_require__.n(removeClass);
+
+// EXTERNAL MODULE: /Users/nhn/project/tui.editor/libs/toastmark/dist/toastmark.js
+var toastmark = __webpack_require__(22);
+
+// EXTERNAL MODULE: ./src/js/htmlRenderConvertors.js
+var htmlRenderConvertors = __webpack_require__(29);
+
+// CONCATENATED MODULE: ./src/js/markdownToHTML.js
+
+
+function createMarkdownToHTML(options) {
+  var extendedAutolinks = options.extendedAutolinks,
+      customHTMLRenderer = options.customHTMLRenderer,
+      referenceDefinition = options.referenceDefinition,
+      customParser = options.customParser,
+      frontMatter = options.frontMatter;
+  var parser = new toastmark["Parser"]({
+    disallowedHtmlBlockTags: ['br'],
+    extendedAutolinks: extendedAutolinks,
+    referenceDefinition: referenceDefinition,
+    disallowDeepHeading: true,
+    customParser: customParser,
+    frontMatter: frontMatter
+  });
+  var renderHTML = Object(toastmark["createRenderHTML"])({
+    gfm: true,
+    convertors: Object(htmlRenderConvertors["a" /* getHTMLRenderConvertors */])(null, customHTMLRenderer)
+  });
+  return function markdownToHTML(markdown) {
+    return renderHTML(parser.parse(markdown));
+  };
+}
+// EXTERNAL MODULE: ./src/js/utils/common.js
+var utils_common = __webpack_require__(12);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isBoolean.js
+var isBoolean = __webpack_require__(56);
+var isBoolean_default = /*#__PURE__*/__webpack_require__.n(isBoolean);
+
+// EXTERNAL MODULE: external {"commonjs":"codemirror","commonjs2":"codemirror","amd":"codemirror","root":["CodeMirror"]}
+var external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_ = __webpack_require__(15);
+var external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_);
+
+// CONCATENATED MODULE: ./src/js/codemirror/fixOrderedListNumber.js
+/**
+ * @fileoverview codemirror extension for fix ordered list number
+ * @author NHN FE Development Lab 
+ */
+
+var listRE = /^(\s*)((\d+)([.)]\s(?:\[(?:x|\s)\]\s)?))(.*)/;
+/**
+ * simple wrapper for indentLess command
+ * to run fixOrderedListNumber on Shift-Tab
+ * @param {CodeMirror} cm - CodeMirror instance
+ * @returns {CodeMirror.Pass|null} - next command
+ * @ignore
+ */
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.indentLessOrderedList = function (cm) {
+  if (cm.getOption('disableInput')) {
+    return external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Pass;
+  }
+
+  cm.execCommand('indentLess');
+  cm.execCommand('fixOrderedListNumber');
+  return null;
+};
+/**
+ * fix ordered list number
+ * @param {CodeMirror} cm - CodeMirror instance
+ * @returns {CodeMirror.Pass|null} - next command
+ * @ignore
+ */
+
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.fixOrderedListNumber = function (cm) {
+  if (cm.getOption('disableInput') || !!cm.state.isCursorInCodeBlock) {
+    return external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Pass;
+  }
+
+  var ranges = cm.listSelections();
+
+  for (var i = 0; i < ranges.length; i += 1) {
+    var pos = ranges[i].head;
+    var lineNumber = findFirstListItem(pos.line, cm);
+
+    if (lineNumber >= 0) {
+      var lineText = cm.getLine(lineNumber);
+
+      var _listRE$exec = listRE.exec(lineText),
+          indent = _listRE$exec[1],
+          index = _listRE$exec[3];
+
+      fixNumber(lineNumber, indent.length, parseInt(index, 10), cm);
+    }
+  }
+
+  return null;
+};
+/**
+ * fix list numbers
+ * @param {number} lineNumber - line number of list item to be normalized
+ * @param {number} prevIndentLength - previous indent length
+ * @param {number} startIndex - start index
+ * @param {CodeMirror} cm - CodeMirror instance
+ * @returns {number} - next line number
+ * @ignore
+ */
+
+
+function fixNumber(lineNumber, prevIndentLength, startIndex, cm) {
+  var indent, delimiter, text, indentLength;
+  var index = startIndex;
+  var lineText = cm.getLine(lineNumber);
+
+  do {
+    var _listRE$exec2 = listRE.exec(lineText);
+
+    indent = _listRE$exec2[1];
+    delimiter = _listRE$exec2[4];
+    text = _listRE$exec2[5];
+    indentLength = indent.length;
+
+    if (indentLength === prevIndentLength) {
+      // fix number
+      cm.replaceRange("" + indent + index + delimiter + text, {
+        line: lineNumber,
+        ch: 0
+      }, {
+        line: lineNumber,
+        ch: lineText.length
+      });
+      index += 1;
+      lineNumber += 1;
+    } else if (indentLength > prevIndentLength) {
+      // nested list start
+      lineNumber = fixNumber(lineNumber, indentLength, 1, cm);
+    } else {
+      // nested list end
+      return lineNumber;
+    }
+
+    lineText = cm.getLine(lineNumber);
+  } while (listRE.test(lineText));
+
+  return lineNumber;
+}
+/**
+ * find line number of list item which contains given lineNumber
+ * @param {number} lineNumber - line number of list item
+ * @param {CodeMirror} cm - CodeMirror instance
+ * @returns {number} - line number of first list item
+ * @ignore
+ */
+
+
+function findFirstListItem(lineNumber, cm) {
+  var nextLineNumber = lineNumber;
+  var lineText = cm.getLine(lineNumber);
+
+  while (listRE.test(lineText)) {
+    nextLineNumber -= 1;
+    lineText = cm.getLine(nextLineNumber);
+  }
+
+  if (lineNumber === nextLineNumber) {
+    nextLineNumber = -1;
+  } else {
+    nextLineNumber += 1;
+  }
+
+  return nextLineNumber;
+}
+// CONCATENATED MODULE: ./src/js/codemirror/overlay.js
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: http://codemirror.net/LICENSE
+// Utility function that allows modes to be combined. The mode given
+// as the base argument takes care of most of the normal mode
+// functionality, but a second (typically simple) mode is used, which
+// can override the style of text. Both modes get to parse all of the
+// text, but when both assign a non-null style to a piece of code, the
+// overlay wins, unless the combine argument was true and not overridden,
+// or state.overlay.combineTokens was true, in which case the styles are
+// combined.
+
+/**
+ * @modifier NHN FE Development Lab 
+ */
+
+/*eslint-disable */
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.overlayMode = function (base, overlay, combine) {
+  return {
+    startState: function startState() {
+      return {
+        base: external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.startState(base),
+        overlay: external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.startState(overlay),
+        basePos: 0,
+        baseCur: null,
+        overlayPos: 0,
+        overlayCur: null,
+        streamSeen: null
+      };
+    },
+    copyState: function copyState(state) {
+      return {
+        base: external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.copyState(base, state.base),
+        overlay: external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.copyState(overlay, state.overlay),
+        basePos: state.basePos,
+        baseCur: null,
+        overlayPos: state.overlayPos,
+        overlayCur: null
+      };
+    },
+    token: function token(stream, state) {
+      if (stream != state.streamSeen || Math.min(state.basePos, state.overlayPos) < stream.start) {
+        state.streamSeen = stream;
+        state.basePos = state.overlayPos = stream.start;
+      }
+
+      if (stream.start == state.basePos) {
+        state.baseCur = base.token(stream, state.base);
+        state.basePos = stream.pos;
+      }
+
+      if (stream.start == state.overlayPos) {
+        stream.pos = stream.start;
+        state.overlayCur = overlay.token(stream, state.overlay);
+        state.overlayPos = stream.pos;
+      }
+
+      stream.pos = Math.min(state.basePos, state.overlayPos); // state.overlay.combineTokens always takes precedence over combine,
+      // unless set to null
+
+      if (state.overlayCur == null) return state.baseCur;else if (state.baseCur != null && state.overlay.combineTokens || combine && state.overlay.combineTokens == null) return state.baseCur + ' ' + state.overlayCur;else return state.overlayCur;
+    },
+    indent: base.indent && function (state, textAfter) {
+      return base.indent(state.base, textAfter);
+    },
+    electricChars: base.electricChars,
+    innerMode: function innerMode(state) {
+      return {
+        state: state.base,
+        mode: base
+      };
+    },
+    blankLine: function blankLine(state) {
+      if (base.blankLine) base.blankLine(state.base);
+      if (overlay.blankLine) overlay.blankLine(state.overlay);
+    }
+  };
+};
+// CONCATENATED MODULE: ./src/js/codemirror/continuelist.js
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: http://codemirror.net/LICENSE
+
+/**
+ * @modifier NHN FE Development Lab 
+ */
+
+/*eslint-disable */
+
+var continuelist_listRE = /^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]\s))(\s*)/,
+    emptyListRE = /^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,
+    unorderedListRE = /[*+-]\s/;
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.indentOrderedList = function (cm) {
+  if (cm.getOption('disableInput')) return external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Pass;
+  var ranges = cm.listSelections();
+
+  for (var i = 0; i < ranges.length; i++) {
+    var pos = ranges[i].head;
+    var line = cm.getLine(pos.line);
+    var cursorBeforeTextInline = line.substr(0, pos.ch);
+
+    if (continuelist_listRE.test(cursorBeforeTextInline) || cm.somethingSelected()) {
+      cm.indentSelection('add');
+    } else {
+      cm.execCommand('insertSoftTab');
+    }
+  }
+
+  cm.execCommand('fixOrderedListNumber');
+};
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.newlineAndIndentContinueMarkdownList = function (cm) {
+  if (cm.getOption('disableInput') || !!cm.state.isCursorInCodeBlock) {
+    cm.execCommand('newlineAndIndent');
+    return;
+  }
+
+  var ranges = cm.listSelections(),
+      replacements = [];
+
+  for (var i = 0; i < ranges.length; i++) {
+    var pos = ranges[i].head;
+    var line = cm.getLine(pos.line),
+        match = continuelist_listRE.exec(line);
+    var cursorBeforeBullet = /^\s*$/.test(line.slice(0, pos.ch));
+
+    if (!ranges[i].empty() || !match || cursorBeforeBullet) {
+      cm.execCommand('newlineAndIndent');
+      return;
+    }
+
+    if (emptyListRE.test(line)) {
+      if (!/>\s*$/.test(line)) cm.replaceRange('', {
+        line: pos.line,
+        ch: 0
+      }, {
+        line: pos.line,
+        ch: pos.ch + 1
+      });
+      replacements[i] = '\n';
+    } else {
+      var indent = match[1],
+          after = match[5];
+      var numbered = !(unorderedListRE.test(match[2]) || match[2].indexOf('>') >= 0);
+      var bullet = numbered ? parseInt(match[3], 10) + 1 + match[4] : match[2].replace('x', ' ');
+      replacements[i] = '\n' + indent + bullet + after;
+      if (numbered) incrementRemainingMarkdownListNumbers(cm, pos);
+    }
+  }
+
+  cm.replaceSelections(replacements);
+}; // Auto-updating Markdown list numbers when a new item is added to the
+// middle of a list
+
+
+function incrementRemainingMarkdownListNumbers(cm, pos) {
+  var startLine = pos.line,
+      lookAhead = 0,
+      skipCount = 0;
+  var startItem = continuelist_listRE.exec(cm.getLine(startLine)),
+      startIndent = startItem[1];
+
+  do {
+    lookAhead += 1;
+    var nextLineNumber = startLine + lookAhead;
+    var nextLine = cm.getLine(nextLineNumber),
+        nextItem = continuelist_listRE.exec(nextLine);
+
+    if (nextItem) {
+      var nextIndent = nextItem[1];
+      var newNumber = parseInt(startItem[3], 10) + lookAhead - skipCount;
+      var nextNumber = parseInt(nextItem[3], 10),
+          itemNumber = nextNumber;
+
+      if (startIndent === nextIndent && !isNaN(nextNumber)) {
+        if (newNumber === nextNumber) itemNumber = nextNumber + 1;
+        if (newNumber > nextNumber) itemNumber = newNumber + 1;
+        cm.replaceRange(nextLine.replace(continuelist_listRE, nextIndent + itemNumber + nextItem[4] + nextItem[5]), {
+          line: nextLineNumber,
+          ch: 0
+        }, {
+          line: nextLineNumber,
+          ch: nextLine.length
+        });
+      } else {
+        if (startIndent.length > nextIndent.length) return; // This doesn't run if the next line immediatley indents, as it is
+        // not clear of the users intention (new indented item or same level)
+
+        if (startIndent.length < nextIndent.length && lookAhead === 1) return;
+        skipCount += 1;
+      }
+    }
+  } while (nextItem);
+}
+// CONCATENATED MODULE: ./src/js/codemirror/arrowKeyFunction.js
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: http://codemirror.net/LICENSE
+
+/**
+ * @modifier NHN FE Development Lab 
+ */
+
+/*eslint-disable */
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.replaceLineTextToUpper = function (cm) {
+  if (cm.getOption('disableInput')) {
+    return external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Pass;
+  }
+
+  var ranges = cm.listSelections();
+  var lineAdjustment = -1;
+
+  for (var i = 0; i < ranges.length; i++) {
+    var range = ranges[i];
+    var from = range.anchor;
+    var to = range.head;
+
+    if (isSameLineSelection(range) && to.line > 0) {
+      replaceSingleLine(cm, from, to, lineAdjustment);
+    } else if (!isRangeCollapsed(range)) {
+      var topLine = from.line < to.line ? from.line : to.line;
+
+      if (topLine > 0) {
+        var upper = from.line === topLine ? from : to;
+        var bottom = from.line === topLine ? to : from;
+        replaceMultiLine(cm, upper, bottom, lineAdjustment);
+      }
+    }
+  }
+};
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.replaceLineTextToLower = function (cm) {
+  if (cm.getOption('disableInput')) {
+    return external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Pass;
+  }
+
+  var ranges = cm.listSelections();
+  var lineAdjustment = 1;
+
+  for (var i = 0; i < ranges.length; i++) {
+    var range = ranges[i];
+    var from = range.anchor;
+    var to = range.head;
+    var isLastLine = to.line === cm.lastLine();
+
+    if (isSameLineSelection(range) && !isLastLine) {
+      replaceSingleLine(cm, from, to, lineAdjustment);
+    } else if (!isRangeCollapsed(range)) {
+      var topLine = from.line < to.line ? from.line : to.line;
+      var upper = from.line === topLine ? from : to;
+      var bottom = from.line === topLine ? to : from;
+
+      if (bottom.line < cm.lastLine()) {
+        replaceMultiLine(cm, upper, bottom, lineAdjustment);
+      }
+    }
+  }
+};
+
+function isRangeCollapsed(range) {
+  return isSameLineSelection(range) && range.anchor.ch === range.head.ch;
+}
+
+function isSameLineSelection(range) {
+  return range.anchor.line === range.head.line;
+}
+
+function replaceSingleLine(cm, from, to, lineAdjustment) {
+  var currentLine = cm.getLine(to.line);
+  var replacement = cm.getLine(to.line + lineAdjustment);
+  var range = {
+    anchor: from,
+    head: to
+  };
+  cm.replaceRange(replacement, {
+    line: to.line,
+    ch: 0
+  }, {
+    line: to.line,
+    ch: currentLine.length
+  }, '+input');
+  cm.replaceRange(currentLine, {
+    line: to.line + lineAdjustment,
+    ch: 0
+  }, {
+    line: to.line + lineAdjustment,
+    ch: replacement.length
+  }, '+input');
+
+  if (isRangeCollapsed(range)) {
+    cm.setCursor({
+      line: to.line + lineAdjustment,
+      ch: to.ch
+    });
+  } else {
+    cm.setSelection({
+      line: from.line + lineAdjustment,
+      ch: from.ch
+    }, {
+      line: to.line + lineAdjustment,
+      ch: to.ch
+    });
+  }
+}
+
+function replaceMultiLine(cm, upper, bottom, lineAdjustment) {
+  var rangeContent = cm.getRange({
+    line: upper.line,
+    ch: 0
+  }, {
+    line: bottom.line,
+    ch: cm.getLine(bottom.line).length
+  });
+  var edgeLineOfConcern = lineAdjustment > 0 ? bottom : upper;
+  var replacement = cm.getLine(edgeLineOfConcern.line + lineAdjustment);
+  var targetLine;
+
+  if (lineAdjustment > 0) {
+    targetLine = upper;
+  } else {
+    targetLine = bottom;
+  }
+
+  cm.replaceRange(replacement, {
+    line: targetLine.line,
+    ch: 0
+  }, {
+    line: targetLine.line,
+    ch: cm.getLine(targetLine.line).length
+  }, '+input');
+  cm.replaceRange(rangeContent, {
+    line: upper.line + lineAdjustment,
+    ch: 0
+  }, {
+    line: bottom.line + lineAdjustment,
+    ch: cm.getLine(bottom.line + lineAdjustment).length
+  }, '+input');
+  cm.setSelection({
+    line: upper.line + lineAdjustment,
+    ch: upper.ch
+  }, {
+    line: bottom.line + lineAdjustment,
+    ch: bottom.ch
+  });
+}
+// CONCATENATED MODULE: ./src/js/codemirror/placeholder.js
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: http://codemirror.net/LICENSE
+
+/**
+ * @modifier NHN FE Development Lab 
+ */
+
+/* eslint-disable */
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.defineOption('placeholder', '', function (cm, val, old) {
+  var prev = old && old != external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Init;
+
+  if (val && !prev) {
+    cm.on('blur', onBlur);
+    cm.on('change', onChange);
+    cm.on('swapDoc', onChange);
+    onChange(cm);
+  } else if (!val && prev) {
+    cm.off('blur', onBlur);
+    cm.off('change', onChange);
+    cm.off('swapDoc', onChange);
+    clearPlaceholder(cm);
+    var wrapper = cm.getWrapperElement();
+    wrapper.className = wrapper.className.replace(' CodeMirror-empty', '');
+  }
+
+  if (val && !cm.hasFocus()) onBlur(cm);
+});
+
+function clearPlaceholder(cm) {
+  if (cm.state.placeholder) {
+    cm.state.placeholder.parentNode.removeChild(cm.state.placeholder);
+    cm.state.placeholder = null;
+  }
+}
+
+function setPlaceholder(cm) {
+  clearPlaceholder(cm);
+  var elt = cm.state.placeholder = document.createElement('pre');
+  elt.style.cssText = 'height: 0; overflow: visible';
+  elt.className = 'CodeMirror-placeholder';
+  var placeHolder = cm.getOption('placeholder');
+  if (typeof placeHolder == 'string') placeHolder = document.createTextNode(placeHolder);
+  elt.appendChild(placeHolder);
+  cm.display.lineSpace.insertBefore(elt, cm.display.lineSpace.firstChild);
+}
+
+function onBlur(cm) {
+  if (isEmpty(cm)) setPlaceholder(cm);
+}
+
+function onChange(cm) {
+  var wrapper = cm.getWrapperElement(),
+      empty = isEmpty(cm);
+  wrapper.className = wrapper.className.replace(' CodeMirror-empty', '') + (empty ? ' CodeMirror-empty' : '');
+  if (empty) setPlaceholder(cm);else clearPlaceholder(cm);
+}
+
+function isEmpty(cm) {
+  return cm.lineCount() === 1 && cm.getLine(0) === '';
+}
+// CONCATENATED MODULE: ./src/js/codeMirrorExt.js
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * @fileoverview Implements CodeBlockExt
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+/**
+ * Class CodeMirrorExt
+ * @param {HTMLElement} el - container jquery element
+ * @param {Object} [options={}] - codeMirror options
+ */
+
+var codeMirrorExt_CodeMirrorExt = /*#__PURE__*/function () {
+  function CodeMirrorExt(el, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    this.editorContainerEl = el;
+    /**
+     * CodeMirror instance
+     * @type {CodeMirror.EditorFromTextArea}
+     * @private
+     */
+
+    this.cm = null;
+
+    this._init(options);
+  }
+  /**
+   * init
+   * @param {Object} options - codeMirror option
+   * @private
+   */
+
+
+  var _proto = CodeMirrorExt.prototype;
+
+  _proto._init = function _init(options) {
+    var cmTextarea = document.createElement('textarea');
+    this.editorContainerEl.appendChild(cmTextarea);
+    options = _extends({}, options, {
+      lineWrapping: true,
+      theme: 'default',
+      extraKeys: _extends({
+        'Shift-Tab': 'indentLess',
+        'Alt-Up': 'replaceLineTextToUpper',
+        'Alt-Down': 'replaceLineTextToLower'
+      }, options.extraKeys),
+      indentUnit: 4,
+      cursorScrollMargin: 12,
+      specialCharPlaceholder: function specialCharPlaceholder() {
+        return document.createElement('span');
+      }
+    });
+    this.cm = external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.fromTextArea(cmTextarea, options);
+  }
+  /**
+   * getCurrentRange
+   * @returns {Object} - selection range
+   */
+  ;
+
+  _proto.getCurrentRange = function getCurrentRange() {
+    var from = this.cm.getCursor('from');
+    var to = this.cm.getCursor('to');
+    return {
+      from: from,
+      to: to,
+      collapsed: from.line === to.line && from.ch === to.ch
+    };
+  }
+  /**
+   * Set focus to current Editor
+   */
+  ;
+
+  _proto.focus = function focus() {
+    this.cm.focus();
+  }
+  /**
+   * blur focus to current Editor
+   */
+  ;
+
+  _proto.blur = function blur() {
+    this.cm.getInputField().blur();
+  }
+  /**
+   * Remove Editor from document
+   */
+  ;
+
+  _proto.remove = function remove() {
+    this.cm.toTextArea();
+  }
+  /**
+   * Set Editor value
+   * @param {string} markdown - Markdown syntax text
+   * @param {boolean} [cursorToEnd=true] - move cursor to contents end
+   */
+  ;
+
+  _proto.setValue = function setValue(markdown, cursorToEnd) {
+    if (cursorToEnd === void 0) {
+      cursorToEnd = true;
+    }
+
+    this.cm.setValue(markdown);
+
+    if (cursorToEnd) {
+      this.moveCursorToEnd();
+    }
+
+    this.cm.doc.clearHistory();
+    this.cm.refresh();
+  }
+  /**
+   * Get editor value
+   * @returns {string} - codeMirror text value
+   */
+  ;
+
+  _proto.getValue = function getValue() {
+    return this.cm.getValue('\n');
+  }
+  /**
+   * Get CodeMirror instance
+   * @returns {CodeMirror}
+   */
+  ;
+
+  _proto.getEditor = function getEditor() {
+    return this.cm;
+  }
+  /**
+   * Reset Editor
+   */
+  ;
+
+  _proto.reset = function reset() {
+    this.setValue('');
+  }
+  /**
+   * Get current caret position
+   * @returns {{from: {line: number, ch: number}, to: {line: number, ch: number}}}
+   */
+  ;
+
+  _proto.getCaretPosition = function getCaretPosition() {
+    return this.cm.cursorCoords();
+  }
+  /**
+   * Add widget
+   * @param {object} selection - Selection object
+   * @param {HTMLElement} node - Widget node
+   * @param {string} style - Adding style "over" or "bottom"
+   * @param {number} offset - Adding offset
+   */
+  ;
+
+  _proto.addWidget = function addWidget(selection, node, style, offset) {
+    if (offset) {
+      selection.ch += offset;
+    }
+
+    this.cm.addWidget(selection.end, node, true, style);
+  }
+  /**
+   * Replace selection with given replacement content
+   * @param {string} content - Replacement content text
+   * @param {object} selection - Selection object
+   */
+  ;
+
+  _proto.replaceSelection = function replaceSelection(content, selection) {
+    if (selection) {
+      this.cm.setSelection(selection.from, selection.to);
+    }
+
+    this.cm.replaceSelection(content);
+    this.focus();
+  }
+  /**
+   * Replace selection with replacement content and offset
+   * @param {string} content - Replacement content text
+   * @param {number} offset - Offset
+   * @param {number} overwriteLength - Length to overwrite
+   */
+  ;
+
+  _proto.replaceRelativeOffset = function replaceRelativeOffset(content, offset, overwriteLength) {
+    var cursor = this.cm.getCursor();
+    var selection = {
+      from: {
+        line: cursor.line,
+        ch: cursor.ch + offset
+      },
+      to: {
+        line: cursor.line,
+        ch: cursor.ch + offset + overwriteLength
+      }
+    };
+    this.replaceSelection(content, selection);
+  }
+  /**
+   * Set Editor height
+   * @param {number} height - Editor height
+   */
+  ;
+
+  _proto.setHeight = function setHeight(height) {
+    var contentWrapper = this.getWrapperElement();
+    css_default()(contentWrapper, {
+      height: height + "px"
+    });
+  }
+  /**
+   * set min height
+   * @param {number} minHeight - min height
+   */
+  ;
+
+  _proto.setMinHeight = function setMinHeight(minHeight) {
+    var contentWrapper = this.getWrapperElement();
+    css_default()(contentWrapper, {
+      minHeight: minHeight + "px"
+    });
+  }
+  /**
+   * Set the placeholder to CodeMirror
+   * @param {string} placeholder - placeholder to set
+   */
+  ;
+
+  _proto.setPlaceholder = function setPlaceholder(placeholder) {
+    if (placeholder) {
+      this.cm.setOption('placeholder', placeholder);
+    }
+  }
+  /**
+   * get code mirror wrapper element
+   * @returns {HTMLElement} - code mirror wrapper element
+   */
+  ;
+
+  _proto.getWrapperElement = function getWrapperElement() {
+    return this.cm.getWrapperElement();
+  }
+  /**
+   * get code mirror cursor
+   * @param {string} [start='head'] - which end of the selection. 'from'|'to'|'head'|'anchor'
+   * @returns {Cursor} - code mirror cursor
+   */
+  ;
+
+  _proto.getCursor = function getCursor(start) {
+    return this.cm.getCursor(start);
+  }
+  /**
+   * Set cursor position to end
+   */
+  ;
+
+  _proto.moveCursorToEnd = function moveCursorToEnd() {
+    var doc = this.getEditor().getDoc();
+    var lastLine = doc.lastLine();
+    doc.setCursor(lastLine, doc.getLine(lastLine).length);
+  }
+  /**
+   * Set cursor position to start
+   */
+  ;
+
+  _proto.moveCursorToStart = function moveCursorToStart() {
+    var doc = this.getEditor().getDoc();
+    var firstLine = doc.firstLine();
+    doc.setCursor(firstLine, 0);
+  }
+  /**
+   * Scroll Editor content to Top
+   * @param {number} value - Scroll amount
+   * @returns {number} - changed scroll top
+   */
+  ;
+
+  _proto.scrollTop = function scrollTop(value) {
+    if (value) {
+      this.cm.scrollTo(0, value);
+    }
+
+    return this.cm.getScrollInfo().top;
+  }
+  /**
+   * Get start, end position of current selection
+   * @returns {{start: {line: *, ch: *}, end: {line: *, ch: *}}}
+   */
+  ;
+
+  _proto.getRange = function getRange() {
+    var start = this.cm.getCursor('from');
+    var end = this.cm.getCursor('to');
+    return {
+      start: {
+        line: start.line,
+        ch: start.ch
+      },
+      end: {
+        line: end.line,
+        ch: end.ch
+      }
+    };
+  }
+  /**
+   * add codemirror event handler
+   * @param {string} type - event type
+   * @param {function} func - handler function
+   */
+  ;
+
+  _proto.on = function on(type, func) {
+    this.cm.on(type, func);
+  }
+  /**
+   * remove codemirror event handler
+   * @param {string} type - event type
+   * @param {function} func - handler function
+   */
+  ;
+
+  _proto.off = function off(type, func) {
+    this.cm.off(type, func);
+  };
+
+  return CodeMirrorExt;
+}();
+
+/* harmony default export */ var codeMirrorExt = (codeMirrorExt_CodeMirrorExt);
+// CONCATENATED MODULE: ./src/js/keyMapper.js
+/**
+ * @fileoverview Implements KeyMapper
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Constant of key mapping
+ * @type {string[]}
+ * @ignore
+ */
+var KEYBOARD_MAP = ['', // [0]
+'', // [1]
+'', // [2]
+'CANCEL', // [3]
+'', // [4]
+'', // [5]
+'HELP', // [6]
+'', // [7]
+'BACK_SPACE', // [8]
+'TAB', // [9]
+'', // [10]
+'', // [11]
+'CLEAR', // [12]
+'ENTER', // [13]
+'ENTER_SPECIAL', // [14]
+'', // [15]
+'', // [16] SHIFT
+'', // [17] CONTROL
+'', // [18] ALT
+'PAUSE', // [19]
+'CAPS_LOCK', // [20]
+'KANA', // [21]
+'EISU', // [22]
+'JUNJA', // [23]
+'FINAL', // [24]
+'HANJA', // [25]
+'', // [26]
+'ESCAPE', // [27]
+'CONVERT', // [28]
+'NONCONVERT', // [29]
+'ACCEPT', // [30]
+'MODECHANGE', // [31]
+'SPACE', // [32]
+'PAGE_UP', // [33]
+'PAGE_DOWN', // [34]
+'END', // [35]
+'HOME', // [36]
+'LEFT', // [37]
+'UP', // [38]
+'RIGHT', // [39]
+'DOWN', // [40]
+'SELECT', // [41]
+'PRINT', // [42]
+'EXECUTE', // [43]
+'PRINTSCREEN', // [44]
+'INSERT', // [45]
+'DELETE', // [46]
+'', // [47]
+'0', // [48]
+'1', // [49]
+'2', // [50]
+'3', // [51]
+'4', // [52]
+'5', // [53]
+'6', // [54]
+'7', // [55]
+'8', // [56]
+'9', // [57]
+':', // [58]
+';', // [59]
+'<', // [60]
+'=', // [61]
+'>', // [62]
+'?', // [63]
+'AT', // [64]
+'A', // [65]
+'B', // [66]
+'C', // [67]
+'D', // [68]
+'E', // [69]
+'F', // [70]
+'G', // [71]
+'H', // [72]
+'I', // [73]
+'J', // [74]
+'K', // [75]
+'L', // [76]
+'M', // [77]
+'N', // [78]
+'O', // [79]
+'P', // [80]
+'Q', // [81]
+'R', // [82]
+'S', // [83]
+'T', // [84]
+'U', // [85]
+'V', // [86]
+'W', // [87]
+'X', // [88]
+'Y', // [89]
+'Z', // [90]
+'', // [91] META
+'', // [92]
+'CONTEXT_MENU', // [93]
+'', // [94]
+'SLEEP', // [95]
+'NUMPAD0', // [96]
+'NUMPAD1', // [97]
+'NUMPAD2', // [98]
+'NUMPAD3', // [99]
+'NUMPAD4', // [100]
+'NUMPAD5', // [101]
+'NUMPAD6', // [102]
+'NUMPAD7', // [103]
+'NUMPAD8', // [104]
+'NUMPAD9', // [105]
+'MULTIPLY', // [106]
+'ADD', // [107]
+'SEPARATOR', // [108]
+'SUBTRACT', // [109]
+'DECIMAL', // [110]
+'DIVIDE', // [111]
+'F1', // [112]
+'F2', // [113]
+'F3', // [114]
+'F4', // [115]
+'F5', // [116]
+'F6', // [117]
+'F7', // [118]
+'F8', // [119]
+'F9', // [120]
+'F10', // [121]
+'F11', // [122]
+'F12', // [123]
+'F13', // [124]
+'F14', // [125]
+'F15', // [126]
+'F16', // [127]
+'F17', // [128]
+'F18', // [129]
+'F19', // [130]
+'F20', // [131]
+'F21', // [132]
+'F22', // [133]
+'F23', // [134]
+'F24', // [135]
+'', // [136]
+'', // [137]
+'', // [138]
+'', // [139]
+'', // [140]
+'', // [141]
+'', // [142]
+'', // [143]
+'NUM_LOCK', // [144]
+'SCROLL_LOCK', // [145]
+'WIN_OEM_FJ_JISHO', // [146]
+'WIN_OEM_FJ_MASSHOU', // [147]
+'WIN_OEM_FJ_TOUROKU', // [148]
+'WIN_OEM_FJ_LOYA', // [149]
+'WIN_OEM_FJ_ROYA', // [150]
+'', // [151]
+'', // [152]
+'', // [153]
+'', // [154]
+'', // [155]
+'', // [156]
+'', // [157]
+'', // [158]
+'', // [159]
+'@', // [160]
+'!', // [161]
+'"', // [162]
+'#', // [163]
+'$', // [164]
+'%', // [165]
+'&', // [166]
+'_', // [167]
+'(', // [168]
+')', // [169]
+'*', // [170]
+'+', // [171]
+'|', // [172]
+'-', // [173]
+'{', // [174]
+'}', // [175]
+'~', // [176]
+'', // [177]
+'', // [178]
+'', // [179]
+'', // [180]
+'VOLUME_MUTE', // [181]
+'VOLUME_DOWN', // [182]
+'VOLUME_UP', // [183]
+'', // [184]
+'', // [185]
+';', // [186]
+'=', // [187]
+',', // [188]
+'-', // [189]
+'.', // [190]
+'/', // [191]
+'`', // [192]
+'', // [193]
+'', // [194]
+'', // [195]
+'', // [196]
+'', // [197]
+'', // [198]
+'', // [199]
+'', // [200]
+'', // [201]
+'', // [202]
+'', // [203]
+'', // [204]
+'', // [205]
+'', // [206]
+'', // [207]
+'', // [208]
+'', // [209]
+'', // [210]
+'', // [211]
+'', // [212]
+'', // [213]
+'', // [214]
+'', // [215]
+'', // [216]
+'', // [217]
+'', // [218]
+'[', // [219]
+'\\', // [220]
+']', // [221]
+"'", // [222]
+'', // [223]
+'META', // [224]
+'ALTGR', // [225]
+'', // [226]
+'WIN_ICO_HELP', // [227]
+'WIN_ICO_00', // [228]
+'', // [229]
+'WIN_ICO_CLEAR', // [230]
+'', // [231]
+'', // [232]
+'WIN_OEM_RESET', // [233]
+'WIN_OEM_JUMP', // [234]
+'WIN_OEM_PA1', // [235]
+'WIN_OEM_PA2', // [236]
+'WIN_OEM_PA3', // [237]
+'WIN_OEM_WSCTRL', // [238]
+'WIN_OEM_CUSEL', // [239]
+'WIN_OEM_ATTN', // [240]
+'WIN_OEM_FINISH', // [241]
+'WIN_OEM_COPY', // [242]
+'WIN_OEM_AUTO', // [243]
+'WIN_OEM_ENLW', // [244]
+'WIN_OEM_BACKTAB', // [245]
+'ATTN', // [246]
+'CRSEL', // [247]
+'EXSEL', // [248]
+'EREOF', // [249]
+'PLAY', // [250]
+'ZOOM', // [251]
+'', // [252]
+'PA1', // [253]
+'WIN_OEM_CLEAR', // [254]
+'' // [255]
+];
+var sharedInstance;
+/**
+ * Class KeyMapper
+ * @param {object} [options] options
+ * @param {string} options.splitter splitter string default is +
+ * @ignore
+ */
+
+var KeyMapper = /*#__PURE__*/function () {
+  function KeyMapper(options) {
+    this._setSplitter(options);
+  }
+  /**
+   * Set key splitter
+   * @param {object} options Option object
+   * @private
+   */
+
+
+  var _proto = KeyMapper.prototype;
+
+  _proto._setSplitter = function _setSplitter(options) {
+    var splitter = options ? options.splitter : '+';
+    this._splitter = splitter;
+  }
+  /**
+   * Convert event to keyMap
+   * @param {event} event Event object
+   * @returns {string}
+   */
+  ;
+
+  _proto.convert = function convert(event) {
+    var keyMap = [];
+
+    if (event.shiftKey) {
+      keyMap.push('SHIFT');
+    }
+
+    if (event.ctrlKey) {
+      keyMap.push('CTRL');
+    }
+
+    if (event.metaKey) {
+      keyMap.push('META');
+    }
+
+    if (event.altKey) {
+      keyMap.push('ALT');
+    }
+
+    var keyChar = this._getKeyCodeChar(event.keyCode);
+
+    if (keyChar) {
+      keyMap.push(keyChar);
+    }
+
+    return keyMap.join(this._splitter);
+  }
+  /**
+   * Get character from key code
+   * @param {number} keyCode Key code
+   * @returns {string}
+   * @private
+   */
+  ;
+
+  _proto._getKeyCodeChar = function _getKeyCodeChar(keyCode) {
+    var keyCodeCharacter = KEYBOARD_MAP[keyCode];
+    return keyCodeCharacter;
+  }
+  /**
+   * Get sharedInstance
+   * @returns {KeyMapper}
+   */
+  ;
+
+  KeyMapper.getSharedInstance = function getSharedInstance() {
+    if (!sharedInstance) {
+      sharedInstance = new KeyMapper();
+    }
+
+    return sharedInstance;
+  }
+  /**
+   * get key code for a character
+   * @param {string} char - a character to be converted
+   * @returns {number} key code for the char
+   * @static
+   */
+  ;
+
+  KeyMapper.keyCode = function keyCode(char) {
+    return KEYBOARD_MAP.indexOf(char);
+  };
+
+  return KeyMapper;
+}();
+
+/* harmony default export */ var keyMapper = (KeyMapper);
+// CONCATENATED MODULE: ./src/js/mdListManager.js
+/**
+ * @fileoverview Implements markdown list manager
+ * @author NHN FE Development Lab 
+ */
+var FIND_LIST_RX = /^[ \t]*([-*]|[\d]+\.)( \[[ xX]])? /;
+var FIND_TASK_LIST_RX = /^[ \t]*([*-] |[\d]+\. )(\[[ xX]] )/;
+var FIND_UL_RX = /^[ \t]*[-*] .*/;
+var FIND_OL_TASK_RX = /^[ \t]*[\d]+\. \[[ xX]] .*/;
+var LIST_SYNTAX_RX = /([*-] |[\d]+\. )/;
+var TASK_SYNTAX_RX = /([-*] |[\d]+\. )(\[[ xX]] )/;
+var LIST_OR_TASK_SYNTAX_RX = /([-*]|[\d]+\.)( \[[ xX]])? /;
+var UL_TASK_SYNTAX_RX = /([-*])( \[[ xX]]) /;
+var OL_SYNTAX_RX = /([\d])+\.( \[[ xX]])? /;
+var FIND_TABLE_RX = /^\|([-\s\w\d\t<>?!@#$%^&*()_=+\\/'";: \r[\]]*\|+)+/i;
+var FIND_HEADING_RX = /^#+\s/;
+var FIND_BLOCK_RX = /^ {0,3}(```|\||>)/;
+/**
+ * Class MdListManager
+ * @param {MarkdownEditor} mde - MarkdownEditor instance
+ * @ignore
+ */
+
+var MdListManager = /*#__PURE__*/function () {
+  function MdListManager(mde) {
+    this.cm = mde.getEditor();
+    this.doc = this.cm.getDoc();
+    this.toastMark = mde.getToastMark();
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'list';
+  }
+  /**
+   * Sort line number of selection descending
+   * @param {{from, to}} range start, end CodeMirror range information
+   * @returns {{start: {number}, end: {number}}}
+   * @private
+   */
+
+
+  var _proto = MdListManager.prototype;
+
+  _proto._createSortedLineRange = function _createSortedLineRange(range) {
+    var isReversed = range.from.line > range.to.line;
+    var rangeStart = {
+      line: isReversed ? range.to.line : range.from.line,
+      ch: 0
+    };
+    var rangeEnd = {
+      line: isReversed ? range.from.line : range.to.line,
+      ch: 0
+    };
+    return {
+      start: rangeStart.line,
+      end: rangeEnd.line
+    };
+  }
+  /**
+   * For odering the ol list, search preivous lines and
+   * calculate ordinal number when find ol list
+   * @param {number} lineNumber lineNumber
+   * @returns {number}
+   * @private
+   */
+  ;
+
+  _proto._calculateOrdinalNumber = function _calculateOrdinalNumber(lineNumber) {
+    var ordinalNumber = 1;
+
+    for (var i = lineNumber - 1; i >= 0; i -= 1) {
+      var depth = this._getListDepth(i);
+
+      if (depth === 1 && OL_SYNTAX_RX.exec(this.doc.getLine(i))) {
+        ordinalNumber = parseInt(RegExp.$1, 10) + 1;
+        break;
+      } else if (depth === 0) {
+        break;
+      }
+    }
+
+    return ordinalNumber;
+  };
+
+  _proto._isListLine = function _isListLine(lineNumber) {
+    return !!FIND_LIST_RX.exec(this.doc.getLine(lineNumber));
+  }
+  /**
+   * If text already have sytax for heading, table and code block,
+   * can not change to list.
+   * @param {number} lineNumber lineNumber
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isCanBeList = function _isCanBeList(lineNumber) {
+    var line = this.doc.getLine(lineNumber);
+    return !FIND_BLOCK_RX.test(line) && !FIND_TABLE_RX.test(line) && !FIND_HEADING_RX.test(line);
+  }
+  /**
+   * Return a function for change according to type
+   * @param {string} type ol, ul, task
+   * @returns {Function}
+   * @private
+   */
+  ;
+
+  _proto._getChangeFn = function _getChangeFn(type) {
+    var _this = this;
+
+    var fn;
+
+    switch (type) {
+      case 'ol':
+      case 'ul':
+        fn = function fn(lineNumber) {
+          return _this._changeToList(lineNumber, type);
+        };
+
+        break;
+
+      case 'task':
+        fn = function fn(lineNumber) {
+          return _this._changeToTask(lineNumber);
+        };
+
+        break;
+
+      default:
+        break;
+    }
+
+    return fn;
+  }
+  /**
+   * Change syntax by traversing each line selected.
+   * @param {{from, to}} range start, end CodeMirror range information
+   * @param {string} type ol, ul, task
+   */
+  ;
+
+  _proto.changeSyntax = function changeSyntax(range, type) {
+    var newListLine = [];
+
+    var lineRange = this._createSortedLineRange(range);
+
+    var startLineNumber = lineRange.start,
+        endLineNumber = lineRange.end;
+
+    var changeFn = this._getChangeFn(type);
+
+    for (var lineNumber = startLineNumber; lineNumber <= endLineNumber; lineNumber += 1) {
+      if (!this._isCanBeList(lineNumber)) {
+        break;
+      } // If text of lineNumber is not list, cache for inserting blank line
+
+
+      if (!this._isListLine(lineNumber)) {
+        newListLine.push(lineNumber);
+      }
+
+      changeFn(lineNumber);
+    } // Should insert blank line before and after new list
+
+
+    this._insertBlankLineForNewList(newListLine);
+
+    this.cm.focus();
+  };
+
+  _proto._replaceLineText = function _replaceLineText(text, lineNumber) {
+    this.doc.replaceRange(text, {
+      line: lineNumber,
+      ch: 0
+    });
+  }
+  /**
+   * change to list according to the type.
+   * @param {number} lineNumber line number
+   * @param {string} type ol, ul
+   * @private
+   */
+  ;
+
+  _proto._changeToList = function _changeToList(lineNumber, type) {
+    var _this2 = this;
+
+    if (this._isListLine(lineNumber)) {
+      // If type is ol, need ordinal number.
+      this._changeSameDepthList(lineNumber, type === 'ol' ? function (lineNum, ordinalNumber) {
+        _this2._replaceListTypeToOL(lineNum, ordinalNumber);
+      } : function (lineNum) {
+        _this2._replaceListTypeToUL(lineNum);
+      });
+    } else {
+      this._replaceLineText(type === 'ol' ? this._calculateOrdinalNumber(lineNumber) + ". " : '* ', lineNumber);
+    }
+  }
+  /**
+   * change to task list according
+   * @param {number} lineNumber line number
+   * @private
+   */
+  ;
+
+  _proto._changeToTask = function _changeToTask(lineNumber) {
+    if (FIND_TASK_LIST_RX.exec(this.doc.getLine(lineNumber))) {
+      this._replaceLineTextByRegexp(lineNumber, TASK_SYNTAX_RX, '$1');
+    } else if (this._isListLine(lineNumber)) {
+      this._replaceLineTextByRegexp(lineNumber, LIST_SYNTAX_RX, '$1[ ] ');
+    } else {
+      this._replaceLineText('* [ ] ', lineNumber);
+    }
+  };
+
+  _proto._getListDepth = function _getListDepth(lineNumber) {
+    var depth = 0;
+    var text = this.doc.getLine(lineNumber);
+
+    if (text) {
+      var mdNode = this.toastMark.findFirstNodeAtLine(lineNumber + 1);
+
+      while (mdNode && mdNode.type !== 'document') {
+        if (mdNode.type === 'list') {
+          depth += 1;
+        }
+
+        mdNode = mdNode.parent;
+      }
+    }
+
+    return depth;
+  };
+
+  _proto._findSameDepthList = function _findSameDepthList(listNumber, depth, isIncrease) {
+    var lineCount = this.doc.lineCount();
+    var result = [];
+    var i = listNumber;
+    var currentLineDepth;
+
+    while (isIncrease ? i < lineCount - 1 : i > 0) {
+      i = isIncrease ? i + 1 : i - 1;
+      currentLineDepth = this._getListDepth(i);
+
+      if (currentLineDepth === depth) {
+        result.push(i);
+      } else if (currentLineDepth < depth) {
+        break;
+      }
+    }
+
+    return result;
+  }
+  /**
+   * Find Sampe depth list before and after the line number,
+   * and then same depth lines change using replacer function
+   * @param {number} lineNumber line number
+   * @param {Function} replacer The function should be called with line numbers and ordinal number as arguments.
+   * @private
+   */
+  ;
+
+  _proto._changeSameDepthList = function _changeSameDepthList(lineNumber, replacer) {
+    var depth = this._getListDepth(lineNumber);
+
+    var backwardList = this._findSameDepthList(lineNumber, depth, false).reverse();
+
+    var forwardList = this._findSameDepthList(lineNumber, depth, true);
+
+    var sameDepthList = backwardList.concat([lineNumber]).concat(forwardList);
+    sameDepthList.forEach(function (lineNum, i) {
+      replacer(lineNum, i + 1);
+    });
+  }
+  /**
+   * Replace text using regular expression
+   * @param {number} lineNumber Line number
+   * @param {RegExp} regexp Regexp for find list syntax
+   * @param {string} replacePattern Replacement string
+   * @private
+   */
+  ;
+
+  _proto._replaceLineTextByRegexp = function _replaceLineTextByRegexp(lineNumber, regexp, replacePattern) {
+    var line = this.doc.getLine(lineNumber);
+    var currentLineStart = {
+      line: lineNumber,
+      ch: 0
+    };
+    var currentLineEnd = {
+      line: lineNumber,
+      ch: line.length
+    };
+    line = line.replace(regexp, replacePattern);
+    this.doc.replaceRange(line, currentLineStart, currentLineEnd);
+  };
+
+  _proto._replaceListTypeToUL = function _replaceListTypeToUL(lineNumber) {
+    var lineText = this.doc.getLine(lineNumber);
+
+    if (UL_TASK_SYNTAX_RX.exec(lineText)) {
+      this._replaceLineTextByRegexp(lineNumber, UL_TASK_SYNTAX_RX, '$1 ');
+    } else if (OL_SYNTAX_RX.exec(lineText)) {
+      this._replaceLineTextByRegexp(lineNumber, OL_SYNTAX_RX, '* ');
+    }
+  };
+
+  _proto._replaceListTypeToOL = function _replaceListTypeToOL(lineNumber, ordinalNumber) {
+    var lineText = this.doc.getLine(lineNumber);
+
+    if (FIND_UL_RX.exec(lineText) || FIND_OL_TASK_RX.exec(lineText)) {
+      this._replaceLineTextByRegexp(lineNumber, LIST_OR_TASK_SYNTAX_RX, ordinalNumber + ". ");
+    } else if (OL_SYNTAX_RX.exec(lineText)) {
+      if (parseInt(RegExp.$1, 10) !== ordinalNumber) {
+        this._replaceLineTextByRegexp(lineNumber, OL_SYNTAX_RX, ordinalNumber + ". ");
+      }
+    }
+  }
+  /**
+   * The new list must have a blank line before and after.
+   * @param {Array} newListLines lines that changed to list
+   * @private
+   */
+  ;
+
+  _proto._insertBlankLineForNewList = function _insertBlankLineForNewList(newListLines) {
+    var length = newListLines.length;
+
+    if (length) {
+      var startLineNumber = newListLines[0];
+      var endLineNumber = newListLines[length - 1];
+
+      if (this._isNotBlankNotListLine(endLineNumber + 1)) {
+        this.doc.replaceRange('\n', {
+          line: endLineNumber,
+          ch: this.doc.getLine(endLineNumber).length
+        });
+      }
+
+      if (startLineNumber > 0 && this._isNotBlankNotListLine(startLineNumber - 1)) {
+        this.doc.replaceRange('\n', {
+          line: startLineNumber,
+          ch: 0
+        });
+      }
+    }
+  };
+
+  _proto._isNotBlankNotListLine = function _isNotBlankNotListLine(lineNumber) {
+    return !!this.doc.getLine(lineNumber) && !this._isListLine(lineNumber);
+  };
+
+  return MdListManager;
+}();
+
+/* harmony default export */ var mdListManager = (MdListManager);
+// CONCATENATED MODULE: ./src/js/componentManager.js
+/**
+ * @fileoverview Implements ComponentManager
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class ComponentManager
+ * @param {MarkdownEditor|WysiwygEditor} editor - Editor instance
+ * @ignore
+ */
+var ComponentManager = /*#__PURE__*/function () {
+  function ComponentManager(editor) {
+    /**
+     * private
+     * @type {object}
+     * @private
+     */
+    this._managers = {};
+    this._editor = editor;
+  }
+  /**
+   * addManager
+   * Add manager
+   * @param {string|function} nameOrConstructor Manager name or constructor
+   * @param {function} [ManagerConstructor] Constructor
+   */
+
+
+  var _proto = ComponentManager.prototype;
+
+  _proto.addManager = function addManager(nameOrConstructor, ManagerConstructor) {
+    if (!ManagerConstructor) {
+      ManagerConstructor = nameOrConstructor;
+      nameOrConstructor = null;
+    }
+
+    var instance = new ManagerConstructor(this._editor);
+    this._managers[nameOrConstructor || instance.name] = instance;
+  }
+  /**
+   * getManager
+   * Get manager by manager name
+   * @param {string} name Manager name
+   * @returns {object} manager
+   */
+  ;
+
+  _proto.getManager = function getManager(name) {
+    return this._managers[name];
+  }
+  /**
+   * Remove Manager.
+   * @param {string} name - manager name
+   */
+  ;
+
+  _proto.removeManager = function removeManager(name) {
+    var manager = this.getManager(name);
+
+    if (!manager) {
+      return;
+    }
+
+    if (manager.destroy) {
+      manager.destroy();
+    }
+
+    delete this._managers[name];
+  };
+
+  return ComponentManager;
+}();
+
+/* harmony default export */ var componentManager = (ComponentManager);
+// CONCATENATED MODULE: ./src/js/mdTextObject.js
+/**
+ * @fileoverview Implements markdown textObject
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Markdown textObject
+ * @param {MarkdownEditor} mde - MarkdownEditor instance
+ * @param {object} range - range
+ */
+var MdTextObject = /*#__PURE__*/function () {
+  function MdTextObject(mde, range) {
+    this._mde = mde;
+    this.setRange(range || mde.getRange());
+  }
+  /**
+   * Set start
+   * @param {object} rangeStart Start of range
+   * @private
+   */
+
+
+  var _proto = MdTextObject.prototype;
+
+  _proto._setStart = function _setStart(rangeStart) {
+    this._start = rangeStart;
+  }
+  /**
+   * Set end
+   * @param {object} rangeEnd End of range
+   * @private
+   */
+  ;
+
+  _proto._setEnd = function _setEnd(rangeEnd) {
+    this._end = rangeEnd;
+  }
+  /**
+   * Set range to given range
+   * @param {object} range Range object
+   */
+  ;
+
+  _proto.setRange = function setRange(range) {
+    this._setStart(range.start);
+
+    this._setEnd(range.end);
+  }
+  /**
+   * Set start to end
+   * @param {object} range Range object
+   */
+  ;
+
+  _proto.setEndBeforeRange = function setEndBeforeRange(range) {
+    this._setEnd(range.start);
+  }
+  /**
+   * Expand startOffset by 1
+   */
+  ;
+
+  _proto.expandStartOffset = function expandStartOffset() {
+    var start = this._start;
+
+    if (start.ch !== 0) {
+      start.ch -= 1;
+    }
+  }
+  /**
+   * Expand endOffset by 1
+   */
+  ;
+
+  _proto.expandEndOffset = function expandEndOffset() {
+    var end = this._end;
+
+    if (end.ch < this._mde.getEditor().getDoc().getLine(end.line).length) {
+      end.ch += 1;
+    }
+  }
+  /**
+   * Get current selection's text content
+   * @returns {{start: {line: number, ch: number}, end: {line: number, ch: number}}}
+   */
+  ;
+
+  _proto.getTextContent = function getTextContent() {
+    return this._mde.getEditor().getRange(this._start, this._end);
+  }
+  /**
+   * Replace current selection's content with given text content
+   * @param {string} content Replacement content
+   */
+  ;
+
+  _proto.replaceContent = function replaceContent(content) {
+    this._mde.getEditor().replaceRange(content, this._start, this._end, '+input');
+  }
+  /**
+   * Delete current selection's content
+   */
+  ;
+
+  _proto.deleteContent = function deleteContent() {
+    this._mde.getEditor().replaceRange('', this._start, this._end, '+delete');
+  }
+  /**
+   * peek StartBeforeOffset
+   * @param {number} offset Offset
+   * @returns {{start: {line: number, ch: number}, end: {line: number, ch: number}}}
+   */
+  ;
+
+  _proto.peekStartBeforeOffset = function peekStartBeforeOffset(offset) {
+    var peekStart = {
+      line: this._start.line,
+      ch: Math.max(this._start.ch - offset, 0)
+    };
+    return this._mde.getEditor().getRange(peekStart, this._start);
+  };
+
+  return MdTextObject;
+}();
+
+/* harmony default export */ var mdTextObject = (MdTextObject);
+// EXTERNAL MODULE: ./src/js/utils/markdown.js
+var markdown = __webpack_require__(2);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isFunction.js
+var isFunction = __webpack_require__(27);
+var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction);
+
+// CONCATENATED MODULE: ./src/js/markTextHelper.js
+function markTextHelper_extends() { markTextHelper_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return markTextHelper_extends.apply(this, arguments); }
+
+
+
+
+var CLS_PREFIX = 'tui-md-';
+var classNameMap = applyClsToValue({
+  DELIM: 'delimiter',
+  META: 'meta',
+  TEXT: 'marked-text',
+  THEMATIC_BREAK: 'thematic-break',
+  CODE_BLOCK: 'code-block',
+  TABLE: 'table',
+  HTML: 'html'
+});
+var delimSize = {
+  strong: 2,
+  emph: 1,
+  strike: 2
+};
+
+function cls() {
+  for (var _len = arguments.length, names = new Array(_len), _key = 0; _key < _len; _key++) {
+    names[_key] = arguments[_key];
+  }
+
+  return names.map(function (className) {
+    return "" + CLS_PREFIX + className;
+  }).join(' ');
+}
+
+function applyClsToValue(obj) {
+  forEachOwnProperties_default()(obj, function (value, key) {
+    obj[key] = cls(value);
+  });
+  return obj;
+}
+
+function markTextHelper_markInfo(start, end, className) {
+  return {
+    start: start,
+    end: end,
+    className: className
+  };
+}
+
+function heading(_ref, start, end) {
+  var level = _ref.level,
+      headingType = _ref.headingType;
+  var marks = [markTextHelper_markInfo(start, end, cls('heading', "heading" + level))];
+
+  if (headingType === 'atx') {
+    marks.push(markTextHelper_markInfo(start, Object(markdown["a" /* addChPos */])(start, level), classNameMap.DELIM));
+  } else {
+    marks.push(markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(end, 0), end, classNameMap.DELIM + " setext"));
+  }
+
+  return {
+    marks: marks
+  };
+}
+
+function emphasisAndStrikethrough(_ref2, start, end) {
+  var type = _ref2.type;
+  return {
+    marks: [markTextHelper_markInfo(start, end, cls("" + type)), markTextHelper_markInfo(start, Object(markdown["a" /* addChPos */])(start, delimSize[type]), classNameMap.DELIM), markTextHelper_markInfo(Object(markdown["a" /* addChPos */])(end, -delimSize[type]), end, classNameMap.DELIM)]
+  };
+}
+
+function markLink(start, end, linkTextStart, lastChildCh) {
+  return [markTextHelper_markInfo(start, end, cls('link')), markTextHelper_markInfo(linkTextStart, Object(markdown["m" /* setChPos */])(end, lastChildCh), cls('link-desc')), markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(start, linkTextStart.ch + 1), Object(markdown["m" /* setChPos */])(end, lastChildCh - 1), classNameMap.TEXT), markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(end, lastChildCh), end, cls('link-url')), markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(end, lastChildCh + 1), Object(markdown["a" /* addChPos */])(end, -1), classNameMap.TEXT)];
+}
+
+function markTextHelper_image(_ref3, start, end) {
+  var lastChild = _ref3.lastChild;
+  var lastChildCh = lastChild ? Object(markdown["c" /* getMdEndCh */])(lastChild) + 1 : 3; // 3: length of '![]'
+
+  var linkTextEnd = Object(markdown["a" /* addChPos */])(start, 1);
+  return {
+    marks: [markTextHelper_markInfo(start, linkTextEnd, classNameMap.META)].concat(markLink(start, end, linkTextEnd, lastChildCh))
+  };
+}
+
+function markTextHelper_link(_ref4, start, end) {
+  var lastChild = _ref4.lastChild,
+      extendedAutolink = _ref4.extendedAutolink;
+  var lastChildCh = lastChild ? Object(markdown["c" /* getMdEndCh */])(lastChild) + 1 : 2; // 2: length of '[]'
+
+  var marks = extendedAutolink ? [markTextHelper_markInfo(start, end, cls('link', 'link-desc') + " " + classNameMap.TEXT)] : markLink(start, end, start, lastChildCh);
+  return {
+    marks: marks
+  };
+}
+
+function markTextHelper_code(_ref5, start, end) {
+  var tickCount = _ref5.tickCount;
+  var openDelimEnd = Object(markdown["a" /* addChPos */])(start, tickCount);
+  var closeDelimStart = Object(markdown["a" /* addChPos */])(end, -tickCount);
+  return {
+    marks: [markTextHelper_markInfo(start, end, cls('code')), markTextHelper_markInfo(start, openDelimEnd, classNameMap.DELIM + " start"), markTextHelper_markInfo(openDelimEnd, closeDelimStart, classNameMap.TEXT), markTextHelper_markInfo(closeDelimStart, end, classNameMap.DELIM + " end")]
+  };
+}
+
+function markTextHelper_codeBlock(node, start, end, endLine) {
+  var fenceOffset = node.fenceOffset,
+      fenceLength = node.fenceLength,
+      fenceChar = node.fenceChar,
+      info = node.info,
+      infoPadding = node.infoPadding,
+      parent = node.parent;
+  var fenceEnd = fenceOffset + fenceLength;
+  var marks = [markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(start, 0), end, classNameMap.CODE_BLOCK)];
+
+  if (fenceChar) {
+    marks.push(markTextHelper_markInfo(start, Object(markdown["a" /* addChPos */])(start, fenceEnd), classNameMap.DELIM));
+  }
+
+  if (info) {
+    marks.push(markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(start, fenceEnd), Object(markdown["m" /* setChPos */])(start, fenceEnd + infoPadding + info.length), classNameMap.META));
+  }
+
+  var codeBlockEnd = "^(\\s{0,3})(" + fenceChar + "{" + fenceLength + ",})";
+  var CLOSED_RX = new RegExp(codeBlockEnd);
+
+  if (CLOSED_RX.test(endLine)) {
+    marks.push(markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(end, 0), end, classNameMap.DELIM));
+  }
+
+  var lineBackground = parent.type !== 'item' && parent.type !== 'blockQuote' ? {
+    start: start.line,
+    end: end.line,
+    className: classNameMap.CODE_BLOCK
+  } : null;
+  return {
+    marks: marks,
+    lineBackground: markTextHelper_extends({}, lineBackground)
+  };
+}
+
+function markListItemChildren(node, className) {
+  var marks = [];
+
+  while (node) {
+    var _node = node,
+        type = _node.type;
+
+    if (type === 'paragraph' || type === 'codeBlock') {
+      marks.push(markTextHelper_markInfo({
+        line: Object(markdown["f" /* getMdStartLine */])(node) - 1,
+        ch: Object(markdown["e" /* getMdStartCh */])(node) - 1
+      }, {
+        line: Object(markdown["d" /* getMdEndLine */])(node) - 1,
+        ch: Object(markdown["c" /* getMdEndCh */])(node)
+      }, className));
+    }
+
+    node = node.next;
+  }
+
+  return marks;
+}
+
+function markParagraphInBlockQuote(node) {
+  var marks = [];
+
+  while (node) {
+    marks.push(markTextHelper_markInfo({
+      line: Object(markdown["f" /* getMdStartLine */])(node) - 1,
+      ch: Object(markdown["e" /* getMdStartCh */])(node) - 1
+    }, {
+      line: Object(markdown["d" /* getMdEndLine */])(node) - 1,
+      ch: Object(markdown["c" /* getMdEndCh */])(node)
+    }, classNameMap.TEXT));
+    node = node.next;
+  }
+
+  return marks;
+}
+
+function blockQuote(node, start, end) {
+  var marks = node.parent && node.parent.type !== 'blockQuote' ? [markTextHelper_markInfo(start, end, cls('block-quote'))] : [];
+
+  if (node.firstChild) {
+    var childMarks = [];
+
+    if (node.firstChild.type === 'paragraph') {
+      childMarks = markParagraphInBlockQuote(node.firstChild.firstChild, classNameMap.TEXT);
+    } else if (node.firstChild.type === 'list') {
+      childMarks = markListItemChildren(node.firstChild, classNameMap.TEXT);
+    }
+
+    marks = [].concat(marks, childMarks);
+  }
+
+  return {
+    marks: marks
+  };
+}
+
+function getClassNameOfListItem(node) {
+  var depth = 0;
+
+  while (node.parent.parent && node.parent.parent.type === 'item') {
+    node = node.parent.parent;
+    depth += 1;
+  }
+
+  var newClassName = ['list-item-odd', 'list-item-even'][depth % 2]; // @TODO remove it in the next major version
+  // these class names are for the legacy style 'old.css'
+
+  var oldClassName = ['fisrt', 'second', 'third'][depth % 3];
+  return cls('list-item', "" + newClassName) + " " + oldClassName;
+}
+
+function markTextHelper_item(node, start) {
+  var itemClassName = getClassNameOfListItem(node);
+  var _node$listData = node.listData,
+      padding = _node$listData.padding,
+      task = _node$listData.task;
+  return {
+    marks: [markTextHelper_markInfo(start, Object(markdown["a" /* addChPos */])(start, padding), itemClassName + " " + cls('list-item-bullet'))].concat(task ? [markTextHelper_markInfo(Object(markdown["a" /* addChPos */])(start, padding), Object(markdown["a" /* addChPos */])(start, padding + 3), itemClassName + " " + classNameMap.DELIM), markTextHelper_markInfo(Object(markdown["a" /* addChPos */])(start, padding + 1), Object(markdown["a" /* addChPos */])(start, padding + 2), classNameMap.META)] : [], markListItemChildren(node.firstChild, itemClassName + " " + classNameMap.TEXT))
+  };
+}
+
+var markNodeFuncMap = {
+  heading: heading,
+  strong: emphasisAndStrikethrough,
+  emph: emphasisAndStrikethrough,
+  strike: emphasisAndStrikethrough,
+  link: markTextHelper_link,
+  image: markTextHelper_image,
+  code: markTextHelper_code,
+  codeBlock: markTextHelper_codeBlock,
+  blockQuote: blockQuote,
+  item: markTextHelper_item
+};
+var simpleMarkClassNameMap = {
+  thematicBreak: classNameMap.THEMATIC_BREAK,
+  table: classNameMap.TABLE,
+  tableCell: classNameMap.TEXT,
+  htmlInline: classNameMap.HTML
+};
+/**
+ * Gets mark information to the markdown node.
+ * @param {Object} node - node returned from ToastMark
+ * @param {Object} start - start node's data
+ * @param {Object} end - end node's data
+ * @param {Object} endLine - end line's data
+ * @returns {?Object} mark information
+ * @ignore
+ */
+
+function getMarkInfo(node, start, end, endLine) {
+  var type = node.type;
+
+  if (isFunction_default()(markNodeFuncMap[type])) {
+    return markNodeFuncMap[type](node, start, end, endLine);
+  }
+
+  if (simpleMarkClassNameMap[type]) {
+    return {
+      marks: [markTextHelper_markInfo(start, end, simpleMarkClassNameMap[type])]
+    };
+  }
+
+  return null;
+}
+// CONCATENATED MODULE: ./src/js/markdownEditor.js
+function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } it = o[Symbol.iterator](); return it.next.bind(it); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function markdownEditor_extends() { markdownEditor_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return markdownEditor_extends.apply(this, arguments); }
+
+/**
+ * @fileoverview Implements markdown editor
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+var markdownEditor_keyMapper = keyMapper.getSharedInstance();
+var defaultToolbarState = {
+  strong: false,
+  emph: false,
+  strike: false,
+  thematicBreak: false,
+  blockQuote: false,
+  code: false,
+  codeBlock: false,
+  list: false,
+  taskList: false,
+  orderedList: false,
+  heading: false,
+  table: false
+};
+
+function getToolbarStateType(_ref) {
+  var type = _ref.type,
+      listData = _ref.listData;
+
+  if (type === 'list' || type === 'item') {
+    if (listData.task) {
+      return 'taskList';
+    }
+
+    return listData.type === 'ordered' ? 'orderedList' : 'list';
+  }
+
+  if (type.indexOf('table') !== -1) {
+    return 'table';
+  }
+
+  return type;
+}
+
+function getToolbarState(targetNode, ch, mdLine, mdCh) {
+  var state = markdownEditor_extends({}, defaultToolbarState);
+
+  var listEnabled = false;
+  Object(markdown["n" /* traverseParentNodes */])(targetNode, function (mdNode) {
+    var type = getToolbarStateType(mdNode);
+
+    if (!isBoolean_default()(state[type])) {
+      return;
+    }
+
+    if (type === 'list' || type === 'orderedList') {
+      if (!listEnabled) {
+        state[type] = true;
+        listEnabled = true;
+      }
+    } else {
+      state[type] = true;
+    }
+  }); // if position is matched to start, end position of inline node, highlighting is ignored
+
+  if (Object(markdown["k" /* isStyledTextNode */])(targetNode) && (mdCh === ch && Object(markdown["d" /* getMdEndLine */])(targetNode) === mdLine || mdCh === Object(markdown["c" /* getMdEndCh */])(targetNode) + 1 && mdLine === Object(markdown["d" /* getMdEndLine */])(targetNode) || mdCh === Object(markdown["e" /* getMdStartCh */])(targetNode) && mdLine === Object(markdown["f" /* getMdStartLine */])(targetNode))) {
+    state[targetNode.type] = false;
+  }
+
+  return state;
+}
+/**
+ * Return whether state changed or not
+ * @param {object} previousState - Previous state
+ * @param {object} currentState - Current state
+ * @returns {boolean} - changed state
+ * @private
+ */
+
+
+function isToolbarStateChanged(previousState, currentState) {
+  if (!previousState && !currentState) {
+    return false;
+  }
+
+  if (!previousState && currentState || previousState && !currentState) {
+    return true;
+  }
+
+  return Object.keys(currentState).some(function (type) {
+    return previousState[type] !== currentState[type];
+  });
+}
+
+var ATTR_NAME_MARK = 'data-tui-mark';
+var TASK_MARKER_KEY_RX = /x|backspace/i;
+/**
+ * Class MarkdownEditor
+ * @param {HTMLElement} el - container element
+ * @param {EventManager} eventManager - event manager
+ * @param {Object} options - options of editor
+ */
+
+var markdownEditor_MarkdownEditor = /*#__PURE__*/function (_CodeMirrorExt) {
+  _inheritsLoose(MarkdownEditor, _CodeMirrorExt);
+
+  function MarkdownEditor(el, eventManager, toastMark, options) {
+    var _this;
+
+    _this = _CodeMirrorExt.call(this, el, {
+      dragDrop: true,
+      allowDropFileTypes: ['image'],
+      extraKeys: {
+        Enter: function Enter() {
+          return _this.eventManager.emit('command', 'AddLine');
+        },
+        Tab: function Tab() {
+          return _this.eventManager.emit('command', 'MoveNextCursorOrIndent');
+        },
+        'Shift-Tab': function ShiftTab() {
+          return _this.eventManager.emit('command', 'MovePrevCursorOrOutdent');
+        },
+        'Shift-Ctrl-X': function ShiftCtrlX() {
+          return _this.eventManager.emit('command', 'ToggleTaskMarker');
+        }
+      },
+      viewportMargin: options && options.height === 'auto' ? Infinity : 10
+    }) || this;
+    _this.eventManager = eventManager;
+    _this.componentManager = new componentManager(_assertThisInitialized(_this));
+    _this.toastMark = toastMark;
+
+    _this.componentManager.addManager(mdListManager);
+    /**
+     * latest state info
+     * @type {object}
+     * @private
+     */
+
+
+    _this._latestState = null;
+    /**
+     * map of marked lines
+     * @type {Object.
+ */
+
+
+
+
+
+
+
+var DEFAULT_COLOR = 'rgb(34, 34, 34)';
+/**
+ * Class WwPasteContentHelper
+ * @param {WysiwygEditor} wwe - wysiwygEditor instance
+ * @ignore
+ */
+
+var wwPasteContentHelper_WwPasteContentHelper = /*#__PURE__*/function () {
+  function WwPasteContentHelper(wwe) {
+    this.wwe = wwe;
+  }
+  /**
+   * Process paste data before paste
+   * @param {HTMLElement} container - clipboard container
+   */
+
+
+  var _proto = WwPasteContentHelper.prototype;
+
+  _proto.preparePaste = function preparePaste(container) {
+    var range = this.wwe.getEditor().getSelection().cloneRange();
+    var wwCodeblockManager = this.wwe.componentManager.getManager('codeblock');
+    var firstBlockIsTaken = false;
+    var tempContainer = document.createElement('div');
+    var nodeName, node, isPastingList;
+
+    this._pasteFirstAid(container);
+
+    var childNodes = toArray_default()(container.childNodes);
+
+    while (childNodes.length) {
+      node = childNodes[0];
+      nodeName = dom["a" /* default */].getNodeName(node);
+      isPastingList = nodeName === 'LI' || nodeName === 'UL' || nodeName === 'OL';
+
+      if (wwCodeblockManager.isInCodeBlock(range)) {
+        dom["a" /* default */].append(tempContainer, wwCodeblockManager.prepareToPasteOnCodeblock(childNodes));
+      } else if (isPastingList) {
+        dom["a" /* default */].append(tempContainer, this._prepareToPasteList(childNodes, range, firstBlockIsTaken));
+        firstBlockIsTaken = true;
+      } else {
+        dom["a" /* default */].append(tempContainer, childNodes.shift());
+      }
+    }
+
+    container.innerHTML = tempContainer.innerHTML;
+  }
+  /**
+   * Wrap orphan node(inline, text) with div element
+   * @param {HTMLElement} container - clipboard container
+   * @returns {DocumentFragment}
+   * @private
+   */
+  ;
+
+  _proto._wrapOrphanNodeWithDiv = function _wrapOrphanNodeWithDiv(container) {
+    var tempContainer = document.createElement('div');
+    var currentDiv;
+    toArray_default()(container.childNodes).forEach(function (node) {
+      var isTextNode = node.nodeType === 3;
+      /* eslint-disable max-len */
+
+      var isInlineNode = /^(SPAN|A|CODE|EM|I|STRONG|B|S|U|ABBR|ACRONYM|CITE|DFN|KBD|SAMP|VAR|BDO|Q|SUB|SUP)$/gi.test(node.tagName);
+      var isBR = node.nodeName === 'BR';
+      /* eslint-enable max-len */
+
+      if (isTextNode || isInlineNode || isBR) {
+        if (!currentDiv) {
+          currentDiv = document.createElement('div');
+          tempContainer.appendChild(currentDiv);
+        }
+
+        currentDiv.appendChild(node);
+
+        if (isBR) {
+          currentDiv = null;
+        }
+      } else {
+        if (currentDiv && currentDiv.lastChild.tagName !== 'BR') {
+          currentDiv.appendChild(document.createElement('br'));
+        }
+
+        currentDiv = null;
+        tempContainer.appendChild(node);
+      }
+    });
+    return tempContainer.innerHTML;
+  }
+  /**
+   * Sanitize content of element
+   * @param {HTMLElement} container - root element of content to sanitize
+   * @private
+   */
+  ;
+
+  _proto._sanitizeHtml = function _sanitizeHtml(container) {
+    var sanitizer = this.wwe.getSanitizer();
+    var html = Object(htmlSanitizer["a" /* default */])(container.innerHTML, true);
+
+    if (sanitizer && sanitizer !== htmlSanitizer["a" /* default */]) {
+      html = sanitizer(html);
+    }
+
+    container.innerHTML = html;
+  }
+  /**
+   * Processing paste data after paste
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._pasteFirstAid = function _pasteFirstAid(container) {
+    var _this = this;
+
+    this._sanitizeHtml(container);
+
+    dom["a" /* default */].findAll(container, '*').forEach(function (node) {
+      _this._removeStyles(node);
+    });
+    var blockTags = 'div, section, article, aside, nav, menus, p';
+
+    this._unwrapIfNonBlockElementHasBr(container);
+
+    this._unwrapNestedBlocks(container, blockTags);
+
+    this._removeUnnecessaryBlocks(container, blockTags);
+
+    container.innerHTML = this._wrapOrphanNodeWithDiv(container);
+
+    this._preprocessPreElement(container);
+
+    this._preprocessListElement(container);
+
+    this._preprocessTableElement(container);
+
+    toArray_default()(container.children).forEach(function (childNode) {
+      if (dom["a" /* default */].getNodeName(childNode) === 'BR') {
+        dom["a" /* default */].remove(childNode);
+      }
+    });
+  };
+
+  _proto._preprocessListElement = function _preprocessListElement(container) {
+    var wwListManager = this.wwe.componentManager.getManager('list');
+    container.innerHTML = wwListManager.convertToArbitraryNestingList(container.innerHTML);
+  }
+  /**
+   * PRE tag formatting
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._preprocessPreElement = function _preprocessPreElement(container) {
+    var wwCodeblockManager = this.wwe.componentManager.getManager('codeblock');
+    wwCodeblockManager.modifyCodeBlockForWysiwyg(container);
+  }
+  /**
+   * Unwrap span children of document fragment with div element
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._unwrapIfNonBlockElementHasBr = function _unwrapIfNonBlockElementHasBr(container) {
+    var nonBlockElements = dom["a" /* default */].findAll(container, 'span, a, b, em, i, s');
+    nonBlockElements.forEach(function (node) {
+      var brChildren = dom["a" /* default */].children(node, 'br');
+
+      if (brChildren.length && node.nodeName !== 'LI' && node.nodeName !== 'UL') {
+        dom["a" /* default */].unwrap(node);
+      }
+    });
+  }
+  /**
+   * Unwrap nested block elements
+   * @param {HTMLElement} container - clipboard container
+   * @param {string} blockTags - Tag names of block tag
+   * @private
+   */
+  ;
+
+  _proto._unwrapNestedBlocks = function _unwrapNestedBlocks(container, blockTags) {
+    var leafElements = dom["a" /* default */].findAll(container, '*').filter(function (node) {
+      return !matches_default()(node, 'b,s,i,em,code,span,hr') && !node.firstChild;
+    });
+    leafElements.forEach(function (node) {
+      var leafElement = node.nodeName === 'BR' ? node.parentNode : node;
+
+      while (dom["a" /* default */].parents(leafElement, blockTags).length) {
+        var parent = dom["a" /* default */].parent(leafElement, blockTags);
+
+        if (parent && parent !== container) {
+          dom["a" /* default */].unwrap(parent);
+        } else {
+          leafElement = leafElement.parentElement;
+        }
+      }
+    });
+  }
+  /**
+   * Remove unnecessary block element in pasting data
+   * @param {HTMLElement} container - clipboard container
+   * @param {string} blockTags - Tag names of block tag
+   * @private
+   */
+  ;
+
+  _proto._removeUnnecessaryBlocks = function _removeUnnecessaryBlocks(container, blockTags) {
+    dom["a" /* default */].findAll(container, blockTags).forEach(function (blockElement) {
+      var tagName = blockElement.tagName;
+      var isDivElement = tagName === 'DIV';
+      var isInListItem = !!dom["a" /* default */].parent(blockElement, 'li');
+      var isInBlockquote = !!dom["a" /* default */].parent(blockElement, 'blockquote');
+      var hasBlockChildElement = !!dom["a" /* default */].children(blockElement, blockTags).length;
+
+      if (isDivElement && (isInListItem || isInBlockquote || !hasBlockChildElement)) {
+        return;
+      }
+
+      if (blockElement.lastChild && blockElement.lastChild.nodeName !== 'BR') {
+        blockElement.appendChild(document.createElement('br'));
+      }
+
+      dom["a" /* default */].replaceWith(blockElement, blockElement.innerHTML);
+    });
+  }
+  /**
+   * Remove inline style
+   * @param {Node} node Node for remove style attribute
+   * @private
+   */
+  ;
+
+  _proto._removeStyles = function _removeStyles(node) {
+    var colorValue;
+
+    if (dom["a" /* default */].getNodeName(node) !== 'SPAN') {
+      node.removeAttribute('style');
+    } else {
+      // Most browser return computed color value even if without style attribute
+      if (node.getAttribute('style')) {
+        colorValue = node.style.color;
+      }
+
+      node.removeAttribute('style');
+
+      if (colorValue && colorValue !== DEFAULT_COLOR) {
+        css_default()(node, {
+          color: colorValue
+        });
+      } else {
+        dom["a" /* default */].unwrap(node);
+      }
+    }
+  }
+  /**
+   * Processing before paste list
+   * @param {Array.} nodes Pasting data
+   * @param {object} rangeInfo Range information
+   * @param {boolean} firstBlockIsTaken Whether first block element taken or not
+   * @returns {DocumentFragment}
+   * @private
+   */
+  ;
+
+  _proto._prepareToPasteList = function _prepareToPasteList(nodes, rangeInfo, firstBlockIsTaken) {
+    var nodeName = dom["a" /* default */].getNodeName(nodes[0]);
+    var node = nodes.shift();
+    var newFragment = this.wwe.getEditor().getDocument().createDocumentFragment(); // IE somethimes returns ul without li
+
+    if (nodeName !== 'LI' && nodes.length && nodes[0].tagName === 'LI') {
+      nodeName = 'LI';
+      node = this._makeNodeAndAppend({
+        tagName: nodeName
+      }, node);
+    } // pasting list into list, we should care indentation
+
+
+    if (nodeName === 'OL' || nodeName === 'UL') {
+      // ignore cursor if pasting data has block
+      if (!firstBlockIsTaken && this.wwe.getEditor().hasFormat('LI')) {
+        dom["a" /* default */].append(newFragment, this._wrapCurrentFormat(node));
+      } else {
+        newFragment.appendChild(node);
+      }
+    } else if (nodeName === 'LI') {
+      // handle list group
+      var listGroup = this.wwe.getEditor().getDocument().createDocumentFragment();
+      listGroup.appendChild(node);
+
+      while (nodes.length && nodes[0].tagName === 'LI') {
+        listGroup.appendChild(nodes.shift());
+      } // pasting list into list, we should care indentation
+      // ignore cursor if pasting data has block
+
+
+      if (!firstBlockIsTaken && this.wwe.getEditor().hasFormat('LI')) {
+        dom["a" /* default */].append(newFragment, this._wrapCurrentFormat(listGroup));
+      } else if (rangeInfo && (rangeInfo.commonAncestorName === 'UL' || rangeInfo.commonAncestorName === 'OL')) {
+        dom["a" /* default */].append(newFragment, this._makeNodeAndAppend({
+          tagName: rangeInfo.commonAncestorName
+        }, listGroup)); // list from outside
+      } else {
+        dom["a" /* default */].append(newFragment, this._makeNodeAndAppend({
+          tagName: 'UL'
+        }, listGroup));
+      }
+    }
+
+    return this._getResolvePastedListDepthToCurrentDepth(rangeInfo.startContainer, node, newFragment);
+  }
+  /**
+   * Unwrap fragment first child for pasting node inline
+   * @param {Node} node Pasting DocumentFragment
+   * @returns {NodeList}
+   * @private
+   */
+  ;
+
+  _proto._unwrapFragmentFirstChildForPasteAsInline = function _unwrapFragmentFirstChildForPasteAsInline(node) {
+    dom["a" /* default */].findAll(node, 'br').forEach(function (br) {
+      return dom["a" /* default */].remove(br);
+    });
+    return node.childNodes;
+  }
+  /**
+   * Wrap nodes with current format
+   * @param {DocumentFragment} nodes P
+   * @returns {HTMLElement}
+   * @private
+   */
+  ;
+
+  _proto._wrapCurrentFormat = function _wrapCurrentFormat(nodes) {
+    var _this2 = this;
+
+    var currentTagName; // expand to pasting area
+
+    this._eachCurrentPath(function (path) {
+      if (path.tagName !== 'DIV') {
+        if (dom["a" /* default */].isElemNode(nodes)) {
+          currentTagName = nodes.tagName;
+        } else {
+          currentTagName = nodes.firstChild.tagName;
+        }
+
+        if (path.tagName !== currentTagName) {
+          nodes = _this2._makeNodeAndAppend(path, nodes);
+        }
+      }
+    });
+
+    return nodes;
+  };
+
+  _proto._eachCurrentPath = function _eachCurrentPath(iteratee) {
+    var paths = dom["a" /* default */].getPath(this.wwe.getEditor().getSelection().startContainer, this.wwe.getBody());
+
+    for (var i = paths.length - 1; i > -1; i -= 1) {
+      iteratee(paths[i]);
+    }
+  }
+  /** _makeNodeAndAppend
+   * make node and append their own children
+   * @param {HTMLElement} pathInfo HTMLElement to make
+   * @param {HTMLElement} content Nodes to append
+   * @returns {HTMLElement} node
+   * @private
+   */
+  ;
+
+  _proto._makeNodeAndAppend = function _makeNodeAndAppend(pathInfo, content) {
+    var node = document.createElement("" + pathInfo.tagName);
+    node.appendChild(content);
+
+    if (pathInfo.id) {
+      node.setAttribute('id', pathInfo.id);
+    }
+
+    if (pathInfo.className) {
+      addClass_default()(node, pathInfo.className);
+    }
+
+    return node;
+  }
+  /**
+   * Pasting table element pre-process
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._preprocessTableElement = function _preprocessTableElement(container) {
+    this._removeColgroup(container);
+
+    this._completeTableIfNeed(container);
+
+    this._updateTableIDClassName(container);
+  }
+  /**
+   * Remove colgroup tag
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   **/
+  ;
+
+  _proto._removeColgroup = function _removeColgroup(container) {
+    var colgroup = container.querySelector('colgroup');
+
+    if (colgroup) {
+      dom["a" /* default */].remove(colgroup);
+    }
+  }
+  /**
+   * Complete and append table to fragment
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._completeTableIfNeed = function _completeTableIfNeed(container) {
+    var tableManager = this.wwe.componentManager.getManager('table');
+    var wrapperTr = tableManager.wrapDanglingTableCellsIntoTrIfNeed(container);
+
+    if (wrapperTr) {
+      dom["a" /* default */].append(container, wrapperTr);
+    }
+
+    var wrapperTbody = tableManager.wrapTrsIntoTbodyIfNeed(container);
+
+    if (wrapperTbody) {
+      dom["a" /* default */].append(container, wrapperTbody);
+    }
+
+    var wrapperTable = tableManager.wrapTheadAndTbodyIntoTableIfNeed(container);
+
+    if (wrapperTable) {
+      dom["a" /* default */].append(container, wrapperTable);
+    }
+  }
+  /**
+   * Update table ID class name in fragment
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._updateTableIDClassName = function _updateTableIDClassName(container) {
+    var tableManager = this.wwe.componentManager.getManager('table');
+    var tables = dom["a" /* default */].findAll(container, 'table');
+    tables.forEach(function (table) {
+      var foundClassName = table.className.match(/.*\s*(te-content-table-\d+)\s*.*/);
+
+      if (foundClassName) {
+        removeClass_default()(table, foundClassName[0]);
+      }
+    });
+    tables.forEach(function (table) {
+      addClass_default()(table, tableManager.getTableIDClassName());
+    });
+  }
+  /**
+   * get the list resolved the depth to current list depth
+   * @param {HTMLElement} currentEl - current list element
+   * @param {HTMLElement} orgPastedNode - original pasted data
+   * @param {DocumentFragment} fragment - preprocessed data
+   * @returns {HTMLElement} resolved element
+   * @private
+   */
+  ;
+
+  _proto._getResolvePastedListDepthToCurrentDepth = function _getResolvePastedListDepthToCurrentDepth(currentEl, orgPastedNode, fragment) {
+    var currentListDepth = this._getListDepth(currentEl);
+
+    var continuousDepth = this._getContinuousDepth(orgPastedNode);
+
+    fragment = this._getRemovedUnnecessaryListWrapper(fragment, orgPastedNode); // If the depth of the pasted data is greater than current depth, get child element for resolving the depth.
+    // For example, If 2-depth list is pasted to 1-depth list element, 2-depth list should be changed to 1-depth.
+
+    while (currentListDepth < continuousDepth) {
+      if (fragment.firstChild.tagName !== 'UL' && fragment.firstChild.tagName !== 'OL') {
+        break;
+      }
+
+      var childNodes = toArray_default()(fragment.childNodes);
+      fragment = fragment.firstChild;
+      /* eslint-disable no-loop-func */
+
+      childNodes.filter(function (node) {
+        return node !== fragment;
+      }).forEach(function (node) {
+        fragment.insertAdjacentElement('beforeend', node);
+      });
+      /* eslint-enable no-loop-func */
+
+      continuousDepth -= 1;
+    } // If the depth of the pasted data is less than current depth, wrap the list element for resolving the depth.
+    // For example, If 1-depth list is pasted to 2-depth list element, 1-depth list should be changed to 2-depth.
+
+
+    while (currentListDepth && currentListDepth > continuousDepth) {
+      var rootList = fragment.firstChild.parentElement;
+      var list = document.createElement(rootList.tagName);
+      list.appendChild(rootList);
+      fragment = list;
+      continuousDepth += 1;
+    }
+
+    if (currentListDepth && !currentEl.textContent) {
+      dom["a" /* default */].remove(currentEl);
+    }
+
+    return fragment;
+  }
+  /**
+   * get the depth of the list item element
+   * @param {HTMLElement} el - target element
+   * @returns {number} depth
+   * @private
+   */
+  ;
+
+  _proto._getListDepth = function _getListDepth(el) {
+    var depth = 0; // Since the list outside the editor can be found,
+    // so make sure to traverse only the editor's container.
+
+    var root = this.wwe.getBody();
+
+    while (el && el !== root) {
+      if (el.tagName === 'UL' || el.tagName === 'OL') {
+        depth += 1;
+      }
+
+      el = el.parentNode;
+    }
+
+    return depth;
+  }
+  /**
+   * get the continuous depth of the list.
+   * the continuous depth of below example is 2
+   *  
    
+   *    
  • 
+   *      
      
+   *        
    • ...
      • 
+   *        
        ...
      
+   *      
    
+   *    
    • 
+   *  

+   *
+   * @param {HTMLElement} el - target element
+   * @returns {number} depth
+   * @private
+   */
+  ;
+
+  _proto._getContinuousDepth = function _getContinuousDepth(el) {
+    var depth = 0;
+
+    while (el && (el.tagName === 'UL' || el.tagName === 'OL')) {
+      depth += 1;
+
+      if (el.childNodes.length > 1) {
+        break;
+      }
+
+      el = el.firstChild;
+    }
+
+    return depth;
+  }
+  /**
+   * get the element which is removed unnecessay list wrapper element
+   * @param {HTMLElement} el - target element
+   * @param {HTMLElement} orgEl - target element
+   * @returns {HTMLElement} el
+   * @private
+   */
+  ;
+
+  _proto._getRemovedUnnecessaryListWrapper = function _getRemovedUnnecessaryListWrapper(el, orgEl) {
+    while (el.querySelectorAll('ul,ol').length > orgEl.querySelectorAll('ul,ol').length) {
+      el = el.firstChild;
+    }
+
+    return el;
+  };
+
+  return WwPasteContentHelper;
+}();
+
+/* harmony default export */ var wwPasteContentHelper = (wwPasteContentHelper_WwPasteContentHelper);
+// CONCATENATED MODULE: ./src/js/wwTablePasteHelper.js
+/**
+ * @fileoverview Paste helper when past to table
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Class WwTablePasteHelper
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwTablePasteHelper_WwTablePasteHelper = /*#__PURE__*/function () {
+  function WwTablePasteHelper(wwe) {
+    this.wwe = wwe;
+  }
+  /**
+   * Prossse paste clipboardEvent
+   * @param {ClipboardEvent} ev - ClipboardEvent
+   */
+
+
+  var _proto = WwTablePasteHelper.prototype;
+
+  _proto.pasteClipboard = function pasteClipboard(ev) {
+    var cbData = ev.clipboardData || window.clipboardData;
+    var items = cbData && cbData.items;
+
+    if (items) {
+      this._pasteClipboardItem(items);
+
+      ev.preventDefault();
+    } else {
+      this._pasteClipboardUsingPasteArea();
+
+      ev.squirePrevented = true;
+    }
+  }
+  /**
+   * ClipboardEvent is not supported in IE.
+   * To get clipboard, create temporay element and then paste into that element.
+   * After end of paste, can get clipboard from that temporary element.
+   * @param {ClipboardEvent} ev - ClipboardEvent
+   * @private
+   */
+  ;
+
+  _proto._pasteClipboardUsingPasteArea = function _pasteClipboardUsingPasteArea() {
+    var _this = this;
+
+    var sq = this.wwe.getEditor();
+    var range = sq.getSelection();
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset,
+        endContainer = range.endContainer,
+        endOffset = range.endOffset;
+    var pasteArea = document.createElement('div');
+    var _document = document,
+        body = _document.body;
+    pasteArea.setAttribute('contenteditable', true);
+    pasteArea.setAttribute('style', 'position:fixed; overflow:hidden; top:0; right:100%; width:1px; height:1px;');
+    body.appendChild(pasteArea);
+    range.selectNodeContents(pasteArea);
+    sq.setSelection(range);
+    setTimeout(function () {
+      var clipboard = body.removeChild(pasteArea);
+      range.setStart(startContainer, startOffset);
+      range.setEnd(endContainer, endOffset);
+      sq.focus();
+      sq.setSelection(range);
+
+      _this._pasteClipboardHtml(clipboard.innerHTML);
+    });
+  }
+  /**
+   * Paste items of clipboard data
+   * @param {DataTransfer.items} items - items of clipboarddata
+   * @private
+   */
+  ;
+
+  _proto._pasteClipboardItem = function _pasteClipboardItem(items) {
+    var _this2 = this;
+
+    var textItem = null;
+    var htmlItem = null;
+    toArray_default()(items).forEach(function (item) {
+      if (item.type === 'text/html') {
+        htmlItem = item;
+      } else if (item.type === 'text/plain') {
+        textItem = item;
+      }
+    });
+
+    if (htmlItem) {
+      htmlItem.getAsString(function (html) {
+        _this2._pasteClipboardHtml(html);
+      });
+    } else if (textItem) {
+      textItem.getAsString(function (text) {
+        var fragment = dom["a" /* default */].getFragmentReplacedByNewlineToBr(text);
+
+        _this2._pasteClipboardContainer(fragment);
+      });
+    }
+  }
+  /**
+   * Get sanitized html as dom fragment
+   * @param {string} html - html string to sanitize
+   * @returns {DocumentFragment} sanitized html
+   * @private
+   */
+  ;
+
+  _proto._getSanitizedHtml = function _getSanitizedHtml(html) {
+    var sanitizer = this.wwe.getSanitizer();
+    html = Object(htmlSanitizer["a" /* default */])(html, true);
+
+    if (sanitizer && sanitizer !== htmlSanitizer["a" /* default */]) {
+      html = sanitizer(html);
+    }
+
+    var container = document.createElement('div');
+    container.innerHTML = html;
+    return dom["a" /* default */].finalizeHtml(container);
+  };
+
+  _proto._convertToMsoList = function _convertToMsoList(html) {
+    var container = document.createElement('div');
+    container.innerHTML = html;
+    convertMsoParagraphsToList(container);
+    return container.innerHTML;
+  }
+  /**
+   * Paste html of clipboard
+   * @param {string} html - html
+   * @private
+   */
+  ;
+
+  _proto._pasteClipboardHtml = function _pasteClipboardHtml(html) {
+    var container = document.createDocumentFragment();
+    var startFramgmentStr = '';
+    var endFragmentStr = '';
+    var startFragmentIndex = html.indexOf(startFramgmentStr);
+    var endFragmentIndex = html.lastIndexOf(endFragmentStr);
+
+    if (startFragmentIndex > -1 && endFragmentIndex > -1) {
+      html = html.slice(startFragmentIndex + startFramgmentStr.length, endFragmentIndex);
+    } // Wrap with  if html contains dangling  tags
+    // Dangling  tag is that tag does not have  as parent node.
+
+
+    if (/<\/td>((?!<\/tr>)[\s\S])*$/i.test(html)) {
+      html = "" + html + "";
+    } // Wrap with  if html contains dangling  tags
+    // Dangling  tag is that tag does not have 
 as parent node.
+
+
+    if (/<\/tr>((?!<\/table>)[\s\S])*$/i.test(html)) {
+      html = "
" + html + "
";
+    }
+
+    if (isFromMso(html)) {
+      html = this._convertToMsoList(html);
+    }
+
+    container.appendChild(this._getSanitizedHtml(html));
+
+    this._pasteClipboardContainer(container);
+  }
+  /**
+   * Paste container of clipboard
+   * @param {DocumentFragment} clipboardContainer - clipboard
+   * @private
+   */
+  ;
+
+  _proto._pasteClipboardContainer = function _pasteClipboardContainer(clipboardContainer) {
+    var sq = this.wwe.getEditor();
+    var childNodes = clipboardContainer.childNodes;
+    var containsOneTableOnly = childNodes.length === 1 && childNodes[0].nodeName === 'TABLE';
+
+    if (containsOneTableOnly) {
+      var tableManager = this.wwe.componentManager.getManager('table');
+      tableManager.pasteTableData(clipboardContainer);
+    } else {
+      var range = sq.getSelection().cloneRange();
+
+      var fragment = this._preparePasteDocumentFragment(clipboardContainer);
+
+      sq.saveUndoState(range);
+
+      if (!range.collapsed) {
+        this._deleteContentsRange(range);
+      }
+
+      if (dom["a" /* default */].isTextNode(range.startContainer)) {
+        this._pasteIntoTextNode(range, fragment);
+      } else {
+        this._pasteIntoElements(range, fragment);
+      }
+
+      sq.setSelection(range);
+    }
+  }
+  /**
+   * Prepare clipboard for paste to table
+   * @param {DocumentFragment} clipboardContainer - clipboard
+   * @returns {DocumentFragment} processed result
+   * @private
+   */
+  ;
+
+  _proto._preparePasteDocumentFragment = function _preparePasteDocumentFragment(clipboardContainer) {
+    var childNodes = clipboardContainer.childNodes;
+    var fragment = document.createDocumentFragment();
+
+    if (childNodes.length) {
+      fragment.appendChild(this._unwrapBlock(clipboardContainer));
+    } else if (this._isPossibleInsertToTable(clipboardContainer)) {
+      fragment.appendChild(clipboardContainer);
+    }
+
+    return fragment;
+  }
+  /**
+   * unwrap block node
+   * @param {Node} node - target node
+   * @returns {DocumentFragment} processed result
+   * @private
+   */
+  ;
+
+  _proto._unwrapBlock = function _unwrapBlock(node) {
+    var fragment = document.createDocumentFragment();
+    var childNodes = toArray_default()(node.childNodes);
+
+    while (childNodes.length) {
+      var child = childNodes.shift();
+
+      if (this._isPossibleInsertToTable(child)) {
+        fragment.appendChild(child);
+      } else {
+        fragment.appendChild(this._unwrapBlock(child)); // If current child is last or fragment already has last br,
+        // appending br would create unintended line break.
+
+        var lastChild = fragment.lastChild;
+
+        if (childNodes.length && lastChild && lastChild.nodeName !== 'BR') {
+          fragment.appendChild(document.createElement('br'));
+        }
+      }
+    }
+
+    return fragment;
+  };
+
+  _proto._isPossibleInsertToTable = function _isPossibleInsertToTable(node) {
+    var nodeName = node.nodeName;
+    var isChildlessCode = nodeName === 'CODE' && node.childNodes.length > 1;
+    var isList = nodeName === 'UL' || nodeName === 'OL';
+    return !isChildlessCode && (isList || dom["a" /* default */].isMDSupportInlineNode(node) || dom["a" /* default */].isTextNode(node));
+  }
+  /**
+   * paste fragment to offset of range.startContainer
+   * @param {Range} range - selection range
+   * @param {DocumentFragment} fragment - paste data
+   * @private
+   */
+  ;
+
+  _proto._pasteIntoElements = function _pasteIntoElements(range, fragment) {
+    var container = range.startContainer,
+        offset = range.startOffset;
+    var node = dom["a" /* default */].getChildNodeByOffset(container, offset);
+
+    if (!node) {
+      // For example when container is br, br don't have child, so node is null
+      if (container.nodeName === 'TD') {
+        container.appendChild(fragment);
+        range.setStart(container, container.childNodes.length);
+      } else {
+        var parentNode = container.parentNode,
+            nextSibling = container.nextSibling;
+        parentNode.insertBefore(fragment, nextSibling);
+
+        if (nextSibling) {
+          range.setStart(nextSibling, 0);
+        } else {
+          range.setStartAfter(parentNode.lastChild);
+        }
+      }
+    } else {
+      container.insertBefore(fragment, node);
+      range.setStart(node, 0);
+    }
+
+    range.collapse(true);
+  }
+  /**
+   * paste fragment to offset of text node
+   * @param {Range} range - selection range
+   * @param {DocumentFragment} fragment - paste data
+   * @private
+   */
+  ;
+
+  _proto._pasteIntoTextNode = function _pasteIntoTextNode(range, fragment) {
+    var container = range.startContainer,
+        offset = range.startOffset;
+    var parentNode = container.parentNode,
+        textContent = container.textContent;
+    var prevText = textContent.slice(0, offset);
+    var postText = textContent.slice(offset, textContent.length);
+    var fragmentChildNodes = fragment.childNodes;
+    var firstChild = fragmentChildNodes[0];
+    var isFragmenthasOneTextNode = fragmentChildNodes.length === 1 && dom["a" /* default */].isTextNode(firstChild);
+
+    if (!prevText) {
+      parentNode.insertBefore(fragment, container);
+      range.setStart(container, 0);
+    } else if (!postText) {
+      var nextSibling = container.nextSibling;
+      parentNode.insertBefore(fragment, nextSibling);
+      range.setStartAfter(nextSibling);
+    } else if (isFragmenthasOneTextNode) {
+      var firstChildText = firstChild.textContent;
+      container.textContent = "" + prevText + firstChildText + postText;
+      range.setStart(container, prevText.length + firstChildText.length);
+    } else {
+      var resultFragment = document.createDocumentFragment();
+      resultFragment.appendChild(document.createTextNode(prevText));
+      resultFragment.appendChild(fragment);
+      resultFragment.appendChild(document.createTextNode(postText));
+      parentNode.replaceChild(resultFragment, container);
+      var childNodesArray = toArray_default()(parentNode.childNodes);
+      var index = 0;
+      childNodesArray.forEach(function (child, i) {
+        if (child.textContent === postText) {
+          index = i;
+        }
+      });
+      range.setStart(parentNode.childNodes[index], 0);
+    }
+
+    range.collapse(true);
+  }
+  /**
+   * delete contents of range that is not collapse
+   * @param {Range} range - range is not collapse
+   * @private
+   */
+  ;
+
+  _proto._deleteContentsRange = function _deleteContentsRange(range) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset,
+        endContainer = range.endContainer,
+        endOffset = range.endOffset;
+
+    if (startContainer === endContainer) {
+      this._deleteContentsByOffset(startContainer, startOffset, endOffset);
+
+      range.setStart(startContainer, startOffset);
+      range.collapse(true);
+    } else {
+      this._deleteNotCollapsedRangeContents(range);
+    }
+  };
+
+  _proto._deleteNotCollapsedRangeContents = function _deleteNotCollapsedRangeContents(range) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset,
+        endContainer = range.endContainer,
+        endOffset = range.endOffset;
+    var common = range.commonAncestorContainer;
+
+    var startBlock = this._getBlock(startContainer, common, startOffset);
+
+    var endBlock = this._getBlock(endContainer, common, endOffset - 1);
+
+    if (startBlock === endBlock) {
+      this._removeInSameBlock(startBlock, startContainer, endContainer, startOffset, endOffset); // When endContainer is not same endBlock, endBlock is removed.
+      // For example, aaa| <- this is cursor.
+      // When cursor is last, endContainer would be 'TD' and endBlock is text node
+      // In this case, remove all 'aaa' so endBlock should be null.
+
+
+      endBlock = endContainer !== endBlock ? null : endBlock;
+    } else {
+      var nextOfstartBlock = startBlock.nextSibling;
+
+      if (startContainer.nodeName === 'TD') {
+        nextOfstartBlock = this._removeOneLine(startBlock);
+      } else {
+        // Remove child nodes from node of startOffset in startContainer.
+        this._deleteContentsByOffset(startContainer, startOffset, dom["a" /* default */].getOffsetLength(startContainer)); // Remove nodes from startContainer in startBlock
+
+
+        dom["a" /* default */].removeNodesByDirection(startBlock, startContainer, false);
+      }
+
+      if (endContainer.nodeName === 'TD') {
+        endBlock = this._removeOneLine(endBlock);
+      } else {
+        // Remove child nodes until node of endOffset in endContainer.
+        this._deleteContentsByOffset(endContainer, 0, endOffset); // Remove nodes until endContainer in endBlock
+
+
+        dom["a" /* default */].removeNodesByDirection(endBlock, endContainer, true);
+      } // Remove nodes between startBlock and endBlock
+
+
+      dom["a" /* default */].removeChildFromStartToEndNode(common, nextOfstartBlock, endBlock);
+    }
+
+    if (endBlock) {
+      range.setStart(endBlock, 0);
+    } else {
+      range.setStartAfter(startBlock);
+    }
+
+    range.collapse(true);
+  };
+
+  _proto._removeInSameBlock = function _removeInSameBlock(block, startContainer, endContainer, startOffset, endOffset) {
+    var start = startContainer === block ? startOffset : 0;
+    var end = endContainer === block ? endOffset : dom["a" /* default */].getOffsetLength(block);
+
+    this._deleteContentsByOffset(block, start, end);
+  };
+
+  _proto._removeOneLine = function _removeOneLine(node) {
+    var nextSibling = node.nextSibling,
+        parentNode = node.parentNode;
+    var next = nextSibling;
+    parentNode.removeChild(node);
+
+    if (nextSibling && nextSibling.nodeName === 'BR') {
+      next = nextSibling.nextSibling;
+      parentNode.removeChild(nextSibling);
+    }
+
+    return next;
+  }
+  /**
+   * Find parent block node of startContainer and endContainer
+   * If startContainer or endContainer is same commonAncestor,
+   * find node at offset of startContainer and endContainer.
+   * @param {Node} node - startContainer or endContainer
+   * @param {Node} parent - commonAncestor
+   * @param {Number} offset - startOffset or endOffset-1
+   * @returns {Node} block node
+   * @private
+   */
+  ;
+
+  _proto._getBlock = function _getBlock(node, parent, offset) {
+    return dom["a" /* default */].getParentUntil(node, parent) || dom["a" /* default */].getChildNodeByOffset(node, offset);
+  }
+  /**
+   * delete contents from start offset to end offset
+   * @param {Node} container - container
+   * @param {Number} startOffset - start offset
+   * @param {Number} endOffset - end offset
+   * @private
+   */
+  ;
+
+  _proto._deleteContentsByOffset = function _deleteContentsByOffset(container, startOffset, endOffset) {
+    if (dom["a" /* default */].isTextNode(container)) {
+      var textContent = container.textContent;
+      var prevText = textContent.slice(0, startOffset);
+      var postText = textContent.slice(endOffset, textContent.length);
+      container.textContent = "" + prevText + postText;
+    } else {
+      var startNode = dom["a" /* default */].getChildNodeByOffset(container, startOffset);
+      var endNode = dom["a" /* default */].getChildNodeByOffset(container, endOffset);
+
+      if (startNode) {
+        dom["a" /* default */].removeChildFromStartToEndNode(container, startNode, endNode || null);
+      }
+    }
+  };
+
+  return WwTablePasteHelper;
+}();
+
+/* harmony default export */ var wwTablePasteHelper = (wwTablePasteHelper_WwTablePasteHelper);
+// CONCATENATED MODULE: ./src/js/wwClipboardManager.js
+/**
+ * @fileoverview Implements wysiwyg editor clipboard manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+var PASTE_TABLE_BOOKMARK = 'tui-paste-table-bookmark';
+var PASTE_TABLE_CELL_BOOKMARK = 'tui-paste-table-cell-bookmark';
+/**
+ * Class WwClipboardManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwClipboardManager_WwClipboardManager = /*#__PURE__*/function () {
+  function WwClipboardManager(wwe) {
+    this.wwe = wwe;
+    this._pch = new wwPasteContentHelper(this.wwe);
+    this._tablePasteHelper = new wwTablePasteHelper(this.wwe);
+    this._selectedSellCount = 0;
+    this._clipboardArea = null;
+  }
+  /**
+   * initialize
+   */
+
+
+  var _proto = WwClipboardManager.prototype;
+
+  _proto.init = function init() {
+    var _this = this;
+
+    this.wwe.eventManager.listen('willPaste', function (ev) {
+      return _this._executeHandler(_this._onWillPaste.bind(_this), ev);
+    });
+    this.wwe.eventManager.listen('copy', function (ev) {
+      return _this._executeHandler(_this._onCopyCut.bind(_this), ev);
+    });
+    this.wwe.eventManager.listen('copyAfter', function (ev) {
+      return _this._executeHandler(_this._onCopyAfter.bind(_this), ev);
+    });
+    this.wwe.eventManager.listen('cut', function (ev) {
+      return _this._executeHandler(_this._onCopyCut.bind(_this), ev);
+    });
+    this.wwe.eventManager.listen('cutAfter', function (ev) {
+      return _this._executeHandler(_this._onCutAfter.bind(_this), ev);
+    });
+    this.wwe.eventManager.listen('paste', function (ev) {
+      return _this._executeHandler(_this._onPasteIntoTable.bind(_this), ev);
+    });
+  };
+
+  _proto._executeHandler = function _executeHandler(handler, event) {
+    if (event.source === 'wysiwyg') {
+      handler(event);
+    }
+  };
+
+  _proto._onCopyCut = function _onCopyCut(event) {
+    var tableManager = this.wwe.componentManager.getManager('tableSelection');
+    var selectedCellCount = tableManager.getSelectedCells().length;
+
+    if (!selectedCellCount) {
+      // preserve selection range in a cell, let squire do the job
+      return;
+    }
+
+    if (!tableManager.mergedTableSelectionManager) {
+      // set selection range to all contents in selected cells, then squire
+      tableManager.createRangeBySelectedCells();
+      return;
+    }
+
+    var editor = this.wwe.getEditor();
+    var clipboardEvent = event.data;
+    var range = editor.getSelection().cloneRange();
+    var clipboardContainer = document.createElement('div');
+
+    this._extendRange(range);
+
+    clipboardContainer.innerHTML = range.cloneContents();
+
+    this._updateCopyDataForListTypeIfNeed(range, clipboardContainer);
+
+    this.wwe.eventManager.emit('copyBefore', {
+      source: 'wysiwyg',
+      clipboardContainer: clipboardContainer
+    });
+
+    this._setClipboardData(clipboardEvent, clipboardContainer.innerHTML, clipboardContainer.textContent);
+  };
+
+  _proto._clearClipboardArea = function _clearClipboardArea() {
+    if (this._clipboardArea) {
+      dom["a" /* default */].remove(this._clipboardArea);
+      this._clipboardArea = null;
+    }
+  };
+
+  _proto._onCopyAfter = function _onCopyAfter() {
+    this.wwe.getEditor().getBody().focus();
+
+    this._clearClipboardArea();
+  };
+
+  _proto._onCutAfter = function _onCutAfter() {
+    var range = this.wwe.getEditor().getSelection();
+    range.deleteContents();
+    this.wwe.getEditor().focus();
+
+    this._clearClipboardArea();
+  }
+  /**
+   * Process paste event when occured in table
+   * @param {{source: string, data: event}} event - event
+   * @private
+   */
+  ;
+
+  _proto._onPasteIntoTable = function _onPasteIntoTable(event) {
+    var ev = event.data;
+    var range = this.wwe.getEditor().getSelection();
+
+    if (this.wwe.isInTable(range) && this._isSingleCellSelected(range)) {
+      this._tablePasteHelper.pasteClipboard(ev);
+    }
+  };
+
+  _proto._isSingleCellSelected = function _isSingleCellSelected(range) {
+    var startContainer = range.startContainer,
+        endContainer = range.endContainer;
+    return this._getCell(startContainer) === this._getCell(endContainer);
+  };
+
+  _proto._getCell = function _getCell(node) {
+    return node.nodeName === 'TD' ? node : dom["a" /* default */].getParentUntil(node, 'TR');
+  };
+
+  _proto._replaceNewLineToBr = function _replaceNewLineToBr(node) {
+    var textNodes = dom["a" /* default */].getAllTextNode(node);
+    textNodes.forEach(function (textNode) {
+      if (/\n/.test(textNode.nodeValue)) {
+        textNode.parentNode.innerHTML = textNode.nodeValue.replace(/\n/g, '
');
+      }
+    });
+  };
+
+  _proto._onWillPaste = function _onWillPaste(event) {
+    var _this2 = this;
+
+    var pasteData = event.data;
+    var clipboardContainer = document.createElement('div');
+    clipboardContainer.appendChild(pasteData.fragment.cloneNode(true));
+
+    this._preparePaste(clipboardContainer);
+
+    this._setTableBookmark(clipboardContainer);
+
+    pasteData.fragment = document.createDocumentFragment();
+    toArray_default()(clipboardContainer.childNodes).forEach(function (element) {
+      if (dom["a" /* default */].getNodeName(element) === 'DIV') {
+        _this2._replaceNewLineToBr(element);
+      }
+
+      pasteData.fragment.appendChild(element);
+    }); // once right after the squire insertHTML DOM.
+
+    var handler = function handler() {
+      _this2.wwe.getEditor().removeEventListener('input', handler);
+
+      _this2.wwe.eventManager.emit('wysiwygRangeChangeAfter', _this2);
+
+      _this2._focusTableBookmark();
+    };
+
+    this.wwe.getEditor().addEventListener('input', handler);
+  };
+
+  _proto._setClipboardData = function _setClipboardData(clipboardEvent, htmlContent, textContent) {
+    if (browser_default.a.msie) {
+      clipboardEvent.squirePrevented = true;
+      this._clipboardArea = this._createClipboardArea();
+      this._clipboardArea.innerHTML = htmlContent;
+
+      this._clipboardArea.focus();
+
+      window.getSelection().selectAllChildren(this._clipboardArea);
+    } else {
+      clipboardEvent.preventDefault();
+      clipboardEvent.stopPropagation();
+      clipboardEvent.clipboardData.setData('text/html', htmlContent);
+      clipboardEvent.clipboardData.setData('text/plain', textContent);
+    }
+  };
+
+  _proto._createClipboardArea = function _createClipboardArea() {
+    var element = document.createElement('div');
+    element.setAttribute('contenteditable', true);
+    css_default()(element, {
+      position: 'fixed',
+      overflow: 'hidden',
+      top: 0,
+      right: '100%',
+      width: '1px',
+      height: '1px'
+    });
+    document.body.appendChild(element);
+    return element;
+  }
+  /**
+   * Update copy data, when commonAncestorContainer nodeName is list type like UL or OL.
+   * @param {object} range - text range
+   * @param {HTMLElement} clipboardContainer - clibpard container element
+   * @private
+   */
+  ;
+
+  _proto._updateCopyDataForListTypeIfNeed = function _updateCopyDataForListTypeIfNeed(range, clipboardContainer) {
+    var commonAncestorNodeName = range.commonAncestorContainer.nodeName;
+
+    if (commonAncestorNodeName !== 'UL' && commonAncestorNodeName !== 'OL') {
+      return;
+    }
+
+    var newParent = document.createElement(commonAncestorNodeName);
+    newParent.appendChild(clipboardContainer);
+    clipboardContainer.innerHTML = '';
+    clipboardContainer.appendChild(newParent);
+  }
+  /**
+   * Remove empty font elements.
+   * @param {HTMLElement} clipboardContainer - cliboard container
+   * @private
+   */
+  ;
+
+  _proto._removeEmptyFontElement = function _removeEmptyFontElement(clipboardContainer) {
+    // clipboard data from ms word tend to have unneccesary font tags
+    var children = dom["a" /* default */].children(clipboardContainer, 'font');
+    children.forEach(function (element) {
+      if (!element.textContent.trim()) {
+        dom["a" /* default */].remove(element);
+      }
+    });
+  }
+  /**
+   * P tags append 'BR' to make blank line.
+   * Our viewer renders new line as P tag with margin.
+   * When pasting text from viewer, insert BR between P tags.
+   * @param {Node} node - node
+   * @private
+   */
+  ;
+
+  _proto._preProcessPtag = function _preProcessPtag(node) {
+    dom["a" /* default */].findAll(node, 'p').forEach(function (pTag) {
+      if (pTag.lastChild && pTag.lastChild.nodeName !== 'BR') {
+        pTag.appendChild(document.createElement('br'));
+      }
+
+      pTag.appendChild(document.createElement('br'));
+    });
+  }
+  /**
+   * Prepare paste.
+   * @param {HTMLElement} clipboardContainer - temporary container for clipboard contents
+   * @private
+   */
+  ;
+
+  _proto._preparePaste = function _preparePaste(clipboardContainer) {
+    if (isFromMso(clipboardContainer.innerHTML)) {
+      convertMsoParagraphsToList(clipboardContainer);
+    } else {
+      // When pasting text, the empty line processing differ our viewer and MS Office.
+      // In our viewer case, 
aaa
bbb
 have empty line becuase P tags have margin.
+      // In MS Office case, 
aaa
bbb
 do not have empty line becuase P tags means just one line.
+      this._preProcessPtag(clipboardContainer);
+    }
+
+    this._removeEmptyFontElement(clipboardContainer);
+
+    this._pch.preparePaste(clipboardContainer);
+
+    this.wwe.eventManager.emit('pasteBefore', {
+      source: 'wysiwyg',
+      clipboardContainer: clipboardContainer
+    });
+  }
+  /**
+   * set table bookmark which will gain focus after document modification ends.
+   * @param {HTMLElement} clipboardContainer - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._setTableBookmark = function _setTableBookmark(clipboardContainer) {
+    var lastNode = clipboardContainer.lastChild;
+    var isLastNodeTable = lastNode && lastNode.nodeName === 'TABLE';
+
+    if (isLastNodeTable) {
+      addClass_default()(lastNode, PASTE_TABLE_BOOKMARK);
+    }
+  }
+  /**
+   * Focus to table after document modification.
+   * @param {object} sq - squire editor instance
+   * @private
+   */
+  ;
+
+  _proto._focusTableBookmark = function _focusTableBookmark() {
+    var sq = this.wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var bookmarkedTable = sq.getBody().querySelector("." + PASTE_TABLE_BOOKMARK);
+    var bookmarkedCell = sq.getBody().querySelector("." + PASTE_TABLE_CELL_BOOKMARK);
+
+    if (bookmarkedTable) {
+      removeClass_default()(bookmarkedTable, PASTE_TABLE_BOOKMARK);
+      range.setEndAfter(bookmarkedTable);
+      range.collapse(false);
+      sq.setSelection(range);
+    }
+
+    if (bookmarkedCell) {
+      removeClass_default()(bookmarkedCell, PASTE_TABLE_CELL_BOOKMARK);
+      range.selectNodeContents(bookmarkedCell);
+      range.collapse(false);
+      sq.setSelection(range);
+    }
+  }
+  /**
+   * extend range if need
+   * @param {Range} range to extend
+   * @private
+   */
+  ;
+
+  _proto._extendRange = function _extendRange(range) {
+    // non-text node && not selected whole area, then expand the range
+    if (dom["a" /* default */].isTextNode(range.commonAncestorContainer) && (range.startOffset !== 0 || range.commonAncestorContainer.textContent.length !== range.endOffset) && range.commonAncestorContainer.nodeName !== 'TD') {
+      return;
+    }
+
+    if (range.startOffset === 0) {
+      range = this._extendStartRange(range);
+    }
+
+    if (range.endOffset === dom["a" /* default */].getOffsetLength(range.endContainer)) {
+      range = this._extendEndRange(range);
+    } // commonAncestor if all of it's children has been selected
+
+
+    if (this._isWholeCommonAncestorContainerSelected(range)) {
+      range.selectNode(range.commonAncestorContainer);
+    }
+
+    this.wwe.getEditor().setSelection(range);
+  }
+  /**
+   * Extends current range's startContainer
+   * @param {Range} range Range object
+   * @returns {Range}
+   * @private
+   */
+  ;
+
+  _proto._extendStartRange = function _extendStartRange(range) {
+    var newBound = range.startContainer; // expand range
+
+    while (newBound.parentNode !== range.commonAncestorContainer && newBound.parentNode !== this.wwe.getBody() && !newBound.previousSibling) {
+      newBound = newBound.parentNode;
+    } // expand range
+
+
+    range.setStart(newBound.parentNode, dom["a" /* default */].getNodeOffsetOfParent(newBound));
+    return range;
+  }
+  /**
+   * Extends current range's endContainer
+   * @param {Range} range Range object
+   * @returns {Range}
+   * @private
+   */
+  ;
+
+  _proto._extendEndRange = function _extendEndRange(range) {
+    var newBound = range.endContainer;
+    var boundNext = newBound.nextSibling; // expand range
+
+    while (newBound.parentNode !== range.commonAncestorContainer && newBound.parentNode !== this.wwe.getBody() && (!boundNext || dom["a" /* default */].getNodeName(boundNext) === 'BR' && newBound.parentNode.lastChild === boundNext)) {
+      newBound = newBound.parentNode;
+      boundNext = newBound.nextSibling;
+    } // expand range level
+
+
+    range.setEnd(newBound.parentNode, dom["a" /* default */].getNodeOffsetOfParent(newBound) + 1);
+    return range;
+  }
+  /**
+   * Check whether whole commonAncestorContainter textContent selected or not
+   * @param {Range} range Range object
+   * @returns {boolean} result
+   * @private
+   */
+  ;
+
+  _proto._isWholeCommonAncestorContainerSelected = function _isWholeCommonAncestorContainerSelected(range) {
+    return range.commonAncestorContainer.nodeType === Node.ELEMENT_NODE && range.commonAncestorContainer !== this.wwe.getBody() && range.startOffset === 0 && range.endOffset === range.commonAncestorContainer.childNodes.length && range.commonAncestorContainer === range.startContainer && range.commonAncestorContainer === range.endContainer;
+  };
+
+  return WwClipboardManager;
+}();
+
+/* harmony default export */ var wwClipboardManager = (wwClipboardManager_WwClipboardManager);
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/hasClass.js
+var hasClass = __webpack_require__(16);
+var hasClass_default = /*#__PURE__*/__webpack_require__.n(hasClass);
+
+// CONCATENATED MODULE: ./src/js/wwLinkManager.js
+/**
+ * @fileoverview Implements wysiwyg link manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var CLASS_NAME_IMAGE_LINK = 'image-link';
+/**
+ * Class WwLinkManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwLinkManager_WwLinkManager = /*#__PURE__*/function () {
+  function WwLinkManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'link';
+
+    this._init();
+  }
+
+  var _proto = WwLinkManager.prototype;
+
+  _proto._init = function _init() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._addClassNameToAllImageLinks();
+    });
+    this.wwe.getEditor().addEventListener('click', function (ev) {
+      var target = ev.target,
+          offsetX = ev.offsetX,
+          offsetY = ev.offsetY;
+      var popupButton = getComputedStyle(target, ':before');
+
+      if (hasClass_default()(target, CLASS_NAME_IMAGE_LINK) && dom["a" /* default */].isInsideButtonBox(popupButton, offsetX, offsetY)) {
+        _this._selectImageLink(target.parentNode);
+
+        _this.eventManager.emit('openPopupAddLink', {
+          url: target.getAttribute('href')
+        });
+      }
+    });
+  };
+
+  _proto._selectImageLink = function _selectImageLink(imageLink) {
+    var range = this.wwe.getEditor().getSelection().cloneRange();
+    range.selectNode(imageLink);
+    this.wwe.getEditor().setSelection(range);
+  };
+
+  _proto._addClassNameToImageLinks = function _addClassNameToImageLinks(links) {
+    links.forEach(function (link) {
+      if (link.firstChild && link.firstChild.nodeName === 'IMG') {
+        addClass_default()(link, CLASS_NAME_IMAGE_LINK);
+      }
+    });
+  };
+
+  _proto._addClassNameToAllImageLinks = function _addClassNameToAllImageLinks() {
+    var links = dom["a" /* default */].findAll(this.wwe.getBody(), 'a');
+
+    this._addClassNameToImageLinks(links);
+  }
+  /**
+   * Add class name on all link including image in selection
+   */
+  ;
+
+  _proto.addClassNameToImageLinksInSelection = function addClassNameToImageLinksInSelection() {
+    var sq = this.wwe.getEditor();
+
+    var _sq$getSelection = sq.getSelection(),
+        container = _sq$getSelection.commonAncestorContainer;
+
+    if (dom["a" /* default */].isElemNode(container)) {
+      var links;
+
+      if (container.nodeName === 'A') {
+        links = [container];
+      } else {
+        links = dom["a" /* default */].findAll(container, 'a');
+      }
+
+      this._addClassNameToImageLinks(links);
+    }
+  };
+
+  return WwLinkManager;
+}();
+
+
+// CONCATENATED MODULE: ./src/js/wwListManager.js
+/**
+ * @fileoverview Implements wysiwyg list manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var FIND_LI_ELEMENT = /
  • ]*>)(.*?)(<\/(?:th|td)>)/g;
+var FIND_LIST_OR_LIST_ITEM_TAG_RX = /<(ul|ol|li)([^>]*)>/g;
+/**
+ * Class WwListManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwListManager_WwListManager = /*#__PURE__*/function () {
+  function WwListManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'list';
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwListManager.prototype;
+
+  _proto._init = function _init() {
+    this._initEvent();
+
+    this._initKeyHandler();
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueBefore', function (html) {
+      return _this.convertToArbitraryNestingList(html);
+    });
+    this.eventManager.listen('wysiwygRangeChangeAfter', function () {
+      _this._findAndRemoveEmptyList();
+
+      _this._removeBranchListAll();
+    });
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._removeBranchListAll();
+    });
+    this.eventManager.listen('wysiwygProcessHTMLText', function (html) {
+      html = _this._convertFromArbitraryNestingList(html);
+      return html;
+    });
+    this.eventManager.listen('convertorBeforeHtmlToMarkdownConverted', function (html) {
+      return _this._insertDataToMarkPassForListInTable(html);
+    });
+  };
+
+  _proto._initKeyHandler = function _initKeyHandler() {
+    var _this2 = this;
+
+    this.wwe.addKeyEventHandler(['TAB', 'CTRL+]', 'META+]'], function (ev) {
+      var isNeedNext;
+
+      if (_this2.wwe.getEditor().hasFormat('LI')) {
+        ev.preventDefault();
+
+        _this2.eventManager.emit('command', 'Indent');
+
+        isNeedNext = false;
+      }
+
+      return isNeedNext;
+    });
+    this.wwe.addKeyEventHandler(['SHIFT+TAB', 'CTRL+[', 'META+['], function (ev, range) {
+      var isNeedNext;
+
+      if (_this2.wwe.getEditor().hasFormat('LI')) {
+        ev.preventDefault();
+        var ul = dom["a" /* default */].children(dom["a" /* default */].closest(range.startContainer, 'li'), UL_OR_OL);
+
+        _this2.eventManager.emit('command', 'Outdent');
+
+        if (ul.length && !ul.previousSibling) {
+          _this2._removeBranchList(ul);
+        }
+
+        isNeedNext = false;
+      }
+
+      return isNeedNext;
+    });
+    this.wwe.addKeyEventHandler('ENTER', function (ev, range) {
+      if (range.collapsed) {
+        if (_this2.wwe.getEditor().hasFormat('LI')) {
+          _this2.wwe.defer(function () {
+            var afterRange = _this2.wwe.getRange();
+
+            var _domUtils$parents = dom["a" /* default */].parents(afterRange.startContainer, 'li'),
+                li = _domUtils$parents[0];
+
+            _this2._removeBranchListAll(li);
+          });
+        }
+      }
+    });
+    this.wwe.addKeyEventHandler('BACK_SPACE', function (ev, range) {
+      if (range.collapsed) {
+        if (_this2.wwe.getEditor().hasFormat('LI')) {
+          _this2.wwe.defer(function () {
+            _this2._removeBranchListAll();
+          });
+        }
+      }
+    });
+  }
+  /**
+   * Find empty list for whole container and remove it.
+   * @private
+   */
+  ;
+
+  _proto._findAndRemoveEmptyList = function _findAndRemoveEmptyList() {
+    dom["a" /* default */].findAll(this.wwe.getBody(), UL_OR_OL).forEach(function (node) {
+      if (!FIND_LI_ELEMENT.test(node.innerHTML)) {
+        dom["a" /* default */].remove(node);
+      }
+    });
+  }
+  /**
+   * Remove branch lists all from body
+   * @param {HTMLElement} root root to remove branch list
+   * @private
+   */
+  ;
+
+  _proto._removeBranchListAll = function _removeBranchListAll(root) {
+    var _this3 = this;
+
+    root = !root ? this.wwe.getBody() : root;
+    dom["a" /* default */].findAll(root, 'li > ul, li > ol').forEach(function (node) {
+      if (!node || node.previousSibling) {
+        return;
+      }
+
+      _this3._removeBranchList(node);
+    });
+  }
+  /**
+   * Remove branch list of passed list(ul, ol)
+   * @param {HTMLElement} list list
+   * @private
+   */
+  ;
+
+  _proto._removeBranchList = function _removeBranchList(list) {
+    var branchRoot = list;
+
+    while (!branchRoot.previousSibling && branchRoot.parentElement.tagName.match(/UL|OL|LI/g)) {
+      branchRoot = branchRoot.parentElement;
+    }
+
+    var _domUtils$children = dom["a" /* default */].children(branchRoot, 'li'),
+        firstLi = _domUtils$children[0];
+
+    var unwrappedLIs = dom["a" /* default */].unwrap(list);
+    dom["a" /* default */].prepend(branchRoot, unwrappedLIs);
+    dom["a" /* default */].remove(firstLi);
+  }
+  /**
+   * make arbitrary nesting list out of standard list
+   * `
    • text
      • text2
    ` to
+   * `
    • text
      • text2
    `
+   * @param {string} html string to convert
+   * @returns {string} converted HTML text
+   */
+  ;
+
+  _proto.convertToArbitraryNestingList = function convertToArbitraryNestingList(html) {
+    var NESTED_LIST_QUERY = 'li > ul, li > ol';
+    var wrapper = dom["a" /* default */].createElementWith("
    " + html + "
    ");
+    var nestedList = wrapper.querySelector(NESTED_LIST_QUERY);
+
+    while (nestedList !== null) {
+      var parentLI = nestedList.parentNode;
+      var parentList = parentLI.parentNode;
+      parentList.insertBefore(nestedList, parentLI.nextElementSibling);
+      nestedList = wrapper.querySelector(NESTED_LIST_QUERY);
+    }
+
+    return wrapper.innerHTML;
+  }
+  /**
+   * make standard list out of arbitrary nesting list
+   * `
    • text
      • text2
    ` from
+   * `
    • text
      • text2
    `
+   * @param {string} html string to convert
+   * @returns {string} converted HTML text
+   * @private
+   */
+  ;
+
+  _proto._convertFromArbitraryNestingList = function _convertFromArbitraryNestingList(html) {
+    var NESTED_LIST_QUERY = 'ol > ol, ol > ul, ul > ol, ul > ul';
+    var wrapperDiv = dom["a" /* default */].createElementWith("
    " + html + "
    ");
+    var nestedList = wrapperDiv.querySelector(NESTED_LIST_QUERY);
+
+    while (nestedList !== null) {
+      var prevLI = nestedList.previousElementSibling;
+
+      while (prevLI && prevLI.tagName !== 'LI') {
+        prevLI = prevLI.previousElementSibling;
+      }
+
+      if (prevLI) {
+        prevLI.appendChild(nestedList);
+      } else {
+        this._unwrap(nestedList);
+      }
+
+      nestedList = wrapperDiv.querySelector(NESTED_LIST_QUERY);
+    }
+
+    return wrapperDiv.innerHTML;
+  }
+  /**
+   * unwrap nesting list
+   * @param {Node} nestedList - nested list to unwrap
+   * @private
+   */
+  ;
+
+  _proto._unwrap = function _unwrap(nestedList) {
+    var fragment = document.createDocumentFragment();
+
+    while (nestedList.firstChild) {
+      fragment.appendChild(nestedList.firstChild);
+    }
+
+    nestedList.parentNode.replaceChild(fragment, nestedList);
+  };
+
+  _proto._insertDataToMarkPassForListInTable = function _insertDataToMarkPassForListInTable(html) {
+    var replacedHtml = html.replace(FIND_CELL_TAG_RX, function (match, tdStart, tdContent, tdEnd) {
+      var content = tdContent.replace(FIND_LIST_OR_LIST_ITEM_TAG_RX, '<$1 data-tomark-pass $2>');
+      return "" + tdStart + content + tdEnd;
+    });
+    return replacedHtml;
+  }
+  /**
+   * Return lines in selection
+   * @param {Node} start Start element
+   * @param {Node} end End element
+   * @param {HTMLElement} body Editor body element
+   * @returns {Array.}
+   * @private
+   */
+  ;
+
+  _proto.getLinesOfSelection = function getLinesOfSelection(start, end) {
+    var lines = [];
+    var isLastLine = false;
+    var needNext = true;
+    var nextLine;
+
+    if (dom["a" /* default */].isTextNode(start)) {
+      var _domUtils$parents2 = dom["a" /* default */].parents(start, DIV_OR_LI);
+
+      start = _domUtils$parents2[0];
+    }
+
+    if (dom["a" /* default */].isTextNode(end)) {
+      var _domUtils$parents3 = dom["a" /* default */].parents(end, DIV_OR_LI);
+
+      end = _domUtils$parents3[0];
+    }
+
+    for (var line = start; needNext; line = nextLine) {
+      if (matches_default()(line, DIV_OR_LI)) {
+        lines.push(line);
+
+        if (line === end) {
+          isLastLine = true;
+        } else {
+          nextLine = this._getNextLine(line, end);
+        }
+      } else {
+        break;
+      }
+
+      needNext = nextLine && !isLastLine;
+    }
+
+    return lines;
+  }
+  /**
+   * get next line
+   * @param {Node} currentLine - current line node
+   * @param {Node} end - last node in selection
+   * @returns {Node} - next line node
+   * @private
+   */
+  ;
+
+  _proto._getNextLine = function _getNextLine(currentLine, end) {
+    var nextLine = currentLine.nextElementSibling;
+
+    if (!nextLine) {
+      // current line was the last line in ul/ol
+      // while we have lines those has not been processed yet.
+      nextLine = currentLine.parentNode.nextElementSibling;
+    } else if (matches_default()(nextLine, UL_OR_OL)) {
+      // we don't sure firstChild is LI. arbtrary list can have another ol/ul
+      nextLine = nextLine.querySelector('li');
+    }
+
+    if (matches_default()(nextLine, DIV_OR_LI) || nextLine === end) {
+      return nextLine;
+    }
+
+    return this._getNextLine(nextLine);
+  }
+  /**
+   * merge to previous list
+   * consider remove this function when https://github.com/neilj/Squire/issues/294 resolved
+   * @param {HTMLLIElement} currentLine - current li element
+   */
+  ;
+
+  _proto.mergeList = function mergeList(currentLine) {
+    var currentList = currentLine.parentNode;
+    var prevList = currentList.previousElementSibling;
+    var nextList = currentList.nextElementSibling;
+
+    if (currentList.firstElementChild === currentLine) {
+      if (prevList && matches_default()(prevList, UL_OR_OL)) {
+        this._mergeList(currentList, prevList);
+
+        currentList = prevList;
+      }
+    }
+
+    if (currentList.lastElementChild === currentLine) {
+      if (nextList && matches_default()(nextList, UL_OR_OL)) {
+        this._mergeList(nextList, currentList);
+      }
+    }
+  }
+  /**
+   * merge list to targetList
+   * @param {HTMLOListElement|HTMLUListElement} list - list to merge
+   * @param {HTMLOListElement|HTMLUListElement} targetList - target list
+   * @private
+   */
+  ;
+
+  _proto._mergeList = function _mergeList(list, targetList) {
+    var listItem = list.firstElementChild;
+
+    if (targetList && matches_default()(targetList, UL_OR_OL)) {
+      while (listItem) {
+        var temp = listItem.nextElementSibling;
+        targetList.appendChild(listItem);
+        listItem = temp;
+      }
+
+      list.parentNode.removeChild(list);
+    }
+  }
+  /**
+   * Check whether is available to make List in table.
+   * @returns {boolean} - li element
+   */
+  ;
+
+  _proto.isAvailableMakeListInTable = function isAvailableMakeListInTable() {
+    var selectionManager = this.wwe.componentManager.getManager('tableSelection');
+    var selectedCells = selectionManager.getSelectedCells();
+    var sq = this.wwe.getEditor();
+    return selectedCells && sq.hasFormat('table') && !sq.hasFormat('OL') && !sq.hasFormat('UL');
+  }
+  /**
+   * Find parent node before TD
+   * @param {Node} node - startContainer or endContainer of range
+   * @param {Number} offset - offset
+   * @returns {Node} - parent node before TD
+   * @private
+   */
+  ;
+
+  _proto._getParentNodeBeforeTD = function _getParentNodeBeforeTD(node, offset) {
+    var parentNode = dom["a" /* default */].getParentUntil(node, 'TD');
+
+    if (!parentNode) {
+      var childNodes = node.childNodes;
+      var length = childNodes ? childNodes.length : 0;
+      var newOffset = offset > 0 && offset === length ? offset - 1 : offset;
+      parentNode = dom["a" /* default */].getChildNodeByOffset(node, newOffset);
+    }
+
+    return parentNode;
+  }
+  /**
+   * Find LI node inside cell (TH, TD)
+   * If target node is not li and parents of taget node is not li, return null.
+   * @param {Node} targetNode - startContainer or endContainer of range
+   * @param {Number} offset - offset
+   * @returns {Node} - LI node or null
+   * @private
+   */
+  ;
+
+  _proto._findLINodeInsideCell = function _findLINodeInsideCell(targetNode, offset) {
+    var liNode = null;
+
+    if (targetNode && dom["a" /* default */].isCellNode(targetNode)) {
+      targetNode = targetNode.firstChild;
+    }
+
+    var liParent = dom["a" /* default */].getParentUntilBy(targetNode, function (parentNode) {
+      return parentNode && dom["a" /* default */].isListNode(parentNode);
+    }, function (parentNode) {
+      return parentNode && dom["a" /* default */].isCellNode(parentNode);
+    });
+
+    if (liParent) {
+      liNode = liParent;
+    } else if (targetNode.nodeName === 'LI') {
+      liNode = targetNode;
+    } else if (dom["a" /* default */].isListNode(targetNode)) {
+      var childLength = targetNode.childNodes.length;
+      liNode = targetNode.childNodes[offset >= childLength ? childLength - 1 : offset];
+    }
+
+    return liNode;
+  }
+  /**
+   * Get first node on the line where range start.
+   * @param {Node} targetNode - startContainer
+   * @param {Number} offset - startOffset
+   * @returns {Node} - first node where range start
+   * @private
+   */
+  ;
+
+  _proto._getFirstNodeInLineOfTable = function _getFirstNodeInLineOfTable(targetNode, offset) {
+    var startNode = this._findLINodeInsideCell(targetNode, offset);
+
+    if (!startNode) {
+      startNode = this._getParentNodeBeforeTD(targetNode, offset);
+      var _startNode = startNode,
+          previousSibling = _startNode.previousSibling;
+
+      while (previousSibling && previousSibling.nodeName !== 'BR' && !dom["a" /* default */].isListNode(previousSibling)) {
+        startNode = previousSibling;
+        previousSibling = startNode.previousSibling;
+      }
+    }
+
+    return startNode;
+  }
+  /**
+   * Get last node on the line where range end.
+   * @param {Node} targetNode - endContainer
+   * @param {Number} offset - endOffset
+   * @returns {Node} - last node where range end
+   * @private
+   */
+  ;
+
+  _proto._getLastNodeInLineOfTable = function _getLastNodeInLineOfTable(targetNode, offset) {
+    var endNode = this._findLINodeInsideCell(targetNode, offset);
+
+    if (!endNode) {
+      endNode = this._getParentNodeBeforeTD(targetNode, offset);
+
+      while (endNode.nextSibling) {
+        if (endNode.nodeName === 'BR' || dom["a" /* default */].isListNode(endNode)) {
+          break;
+        }
+
+        endNode = endNode.nextSibling;
+      }
+    }
+
+    return endNode;
+  }
+  /**
+   * Check whether node is last node in the line of table
+   * If the node is li or br, the node is last node in the line of table.
+   * @param {node} node - node
+   * @returns {boolean} - whether node is last node in line of table
+   * @private
+   */
+  ;
+
+  _proto._isLastNodeInLineOfTable = function _isLastNodeInLineOfTable(node) {
+    var nodeName = node.nodeName;
+    return nodeName === 'LI' || nodeName === 'BR';
+  }
+  /**
+   * Get next node in the line of table
+   * If current node is li node and nextSibling is not existing, next node is parent's nextSibling.
+   * If nextSibiling of node is a list node (UL or OL), next node is first child of the list node.
+   * @param {node} node - node
+   * @returns {node} - next node
+   * @private
+   */
+  ;
+
+  _proto._getNextNodeInLineOfTable = function _getNextNodeInLineOfTable(node) {
+    var nextSibling = node.nextSibling;
+
+    if (node.nodeName === 'LI' && !nextSibling) {
+      var parentNode = node.parentNode;
+
+      while (!dom["a" /* default */].isCellNode(parentNode)) {
+        if (parentNode.nextSibling) {
+          nextSibling = parentNode.nextSibling;
+          break;
+        }
+
+        parentNode = parentNode.parentNode;
+      }
+    } else if (dom["a" /* default */].isListNode(nextSibling)) {
+      nextSibling = nextSibling.firstChild;
+    }
+
+    return nextSibling;
+  }
+  /**
+   * get nodes in each lines of table
+   * @param {range} range - range
+   * @returns {array} - each nodes in line
+   * @private
+   */
+  ;
+
+  _proto._getLinesOfSelectionInTable = function _getLinesOfSelectionInTable(range) {
+    var startContainer = range.startContainer,
+        endContainer = range.endContainer,
+        startOffset = range.startOffset,
+        endOffset = range.endOffset;
+
+    var firstNode = this._getFirstNodeInLineOfTable(startContainer, startOffset);
+
+    var lastNode = this._getLastNodeInLineOfTable(endContainer, endOffset);
+
+    var lines = [];
+    var oneLine = [];
+
+    while (firstNode) {
+      oneLine.push(firstNode);
+
+      if (this._isLastNodeInLineOfTable(firstNode)) {
+        lines.push(oneLine);
+        oneLine = [];
+      }
+
+      if (firstNode === lastNode) {
+        if (oneLine.length) {
+          lines.push(oneLine);
+        }
+
+        break;
+      }
+
+      firstNode = this._getNextNodeInLineOfTable(firstNode);
+    }
+
+    return lines;
+  }
+  /**
+   * create OL or UL element
+   * @param {string} listType - OL, UL or TASK
+   * @returns {Node} - OL or UL element
+   * @private
+   */
+  ;
+
+  _proto._createListElement = function _createListElement(listType) {
+    return document.createElement(listType === 'TASK' ? 'UL' : listType);
+  }
+  /**
+   * create li element
+   * @param {array} oneLineNodes - node array
+   * @param {string} listType - OL, UL or TASK
+   * @returns {Node} - li element
+   * @private
+   */
+  ;
+
+  _proto._createListItemElement = function _createListItemElement(oneLineNodes, listType) {
+    var liNode = document.createElement('li');
+    oneLineNodes.forEach(function (node) {
+      liNode.appendChild(node);
+    });
+
+    if (listType === 'TASK') {
+      var taskManager = this.wwe.componentManager.getManager('task');
+      taskManager.formatTask(liNode);
+    }
+
+    return liNode;
+  };
+
+  _proto._mergeListWithPreviousSibiling = function _mergeListWithPreviousSibiling(node) {
+    var previousSibling = node.previousSibling;
+    var result = node;
+
+    if (previousSibling && node.nodeName === previousSibling.nodeName) {
+      this._mergeList(node, previousSibling);
+
+      result = previousSibling;
+    }
+
+    return result;
+  };
+
+  _proto._mergeListWithNextSibiling = function _mergeListWithNextSibiling(node) {
+    var nextSibling = node.nextSibling;
+
+    if (nextSibling && node.nodeName === nextSibling.nodeName) {
+      this._mergeList(nextSibling, node);
+    }
+
+    return node;
+  }
+  /**
+   * make listNode (OL or UL)
+   * @param {range} range - range
+   * @param {staring} listType - UL, OL, TASK
+   * @returns {array} childNodes of list node (OL/UL)
+   */
+  ;
+
+  _proto.createListInTable = function createListInTable(range, listType) {
+    var _this4 = this;
+
+    var lines = this._getLinesOfSelectionInTable(range);
+
+    var lastLine = lines[lines.length - 1];
+    var lastNode = lastLine[lastLine.length - 1];
+    var nextNode = lastNode.nextSibling;
+    var parentNode = lastNode.parentNode;
+
+    var listNode = this._createListElement(listType);
+
+    var _listNode = listNode,
+        listNodeName = _listNode.nodeName;
+    var newLIs = [];
+    lines.forEach(function (oneLineNodes) {
+      var oneLineFirstNode = oneLineNodes[0];
+      var liElement; // oneLineFirstNode was already a list item in the table
+
+      if (oneLineFirstNode.nodeName === 'LI') {
+        var existingListNode = oneLineFirstNode.parentNode;
+        liElement = oneLineFirstNode; // If the existing list that is already in table is not same the list to be created,
+        // change the existing list to the list to be created
+
+        if (existingListNode.nodeName !== listNodeName) {
+          var childNodes = existingListNode.childNodes;
+          toArray_default()(childNodes).forEach(function () {
+            listNode.appendChild(existingListNode.firstChild);
+          });
+          existingListNode.parentNode.replaceChild(listNode, existingListNode);
+        }
+
+        listNode = liElement.parentNode;
+      } else {
+        liElement = _this4._createListItemElement(oneLineNodes, listType);
+        listNode.appendChild(liElement);
+      }
+
+      newLIs.push(liElement);
+    });
+
+    if (!listNode.parentNode) {
+      parentNode.insertBefore(listNode, nextNode);
+    }
+
+    listNode = this._mergeListWithPreviousSibiling(listNode);
+
+    this._mergeListWithNextSibiling(listNode);
+
+    return newLIs;
+  }
+  /**
+   * adjust range for list node (OL/UL)
+   * according to origin startContainer and endContainer
+   * @param {node} startContainer - startContainer
+   * @param {node} endContainer - endContainer
+   * @param {number} startOffset - startOffset
+   * @param {number} endOffset - endOffset
+   * @param {array} listNode - node array
+   */
+  ;
+
+  _proto.adjustRange = function adjustRange(startContainer, endContainer, startOffset, endOffset, listNode) {
+    var newStartContainer = dom["a" /* default */].containsNode(listNode[0], startContainer) ? startContainer : listNode[0];
+    var newEndContainer = dom["a" /* default */].containsNode(listNode[listNode.length - 1], endContainer) ? endContainer : listNode[listNode.length - 1];
+    var newStartOffset = startContainer.nodeName === 'TD' ? 0 : startOffset;
+    var newEndOffset = endContainer.nodeName === 'TD' ? 0 : endOffset;
+    this.wwe.setSelectionByContainerAndOffset(newStartContainer, newStartOffset, newEndContainer, newEndOffset);
+  };
+
+  return WwListManager;
+}();
+
+/* harmony default export */ var wwListManager = (wwListManager_WwListManager);
+// CONCATENATED MODULE: ./src/js/wwTaskManager.js
+/**
+ * @fileoverview Implements wysiwyg task manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var TASK_CLASS_NAME = 'task-list-item';
+var TASK_ATTR_NAME = 'data-te-task';
+var TASK_CHECKED_CLASS_NAME = 'checked';
+/**
+ * Class WwTaskManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwTaskManager_WwTaskManager = /*#__PURE__*/function () {
+  function WwTaskManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'task';
+
+    this._init();
+  }
+  /**
+   * Init
+   * @private
+   */
+
+
+  var _proto = WwTaskManager.prototype;
+
+  _proto._init = function _init() {
+    this._initKeyHandler();
+
+    this._initEvent();
+
+    this.wwe.getEditor().addEventListener('mousedown', function (ev) {
+      var style = getComputedStyle(ev.target, ':before');
+
+      if (ev.target.hasAttribute(TASK_ATTR_NAME) && dom["a" /* default */].isInsideButtonBox(style, ev.offsetX, ev.offsetY)) {
+        // Prevent cursor focusing
+        ev.preventDefault();
+        dom["a" /* default */].toggleClass(ev.target, TASK_CHECKED_CLASS_NAME);
+      }
+    });
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._removeTaskListClass();
+    });
+  }
+  /**
+   * Initialize key event handler
+   * @private
+   */
+  ;
+
+  _proto._initKeyHandler = function _initKeyHandler() {
+    var _this2 = this;
+
+    this.wwe.addKeyEventHandler('ENTER', function (ev, range) {
+      if (_this2.isInTaskList(range)) {
+        _this2.wwe.defer(function () {
+          var newRange = _this2.wwe.getRange();
+
+          var li = dom["a" /* default */].closest(newRange.startContainer, 'li');
+
+          if (li) {
+            removeClass_default()(li, TASK_CHECKED_CLASS_NAME);
+          }
+        });
+      }
+    });
+  }
+  /**
+   * Check whether passed range is in task list or not
+   * @param {Range} range range
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isInTaskList = function isInTaskList(range) {
+    var li;
+
+    if (!range) {
+      range = this.wwe.getEditor().getSelection().cloneRange();
+    }
+
+    if (range.startContainer.nodeType === Node.ELEMENT_NODE && range.startContainer.tagName === 'LI') {
+      li = range.startContainer;
+    } else {
+      var _domUtils$parents = dom["a" /* default */].parents(range.startContainer, 'li');
+
+      li = _domUtils$parents[0];
+    }
+
+    return !!li && hasClass_default()(li, TASK_CLASS_NAME);
+  }
+  /**
+   * Unforamt task
+   * @param {Node} node target
+   */
+  ;
+
+  _proto.unformatTask = function unformatTask(node) {
+    var li = dom["a" /* default */].closest(node, 'li');
+    removeClass_default()(li, TASK_CLASS_NAME);
+    removeClass_default()(li, TASK_CHECKED_CLASS_NAME);
+    li.removeAttribute(TASK_ATTR_NAME);
+
+    if (!li.getAttribute('class')) {
+      li.removeAttribute('class');
+    }
+  }
+  /**
+   * Format task
+   * @param {Node} node target
+   */
+  ;
+
+  _proto.formatTask = function formatTask(node) {
+    var li = dom["a" /* default */].closest(node, 'li');
+    addClass_default()(li, TASK_CLASS_NAME);
+    li.setAttribute(TASK_ATTR_NAME, '');
+  }
+  /**
+   * Format task if current range has task class name
+   * @private
+   */
+  ;
+
+  _proto._formatTaskIfNeed = function _formatTaskIfNeed() {
+    var range = this.wwe.getEditor().getSelection().cloneRange();
+
+    if (this.isInTaskList(range)) {
+      this.formatTask(range.startContainer);
+    }
+  }
+  /**
+   * Remove tasklist class
+   * @private
+   */
+  ;
+
+  _proto._removeTaskListClass = function _removeTaskListClass() {
+    // because task-list class is block merge normal list and task list
+    dom["a" /* default */].findAll(this.wwe.getBody(), '.task-list').forEach(function (node) {
+      removeClass_default()(node, 'task-list');
+    });
+  };
+
+  return WwTaskManager;
+}();
+
+/* harmony default export */ var wwTaskManager = (wwTaskManager_WwTaskManager);
+// CONCATENATED MODULE: ./src/js/wwTableManager.js
+/**
+ * @fileoverview Implements wysiwyg table manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var isIE10 = browser_default.a.msie && browser_default.a.version === 10;
+var TABLE_CLASS_PREFIX = 'te-content-table-';
+var isIE10And11 = browser_default.a.msie && (browser_default.a.version === 10 || browser_default.a.version === 11);
+var BASIC_CELL_CONTENT = browser_default.a.msie ? '' : '
    ';
+var TABLE_CELL_SELECTED_CLASS_NAME = 'te-cell-selected';
+/**
+ * Class WwTableManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwTableManager_WwTableManager = /*#__PURE__*/function () {
+  function WwTableManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'table';
+    this._lastCellNode = null;
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwTableManager.prototype;
+
+  _proto._init = function _init() {
+    this._initKeyHandler();
+
+    this._initEvent();
+
+    this.tableID = 0;
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygRangeChangeAfter.table', function () {
+      var range = _this.wwe.getEditor().getSelection();
+
+      var isRangeInTable = _this.wwe.isInTable(range);
+
+      _this._unwrapBlockInTable();
+
+      _this._completeTableIfNeed();
+
+      if (!isRangeInTable) {
+        var selectionManager = _this.wwe.componentManager.getManager('tableSelection');
+
+        selectionManager.removeClassAttrbuteFromAllCellsIfNeed();
+      }
+
+      _this._insertDefaultBlockBetweenTable();
+    });
+    this.eventManager.listen('wysiwygSetValueAfter.table', function () {
+      _this._unwrapBlockInTable();
+
+      _this._insertDefaultBlockBetweenTable();
+    }); // remove last br in td or th
+
+    this.eventManager.listen('wysiwygProcessHTMLText.table', function (html) {
+      return html.replace(/
    (<\/td>|<\/th>)/g, '$1');
+    });
+    this.eventManager.listen('cut.table', function () {
+      var selectionManager = _this.wwe.componentManager.getManager('tableSelection');
+
+      var selectedCells = selectionManager.getSelectedCells();
+
+      if (selectedCells.length) {
+        selectedCells.forEach(function (cell) {
+          cell.innerHTML = BASIC_CELL_CONTENT;
+        });
+      }
+
+      selectionManager.removeClassAttrbuteFromAllCellsIfNeed();
+    });
+    this.eventManager.listen('copyBefore.table', function (_ref) {
+      var clipboardContainer = _ref.clipboardContainer;
+      return _this.updateTableHtmlOfClipboardIfNeed(clipboardContainer);
+    });
+  }
+  /**
+   * Update table html of clipboard data, if has selected cells.
+   * @param {HTMLElement} clipboardContainer - clipboard element
+   */
+  ;
+
+  _proto.updateTableHtmlOfClipboardIfNeed = function updateTableHtmlOfClipboardIfNeed(clipboardContainer) {
+    var _this2 = this;
+
+    var selectionManager = this.wwe.componentManager.getManager('tableSelection');
+    var selectedCells = selectionManager.getSelectedCells();
+
+    if (selectedCells.length) {
+      selectionManager.createRangeBySelectedCells();
+      var fragment = this.wwe.getEditor().getSelection().cloneContents();
+      toArray_default()(fragment.children).forEach(function (node) {
+        if (!_this2.isTableOrSubTableElement(node.nodeName)) {
+          return;
+        }
+
+        if (node.nodeName === 'TABLE' && node.querySelector('thead') && node.querySelector('tbody')) {
+          dom["a" /* default */].remove(node);
+        } else if (node.previousSibling && node.previousSibling.nodeName === 'TABLE') {
+          node.previousSibling.appendChild(node);
+        } else {
+          _this2._completeIncompleteTable(node);
+
+          if (node.nodeName !== 'TABLE' && node.nodeName !== 'THEAD') {
+            var thead = dom["a" /* default */].closest(node, 'table').querySelector('thead');
+            dom["a" /* default */].remove(thead);
+          }
+        }
+      });
+      clipboardContainer.appendChild(fragment);
+      dom["a" /* default */].findAll(clipboardContainer, "." + TABLE_CELL_SELECTED_CLASS_NAME).forEach(function (cell) {
+        removeClass_default()(cell, TABLE_CELL_SELECTED_CLASS_NAME);
+      });
+    }
+  }
+  /**
+   * Paste clibpard data that contains only table.
+   * @param {Node} clipboardTable - table element of clipboard
+   */
+  ;
+
+  _proto.pasteTableData = function pasteTableData(clipboardTable) {
+    this._expandTableIfNeed(clipboardTable);
+
+    this._pasteDataIntoTable(clipboardTable);
+  }
+  /**
+   * Initialize key event handler
+   * @private
+   */
+  ;
+
+  _proto._initKeyHandler = function _initKeyHandler() {
+    var _this3 = this;
+
+    this.keyEventHandlers = {
+      DEFAULT: function DEFAULT(ev, range, keymap) {
+        var isRangeInTable = _this3.wwe.isInTable(range);
+
+        if (isRangeInTable && !_this3._isModifierKey(keymap)) {
+          _this3._recordUndoStateIfNeed(range);
+
+          _this3._removeContentsAndChangeSelectionIfNeed(range, keymap, ev);
+        } else if (!isRangeInTable && _this3._lastCellNode) {
+          _this3._recordUndoStateAndResetCellNode(range);
+        }
+
+        if (isRangeInTable && !_this3._isModifierKeyPushed(ev)) {
+          _this3.wwe.getEditor().modifyDocument(function () {
+            var selectionManager = _this3.wwe.componentManager.getManager('tableSelection');
+
+            selectionManager.removeClassAttrbuteFromAllCellsIfNeed();
+          });
+        }
+      },
+      ENTER: function ENTER(ev, range) {
+        var isNeedNext;
+
+        if (_this3._isAfterTable(range)) {
+          ev.preventDefault();
+          range.setStart(range.startContainer, range.startOffset - 1);
+
+          _this3.wwe.breakToNewDefaultBlock(range);
+
+          isNeedNext = false;
+        } else if (_this3._isBeforeTable(range)) {
+          ev.preventDefault();
+
+          _this3.wwe.breakToNewDefaultBlock(range, 'before');
+
+          isNeedNext = false;
+        } else if (_this3.wwe.isInTable(range)) {
+          if (!_this3._isInList(range.startContainer) && _this3._isInStyledText(range)) {
+            _this3.wwe.defer(function () {
+              _this3._removeBRinStyleText();
+            });
+          } else if (_this3._isEmptyFirstLevelLI(range)) {
+            _this3.wwe.defer(function () {
+              // Squire make div when LI level is decreased in first level so should replace div to br
+              var afterRange = _this3.wwe.getRange().cloneRange();
+
+              var div = afterRange.startContainer;
+              var br = document.createElement('br');
+              div.parentNode.replaceChild(br, div);
+              afterRange.setStartBefore(br);
+              afterRange.collapse(true);
+
+              _this3.wwe.getEditor().setSelection(afterRange);
+            });
+          }
+
+          _this3._appendBrIfTdOrThNotHaveAsLastChild(range);
+
+          isNeedNext = false;
+        }
+
+        return isNeedNext;
+      },
+      BACK_SPACE: function BACK_SPACE(ev, range, keymap) {
+        return _this3._handleBackspaceAndDeleteKeyEvent(ev, range, keymap);
+      },
+      DELETE: function DELETE(ev, range, keymap) {
+        return _this3._handleBackspaceAndDeleteKeyEvent(ev, range, keymap);
+      },
+      TAB: function TAB() {
+        return _this3._moveCursorTo('next', 'cell');
+      },
+      'SHIFT+TAB': function SHIFTTAB(ev) {
+        return _this3._moveCursorTo('previous', 'cell', ev);
+      },
+      UP: function UP(ev) {
+        return _this3._moveCursorTo('previous', 'row', ev);
+      },
+      DOWN: function DOWN(ev) {
+        return _this3._moveCursorTo('next', 'row', ev);
+      }
+    };
+    forEachOwnProperties_default()(this.keyEventHandlers, function (handler, key) {
+      return _this3.wwe.addKeyEventHandler(key, handler);
+    });
+  }
+  /**
+   * Check whether node is li and empty
+   * @param {node} node node
+   * @returns {boolean} whether node is li and empty
+   * @private
+   */
+  ;
+
+  _proto._isEmptyListItem = function _isEmptyListItem(node) {
+    var childNodes = node.childNodes,
+        nodeName = node.nodeName;
+    return nodeName === 'LI' && childNodes.length === 1 && childNodes[0].nodeName === 'BR';
+  }
+  /**
+   * Check whether range is in empty LI that is first level
+   * @param {range} range range
+   * @returns {boolean} whether range is in empty LI that is first level
+   * @private
+   */
+  ;
+
+  _proto._isEmptyFirstLevelLI = function _isEmptyFirstLevelLI(range) {
+    var collapsed = range.collapsed,
+        startContainer = range.startContainer,
+        startOffset = range.startOffset;
+    return collapsed && startOffset === 0 && this._isEmptyListItem(startContainer) && dom["a" /* default */].isFirstLevelListItem(startContainer);
+  }
+  /**
+   * Check whether range is in style tag that is like 'B', 'I', 'S', 'SPAN', 'CODE'
+   * Those tag is supported in Wysiwyg.
+   * @param {Range} range range
+   * @returns {Boolean} range is in the style tag
+   * @private
+   */
+  ;
+
+  _proto._isInStyledText = function _isInStyledText(range) {
+    var startContainer = range.startContainer;
+    var node;
+
+    if (dom["a" /* default */].isTextNode(startContainer)) {
+      node = startContainer.parentNode;
+    } else {
+      node = startContainer;
+    }
+
+    return range.collapsed && dom["a" /* default */].isStyledNode(node);
+  }
+  /**
+   * When enter key occur in the styled text, 'br' tag insert in the style tag like 'b', 'i' etc.
+   * So in thoes case, 'br' tag would be pulled out in this logic.
+   * @private
+   */
+  ;
+
+  _proto._removeBRinStyleText = function _removeBRinStyleText() {
+    var afterRange = this.wwe.getRange();
+    var startContainer = afterRange.startContainer,
+        startOffset = afterRange.startOffset;
+    var styleNode;
+
+    if (startContainer.nodeName === 'TD') {
+      // This case is TEST
    |
    
+      styleNode = dom["a" /* default */].getChildNodeByOffset(startContainer, startOffset - 1);
+    } else {
+      styleNode = dom["a" /* default */].getParentUntil(startContainer, 'TD');
+    }
+
+    var brNode = styleNode.querySelector('br');
+
+    if (!brNode) {
+      return;
+    }
+
+    var _styleNode = styleNode,
+        tdNode = _styleNode.parentNode,
+        nodeName = _styleNode.nodeName;
+
+    if (nodeName === 'CODE' && !brNode.previousSibling) {
+      // cursor is located in the start of text
+      // Before Enter : |TEST
+      // After Enter  : 
    |TEST    
+      // TO BE        : 
    |TEST
+      tdNode.insertBefore(brNode, styleNode);
+      afterRange.setStart(styleNode, 0);
+    } else if (nodeName === 'CODE' && !brNode.nextSibling) {
+      // cursor is located in the end of text
+      // Before Enter : TEST|
+      // After Enter  : TEST
    |    
+      // TO BE        : TEST
    |
+      tdNode.insertBefore(brNode, styleNode.nextSibling);
+      afterRange.setStart(tdNode, dom["a" /* default */].getNodeOffsetOfParent(brNode) + 1);
+    } else {
+      // [Case 1] cursor is located in the middle of text
+      // Before Enter : TE|ST
+      // After Enter  : TE
    |ST    
+      // TO BE        : TE
    |ST
+      // [Case 2] cursor is located in the start of text
+      // Before Enter : |TEST
+      // After Enter  : 
    |TEST    
+      // TO BE        : |
    TEST
+      // [Case 3] cursor is located in the end of text
+      // Before Enter : TEST|
+      // After Enter  : TEST
    |    
+      // TO BE        : TEST
    |
+      var newNode = this._splitByBR(styleNode, brNode);
+
+      afterRange.setStart(newNode, 0);
+    }
+
+    afterRange.collapse(true);
+    this.wwe.getEditor().setSelection(afterRange);
+  }
+  /**
+   * When container node have br node, split container base on br node and pull out BR.
+   * After Enter  : TE
    ST    
+   * TO BE        : TE
    ST
+   * @param {Node} container container
+   * @param {Node} brNode container
+   * @returns {Node} node for positioning of cursor
+   * @private
+   */
+  ;
+
+  _proto._splitByBR = function _splitByBR(container, brNode) {
+    var cloneStyleNode = container.cloneNode(true);
+    var newBR = document.createElement('br');
+    var parentNode = container.parentNode; // Origin style node should be removed the back nodes of br node.
+
+    dom["a" /* default */].removeNodesByDirection(container, brNode, false);
+    brNode.parentNode.removeChild(brNode); // Cloned style node should be removed the front nodes of br node
+
+    var clonedBR = cloneStyleNode.querySelector('br');
+    dom["a" /* default */].removeNodesByDirection(cloneStyleNode, clonedBR, true);
+    clonedBR.parentNode.removeChild(clonedBR);
+    parentNode.insertBefore(cloneStyleNode, container.nextSibling);
+    parentNode.insertBefore(newBR, cloneStyleNode);
+    var leafNode = dom["a" /* default */].getLeafNode(cloneStyleNode);
+
+    if (!dom["a" /* default */].getTextLength(leafNode)) {
+      leafNode.textContent = "\u200B";
+    }
+
+    return leafNode;
+  }
+  /**
+   * Check whether passed range is right before table or not
+   * @param {Range} range range
+   * @returns {boolean} result
+   * @private
+   */
+  ;
+
+  _proto._isBeforeTable = function _isBeforeTable(range) {
+    return dom["a" /* default */].getNodeName(dom["a" /* default */].getChildNodeByOffset(range.startContainer, range.startOffset)) === 'TABLE';
+  }
+  /**
+   * Check whether passed range is right after table or not
+   * @param {Range} range range
+   * @returns {boolean} result
+   * @private
+   */
+  ;
+
+  _proto._isAfterTable = function _isAfterTable(range) {
+    var prevElem = dom["a" /* default */].getPrevOffsetNodeUntil(range.startContainer, range.startOffset);
+    return dom["a" /* default */].getNodeName(prevElem) === 'TABLE' && range.commonAncestorContainer === this.wwe.getBody();
+  }
+  /**
+   * Handle backspace and delete key event
+   * @param {object} ev - Event object
+   * @param {Range} range - Range Object
+   * @param {string} keymap - keymap
+   * @returns {boolean} - need next
+   * @private
+   */
+  ;
+
+  _proto._handleBackspaceAndDeleteKeyEvent = function _handleBackspaceAndDeleteKeyEvent(ev, range, keymap) {
+    var isBackspace = keymap === 'BACK_SPACE';
+    var selectionManager = this.wwe.componentManager.getManager('tableSelection');
+    var selectedCells = selectionManager.getSelectedCells();
+    var isNeedNext = true;
+
+    if (range.collapsed) {
+      if (this.wwe.isInTable(range)) {
+        if (isBackspace) {
+          this._tableHandlerOnBackspace(range, ev);
+        } else {
+          this._tableHandlerOnDelete(range, ev);
+        }
+
+        this._removeContentsAndChangeSelectionIfNeed(range, keymap, ev);
+
+        isNeedNext = false;
+      } else if (!isBackspace && this._isBeforeTable(range) || isBackspace && this._isAfterTable(range)) {
+        ev.preventDefault();
+        var startOffset = isBackspace ? range.startOffset - 1 : range.startOffset;
+
+        this._removeTable(range, dom["a" /* default */].getChildNodeByOffset(range.startContainer, startOffset));
+
+        isNeedNext = false;
+      }
+    } else if (this.wwe.isInTable(range)) {
+      if (selectedCells.length > 0) {
+        var removed = this._removeContentsAndChangeSelectionIfNeed(range, keymap, ev);
+
+        if (removed) {
+          ev.preventDefault();
+          isNeedNext = false;
+        }
+      }
+    }
+
+    return isNeedNext;
+  }
+  /**
+   * Move Li node to previous node that is previous node of list node.
+   * @param {node} liNode li node
+   * @param {range} range range
+   * @private
+   */
+  ;
+
+  _proto._moveListItemToPreviousOfList = function _moveListItemToPreviousOfList(liNode, range) {
+    var listNode = liNode.parentNode,
+        firstChild = liNode.firstChild;
+    var fragment = document.createDocumentFragment();
+    dom["a" /* default */].mergeNode(liNode, fragment);
+    listNode.parentNode.insertBefore(fragment, listNode);
+    range.setStart(firstChild, 0);
+    range.collapse(true);
+    this.wwe.getEditor().setSelection(range);
+
+    if (!listNode.hasChildNodes()) {
+      listNode.parentNode.removeChild(listNode);
+    }
+  };
+
+  _proto._isInList = function _isInList(targetNode) {
+    return dom["a" /* default */].getParentUntilBy(targetNode, function (node) {
+      return node && (dom["a" /* default */].isListNode(node) || node.nodeName === 'LI');
+    }, function (node) {
+      return node && (node.nodeName === 'TD' || node.nodeName === 'TH');
+    });
+  }
+  /**
+   * Find LI node while search parentNode inside TD
+   * @param {node} startContainer startContainer
+   * @returns {node} liNode or null
+   * @private
+   */
+  ;
+
+  _proto._findListItem = function _findListItem(startContainer) {
+    return dom["a" /* default */].getParentUntilBy(startContainer, function (node) {
+      return node && dom["a" /* default */].isListNode(node);
+    }, function (node) {
+      return node && (node.nodeName === 'TD' || node.nodeName === 'TH');
+    });
+  }
+  /**
+   * Backspace handler in table
+   * @param {Range} range range
+   * @param {Event} event event
+   * @private
+   */
+  ;
+
+  _proto._tableHandlerOnBackspace = function _tableHandlerOnBackspace(range, event) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset;
+
+    var liNode = this._findListItem(startContainer);
+
+    if (liNode && startOffset === 0 && dom["a" /* default */].isFirstListItem(liNode) && dom["a" /* default */].isFirstLevelListItem(liNode)) {
+      this.wwe.getEditor().saveUndoState(range);
+
+      this._moveListItemToPreviousOfList(liNode, range);
+
+      event.preventDefault();
+    } else {
+      var prevNode = dom["a" /* default */].getPrevOffsetNodeUntil(startContainer, startOffset, 'TR');
+      var prevNodeName = dom["a" /* default */].getNodeName(prevNode);
+
+      if (prevNodeName === 'BR' && prevNode.parentNode.childNodes.length !== 1) {
+        event.preventDefault();
+        dom["a" /* default */].remove(prevNode);
+      }
+    }
+  }
+  /**
+   * Return whether delete br in the br
+   * @param {Range} range Range object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isDeletingBR = function _isDeletingBR(range) {
+    var currentNode = this._getCurrentNodeInCell(range);
+
+    var nextSibling = currentNode && currentNode.nextSibling;
+    return dom["a" /* default */].getNodeName(currentNode) === 'BR' && !!nextSibling && dom["a" /* default */].getNodeName(nextSibling) === 'BR';
+  };
+
+  _proto._getCurrentNodeInCell = function _getCurrentNodeInCell(range) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset;
+    var currentNode;
+
+    if (dom["a" /* default */].getNodeName(startContainer) === 'TD') {
+      currentNode = dom["a" /* default */].getChildNodeByOffset(startContainer, startOffset);
+    } else if (dom["a" /* default */].getParentUntil(startContainer, 'TD')) {
+      currentNode = startContainer;
+    }
+
+    return currentNode;
+  }
+  /**
+   * Check whether range is located in end of the list
+   * @param {Node} liNode liNode
+   * @param {Range} range range
+   * @returns {Boolean} whether range is located in end of the list
+   * @private
+   */
+  ;
+
+  _proto._isEndOfList = function _isEndOfList(liNode, range) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset;
+    var result = false;
+
+    if (!liNode.nextSibling) {
+      if (liNode === startContainer) {
+        var liNodeOffset = dom["a" /* default */].getOffsetLength(liNode);
+
+        if (liNode.lastChild.nodeName === 'BR') {
+          liNodeOffset -= 1;
+        }
+
+        result = liNodeOffset === startOffset;
+      } else {
+        var parentNode = dom["a" /* default */].getParentUntil(startContainer, 'li') || startContainer;
+        var startContainerOffset = dom["a" /* default */].getOffsetLength(startContainer);
+        var lastChild = liNode.lastChild;
+
+        if (lastChild.nodeName === 'BR') {
+          lastChild = lastChild.previousSibling;
+        }
+
+        result = lastChild === parentNode && startContainerOffset === startOffset;
+      }
+    }
+
+    return result;
+  }
+  /**
+   * Get next line nodes from target node
+   * @param {Node} node target node
+   * @returns {DocumentFragment} next line nodes
+   * @private
+   */
+  ;
+
+  _proto._getNextLineNode = function _getNextLineNode(node) {
+    var fragment = document.createDocumentFragment();
+    var parentNode = dom["a" /* default */].getParentUntil(node, 'TD');
+    var nextSibling = parentNode.nextSibling;
+
+    while (nextSibling) {
+      var _nextSibling = nextSibling,
+          next = _nextSibling.nextSibling;
+      fragment.appendChild(nextSibling);
+
+      if (nextSibling.nodeName === 'BR') {
+        break;
+      }
+
+      nextSibling = next;
+    }
+
+    return fragment;
+  }
+  /**
+   * Delete handler in table
+   * @param {Range} range range
+   * @param {Event} event event
+   * @private
+   */
+  ;
+
+  _proto._tableHandlerOnDelete = function _tableHandlerOnDelete(range, event) {
+    var liNode = this._findListItem(range.startContainer);
+
+    if (liNode && this._isEndOfList(liNode, range)) {
+      this.wwe.getEditor().saveUndoState(range);
+
+      if (liNode.lastChild.nodeName === 'BR') {
+        liNode.removeChild(liNode.lastChild);
+      }
+
+      dom["a" /* default */].mergeNode(this._getNextLineNode(liNode), liNode);
+      event.preventDefault();
+    } else if (this._isDeletingBR(range)) {
+      var currentNode = this._getCurrentNodeInCell(range);
+
+      currentNode.parentNode.removeChild(currentNode.nextSibling);
+      event.preventDefault();
+    }
+  }
+  /**
+   * Append br if td or th doesn't have br as last child
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._appendBrIfTdOrThNotHaveAsLastChild = function _appendBrIfTdOrThNotHaveAsLastChild(range) {
+    var startContainerNodeName = dom["a" /* default */].getNodeName(range.startContainer);
+    var tdOrTh;
+
+    if (startContainerNodeName === 'TD' || startContainerNodeName === 'TH') {
+      tdOrTh = range.startContainer;
+    } else {
+      var paths = dom["a" /* default */].parentsUntil(range.startContainer, 'tr');
+      tdOrTh = paths[paths.length - 1];
+    }
+
+    var nodeName = dom["a" /* default */].getNodeName(tdOrTh.lastChild);
+
+    if (nodeName !== 'BR' && nodeName !== 'DIV' && nodeName !== 'UL' && nodeName !== 'OL' && !isIE10And11) {
+      dom["a" /* default */].append(tdOrTh, '
    ');
+    }
+  }
+  /**
+   * Unwrap default block tag in table
+   * For Squire default action making abnormal behavior, remove default blocks in Table after setValue() called
+   * @private
+   */
+  ;
+
+  _proto._unwrapBlockInTable = function _unwrapBlockInTable() {
+    var blocks = dom["a" /* default */].findAll(this.wwe.getBody(), 'td div,th div,tr>br,td>br,th>br');
+    blocks.forEach(function (node) {
+      if (dom["a" /* default */].getNodeName(node) === 'BR') {
+        var parentNodeName = dom["a" /* default */].getNodeName(node.parentNode);
+        var isInTableCell = /TD|TH/.test(parentNodeName);
+        var isEmptyTableCell = node.parentNode.textContent.length === 0;
+        var isLastBR = node.parentNode.lastChild === node;
+
+        if (parentNodeName === 'TR' || isInTableCell && !isEmptyTableCell && isLastBR) {
+          dom["a" /* default */].remove(node);
+        }
+      } else {
+        dom["a" /* default */].unwrap(node);
+      }
+    });
+  }
+  /**
+   * Insert default block between table element
+   * @private
+   */
+  ;
+
+  _proto._insertDefaultBlockBetweenTable = function _insertDefaultBlockBetweenTable() {
+    var tables = dom["a" /* default */].findAll(this.wwe.getBody(), 'table');
+    tables.forEach(function (node) {
+      if (node.nextElementSibling && node.nextElementSibling.nodeName === 'TABLE') {
+        var insertedElement = document.createElement('div');
+        insertedElement.appendChild(document.createElement('br'));
+        dom["a" /* default */].insertAfter(insertedElement, node);
+      }
+    });
+  }
+  /**
+   * Remove table
+   * @param {Range} range range
+   * @param {Node} table table
+   * @private
+   */
+  ;
+
+  _proto._removeTable = function _removeTable(range, table) {
+    if (table.tagName === 'TABLE') {
+      this.wwe.getEditor().saveUndoState(range);
+      this.wwe.saveSelection(range);
+      dom["a" /* default */].remove(table);
+      this.wwe.restoreSavedSelection();
+    }
+  }
+  /**
+   * record undo state if need
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._recordUndoStateIfNeed = function _recordUndoStateIfNeed(range) {
+    var currentCellNode = dom["a" /* default */].getParentUntil(range.startContainer, 'TR');
+
+    if (range.collapsed && currentCellNode && this._lastCellNode !== currentCellNode) {
+      this.wwe.getEditor().saveUndoState(range);
+      this._lastCellNode = currentCellNode;
+    }
+  }
+  /**
+   * record undo state and reset last cell node
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._recordUndoStateAndResetCellNode = function _recordUndoStateAndResetCellNode(range) {
+    this.wwe.getEditor().saveUndoState(range);
+    this.resetLastCellNode();
+  }
+  /**
+   * Paste table data into table element
+   * @param {DocumentFragment} fragment Fragment of table element within
+   * @private
+   */
+  ;
+
+  _proto._pasteDataIntoTable = function _pasteDataIntoTable(fragment) {
+    var _this$wwe$getEditor$g = this.wwe.getEditor().getSelection(),
+        startContainer = _this$wwe$getEditor$g.startContainer;
+
+    var tableData = this._getTableDataFromTable(fragment);
+
+    var isTableCell = startContainer.nodeName === 'TD' || startContainer.nodeName === 'TH';
+    var brString = isIE10 ? '' : '
    ';
+    var anchorElement, td, tr, tdContent;
+
+    if (isTableCell) {
+      anchorElement = startContainer;
+    } else {
+      anchorElement = dom["a" /* default */].getParentUntilBy(startContainer, function (node) {
+        return node && (node.nodeName === 'TD' || node.nodeName === 'TH');
+      }, function (node) {
+        return !!dom["a" /* default */].closest(node, 'table');
+      });
+      anchorElement = anchorElement ? anchorElement.parentNode : null;
+    }
+
+    anchorElement = anchorElement ? anchorElement : startContainer.querySelector('th,td');
+    td = anchorElement;
+
+    while (tableData.length) {
+      tr = tableData.shift();
+
+      while (td && tr.length) {
+        tdContent = tr.shift();
+
+        if (tdContent.length) {
+          td.textContent = tdContent;
+        } else {
+          td.innerHTML = brString;
+        }
+
+        td = dom["a" /* default */].getTableCellByDirection(td, 'next');
+      }
+
+      td = dom["a" /* default */].getSiblingRowCellByDirection(anchorElement, 'next', false);
+      anchorElement = td;
+    }
+  }
+  /**
+   * Get array data from table element
+   * @param {DocumentFragment} fragment table element
+   * @returns {Array}
+   * @private
+   */
+  ;
+
+  _proto._getTableDataFromTable = function _getTableDataFromTable(fragment) {
+    var tableData = [];
+    dom["a" /* default */].findAll(fragment, 'tr').forEach(function (tr) {
+      var trData = [];
+      toArray_default()(tr.children).forEach(function (cell) {
+        trData.push(cell.textContent);
+      });
+
+      if (trData.length) {
+        tableData.push(trData);
+      }
+    });
+    return tableData;
+  }
+  /**
+   * Remove selected table contents
+   * @param {HTMLElement} selectedCells Selected cells
+   * @private
+   */
+  ;
+
+  _proto._removeTableContents = function _removeTableContents(selectedCells) {
+    this.wwe.getEditor().saveUndoState();
+    toArray_default()(selectedCells).forEach(function (cell) {
+      var brHTMLString = isIE10 ? '' : '
    ';
+      cell.innerHTML = brHTMLString;
+    });
+  }
+  /**
+   * Wrap dangling table cells with new TR
+   * @param {HTMLElement} container - clipboard container
+   * @returns {HTMLElement|null}
+   */
+  ;
+
+  _proto.wrapDanglingTableCellsIntoTrIfNeed = function wrapDanglingTableCellsIntoTrIfNeed(container) {
+    var danglingTableCells = dom["a" /* default */].children(container, 'td,th');
+    var tr;
+
+    if (danglingTableCells.length) {
+      var wrapperTr = document.createElement('tr');
+      toArray_default()(danglingTableCells).forEach(function (cell) {
+        dom["a" /* default */].append(wrapperTr, cell);
+      });
+      tr = wrapperTr;
+    }
+
+    return tr;
+  }
+  /**
+   * Wrap TRs with new TBODY
+   * @param {HTMLElement} container - clipboard container
+   * @returns {HTMLElement|null}
+   */
+  ;
+
+  _proto.wrapTrsIntoTbodyIfNeed = function wrapTrsIntoTbodyIfNeed(container) {
+    var danglingTrs = dom["a" /* default */].children(container, 'tr');
+    var ths = [];
+    toArray_default()(danglingTrs).forEach(function (tr) {
+      ths = ths.concat(tr.querySelectorAll('th'));
+    });
+    var tbody;
+
+    if (ths.length) {
+      toArray_default()(ths).forEach(function (node) {
+        var td = document.createElement('td');
+        td.innerHTML = node.innerHTML;
+        dom["a" /* default */].insertBefore(node, td);
+        dom["a" /* default */].remove(node);
+      });
+    }
+
+    if (danglingTrs.length) {
+      var wrapperTableBody = document.createElement('tbody');
+      toArray_default()(danglingTrs).forEach(function (tr) {
+        dom["a" /* default */].append(wrapperTableBody, tr);
+      });
+      tbody = wrapperTableBody;
+    }
+
+    return tbody;
+  }
+  /**
+   * Wrap THEAD followed by TBODY both into Table
+   * @param {HTMLElement} container - clipboard container
+   * @returns {HTMLElement|null}
+   */
+  ;
+
+  _proto.wrapTheadAndTbodyIntoTableIfNeed = function wrapTheadAndTbodyIntoTableIfNeed(container) {
+    var danglingThead = dom["a" /* default */].children(container, 'thead');
+    var danglingTbody = dom["a" /* default */].children(container, 'tbody');
+    var wrapperTable = document.createElement('table');
+    var table;
+
+    if (!danglingTbody.length && danglingThead.length) {
+      dom["a" /* default */].append(wrapperTable, danglingThead[0]);
+      dom["a" /* default */].append(wrapperTable, this._createTheadOrTboday('tbody'));
+      table = wrapperTable;
+    } else if (danglingTbody.length && !danglingThead.length) {
+      dom["a" /* default */].append(wrapperTable, this._createTheadOrTboday('thead'));
+      dom["a" /* default */].append(wrapperTable, danglingTbody[0]);
+      table = wrapperTable;
+    } else if (danglingTbody.length && danglingThead.length) {
+      dom["a" /* default */].append(wrapperTable, danglingThead[0]);
+      dom["a" /* default */].append(wrapperTable, danglingTbody[0]);
+      table = wrapperTable;
+    }
+
+    return table;
+  }
+  /**
+   * Whether pasting element is table element
+   * @param {string} pastingNodeName Pasting node name
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isTableOrSubTableElement = function isTableOrSubTableElement(pastingNodeName) {
+    return pastingNodeName === 'TABLE' || pastingNodeName === 'TBODY' || pastingNodeName === 'THEAD' || pastingNodeName === 'TR' || pastingNodeName === 'TD';
+  };
+
+  _proto._createTheadOrTboday = function _createTheadOrTboday(type) {
+    var theadOrTbody = document.createElement(type);
+    var tr = document.createElement('tr');
+    theadOrTbody.appendChild(tr);
+    return theadOrTbody;
+  }
+  /**
+   * Stuff table cells into incomplete rows
+   * @param {HTMLElement} trs HTMLElement wrapped TRs
+   * @param {number} maximumCellLength maximum cell length of table
+   * @private
+   */
+  ;
+
+  _proto._stuffTableCellsIntoIncompleteRow = function _stuffTableCellsIntoIncompleteRow(trs, maximumCellLength) {
+    toArray_default()(trs).forEach(function (row) {
+      var tableCells = row.querySelectorAll('th,td');
+      var parentNodeName = dom["a" /* default */].getNodeName(row.parentNode);
+      var cellTagName = parentNodeName === 'THEAD' ? 'th' : 'td';
+
+      for (var cellLength = tableCells.length; cellLength < maximumCellLength; cellLength += 1) {
+        dom["a" /* default */].append(row, tableCellGenerator(1, cellTagName));
+      }
+    });
+  }
+  /**
+   * Prepare to table cell stuffing
+   * @param {HTMLElement} trs wrapped TRs
+   * @returns {{maximumCellLength: *, needTableCellStuffingAid: boolean}}
+   */
+  ;
+
+  _proto.prepareToTableCellStuffing = function prepareToTableCellStuffing(trs) {
+    var maximumCellLength = trs[0].querySelectorAll('th,td').length;
+    var needTableCellStuffingAid = false;
+    toArray_default()(trs).forEach(function (row) {
+      var cellCount = row.querySelectorAll('th,td').length;
+
+      if (maximumCellLength !== cellCount) {
+        needTableCellStuffingAid = true;
+
+        if (maximumCellLength < cellCount) {
+          maximumCellLength = cellCount;
+        }
+      }
+    });
+    return {
+      maximumCellLength: maximumCellLength,
+      needTableCellStuffingAid: needTableCellStuffingAid
+    };
+  }
+  /**
+   * Add TBODY or THEAD if need
+   * @param {HTMLElement} table - Table HTMLElement element
+   * @private
+   */
+  ;
+
+  _proto._addTbodyOrTheadIfNeed = function _addTbodyOrTheadIfNeed(table) {
+    var isTheadNotExists = !table.querySelector('thead');
+    var isTbodyNotExists = !table.querySelector('tbody');
+
+    if (isTheadNotExists) {
+      dom["a" /* default */].prepend(table, '');
+    } else if (isTbodyNotExists) {
+      dom["a" /* default */].append(table, '');
+    }
+  }
+  /**
+   * Append table cells
+   * @param {HTMLElement} table Table element
+   */
+  ;
+
+  _proto.tableCellAppendAidForTableElement = function tableCellAppendAidForTableElement(table) {
+    this._addTbodyOrTheadIfNeed(table);
+
+    this._addTrIntoContainerIfNeed(table);
+
+    var trs = table.querySelectorAll('tr');
+    var tableAidInformation = this.prepareToTableCellStuffing(trs);
+    var maximumCellLength = tableAidInformation.maximumCellLength,
+        needTableCellStuffingAid = tableAidInformation.needTableCellStuffingAid;
+
+    if (needTableCellStuffingAid) {
+      this._stuffTableCellsIntoIncompleteRow(trs, maximumCellLength);
+    }
+  }
+  /**
+   * Generate THEAD and append TDs with same amount of given TBODY
+   * @param {HTMLElement} node TR element
+   * @returns {{thead: HTMLElement, tbody: HTMLElement}}
+   * @private
+   */
+  ;
+
+  _proto._generateTheadAndTbodyFromTbody = function _generateTheadAndTbodyFromTbody(node) {
+    var tr = document.createElement('tr');
+    var thead = document.createElement('thead');
+    dom["a" /* default */].append(tr, tableCellGenerator(node.querySelector('tr > td').length, 'th'));
+    dom["a" /* default */].append(thead, tr);
+    return {
+      thead: thead,
+      tbody: node
+    };
+  }
+  /**
+   * Generate TBODY and append TDs with same amount of given THEAD
+   * @param {HTMLElement} node TR element
+   * @returns {{thead: HTMLElement, tbody: HTMLElement}}
+   * @private
+   */
+  ;
+
+  _proto._generateTheadAndTbodyFromThead = function _generateTheadAndTbodyFromThead(node) {
+    var tr = document.createElement('tr');
+    var tbody = document.createElement('tbody');
+    dom["a" /* default */].append(tr, tableCellGenerator(node.querySelectorAll('th').length, 'td'));
+    dom["a" /* default */].append(tbody, tr);
+    return {
+      thead: node,
+      tbody: tbody
+    };
+  }
+  /**
+   * Generate THEAD and TBODY and append given TR within
+   * @param {HTMLElement} node TR element
+   * @returns {{thead: HTMLElement, tbody: HTMLElement}}
+   * @private
+   */
+  ;
+
+  _proto._generateTheadAndTbodyFromTr = function _generateTheadAndTbodyFromTr(node) {
+    var thead = document.createElement('thead');
+    var tbody = document.createElement('tbody');
+    var theadRow, tbodyRow;
+
+    if (node.children[0].tagName === 'TH') {
+      theadRow = node;
+      tbodyRow = dom["a" /* default */].createElementWith("" + tableCellGenerator(node.querySelectorAll('th').length, 'td') + "");
+    } else {
+      theadRow = dom["a" /* default */].createElementWith("" + tableCellGenerator(node.querySelectorAll('td').length, 'th') + "");
+      tbodyRow = node;
+    }
+
+    dom["a" /* default */].append(thead, theadRow);
+    dom["a" /* default */].append(tbody, tbodyRow);
+    return {
+      thead: thead,
+      tbody: tbody
+    };
+  }
+  /**
+   * Complete passed table
+   * @param {HTMLElement} node - Table inner element
+   * @private
+   */
+  ;
+
+  _proto._completeIncompleteTable = function _completeIncompleteTable(node) {
+    var nodeName = node.tagName;
+    var table, completedTableContents;
+
+    if (nodeName === 'TABLE') {
+      table = node;
+    } else {
+      table = document.createElement('table');
+      node.parentNode.insertBefore(table, node.nextSibling);
+
+      if (nodeName === 'TBODY') {
+        completedTableContents = this._generateTheadAndTbodyFromTbody(node);
+      } else if (nodeName === 'THEAD') {
+        completedTableContents = this._generateTheadAndTbodyFromThead(node);
+      } else if (nodeName === 'TR') {
+        completedTableContents = this._generateTheadAndTbodyFromTr(node);
+      }
+
+      table.appendChild(completedTableContents.thead);
+      table.appendChild(completedTableContents.tbody);
+    }
+
+    this._removeEmptyRows(table);
+
+    this.tableCellAppendAidForTableElement(table);
+  };
+
+  _proto._removeEmptyRows = function _removeEmptyRows(table) {
+    dom["a" /* default */].findAll(table, 'tr').forEach(function (tr) {
+      if (!tr.cells.length) {
+        tr.parentNode.removeChild(tr);
+      }
+    });
+  }
+  /**
+   * Whole editor body searching incomplete table completion
+   * @private
+   */
+  ;
+
+  _proto._completeTableIfNeed = function _completeTableIfNeed() {
+    var _this4 = this;
+
+    var body = this.wwe.getEditor().getBody();
+    toArray_default()(body.children).forEach(function (node) {
+      if (!_this4.isTableOrSubTableElement(node.nodeName)) {
+        return;
+      }
+
+      if (node.nodeName === 'TABLE' && !node.querySelector('tbody')) {
+        dom["a" /* default */].remove(node);
+      } else {
+        _this4._completeIncompleteTable(node);
+      }
+    });
+  }
+  /**
+   * Reset _lastCellNode to null
+   */
+  ;
+
+  _proto.resetLastCellNode = function resetLastCellNode() {
+    this._lastCellNode = null;
+  }
+  /**
+   * Set _lastCellNode to given node
+   * @param {HTMLElement} node Table cell
+   */
+  ;
+
+  _proto.setLastCellNode = function setLastCellNode(node) {
+    this._lastCellNode = node;
+  }
+  /**
+   * Return whether only modifier key pressed or not
+   * @param {string} keymap Pressed keymap string
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isModifierKey = function _isModifierKey(keymap) {
+    return /((META|SHIFT|ALT|CONTROL)\+?)/g.test(keymap);
+  }
+  /**
+   * Return whether modifier keys pressed or not
+   * @param {object} ev keyboard event object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isModifierKeyPushed = function _isModifierKeyPushed(ev) {
+    return ev.metaKey || ev.ctrlKey || ev.altKey || ev.shiftKey;
+  }
+  /**
+   * Add one row into empty TBODY
+   * @param {HTMLElement} table Currently processing table
+   * @private
+   */
+  ;
+
+  _proto._addTrIntoContainerIfNeed = function _addTrIntoContainerIfNeed(table) {
+    toArray_default()(table.children).forEach(function (container) {
+      var hasNoRows = container.querySelectorAll('tr').length === 0;
+
+      if (hasNoRows) {
+        dom["a" /* default */].append(container, '');
+      }
+    });
+  };
+
+  _proto._expandTableIfNeed = function _expandTableIfNeed(fragment) {
+    var range = this.wwe.getEditor().getSelection().cloneRange();
+
+    var _domUtils$parents = dom["a" /* default */].parents(range.startContainer, 'table'),
+        table = _domUtils$parents[0];
+
+    var difference = this._getColumnAndRowDifference(fragment, range);
+
+    if (difference.column < 0) {
+      this._appendCellForAllRow(table, difference.column);
+    }
+
+    if (difference.row < 0) {
+      this._appendRow(table, difference.row);
+    }
+  };
+
+  _proto._getColumnAndRowDifference = function _getColumnAndRowDifference(fragment, range) {
+    var tableData = this._getTableDataFromTable(fragment);
+
+    var rowLength = tableData.length;
+    var columnLength = tableData[0].length;
+    var currentCell = dom["a" /* default */].closest(range.startContainer, 'th,td');
+    var currentRow = currentCell.parentNode;
+    var currentColumnIndex = dom["a" /* default */].getNodeOffsetOfParent(currentCell);
+    var currentRowIndex = dom["a" /* default */].getNodeOffsetOfParent(currentCell.parentNode);
+
+    var _domUtils$parents2 = dom["a" /* default */].parents(currentRow, 'table'),
+        table = _domUtils$parents2[0];
+
+    var tableColumnLength = table.querySelector('tr').children.length;
+    var tableRowLength = table.querySelectorAll('tr').length;
+    var isInTbody = !!dom["a" /* default */].parents(currentRow, 'tbody').length;
+
+    if (isInTbody) {
+      currentRowIndex += 1;
+    }
+
+    return {
+      row: tableRowLength - (currentRowIndex + rowLength),
+      column: tableColumnLength - (currentColumnIndex + columnLength)
+    };
+  };
+
+  _proto._appendCellForAllRow = function _appendCellForAllRow(table, columnDifference) {
+    var brString = isIE10 ? '' : '
    ';
+    dom["a" /* default */].findAll(table, 'tr').forEach(function (row, i) {
+      var tagName;
+
+      for (var index = columnDifference; index < 0; index += 1) {
+        if (i === 0) {
+          tagName = 'th';
+        } else {
+          tagName = 'td';
+        }
+
+        dom["a" /* default */].append(row, "<" + tagName + ">" + brString + "");
+      }
+    });
+  };
+
+  _proto._appendRow = function _appendRow(table, rowDifference) {
+    var trs = table.querySelectorAll('tr');
+    var newRow = trs[trs.length - 1].cloneNode(true);
+    var brHTMLSting = isIE10 ? '' : '
    ';
+    dom["a" /* default */].findAll(newRow, 'td').forEach(function (td) {
+      td.innerHTML = brHTMLSting;
+    });
+
+    for (; rowDifference < 0; rowDifference += 1) {
+      dom["a" /* default */].append(table.querySelector('tbody'), newRow.cloneNode(true));
+    }
+  }
+  /**
+   * Change selection to sibling cell
+   * @param {HTMLElement} currentCell current TD or TH
+   * @param {Range} range Range object
+   * @param {string} direction 'next' or 'previous'
+   * @param {string} scale 'row' or 'cell'
+   * @private
+   */
+  ;
+
+  _proto._changeSelectionToTargetCell = function _changeSelectionToTargetCell(currentCell, range, direction, scale) {
+    var isNext = direction === 'next';
+    var isRow = scale === 'row';
+    var target;
+
+    if (isRow) {
+      target = dom["a" /* default */].getSiblingRowCellByDirection(currentCell, direction, false);
+    } else {
+      target = dom["a" /* default */].getTableCellByDirection(currentCell, direction);
+
+      if (!target) {
+        target = dom["a" /* default */].getSiblingRowCellByDirection(currentCell, direction, true);
+      }
+    }
+
+    if (target) {
+      if (isRow && !isNext) {
+        this._moveToCursorEndOfCell(target, range);
+      } else {
+        range.setStart(target, 0);
+      }
+
+      range.collapse(true);
+    } else {
+      var _domUtils$parents3 = dom["a" /* default */].parents(currentCell, 'table');
+
+      target = _domUtils$parents3[0];
+
+      if (isNext) {
+        range.setStart(target.nextElementSibling, 0);
+      } else if (target.previousElementSibling && target.previousElementSibling.nodeName !== 'TABLE') {
+        range.setStart(target.previousElementSibling, 1);
+      } else {
+        range.setStartBefore(target);
+      }
+
+      range.collapse(true);
+    }
+  };
+
+  _proto._moveToCursorEndOfCell = function _moveToCursorEndOfCell(cell, range) {
+    var lastListItem;
+
+    if (dom["a" /* default */].isListNode(cell.lastChild)) {
+      lastListItem = dom["a" /* default */].getLastNodeBy(cell.lastChild, function (lastNode) {
+        return lastNode.nodeName !== 'LI' || lastNode.nextSibling !== null;
+      });
+    }
+
+    var lastText = dom["a" /* default */].getLastNodeBy(lastListItem || cell, function (node) {
+      return !dom["a" /* default */].isTextNode(node);
+    });
+    var lastNode = lastText || lastListItem || cell;
+    var offset = lastText ? lastText.length : lastNode.childNodes.length - 1;
+    range.setStart(lastNode, offset);
+  }
+  /**
+   * Move cursor to given direction by interval formatter
+   * @param {string} direction 'next' or 'previous'
+   * @param {string} interval 'row' or 'cell'
+   * @param {object} [ev] Event object
+   * @returns {boolean | null}
+   * @private
+   */
+  ;
+
+  _proto._moveCursorTo = function _moveCursorTo(direction, interval, ev) {
+    var sq = this.wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var currentCell = dom["a" /* default */].closest(range.startContainer, 'td,th');
+    var isNeedNext;
+
+    if (range.collapsed && this.wwe.isInTable(range) && currentCell) {
+      if (interval === 'row' && !this._isMovedCursorToRow(range, direction)) {
+        return isNeedNext;
+      }
+
+      if ((direction === 'previous' || interval === 'row') && !isUndefined_default()(ev)) {
+        ev.preventDefault();
+      }
+
+      this._changeSelectionToTargetCell(currentCell, range, direction, interval);
+
+      sq.setSelection(range);
+      isNeedNext = false;
+    }
+
+    return isNeedNext;
+  };
+
+  _proto._isMovedCursorToRow = function _isMovedCursorToRow(range, direction) {
+    var startContainer = range.startContainer;
+
+    if (this._isInList(startContainer)) {
+      return this._isMovedCursorFromListToRow(startContainer, direction);
+    }
+
+    return this._isMovedCursorFromTextToRow(range, direction);
+  };
+
+  _proto._isMovedCursorFromListToRow = function _isMovedCursorFromListToRow(startContainer, direction) {
+    var directionKey = direction + "Sibling";
+
+    var listItem = this._findListItem(startContainer);
+
+    var parentOfListItem = dom["a" /* default */].getParentNodeBy(listItem, function (parentNode, currentNode) {
+      var firstOrLastItem = currentNode[directionKey] === null && parentNode[directionKey] === null;
+      return !dom["a" /* default */].isCellNode(parentNode) && firstOrLastItem;
+    });
+    var firstOrLastList = dom["a" /* default */].isListNode(parentOfListItem) && parentOfListItem[directionKey] === null;
+    return dom["a" /* default */].isCellNode(parentOfListItem.parentNode) && firstOrLastList;
+  };
+
+  _proto._isMovedCursorFromTextToRow = function _isMovedCursorFromTextToRow(range, direction) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset;
+    var text = dom["a" /* default */].isCellNode(startContainer) ? startContainer.childNodes[startOffset] : startContainer;
+    var parentOfStyledText = dom["a" /* default */].getParentNodeBy(text, function (parentNode) {
+      return !dom["a" /* default */].isCellNode(parentNode) && !dom["a" /* default */].isTextNode(parentNode);
+    });
+    var foundSiblingNode = dom["a" /* default */].getSiblingNodeBy(parentOfStyledText, direction, function (siblingNode) {
+      return siblingNode !== null && siblingNode.nodeName !== 'BR';
+    });
+    return foundSiblingNode && foundSiblingNode[direction + "Sibling"] === null;
+  }
+  /**
+   * Remove contents and change selection if need
+   * @param {Range} range - Range object
+   * @param {string} keymap - keymap
+   * @param {object} ev - Event object
+   * @returns {boolean} - true if contents has been removed
+   * @private
+   */
+  ;
+
+  _proto._removeContentsAndChangeSelectionIfNeed = function _removeContentsAndChangeSelectionIfNeed(range, keymap, ev) {
+    var isTextInput = keymap.length <= 1;
+    var isDeleteOperation = keymap === 'BACK_SPACE' || keymap === 'DELETE';
+    var selectedCells = this.wwe.componentManager.getManager('tableSelection').getSelectedCells();
+    var firstSelectedCell = selectedCells[0];
+    var processed = false;
+
+    if ((isTextInput || isDeleteOperation) && !this._isModifierKeyPushed(ev) && selectedCells.length) {
+      if (isDeleteOperation) {
+        this._recordUndoStateIfNeed(range);
+      }
+
+      this._removeTableContents(selectedCells);
+
+      this._lastCellNode = firstSelectedCell;
+      range.setStart(firstSelectedCell, 0);
+      range.collapse(true);
+      this.wwe.getEditor().setSelection(range);
+      processed = true;
+    }
+
+    return processed;
+  }
+  /**
+   * Return new table ID class name string
+   * @returns {string}
+   */
+  ;
+
+  _proto.getTableIDClassName = function getTableIDClassName() {
+    var tableClassName = TABLE_CLASS_PREFIX + this.tableID;
+    this.tableID += 1;
+    return tableClassName;
+  }
+  /**
+   * Destroy.
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    var _this5 = this;
+
+    this.eventManager.removeEventHandler('wysiwygRangeChangeAfter.table');
+    this.eventManager.removeEventHandler('wysiwygSetValueAfter.table');
+    this.eventManager.removeEventHandler('wysiwygProcessHTMLText.table');
+    this.eventManager.removeEventHandler('cut.table');
+    this.eventManager.removeEventHandler('copyBefore.table');
+    forEachOwnProperties_default()(this.keyEventHandlers, function (handler, key) {
+      return _this5.wwe.removeKeyEventHandler(key, handler);
+    });
+  };
+
+  return WwTableManager;
+}();
+/**
+ * Generate table cell HTML text
+ * @param {number} amount Amount of cells
+ * @param {string} tagName Tag name of cell 'td' or 'th'
+ * @private
+ * @returns {string}
+ */
+
+
+function tableCellGenerator(amount, tagName) {
+  var brHTMLString = '
    ';
+  var cellString = "<" + tagName + ">" + brHTMLString + "";
+  var tdString = '';
+
+  for (var i = 0; i < amount; i += 1) {
+    tdString = tdString + cellString;
+  }
+
+  return tdString;
+}
+
+/* harmony default export */ var wwTableManager = (wwTableManager_WwTableManager);
+// CONCATENATED MODULE: ./src/js/wwTableSelectionManager.js
+/**
+ * @fileoverview Implements wysiwyg table selection manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME = 'te-cell-selected';
+/**
+ * Class WwTableSelectionManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwTableSelectionManager_WwTableSelectionManager = /*#__PURE__*/function () {
+  function WwTableSelectionManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'tableSelection';
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwTableSelectionManager.prototype;
+
+  _proto._init = function _init() {
+    this._initEvent(); // For disable firefox's table tool UI and table resize handler
+
+
+    if (browser_default.a.firefox) {
+      document.execCommand('enableObjectResizing', false, 'false');
+      document.execCommand('enableInlineTableEditing', false, 'false');
+    }
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    var selectionStart, selectionEnd, validSelectionEnd;
+    /**
+     * Start table selection timer
+     * @type {object}
+     * @private
+     */
+
+    this._tableSelectionTimer = null;
+    /**
+     * Remove selection timer for Firefox table selection
+     * @type {object}
+     * @private
+     */
+
+    this._removeSelectionTimer = null;
+    /**
+     * Boolean value for whether selection started
+     * @type {boolean}
+     * @private
+     */
+
+    this._isSelectionStarted = false;
+
+    var onMouseover = function onMouseover(ev) {
+      selectionEnd = dom["a" /* default */].closest(ev.data.target, '[contenteditable=true] td,th');
+
+      var range = _this.wwe.getEditor().getSelection();
+
+      var isEndsInTable = dom["a" /* default */].parents(selectionEnd, '[contenteditable=true] table');
+      var isSameCell = selectionStart === selectionEnd;
+      var isTextSelect = _this._isTextSelect(range, isSameCell) && !hasClass_default()(selectionStart, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+
+      if (_this._isSelectionStarted && isEndsInTable && !isTextSelect) {
+        window.getSelection().removeAllRanges(); // For disable firefox's native table cell selection
+
+        if (browser_default.a.firefox && !_this._removeSelectionTimer) {
+          _this._removeSelectionTimer = setInterval(function () {
+            window.getSelection().removeAllRanges();
+          }, 10);
+        }
+
+        if (selectionStart && selectionEnd) {
+          _this.highlightTableCellsBy(selectionStart, selectionEnd);
+
+          validSelectionEnd = selectionEnd;
+        }
+      }
+    };
+
+    var finishSelection = function finishSelection() {
+      if (_this._isSelectionStarted) {
+        _this._isSelectionStarted = false;
+
+        _this.eventManager.removeEventHandler('mouseover.tableSelection');
+
+        _this.eventManager.removeEventHandler('mouseup.tableSelection');
+      }
+    };
+
+    var onMouseup = function onMouseup(ev) {
+      selectionEnd = dom["a" /* default */].closest(ev.data.target, '[contenteditable=true] td,th');
+
+      var range = _this.wwe.getEditor().getSelection();
+
+      var isSameCell = selectionStart === selectionEnd;
+      var isTextSelect = _this._isTextSelect(range, isSameCell) && !hasClass_default()(selectionStart, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+
+      _this._clearTableSelectionTimerIfNeed();
+
+      if (_this._isSelectionStarted) {
+        if (isTextSelect || _this._isListSelect(range)) {
+          _this.removeClassAttrbuteFromAllCellsIfNeed();
+        } else {
+          _this.wwe.componentManager.getManager('table').resetLastCellNode();
+
+          selectionEnd = selectionEnd || validSelectionEnd;
+          range = _this.wwe.getEditor().getSelection();
+          range.setStart(selectionEnd, 0); // IE wont fire copy/cut event if there is no selected range.
+          // trick IE to fire the event
+
+          if (browser_default.a.msie) {
+            range.setEnd(selectionEnd, 1);
+          } else {
+            range.setEnd(selectionEnd, 0);
+            range.collapse(false);
+          }
+
+          _this.wwe.getEditor().setSelection(range);
+        }
+
+        if (_this.onDragEnd) {
+          _this.onDragEnd();
+        }
+      }
+
+      finishSelection();
+    };
+
+    var onMousedown = function onMousedown(ev) {
+      var MOUSE_RIGHT_BUTTON = 2;
+      selectionStart = dom["a" /* default */].closest(ev.data.target, '[contenteditable=true] td,th');
+      var isSelectedCell = !!selectionStart && hasClass_default()(selectionStart, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+      selectionEnd = null;
+
+      if (!isSelectedCell || isSelectedCell && ev.data.button !== MOUSE_RIGHT_BUTTON) {
+        _this.removeClassAttrbuteFromAllCellsIfNeed();
+
+        if (selectionStart) {
+          _this.setTableSelectionTimerIfNeed(selectionStart);
+
+          _this.eventManager.listen('mouseover.tableSelection', onMouseover);
+
+          _this.eventManager.listen('mouseup.tableSelection', onMouseup);
+
+          if (_this.onDragStart) {
+            _this.onDragStart(selectionStart);
+          }
+        }
+      } else if (ev.data.button === MOUSE_RIGHT_BUTTON) {
+        finishSelection();
+      }
+    };
+
+    this.eventManager.listen('mousedown.tableSelection', onMousedown);
+    this.eventManager.listen('copyBefore.tableSelection', finishSelection);
+    this.eventManager.listen('pasteBefore.tableSelection', finishSelection);
+  }
+  /**
+   * Return whether single cell text selection or not
+   * @param {Range} range Range object
+   * @param {boolean} isSameCell Boolean value for same cell selection
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isTextSelect = function _isTextSelect(range, isSameCell) {
+    return /TD|TH|TEXT/i.test(range.commonAncestorContainer.nodeName) && isSameCell;
+  }
+  /**
+   * Return whether list selection or not
+   * @param {Range} range Range object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isListSelect = function _isListSelect(range) {
+    return /UL|OL|LI/i.test(range.commonAncestorContainer.nodeName);
+  }
+  /**
+   * Set setTimeout and setInterval timer execution if table selecting situation
+   * @param {HTMLElement} selectionStart Start element
+   */
+  ;
+
+  _proto.setTableSelectionTimerIfNeed = function setTableSelectionTimerIfNeed(selectionStart) {
+    var isTableSelecting = dom["a" /* default */].parents(selectionStart, '[contenteditable=true] table').length;
+
+    if (isTableSelecting) {
+      this._isSelectionStarted = true;
+    }
+  }
+  /**
+   * Clear setTimeout and setInterval timer execution
+   * @private
+   */
+  ;
+
+  _proto._clearTableSelectionTimerIfNeed = function _clearTableSelectionTimerIfNeed() {
+    clearTimeout(this._tableSelectionTimer); // For disable firefox's native table selection
+
+    if (browser_default.a.firefox && this._removeSelectionTimer) {
+      clearTimeout(this._removeSelectionTimer);
+      this._removeSelectionTimer = null;
+    }
+  }
+  /**
+   * Re arrange selection when table does not include both start and end selection element
+   * @param {HTMLElement} selectionStart Start element of selection
+   * @param {HTMLElement} selectionEnd End element of selection
+   * @returns {{startContainer: HTMLElement, endContainer: HTMLElement}}
+   * @private
+   */
+  ;
+
+  _proto._reArrangeSelectionIfneed = function _reArrangeSelectionIfneed(selectionStart, selectionEnd) {
+    var isRangeStartInTable = dom["a" /* default */].parents(selectionStart, '[contenteditable=true] table').length;
+    var isRangeEndInTable = dom["a" /* default */].parents(selectionEnd, '[contenteditable=true] table').length;
+    var isStartRangeOut = isRangeEndInTable && !isRangeStartInTable;
+    var isEndRangeOut = !isRangeEndInTable && isRangeStartInTable;
+    var table;
+
+    if (isStartRangeOut) {
+      var _domUtils$parents = dom["a" /* default */].parents(selectionEnd, '[contenteditable=true] table');
+
+      table = _domUtils$parents[0];
+
+      var _table$querySelectorA = table.querySelectorAll('th');
+
+      selectionStart = _table$querySelectorA[0];
+    } else if (isEndRangeOut) {
+      var _domUtils$parents2 = dom["a" /* default */].parents(selectionStart, '[contenteditable=true] table');
+
+      table = _domUtils$parents2[0];
+      var tds = table.querySelectorAll('td');
+      selectionEnd = tds[tds.length - 1];
+    }
+
+    return {
+      startContainer: selectionStart,
+      endContainer: selectionEnd
+    };
+  }
+  /**
+   * Apply select direction to editor
+   * @param {{startContainer: HTMLElement, endContainer: HTMLElement}} selectionInformation
+   *     Selection start and end element
+   * @param {Range} range Range object
+   * @returns {Range}
+   * @private
+   */
+  ;
+
+  _proto._applySelectionDirection = function _applySelectionDirection(selectionInformation, range) {
+    var nodeOffsetOfParent = dom["a" /* default */].getNodeOffsetOfParent;
+    var selectionStart = selectionInformation.startContainer;
+    var selectionEnd = selectionInformation.endContainer;
+    var rowDirection = nodeOffsetOfParent(dom["a" /* default */].closest(selectionStart, '[contenteditable=true] tr')) - nodeOffsetOfParent(dom["a" /* default */].closest(selectionEnd, '[contenteditable=true] tr'));
+    var cellDirection = nodeOffsetOfParent(selectionStart) - nodeOffsetOfParent(selectionEnd);
+    var isSameRow = rowDirection === 0;
+    var isRowIncreases = rowDirection < 0;
+    var isColumnIncreases = cellDirection > 0;
+
+    if (isSameRow) {
+      if (isColumnIncreases) {
+        range.setStart(selectionEnd, 0);
+        range.setEnd(selectionStart, 1);
+      } else {
+        range.setStart(selectionStart, 0);
+        range.setEnd(selectionEnd, 1);
+      }
+    } else if (isRowIncreases) {
+      range.setStart(selectionStart, 0);
+      range.setEnd(selectionEnd, 1);
+    } else {
+      range.setStart(selectionEnd, 0);
+      range.setEnd(selectionStart, 1);
+    }
+
+    return range;
+  }
+  /**
+   * Get selection coordinate by current selection
+   * @param {HTMLElement} selectionStart start element
+   * @param {HTMLElement} selectionEnd end element
+   * @returns {{from: {row: number, cell: number}, to: {row: number, cell: number}}}
+   */
+  ;
+
+  _proto.getSelectionRangeFromTable = function getSelectionRangeFromTable(selectionStart, selectionEnd) {
+    var nodeOffsetOfParent = dom["a" /* default */].getNodeOffsetOfParent;
+    var startRowOffset = nodeOffsetOfParent(selectionStart.parentNode);
+    var endRowOffset = nodeOffsetOfParent(selectionEnd.parentNode);
+    var startCellOffset = nodeOffsetOfParent(selectionStart);
+    var endCellOffset = nodeOffsetOfParent(selectionEnd);
+    var startCellContainer = dom["a" /* default */].getParentUntil(selectionStart, 'TABLE');
+    var endCellContainer = dom["a" /* default */].getParentUntil(selectionEnd, 'TABLE');
+    var isReversedTheadAndTbodySelect = dom["a" /* default */].getNodeName(startCellContainer) === 'TBODY' && dom["a" /* default */].getNodeName(endCellContainer) === 'THEAD';
+    var isTheadAndTbodySelect = startCellContainer !== endCellContainer;
+    var isBothInTbody = !!dom["a" /* default */].parents(selectionStart, 'tbody').length && !!dom["a" /* default */].parents(selectionEnd, 'tbody').length;
+    var start = {
+      row: startRowOffset,
+      cell: startCellOffset
+    };
+    var end = {
+      row: endRowOffset,
+      cell: endCellOffset
+    };
+    var from, to;
+
+    if (isReversedTheadAndTbodySelect) {
+      start.row += 1;
+    } else if (isTheadAndTbodySelect) {
+      end.row += 1;
+    } else if (isBothInTbody) {
+      start.row += 1;
+      end.row += 1;
+    }
+
+    if (startRowOffset > endRowOffset || startRowOffset === endRowOffset && startCellOffset > endCellOffset) {
+      from = end;
+      to = start;
+    } else {
+      from = start;
+      to = end;
+    }
+
+    return {
+      from: from,
+      to: to
+    };
+  }
+  /**
+   * Highlight selected table cells
+   * @param {HTMLElement} selectionStart start element
+   * @param {HTMLElement} selectionEnd end element
+   */
+  ;
+
+  _proto.highlightTableCellsBy = function highlightTableCellsBy(selectionStart, selectionEnd) {
+    var trs = dom["a" /* default */].findAll(dom["a" /* default */].parents(selectionStart, '[contenteditable=true] table')[0], 'tr');
+    var selection = this.getSelectionRangeFromTable(selectionStart, selectionEnd);
+    var rowFrom = selection.from.row;
+    var cellFrom = selection.from.cell;
+    var rowTo = selection.to.row;
+    var cellTo = selection.to.cell;
+    trs.forEach(function (row, rowIndex) {
+      dom["a" /* default */].findAll(row, 'td,th').forEach(function (cell, cellIndex) {
+        var isFromRow = rowIndex === rowFrom;
+        var isToRow = rowIndex === rowTo;
+
+        if (isFromRow && cellIndex < cellFrom || isToRow && cellIndex > cellTo || rowIndex < rowFrom || rowIndex > rowTo) {
+          removeClass_default()(cell, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+        } else {
+          addClass_default()(cell, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+        }
+      });
+    });
+  }
+  /**
+   * Remove '.te-cell-selected' class from all of table Cell
+   */
+  ;
+
+  _proto.removeClassAttrbuteFromAllCellsIfNeed = function removeClassAttrbuteFromAllCellsIfNeed() {
+    var cells = dom["a" /* default */].findAll(this.wwe.getBody(), "td." + wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME + ",th." + wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+    cells.forEach(function (node) {
+      removeClass_default()(node, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+
+      if (!node.getAttribute('class')) {
+        node.removeAttribute('class');
+      }
+    });
+  }
+  /**
+   * gets selected cells
+   * @returns {HTMLElement} selected cells
+   */
+  ;
+
+  _proto.getSelectedCells = function getSelectedCells() {
+    return this.wwe.getBody().querySelectorAll("." + wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+  }
+  /**
+   * Create selection by selected cells and collapse that selection to end
+   */
+  ;
+
+  _proto.createRangeBySelectedCells = function createRangeBySelectedCells() {
+    var sq = this.wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var selectedCells = this.getSelectedCells();
+    var firstSelectedCell = selectedCells[0];
+    var lastSelectedCell = selectedCells[selectedCells.length - 1];
+
+    if (selectedCells.length && this.wwe.isInTable(range)) {
+      range.setStart(firstSelectedCell, 0);
+      range.setEnd(lastSelectedCell, lastSelectedCell.childNodes.length);
+      sq.setSelection(range);
+    }
+  }
+  /**
+   * Style to selected cells.
+   * @param {function} onStyle - function for styling
+   * @param {Object} [options] - options to be passed into onStyle
+   */
+  ;
+
+  _proto.styleToSelectedCells = function styleToSelectedCells(onStyle, options) {
+    this.createRangeBySelectedCells();
+    onStyle(this.wwe.getEditor(), options);
+  }
+  /**
+   * Destroy.
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    this.eventManager.removeEventHandler('mousedown.tableSelection');
+    this.eventManager.removeEventHandler('mouseover.tableSelection');
+    this.eventManager.removeEventHandler('mouseup.tableSelection');
+    this.eventManager.removeEventHandler('copyBefore.tableSelection');
+    this.eventManager.removeEventHandler('pasteBefore.tableSelection');
+  };
+
+  return WwTableSelectionManager;
+}();
+
+/* harmony default export */ var wwTableSelectionManager = (wwTableSelectionManager_WwTableSelectionManager);
+// CONCATENATED MODULE: ./src/js/wwHrManager.js
+/**
+ * @fileoverview Implements wysiwyg hr manager
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class WwHrManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwHrManager_WwHrManager = /*#__PURE__*/function () {
+  function WwHrManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'hr';
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwHrManager.prototype;
+
+  _proto._init = function _init() {
+    this._initEvent();
+  }
+  /**
+   * Initialize eventmanager event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._insertEmptyLineIfNeed();
+
+      _this._changeHRForWysiwyg();
+    });
+  }
+  /**
+   * If 
     is frist or last child of root, insert empty line before or after HR
+   * @private
+   */
+  ;
+
+  _proto._insertEmptyLineIfNeed = function _insertEmptyLineIfNeed() {
+    var editorContentBody = this.wwe.getBody();
+    var firstChild = editorContentBody.firstChild,
+        lastChild = editorContentBody.lastChild;
+
+    if (firstChild && firstChild.nodeName === 'HR') {
+      editorContentBody.insertBefore(dom["a" /* default */].createEmptyLine(), firstChild);
+    } else if (lastChild && lastChild.nodeName === 'HR') {
+      editorContentBody.appendChild(dom["a" /* default */].createEmptyLine());
+    }
+  }
+  /**
+   * 
     is set contenteditable to false with wrapping div like below.
+   * 
    
+   * @private
+   */
+  ;
+
+  _proto._changeHRForWysiwyg = function _changeHRForWysiwyg() {
+    var editorContentBody = this.wwe.getBody();
+    dom["a" /* default */].findAll(editorContentBody, 'hr').forEach(function (hrNode) {
+      var parentNode = hrNode.parentNode;
+      parentNode.replaceChild(dom["a" /* default */].createHorizontalRule(), hrNode);
+    });
+  };
+
+  return WwHrManager;
+}();
+
+/* harmony default export */ var wwHrManager = (wwHrManager_WwHrManager);
+// CONCATENATED MODULE: ./src/js/wwPManager.js
+/**
+ * @fileoverview Implements wysiwyg p tag manager
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Class WwPManager
+ * @param {WysiwygEditor} wwe - wysiwygEditor instance
+ * @ignore
+ */
+
+var wwPManager_WwPManager = /*#__PURE__*/function () {
+  function WwPManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'p';
+
+    this._initEvent();
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+
+
+  var _proto = WwPManager.prototype;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueBefore', function (html) {
+      return _this._splitPtagContentLines(html);
+    });
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._ensurePtagContentWrappedWithDiv();
+
+      _this._unwrapPtags();
+    });
+  }
+  /**
+   * Split multiple line content of p tags
+   * @param {string} html html text
+   * @returns {string} result
+   * @private
+   */
+  ;
+
+  _proto._splitPtagContentLines = function _splitPtagContentLines(html) {
+    if (html) {
+      var wrapper = dom["a" /* default */].createElementWith("
    " + html + "
    ");
+      dom["a" /* default */].findAll(wrapper, 'p').forEach(function (para) {
+        var attributes = para.attributes,
+            nextElementSibling = para.nextElementSibling;
+        var content = para.innerHTML;
+        var lines = content.split(/
    /gi);
+        var lastIndex = lines.length - 1;
+        var splitedContent = '';
+        splitedContent = lines.map(function (line, index) {
+          if (index > 0 && index < lastIndex) {
+            line = line ? line : '
    ';
+          }
+
+          if (line) {
+            var block = document.createElement('div');
+            Object.keys(attributes).forEach(function (key) {
+              var _attributes$key = attributes[key],
+                  name = _attributes$key.name,
+                  value = _attributes$key.value;
+              block.setAttribute(name, value);
+            });
+            block.innerHTML = line;
+            return block.outerHTML;
+          }
+
+          return '';
+        }); // For paragraph, we add empty line
+
+        if (nextElementSibling && nextElementSibling.nodeName === 'P' || para.getAttribute('contenteditable') === 'false') {
+          splitedContent.push('

    ');
+        }
+
+        dom["a" /* default */].replaceWith(para, splitedContent.join(''));
+      });
+      html = wrapper.innerHTML;
+    }
+
+    return html;
+  }
+  /**
+   * Wrap new line inside P tag to DIV, and additional empty line added within too
+   * @private
+   */
+  ;
+
+  _proto._ensurePtagContentWrappedWithDiv = function _ensurePtagContentWrappedWithDiv() {
+    var _this2 = this;
+
+    dom["a" /* default */].findAll(this.wwe.getBody(), 'p').forEach(function (node) {
+      if (!node.querySelectorAll('div').length) {
+        dom["a" /* default */].wrapInner(node, 'div');
+      }
+
+      if (_this2._findNextParagraph(node, 'p')) {
+        dom["a" /* default */].append(node, '

    ');
+      }
+    });
+  }
+  /**
+   * Unwrap P tag
+   * @private
+   */
+  ;
+
+  _proto._unwrapPtags = function _unwrapPtags() {
+    dom["a" /* default */].findAll(this.wwe.getBody(), 'div').forEach(function (node) {
+      var parent = node.parentNode;
+
+      if (parent.tagName === 'P') {
+        dom["a" /* default */].unwrap(parent);
+      }
+    });
+  };
+
+  _proto._findNextParagraph = function _findNextParagraph(node, selector) {
+    var nextElementSibling = node.nextElementSibling;
+
+    if (selector) {
+      return nextElementSibling && matches_default()(nextElementSibling, selector) ? nextElementSibling : null;
+    }
+
+    return nextElementSibling;
+  };
+
+  return WwPManager;
+}();
+
+/* harmony default export */ var wwPManager = (wwPManager_WwPManager);
+// CONCATENATED MODULE: ./src/js/wwHeadingManager.js
+/**
+ * @fileoverview Implements wysiwyg heading manager
+ * @author NHN FE Development Lab 
+ */
+
+
+var wwHeadingManager_FIND_HEADING_RX = /h[\d]/i;
+var wwHeadingManager_isIE10 = browser_default.a.msie && browser_default.a.version === 10;
+/**
+ * Class WwHeadingManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwHeadingManager_WwHeadingManager = /*#__PURE__*/function () {
+  function WwHeadingManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'heading';
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwHeadingManager.prototype;
+
+  _proto._init = function _init() {
+    this._initEvent();
+
+    this._initKeyHandler();
+  };
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._wrapDefaultBlockToHeadingInner();
+    });
+  }
+  /**
+   * Initialize key event handler
+   * @private
+   */
+  ;
+
+  _proto._initKeyHandler = function _initKeyHandler() {
+    var _this2 = this;
+
+    this.wwe.addKeyEventHandler('ENTER', function (ev, range) {
+      if (_this2.wwe.hasFormatWithRx(wwHeadingManager_FIND_HEADING_RX)) {
+        _this2._onEnter(ev, range);
+
+        return false;
+      }
+
+      return true;
+    });
+    this.wwe.addKeyEventHandler('BACK_SPACE', function (ev, range) {
+      if (_this2.wwe.hasFormatWithRx(wwHeadingManager_FIND_HEADING_RX)) {
+        _this2._addBrToEmptyBlock(range);
+
+        _this2._removePrevTopNodeIfNeed(ev, range);
+
+        return false;
+      }
+
+      return true;
+    });
+  }
+  /**
+   * Wrap default block to heading inner contents
+   * @private
+   */
+  ;
+
+  _proto._wrapDefaultBlockToHeadingInner = function _wrapDefaultBlockToHeadingInner() {
+    var headingTags = dom["a" /* default */].findAll(this.wwe.getBody(), 'h1, h2, h3, h4, h5, h6');
+    headingTags.forEach(function (headingTag) {
+      var exceptedForWrapping = !dom["a" /* default */].children(headingTag, 'div, p').length;
+
+      if (exceptedForWrapping) {
+        dom["a" /* default */].wrapInner(headingTag, 'div');
+      }
+    });
+  }
+  /**
+   * Unwrap heading
+   * @private
+   */
+  ;
+
+  _proto._unwrapHeading = function _unwrapHeading() {
+    this.wwe.unwrapBlockTag(function (node) {
+      return wwHeadingManager_FIND_HEADING_RX.test(node);
+    });
+  }
+  /**
+   * Enter key handler
+   * @param {Event} event event object
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._onEnter = function _onEnter(event, range) {
+    var _this3 = this;
+
+    if (range.startOffset > 0) {
+      // I hate this but there's no way
+      this.wwe.defer(function (wwe) {
+        _this3._unwrapHeading();
+
+        wwe.getEditor().removeLastUndoStack();
+      });
+    } else {
+      event.preventDefault();
+
+      this._insertEmptyBlockToPrevious(range);
+    }
+  }
+  /**
+   * Insert empty block to previous of passed range
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._insertEmptyBlockToPrevious = function _insertEmptyBlockToPrevious(range) {
+    this.wwe.getEditor().saveUndoState(range);
+    var element = dom["a" /* default */].createElementWith('

    ');
+    dom["a" /* default */].insertBefore(element, dom["a" /* default */].getParentUntil(range.startContainer, this.wwe.getBody()));
+  }
+  /**
+   * Remove previous top node if need
+   * @param {Event} event event object
+   * @param {Range} range range
+   * @returns {Boolean} whether needed or not
+   * @private
+   */
+  ;
+
+  _proto._removePrevTopNodeIfNeed = function _removePrevTopNodeIfNeed(event, range) {
+    var isHandled = false;
+
+    if (range.collapsed && range.startOffset === 0) {
+      var startContainer = range.startContainer;
+      var prevTopNode = dom["a" /* default */].getTopPrevNodeUnder(startContainer, this.wwe.getBody());
+      var isPrevTopNodeEmpty = prevTopNode && prevTopNode.textContent.length === 0;
+      var sq = this.wwe.getEditor();
+
+      if (startContainer.textContent.length === 0) {
+        isHandled = this._removeHedingAndChangeSelection(event, range, prevTopNode);
+      } else if (isPrevTopNodeEmpty) {
+        event.preventDefault();
+        sq.saveUndoState(range);
+        dom["a" /* default */].remove(prevTopNode);
+        isHandled = true;
+      }
+    }
+
+    return isHandled;
+  };
+
+  _proto._getHeadingElement = function _getHeadingElement(element) {
+    var isHeading = wwHeadingManager_FIND_HEADING_RX.test(dom["a" /* default */].getNodeName(element));
+    return isHeading ? element : dom["a" /* default */].parents(element, 'h1,h2,h3,h4,h5,h6')[0];
+  };
+
+  _proto._addBrToEmptyBlock = function _addBrToEmptyBlock(range) {
+    var collapsed = range.collapsed,
+        startOffset = range.startOffset,
+        startContainer = range.startContainer;
+
+    if (collapsed && startOffset === 1) {
+      var headingElement = this._getHeadingElement(startContainer);
+
+      var brs = dom["a" /* default */].children(headingElement.firstChild, 'br');
+
+      if (!wwHeadingManager_isIE10 && !brs.length) {
+        var br = document.createElement('br');
+        startContainer.parentNode.appendChild(br);
+      }
+    }
+  }
+  /**
+   * Remove heading and change selection
+   * @param {object} event Event object
+   * @param {Range} range Range object
+   * @param {HTMLElement} prevTopNode Previous top node
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._removeHedingAndChangeSelection = function _removeHedingAndChangeSelection(event, range, prevTopNode) {
+    var startContainer = range.startContainer;
+    var sq = this.wwe.getEditor();
+    var body = this.wwe.getBody();
+
+    var headingElement = this._getHeadingElement(startContainer);
+
+    var targetNode = prevTopNode;
+    var offset = 1;
+
+    if (!event.defaultPrevented) {
+      event.preventDefault();
+      sq.saveUndoState(range);
+    }
+
+    dom["a" /* default */].remove(headingElement);
+
+    if (!prevTopNode) {
+      var _domUtils$children = dom["a" /* default */].children(body, 'div');
+
+      targetNode = _domUtils$children[0];
+      offset = 0;
+    }
+
+    range.setStart(targetNode, offset);
+    range.collapse(true);
+    sq.setSelection(range);
+    return true;
+  };
+
+  return WwHeadingManager;
+}();
+
+/* harmony default export */ var wwHeadingManager = (wwHeadingManager_WwHeadingManager);
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isTruthy.js
+var isTruthy = __webpack_require__(42);
+var isTruthy_default = /*#__PURE__*/__webpack_require__.n(isTruthy);
+
+// CONCATENATED MODULE: ./src/js/wwCodeBlockManager.js
+/**
+ * @fileoverview Implements wysiwyg code block manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var wwCodeBlockManager_isIE10 = browser_default.a.msie && browser_default.a.version === 10;
+var wwCodeBlockManager_brString = wwCodeBlockManager_isIE10 ? '' : '
    ';
+var tagEntities = {
+  '&': '&',
+  '<': '<',
+  '>': '>'
+};
+var FIND_ZWS_RX = /\u200B/g;
+var CODEBLOCK_ATTR_NAME = 'data-te-codeblock';
+/**
+ * Class WwCodeBlockManager
+ * @param {WysiwygEditor} wwe - wysiwygEditor instance
+ * @ignore
+ */
+
+var wwCodeBlockManager_WwCodeBlockManager = /*#__PURE__*/function () {
+  function WwCodeBlockManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'codeblock';
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwCodeBlockManager.prototype;
+
+  _proto._init = function _init() {
+    this._initKeyHandler();
+
+    this._initEvent();
+  }
+  /**
+   * Initialize key event handler
+   * @private
+   */
+  ;
+
+  _proto._initKeyHandler = function _initKeyHandler() {
+    var _this = this;
+
+    this._keyEventHandlers = {
+      BACK_SPACE: this._onBackspaceKeyEventHandler.bind(this),
+      ENTER: function ENTER(ev, range) {
+        if (!_this.wwe.isInTable(range) && _this.wwe.getEditor().hasFormat('CODE')) {
+          _this.wwe.defer(function () {
+            var _this$wwe$getRange = _this.wwe.getRange(),
+                startContainer = _this$wwe$getRange.startContainer;
+
+            var codeNode = _this._getCodeNode(startContainer);
+
+            if (codeNode && !dom["a" /* default */].getTextLength(codeNode)) {
+              codeNode.parentNode.removeChild(codeNode);
+            }
+          });
+        }
+      }
+    };
+    forEachOwnProperties_default()(this._keyEventHandlers, function (handler, key) {
+      return _this.wwe.addKeyEventHandler(key, handler);
+    });
+  };
+
+  _proto._getCodeNode = function _getCodeNode(node) {
+    var result;
+
+    if (node.nodeName === 'CODE') {
+      result = node;
+    } else if (node.parentNode.nodeName === 'CODE') {
+      result = node.parentNode;
+    }
+
+    return result;
+  }
+  /**
+   * Initialize eventmanager event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this.eventManager.listen('wysiwygSetValueAfter.codeblock', function () {
+      _this2.modifyCodeBlockForWysiwyg();
+    });
+    this.eventManager.listen('wysiwygProcessHTMLText.codeblock', function (html) {
+      return _this2._changePreToPreCode(html);
+    });
+  }
+  /**
+   * Prepare nodes for pasting to code block
+   * @param {Array.} nodes Node array
+   * @returns {DocumentFragment}
+   */
+  ;
+
+  _proto.prepareToPasteOnCodeblock = function prepareToPasteOnCodeblock(nodes) {
+    var frag = this.wwe.getEditor().getDocument().createDocumentFragment();
+    var text = this.convertNodesToText(nodes);
+    text = text.replace(/\n$/, '');
+    frag.appendChild(document.createTextNode(text));
+    return frag;
+  }
+  /**
+   * Convert nodes to text for pasting to code block
+   * @param {Array.} nodes Node array
+   * @returns {string} coverted string
+   */
+  ;
+
+  _proto.convertNodesToText = function convertNodesToText(nodes) {
+    var str = '';
+    var node = nodes.shift();
+
+    while (isTruthy_default()(node)) {
+      var _node = node,
+          childNodes = _node.childNodes;
+
+      if (childNodes && dom["a" /* default */].isBlockNode(node)) {
+        str += this.convertNodesToText(toArray_default()(node.childNodes));
+      } else if (node.nodeName === 'BR') {
+        str += '\n';
+      } else {
+        str += node.textContent;
+      }
+
+      node = nodes.shift();
+    }
+
+    return str;
+  }
+  /**
+   * Copy content with code block style from code block selection
+   * @param {HTMLElement} element Copied element
+   * @param {Range} range Range object
+   * @returns {HTMLElement}
+   * @private
+   */
+  ;
+
+  _proto._copyCodeblockTypeFromRangeCodeblock = function _copyCodeblockTypeFromRangeCodeblock(element, range) {
+    var blockNode = dom["a" /* default */].getParentUntil(range.commonAncestorContainer, this.wwe.getBody());
+
+    if (dom["a" /* default */].getNodeName(blockNode) === 'PRE') {
+      var attrs = blockNode.attributes;
+      forEachOwnProperties_default()(attrs, function (attr) {
+        element.setAttribute(attr.name, attr.value);
+      });
+    }
+
+    return element;
+  }
+  /**
+   * Change pre tag to pre and code
+   * @param {string} html HTML string
+   * @returns {string}
+   * @private
+   */
+  ;
+
+  _proto._changePreToPreCode = function _changePreToPreCode(html) {
+    return html.replace(/((.|\n)*?)<\/pre>/g, function (match, codeAttr, code) {
+      return "
    " + code + "
    ";
+    });
+  }
+  /**
+   * Modify Code Block for Wysiwyg
+   * @param {HTMLElement} node root node to find pre
+   */
+  ;
+
+  _proto.modifyCodeBlockForWysiwyg = function modifyCodeBlockForWysiwyg(node) {
+    if (!node) {
+      node = this.wwe.getBody();
+    }
+
+    dom["a" /* default */].findAll(node, 'pre').forEach(function (pre) {
+      var codeTag = pre.querySelector('code');
+      var lang, numberOfBackticks;
+
+      if (codeTag) {
+        lang = codeTag.getAttribute('data-language');
+        numberOfBackticks = codeTag.getAttribute('data-backticks');
+      } // if this pre can have lines
+
+
+      if (pre.children.length > 1) {
+        toArray_default()(pre.children).forEach(function (childNode) {
+          if ((childNode.nodeName === 'DIV' || childNode.nodeName === 'P') && !childNode.querySelectorAll('br').length) {
+            childNode.innerHTML += childNode.innerHTML + "\n";
+          }
+        });
+      }
+
+      var brs = pre.querySelectorAll('br');
+
+      if (brs.length) {
+        dom["a" /* default */].replaceWith(brs, '\n');
+      }
+
+      var resultText = pre.textContent.replace(/\s+$/, '');
+      dom["a" /* default */].empty(pre);
+      pre.innerHTML = resultText ? sanitizeHtmlCode(resultText) : wwCodeBlockManager_brString;
+
+      if (lang) {
+        pre.setAttribute('data-language', lang);
+        addClass_default()(pre, "lang-" + lang);
+      }
+
+      if (numberOfBackticks) {
+        pre.setAttribute('data-backticks', numberOfBackticks);
+      }
+
+      pre.setAttribute(CODEBLOCK_ATTR_NAME, '');
+    });
+  }
+  /**
+   * Remove codeblock of first line when press backspace in first line
+   * @param {Event} ev Event object
+   * @param {Range} range Range object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._onBackspaceKeyEventHandler = function _onBackspaceKeyEventHandler(ev, range) {
+    var isNeedNext = true;
+    var sq = this.wwe.getEditor();
+    var container = range.commonAncestorContainer;
+
+    if (this._isCodeBlockFirstLine(range) && !this._isFrontCodeblock(range)) {
+      this._removeCodeblockFirstLine(container);
+
+      range.collapse(true);
+      isNeedNext = false;
+    } else if (range.collapsed && this._isEmptyLine(container) && this._isBetweenSameCodeblocks(container)) {
+      var previousSibling = container.previousSibling,
+          nextSibling = container.nextSibling;
+      var prevTextLength = previousSibling.textContent.length;
+      sq.saveUndoState(range);
+      container.parentNode.removeChild(container);
+
+      this._mergeCodeblocks(previousSibling, nextSibling);
+
+      range.setStart(previousSibling.childNodes[0], prevTextLength);
+      range.collapse(true);
+      isNeedNext = false;
+    }
+
+    if (!isNeedNext) {
+      sq.setSelection(range);
+      ev.preventDefault();
+    }
+
+    return isNeedNext;
+  }
+  /**
+   * Check node is empty line
+   * @param {Node} node node
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isEmptyLine = function _isEmptyLine(node) {
+    var nodeName = node.nodeName,
+        childNodes = node.childNodes;
+    var isEmpty = wwCodeBlockManager_isIE10 ? node.textContent === '' : childNodes.length === 1 && childNodes[0].nodeName === 'BR';
+    return nodeName === 'DIV' && isEmpty;
+  }
+  /**
+   * Check whether node is between same codeblocks
+   * @param {Node} node Node
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isBetweenSameCodeblocks = function _isBetweenSameCodeblocks(node) {
+    var previousSibling = node.previousSibling,
+        nextSibling = node.nextSibling;
+    return dom["a" /* default */].getNodeName(previousSibling) === 'PRE' && dom["a" /* default */].getNodeName(nextSibling) === 'PRE' && previousSibling.getAttribute('data-language') === nextSibling.getAttribute('data-language');
+  };
+
+  _proto._mergeCodeblocks = function _mergeCodeblocks(frontCodeblock, backCodeblock) {
+    var postText = backCodeblock.textContent;
+    frontCodeblock.childNodes[0].textContent += "\n" + postText;
+    backCodeblock.parentNode.removeChild(backCodeblock);
+  }
+  /**
+   * Check whether range is first line of code block
+   * @param {Range} range Range object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isCodeBlockFirstLine = function _isCodeBlockFirstLine(range) {
+    return this.isInCodeBlock(range) && range.collapsed && range.startOffset === 0;
+  }
+  /**
+   * Check whether front block of range is code block
+   * @param {Range} range Range object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isFrontCodeblock = function _isFrontCodeblock(range) {
+    var block = dom["a" /* default */].getParentUntil(range.startContainer, this.wwe.getEditor().getRoot());
+    var previousSibling = block.previousSibling;
+    return previousSibling && previousSibling.nodeName === 'PRE';
+  }
+  /**
+   * Remove codeblock first line of codeblock
+   * @param {Node} node Pre Node
+   * @private
+   */
+  ;
+
+  _proto._removeCodeblockFirstLine = function _removeCodeblockFirstLine(node) {
+    var sq = this.wwe.getEditor();
+    var preNode = node.nodeName === 'PRE' ? node : node.parentNode;
+    var codeContent = preNode.textContent.replace(FIND_ZWS_RX, '');
+    sq.modifyBlocks(function () {
+      var newFrag = sq.getDocument().createDocumentFragment();
+      var strArray = codeContent.split('\n');
+      var firstDiv = document.createElement('div');
+      var firstLine = strArray.shift();
+      firstDiv.innerHTML = "" + sanitizeHtmlCode(firstLine) + wwCodeBlockManager_brString;
+      newFrag.appendChild(firstDiv);
+
+      if (strArray.length) {
+        var newPreNode = preNode.cloneNode();
+        newPreNode.textContent = strArray.join('\n');
+        newFrag.appendChild(newPreNode);
+      }
+
+      return newFrag;
+    });
+  }
+  /**
+   * Return boolean value of whether current range is in the code block
+   * @param {Range} range Range object
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isInCodeBlock = function isInCodeBlock(range) {
+    var target;
+
+    if (range.collapsed) {
+      target = range.startContainer;
+    } else {
+      target = range.commonAncestorContainer;
+    }
+
+    return !!dom["a" /* default */].closest(target, 'pre');
+  }
+  /**
+   * Destroy
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    var _this3 = this;
+
+    this.eventManager.removeEventHandler('wysiwygSetValueAfter.codeblock');
+    this.eventManager.removeEventHandler('wysiwygProcessHTMLText.codeblock');
+    forEachOwnProperties_default()(this._keyEventHandlers, function (handler, key) {
+      return _this3.wwe.removeKeyEventHandler(key, handler);
+    });
+  };
+
+  return WwCodeBlockManager;
+}();
+/**
+ * Sanitize HTML code
+ * @param {string} code code string
+ * @returns {string}
+ * @ignore
+ */
+
+
+function sanitizeHtmlCode(code) {
+  return code ? code.replace(/[<>&]/g, function (tag) {
+    return tagEntities[tag] || tag;
+  }) : '';
+}
+
+/* harmony default export */ var wwCodeBlockManager = (wwCodeBlockManager_WwCodeBlockManager);
+// EXTERNAL MODULE: /Users/nhn/project/tui.editor/libs/squire/build/squire.js
+var build_squire = __webpack_require__(55);
+var squire_default = /*#__PURE__*/__webpack_require__.n(build_squire);
+
+// CONCATENATED MODULE: ./src/js/squireExt.js
+function squireExt_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements squire extension
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var FIND_BLOCK_TAGNAME_RX = /\b(H[\d]|LI|P|BLOCKQUOTE|TD)\b/;
+var isIElt11 = /Trident\/[456]\./.test(navigator.userAgent);
+/**
+ * Class SquireExt
+ * @params {Squire} ...args
+ */
+
+var squireExt_SquireExt = /*#__PURE__*/function (_Squire) {
+  squireExt_inheritsLoose(SquireExt, _Squire);
+
+  function SquireExt() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _Squire.call.apply(_Squire, [this].concat(args)) || this;
+
+    _this._decorateHandlerToCancelable('copy');
+
+    _this._decorateHandlerToCancelable(isIElt11 ? 'beforecut' : 'cut');
+
+    _this._decorateHandlerToCancelable(isIElt11 ? 'beforepaste' : 'paste');
+
+    _this.getBody = function () {
+      _this.body = _this.body || _this.getRoot();
+      return _this.body;
+    };
+
+    return _this;
+  }
+  /**
+   * Decorate squire handler to cancelable cuz sometimes, we dont need squire handler process
+   * event.preventDefault() will cancel squire and browser default behavior
+   * event.squirePrevented = true will cancel squire but allow browser default behavior
+   * @param {string} eventName event name
+   * @private
+   */
+
+
+  var _proto = SquireExt.prototype;
+
+  _proto._decorateHandlerToCancelable = function _decorateHandlerToCancelable(eventName) {
+    var handlers = this._events[eventName];
+
+    if (handlers.length > 1) {
+      throw new Error("too many" + eventName + "handlers in squire");
+    }
+
+    var handler = handlers[0].bind(this);
+
+    handlers[0] = function (event) {
+      if (!event.defaultPrevented && !event.squirePrevented) {
+        handler(event);
+      }
+    };
+  };
+
+  _proto.changeBlockFormat = function changeBlockFormat(srcCondition, targetTagName) {
+    var _this2 = this;
+
+    this.modifyBlocks(function (frag) {
+      var current, newFrag, newBlock, nextBlock, tagName, lastNodeOfNextBlock, appendChidToNextBlock; // HR is non-block element, so frag don't have it
+      // make a default block
+
+      if (frag.childNodes.length) {
+        current = frag.childNodes.item(0);
+      } else {
+        current = _this2.createDefaultBlock();
+        frag.appendChild(current);
+      }
+
+      if (srcCondition) {
+        // find last depth
+        while (current.firstChild) {
+          current = current.firstChild;
+        }
+
+        appendChidToNextBlock = function appendChidToNextBlock(node) {
+          nextBlock.appendChild(node);
+        }; // find tag
+
+
+        while (current !== frag) {
+          var _current = current;
+          tagName = _current.tagName;
+
+          if (isFunction_default()(srcCondition) ? srcCondition(tagName) : tagName === srcCondition) {
+            nextBlock = current.childNodes.item(0); // there is no next blocktag
+            // eslint-disable-next-line max-depth
+
+            if (!dom["a" /* default */].isElemNode(nextBlock) || current.childNodes.length > 1) {
+              nextBlock = _this2.createDefaultBlock();
+              toArray_default()(current.childNodes).forEach(appendChidToNextBlock);
+              lastNodeOfNextBlock = nextBlock.lastChild; // remove unneccesary br
+              // eslint-disable-next-line max-depth
+
+              if (lastNodeOfNextBlock && dom["a" /* default */].getNodeName(lastNodeOfNextBlock) === 'BR') {
+                nextBlock.removeChild(lastNodeOfNextBlock);
+              }
+            } // eslint-disable-next-line max-depth
+
+
+            if (targetTagName) {
+              newBlock = _this2.createElement(targetTagName, [nextBlock]);
+            } else {
+              newBlock = nextBlock;
+            }
+
+            newFrag = _this2.getDocument().createDocumentFragment();
+            newFrag.appendChild(newBlock);
+            frag = newFrag;
+            break;
+          }
+
+          current = current.parentNode;
+        }
+      } // if source condition node is not founded, we wrap current div node with node named targetTagName
+
+
+      if ((!newFrag || !srcCondition) && targetTagName && dom["a" /* default */].getNodeName(frag.childNodes[0]) === 'DIV') {
+        frag = _this2.createElement(targetTagName, [frag.childNodes[0]]);
+      }
+
+      return frag;
+    });
+  };
+
+  _proto.changeBlockFormatTo = function changeBlockFormatTo(targetTagName) {
+    this.changeBlockFormat(function (tagName) {
+      return FIND_BLOCK_TAGNAME_RX.test(tagName);
+    }, targetTagName);
+  };
+
+  _proto.getCaretPosition = function getCaretPosition() {
+    return this.getCursorPosition();
+  };
+
+  _proto.replaceSelection = function replaceSelection(content, selection) {
+    if (selection) {
+      this.setSelection(selection);
+    }
+
+    this._ignoreChange = true;
+    this.insertHTML(content);
+  };
+
+  _proto.replaceRelativeOffset = function replaceRelativeOffset(content, offset, overwriteLength) {
+    var selection = this.getSelection().cloneRange();
+
+    this._replaceRelativeOffsetOfSelection(content, offset, overwriteLength, selection);
+  };
+
+  _proto._replaceRelativeOffsetOfSelection = function _replaceRelativeOffsetOfSelection(content, offset, overwriteLength, selection) {
+    var startSelectionInfo, endSelectionInfo, finalOffset;
+    var endOffsetNode = selection.endContainer;
+    var endTextOffset = selection.endOffset;
+
+    if (dom["a" /* default */].getNodeName(endOffsetNode) !== 'TEXT') {
+      endOffsetNode = this._getClosestTextNode(endOffsetNode, endTextOffset);
+
+      if (endOffsetNode) {
+        if (dom["a" /* default */].isTextNode(endOffsetNode)) {
+          endTextOffset = endOffsetNode.nodeValue.length;
+        } else {
+          endTextOffset = endOffsetNode.textContent.length;
+        }
+      }
+    }
+
+    if (endOffsetNode) {
+      startSelectionInfo = this.getSelectionInfoByOffset(endOffsetNode, endTextOffset + offset);
+      selection.setStart(startSelectionInfo.element, startSelectionInfo.offset);
+      finalOffset = endTextOffset + (offset + overwriteLength);
+      endSelectionInfo = this.getSelectionInfoByOffset(endOffsetNode, finalOffset);
+      selection.setEnd(endSelectionInfo.element, endSelectionInfo.offset);
+      this.replaceSelection(content, selection);
+    } else {
+      this.replaceSelection(content);
+    }
+  };
+
+  _proto._getClosestTextNode = function _getClosestTextNode(node, offset) {
+    var foundNode = dom["a" /* default */].getChildNodeByOffset(node, offset - 1);
+
+    if (dom["a" /* default */].getNodeName(foundNode) !== 'TEXT') {
+      foundNode = foundNode.previousSibling;
+    }
+
+    return foundNode;
+  };
+
+  _proto.getSelectionInfoByOffset = function getSelectionInfoByOffset(anchorElement, offset) {
+    var traceElement, traceElementLength, traceOffset, stepLength;
+    var direction = offset >= 0 ? 'next' : 'previous';
+    var offsetAbs = Math.abs(offset);
+    var latestAvailableElement = traceElement;
+
+    if (direction === 'next') {
+      traceElement = anchorElement;
+    } else {
+      traceElement = anchorElement.previousSibling;
+    }
+
+    traceOffset = offsetAbs;
+    stepLength = 0;
+
+    while (traceElement) {
+      if (dom["a" /* default */].isTextNode(traceElement)) {
+        traceElementLength = traceElement.nodeValue.length;
+      } else {
+        traceElementLength = traceElement.textContent.length;
+      }
+
+      stepLength += traceElementLength;
+
+      if (offsetAbs <= stepLength) {
+        break;
+      }
+
+      traceOffset -= traceElementLength;
+
+      if (dom["a" /* default */].getTextLength(traceElement) > 0) {
+        latestAvailableElement = traceElement;
+      }
+
+      traceElement = traceElement[direction + "Sibling"];
+    }
+
+    if (!traceElement) {
+      traceElement = latestAvailableElement;
+      traceOffset = dom["a" /* default */].getTextLength(traceElement);
+    }
+
+    if (direction === 'previous') {
+      traceOffset = dom["a" /* default */].getTextLength(traceElement) - traceOffset;
+    }
+
+    return {
+      element: traceElement,
+      offset: traceOffset
+    };
+  };
+
+  _proto.getSelectionPosition = function getSelectionPosition(selection, style, offset) {
+    var marker = this.createElement('INPUT');
+    var range = selection.cloneRange();
+    var endSelectionInfo = this.getSelectionInfoByOffset(selection.endContainer, selection.endOffset + (offset || 0));
+    range.setStart(range.startContainer, range.startOffset);
+    range.setEnd(endSelectionInfo.element, endSelectionInfo.offset); // to prevent squire input event fire
+
+    this._ignoreChange = true;
+    this.insertElement(marker, range);
+    var pos = dom["a" /* default */].getOffset(marker);
+
+    if (style !== 'over') {
+      pos.top += marker.offsetHeight;
+    }
+
+    marker.parentNode.removeChild(marker);
+    selection.setStart(selection.endContainer, selection.endOffset);
+    selection.collapse(true);
+    this.setSelection(selection);
+    return pos;
+  };
+
+  _proto.removeLastUndoStack = function removeLastUndoStack() {
+    if (this._undoStack.length) {
+      this._undoStackLength -= 1;
+      this._undoIndex -= 1;
+
+      this._undoStack.pop();
+
+      this._isInUndoState = false;
+    }
+  };
+
+  _proto.replaceParent = function replaceParent(node, from, to) {
+    var target = dom["a" /* default */].closest(node, from, this.getBody());
+
+    if (target) {
+      dom["a" /* default */].wrapInner(target, to);
+      dom["a" /* default */].unwrap(target);
+    }
+  };
+
+  _proto.preserveLastLine = function preserveLastLine() {
+    var blocks = this.getBody().children;
+    var lastBlock = blocks[blocks.length - 1];
+
+    if (lastBlock && dom["a" /* default */].getNodeName(lastBlock) !== 'DIV') {
+      this._ignoreChange = true;
+      dom["a" /* default */].insertAfter(this.createDefaultBlock(), lastBlock);
+    }
+  };
+
+  _proto.scrollTop = function scrollTop(top) {
+    if (!isUndefined_default()(top)) {
+      this.getBody().scrollTop = top;
+    }
+
+    return this.getBody().scrollTop;
+  };
+
+  _proto.isIgnoreChange = function isIgnoreChange() {
+    return this._ignoreChange;
+  };
+
+  _proto.focus = function focus() {
+    squire_default.a.prototype.focus.call(this);
+  };
+
+  _proto.blockCommandShortcuts = function blockCommandShortcuts() {
+    var _this3 = this;
+
+    var meta = utils_common["b" /* isMac */] ? 'meta' : 'ctrl';
+    var keys = ['b', 'i', 'u', 'shift-7', 'shift-5', 'shift-6', 'shift-8', 'shift-9', '[', ']', 'd'];
+    keys.forEach(function (key) {
+      _this3.setKeyHandler(meta + "-" + key, function (editor, keyboardEvent) {
+        keyboardEvent.preventDefault();
+      });
+    });
+  };
+
+  return SquireExt;
+}(squire_default.a);
+
+/* harmony default export */ var squireExt = (squireExt_SquireExt);
+// CONCATENATED MODULE: ./src/js/wwTextObject.js
+/**
+ * @fileoverview Implements WwTextObject
+ * @author NHN FE Development Lab 
+ */
+
+
+var isIE11 = browser_default.a.msie && browser_default.a.version === 11;
+var isWindowChrome = navigator.appVersion.indexOf('Win') !== -1 && browser_default.a.chrome;
+var isWindows10 = /Windows (NT )?10/g.test(navigator.appVersion);
+var isNeedOffsetFix = isIE11 || isWindowChrome && !isWindows10;
+/**
+ * Class WwTextObject
+ * @param {WysiwygEditor} wwe - wysiwygEditor
+ * @param {Range} range - Range object
+ */
+
+var wwTextObject_WwTextObject = /*#__PURE__*/function () {
+  function WwTextObject(wwe, range) {
+    this._wwe = wwe; // msie11 and window chrome can't make start offset of range api correctly when compositing korean.
+    // so we need fix this when compositing korean.(and maybe other languages that needs composition.)
+
+    if (isNeedOffsetFix) {
+      this.isComposition = false;
+
+      this._initCompositionEvent();
+    }
+
+    this.setRange(range || this._wwe.getRange());
+  }
+  /**
+   * Initialize composition event
+   * @private
+   */
+
+
+  var _proto = WwTextObject.prototype;
+
+  _proto._initCompositionEvent = function _initCompositionEvent() {
+    var _this = this;
+
+    this._wwe.getEditor().addEventListener('compositionstart', function () {
+      _this.isComposition = true;
+    });
+
+    this._wwe.getEditor().addEventListener('compositionend', function () {
+      _this.isComposition = false;
+    });
+  }
+  /**
+   * Set _range object to given range object
+   * @param {Range} range Range object
+   */
+  ;
+
+  _proto.setRange = function setRange(range) {
+    if (this._range) {
+      this._range.detach();
+    }
+
+    this._range = range;
+  }
+  /**
+   * Expand start offset by one
+   */
+  ;
+
+  _proto.expandStartOffset = function expandStartOffset() {
+    var range = this._range;
+
+    if (dom["a" /* default */].isTextNode(range.startContainer) && range.startOffset > 0) {
+      range.setStart(range.startContainer, range.startOffset - 1);
+    }
+  }
+  /**
+   * Expand end offset by one
+   */
+  ;
+
+  _proto.expandEndOffset = function expandEndOffset() {
+    var range = this._range;
+
+    if (dom["a" /* default */].isTextNode(range.endContainer) && range.endOffset < range.endContainer.nodeValue.length) {
+      range.setEnd(range.endContainer, range.endOffset + 1);
+    }
+  }
+  /**
+   * setEnd range on start
+   * @param {Range} range Range object
+   */
+  ;
+
+  _proto.setEndBeforeRange = function setEndBeforeRange(range) {
+    var offset = range.startOffset;
+
+    if (this.isComposition) {
+      offset += 1;
+    }
+
+    this._range.setEnd(range.startContainer, offset);
+  }
+  /**
+   * Get text content
+   * @returns {string}
+   */
+  ;
+
+  _proto.getTextContent = function getTextContent() {
+    return this._range.cloneContents().textContent;
+  }
+  /**
+   * Replace current selection content to given text
+   * @param {string} content Text content
+   */
+  ;
+
+  _proto.replaceContent = function replaceContent(content) {
+    this._wwe.getEditor().setSelection(this._range);
+
+    this._wwe.getEditor().insertHTML(content); // When range is in table, 'insertHTML' makes div in table.
+    // So after 'insertHTML', div in table should be unwrap.
+    // 'wysiwygRangeChangeAfter' event let wwTableManager call '_unwrapBlockInTable'
+
+
+    if (this._wwe.isInTable(this._range)) {
+      this._wwe.eventManager.emit('wysiwygRangeChangeAfter', this._wwe);
+    }
+
+    this._range = this._wwe.getRange();
+  }
+  /**
+   * Delete current selection content
+   */
+  ;
+
+  _proto.deleteContent = function deleteContent() {
+    this._wwe.getEditor().setSelection(this._range);
+
+    this._wwe.getEditor().insertHTML('');
+
+    this._range = this._wwe.getRange();
+  }
+  /**
+   * Peek previous element's content
+   * @param {number} offset Offset to peek
+   * @returns {string}
+   */
+  ;
+
+  _proto.peekStartBeforeOffset = function peekStartBeforeOffset(offset) {
+    var range = this._range.cloneRange();
+
+    range.setStart(range.startContainer, Math.max(range.startOffset - offset, 0));
+    range.setEnd(this._range.startContainer, this._range.startOffset);
+    return range.cloneContents().textContent;
+  };
+
+  return WwTextObject;
+}();
+
+/* harmony default export */ var wwTextObject = (wwTextObject_WwTextObject);
+// CONCATENATED MODULE: ./src/js/ui/blockOverlay.js
+/**
+ * @fileoverview Implements UI block overlay
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Class BlockOverlay
+ * @param {Object} options - options
+ *     @param {EventManager} options.eventManager - event manager instance
+ *     @param {HTMLElement} options.container - container element
+ *     @param {string} options.attachedSelector - selector string to find attached element
+ * @ignore
+ */
+
+var blockOverlay_BlockOverlay = /*#__PURE__*/function () {
+  function BlockOverlay(_ref) {
+    var eventManager = _ref.eventManager,
+        container = _ref.container,
+        attachedSelector = _ref.attachedSelector;
+    this._eventManager = eventManager;
+    this._attachedSelector = "[contenteditable=true] " + attachedSelector;
+    this._container = container;
+    this._attachedElement = null;
+    /**
+     * is activated.
+     * if this blockOverlay is active, It always be visible unconditionally.
+     * @type {boolean}
+     * @private
+     */
+
+    this.active = false;
+
+    this._createElement();
+
+    this._initEvent();
+  }
+
+  var _proto = BlockOverlay.prototype;
+
+  _proto._createElement = function _createElement() {
+    this.el = dom["a" /* default */].createElementWith('
    ');
+    css_default()(this.el, {
+      position: 'absolute',
+      display: 'none',
+      zIndex: 1
+    });
+    dom["a" /* default */].append(this._container, this.el);
+  };
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this._eventManager.listen('change', this._onChange.bind(this));
+
+    this._eventManager.listen('mouseover', this._onMouseOver.bind(this));
+
+    this._eventManager.listen('focus', function () {
+      _this.setVisibility(false);
+    });
+
+    this._eventManager.listen('mousedown', function () {
+      _this.setVisibility(false);
+    });
+  };
+
+  _proto._onChange = function _onChange() {
+    if (this._attachedElement && dom["a" /* default */].isContain(document.body, this._attachedElement)) {
+      this.syncLayout();
+    } else {
+      this.setVisibility(false);
+    }
+  };
+
+  _proto._onMouseOver = function _onMouseOver(ev) {
+    var originalEvent = ev.data;
+    var eventTarget = originalEvent.target;
+    var attachedElement = dom["a" /* default */].closest(eventTarget, this._attachedSelector);
+
+    if (attachedElement) {
+      this._attachedElement = attachedElement;
+      this.setVisibility(true);
+    } else if (dom["a" /* default */].closest(eventTarget, this.el)) {
+      this.setVisibility(true);
+    } else if (!this.active) {
+      this.setVisibility(false);
+    }
+  }
+  /**
+   * update blockOverlay position & size update to attached element
+   * you may want to override this to adjust position & size
+   * @protected
+   */
+  ;
+
+  _proto.syncLayout = function syncLayout() {
+    var offset = dom["a" /* default */].getOffset(this._attachedElement);
+    var outerWidth = dom["a" /* default */].getOuterWidth(this._attachedElement);
+    var outerHeight = dom["a" /* default */].getOuterHeight(this._attachedElement);
+    dom["a" /* default */].setOffset(this.el, offset);
+    css_default()(this.el, {
+      width: outerWidth + "px"
+    });
+    css_default()(this.el, {
+      height: outerHeight + "px"
+    });
+  }
+  /**
+   * attached element
+   * @protected
+   * @returns {HTMLElement} - attached element
+   */
+  ;
+
+  _proto.getAttachedElement = function getAttachedElement() {
+    return this._attachedElement || null;
+  }
+  /**
+   * visibility
+   * @protected
+   * @returns {boolean} visibility
+   */
+  ;
+
+  _proto.getVisibility = function getVisibility() {
+    return this.el.style.display === 'block';
+  }
+  /**
+   * visibility
+   * @param {boolean} visibility - is visible
+   * @protected
+   */
+  ;
+
+  _proto.setVisibility = function setVisibility(visibility) {
+    if (visibility && this._attachedElement) {
+      if (!this.getVisibility()) {
+        css_default()(this.el, {
+          display: 'block'
+        });
+        this.syncLayout();
+        this.onShow();
+      }
+    } else if (!visibility) {
+      if (this.getVisibility()) {
+        css_default()(this.el, {
+          display: 'none'
+        });
+        this.onHide();
+      }
+    }
+  }
+  /**
+   * called on show. you may want to override to get the event
+   * @protected
+   * @abstract
+   */
+  ;
+
+  _proto.onShow = function onShow() {}
+  /**
+   * called on hide. you may want to override to get the event
+   * @protected
+   */
+  ;
+
+  _proto.onHide = function onHide() {
+    this.active = false;
+    this._attachedElement = null;
+  };
+
+  return BlockOverlay;
+}();
+
+/* harmony default export */ var blockOverlay = (blockOverlay_BlockOverlay);
+// CONCATENATED MODULE: ./src/js/ui/codeBlockGadget.js
+function codeBlockGadget_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements UI code block gadget
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var GADGET_RIGHT = 26;
+var GADGET_WIDTH = 250;
+var GADGET_HEIGHT = 30;
+/**
+ * Class CodeBlockGadget
+ * @param {Object} options - options
+ *     @param {EventManager} options.eventManager - event manager instance
+ *     @param {HTMLElement} options.container - container element
+ *     @param {WysiwygEditor} options.wysiwygEditor - wysiwyg editor instance
+ * @ignore
+ */
+
+var codeBlockGadget_CodeBlockGadget = /*#__PURE__*/function (_BlockOverlay) {
+  codeBlockGadget_inheritsLoose(CodeBlockGadget, _BlockOverlay);
+
+  function CodeBlockGadget(_ref) {
+    var _this;
+
+    var eventManager = _ref.eventManager,
+        container = _ref.container,
+        wysiwygEditor = _ref.wysiwygEditor;
+    _this = _BlockOverlay.call(this, {
+      eventManager: eventManager,
+      container: container,
+      attachedSelector: 'pre'
+    }) || this;
+    _this._wysiwygEditor = wysiwygEditor;
+    _this._popupCodeBlockLanguages = null;
+
+    _this._initDOM();
+
+    _this._initDOMEvent();
+
+    return _this;
+  }
+
+  var _proto = CodeBlockGadget.prototype;
+
+  _proto._initDOM = function _initDOM() {
+    var _this2 = this;
+
+    addClass_default()(this.el, 'code-block-header');
+    this._languageLabel = dom["a" /* default */].createElementWith('text');
+    dom["a" /* default */].append(this.el, this._languageLabel);
+    this._buttonOpenModalEditor = dom["a" /* default */].createElementWith("");
+    dom["a" /* default */].append(this.el, this._buttonOpenModalEditor);
+
+    this._eventManager.emit('removeEditor', function () {
+      off_default()(_this2._buttonOpenModalEditor, 'click');
+      _this2._buttonOpenModalEditor = null;
+    });
+  };
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this3 = this;
+
+    on_default()(this._buttonOpenModalEditor, 'click', function () {
+      return _this3._openPopupCodeBlockEditor();
+    });
+  };
+
+  _proto._openPopupCodeBlockEditor = function _openPopupCodeBlockEditor() {
+    this._eventManager.emit('openPopupCodeBlockEditor', this.getAttachedElement());
+  };
+
+  _proto._updateLanguage = function _updateLanguage() {
+    var attachedElement = this.getAttachedElement();
+    var language = attachedElement ? attachedElement.getAttribute('data-language') : null;
+    this._languageLabel.textContent = language || 'text';
+  }
+  /**
+   * update gadget position
+   * @protected
+   * @override
+   */
+  ;
+
+  _proto.syncLayout = function syncLayout() {
+    var attachedElement = this.getAttachedElement();
+
+    var _domUtils$getOffset = dom["a" /* default */].getOffset(attachedElement, '.te-editor'),
+        top = _domUtils$getOffset.top;
+
+    css_default()(this.el, {
+      top: top + "px",
+      right: GADGET_RIGHT + "px",
+      width: GADGET_WIDTH + "px",
+      height: GADGET_HEIGHT + "px"
+    });
+  }
+  /**
+   * on show
+   * @protected
+   * @override
+   */
+  ;
+
+  _proto.onShow = function onShow() {
+    var _this4 = this;
+
+    _BlockOverlay.prototype.onShow.call(this);
+
+    this._onAttachedElementChange = function () {
+      return _this4._updateLanguage();
+    };
+
+    this._eventManager.listen('changeLanguage', this._onAttachedElementChange);
+
+    this._updateLanguage();
+  }
+  /**
+   * on hide
+   * @protected
+   * @override
+   */
+  ;
+
+  _proto.onHide = function onHide() {
+    this._eventManager.removeEventHandler('changeLanguage', this._onAttachedElementChange);
+
+    _BlockOverlay.prototype.onHide.call(this);
+  };
+
+  return CodeBlockGadget;
+}(blockOverlay);
+
+/* harmony default export */ var codeBlockGadget = (codeBlockGadget_CodeBlockGadget);
+// CONCATENATED MODULE: ./src/js/wysiwygEditor.js
+/**
+ * @fileoverview Implments wysiwygEditor
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var wysiwygEditor_keyMapper = keyMapper.getSharedInstance();
+var FIND_EMPTY_LINE = /<([a-z]+|h\d)>(
    |
    )<\/\1>/gi;
+var FIND_UNNECESSARY_BR = /(?:
    |
    )<\/(.+?)>/gi;
+var wysiwygEditor_FIND_BLOCK_TAGNAME_RX = /\b(H[\d]|LI|P|BLOCKQUOTE|TD|PRE)\b/;
+var FIND_OPENING_SPAN_WITH_SPACE = /]*)>[\u0020]/g;
+var FIND_CLOSING_SPAN_WITH_SPACE = /[\u0020]<\/span>/g;
+var FIND_TABLE_AND_HEADING_RX = /^(TABLE|H[1-6])$/;
+var EDITOR_CONTENT_CSS_CLASSNAME = 'tui-editor-contents';
+var PLACEHOLDER_CSS_CLASSNAME = 'tui-editor-contents-placeholder';
+var canObserveMutations = typeof MutationObserver !== 'undefined';
+/**
+ * Class WysiwygEditor
+ * @param {HTMLElement} el - element to insert editor
+ * @param {EventManager} eventManager - EventManager instance
+ */
+
+var wysiwygEditor_WysiwygEditor = /*#__PURE__*/function () {
+  function WysiwygEditor(el, eventManager, options) {
+    var _this = this;
+
+    if (options === void 0) {
+      options = {};
+    }
+
+    this.componentManager = new componentManager(this);
+    this.eventManager = eventManager;
+    this.editorContainerEl = el;
+    this._height = 0;
+    this._silentChange = false;
+    this._keyEventHandlers = {};
+    this._managers = {};
+    this._linkAttribute = options.linkAttribute || {};
+    this._sanitizer = options.sanitizer;
+
+    this._initEvent();
+
+    this._initDefaultKeyEventHandler();
+
+    this.debouncedPostProcessForChange = debounce_default()(function () {
+      return _this.postProcessForChange();
+    }, 0);
+  }
+  /**
+   * init
+   */
+
+
+  var _proto = WysiwygEditor.prototype;
+
+  _proto.init = function init() {
+    var editorBody = document.createElement('div');
+    this.editorContainerEl.appendChild(editorBody);
+    this.editor = new squireExt(editorBody, {
+      blockTag: 'DIV',
+      leafNodeNames: {
+        HR: false
+      },
+      allowedBlocks: this._sanitizer ? [] : ['details', 'summary']
+    });
+    this.editor.blockCommandShortcuts();
+    this._clipboardManager = new wwClipboardManager(this);
+
+    this._initSquireEvent();
+
+    this._clipboardManager.init();
+
+    addClass_default()(this.getBody(), EDITOR_CONTENT_CSS_CLASSNAME);
+    css_default()(this.editorContainerEl, 'position', 'relative');
+
+    this._togglePlaceholder();
+
+    this.codeBlockGadget = new codeBlockGadget({
+      eventManager: this.eventManager,
+      container: this.editorContainerEl,
+      wysiwygEditor: this
+    });
+  }
+  /**
+   * Initialize EventManager event handler
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this.eventManager.listen('wysiwygKeyEvent', function (ev) {
+      return _this2._runKeyEventHandlers(ev.data, ev.keyMap);
+    });
+    this.eventManager.listen('wysiwygRangeChangeAfter', function () {
+      return _this2.scrollIntoCursor();
+    });
+    this.eventManager.listen('contentChangedFromWysiwyg', function () {
+      _this2._togglePlaceholder();
+    });
+  }
+  /**
+   * Add key event handler
+   * @param {string|Array.} keyMap - keyMap string or array of string
+   * @param {function} handler handler
+   */
+  ;
+
+  _proto.addKeyEventHandler = function addKeyEventHandler(keyMap, handler) {
+    var _this3 = this;
+
+    if (!handler) {
+      handler = keyMap;
+      keyMap = 'DEFAULT';
+    }
+
+    if (!isArray_default()(keyMap)) {
+      keyMap = [keyMap];
+    }
+
+    keyMap.forEach(function (key) {
+      if (!_this3._keyEventHandlers[key]) {
+        _this3._keyEventHandlers[key] = [];
+      }
+
+      _this3._keyEventHandlers[key].push(handler);
+    });
+  }
+  /**
+   * Remove key event handler.
+   * @param {string} keyMap keyMap string
+   * @param {function} handler handler
+   */
+  ;
+
+  _proto.removeKeyEventHandler = function removeKeyEventHandler(keyMap, handler) {
+    if (!handler) {
+      handler = keyMap;
+      keyMap = 'DEFAULT';
+    }
+
+    var handlers = this._keyEventHandlers[keyMap];
+
+    if (handlers) {
+      this._keyEventHandlers[keyMap] = handlers.filter(function (_handler) {
+        return _handler !== handler;
+      });
+    }
+  }
+  /**
+   * Run key event handler
+   * @param {Event} event event object
+   * @param {string} keyMap keyMapString
+   * @private
+   */
+  ;
+
+  _proto._runKeyEventHandlers = function _runKeyEventHandlers(event, keyMap) {
+    var range = this.getRange();
+    var handlers, isNeedNext;
+    handlers = this._keyEventHandlers.DEFAULT;
+
+    if (handlers) {
+      forEachArray_default()(handlers, function (handler) {
+        isNeedNext = handler(event, range, keyMap);
+        return isNeedNext;
+      });
+    }
+
+    handlers = this._keyEventHandlers[keyMap];
+
+    if (handlers && isNeedNext !== false) {
+      forEachArray_default()(handlers, function (handler) {
+        return handler(event, range, keyMap);
+      });
+    }
+  }
+  /**
+   * Initialize squire event
+   * @private
+   */
+  ;
+
+  _proto._initSquireEvent = function _initSquireEvent() {
+    var _this4 = this;
+
+    var squire = this.getEditor();
+    var isNeedFirePostProcessForRangeChange = false;
+    squire.addEventListener('copy', function (clipboardEvent) {
+      _this4.eventManager.emit('copy', {
+        source: 'wysiwyg',
+        data: clipboardEvent
+      });
+
+      debounce_default()(function () {
+        if (!_this4.isEditorValid()) {
+          return;
+        }
+
+        _this4.eventManager.emit('copyAfter', {
+          source: 'wysiwyg',
+          data: clipboardEvent
+        });
+      })();
+    });
+    squire.addEventListener(browser_default.a.msie ? 'beforecut' : 'cut', function (clipboardEvent) {
+      _this4.eventManager.emit('cut', {
+        source: 'wysiwyg',
+        data: clipboardEvent
+      });
+
+      debounce_default()(function () {
+        if (!_this4.isEditorValid()) {
+          return;
+        }
+
+        _this4.eventManager.emit('cutAfter', {
+          source: 'wysiwyg',
+          data: clipboardEvent
+        });
+      })();
+    });
+    squire.addEventListener(browser_default.a.msie ? 'beforepaste' : 'paste', function (clipboardEvent) {
+      _this4.eventManager.emit('paste', {
+        source: 'wysiwyg',
+        data: clipboardEvent
+      });
+    });
+    squire.addEventListener('dragover', function (ev) {
+      ev.preventDefault();
+      return false;
+    });
+    squire.addEventListener('drop', function (ev) {
+      ev.preventDefault();
+
+      _this4.eventManager.emit('drop', {
+        source: 'wysiwyg',
+        data: ev
+      });
+
+      return false;
+    }); // change event will fired after range has been updated
+
+    squire.addEventListener('input', debounce_default()(function () {
+      if (!_this4.isEditorValid()) {
+        return;
+      }
+
+      if (!_this4._silentChange) {
+        var eventObj = {
+          source: 'wysiwyg'
+        };
+
+        _this4.eventManager.emit('changeFromWysiwyg', eventObj);
+
+        _this4.eventManager.emit('change', eventObj);
+
+        _this4.eventManager.emit('contentChangedFromWysiwyg', _this4);
+      } else {
+        _this4._silentChange = false;
+      }
+
+      _this4.getEditor().preserveLastLine();
+    }, 0));
+    squire.addEventListener('keydown', function (keyboardEvent) {
+      var range = _this4.getEditor().getSelection();
+
+      if (!range.collapsed) {
+        isNeedFirePostProcessForRangeChange = true;
+      }
+
+      _this4.eventManager.emit('keydown', {
+        source: 'wysiwyg',
+        data: keyboardEvent
+      });
+
+      _this4._onKeyDown(keyboardEvent);
+    });
+
+    if (browser_default.a.firefox) {
+      squire.addEventListener('keypress', function (keyboardEvent) {
+        var keyCode = keyboardEvent.keyCode;
+
+        if (keyCode === 13 || keyCode === 9) {
+          var range = _this4.getEditor().getSelection();
+
+          if (!range.collapsed) {
+            isNeedFirePostProcessForRangeChange = true;
+          }
+
+          _this4.eventManager.emit('keydown', {
+            source: 'wysiwyg',
+            data: keyboardEvent
+          });
+
+          _this4._onKeyDown(keyboardEvent);
+        }
+      }); // firefox produces shattered text nodes
+
+      squire.addEventListener('keyup', function () {
+        var range = _this4.getRange();
+
+        if (dom["a" /* default */].isTextNode(range.commonAncestorContainer) && dom["a" /* default */].isTextNode(range.commonAncestorContainer.previousSibling)) {
+          var prevLen = range.commonAncestorContainer.previousSibling.length;
+          var curEl = range.commonAncestorContainer;
+          range.commonAncestorContainer.previousSibling.appendData(range.commonAncestorContainer.data);
+          range.setStart(range.commonAncestorContainer.previousSibling, prevLen + range.startOffset);
+          range.collapse(true);
+          dom["a" /* default */].remove(curEl);
+
+          _this4.setRange(range);
+
+          range.detach();
+        }
+      });
+    }
+
+    squire.addEventListener('keyup', function (keyboardEvent) {
+      if (isNeedFirePostProcessForRangeChange) {
+        _this4.debouncedPostProcessForChange();
+
+        isNeedFirePostProcessForRangeChange = false;
+      }
+
+      _this4.eventManager.emit('keyup', {
+        source: 'wysiwyg',
+        data: keyboardEvent
+      });
+    });
+    on_default()(this.editorContainerEl, 'scroll', function (ev) {
+      _this4.eventManager.emit('scroll', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('click', function (ev) {
+      _this4.eventManager.emit('click', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('mousedown', function (ev) {
+      _this4.eventManager.emit('mousedown', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('mouseover', function (ev) {
+      _this4.eventManager.emit('mouseover', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('mouseout', function (ev) {
+      _this4.eventManager.emit('mouseout', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('mouseup', function (ev) {
+      _this4.eventManager.emit('mouseup', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('contextmenu', function (ev) {
+      _this4.eventManager.emit('contextmenu', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('focus', function () {
+      _this4.eventManager.emit('focus', {
+        source: 'wysiwyg'
+      });
+    });
+    squire.addEventListener('blur', function () {
+      _this4.fixIMERange();
+
+      _this4.eventManager.emit('blur', {
+        source: 'wysiwyg'
+      });
+    }); // Toolbar status active/inactive
+
+    squire.addEventListener('pathChange', function (data) {
+      var state = {
+        strong: /(^B>|>B$|>B>|^B$|STRONG)/.test(data.path),
+        emph: /(>I|>EM|^I$|^EM$)/.test(data.path),
+        strike: /(^S>|>S$|>S>|^S$|DEL)/.test(data.path),
+        code: /CODE/.test(data.path),
+        codeBlock: /PRE/.test(data.path),
+        blockQuote: /BLOCKQUOTE/.test(data.path),
+        table: /TABLE/.test(data.path),
+        heading: /H[1-6]/.test(data.path),
+        list: /UL>LI(?!.task-list-item)/.test(data.path),
+        orderedList: /OL>LI(?!.task-list-item)/.test(data.path),
+        taskList: /[UL|OL]>LI.task-list-item/.test(data.path),
+        source: 'wysiwyg'
+      };
+
+      _this4.eventManager.emit('stateChange', state);
+    });
+    squire.addEventListener('willPaste', function (ev) {
+      // ev has 'fragment' when event occurs from 'insertHTML' of squire
+      // ev has 'text' when event occurs from 'insertPlainText' of squire
+      if (ev.fragment) {
+        _this4.eventManager.emit('willPaste', {
+          source: 'wysiwyg',
+          data: ev
+        });
+      }
+    });
+  };
+
+  _proto._togglePlaceholder = function _togglePlaceholder() {
+    var squire = this.getEditor();
+    squire.modifyDocument(function () {
+      var root = squire.getRoot();
+
+      if (root.textContent || root.childNodes.length > 1) {
+        root.classList.remove(PLACEHOLDER_CSS_CLASSNAME);
+      } else {
+        root.classList.add(PLACEHOLDER_CSS_CLASSNAME);
+      }
+    });
+  }
+  /**
+   * Handler of keydown event
+   * @param {object} keyboardEvent Event object
+   * @private
+   */
+  ;
+
+  _proto._onKeyDown = function _onKeyDown(keyboardEvent) {
+    var keyMap = wysiwygEditor_keyMapper.convert(keyboardEvent); // to avoid duplicate event firing in firefox
+
+    if (keyboardEvent.keyCode) {
+      this.eventManager.emit('keyMap', {
+        source: 'wysiwyg',
+        keyMap: keyMap,
+        data: keyboardEvent
+      });
+
+      if (!keyboardEvent.defaultPrevented) {
+        this.eventManager.emit('wysiwygKeyEvent', {
+          keyMap: keyMap,
+          data: keyboardEvent
+        });
+      }
+    }
+  }
+  /**
+   * Initialize default event handler
+   * @private
+   */
+  ;
+
+  _proto._initDefaultKeyEventHandler = function _initDefaultKeyEventHandler() {
+    var _this5 = this;
+
+    this.addKeyEventHandler('ENTER', function (ev, range) {
+      if (_this5._isInOrphanText(range)) {
+        // We need this cuz input text right after table make orphan text in webkit
+        _this5.defer(function () {
+          _this5._wrapDefaultBlockToOrphanTexts();
+
+          _this5.breakToNewDefaultBlock(range, 'before');
+        });
+      }
+
+      _this5.defer(function () {
+        return _this5.scrollIntoCursor();
+      });
+    });
+    this.addKeyEventHandler('TAB', function (ev) {
+      var sq = _this5.getEditor();
+
+      var range = sq.getSelection();
+
+      var isAbleToInput4Spaces = range.collapsed && _this5._isCursorNotInRestrictedAreaOfTabAction(sq);
+
+      var isTextSelection = !range.collapsed && dom["a" /* default */].isTextNode(range.commonAncestorContainer);
+      ev.preventDefault();
+
+      if (isAbleToInput4Spaces || isTextSelection) {
+        sq.insertPlainText("\xA0\xA0\xA0\xA0");
+        return false;
+      }
+
+      return true;
+    });
+    this.addKeyEventHandler('BACK_SPACE', function (ev, range, keymap) {
+      return _this5._handleRemoveKeyEvent(ev, range, keymap);
+    });
+    this.addKeyEventHandler('DELETE', function (ev, range, keymap) {
+      return _this5._handleRemoveKeyEvent(ev, range, keymap);
+    });
+  };
+
+  _proto._handleRemoveKeyEvent = function _handleRemoveKeyEvent(ev, range, keyMap) {
+    var sq = this.getEditor();
+
+    if (this._isStartHeadingOrTableAndContainsThem(range)) {
+      var keyStr = keyMap === 'BACK_SPACE' ? 'backspace' : 'delete';
+      sq.removeAllFormatting();
+
+      sq._keyHandlers[keyStr](sq, ev, sq.getSelection());
+
+      sq.removeLastUndoStack();
+      return false;
+    }
+
+    return true;
+  };
+
+  _proto._isStartHeadingOrTableAndContainsThem = function _isStartHeadingOrTableAndContainsThem(range) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset,
+        commonAncestorContainer = range.commonAncestorContainer,
+        collapsed = range.collapsed;
+    var root = this.getEditor().getRoot();
+    var result = false;
+
+    if (!collapsed && commonAncestorContainer === root) {
+      if (startContainer === root) {
+        result = FIND_TABLE_AND_HEADING_RX.test(dom["a" /* default */].getChildNodeByOffset(startContainer, startOffset).nodeName);
+      } else if (startOffset === 0) {
+        result = FIND_TABLE_AND_HEADING_RX.test(dom["a" /* default */].getParentUntil(startContainer, root).nodeName);
+      }
+    }
+
+    return result;
+  };
+
+  _proto._wrapDefaultBlockToOrphanTexts = function _wrapDefaultBlockToOrphanTexts() {
+    var textNodes = toArray_default()(this.getBody().childNodes).filter(function (node) {
+      return dom["a" /* default */].isTextNode(node);
+    });
+    dom["a" /* default */].getAllTextNode(this.getBody());
+    textNodes.forEach(function (node) {
+      if (node.nextSibling && node.nextSibling.tagName === 'BR') {
+        dom["a" /* default */].remove(node.nextSibling);
+      }
+
+      dom["a" /* default */].wrap(node, document.createElement('div'));
+    });
+  }
+  /**
+   * check if range is orphan text
+   * @param {Range} range range
+   * @returns {boolean} result
+   * @private
+   */
+  ;
+
+  _proto._isInOrphanText = function _isInOrphanText(range) {
+    return range.startContainer.nodeType === Node.TEXT_NODE && range.startContainer.parentNode === this.getBody();
+  }
+  /**
+   * Wrap default block to passed range
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._wrapDefaultBlockTo = function _wrapDefaultBlockTo(range) {
+    this.saveSelection(range);
+
+    this._joinSplitedTextNodes();
+
+    this.restoreSavedSelection();
+    range = this.getRange();
+    var textElem = range.startContainer;
+    var cursorOffset = range.startOffset; // after code below, range range is arranged by body
+
+    var block = this.getEditor().createDefaultBlock([range.startContainer]); // range for insert block
+
+    var insertTargetNode = dom["a" /* default */].getChildNodeByOffset(range.startContainer, range.startOffset);
+
+    if (insertTargetNode) {
+      range.setStartBefore(insertTargetNode);
+    } else {
+      // only child in container
+      range.selectNodeContents(range.startContainer);
+    }
+
+    range.collapse(true);
+    range.insertNode(block); // revert range to original node
+
+    range.setStart(textElem, cursorOffset);
+    range.collapse(true);
+    this.setRange(range);
+  }
+  /**
+   * Join spliated text nodes
+   * @private
+   */
+  ;
+
+  _proto._joinSplitedTextNodes = function _joinSplitedTextNodes() {
+    var prevNode, lastGroup;
+    var nodesToRemove = [];
+    var textNodes = toArray_default()(this.getBody().childNodes).filter(function (node) {
+      return dom["a" /* default */].isTextNode(node);
+    });
+    textNodes.forEach(function (node) {
+      if (prevNode === node.previousSibling) {
+        lastGroup.nodeValue += node.nodeValue;
+        nodesToRemove.push(node);
+      } else {
+        lastGroup = node;
+      }
+
+      prevNode = node;
+    });
+    dom["a" /* default */].remove(nodesToRemove);
+  }
+  /**
+   * Save current selection before modification
+   * @param {Range} range Range object
+   */
+  ;
+
+  _proto.saveSelection = function saveSelection(range) {
+    if (!range) {
+      range = this.getRange();
+    }
+
+    this.getEditor()._saveRangeToBookmark(range);
+  }
+  /**
+   * set selection by start/end container/offset
+   * @param {HTMLNode} startContainer - start container
+   * @param {Number} startOffset - start offset
+   * @param {HTMLNode} endContainer - end container
+   * @param {Number} endOffset - end offset
+   * @returns {Range} - range instance
+   */
+  ;
+
+  _proto.setSelectionByContainerAndOffset = function setSelectionByContainerAndOffset(startContainer, startOffset, endContainer, endOffset) {
+    var sq = this.getEditor();
+    var range = sq.getSelection();
+    range.setStart(startContainer, startOffset);
+    range.setEnd(endContainer, endOffset);
+    sq.setSelection(range);
+    return range;
+  }
+  /**
+   * Restore saved selection
+   */
+  ;
+
+  _proto.restoreSavedSelection = function restoreSavedSelection() {
+    this.setRange(this.getEditor()._getRangeAndRemoveBookmark());
+  }
+  /**
+   * Reset wysiwyg editor
+   */
+  ;
+
+  _proto.reset = function reset() {
+    this.setValue('');
+  }
+  /**
+   * Change current range block format to passed tag
+   * @param {string} targetTagName Target element tag name
+   */
+  ;
+
+  _proto.changeBlockFormatTo = function changeBlockFormatTo(targetTagName) {
+    this.getEditor().changeBlockFormatTo(targetTagName);
+    this.eventManager.emit('wysiwygRangeChangeAfter', this);
+  }
+  /**
+   * Make empty block to current selection
+   */
+  ;
+
+  _proto.makeEmptyBlockCurrentSelection = function makeEmptyBlockCurrentSelection() {
+    var _this6 = this;
+
+    this.getEditor().modifyBlocks(function (frag) {
+      if (!frag.textContent) {
+        frag = _this6.getEditor().createDefaultBlock();
+      }
+
+      return frag;
+    });
+  }
+  /**
+   * Focus to editor
+   */
+  ;
+
+  _proto.focus = function focus() {
+    var scrollTop = this.scrollTop();
+    this.editor.focus(); // In webkit, if contenteditable element focus method have been invoked when another input element has focus,
+    // contenteditable scroll to top automatically so we need scroll it back
+
+    if (scrollTop !== this.scrollTop()) {
+      this.scrollTop(scrollTop);
+    }
+  }
+  /**
+   * Remove focus of editor
+   */
+  ;
+
+  _proto.blur = function blur() {
+    this.editor.blur();
+  }
+  /**
+   * Remove wysiwyg editor
+   */
+  ;
+
+  _proto.remove = function remove() {
+    off_default()(this.editorContainerEl, 'scroll');
+    this.getEditor().destroy();
+    this.editor = null;
+    this.body = null;
+    this.eventManager = null;
+  }
+  /**
+   * Set editor height
+   * @param {number|string} height pixel of height or "auto"
+   */
+  ;
+
+  _proto.setHeight = function setHeight(height) {
+    this._height = height;
+    css_default()(this.editorContainerEl, {
+      overflow: 'auto',
+      height: '100%'
+    });
+    css_default()(this.editorContainerEl.parentNode, {
+      height: isNumber_default()(height) ? height + "px" : height
+    });
+    var containerStyles = this.editorContainerEl.style;
+    var bodyStyles = this.getBody().style;
+    var paddingHeight = parseInt(containerStyles.paddingTop, 10) - parseInt(containerStyles.paddingBottom, 10);
+    var marginHeight = parseInt(bodyStyles.marginTop, 10) - parseInt(bodyStyles.marginBottom, 10);
+    css_default()(this.getBody(), {
+      minHeight: height - marginHeight - paddingHeight + "px"
+    });
+  }
+  /**
+   * Set min height
+   * @param {number} minHeight - min height in px
+   */
+  ;
+
+  _proto.setMinHeight = function setMinHeight(minHeight) {
+    var editorBody = this.getBody();
+    css_default()(editorBody, 'minHeight', minHeight + "px");
+  }
+  /**
+   * Set the placeholder to wysiwyg editor
+   * @param {string} placeholder - placeholder to set
+   */
+  ;
+
+  _proto.setPlaceholder = function setPlaceholder(placeholder) {
+    if (placeholder) {
+      this.getEditor().getRoot().setAttribute('data-placeholder', placeholder);
+    }
+  }
+  /**
+   * Get attribute of link for wysiwyg
+   * @returns {object} attribute - attribute of anchor tag
+   */
+  ;
+
+  _proto.getLinkAttribute = function getLinkAttribute() {
+    return this._linkAttribute;
+  }
+  /**
+   * Set value to wysiwyg editor
+   * @param {string} html - HTML text
+   * @param {boolean} [cursorToEnd=true] - move cursor to contents end
+   */
+  ;
+
+  _proto.setValue = function setValue(html, cursorToEnd) {
+    if (cursorToEnd === void 0) {
+      cursorToEnd = true;
+    }
+
+    html = this.eventManager.emitReduce('wysiwygSetValueBefore', html);
+    this.editor.setHTML(html);
+    this.eventManager.emit('wysiwygSetValueAfter', this);
+    this.eventManager.emit('contentChangedFromWysiwyg', this);
+
+    if (cursorToEnd) {
+      this.moveCursorToEnd();
+    }
+
+    this.getEditor().preserveLastLine();
+    this.getEditor().removeLastUndoStack();
+    this.getEditor().saveUndoState();
+  }
+  /**
+   * Insert given text to cursor position or selected area
+   * @param {string} text - text string to insert
+   */
+  ;
+
+  _proto.insertText = function insertText(text) {
+    this.editor.insertPlainText(text);
+  }
+  /**
+   * Get value of wysiwyg editor
+   * @returns {string} html
+   */
+  ;
+
+  _proto.getValue = function getValue() {
+    this._prepareGetHTML();
+
+    var html = this.editor.getHTML(); // empty line replace to br
+
+    html = html.replace(FIND_EMPTY_LINE, function (match, tag) {
+      var result; // we maintain empty list
+
+      if (tag === 'li') {
+        result = match; // we maintain empty table
+      } else if (tag === 'td' || tag === 'th') {
+        result = "<" + tag + ">";
+      } else {
+        result = '
    ';
+      }
+
+      return result;
+    }); // replace a space of the first and end in span tag to  .
+
+    html = html.replace(FIND_OPENING_SPAN_WITH_SPACE, ' ');
+    html = html.replace(FIND_CLOSING_SPAN_WITH_SPACE, ' '); // remove unnecessary brs
+
+    html = html.replace(FIND_UNNECESSARY_BR, ''); // remove contenteditable block, in this case div
+
+    html = html.replace(/]*>/g, '');
+    html = html.replace(/<\/div>/g, '
    ');
+    html = this.eventManager.emitReduce('wysiwygProcessHTMLText', html);
+    return html;
+  }
+  /**
+   * Prepare before get html
+   * @private
+   */
+  ;
+
+  _proto._prepareGetHTML = function _prepareGetHTML() {
+    var _this7 = this;
+
+    this.getEditor().modifyDocument(function () {
+      _this7._joinSplitedTextNodes();
+
+      _this7.eventManager.emit('wysiwygGetValueBefore', _this7);
+    });
+  }
+  /**
+   * postProcessForChange
+   */
+  ;
+
+  _proto.postProcessForChange = function postProcessForChange() {
+    var _this8 = this;
+
+    if (!this.isEditorValid()) {
+      return;
+    }
+
+    this.getEditor().modifyDocument(function () {
+      _this8.eventManager.emit('wysiwygRangeChangeAfter', _this8);
+    });
+  }
+  /**
+   * Ready to silent change
+   */
+  ;
+
+  _proto.readySilentChange = function readySilentChange() {
+    if (canObserveMutations && !this.getEditor().isIgnoreChange()) {
+      this._silentChange = true;
+    }
+  }
+  /**
+   * Get squire
+   * @returns {SquireExt} squire
+   */
+  ;
+
+  _proto.getEditor = function getEditor() {
+    return this.editor;
+  }
+  /**
+   * Replace text of passed range
+   * @param {string} content Content for change current selection
+   * @param {Range} range range
+   */
+  ;
+
+  _proto.replaceSelection = function replaceSelection(content, range) {
+    this.getEditor().replaceSelection(content, range);
+  }
+  /**
+   * Replace content by relative offset
+   * @param {string} content Content for change current selection
+   * @param {number} offset Offset of current range
+   * @param {number} overwriteLength Length to overwrite content
+   */
+  ;
+
+  _proto.replaceRelativeOffset = function replaceRelativeOffset(content, offset, overwriteLength) {
+    this.getEditor().replaceRelativeOffset(content, offset, overwriteLength);
+  }
+  /**
+   * Add widget to selection
+   * @param {Range} range Range object
+   * @param {Node} node Widget node
+   * @param {string} style Adding style "over" or "bottom"
+   * @param {number} [offset] Offset to adjust position
+   */
+  ;
+
+  _proto.addWidget = function addWidget(range, node, style, offset) {
+    var pos = this.getEditor().getSelectionPosition(range, style, offset);
+    var editorContainerPos = dom["a" /* default */].getOffset(this.editorContainerEl);
+    this.editorContainerEl.appendChild(node);
+    css_default()(node, {
+      position: 'absolute',
+      top: pos.top - editorContainerPos.top + "px",
+      left: pos.left - editorContainerPos.left + "px"
+    });
+  }
+  /**
+   * Get body container of Squire
+   * @returns {HTMLElement} body element
+   */
+  ;
+
+  _proto.getBody = function getBody() {
+    return this.getEditor().getBody();
+  }
+  /**
+   * Check with given regexp whether current path has some format or not
+   * @param {RegExp} rx Regexp
+   * @returns {boolean} Match result
+   */
+  ;
+
+  _proto.hasFormatWithRx = function hasFormatWithRx(rx) {
+    return this.getEditor().getPath().match(rx);
+  }
+  /**
+   * Break line to new default block from passed range
+   * @param {Range} range Range object
+   * @param {string} [where] "before" or not
+   */
+  ;
+
+  _proto.breakToNewDefaultBlock = function breakToNewDefaultBlock(range, where) {
+    var div = this.editor.createDefaultBlock();
+    var currentNode = dom["a" /* default */].getChildNodeByOffset(range.startContainer, range.startOffset) || dom["a" /* default */].getChildNodeByOffset(range.startContainer, range.startOffset - 1);
+    var appendBefore = dom["a" /* default */].getParentUntil(currentNode, this.getBody());
+
+    if (where === 'before') {
+      dom["a" /* default */].insertBefore(div, appendBefore);
+    } else {
+      dom["a" /* default */].insertAfter(div, appendBefore);
+    }
+
+    range.setStart(div, 0);
+    range.collapse(true);
+    this.setRange(range);
+  }
+  /**
+   * Replace textContet of node
+   * @param {Node} container Container node
+   * @param {string} from Target text to change
+   * @param {string} to Replacement text
+   */
+  ;
+
+  _proto.replaceContentText = function replaceContentText(container, from, to) {
+    var beforeText = container.innerHTML;
+    container.innerHTML = beforeText.replace(from, to);
+  }
+  /**
+   * Unwrap Block tag of current range
+   * @param {function} [condition] iterate with tagName
+   */
+  ;
+
+  _proto.unwrapBlockTag = function unwrapBlockTag(condition) {
+    if (!condition) {
+      condition = function condition(tagName) {
+        return wysiwygEditor_FIND_BLOCK_TAGNAME_RX.test(tagName);
+      };
+    }
+
+    this.getEditor().changeBlockFormat(condition);
+    this.eventManager.emit('wysiwygRangeChangeAfter', this);
+  }
+  /**
+   * move scroll to cursor
+   * scrollIntoView browser function may cause scrolling on document.
+   * this function aims to replace scrollIntoView function to prevent that.
+   * it will move the scroll of squire only.
+   */
+  ;
+
+  _proto.scrollIntoCursor = function scrollIntoCursor() {
+    var scrollTop = this.scrollTop();
+
+    var _this$getEditor$getCu = this.getEditor().getCursorPosition(),
+        cursorTop = _this$getEditor$getCu.top,
+        cursorHeight = _this$getEditor$getCu.height;
+
+    var _this$editorContainer = this.editorContainerEl.getBoundingClientRect(),
+        editorTop = _this$editorContainer.top,
+        editorHeight = _this$editorContainer.height;
+
+    var cursorAboveEditor = cursorTop - editorTop;
+    var cursorBelowEditor = cursorTop + cursorHeight - (editorTop + editorHeight);
+
+    if (cursorAboveEditor < 0) {
+      this.scrollTop(scrollTop + cursorAboveEditor);
+    } else if (cursorBelowEditor > 0) {
+      this.scrollTop(Math.ceil(scrollTop + cursorBelowEditor));
+    }
+  }
+  /**
+   * Set cursor position to end
+   */
+  ;
+
+  _proto.moveCursorToEnd = function moveCursorToEnd() {
+    this.getEditor().moveCursorToEnd();
+    this.scrollIntoCursor();
+
+    this._correctRangeAfterMoveCursor('end');
+  }
+  /**
+   * Set cursor position to start
+   */
+  ;
+
+  _proto.moveCursorToStart = function moveCursorToStart() {
+    this.getEditor().moveCursorToStart();
+    this.scrollTop(0);
+  }
+  /**
+   * Set cursor position to start
+   * @param {number} value Scroll amount
+   * @returns {number} value of scrollTop
+   */
+  ;
+
+  _proto.scrollTop = function scrollTop(value) {
+    if (!isUndefined_default()(value)) {
+      this.editorContainerEl.scrollTop = value;
+    }
+
+    return this.editorContainerEl.scrollTop;
+  }
+  /**
+   * For arrange Range after moveCursorToEnd api invocation. Squire has bug in Firefox, IE.
+   * @param {string} direction Direction of cursor move
+   * @private
+   */
+  ;
+
+  _proto._correctRangeAfterMoveCursor = function _correctRangeAfterMoveCursor(direction) {
+    var range = this.getRange();
+    var cursorContainer = this.getBody();
+
+    if (direction === 'start') {
+      while (cursorContainer.firstChild) {
+        cursorContainer = cursorContainer.firstChild;
+      }
+    } else {
+      while (cursorContainer.lastChild) {
+        cursorContainer = cursorContainer.lastChild;
+      }
+    } // IE have problem with cursor after br
+
+
+    if (cursorContainer.tagName === 'BR') {
+      range.setStartBefore(cursorContainer);
+    } else {
+      range.setStartAfter(cursorContainer);
+    }
+
+    range.collapse(true);
+    this.setRange(range);
+  }
+  /**
+   * Get current Range object
+   * @returns {Range}
+   */
+  ;
+
+  _proto.getRange = function getRange() {
+    return this.getEditor().getSelection().cloneRange();
+  }
+  /**
+   * get IME range
+   * cjk composition causes wrong caret position.
+   * it returns fixed IME composition range
+   * @returns {Range}
+   */
+  ;
+
+  _proto.getIMERange = function getIMERange() {
+    var range;
+    var selection = getSelection();
+
+    if (selection && selection.rangeCount) {
+      range = selection.getRangeAt(0).cloneRange();
+    }
+
+    return range;
+  }
+  /**
+   * get IME range
+   * cjk composition causes wrong caret position.
+   * it sets fixed IME composition range
+   */
+  ;
+
+  _proto.fixIMERange = function fixIMERange() {
+    var range = this.getIMERange(); // range exists and it's an WYSIWYG editor content
+
+    if (range) {
+      var contentElement = dom["a" /* default */].getParentUntil(range.commonAncestorContainer, this.editorContainerEl);
+      var foundEditorElement = !!(contentElement && contentElement.parentNode);
+
+      if (foundEditorElement) {
+        this.setRange(range);
+      }
+    }
+  }
+  /**
+   * set range
+   * @param {Range} range - range to set
+   */
+  ;
+
+  _proto.setRange = function setRange(range) {
+    this.getEditor().setSelection(range);
+  }
+  /**
+   * Check whether passed range is in table or not
+   * @param {Range} range range
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isInTable = function isInTable(range) {
+    var target = range.collapsed ? range.startContainer : range.commonAncestorContainer;
+    return !!dom["a" /* default */].closest(target, '[contenteditable=true] table');
+  }
+  /**
+   * Get text object of current range
+   * @param {Range} range Range object
+   * @returns {WwTextObject}
+   */
+  ;
+
+  _proto.getTextObject = function getTextObject(range) {
+    return new wwTextObject(this, range);
+  };
+
+  _proto.defer = function defer(callback, delayOffset) {
+    var _this9 = this;
+
+    var delay = delayOffset ? delayOffset : 0;
+    setTimeout(function () {
+      if (_this9.isEditorValid()) {
+        callback(_this9);
+      }
+    }, delay);
+  };
+
+  _proto.isEditorValid = function isEditorValid() {
+    return this.getEditor() && dom["a" /* default */].isContain(document.body, this.editorContainerEl);
+  };
+
+  _proto._isCursorNotInRestrictedAreaOfTabAction = function _isCursorNotInRestrictedAreaOfTabAction(editor) {
+    return !editor.hasFormat('li') && !editor.hasFormat('blockquote') && !editor.hasFormat('table');
+  };
+
+  _proto.getSanitizer = function getSanitizer() {
+    return this._sanitizer;
+  }
+  /**
+   * WysiwygEditor factory method
+   * @param {HTMLElement} el Container element for editor
+   * @param {EventManager} eventManager EventManager instance
+   * @param {object} [options={}] - option object
+   * @returns {WysiwygEditor} wysiwygEditor
+   * @ignore
+   */
+  ;
+
+  WysiwygEditor.factory = function factory(el, eventManager, options) {
+    var wwe = new WysiwygEditor(el, eventManager, options);
+    wwe.init();
+    wwe.componentManager.addManager(wwLinkManager_WwLinkManager);
+    wwe.componentManager.addManager(wwListManager);
+    wwe.componentManager.addManager(wwTaskManager);
+    wwe.componentManager.addManager(wwTableSelectionManager);
+    wwe.componentManager.addManager(wwTableManager);
+    wwe.componentManager.addManager(wwHrManager);
+    wwe.componentManager.addManager(wwPManager);
+    wwe.componentManager.addManager(wwHeadingManager);
+    wwe.componentManager.addManager(wwCodeBlockManager);
+    return wwe;
+  };
+
+  return WysiwygEditor;
+}();
+
+/* harmony default export */ var wysiwygEditor = (wysiwygEditor_WysiwygEditor);
+// CONCATENATED MODULE: ./src/js/layout.js
+/**
+ * @fileoverview editor layout
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Editor container template
+ * @type {string}
+ * @ignore
+ */
+
+var containerTmpl = ['
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    '].join('');
+/**
+ * Class Layout
+ * @param {object} options - Option object
+ * @param {EventManager} eventManager - Event manager instance
+ * @ignore
+ */
+
+var layout_Layout = /*#__PURE__*/function () {
+  function Layout(options, eventManager) {
+    this.el = options.el;
+    this.height = options.height;
+    this.type = options.initialEditType;
+    this.eventManager = eventManager;
+    this.init();
+
+    this._initEvent();
+  }
+  /**
+   * Initializer
+   * @protected
+   */
+
+
+  var _proto = Layout.prototype;
+
+  _proto.init = function init() {
+    this._renderLayout();
+
+    this._initMarkdownAndPreviewSection();
+
+    this._initWysiwygSection();
+  }
+  /**
+   * Initialize show and hide event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    this.eventManager.listen('hide', this.hide.bind(this));
+    this.eventManager.listen('show', this.show.bind(this));
+  }
+  /**
+   * Create editor container with template
+   * @private
+   */
+  ;
+
+  _proto._renderLayout = function _renderLayout() {
+    css_default()(this.el, {
+      boxSizing: 'border-box'
+    });
+    this.containerEl = dom["a" /* default */].createElementWith(containerTmpl, this.el);
+  }
+  /**
+   * Switch editor mode to WYSIWYG
+   */
+  ;
+
+  _proto.switchToWYSIWYG = function switchToWYSIWYG() {
+    removeClass_default()(this.containerEl, 'te-md-mode');
+    addClass_default()(this.containerEl, 'te-ww-mode');
+  }
+  /**
+   * Switch editor mode to Markdown
+   */
+  ;
+
+  _proto.switchToMarkdown = function switchToMarkdown() {
+    removeClass_default()(this.containerEl, 'te-ww-mode');
+    addClass_default()(this.containerEl, 'te-md-mode');
+  }
+  /**
+   * Initialize editor to Markdown and set preview section
+   * @private
+   */
+  ;
+
+  _proto._initMarkdownAndPreviewSection = function _initMarkdownAndPreviewSection() {
+    this.mdEditorContainerEl = this.containerEl.querySelector('.te-md-container .te-editor');
+    this.previewEl = this.containerEl.querySelector('.te-md-container .te-preview');
+  }
+  /**
+   * Initialize editor to WYSIWYG
+   * @private
+   */
+  ;
+
+  _proto._initWysiwygSection = function _initWysiwygSection() {
+    this.wwEditorContainerEl = this.containerEl.querySelector('.te-ww-container .te-editor');
+  }
+  /**
+   * Set preview to vertical split style
+   * @private
+   */
+  ;
+
+  _proto._verticalSplitStyle = function _verticalSplitStyle() {
+    var mdContainer = this.containerEl.querySelector('.te-md-container');
+    removeClass_default()(mdContainer, 'te-preview-style-tab');
+    addClass_default()(mdContainer, 'te-preview-style-vertical');
+  }
+  /**
+   * Set tab style preview mode
+   * @private
+   */
+  ;
+
+  _proto._tabStyle = function _tabStyle() {
+    var mdContainer = this.containerEl.querySelector('.te-md-container');
+    removeClass_default()(mdContainer, 'te-preview-style-vertical');
+    addClass_default()(mdContainer, 'te-preview-style-tab');
+  }
+  /**
+   * Toggle preview style between tab and vertical split
+   * @param {string} style Preview style ('tab' or 'vertical')
+   */
+  ;
+
+  _proto.changePreviewStyle = function changePreviewStyle(style) {
+    if (style === 'tab') {
+      this._tabStyle();
+    } else if (style === 'vertical') {
+      this._verticalSplitStyle();
+    }
+  }
+  /**
+   * Hide Editor
+   */
+  ;
+
+  _proto.hide = function hide() {
+    addClass_default()(this.el.querySelector('.tui-editor'), 'te-hide');
+  }
+  /**
+   * Show Editor
+   */
+  ;
+
+  _proto.show = function show() {
+    removeClass_default()(this.el.querySelector('.tui-editor'), 'te-hide');
+  }
+  /**
+   * Remove Editor
+   */
+  ;
+
+  _proto.remove = function remove() {
+    dom["a" /* default */].remove(this.el.querySelector('.tui-editor'));
+  }
+  /**
+   * Get wrapped editor container element
+   * @returns {HTMLElement}
+   */
+  ;
+
+  _proto.getEditorEl = function getEditorEl() {
+    return this.containerEl;
+  }
+  /**
+   * Get wrapped preview element
+   * @returns {HTMLElement}
+   */
+  ;
+
+  _proto.getPreviewEl = function getPreviewEl() {
+    return this.previewEl;
+  }
+  /**
+   * Get wrapped Markdown editor element
+   * @returns {HTMLElement}
+   */
+  ;
+
+  _proto.getMdEditorContainerEl = function getMdEditorContainerEl() {
+    return this.mdEditorContainerEl;
+  }
+  /**
+   * Get wrapped WYSIWYG editor element
+   * @returns {HTMLElement}
+   */
+  ;
+
+  _proto.getWwEditorContainerEl = function getWwEditorContainerEl() {
+    return this.wwEditorContainerEl;
+  };
+
+  return Layout;
+}();
+
+/* harmony default export */ var js_layout = (layout_Layout);
+// EXTERNAL MODULE: ./src/js/eventManager.js
+var js_eventManager = __webpack_require__(36);
+
+// EXTERNAL MODULE: ./src/js/commandManager.js + 1 modules
+var commandManager = __webpack_require__(1);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/array/inArray.js
+var inArray = __webpack_require__(14);
+var inArray_default = /*#__PURE__*/__webpack_require__.n(inArray);
+
+// CONCATENATED MODULE: ./src/js/importManager.js
+/**
+ * @fileoverview Implement Module for managing import external data such as image
+ * @author NHN FE Development Lab 
+ */
+
+
+var URLRegex = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})(\/([^\s]*))?$/g;
+/**
+ * Class ImportManager
+ * @param {EventManager} eventManager - eventManager
+ * @ignore
+ */
+
+var importManager_ImportManager = /*#__PURE__*/function () {
+  function ImportManager(eventManager) {
+    this.eventManager = eventManager;
+
+    this._initEvent();
+
+    this._initDefaultImageImporter();
+  }
+  /**
+   * graceful decode uri component
+   * @param {string} originalURI - string to be decoded
+   * @returns {string} decoded string
+   * @static
+   */
+
+
+  ImportManager.decodeURIGraceful = function decodeURIGraceful(originalURI) {
+    var uris = originalURI.split(' ');
+    var decodedURIs = [];
+    var decodedURI;
+    forEachArray_default()(uris, function (uri) {
+      try {
+        decodedURI = decodeURIComponent(uri);
+        decodedURI = decodedURI.replace(/ /g, '%20');
+      } catch (e) {
+        decodedURI = uri;
+      }
+
+      return decodedURIs.push(decodedURI);
+    });
+    return decodedURIs.join(' ');
+  }
+  /**
+   * encode markdown critical characters
+   * @param {string} text - string to encode
+   * @returns {string} - markdown character encoded string
+   * @static
+   */
+  ;
+
+  ImportManager.encodeMarkdownCharacters = function encodeMarkdownCharacters(text) {
+    return text.replace(/\(/g, '%28').replace(/\)/g, '%29').replace(/\[/g, '%5B').replace(/\]/g, '%5D').replace(//g, '%3E');
+  }
+  /**
+   * escape markdown critical characters
+   * @param {string} text - string to escape
+   * @returns {string} - markdown character escaped string
+   * @static
+   */
+  ;
+
+  ImportManager.escapeMarkdownCharacters = function escapeMarkdownCharacters(text) {
+    return text.replace(/\(/g, '\\(').replace(/\)/g, '\\)').replace(/\[/g, '\\[').replace(/\]/g, '\\]').replace(//g, '\\>');
+  }
+  /**
+   * Initialize event handler
+   * @private
+   */
+  ;
+
+  var _proto = ImportManager.prototype;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('drop', function (ev) {
+      var items = ev.data.dataTransfer && ev.data.dataTransfer.files;
+
+      _this._processBlobItems(items, ev.data);
+    });
+    this.eventManager.listen('willPaste', function (ev) {
+      // IE has no interface to handle clipboard image. #976
+      var fragment = ev.data.fragment;
+      var descendant = fragment.querySelectorAll('*'); // only if paste event data has one img element and the element has base64 encoded image
+
+      if (descendant.length !== 1 || descendant[0].tagName !== 'IMG' || !/^data:image/.test(descendant[0].src)) {
+        return;
+      }
+
+      ev.data.preventDefault();
+      var blob = dataURItoBlob(descendant[0].src);
+
+      _this._emitAddImageBlobHook(blob, 'paste');
+    });
+    this.eventManager.listen('paste', function (ev) {
+      _this._processClipboard(ev.data);
+    });
+    this.eventManager.listen('pasteBefore', function (ev) {
+      _this._decodeURL(ev);
+    });
+  }
+  /**
+   * Initialize default image importer
+   * @private
+   */
+  ;
+
+  _proto._initDefaultImageImporter = function _initDefaultImageImporter() {
+    this.eventManager.listen('addImageBlobHook', function (blob, callback) {
+      var reader = new FileReader();
+
+      reader.onload = function (event) {
+        callback(event.target.result);
+      };
+
+      reader.readAsDataURL(blob);
+    });
+  }
+  /**
+   * Emit add image blob hook
+   * @param {object} blob - blob or file
+   * @param {string} type - type of an event the item belongs to. paste or drop
+   * @private
+   */
+  ;
+
+  _proto._emitAddImageBlobHook = function _emitAddImageBlobHook(blob, type) {
+    var _this2 = this;
+
+    this.eventManager.emit('addImageBlobHook', blob, function (imageUrl, altText) {
+      _this2.eventManager.emit('command', 'AddImage', {
+        imageUrl: imageUrl,
+        altText: altText || blob.name || 'image'
+      });
+    }, type);
+  }
+  /**
+   * Decode url when paste link
+   * @param {object} ev - event object
+   * @private
+   */
+  ;
+
+  _proto._decodeURL = function _decodeURL(ev) {
+    var decodeURIGraceful = ImportManager.decodeURIGraceful,
+        encodeMarkdownCharacters = ImportManager.encodeMarkdownCharacters;
+
+    if (ev.source === 'markdown' && ev.data.text) {
+      var texts = ev.data.text;
+      var text = texts[0];
+
+      if (texts.length === 1 && text.match(URLRegex)) {
+        text = decodeURIGraceful(text);
+        text = encodeMarkdownCharacters(text);
+        ev.data.update(null, null, [text]);
+      }
+    } else if (ev.source === 'wysiwyg') {
+      var container = ev.clipboardContainer;
+      var _container$childNodes = container.childNodes,
+          firstChild = _container$childNodes[0];
+      var _text = firstChild.innerText;
+
+      if (container.childNodes.length === 1 && firstChild.tagName === 'A' && _text.match(URLRegex)) {
+        firstChild.innerText = decodeURIGraceful(_text);
+        firstChild.href = encodeMarkdownCharacters(firstChild.href);
+      }
+    }
+  }
+  /**
+   * Get blob or excel data from clipboard
+   * @param {object} evData Clipboard data
+   * @private
+   */
+  ;
+
+  _proto._processClipboard = function _processClipboard(evData) {
+    var cbData = evData.clipboardData || window.clipboardData;
+    var blobItems = cbData && cbData.items;
+    var types = cbData.types;
+
+    if (blobItems && types && types.length === 1 && inArray_default()('Files', [].slice.call(types)) !== -1) {
+      this._processBlobItems(blobItems, evData);
+    }
+  }
+  /**
+   * Process for blob item
+   * @param {Array.} items Item array
+   * @param {object} evData Event data
+   * @private
+   */
+  ;
+
+  _proto._processBlobItems = function _processBlobItems(items, evData) {
+    var _this3 = this;
+
+    if (items) {
+      forEachArray_default()(items, function (item) {
+        if (item.type.indexOf('image') !== -1) {
+          evData.preventDefault();
+          evData.stopPropagation();
+          evData.codemirrorIgnore = true;
+          var blob = item.name ? item : item.getAsFile(); // Blob or File
+
+          _this3._emitAddImageBlobHook(blob, evData.type);
+
+          return false;
+        }
+
+        return true;
+      });
+    }
+  };
+
+  return ImportManager;
+}();
+/**
+ * data URI to Blob
+ * @param {string} dataURI - data URI string
+ * @returns {Blob} - blob data
+ * @ignore
+ */
+
+
+function dataURItoBlob(dataURI) {
+  var byteString = atob(dataURI.split(',')[1]);
+  var ab = new ArrayBuffer(byteString.length);
+  var ia = new Uint8Array(ab);
+
+  for (var i = 0; i < byteString.length; i += 1) {
+    ia[i] = byteString.charCodeAt(i);
+  }
+
+  var _dataURI$split = dataURI.split(','),
+      mimeString = _dataURI$split[0];
+
+  var blob = new Blob([ab], {
+    type: mimeString.split(':')[1].split(';')[0]
+  });
+  return blob;
+}
+
+/* harmony default export */ var importManager = (importManager_ImportManager);
+// EXTERNAL MODULE: ./src/js/convertor.js
+var convertor = __webpack_require__(37);
+
+// EXTERNAL MODULE: ./src/js/viewer.js
+var viewer = __webpack_require__(46);
+
+// EXTERNAL MODULE: ./src/js/utils/map.js
+var map = __webpack_require__(23);
+
+// CONCATENATED MODULE: ./src/js/i18n.js
+/**
+ * @fileoverview Implements i18n
+ * @author NHN FE Development Lab 
+ */
+
+
+var DEFAULT_CODE = 'en-US';
+/**
+ * Class I18n
+ * @ignore
+ */
+
+var i18n_I18n = /*#__PURE__*/function () {
+  function I18n() {
+    this._code = DEFAULT_CODE;
+    this._langs = new map["a" /* default */]();
+  }
+  /**
+   * Set locale code
+   * @param {string} code locale code
+   */
+
+
+  var _proto = I18n.prototype;
+
+  _proto.setCode = function setCode(code) {
+    this._code = code;
+  }
+  /**
+   * Set language set
+   * @param {string|string[]} codes locale code
+   * @param {object} data language set
+   */
+  ;
+
+  _proto.setLanguage = function setLanguage(codes, data) {
+    var _this = this;
+
+    codes = [].concat(codes);
+    codes.forEach(function (code) {
+      if (!_this._langs.has(code)) {
+        _this._langs.set(code, data);
+      } else {
+        var langData = _this._langs.get(code);
+
+        _this._langs.set(code, extend_default()(langData, data));
+      }
+    });
+  }
+  /**
+   * Get text of key
+   * @param {string} key key of text
+   * @param {string} code locale code
+   * @returns {string}
+   */
+  ;
+
+  _proto.get = function get(key, code) {
+    if (!code) {
+      code = this._code;
+    }
+
+    var langSet = this._langs.get(code);
+
+    if (!langSet) {
+      langSet = this._langs.get(DEFAULT_CODE);
+    }
+
+    var text = langSet[key];
+
+    if (!text) {
+      throw new Error("There is no text key \"" + key + "\" in " + code);
+    }
+
+    return text;
+  };
+
+  return I18n;
+}();
+
+
+/* harmony default export */ var i18n = (new i18n_I18n());
+// EXTERNAL MODULE: ./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
+var ResizeObserver_es = __webpack_require__(57);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isString.js
+var isString = __webpack_require__(9);
+var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isObject.js
+var isObject = __webpack_require__(54);
+var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/customEvents/customEvents.js
+var customEvents = __webpack_require__(58);
+var customEvents_default = /*#__PURE__*/__webpack_require__.n(customEvents);
+
+// CONCATENATED MODULE: ./src/js/ui/uicontroller.js
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements ui controller
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+var DOM_EVENTS = ['click', 'mousedown', 'mousemove', 'mouseup', 'mouseover', 'mouseout', 'scroll'];
+
+var _uiInstanceId = -1;
+/**
+ * get ui instance id
+ * @returns {number} - new instance id
+ * @ignore
+ */
+
+
+function makeUIInstanceId() {
+  _uiInstanceId += 1;
+  return _uiInstanceId;
+}
+/**
+ * Class UIController
+ * @param {Object} [options] - options
+ *     @param {HTMLElement} [options.rootElement] - root element
+ *     @param {string} [options.tagName] - tag name
+ *     @param {string} [options.className] - class name
+ */
+
+
+var uicontroller_UIController = /*#__PURE__*/function () {
+  /**
+   * tag name
+   * @type {string}
+   */
+
+  /**
+   * ui controller class name
+   * @type {string}
+   */
+
+  /**
+   * UI element
+   * @type {Object}
+   */
+
+  /**
+   * UI Id
+   * @type {number}
+   * @private
+   */
+  function UIController(options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    _defineProperty(this, "tagName", void 0);
+
+    _defineProperty(this, "className", void 0);
+
+    _defineProperty(this, "el", void 0);
+
+    _defineProperty(this, "_id", void 0);
+
+    options = extend_default()({
+      tagName: 'div'
+    }, options);
+    this.tagName = options.tagName;
+    this.className = options.className;
+    this._id = makeUIInstanceId();
+    this.customEventManager = new customEvents_default.a();
+
+    this._setRootElement(options.rootElement);
+  }
+  /**
+   * @param {string|object} aType - event name and selector string
+   * @param {function} aFn - event handler
+   */
+
+
+  var _proto = UIController.prototype;
+
+  _proto.on = function on(aType, aFn) {
+    var _this = this;
+
+    if (isObject_default()(aType)) {
+      forEachOwnProperties_default()(aType, function (fn, type) {
+        _this._addEvent(type, fn);
+      });
+    } else {
+      this._addEvent(aType, aFn);
+    }
+  };
+
+  _proto._bindDomEvent = function _bindDomEvent(event, selector, fn) {
+    if (selector) {
+      dom["a" /* default */].findAll(this.el, selector).forEach(function (el) {
+        on_default()(el, event, fn);
+      });
+    } else {
+      on_default()(this.el, event, fn);
+    }
+  }
+  /**
+   * bind event
+   * @param {string} type - event name and selector
+   * @param {function} fn - handler function
+   * @private
+   */
+  ;
+
+  _proto._addEvent = function _addEvent(type, fn) {
+    var _this$_parseEventType = this._parseEventType(type),
+        event = _this$_parseEventType.event,
+        selector = _this$_parseEventType.selector;
+
+    if (inArray_default()(event, DOM_EVENTS) > -1) {
+      this._bindDomEvent(event, selector, fn);
+    } else {
+      this.customEventManager.on(event, fn);
+    }
+  };
+
+  _proto._unbindDomEvent = function _unbindDomEvent(event, selector, fn) {
+    if (selector) {
+      dom["a" /* default */].findAll(this.el, selector).forEach(function (el) {
+        off_default()(el, event, fn);
+      });
+    } else {
+      off_default()(this.el, event, fn);
+    }
+  }
+  /**
+   * unbind event handler
+   * @param {string} type - event name and selector
+   * @param {function} fn - handler function
+   */
+  ;
+
+  _proto.off = function off(type, fn) {
+    var _this$_parseEventType2 = this._parseEventType(type),
+        event = _this$_parseEventType2.event,
+        selector = _this$_parseEventType2.selector;
+
+    if (inArray_default()(event, DOM_EVENTS) > -1) {
+      this._unbindDomEvent(event, selector, fn);
+    } else {
+      this.customEventManager.off(event, fn);
+    }
+  }
+  /**
+   * parse string into event name & selector
+   * 'click td' => ['click', 'td']
+   * @param {string} type - string to be parsed
+   * @returns {Object} event, selector
+   * @private
+   */
+  ;
+
+  _proto._parseEventType = function _parseEventType(type) {
+    var splitType = type.split(' ');
+    var event = splitType.shift();
+    var selector = splitType.join(' ');
+    return {
+      event: event,
+      selector: selector
+    };
+  }
+  /**
+   * set root element
+   * @param {HTMLElement} el - root element
+   * @private
+   */
+  ;
+
+  _proto._setRootElement = function _setRootElement(el) {
+    if (!el) {
+      var tagName = this.tagName;
+      el = document.createElement(tagName);
+      el.className = this.className || "uic" + this._id;
+    }
+
+    this.el = el;
+  }
+  /**
+   * trigger event
+   * @param {string} eventName - event name
+   * @param {*} eventData - event data
+   */
+  ;
+
+  _proto.trigger = function trigger(eventName, eventData) {
+    this.customEventManager.fire(eventName, eventData);
+  }
+  /**
+   * remove
+   */
+  ;
+
+  _proto.remove = function remove() {
+    if (this.el) {
+      dom["a" /* default */].remove(this.el);
+    }
+  }
+  /**
+   * destroy
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    var _this2 = this;
+
+    this.remove();
+    forEachOwnProperties_default()(this, function (value, key) {
+      _this2[key] = null;
+    });
+  };
+
+  return UIController;
+}();
+
+/* harmony default export */ var uicontroller = (uicontroller_UIController);
+// CONCATENATED MODULE: ./src/js/ui/toolbarItem.js
+function toolbarItem_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function toolbarItem_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements Toolbar Item
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Class ToolbarItem
+ * @param {Object} [options={name: 'toolbar-item'}] [description]
+ */
+
+var toolbarItem_ToolbarItem = /*#__PURE__*/function (_UIController) {
+  toolbarItem_inheritsLoose(ToolbarItem, _UIController);
+
+  /**
+   * item name
+   * @type {String}
+   * @static
+   * @private
+   */
+
+  /**
+   * toolbar item class name
+   * @type {String}
+   * @static
+   * @private
+   */
+  function ToolbarItem(options) {
+    var _this;
+
+    if (options === void 0) {
+      options = {
+        name: ToolbarItem.name
+      };
+    }
+
+    _this = _UIController.call(this, extend_default()({
+      className: ToolbarItem.className
+    }, options)) || this;
+    _this._name = options.name;
+    return _this;
+  }
+  /**
+   * get the name of the toolbar item
+   * @returns {string} - the name of the toolbar item
+   */
+
+
+  var _proto = ToolbarItem.prototype;
+
+  _proto.getName = function getName() {
+    return this._name;
+  };
+
+  return ToolbarItem;
+}(uicontroller);
+
+toolbarItem_defineProperty(toolbarItem_ToolbarItem, "name", 'item');
+
+toolbarItem_defineProperty(toolbarItem_ToolbarItem, "className", 'tui-toolbar-item');
+
+/* harmony default export */ var ui_toolbarItem = (toolbarItem_ToolbarItem);
+// CONCATENATED MODULE: ./src/js/ui/tooltip.js
+/**
+ * @fileoverview Implements tooltip
+ * @author NHN FE Development Lab 
+ */
+
+
+var TOOLTIP_CONTENT = '
    ';
+var TOOLTIP_TOP_INDENT = 7;
+/**
+ * Class Tooltip
+ * @ignore
+ */
+
+var tooltip_Tooltip = /*#__PURE__*/function () {
+  function Tooltip() {
+    this.el = dom["a" /* default */].createElementWith("
    " + TOOLTIP_CONTENT + "
    ");
+    document.body.appendChild(this.el);
+    this.hide();
+  }
+  /**
+   * show tooltop
+   * @param {HTMLElement} target - target element to bind
+   * @param {String} text - text to show
+   */
+
+
+  var _proto = Tooltip.prototype;
+
+  _proto.show = function show(target, text) {
+    var targetRect = target.getBoundingClientRect();
+    var left = targetRect.left + window.pageXOffset;
+    var top = targetRect.top + window.pageYOffset;
+    css_default()(this.el, {
+      top: top + target.clientHeight + TOOLTIP_TOP_INDENT + "px",
+      left: left + 3 + "px"
+    });
+    this.el.querySelector('.text').innerHTML = text;
+    css_default()(this.el, {
+      display: 'block'
+    });
+  };
+
+  _proto.hide = function hide() {
+    css_default()(this.el, {
+      display: 'none'
+    });
+  };
+
+  _proto.remove = function remove() {
+    dom["a" /* default */].remove(this.el);
+  };
+
+  return Tooltip;
+}();
+
+/* harmony default export */ var tooltip = (new tooltip_Tooltip());
+// CONCATENATED MODULE: ./src/js/ui/toolbarButton.js
+function toolbarButton_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function toolbarButton_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function toolbarButton_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements UI ToolbarButton
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * @typedef {object} toolbarItemsValue
+ * @property {string} type - type of toolbar item (default value is 'button')
+ * @property {toolbarButtonOptions} options - options of toolbar item
+ */
+
+/**
+ * @typedef {object} toolbarButtonOptions
+ * @property {HTMLElement} el - target element
+ * @property {string} className - button's class name
+ * @property {string} command - command name to execute on click
+ * @property {string} event - event name to trigger on click
+ * @property {string} text - text on button
+ * @property {string} tooltip - text on tooltip
+ * @property {string} style - button's style
+ * @property {string} state - button's state
+ */
+
+/**
+ * Class ToolbarButton UI
+ * @param {toolbarButtonOptions} options - button options
+ * @ignore
+ */
+
+var toolbarButton_ToolbarButton = /*#__PURE__*/function (_ToolbarItem) {
+  toolbarButton_inheritsLoose(ToolbarButton, _ToolbarItem);
+
+  /**
+   * item name
+   * @type {String}
+   * @static
+   */
+
+  /**
+   * ToolbarItem className
+   * @type {String}
+   * @static
+   */
+  function ToolbarButton(options) {
+    var _this;
+
+    if (options === void 0) {
+      options = {
+        tagName: 'button',
+        name: ToolbarButton.name
+      };
+    }
+
+    _this = _ToolbarItem.call(this, {
+      name: options.name,
+      tagName: 'button',
+      className: options.className + " " + ToolbarButton.className,
+      rootElement: options.el
+    }) || this;
+
+    _this._setOptions(options);
+
+    _this._render();
+
+    _this.on('click', _this._onClick.bind(toolbarButton_assertThisInitialized(_this)));
+
+    if (options.tooltip) {
+      _this.on('mouseover', _this._onOver.bind(toolbarButton_assertThisInitialized(_this)));
+
+      _this.on('mouseout', _this._onOut.bind(toolbarButton_assertThisInitialized(_this)));
+    }
+
+    return _this;
+  }
+  /**
+   * set tooltip text
+   * @param {string} text - tooltip text to show
+   */
+
+
+  var _proto = ToolbarButton.prototype;
+
+  _proto.setTooltip = function setTooltip(text) {
+    this._tooltip = text;
+  };
+
+  _proto._setOptions = function _setOptions(options) {
+    this._command = options.command;
+    this._event = options.event;
+    this._text = options.text;
+    this._tooltip = options.tooltip;
+    this._style = options.style;
+    this._state = options.state;
+  };
+
+  _proto._render = function _render() {
+    var text = document.createTextNode(this._text || '');
+    this.el.appendChild(text);
+    this.el.setAttribute('type', 'button');
+
+    if (this._style) {
+      this.el.setAttribute('style', this._style);
+    }
+  };
+
+  _proto._onClick = function _onClick() {
+    if (!this.isEnabled()) {
+      return;
+    }
+
+    if (this._command) {
+      this.trigger('command', this._command);
+    } else if (this._event) {
+      this.trigger('event', this._event);
+    }
+
+    this.trigger('clicked');
+  };
+
+  _proto._onOver = function _onOver() {
+    if (!this.isEnabled()) {
+      return;
+    }
+
+    tooltip.show(this.el, this._tooltip);
+  };
+
+  _proto._onOut = function _onOut() {
+    tooltip.hide();
+  }
+  /**
+   * enable button
+   */
+  ;
+
+  _proto.enable = function enable() {
+    this.el.disabled = false;
+  }
+  /**
+   * disable button
+   */
+  ;
+
+  _proto.disable = function disable() {
+    this.el.disabled = true;
+  }
+  /**
+   * check whether this button is enabled
+   * @returns {Boolean} - true for enabled
+   */
+  ;
+
+  _proto.isEnabled = function isEnabled() {
+    return !this.el.disabled;
+  };
+
+  return ToolbarButton;
+}(ui_toolbarItem);
+
+toolbarButton_defineProperty(toolbarButton_ToolbarButton, "name", 'button');
+
+toolbarButton_defineProperty(toolbarButton_ToolbarButton, "className", 'tui-toolbar-icons');
+
+/* harmony default export */ var toolbarButton = (toolbarButton_ToolbarButton);
+// CONCATENATED MODULE: ./src/js/ui/toolbarDivider.js
+function toolbarDivider_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function toolbarDivider_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements Toolbar Divider
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class ToolbarDivider
+ * @ignore
+ */
+
+var ToolbarDivider = /*#__PURE__*/function (_ToolbarItem) {
+  toolbarDivider_inheritsLoose(ToolbarDivider, _ToolbarItem);
+
+  /**
+   * item name
+   * @type {String}
+   * @static
+   */
+
+  /**
+   * item class name
+   * @type {String}
+   * @static
+   */
+  function ToolbarDivider() {
+    return _ToolbarItem.call(this, {
+      name: ToolbarDivider.name,
+      tagName: 'div',
+      className: ToolbarDivider.className
+    }) || this;
+  }
+
+  return ToolbarDivider;
+}(ui_toolbarItem);
+
+toolbarDivider_defineProperty(ToolbarDivider, "name", 'divider');
+
+toolbarDivider_defineProperty(ToolbarDivider, "className", 'tui-toolbar-divider');
+
+/* harmony default export */ var toolbarDivider = (ToolbarDivider);
+// CONCATENATED MODULE: ./src/js/ui/toolbarItemFactory.js
+/**
+ * @fileoverview Implements Toolbar Item Factory
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Toolbar Item Factory
+ * @ignore
+ */
+
+var toolbarItemFactory_ToolbarItemFactory = /*#__PURE__*/function () {
+  function ToolbarItemFactory() {}
+
+  /**
+   * create toolbar item instance
+   * @param {string} name - toolbar item name
+   * @param {object} [options] - options to the constructor
+   * @return {ToolbarItem} - created toolbar item instance
+   * @static
+   */
+
+  /* eslint-disable complexity */
+  ToolbarItemFactory.create = function create(name, options) {
+    var toolbarItem;
+
+    switch (name) {
+      case 'heading':
+        toolbarItem = new toolbarButton({
+          name: 'heading',
+          className: 'tui-heading',
+          event: 'openHeadingSelect',
+          tooltip: i18n.get('Headings'),
+          state: 'heading'
+        });
+        break;
+
+      case 'bold':
+        toolbarItem = new toolbarButton({
+          name: 'bold',
+          className: 'tui-bold',
+          command: 'Bold',
+          tooltip: i18n.get('Bold'),
+          state: 'strong'
+        });
+        break;
+
+      case 'italic':
+        toolbarItem = new toolbarButton({
+          name: 'italic',
+          className: 'tui-italic',
+          command: 'Italic',
+          tooltip: i18n.get('Italic'),
+          state: 'emph'
+        });
+        break;
+
+      case 'strike':
+        toolbarItem = new toolbarButton({
+          name: 'strike',
+          className: 'tui-strike',
+          command: 'Strike',
+          tooltip: i18n.get('Strike'),
+          state: 'strike'
+        });
+        break;
+
+      case 'hr':
+        toolbarItem = new toolbarButton({
+          name: 'hr',
+          className: 'tui-hrline',
+          command: 'HR',
+          tooltip: i18n.get('Line'),
+          state: 'thematicBreak'
+        });
+        break;
+
+      case 'quote':
+        toolbarItem = new toolbarButton({
+          name: 'quote',
+          className: 'tui-quote',
+          command: 'Blockquote',
+          tooltip: i18n.get('Blockquote'),
+          state: 'blockQuote'
+        });
+        break;
+
+      case 'ul':
+        toolbarItem = new toolbarButton({
+          name: 'ul',
+          className: 'tui-ul',
+          command: 'UL',
+          tooltip: i18n.get('Unordered list'),
+          state: 'list'
+        });
+        break;
+
+      case 'ol':
+        toolbarItem = new toolbarButton({
+          name: 'ol',
+          className: 'tui-ol',
+          command: 'OL',
+          tooltip: i18n.get('Ordered list'),
+          state: 'orderedList'
+        });
+        break;
+
+      case 'task':
+        toolbarItem = new toolbarButton({
+          name: 'task',
+          className: 'tui-task',
+          command: 'Task',
+          tooltip: i18n.get('Task'),
+          state: 'taskList'
+        });
+        break;
+
+      case 'table':
+        toolbarItem = new toolbarButton({
+          name: 'table',
+          className: 'tui-table',
+          event: 'openPopupAddTable',
+          tooltip: i18n.get('Insert table'),
+          state: 'table'
+        });
+        break;
+
+      case 'image':
+        toolbarItem = new toolbarButton({
+          name: 'image',
+          className: 'tui-image',
+          event: 'openPopupAddImage',
+          tooltip: i18n.get('Insert image'),
+          state: ''
+        });
+        break;
+
+      case 'link':
+        toolbarItem = new toolbarButton({
+          name: 'link',
+          className: 'tui-link',
+          event: 'openPopupAddLink',
+          tooltip: i18n.get('Insert link')
+        });
+        break;
+
+      case 'code':
+        toolbarItem = new toolbarButton({
+          name: 'code',
+          className: 'tui-code',
+          command: 'Code',
+          tooltip: i18n.get('Code'),
+          state: 'code'
+        });
+        break;
+
+      case 'codeblock':
+        toolbarItem = new toolbarButton({
+          name: 'codeblock',
+          className: 'tui-codeblock',
+          command: 'CodeBlock',
+          tooltip: i18n.get('Insert CodeBlock'),
+          state: 'codeBlock'
+        });
+        break;
+
+      case 'indent':
+        toolbarItem = new toolbarButton({
+          name: 'indent',
+          className: 'tui-indent',
+          command: 'Indent',
+          tooltip: i18n.get('Indent')
+        });
+        break;
+
+      case 'outdent':
+        toolbarItem = new toolbarButton({
+          name: 'outdent',
+          className: 'tui-outdent',
+          command: 'Outdent',
+          tooltip: i18n.get('Outdent')
+        });
+        break;
+
+      case 'divider':
+        toolbarItem = new toolbarDivider();
+        break;
+
+      case 'button':
+        toolbarItem = new toolbarButton(options);
+        break;
+
+      case 'item':
+      default:
+        toolbarItem = new ui_toolbarItem(options);
+    }
+
+    return toolbarItem;
+  }
+  /* eslint-enable complexity */
+  ;
+
+  return ToolbarItemFactory;
+}();
+
+/* harmony default export */ var toolbarItemFactory = (toolbarItemFactory_ToolbarItemFactory);
+// CONCATENATED MODULE: ./src/js/ui/toolbar.js
+function toolbar_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function toolbar_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function toolbar_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements toolbar
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+/**
+ * Class Toolbar
+ * @param {EventManager} eventManager - event manager
+ * @param {ToolbarItem[]} [items=[]] - toolbar items
+ */
+
+var toolbar_Toolbar = /*#__PURE__*/function (_UIController) {
+  toolbar_inheritsLoose(Toolbar, _UIController);
+
+  /**
+   * items
+   * @type {Array}
+   * @private
+   */
+
+  /**
+   * event manager
+   * @type {EventManager}
+   * @private
+   */
+  function Toolbar(eventManager, items) {
+    var _this;
+
+    if (items === void 0) {
+      items = [];
+    }
+
+    _this = _UIController.call(this, {
+      tagName: 'div',
+      className: 'tui-editor-defaultUI-toolbar'
+    }) || this;
+
+    toolbar_defineProperty(toolbar_assertThisInitialized(_this), "_items", []);
+
+    toolbar_defineProperty(toolbar_assertThisInitialized(_this), "_eventManager", void 0);
+
+    _this._eventManager = eventManager;
+
+    _this.setItems(items);
+
+    _this._initEvent(eventManager);
+
+    return _this;
+  }
+  /**
+   * init event
+   * @param  {EventManager} eventManager - event manager
+   * @private
+   * @override
+   */
+
+
+  var _proto = Toolbar.prototype;
+
+  _proto._initEvent = function _initEvent(eventManager) {
+    var _this2 = this;
+
+    eventManager.listen('stateChange', function (ev) {
+      _this2._items.forEach(function (item) {
+        if (item._state) {
+          dom["a" /* default */].toggleClass(item.el, 'active', !!ev[item._state]);
+        }
+      });
+    });
+    eventManager.listen('changePreviewTabPreview', function () {
+      return _this2.disableAllButton();
+    });
+    eventManager.listen('changePreviewTabWrite', function () {
+      return _this2.enableAllButton();
+    });
+    eventManager.listen('changeMode', function () {
+      return _this2.enableAllButton();
+    });
+  }
+  /**
+   * disable all toolbar button
+   */
+  ;
+
+  _proto.disableAllButton = function disableAllButton() {
+    this._items.forEach(function (item) {
+      if (item instanceof toolbarButton) {
+        item.disable();
+      }
+    });
+  }
+  /**
+   * enable all toolbar button
+   */
+  ;
+
+  _proto.enableAllButton = function enableAllButton() {
+    this._items.forEach(function (item) {
+      if (item instanceof toolbarButton) {
+        item.enable();
+      }
+    });
+  }
+  /**
+   * get toolbar items
+   * @returns {ToolbarItem[]} - toolbar items
+   */
+  ;
+
+  _proto.getItems = function getItems() {
+    return this._items.slice(0);
+  }
+  /**
+   * get toolbar item at given index
+   * @param  {number} index - item index
+   * @returns {ToolbarItem} - toolbar item at the index
+   */
+  ;
+
+  _proto.getItem = function getItem(index) {
+    return this._items[index];
+  }
+  /**
+   * set toolbar items
+   * @param {ToolbarItem[]} items - toolbar items
+   */
+  ;
+
+  _proto.setItems = function setItems(items) {
+    this.removeAllItems();
+    items.forEach(this.addItem.bind(this));
+  }
+  /**
+   * add toolbar item
+   * @param {ToolbarItem|string|object} item - toolbar item
+   */
+  ;
+
+  _proto.addItem = function addItem(item) {
+    this.insertItem(this._items.length, item);
+  }
+  /**
+   * insert toolbar item
+   * @param  {number} index - index at given item inserted
+   * @param  {ToolbarItem|string|object} item - toolbar item
+   */
+  ;
+
+  _proto.insertItem = function insertItem(index, item) {
+    var _this3 = this;
+
+    if (isString_default()(item)) {
+      item = toolbarItemFactory.create(item);
+    } else if (isString_default()(item.type)) {
+      item = toolbarItemFactory.create(item.type, item.options);
+    }
+
+    var children = this.el.children;
+
+    if (index >= 0 && index < children.length) {
+      dom["a" /* default */].insertBefore(item.el, children[index]);
+
+      this._items.splice(index, 0, item);
+    } else {
+      this.el.appendChild(item.el);
+
+      this._items.push(item);
+    }
+
+    item.onCommandHandler = function (commandName) {
+      return _this3._eventManager.emit('command', commandName);
+    };
+
+    item.onEventHandler = function (eventName) {
+      return _this3._eventManager.emit(eventName);
+    };
+
+    item.on('command', item.onCommandHandler);
+    item.on('event', item.onEventHandler);
+  }
+  /**
+   * get index of given item
+   * @param  {ToolbarItem} item - toolbar item
+   * @returns {number} - index of given toolbar item
+   */
+  ;
+
+  _proto.indexOfItem = function indexOfItem(item) {
+    var index;
+
+    if (item instanceof ui_toolbarItem) {
+      index = this._items.indexOf(item);
+    } else if (isString_default()(item)) {
+      var itemName = item;
+      index = this._items.map(function (itemToTest) {
+        return itemToTest.getName();
+      }).indexOf(itemName);
+    }
+
+    return index;
+  }
+  /**
+   * remove an item
+   * @param  {ToolbarItem|number} item - an toolbar item or index of the item to remove
+   * @param  {boolean} destroy - destroy item or not
+   * @returns {ToolbarItem|undefined} - removed item
+   */
+  ;
+
+  _proto.removeItem = function removeItem(item, destroy) {
+    if (destroy === void 0) {
+      destroy = true;
+    }
+
+    var index;
+    var removedItem;
+
+    if (item instanceof ui_toolbarItem) {
+      index = this.indexOfItem(item);
+    } else {
+      index = item;
+    }
+
+    if (index >= 0) {
+      removedItem = this._items.splice(index, 1)[0];
+    }
+
+    if (removedItem) {
+      if (destroy) {
+        removedItem.destroy();
+      } else {
+        removedItem.off('command', removedItem.onCommandHandler);
+        removedItem.off('event', removedItem.onEventHandler);
+        dom["a" /* default */].remove(removedItem.el);
+      }
+    }
+
+    return removedItem;
+  }
+  /**
+   * remove all toolbar items
+   */
+  ;
+
+  _proto.removeAllItems = function removeAllItems() {
+    while (this._items && this._items.length > 0) {
+      this.removeItem(0);
+    }
+  }
+  /**
+   * destroy instance
+   * @override
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    this.removeAllItems();
+
+    _UIController.prototype.destroy.call(this);
+  };
+
+  return Toolbar;
+}(uicontroller);
+
+/* harmony default export */ var ui_toolbar = (toolbar_Toolbar);
+// CONCATENATED MODULE: ./src/js/ui/layerpopup.js
+function layerpopup_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function layerpopup_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements LayerPopup
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+var CLASS_PREFIX = 'tui-popup-';
+var CLASS_FIT_WINDOW = 'fit-window';
+var LAYOUT_TEMPLATE_MODELESS = "
    \n        \n        
    \n            \n        
    \n    
    \n    
    ";
+var LAYOUT_TEMPLATE_MODAL = "
    \n        
    \n            \n            
    \n                \n            
    \n        
    \n        
    \n    
    ";
+/**
+ * A number, or a string containing a number.
+ * @typedef {object} LayerPopupOption
+ * @property {string[]} [openerCssQuery] - Css Query list to bind clickevent that open popup
+ * @property {string[]} [closerCssQuery] - Css Query list to bind clickevent that close popup
+ * @property {HTMLElement} el - popup root element
+ * @property {HTMLElement|string} [content] - popup content that html string or element
+ * @property {string} [textContent] - popup text content
+ * @property {string} title - popup title
+ * @property {boolean} [header] - whether to draw header
+ * @property {HTMLElement} [target] - element to append popup
+ * @property {boolean} modal - true: modal, false: modeless
+ * @property {string} [headerButtons] - replace header(close) button
+ */
+
+/**
+ * Class LayerPopup
+ * @param {LayerPopupOption} options - popup option
+ */
+
+var layerpopup_LayerPopup = /*#__PURE__*/function (_UIController) {
+  layerpopup_inheritsLoose(LayerPopup, _UIController);
+
+  function LayerPopup(options) {
+    var _this;
+
+    options = extend_default()({
+      header: true,
+      target: document.body,
+      textContent: ''
+    }, options);
+    _this = _UIController.call(this, {
+      tagName: 'div',
+      className: options.modal ? CLASS_PREFIX + "modal-background" : CLASS_PREFIX + "wrapper",
+      rootElement: options.el
+    }) || this;
+    _this._clickEventMap = {};
+    _this._onClickCloseButton = _this.hide.bind(layerpopup_assertThisInitialized(_this));
+
+    _this._initInstance(options);
+
+    _this._initDOM(options);
+
+    _this._initDOMEvent(options);
+
+    _this._initEditorEvent(options);
+
+    return _this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   */
+
+
+  var _proto = LayerPopup.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    this._target = options.target;
+
+    if (options.el) {
+      this.el = options.el;
+      this._isExternalHtmlUse = true;
+    }
+
+    if (options.content) {
+      this.content = options.content;
+    } else {
+      this.content = options.textContent;
+    }
+
+    this.options = options;
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   */
+  ;
+
+  _proto._initDOM = function _initDOM() {
+    this._initLayout();
+
+    if (!this._isExternalHtmlUse) {
+      if (isExisty_default()(this.options.title)) {
+        this.setTitle(this.options.title);
+      }
+
+      this.setContent(this.content);
+    }
+
+    var buttons = this.options.headerButtons;
+
+    if (buttons) {
+      var closeButtons = dom["a" /* default */].findAll(this.el, "." + CLASS_PREFIX + "close-button");
+      closeButtons.forEach(function (button) {
+        dom["a" /* default */].remove(button);
+      });
+      var buttonWrapper = this.el.querySelector("." + CLASS_PREFIX + "header-buttons");
+      dom["a" /* default */].empty(buttonWrapper);
+      buttonWrapper.innerHTML = buttons;
+    }
+
+    if (this.options.css) {
+      css_default()(this.el, this.options.css);
+    }
+  }
+  /**
+   * bind DOM events
+   * @private
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this2 = this;
+
+    var _this$options = this.options,
+        openerCssQuery = _this$options.openerCssQuery,
+        closerCssQuery = _this$options.closerCssQuery;
+    var _document = document,
+        body = _document.body;
+
+    if (openerCssQuery) {
+      dom["a" /* default */].findAll(body, openerCssQuery).forEach(function (el) {
+        var eventKey = "click." + _this2._id;
+        _this2._clickEventMap[eventKey] = _this2.show.bind(_this2);
+        on_default()(el, 'click', _this2._clickEventMap[eventKey]);
+      });
+    }
+
+    if (closerCssQuery) {
+      dom["a" /* default */].findAll(body, closerCssQuery).forEach(function (el) {
+        var eventKey = "click." + _this2._id;
+        _this2._clickEventMap[eventKey] = _this2.hide.bind(_this2);
+        on_default()(el, 'click', _this2._clickEventMap[eventKey]);
+      });
+    }
+
+    this.on("click ." + CLASS_PREFIX + "close-button", this._onClickCloseButton);
+  }
+  /**
+   * bind editor events
+   * @private
+   * @abstract
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {};
+
+  _proto._initLayout = function _initLayout() {
+    var options = this.options;
+
+    if (!this._isExternalHtmlUse) {
+      var layout = options.modal ? LAYOUT_TEMPLATE_MODAL : LAYOUT_TEMPLATE_MODELESS;
+      this.el.innerHTML = layout;
+
+      if (options.className) {
+        addClass_default.a.apply(void 0, [this.el].concat(options.className.split(/\s+/g)));
+      }
+
+      this.hide();
+
+      this._target.appendChild(this.el);
+
+      this.body = this.el.querySelector("." + CLASS_PREFIX + "body");
+
+      if (!options.header) {
+        dom["a" /* default */].remove(this.el.querySelector("." + CLASS_PREFIX + "header"));
+      }
+    } else {
+      this.hide();
+
+      this._target.appendChild(this.el);
+    }
+  }
+  /**
+   * set popup content
+   * @param {HTMLElement|string} content - content
+   */
+  ;
+
+  _proto.setContent = function setContent(content) {
+    dom["a" /* default */].empty(this.body);
+
+    if (isString_default()(content)) {
+      this.body.innerHTML = content;
+    } else {
+      this.body.appendChild(content);
+    }
+  }
+  /**
+   * set title
+   * @param {string} title - title text
+   */
+  ;
+
+  _proto.setTitle = function setTitle(title) {
+    var titleWrapper = this.el.querySelector("." + CLASS_PREFIX + "title");
+    dom["a" /* default */].empty(titleWrapper);
+    titleWrapper.innerHTML = title;
+  }
+  /**
+   * get title element
+   * @returns {HTMLElement} - title html element
+   */
+  ;
+
+  _proto.getTitleElement = function getTitleElement() {
+    return this.el.querySelector("." + CLASS_PREFIX + "title");
+  }
+  /**
+   * hide popup
+   */
+  ;
+
+  _proto.hide = function hide() {
+    css_default()(this.el, {
+      display: 'none'
+    });
+    this._isShow = false;
+    this.trigger('hidden', this);
+  }
+  /**
+   * show popup
+   */
+  ;
+
+  _proto.show = function show() {
+    css_default()(this.el, {
+      display: 'block'
+    });
+    this._isShow = true;
+    this.trigger('shown', this);
+  }
+  /**
+   * whether this popup is visible
+   * @returns {boolean} - true: shown, false: hidden
+   */
+  ;
+
+  _proto.isShow = function isShow() {
+    return this._isShow;
+  }
+  /**
+   * remove popup content
+   */
+  ;
+
+  _proto.remove = function remove() {
+    var _this3 = this;
+
+    var _this$options2 = this.options,
+        openerCssQuery = _this$options2.openerCssQuery,
+        closerCssQuery = _this$options2.closerCssQuery;
+    var _document2 = document,
+        body = _document2.body;
+    this.trigger('remove', this);
+    this.off("click ." + CLASS_PREFIX + "close-button", this._onClickCloseButton);
+
+    if (openerCssQuery) {
+      dom["a" /* default */].findAll(body, openerCssQuery).forEach(function (opener) {
+        off_default()(opener, 'click', _this3._clickEventMap["click." + _this3._id]);
+        delete _this3._clickEventMap["click." + _this3._id];
+      });
+    }
+
+    if (closerCssQuery) {
+      dom["a" /* default */].findAll(body, closerCssQuery).forEach(function (closer) {
+        off_default()(closer, 'click', _this3._clickEventMap["click." + _this3._id]);
+        delete _this3._clickEventMap["click." + _this3._id];
+      });
+    }
+
+    dom["a" /* default */].remove(this.el);
+    this.el = null;
+  }
+  /**
+   * make popup size fit to window
+   * @param {boolean} fit - true to make popup fit to window
+   * @protected
+   * @ignore
+   */
+  ;
+
+  _proto.setFitToWindow = function setFitToWindow(fit) {
+    dom["a" /* default */].toggleClass(this.el, CLASS_FIT_WINDOW, fit);
+  }
+  /**
+   * make popup size fit to window
+   * @returns {boolean} - true for fit to window
+   * @protected
+   * @ignore
+   */
+  ;
+
+  _proto.isFitToWindow = function isFitToWindow() {
+    return hasClass_default()(this.el, CLASS_FIT_WINDOW);
+  }
+  /**
+   * toggle size fit to window
+   * @returns {boolean} - true for fit to window
+   * @protected
+   * @ignore
+   */
+  ;
+
+  _proto.toggleFitToWindow = function toggleFitToWindow() {
+    var fitToWindow = !this.isFitToWindow();
+    this.setFitToWindow(fitToWindow);
+    return fitToWindow;
+  };
+
+  return LayerPopup;
+}(uicontroller);
+
+/* harmony default export */ var layerpopup = (layerpopup_LayerPopup);
+// CONCATENATED MODULE: ./src/js/ui/popupDropdownToolbar.js
+function popupDropdownToolbar_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function popupDropdownToolbar_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview implements DefaultToolbar
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+/**
+ * Class PopupDropdownToolbar
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+var popupDropdownToolbar_PopupDropdownToolbar = /*#__PURE__*/function (_LayerPopup) {
+  popupDropdownToolbar_inheritsLoose(PopupDropdownToolbar, _LayerPopup);
+
+  /**
+   * open event string
+   * @type {string}
+   */
+  function PopupDropdownToolbar(options) {
+    options = extend_default()({
+      header: false,
+      className: 'te-dropdown-toolbar'
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * get toolbar instance it contains
+   * @returns {Toolbar} - toolbar instance
+   */
+
+
+  var _proto = PopupDropdownToolbar.prototype;
+
+  _proto.getToolbar = function getToolbar() {
+    return this._toolbar;
+  }
+  /**
+   * get toolbar items
+   * @returns {ToolbarItem[]} - toolbar items
+   */
+  ;
+
+  _proto.getItems = function getItems() {
+    return this.getToolbar().getItems();
+  }
+  /**
+   * get toolbar item at given index
+   * @param  {number} index - item index
+   * @returns {ToolbarItem} - toolbar item at the index
+   */
+  ;
+
+  _proto.getItem = function getItem(index) {
+    return this.getToolbar().getItem(index);
+  }
+  /**
+   * set toolbar items
+   * @param {ToolbarItem[]} items - toolbar items
+   */
+  ;
+
+  _proto.setItems = function setItems(items) {
+    this.getToolbar().setItems(items);
+  }
+  /**
+   * add toolbar item
+   * @param {ToolbarItem|string|object} item - toolbar item
+   */
+  ;
+
+  _proto.addItem = function addItem(item) {
+    this.getToolbar().addItem(item);
+  }
+  /**
+   * insert toolbar item
+   * @param  {number} index - index at given item inserted
+   * @param  {ToolbarItem|string|object} item - toolbar item
+   */
+  ;
+
+  _proto.insertItem = function insertItem(index, item) {
+    this.getToolbar().insertItem(index, item);
+  }
+  /**
+   * get index of given item
+   * @param  {ToolbarItem} item - toolbar item
+   * @returns {number} - index of given toolbar item
+   */
+  ;
+
+  _proto.indexOfItem = function indexOfItem(item) {
+    return this.getToolbar().indexOfItem(item);
+  }
+  /**
+   * remove an item
+   * @param  {number} index - item index to remove
+   * @param  {boolean} destroy - destroy item or not
+   * @returns {ToolbarItem} - removed item
+   */
+  ;
+
+  _proto.removeItem = function removeItem(index, destroy) {
+    return this.getToolbar().removeItem(index, destroy);
+  }
+  /**
+   * remove all toolbar items
+   */
+  ;
+
+  _proto.removeAllItems = function removeAllItems() {
+    this.getToolbar().removeAllItems();
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    var button = options.button,
+        eventManager = options.eventManager;
+    this._button = button;
+    this._eventManager = eventManager;
+    this._toolbar = new ui_toolbar(eventManager);
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM() {
+    _LayerPopup.prototype._initDOM.call(this);
+
+    this.setContent(this._toolbar.el);
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this._eventManager.listen('focus', function () {
+      return _this.hide();
+    });
+
+    this._eventManager.listen('closeAllPopup', function () {
+      return _this.hide();
+    });
+
+    this._eventManager.listen(PopupDropdownToolbar.OPEN_EVENT, function () {
+      var isShown = _this.isShow();
+
+      _this._eventManager.emit('closeAllPopup');
+
+      if (!isShown) {
+        _this.show();
+      } // to give toolbar element enough width before the calculation
+
+
+      css_default()(_this.el, {
+        left: '-1000px'
+      });
+      var button = _this._button;
+      var buttonOuterHeightWithMargin = dom["a" /* default */].getOuterHeight(button, true);
+      var buttonMarginBottom = (buttonOuterHeightWithMargin - dom["a" /* default */].getOuterHeight(button)) / 2;
+      var top = button.offsetTop + buttonOuterHeightWithMargin - buttonMarginBottom;
+      var left = button.offsetLeft + dom["a" /* default */].getOuterWidth(button, true) - dom["a" /* default */].getOuterWidth(_this.el, true);
+      css_default()(_this.el, {
+        top: top + "px",
+        left: left + "px"
+      });
+    });
+  };
+
+  return PopupDropdownToolbar;
+}(layerpopup);
+
+popupDropdownToolbar_defineProperty(popupDropdownToolbar_PopupDropdownToolbar, "OPEN_EVENT", 'openDropdownToolbar');
+
+/* harmony default export */ var popupDropdownToolbar = (popupDropdownToolbar_PopupDropdownToolbar);
+// CONCATENATED MODULE: ./src/js/ui/defaultToolbar.js
+function defaultToolbar_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function defaultToolbar_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function defaultToolbar_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview implements DefaultToolbar
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var MORE_BUTTON_NAME = 'more';
+/**
+ * Class DefaultToolbar
+ */
+
+var defaultToolbar_DefaultToolbar = /*#__PURE__*/function (_Toolbar) {
+  defaultToolbar_inheritsLoose(DefaultToolbar, _Toolbar);
+
+  /**
+   * more button
+   * @type {ToolbarButton}
+   * @private
+   */
+
+  /**
+   * popup dropdown toolbar
+   * @type {PopupDropdownToolbar}
+   * @private
+   */
+
+  /**
+   * resize observer
+   * @type {ResizeObserver}
+   * @private
+   */
+  function DefaultToolbar(eventManager, options) {
+    var _this;
+
+    _this = _Toolbar.call(this, eventManager, options) || this;
+
+    defaultToolbar_defineProperty(defaultToolbar_assertThisInitialized(_this), "_moreButton", void 0);
+
+    defaultToolbar_defineProperty(defaultToolbar_assertThisInitialized(_this), "_popupDropdownToolbar", void 0);
+
+    defaultToolbar_defineProperty(defaultToolbar_assertThisInitialized(_this), "_observer", void 0);
+
+    _this._init(eventManager);
+
+    _this._bindWidthChangedEvent();
+
+    return _this;
+  }
+  /**
+   * insert toolbar item
+   * @param  {number} index - index at given item inserted
+   * @param  {ToolbarItem|string|object} item - toolbar item
+   * @override
+   */
+
+
+  var _proto = DefaultToolbar.prototype;
+
+  _proto.insertItem = function insertItem(index, item) {
+    _Toolbar.prototype.insertItem.call(this, index, item);
+
+    this._arrangeMoreButton();
+  };
+
+  _proto._init = function _init(eventManager) {
+    var moreButton = toolbarItemFactory.create('button', {
+      name: MORE_BUTTON_NAME,
+      className: 'tui-more',
+      tooltip: i18n.get('More'),
+      event: popupDropdownToolbar.OPEN_EVENT
+    });
+    this._moreButton = moreButton;
+    this._popupDropdownToolbar = new popupDropdownToolbar({
+      eventManager: eventManager,
+      target: this.el,
+      button: moreButton.el
+    });
+    this.addItem(moreButton);
+  };
+
+  _proto._bindWidthChangedEvent = function _bindWidthChangedEvent() {
+    var _this2 = this;
+
+    this._observer = new ResizeObserver_es["a" /* default */](function () {
+      _this2._popupDropdownToolbar.hide();
+
+      _this2._balanceButtons();
+    });
+
+    this._observer.observe(this.el);
+  };
+
+  _proto._balanceButtons = function _balanceButtons() {
+    var _this3 = this;
+
+    var dropDownToolbarItems = this._popupDropdownToolbar.getItems();
+
+    dropDownToolbarItems.forEach(function (item) {
+      _this3._popupDropdownToolbar.removeItem(item, false);
+
+      var itemLength = _this3.getItems().length;
+
+      _Toolbar.prototype.insertItem.call(_this3, itemLength, item);
+    });
+    this.removeItem(this._moreButton, false);
+
+    _Toolbar.prototype.insertItem.call(this, 0, this._moreButton);
+
+    var defaultToolbarItems = this.getItems();
+    var overflowItems = defaultToolbarItems.filter(function (item) {
+      return item.el.offsetTop > _this3.el.clientHeight;
+    });
+    overflowItems.forEach(function (item) {
+      _this3.removeItem(item, false);
+
+      _this3._popupDropdownToolbar.addItem(item);
+    });
+
+    this._arrangeMoreButton();
+  };
+
+  _proto._arrangeMoreButton = function _arrangeMoreButton() {
+    if (!this._popupDropdownToolbar) {
+      return;
+    }
+
+    this.removeItem(this._moreButton, false);
+    var hasOverflow = this._popupDropdownToolbar.getItems().length > 0;
+    var itemLength = this.getItems().length;
+
+    if (hasOverflow) {
+      _Toolbar.prototype.insertItem.call(this, itemLength, this._moreButton);
+    }
+  }
+  /**
+   * destroy
+   * @override
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    if (this._observer) {
+      this._observer.disconnect();
+
+      this._observer = null;
+    }
+  };
+
+  return DefaultToolbar;
+}(ui_toolbar);
+
+/* harmony default export */ var defaultToolbar = (defaultToolbar_DefaultToolbar);
+// CONCATENATED MODULE: ./src/js/ui/tab.js
+function tab_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements tab button ui
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var CLASS_TAB_ACTIVE = 'te-tab-active';
+/**
+ * Class Tab
+ * @param {object} options - options
+ *     @param {string} [options.initName] - name of the default activated button
+ *     @param {string[]} options.items - button names to be created
+ *     @param {DOMElement[]} options.sections - dom elements for tab
+ *     @param {function} [options.onItemClick] - when button is clicked pass button name to function
+ * @ignore
+ */
+
+var tab_Tab = /*#__PURE__*/function (_UIController) {
+  tab_inheritsLoose(Tab, _UIController);
+
+  function Tab(options) {
+    var _this;
+
+    if (options === void 0) {
+      options = {};
+    }
+
+    _this = _UIController.call(this, {
+      tagName: 'div',
+      className: 'te-tab'
+    }) || this;
+    _this.sections = options.sections;
+    _this._activeButton = null;
+
+    _this._render(options);
+
+    _this._initEvent(options);
+
+    return _this;
+  }
+
+  var _proto = Tab.prototype;
+
+  _proto._initEvent = function _initEvent(options) {
+    var onItemClick = options.onItemClick;
+
+    if (onItemClick) {
+      this.on('itemClick', onItemClick);
+    }
+
+    this.on('click button', this._onTabButton.bind(this));
+  };
+
+  _proto._render = function _render(options) {
+    var items = options.items,
+        initName = options.initName;
+    var tabButtons = [];
+
+    for (var i = 0, len = items.length; i < len; i += 1) {
+      tabButtons.push("");
+    }
+
+    this.el.innerHTML = tabButtons.join('');
+    this.activate(initName);
+  };
+
+  _proto._findButtonContained = function _findButtonContained(element, selector, text) {
+    return dom["a" /* default */].findAll(element, selector).filter(function (node) {
+      return new RegExp(text).test(node.textContent);
+    });
+  }
+  /**
+   * Activate section & button
+   * @param {string} name button name to activate
+   */
+  ;
+
+  _proto.activate = function activate(name) {
+    var _this$_findButtonCont = this._findButtonContained(this.el, 'button', name),
+        button = _this$_findButtonCont[0];
+
+    this._activateTabByButton(button);
+  };
+
+  _proto._onTabButton = function _onTabButton(ev) {
+    var button = ev.target;
+
+    this._activateTabByButton(button);
+
+    this.trigger('itemClick', button.textContent);
+  };
+
+  _proto._activateTabByButton = function _activateTabByButton(button) {
+    if (this._isActivatedButton(button)) {
+      return;
+    }
+
+    this._updateClassByButton(button);
+  };
+
+  _proto._updateClassByButton = function _updateClassByButton(activeButton) {
+    // deactivate previously activated button
+    if (this._activeButton) {
+      var sectionIndex = this._activeButton.getAttribute('data-index');
+
+      removeClass_default()(this._activeButton, CLASS_TAB_ACTIVE);
+
+      if (this.sections) {
+        removeClass_default()(this.sections[sectionIndex], CLASS_TAB_ACTIVE);
+      }
+    } // activate new button
+
+
+    addClass_default()(activeButton, CLASS_TAB_ACTIVE);
+    this._activeButton = activeButton;
+    var index = activeButton.getAttribute('data-index');
+
+    if (this.sections) {
+      addClass_default()(this.sections[index], CLASS_TAB_ACTIVE);
+    }
+  };
+
+  _proto._isActivatedButton = function _isActivatedButton(button) {
+    return this._activeButton && this._activeButton.textContent === button.textContent;
+  };
+
+  return Tab;
+}(uicontroller);
+
+/* harmony default export */ var tab = (tab_Tab);
+// CONCATENATED MODULE: ./src/js/ui/modeSwitch.js
+function modeSwitch_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function modeSwitch_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function modeSwitch_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements ui mode switch
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+var MARKDOWN = 'markdown';
+var WYSIWYG = 'wysiwyg';
+/**
+ * Class ModeSwitch
+ * UI Control for switch between Markdown and WYSIWYG
+ * @param {HTMLElement} rootElement - root element
+ * @param {string} initialType - initial type of editor
+ */
+
+var modeSwitch_ModeSwitch = /*#__PURE__*/function (_UIController) {
+  modeSwitch_inheritsLoose(ModeSwitch, _UIController);
+
+  /**
+   * mode switch type
+   * @property {string} MARKDOWN - Markdown
+   * @property {string} WYSIWYG - WYSIWYG
+   * @static
+   * @ignore
+   */
+
+  /**
+   * mode switch buttons
+   * @type {Object}
+   * @private
+   */
+
+  /**
+   * current mode
+   * @type {String}
+   * @private
+   */
+
+  /**
+   * root element
+   * @type {HTMLElement}
+   * @private
+   */
+  function ModeSwitch(rootElement, initialType, eventManager) {
+    var _this;
+
+    _this = _UIController.call(this, {
+      tagName: 'div',
+      className: 'te-mode-switch'
+    }) || this;
+
+    modeSwitch_defineProperty(modeSwitch_assertThisInitialized(_this), "_buttons", {});
+
+    modeSwitch_defineProperty(modeSwitch_assertThisInitialized(_this), "_type", void 0);
+
+    modeSwitch_defineProperty(modeSwitch_assertThisInitialized(_this), "_rootElement", void 0);
+
+    _this._eventManager = eventManager;
+
+    _this._render(rootElement);
+
+    _this._switchType(isExisty_default()(initialType) ? initialType : MARKDOWN);
+
+    _this._initEvent();
+
+    return _this;
+  }
+  /**
+   * is the switch tab bar shown
+   * @returns {Boolean} - showing status
+   */
+
+
+  var _proto = ModeSwitch.prototype;
+
+  _proto.isShown = function isShown() {
+    return this._rootElement.style.display === 'block';
+  }
+  /**
+   * show switch tab bar
+   */
+  ;
+
+  _proto.show = function show() {
+    css_default()(this._rootElement, {
+      display: 'block'
+    });
+  }
+  /**
+   * hide switch tab bar
+   */
+  ;
+
+  _proto.hide = function hide() {
+    css_default()(this._rootElement, {
+      display: 'none'
+    });
+  };
+
+  _proto._render = function _render(rootElement) {
+    this._buttons.markdown = dom["a" /* default */].createElementWith("");
+    this._buttons.wysiwyg = dom["a" /* default */].createElementWith("");
+    this.el.appendChild(this._buttons.markdown);
+    this.el.appendChild(this._buttons.wysiwyg);
+
+    if (rootElement) {
+      rootElement.appendChild(this.el);
+      this._rootElement = rootElement;
+    }
+
+    this.on('click .markdown', this._changeMarkdown.bind(this));
+    this.on('click .wysiwyg', this._changeWysiwyg.bind(this));
+    this.show();
+  };
+
+  _proto._changeMarkdown = function _changeMarkdown() {
+    this._switchType(MARKDOWN);
+  };
+
+  _proto._changeWysiwyg = function _changeWysiwyg() {
+    this._switchType(WYSIWYG);
+  };
+
+  _proto._setActiveButton = function _setActiveButton(type) {
+    removeClass_default()(this._buttons.markdown, 'active');
+    removeClass_default()(this._buttons.wysiwyg, 'active');
+    addClass_default()(this._buttons["" + type], 'active');
+  };
+
+  _proto._switchType = function _switchType(type) {
+    if (this._type === type) {
+      return;
+    }
+
+    this._type = type;
+
+    this._setActiveButton(type);
+
+    this.trigger('modeSwitched', this._type);
+  };
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this._eventManager.listen('changeMode', function (type) {
+      if (_this2._type !== type) {
+        _this2._type = type;
+
+        _this2._setActiveButton(type);
+      }
+    });
+  };
+
+  return ModeSwitch;
+}(uicontroller);
+
+modeSwitch_defineProperty(modeSwitch_ModeSwitch, "TYPE", {
+  MARKDOWN: MARKDOWN,
+  WYSIWYG: WYSIWYG
+});
+
+/* harmony default export */ var ui_modeSwitch = (modeSwitch_ModeSwitch);
+// CONCATENATED MODULE: ./src/js/ui/popupAddLink.js
+function popupAddLink_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements PopupAddLink
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var URL_REGEX = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})(\/([^\s]*))?$/;
+/**
+ * Class PopupAddLink
+ * It implements a link Add Popup
+ * @param {LayerPopupOption} options - layer popup options
+ * @ignore
+ */
+
+var popupAddLink_PopupAddLink = /*#__PURE__*/function (_LayerPopup) {
+  popupAddLink_inheritsLoose(PopupAddLink, _LayerPopup);
+
+  function PopupAddLink(options) {
+    var _this;
+
+    var POPUP_CONTENT = "\n            \n            \n            \n            \n            
    \n                \n                \n            
    \n        ";
+    options = extend_default()({
+      header: true,
+      title: i18n.get('Insert link'),
+      className: 'te-popup-add-link tui-editor-popup',
+      content: POPUP_CONTENT
+    }, options);
+    _this = _LayerPopup.call(this, options) || this;
+    _this._disabledLinkText = false;
+    return _this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupAddLink.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this._editor = options.editor;
+    this._eventManager = options.editor.eventManager;
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM() {
+    _LayerPopup.prototype._initDOM.call(this);
+
+    var el = this.el;
+    this._inputText = el.querySelector('.te-link-text-input');
+    this._inputURL = el.querySelector('.te-url-input');
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this.on('click .te-close-button', function () {
+      return _this2.hide();
+    });
+    this.on('click .te-ok-button', function () {
+      return _this2._addLink();
+    });
+    this.on('shown', function () {
+      _this2._disabledLinkText = _this2._editor.isWysiwygMode() && !_this2._editor.getRange().collapsed;
+
+      _this2._disableLinkTextInput();
+
+      var inputText = _this2._inputText;
+      var inputURL = _this2._inputURL;
+
+      var selectedText = _this2._editor.getSelectedText().trim();
+
+      inputText.value = selectedText;
+
+      if (URL_REGEX.exec(selectedText)) {
+        inputURL.value = selectedText;
+      }
+
+      inputURL.focus();
+    });
+    this.on('hidden', function () {
+      _this2._resetInputs();
+    });
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this3 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    var eventManager = this._eventManager;
+    eventManager.listen('focus', function () {
+      return _this3.hide();
+    });
+    eventManager.listen('closeAllPopup', function () {
+      return _this3.hide();
+    });
+    eventManager.listen('openPopupAddLink', function (linkData) {
+      eventManager.emit('closeAllPopup');
+
+      if (linkData) {
+        _this3._inputURL.value = linkData.url;
+      }
+
+      _this3.show();
+    });
+  };
+
+  _proto._disableLinkTextInput = function _disableLinkTextInput() {
+    var input = this._inputText;
+
+    if (this._disabledLinkText) {
+      input.setAttribute('disabled', 'disabled');
+      addClass_default()(input, 'disabled');
+    } else {
+      input.removeAttribute('disabled');
+      removeClass_default()(input, 'disabled');
+    }
+  };
+
+  _proto._addLink = function _addLink() {
+    var _this$_getValue = this._getValue(),
+        url = _this$_getValue.url,
+        linkText = _this$_getValue.linkText;
+
+    this._clearValidationStyle();
+
+    if (!this._disabledLinkText && linkText.length < 1) {
+      addClass_default()(this._inputText, 'wrong');
+      return;
+    }
+
+    if (url.length < 1) {
+      addClass_default()(this._inputURL, 'wrong');
+      return;
+    }
+
+    this._eventManager.emit('command', 'AddLink', {
+      linkText: linkText,
+      url: url
+    });
+
+    this.hide();
+  };
+
+  _proto._getValue = function _getValue() {
+    var url = this._inputURL.value;
+    var linkText = this._inputText.value;
+    return {
+      url: url,
+      linkText: linkText
+    };
+  };
+
+  _proto._clearValidationStyle = function _clearValidationStyle() {
+    removeClass_default()(this._inputURL, 'wrong', 'disabled');
+    removeClass_default()(this._inputText, 'wrong');
+  };
+
+  _proto._resetInputs = function _resetInputs() {
+    this._inputText.removeAttribute('disabled');
+
+    this._inputText.value = '';
+    this._inputURL.value = '';
+
+    this._clearValidationStyle();
+  };
+
+  return PopupAddLink;
+}(layerpopup);
+
+/* harmony default export */ var popupAddLink = (popupAddLink_PopupAddLink);
+// CONCATENATED MODULE: ./src/js/ui/popupAddImage.js
+function popupAddImage_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements PopupAddImage
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var CLASS_IMAGE_URL_INPUT = 'te-image-url-input';
+var CLASS_IMAGE_FILE_INPUT = 'te-image-file-input';
+var CLASS_ALT_TEXT_INPUT = 'te-alt-text-input';
+var CLASS_OK_BUTTON = 'te-ok-button';
+var CLASS_CLOSE_BUTTON = 'te-close-button';
+var CLASS_FILE_TYPE = 'te-file-type';
+var CLASS_URL_TYPE = 'te-url-type';
+var CLASS_TAB_SECTION = 'te-tab-section';
+var TYPE_UI = 'ui';
+/**
+ * Class PopupAddImage
+ * It implements a Image Add Popup
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+var popupAddImage_PopupAddImage = /*#__PURE__*/function (_LayerPopup) {
+  popupAddImage_inheritsLoose(PopupAddImage, _LayerPopup);
+
+  function PopupAddImage(options) {
+    var POPUP_CONTENT = "\n            
    \n            
    \n                \n                \n            
    \n            
    \n                \n                \n            
    \n            \n            \n            
    \n                \n                \n            
    \n        ";
+    options = extend_default()({
+      header: true,
+      title: i18n.get('Insert image'),
+      className: 'te-popup-add-image tui-editor-popup',
+      content: POPUP_CONTENT
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupAddImage.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this.eventManager = options.eventManager;
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM() {
+    _LayerPopup.prototype._initDOM.call(this);
+
+    var popup = this.el;
+    this._imageUrlInput = popup.querySelector("." + CLASS_IMAGE_URL_INPUT);
+    this._imageFileInput = popup.querySelector("." + CLASS_IMAGE_FILE_INPUT);
+    this._altTextInput = popup.querySelector("." + CLASS_ALT_TEXT_INPUT);
+    var fileTypeSection = popup.querySelector("." + CLASS_FILE_TYPE);
+    var urlTypeSection = popup.querySelector("." + CLASS_URL_TYPE);
+    var tabSection = this.body.querySelector("." + CLASS_TAB_SECTION);
+    this.tab = new tab({
+      initName: i18n.get('File'),
+      items: [i18n.get('File'), i18n.get('URL')],
+      sections: [fileTypeSection, urlTypeSection]
+    });
+    tabSection.appendChild(this.tab.el);
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this.on('shown', function () {
+      return _this._imageUrlInput.focus();
+    });
+    this.on('hidden', function () {
+      return _this._resetInputs();
+    });
+    this.on("change ." + CLASS_IMAGE_FILE_INPUT, function () {
+      var filename = _this._imageFileInput.value.split('\\').pop();
+
+      _this._altTextInput.value = filename;
+    });
+    this.on("click ." + CLASS_CLOSE_BUTTON, function () {
+      return _this.hide();
+    });
+    this.on("click ." + CLASS_OK_BUTTON, function () {
+      var imageUrl = _this._imageUrlInput.value;
+      var altText = _this._altTextInput.value;
+
+      if (imageUrl) {
+        _this._applyImage(imageUrl, altText);
+      } else {
+        var files = _this._imageFileInput.files;
+
+        if (files.length) {
+          var imageFile = files.item(0);
+
+          var hookCallback = function hookCallback(url, text) {
+            return _this._applyImage(url, text || altText);
+          };
+
+          _this.eventManager.emit('addImageBlobHook', imageFile, hookCallback, TYPE_UI);
+        }
+      }
+
+      _this.hide();
+    });
+    this.tab.on('itemClick', function () {
+      return _this._resetInputs();
+    });
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this.eventManager.listen('focus', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('closeAllPopup', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('openPopupAddImage', function () {
+      _this2.eventManager.emit('closeAllPopup');
+
+      _this2.show();
+    });
+  };
+
+  _proto._applyImage = function _applyImage(imageUrl, altText) {
+    this.eventManager.emit('command', 'AddImage', {
+      imageUrl: imageUrl,
+      altText: altText || 'image'
+    });
+    this.hide();
+  };
+
+  _proto._resetInputs = function _resetInputs() {
+    dom["a" /* default */].findAll(this.el, 'input').forEach(function (input) {
+      input.value = '';
+    });
+  }
+  /**
+   * Remove popup
+   * @override
+   */
+  ;
+
+  _proto.remove = function remove() {
+    this.tab.remove();
+
+    _LayerPopup.prototype.remove.call(this);
+  };
+
+  return PopupAddImage;
+}(layerpopup);
+
+/* harmony default export */ var popupAddImage = (popupAddImage_PopupAddImage);
+// CONCATENATED MODULE: ./src/js/ui/popupTableUtils.js
+function popupTableUtils_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements PopupTableUtils
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var REMOVE_ROW_MENU_CLASS_NAME = 'te-table-remove-row';
+var DISABLED_MENU_CLASS_NAME = 'te-context-menu-disabled';
+/**
+ * PopupTableUtils
+ * It implements table utils popup
+ * @param {LayerPopupOption} options - layer popup options
+ */
+
+var popupTableUtils_PopupTableUtils = /*#__PURE__*/function (_LayerPopup) {
+  popupTableUtils_inheritsLoose(PopupTableUtils, _LayerPopup);
+
+  function PopupTableUtils(options) {
+    var POPUP_CONTENT = "\n      \n      \n      \n      \n      
    \n      \n      \n      \n      
    \n      \n    ";
+    options = extend_default()({
+      header: false,
+      className: 'te-popup-table-utils',
+      content: POPUP_CONTENT
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupTableUtils.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this.eventManager = options.eventManager;
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this.on('click .te-table-add-row', function () {
+      return _this.eventManager.emit('command', 'AddRow');
+    });
+    this.on('click .te-table-add-col', function () {
+      return _this.eventManager.emit('command', 'AddCol');
+    });
+    this.on('click .te-table-col-align-left', function () {
+      return _this.eventManager.emit('command', 'AlignCol', 'left');
+    });
+    this.on('click .te-table-col-align-center', function () {
+      return _this.eventManager.emit('command', 'AlignCol', 'center');
+    });
+    this.on('click .te-table-col-align-right', function () {
+      return _this.eventManager.emit('command', 'AlignCol', 'right');
+    });
+    this.on('click .te-table-remove-col', function () {
+      return _this.eventManager.emit('command', 'RemoveCol');
+    });
+    this.on('click .te-table-remove', function () {
+      return _this.eventManager.emit('command', 'RemoveTable');
+    });
+
+    this._bindClickEventOnRemoveRowMenu();
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this.eventManager.listen('focus', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('mousedown', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('closeAllPopup', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('openPopupTableUtils', function (ev) {
+      var _this2$el$parentNode$ = _this2.el.parentNode.getBoundingClientRect(),
+          left = _this2$el$parentNode$.left,
+          top = _this2$el$parentNode$.top;
+
+      _this2._disableRemoveRowMenu(ev.target);
+
+      css_default()(_this2.el, {
+        position: 'absolute',
+        top: ev.clientY - top + 5 + "px",
+        // beside mouse pointer
+        left: ev.clientX - left + 10 + "px"
+      });
+
+      _this2.eventManager.emit('closeAllPopup');
+
+      _this2.show();
+    });
+  };
+
+  _proto._bindClickEventOnRemoveRowMenu = function _bindClickEventOnRemoveRowMenu() {
+    var _this3 = this;
+
+    this.on("click ." + REMOVE_ROW_MENU_CLASS_NAME, function (ev) {
+      var target = ev.target;
+
+      if (hasClass_default()(target, DISABLED_MENU_CLASS_NAME)) {
+        ev.preventDefault();
+      } else {
+        _this3.eventManager.emit('command', 'RemoveRow');
+      }
+    });
+  };
+
+  _proto._disableRemoveRowMenu = function _disableRemoveRowMenu(target) {
+    var menu = this.el.querySelector("." + REMOVE_ROW_MENU_CLASS_NAME);
+    dom["a" /* default */].toggleClass(menu, DISABLED_MENU_CLASS_NAME, target.nodeName === 'TH');
+  };
+
+  return PopupTableUtils;
+}(layerpopup);
+
+/* harmony default export */ var popupTableUtils = (popupTableUtils_PopupTableUtils);
+// CONCATENATED MODULE: ./src/js/ui/popupAddTable.js
+function popupAddTable_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements PopupAddTable
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var CLASS_TABLE_SELECTION = 'te-table-selection';
+var CLASS_TABLE_HEADER = 'te-table-header';
+var CLASS_TABLE_BODY = 'te-table-body';
+var CLASS_SELECTION_AREA = 'te-selection-area';
+var CLASS_DESCRIPTION = 'te-description';
+var popupAddTable_POPUP_CONTENT = "\n    
    \n        
    \n        
    \n        
    \n    
    \n    
    \n";
+var CELL_WIDTH = 25;
+var CELL_HEIGHT = 17;
+var MIN_ROW_INDEX = 7;
+var MAX_ROW_INDEX = 14;
+var MIN_COL_INDEX = 5;
+var MAX_COL_INDEX = 9;
+var MIN_ROW_SELECTION_INDEX = 1;
+var MIN_COL_SELECTION_INDEX = 1;
+var HEADER_ROW_COUNT = 1;
+var LAST_BORDER = 1;
+/**
+ * Class PopupAddTable
+ * It implements Popup to add a table
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+var popupAddTable_PopupAddTable = /*#__PURE__*/function (_LayerPopup) {
+  popupAddTable_inheritsLoose(PopupAddTable, _LayerPopup);
+
+  function PopupAddTable(options) {
+    options = extend_default()({
+      header: false,
+      className: 'te-popup-add-table',
+      content: popupAddTable_POPUP_CONTENT
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupAddTable.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this._selectedBound = {};
+    this._tableBound = {};
+    this._eventManager = options.eventManager;
+    this._button = options.button;
+    this._eventHandlers = {
+      onMousedown: this._selectTableRange.bind(this),
+      onClick: this._fireCommandEvent.bind(this)
+    };
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM() {
+    _LayerPopup.prototype._initDOM.call(this);
+
+    this._cacheElements();
+
+    this._setTableSizeByBound(MIN_COL_INDEX, MIN_ROW_INDEX);
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent(options) {
+    _LayerPopup.prototype._initDOMEvent.call(this, options);
+
+    this.on("mousemove ." + CLASS_TABLE_SELECTION, this._eventHandlers.onMousedown);
+    this.on("click ." + CLASS_TABLE_SELECTION, this._eventHandlers.onClick);
+  };
+
+  _proto._selectTableRange = function _selectTableRange(ev) {
+    var x = ev.pageX - this._selectionOffset.left;
+    var y = ev.pageY - this._selectionOffset.top;
+
+    var bound = this._getSelectionBoundByOffset(x, y);
+
+    this._resizeTableBySelectionIfNeed(bound.col, bound.row);
+
+    this._setSelectionAreaByBound(bound.col, bound.row);
+
+    this._setDisplayText(bound.col, bound.row);
+
+    this._setSelectedBound(bound.col, bound.row);
+  };
+
+  _proto._fireCommandEvent = function _fireCommandEvent() {
+    var tableSize = this._getSelectedTableSize();
+
+    this._eventManager.emit('command', 'Table', tableSize.col, tableSize.row);
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this._eventManager.listen('focus', function () {
+      return _this.hide();
+    });
+
+    this._eventManager.listen('closeAllPopup', function () {
+      return _this.hide();
+    });
+
+    this._eventManager.listen('openPopupAddTable', function () {
+      var button = _this._button;
+      var offsetTop = button.offsetTop,
+          offsetLeft = button.offsetLeft;
+      css_default()(_this.el, {
+        top: offsetTop + dom["a" /* default */].getOuterHeight(button) + "px",
+        left: offsetLeft + "px"
+      });
+
+      _this._eventManager.emit('closeAllPopup');
+
+      _this.show();
+
+      var _this$el$querySelecto = _this.el.querySelector("." + CLASS_TABLE_SELECTION).getBoundingClientRect(),
+          left = _this$el$querySelecto.left,
+          top = _this$el$querySelecto.top;
+
+      _this._selectionOffset = {
+        left: left + window.pageXOffset,
+        top: top + window.pageYOffset
+      };
+    });
+  }
+  /**
+   * Cache elements for use
+   * @private
+   */
+  ;
+
+  _proto._cacheElements = function _cacheElements() {
+    this.header = this.el.querySelector("." + CLASS_TABLE_HEADER);
+    this.body = this.el.querySelector("." + CLASS_TABLE_BODY);
+    this.selection = this.el.querySelector("." + CLASS_SELECTION_AREA);
+    this.desc = this.el.querySelector("." + CLASS_DESCRIPTION);
+  }
+  /**
+   * Resize table if need
+   * @param {number} col column index
+   * @param {number} row row index
+   * @private
+   */
+  ;
+
+  _proto._resizeTableBySelectionIfNeed = function _resizeTableBySelectionIfNeed(col, row) {
+    var resizedBound = this._getResizedTableBound(col, row);
+
+    if (resizedBound) {
+      this._setTableSizeByBound(resizedBound.col, resizedBound.row);
+    }
+  }
+  /**
+   * Get resized table bound if Need
+   * @param {number} col column index
+   * @param {number} row row index
+   * @returns {object} bound
+   * @private
+   */
+  ;
+
+  _proto._getResizedTableBound = function _getResizedTableBound(col, row) {
+    var resizedCol, resizedRow, resizedBound;
+
+    if (col >= MIN_COL_INDEX && col < MAX_COL_INDEX) {
+      resizedCol = col + 1;
+    } else if (col < MIN_COL_INDEX) {
+      resizedCol = MIN_COL_INDEX;
+    }
+
+    if (row >= MIN_ROW_INDEX && row < MAX_ROW_INDEX) {
+      resizedRow = row + 1;
+    } else if (row < MIN_ROW_INDEX) {
+      resizedRow = MIN_ROW_INDEX;
+    }
+
+    if (this._isNeedResizeTable(resizedCol, resizedRow)) {
+      resizedBound = {
+        row: resizedRow || this._tableBound.row,
+        col: resizedCol || this._tableBound.col
+      };
+    }
+
+    return resizedBound;
+  }
+  /**
+   * check if need resize table
+   * @param {number} col column index
+   * @param {number} row row index
+   * @returns {boolean} result
+   * @private
+   */
+  ;
+
+  _proto._isNeedResizeTable = function _isNeedResizeTable(col, row) {
+    return col && col !== this._tableBound.col || row && row !== this._tableBound.row;
+  }
+  /**
+   * Get bound by offset
+   * @param {number} x offset
+   * @param {number} y offset
+   * @returns {object} bound
+   * @private
+   */
+  ;
+
+  _proto._getBoundByOffset = function _getBoundByOffset(x, y) {
+    var row = parseInt(y / CELL_HEIGHT, 10);
+    var col = parseInt(x / CELL_WIDTH, 10);
+    return {
+      row: row,
+      col: col
+    };
+  }
+  /**
+   * Get offset by bound
+   * @param {number} col column index
+   * @param {number} row row index
+   * @returns {object} offset
+   * @private
+   */
+  ;
+
+  _proto._getOffsetByBound = function _getOffsetByBound(col, row) {
+    var x = col * CELL_WIDTH + CELL_WIDTH,
+        y = row * CELL_HEIGHT + CELL_HEIGHT;
+    return {
+      x: x,
+      y: y
+    };
+  }
+  /**
+   * Set table size with bound
+   * @param {number} col column index
+   * @param {number} row row index
+   * @private
+   */
+  ;
+
+  _proto._setTableSizeByBound = function _setTableSizeByBound(col, row) {
+    var boundOffset = this._getOffsetByBound(col, row - HEADER_ROW_COUNT);
+
+    this._setTableSize(boundOffset.x, boundOffset.y);
+
+    this._tableBound.row = row;
+    this._tableBound.col = col;
+  }
+  /**
+   * Get selection bound that process with range by offset
+   * @param {number} x offset
+   * @param {number} y offset
+   * @returns {object} bound
+   * @private
+   */
+  ;
+
+  _proto._getSelectionBoundByOffset = function _getSelectionBoundByOffset(x, y) {
+    var bound = this._getBoundByOffset(x, y);
+
+    if (bound.row < MIN_ROW_SELECTION_INDEX) {
+      bound.row = MIN_ROW_SELECTION_INDEX;
+    } else if (bound.row > this._tableBound.row) {
+      bound.row = this._tableBound.row;
+    }
+
+    if (bound.col < MIN_COL_SELECTION_INDEX) {
+      bound.col = MIN_COL_SELECTION_INDEX;
+    } else if (bound.col > this._tableBound.col) {
+      bound.col = this._tableBound.col;
+    }
+
+    return bound;
+  }
+  /**
+   * Set selection area with bound
+   * @param {number} col column index
+   * @param {number} row row index
+   * @private
+   */
+  ;
+
+  _proto._setSelectionAreaByBound = function _setSelectionAreaByBound(col, row) {
+    var boundOffset = this._getOffsetByBound(col, row);
+
+    this._setSelectionArea(boundOffset.x, boundOffset.y);
+  }
+  /**
+   * Set selected bound
+   * @param {number} col column index
+   * @param {number} row row index
+   * @private
+   */
+  ;
+
+  _proto._setSelectedBound = function _setSelectedBound(col, row) {
+    this._selectedBound.col = col;
+    this._selectedBound.row = row;
+  }
+  /**
+   * Get selected table size
+   * @returns {object} bound
+   * @private
+   */
+  ;
+
+  _proto._getSelectedTableSize = function _getSelectedTableSize() {
+    return {
+      row: this._selectedBound.row + 1,
+      col: this._selectedBound.col + 1
+    };
+  }
+  /**
+   * Set selected table size text for display
+   * @param {number} col column index
+   * @param {number} row row index
+   * @private
+   */
+  ;
+
+  _proto._setDisplayText = function _setDisplayText(col, row) {
+    this.desc.innerHTML = col + 1 + " x " + (row + 1);
+  }
+  /**
+   * Set table element size
+   * @param {number} x offset
+   * @param {number} y offset
+   * @private
+   */
+  ;
+
+  _proto._setTableSize = function _setTableSize(x, y) {
+    x += LAST_BORDER;
+    y += LAST_BORDER;
+    css_default()(this.header, {
+      height: CELL_HEIGHT + "px",
+      width: x + "px"
+    });
+    css_default()(this.body, {
+      height: y + "px",
+      width: x + "px"
+    });
+    css_default()(this.el, {
+      width: x + 30 + "px"
+    });
+  }
+  /**
+   * Set selection element size
+   * @param {number} x offset
+   * @param {number} y offset
+   * @private
+   */
+  ;
+
+  _proto._setSelectionArea = function _setSelectionArea(x, y) {
+    x += LAST_BORDER;
+    y += LAST_BORDER;
+    css_default()(this.selection, {
+      height: y + "px",
+      width: x + "px"
+    });
+  };
+
+  _proto.remove = function remove() {
+    this.off("mousemove ." + CLASS_TABLE_SELECTION, this._eventHandlers.onMousedown);
+    this.off("click ." + CLASS_TABLE_SELECTION, this._eventHandlers.onClick);
+
+    _LayerPopup.prototype.remove.call(this);
+  };
+
+  return PopupAddTable;
+}(layerpopup);
+
+popupAddTable_PopupAddTable.CELL_WIDTH = CELL_WIDTH;
+popupAddTable_PopupAddTable.CELL_HEIGHT = CELL_HEIGHT;
+popupAddTable_PopupAddTable.MIN_ROW_SELECTION_INDEX = MIN_ROW_SELECTION_INDEX;
+popupAddTable_PopupAddTable.MIN_COL_SELECTION_INDEX = MIN_COL_SELECTION_INDEX;
+/* harmony default export */ var popupAddTable = (popupAddTable_PopupAddTable);
+// CONCATENATED MODULE: ./src/js/ui/popupAddHeading.js
+function popupAddHeading_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements PopupAddHeading
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+/**
+ * Class PopupAddHeading
+ * It implements Popup to add headings
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+var popupAddHeading_PopupAddHeading = /*#__PURE__*/function (_LayerPopup) {
+  popupAddHeading_inheritsLoose(PopupAddHeading, _LayerPopup);
+
+  function PopupAddHeading(options) {
+    var POPUP_CONTENT = "\n      
      \n        
    • " + i18n.get('Heading') + " 1
      • \n        
    • " + i18n.get('Heading') + " 2
      • \n        
    • " + i18n.get('Heading') + " 3
      • \n        
    • " + i18n.get('Heading') + " 4
      • \n        
    • " + i18n.get('Heading') + " 5
      • \n        
    • " + i18n.get('Heading') + " 6
      • \n        
    • " + i18n.get('Paragraph') + "
      • \n      
    \n    ";
+    options = extend_default()({
+      header: false,
+      className: 'te-heading-add',
+      content: POPUP_CONTENT
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupAddHeading.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this._eventManager = options.eventManager;
+    this._button = options.button;
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this.on('click li', function (ev) {
+      var li = dom["a" /* default */].closest(ev.target, 'li');
+
+      _this._eventManager.emit('command', li.getAttribute('data-type'), li.getAttribute('data-value'));
+    });
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this._eventManager.listen('focus', this.hide.bind(this));
+
+    this._eventManager.listen('closeAllPopup', this.hide.bind(this));
+
+    this._eventManager.listen('openHeadingSelect', function () {
+      var button = _this2._button;
+      var offsetTop = button.offsetTop,
+          offsetLeft = button.offsetLeft;
+      css_default()(_this2.el, {
+        top: offsetTop + dom["a" /* default */].getOuterHeight(button) + "px",
+        left: offsetLeft + "px"
+      });
+
+      _this2._eventManager.emit('closeAllPopup');
+
+      _this2.show();
+    });
+  };
+
+  return PopupAddHeading;
+}(layerpopup);
+
+/* harmony default export */ var popupAddHeading = (popupAddHeading_PopupAddHeading);
+// CONCATENATED MODULE: ./src/js/ui/popupCodeBlockLanguages.js
+function popupCodeBlockLanguages_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements popup code block languages
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+var BUTTON_CLASS_PREFIX = 'te-popup-code-block-lang-';
+
+function getButtonsHTML(languages) {
+  return languages.map(function (lang) {
+    return "";
+  }).join('');
+}
+/**
+ * Class Popup code block languages select list
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+
+var popupCodeBlockLanguages_PopupCodeBlockLanguages = /*#__PURE__*/function (_LayerPopup) {
+  popupCodeBlockLanguages_inheritsLoose(PopupCodeBlockLanguages, _LayerPopup);
+
+  function PopupCodeBlockLanguages(options) {
+    var _options = options,
+        languages = _options.languages;
+    options = extend_default()({
+      header: false,
+      className: 'te-popup-code-block-languages',
+      content: getButtonsHTML(languages)
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupCodeBlockLanguages.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    var _this = this;
+
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this.eventManager = options.eventManager;
+    this._onSelectedLanguage = null;
+    this._onDismissed = null;
+    this._currentButton = null;
+    this._buttons = null;
+    this._languages = options.languages;
+
+    this._btnMousedownHandler = function (event) {
+      var language = event.target.getAttribute('data-lang');
+
+      if (_this._onSelectedLanguage) {
+        _this._onSelectedLanguage(language);
+      }
+
+      _this.hide();
+    };
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM(options) {
+    _LayerPopup.prototype._initDOM.call(this, options);
+
+    css_default()(this.el, 'zIndex', 10000);
+    this._buttons = dom["a" /* default */].findAll(this.el, 'button');
+
+    this._activateButtonByIndex(0);
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this._addBtnMouseDownHandler();
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this.eventManager.listen('openPopupCodeBlockLanguages', function (data) {
+      _this2.show(data.callback);
+
+      css_default()(_this2.el, {
+        top: data.offset.top + "px"
+      });
+      css_default()(_this2.el, {
+        left: data.offset.left + "px"
+      });
+
+      _this2.setCurrentLanguage(data.language);
+
+      return _this2;
+    });
+    this.eventManager.listen('focus', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('mousedown', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('closeAllPopup', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('closePopupCodeBlockLanguages', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('scroll', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('setCodeBlockLanguages', function (languages) {
+      return _this2._changeLanguageButtons(languages);
+    });
+  }
+  /**
+   * activate an item by index
+   * @param {number} index - item index
+   * @private
+   */
+  ;
+
+  _proto._activateButtonByIndex = function _activateButtonByIndex(index) {
+    if (this._currentButton) {
+      removeClass_default()(this._currentButton, 'active');
+    }
+
+    if (this._buttons.length) {
+      this._currentButton = this._buttons[index];
+      addClass_default()(this._currentButton, 'active');
+
+      this._currentButton.scrollIntoView();
+    }
+  }
+  /**
+   * move to prev language
+   */
+  ;
+
+  _proto.prev = function prev() {
+    var index = inArray_default()(this._currentButton, this._buttons) - 1;
+
+    if (index < 0) {
+      index = this._buttons.length - 1;
+    }
+
+    this._activateButtonByIndex(index);
+  }
+  /**
+   * move to next language
+   */
+  ;
+
+  _proto.next = function next() {
+    var index = inArray_default()(this._currentButton, this._buttons) + 1;
+
+    if (index >= this._buttons.length) {
+      index = 0;
+    }
+
+    this._activateButtonByIndex(index);
+  }
+  /**
+   * current language
+   * @returns {string} language
+   */
+  ;
+
+  _proto.getCurrentLanguage = function getCurrentLanguage() {
+    var language = this._currentButton.getAttribute('data-lang');
+
+    return language;
+  }
+  /**
+   * set current language
+   * @param {string} language - current language
+   */
+  ;
+
+  _proto.setCurrentLanguage = function setCurrentLanguage(language) {
+    var item = this._buttons.filter(function (button) {
+      return matches_default()(button, "." + BUTTON_CLASS_PREFIX + language);
+    });
+
+    if (item.length > 0) {
+      var index = inArray_default()(item[0], this._buttons);
+
+      this._activateButtonByIndex(index);
+    }
+  }
+  /**
+   * show popup
+   * @param {object} callback - to be called on language selected & dismissed
+   * @override
+   */
+  ;
+
+  _proto.show = function show(callback) {
+    this._onSelectedLanguage = callback.selected;
+    this._onDismissed = callback.dismissed;
+
+    _LayerPopup.prototype.show.call(this);
+  }
+  /**
+   * hide popup
+   * @override
+   */
+  ;
+
+  _proto.hide = function hide() {
+    if (this._onDismissed) {
+      this._onDismissed();
+    }
+
+    this._onSelectedLanguage = null;
+    this._onDismissed = null;
+
+    _LayerPopup.prototype.hide.call(this);
+  };
+
+  _proto._addBtnMouseDownHandler = function _addBtnMouseDownHandler() {
+    var _this3 = this;
+
+    this._languages.forEach(function (lang) {
+      _this3.off("mousedown ." + BUTTON_CLASS_PREFIX + lang, _this3._btnMousedownHandler);
+
+      _this3.on("mousedown ." + BUTTON_CLASS_PREFIX + lang, _this3._btnMousedownHandler);
+    });
+  };
+
+  _proto._changeLanguageButtons = function _changeLanguageButtons(languages) {
+    this._languages = languages;
+
+    if (languages && languages.length) {
+      this.content = getButtonsHTML(languages);
+      this.setContent(this.content);
+
+      this._addBtnMouseDownHandler();
+
+      this._buttons = dom["a" /* default */].findAll(this.el, 'button');
+
+      this._activateButtonByIndex(0);
+    }
+  };
+
+  return PopupCodeBlockLanguages;
+}(layerpopup);
+
+/* harmony default export */ var popupCodeBlockLanguages = (popupCodeBlockLanguages_PopupCodeBlockLanguages);
+// CONCATENATED MODULE: ./src/js/ui/scrollSyncSplit.js
+/**
+ * @fileoverview Implements scroll sync split
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var CLASS_SPLIT_SCROLL = 'tui-split-scroll';
+var CLASS_SINGLE_CONTENT = 'single-content';
+var CLASS_SCROLL_SYNC = 'scroll-sync';
+var CLASS_SCROLL_WRAPPER = 'tui-split-scroll-wrapper';
+var CLASS_SCROLL_CONTENT = 'tui-split-scroll-content';
+var CLASS_SPLITTER = 'tui-splitter';
+var EVENT_REQUIRE_SCROLL_INTO_VIEW = 'requireScrollIntoView';
+var CLASS_CONTENT_LEFT = 'tui-split-content-left';
+var CLASS_CONTENT_RIGHT = 'tui-split-content-right';
+var CLASS_CONTENT = {
+  left: CLASS_CONTENT_LEFT,
+  right: CLASS_CONTENT_RIGHT
+};
+/**
+ * Class ScrollSyncSplit
+ * @param {Element} baseElement - an element which attach a splitSyncSplit
+ * @param {Element} leftElement - an element to be on left side split view
+ * @param {Element} rightElement - an element to be on right side split view
+ * @param {object} options - options
+ *     @param {boolean} [options.showScrollSyncButton=false] - show scroll sync button on top right corner
+ *     @param {boolean} [options.scrollSync=true] - true for enable scroll sync
+ *     @param {boolean} [options.splitView=true] - true for split, false for single view
+ * @ignore
+ */
+
+var scrollSyncSplit_ScrollSyncSplit = /*#__PURE__*/function () {
+  function ScrollSyncSplit(baseElement, leftElement, rightElement, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    options = extend_default()({
+      showScrollSyncButton: false,
+      scrollSync: true,
+      splitView: true
+    }, options);
+    this._baseElement = baseElement;
+    this._eventManager = options.eventManager;
+    /**
+     * left, right side content elements
+     * @type {HTMLElement[]}
+     * @private
+     */
+
+    this._contentElements = [];
+
+    this._initDom(leftElement, rightElement, options);
+
+    this._initDomEvent();
+  }
+
+  var _proto = ScrollSyncSplit.prototype;
+
+  _proto._initDom = function _initDom(leftElement, rightElement, options) {
+    var el = document.createElement('div');
+    el.className = CLASS_SPLIT_SCROLL;
+    this._el = el;
+    var scrollWrapper = document.createElement('div');
+    scrollWrapper.className = CLASS_SCROLL_WRAPPER;
+    this._scrollWrapper = scrollWrapper;
+
+    this._setScrollSync(options.scrollSync);
+
+    this.setSplitView(options.splitView);
+    var contentWrapper = document.createElement('div');
+    contentWrapper.className = CLASS_SCROLL_CONTENT;
+    this._contentWrapper = contentWrapper;
+    var splitter = document.createElement('div');
+    splitter.className = CLASS_SPLITTER;
+
+    this._baseElement.appendChild(el);
+
+    el.appendChild(scrollWrapper);
+    scrollWrapper.appendChild(contentWrapper);
+    scrollWrapper.appendChild(splitter);
+
+    this._setLeft(leftElement);
+
+    this._setRight(rightElement);
+  };
+
+  _proto._initDomEvent = function _initDomEvent() {
+    this._contentWrapper.addEventListener('scroll', this.sync.bind(this));
+  };
+
+  _proto._requireScrollIntoView = function _requireScrollIntoView(element) {
+    var _element$getBoundingC = element.getBoundingClientRect(),
+        targetTop = _element$getBoundingC.top,
+        targetBottom = _element$getBoundingC.bottom;
+
+    var wrapperElement;
+
+    if (this.isScrollSynced()) {
+      wrapperElement = this._contentWrapper;
+    } else if (dom["a" /* default */].parents(element, this._contentElements.left).length) {
+      wrapperElement = this._contentElements.left;
+    } else if (dom["a" /* default */].parents(element, this._contentElements.right).length) {
+      wrapperElement = this._contentElements.right;
+    } else {
+      return;
+    }
+
+    var _wrapperElement$getBo = wrapperElement.getBoundingClientRect(),
+        wrapperTop = _wrapperElement$getBo.top,
+        wrapperBottom = _wrapperElement$getBo.bottom;
+
+    if (targetTop < wrapperTop) {
+      wrapperElement.scrollTop = wrapperElement.scrollTop + targetTop - wrapperTop;
+    } else if (targetBottom > wrapperBottom) {
+      wrapperElement.scrollTop = wrapperElement.scrollTop + targetBottom - wrapperBottom;
+    }
+
+    this.sync();
+  }
+  /**
+   * set content element for given side
+   * @param {Element} element - content element
+   * @param {string} side - 'left' | 'right'
+   * @private
+   */
+  ;
+
+  _proto._setContentElement = function _setContentElement(element, side) {
+    var _this = this;
+
+    var contentElement = this._contentElements[side];
+
+    if (contentElement) {
+      this._eventManager.removeEventHandler(EVENT_REQUIRE_SCROLL_INTO_VIEW);
+
+      this._contentWrapper.removeChild(contentElement);
+    }
+
+    addClass_default()(element, CLASS_CONTENT[side]);
+
+    this._contentWrapper.appendChild(element);
+
+    this._eventManager.listen(EVENT_REQUIRE_SCROLL_INTO_VIEW, function (ev) {
+      return _this._requireScrollIntoView(ev);
+    });
+
+    this._eventManager.listen('requireScrollSync', function () {
+      return _this.sync();
+    });
+
+    this._contentElements[side] = element;
+    this.sync();
+  }
+  /**
+   * set left side element
+   * @param {Element} element - an element to be on left side split view
+   * @private
+   */
+  ;
+
+  _proto._setLeft = function _setLeft(element) {
+    this._setContentElement(element, 'left');
+  }
+  /**
+   * set right side element
+   * @param {Element} element - an element to be on right side split view
+   * @private
+   */
+  ;
+
+  _proto._setRight = function _setRight(element) {
+    this._setContentElement(element, 'right');
+  };
+
+  _proto._setScrollSync = function _setScrollSync(activate) {
+    dom["a" /* default */].toggleClass(this._el, CLASS_SCROLL_SYNC, activate);
+  }
+  /**
+   * toggle multi scroll
+   */
+  ;
+
+  _proto.toggleScrollSync = function toggleScrollSync() {
+    dom["a" /* default */].toggleClass(this._el, CLASS_SCROLL_SYNC);
+  };
+
+  _proto.setSplitView = function setSplitView(activate) {
+    if (!activate) {
+      addClass_default()(this._el, CLASS_SINGLE_CONTENT);
+    } else {
+      removeClass_default()(this._el, CLASS_SINGLE_CONTENT);
+    }
+  }
+  /**
+   * toggle split
+   */
+  ;
+
+  _proto.toggleSplitView = function toggleSplitView() {
+    dom["a" /* default */].toggleClass(this._el, CLASS_SINGLE_CONTENT);
+  }
+  /**
+   * is scroll synced
+   * @returns {boolean} - true for synced, false for each scroll
+   */
+  ;
+
+  _proto.isScrollSynced = function isScrollSynced() {
+    return hasClass_default()(this._el, CLASS_SCROLL_SYNC);
+  }
+  /**
+   * is split view
+   * @returns {boolean} - true for split view, false for single view
+   */
+  ;
+
+  _proto.isSplitView = function isSplitView() {
+    return !hasClass_default()(this._el, CLASS_SINGLE_CONTENT);
+  }
+  /**
+   * sync scroll
+   */
+  ;
+
+  _proto.sync = function sync() {
+    if (!this._contentElements.left || !this._contentElements.right) {
+      return;
+    }
+
+    var wrapperHeight = this._contentWrapper.clientHeight;
+    var scrollTop = this._contentWrapper.scrollTop;
+    var leftElement = this._contentElements.left;
+    var rightElement = this._contentElements.right;
+    var scrollingElement = leftElement.offsetHeight - wrapperHeight > 0 ? leftElement : rightElement;
+    var followingElement = scrollingElement === leftElement ? rightElement : leftElement;
+    var scrollingElementHeight = scrollingElement.offsetHeight;
+    var scrollingElementScrollMax = Math.max(scrollingElementHeight - wrapperHeight, 0);
+    var followingElementHeight = Math.max(followingElement.offsetHeight, wrapperHeight);
+    var followingElementTopMax = scrollingElementHeight - followingElementHeight;
+    css_default()(scrollingElement, {
+      top: 0
+    });
+    css_default()(followingElement, {
+      top: scrollTop / scrollingElementScrollMax * followingElementTopMax + "px"
+    });
+  }
+  /**
+   * scroll top
+   * @param {number} top - scroll top in pixel
+   */
+  ;
+
+  _proto.scrollTop = function scrollTop(top) {
+    this._contentWrapper.scrollTop = top;
+  };
+
+  return ScrollSyncSplit;
+}();
+
+/* harmony default export */ var scrollSyncSplit = (scrollSyncSplit_ScrollSyncSplit);
+// CONCATENATED MODULE: ./src/js/codeBlockEditor.js
+function codeBlockEditor_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements code block editor
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Code Block Editor
+ * @param {HTMLElement} el - code block editor container element
+ * @param {EventManager} eventManager - event manager
+ * @ignore
+ */
+
+var CodeBlockEditor = /*#__PURE__*/function (_CodeMirrorExt) {
+  codeBlockEditor_inheritsLoose(CodeBlockEditor, _CodeMirrorExt);
+
+  function CodeBlockEditor(el, eventManager) {
+    var _this;
+
+    _this = _CodeMirrorExt.call(this, el, {
+      singleCursorHeightPerLine: false,
+      theme: 'none'
+    }) || this;
+    _this._language = '';
+    _this._eventManager = eventManager;
+
+    _this._initEvent();
+
+    return _this;
+  }
+
+  var _proto = CodeBlockEditor.prototype;
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this.on('cursorActivity', this._onRequireScrollIntoView.bind(this));
+    this.on('beforeChange', function (cm, ev) {
+      if (ev.origin === 'paste') {
+        _this2._eventManager.emit('pasteBefore', {
+          source: 'codeblock',
+          data: ev
+        });
+      }
+    });
+  };
+
+  _proto._onRequireScrollIntoView = function _onRequireScrollIntoView() {
+    var _this3 = this;
+
+    var cursor = this.getCursor();
+    var wrapper = this.getWrapperElement(); // CodeMirror cursorActivity event fires before actually attach a new line element to DOM
+    // we should proceed at next tick
+
+    setTimeout(function () {
+      var lineElement = wrapper.querySelector("pre:nth-child(" + (cursor.line + 1) + ")");
+
+      if (lineElement) {
+        _this3._eventManager.emit('requireScrollIntoView', lineElement);
+      }
+    }, 0);
+  }
+  /**
+   * load code from code block element
+   * @param {HTMLElement} codeBlockElement - code block element
+   */
+  ;
+
+  _proto.load = function load(codeBlockElement) {
+    var el = codeBlockElement.cloneNode(true);
+    this.setLanguage(el.getAttribute('data-language') || '');
+    this.setEditorCodeText(el.textContent);
+  }
+  /**
+   * save code to code block element
+   * @param {HTMLElement} codeBlockElement - code block element
+   */
+  ;
+
+  _proto.save = function save(codeBlockElement) {
+    codeBlockElement.innerHTML = '';
+    codeBlockElement.textContent = this.getEditorCodeText();
+    codeBlockElement.setAttribute('data-language', this._language);
+
+    this._eventManager.emit('changeLanguage');
+  }
+  /**
+   * clear code and language
+   */
+  ;
+
+  _proto.clear = function clear() {
+    this.setLanguage('');
+    this.setEditorCodeText('');
+  }
+  /**
+   * get code language
+   * @returns {string} - code language
+   */
+  ;
+
+  _proto.getLanguage = function getLanguage() {
+    return this._language;
+  }
+  /**
+   * set code language
+   * @param {string} [language=''] - code language
+   */
+  ;
+
+  _proto.setLanguage = function setLanguage(language) {
+    if (language === void 0) {
+      language = '';
+    }
+
+    this._language = language;
+  }
+  /**
+   * get code text
+   * @returns {string} - code text
+   */
+  ;
+
+  _proto.getEditorCodeText = function getEditorCodeText() {
+    return this.getValue();
+  }
+  /**
+   * set code text
+   * @param {string} [code=''] - code text
+   */
+  ;
+
+  _proto.setEditorCodeText = function setEditorCodeText(code) {
+    if (code === void 0) {
+      code = '';
+    }
+
+    this.setValue(code);
+  }
+  /**
+   * refresh. call if codemirror resized
+   */
+  ;
+
+  _proto.refresh = function refresh() {
+    this.cm.refresh();
+  };
+
+  return CodeBlockEditor;
+}(codeMirrorExt);
+
+/* harmony default export */ var codeBlockEditor = (CodeBlockEditor);
+// EXTERNAL MODULE: ./src/js/preview.js + 1 modules
+var js_preview = __webpack_require__(38);
+
+// CONCATENATED MODULE: ./src/js/codeBlockPreview.js
+function codeBlockPreview_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function codeBlockPreview_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements CodeBlockPreview
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Code block preview
+ * @param {HTMLElement} el - base element
+ * @param {EventManager} eventManager - event manager
+ * @param {Convertor} convertor - convertor
+ * @param {CodeBlockEditor} codeBlockEditor - code block editor
+ * @ignore
+ */
+
+var CodeBlockPreview = /*#__PURE__*/function (_Preview) {
+  codeBlockPreview_inheritsLoose(CodeBlockPreview, _Preview);
+
+  function CodeBlockPreview(el, eventManager, convertor, codeBlockEditor) {
+    var _this;
+
+    _this = _Preview.call(this, el, eventManager, convertor, true) || this;
+    _this._codeBlockEditor = codeBlockEditor;
+
+    _this._initEvent();
+
+    _this.lazyRunner.registerLazyRunFunction('refresh', _this.refresh, _this.delayCodeBlockTime, codeBlockPreview_assertThisInitialized(_this));
+
+    return _this;
+  }
+
+  var _proto = CodeBlockPreview.prototype;
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this._codeBlockEditor.on('update', function () {
+      return _this2.lazyRunner.run('refresh');
+    });
+  }
+  /**
+   * refresh preview
+   * @override
+   */
+  ;
+
+  _proto.refresh = function refresh() {
+    var language = this._codeBlockEditor.getLanguage();
+
+    var codeText = this._codeBlockEditor.getEditorCodeText();
+
+    _Preview.prototype.refresh.call(this, "```" + language + "\n" + codeText + "\n```");
+
+    this.eventManager.emit('requireScrollSync');
+  }
+  /**
+   * clear preview
+   */
+  ;
+
+  _proto.clear = function clear() {
+    _Preview.prototype.render.call(this, '');
+  };
+
+  return CodeBlockPreview;
+}(js_preview["a" /* default */]);
+
+/* harmony default export */ var codeBlockPreview = (CodeBlockPreview);
+// CONCATENATED MODULE: ./src/js/ui/codeBlockLanguagesCombo.js
+/**
+ * @fileoverview Implements UI code block languages combo
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+/**
+ * Class CodeBlockLanguagesCombo
+ * @param {EventManager} eventManager - event manager instance
+ * @ignore
+ */
+
+var codeBlockLanguagesCombo_CodeBlockLanguagesCombo = /*#__PURE__*/function () {
+  function CodeBlockLanguagesCombo(eventManager, languages) {
+    this._eventManager = eventManager;
+    this._languages = languages;
+
+    this._initDOM();
+
+    this._initDOMEvent();
+
+    this._initEvent();
+  }
+
+  var _proto = CodeBlockLanguagesCombo.prototype;
+
+  _proto._initDOM = function _initDOM() {
+    this._inputLanguage = dom["a" /* default */].createElementWith("");
+    this._wrapper = dom["a" /* default */].createElementWith("");
+
+    this._wrapper.appendChild(this._inputLanguage);
+
+    this._hide();
+  };
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this = this;
+
+    this._inputLanguage.addEventListener('keydown', function (event) {
+      return _this._onKeyEvent(event);
+    });
+
+    this._inputLanguage.addEventListener('focus', function () {
+      return _this._showPopupCodeBlockLanguages();
+    });
+
+    this._inputLanguage.addEventListener('focusout', function () {
+      return _this._onFocusOut();
+    });
+
+    this._wrapper.addEventListener('mousedown', function (ev) {
+      if (ev.target !== _this._wrapper) {
+        return;
+      }
+
+      ev.preventDefault();
+
+      _this._toggleFocus();
+    });
+  };
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this._eventManager.listen('setCodeBlockLanguages', function (languages) {
+      _this2._languages = languages;
+
+      if (languages && languages.length) {
+        _this2._show();
+      } else {
+        _this2._hide();
+      }
+    });
+  }
+  /**
+   * show popup
+   * @private
+   */
+  ;
+
+  _proto._showPopupCodeBlockLanguages = function _showPopupCodeBlockLanguages() {
+    var _this3 = this;
+
+    var clientRect = this._inputLanguage.getBoundingClientRect();
+
+    addClass_default()(this._wrapper, 'active');
+    this.active = true;
+    this._popupCodeBlockLanguages = this._eventManager.emitReduce('openPopupCodeBlockLanguages', {
+      language: this._prevStoredLanguage,
+      offset: {
+        left: clientRect.left,
+        top: clientRect.bottom
+      },
+      callback: {
+        selected: function selected(selectedLanguage) {
+          return _this3._onLanguageSelectedFromList(selectedLanguage);
+        },
+        dismissed: function dismissed() {
+          _this3._popupCodeBlockLanguages = null;
+        }
+      }
+    });
+  };
+
+  _proto._toggleFocus = function _toggleFocus() {
+    var inputLanguage = this._inputLanguage;
+
+    if (hasClass_default()(this._wrapper, 'active')) {
+      inputLanguage.blur();
+    } else {
+      inputLanguage.focus();
+    }
+  };
+
+  _proto._onFocusOut = function _onFocusOut() {
+    removeClass_default()(this._wrapper, 'active');
+    this._inputLanguage.value = this._prevStoredLanguage;
+
+    this._hidePopupCodeBlockLanguages();
+  };
+
+  _proto._onKeyEvent = function _onKeyEvent(event) {
+    if (this._popupCodeBlockLanguages) {
+      switch (event.which) {
+        case keyMapper.keyCode('UP'):
+          this._popupCodeBlockLanguages.prev();
+
+          event.preventDefault();
+          break;
+
+        case keyMapper.keyCode('DOWN'):
+          this._popupCodeBlockLanguages.next();
+
+          event.preventDefault();
+          break;
+
+        case keyMapper.keyCode('ENTER'):
+        case keyMapper.keyCode('TAB'):
+          {
+            var language = this._popupCodeBlockLanguages.getCurrentLanguage();
+
+            this._inputLanguage.value = language;
+
+            this._storeInputLanguage();
+
+            event.preventDefault();
+            break;
+          }
+
+        default:
+          this._popupCodeBlockLanguages.hide();
+
+      }
+    } else if (event.which === keyMapper.keyCode('ENTER') || event.which === keyMapper.keyCode('TAB')) {
+      this._storeInputLanguage();
+
+      event.preventDefault();
+    }
+  };
+
+  _proto._onLanguageSelectedFromList = function _onLanguageSelectedFromList(selectedLanguage) {
+    this._inputLanguage.value = selectedLanguage;
+
+    this._storeInputLanguage();
+  }
+  /**
+   * set a callback to be called on language selected
+   * @param {function} callback - callback function
+   * @protected
+   */
+  ;
+
+  _proto.setOnLanguageSelected = function setOnLanguageSelected(callback) {
+    this._onLanguageSelected = callback;
+  }
+  /**
+   * hide popup
+   * @private
+   */
+  ;
+
+  _proto._hidePopupCodeBlockLanguages = function _hidePopupCodeBlockLanguages() {
+    this._eventManager.emit('closePopupCodeBlockLanguages');
+  }
+  /**
+   * set language
+   * @param {string} language - code block language
+   * @protected
+   */
+  ;
+
+  _proto.setLanguage = function setLanguage(language) {
+    this._prevStoredLanguage = language;
+    this._inputLanguage.value = language;
+  }
+  /**
+   * store selection(typed) language & hide popup
+   * @private
+   */
+  ;
+
+  _proto._storeInputLanguage = function _storeInputLanguage() {
+    var selectedLanguage = this._inputLanguage.value;
+    this.setLanguage(selectedLanguage);
+
+    if (this._onLanguageSelected) {
+      this._onLanguageSelected(selectedLanguage);
+    }
+
+    this._hidePopupCodeBlockLanguages();
+  }
+  /**
+   * get element body
+   * @returns {HTMLElement} - CodeBlockLanguagesCombo body element
+   * @protected
+   */
+  ;
+
+  _proto.getElement = function getElement() {
+    return this._wrapper;
+  };
+
+  _proto._show = function _show() {
+    css_default()(this._wrapper, {
+      display: 'inline-block'
+    });
+  };
+
+  _proto._hide = function _hide() {
+    css_default()(this._wrapper, {
+      display: 'none'
+    });
+  };
+
+  return CodeBlockLanguagesCombo;
+}();
+
+/* harmony default export */ var ui_codeBlockLanguagesCombo = (codeBlockLanguagesCombo_CodeBlockLanguagesCombo);
+// CONCATENATED MODULE: ./src/js/ui/popupCodeBlockEditor.js
+function popupCodeBlockEditor_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements popup code block editor
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+var popupCodeBlockEditor_CLASS_PREFIX = 'popup-editor-';
+var popupCodeBlockEditor_CLASS_OK_BUTTON = 'te-ok-button';
+var popupCodeBlockEditor_CLASS_CLOSE_BUTTON = 'te-close-button';
+var CLASS_POPUP_CLOSE_BUTTON = 'tui-popup-close-button';
+var TEMPLATE_HEADER_BUTTONS = "\n    \n    \n    \n    \n";
+/**
+ * Class popup code block editor
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+var popupCodeBlockEditor_PopupCodeBlockEditor = /*#__PURE__*/function (_LayerPopup) {
+  popupCodeBlockEditor_inheritsLoose(PopupCodeBlockEditor, _LayerPopup);
+
+  function PopupCodeBlockEditor(options) {
+    var TEMPLATE_CONTENT = "\n            
    \n            
    \n                \n                \n            
    \n        ";
+    options = extend_default()({
+      header: true,
+      title: 'CodeBlock Editor',
+      content: TEMPLATE_CONTENT,
+      className: 'tui-popup-code-block-editor',
+      headerButtons: TEMPLATE_HEADER_BUTTONS,
+      modal: true
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupCodeBlockEditor.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this.eventManager = options.eventManager;
+    this.convertor = options.convertor;
+    this.languages = options.languages;
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM(options) {
+    _LayerPopup.prototype._initDOM.call(this, options);
+
+    var el = this.el,
+        eventManager = this.eventManager;
+    this._body = el.querySelector("." + popupCodeBlockEditor_CLASS_PREFIX + "body");
+    this._toggleFitButton = el.querySelector("." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-fit");
+    this._togglePreviewButton = el.querySelector("." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-preview");
+    this._toggleScrollButton = el.querySelector("." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-scroll");
+    this._okButton = el.querySelector("." + popupCodeBlockEditor_CLASS_OK_BUTTON);
+    this._closeButton = el.querySelector("." + popupCodeBlockEditor_CLASS_CLOSE_BUTTON);
+    this._codeMirrorWrapper = this._createCodeBlockEditor();
+    this._previewWrapper = this._createPreview();
+    this._scrollSyncSplit = new scrollSyncSplit(this._body, this._codeMirrorWrapper, this._previewWrapper, {
+      eventManager: eventManager
+    });
+
+    this._updateFitWindowButton();
+
+    this._updatePreviewButton();
+
+    this._updateScrollButton();
+
+    this._codeBlockLanguagesCombo = this._createCodeBlockLanguagesCombo();
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this.on('scroll', function (ev) {
+      return ev.preventDefault();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-fit", function () {
+      return _this._toggleFitToWindow();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-preview", function () {
+      return _this._togglePreview();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-scroll", function () {
+      return _this._toggleScroll();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_OK_BUTTON, function () {
+      return _this._save();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_CLOSE_BUTTON, function () {
+      return _this.hide();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_PREFIX + "close", function () {
+      return _this.hide();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_PREFIX + "editor-wrapper", function (ev) {
+      if (ev.target === _this._codeMirrorWrapper) {
+        _this._focusEditor(true);
+      }
+    });
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this.eventManager.listen('openPopupCodeBlockEditor', function (codeBlockElement) {
+      _this2.eventManager.emit('closeAllPopup');
+
+      _this2.show(codeBlockElement);
+
+      return _this2;
+    });
+    this.eventManager.listen('closeAllPopup', this.hide.bind(this));
+    this.eventManager.listen('closePopupCodeBlockEditor', this.hide.bind(this));
+  };
+
+  _proto._createCodeBlockEditor = function _createCodeBlockEditor() {
+    var codeMirrorWrapper = document.createElement('div');
+    codeMirrorWrapper.className = popupCodeBlockEditor_CLASS_PREFIX + "editor-wrapper";
+    this._codeBlockEditor = new codeBlockEditor(codeMirrorWrapper, this.eventManager);
+    return codeMirrorWrapper;
+  };
+
+  _proto._createPreview = function _createPreview() {
+    var previewWrapper = document.createElement('div');
+    this._codeBlockPreview = new codeBlockPreview(previewWrapper, this.eventManager, this.convertor, this._codeBlockEditor);
+    return previewWrapper;
+  };
+
+  _proto._createCodeBlockLanguagesCombo = function _createCodeBlockLanguagesCombo() {
+    var _this3 = this;
+
+    var titleElement = this.getTitleElement();
+    var codeBlockLanguagesCombo = new ui_codeBlockLanguagesCombo(this.eventManager, this.languages);
+    codeBlockLanguagesCombo.setOnLanguageSelected(function (selectedLanguage) {
+      _this3._codeBlockEditor.setLanguage(selectedLanguage);
+
+      _this3._codeBlockEditor.refresh();
+
+      _this3._focusEditor();
+    });
+    titleElement.innerHTML = 'CodeBlock Editor';
+    titleElement.appendChild(codeBlockLanguagesCombo.getElement());
+    return codeBlockLanguagesCombo;
+  };
+
+  _proto._updateFitWindowButton = function _updateFitWindowButton() {
+    dom["a" /* default */].toggleClass(this._toggleFitButton, 'active', this.isFitToWindow());
+  };
+
+  _proto._updatePreviewButton = function _updatePreviewButton() {
+    dom["a" /* default */].toggleClass(this._togglePreviewButton, 'active', this._scrollSyncSplit.isSplitView());
+  };
+
+  _proto._updateScrollButton = function _updateScrollButton() {
+    if (this._scrollSyncSplit.isSplitView()) {
+      css_default()(this._toggleScrollButton, {
+        display: 'inline-block'
+      });
+    } else {
+      css_default()(this._toggleScrollButton, {
+        display: 'none'
+      });
+    }
+
+    dom["a" /* default */].toggleClass(this._toggleScrollButton, 'active', this._scrollSyncSplit.isScrollSynced());
+  };
+
+  _proto._focusEditor = function _focusEditor(cursorToEnd) {
+    this._codeBlockEditor.focus();
+
+    if (cursorToEnd) {
+      this._codeBlockEditor.moveCursorToEnd();
+    } else {
+      this._codeBlockEditor.moveCursorToStart();
+    }
+  };
+
+  _proto._togglePreview = function _togglePreview() {
+    this._scrollSyncSplit.toggleSplitView();
+
+    this._updatePreviewButton();
+
+    this._updateScrollButton();
+
+    this._codeBlockEditor.refresh();
+  };
+
+  _proto._toggleFitToWindow = function _toggleFitToWindow() {
+    this.toggleFitToWindow();
+
+    this._updateFitWindowButton();
+
+    this._codeBlockEditor.refresh();
+  };
+
+  _proto._toggleScroll = function _toggleScroll() {
+    this._scrollSyncSplit.toggleScrollSync();
+
+    this._updateScrollButton();
+  }
+  /**
+   * store code mirror text to wysiwyg code block
+   * @private
+   */
+  ;
+
+  _proto._save = function _save() {
+    this._codeBlockEditor.save(this._codeBlockElement);
+
+    this.hide();
+  }
+  /**
+   * load code mirror text from wysiwyg code block
+   * @param {HTMLElement} codeBlockElement - code block element instance to load code from
+   * @private
+   */
+  ;
+
+  _proto._load = function _load(codeBlockElement) {
+    this._codeBlockElement = codeBlockElement;
+
+    this._codeBlockEditor.load(codeBlockElement);
+
+    this._codeBlockLanguagesCombo.setLanguage(this._codeBlockEditor.getLanguage());
+
+    this._focusEditor();
+
+    this._codeBlockPreview.refresh();
+  }
+  /**
+   * show popup
+   * @param {HTMLElement} codeBlockElement - code block element
+   * @override
+   */
+  ;
+
+  _proto.show = function show(codeBlockElement) {
+    _LayerPopup.prototype.show.call(this);
+
+    if (!codeBlockElement) {
+      throw new Error('should be called with codeBlockElement');
+    }
+
+    this._load(codeBlockElement);
+  }
+  /**
+   * hide popup
+   * @override
+   */
+  ;
+
+  _proto.hide = function hide() {
+    this.setFitToWindow(false);
+
+    if (this._codeBlockEditor) {
+      this._codeBlockEditor.clear();
+    }
+
+    if (this._codeBlockPreview) {
+      this._codeBlockPreview.clear();
+    }
+
+    this._codeBlockElement = null;
+
+    _LayerPopup.prototype.hide.call(this);
+  };
+
+  return PopupCodeBlockEditor;
+}(layerpopup);
+
+/* harmony default export */ var popupCodeBlockEditor = (popupCodeBlockEditor_PopupCodeBlockEditor);
+// CONCATENATED MODULE: ./src/js/ui/defaultUI.js
+function defaultUI_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview default UI
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var CLASS_TOOLBAR = 'te-toolbar-section';
+var CLASS_MARKDOWN_TAB = 'te-markdown-tab-section';
+var CLASS_EDITOR = 'te-editor-section';
+var CLASS_MODE_SWITCH = 'te-mode-switch-section';
+var CONTAINER_TEMPLATE = ['
    ', "
    ", "
    ", "
    ", '
    '].join('');
+/**
+ * Class DefaultUI
+ * @param {ToastUIEditor} editor - editor instance
+ */
+
+var defaultUI_DefaultUI = /*#__PURE__*/function () {
+  /**
+   * UI name
+   * @type {string}
+   */
+
+  /**
+   * DefaultToolbar wrapper element
+   * @type {HTMLElement}
+   */
+
+  /**
+   * DefaultToolbar instance
+   * @type {DefaultToolbar}
+   * @private
+   */
+
+  /**
+   * @type {HTMLElement}
+   * @private
+   */
+
+  /**
+   * editor section element
+   * @private
+   * @type {HTMLElement}
+   */
+
+  /**
+   * editor type ww/md
+   * @private
+   * @type {string}
+   */
+
+  /**
+   * editor instance
+   * @private
+   * @type {ToastUIEditor}
+   */
+
+  /**
+   * markdown tab section element
+   * @private
+   * @type {HTMLElement}
+   */
+
+  /**
+   * markdown tab
+   * @private
+   * @type {Tab}
+   */
+
+  /**
+   * mode switch instance
+   * @private
+   * @type {ModeSwitch}
+   */
+
+  /**
+   * popup instances
+   * @private
+   * @type {Array}
+   */
+  function DefaultUI(editor) {
+    defaultUI_defineProperty(this, "name", 'default');
+
+    defaultUI_defineProperty(this, "el", void 0);
+
+    defaultUI_defineProperty(this, "_toolbar", void 0);
+
+    defaultUI_defineProperty(this, "_container", void 0);
+
+    defaultUI_defineProperty(this, "_editorSection", void 0);
+
+    defaultUI_defineProperty(this, "_initialEditType", void 0);
+
+    defaultUI_defineProperty(this, "_editor", void 0);
+
+    defaultUI_defineProperty(this, "_markdownTabSection", void 0);
+
+    defaultUI_defineProperty(this, "_markdownTab", void 0);
+
+    defaultUI_defineProperty(this, "_modeSwitch", void 0);
+
+    defaultUI_defineProperty(this, "_popups", []);
+
+    this._editor = editor;
+    this._initialEditType = editor.options.initialEditType;
+
+    this._init(editor.options);
+
+    this._initEvent();
+  }
+
+  var _proto = DefaultUI.prototype;
+
+  _proto._init = function _init(_ref) {
+    var container = _ref.el,
+        toolbarItems = _ref.toolbarItems,
+        hideModeSwitch = _ref.hideModeSwitch;
+    this.el = dom["a" /* default */].createElementWith(CONTAINER_TEMPLATE, container);
+    this._container = container;
+    this._editorSection = this.el.querySelector("." + CLASS_EDITOR);
+
+    this._editorSection.appendChild(this._editor.layout.getEditorEl());
+
+    this._initToolbar(this._editor.eventManager, toolbarItems);
+
+    this._initModeSwitch(this._editor.eventManager, hideModeSwitch);
+
+    this._initPopupAddLink();
+
+    this._initPopupAddImage();
+
+    this._initPopupAddTable();
+
+    this._initPopupAddHeading();
+
+    this._initPopupTableUtils();
+
+    this._initPopupCodeBlockLanguages();
+
+    this._initPopupCodeBlockEditor();
+
+    this._initMarkdownTab();
+  };
+
+  _proto._initEvent = function _initEvent() {
+    this._editor.eventManager.listen('hide', this.hide.bind(this));
+
+    this._editor.eventManager.listen('show', this.show.bind(this));
+
+    this._editor.eventManager.listen('changeMode', this._markdownTabControl.bind(this));
+
+    this._editor.eventManager.listen('changePreviewStyle', this._markdownTabControl.bind(this));
+  };
+
+  _proto._initToolbar = function _initToolbar(eventManager, toolbarItems) {
+    var toolbar = new defaultToolbar(eventManager, toolbarItems);
+    this._toolbar = toolbar;
+    this.el.querySelector("." + CLASS_TOOLBAR).appendChild(toolbar.el);
+  };
+
+  _proto._initModeSwitch = function _initModeSwitch(eventManager, hideModeSwitch) {
+    var _this = this;
+
+    var modeSwitchTabBar = this.el.querySelector("." + CLASS_MODE_SWITCH);
+    var editType = this._initialEditType === 'markdown' ? ui_modeSwitch.TYPE.MARKDOWN : ui_modeSwitch.TYPE.WYSIWYG;
+    var modeSwitch = new ui_modeSwitch(modeSwitchTabBar, editType, eventManager);
+    this._modeSwitch = modeSwitch;
+
+    if (hideModeSwitch) {
+      modeSwitch.hide();
+    }
+
+    modeSwitch.on('modeSwitched', function (type) {
+      return _this._editor.changeMode(type);
+    });
+  };
+
+  _proto._initMarkdownTab = function _initMarkdownTab() {
+    var editor = this._editor;
+    this._markdownTab = new tab({
+      initName: i18n.get('Write'),
+      items: [i18n.get('Write'), i18n.get('Preview')],
+      sections: [editor.layout.getMdEditorContainerEl(), editor.layout.getPreviewEl()]
+    });
+    this._markdownTabSection = this.el.querySelector("." + CLASS_MARKDOWN_TAB);
+
+    this._markdownTabSection.appendChild(this._markdownTab.el);
+
+    this._markdownTab.on('itemClick', function (itemText) {
+      if (itemText === i18n.get('Preview')) {
+        editor.eventManager.emit('previewNeedsRefresh');
+        editor.eventManager.emit('changePreviewTabPreview');
+        editor.eventManager.emit('closeAllPopup');
+      } else {
+        editor.getCodeMirror().focus();
+        editor.eventManager.emit('changePreviewTabWrite');
+      }
+    });
+  };
+
+  _proto._markdownTabControl = function _markdownTabControl() {
+    if (this._editor.isMarkdownMode() && this._editor.getCurrentPreviewStyle() === 'tab') {
+      css_default()(this._markdownTabSection, {
+        display: 'block'
+      });
+
+      this._markdownTab.activate(i18n.get('Write'));
+    } else {
+      css_default()(this._markdownTabSection, {
+        display: 'none'
+      });
+    }
+  };
+
+  _proto._initPopupAddLink = function _initPopupAddLink() {
+    this._popups.push(new popupAddLink({
+      target: this.el,
+      editor: this._editor
+    }));
+  };
+
+  _proto._initPopupAddImage = function _initPopupAddImage() {
+    this._popups.push(new popupAddImage({
+      target: this.el,
+      eventManager: this._editor.eventManager
+    }));
+  };
+
+  _proto._initPopupAddTable = function _initPopupAddTable() {
+    this._popups.push(new popupAddTable({
+      target: this._toolbar.el,
+      eventManager: this._editor.eventManager,
+      button: this.el.querySelector('button.tui-table'),
+      css: {
+        position: 'absolute'
+      }
+    }));
+  };
+
+  _proto._initPopupAddHeading = function _initPopupAddHeading() {
+    this._popups.push(new popupAddHeading({
+      target: this._toolbar.el,
+      eventManager: this._editor.eventManager,
+      button: this.el.querySelector('button.tui-heading'),
+      css: {
+        position: 'absolute'
+      }
+    }));
+  };
+
+  _proto._initPopupTableUtils = function _initPopupTableUtils() {
+    var _this2 = this;
+
+    this._editor.eventManager.listen('contextmenu', function (ev) {
+      if (dom["a" /* default */].parents(ev.data.target, '[contenteditable=true] table').length > 0) {
+        ev.data.preventDefault();
+
+        _this2._editor.eventManager.emit('openPopupTableUtils', ev.data);
+      }
+    });
+
+    this._popups.push(new popupTableUtils({
+      target: this.el,
+      eventManager: this._editor.eventManager
+    }));
+  };
+
+  _proto._initPopupCodeBlockLanguages = function _initPopupCodeBlockLanguages() {
+    var editor = this._editor;
+
+    this._popups.push(new popupCodeBlockLanguages({
+      target: this.el,
+      eventManager: editor.eventManager,
+      languages: editor.codeBlockLanguages
+    }));
+  };
+
+  _proto._initPopupCodeBlockEditor = function _initPopupCodeBlockEditor() {
+    this._popups.push(new popupCodeBlockEditor({
+      target: this.el,
+      eventManager: this._editor.eventManager,
+      convertor: this._editor.convertor,
+      languages: this._editor.codeBlockLanguages
+    }));
+  }
+  /**
+   * get toolbar instance
+   * @returns {Toolbar} - toolbar instance
+   */
+  ;
+
+  _proto.getToolbar = function getToolbar() {
+    return this._toolbar;
+  }
+  /**
+   * set toolbar instance
+   * @param {Toolbar} toolbar - toolbar
+   */
+  ;
+
+  _proto.setToolbar = function setToolbar(toolbar) {
+    this._toolbar.destroy();
+
+    this._toolbar = toolbar;
+  }
+  /**
+   * get mode switch instance
+   * @returns {ModeSwitch} - mode switch instance
+   */
+  ;
+
+  _proto.getModeSwitch = function getModeSwitch() {
+    return this._modeSwitch;
+  }
+  /**
+   * get editor section height
+   * @returns {Number} - height of editor section
+   */
+  ;
+
+  _proto.getEditorSectionHeight = function getEditorSectionHeight() {
+    var clientRect = this._editorSection.getBoundingClientRect();
+
+    return clientRect.bottom - clientRect.top;
+  }
+  /**
+   * get editor height
+   * @returns {Number} - height of editor
+   */
+  ;
+
+  _proto.getEditorHeight = function getEditorHeight() {
+    var clientRect = this._container.getBoundingClientRect();
+
+    return clientRect.bottom - clientRect.top;
+  }
+  /**
+   * get Table Popup
+   * @returns {PopupTableUtils} - PopupTableUtils
+   */
+  ;
+
+  _proto.getPopupTableUtils = function getPopupTableUtils() {
+    var tablePopup;
+
+    this._popups.forEach(function (popup) {
+      if (popup instanceof popupTableUtils) {
+        tablePopup = popup;
+      }
+    });
+
+    return tablePopup;
+  }
+  /**
+   * hide
+   */
+  ;
+
+  _proto.hide = function hide() {
+    addClass_default()(this.el, 'te-hide');
+  }
+  /**
+   * show
+   */
+  ;
+
+  _proto.show = function show() {
+    removeClass_default()(this.el, 'te-hide');
+  }
+  /**
+   * remove
+   */
+  ;
+
+  _proto.remove = function remove() {
+    dom["a" /* default */].remove(this.el);
+
+    this._markdownTab.remove();
+
+    this._modeSwitch.remove();
+
+    this._toolbar.destroy();
+
+    this._popups.forEach(function (popup) {
+      return popup.remove();
+    });
+
+    this._popups = [];
+    tooltip.hide();
+  }
+  /**
+   * creates popup
+   * @param {LayerPopupOption} options - layerPopup options
+   * @returns {LayerPopup} - crated layerPopup
+   */
+  ;
+
+  _proto.createPopup = function createPopup(options) {
+    return new layerpopup(options);
+  };
+
+  return DefaultUI;
+}();
+
+/* harmony default export */ var defaultUI = (defaultUI_DefaultUI);
+// EXTERNAL MODULE: ./src/js/codeBlockManager.js
+var codeBlockManager = __webpack_require__(30);
+
+// EXTERNAL MODULE: /Users/nhn/project/tui.editor/libs/to-mark/dist/to-mark.js
+var to_mark = __webpack_require__(32);
+var to_mark_default = /*#__PURE__*/__webpack_require__.n(to_mark);
+
+// CONCATENATED MODULE: ./src/js/toMarkRenderer.js
+
+
+/**
+ * Check if given node is valid delimiter run.
+ * According to common-mark spec, following examples are not valid delimiter runs.
+ * 1. opening (*|**) preceded by an alphanumeric and followed by a punctuation.
+ *    (ex: a**~~c~~b**)
+ * 2. closing (*|**) preceded by a punctuation and followed by an alphanumeric.
+ *    (ex: **b~~c~~**a)
+ * @see {@link https://spec.commonmark.org/0.29/#delimiter-run}
+ * @see {@link https://github.com/commonmark/commonmark-spec/issues/611#issuecomment-533578503}
+ */
+
+function isValidDelimiterRun(node) {
+  var isElemNode = dom["a" /* default */].isElemNode,
+      isTextNode = dom["a" /* default */].isTextNode;
+  var isInvalidOpener = isTextNode(node.previousSibling) && isElemNode(node.firstChild);
+  var isInvalidCloser = isTextNode(node.nextSibling) && isElemNode(node.lastChild);
+  return !isInvalidOpener && !isInvalidCloser;
+}
+
+function convertEmphasis(node, subContent, delimiter) {
+  var FIND_BEFORE_AND_AFTER_SPACES_RX = /^(\s*)((?:.|\n)*\S)(\s*)$/m;
+
+  var _subContent$match = subContent.match(FIND_BEFORE_AND_AFTER_SPACES_RX),
+      beforeSpaces = _subContent$match[1],
+      trimmedContent = _subContent$match[2],
+      afterSpaces = _subContent$match[3];
+
+  var convertedContent;
+
+  if (isValidDelimiterRun(node)) {
+    convertedContent = "" + delimiter + trimmedContent + delimiter;
+  } else {
+    var tagName = node.nodeName.toLowerCase();
+    convertedContent = "<" + tagName + ">" + trimmedContent + "";
+  }
+
+  return "" + beforeSpaces + convertedContent + afterSpaces;
+}
+
+/* harmony default export */ var toMarkRenderer = (to_mark_default.a.Renderer.factory(to_mark_default.a.gfmRenderer, {
+  'EM, I': function EMI(node, subContent) {
+    if (this.isEmptyText(subContent)) {
+      return '';
+    }
+
+    return convertEmphasis(node, subContent, '*');
+  },
+  'STRONG, B': function STRONGB(node, subContent) {
+    if (this.isEmptyText(subContent)) {
+      return '';
+    }
+
+    return convertEmphasis(node, subContent, '**');
+  },
+  'DEL, S': function DELS(node, subContent) {
+    if (this.isEmptyText(subContent)) {
+      return '';
+    }
+
+    return convertEmphasis(node, subContent, '~~');
+  }
+}));
+// EXTERNAL MODULE: ./src/js/pluginHelper.js
+var pluginHelper = __webpack_require__(31);
+
+// CONCATENATED MODULE: ./src/js/markdownCommands/emphasisCommon.js
+/**
+ * @fileoverview This file is common logic for italic, bold, strike makrdown commands.
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * range expand according to expendSize
+ * If can not expand, return null
+ * @param {range} range - range
+ * @param {number} expendSize - expendSize
+ * @returns {object} expanded range or null
+ * @ignore
+ */
+var getExpandedRange = function getExpandedRange(range, expendSize) {
+  var start = range.start,
+      end = range.end;
+  var expendRange;
+
+  if (start.ch >= expendSize) {
+    var from = {
+      line: start.line,
+      ch: start.ch - expendSize
+    };
+    var to = {
+      line: end.line,
+      ch: end.ch + expendSize
+    };
+    expendRange = {
+      from: from,
+      to: to
+    };
+  }
+
+  return expendRange;
+};
+/**
+ * remove symbol in the front and back of text
+ * @param {string} text - text
+ * @param {string} symbol - text
+ * @returns {string}
+ * @ignore
+ */
+
+
+var removeSyntax = function removeSyntax(text, symbol) {
+  var symbolLength = symbol.length;
+  return text.substr(symbolLength, text.length - symbolLength * 2);
+};
+/**
+ * append symbol in the front and back of text
+ * @param {string} text - text
+ * @param {string} symbol - text
+ * @returns {string}
+ * @ignore
+ */
+
+var appendSyntax = function appendSyntax(text, symbol) {
+  return "" + symbol + text + symbol;
+};
+/**
+ * check expanded text and replace text using replacer
+ * @param {CodeMirror.doc} doc - doc of codemirror
+ * @param {range} range - origin range
+ * @param {number} expandSize - expandSize
+ * @param {function} checker - sytax check function
+ * @param {function} replacer - text replace function
+ * @returns {boolean} - if replace text, return true.
+ * @ignore
+ */
+
+var expandReplace = function expandReplace(doc, range, expandSize, checker, replacer) {
+  var expendRange = getExpandedRange(range, expandSize);
+  var result = false;
+
+  if (expendRange) {
+    var from = expendRange.from,
+        to = expendRange.to;
+    var expendRangeText = doc.getRange(from, to);
+
+    if (checker(expendRangeText)) {
+      doc.setSelection(from, to);
+      doc.replaceSelection(replacer(expendRangeText), 'around');
+      result = true;
+    }
+  }
+
+  return result;
+};
+/**
+ * check text and replace text using replacer
+ * @param {CodeMirror.doc} doc - doc of codemirror
+ * @param {string} text - text
+ * @param {function} checker - sytax check function
+ * @param {function} replacer - text replace function
+ * @returns {boolean} - if replace text, return true.
+ * @ignore
+ */
+
+var replace = function replace(doc, text, checker, replacer) {
+  var result = false;
+
+  if (checker(text)) {
+    doc.replaceSelection(replacer(text), 'around');
+    result = true;
+  }
+
+  return result;
+};
+var changeSyntax = function changeSyntax(doc, range, symbol, syntaxRegex, contentRegex) {
+  var _doc$getCursor = doc.getCursor(),
+      line = _doc$getCursor.line,
+      ch = _doc$getCursor.ch;
+
+  var selectionStr = doc.getSelection();
+  var symbolLength = symbol.length;
+
+  var isSyntax = function isSyntax(t) {
+    return syntaxRegex.test(t);
+  }; // 1. expand text and check syntax => remove syntax
+  // 2. check text is syntax => remove syntax
+  // 3. If text does not match syntax, remove syntax inside text and then append syntax
+
+
+  if (!(expandReplace(doc, range, symbolLength, isSyntax, function (t) {
+    return removeSyntax(t, symbol);
+  }) || replace(doc, selectionStr, isSyntax, function (t) {
+    return removeSyntax(t, symbol);
+  }))) {
+    var removeSyntaxInsideText = selectionStr.replace(contentRegex, '$1');
+    doc.replaceSelection(appendSyntax(removeSyntaxInsideText, symbol), 'around');
+  }
+
+  var afterSelectStr = doc.getSelection();
+  var size = ch;
+
+  if (!selectionStr) {
+    // If text was not selected, after replace text, move cursor
+    // For example **|** => | (move cusor -symbolLenth)
+    if (isSyntax(afterSelectStr)) {
+      size += symbolLength;
+    } else {
+      size -= symbolLength;
+    }
+
+    doc.setCursor(line, size);
+  }
+};
+// CONCATENATED MODULE: ./src/js/markdownCommands/bold.js
+/**
+ * @fileoverview Implements Bold markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var boldRangeRegex = /^(\*{2}|_{2}).*\1$/;
+var boldContentRegex = /[*_]{2,}([^*_]*)[*_]{2,}/g;
+var boldSymbol = '**';
+/**
+ * Bold
+ * Add bold markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Bold
+ * @ignore
+ */
+
+var Bold = commandManager["a" /* default */].command('markdown',
+/** @lends Bold */
+{
+  name: 'Bold',
+  keyMap: ['CTRL+B', 'META+B'],
+
+  /**
+   * Command Handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var originRange = mde.getRange();
+    changeSyntax(doc, originRange, boldSymbol, boldRangeRegex, boldContentRegex);
+    cm.focus();
+  }
+});
+/* harmony default export */ var bold = (Bold);
+// CONCATENATED MODULE: ./src/js/markdownCommands/italic.js
+/**
+ * @fileoverview Implements Italic markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var boldItalicRangeRegex = /^(\*{3}|_{3}).*\1$/;
+var italic_boldRangeRegex = /^(\*{2}|_{2}).*\1$/;
+var italicRangeRegex = /^(\*|_).*\1$/;
+var italicContentRegex = /([^*_])[*_]([^*_]+)[*_]([^*_])/g;
+
+var isBoldItalic = function isBoldItalic(t) {
+  return boldItalicRangeRegex.test(t);
+};
+
+var isBold = function isBold(t) {
+  return italic_boldRangeRegex.test(t);
+};
+
+var isItalic = function isItalic(t) {
+  return italicRangeRegex.test(t);
+};
+
+var italicSymbol = '*';
+var italic_boldSymbol = '**';
+var boldItalicSymbol = '***';
+var italicLength = italicSymbol.length;
+var boldLength = italic_boldSymbol.length;
+var boldItalicLength = boldItalicSymbol.length;
+/**
+ * remove italic syntax in the middle of given text
+ * @param {string} text - text selected
+ * @returns {string} - text eliminated all italic in the middle of it's content
+ * @ignore
+ */
+
+var removeItalicInsideText = function removeItalicInsideText(text) {
+  return text ? text.replace(italicContentRegex, '$1$2$3') : '';
+};
+
+var italic_replaceText = function replaceText(doc, text, range) {
+  // Check 3 cases when both text and expand text
+  // case 1 : bold & italic (when expand 3 both front and end) => remove italic
+  // case 2 : bold (when expand 2 both front and end) => append
+  // case 3 : italic (expand 1 both front and end) => remove
+  var expandReplaceBind = expandReplace.bind(this, doc, range);
+  return expandReplaceBind(boldItalicLength, isBoldItalic, function (t) {
+    return removeSyntax(t, italicSymbol);
+  }) || expandReplaceBind(boldLength, isBold, function (t) {
+    return appendSyntax(removeItalicInsideText(t), italicSymbol);
+  }) || expandReplaceBind(italicLength, isItalic, function (t) {
+    return removeSyntax(t, italicSymbol);
+  }) || replace(doc, text, isBoldItalic, function (t) {
+    return removeSyntax(t, italicSymbol);
+  }) || replace(doc, text, isBold, function (t) {
+    return appendSyntax(removeItalicInsideText(t), italicSymbol);
+  }) || replace(doc, text, isItalic, function (t) {
+    return removeSyntax(t, italicSymbol);
+  });
+};
+
+var italic_replaceEmptyText = function replaceEmptyText(doc, range) {
+  // Check 3 cases when expand text
+  // case 1 : bold & italic => remove italic
+  // case 2 : bold => append
+  // case 3 : italic => remove
+  // if there is no match, make italic
+  return expandReplace(doc, range, boldItalicLength, isBoldItalic, function (t) {
+    return removeSyntax(t, italicSymbol);
+  }) || expandReplace(doc, range, boldLength, isBold, function (t) {
+    return appendSyntax(t, italicSymbol);
+  }) || expandReplace(doc, range, italicLength, isItalic, function () {
+    return '';
+  }) || doc.replaceSelection("" + italicSymbol + italicSymbol, 'around');
+};
+/**
+ * Italic
+ * Add italic markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Italic
+ * @ignore
+ */
+
+
+var Italic = commandManager["a" /* default */].command('markdown',
+/** @lends Italic */
+{
+  name: 'Italic',
+  keyMap: ['CTRL+I', 'META+I'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+
+    var _doc$getCursor = doc.getCursor(),
+        line = _doc$getCursor.line,
+        ch = _doc$getCursor.ch;
+
+    var range = mde.getRange();
+    var selectionStr = doc.getSelection();
+
+    if (selectionStr) {
+      // check selectionStr match bold & italic, bold, italic and then
+      // if there is no match, append italic
+      if (!italic_replaceText(doc, selectionStr, range)) {
+        // Before append italic, remove italic inside text and then append italic
+        // Example: One*Two*Three => *OneTwoThree*
+        doc.replaceSelection(appendSyntax(removeItalicInsideText(selectionStr), italicSymbol), 'around');
+      }
+    } else {
+      italic_replaceEmptyText(doc, range);
+      var afterSelectStr = doc.getSelection();
+      var size = ch; // If text was not selected, after replace text, move cursor
+
+      if (isBoldItalic(afterSelectStr) || isItalic(afterSelectStr) && !isBold(afterSelectStr)) {
+        // For example **|** => ***|*** (move cusor +symbolLenth)
+        size += italicLength;
+      } else {
+        // For example *|* => | (move cusor -symbolLenth)
+        size -= italicLength;
+      }
+
+      doc.setCursor(line, size);
+    }
+
+    cm.focus();
+  }
+});
+/* harmony default export */ var italic = (Italic);
+// CONCATENATED MODULE: ./src/js/markdownCommands/strike.js
+/**
+ * @fileoverview Implements StrikeThrough markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var strikeRangeRegex = /^~~.*~~$/;
+var strikeContentRegex = /~~([^~]*)~~/g;
+var strikeSymbol = '~~';
+/**
+ * Strike
+ * Add strike markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Strike
+ * @ignore
+ */
+
+var Strike = commandManager["a" /* default */].command('markdown',
+/** @lends Strike */
+{
+  name: 'Strike',
+  keyMap: ['CTRL+S', 'META+S'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var originRange = mde.getRange();
+    changeSyntax(doc, originRange, strikeSymbol, strikeRangeRegex, strikeContentRegex);
+    cm.focus();
+  }
+});
+/* harmony default export */ var strike = (Strike);
+// CONCATENATED MODULE: ./src/js/markdownCommands/blockquote.js
+/**
+ * @fileoverview Implements Blockquote markdown command
+ * @author NHN FE Development Lab 
+ */
+
+var BlockquoteRegex = /^> ?/;
+/**
+ * Blockquote
+ * Add blockquote markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Blockquote
+ * @ignore
+ */
+
+var Blockquote = commandManager["a" /* default */].command('markdown',
+/** @lends Blockquote */
+{
+  name: 'Blockquote',
+  keyMap: ['ALT+Q', 'ALT+Q'],
+
+  /**
+   * command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: 0
+    };
+    var to = {
+      line: range.to.line,
+      ch: doc.getLineHandle(range.to.line).text.length
+    };
+    var textToModify = doc.getRange(from, to);
+    var textLinesToModify = textToModify.split('\n');
+
+    var isNeedToRemove = this._haveBlockquote(textLinesToModify);
+
+    var resultText;
+
+    if (isNeedToRemove) {
+      resultText = this._removeBlockquote(textLinesToModify);
+    } else {
+      resultText = this._addBlockquote(textLinesToModify);
+    }
+
+    doc.replaceRange(resultText.join('\n'), from, to);
+
+    if (isNeedToRemove) {
+      var length = textLinesToModify.length;
+
+      if (this._isBlockquoteWithSpace(textLinesToModify[length - 1])) {
+        range.to.ch -= 2;
+      } else {
+        range.to.ch -= 1;
+      }
+    } else {
+      range.to.ch += 2;
+    }
+
+    doc.setCursor(range.to);
+    cm.focus();
+  },
+
+  /**
+   * check all text in textArr starts with '>'
+   * @param {Array} textArr - text array
+   * @returns {boolean} - true if all text in textArr starts with '>'
+   * @private
+   */
+  _haveBlockquote: function _haveBlockquote(textArr) {
+    for (var i = 0; i < textArr.length; i += 1) {
+      if (!BlockquoteRegex.test(textArr[i])) {
+        return false;
+      }
+    }
+
+    return true;
+  },
+
+  /**
+   * add '> ' to all text in textArr
+   * @param {Array} textArr - text array
+   * @returns {Array} - new text array added '> '
+   * @private
+   */
+  _addBlockquote: function _addBlockquote(textArr) {
+    return textArr.map(function (text) {
+      return "> " + text;
+    });
+  },
+
+  /**
+   * remove '> ' or '>' to all text in textArr
+   * @param {Array} textArr - text array
+   * @returns {Array} - new text array removed '> ' or  '>'
+   * @private
+   */
+  _removeBlockquote: function _removeBlockquote(textArr) {
+    return textArr.map(function (text) {
+      return text.replace(BlockquoteRegex, '');
+    });
+  },
+
+  /**
+   * check text start '> '
+   * @param {string} text - text
+   * @returns {boolean} - if text start '> ', true
+   * @private
+   */
+  _isBlockquoteWithSpace: function _isBlockquoteWithSpace(text) {
+    return /^> /.test(text);
+  }
+});
+/* harmony default export */ var blockquote = (Blockquote);
+// CONCATENATED MODULE: ./src/js/markdownCommands/heading.js
+/**
+ * @fileoverview Implements Heading markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var heading_FIND_HEADING_RX = /^#+\s/g;
+/**
+ * Heading
+ * Add heading markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Heading
+ * @ignore
+ */
+
+var Heading = commandManager["a" /* default */].command('markdown',
+/** @lends Heading */
+{
+  name: 'Heading',
+
+  /**
+   * Command Handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   * @param {number} size heading size
+   */
+  exec: function exec(mde, size) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: 0
+    };
+    var to = {
+      line: range.to.line,
+      ch: doc.getLineHandle(range.to.line).text.length
+    };
+    var lengthOfCurrentLineBefore = doc.getLine(to.line).length;
+    var textToModify = doc.getRange(from, to);
+    var textLinesToModify = textToModify.split('\n');
+    toArray_default()(textLinesToModify).forEach(function (line, index) {
+      textLinesToModify[index] = getHeadingMarkdown(line, size);
+    });
+    doc.replaceRange(textLinesToModify.join('\n'), from, to);
+    range.to.ch += doc.getLine(to.line).length - lengthOfCurrentLineBefore;
+    doc.setSelection(from, range.to);
+    cm.focus();
+  }
+});
+/**
+ * Get heading markdown
+ * @param {string} text Source test
+ * @param {number} size size
+ * @returns {string}
+ */
+
+function getHeadingMarkdown(text, size) {
+  var foundedHeading = text.match(heading_FIND_HEADING_RX);
+  var heading = '';
+
+  do {
+    heading += '#';
+    size -= 1;
+  } while (size > 0);
+
+  if (foundedHeading) {
+    var _text$split = text.split(foundedHeading[0]);
+
+    text = _text$split[1];
+  }
+
+  return heading + " " + text;
+}
+
+/* harmony default export */ var markdownCommands_heading = (Heading);
+// CONCATENATED MODULE: ./src/js/markdownCommands/paragraph.js
+/**
+ * @fileoverview Implements Paragraph markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Paragraph
+ * Convert selected lines to paragraph
+ * @extends Command
+ * @module markdownCommands/Paragraph
+ * @ignore
+ */
+
+var Paragraph = commandManager["a" /* default */].command('markdown',
+/** @lends Paragraph */
+{
+  name: 'Paragraph',
+
+  /**
+   * Command Handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: 0
+    };
+    var to = {
+      line: range.to.line,
+      ch: doc.getLineHandle(range.to.line).text.length
+    };
+    var lengthOfCurrentLineBefore = doc.getLine(to.line).length;
+    var textToModify = doc.getRange(from, to);
+    var textLines = textToModify.split('\n');
+    toArray_default()(textLines).forEach(function (line, index) {
+      textLines[index] = getParagraphMarkdown(line);
+    });
+    doc.replaceRange(textLines.join('\n'), from, to);
+    range.to.ch += doc.getLine(to.line).length - lengthOfCurrentLineBefore;
+    doc.setSelection(from, to);
+    cm.focus();
+  }
+});
+/**
+ * Get paragraph markdown lineText
+ * @param {string} lineText line lineText
+ * @returns {string}
+ */
+
+function getParagraphMarkdown(lineText) {
+  var headingRx = /^(#{1,6}| *((?:\*|-|\d\.)(?: \[[ xX]])?)) /;
+  return lineText.replace(headingRx, '');
+}
+
+/* harmony default export */ var paragraph = (Paragraph);
+// CONCATENATED MODULE: ./src/js/markdownCommands/hr.js
+/**
+ * @fileoverview Implements HR markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * HR
+ * Add HR markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/HR
+ * @ignore
+ */
+
+var HR = commandManager["a" /* default */].command('markdown',
+/** @lends HR */
+{
+  name: 'HR',
+  keyMap: ['CTRL+L', 'META+L'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var replaceText = '';
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: range.from.ch
+    };
+    var to = {
+      line: range.to.line,
+      ch: range.to.ch
+    };
+
+    if (range.collapsed) {
+      replaceText = doc.getLine(from.line);
+      from.ch = 0;
+      to.ch = doc.getLineHandle(range.to.line).text.length;
+    }
+
+    if (doc.getLine(from.line).length) {
+      replaceText += '\n\n* * *\n\n';
+    } else {
+      replaceText += '\n* * *\n';
+    }
+
+    doc.replaceRange(replaceText, from, to);
+    cm.focus();
+  }
+});
+/* harmony default export */ var markdownCommands_hr = (HR);
+// CONCATENATED MODULE: ./src/js/markdownCommands/addLink.js
+/**
+ * @fileoverview Implements Addlink markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var addLink_decodeURIGraceful = importManager.decodeURIGraceful,
+    encodeMarkdownCharacters = importManager.encodeMarkdownCharacters;
+var FIND_MARKDOWN_IMAGE_SYNTAX_RX = /!\[.*\]\(.*\)/g;
+var FIND_ESCAPED_CHARS_RX = /\(|\)|\[|\]|<|>/g;
+
+function escapeLinkTextExceptImageSyntax(linkText) {
+  var imageSyntaxRanges = [];
+  var result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(linkText);
+
+  while (result) {
+    var _result = result,
+        index = _result.index;
+    imageSyntaxRanges.push([index, index + result[0].length]);
+    result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(linkText);
+  }
+
+  return linkText.replace(FIND_ESCAPED_CHARS_RX, function (matched, offset) {
+    var isDelimiter = imageSyntaxRanges.some(function (range) {
+      return offset > range[0] && offset < range[1];
+    });
+    return isDelimiter ? matched : "\\" + matched;
+  });
+}
+/**
+ * AddLink
+ * Add link markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/AddLink
+ * @ignore
+ */
+
+
+var AddLink = commandManager["a" /* default */].command('markdown',
+/** @lends AddLink */
+{
+  name: 'AddLink',
+
+  /**
+   * command handler for AddLink
+   * @param {MarkdownEditor} mde - MarkdownEditor instance
+   * @param {object} data - data for image
+   */
+  exec: function exec(mde, data) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: range.from.ch
+    };
+    var to = {
+      line: range.to.line,
+      ch: range.to.ch
+    };
+    var linkText = data.linkText,
+        url = data.url;
+    linkText = addLink_decodeURIGraceful(linkText);
+    linkText = escapeLinkTextExceptImageSyntax(linkText);
+    url = encodeMarkdownCharacters(url);
+    var replaceText = "[" + linkText + "](" + url + ")";
+    doc.replaceRange(replaceText, from, to);
+    cm.focus();
+  }
+});
+/* harmony default export */ var addLink = (AddLink);
+// CONCATENATED MODULE: ./src/js/markdownCommands/addImage.js
+/**
+ * @fileoverview Implments AddImage markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var addImage_decodeURIGraceful = importManager.decodeURIGraceful,
+    addImage_encodeMarkdownCharacters = importManager.encodeMarkdownCharacters,
+    escapeMarkdownCharacters = importManager.escapeMarkdownCharacters;
+/**
+ * AddImage
+ * Add Image markdown syntax to markdown Editor
+ * @extends Command
+ * @module markdownCommands/AddImage
+ * @ignore
+ */
+
+var AddImage = commandManager["a" /* default */].command('markdown',
+/** @lends AddImage */
+{
+  name: 'AddImage',
+
+  /**
+   * Command Handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   * @param {object} data data for image
+   */
+  exec: function exec(mde, data) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: range.from.ch
+    };
+    var to = {
+      line: range.to.line,
+      ch: range.to.ch
+    };
+    var altText = data.altText,
+        imageUrl = data.imageUrl;
+    altText = addImage_decodeURIGraceful(altText);
+    altText = escapeMarkdownCharacters(altText);
+    imageUrl = addImage_encodeMarkdownCharacters(imageUrl);
+    var replaceText = "![" + altText + "](" + imageUrl + ")";
+    doc.replaceRange(replaceText, from, to, '+addImage');
+    cm.focus();
+  }
+});
+/* harmony default export */ var addImage = (AddImage);
+// CONCATENATED MODULE: ./src/js/markdownCommands/ul.js
+/**
+ * @fileoverview Implements UL markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * UL
+ * Add unordered list markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/UL
+ * @ignore
+ */
+
+var UL = commandManager["a" /* default */].command('markdown',
+/** @lends UL */
+{
+  name: 'UL',
+  keyMap: ['CTRL+U', 'META+U'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var range = mde.getCurrentRange();
+    var listManager = mde.componentManager.getManager('list');
+    listManager.changeSyntax(range, 'ul');
+  }
+});
+/* harmony default export */ var markdownCommands_ul = (UL);
+// CONCATENATED MODULE: ./src/js/markdownCommands/ol.js
+/**
+ * @fileoverview Implements OL markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * OL
+ * Add ordered list markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/OL
+ * @ignore
+ */
+
+var OL = commandManager["a" /* default */].command('markdown',
+/** @lends OL */
+{
+  name: 'OL',
+  keyMap: ['CTRL+O', 'META+O'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var range = mde.getCurrentRange();
+    var listManager = mde.componentManager.getManager('list');
+    listManager.changeSyntax(range, 'ol');
+  }
+});
+/* harmony default export */ var ol = (OL);
+// CONCATENATED MODULE: ./src/js/markdownCommands/indent.js
+/**
+ * @fileoverview Implements Indent markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Indent
+ * Add Indent markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/inent
+ * @ignore
+ */
+
+var Indent = commandManager["a" /* default */].command('markdown',
+/** @lends Indent */
+{
+  name: 'Indent',
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    cm.execCommand('indentOrderedList');
+  }
+});
+/* harmony default export */ var markdownCommands_indent = (Indent);
+// CONCATENATED MODULE: ./src/js/markdownCommands/outdent.js
+/**
+ * @fileoverview Implements Outdent markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Outdent
+ * Add Outdent markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/outdent
+ * @ignore
+ */
+
+var Outdent = commandManager["a" /* default */].command('markdown',
+/** @lends Outdent */
+{
+  name: 'Outdent',
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    cm.execCommand('indentLessOrderedList');
+  }
+});
+/* harmony default export */ var outdent = (Outdent);
+// CONCATENATED MODULE: ./src/js/markdownCommands/table.js
+/**
+ * @fileoverview Implements Table markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Table
+ * Add table markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Table
+ * @ignore
+ */
+
+var Table = commandManager["a" /* default */].command('markdown',
+/** @lends Table */
+{
+  name: 'Table',
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   * @param {number} col column count
+   * @param {number} row row count
+   * @param {Array} data initial table data
+   */
+  exec: function exec(mde, col, row, data) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var table = '\n';
+
+    if (cm.getCursor().ch > 0) {
+      table += '\n';
+    }
+
+    table += makeHeader(col, data);
+    table += makeBody(col, row - 1, data);
+    doc.replaceSelection(table);
+
+    if (!data) {
+      cm.setCursor(cm.getCursor().line - row, 2);
+    }
+
+    mde.focus();
+  }
+});
+/**
+ * makeHeader
+ * make table header markdown string
+ * @param {number} col Column count
+ * @param {array} data Cell's text content
+ * @returns {string} markdown string
+ */
+
+function makeHeader(col, data) {
+  var header = '|';
+  var border = '|';
+  var index = 0;
+
+  while (col) {
+    if (data) {
+      header += " " + data[index] + " |";
+      index += 1;
+    } else {
+      header += '  |';
+    }
+
+    border += ' --- |';
+    col -= 1;
+  }
+
+  return header + "\n" + border + "\n";
+}
+/**
+ * makeBody
+ * make table body markdown string
+ * @param {number} col column count
+ * @param {number} row row count
+ * @param {Array} data initial table data
+ * @returns {string} html string
+ */
+
+
+function makeBody(col, row, data) {
+  var body = '';
+  var index = col;
+
+  for (var irow = 0; irow < row; irow += 1) {
+    body += '|';
+
+    for (var icol = 0; icol < col; icol += 1) {
+      if (data) {
+        body += " " + data[index] + " |";
+        index += 1;
+      } else {
+        body += '  |';
+      }
+    }
+
+    body += '\n';
+  }
+
+  body = body.replace(/\n$/g, '');
+  return body;
+}
+
+/* harmony default export */ var markdownCommands_table = (Table);
+// CONCATENATED MODULE: ./src/js/markdownCommands/task.js
+/**
+ * @fileoverview Implements Task markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Task
+ * @extends Command
+ * @module markdownCommands/Task
+ * @ignore
+ */
+
+var Task = commandManager["a" /* default */].command('markdown',
+/** @lends Task */
+{
+  name: 'Task',
+  keyMap: ['ALT+T', 'ALT+T'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var range = mde.getCurrentRange();
+    var listManager = mde.componentManager.getManager('list');
+    listManager.changeSyntax(range, 'task');
+  }
+});
+/* harmony default export */ var markdownCommands_task = (Task);
+// CONCATENATED MODULE: ./src/js/markdownCommands/code.js
+/**
+ * @fileoverview Implements Code markdown command
+ * @author NHN FE Development Lab 
+ */
+
+var codeRangeRegex = /^`([^`]+)`$/;
+var codeContentRegex = /`([^`]+)`/g;
+/**
+ * Code
+ * Add code markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Code
+ * @ignore
+ */
+
+var Code = commandManager["a" /* default */].command('markdown',
+/** @lends Code */
+{
+  name: 'Code',
+  keyMap: ['SHIFT+CTRL+C', 'SHIFT+META+C'],
+
+  /**
+   * Command Handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var selection = doc.getSelection();
+    var cursor = cm.getCursor();
+    var hasSyntax = this.hasStrikeSyntax(selection);
+    var result;
+
+    if (hasSyntax) {
+      result = this.remove(selection);
+      result = this._removeCodeSyntax(result);
+    } else {
+      result = this._removeCodeSyntax(selection);
+      result = this.append(result);
+    }
+
+    doc.replaceSelection(result, 'around');
+
+    if (!selection && !hasSyntax) {
+      this.setCursorToCenter(doc, cursor, hasSyntax);
+    }
+
+    cm.focus();
+  },
+
+  /**
+   * set cursor to center
+   * @param {CodeMirror.doc} doc - codemirror document
+   * @param {object} cursor - codemirror cursor
+   * @param {boolean} isRemoved - whether it involes deletion
+   */
+  setCursorToCenter: function setCursorToCenter(doc, cursor, isRemoved) {
+    var pos = isRemoved ? -1 : 1;
+    doc.setCursor(cursor.line, cursor.ch + pos);
+  },
+
+  /**
+   * has code syntax
+   * @param {string} text Source text
+   * @returns {boolean} true if the given text has a code syntax
+   */
+  hasStrikeSyntax: function hasStrikeSyntax(text) {
+    return codeRangeRegex.test(text);
+  },
+
+  /**
+   * apply Code
+   * @param {string} text - selected text
+   * @returns {string} - text after code syntax applied
+   */
+  append: function append(text) {
+    return "`" + text + "`";
+  },
+
+  /**
+   * remove Code
+   * @param {string} text - selected text
+   * @returns {string} - text after code syntax removed
+   */
+  remove: function remove(text) {
+    return text.substr(1, text.length - 2);
+  },
+
+  /**
+   * remove bold syntax in the middle of given text
+   * @param {string} text - text selected
+   * @returns {string} - text eliminated all code in the middle of it's content
+   * @private
+   */
+  _removeCodeSyntax: function _removeCodeSyntax(text) {
+    return text ? text.replace(codeContentRegex, '$1') : '';
+  }
+});
+/* harmony default export */ var markdownCommands_code = (Code);
+// CONCATENATED MODULE: ./src/js/markdownCommands/codeBlock.js
+/**
+ * @fileoverview Implements CodeBlock markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * CodeBlock
+ * Add CodeBlock markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/CodeBlock
+ * @ignore
+ */
+
+var CodeBlock = commandManager["a" /* default */].command('markdown',
+/** @lends CodeBlock */
+{
+  name: 'CodeBlock',
+  keyMap: ['SHIFT+CTRL+P', 'SHIFT+META+P'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var replaceText = ['```', doc.getSelection(), '```'];
+    var cursorOffset = 1; // insert a line break to the front if the selection starts in the middle of a text
+
+    if (range.from.ch !== 0) {
+      replaceText.unshift('');
+      cursorOffset += 1;
+    } // insert a line break to the end if the selection has trailing text
+
+
+    if (range.to.ch !== doc.getLine(range.to.line).length) {
+      replaceText.push('');
+    }
+
+    doc.replaceSelection(replaceText.join('\n'));
+    cm.setCursor(range.from.line + cursorOffset, 0);
+    cm.focus();
+  }
+});
+/* harmony default export */ var markdownCommands_codeBlock = (CodeBlock);
+// CONCATENATED MODULE: ./src/js/markdownCommands/changeTaskMarker.js
+/**
+ * @fileoverview Implements ChangeTaskMarker markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var TASK_MARKER_RX = /^\[(\s*)(x?)(\s*)\](?:\s+)/i;
+/**
+ * Add ChangeTaskMarker command
+ * @extends Command
+ * @module markdownCommands/ToggleTaskMarker
+ * @ignore
+ */
+
+var ChangeTaskMarker = commandManager["a" /* default */].command('markdown',
+/** @lends ChangeTaskMarker */
+{
+  name: 'ChangeTaskMarker',
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+
+    var _cm$getCursor = cm.getCursor(),
+        line = _cm$getCursor.line,
+        ch = _cm$getCursor.ch;
+
+    var mdCh = cm.getLine(line).length === ch ? ch : ch + 1;
+    var mdNode = mde.getToastMark().findNodeAtPosition([line + 1, mdCh]);
+    var paraNode = Object(markdown["b" /* findClosestNode */])(mdNode, function (node) {
+      return node.type === 'paragraph' && node.parent && node.parent.type === 'item';
+    });
+
+    if (paraNode && paraNode.firstChild) {
+      var _paraNode$firstChild = paraNode.firstChild,
+          literal = _paraNode$firstChild.literal,
+          sourcepos = _paraNode$firstChild.sourcepos;
+      var _sourcepos$ = sourcepos[0],
+          startLine = _sourcepos$[0],
+          startCh = _sourcepos$[1];
+      var matched = literal.match(TASK_MARKER_RX);
+
+      if (matched) {
+        var startSpaces = matched[1],
+            stateChar = matched[2],
+            lastSpaces = matched[3];
+        var spaces = startSpaces.length + lastSpaces.length;
+        var startPos = {
+          line: startLine - 1,
+          ch: startCh
+        };
+
+        if (stateChar) {
+          cm.replaceRange(stateChar, startPos, Object(markdown["a" /* addChPos */])(startPos, spaces ? spaces + 1 : 0));
+        } else if (!spaces) {
+          cm.replaceRange(' ', startPos, startPos);
+        }
+      }
+    }
+  }
+});
+/* harmony default export */ var changeTaskMarker = (ChangeTaskMarker);
+// CONCATENATED MODULE: ./src/js/markdownCommands/toggleTaskMarker.js
+/**
+ * @fileoverview Implements ToggleTaskMarker markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Add ToggleTaskMarker command
+ * @extends Command
+ * @module markdownCommands/ToggleTaskMarker
+ * @ignore
+ */
+
+var ToggleTaskMarker = commandManager["a" /* default */].command('markdown',
+/** @lends ToggleTaskMarker */
+{
+  name: 'ToggleTaskMarker',
+  exec: function exec(mde) {
+    var _this = this;
+
+    var cm = mde.getEditor();
+    var ranges = cm.listSelections();
+    ranges.forEach(function (range) {
+      var anchor = range.anchor,
+          head = range.head;
+      var startLine = Math.min(anchor.line, head.line);
+      var endLine = Math.max(anchor.line, head.line);
+      var mdNode;
+
+      for (var index = startLine, len = endLine; index <= len; index += 1) {
+        mdNode = mde.getToastMark().findFirstNodeAtLine(index + 1);
+
+        if (mdNode.type === 'list' || mdNode.type === 'item') {
+          _this._changeTaskState(mdNode, index, cm);
+        }
+      }
+    });
+  },
+  _changeTaskState: function _changeTaskState(list, line, cm) {
+    var listData = list.listData,
+        sourcepos = list.sourcepos;
+    var task = listData.task,
+        checked = listData.checked,
+        padding = listData.padding;
+
+    if (task) {
+      var stateChar = checked ? ' ' : 'x';
+      var _sourcepos$ = sourcepos[0],
+          startCh = _sourcepos$[1];
+      var startPos = {
+        line: line,
+        ch: startCh + padding
+      };
+      cm.replaceRange(stateChar, startPos, Object(markdown["a" /* addChPos */])(startPos, 1));
+    }
+  }
+});
+/* harmony default export */ var toggleTaskMarker = (ToggleTaskMarker);
+// CONCATENATED MODULE: ./src/js/markdownCommands/moveNextCursorOrIndent.js
+/**
+ * @fileoverview Implements MoveNextCursorOrIndent markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Add MoveNextCursorOrIndent command
+ * @extends Command
+ * @module markdownCommands/MoveNextCursorOrIndent
+ * @ignore
+ */
+
+var MoveNextCursorOrIndent = commandManager["a" /* default */].command('markdown',
+/** @lends MoveNextCursorOrIndent */
+{
+  name: 'MoveNextCursorOrIndent',
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+
+    var _cm$getCursor = cm.getCursor(),
+        line = _cm$getCursor.line,
+        ch = _cm$getCursor.ch;
+
+    var mdCh = cm.getLine(line).length === ch ? ch : ch + 1;
+    var mdNode = mde.getToastMark().findNodeAtPosition([line + 1, mdCh]);
+    var cellNode = Object(markdown["b" /* findClosestNode */])(mdNode, function (node) {
+      return Object(markdown["l" /* isTableCellNode */])(node);
+    });
+
+    if (cellNode) {
+      this._moveCursorNextCell(cellNode, cm);
+    } else {
+      cm.execCommand('indentOrderedList');
+    }
+  },
+  _moveCursorNextCell: function _moveCursorNextCell(cell, cm) {
+    var next = cell.next,
+        parent = cell.parent;
+    var line = Object(markdown["f" /* getMdStartLine */])(cell);
+    var ch = Object(markdown["c" /* getMdEndCh */])(cell) + 2;
+
+    if (next) {
+      ch = Object(markdown["c" /* getMdEndCh */])(next);
+    } else {
+      var nextRow = !parent.next && parent.parent.type === 'tableHead' ? parent.parent.next.firstChild : parent.next;
+
+      if (nextRow) {
+        line = line + 1;
+        ch = Object(markdown["c" /* getMdEndCh */])(nextRow.firstChild);
+      }
+    }
+
+    cm.setCursor({
+      line: line - 1,
+      ch: ch - 1
+    });
+  }
+});
+/* harmony default export */ var moveNextCursorOrIndent = (MoveNextCursorOrIndent);
+// CONCATENATED MODULE: ./src/js/markdownCommands/movePrevCursorOrOutdent.js
+/**
+ * @fileoverview Implements MoveCursorOrOutdent markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Add MovePrevCursorOrOutdent command
+ * @extends Command
+ * @module markdownCommands/MovePrevCursorOrOutdent
+ * @ignore
+ */
+
+var MovePrevCursorOrOutdent = commandManager["a" /* default */].command('markdown',
+/** @lends MovePrevCursorOrOutdent */
+{
+  name: 'MovePrevCursorOrOutdent',
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+
+    var _cm$getCursor = cm.getCursor(),
+        line = _cm$getCursor.line,
+        ch = _cm$getCursor.ch;
+
+    var mdCh = cm.getLine(line).length === ch ? ch : ch + 1;
+    var mdNode = mde.getToastMark().findNodeAtPosition([line + 1, mdCh]);
+    var cellNode = Object(markdown["b" /* findClosestNode */])(mdNode, function (node) {
+      return Object(markdown["l" /* isTableCellNode */])(node);
+    });
+
+    if (cellNode) {
+      this._moveCursorPrevCell(cellNode, cm);
+    } else {
+      cm.execCommand('indentLessOrderedList');
+    }
+  },
+  _moveCursorPrevCell: function _moveCursorPrevCell(cell, cm) {
+    var prev = cell.prev,
+        parent = cell.parent;
+    var line = Object(markdown["f" /* getMdStartLine */])(cell);
+    var ch = 1;
+
+    if (prev) {
+      ch = Object(markdown["c" /* getMdEndCh */])(prev);
+    } else {
+      var prevRow = !parent.prev && parent.parent.type === 'tableBody' ? parent.parent.prev.lastChild : parent.prev;
+
+      if (prevRow) {
+        line = line - 1;
+        ch = Object(markdown["c" /* getMdEndCh */])(prevRow.lastChild);
+      }
+    }
+
+    cm.setCursor({
+      line: line - 1,
+      ch: ch - 1
+    });
+  }
+});
+/* harmony default export */ var movePrevCursorOrOutdent = (MovePrevCursorOrOutdent);
+// CONCATENATED MODULE: ./src/js/markdownCommands/addLine.js
+/**
+ * @fileoverview Implements AddLine markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+
+function createTableRow(row) {
+  var columnLen = row.parent.parent.columns.length;
+  var result = '|';
+
+  for (var i = 0; i < columnLen; i += 1) {
+    result += '  |';
+  }
+
+  return result;
+}
+/**
+ * Add AddLine command
+ * @extends Command
+ * @module markdownCommands/AddLine
+ * @ignore
+ */
+
+
+var AddLine = commandManager["a" /* default */].command('markdown',
+/** @lends AddLine */
+{
+  name: 'AddLine',
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+
+    var _cm$getCursor = cm.getCursor(),
+        line = _cm$getCursor.line,
+        ch = _cm$getCursor.ch;
+
+    var mdCh = cm.getLine(line).length === ch ? ch : ch + 1;
+    var mdNode = mde.getToastMark().findNodeAtPosition([line + 1, mdCh]);
+    var cellNode = Object(markdown["b" /* findClosestNode */])(mdNode, function (node) {
+      return Object(markdown["l" /* isTableCellNode */])(node) && (node.parent.type === 'tableDelimRow' || node.parent.parent.type === 'tableBody');
+    });
+
+    if (cellNode) {
+      this._addTableRowByCell(cellNode, cm);
+    } else {
+      cm.execCommand('newlineAndIndentContinueMarkdownList');
+    }
+  },
+  _addTableRowByCell: function _addTableRowByCell(cell, cm) {
+    var line = Object(markdown["f" /* getMdStartLine */])(cell);
+    var parent = cell.parent;
+    var nextRow = parent.next;
+    var currentLineText = cm.getLine(line - 1);
+    var rowStr = createTableRow(parent);
+
+    if (nextRow && nextRow.type === 'tableRow' || currentLineText !== rowStr) {
+      cm.setCursor(line - 1, Object(markdown["c" /* getMdEndCh */])(parent));
+      cm.replaceSelection("\n" + rowStr);
+      cm.setCursor(line, 2);
+    } else {
+      cm.execCommand('deleteLine');
+    }
+  }
+});
+/* harmony default export */ var addLine = (AddLine);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/bold.js
+/**
+ * @fileoverview Implements bold WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Bold
+ * Add bold to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Bold
+ * @ignore
+ */
+
+var bold_Bold = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Bold */
+{
+  name: 'Bold',
+  keyMap: ['CTRL+B', 'META+B'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
+    wwe.focus();
+
+    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
+      tableSelectionManager.styleToSelectedCells(styleBold);
+      var range = sq.getSelection();
+      range.collapse(true);
+      sq.setSelection(range);
+    } else {
+      styleBold(sq);
+      dom["a" /* default */].optimizeRange(sq.getSelection(), 'B');
+    }
+  }
+});
+/**
+ * Style bold.
+ * @param {object} sq - squire editor instance
+ */
+
+function styleBold(sq) {
+  if (sq.hasFormat('b') || sq.hasFormat('strong')) {
+    sq.changeFormat(null, {
+      tag: 'b'
+    });
+  } else if (!sq.hasFormat('PRE')) {
+    if (sq.hasFormat('code')) {
+      sq.changeFormat(null, {
+        tag: 'code'
+      });
+    }
+
+    sq.bold();
+  }
+}
+
+/* harmony default export */ var wysiwygCommands_bold = (bold_Bold);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/italic.js
+/**
+ * @fileoverview Implements italic WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Italic
+ * Add Italic to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Italic
+ * @ignore
+ */
+
+var italic_Italic = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Italic */
+{
+  name: 'Italic',
+  keyMap: ['CTRL+I', 'META+I'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
+    wwe.focus();
+
+    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
+      tableSelectionManager.styleToSelectedCells(styleItalic);
+      var range = sq.getSelection();
+      range.collapse(true);
+      sq.setSelection(range);
+    } else {
+      styleItalic(sq);
+      dom["a" /* default */].optimizeRange(sq.getSelection(), 'I');
+    }
+  }
+});
+/**
+ * Style italic.
+ * @param {object} sq - squire editor instance
+ */
+
+function styleItalic(sq) {
+  if (sq.hasFormat('i') || sq.hasFormat('em')) {
+    sq.changeFormat(null, {
+      tag: 'i'
+    });
+  } else if (!sq.hasFormat('PRE')) {
+    if (sq.hasFormat('code')) {
+      sq.changeFormat(null, {
+        tag: 'code'
+      });
+    }
+
+    sq.italic();
+  }
+}
+
+/* harmony default export */ var wysiwygCommands_italic = (italic_Italic);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/strike.js
+/**
+ * @fileoverview Implements strike WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Strike
+ * Add strike to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Strike
+ * @ignore
+ */
+
+var strike_Strike = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Strike */
+{
+  name: 'Strike',
+  keyMap: ['CTRL+S', 'META+S'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe WysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
+    wwe.focus();
+
+    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
+      tableSelectionManager.styleToSelectedCells(styleStrike);
+      var range = sq.getSelection();
+      range.collapse(true);
+      sq.setSelection(range);
+    } else {
+      styleStrike(sq);
+      dom["a" /* default */].optimizeRange(sq.getSelection(), 'S');
+    }
+  }
+});
+/**
+ * Style strike.
+ * @param {object} sq - squire editor instance
+ */
+
+function styleStrike(sq) {
+  if (sq.hasFormat('S')) {
+    sq.changeFormat(null, {
+      tag: 'S'
+    });
+  } else if (!sq.hasFormat('PRE')) {
+    if (sq.hasFormat('code')) {
+      sq.changeFormat(null, {
+        tag: 'code'
+      });
+    }
+
+    sq.strikethrough();
+  }
+}
+
+/* harmony default export */ var wysiwygCommands_strike = (strike_Strike);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/blockquote.js
+/**
+ * @fileoverview Implements block quote WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Blockquote
+ * Add Blockquote to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Blockquote
+ * @ignore
+ */
+
+var blockquote_Blockquote = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Blockquote */
+{
+  name: 'Blockquote',
+  keyMap: ['ALT+Q', 'ALT+Q'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    wwe.focus();
+
+    if (!sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
+      if (sq.hasFormat('BLOCKQUOTE')) {
+        sq.decreaseQuoteLevel();
+      } else {
+        sq.increaseQuoteLevel();
+      }
+    }
+  }
+});
+/* harmony default export */ var wysiwygCommands_blockquote = (blockquote_Blockquote);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/addImage.js
+/**
+ * @fileoverview Implements AddImage wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+var wysiwygCommands_addImage_decodeURIGraceful = importManager.decodeURIGraceful,
+    wysiwygCommands_addImage_encodeMarkdownCharacters = importManager.encodeMarkdownCharacters;
+/**
+ * AddImage
+ * Add Image markdown syntax to wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/AddImage
+ * @ignore
+ */
+
+var addImage_AddImage = commandManager["a" /* default */].command('wysiwyg',
+/** @lends AddImage */
+{
+  name: 'AddImage',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   * @param {object} data data for image
+   */
+  exec: function exec(wwe, data) {
+    var sq = wwe.getEditor();
+    var altText = data.altText,
+        imageUrl = data.imageUrl;
+    altText = wysiwygCommands_addImage_decodeURIGraceful(altText);
+    imageUrl = wysiwygCommands_addImage_encodeMarkdownCharacters(imageUrl);
+    wwe.focus();
+
+    if (!sq.hasFormat('PRE')) {
+      sq.insertImage(imageUrl, {
+        alt: altText
+      });
+    }
+  }
+});
+/* harmony default export */ var wysiwygCommands_addImage = (addImage_AddImage);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/addLink.js
+/**
+ * @fileoverview Implements AddLink wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var wysiwygCommands_addLink_decodeURIGraceful = importManager.decodeURIGraceful,
+    addLink_encodeMarkdownCharacters = importManager.encodeMarkdownCharacters;
+/**
+ * Add link markdown syntax to wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/AddLink
+ * @ignore
+ */
+
+var addLink_AddLink = commandManager["a" /* default */].command('wysiwyg',
+/** @lends AddLink */
+{
+  name: 'AddLink',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe - wysiwygEditor instance
+   * @param {object} data - data for link
+   */
+  exec: function exec(wwe, data) {
+    var sq = wwe.getEditor();
+    var linkAttribute = wwe.getLinkAttribute();
+    var url = data.url,
+        linkText = data.linkText;
+    var linkManager = wwe.componentManager.getManager('link');
+    linkText = wysiwygCommands_addLink_decodeURIGraceful(linkText);
+    url = addLink_encodeMarkdownCharacters(url);
+    wwe.focus();
+
+    if (!sq.hasFormat('PRE')) {
+      sq.removeAllFormatting();
+      var selectedText = sq.getSelectedText();
+
+      var selectedImageOnly = this._isSelectedImageOnly(sq.getSelection());
+
+      if (selectedText || selectedImageOnly) {
+        sq.makeLink(url, linkAttribute);
+      } else {
+        var link = sq.createElement('A', extend_default()({
+          href: url
+        }, linkAttribute));
+        link.textContent = linkText;
+        sq.insertElement(link);
+      }
+
+      linkManager.addClassNameToImageLinksInSelection();
+    }
+  },
+  _isSelectedImageOnly: function _isSelectedImageOnly(range) {
+    if (!range.collapsed) {
+      var startContainer = range.startContainer,
+          endContainer = range.endContainer;
+
+      if (startContainer && startContainer === endContainer) {
+        return dom["a" /* default */].isElemNode(startContainer) && startContainer.firstChild.nodeName === 'IMG';
+      }
+    }
+
+    return false;
+  }
+});
+/* harmony default export */ var wysiwygCommands_addLink = (addLink_AddLink);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/hr.js
+/**
+ * @fileoverview Implements HR wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * HR
+ * Add horizontal line markdown syntax to wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/HR
+ * @ignore
+ */
+
+var hr_HR = commandManager["a" /* default */].command('wysiwyg',
+/** @lends HR */
+{
+  name: 'HR',
+  keyMap: ['CTRL+L', 'META+L'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+
+    if (range.collapsed && !sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
+      var hr = document.createElement('hr');
+      var currentNode = dom["a" /* default */].getChildNodeByOffset(range.startContainer, range.startOffset);
+      var nextBlockNode = dom["a" /* default */].getTopNextNodeUnder(currentNode, wwe.getBody()); // If nextBlockNode is div that has hr and has contenteditable as false,
+      // nextBlockNode should be set as nextSibling that is normal block.
+
+      if (nextBlockNode && !dom["a" /* default */].isTextNode(nextBlockNode)) {
+        while (nextBlockNode && nextBlockNode.getAttribute('contenteditable') === 'false') {
+          nextBlockNode = nextBlockNode.nextSibling;
+        }
+      }
+
+      if (!nextBlockNode) {
+        nextBlockNode = dom["a" /* default */].createEmptyLine();
+        dom["a" /* default */].append(wwe.getBody(), nextBlockNode);
+      }
+
+      sq.modifyBlocks(function (frag) {
+        frag.appendChild(hr);
+        return frag;
+      });
+      var previousSibling = hr.previousSibling;
+
+      if (previousSibling && dom["a" /* default */].isTextNode(previousSibling) && dom["a" /* default */].getTextLength(previousSibling) === 0) {
+        hr.parentNode.removeChild(previousSibling);
+      }
+
+      hr.parentNode.replaceChild(dom["a" /* default */].createHorizontalRule(), hr);
+      range.selectNodeContents(nextBlockNode);
+      range.collapse(true);
+      sq.setSelection(range);
+      sq.saveUndoState(range);
+    }
+
+    wwe.focus();
+  }
+});
+/* harmony default export */ var wysiwygCommands_hr = (hr_HR);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/heading.js
+/**
+ * @fileoverview Implements Heading wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Heading
+ * Convert selected root level contents to heading with size wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/Heading
+ * @ignore
+ */
+
+var heading_Heading = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Heading */
+{
+  name: 'Heading',
+
+  /**
+   * Command handler
+   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
+   * @param {Number} size size
+   */
+  exec: function exec(wwe, size) {
+    var sq = wwe.getEditor();
+    var blockTagName = 'h1, h2, h3, h4, h5, h6, div';
+    wwe.focus();
+
+    if (!sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
+      sq.modifyBlocks(function (fragment) {
+        var blocks = dom["a" /* default */].children(fragment, blockTagName);
+        toArray_default()(blocks).forEach(function (block) {
+          var headingHTML = "h" + size;
+
+          if (dom["a" /* default */].getNodeName(block) === 'DIV') {
+            dom["a" /* default */].wrap(block, headingHTML);
+          } else {
+            var wrapperHeading = document.createElement(headingHTML);
+            dom["a" /* default */].insertBefore(wrapperHeading, block);
+            wrapperHeading.innerHTML = block.innerHTML;
+            dom["a" /* default */].remove(block);
+          }
+        });
+        return fragment;
+      });
+    }
+  }
+});
+/* harmony default export */ var wysiwygCommands_heading = (heading_Heading);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/paragraph.js
+/**
+ * @fileoverview Implements Paragraph wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Paragraph
+ * Convert selected contents to paragraph only heading and list
+ * @extends Command
+ * @module wysiwygCommands/Paragraph
+ * @ignore
+ */
+
+var paragraph_Paragraph = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Paragraph */
+{
+  name: 'Paragraph',
+
+  /**
+   * Command handler
+   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    wwe.focus();
+
+    if (!sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
+      sq.modifyBlocks(function (fragment) {
+        var newFragment = document.createDocumentFragment();
+        toArray_default()(fragment.childNodes).forEach(function (block) {
+          if (block.nodeName.match(/h\d/i)) {
+            appendChildrenTo(newFragment, block.children);
+          } else if (block.nodeName.match(/ul|ol/i)) {
+            dom["a" /* default */].findAll(block, 'li').forEach(function (listItem) {
+              appendChildrenTo(newFragment, listItem.children);
+            });
+          } else {
+            newFragment.appendChild(block);
+          }
+        });
+        return newFragment;
+      });
+    }
+  }
+});
+/**
+ * Append children
+ * @param {HTMLElement} parent - target to append
+ * @param {Array.} children - appending children
+ */
+
+function appendChildrenTo(parent, children) {
+  toArray_default()(children).forEach(function (child) {
+    parent.appendChild(child.cloneNode(true));
+  });
+}
+
+/* harmony default export */ var wysiwygCommands_paragraph = (paragraph_Paragraph);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/ul.js
+/**
+ * @fileoverview Implements ul WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * UL
+ * Add UL to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/UL
+ * @ignore
+ */
+
+var ul_UL = commandManager["a" /* default */].command('wysiwyg',
+/** @lends UL */
+{
+  name: 'UL',
+  keyMap: ['CTRL+U', 'META+U'],
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var listManager = wwe.componentManager.getManager('list');
+    var startContainer = range.startContainer,
+        endContainer = range.endContainer,
+        startOffset = range.startOffset,
+        endOffset = range.endOffset;
+    var newLIs = [];
+    wwe.focus();
+    sq.saveUndoState(range);
+
+    if (listManager.isAvailableMakeListInTable()) {
+      newLIs = listManager.createListInTable(range, 'UL');
+    } else {
+      var lines = listManager.getLinesOfSelection(startContainer, endContainer);
+
+      for (var i = 0; i < lines.length; i += 1) {
+        var newLI = this._changeFormatToUnorderedListIfNeed(wwe, lines[i]);
+
+        if (newLI) {
+          newLIs.push(newLI);
+        }
+      }
+    }
+
+    if (newLIs.length) {
+      listManager.adjustRange(startContainer, endContainer, startOffset, endOffset, newLIs);
+    }
+  },
+
+  /**
+   * Change format to unordered list if need
+   * @param {WysiwygEditor} wwe Wysiwyg editor instance
+   * @param {HTMLElement} target Element target for change
+   * @returns {HTMLElement} newly created list
+   * @private
+   */
+  _changeFormatToUnorderedListIfNeed: function _changeFormatToUnorderedListIfNeed(wwe, target) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var taskManager = wwe.componentManager.getManager('task');
+    var newLI;
+
+    if (!sq.hasFormat('PRE')) {
+      range.setStart(target, 0);
+      range.collapse(true);
+      sq.setSelection(range);
+
+      if (sq.hasFormat('LI')) {
+        wwe.saveSelection(range);
+        taskManager.unformatTask(range.startContainer);
+        sq.replaceParent(range.startContainer, 'ol', 'ul');
+        wwe.restoreSavedSelection();
+      } else {
+        wwe.unwrapBlockTag();
+        sq.makeUnorderedList();
+      }
+
+      newLI = sq.getSelection().startContainer;
+    }
+
+    return newLI;
+  }
+});
+/* harmony default export */ var wysiwygCommands_ul = (ul_UL);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/ol.js
+/**
+ * @fileoverview Implements ol WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * OL
+ * Add OL to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/OL
+ * @ignore
+ */
+
+var ol_OL = commandManager["a" /* default */].command('wysiwyg',
+/** @lends OL */
+{
+  name: 'OL',
+  keyMap: ['CTRL+O', 'META+O'],
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var listManager = wwe.componentManager.getManager('list');
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset,
+        endContainer = range.endContainer,
+        endOffset = range.endOffset;
+    var newLIs = [];
+    wwe.focus();
+    sq.saveUndoState(range);
+
+    if (listManager.isAvailableMakeListInTable()) {
+      newLIs = listManager.createListInTable(range, 'OL');
+    } else {
+      var lines = listManager.getLinesOfSelection(startContainer, endContainer);
+
+      for (var i = 0; i < lines.length; i += 1) {
+        var newLI = this._changeFormatToOrderedListIfNeed(wwe, lines[i]);
+
+        if (newLI) {
+          newLIs.push(newLI);
+        }
+      }
+    }
+
+    if (newLIs.length) {
+      listManager.adjustRange(startContainer, endContainer, startOffset, endOffset, newLIs);
+    }
+  },
+
+  /**
+   * Change format to unordered list if need
+   * @param {WysiwygEditor} wwe Wysiwyg editor instance
+   * @param {HTMLElement} target Element target for change
+   * @returns {HTMLElement} newly created list item
+   * @private
+   */
+  _changeFormatToOrderedListIfNeed: function _changeFormatToOrderedListIfNeed(wwe, target) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var taskManager = wwe.componentManager.getManager('task');
+    var newLI;
+
+    if (!sq.hasFormat('PRE')) {
+      range.setStart(target, 0);
+      range.collapse(true);
+      sq.setSelection(range);
+
+      if (sq.hasFormat('LI')) {
+        wwe.saveSelection(range);
+        taskManager.unformatTask(range.startContainer);
+        sq.replaceParent(range.startContainer, 'ul', 'ol');
+        wwe.restoreSavedSelection();
+      } else {
+        wwe.unwrapBlockTag();
+        sq.makeOrderedList();
+      }
+
+      newLI = sq.getSelection().startContainer;
+    }
+
+    return newLI;
+  }
+});
+/* harmony default export */ var wysiwygCommands_ol = (ol_OL);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/table.js
+/**
+ * @fileoverview Implements table WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Table
+ * Add table to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Table
+ * @ignore
+ */
+
+var table_Table = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Table */
+{
+  name: 'Table',
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   * @param {number} col column count
+   * @param {number} row row count
+   * @param {Array} data initial table data
+   */
+  exec: function exec(wwe, col, row, data) {
+    var sq = wwe.getEditor();
+    var tableIDClassName = wwe.componentManager.getManager('table').getTableIDClassName();
+    var tableHTMLString;
+
+    if (!sq.getSelection().collapsed || sq.hasFormat('TABLE') || sq.hasFormat('PRE')) {
+      wwe.focus();
+      return;
+    }
+
+    tableHTMLString = "";
+    tableHTMLString += table_makeHeader(col, data);
+    tableHTMLString += table_makeBody(col, row - 1, data);
+    tableHTMLString += '
    ';
+    sq.insertHTML(tableHTMLString);
+    wwe.focus();
+
+    if (!data) {
+      focusToFirstTh(sq, wwe.getBody().querySelector("." + tableIDClassName));
+    }
+  }
+});
+/**
+ * Focus to first th
+ * @param {Squire} sq Squire instance
+ * @param {HTMLElement} table wrapped table element
+ */
+
+function focusToFirstTh(sq, table) {
+  var range = sq.getSelection();
+  range.selectNodeContents(table.querySelector('th'));
+  range.collapse(true);
+  sq.setSelection(range);
+}
+/**
+ * makeHeader
+ * make table header html string
+ * @param {number} col column count
+ * @param {string} data cell data
+ * @returns {string} html string
+ */
+
+
+function table_makeHeader(col, data) {
+  var header = '';
+  var index = 0;
+
+  while (col) {
+    header += '';
+
+    if (data) {
+      header += data[index];
+      index += 1;
+    }
+
+    header += '';
+    col -= 1;
+  }
+
+  header += '';
+  return header;
+}
+/**
+ * makeBody
+ * make table body html string
+ * @param {number} col column count
+ * @param {number} row row count
+ * @param {string} data cell data
+ * @returns {string} html string
+ */
+
+
+function table_makeBody(col, row, data) {
+  var body = '';
+  var index = col;
+
+  for (var irow = 0; irow < row; irow += 1) {
+    body += '';
+
+    for (var icol = 0; icol < col; icol += 1) {
+      body += '';
+
+      if (data) {
+        body += data[index];
+        index += 1;
+      }
+
+      body += '';
+    }
+
+    body += '';
+  }
+
+  body += '';
+  return body;
+}
+
+/* harmony default export */ var wysiwygCommands_table = (table_Table);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableAddRow.js
+/**
+ * @fileoverview Implements table add row WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * AddRow
+ * Add Row to selected table
+ * @extends Command
+ * @module wysiwygCommands/TableAddRow
+ * @ignore
+ */
+
+var TableAddRow = commandManager["a" /* default */].command('wysiwyg',
+/** @lends AddRow */
+{
+  name: 'AddRow',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var selectedRowLength = getSelectedRowsLength(wwe);
+    var tr, newRow;
+    wwe.focus();
+
+    if (sq.hasFormat('TD')) {
+      sq.saveUndoState(range);
+      tr = dom["a" /* default */].closest(range.startContainer, 'tr');
+
+      for (var i = 0; i < selectedRowLength; i += 1) {
+        newRow = getNewRow(tr);
+        dom["a" /* default */].insertAfter(newRow, tr);
+      }
+
+      focusToFirstTd(sq, newRow);
+    } else if (sq.hasFormat('TH')) {
+      sq.saveUndoState(range);
+      tr = dom["a" /* default */].closest(range.startContainer, 'tr');
+
+      var _domUtils$parents = dom["a" /* default */].parents(tr, 'thead'),
+          thead = _domUtils$parents[0];
+
+      var tbody = thead.nextSibling;
+
+      if (matches_default()(tbody, 'tbody')) {
+        var _domUtils$children = dom["a" /* default */].children(tbody, 'tr');
+
+        tr = _domUtils$children[0];
+      }
+
+      for (var _i = 0; _i < selectedRowLength; _i += 1) {
+        newRow = getNewRow(tr);
+        dom["a" /* default */].insertBefore(newRow, tr);
+      }
+
+      focusToFirstTd(sq, newRow);
+    }
+  }
+});
+/**
+ * get number of selected rows
+ * @param {WysiwygEditor} wwe - wysiwygEditor instance
+ * @returns {number} - number of selected rows
+ * @ignore
+ */
+
+function getSelectedRowsLength(wwe) {
+  var selectionMgr = wwe.componentManager.getManager('tableSelection');
+  var selectedCells = selectionMgr.getSelectedCells();
+  var length = 1;
+
+  if (selectedCells.length > 1) {
+    var first = selectedCells[0];
+    var last = selectedCells[selectedCells.length - 1];
+    var range = selectionMgr.getSelectionRangeFromTable(first, last);
+    length = range.to.row - range.from.row + 1;
+  }
+
+  return length;
+}
+/**
+ * Get new row of given row
+ * @param {HTMLElement} tr - wrapped table row
+ * @returns {HTMLElement} - new cloned element
+ * @ignore
+ */
+
+
+function getNewRow(tr) {
+  var cloned = tr.cloneNode(true);
+  var htmlString = browser_default.a.msie ? '' : '
    ';
+  dom["a" /* default */].findAll(cloned, 'td').forEach(function (td) {
+    td.innerHTML = htmlString;
+  });
+  return cloned;
+}
+/**
+ * Focus to first table cell
+ * @param {Squire} sq - Squire instance
+ * @param {HTMLElement} tr - wrapped table row
+ * @ignore
+ */
+
+
+function focusToFirstTd(sq, tr) {
+  var range = sq.getSelection();
+  range.selectNodeContents(tr.querySelector('td'));
+  range.collapse(true);
+  sq.setSelection(range);
+}
+
+/* harmony default export */ var tableAddRow = (TableAddRow);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableAddCol.js
+/**
+ * @fileoverview Implements table add column WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+/**
+ * AddCol
+ * Add col to selected table
+ * @extends Command
+ * @module wysiwygCommands/TableAddCol
+ * @ignore
+ */
+
+var TableAddCol = commandManager["a" /* default */].command('wysiwyg',
+/** @lends AddCol */
+{
+  name: 'AddCol',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var numberOfCols = getNumberOfCols(wwe);
+    var cell;
+    wwe.focus();
+
+    if (sq.hasFormat('TR')) {
+      sq.saveUndoState(range);
+      cell = getCellByRange(range);
+      addColToCellAfter(cell, numberOfCols);
+      focusToNextCell(sq, cell);
+    }
+  }
+});
+/**
+ * get number of selected cols
+ * @param {WysiwygEditor} wwe - wysiwyg editor instance
+ * @returns {number} - number of selected cols
+ * @ignore
+ */
+
+function getNumberOfCols(wwe) {
+  var selectionMgr = wwe.componentManager.getManager('tableSelection');
+  var selectedCells = selectionMgr.getSelectedCells();
+  var length = 1;
+
+  if (selectedCells.length > 0) {
+    var maxLength = selectedCells[0].parentNode.querySelectorAll('td, th').length;
+    length = Math.min(maxLength, selectedCells.length);
+  }
+
+  return length;
+}
+/**
+ * Get cell by range object
+ * @param {Range} range - range
+ * @returns {HTMLElement} - html element
+ * @ignore
+ */
+
+
+function getCellByRange(range) {
+  var cell = range.startContainer;
+
+  if (dom["a" /* default */].getNodeName(cell) !== 'TD' && dom["a" /* default */].getNodeName(cell) !== 'TH') {
+    cell = dom["a" /* default */].closest(cell, 'td, th');
+  }
+
+  return cell;
+}
+/**
+ * Add column to after the current cell
+ * @param {HTMLElement} cell - wrapped table cell
+ * @param {number} [numberOfCols=1] - number of cols
+ * @ignore
+ */
+
+
+function addColToCellAfter(cell, numberOfCols) {
+  if (numberOfCols === void 0) {
+    numberOfCols = 1;
+  }
+
+  var _domUtils$parents = dom["a" /* default */].parents(cell, 'table'),
+      table = _domUtils$parents[0];
+
+  if (table) {
+    var index = inArray_default()(cell, toArray_default()(cell.parentNode.childNodes));
+    var cellToAdd;
+    dom["a" /* default */].findAll(table, 'tr').forEach(function (tr) {
+      var isTBody = dom["a" /* default */].getNodeName(tr.parentNode) === 'TBODY';
+      var isMSIE = browser_default.a.msie;
+      var currentCell = tr.children[index];
+
+      for (var i = 0; i < numberOfCols; i += 1) {
+        if (isTBody) {
+          cellToAdd = document.createElement('td');
+        } else {
+          cellToAdd = document.createElement('th');
+        }
+
+        if (!isMSIE) {
+          cellToAdd.appendChild(document.createElement('br'));
+        }
+
+        dom["a" /* default */].insertAfter(cellToAdd, currentCell);
+      }
+    });
+  }
+}
+/**
+ * Focus to next cell
+ * @param {Squire} sq - Squire instance
+ * @param {HTMLElement} cell - wrapped table cell
+ * @ignore
+ */
+
+
+function focusToNextCell(sq, cell) {
+  var range = sq.getSelection();
+  range.selectNodeContents(cell.nextSibling);
+  range.collapse(true);
+  sq.setSelection(range);
+}
+
+/* harmony default export */ var tableAddCol = (TableAddCol);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableRemoveRow.js
+/**
+ * @fileoverview Implements table remove row WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * RemoveRow
+ * remove Row to selected table
+ * @extends Command
+ * @module wysiwygCommands/TableRemoveRow
+ * @ignore
+ */
+
+var TableRemoveRow = commandManager["a" /* default */].command('wysiwyg',
+/** @lends RemoveRow */
+{
+  name: 'RemoveRow',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+
+    var _domUtils$parents = dom["a" /* default */].parents(range.startContainer, 'table'),
+        table = _domUtils$parents[0];
+
+    var selectionMgr = wwe.componentManager.getManager('tableSelection');
+    var tableMgr = wwe.componentManager.getManager('table');
+    var trs = getTrs(range, selectionMgr, table);
+    var tbodyRowLength = table.querySelectorAll('tbody tr').length;
+    wwe.focus();
+
+    if ((sq.hasFormat('TD') || sq.hasFormat('TABLE')) && tbodyRowLength > 1) {
+      sq.saveUndoState(range);
+      var firstTr = trs[0];
+      var lastTr = trs[trs.length - 1];
+      var nextFocus = lastTr && lastTr.nextSibling ? lastTr.nextSibling : firstTr && firstTr.previousSibling;
+
+      if (nextFocus) {
+        tableRemoveRow_focusToFirstTd(sq, range, nextFocus, tableMgr);
+      }
+
+      trs.forEach(function (tr) {
+        return dom["a" /* default */].remove(tr);
+      });
+    }
+
+    selectionMgr.removeClassAttrbuteFromAllCellsIfNeed();
+  }
+});
+/**
+ * Focus to first TD in given TR
+ * @param {SquireExt} sq Squire instance
+ * @param {Range} range Range object
+ * @param {HTMLElement} tr HTMLElement wrapped TR
+ * @param {object} tableMgr Table manager
+ */
+
+function tableRemoveRow_focusToFirstTd(sq, range, tr, tableMgr) {
+  var nextFocusCell = tr.querySelector('td');
+  range.setStart(nextFocusCell, 0);
+  range.collapse(true);
+  tableMgr.setLastCellNode(nextFocusCell);
+  sq.setSelection(range);
+}
+/**
+ * Get start, end row index from current range
+ * @param {HTMLElement} firstSelectedCell Range object
+ * @param {object} rangeInformation Range information object
+ * @param {HTMLElement} table HTMLElement wrapped TABLE
+ * @returns {HTMLElement}
+ */
+
+
+function getSelectedRows(firstSelectedCell, rangeInformation, table) {
+  var tbodyRowLength = table.querySelectorAll('tbody tr').length;
+  var isStartContainerInThead = dom["a" /* default */].parents(firstSelectedCell, 'thead').length;
+  var startRowIndex = rangeInformation.from.row;
+  var endRowIndex = rangeInformation.to.row;
+
+  if (isStartContainerInThead) {
+    startRowIndex += 1;
+  }
+
+  var isWholeTbodySelected = (startRowIndex === 1 || isStartContainerInThead) && endRowIndex === tbodyRowLength;
+
+  if (isWholeTbodySelected) {
+    endRowIndex -= 1;
+  }
+
+  return dom["a" /* default */].findAll(table, 'tr').slice(startRowIndex, endRowIndex + 1);
+}
+/**
+ * Get TRs
+ * @param {Range} range Range object
+ * @param {object} selectionMgr Table selection manager
+ * @param {HTMLElement} table current table
+ * @returns {Array.}
+ */
+
+
+function getTrs(range, selectionMgr, table) {
+  var selectedCells = selectionMgr.getSelectedCells();
+  var rangeInformation, trs;
+
+  if (selectedCells.length) {
+    rangeInformation = selectionMgr.getSelectionRangeFromTable(selectedCells[0], selectedCells[selectedCells.length - 1]);
+    trs = getSelectedRows(selectedCells[0], rangeInformation, table);
+  } else {
+    var cell = dom["a" /* default */].closest(range.startContainer, 'td,th');
+    rangeInformation = selectionMgr.getSelectionRangeFromTable(cell, cell);
+    trs = getSelectedRows(cell, rangeInformation, table);
+  }
+
+  return trs;
+}
+
+/* harmony default export */ var tableRemoveRow = (TableRemoveRow);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableRemoveCol.js
+/**
+ * @fileoverview Implements table remove column WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * RemoveCol
+ * remove Row to selected table
+ * @extends Command
+ * @module wysiwygCommands/TableRemoveCol
+ * @ignore
+ */
+
+var TableRemoveCol = commandManager["a" /* default */].command('wysiwyg',
+/** @lends RemoveCol */
+{
+  name: 'RemoveCol',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+
+    var _domUtils$parents = dom["a" /* default */].parents(range.startContainer, 'table'),
+        table = _domUtils$parents[0];
+
+    var tableMgr = wwe.componentManager.getManager('table');
+    var selectionMgr = wwe.componentManager.getManager('tableSelection');
+    var hasMultipleCols = dom["a" /* default */].closest(range.startContainer, 'table').querySelectorAll('thead tr th').length > 1;
+    wwe.focus(); // IE 800a025e error on removing part of selection range. collapse
+
+    range.collapse(true);
+    sq.setSelection(range);
+
+    if (sq.hasFormat('TR', null, range) && hasMultipleCols) {
+      var trs = table.querySelectorAll('tbody tr');
+      var tbodyColLength = trs.length ? trs[0].querySelectorAll('td').length : 0;
+      var selectedCells = selectionMgr.getSelectedCells();
+
+      if (selectedCells.length < tbodyColLength) {
+        sq.saveUndoState(range);
+        var nextFocus;
+
+        if (selectedCells.length > 1) {
+          var tailCell = selectedCells[selectedCells.length - 1];
+          var headCell = selectedCells[0];
+          nextFocus = tailCell.nextSibling ? tailCell.nextSibling : headCell.previousSibling;
+          removeMultipleColsByCells(selectedCells);
+        } else {
+          var cell = tableRemoveCol_getCellByRange(range);
+          nextFocus = cell.nextSibling ? cell.nextSibling : cell.previousSibling;
+          removeColByCell(cell);
+        }
+
+        focusToCell(sq, nextFocus, tableMgr);
+      }
+    }
+  }
+});
+/**
+ * Get cell by range object
+ * @param {Range} range range
+ * @returns {HTMLElement|Node}
+ */
+
+function tableRemoveCol_getCellByRange(range) {
+  var cell = range.startContainer;
+
+  if (dom["a" /* default */].getNodeName(cell) !== 'TD' && !dom["a" /* default */].getNodeName(cell) === 'TH') {
+    cell = dom["a" /* default */].parentsUntil(cell, 'tr');
+  }
+
+  return cell;
+}
+/**
+ * Remove columns by given cells
+ * @param {HTMLElement} cells - table cells
+ */
+
+
+function removeMultipleColsByCells(cells) {
+  var numberOfCells = cells.length;
+
+  for (var i = 0; i < numberOfCells; i += 1) {
+    var cellToDelete = cells[i];
+
+    if (cellToDelete) {
+      removeColByCell(cells[i]);
+    }
+  }
+}
+/**
+ * Remove column by given cell
+ * @param {HTMLElement} cell - wrapped table cell
+ */
+
+
+function removeColByCell(cell) {
+  var _domUtils$parents2 = dom["a" /* default */].parents(cell, 'table'),
+      table = _domUtils$parents2[0];
+
+  if (table) {
+    var index = inArray_default()(cell, toArray_default()(cell.parentNode.childNodes));
+    dom["a" /* default */].findAll(table, 'tr').forEach(function (tr) {
+      var td = tr.children[index];
+      dom["a" /* default */].remove(td);
+    });
+  }
+}
+/**
+ * Focus to given cell
+ * @param {Squire} sq - Squire instance
+ * @param {HTMLElement} cell - wrapped table cell
+ * @param {object} tableMgr - Table manager instance
+ */
+
+
+function focusToCell(sq, cell, tableMgr) {
+  var nextFocusCell = cell;
+
+  if (cell && dom["a" /* default */].isContain(document.body, cell)) {
+    var range = sq.getSelection();
+    range.selectNodeContents(cell);
+    range.collapse(true);
+    sq.setSelection(range);
+    tableMgr.setLastCellNode(nextFocusCell);
+  }
+}
+
+/* harmony default export */ var tableRemoveCol = (TableRemoveCol);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableAlignCol.js
+/**
+ * @fileoverview Implements table align column WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * AlignCol
+ * Align selected column's text content to given direction
+ * @extends Command
+ * @module wysiwygCommands/TableAlignCol
+ * @ignore
+ */
+
+var TableAlignCol = commandManager["a" /* default */].command('wysiwyg',
+/** @lends AlignCol */
+{
+  name: 'AlignCol',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   * @param {string} alignDirection Align direction
+   */
+  exec: function exec(wwe, alignDirection) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var selectionMgr = wwe.componentManager.getManager('tableSelection');
+    var rangeInformation = getRangeInformation(range, selectionMgr);
+    wwe.focus();
+
+    if (sq.hasFormat('TR')) {
+      sq.saveUndoState(range);
+
+      var _domUtils$parents = dom["a" /* default */].parents(range.startContainer, 'table'),
+          table = _domUtils$parents[0];
+
+      var selectionInformation = getSelectionInformation(table, rangeInformation);
+      setAlignAttributeToTableCells(table, alignDirection, selectionInformation);
+    }
+
+    selectionMgr.removeClassAttrbuteFromAllCellsIfNeed();
+  }
+});
+/**
+ * Set Column align
+ * @param {HTMLElement} table wrapped TABLE
+ * @param {string} alignDirection 'left' or 'center' or 'right'
+ * @param {{
+ *     startColumnIndex: number,
+ *     endColumnIndex: number,
+ *     isDivided: boolean
+ *     }} selectionInformation start, end column index and boolean value for whether range divided or not
+ */
+
+function setAlignAttributeToTableCells(table, alignDirection, selectionInformation) {
+  var isDivided = selectionInformation.isDivided || false;
+  var start = selectionInformation.startColumnIndex;
+  var end = selectionInformation.endColumnIndex;
+  var trs = dom["a" /* default */].findAll(table, 'tr');
+  var columnLength = trs.length ? trs[0].querySelectorAll('td,th').length : 0;
+  trs.forEach(function (tr) {
+    var cells = toArray_default()(dom["a" /* default */].children(tr, 'td,th'));
+    cells.forEach(function (cell, index) {
+      if (isDivided && (start <= index && index <= columnLength || index <= end)) {
+        cell.setAttribute('align', alignDirection);
+      } else if (start <= index && index <= end) {
+        cell.setAttribute('align', alignDirection);
+      }
+    });
+  });
+}
+/**
+ * Return start, end column index and boolean value for whether range divided or not
+ * @param {HTMLElement} table wrapped TABLE
+ * @param {{startColumnIndex: number, endColumnIndex: number}} rangeInformation Range information
+ * @returns {{startColumnIndex: number, endColumnIndex: number, isDivided: boolean}}
+ */
+
+
+function getSelectionInformation(table, rangeInformation) {
+  var trs = table.querySelectorAll('tr');
+  var columnLength = trs.length ? trs[0].querySelectorAll('td,th').length : 0;
+  var from = rangeInformation.from,
+      to = rangeInformation.to;
+  var startColumnIndex, endColumnIndex, isDivided;
+
+  if (from.row === to.row) {
+    startColumnIndex = from.cell;
+    endColumnIndex = to.cell;
+  } else if (from.row < to.row) {
+    if (from.cell <= to.cell) {
+      startColumnIndex = 0;
+      endColumnIndex = columnLength - 1;
+    } else {
+      startColumnIndex = from.cell;
+      endColumnIndex = to.cell;
+      isDivided = true;
+    }
+  }
+
+  return {
+    startColumnIndex: startColumnIndex,
+    endColumnIndex: endColumnIndex,
+    isDivided: isDivided
+  };
+}
+/**
+ * Get range information
+ * @param {Range} range Range object
+ * @param {object} selectionMgr Table selection manager
+ * @returns {object}
+ */
+
+
+function getRangeInformation(range, selectionMgr) {
+  var selectedCells = selectionMgr.getSelectedCells();
+  var rangeInformation, startCell;
+
+  if (selectedCells.length) {
+    rangeInformation = selectionMgr.getSelectionRangeFromTable(selectedCells[0], selectedCells[selectedCells.length - 1]);
+  } else {
+    var startContainer = range.startContainer;
+    startCell = dom["a" /* default */].isTextNode(startContainer) ? dom["a" /* default */].parent(startContainer, 'td,th') : startContainer;
+    rangeInformation = selectionMgr.getSelectionRangeFromTable(startCell, startCell);
+  }
+
+  return rangeInformation;
+}
+
+/* harmony default export */ var tableAlignCol = (TableAlignCol);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableRemove.js
+/**
+ * @fileoverview Implements table remove WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * RemoveTable
+ * Remove selected table
+ * @extends Command
+ * @module wysiwygCommands/TableRemove
+ * @ignore
+ */
+
+var TableRemove = commandManager["a" /* default */].command('wysiwyg',
+/** @lends RemoveTable */
+{
+  name: 'RemoveTable',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+
+    if (sq.hasFormat('TABLE')) {
+      sq.saveUndoState(range);
+      dom["a" /* default */].remove(dom["a" /* default */].closest(range.startContainer, 'table'));
+    }
+
+    wwe.focus();
+  }
+});
+/* harmony default export */ var tableRemove = (TableRemove);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/indent.js
+/**
+ * @fileoverview Implements Indent wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Indent
+ * Indent list or task to wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/indent
+ * @ignore
+ */
+
+var indent_Indent = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Indent */
+{
+  name: 'Indent',
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var listManager = wwe.componentManager.getManager('list');
+    var range = wwe.getEditor().getSelection();
+    var node = dom["a" /* default */].closest(range.startContainer, 'li');
+    var prevClasses, nodeClasses, nextClasses;
+    var prev = node && node.previousSibling;
+
+    if (prev) {
+      var next = node.querySelector('li');
+      wwe.getEditor().saveUndoState();
+      nodeClasses = node.className;
+      prevClasses = prev.className;
+      node.className = '';
+      prev.className = '';
+
+      if (next) {
+        nextClasses = next.className;
+        var divElements = toArray_default()(next.children).filter(function (child) {
+          return matches_default()(child, 'div');
+        });
+
+        if (!divElements.length) {
+          next.className = '';
+        }
+      }
+
+      wwe.getEditor().increaseListLevel();
+      listManager.mergeList(node);
+      node.className = nodeClasses;
+      prev.className = prevClasses;
+
+      if (next) {
+        next.className = nextClasses;
+      }
+    }
+  }
+});
+/* harmony default export */ var wysiwygCommands_indent = (indent_Indent);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/outdent.js
+/**
+ * @fileoverview Implements Outdent wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Outdent
+ * Outdent list or task to wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/Outdent
+ * @ignore
+ */
+
+var outdent_Outdent = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Outdent */
+{
+  name: 'Outdent',
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe WysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var node = getCurrentLi(wwe);
+
+    if (node && isExecutable(node)) {
+      wwe.getEditor().saveUndoState();
+      var nodeClasses = node.className;
+      wwe.getEditor().decreaseListLevel();
+      node = getCurrentLi(wwe);
+
+      if (node && nodeClasses) {
+        node.className = nodeClasses;
+      }
+    }
+  }
+});
+/**
+ * test if outdent the given list item
+ * arbitrary list allows list item to be in any position
+ * while markdown spec does not
+ * @param {HTMLElement} currentLiNode - list item element
+ * @returns {boolean} - true to executable
+ * @ignore
+ */
+
+function isExecutable(currentLiNode) {
+  var nodeName = dom["a" /* default */].getNodeName(currentLiNode.nextSibling);
+  return nodeName !== 'OL' && nodeName !== 'UL';
+}
+/**
+ * Get list item element of current selection
+ * @param {object} wwe Wysiwyg editor instance
+ * @returns {HTMLElement}
+ * @ignore
+ */
+
+
+function getCurrentLi(wwe) {
+  var range = wwe.getEditor().getSelection();
+  return dom["a" /* default */].closest(range.startContainer, 'li');
+}
+
+/* harmony default export */ var wysiwygCommands_outdent = (outdent_Outdent);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/task.js
+/**
+ * @fileoverview Implements Task WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Task
+ * Add Task to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Task
+ * @ignore
+ */
+
+var task_Task = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Task */
+{
+  name: 'Task',
+  keyMap: ['ALT+T', 'ALT+T'],
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var listManager = wwe.componentManager.getManager('list');
+    var startContainer = range.startContainer,
+        endContainer = range.endContainer,
+        startOffset = range.startOffset,
+        endOffset = range.endOffset;
+    var newLIs = [];
+    wwe.focus();
+    sq.saveUndoState(range);
+
+    if (listManager.isAvailableMakeListInTable()) {
+      newLIs = listManager.createListInTable(range, 'TASK');
+    } else {
+      var lines = listManager.getLinesOfSelection(startContainer, endContainer);
+
+      for (var i = 0; i < lines.length; i += 1) {
+        var newLI = this._changeFormatToTaskIfNeed(wwe, lines[i]);
+
+        if (newLI) {
+          newLIs.push(newLI);
+        }
+      }
+    }
+
+    if (newLIs.length) {
+      listManager.adjustRange(startContainer, endContainer, startOffset, endOffset, newLIs);
+    }
+  },
+
+  /**
+   * Change format to unordered list and return current li element if need
+   * @param {WysiwygEditor} wwe Wysiwyg editor instance
+   * @param {HTMLElement} target Element target for change
+   * @returns {HTMLElement} newly created list
+   * @private
+   */
+  _changeFormatToTaskIfNeed: function _changeFormatToTaskIfNeed(wwe, target) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var taskManager = wwe.componentManager.getManager('task');
+    var newLI;
+
+    if (!sq.hasFormat('PRE')) {
+      range.setStart(target, 0);
+      range.collapse(true);
+      sq.setSelection(range);
+
+      if (!sq.hasFormat('li')) {
+        sq.makeUnorderedList();
+        target = sq.getSelection().startContainer;
+      }
+
+      if (hasClass_default()(target, 'task-list-item')) {
+        taskManager.unformatTask(target);
+      } else {
+        taskManager.formatTask(target);
+      }
+
+      newLI = sq.getSelection().startContainer;
+    }
+
+    return newLI;
+  }
+});
+/* harmony default export */ var wysiwygCommands_task = (task_Task);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/code.js
+/**
+ * @fileoverview Implements code WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Code
+ * Add bold to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Code
+ * @ignore
+ */
+
+var code_Code = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Code */
+{
+  name: 'Code',
+  keyMap: ['SHIFT+CTRL+C', 'SHIFT+META+C'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
+
+    var _styleCode = styleCode.bind(null, wwe.getEditor());
+
+    wwe.focus();
+
+    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
+      tableSelectionManager.styleToSelectedCells(_styleCode);
+      var range = sq.getSelection();
+      range.collapse(true);
+      sq.setSelection(range);
+    } else {
+      _styleCode(sq);
+    }
+  }
+});
+/**
+ * removeUnnecessaryCodeInNextToRange
+ * Remove unnecessary code tag next to range, code tag made by squire
+ * @param {Range} range range object
+ */
+
+function removeUnnecessaryCodeInNextToRange(range) {
+  if (dom["a" /* default */].getNodeName(range.startContainer.nextSibling) === 'CODE' && dom["a" /* default */].getTextLength(range.startContainer.nextSibling) === 0) {
+    dom["a" /* default */].remove(range.startContainer.nextSibling);
+  }
+}
+/**
+ * Style code.
+ * @param {object} editor - editor instance
+ * @param {object} sq - squire editor instance
+ */
+
+
+function styleCode(editor, sq) {
+  if (!sq.hasFormat('PRE') && sq.hasFormat('code')) {
+    sq.changeFormat(null, {
+      tag: 'code'
+    });
+    removeUnnecessaryCodeInNextToRange(editor.getSelection().cloneRange());
+  } else if (!sq.hasFormat('a') && !sq.hasFormat('PRE')) {
+    if (sq.hasFormat('b')) {
+      sq.removeBold();
+    } else if (sq.hasFormat('i')) {
+      sq.removeItalic();
+    }
+
+    sq.changeFormat({
+      tag: 'code'
+    });
+    var range = sq.getSelection().cloneRange();
+    range.setStart(range.endContainer, range.endOffset);
+    range.collapse(true);
+    sq.setSelection(range);
+  }
+}
+
+/* harmony default export */ var wysiwygCommands_code = (code_Code);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/codeBlock.js
+/**
+ * @fileoverview Implements code block WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var CODEBLOCK_CLASS_TEMP = 'te-content-codeblock-temp';
+var codeBlock_CODEBLOCK_ATTR_NAME = 'data-te-codeblock';
+/**
+ * CodeBlock
+ * Add CodeBlock to wysiwygEditor
+ * @extends Command
+ * @module wysiwygCommands/Codeblock
+ * @ignore
+ */
+
+var codeBlock_CodeBlock = commandManager["a" /* default */].command('wysiwyg',
+/** @lends CodeBlock */
+{
+  name: 'CodeBlock',
+  keyMap: ['SHIFT+CTRL+P', 'SHIFT+META+P'],
+
+  /**
+   * Command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   * @param {string} type of language
+   */
+  exec: function exec(wwe, type) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+
+    if (!sq.hasFormat('PRE') && !sq.hasFormat('TABLE')) {
+      var attr = codeBlock_CODEBLOCK_ATTR_NAME + " class = \"" + CODEBLOCK_CLASS_TEMP + "\"";
+
+      if (type) {
+        attr += " data-language=\"" + type + "\"";
+      }
+
+      var codeBlockBody = getCodeBlockBody(range, wwe);
+      sq.insertHTML("
    " + codeBlockBody + "
    ");
+      focusToFirstCode(wwe.getBody().querySelector("." + CODEBLOCK_CLASS_TEMP), wwe);
+    }
+
+    wwe.focus();
+  }
+});
+/**
+ * focusToFirstCode
+ * Focus to first code tag content of pre tag
+ * @param {HTMLElement} pre pre tag
+ * @param {WysiwygEditor} wwe wysiwygEditor
+ */
+
+function focusToFirstCode(pre, wwe) {
+  var range = wwe.getEditor().getSelection().cloneRange();
+  removeClass_default()(pre, CODEBLOCK_CLASS_TEMP);
+  range.setStartBefore(pre.firstChild);
+  range.collapse(true);
+  wwe.getEditor().setSelection(range);
+}
+/**
+ * getCodeBlockBody
+ * get text wrapped by code
+ * @param {object} range range object
+ * @param {object} wwe wysiwyg editor
+ * @returns {string}
+ */
+
+
+function getCodeBlockBody(range, wwe) {
+  var mgr = wwe.componentManager.getManager('codeblock');
+  var codeBlock;
+
+  if (range.collapsed) {
+    codeBlock = '
    ';
+  } else {
+    var contents = range.extractContents();
+    var nodes = toArray_default()(contents.childNodes);
+    var tempDiv = document.createElement('div');
+    tempDiv.appendChild(mgr.prepareToPasteOnCodeblock(nodes));
+    codeBlock = tempDiv.innerHTML;
+  }
+
+  return codeBlock;
+}
+
+/* harmony default export */ var wysiwygCommands_codeBlock = (codeBlock_CodeBlock);
+// CONCATENATED MODULE: ./src/js/scroll/animation.js
+var ANIMATION_TIME = 200;
+var SCROLL_BOCKING_RESET_DELAY = 15;
+var currentTimeoutId = null;
+var releaseTimer = null;
+
+function run(deltaScrollTop, _ref) {
+  var syncScrollTop = _ref.syncScrollTop,
+      releaseEventBlock = _ref.releaseEventBlock;
+  clearTimeout(releaseTimer);
+  syncScrollTop(deltaScrollTop);
+  releaseTimer = setTimeout(function () {
+    releaseEventBlock();
+  }, SCROLL_BOCKING_RESET_DELAY);
+}
+
+function animate(sourceScrollTop, targetScrollTop, callbackObjForSync) {
+  var diff = targetScrollTop - sourceScrollTop;
+  var startTime = Date.now();
+  /**
+   * Each animation step
+   */
+
+  var step = function step() {
+    var stepTime = Date.now();
+    var progress = (stepTime - startTime) / ANIMATION_TIME;
+    var deltaValue; // if already doing animation
+
+    if (currentTimeoutId) {
+      clearTimeout(currentTimeoutId);
+    }
+
+    if (progress < 1) {
+      deltaValue = sourceScrollTop + diff * Math.cos((1 - progress) * Math.PI / 2);
+      run(Math.ceil(deltaValue), callbackObjForSync);
+      currentTimeoutId = setTimeout(step, 1);
+    } else {
+      run(targetScrollTop, callbackObjForSync);
+      currentTimeoutId = null;
+    }
+  };
+
+  step();
+}
+// EXTERNAL MODULE: ./src/js/scroll/helper.js
+var helper = __webpack_require__(18);
+
+// EXTERNAL MODULE: ./src/js/scroll/cache/offsetInfo.js
+var offsetInfo = __webpack_require__(24);
+
+// CONCATENATED MODULE: ./src/js/scroll/editorScroll.js
+
+
+
+
+var EDITING_POSITION_RATIO = 0.5;
+var blockedPreviewScrollEvent = false;
+var latestScrollTop = null;
+/* eslint-disable no-return-assign */
+
+function getAndSaveOffsetHeight(node, mdNodeId) {
+  var cachedHeight = Object(offsetInfo["a" /* getOffsetHeight */])(mdNodeId);
+  var offsetHeight = cachedHeight || node.offsetHeight;
+
+  if (!cachedHeight) {
+    Object(offsetInfo["d" /* setOffsetHeight */])(mdNodeId, offsetHeight);
+  }
+
+  return offsetHeight;
+}
+
+function getTopInfo(cm, startLine, mdNode, node, previewEl) {
+  var mdNodeStartLine = Object(markdown["f" /* getMdStartLine */])(mdNode);
+  var height = cm.lineInfo(startLine).handle.height;
+  var previewElHeight = getAndSaveOffsetHeight(previewEl, 0);
+  var top = node.getBoundingClientRect().top - previewEl.getBoundingClientRect().top; // position editing node on middle of preview as default
+
+  var additionalScrollTop = -previewElHeight * EDITING_POSITION_RATIO;
+
+  if (Object(markdown["j" /* isMultiLineNode */])(mdNode)) {
+    var additionalTopPos = (startLine - mdNodeStartLine + 1) * height;
+    additionalScrollTop = additionalTopPos;
+    top += additionalTopPos;
+  }
+
+  return {
+    top: top,
+    additionalScrollTop: additionalScrollTop
+  };
+}
+
+function syncPreviewScrollTopToMarkdown(editor, preview, scrollEvent) {
+  var root = preview._previewContent,
+      previewEl = preview.el;
+  var cm = editor.cm,
+      toastMark = editor.toastMark;
+
+  var _cm$getScrollInfo = cm.getScrollInfo(),
+      left = _cm$getScrollInfo.left,
+      scrollTop = _cm$getScrollInfo.top,
+      height = _cm$getScrollInfo.height,
+      clientHeight = _cm$getScrollInfo.clientHeight;
+
+  var isBottomPos = height - scrollTop <= clientHeight;
+  var sourceScrollTop = previewEl.scrollTop;
+  var targetScrollTop = isBottomPos ? previewEl.scrollHeight : 0;
+
+  if (scrollTop && !isBottomPos) {
+    var _ref = scrollEvent ? cm.coordsChar({
+      left: left,
+      top: scrollTop
+    }, 'local') : cm.getCursor('from'),
+        startLine = _ref.line;
+
+    var firstMdNode = toastMark.findFirstNodeAtLine(startLine + 1);
+
+    if (!firstMdNode || Object(markdown["g" /* isHtmlNode */])(firstMdNode)) {
+      return;
+    } // if DOM element does not exist, should get its parent node using markdown node
+    // in case of text node, rendererd DOM element is not matched to markdown node
+
+
+    var nodeObj = Object(helper["f" /* getParentNodeObj */])(firstMdNode);
+    var node = nodeObj.node,
+        mdNode = nodeObj.mdNode;
+    var mdNodeStartLine = Object(markdown["f" /* getMdStartLine */])(mdNode);
+    var previewElHeight = getAndSaveOffsetHeight(previewEl, 0);
+    targetScrollTop = Object(helper["g" /* getTotalOffsetTop */])(node, root) || node.offsetTop;
+
+    if (!scrollEvent) {
+      var _getTopInfo = getTopInfo(cm, startLine, mdNode, node, previewEl),
+          top = _getTopInfo.top,
+          additionalScrollTop = _getTopInfo.additionalScrollTop;
+
+      if (top > 0 && top < previewElHeight) {
+        return;
+      }
+
+      targetScrollTop += additionalScrollTop; // assign the null to sync scrollTop position when scrolling
+
+      latestScrollTop = null;
+    } else if (Object(helper["h" /* isNodeToBeCalculated */])(mdNode)) {
+      var offsetHeight = getAndSaveOffsetHeight(node, mdNode.id);
+      var offsetTop = cm.heightAtLine(mdNodeStartLine - 1, 'local');
+      var cmNodeHeight = Object(helper["c" /* getCmRangeHeight */])(mdNode, cm);
+      targetScrollTop += Object(helper["b" /* getAdditionalTopPos */])(scrollTop, offsetTop, cmNodeHeight, offsetHeight);
+      var scrollTopInfo = {
+        latestScrollTop: latestScrollTop,
+        scrollTop: scrollTop,
+        targetScrollTop: targetScrollTop,
+        sourceScrollTop: sourceScrollTop
+      };
+      targetScrollTop = Object(helper["d" /* getFallbackScrollTop */])(scrollTopInfo);
+      latestScrollTop = scrollTop;
+
+      if (targetScrollTop === sourceScrollTop) {
+        return;
+      }
+    }
+  }
+
+  blockedPreviewScrollEvent = true;
+  var callbackObjForSync = {
+    syncScrollTop: function syncScrollTop(deltaScrollTop) {
+      return previewEl.scrollTop = deltaScrollTop;
+    },
+    releaseEventBlock: function releaseEventBlock() {
+      return blockedPreviewScrollEvent = false;
+    }
+  };
+  animate(sourceScrollTop, targetScrollTop, callbackObjForSync);
+}
+function isBlockedPreviewScrollEvent() {
+  return blockedPreviewScrollEvent;
+}
+// CONCATENATED MODULE: ./src/js/scroll/previewScroll.js
+
+
+
+
+var blockedMarkdownScrollEvent = false;
+var previewScroll_latestScrollTop = null;
+/* eslint-disable no-return-assign */
+
+function getAndSaveOffsetInfo(node, mdNodeId, root) {
+  var cachedHeight = Object(offsetInfo["a" /* getOffsetHeight */])(mdNodeId);
+  var cachedTop = Object(offsetInfo["b" /* getOffsetTop */])(mdNodeId);
+  var offsetHeight = cachedHeight || node.offsetHeight;
+  var offsetTop = cachedTop || Object(helper["g" /* getTotalOffsetTop */])(node, root) || node.offsetTop;
+
+  if (!cachedHeight) {
+    Object(offsetInfo["d" /* setOffsetHeight */])(mdNodeId, offsetHeight);
+  }
+
+  if (!cachedTop) {
+    Object(offsetInfo["e" /* setOffsetTop */])(mdNodeId, offsetTop);
+  }
+
+  return {
+    offsetHeight: offsetHeight,
+    offsetTop: offsetTop
+  };
+}
+
+function getAncestorHavingId(node, root) {
+  while (!node.getAttribute('data-nodeid') && node.parentElement !== root) {
+    node = node.parentElement;
+  }
+
+  return node;
+}
+
+function syncMarkdownScrollTopToPreview(editor, preview, targetNode) {
+  var toastMark = editor.toastMark,
+      cm = editor.cm;
+  var _preview$el = preview.el,
+      scrollTop = _preview$el.scrollTop,
+      clientHeight = _preview$el.clientHeight,
+      scrollHeight = _preview$el.scrollHeight;
+  var root = preview._previewContent;
+  var isBottomPos = scrollHeight - scrollTop <= clientHeight;
+
+  var _cm$getScrollInfo = cm.getScrollInfo(),
+      left = _cm$getScrollInfo.left,
+      sourceScrollTop = _cm$getScrollInfo.top,
+      height = _cm$getScrollInfo.height;
+
+  var targetScrollTop = isBottomPos ? height : 0;
+
+  if (scrollTop && targetNode && !isBottomPos) {
+    targetNode = getAncestorHavingId(targetNode, root);
+
+    if (!targetNode.getAttribute('data-nodeid')) {
+      return;
+    }
+
+    var _cm$coordsChar = cm.coordsChar({
+      left: left,
+      top: sourceScrollTop
+    }, 'local'),
+        startLine = _cm$coordsChar.line;
+
+    var mdNodeId = Number(targetNode.getAttribute('data-nodeid'));
+
+    var _getParentNodeObj = Object(helper["f" /* getParentNodeObj */])(toastMark.findNodeById(mdNodeId)),
+        mdNode = _getParentNodeObj.mdNode,
+        node = _getParentNodeObj.node;
+
+    var mdNodeStartLine = Object(markdown["f" /* getMdStartLine */])(mdNode);
+    targetScrollTop = cm.heightAtLine(mdNodeStartLine - 1, 'local');
+
+    if (Object(markdown["i" /* isListItemNode */])(mdNode)) {
+      targetScrollTop += Object(helper["e" /* getNextEmptyLineHeight */])(cm, mdNodeStartLine, startLine);
+    }
+
+    if (Object(helper["h" /* isNodeToBeCalculated */])(mdNode)) {
+      var cmNodeHeight = Object(helper["c" /* getCmRangeHeight */])(mdNode, cm);
+
+      var _getAndSaveOffsetInfo = getAndSaveOffsetInfo(node, mdNodeId, root),
+          offsetHeight = _getAndSaveOffsetInfo.offsetHeight,
+          offsetTop = _getAndSaveOffsetInfo.offsetTop;
+
+      targetScrollTop += Object(helper["b" /* getAdditionalTopPos */])(scrollTop, offsetTop, offsetHeight, cmNodeHeight);
+      var scrollTopInfo = {
+        latestScrollTop: previewScroll_latestScrollTop,
+        scrollTop: scrollTop,
+        targetScrollTop: targetScrollTop,
+        sourceScrollTop: sourceScrollTop
+      };
+      targetScrollTop = Object(helper["d" /* getFallbackScrollTop */])(scrollTopInfo);
+      previewScroll_latestScrollTop = scrollTop;
+
+      if (targetScrollTop === sourceScrollTop) {
+        return;
+      }
+    }
+  }
+
+  blockedMarkdownScrollEvent = true;
+  var callbackObjForSync = {
+    syncScrollTop: function syncScrollTop(deltaScrollTop) {
+      return cm.scrollTo(0, deltaScrollTop);
+    },
+    releaseEventBlock: function releaseEventBlock() {
+      return blockedMarkdownScrollEvent = false;
+    }
+  };
+  animate(sourceScrollTop, targetScrollTop, callbackObjForSync);
+}
+function isBlockedMarkdownScrollEvent() {
+  return blockedMarkdownScrollEvent;
+}
+// CONCATENATED MODULE: ./src/js/scroll/ui/button.js
+
+var button_className = 'tui-scrollsync';
+var activeClassName = 'tui-scrollsync active';
+var active = true;
+function isActive() {
+  return active;
+}
+function createButton(editor) {
+  if (editor.isViewer() || editor.getUI().name !== 'default') {
+    return;
+  }
+
+  var i18n = editor.i18n;
+  var tooltip = {
+    ACTIVE: i18n.get('Auto scroll enabled'),
+    INACTIVE: i18n.get('Auto scroll disabled')
+  };
+  var toolbar = editor.getUI().getToolbar();
+  var buttonEl = document.createElement('button');
+  buttonEl.className = activeClassName;
+  toolbar.addItem('divider');
+  toolbar.addItem({
+    type: 'button',
+    options: {
+      command: 'scrollSyncToggle',
+      tooltip: tooltip.ACTIVE,
+      el: buttonEl
+    }
+  });
+  var items = toolbar.getItems();
+  var divider = items[items.length - 2].el;
+  var button = items[items.length - 1];
+  changeButtonVisiblityStateIfNeed(editor, button, divider);
+  addEventListener(editor, button, divider);
+  addEditorCommand(editor, button, tooltip);
+}
+
+function addEventListener(editor, button, divider) {
+  // hide scroll follow button in wysiwyg
+  editor.on('changeMode', function () {
+    return changeButtonVisiblityStateIfNeed(editor, button, divider);
+  });
+  editor.on('changePreviewStyle', function () {
+    return changeButtonVisiblityStateIfNeed(editor, button, divider);
+  });
+}
+
+function addEditorCommand(editor, button, tooltip) {
+  // Commands
+  editor.addCommand('markdown', {
+    name: 'scrollSyncToggle',
+    exec: function exec() {
+      active = !active;
+
+      button._onOut();
+
+      if (active) {
+        button.el.className = activeClassName;
+        button.setTooltip(tooltip.ACTIVE);
+      } else {
+        button.el.className = button_className;
+        button.setTooltip(tooltip.INACTIVE);
+      }
+
+      button._onOver();
+    }
+  });
+}
+
+function changeButtonVisiblityStateIfNeed(editor, button, divider) {
+  if (editor.mdPreviewStyle === 'vertical' && editor.currentMode === 'markdown') {
+    css_default()(button.el, {
+      display: 'inline-block'
+    });
+    css_default()(divider, {
+      display: 'inline-block'
+    });
+  } else {
+    css_default()(button.el, {
+      display: 'none'
+    });
+    css_default()(divider, {
+      display: 'none'
+    });
+  }
+}
+// CONCATENATED MODULE: ./src/js/scroll/sync.js
+
+
+
+var isScrollable = true;
+/* eslint-disable no-return-assign */
+
+function register(editor) {
+  var mdEditor = editor.mdEditor,
+      preview = editor.preview;
+  createButton(editor);
+  addScrollEvent(mdEditor, preview);
+  addPreviewRenderedEvent(mdEditor, preview);
+  mdEditor.cm.on('change', function () {
+    return isScrollable = false;
+  });
+}
+
+function addPreviewRenderedEvent(editor, preview) {
+  editor.eventManager.listen('previewRenderAfter', function () {
+    // Immediately after the 'previewRenderAfter' event has occurred,
+    // browser rendering is not yet complete.
+    // So the size of elements can not be accurately measured.
+    setTimeout(function () {
+      if (isActive()) {
+        syncPreviewScrollTopToMarkdown(editor, preview);
+      }
+
+      isScrollable = true;
+    }, 200);
+  });
+}
+
+function addScrollEvent(editor, preview) {
+  var eventManager = editor.eventManager;
+  eventManager.listen('scroll', function (_ref) {
+    var source = _ref.source,
+        data = _ref.data;
+
+    if (!isActive()) {
+      return;
+    }
+
+    if (isScrollable && preview.isVisible()) {
+      if (source === 'markdown' && !isBlockedMarkdownScrollEvent()) {
+        syncPreviewScrollTopToMarkdown(editor, preview, true);
+      } else if (source === 'preview' && !isBlockedPreviewScrollEvent()) {
+        syncMarkdownScrollTopToPreview(editor, preview, data);
+      }
+    }
+  });
+}
+// CONCATENATED MODULE: ./src/js/editor.js
+function editor_extends() { editor_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return editor_extends.apply(this, arguments); }
+
+/**
+ * @fileoverview Implements Editor
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ // markdown commands
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ // wysiwyg Commands
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var __nedInstance = [];
+/**
+ * @callback addImageBlobHook
+ * @param {File|Blob} fileOrBlob - image blob
+ * @param {callback} callback - callback function to be called after
+ * @param {string} source - source of an event the item belongs to. 'paste', 'drop', 'ui'
+ */
+
+/**
+ * ToastUI Editor
+ * @param {Object} options Option object
+ *     @param {HTMLElement} options.el - container element
+ *     @param {string} [options.height='300px'] - Editor's height style value. Height is applied as border-box ex) '300px', '100%', 'auto'
+ *     @param {string} [options.minHeight='200px'] - Editor's min-height style value in pixel ex) '300px'
+ *     @param {string} [options.initialValue] - Editor's initial value
+ *     @param {string} [options.previewStyle] - Markdown editor's preview style (tab, vertical)
+ *     @param {boolean} [options.previewHighlight = true] - Highlight a preview element corresponds to the cursor position in the markdwon editor
+ *     @param {string} [options.initialEditType] - Initial editor type (markdown, wysiwyg)
+ *     @param {Object} [options.events] - Events
+ *         @param {function} [options.events.load] - It would be emitted when editor fully load
+ *         @param {function} [options.events.change] - It would be emitted when content changed
+ *         @param {function} [options.events.stateChange] - It would be emitted when format change by cursor position
+ *         @param {function} [options.events.focus] - It would be emitted when editor get focus
+ *         @param {function} [options.events.blur] - It would be emitted when editor loose focus
+ *     @param {Object} [options.hooks] - Hooks
+ *         @param {function} [options.hooks.previewBeforeHook] - Submit preview to hook URL before preview be shown
+ *         @param {addImageBlobHook} [options.hooks.addImageBlobHook] - hook for image upload
+ *     @param {string} [options.language='en-US'] - language
+ *     @param {boolean} [options.useCommandShortcut=true] - whether use keyboard shortcuts to perform commands
+ *     @param {boolean} [options.useDefaultHTMLSanitizer=true] - use default htmlSanitizer
+ *     @param {boolean} [options.usageStatistics=true] - send hostname to google analytics
+ *     @param {Array.} [options.toolbarItems] - toolbar items.
+ *     @param {boolean} [options.hideModeSwitch=false] - hide mode switch tab bar
+ *     @param {Array.} [options.plugins] - Array of plugins. A plugin can be either a function or an array in the form of [function, options].
+ *     @param {Object} [options.extendedAutolinks] - Using extended Autolinks specified in GFM spec
+ *     @param {Object} [options.customConvertor] - convertor extention
+ *     @param {string} [options.placeholder] - The placeholder text of the editable element.
+ *     @param {Object} [options.linkAttribute] - Attributes of anchor element that should be rel, target, contenteditable, hreflang, type
+ *     @param {Object} [options.customHTMLRenderer] - Object containing custom renderer functions correspond to markdown node
+ *     @param {boolean} [options.referenceDefinition=false] - whether use the specification of link reference definition
+ *     @param {function} [options.customHTMLSanitizer=null] - custom HTML sanitizer
+ *     @param {boolean} [options.frontMatter=false] - whether use the front matter
+ */
+
+var editor_ToastUIEditor = /*#__PURE__*/function () {
+  function ToastUIEditor(options) {
+    var _this = this;
+
+    this.initialHtml = options.el.innerHTML;
+    options.el.innerHTML = '';
+    this.options = extend_default()({
+      previewStyle: 'tab',
+      previewHighlight: true,
+      initialEditType: 'markdown',
+      height: '300px',
+      minHeight: '200px',
+      language: 'en-US',
+      useDefaultHTMLSanitizer: true,
+      useCommandShortcut: true,
+      usageStatistics: true,
+      toolbarItems: ['heading', 'bold', 'italic', 'strike', 'divider', 'hr', 'quote', 'divider', 'ul', 'ol', 'task', 'indent', 'outdent', 'divider', 'table', 'image', 'link', 'divider', 'code', 'codeblock'],
+      hideModeSwitch: false,
+      linkAttribute: null,
+      extendedAutolinks: false,
+      customConvertor: null,
+      customHTMLRenderer: null,
+      referenceDefinition: false,
+      customHTMLSanitizer: null,
+      frontMatter: false
+    }, options);
+    this.codeBlockLanguages = [];
+    this.eventManager = new js_eventManager["a" /* default */]();
+    this.importManager = new importManager(this.eventManager);
+    this.commandManager = new commandManager["a" /* default */](this, {
+      useCommandShortcut: this.options.useCommandShortcut
+    });
+    var linkAttribute = Object(utils_common["c" /* sanitizeLinkAttribute */])(this.options.linkAttribute);
+
+    var _getPluginInfo = Object(pluginHelper["a" /* getPluginInfo */])(this.options.plugins),
+        renderer = _getPluginInfo.renderer,
+        parser = _getPluginInfo.parser,
+        plugins = _getPluginInfo.plugins;
+
+    var _this$options = this.options,
+        customHTMLRenderer = _this$options.customHTMLRenderer,
+        customHTMLSanitizer = _this$options.customHTMLSanitizer,
+        extendedAutolinks = _this$options.extendedAutolinks,
+        referenceDefinition = _this$options.referenceDefinition,
+        useDefaultHTMLSanitizer = _this$options.useDefaultHTMLSanitizer,
+        frontMatter = _this$options.frontMatter;
+    var rendererOptions = {
+      linkAttribute: linkAttribute,
+      customHTMLRenderer: editor_extends({}, renderer, customHTMLRenderer),
+      extendedAutolinks: extendedAutolinks,
+      referenceDefinition: referenceDefinition,
+      customParser: parser,
+      frontMatter: frontMatter,
+      customProp: {
+        showFrontMatter: frontMatter
+      }
+    };
+
+    if (this.options.customConvertor) {
+      // eslint-disable-next-line new-cap
+      this.convertor = new this.options.customConvertor(this.eventManager, rendererOptions);
+    } else {
+      this.convertor = new convertor["a" /* default */](this.eventManager, rendererOptions);
+    }
+
+    var sanitizer = customHTMLSanitizer || (useDefaultHTMLSanitizer ? htmlSanitizer["a" /* default */] : null);
+
+    if (sanitizer) {
+      this.convertor.initHtmlSanitizer(sanitizer);
+    }
+
+    if (this.options.hooks) {
+      forEachOwnProperties_default()(this.options.hooks, function (fn, key) {
+        return _this.addHook(key, fn);
+      });
+    }
+
+    if (this.options.events) {
+      forEachOwnProperties_default()(this.options.events, function (fn, key) {
+        return _this.on(key, fn);
+      });
+    }
+
+    this.layout = new js_layout(options, this.eventManager);
+    this.i18n = i18n;
+    this.i18n.setCode(this.options.language);
+    this.setUI(this.options.UI || new defaultUI(this));
+    this.toastMark = new toastmark["ToastMark"]('', {
+      disallowedHtmlBlockTags: ['br'],
+      extendedAutolinks: extendedAutolinks,
+      referenceDefinition: referenceDefinition,
+      disallowDeepHeading: true,
+      customParser: parser,
+      frontMatter: frontMatter
+    });
+    this.mdEditor = markdownEditor.factory(this.layout.getMdEditorContainerEl(), this.eventManager, this.toastMark, this.options);
+    this.preview = new mdPreview["a" /* default */](this.layout.getPreviewEl(), this.eventManager, this.convertor, editor_extends({}, rendererOptions, {
+      isViewer: false,
+      highlight: this.options.previewHighlight
+    }));
+    this.wwEditor = wysiwygEditor.factory(this.layout.getWwEditorContainerEl(), this.eventManager, {
+      sanitizer: sanitizer,
+      linkAttribute: linkAttribute
+    });
+    this.toMarkOptions = {
+      gfm: true,
+      renderer: toMarkRenderer
+    };
+
+    if (plugins) {
+      Object(pluginHelper["b" /* invokePlugins */])(plugins, this);
+    }
+
+    this.changePreviewStyle(this.options.previewStyle);
+    this.changeMode(this.options.initialEditType, true);
+    this.minHeight(this.options.minHeight);
+    this.height(this.options.height);
+    this.setMarkdown(this.options.initialValue, false);
+
+    if (this.options.placeholder) {
+      this.setPlaceholder(this.options.placeholder);
+    }
+
+    if (!this.options.initialValue) {
+      this.setHtml(this.initialHtml, false);
+    }
+
+    this.eventManager.emit('load', this);
+
+    __nedInstance.push(this);
+
+    this._addDefaultCommands();
+
+    if (this.options.usageStatistics) {
+      Object(utils_common["d" /* sendHostName */])();
+    }
+
+    register(this);
+  }
+  /**
+   * change preview style
+   * @param {string} style - 'tab'|'vertical'
+   */
+
+
+  var _proto = ToastUIEditor.prototype;
+
+  _proto.changePreviewStyle = function changePreviewStyle(style) {
+    this.layout.changePreviewStyle(style);
+    this.mdPreviewStyle = style;
+    this.eventManager.emit('changePreviewStyle', style);
+    this.eventManager.emit('previewNeedsRefresh', this.getMarkdown());
+  }
+  /**
+   * call commandManager's exec method
+   * @param {*} ...args Command argument
+   */
+  ;
+
+  _proto.exec = function exec() {
+    var _this$commandManager;
+
+    (_this$commandManager = this.commandManager).exec.apply(_this$commandManager, arguments);
+  }
+  /**
+   * add default commands
+   * @private
+   */
+  ;
+
+  _proto._addDefaultCommands = function _addDefaultCommands() {
+    this.addCommand(bold);
+    this.addCommand(italic);
+    this.addCommand(blockquote);
+    this.addCommand(markdownCommands_heading);
+    this.addCommand(paragraph);
+    this.addCommand(markdownCommands_hr);
+    this.addCommand(addLink);
+    this.addCommand(addImage);
+    this.addCommand(markdownCommands_ul);
+    this.addCommand(ol);
+    this.addCommand(markdownCommands_indent);
+    this.addCommand(outdent);
+    this.addCommand(markdownCommands_table);
+    this.addCommand(markdownCommands_task);
+    this.addCommand(markdownCommands_code);
+    this.addCommand(markdownCommands_codeBlock);
+    this.addCommand(strike);
+    this.addCommand(changeTaskMarker);
+    this.addCommand(toggleTaskMarker);
+    this.addCommand(moveNextCursorOrIndent);
+    this.addCommand(movePrevCursorOrOutdent);
+    this.addCommand(addLine);
+    this.addCommand(wysiwygCommands_bold);
+    this.addCommand(wysiwygCommands_italic);
+    this.addCommand(wysiwygCommands_blockquote);
+    this.addCommand(wysiwygCommands_ul);
+    this.addCommand(wysiwygCommands_ol);
+    this.addCommand(wysiwygCommands_addImage);
+    this.addCommand(wysiwygCommands_addLink);
+    this.addCommand(wysiwygCommands_hr);
+    this.addCommand(wysiwygCommands_heading);
+    this.addCommand(wysiwygCommands_paragraph);
+    this.addCommand(wysiwygCommands_indent);
+    this.addCommand(wysiwygCommands_outdent);
+    this.addCommand(wysiwygCommands_task);
+    this.addCommand(wysiwygCommands_table);
+    this.addCommand(tableAddRow);
+    this.addCommand(tableAddCol);
+    this.addCommand(tableRemoveRow);
+    this.addCommand(tableRemoveCol);
+    this.addCommand(tableAlignCol);
+    this.addCommand(tableRemove);
+    this.addCommand(wysiwygCommands_code);
+    this.addCommand(wysiwygCommands_codeBlock);
+    this.addCommand(wysiwygCommands_strike);
+  };
+
+  _proto.addCommand = function addCommand(type, props) {
+    if (!props) {
+      this.commandManager.addCommand(type);
+    } else {
+      this.commandManager.addCommand(commandManager["a" /* default */].command(type, props));
+    }
+  }
+  /**
+   * After added command.
+   */
+  ;
+
+  _proto.afterAddedCommand = function afterAddedCommand() {
+    this.eventManager.emit('afterAddedCommand', this);
+  }
+  /**
+   * Bind eventHandler to event type
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.on = function on(type, handler) {
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Unbind eventHandler from event type
+   * @param {string} type Event type
+   */
+  ;
+
+  _proto.off = function off(type) {
+    this.eventManager.removeEventHandler(type);
+  }
+  /**
+   * Add hook to TUIEditor event
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.addHook = function addHook(type, handler) {
+    this.eventManager.removeEventHandler(type);
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Remove hook from TUIEditor event
+   * @param {string} type Event type
+   */
+  ;
+
+  _proto.removeHook = function removeHook(type) {
+    this.eventManager.removeEventHandler(type);
+  }
+  /**
+   * Get CodeMirror instance
+   * @returns {CodeMirror}
+   */
+  ;
+
+  _proto.getCodeMirror = function getCodeMirror() {
+    return this.mdEditor.getEditor();
+  }
+  /**
+   * Get SquireExt instance
+   * @returns {SquireExt}
+   */
+  ;
+
+  _proto.getSquire = function getSquire() {
+    return this.wwEditor.getEditor();
+  }
+  /**
+   * Set focus to current Editor
+   */
+  ;
+
+  _proto.focus = function focus() {
+    this.getCurrentModeEditor().focus();
+  }
+  /**
+   * Remove focus of current Editor
+   */
+  ;
+
+  _proto.blur = function blur() {
+    this.getCurrentModeEditor().blur();
+  }
+  /**
+   * Set cursor position to end
+   */
+  ;
+
+  _proto.moveCursorToEnd = function moveCursorToEnd() {
+    this.getCurrentModeEditor().moveCursorToEnd();
+  }
+  /**
+   * Set cursor position to start
+   */
+  ;
+
+  _proto.moveCursorToStart = function moveCursorToStart() {
+    this.getCurrentModeEditor().moveCursorToStart();
+  }
+  /**
+   * Set markdown syntax text.
+   * @param {string} markdown - markdown syntax text.
+   * @param {boolean} [cursorToEnd=true] - move cursor to contents end
+   */
+  ;
+
+  _proto.setMarkdown = function setMarkdown(markdown, cursorToEnd) {
+    if (cursorToEnd === void 0) {
+      cursorToEnd = true;
+    }
+
+    markdown = markdown || '';
+
+    if (this.isMarkdownMode()) {
+      this.mdEditor.setValue(markdown, cursorToEnd);
+    } else {
+      this.wwEditor.setValue(this.convertor.toHTML(markdown), cursorToEnd);
+    }
+
+    this.eventManager.emit('setMarkdownAfter', markdown);
+  }
+  /**
+   * Set html value.
+   * @param {string} html - html syntax text
+   * @param {boolean} [cursorToEnd=true] - move cursor to contents end
+   */
+  ;
+
+  _proto.setHtml = function setHtml(html, cursorToEnd) {
+    if (cursorToEnd === void 0) {
+      cursorToEnd = true;
+    }
+
+    html = html || '';
+    this.wwEditor.setValue(html, cursorToEnd);
+
+    if (this.isMarkdownMode()) {
+      var markdown = this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions);
+      this.mdEditor.setValue(markdown, cursorToEnd);
+      this.eventManager.emit('setMarkdownAfter', markdown);
+    }
+  }
+  /**
+   * Get markdown syntax text.
+   * @returns {string}
+   */
+  ;
+
+  _proto.getMarkdown = function getMarkdown() {
+    var markdown;
+
+    if (this.isMarkdownMode()) {
+      markdown = this.mdEditor.getValue();
+    } else {
+      markdown = this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions);
+    }
+
+    return markdown;
+  }
+  /**
+   * Get html syntax text.
+   * @returns {string}
+   */
+  ;
+
+  _proto.getHtml = function getHtml() {
+    if (this.isWysiwygMode()) {
+      this.mdEditor.setValue(this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions));
+    }
+
+    return this.convertor.toHTML(this.mdEditor.getValue());
+  }
+  /**
+   * Insert text
+   * @param {string} text - text string to insert
+   */
+  ;
+
+  _proto.insertText = function insertText(text) {
+    if (this.isMarkdownMode()) {
+      this.mdEditor.replaceSelection(text);
+    } else {
+      this.wwEditor.insertText(text);
+    }
+  }
+  /**
+   * Add widget to selection
+   * @param {Range} selection Current selection
+   * @param {Node} node widget node
+   * @param {string} style Adding style "over" or "bottom"
+   * @param {number} [offset] Offset for adjust position
+   */
+  ;
+
+  _proto.addWidget = function addWidget(selection, node, style, offset) {
+    this.getCurrentModeEditor().addWidget(selection, node, style, offset);
+  }
+  /**
+   * Set and return edithr height
+   * @param {string} height - editor height
+   * @returns {string} editor height
+   */
+  ;
+
+  _proto.height = function height(_height) {
+    if (isExisty_default()(_height)) {
+      var el = this.options.el;
+
+      if (_height === 'auto') {
+        addClass_default()(el, 'auto-height');
+        this.minHeight(this.minHeight());
+      } else {
+        removeClass_default()(el, 'auto-height');
+        this.minHeight(_height);
+      }
+
+      if (isNumber_default()(_height)) {
+        _height = _height + "px";
+      }
+
+      css_default()(this.options.el, {
+        height: _height
+      });
+      this._height = _height;
+    }
+
+    return this._height;
+  }
+  /**
+   * Set / Get min content height
+   * @param {string} minHeight - min content height in pixel
+   * @returns {string} - min height in pixel
+   */
+  ;
+
+  _proto.minHeight = function minHeight(_minHeight) {
+    if (isExisty_default()(_minHeight)) {
+      var editorHeight = this._ui.getEditorHeight();
+
+      var editorSectionHeight = this._ui.getEditorSectionHeight();
+
+      var diffHeight = editorHeight - editorSectionHeight;
+      this._minHeight = _minHeight;
+      _minHeight = parseInt(_minHeight, 10);
+      _minHeight = Math.max(_minHeight - diffHeight, 0);
+      this.wwEditor.setMinHeight(_minHeight);
+      this.mdEditor.setMinHeight(_minHeight);
+      this.preview.setMinHeight(_minHeight);
+    }
+
+    return this._minHeight;
+  }
+  /**
+   * Get current editor mode name
+   * @returns {Object} MarkdownEditor or WysiwygEditor
+   */
+  ;
+
+  _proto.getCurrentModeEditor = function getCurrentModeEditor() {
+    var editor;
+
+    if (this.isMarkdownMode()) {
+      editor = this.mdEditor;
+    } else {
+      editor = this.wwEditor;
+    }
+
+    return editor;
+  }
+  /**
+   * Return true if current editor mode is Markdown
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isMarkdownMode = function isMarkdownMode() {
+    return this.currentMode === 'markdown';
+  }
+  /**
+   * Return true if current editor mode is WYSIWYG
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isWysiwygMode = function isWysiwygMode() {
+    return this.currentMode === 'wysiwyg';
+  }
+  /**
+   * Return false
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isViewer = function isViewer() {
+    return false;
+  }
+  /**
+   * Get current Markdown editor's preview style
+   * @returns {string}
+   */
+  ;
+
+  _proto.getCurrentPreviewStyle = function getCurrentPreviewStyle() {
+    return this.mdPreviewStyle;
+  }
+  /**
+   * Change editor's mode to given mode string
+   * @param {string} mode - Editor mode name of want to change
+   * @param {boolean} [isWithoutFocus] - Change mode without focus
+   */
+  ;
+
+  _proto.changeMode = function changeMode(mode, isWithoutFocus) {
+    if (this.currentMode === mode) {
+      return;
+    }
+
+    this.eventManager.emit('changeModeBefore', this.currentMode);
+    this.currentMode = mode;
+
+    if (this.isWysiwygMode()) {
+      this.layout.switchToWYSIWYG();
+      this.wwEditor.setValue(this.convertor.toHTML(this.mdEditor.getValue()), !isWithoutFocus);
+      this.eventManager.emit('changeModeToWysiwyg');
+    } else {
+      this.layout.switchToMarkdown();
+      this.mdEditor.resetState();
+      this.mdEditor.setValue(this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions), !isWithoutFocus);
+      this.getCodeMirror().refresh();
+      this.eventManager.emit('changeModeToMarkdown');
+    }
+
+    this.eventManager.emit('changeMode', mode);
+
+    if (!isWithoutFocus) {
+      this.focus();
+    }
+  }
+  /**
+   * Remove TUIEditor from document
+   */
+  ;
+
+  _proto.remove = function remove() {
+    var self = this;
+    var i = __nedInstance.length - 1;
+    this.wwEditor.remove();
+    this.mdEditor.remove();
+    this.layout.remove();
+    this.preview.remove();
+
+    if (this.getUI()) {
+      this.getUI().remove();
+    }
+
+    this.eventManager.emit('removeEditor');
+    this.eventManager.events.forEach(function (value, key) {
+      self.off(key);
+    });
+    this.eventManager = null;
+
+    for (; i >= 0; i -= 1) {
+      if (__nedInstance[i] === this) {
+        __nedInstance.splice(i, 1);
+      }
+    }
+  }
+  /**
+   * Hide TUIEditor
+   */
+  ;
+
+  _proto.hide = function hide() {
+    this.eventManager.emit('hide', this);
+  }
+  /**
+   * Show TUIEditor
+   */
+  ;
+
+  _proto.show = function show() {
+    this.eventManager.emit('show', this);
+    this.getCodeMirror().refresh();
+  }
+  /**
+   * Scroll Editor content to Top
+   * @param {number} value Scroll amount
+   * @returns {number}
+   */
+  ;
+
+  _proto.scrollTop = function scrollTop(value) {
+    return this.getCurrentModeEditor().scrollTop(value);
+  }
+  /**
+   * Set UI to private UI property
+   * @param {UI} UI UI instance
+   */
+  ;
+
+  _proto.setUI = function setUI(UI) {
+    this._ui = UI;
+  }
+  /**
+   * Get _ui property
+   * @returns {DefaultUI|UI}
+   */
+  ;
+
+  _proto.getUI = function getUI() {
+    return this._ui;
+  }
+  /**
+   * Reset TUIEditor
+   */
+  ;
+
+  _proto.reset = function reset() {
+    this.wwEditor.reset();
+    this.mdEditor.reset();
+  }
+  /**
+   * Get current range
+   * @returns {{start, end}|Range}
+   */
+  ;
+
+  _proto.getRange = function getRange() {
+    return this.getCurrentModeEditor().getRange();
+  }
+  /**
+   * Get text object of current range
+   * @param {{start, end}|Range} range Range object of each editor
+   * @returns {MdTextObject|WwTextObject} TextObject class
+   */
+  ;
+
+  _proto.getTextObject = function getTextObject(range) {
+    return this.getCurrentModeEditor().getTextObject(range);
+  }
+  /**
+   * get selected text
+   * @returns {string} - selected text
+   */
+  ;
+
+  _proto.getSelectedText = function getSelectedText() {
+    var range = this.getRange();
+    var textObject = this.getTextObject(range);
+    return textObject.getTextContent() || '';
+  }
+  /**
+   * Set the placeholder on all editors
+   * @param {string} placeholder - placeholder to set
+   */
+  ;
+
+  _proto.setPlaceholder = function setPlaceholder(placeholder) {
+    this.mdEditor.setPlaceholder(placeholder);
+    this.wwEditor.setPlaceholder(placeholder);
+  }
+  /**
+   * Set code block languages
+   * @param {Array} languages - code language list
+   */
+  ;
+
+  _proto.setCodeBlockLanguages = function setCodeBlockLanguages(languages) {
+    var _this2 = this;
+
+    if (languages === void 0) {
+      languages = [];
+    }
+
+    languages.forEach(function (lang) {
+      if (_this2.codeBlockLanguages.indexOf(lang) < 0) {
+        _this2.codeBlockLanguages.push(lang);
+      }
+    });
+    this.eventManager.emit('setCodeBlockLanguages', this.codeBlockLanguages);
+  }
+  /**
+   * Get instance of TUIEditor
+   * @returns {Array}
+   */
+  ;
+
+  ToastUIEditor.getInstances = function getInstances() {
+    return __nedInstance;
+  }
+  /**
+   * Factory method for Editor
+   * @param {object} options Option for initialize TUIEditor
+   * @returns {object} ToastUIEditor or ToastUIEditorViewer
+   */
+  ;
+
+  ToastUIEditor.factory = function factory(options) {
+    var tuiEditor;
+
+    if (options.viewer) {
+      tuiEditor = new viewer["a" /* default */](options);
+    } else {
+      tuiEditor = new ToastUIEditor(options);
+    }
+
+    return tuiEditor;
+  }
+  /**
+   * Set language
+   * @param {string} code - code for I18N language
+   * @param {object} data - language set
+   */
+  ;
+
+  ToastUIEditor.setLanguage = function setLanguage(code, data) {
+    i18n.setLanguage(code, data);
+  };
+
+  return ToastUIEditor;
+}(); // (Not an official API)
+// Create a function converting markdown to HTML using the internal parser and renderer.
+
+
+editor_ToastUIEditor._createMarkdownToHTML = createMarkdownToHTML;
+/**
+ * Check whether is viewer (using in plugins)
+ * @type {boolean}
+ */
+
+editor_ToastUIEditor.isViewer = false;
+/**
+ * CodeBlockManager instance using in plugins
+ * @type {CodeBlockManager}
+ * @ignore
+ */
+
+editor_ToastUIEditor.codeBlockManager = codeBlockManager["a" /* default */];
+/**
+ * WwCodeBlockManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+editor_ToastUIEditor.WwCodeBlockManager = wwCodeBlockManager;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+editor_ToastUIEditor.WwTableManager = wwTableManager;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+editor_ToastUIEditor.WwTableSelectionManager = wwTableSelectionManager;
+/**
+ * CommandManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+editor_ToastUIEditor.CommandManager = commandManager["a" /* default */];
+/* harmony default export */ var js_editor = (editor_ToastUIEditor);
+// EXTERNAL MODULE: ./src/css/editor.css
+var css_editor = __webpack_require__(50);
+
+// EXTERNAL MODULE: ./src/css/contents.css
+var css_contents = __webpack_require__(51);
+
+// EXTERNAL MODULE: ./src/css/preview-highlighting.css
+var preview_highlighting = __webpack_require__(41);
+
+// EXTERNAL MODULE: ./src/css/md-syntax-highlighting.css
+var md_syntax_highlighting = __webpack_require__(52);
+
+// CONCATENATED MODULE: ./src/js/i18n/en-us.js
+/**
+ * @fileoverview I18N for English
+ * @author NHN FE Development Lab 
+ */
+
+js_editor.setLanguage(['en', 'en-US'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Write',
+  Preview: 'Preview',
+  Headings: 'Headings',
+  Paragraph: 'Paragraph',
+  Bold: 'Bold',
+  Italic: 'Italic',
+  Strike: 'Strike',
+  Code: 'Inline code',
+  Line: 'Line',
+  Blockquote: 'Blockquote',
+  'Unordered list': 'Unordered list',
+  'Ordered list': 'Ordered list',
+  Task: 'Task',
+  Indent: 'Indent',
+  Outdent: 'Outdent',
+  'Insert link': 'Insert link',
+  'Insert CodeBlock': 'Insert codeBlock',
+  'Insert table': 'Insert table',
+  'Insert image': 'Insert image',
+  Heading: 'Heading',
+  'Image URL': 'Image URL',
+  'Select image file': 'Select image file',
+  Description: 'Description',
+  OK: 'OK',
+  More: 'More',
+  Cancel: 'Cancel',
+  File: 'File',
+  URL: 'URL',
+  'Link text': 'Link text',
+  'Add row': 'Add row',
+  'Add col': 'Add col',
+  'Remove row': 'Remove row',
+  'Remove col': 'Remove col',
+  'Align left': 'Align left',
+  'Align center': 'Align center',
+  'Align right': 'Align right',
+  'Remove table': 'Remove table',
+  'Would you like to paste as table?': 'Would you like to paste as table?',
+  'Text color': 'Text color',
+  'Auto scroll enabled': 'Auto scroll enabled',
+  'Auto scroll disabled': 'Auto scroll disabled',
+  'Choose language': 'Choose language'
+});
+// CONCATENATED MODULE: ./src/js/index.js
+/**
+ * @fileoverview entry point for editor
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+/* harmony default export */ var js = __webpack_exports__["default"] = (js_editor);
+
+/***/ })
+/******/ ])["default"];
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/ar.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/ar.js
new file mode 100644
index 0000000000..fe036163c7
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/ar.js
@@ -0,0 +1,171 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 1);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+/* 1 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Arabic
+ * @author Amira Salah 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage('ar', {
+  Markdown: 'لغة ترميز',
+  WYSIWYG: 'ما تراه هو ما تحصل عليه',
+  Write: 'يكتب',
+  Preview: 'عرض مسبق',
+  Headings: 'العناوين',
+  Paragraph: 'فقرة',
+  Bold: 'خط عريض',
+  Italic: 'خط مائل',
+  Strike: 'إضراب',
+  Code: 'رمز',
+  Line: 'خط',
+  Blockquote: 'فقرة مقتبسة',
+  'Unordered list': 'قائمة غير مرتبة',
+  'Ordered list': 'قائمة مرتبة',
+  Task: 'مهمة',
+  Indent: 'المسافة البادئة',
+  Outdent: 'المسافة الخارجة',
+  'Insert link': 'أدخل الرابط',
+  'Insert CodeBlock': 'أدخل الكود',
+  'Insert table': 'أدخل جدول',
+  'Insert image': 'أدخل صورة',
+  Heading: 'عنوان',
+  'Image URL': 'رابط الصورة',
+  'Select image file': 'حدد ملف الصورة',
+  Description: 'وصف',
+  OK: 'موافقة',
+  More: 'أكثر',
+  Cancel: 'إلغاء',
+  File: 'ملف',
+  URL: 'رابط',
+  'Link text': 'نص الرابط',
+  'Add row': 'ضف سطر',
+  'Add col': 'ضف عمود',
+  'Remove row': 'حذف سطر',
+  'Remove col': 'حذف عمود',
+  'Align left': 'محاذاة اليسار',
+  'Align center': 'محاذاة الوسط',
+  'Align right': 'محاذاة اليمين',
+  'Remove table': 'حذف الجدول',
+  'Would you like to paste as table?': 'هل تريد اللصق كجدول',
+  'Text color': 'لون النص',
+  'Auto scroll enabled': 'التحريك التلقائي ممكّن',
+  'Auto scroll disabled': 'التحريك التلقائي معطّل',
+  'Choose language': 'اختر اللغة'
+});
+
+/***/ })
+/******/ ]);
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/cs-cz.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/cs-cz.js
new file mode 100644
index 0000000000..03056d947c
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/cs-cz.js
@@ -0,0 +1,172 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 2);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+/* 1 */,
+/* 2 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Czech
+ * @author Dmitrij Tkačenko 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['cs', 'cs-CZ'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Napsat',
+  Preview: 'Náhled',
+  Headings: 'Nadpisy',
+  Paragraph: 'Odstavec',
+  Bold: 'Tučné',
+  Italic: 'Kurzíva',
+  Strike: 'Přeškrtnuté',
+  Code: 'Kód',
+  Line: 'Vodorovná čára',
+  Blockquote: 'Citace',
+  'Unordered list': 'Seznam s odrážkami',
+  'Ordered list': 'Číslovaný seznam',
+  Task: 'Úkol',
+  Indent: 'Zvětšit odsazení',
+  Outdent: 'Zmenšit odsazení',
+  'Insert link': 'Vložit odkaz',
+  'Insert CodeBlock': 'Vložit blok kódu',
+  'Insert table': 'Vložit tabulku',
+  'Insert image': 'Vložit obrázek',
+  Heading: 'Nadpis',
+  'Image URL': 'URL obrázku',
+  'Select image file': 'Vybrat obrázek',
+  Description: 'Popis',
+  OK: 'OK',
+  More: 'Více',
+  Cancel: 'Zrušit',
+  File: 'Soubor',
+  URL: 'URL',
+  'Link text': 'Text odkazu',
+  'Add row': 'Přidat řádek',
+  'Add col': 'Přidat sloupec',
+  'Remove row': 'Odebrat řádek',
+  'Remove col': 'Odebrat sloupec',
+  'Align left': 'Zarovnat vlevo',
+  'Align center': 'Zarovnat na střed',
+  'Align right': 'Zarovnat vpravo',
+  'Remove table': 'Odstranit tabulku',
+  'Would you like to paste as table?': 'Chcete vložit jako tabulku?',
+  'Text color': 'Barva textu',
+  'Auto scroll enabled': 'Automatické rolování zapnuto',
+  'Auto scroll disabled': 'Automatické rolování vypnuto',
+  'Choose language': 'Vybrat jazyk'
+});
+
+/***/ })
+/******/ ]);
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/de-de.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/de-de.js
new file mode 100644
index 0000000000..5f325f3af5
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/de-de.js
@@ -0,0 +1,173 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 3);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+/* 1 */,
+/* 2 */,
+/* 3 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for German
+ * @author Jann-Niklas Kiepert 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['de', 'de-DE'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Verfassen',
+  Preview: 'Vorschau',
+  Headings: 'Überschriften',
+  Paragraph: 'Text',
+  Bold: 'Fett',
+  Italic: 'Kursiv',
+  Strike: 'Durchgestrichen',
+  Code: 'Code',
+  Line: 'Trennlinie',
+  Blockquote: 'Blocktext',
+  'Unordered list': 'Aufzählung',
+  'Ordered list': 'Nummerierte Aufzählung',
+  Task: 'Aufgabe',
+  Indent: 'Einrücken',
+  Outdent: 'Ausrücken',
+  'Insert link': 'Link einfügen',
+  'Insert CodeBlock': 'Codeblock einfügen',
+  'Insert table': 'Tabelle einfügen',
+  'Insert image': 'Grafik einfügen',
+  Heading: 'Titel',
+  'Image URL': 'Bild URL',
+  'Select image file': 'Grafik auswählen',
+  Description: 'Beschreibung',
+  OK: 'OK',
+  More: 'Mehr',
+  Cancel: 'Abbrechen',
+  File: 'Datei',
+  URL: 'URL',
+  'Link text': 'Anzuzeigender Text',
+  'Add row': 'Zeile hinzufügen',
+  'Add col': 'Spalte hinzufügen',
+  'Remove row': 'Zeile entfernen',
+  'Remove col': 'Spalte entfernen',
+  'Align left': 'Links ausrichten',
+  'Align center': 'Zentrieren',
+  'Align right': 'Rechts ausrichten',
+  'Remove table': 'Tabelle entfernen',
+  'Would you like to paste as table?': 'Möchten Sie eine Tabelle einfügen?',
+  'Text color': 'Textfarbe',
+  'Auto scroll enabled': 'Autoscrollen aktiviert',
+  'Auto scroll disabled': 'Autoscrollen deaktiviert',
+  'Choose language': 'Sprache auswählen'
+});
+
+/***/ })
+/******/ ]);
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/es-es.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/es-es.js
new file mode 100644
index 0000000000..eb76415e73
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/es-es.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 4);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+/* 1 */,
+/* 2 */,
+/* 3 */,
+/* 4 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Spanish
+ * @author Enrico Lamperti 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['es', 'es-ES'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Escribir',
+  Preview: 'Vista previa',
+  Headings: 'Encabezados',
+  Paragraph: 'Párrafo',
+  Bold: 'Negrita',
+  Italic: 'Itálica',
+  Strike: 'Tachado',
+  Code: 'Código',
+  Line: 'Línea',
+  Blockquote: 'Cita',
+  'Unordered list': 'Lista desordenada',
+  'Ordered list': 'Lista ordenada',
+  Task: 'Tarea',
+  Indent: 'Sangría',
+  Outdent: 'Saliendo',
+  'Insert link': 'Insertar enlace',
+  'Insert CodeBlock': 'Insertar bloque de código',
+  'Insert table': 'Insertar tabla',
+  'Insert image': 'Insertar imagen',
+  Heading: 'Encabezado',
+  'Image URL': 'URL de la imagen',
+  'Select image file': 'Seleccionar archivo de imagen',
+  Description: 'Descripción',
+  OK: 'Aceptar',
+  More: 'Más',
+  Cancel: 'Cancelar',
+  File: 'Archivo',
+  URL: 'URL',
+  'Link text': 'Texto del enlace',
+  'Add row': 'Agregar fila',
+  'Add col': 'Agregar columna',
+  'Remove row': 'Eliminar fila',
+  'Remove col': 'Eliminar columna',
+  'Align left': 'Alinear a la izquierda',
+  'Align center': 'Centrar',
+  'Align right': 'Alinear a la derecha',
+  'Remove table': 'Eliminar tabla',
+  'Would you like to paste as table?': '¿Desea pegar como tabla?',
+  'Text color': 'Color del texto',
+  'Auto scroll enabled': 'Desplazamiento automático habilitado',
+  'Auto scroll disabled': 'Desplazamiento automático deshabilitado',
+  'Choose language': 'Elegir idioma'
+});
+
+/***/ })
+/******/ ]);
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/fi-fi.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/fi-fi.js
new file mode 100644
index 0000000000..89b02e3d55
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/fi-fi.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 5);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 5:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Finnish
+ * @author Tomi Mynttinen 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['fi', 'fi-FI'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Kirjoita',
+  Preview: 'Esikatselu',
+  Headings: 'Otsikot',
+  Paragraph: 'Kappale',
+  Bold: 'Lihavointi',
+  Italic: 'Kursivointi',
+  Strike: 'Yliviivaus',
+  Code: 'Koodi',
+  Line: 'Vaakaviiva',
+  Blockquote: 'Lainaus',
+  'Unordered list': 'Luettelo',
+  'Ordered list': 'Numeroitu luettelo',
+  Task: 'Tehtävä',
+  Indent: 'Suurenna sisennystä',
+  Outdent: 'Pienennä sisennystä',
+  'Insert link': 'Lisää linkki',
+  'Insert CodeBlock': 'Lisää koodia',
+  'Insert table': 'Lisää taulukko',
+  'Insert image': 'Lisää kuva',
+  Heading: 'Otsikko',
+  'Image URL': 'Kuvan URL',
+  'Select image file': 'Valitse kuvatiedosto',
+  Description: 'Kuvaus',
+  OK: 'OK',
+  More: 'Lisää',
+  Cancel: 'Peruuta',
+  File: 'Tiedosto',
+  URL: 'URL',
+  'Link text': 'Linkkiteksti',
+  'Add row': 'Lisää rivi',
+  'Add col': 'Lisää sarake',
+  'Remove row': 'Poista rivi',
+  'Remove col': 'Poista sarake',
+  'Align left': 'Tasaus vasemmalle',
+  'Align center': 'Keskitä',
+  'Align right': 'Tasaus oikealle',
+  'Remove table': 'Poista taulukko',
+  'Would you like to paste as table?': 'Haluatko liittää taulukkomuodossa?',
+  'Text color': 'Tekstin väri',
+  'Auto scroll enabled': 'Automaattinen skrollaus käytössä',
+  'Auto scroll disabled': 'Automaattinen skrollaus pois käytöstä',
+  'Choose language': 'Valitse kieli'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/fr-fr.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/fr-fr.js
new file mode 100644
index 0000000000..59177f18d0
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/fr-fr.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 6);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 6:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for French
+ * @author Stanislas Michalak 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['fr', 'fr-FR'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Écrire',
+  Preview: 'Aperçu',
+  Headings: 'En-têtes',
+  Paragraph: 'Paragraphe',
+  Bold: 'Gras',
+  Italic: 'Italique',
+  Strike: 'Barré',
+  Code: 'Code en ligne',
+  Line: 'Ligne',
+  Blockquote: 'Citation',
+  'Unordered list': 'Liste non-ordonnée',
+  'Ordered list': 'Liste ordonnée',
+  Task: 'Tâche',
+  Indent: 'Retrait',
+  Outdent: 'Sortir',
+  'Insert link': 'Insérer un lien',
+  'Insert CodeBlock': 'Insérer un bloc de code',
+  'Insert table': 'Insérer un tableau',
+  'Insert image': 'Insérer une image',
+  Heading: 'En-tête',
+  'Image URL': "URL de l'image",
+  'Select image file': 'Sélectionnez un fichier image',
+  Description: 'Description',
+  OK: 'OK',
+  More: 'de plus',
+  Cancel: 'Annuler',
+  File: 'Fichier',
+  URL: 'URL',
+  'Link text': 'Texte du lien',
+  'Add row': 'Ajouter une ligne',
+  'Add col': 'Ajouter une colonne',
+  'Remove row': 'Supprimer une ligne',
+  'Remove col': 'Supprimer une colonne',
+  'Align left': 'Aligner à gauche',
+  'Align center': 'Aligner au centre',
+  'Align right': 'Aligner à droite',
+  'Remove table': 'Supprimer le tableau',
+  'Would you like to paste as table?': 'Voulez-vous coller ce contenu en tant que tableau ?',
+  'Text color': 'Couleur du texte',
+  'Auto scroll enabled': 'Défilement automatique activé',
+  'Auto scroll disabled': 'Défilement automatique désactivé',
+  'Choose language': 'Choix de la langue'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/gl-es.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/gl-es.js
new file mode 100644
index 0000000000..ad0bdc156f
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/gl-es.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 7);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 7:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Spanish
+ * @author Aida Vidal 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['gl', 'gl-ES'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Escribir',
+  Preview: 'Vista previa',
+  Headings: 'Encabezados',
+  Paragraph: 'Parágrafo',
+  Bold: 'Negriña',
+  Italic: 'Cursiva',
+  Strike: 'Riscado',
+  Code: 'Código',
+  Line: 'Liña',
+  Blockquote: 'Cita',
+  'Unordered list': 'Lista desordenada',
+  'Ordered list': 'Lista ordenada',
+  Task: 'Tarefa',
+  Indent: 'Sangría',
+  Outdent: 'Anular sangría',
+  'Insert link': 'Inserir enlace',
+  'Insert CodeBlock': 'Inserir bloque de código',
+  'Insert table': 'Inserir táboa',
+  'Insert image': 'Inserir imaxe',
+  Heading: 'Encabezado',
+  'Image URL': 'URL da imaxe',
+  'Select image file': 'Seleccionar arquivo da imaxe',
+  Description: 'Descrición',
+  OK: 'Aceptar',
+  More: 'Máis',
+  Cancel: 'Cancelar',
+  File: 'Arquivo',
+  URL: 'URL',
+  'Link text': 'Texto do enlace',
+  'Add row': 'Agregar fila',
+  'Add col': 'Agregar columna',
+  'Remove row': 'Eliminar fila',
+  'Remove col': 'Eliminar columna',
+  'Align left': 'Aliñar á esquerda',
+  'Align center': 'Centrar',
+  'Align right': 'Aliñar á dereita',
+  'Remove table': 'Eliminar táboa',
+  'Would you like to paste as table?': 'Desexa pegar como táboa?',
+  'Text color': 'Cor do texto',
+  'Auto scroll enabled': 'Desprazamento automático habilitado',
+  'Auto scroll disabled': 'Desprazamento automático deshabilitado',
+  'Choose language': 'Elixir idioma'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/hr-hr.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/hr-hr.js
new file mode 100644
index 0000000000..d934dd03cf
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/hr-hr.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 8);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 8:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Croatian
+ * @author Hrvoje A. 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['hr', 'hr-HR'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Piši',
+  Preview: 'Pregled',
+  Headings: 'Naslovi',
+  Paragraph: 'Paragraf',
+  Bold: 'podebljano',
+  Italic: 'kurziv',
+  Strike: 'prcrtano',
+  Code: 'Uklopljeni kôd',
+  Line: 'Linija',
+  Blockquote: 'Blok citat',
+  'Unordered list': 'Neporedana lista',
+  'Ordered list': 'Poredana lista',
+  Task: 'Task',
+  Indent: 'Povećaj uvlaku',
+  Outdent: 'Smanji uvlaku',
+  'Insert link': 'Umetni link',
+  'Insert CodeBlock': 'Umetni blok kôda',
+  'Insert table': 'Umetni tablicu',
+  'Insert image': 'Umetni sliku',
+  Heading: 'Naslov',
+  'Image URL': 'URL slike',
+  'Select image file': 'Odaberi slikovnu datoteku',
+  Description: 'Opis',
+  OK: 'OK',
+  More: 'Više',
+  Cancel: 'Odustani',
+  File: 'Datoteka',
+  URL: 'URL',
+  'Link text': 'Tekst linka',
+  'Add row': 'Dodaj redak',
+  'Add col': 'Dodaj stupac',
+  'Remove row': 'Ukloni redak',
+  'Remove col': 'Remove stupac',
+  'Align left': 'Poravnaj lijevo',
+  'Align center': 'Poravnaj centrirano',
+  'Align right': 'Poravnaj desno',
+  'Remove table': 'Ukloni tablicu',
+  'Would you like to paste as table?': 'Zalite li zalijepiti kao tablicu?',
+  'Text color': 'Boja teksta',
+  'Auto scroll enabled': 'Omogući auto klizanje',
+  'Auto scroll disabled': 'Onemogući auto klizanje',
+  'Choose language': 'Odabir jezika'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/it-it.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/it-it.js
new file mode 100644
index 0000000000..a73129c92f
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/it-it.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 9);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 9:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Italian
+ * @author Massimo Redaelli 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['it', 'it-IT'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Scrivere',
+  Preview: 'Anteprima',
+  Headings: 'Intestazioni',
+  Paragraph: 'Paragrafo',
+  Bold: 'Grassetto',
+  Italic: 'Corsivo',
+  Strike: 'Barrato',
+  Code: 'Codice',
+  Line: 'Linea',
+  Blockquote: 'Blocco citazione',
+  'Unordered list': 'Lista puntata',
+  'Ordered list': 'Lista numerata',
+  Task: 'Attività',
+  Indent: 'Aggiungi indentazione',
+  Outdent: 'Rimuovi indentazione',
+  'Insert link': 'Inserisci link',
+  'Insert CodeBlock': 'Inserisci blocco di codice',
+  'Insert table': 'Inserisci tabella',
+  'Insert image': 'Inserisci immagine',
+  Heading: 'Intestazione',
+  'Image URL': 'URL immagine',
+  'Select image file': 'Seleziona file immagine',
+  Description: 'Descrizione',
+  OK: 'OK',
+  More: 'Più',
+  Cancel: 'Cancella',
+  File: 'File',
+  URL: 'URL',
+  'Link text': 'Testo del collegamento',
+  'Add row': 'Aggiungi riga',
+  'Add col': 'Aggiungi colonna',
+  'Remove row': 'Rimuovi riga',
+  'Remove col': 'Rimuovi colonna',
+  'Align left': 'Allinea a sinistra',
+  'Align center': 'Allinea al centro',
+  'Align right': 'Allinea a destra',
+  'Remove table': 'Rimuovi tabella',
+  'Would you like to paste as table?': 'Desideri incollare sotto forma di tabella?',
+  'Text color': 'Colore del testo',
+  'Auto scroll enabled': 'Scrolling automatico abilitato',
+  'Auto scroll disabled': 'Scrolling automatico disabilitato',
+  'Choose language': 'Scegli la lingua'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/ja-jp.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/ja-jp.js
new file mode 100644
index 0000000000..5408e65ad8
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/ja-jp.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 10);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 10:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Japanese
+ * @author NHN FE Development Lab 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['ja', 'ja-JP'], {
+  Markdown: 'マークダウン',
+  WYSIWYG: 'WYSIWYG',
+  Write: '編集する',
+  Preview: 'プレビュー',
+  Headings: '見出し',
+  Paragraph: '本文',
+  Bold: '太字',
+  Italic: 'イタリック',
+  Strike: 'ストライク',
+  Code: 'インラインコード',
+  Line: 'ライン',
+  Blockquote: '引用',
+  'Unordered list': '番号なしリスト',
+  'Ordered list': '順序付きリスト',
+  Task: 'タスク',
+  Indent: 'インデント',
+  Outdent: 'アウトデント',
+  'Insert link': 'リンク挿入',
+  'Insert CodeBlock': 'コードブロック挿入',
+  'Insert table': 'テーブル挿入',
+  'Insert image': '画像挿入',
+  Heading: '見出し',
+  'Image URL': 'イメージURL',
+  'Select image file': '画像ファイル選択',
+  Description: 'ディスクリプション ',
+  OK: 'はい',
+  More: 'もっと',
+  Cancel: 'キャンセル',
+  File: 'ファイル',
+  URL: 'URL',
+  'Link text': 'リンクテキスト',
+  'Add row': '行追加',
+  'Add col': '列追加',
+  'Remove row': '行削除',
+  'Remove col': '列削除',
+  'Align left': '左揃え',
+  'Align center': '中央揃え',
+  'Align right': '右揃え',
+  'Remove table': 'テーブル削除',
+  'Would you like to paste as table?': 'テーブルを貼り付けますか?',
+  'Text color': '文字色相',
+  'Auto scroll enabled': '自動スクロールが有効',
+  'Auto scroll disabled': '自動スクロールを無効に',
+  'Choose language': '言語選択'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/ko-kr.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/ko-kr.js
new file mode 100644
index 0000000000..cb43e2ec04
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/ko-kr.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 11);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Korean
+ * @author NHN FE Development Lab 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['ko', 'ko-KR'], {
+  Markdown: '마크다운',
+  WYSIWYG: '위지윅',
+  Write: '편집하기',
+  Preview: '미리보기',
+  Headings: '제목크기',
+  Paragraph: '본문',
+  Bold: '굵게',
+  Italic: '기울임꼴',
+  Strike: '취소선',
+  Code: '인라인 코드',
+  Line: '문단나눔',
+  Blockquote: '인용구',
+  'Unordered list': '글머리 기호',
+  'Ordered list': '번호 매기기',
+  Task: '체크박스',
+  Indent: '들여쓰기',
+  Outdent: '내어쓰기',
+  'Insert link': '링크 삽입',
+  'Insert CodeBlock': '코드블럭 삽입',
+  'Insert table': '표 삽입',
+  'Insert image': '이미지 삽입',
+  Heading: '제목',
+  'Image URL': '이미지 주소',
+  'Select image file': '이미지 파일을 선택하세요.',
+  Description: '설명',
+  OK: '확인',
+  More: '더 보기',
+  Cancel: '취소',
+  File: '파일',
+  URL: '주소',
+  'Link text': '링크 텍스트',
+  'Add row': '행 추가',
+  'Add col': '열 추가',
+  'Remove row': '행 삭제',
+  'Remove col': '열 삭제',
+  'Align left': '왼쪽 정렬',
+  'Align center': '가운데 정렬',
+  'Align right': '오른쪽 정렬',
+  'Remove table': '표 삭제',
+  'Would you like to paste as table?': '표형태로 붙여 넣겠습니까?',
+  'Text color': '글자 색상',
+  'Auto scroll enabled': '자동 스크롤 켜짐',
+  'Auto scroll disabled': '자동 스크롤 꺼짐',
+  'Choose language': '언어 선택'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/nb-no.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/nb-no.js
new file mode 100644
index 0000000000..3be393c544
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/nb-no.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 12);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 12:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Norwegian
+ * @author Anton Reytarovskiy 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['nb', 'nb-NO'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Skriv',
+  Preview: 'Forhåndsvis',
+  Headings: 'Overskrifter',
+  Paragraph: 'Avsnitt',
+  Bold: 'Fet skrift',
+  Italic: 'Kursiv',
+  Strike: 'Gjennomstrek',
+  Code: 'Kode',
+  Line: 'Linje',
+  Blockquote: 'Blokksitat',
+  'Unordered list': 'Usortert liste',
+  'Ordered list': 'Sortert liste',
+  Task: 'Task',
+  Indent: 'Indent',
+  Outdent: 'Outdent',
+  'Insert link': 'Sett inn lenke',
+  'Insert CodeBlock': 'Sett inn CodeStreng',
+  'Insert table': 'Sett inn diagram',
+  'Insert image': 'Sett inn bilde',
+  Heading: 'Overskrift',
+  'Image URL': 'BildeURL',
+  'Select image file': 'Velg bildefil',
+  Description: 'Beskrivelse',
+  OK: 'OK',
+  More: 'Mer',
+  Cancel: 'Angre',
+  File: 'Fil',
+  URL: 'URL',
+  'Link text': 'Lenketekst',
+  'Add row': 'Legg til rad',
+  'Add col': 'Legg til kolonne',
+  'Remove row': 'Fjern rad',
+  'Remove col': 'Fjern kolonne',
+  'Align left': 'Venstreorienter',
+  'Align center': 'Senterorienter',
+  'Align right': 'Høyreorienter',
+  'Remove table': 'Fjern diagram',
+  'Would you like to paste as table?': 'Ønsker du å lime inn som en tabell?',
+  'Text color': 'Tekstfarge',
+  'Auto scroll enabled': 'Auto-scroll aktivert',
+  'Auto scroll disabled': 'Auto-scroll deaktivert',
+  'Choose language': 'Velg språk'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/nl-nl.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/nl-nl.js
new file mode 100644
index 0000000000..b55d49c628
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/nl-nl.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 13);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 13:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Dutch
+ * @author NHN FE Development Lab 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['nl', 'nl-NL'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Opslaan',
+  Preview: 'Voorbeeld',
+  Headings: 'Koppen',
+  Paragraph: 'Alinea',
+  Bold: 'Vet',
+  Italic: 'Cursief',
+  Strike: 'Doorhalen',
+  Code: 'Inline code',
+  Line: 'Regel',
+  Blockquote: 'Citaatblok',
+  'Unordered list': 'Opsomming',
+  'Ordered list': 'Genummerde opsomming',
+  Task: 'Taak',
+  Indent: 'Niveau verhogen',
+  Outdent: 'Niveau verlagen',
+  'Insert link': 'Link invoegen',
+  'Insert CodeBlock': 'Codeblok toevoegen',
+  'Insert table': 'Tabel invoegen',
+  'Insert image': 'Afbeelding invoegen',
+  Heading: 'Kop',
+  'Image URL': 'Afbeelding URL',
+  'Select image file': 'Selecteer een afbeelding',
+  Description: 'Omschrijving',
+  OK: 'OK',
+  More: 'Meer',
+  Cancel: 'Annuleren',
+  File: 'Bestand',
+  URL: 'URL',
+  'Link text': 'Link tekst',
+  'Add row': 'Rij toevoegen',
+  'Add col': 'Kolom toevoegen',
+  'Remove row': 'Rij verwijderen',
+  'Remove col': 'Kolom verwijderen',
+  'Align left': 'Links uitlijnen',
+  'Align center': 'Centreren',
+  'Align right': 'Rechts uitlijnen',
+  'Remove table': 'Verwijder tabel',
+  'Would you like to paste as table?': 'Wil je dit als tabel plakken?',
+  'Text color': 'Tekstkleur',
+  'Auto scroll enabled': 'Autoscroll ingeschakeld',
+  'Auto scroll disabled': 'Autoscroll uitgeschakeld',
+  'Choose language': 'Kies een taal'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/pl-pl.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/pl-pl.js
new file mode 100644
index 0000000000..acb8b23ad1
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/pl-pl.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 14);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 14:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Polish
+ * @author Marcin Mikołajczak 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['pl', 'pl-PL'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Napisz',
+  Preview: 'Podgląd',
+  Headings: 'Nagłówki',
+  Paragraph: 'Akapit',
+  Bold: 'Pogrubienie',
+  Italic: 'Kursywa',
+  Strike: 'Przekreślenie',
+  Code: 'Fragment kodu',
+  Line: 'Linia',
+  Blockquote: 'Cytat',
+  'Unordered list': 'Lista nieuporządkowana',
+  'Ordered list': 'Lista uporządkowana',
+  Task: 'Zadanie',
+  Indent: 'Utwórz wcięcie',
+  Outdent: 'Usuń wcięcie',
+  'Insert link': 'Umieść odnośnik',
+  'Insert CodeBlock': 'Umieść blok kodu',
+  'Insert table': 'Umieść tabelę',
+  'Insert image': 'Umieść obraz',
+  Heading: 'Nagłówek',
+  'Image URL': 'Adres URL obrazu',
+  'Select image file': 'Wybierz plik obrazu',
+  Description: 'Opis',
+  OK: 'OK',
+  More: 'Więcej',
+  Cancel: 'Anuluj',
+  File: 'Plik',
+  URL: 'URL',
+  'Link text': 'Tekst odnośnika',
+  'Add row': 'Dodaj rząd',
+  'Add col': 'Dodaj kolumnę',
+  'Remove row': 'Usuń rząd',
+  'Remove col': 'Usuń kolumnę',
+  'Align left': 'Wyrównaj do lewej',
+  'Align center': 'Wyśrodkuj',
+  'Align right': 'Wyrównaj do prawej',
+  'Remove table': 'Usuń tabelę',
+  'Would you like to paste as table?': 'Czy chcesz wkleić tekst jako tabelę?',
+  'Text color': 'Kolor tekstu',
+  'Auto scroll enabled': 'Włączono automatyczne przewijanie',
+  'Auto scroll disabled': 'Wyłączono automatyczne przewijanie',
+  'Choose language': 'Wybierz język'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/pt-br.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/pt-br.js
new file mode 100644
index 0000000000..c5eb97233b
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/pt-br.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 15);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 15:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Português
+ * @author Nícolas Huber 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['pt', 'pt-BR'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Escrever',
+  Preview: 'Pré-visualizar',
+  Headings: 'Cabeçalhos',
+  Paragraph: 'Parágrafo',
+  Bold: 'Negrito',
+  Italic: 'Itálico',
+  Strike: 'Traçado',
+  Code: 'Código',
+  Line: 'Linha',
+  Blockquote: 'Bloco de citação',
+  'Unordered list': 'Lista não ordenada',
+  'Ordered list': 'Lista ordenada',
+  Task: 'Tarefa',
+  Indent: 'Recuo à esquerda',
+  Outdent: 'Recuo à direita',
+  'Insert link': 'Inserir link',
+  'Insert CodeBlock': 'Inserir bloco de código',
+  'Insert table': 'Inserir tabela',
+  'Insert image': 'Inserir imagem',
+  Heading: 'Título',
+  'Image URL': 'URL da imagem',
+  'Select image file': 'Selecione um arquivo de imagem',
+  Description: 'Descrição',
+  OK: 'OK',
+  More: 'Mais',
+  Cancel: 'Cancelar',
+  File: 'Arquivo',
+  URL: 'URL',
+  'Link text': 'Link de texto',
+  'Add row': 'Adicionar linha',
+  'Add col': 'Adicionar coluna',
+  'Remove row': 'Remover linha',
+  'Remove col': 'Remover coluna',
+  'Align left': 'Alinhar à esquerda',
+  'Align center': 'Alinhar ao centro',
+  'Align right': 'Alinhar à direita',
+  'Remove table': 'Remover tabela',
+  'Would you like to paste as table?': 'Você gostaria de colar como mesa?',
+  'Text color': 'Cor do texto',
+  'Auto scroll enabled': 'Rolagem automática habilitada',
+  'Auto scroll disabled': 'Rolagem automática desabilitada',
+  'Choose language': 'Escolher linguagem'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/ru-ru.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/ru-ru.js
new file mode 100644
index 0000000000..dd2a5462f5
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/ru-ru.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 16);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 16:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Russian
+ * @author Stepan Samko 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['ru', 'ru-RU'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Написать',
+  Preview: 'Предварительный просмотр',
+  Headings: 'Заголовки',
+  Paragraph: 'Абзац',
+  Bold: 'Жирный',
+  Italic: 'Курсив',
+  Strike: 'Зачеркнутый',
+  Code: 'Встроенный код',
+  Line: 'Строка',
+  Blockquote: 'Блок цитирования',
+  'Unordered list': 'Неупорядоченный список',
+  'Ordered list': 'Упорядоченный список',
+  Task: 'Задача',
+  Indent: 'отступ',
+  Outdent: 'Выступ',
+  'Insert link': 'Вставить ссылку',
+  'Insert CodeBlock': 'Вставить код',
+  'Insert table': 'Вставить таблицу',
+  'Insert image': 'Вставить изображение',
+  Heading: 'Заголовок',
+  'Image URL': 'URL изображения',
+  'Select image file': 'Выбрать файл изображения',
+  Description: 'Описание',
+  OK: 'Хорошо',
+  More: 'еще',
+  Cancel: 'Отмена',
+  File: 'Файл',
+  URL: 'URL',
+  'Link text': 'Текст ссылки',
+  'Add row': 'Добавить ряд',
+  'Add col': 'Добавить столбец',
+  'Remove row': 'Удалить ряд',
+  'Remove col': 'Удалить столбец',
+  'Align left': 'Выровнять по левому краю',
+  'Align center': 'Выровнять по центру',
+  'Align right': 'Выровнять по правому краю',
+  'Remove table': 'Удалить таблицу',
+  'Would you like to paste as table?': 'Вы хотите вставить в виде таблицы?',
+  'Text color': 'Цвет текста',
+  'Auto scroll enabled': 'Автоматическая прокрутка включена',
+  'Auto scroll disabled': 'Автоматическая прокрутка отключена',
+  'Choose language': 'Выбрать язык'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/sv-se.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/sv-se.js
new file mode 100644
index 0000000000..8a69357086
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/sv-se.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 17);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 17:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Swedish
+ * @author Magnus Aspling 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['sv', 'sv-SE'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Skriv',
+  Preview: 'Förhandsgranska',
+  Headings: 'Överskrifter',
+  Paragraph: 'Paragraf',
+  Bold: 'Fet',
+  Italic: 'Kursiv',
+  Strike: 'Genomstruken',
+  Code: 'Kodrad',
+  Line: 'Linje',
+  Blockquote: 'Citatblock',
+  'Unordered list': 'Punktlista',
+  'Ordered list': 'Numrerad lista',
+  Task: 'Att göra',
+  Indent: 'Öka indrag',
+  Outdent: 'Minska indrag',
+  'Insert link': 'Infoga länk',
+  'Insert CodeBlock': 'Infoga kodblock',
+  'Insert table': 'Infoga tabell',
+  'Insert image': 'Infoga bild',
+  Heading: 'Överskrift',
+  'Image URL': 'Bildadress',
+  'Select image file': 'Välj en bildfil',
+  Description: 'Beskrivning',
+  OK: 'OK',
+  More: 'Mer',
+  Cancel: 'Avbryt',
+  File: 'Fil',
+  URL: 'Adress',
+  'Link text': 'Länktext',
+  'Add row': 'Infoga rad',
+  'Add col': 'Infoga kolumn',
+  'Remove row': 'Radera rad',
+  'Remove col': 'Radera kolumn',
+  'Align left': 'Vänsterjustera',
+  'Align center': 'Centrera',
+  'Align right': 'Högerjustera',
+  'Remove table': 'Radera tabell',
+  'Would you like to paste as table?': 'Vill du klistra in som en tabell?',
+  'Text color': 'Textfärg',
+  'Auto scroll enabled': 'Automatisk scroll aktiverad',
+  'Auto scroll disabled': 'Automatisk scroll inaktiverad',
+  'Choose language': 'Välj språk'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/tr-tr.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/tr-tr.js
new file mode 100644
index 0000000000..5a6e877f6f
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/tr-tr.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 18);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 18:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Turkish
+ * @author Mesut Gölcük 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['tr', 'tr-TR'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Düzenle',
+  Preview: 'Ön izleme',
+  Headings: 'Başlıklar',
+  Paragraph: 'Paragraf',
+  Bold: 'Kalın',
+  Italic: 'İtalik',
+  Strike: 'Altı çizgili',
+  Code: 'Satır içi kod',
+  Line: 'Çizgi',
+  Blockquote: 'Alıntı',
+  'Unordered list': 'Sıralanmamış liste',
+  'Ordered list': 'Sıralı liste',
+  Task: 'Görev kutusu',
+  Indent: 'Girintiyi arttır',
+  Outdent: 'Girintiyi azalt',
+  'Insert link': 'Bağlantı ekle',
+  'Insert CodeBlock': 'Kod bloku ekle',
+  'Insert table': 'Tablo ekle',
+  'Insert image': 'İmaj ekle',
+  Heading: 'Başlık',
+  'Image URL': 'İmaj URL',
+  'Select image file': 'İmaj dosyası seç',
+  Description: 'Açıklama',
+  OK: 'Onay',
+  More: 'Daha Fazla',
+  Cancel: 'İptal',
+  File: 'Dosya',
+  URL: 'URL',
+  'Link text': 'Bağlantı yazısı',
+  'Add row': 'Satır ekle',
+  'Add col': 'Sütun ekle',
+  'Remove row': 'Satır sil',
+  'Remove col': 'Sütun sil',
+  'Align left': 'Sola hizala',
+  'Align center': 'Merkeze hizala',
+  'Align right': 'Sağa hizala',
+  'Remove table': 'Tabloyu kaldır',
+  'Would you like to paste as table?': 'Tablo olarak yapıştırmak ister misiniz?',
+  'Text color': 'Metin rengi',
+  'Auto scroll enabled': 'Otomatik kaydırma açık',
+  'Auto scroll disabled': 'Otomatik kaydırma kapalı',
+  'Choose language': 'Dil seçiniz'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/uk-ua.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/uk-ua.js
new file mode 100644
index 0000000000..e42497035e
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/uk-ua.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 19);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 19:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Ukrainian
+ * @author Nikolya 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['uk', 'uk-UA'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Написати',
+  Preview: 'Попередній перегляд',
+  Headings: 'Заголовки',
+  Paragraph: 'Абзац',
+  Bold: 'Жирний',
+  Italic: 'Курсив',
+  Strike: 'Закреслений',
+  Code: 'Вбудований код',
+  Line: 'Лінія',
+  Blockquote: 'Блок цитування',
+  'Unordered list': 'Невпорядкований список',
+  'Ordered list': 'Упорядкований список',
+  Task: 'Завдання',
+  Indent: 'відступ',
+  Outdent: 'застарілий',
+  'Insert link': 'Вставити посилання',
+  'Insert CodeBlock': 'Вставити код',
+  'Insert table': 'Вставити таблицю',
+  'Insert image': 'Вставити зображення',
+  Heading: 'Заголовок',
+  'Image URL': 'URL зображення',
+  'Select image file': 'Вибрати файл зображення',
+  Description: 'Опис',
+  OK: 'OK',
+  More: 'ще',
+  Cancel: 'Скасувати',
+  File: 'Файл',
+  URL: 'URL',
+  'Link text': 'Текст посилання',
+  'Add row': 'Додати ряд',
+  'Add col': 'Додати стовпчик',
+  'Remove row': 'Видалити ряд',
+  'Remove col': 'Видалити стовпчик',
+  'Align left': 'Вирівняти по лівому краю',
+  'Align center': 'Вирівняти по центру',
+  'Align right': 'Вирівняти по правому краю',
+  'Remove table': 'Видалити таблицю',
+  'Would you like to paste as table?': 'Ви хочете вставити у вигляді таблиці?',
+  'Text color': 'Колір тексту',
+  'Auto scroll enabled': 'Автоматична прокрутка включена',
+  'Auto scroll disabled': 'Автоматична прокрутка відключена',
+  'Choose language': 'Вибрати мову'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/zh-cn.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/zh-cn.js
new file mode 100644
index 0000000000..5dd3332e70
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/zh-cn.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 20);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 20:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Chinese
+ * @author NHN FE Development Lab 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage('zh-CN', {
+  Markdown: 'Markdown',
+  WYSIWYG: '所见即所得',
+  Write: '编辑',
+  Preview: '预览',
+  Headings: '标题',
+  Paragraph: '文本',
+  Bold: '加粗',
+  Italic: '斜体字',
+  Strike: '删除线',
+  Code: '内嵌代码',
+  Line: '水平线',
+  Blockquote: '引用块',
+  'Unordered list': '无序列表',
+  'Ordered list': '有序列表',
+  Task: '任务',
+  Indent: '缩进',
+  Outdent: '减少缩进',
+  'Insert link': '插入链接',
+  'Insert CodeBlock': '插入代码块',
+  'Insert table': '插入表格',
+  'Insert image': '插入图片',
+  Heading: '标题',
+  'Image URL': '图片网址',
+  'Select image file': '选择图片文件',
+  Description: '说明',
+  OK: '确认',
+  More: '更多',
+  Cancel: '取消',
+  File: '文件',
+  URL: 'URL',
+  'Link text': '链接文本',
+  'Add row': '添加行',
+  'Add col': '添加列',
+  'Remove row': '删除行',
+  'Remove col': '删除列',
+  'Align left': '左对齐',
+  'Align center': '居中对齐',
+  'Align right': '右对齐',
+  'Remove table': '删除表格',
+  'Would you like to paste as table?': '需要粘贴为表格吗?',
+  'Text color': '文字颜色',
+  'Auto scroll enabled': '自动滚动已启用',
+  'Auto scroll disabled': '自动滚动已禁用',
+  'Choose language': '选择语言'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/zh-tw.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/zh-tw.js
new file mode 100644
index 0000000000..684b689d8a
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/i18n/zh-tw.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 21);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 21:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Traditional Chinese
+ * @author Tzu-Ray Su 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage('zh-TW', {
+  Markdown: 'Markdown',
+  WYSIWYG: '所見即所得',
+  Write: '編輯',
+  Preview: '預覽',
+  Headings: '標題',
+  Paragraph: '內文',
+  Bold: '粗體',
+  Italic: '斜體',
+  Strike: '刪除線',
+  Code: '內嵌程式碼',
+  Line: '分隔線',
+  Blockquote: '引言',
+  'Unordered list': '項目符號清單',
+  'Ordered list': '編號清單',
+  Task: '核取方塊清單',
+  Indent: '增加縮排',
+  Outdent: '減少縮排',
+  'Insert link': '插入超連結',
+  'Insert CodeBlock': '插入程式碼區塊',
+  'Insert table': '插入表格',
+  'Insert image': '插入圖片',
+  Heading: '標題',
+  'Image URL': '圖片網址',
+  'Select image file': '選擇圖片檔案',
+  Description: '描述',
+  OK: '確認',
+  More: '更多',
+  Cancel: '取消',
+  File: '檔案',
+  URL: 'URL',
+  'Link text': '超連結文字',
+  'Add row': '增加行',
+  'Add col': '增加列',
+  'Remove row': '刪除行',
+  'Remove col': '刪除列',
+  'Align left': '靠左對齊',
+  'Align center': '置中',
+  'Align right': '靠右對齊',
+  'Remove table': '刪除表格',
+  'Would you like to paste as table?': '您要以表格貼上嗎？',
+  'Text color': '文字顏色',
+  'Auto scroll enabled': '已啟用自動滾動',
+  'Auto scroll disabled': '已停用自動滾動',
+  'Choose language': '選擇語言'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastr.css b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastr.css
deleted file mode 100644
index 76f7f572e6..0000000000
--- a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastr.css
+++ /dev/null
@@ -1,228 +0,0 @@
-.toast-title {
-  font-weight: bold;
-}
-.toast-message {
-  -ms-word-wrap: break-word;
-  word-wrap: break-word;
-}
-.toast-message a,
-.toast-message label {
-  color: #FFFFFF;
-}
-.toast-message a:hover {
-  color: #CCCCCC;
-  text-decoration: none;
-}
-.toast-close-button {
-  position: relative;
-  right: -0.3em;
-  top: -0.3em;
-  float: right;
-  font-size: 20px;
-  font-weight: bold;
-  color: #FFFFFF;
-  -webkit-text-shadow: 0 1px 0 #ffffff;
-  text-shadow: 0 1px 0 #ffffff;
-  opacity: 0.8;
-  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-  filter: alpha(opacity=80);
-  line-height: 1;
-}
-.toast-close-button:hover,
-.toast-close-button:focus {
-  color: #000000;
-  text-decoration: none;
-  cursor: pointer;
-  opacity: 0.4;
-  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-  filter: alpha(opacity=40);
-}
-.rtl .toast-close-button {
-  left: -0.3em;
-  float: left;
-  right: 0.3em;
-}
-/*Additional properties for button version
- iOS requires the button element instead of an anchor tag.
- If you want the anchor version, it requires `href="#"`.*/
-button.toast-close-button {
-  padding: 0;
-  cursor: pointer;
-  background: transparent;
-  border: 0;
-  -webkit-appearance: none;
-}
-.toast-top-center {
-  top: 0;
-  right: 0;
-  width: 100%;
-}
-.toast-bottom-center {
-  bottom: 0;
-  right: 0;
-  width: 100%;
-}
-.toast-top-full-width {
-  top: 0;
-  right: 0;
-  width: 100%;
-}
-.toast-bottom-full-width {
-  bottom: 0;
-  right: 0;
-  width: 100%;
-}
-.toast-top-left {
-  top: 12px;
-  left: 12px;
-}
-.toast-top-right {
-  top: 12px;
-  right: 12px;
-}
-.toast-bottom-right {
-  right: 12px;
-  bottom: 12px;
-}
-.toast-bottom-left {
-  bottom: 12px;
-  left: 12px;
-}
-#toast-container {
-  position: fixed;
-  z-index: 999999;
-  pointer-events: none;
-  /*overrides*/
-}
-#toast-container * {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-#toast-container > div {
-  position: relative;
-  pointer-events: auto;
-  overflow: hidden;
-  margin: 0 0 6px;
-  padding: 15px 15px 15px 50px;
-  width: 300px;
-  -moz-border-radius: 3px 3px 3px 3px;
-  -webkit-border-radius: 3px 3px 3px 3px;
-  border-radius: 3px 3px 3px 3px;
-  background-position: 15px center;
-  background-repeat: no-repeat;
-  -moz-box-shadow: 0 0 12px #999999;
-  -webkit-box-shadow: 0 0 12px #999999;
-  box-shadow: 0 0 12px #999999;
-  color: #FFFFFF;
-  opacity: 0.8;
-  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-  filter: alpha(opacity=80);
-}
-#toast-container > div.rtl {
-  direction: rtl;
-  padding: 15px 50px 15px 15px;
-  background-position: right 15px center;
-}
-#toast-container > div:hover {
-  -moz-box-shadow: 0 0 12px #000000;
-  -webkit-box-shadow: 0 0 12px #000000;
-  box-shadow: 0 0 12px #000000;
-  opacity: 1;
-  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-  filter: alpha(opacity=100);
-  cursor: pointer;
-}
-#toast-container > .toast-info {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
-}
-#toast-container > .toast-error {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
-}
-#toast-container > .toast-success {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
-}
-#toast-container > .toast-warning {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
-}
-#toast-container.toast-top-center > div,
-#toast-container.toast-bottom-center > div {
-  width: 300px;
-  margin-left: auto;
-  margin-right: auto;
-}
-#toast-container.toast-top-full-width > div,
-#toast-container.toast-bottom-full-width > div {
-  width: 96%;
-  margin-left: auto;
-  margin-right: auto;
-}
-.toast {
-  background-color: #030303;
-}
-.toast-success {
-  background-color: #51A351;
-}
-.toast-error {
-  background-color: #BD362F;
-}
-.toast-info {
-  background-color: #2F96B4;
-}
-.toast-warning {
-  background-color: #F89406;
-}
-.toast-progress {
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  height: 4px;
-  background-color: #000000;
-  opacity: 0.4;
-  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-  filter: alpha(opacity=40);
-}
-/*Responsive Design*/
-@media all and (max-width: 240px) {
-  #toast-container > div {
-    padding: 8px 8px 8px 50px;
-    width: 11em;
-  }
-  #toast-container > div.rtl {
-    padding: 8px 50px 8px 8px;
-  }
-  #toast-container .toast-close-button {
-    right: -0.2em;
-    top: -0.2em;
-  }
-  #toast-container .rtl .toast-close-button {
-    left: -0.2em;
-    right: 0.2em;
-  }
-}
-@media all and (min-width: 241px) and (max-width: 480px) {
-  #toast-container > div {
-    padding: 8px 8px 8px 50px;
-    width: 18em;
-  }
-  #toast-container > div.rtl {
-    padding: 8px 50px 8px 8px;
-  }
-  #toast-container .toast-close-button {
-    right: -0.2em;
-    top: -0.2em;
-  }
-  #toast-container .rtl .toast-close-button {
-    left: -0.2em;
-    right: 0.2em;
-  }
-}
-@media all and (min-width: 481px) and (max-width: 768px) {
-  #toast-container > div {
-    padding: 15px 15px 15px 50px;
-    width: 25em;
-  }
-  #toast-container > div.rtl {
-    padding: 15px 50px 15px 15px;
-  }
-}
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastr.js.map b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastr.js.map
deleted file mode 100644
index 47a9639aba..0000000000
--- a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastr.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["toastr.js"],"names":["define","$","error","message","title","optionsOverride","notify","type","toastType","iconClass","getOptions","iconClasses","getContainer","options","create","$container","containerId","length","createContainer","info","subscribe","callback","listener","success","warning","clear","$toastElement","clearOptions","clearToast","clearContainer","remove","removeToast","children","toastsToClear","i","force","hideMethod","duration","hideDuration","easing","hideEasing","complete","attr","addClass","positionClass","appendTo","target","getDefaults","tapToDismiss","toastClass","debug","showMethod","showDuration","showEasing","onShown","undefined","onHidden","closeMethod","closeDuration","closeEasing","closeOnHover","extendedTimeOut","timeOut","titleClass","messageClass","escapeHtml","closeHtml","closeClass","newestOnTop","preventDuplicates","progressBar","progressClass","rtl","publish","args","map","source","replace","personalizeToast","setIcon","setTitle","setMessage","setCloseButton","setProgressBar","setRTL","setSequence","setAria","ariaValue","handleEvents","hover","stickAround","delayedHideToast","onclick","click","hideToast","closeButton","$closeElement","event","stopPropagation","cancelBubble","onCloseClick","displayToast","hide","intervalId","setTimeout","maxHideTime","parseFloat","hideEta","Date","getTime","setInterval","updateProgress","prepend","append","suffix","$titleElement","$messageElement","$progressElement","shouldExit","previousToast","override","method","clearTimeout","response","state","endTime","stop","percentage","width","extend","toastId","startTime","console","log","toastr","is","version","amd","deps","factory","module","exports","require","window","jQuery"],"mappings":"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","file":"toastr.js","sourcesContent":["/*\n * Toastr\n * Copyright 2012-2015\n * Authors: John Papa, Hans Fjällemark, and Tim Ferrell.\n * All Rights Reserved.\n * Use, reproduction, distribution, and modification of this code is subject to the terms and\n * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php\n *\n * ARIA Support: Greta Krafsig\n *\n * Project: https://github.com/CodeSeven/toastr\n */\n/* global define */\n(function (define) {\n    define(['jquery'], function ($) {\n        return (function () {\n            var $container;\n            var listener;\n            var toastId = 0;\n            var toastType = {\n                error: 'error',\n                info: 'info',\n                success: 'success',\n                warning: 'warning'\n            };\n\n            var toastr = {\n                clear: clear,\n                remove: remove,\n                error: error,\n                getContainer: getContainer,\n                info: info,\n                options: {},\n                subscribe: subscribe,\n                success: success,\n                version: '2.1.4',\n                warning: warning\n            };\n\n            var previousToast;\n\n            return toastr;\n\n            ////////////////\n\n            function error(message, title, optionsOverride) {\n                return notify({\n                    type: toastType.error,\n                    iconClass: getOptions().iconClasses.error,\n                    message: message,\n                    optionsOverride: optionsOverride,\n                    title: title\n                });\n            }\n\n            function getContainer(options, create) {\n                if (!options) { options = getOptions(); }\n                $container = $('#' + options.containerId);\n                if ($container.length) {\n                    return $container;\n                }\n                if (create) {\n                    $container = createContainer(options);\n                }\n                return $container;\n            }\n\n            function info(message, title, optionsOverride) {\n                return notify({\n                    type: toastType.info,\n                    iconClass: getOptions().iconClasses.info,\n                    message: message,\n                    optionsOverride: optionsOverride,\n                    title: title\n                });\n            }\n\n            function subscribe(callback) {\n                listener = callback;\n            }\n\n            function success(message, title, optionsOverride) {\n                return notify({\n                    type: toastType.success,\n                    iconClass: getOptions().iconClasses.success,\n                    message: message,\n                    optionsOverride: optionsOverride,\n                    title: title\n                });\n            }\n\n            function warning(message, title, optionsOverride) {\n                return notify({\n                    type: toastType.warning,\n                    iconClass: getOptions().iconClasses.warning,\n                    message: message,\n                    optionsOverride: optionsOverride,\n                    title: title\n                });\n            }\n\n            function clear($toastElement, clearOptions) {\n                var options = getOptions();\n                if (!$container) { getContainer(options); }\n                if (!clearToast($toastElement, options, clearOptions)) {\n                    clearContainer(options);\n                }\n            }\n\n            function remove($toastElement) {\n                var options = getOptions();\n                if (!$container) { getContainer(options); }\n                if ($toastElement && $(':focus', $toastElement).length === 0) {\n                    removeToast($toastElement);\n                    return;\n                }\n                if ($container.children().length) {\n                    $container.remove();\n                }\n            }\n\n            // internal functions\n\n            function clearContainer (options) {\n                var toastsToClear = $container.children();\n                for (var i = toastsToClear.length - 1; i >= 0; i--) {\n                    clearToast($(toastsToClear[i]), options);\n                }\n            }\n\n            function clearToast ($toastElement, options, clearOptions) {\n                var force = clearOptions && clearOptions.force ? clearOptions.force : false;\n                if ($toastElement && (force || $(':focus', $toastElement).length === 0)) {\n                    $toastElement[options.hideMethod]({\n                        duration: options.hideDuration,\n                        easing: options.hideEasing,\n                        complete: function () { removeToast($toastElement); }\n                    });\n                    return true;\n                }\n                return false;\n            }\n\n            function createContainer(options) {\n                $container = $('
    ')\n                    .attr('id', options.containerId)\n                    .addClass(options.positionClass);\n\n                $container.appendTo($(options.target));\n                return $container;\n            }\n\n            function getDefaults() {\n                return {\n                    tapToDismiss: true,\n                    toastClass: 'toast',\n                    containerId: 'toast-container',\n                    debug: false,\n\n                    showMethod: 'fadeIn', //fadeIn, slideDown, and show are built into jQuery\n                    showDuration: 300,\n                    showEasing: 'swing', //swing and linear are built into jQuery\n                    onShown: undefined,\n                    hideMethod: 'fadeOut',\n                    hideDuration: 1000,\n                    hideEasing: 'swing',\n                    onHidden: undefined,\n                    closeMethod: false,\n                    closeDuration: false,\n                    closeEasing: false,\n                    closeOnHover: true,\n\n                    extendedTimeOut: 1000,\n                    iconClasses: {\n                        error: 'toast-error',\n                        info: 'toast-info',\n                        success: 'toast-success',\n                        warning: 'toast-warning'\n                    },\n                    iconClass: 'toast-info',\n                    positionClass: 'toast-top-right',\n                    timeOut: 5000, // Set timeOut and extendedTimeOut to 0 to make it sticky\n                    titleClass: 'toast-title',\n                    messageClass: 'toast-message',\n                    escapeHtml: false,\n                    target: 'body',\n                    closeHtml: '',\n                    closeClass: 'toast-close-button',\n                    newestOnTop: true,\n                    preventDuplicates: false,\n                    progressBar: false,\n                    progressClass: 'toast-progress',\n                    rtl: false\n                };\n            }\n\n            function publish(args) {\n                if (!listener) { return; }\n                listener(args);\n            }\n\n            function notify(map) {\n                var options = getOptions();\n                var iconClass = map.iconClass || options.iconClass;\n\n                if (typeof (map.optionsOverride) !== 'undefined') {\n                    options = $.extend(options, map.optionsOverride);\n                    iconClass = map.optionsOverride.iconClass || iconClass;\n                }\n\n                if (shouldExit(options, map)) { return; }\n\n                toastId++;\n\n                $container = getContainer(options, true);\n\n                var intervalId = null;\n                var $toastElement = $('
    ');\n                var $titleElement = $('
    ');\n                var $messageElement = $('
    ');\n                var $progressElement = $('
    ');\n                var $closeElement = $(options.closeHtml);\n                var progressBar = {\n                    intervalId: null,\n                    hideEta: null,\n                    maxHideTime: null\n                };\n                var response = {\n                    toastId: toastId,\n                    state: 'visible',\n                    startTime: new Date(),\n                    options: options,\n                    map: map\n                };\n\n                personalizeToast();\n\n                displayToast();\n\n                handleEvents();\n\n                publish(response);\n\n                if (options.debug && console) {\n                    console.log(response);\n                }\n\n                return $toastElement;\n\n                function escapeHtml(source) {\n                    if (source == null) {\n                        source = '';\n                    }\n\n                    return source\n                        .replace(/&/g, '&')\n                        .replace(/\"/g, '"')\n                        .replace(/'/g, ''')\n                        .replace(//g, '>');\n                }\n\n                function personalizeToast() {\n                    setIcon();\n                    setTitle();\n                    setMessage();\n                    setCloseButton();\n                    setProgressBar();\n                    setRTL();\n                    setSequence();\n                    setAria();\n                }\n\n                function setAria() {\n                    var ariaValue = '';\n                    switch (map.iconClass) {\n                        case 'toast-success':\n                        case 'toast-info':\n                            ariaValue =  'polite';\n                            break;\n                        default:\n                            ariaValue = 'assertive';\n                    }\n                    $toastElement.attr('aria-live', ariaValue);\n                }\n\n                function handleEvents() {\n                    if (options.closeOnHover) {\n                        $toastElement.hover(stickAround, delayedHideToast);\n                    }\n\n                    if (!options.onclick && options.tapToDismiss) {\n                        $toastElement.click(hideToast);\n                    }\n\n                    if (options.closeButton && $closeElement) {\n                        $closeElement.click(function (event) {\n                            if (event.stopPropagation) {\n                                event.stopPropagation();\n                            } else if (event.cancelBubble !== undefined && event.cancelBubble !== true) {\n                                event.cancelBubble = true;\n                            }\n\n                            if (options.onCloseClick) {\n                                options.onCloseClick(event);\n                            }\n\n                            hideToast(true);\n                        });\n                    }\n\n                    if (options.onclick) {\n                        $toastElement.click(function (event) {\n                            options.onclick(event);\n                            hideToast();\n                        });\n                    }\n                }\n\n                function displayToast() {\n                    $toastElement.hide();\n\n                    $toastElement[options.showMethod](\n                        {duration: options.showDuration, easing: options.showEasing, complete: options.onShown}\n                    );\n\n                    if (options.timeOut > 0) {\n                        intervalId = setTimeout(hideToast, options.timeOut);\n                        progressBar.maxHideTime = parseFloat(options.timeOut);\n                        progressBar.hideEta = new Date().getTime() + progressBar.maxHideTime;\n                        if (options.progressBar) {\n                            progressBar.intervalId = setInterval(updateProgress, 10);\n                        }\n                    }\n                }\n\n                function setIcon() {\n                    if (map.iconClass) {\n                        $toastElement.addClass(options.toastClass).addClass(iconClass);\n                    }\n                }\n\n                function setSequence() {\n                    if (options.newestOnTop) {\n                        $container.prepend($toastElement);\n                    } else {\n                        $container.append($toastElement);\n                    }\n                }\n\n                function setTitle() {\n                    if (map.title) {\n                        var suffix = map.title;\n                        if (options.escapeHtml) {\n                            suffix = escapeHtml(map.title);\n                        }\n                        $titleElement.append(suffix).addClass(options.titleClass);\n                        $toastElement.append($titleElement);\n                    }\n                }\n\n                function setMessage() {\n                    if (map.message) {\n                        var suffix = map.message;\n                        if (options.escapeHtml) {\n                            suffix = escapeHtml(map.message);\n                        }\n                        $messageElement.append(suffix).addClass(options.messageClass);\n                        $toastElement.append($messageElement);\n                    }\n                }\n\n                function setCloseButton() {\n                    if (options.closeButton) {\n                        $closeElement.addClass(options.closeClass).attr('role', 'button');\n                        $toastElement.prepend($closeElement);\n                    }\n                }\n\n                function setProgressBar() {\n                    if (options.progressBar) {\n                        $progressElement.addClass(options.progressClass);\n                        $toastElement.prepend($progressElement);\n                    }\n                }\n\n                function setRTL() {\n                    if (options.rtl) {\n                        $toastElement.addClass('rtl');\n                    }\n                }\n\n                function shouldExit(options, map) {\n                    if (options.preventDuplicates) {\n                        if (map.message === previousToast) {\n                            return true;\n                        } else {\n                            previousToast = map.message;\n                        }\n                    }\n                    return false;\n                }\n\n                function hideToast(override) {\n                    var method = override && options.closeMethod !== false ? options.closeMethod : options.hideMethod;\n                    var duration = override && options.closeDuration !== false ?\n                        options.closeDuration : options.hideDuration;\n                    var easing = override && options.closeEasing !== false ? options.closeEasing : options.hideEasing;\n                    if ($(':focus', $toastElement).length && !override) {\n                        return;\n                    }\n                    clearTimeout(progressBar.intervalId);\n                    return $toastElement[method]({\n                        duration: duration,\n                        easing: easing,\n                        complete: function () {\n                            removeToast($toastElement);\n                            clearTimeout(intervalId);\n                            if (options.onHidden && response.state !== 'hidden') {\n                                options.onHidden();\n                            }\n                            response.state = 'hidden';\n                            response.endTime = new Date();\n                            publish(response);\n                        }\n                    });\n                }\n\n                function delayedHideToast() {\n                    if (options.timeOut > 0 || options.extendedTimeOut > 0) {\n                        intervalId = setTimeout(hideToast, options.extendedTimeOut);\n                        progressBar.maxHideTime = parseFloat(options.extendedTimeOut);\n                        progressBar.hideEta = new Date().getTime() + progressBar.maxHideTime;\n                    }\n                }\n\n                function stickAround() {\n                    clearTimeout(intervalId);\n                    progressBar.hideEta = 0;\n                    $toastElement.stop(true, true)[options.showMethod](\n                        {duration: options.showDuration, easing: options.showEasing}\n                    );\n                }\n\n                function updateProgress() {\n                    var percentage = ((progressBar.hideEta - (new Date().getTime())) / progressBar.maxHideTime) * 100;\n                    $progressElement.width(percentage + '%');\n                }\n            }\n\n            function getOptions() {\n                return $.extend({}, getDefaults(), toastr.options);\n            }\n\n            function removeToast($toastElement) {\n                if (!$container) { $container = getContainer(); }\n                if ($toastElement.is(':visible')) {\n                    return;\n                }\n                $toastElement.remove();\n                $toastElement = null;\n                if ($container.children().length === 0) {\n                    $container.remove();\n                    previousToast = undefined;\n                }\n            }\n\n        })();\n    });\n}(typeof define === 'function' && define.amd ? define : function (deps, factory) {\n    if (typeof module !== 'undefined' && module.exports) { //Node\n        module.exports = factory(require('jquery'));\n    } else {\n        window.toastr = factory(window.jQuery);\n    }\n}));\n"]}
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastr.min.css b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastr.min.css
deleted file mode 100644
index 064afd0718..0000000000
--- a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastr.min.css
+++ /dev/null
@@ -1 +0,0 @@
-.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastr.min.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastr.min.js
deleted file mode 100644
index 06e4814ff8..0000000000
--- a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastr.min.js
+++ /dev/null
@@ -1,2 +0,0 @@
-!function(e){e(["jquery"],function(e){return function(){function t(e,t,n){return g({type:O.error,iconClass:m().iconClasses.error,message:e,optionsOverride:n,title:t})}function n(t,n){return t||(t=m()),v=e("#"+t.containerId),v.length?v:(n&&(v=d(t)),v)}function o(e,t,n){return g({type:O.info,iconClass:m().iconClasses.info,message:e,optionsOverride:n,title:t})}function s(e){C=e}function i(e,t,n){return g({type:O.success,iconClass:m().iconClasses.success,message:e,optionsOverride:n,title:t})}function a(e,t,n){return g({type:O.warning,iconClass:m().iconClasses.warning,message:e,optionsOverride:n,title:t})}function r(e,t){var o=m();v||n(o),u(e,o,t)||l(o)}function c(t){var o=m();return v||n(o),t&&0===e(":focus",t).length?void h(t):void(v.children().length&&v.remove())}function l(t){for(var n=v.children(),o=n.length-1;o>=0;o--)u(e(n[o]),t)}function u(t,n,o){var s=!(!o||!o.force)&&o.force;return!(!t||!s&&0!==e(":focus",t).length)&&(t[n.hideMethod]({duration:n.hideDuration,easing:n.hideEasing,complete:function(){h(t)}}),!0)}function d(t){return v=e("
    ").attr("id",t.containerId).addClass(t.positionClass),v.appendTo(e(t.target)),v}function p(){return{tapToDismiss:!0,toastClass:"toast",containerId:"toast-container",debug:!1,showMethod:"fadeIn",showDuration:300,showEasing:"swing",onShown:void 0,hideMethod:"fadeOut",hideDuration:1e3,hideEasing:"swing",onHidden:void 0,closeMethod:!1,closeDuration:!1,closeEasing:!1,closeOnHover:!0,extendedTimeOut:1e3,iconClasses:{error:"toast-error",info:"toast-info",success:"toast-success",warning:"toast-warning"},iconClass:"toast-info",positionClass:"toast-top-right",timeOut:5e3,titleClass:"toast-title",messageClass:"toast-message",escapeHtml:!1,target:"body",closeHtml:'',closeClass:"toast-close-button",newestOnTop:!0,preventDuplicates:!1,progressBar:!1,progressClass:"toast-progress",rtl:!1}}function f(e){C&&C(e)}function g(t){function o(e){return null==e&&(e=""),e.replace(/&/g,"&").replace(/"/g,""").replace(/'/g,"'").replace(//g,">")}function s(){c(),u(),d(),p(),g(),C(),l(),i()}function i(){var e="";switch(t.iconClass){case"toast-success":case"toast-info":e="polite";break;default:e="assertive"}I.attr("aria-live",e)}function a(){E.closeOnHover&&I.hover(H,D),!E.onclick&&E.tapToDismiss&&I.click(b),E.closeButton&&j&&j.click(function(e){e.stopPropagation?e.stopPropagation():void 0!==e.cancelBubble&&e.cancelBubble!==!0&&(e.cancelBubble=!0),E.onCloseClick&&E.onCloseClick(e),b(!0)}),E.onclick&&I.click(function(e){E.onclick(e),b()})}function r(){I.hide(),I[E.showMethod]({duration:E.showDuration,easing:E.showEasing,complete:E.onShown}),E.timeOut>0&&(k=setTimeout(b,E.timeOut),F.maxHideTime=parseFloat(E.timeOut),F.hideEta=(new Date).getTime()+F.maxHideTime,E.progressBar&&(F.intervalId=setInterval(x,10)))}function c(){t.iconClass&&I.addClass(E.toastClass).addClass(y)}function l(){E.newestOnTop?v.prepend(I):v.append(I)}function u(){if(t.title){var e=t.title;E.escapeHtml&&(e=o(t.title)),M.append(e).addClass(E.titleClass),I.append(M)}}function d(){if(t.message){var e=t.message;E.escapeHtml&&(e=o(t.message)),B.append(e).addClass(E.messageClass),I.append(B)}}function p(){E.closeButton&&(j.addClass(E.closeClass).attr("role","button"),I.prepend(j))}function g(){E.progressBar&&(q.addClass(E.progressClass),I.prepend(q))}function C(){E.rtl&&I.addClass("rtl")}function O(e,t){if(e.preventDuplicates){if(t.message===w)return!0;w=t.message}return!1}function b(t){var n=t&&E.closeMethod!==!1?E.closeMethod:E.hideMethod,o=t&&E.closeDuration!==!1?E.closeDuration:E.hideDuration,s=t&&E.closeEasing!==!1?E.closeEasing:E.hideEasing;if(!e(":focus",I).length||t)return clearTimeout(F.intervalId),I[n]({duration:o,easing:s,complete:function(){h(I),clearTimeout(k),E.onHidden&&"hidden"!==P.state&&E.onHidden(),P.state="hidden",P.endTime=new Date,f(P)}})}function D(){(E.timeOut>0||E.extendedTimeOut>0)&&(k=setTimeout(b,E.extendedTimeOut),F.maxHideTime=parseFloat(E.extendedTimeOut),F.hideEta=(new Date).getTime()+F.maxHideTime)}function H(){clearTimeout(k),F.hideEta=0,I.stop(!0,!0)[E.showMethod]({duration:E.showDuration,easing:E.showEasing})}function x(){var e=(F.hideEta-(new Date).getTime())/F.maxHideTime*100;q.width(e+"%")}var E=m(),y=t.iconClass||E.iconClass;if("undefined"!=typeof t.optionsOverride&&(E=e.extend(E,t.optionsOverride),y=t.optionsOverride.iconClass||y),!O(E,t)){T++,v=n(E,!0);var k=null,I=e("
    "),M=e("
    "),B=e("
    "),q=e("
    "),j=e(E.closeHtml),F={intervalId:null,hideEta:null,maxHideTime:null},P={toastId:T,state:"visible",startTime:new Date,options:E,map:t};return s(),r(),a(),f(P),E.debug&&console&&console.log(P),I}}function m(){return e.extend({},p(),b.options)}function h(e){v||(v=n()),e.is(":visible")||(e.remove(),e=null,0===v.children().length&&(v.remove(),w=void 0))}var v,C,w,T=0,O={error:"error",info:"info",success:"success",warning:"warning"},b={clear:r,remove:c,error:t,getContainer:n,info:o,options:{},subscribe:s,success:i,version:"2.1.4",warning:a};return b}()})}("function"==typeof define&&define.amd?define:function(e,t){"undefined"!=typeof module&&module.exports?module.exports=t(require("jquery")):window.toastr=t(window.jQuery)});
-//# sourceMappingURL=toastr.js.map
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor-old.css b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor-old.css
new file mode 100644
index 0000000000..6499cff350
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor-old.css
@@ -0,0 +1,1649 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+/* height */
+.auto-height,
+.auto-height .tui-editor-defaultUI {
+  height: auto;
+}
+
+.auto-height .tui-editor {
+  position: relative;
+}
+
+:not(.auto-height) > .tui-editor-defaultUI,
+:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section {
+  -ms-flex: 1;
+  flex: 1;
+}
+
+/* tui editor */
+.tui-editor:after,
+.tui-editor-defaultUI-toolbar:after {
+  content: '';
+  display: block;
+  height: 0;
+  clear: both;
+}
+
+.tui-editor {
+  position: absolute;
+  line-height: 1;
+  color: #181818;
+  width: 100%;
+  height: inherit;
+}
+
+.te-editor-section {
+  min-height: 0px;
+  position: relative;
+  height: inherit;
+}
+
+.te-md-container {
+  display: none;
+  overflow: hidden;
+  height: 100%;
+}
+
+.te-md-container .te-editor {
+  line-height: 1.5;
+}
+
+.te-md-container .te-editor,
+.te-md-container .te-preview {
+  box-sizing: border-box;
+  padding: 0;
+  height: inherit;
+}
+
+.te-md-container .CodeMirror {
+  font-size: 13px;
+  height: inherit;
+}
+
+.te-md-container .te-preview {
+  overflow: auto;
+  padding: 0 25px;
+  height: 100%;
+}
+
+.te-md-container .te-preview > p:first-child {
+  margin-top: 0 !important;
+}
+
+.te-md-container .te-preview .tui-editor-contents {
+  padding-top: 8px;
+}
+
+.tui-editor .te-preview-style-tab > .te-editor,
+.tui-editor .te-preview-style-tab > .te-preview {
+  float: left;
+  width: 100%;
+  display: none;
+}
+
+.tui-editor .te-preview-style-tab > .te-tab-active {
+  display: block;
+}
+
+.tui-editor .te-preview-style-vertical > .te-tab-section {
+  display: none;
+}
+
+.tui-editor .te-preview-style-tab > .te-tab-section {
+  display: block;
+}
+
+.tui-editor .te-preview-style-vertical .te-editor {
+  float: left;
+  width: 50%;
+}
+
+.tui-editor .te-preview-style-vertical .te-preview {
+  float: left;
+  width: 50%;
+}
+
+.tui-editor .te-md-splitter {
+  display: none;
+  position: absolute;
+  left: 50%;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  border-left: 1px solid #e5e5e5;
+}
+
+.tui-editor .te-preview-style-vertical .te-md-splitter {
+  display: block;
+}
+
+.te-ww-container {
+  display: none;
+  overflow: hidden;
+  z-index: 10;
+  height: inherit;
+  background-color: #fff;
+}
+
+.te-ww-container > .te-editor {
+  overflow: auto;
+  height: inherit;
+}
+
+.te-ww-container .tui-editor-contents:focus {
+  outline: none;
+}
+
+.te-ww-container .tui-editor-contents {
+  padding: 0 25px;
+}
+
+.te-ww-container .tui-editor-contents:first-child {
+  box-sizing: border-box;
+  margin: 0px;
+  padding: 16px 25px 0px 25px;
+  height: inherit;
+}
+
+.te-ww-container .tui-editor-contents:last-child {
+  margin-bottom: 16px;
+}
+
+.te-md-mode .te-md-container {
+  display: block;
+  z-index: 100;
+}
+
+.te-ww-mode .te-ww-container {
+  display: block;
+  z-index: 100;
+}
+
+.tui-editor.te-hide,
+.tui-editor-defaultUI.te-hide {
+  display: none;
+}
+
+.tui-editor-defaultUI .CodeMirror-lines {
+  padding-top: 18px;
+  padding-bottom: 18px;
+}
+
+.tui-editor-defaultUI pre.CodeMirror-line {
+  padding-left: 25px;
+  padding-right: 25px;
+}
+
+.tui-editor-defaultUI .CodeMirror pre.CodeMirror-placeholder {
+  margin: 0;
+  padding-left: 25px;
+  color: grey;
+}
+
+.tui-editor-defaultUI .CodeMirror-scroll {
+  cursor: text;
+}
+
+/* Essential element style */
+.tui-editor-contents td.te-cell-selected {
+  background-color: #d8dfec;
+}
+.tui-editor-contents td.te-cell-selected::selection {
+  background-color: #d8dfec;
+}
+.tui-editor-contents th.te-cell-selected {
+  background-color: #908f8f;
+}
+.tui-editor-contents th.te-cell-selected::selection {
+  background-color: #908f8f;
+}
+
+/* default UI Styles */
+.tui-editor-defaultUI {
+  position: relative;
+  border: 1px solid #e5e5e5;
+  height: 100%;
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.tui-editor-defaultUI button {
+  color: #fff;
+  padding: 0px 14px 0px 15px;
+  height: 28px;
+  font-size: 12px;
+  border: none;
+  cursor: pointer;
+  outline: none;
+}
+.tui-editor-defaultUI button.te-ok-button {
+  background-color: #4b96e6;
+}
+.tui-editor-defaultUI button.te-close-button {
+  background-color: #777;
+}
+
+.tui-editor-defaultUI-toolbar {
+  padding: 0 25px;
+  height: 31px;
+  background-color: #fff;
+  border: 0;
+  overflow: hidden;
+}
+
+.tui-toolbar-divider {
+  float: left;
+  display: inline-block;
+  width: 1px;
+  height: 14px;
+  background-color: #ddd;
+  margin: 9px 6px;
+}
+
+.tui-toolbar-button-group {
+  height: 28px;
+  border-right: 1px solid #d9d9d9;
+  float: left;
+}
+
+.te-toolbar-section {
+  height: 32px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.tui-editor-defaultUI-toolbar button {
+  float: left;
+  box-sizing: border-box;
+  outline: none;
+  cursor: pointer;
+  background-color: #fff;
+  width: 22px;
+  height: 22px;
+  padding: 3px;
+  border-radius: 0;
+  margin: 5px 3px;
+  border: 1px solid #fff;
+}
+
+.tui-editor-defaultUI-toolbar button:hover,
+.tui-editor-defaultUI-toolbar button:active,
+.tui-editor-defaultUI-toolbar button.active {
+  border: 1px solid #aaa;
+  background-color: #fff;
+}
+
+.tui-editor-defaultUI-toolbar button:first-child {
+  margin-left: 0;
+}
+
+.tui-editor-defaultUI-toolbar button:last-child {
+  margin-right: 0;
+}
+
+.tui-editor-defaultUI-toolbar button.tui-scrollsync {
+  width: auto;
+  color: #777777;
+  border: 0;
+}
+
+.tui-editor-defaultUI button.tui-scrollsync:after {
+  content: 'Scroll off';
+}
+
+.tui-editor-defaultUI button.tui-scrollsync.active {
+  color: #125de6;
+  font-weight: bold;
+}
+
+.tui-editor-defaultUI button.tui-scrollsync.active:after {
+  content: 'Scroll on';
+}
+
+.tui-editor-defaultUI .te-mode-switch-section {
+  background-color: #f9f9f9;
+  border-top: 1px solid #e5e5e5;
+  height: 20px;
+  font-size: 12px;
+}
+
+.tui-editor-defaultUI .te-mode-switch {
+  float: right;
+  height: 100%;
+}
+
+.tui-editor-defaultUI .te-switch-button {
+  width: 92px;
+  height: inherit;
+  background: #e5e5e5;
+  outline: 0;
+  color: #a0aabf;
+  cursor: pointer;
+  border: 0;
+  border-left: 1px solid #ddd;
+  border-right: 1px solid #ddd;
+}
+
+.tui-editor-defaultUI .te-switch-button.active {
+  background-color: #fff;
+  color: #000;
+}
+
+.tui-editor-defaultUI .te-markdown-tab-section {
+  float: left;
+  height: 31px;
+  background: #fff;
+}
+
+.te-markdown-tab-section .te-tab {
+  margin: 0 -7px 0 24px;
+  background: #fff;
+}
+
+.tui-editor-defaultUI .te-tab button {
+  box-sizing: border-box;
+  line-height: 100%;
+  position: relative;
+  cursor: pointer;
+  z-index: 1;
+  font-size: 13px;
+  background-color: #f9f9f9;
+  border: solid 1px #e5e5e5;
+  border-top: 0;
+  padding: 0 9px;
+  color: #777;
+  border-radius: 0;
+  outline: 0;
+}
+
+.te-markdown-tab-section .te-tab button:last-child {
+  margin-left: -1px;
+}
+
+.te-markdown-tab-section .te-tab button.te-tab-active,
+.te-markdown-tab-section .te-tab button:hover.te-tab-active {
+  background-color: #fff;
+  color: #333;
+  border-bottom: 1px solid #fff;
+  z-index: 2;
+}
+
+.te-markdown-tab-section .te-tab button:hover {
+  background-color: #fff;
+  color: #333;
+}
+
+.tui-popup-modal-background {
+  background-color: rgba(202, 202, 202, 0.6);
+  position: fixed;
+  margin: 0px;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+}
+
+.tui-popup-wrapper.fit-window,
+.tui-popup-modal-background.fit-window .tui-popup-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.tui-popup-wrapper {
+  width: 500px;
+  margin-right: auto;
+  border: 1px solid #cacaca;
+  background: white;
+  z-index: 9999;
+}
+
+.tui-popup-modal-background .tui-popup-wrapper {
+  position: absolute;
+  margin: auto;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+.tui-popup-header {
+  padding: 10px;
+  height: auto;
+  line-height: normal;
+  position: relative;
+  border-bottom: 1px solid #cacaca;
+}
+
+.tui-popup-header .tui-popup-header-buttons {
+  float: right;
+}
+
+.tui-popup-header .tui-popup-header-buttons button {
+  padding: 0px;
+  background-color: transparent;
+  background-size: cover;
+  float: left;
+}
+
+.tui-popup-header .tui-popup-close-button {
+  margin: 3px;
+  width: 13px;
+  height: 13px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMCAxMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5GMjc2Qzc4MC0zM0JBLTQ3MTItQTM3OC04RkQwQUNDOTFDRTk8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImxuYi1mb2xkZXItZGVsIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiM3Nzc3NzciPiAgICAgICAgICAgIDxwYXRoIGQ9Ik01LDMuNTg1Nzg2NDQgTDEuNzA3MTA2NzgsMC4yOTI4OTMyMTkgTDAuMjkyODkzMjE5LDEuNzA3MTA2NzggTDMuNTg1Nzg2NDQsNSBMMC4yOTI4OTMyMTksOC4yOTI4OTMyMiBMMS43MDcxMDY3OCw5LjcwNzEwNjc4IEw1LDYuNDE0MjEzNTYgTDguMjkyODkzMjIsOS43MDcxMDY3OCBMOS43MDcxMDY3OCw4LjI5Mjg5MzIyIEw2LjQxNDIxMzU2LDUgTDkuNzA3MTA2NzgsMS43MDcxMDY3OCBMOC4yOTI4OTMyMiwwLjI5Mjg5MzIxOSBMNSwzLjU4NTc4NjQ0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
+}
+
+.tui-popup-header .tui-popup-title {
+  font-size: 13px;
+  font-weight: bold;
+  color: #333;
+  vertical-align: bottom;
+}
+
+.tui-popup-body {
+  padding: 15px;
+  font-size: 12px;
+}
+
+.tui-editor-popup {
+  position: absolute;
+  top: 30px;
+  left: 50%;
+  margin-left: -250px;
+}
+
+.tui-editor-popup.tui-popup-modal-background {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  margin: 0px;
+}
+
+.tui-editor-popup .tui-popup-body label {
+  font-weight: bold;
+  color: #666;
+  display: block;
+  margin: 10px 0 5px;
+}
+
+.tui-editor-popup .tui-popup-body .te-button-section {
+  margin-top: 15px;
+}
+
+.tui-editor-popup .tui-popup-body input[type='text'],
+.tui-editor-popup .tui-popup-body input[type='file'] {
+  padding: 4px 10px;
+  border: 1px solid #bfbfbf;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.tui-editor-popup .tui-popup-body input[type='text'].disabled {
+  border-color: #e5e5e5;
+  background-color: #eee;
+  color: #e5e5e5;
+}
+
+.tui-editor-popup .tui-popup-body input.wrong {
+  border-color: #ff0000;
+}
+
+.te-popup-add-link .tui-popup-wrapper {
+  height: 219px;
+}
+
+.te-popup-add-image .tui-popup-wrapper {
+  height: 243px;
+}
+
+.te-popup-add-image .te-tab {
+  display: block;
+  background: none;
+  border-bottom: 1px solid #ebebeb;
+  margin-bottom: 8px;
+}
+
+.te-popup-add-image .te-url-type {
+  display: none;
+}
+
+.te-popup-add-image .te-file-type {
+  display: none;
+}
+
+.te-popup-add-image div.te-tab-active,
+.te-popup-add-image form.te-tab-active {
+  display: block;
+}
+
+.te-popup-add-image .te-tab button {
+  border: 1px solid #ccc;
+  background: #eee;
+  min-width: 100px;
+  margin-left: -1px;
+  border-bottom: 0px;
+  border-radius: 3px 3px 0px 0px;
+}
+
+.te-popup-add-image .te-tab button.te-tab-active {
+  background: #fff;
+}
+
+.te-popup-add-table .te-table-selection {
+  position: relative;
+}
+
+.te-popup-add-table .te-table-body {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZmspKREMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgAMSwQgckFvTgAAAABJRU5ErkJggg==');
+}
+
+.te-popup-add-table .te-table-header {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZksLCxMMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgDxKwPzTeWPdAAAAABJRU5ErkJggg==');
+}
+
+.te-popup-add-table .te-selection-area {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: #80d2ff;
+  opacity: 0.3;
+  z-index: 999;
+}
+
+.te-popup-add-table .te-description {
+  margin: 10px 0 0 0;
+  text-align: center;
+}
+
+.te-popup-table-utils {
+  width: 120px;
+}
+
+.te-popup-table-utils .tui-popup-body {
+  padding: 0px;
+}
+
+.te-popup-table-utils button {
+  width: 100%;
+  background-color: #fff;
+  border: none;
+  outline: 0;
+  padding: 0px 10px 0px 10px;
+  font-size: 12px;
+  line-height: 28px;
+  text-align: left;
+  color: #777;
+}
+
+.te-popup-table-utils button:hover {
+  background-color: #f4f4f4;
+}
+
+.te-popup-table-utils hr {
+  background-color: #cacaca;
+  border-style: none;
+  height: 1px;
+}
+
+.te-popup-table-utils .te-context-menu-disabled {
+  color: #ccc;
+}
+
+.te-popup-table-utils .te-context-menu-disabled:hover {
+  background-color: #fff;
+}
+
+.te-heading-add {
+  width: auto;
+}
+
+.te-heading-add .tui-popup-body {
+  padding: 0;
+}
+
+.te-heading-add h1,
+.te-heading-add h2,
+.te-heading-add h3,
+.te-heading-add h4,
+.te-heading-add h5,
+.te-heading-add h6,
+.te-heading-add ul,
+.te-heading-add p {
+  padding: 0;
+  margin: 0;
+}
+
+.te-heading-add ul {
+  list-style: none;
+}
+
+.te-heading-add ul li {
+  padding: 2px 10px;
+  cursor: pointer;
+}
+
+.te-heading-add ul li:hover {
+  background-color: #eee;
+}
+
+.te-heading-add h1 {
+  font-size: 24px;
+}
+
+.te-heading-add h2 {
+  font-size: 22px;
+}
+
+.te-heading-add h3 {
+  font-size: 20px;
+}
+
+.te-heading-add h4 {
+  font-size: 18px;
+}
+
+.te-heading-add h5 {
+  font-size: 16px;
+}
+
+.te-heading-add h6 {
+  font-size: 14px;
+}
+
+.te-dropdown-toolbar {
+  position: absolute;
+  width: auto;
+}
+
+.te-dropdown-toolbar .tui-popup-body {
+  padding: 0px;
+}
+
+.tui-popup-color {
+  padding: 0;
+}
+
+.tui-popup-color .tui-colorpicker-container,
+.tui-popup-color .tui-colorpicker-palette-container {
+  width: 144px;
+}
+
+.tui-popup-color .tui-colorpicker-container ul {
+  width: 144px;
+  margin-bottom: 8px;
+}
+
+.tui-popup-color .tui-colorpicker-container li {
+  padding: 0 1px 1px 0;
+}
+
+.tui-popup-color .tui-colorpicker-container li .tui-colorpicker-palette-button {
+  border: 0;
+  width: 17px;
+  height: 17px;
+}
+
+.tui-popup-color .tui-popup-body {
+  padding: 10px;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-toggle-slider {
+  display: none;
+}
+
+.tui-popup-color .te-apply-button,
+.tui-popup-color .tui-colorpicker-palette-hex {
+  float: right;
+}
+
+.tui-popup-color .te-apply-button {
+  height: 21px;
+  width: 35px;
+  background: #fff;
+  border: 1px solid #efefef;
+  position: absolute;
+  bottom: 135px;
+  right: 10px;
+  color: black;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-hex {
+  border: 1px solid #e1e1e1;
+  padding: 3px 14px;
+  margin-left: -1px;
+}
+
+.tui-popup-color .tui-colorpicker-container div.tui-colorpicker-clearfix {
+  display: inline-block;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-preview {
+  width: 19px;
+  height: 19px;
+}
+
+.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-slider-right {
+  width: 22px;
+}
+
+.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-huebar-handle {
+  display: none;
+}
+
+.tui-tooltip {
+  position: absolute;
+  background-color: #222;
+  z-index: 999;
+  opacity: 0.8;
+  color: #fff;
+  padding: 2px 5px;
+  font-size: 10px;
+}
+
+.tui-tooltip .arrow {
+  content: '';
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  background-color: #222;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+  position: absolute;
+  top: -3px;
+  left: 6px;
+  z-index: -1;
+}
+
+.tui-toolbar-icons {
+  background: url(data:image/png;base64,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);
+  background-size: 218px 188px;
+  display: inline-block;
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2),
+  only screen and (min--moz-device-pixel-ratio: 2),
+  only screen and (-o-min-device-pixel-ratio: 2/1),
+  only screen and (min-device-pixel-ratio: 2),
+  only screen and (min-resolution: 192dpi),
+  only screen and (min-resolution: 2dppx) {
+  .tui-toolbar-icons {
+    background: url(data:image/png;base64,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Xqz8qBcJkED0BGIbcoxe1QtDor4qT80zFpNh01flYWg2e1Fo2C6Me5NnSQLFToAeWpFfITFmxbrCUdCJMeMKxyK/iageCZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACQQgkA5QNlTRRYsWZbwEbNu2LTFdnPSAftc6pas06PesihdTmIurXdekOefi6qBfpJyD8rHrk+s4LM+gfHLpY8+P+r6Ngmc6nf7q1q1b6+26RnEcBc/S0tLmLVu2HI5Cn6Ay7Hxz3V9BywfVx17ezjfX/RW0vL29oMclQSuwPAmQAAnkS0A3ZrW1tR9Gh1ebr6w46unGrK6ubiz0GxdHO5QZD4HEDJo8aeBmmWk7jf2SnuspxFYnlkN50pg8efJLNuHdki67LZ2HJEACAQnYjVl/f/+PIeLxYjFqdmPW0dExC/rNpFELeKELWDwxgybn2NfXt1A/V9zg2/XjQsePHz8+StcBN/gZ/ZhxEiCB/Ai4GLMKSCvFXnCj5mTMYHDVNAiNWn6XPfFaZUm2iJt6YSZzfioN8e1Jtp+rLegzUi8Dfdv14yTiixcvbhw7duxdDQ0Nb/ppL2nvdsmSJZfMmzfvQH19fb9P/Qrq3SbNxw8Tvcxg9/6D8pVhRsMzE2OmthJslodJlRE2DMpXhhnFM9OMWVaFsrKyRB/+w573hVo/0YsEg7FQB42nou36caHj8CAtP6qamprEPTQwuq21tfX3GOa4vNA8nNoHo/G7d++eD/2qnPKZRgJuBFyMWQbGbHVTU9NDbvWSSvcwZvs3b958PCk92E7+BBIzaPJkDzVnaKrux0qi17XjgkbXrFkzDAroT43da9eu7SqQUmLMxKjVFah9z2Z7e3sr8TAyb+nSpTWeBZl5wRGQewKjDP/bfuLFYswwslAmhsuuH42ZncjgPE7MoHH+LPANMhw1HpUhyNWrV0u8qDZczxIYthnyoIJOIrH7qKggUBkLATFmuCf+E4k/xsPYCpVZTMZsx44dc86ePXvpypUrxyv9aMwUicEfJjaHxvmz/G4WYwjyOnQQizAf8LJdCpLPT0raMx2Og855OIiwJBlDkCOgx17I7rBk4gDpnu/32csHnfOw1w96HJSfXX7UPO3yg/Kz10+Kp2bMrsQ9m8LvvRG6pzCc2OowZ5b4MKN4ZmLMwCc7VI55sktg1ES/Ppc5s6IYZgx7f9rvh6iPw96fUeuT2JM1589CXToOQYbCx8pxE8CDzbUwYvNVO/i9l4hRKwZjJjrBmI2A8apU+kkoRq2YjZmuK+P+CCRi0Dh/5u9i5CqFDiKQN5ZLXtT55eXlRa1f1OdLeecJ4Msfv4ARq8U92qNSxaghrs9LO3pmGFavV3XiCuGpnsK87z4YNcs96rCacYBnhv5ralx6UW60BBIxaJw/C33RZKjxOnQaj4WWFIMALGnuxDXetX79+hMxiKfIQUIARuMJu1HTVHc1Zqhzr1YutuimTZtanYyaahD3saMxw709RZVhWNwEEplDw1Mb3z/L8z4Au8e83kuLew4nl9roIE7MnTvX9b20pOZwcunpll9ofm56qfRi56f0VCH0fQLzKrIg5HHs8tJ0doNn9En70nzxzJIyZkoPMWrQT16Ytny1qLKy8uCGDRssS/PFMyu0Mct1fxZ6ji3X/Zn0HFsiBg037UJ1Q0mITnC7flzoOG7agr9/5sDgTRizu4rVK8M17K+oqDhAr8zhyl3gSejkmtCRCYWsUYMx+wSM2TodSyGMmWof+p009MsaNcOYHVX5EhaDMdP1YdwfgdiHHDl/5u9C2EpxiNEGhIeDi4AYNWi83MmYyZkk7ZnZ6YlRQ9o+J2MmZQvtmdn15bE/ArF7aLgxFuqqwOvYrh8XOl5s32/MNcRYaF65hhgLrR/bLx4ChlErHoVsmhhGzZbKw8FMIHaDhg6a82cB7hAMMdYFKC7veVlWbeWqix+xzB/kvQX9ukvQMXTo92zeyjlUDMrHQYRnUlieQfl4KuOQGTVPexNx87W3F/Q4br5B9WH5eAnEPuTI+bN4LyClkwAJkAAJnCMQm4fm9uSGIch9yEuFfbINewHdntxaWlquMPSL1FMIqy/rkwAJkAAJeBOI3UPzbp65JEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJFC8BNJRq7Zo0aKMLnPbtm2ebQQtr8vOJ472rtXrQb9n9WN7PGh5e/24j+38crWX63rkqh80384vV/1c1yNXfXt+UD72+rmOw/IMyieXPvb8qHkq+dB7TDqdvgPHtZlMZrak4/gVBE04fgjtnpI0tfm4Ds2ov728vPwLjz/++CFVL98Q7ZWWlZXV9Pf3j8M+TOSUlJR0YT/Z29t7HPr16bJzXQfI6oF+7T09PYdQt1uvG1fc0Om/bfLf5nRNX5xytaXftdVJvaX5j579sL28n+MVK1aM6OzsnKeXrays3LVhw4azeprEd065xtLv2vPnN//Bsx+2l3c7LnHLYDoJkAAJOBFYvHjxDUh/CYbrO9ivQ3ys7BKXNMkzyiDqe5uCuku7u7ufX758+TTftRwKrlq1ahQM0AIYrmkwZsNRpFR2iUua5EkZh6quSahXDmNWjQKXw9BUuBaMMAMG9E67OKc0e5mkjvv6+mrsbTml2cvEeUyDFiddyiaBIUYAnfn7YXh+jtPyMjrTpMySJUv+Zx6nPw6G4+/yqJetAmM4+uzZs7PFALnJkDwpI2Xdynikl8KL9Dp3j6r+s8B5pBh4ew1Jkzx7etLH0EEeEMbZ25U0ybOnJ3VMg5YUabZDAoOcwK233joFHkITTiM7hOd1Oij3Mzytv+BVxiPvfR55rlmrV68uh4c3C51qzuG10tLSthEjRnS4CvPIgFFJwqAsgwrZdsDy97IbKkma5BV6G4frm7UfGMZ9U3ZRyEgbYOiSUrYsqYbYTjgC+LEOb2trW7d169Y6XRLG03P+ePXyccXr6+tLdu3aNX3Lli2v6204jffr+XHHi4WP23kWmo+bXk7pMBb3ozOXYTd9a0Rn9nUM4x1D/v9Ax3sP9n9oamrapheyx+3XBU/15hwQ2phq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Q4EADMZCdR5O82cqr1BhrvmzQunFdqMhEGr8368KGKb7NDyb7xnl/xHDjWu86sKIrUX+J6UMjMZnMPz3917lw+bJC9dYij/NkHMM+h3wkgn9piM/a2j5TpoXKeaRAAmQQHIEEvHQ9OFGPLW5Djeq09bL6HVVftSh/l4ZPlLsOtyo2tXL6HVVPkMSIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESGKwE0oNV8aGq92uvvZaJ89wuvfTSUNd8//7918ap34wZM56NUz5lkwAJDF0CJUP31HhmJEACJEACFxIBGrQL6WrzXEmABEhgCBOgQRvCF5enRgIkQAIXEoGyOE520aJFEyD389jfg33Otm3barzaCVreS5afvNWrV5efPXt2Un9//8je3t5K6PecV72g5b1kRZF3+PDh1AMPPGAR9alPfSo1depUS1qhDg4cOOCo3/Tp0wulEtslARK4AAhEbtBqa2v/DIZiI9iN9MMvaHk/Mr3K1NXVjT19+vTMvr4+X95p0PJebUeV9+yzA9dNSFqxGLQ//OEPA05V0mjQBmBhAgmQQIQEIjVoixcvfi+M2VboVyE6ptPpdRUVFV930zdoeTc5ftNXrVo1Cp7ZLOioVvodq66ubnarH7S8m5wo02GIU889N9ChlLRbbrklVVpaGmVzgWX19PSkXnzxxQH1JO1DH/pQqry8fEAeE0iABLwJjFtx2HP188kNU1Wf5i0oZG4uPQaKT+8vSaV/MnbspHteXZvuGpgfbUpkBg3DhtKTPog9a8wQ/rapqemTMGqOFyJo+bCnnclk0suWLZuujFlZWdnZTZs2HXTTL2j5sPr5rb9r164UjHK2uPLIZAhS0iRvwYIFfkXFUk50OHXqVFa28shkCFLSJO8tb3lLLO1GJbS+vn6iyEJ4NCqZUcr5wQ9+kH0iuPPOO3uilEtZJBAPgcyM/lTmMydP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VSp27NgxTQnDMOHxMWPG7JIhQ5WmhximPIrjl5E/wDhDRzHI+6L8yr5qW7fqKo0hCZAACZBATATgVaXx+ag/QPxVWhP3whB9TR3Da6tAx38zvJp3I03iexD+BwyehPLVEFl08Uns02F85MXm38HA/Ezm4yQ/is3QU96Py3qQIhOGqhlf+zeNqXhtr7/+unx8eCSGJtNY/NGFMqcbGxuzhk7OA9tEyKrAufSgzFn8r7Y2mY+LQke7DBo0OxEekwAJkEDMBLCwYjbmop5BR69/eeNHMAir8RmpwC9Ew3B8ECr/GkaxPUrVjU9dzYNM8zNWMK5t8+fP3w+jZA59+m0TespnsdqhZ2QvU+ttm0rqiYyTAAmQAAnER+DFF188CU/lWXhWS9GK6ocvhxdzB9JHX3nllbteeuml7Ff43bQQD2r37t0LYVxkwUg9ZHVgWPBXbuXzSX/uued6r7766jfR1jhpT2QgrDx27NgE6FmKvevll1/2NE5S7+DBg6Og5wyc3xSsiOx/4YUXIjW86tzooSkSDEmABEggYQIYenwvOvxtaHaiQ9MvI+3XMFSHUOY4PCMZpqtCXIzLfKRfj/BirV4b3hObieE+c4Wilhcqavwjz1kwSOZ7bkqgzKNBl3bo143VjlmvDWkl0K0UexXSR8AbLVflEfbBEL6Uj4enyXCM0qA5YmEiCZAACSRDAP8j7WIYCvmnnjeFbHEf5q8+ijmuP4aU41hd5sNgnC6BrpbVio6FvRO78f7da1HO96nmaNAUCYYkQAIkUEAC8NZugFGThSHvCaIGvKPnUe8HMBIPyftsQermU1a8NXwJZCrqmv9ixqcc+Wr/Mby6cBw66++x+ayeuxgNWm5GLEECJEACiRFYvnz5NAzRfRBG6gPYZ6JhGY6cYChwCsbgOOIvYn8WHtm/RfmlDaMNX4F4bBhaHA19RmP14jAZjoQHp4YW+xDvRV4HzuEszuc0FoKY/4bGVwMsRAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAKDgMD/D2WyCk5hENCOAAAAAElFTkSuQmCC);
+    background-size: 218px 188px;
+    display: inline-block;
+  }
+}
+
+.tui-toolbar-icons.tui-heading {
+  background-position: -172px -48px;
+}
+
+.tui-toolbar-icons.tui-heading:disabled {
+  background-position: -193px -48px;
+}
+
+.tui-toolbar-icons.tui-bold {
+  background-position: -4px -4px;
+}
+
+.tui-toolbar-icons.tui-bold:disabled {
+  background-position: -25px -4px;
+}
+
+.tui-toolbar-icons.tui-italic {
+  background-position: -4px -48px;
+}
+
+.tui-toolbar-icons.tui-italic:disabled {
+  background-position: -25px -48px;
+}
+
+.tui-toolbar-icons.tui-color {
+  background-position: -172px -70px;
+}
+
+.tui-toolbar-icons.tui-color:disabled {
+  background-position: -193px -70px;
+}
+
+.tui-toolbar-icons.tui-strike {
+  background-position: -4px -26px;
+}
+
+.tui-toolbar-icons.tui-strike:disabled {
+  background-position: -25px -26px;
+}
+
+.tui-toolbar-icons.tui-hrline {
+  background-position: -46px -92px;
+}
+
+.tui-toolbar-icons.tui-hrline:disabled {
+  background-position: -67px -92px;
+}
+
+.tui-toolbar-icons.tui-quote {
+  background-position: -4px -114px;
+}
+
+.tui-toolbar-icons.tui-quote:disabled {
+  background-position: -25px -114px;
+}
+
+.tui-toolbar-icons.tui-ul {
+  background-position: -46px -4px;
+}
+
+.tui-toolbar-icons.tui-ul:disabled {
+  background-position: -67px -4px;
+}
+
+.tui-toolbar-icons.tui-ol {
+  background-position: -46px -26px;
+}
+
+.tui-toolbar-icons.tui-ol:disabled {
+  background-position: -67px -26px;
+}
+
+.tui-toolbar-icons.tui-task {
+  background-position: -130px -48px;
+}
+
+.tui-toolbar-icons.tui-task:disabled {
+  background-position: -151px -48px;
+}
+
+.tui-toolbar-icons.tui-indent {
+  background-position: -46px -48px;
+}
+
+.tui-toolbar-icons.tui-indent:disabled {
+  background-position: -67px -48px;
+}
+
+.tui-toolbar-icons.tui-outdent {
+  background-position: -46px -70px;
+}
+
+.tui-toolbar-icons.tui-outdent:disabled {
+  background-position: -67px -70px;
+}
+
+.tui-toolbar-icons.tui-table {
+  background-position: -88px -92px;
+}
+
+.tui-toolbar-icons.tui-table:disabled {
+  background-position: -109px -92px;
+}
+
+.tui-toolbar-icons.tui-image {
+  background-position: -130px -4px;
+}
+
+.tui-toolbar-icons.tui-image:disabled {
+  background-position: -151px -4px;
+}
+
+.tui-toolbar-icons.tui-link {
+  background-position: -130px -26px;
+}
+
+.tui-toolbar-icons.tui-link:disabled {
+  background-position: -151px -26px;
+}
+
+.tui-toolbar-icons.tui-code {
+  background-position: -130px -92px;
+}
+
+.tui-toolbar-icons.tui-code:disabled {
+  background-position: -151px -92px;
+}
+
+.tui-toolbar-icons.tui-codeblock {
+  background-position: -130px -70px;
+}
+
+.tui-toolbar-icons.tui-codeblock:disabled {
+  background-position: -151px -70px;
+}
+
+.tui-toolbar-icons.tui-more {
+  background-position: -172px -92px;
+}
+
+.tui-toolbar-icons.tui-more:disabled {
+  background-position: -193px -92px;
+}
+.tui-colorpicker-svg-slider {
+  border: 1px solid #ebebeb;
+}
+.tui-colorpicker-vml-slider {
+  border: 1px solid #ebebeb;
+}
+.tui-colorpicker-svg-huebar {
+  border: 1px solid #ebebeb;
+}
+
+.tui-editor-pseudo-clipboard {
+  position: fixed;
+  left: -1000px;
+  top: -1000px;
+  width: 100px;
+  height: 100px;
+}
+
+.te-ww-block-overlay.code-block-header {
+  text-align: right;
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.te-ww-block-overlay.code-block-header span {
+  font-size: 10px;
+  font-weight: 600;
+  padding: 0px 10px;
+  color: #333333;
+  cursor: default;
+}
+
+.te-ww-block-overlay.code-block-header button {
+  margin: 8px;
+  font-size: 10px;
+  color: #333333;
+  background-color: #f9f9f9;
+  border: 1px solid #dddddd;
+  padding: 4px;
+  height: auto;
+}
+
+.te-popup-code-block-languages {
+  position: fixed;
+  box-sizing: border-box;
+  width: 130px;
+}
+
+.te-popup-code-block-languages .tui-popup-body {
+  max-height: 169px;
+  overflow: auto;
+  padding: 0px;
+}
+
+.te-popup-code-block-languages button {
+  width: 100%;
+  background-color: #fff;
+  border: none;
+  outline: 0;
+  padding: 0px 10px 0px 10px;
+  font-size: 12px;
+  line-height: 24px;
+  text-align: left;
+  color: #777;
+}
+
+.te-popup-code-block-languages button.active {
+  background-color: #f4f4f4;
+}
+
+.tui-popup-code-block-editor .tui-popup-wrapper {
+  width: 70%;
+  height: 70%;
+  margin: auto;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.te-input-language {
+  position: relative;
+  margin-left: 15px;
+  cursor: pointer;
+}
+
+.te-input-language input {
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 10px;
+  padding: 3px 5px;
+  border: 1px solid #dddddd;
+  background-color: #f9f9f9;
+  box-sizing: border-box;
+  width: 130px;
+  outline: none;
+}
+
+.te-input-language input::-ms-clear {
+  display: none;
+}
+
+.te-input-language::after {
+  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT42Q0NBRDk2QS0yMjYxLTRFNDAtOTk1RC1DRUUyQUREQUQ3NkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLWQtc2lkZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS03IiBwb2ludHM9IjIgNSAxMCA1IDYgMTAiPjwvcG9seWdvbj4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
+  position: absolute;
+  top: 1px;
+  right: 3px;
+}
+
+.te-input-language.active::after {
+  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5BNEZDRkIzMy0zNjdBLTREMjAtOEEyNC1DQ0I2ODFBMDZDODg8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLXVwLXNpZGUiIGZpbGw9IiM1NTU1NTUiPiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC02LjAwMDAwMCwgLTYuNTAwMDAwKSAiIHBvaW50cz0iMiA0IDEwIDQgNiA5Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
+}
+
+.tui-popup-code-block-editor button {
+  margin: -1px 3px;
+}
+
+.tui-popup-code-block-editor .tui-popup-header-buttons {
+  height: 20px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-preview::after {
+  content: 'Preview off';
+  color: #777;
+  margin-right: 22px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-preview.active::after {
+  content: 'Preview on';
+  color: #4b96e6;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-scroll::after {
+  content: 'Scroll off';
+  color: #777;
+  margin-right: 16px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-scroll.active::after {
+  content: 'Scroll on';
+  color: #4b96e6;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-fit {
+  width: 18px;
+  height: 18px;
+  margin-top: 4px;
+  margin-right: 14px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT40OUQ4RTYyMy1GRTAyLTQ1RUUtQkQ5Ri0xMjUyQjEzRTU1MkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLWV4cGFuZCIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBhdGggZD0iTTMsMyBMOSwzIEw5LDUgTDUsNSBMNSw5IEwzLDkgTDMsMyBaIE0xNSwxNSBMOSwxNSBMOSwxMyBMMTMsMTMgTDEzLDkgTDE1LDkgTDE1LDE1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4wMDAwMDAsIDkuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC05LjAwMDAwMCwgLTkuMDAwMDAwKSAiPjwvcGF0aD4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41MDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMS41MDAwMDAsIC02LjUwMDAwMCkgIiBwb2ludHM9IjkuMDg1Nzg2NDQgNS41IDEyLjUgOC45MTQyMTM1NiAxMy45MTQyMTM2IDcuNSAxMC41IDQuMDg1Nzg2NDQiPjwvcG9seWdvbj4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZS1Db3B5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNTAwMDAwLCAxMS41MDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTYuNTAwMDAwLCAtMTEuNTAwMDAwKSAiIHBvaW50cz0iNC4wODU3ODY0NCAxMC41IDcuNSAxMy45MTQyMTM2IDguOTE0MjEzNTYgMTIuNSA1LjUgOS4wODU3ODY0NCI+PC9wb2x5Z29uPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-fit.active {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT4wN0Q1MjlCRi1GNTIzLTREN0EtQTlGNi05NTUzNTU5RDNEMUE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLXJlZHVjZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzIiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS41MDAwMDAsIDEyLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtNS41MDAwMDAsIC0xMi41MDAwMDApICIgcG9pbnRzPSIzLjA4NTc4NjQ0IDExLjUgNi41IDE0LjkxNDIxMzYgNy45MTQyMTM1NiAxMy41IDQuNSAxMC4wODU3ODY0Ij48L3BvbHlnb24+ICAgICAgICAgICAgPHBhdGggZD0iTTksOSBMMTUsOSBMMTUsMTEgTDExLDExIEwxMSwxNSBMOSwxNSBMOSw5IFogTTksOSBMMyw5IEwzLDcgTDcsNyBMNywzIEw5LDMgTDksOSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMDAwMDAwLCA5LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtOS4wMDAwMDAsIC05LjAwMDAwMCkgIj48L3BhdGg+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzMiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCA1LjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTIuNTAwMDAwLCAtNS41MDAwMDApICIgcG9pbnRzPSIxNC45MTQyMTM2IDYuNSAxMS41IDMuMDg1Nzg2NDQgMTAuMDg1Nzg2NCA0LjUgMTMuNSA3LjkxNDIxMzU2Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
+}
+
+.tui-popup-code-block-editor .tui-popup-close-button {
+  margin-top: 6px;
+}
+
+.tui-popup-code-block-editor .tui-popup-body {
+  z-index: -1;
+  padding: 0px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.tui-popup-code-block-editor .popup-editor-body {
+  position: relative;
+  -ms-flex: 1;
+  flex: 1;
+  border-bottom: 1px solid #cacaca;
+}
+
+.tui-popup-code-block-editor .te-button-section {
+  padding: 15px;
+}
+
+.tui-popup-code-block-editor .te-button-section button {
+  float: left;
+}
+
+.tui-popup-code-block-editor .tui-editor-contents pre {
+  margin: 0px;
+  background-color: transparent;
+}
+
+.tui-popup-code-block-editor .CodeMirror {
+  height: auto;
+}
+
+.tui-popup-code-block-editor .CodeMirror-line {
+  font-family: Consolas, Courier, 'Apple SD 산돌고딕 Neo', -apple-system, 'Lucida Grande',
+    'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Segoe UI', '돋움', dotum, sans-serif;
+  font-size: 13px;
+  line-height: 160%;
+  letter-spacing: -0.3px;
+}
+
+.tui-popup-code-block-editor .popup-editor-editor-wrapper {
+  min-height: 100%;
+}
+
+.tui-split-scroll-wrapper {
+  position: relative;
+}
+
+.tui-split-scroll {
+  position: absolute;
+}
+
+.tui-split-scroll,
+.tui-split-scroll-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.tui-split-scroll .tui-split-content-left,
+.tui-split-scroll .tui-split-content-right {
+  position: absolute;
+  top: 0px;
+  width: 50%;
+  box-sizing: border-box;
+}
+
+.tui-split-scroll .tui-split-content-left {
+  left: 0px;
+}
+
+.tui-split-scroll .tui-split-content-right {
+  left: 50%;
+}
+
+.tui-split-scroll .tui-splitter {
+  position: absolute;
+  left: 50%;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  border-left: 1px solid #cacaca;
+}
+
+.tui-split-scroll .tui-split-scroll-content {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+}
+
+.tui-split-scroll .tui-split-content-left,
+.tui-split-scroll .tui-split-content-right {
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.tui-split-scroll button.tui-scrollsync {
+  top: 10px;
+  opacity: 0.2;
+}
+
+.tui-split-scroll button.tui-scrollsync::after {
+  content: 'scroll off';
+}
+
+.tui-split-scroll.scroll-sync button.tui-scrollsync {
+  opacity: 0.5;
+}
+
+.tui-split-scroll.scroll-sync .tui-split-content-left,
+.tui-split-scroll.scroll-sync .tui-split-content-right {
+  height: auto;
+  overflow: initial;
+}
+
+.tui-split-scroll.scroll-sync button.tui-scrollsync::after {
+  content: 'scroll on';
+}
+
+.tui-split-scroll.scroll-sync .tui-split-scroll-content {
+  overflow-y: auto;
+}
+
+.tui-split-scroll.single-content .tui-splitter {
+  display: none;
+}
+
+.tui-split-scroll.single-content .tui-split-content-left {
+  width: 100%;
+}
+
+.tui-split-scroll.single-content .tui-split-content-right {
+  display: none;
+}
+
+.tui-split-scroll.single-content button.tui-scrollsync {
+  display: none;
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  /* IE10+ */
+  .tui-split-scroll-wrapper .tui-splitter {
+    left: calc(50% - 9px);
+  }
+}
+
+@supports (-ms-accelerator: true) {
+  /* IE Edge 12+ CSS styles go here */
+  .tui-split-scroll-wrapper .tui-splitter {
+    left: calc(50% - 9px);
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .tui-popup-wrapper {
+    max-width: 300px;
+  }
+
+  .tui-editor-popup {
+    margin-left: -150px;
+  }
+
+  .te-dropdown-toolbar {
+    max-width: none;
+  }
+}
+
+@charset "utf-8";
+.CodeMirror {
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.tui-editor-contents *:not(table) {
+  line-height: 160%;
+  box-sizing: content-box;
+}
+
+.tui-editor-contents i,
+.tui-editor-contents cite,
+.tui-editor-contents em,
+.tui-editor-contents var,
+.tui-editor-contents address,
+.tui-editor-contents dfn {
+  font-style: italic;
+}
+
+.tui-editor-contents strong {
+  font-weight: bold;
+}
+
+.tui-editor-contents p {
+  margin: 10px 0;
+  color: #555;
+}
+
+.tui-editor-contents > h1:first-of-type,
+.tui-editor-contents > div > div:first-of-type h1 {
+  margin-top: 14px;
+}
+
+.tui-editor-contents h1,
+.tui-editor-contents h2,
+.tui-editor-contents h3,
+.tui-editor-contents h5 {
+  font-weight: bold;
+}
+
+.tui-editor-contents h1 {
+  font-size: 1.6rem;
+  line-height: 28px;
+  border-bottom: 3px double #999;
+  margin: 52px 0 15px 0;
+  padding-bottom: 7px;
+  color: #000;
+}
+
+.tui-editor-contents h2 {
+  font-size: 1.3rem;
+  line-height: 23px;
+  border-bottom: 1px solid #dbdbdb;
+  margin: 30px 0 13px 0;
+  padding-bottom: 7px;
+  color: #333;
+}
+
+.tui-editor-contents h3,
+.tui-editor-contents h4 {
+  font-size: 1.2rem;
+  line-height: 18px;
+  margin: 20px 0 2px;
+  color: #333;
+}
+
+.tui-editor-contents h5,
+.tui-editor-contents h6 {
+  font-size: 1rem;
+  line-height: 17px;
+  margin: 10px 0 -4px;
+  color: #333;
+}
+
+.tui-editor-contents blockquote {
+  margin: 15px 0;
+}
+
+.tui-editor-contents blockquote {
+  border-left: 4px solid #dddddd;
+  padding: 0 15px;
+  color: #777777;
+}
+
+.tui-editor-contents blockquote > :first-child {
+  margin-top: 0;
+}
+
+.tui-editor-contents blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.tui-editor-contents pre,
+.tui-editor-contents code {
+  font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕',
+    'Malgun Gothic', sans-serif;
+  border: 0;
+  border-radius: 0;
+}
+
+.tui-editor-contents pre {
+  margin: 2px 0 8px;
+  padding: 18px;
+  background-color: #f5f7f8;
+}
+
+.tui-editor-contents code {
+  color: #c1788b;
+  padding: 4px 4px 2px 0;
+  letter-spacing: -0.3px;
+}
+
+.tui-editor-contents pre code {
+  padding: 0;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+}
+
+.tui-editor-contents pre.addon {
+  border: 1px solid #e8ebed;
+  background-color: #fff;
+}
+
+.tui-editor-contents img {
+  margin: 4px 0 10px;
+  box-sizing: border-box;
+  vertical-align: top;
+  max-width: 100%;
+}
+
+.tui-editor-contents table {
+  margin: 2px 0 14px;
+  color: #555;
+  width: auto;
+  border-collapse: collapse;
+  box-sizing: border-box;
+}
+
+.tui-editor-contents table th,
+.tui-editor-contents table td {
+  height: 32px;
+  padding: 5px 14px 5px 12px;
+}
+
+.tui-editor-contents table td {
+  border: 1px solid #eaeaea;
+}
+
+.tui-editor-contents table th {
+  border: 1px solid #72777b;
+  border-top: 0;
+  background-color: #7b8184;
+  font-weight: 300;
+  color: #fff;
+  padding-top: 6px;
+}
+
+.tui-editor-contents ul,
+.tui-editor-contents menu,
+.tui-editor-contents ol,
+.tui-editor-contents dir {
+  display: block;
+  list-style-type: disc;
+  padding-left: 17px;
+  margin: 6px 0 10px;
+  color: #555;
+}
+
+.tui-editor-contents ol {
+  list-style-type: decimal;
+}
+
+.tui-editor-contents ul ul,
+.tui-editor-contents ul ol,
+.tui-editor-contents ol ol,
+.tui-editor-contents ol ul {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.tui-editor-contents ul li,
+.tui-editor-contents ol li {
+  position: relative;
+}
+
+.tui-editor-contents ul p,
+ol p {
+  margin: 0;
+}
+
+.tui-editor-contents ul li.task-list-item:before,
+.tui-editor-contents ol li.task-list-item:before,
+.tui-editor-contents pre ul li:before {
+  content: '';
+}
+
+.tui-editor-contents hr {
+  border-top: 1px solid #eee;
+  margin: 16px 0;
+}
+
+.tui-editor-contents a {
+  text-decoration: underline;
+  color: #5286bc;
+}
+
+.tui-editor-contents a:hover {
+  color: #007cff;
+}
+
+.tui-editor-contents a.image-link {
+  position: relative;
+}
+
+.tui-editor-contents a.image-link::before {
+  content: '';
+  position: absolute;
+  margin: 0;
+  width: 20px;
+  height: 20px;
+  top: 2px;
+  right: 2px;
+  background-repeat: no-repeat;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAA/0lEQVQ4Ee2UIY6FQAyG/91wAQQJDg8SSwI3QIFAcQHuwFHQoOAEEFAELB6H4wIku+9vQgIP9zLyVbTTTufLtJ3MzzRNf1AoGlmu6ypBzvOMXyWkC+QLvDTjw6VM+Xr2OA6UZYmu67Dvu2zleX6zuq7D933EcQxNuyPu3usYYXVdw/M8mKYpIMMwxEZRJHbbNsmhkySJxE71APJmhGVZhnVdURQFlmU585GmKSzLEp+570Dlz+ZxQ/aGJVNYsm3bCIJA/LZtMY4jmqbBMAwIw1DiV/UAstEUltP3vawdxxFbVZVYDoWwM1eCp+LnoErIUt7DL/Ac1edWng1/WlXyD380myY5A34sAAAAAElFTkSuQmCC');
+  cursor: pointer;
+}
+
+.tui-editor-contents {
+  font-size: 13px;
+  margin: 0;
+  padding: 0;
+}
+
+.tui-editor-contents .task-list-item {
+  border: 0;
+  list-style: none;
+  padding-left: 22px;
+  margin-left: -22px;
+  min-height: 20px;
+}
+
+.tui-editor-contents .task-list-item:before {
+  background-repeat: no-repeat;
+  background-size: 16px 16px;
+  background-position: center;
+  content: '';
+  height: 18px;
+  width: 18px;
+  position: absolute;
+  left: 0;
+  top: 1px;
+  cursor: pointer;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAADdJREFUKBVjvHv37n8GMgALSI+SkhJJWu/du8fARJIOJMWjGpECA505GjjoIYLEB6dVUNojFQAA/1MJUFWet/4AAAAASUVORK5CYII=');
+}
+
+.tui-editor-contents .task-list-item.checked:before {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMpJREFUKBVjjJ/64D8DGYCJDD1gLbTVyM3OxJDiJMzAxcYIdyALnIWDAdJU7i/OICfCxsDMxMgwc88bwk5F1vTs/W+GFUffwY2H+1FBlI2hLliCQYCbGSyJrqlzwwuGj9//YWoMtRBgUBJnZ6gMEGeQFWaFOw9kE7omkG5GWDyCPF7mJ86gIMbO8P//fwZGRkYGXJpAGuFO/fbrP0PXppcMD179JKgJRSOIA9N8/NZXrM4DqYEBjOgAaYYFOUwRNhruVGyS+MTI1ggAx8NTGcUtFVQAAAAASUVORK5CYII=');
+}
+
+.tui-editor-contents .task-list-item input[type='checkbox'],
+.tui-editor-contents .task-list-item .task-list-item-checkbox {
+  margin-left: -17px;
+  margin-right: 3.8px;
+  margin-top: 3px;
+}
+
+.tui-editor-contents-placeholder:before {
+  content: attr(data-placeholder);
+  color: grey;
+  line-height: 160%;
+  position: absolute;
+}
+
+.tui-editor-contents .te-preview-highlight {
+  position: relative;
+  z-index: 0;
+}
+
+.tui-editor-contents .te-preview-highlight::after {
+  content: '';
+  background-color: rgba(255, 245, 131, 0.5);
+  border-radius: 4px;
+  z-index: -1;
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  left: -4px;
+  bottom: -4px;
+}
+
+.tui-editor-contents h1.te-preview-highlight::after,
+.tui-editor-contents h2.te-preview-highlight::after {
+  bottom: 0;
+}
+
+.tui-editor-contents td.te-preview-highlight::after,
+.tui-editor-contents th.te-preview-highlight::after {
+  display: none;
+}
+
+.tui-editor-contents th.te-preview-highlight,
+.tui-editor-contents td.te-preview-highlight {
+  background-color: rgba(255, 245, 131, 0.5);
+}
+
+.tui-editor-contents th.te-preview-highlight {
+  color: #222;
+}
+
+.te-md-container .CodeMirror {
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: #000;
+}
+
+.tui-md-heading1 {
+  font-size: 24px;
+}
+
+.tui-md-heading2 {
+  font-size: 22px;
+}
+
+.tui-md-heading3 {
+  font-size: 20px;
+}
+
+.tui-md-heading4 {
+  font-size: 18px;
+}
+
+.tui-md-heading5 {
+  font-size: 16px;
+}
+
+.tui-md-heading6 {
+  font-size: 14px;
+}
+
+.tui-md-strong,
+.tui-md-heading {
+  font-weight: bold;
+}
+
+.tui-md-emph {
+  font-style: italic;
+}
+
+.tui-md-strike {
+  text-decoration: line-through;
+}
+
+.tui-md-thematic-break {
+  color: #ccc;
+}
+
+.tui-md-link.tui-md-link-desc {
+  color: #00c;
+}
+
+.tui-md-link.tui-md-link-url {
+  color: #a11;
+}
+
+.tui-md-block-quote {
+  color: #090;
+}
+
+.tui-md-code,
+.tui-md-code-block {
+  color: #a50;
+}
+
+.tui-md-list-item.first {
+  color: #000;
+}
+
+.tui-md-list-item.second {
+  color: #085;
+}
+
+.tui-md-list-item.third {
+  color: #708;
+}
+
+.tui-md-list-item.tui-md-delimiter {
+  color: #555;
+}
+
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor-only.css b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor-only.css
new file mode 100644
index 0000000000..4d62f7c2c9
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor-only.css
@@ -0,0 +1,1433 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+@charset "utf-8";
+/* height */
+.auto-height,
+.auto-height .tui-editor-defaultUI {
+  height: auto;
+}
+
+.auto-height .tui-editor {
+  position: relative;
+}
+
+:not(.auto-height) > .tui-editor-defaultUI,
+:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section {
+  -ms-flex: 1;
+  flex: 1;
+}
+
+/* tui editor */
+.tui-editor:after,
+.tui-editor-defaultUI-toolbar:after {
+  content: '';
+  display: block;
+  height: 0;
+  clear: both;
+}
+
+.tui-editor {
+  position: absolute;
+  line-height: 1;
+  color: #222;
+  width: 100%;
+  height: inherit;
+}
+
+.te-editor-section {
+  min-height: 0px;
+  position: relative;
+  height: inherit;
+}
+
+.te-md-container {
+  display: none;
+  overflow: hidden;
+  height: 100%;
+}
+
+.te-md-container .te-editor {
+  line-height: 1.5;
+}
+
+.te-md-container .te-editor,
+.te-md-container .te-preview {
+  box-sizing: border-box;
+  padding: 0;
+  height: inherit;
+}
+
+.te-md-container .CodeMirror {
+  font-size: 13px;
+  height: inherit;
+}
+
+.te-md-container .te-preview {
+  overflow: auto;
+  padding: 0 25px;
+  height: 100%;
+}
+
+.te-md-container .te-preview > p:first-child {
+  margin-top: 0 !important;
+}
+
+.te-md-container .te-preview .tui-editor-contents {
+  padding-top: 8px;
+}
+
+.tui-editor .te-preview-style-tab > .te-editor,
+.tui-editor .te-preview-style-tab > .te-preview {
+  float: left;
+  width: 100%;
+  display: none;
+}
+
+.tui-editor .te-preview-style-tab > .te-tab-active {
+  display: block;
+}
+
+.tui-editor .te-preview-style-vertical > .te-tab-section {
+  display: none;
+}
+
+.tui-editor .te-preview-style-tab > .te-tab-section {
+  display: block;
+}
+
+.tui-editor .te-preview-style-vertical .te-editor {
+  float: left;
+  width: 50%;
+}
+
+.tui-editor .te-preview-style-vertical .te-preview {
+  float: left;
+  width: 50%;
+}
+
+.tui-editor .te-md-splitter {
+  display: none;
+  position: absolute;
+  left: 50%;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  border-left: 1px solid #e5e5e5;
+}
+
+.tui-editor .te-preview-style-vertical .te-md-splitter {
+  display: block;
+}
+
+.te-ww-container {
+  display: none;
+  overflow: hidden;
+  z-index: 10;
+  height: inherit;
+  background-color: #fff;
+}
+
+.te-ww-container > .te-editor {
+  overflow: auto;
+  height: inherit;
+}
+
+.te-ww-container .tui-editor-contents:focus {
+  outline: none;
+}
+
+.te-ww-container .tui-editor-contents {
+  padding: 0 25px;
+}
+
+.te-ww-container .tui-editor-contents:first-child {
+  box-sizing: border-box;
+  margin: 0px;
+  padding: 16px 25px 0px 25px;
+  height: inherit;
+}
+
+.te-ww-container .tui-editor-contents:last-child {
+  margin-bottom: 16px;
+}
+
+.te-md-mode .te-md-container {
+  display: block;
+  z-index: 100;
+}
+
+.te-ww-mode .te-ww-container {
+  display: block;
+  z-index: 100;
+}
+
+.tui-editor.te-hide,
+.tui-editor-defaultUI.te-hide {
+  display: none;
+}
+
+.tui-editor-defaultUI .CodeMirror-lines {
+  padding-top: 18px;
+  padding-bottom: 18px;
+}
+
+.tui-editor-defaultUI pre.CodeMirror-line {
+  padding-left: 25px;
+  padding-right: 25px;
+}
+
+.tui-editor-defaultUI .CodeMirror pre.CodeMirror-placeholder {
+  margin: 0;
+  padding-left: 25px;
+  color: grey;
+}
+
+.tui-editor-defaultUI .CodeMirror-scroll {
+  cursor: text;
+}
+
+/* Essential element style */
+.tui-editor-contents td.te-cell-selected {
+  background-color: #d8dfec;
+}
+.tui-editor-contents td.te-cell-selected::selection {
+  background-color: #d8dfec;
+}
+.tui-editor-contents th.te-cell-selected {
+  background-color: #908f8f;
+}
+.tui-editor-contents th.te-cell-selected::selection {
+  background-color: #908f8f;
+}
+
+/* default UI Styles */
+.tui-editor-defaultUI {
+  position: relative;
+  border: 1px solid #e5e5e5;
+  height: 100%;
+  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕',
+    'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;
+}
+
+.tui-editor-defaultUI button {
+  color: #fff;
+  padding: 0px 14px 0px 15px;
+  height: 28px;
+  font-size: 12px;
+  border: none;
+  cursor: pointer;
+  outline: none;
+}
+.tui-editor-defaultUI button.te-ok-button {
+  background-color: #4b96e6;
+}
+.tui-editor-defaultUI button.te-close-button {
+  background-color: #777;
+}
+
+.tui-editor-defaultUI-toolbar {
+  padding: 0 25px;
+  height: 31px;
+  background-color: #fff;
+  border: 0;
+  overflow: hidden;
+}
+
+.tui-toolbar-divider {
+  float: left;
+  display: inline-block;
+  width: 1px;
+  height: 14px;
+  background-color: #ddd;
+  margin: 9px 6px;
+}
+
+.tui-toolbar-button-group {
+  height: 28px;
+  border-right: 1px solid #d9d9d9;
+  float: left;
+}
+
+.te-toolbar-section {
+  height: 32px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.tui-editor-defaultUI-toolbar button {
+  float: left;
+  box-sizing: border-box;
+  outline: none;
+  cursor: pointer;
+  background-color: #fff;
+  width: 22px;
+  height: 22px;
+  padding: 3px;
+  border-radius: 0;
+  margin: 5px 3px;
+  border: 1px solid #fff;
+}
+
+.tui-editor-defaultUI-toolbar button:hover,
+.tui-editor-defaultUI-toolbar button:active,
+.tui-editor-defaultUI-toolbar button.active {
+  border: 1px solid #aaa;
+  background-color: #fff;
+}
+
+.tui-editor-defaultUI-toolbar button:first-child {
+  margin-left: 0;
+}
+
+.tui-editor-defaultUI-toolbar button:last-child {
+  margin-right: 0;
+}
+
+.tui-editor-defaultUI-toolbar button.tui-scrollsync {
+  width: auto;
+  color: #777777;
+  border: 0;
+}
+
+.tui-editor-defaultUI button.tui-scrollsync:after {
+  content: 'Scroll off';
+}
+
+.tui-editor-defaultUI button.tui-scrollsync.active {
+  color: #4b96e6;
+  font-weight: bold;
+}
+
+.tui-editor-defaultUI button.tui-scrollsync.active:after {
+  content: 'Scroll on';
+}
+
+.tui-editor-defaultUI .te-mode-switch-section {
+  background-color: #f9f9f9;
+  border-top: 1px solid #e5e5e5;
+  height: 20px;
+  font-size: 12px;
+}
+
+.tui-editor-defaultUI .te-mode-switch {
+  float: right;
+  height: 100%;
+}
+
+.tui-editor-defaultUI .te-switch-button {
+  width: 92px;
+  height: inherit;
+  background: #e5e5e5;
+  outline: 0;
+  color: #a0aabf;
+  cursor: pointer;
+  border: 0;
+  border-left: 1px solid #ddd;
+  border-right: 1px solid #ddd;
+}
+
+.tui-editor-defaultUI .te-switch-button.active {
+  background-color: #fff;
+  color: #000;
+}
+
+.tui-editor-defaultUI .te-markdown-tab-section {
+  float: left;
+  height: 31px;
+  background: #fff;
+}
+
+.te-markdown-tab-section .te-tab {
+  margin: 0 -7px 0 24px;
+  background: #fff;
+}
+
+.tui-editor-defaultUI .te-tab button {
+  box-sizing: border-box;
+  line-height: 100%;
+  position: relative;
+  cursor: pointer;
+  z-index: 1;
+  font-size: 13px;
+  background-color: #f9f9f9;
+  border: solid 1px #e5e5e5;
+  border-top: 0;
+  padding: 0 9px;
+  color: #777;
+  border-radius: 0;
+  outline: 0;
+}
+
+.te-markdown-tab-section .te-tab button:last-child {
+  margin-left: -1px;
+}
+
+.te-markdown-tab-section .te-tab button.te-tab-active,
+.te-markdown-tab-section .te-tab button:hover.te-tab-active {
+  background-color: #fff;
+  color: #333;
+  border-bottom: 1px solid #fff;
+  z-index: 2;
+}
+
+.te-markdown-tab-section .te-tab button:hover {
+  background-color: #fff;
+  color: #333;
+}
+
+.tui-popup-modal-background {
+  background-color: rgba(202, 202, 202, 0.6);
+  position: fixed;
+  margin: 0px;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+}
+
+.tui-popup-wrapper.fit-window,
+.tui-popup-modal-background.fit-window .tui-popup-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.tui-popup-wrapper {
+  width: 500px;
+  margin-right: auto;
+  border: 1px solid #cacaca;
+  background: white;
+  z-index: 9999;
+}
+
+.tui-popup-modal-background .tui-popup-wrapper {
+  position: absolute;
+  margin: auto;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+.tui-popup-header {
+  padding: 10px;
+  height: auto;
+  line-height: normal;
+  position: relative;
+  border-bottom: 1px solid #cacaca;
+}
+
+.tui-popup-header .tui-popup-header-buttons {
+  float: right;
+}
+
+.tui-popup-header .tui-popup-header-buttons button {
+  padding: 0px;
+  background-color: transparent;
+  background-size: cover;
+  float: left;
+}
+
+.tui-popup-header .tui-popup-close-button {
+  margin: 3px;
+  width: 13px;
+  height: 13px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMCAxMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5GMjc2Qzc4MC0zM0JBLTQ3MTItQTM3OC04RkQwQUNDOTFDRTk8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImxuYi1mb2xkZXItZGVsIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiM3Nzc3NzciPiAgICAgICAgICAgIDxwYXRoIGQ9Ik01LDMuNTg1Nzg2NDQgTDEuNzA3MTA2NzgsMC4yOTI4OTMyMTkgTDAuMjkyODkzMjE5LDEuNzA3MTA2NzggTDMuNTg1Nzg2NDQsNSBMMC4yOTI4OTMyMTksOC4yOTI4OTMyMiBMMS43MDcxMDY3OCw5LjcwNzEwNjc4IEw1LDYuNDE0MjEzNTYgTDguMjkyODkzMjIsOS43MDcxMDY3OCBMOS43MDcxMDY3OCw4LjI5Mjg5MzIyIEw2LjQxNDIxMzU2LDUgTDkuNzA3MTA2NzgsMS43MDcxMDY3OCBMOC4yOTI4OTMyMiwwLjI5Mjg5MzIxOSBMNSwzLjU4NTc4NjQ0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
+}
+
+.tui-popup-header .tui-popup-title {
+  font-size: 13px;
+  font-weight: bold;
+  color: #333;
+  vertical-align: bottom;
+}
+
+.tui-popup-body {
+  padding: 15px;
+  font-size: 12px;
+}
+
+.tui-editor-popup {
+  position: absolute;
+  top: 30px;
+  left: 50%;
+  margin-left: -250px;
+}
+
+.tui-editor-popup.tui-popup-modal-background {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  margin: 0px;
+}
+
+.tui-editor-popup .tui-popup-body label {
+  font-weight: bold;
+  color: #666;
+  display: block;
+  margin: 10px 0 5px;
+}
+
+.tui-editor-popup .tui-popup-body .te-button-section {
+  margin-top: 15px;
+}
+
+.tui-editor-popup .tui-popup-body input[type='text'],
+.tui-editor-popup .tui-popup-body input[type='file'] {
+  padding: 4px 10px;
+  border: 1px solid #bfbfbf;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.tui-editor-popup .tui-popup-body input[type='text'].disabled {
+  border-color: #e5e5e5;
+  background-color: #eee;
+  color: #e5e5e5;
+}
+
+.tui-editor-popup .tui-popup-body input.wrong {
+  border-color: #ff0000;
+}
+
+.te-popup-add-link .tui-popup-wrapper {
+  height: 219px;
+}
+
+.te-popup-add-image .tui-popup-wrapper {
+  height: 243px;
+}
+
+.te-popup-add-image .te-tab {
+  display: block;
+  background: none;
+  border-bottom: 1px solid #ebebeb;
+  margin-bottom: 8px;
+}
+
+.te-popup-add-image .te-url-type {
+  display: none;
+}
+
+.te-popup-add-image .te-file-type {
+  display: none;
+}
+
+.te-popup-add-image div.te-tab-active,
+.te-popup-add-image form.te-tab-active {
+  display: block;
+}
+
+.te-popup-add-image .te-tab button {
+  border: 1px solid #ccc;
+  background: #eee;
+  min-width: 100px;
+  margin-left: -1px;
+  border-bottom: 0px;
+  border-radius: 3px 3px 0px 0px;
+}
+
+.te-popup-add-image .te-tab button.te-tab-active {
+  background: #fff;
+}
+
+.te-popup-add-table .te-table-selection {
+  position: relative;
+}
+
+.te-popup-add-table .te-table-body {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZmspKREMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgAMSwQgckFvTgAAAABJRU5ErkJggg==');
+}
+
+.te-popup-add-table .te-table-header {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZksLCxMMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgDxKwPzTeWPdAAAAABJRU5ErkJggg==');
+}
+
+.te-popup-add-table .te-selection-area {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: #80d2ff;
+  opacity: 0.3;
+  z-index: 999;
+}
+
+.te-popup-add-table .te-description {
+  margin: 10px 0 0 0;
+  text-align: center;
+}
+
+.te-popup-table-utils {
+  width: auto;
+  min-width: 120px;
+}
+
+.te-popup-table-utils .tui-popup-body {
+  padding: 0px;
+}
+
+.te-popup-table-utils button {
+  display: block;
+  width: 100%;
+  background-color: #fff;
+  border: none;
+  outline: 0;
+  padding: 0px 10px 0px 10px;
+  font-size: 12px;
+  line-height: 28px;
+  text-align: left;
+  color: #777;
+}
+
+.te-popup-table-utils button:hover {
+  background-color: #f4f4f4;
+}
+
+.te-popup-table-utils hr {
+  margin: 0;
+  background-color: #cacaca;
+  border-style: none;
+  height: 1px;
+}
+
+.te-popup-table-utils .te-context-menu-disabled {
+  color: #ccc;
+}
+
+.te-popup-table-utils .te-context-menu-disabled:hover {
+  background-color: #fff;
+}
+
+.te-heading-add {
+  width: auto;
+}
+
+.te-heading-add .tui-popup-body {
+  padding: 0;
+}
+
+.te-heading-add h1,
+.te-heading-add h2,
+.te-heading-add h3,
+.te-heading-add h4,
+.te-heading-add h5,
+.te-heading-add h6,
+.te-heading-add ul,
+.te-heading-add p {
+  padding: 0;
+  margin: 0;
+}
+
+.te-heading-add ul {
+  list-style: none;
+}
+
+.te-heading-add ul li {
+  padding: 2px 10px;
+  cursor: pointer;
+}
+
+.te-heading-add ul li:hover {
+  background-color: #eee;
+}
+
+.te-heading-add h1 {
+  font-size: 24px;
+}
+
+.te-heading-add h2 {
+  font-size: 22px;
+}
+
+.te-heading-add h3 {
+  font-size: 20px;
+}
+
+.te-heading-add h4 {
+  font-size: 18px;
+}
+
+.te-heading-add h5 {
+  font-size: 16px;
+}
+
+.te-heading-add h6 {
+  font-size: 14px;
+}
+
+.te-dropdown-toolbar {
+  position: absolute;
+  width: auto;
+}
+
+.te-dropdown-toolbar .tui-popup-body {
+  padding: 0px;
+}
+
+.tui-popup-color {
+  padding: 0;
+}
+
+.tui-popup-color .tui-colorpicker-container,
+.tui-popup-color .tui-colorpicker-palette-container {
+  width: 144px;
+}
+
+.tui-popup-color .tui-colorpicker-container ul {
+  width: 144px;
+  margin-bottom: 8px;
+}
+
+.tui-popup-color .tui-colorpicker-container li {
+  padding: 0 1px 1px 0;
+}
+
+.tui-popup-color .tui-colorpicker-container li .tui-colorpicker-palette-button {
+  border: 0;
+  width: 17px;
+  height: 17px;
+}
+
+.tui-popup-color .tui-popup-body {
+  padding: 10px;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-toggle-slider {
+  display: none;
+}
+
+.tui-popup-color .te-apply-button,
+.tui-popup-color .tui-colorpicker-palette-hex {
+  float: right;
+}
+
+.tui-popup-color .te-apply-button {
+  height: 21px;
+  width: 35px;
+  background: #fff;
+  border: 1px solid #efefef;
+  position: absolute;
+  bottom: 135px;
+  right: 10px;
+  color: black;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-hex {
+  border: 1px solid #e1e1e1;
+  padding: 3px 14px;
+  margin-left: -1px;
+}
+
+.tui-popup-color .tui-colorpicker-container div.tui-colorpicker-clearfix {
+  display: inline-block;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-preview {
+  width: 19px;
+  height: 19px;
+}
+
+.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-slider-right {
+  width: 22px;
+}
+
+.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-huebar-handle {
+  display: none;
+}
+
+.tui-tooltip {
+  position: absolute;
+  background-color: #222;
+  z-index: 999;
+  opacity: 0.8;
+  color: #fff;
+  padding: 2px 5px;
+  font-size: 10px;
+}
+
+.tui-tooltip .arrow {
+  content: '';
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  background-color: #222;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+  position: absolute;
+  top: -3px;
+  left: 6px;
+  z-index: -1;
+}
+
+.tui-toolbar-icons {
+  background: url(data:image/png;base64,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);
+  background-size: 218px 188px;
+  display: inline-block;
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2),
+  only screen and (min--moz-device-pixel-ratio: 2),
+  only screen and (-o-min-device-pixel-ratio: 2/1),
+  only screen and (min-device-pixel-ratio: 2),
+  only screen and (min-resolution: 192dpi),
+  only screen and (min-resolution: 2dppx) {
+  .tui-toolbar-icons {
+    background: url(data:image/png;base64,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Xqz8qBcJkED0BGIbcoxe1QtDor4qT80zFpNh01flYWg2e1Fo2C6Me5NnSQLFToAeWpFfITFmxbrCUdCJMeMKxyK/iageCZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACQQgkA5QNlTRRYsWZbwEbNu2LTFdnPSAftc6pas06PesihdTmIurXdekOefi6qBfpJyD8rHrk+s4LM+gfHLpY8+P+r6Ngmc6nf7q1q1b6+26RnEcBc/S0tLmLVu2HI5Cn6Ay7Hxz3V9BywfVx17ezjfX/RW0vL29oMclQSuwPAmQAAnkS0A3ZrW1tR9Gh1ebr6w46unGrK6ubiz0GxdHO5QZD4HEDJo8aeBmmWk7jf2SnuspxFYnlkN50pg8efJLNuHdki67LZ2HJEACAQnYjVl/f/+PIeLxYjFqdmPW0dExC/rNpFELeKELWDwxgybn2NfXt1A/V9zg2/XjQsePHz8+StcBN/gZ/ZhxEiCB/Ai4GLMKSCvFXnCj5mTMYHDVNAiNWn6XPfFaZUm2iJt6YSZzfioN8e1Jtp+rLegzUi8Dfdv14yTiixcvbhw7duxdDQ0Nb/ppL2nvdsmSJZfMmzfvQH19fb9P/Qrq3SbNxw8Tvcxg9/6D8pVhRsMzE2OmthJslodJlRE2DMpXhhnFM9OMWVaFsrKyRB/+w573hVo/0YsEg7FQB42nou36caHj8CAtP6qamprEPTQwuq21tfX3GOa4vNA8nNoHo/G7d++eD/2qnPKZRgJuBFyMWQbGbHVTU9NDbvWSSvcwZvs3b958PCk92E7+BBIzaPJkDzVnaKrux0qi17XjgkbXrFkzDAroT43da9eu7SqQUmLMxKjVFah9z2Z7e3sr8TAyb+nSpTWeBZl5wRGQewKjDP/bfuLFYswwslAmhsuuH42ZncjgPE7MoHH+LPANMhw1HpUhyNWrV0u8qDZczxIYthnyoIJOIrH7qKggUBkLATFmuCf+E4k/xsPYCpVZTMZsx44dc86ePXvpypUrxyv9aMwUicEfJjaHxvmz/G4WYwjyOnQQizAf8LJdCpLPT0raMx2Og855OIiwJBlDkCOgx17I7rBk4gDpnu/32csHnfOw1w96HJSfXX7UPO3yg/Kz10+Kp2bMrsQ9m8LvvRG6pzCc2OowZ5b4MKN4ZmLMwCc7VI55sktg1ES/Ppc5s6IYZgx7f9rvh6iPw96fUeuT2JM1589CXToOQYbCx8pxE8CDzbUwYvNVO/i9l4hRKwZjJjrBmI2A8apU+kkoRq2YjZmuK+P+CCRi0Dh/5u9i5CqFDiKQN5ZLXtT55eXlRa1f1OdLeecJ4Msfv4ARq8U92qNSxaghrs9LO3pmGFavV3XiCuGpnsK87z4YNcs96rCacYBnhv5ralx6UW60BBIxaJw/C33RZKjxOnQaj4WWFIMALGnuxDXetX79+hMxiKfIQUIARuMJu1HTVHc1Zqhzr1YutuimTZtanYyaahD3saMxw709RZVhWNwEEplDw1Mb3z/L8z4Au8e83kuLew4nl9roIE7MnTvX9b20pOZwcunpll9ofm56qfRi56f0VCH0fQLzKrIg5HHs8tJ0doNn9En70nzxzJIyZkoPMWrQT16Ytny1qLKy8uCGDRssS/PFMyu0Mct1fxZ6ji3X/Zn0HFsiBg037UJ1Q0mITnC7flzoOG7agr9/5sDgTRizu4rVK8M17K+oqDhAr8zhyl3gSejkmtCRCYWsUYMx+wSM2TodSyGMmWof+p009MsaNcOYHVX5EhaDMdP1YdwfgdiHHDl/5u9C2EpxiNEGhIeDi4AYNWi83MmYyZkk7ZnZ6YlRQ9o+J2MmZQvtmdn15bE/ArF7aLgxFuqqwOvYrh8XOl5s32/MNcRYaF65hhgLrR/bLx4ChlErHoVsmhhGzZbKw8FMIHaDhg6a82cB7hAMMdYFKC7veVlWbeWqix+xzB/kvQX9ukvQMXTo92zeyjlUDMrHQYRnUlieQfl4KuOQGTVPexNx87W3F/Q4br5B9WH5eAnEPuTI+bN4LyClkwAJkAAJnCMQm4fm9uSGIch9yEuFfbINewHdntxaWlquMPSL1FMIqy/rkwAJkAAJeBOI3UPzbp65JEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJFC8BNJRq7Zo0aKMLnPbtm2ebQQtr8vOJ472rtXrQb9n9WN7PGh5e/24j+38crWX63rkqh80384vV/1c1yNXfXt+UD72+rmOw/IMyieXPvb8qHkq+dB7TDqdvgPHtZlMZrak4/gVBE04fgjtnpI0tfm4Ds2ov728vPwLjz/++CFVL98Q7ZWWlZXV9Pf3j8M+TOSUlJR0YT/Z29t7HPr16bJzXQfI6oF+7T09PYdQt1uvG1fc0Om/bfLf5nRNX5xytaXftdVJvaX5j579sL28n+MVK1aM6OzsnKeXrays3LVhw4azeprEd065xtLv2vPnN//Bsx+2l3c7LnHLYDoJkAAJOBFYvHjxDUh/CYbrO9ivQ3ys7BKXNMkzyiDqe5uCuku7u7ufX758+TTftRwKrlq1ahQM0AIYrmkwZsNRpFR2iUua5EkZh6quSahXDmNWjQKXw9BUuBaMMAMG9E67OKc0e5mkjvv6+mrsbTml2cvEeUyDFiddyiaBIUYAnfn7YXh+jtPyMjrTpMySJUv+Zx6nPw6G4+/yqJetAmM4+uzZs7PFALnJkDwpI2Xdynikl8KL9Dp3j6r+s8B5pBh4ew1Jkzx7etLH0EEeEMbZ25U0ybOnJ3VMg5YUabZDAoOcwK233joFHkITTiM7hOd1Oij3Mzytv+BVxiPvfR55rlmrV68uh4c3C51qzuG10tLSthEjRnS4CvPIgFFJwqAsgwrZdsDy97IbKkma5BV6G4frm7UfGMZ9U3ZRyEgbYOiSUrYsqYbYTjgC+LEOb2trW7d169Y6XRLG03P+ePXyccXr6+tLdu3aNX3Lli2v6204jffr+XHHi4WP23kWmo+bXk7pMBb3ozOXYTd9a0Rn9nUM4x1D/v9Ax3sP9n9oamrapheyx+3XBU/15hwQ2phq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Q4EADMZCdR5O82cqr1BhrvmzQunFdqMhEGr8368KGKb7NDyb7xnl/xHDjWu86sKIrUX+J6UMjMZnMPz3917lw+bJC9dYij/NkHMM+h3wkgn9piM/a2j5TpoXKeaRAAmQQHIEEvHQ9OFGPLW5Djeq09bL6HVVftSh/l4ZPlLsOtyo2tXL6HVVPkMSIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESGKwE0oNV8aGq92uvvZaJ89wuvfTSUNd8//7918ap34wZM56NUz5lkwAJDF0CJUP31HhmJEACJEACFxIBGrQL6WrzXEmABEhgCBOgQRvCF5enRgIkQAIXEoGyOE520aJFEyD389jfg33Otm3barzaCVreS5afvNWrV5efPXt2Un9//8je3t5K6PecV72g5b1kRZF3+PDh1AMPPGAR9alPfSo1depUS1qhDg4cOOCo3/Tp0wulEtslARK4AAhEbtBqa2v/DIZiI9iN9MMvaHk/Mr3K1NXVjT19+vTMvr4+X95p0PJebUeV9+yzA9dNSFqxGLQ//OEPA05V0mjQBmBhAgmQQIQEIjVoixcvfi+M2VboVyE6ptPpdRUVFV930zdoeTc5ftNXrVo1Cp7ZLOioVvodq66ubnarH7S8m5wo02GIU889N9ChlLRbbrklVVpaGmVzgWX19PSkXnzxxQH1JO1DH/pQqry8fEAeE0iABLwJjFtx2HP188kNU1Wf5i0oZG4uPQaKT+8vSaV/MnbspHteXZvuGpgfbUpkBg3DhtKTPog9a8wQ/rapqemTMGqOFyJo+bCnnclk0suWLZuujFlZWdnZTZs2HXTTL2j5sPr5rb9r164UjHK2uPLIZAhS0iRvwYIFfkXFUk50OHXqVFa28shkCFLSJO8tb3lLLO1GJbS+vn6iyEJ4NCqZUcr5wQ9+kH0iuPPOO3uilEtZJBAPgcyM/lTmMydP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VSp27NgxTQnDMOHxMWPG7JIhQ5WmhximPIrjl5E/wDhDRzHI+6L8yr5qW7fqKo0hCZAACZBATATgVaXx+ag/QPxVWhP3whB9TR3Da6tAx38zvJp3I03iexD+BwyehPLVEFl08Uns02F85MXm38HA/Ezm4yQ/is3QU96Py3qQIhOGqhlf+zeNqXhtr7/+unx8eCSGJtNY/NGFMqcbGxuzhk7OA9tEyKrAufSgzFn8r7Y2mY+LQke7DBo0OxEekwAJkEDMBLCwYjbmop5BR69/eeNHMAir8RmpwC9Ew3B8ECr/GkaxPUrVjU9dzYNM8zNWMK5t8+fP3w+jZA59+m0TespnsdqhZ2QvU+ttm0rqiYyTAAmQAAnER+DFF188CU/lWXhWS9GK6ocvhxdzB9JHX3nllbteeuml7Ff43bQQD2r37t0LYVxkwUg9ZHVgWPBXbuXzSX/uued6r7766jfR1jhpT2QgrDx27NgE6FmKvevll1/2NE5S7+DBg6Og5wyc3xSsiOx/4YUXIjW86tzooSkSDEmABEggYQIYenwvOvxtaHaiQ9MvI+3XMFSHUOY4PCMZpqtCXIzLfKRfj/BirV4b3hObieE+c4Wilhcqavwjz1kwSOZ7bkqgzKNBl3bo143VjlmvDWkl0K0UexXSR8AbLVflEfbBEL6Uj4enyXCM0qA5YmEiCZAACSRDAP8j7WIYCvmnnjeFbHEf5q8+ijmuP4aU41hd5sNgnC6BrpbVio6FvRO78f7da1HO96nmaNAUCYYkQAIkUEAC8NZugFGThSHvCaIGvKPnUe8HMBIPyftsQermU1a8NXwJZCrqmv9ixqcc+Wr/Mby6cBw66++x+ayeuxgNWm5GLEECJEACiRFYvnz5NAzRfRBG6gPYZ6JhGY6cYChwCsbgOOIvYn8WHtm/RfmlDaMNX4F4bBhaHA19RmP14jAZjoQHp4YW+xDvRV4HzuEszuc0FoKY/4bGVwMsRAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAKDgMD/D2WyCk5hENCOAAAAAElFTkSuQmCC);
+    background-size: 218px 188px;
+    display: inline-block;
+  }
+}
+
+.tui-toolbar-icons.tui-heading {
+  background-position: -172px -48px;
+}
+
+.tui-toolbar-icons.tui-heading:disabled {
+  background-position: -193px -48px;
+}
+
+.tui-toolbar-icons.tui-bold {
+  background-position: -4px -4px;
+}
+
+.tui-toolbar-icons.tui-bold:disabled {
+  background-position: -25px -4px;
+}
+
+.tui-toolbar-icons.tui-italic {
+  background-position: -4px -48px;
+}
+
+.tui-toolbar-icons.tui-italic:disabled {
+  background-position: -25px -48px;
+}
+
+.tui-toolbar-icons.tui-color {
+  background-position: -172px -70px;
+}
+
+.tui-toolbar-icons.tui-color:disabled {
+  background-position: -193px -70px;
+}
+
+.tui-toolbar-icons.tui-strike {
+  background-position: -4px -26px;
+}
+
+.tui-toolbar-icons.tui-strike:disabled {
+  background-position: -25px -26px;
+}
+
+.tui-toolbar-icons.tui-hrline {
+  background-position: -46px -92px;
+}
+
+.tui-toolbar-icons.tui-hrline:disabled {
+  background-position: -67px -92px;
+}
+
+.tui-toolbar-icons.tui-quote {
+  background-position: -4px -114px;
+}
+
+.tui-toolbar-icons.tui-quote:disabled {
+  background-position: -25px -114px;
+}
+
+.tui-toolbar-icons.tui-ul {
+  background-position: -46px -4px;
+}
+
+.tui-toolbar-icons.tui-ul:disabled {
+  background-position: -67px -4px;
+}
+
+.tui-toolbar-icons.tui-ol {
+  background-position: -46px -26px;
+}
+
+.tui-toolbar-icons.tui-ol:disabled {
+  background-position: -67px -26px;
+}
+
+.tui-toolbar-icons.tui-task {
+  background-position: -130px -48px;
+}
+
+.tui-toolbar-icons.tui-task:disabled {
+  background-position: -151px -48px;
+}
+
+.tui-toolbar-icons.tui-indent {
+  background-position: -46px -48px;
+}
+
+.tui-toolbar-icons.tui-indent:disabled {
+  background-position: -67px -48px;
+}
+
+.tui-toolbar-icons.tui-outdent {
+  background-position: -46px -70px;
+}
+
+.tui-toolbar-icons.tui-outdent:disabled {
+  background-position: -67px -70px;
+}
+
+.tui-toolbar-icons.tui-table {
+  background-position: -88px -92px;
+}
+
+.tui-toolbar-icons.tui-table:disabled {
+  background-position: -109px -92px;
+}
+
+.tui-toolbar-icons.tui-image {
+  background-position: -130px -4px;
+}
+
+.tui-toolbar-icons.tui-image:disabled {
+  background-position: -151px -4px;
+}
+
+.tui-toolbar-icons.tui-link {
+  background-position: -130px -26px;
+}
+
+.tui-toolbar-icons.tui-link:disabled {
+  background-position: -151px -26px;
+}
+
+.tui-toolbar-icons.tui-code {
+  background-position: -130px -92px;
+}
+
+.tui-toolbar-icons.tui-code:disabled {
+  background-position: -151px -92px;
+}
+
+.tui-toolbar-icons.tui-codeblock {
+  background-position: -130px -70px;
+}
+
+.tui-toolbar-icons.tui-codeblock:disabled {
+  background-position: -151px -70px;
+}
+
+.tui-toolbar-icons.tui-more {
+  background-position: -172px -92px;
+}
+
+.tui-toolbar-icons.tui-more:disabled {
+  background-position: -193px -92px;
+}
+.tui-colorpicker-svg-slider {
+  border: 1px solid #ebebeb;
+}
+.tui-colorpicker-vml-slider {
+  border: 1px solid #ebebeb;
+}
+.tui-colorpicker-svg-huebar {
+  border: 1px solid #ebebeb;
+}
+
+.tui-editor-pseudo-clipboard {
+  position: fixed;
+  left: -1000px;
+  top: -1000px;
+  width: 100px;
+  height: 100px;
+}
+
+.te-ww-block-overlay.code-block-header {
+  text-align: right;
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.te-ww-block-overlay.code-block-header span {
+  font-size: 10px;
+  font-weight: 600;
+  padding: 0px 10px;
+  color: #333333;
+  cursor: default;
+}
+
+.te-ww-block-overlay.code-block-header button {
+  margin: 8px;
+  font-size: 10px;
+  color: #333333;
+  background-color: #f9f9f9;
+  border: 1px solid #dddddd;
+  padding: 4px;
+  height: auto;
+}
+
+.te-popup-code-block-languages {
+  position: fixed;
+  box-sizing: border-box;
+  width: 130px;
+}
+
+.te-popup-code-block-languages .tui-popup-body {
+  max-height: 169px;
+  overflow: auto;
+  padding: 0px;
+}
+
+.te-popup-code-block-languages button {
+  width: 100%;
+  background-color: #fff;
+  border: none;
+  outline: 0;
+  padding: 0px 10px 0px 10px;
+  font-size: 12px;
+  line-height: 24px;
+  text-align: left;
+  color: #777;
+}
+
+.te-popup-code-block-languages button.active {
+  background-color: #f4f4f4;
+}
+
+.tui-popup-code-block-editor .tui-popup-wrapper {
+  width: 70%;
+  height: 70%;
+  margin: auto;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.te-input-language {
+  position: relative;
+  margin-left: 15px;
+  cursor: pointer;
+}
+
+.te-input-language input {
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 10px;
+  padding: 3px 5px;
+  border: 1px solid #dddddd;
+  background-color: #f9f9f9;
+  box-sizing: border-box;
+  width: 130px;
+  outline: none;
+}
+
+.te-input-language input::-ms-clear {
+  display: none;
+}
+
+.te-input-language::after {
+  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT42Q0NBRDk2QS0yMjYxLTRFNDAtOTk1RC1DRUUyQUREQUQ3NkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLWQtc2lkZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS03IiBwb2ludHM9IjIgNSAxMCA1IDYgMTAiPjwvcG9seWdvbj4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
+  position: absolute;
+  top: 1px;
+  right: 3px;
+}
+
+.te-input-language.active::after {
+  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5BNEZDRkIzMy0zNjdBLTREMjAtOEEyNC1DQ0I2ODFBMDZDODg8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLXVwLXNpZGUiIGZpbGw9IiM1NTU1NTUiPiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC02LjAwMDAwMCwgLTYuNTAwMDAwKSAiIHBvaW50cz0iMiA0IDEwIDQgNiA5Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
+}
+
+.tui-popup-code-block-editor button {
+  margin: -1px 3px;
+}
+
+.tui-popup-code-block-editor .tui-popup-header-buttons {
+  height: 20px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-preview::after {
+  content: 'Preview off';
+  color: #777;
+  margin-right: 22px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-preview.active::after {
+  content: 'Preview on';
+  color: #4b96e6;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-scroll::after {
+  content: 'Scroll off';
+  color: #777;
+  margin-right: 16px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-scroll.active::after {
+  content: 'Scroll on';
+  color: #4b96e6;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-fit {
+  width: 18px;
+  height: 18px;
+  margin-top: 4px;
+  margin-right: 14px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT40OUQ4RTYyMy1GRTAyLTQ1RUUtQkQ5Ri0xMjUyQjEzRTU1MkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLWV4cGFuZCIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBhdGggZD0iTTMsMyBMOSwzIEw5LDUgTDUsNSBMNSw5IEwzLDkgTDMsMyBaIE0xNSwxNSBMOSwxNSBMOSwxMyBMMTMsMTMgTDEzLDkgTDE1LDkgTDE1LDE1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4wMDAwMDAsIDkuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC05LjAwMDAwMCwgLTkuMDAwMDAwKSAiPjwvcGF0aD4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41MDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMS41MDAwMDAsIC02LjUwMDAwMCkgIiBwb2ludHM9IjkuMDg1Nzg2NDQgNS41IDEyLjUgOC45MTQyMTM1NiAxMy45MTQyMTM2IDcuNSAxMC41IDQuMDg1Nzg2NDQiPjwvcG9seWdvbj4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZS1Db3B5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNTAwMDAwLCAxMS41MDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTYuNTAwMDAwLCAtMTEuNTAwMDAwKSAiIHBvaW50cz0iNC4wODU3ODY0NCAxMC41IDcuNSAxMy45MTQyMTM2IDguOTE0MjEzNTYgMTIuNSA1LjUgOS4wODU3ODY0NCI+PC9wb2x5Z29uPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-fit.active {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT4wN0Q1MjlCRi1GNTIzLTREN0EtQTlGNi05NTUzNTU5RDNEMUE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLXJlZHVjZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzIiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS41MDAwMDAsIDEyLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtNS41MDAwMDAsIC0xMi41MDAwMDApICIgcG9pbnRzPSIzLjA4NTc4NjQ0IDExLjUgNi41IDE0LjkxNDIxMzYgNy45MTQyMTM1NiAxMy41IDQuNSAxMC4wODU3ODY0Ij48L3BvbHlnb24+ICAgICAgICAgICAgPHBhdGggZD0iTTksOSBMMTUsOSBMMTUsMTEgTDExLDExIEwxMSwxNSBMOSwxNSBMOSw5IFogTTksOSBMMyw5IEwzLDcgTDcsNyBMNywzIEw5LDMgTDksOSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMDAwMDAwLCA5LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtOS4wMDAwMDAsIC05LjAwMDAwMCkgIj48L3BhdGg+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzMiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCA1LjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTIuNTAwMDAwLCAtNS41MDAwMDApICIgcG9pbnRzPSIxNC45MTQyMTM2IDYuNSAxMS41IDMuMDg1Nzg2NDQgMTAuMDg1Nzg2NCA0LjUgMTMuNSA3LjkxNDIxMzU2Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
+}
+
+.tui-popup-code-block-editor .tui-popup-close-button {
+  margin-top: 6px;
+}
+
+.tui-popup-code-block-editor .tui-popup-body {
+  z-index: -1;
+  padding: 0px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.tui-popup-code-block-editor .popup-editor-body {
+  position: relative;
+  -ms-flex: 1;
+  flex: 1;
+  border-bottom: 1px solid #cacaca;
+}
+
+.tui-popup-code-block-editor .te-button-section {
+  padding: 15px;
+}
+
+.tui-popup-code-block-editor .te-button-section button {
+  float: left;
+}
+
+.tui-popup-code-block-editor .tui-editor-contents pre {
+  margin: 0px;
+  background-color: transparent;
+}
+
+.tui-popup-code-block-editor .CodeMirror {
+  height: auto;
+}
+
+.tui-popup-code-block-editor .CodeMirror-line {
+  font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕',
+    'Malgun Gothic', sans-serif;
+  font-size: 13px;
+  line-height: 160%;
+  letter-spacing: -0.3px;
+}
+
+.tui-popup-code-block-editor .popup-editor-editor-wrapper {
+  min-height: 100%;
+}
+
+.tui-split-scroll-wrapper {
+  position: relative;
+}
+
+.tui-split-scroll {
+  position: absolute;
+}
+
+.tui-split-scroll,
+.tui-split-scroll-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.tui-split-scroll .tui-split-content-left,
+.tui-split-scroll .tui-split-content-right {
+  position: absolute;
+  top: 0px;
+  width: 50%;
+  box-sizing: border-box;
+}
+
+.tui-split-scroll .tui-split-content-left {
+  left: 0px;
+}
+
+.tui-split-scroll .tui-split-content-right {
+  left: 50%;
+}
+
+.tui-split-scroll .tui-splitter {
+  position: absolute;
+  left: 50%;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  border-left: 1px solid #cacaca;
+}
+
+.tui-split-scroll .tui-split-scroll-content {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+}
+
+.tui-split-scroll .tui-split-content-left,
+.tui-split-scroll .tui-split-content-right {
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.tui-split-scroll button.tui-scrollsync {
+  top: 10px;
+  opacity: 0.2;
+}
+
+.tui-split-scroll button.tui-scrollsync::after {
+  content: 'scroll off';
+}
+
+.tui-split-scroll.scroll-sync button.tui-scrollsync {
+  opacity: 0.5;
+}
+
+.tui-split-scroll.scroll-sync .tui-split-content-left,
+.tui-split-scroll.scroll-sync .tui-split-content-right {
+  height: auto;
+  overflow: initial;
+}
+
+.tui-split-scroll.scroll-sync button.tui-scrollsync::after {
+  content: 'scroll on';
+}
+
+.tui-split-scroll.scroll-sync .tui-split-scroll-content {
+  overflow-y: auto;
+}
+
+.tui-split-scroll.single-content .tui-splitter {
+  display: none;
+}
+
+.tui-split-scroll.single-content .tui-split-content-left {
+  width: 100%;
+}
+
+.tui-split-scroll.single-content .tui-split-content-right {
+  display: none;
+}
+
+.tui-split-scroll.single-content button.tui-scrollsync {
+  display: none;
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  /* IE10+ */
+  .tui-split-scroll-wrapper .tui-splitter {
+    left: calc(50% - 9px);
+  }
+}
+
+@supports (-ms-accelerator: true) {
+  /* IE Edge 12+ CSS styles go here */
+  .tui-split-scroll-wrapper .tui-splitter {
+    left: calc(50% - 9px);
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .tui-popup-wrapper {
+    max-width: 300px;
+  }
+
+  .tui-editor-popup {
+    margin-left: -150px;
+  }
+
+  .te-dropdown-toolbar {
+    max-width: none;
+  }
+}
+
+.tui-editor-contents .te-preview-highlight {
+  position: relative;
+  z-index: 0;
+}
+
+.tui-editor-contents .te-preview-highlight::after {
+  content: '';
+  background-color: rgba(255, 245, 131, 0.5);
+  border-radius: 4px;
+  z-index: -1;
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  left: -4px;
+  bottom: -4px;
+}
+
+.tui-editor-contents h1.te-preview-highlight::after,
+.tui-editor-contents h2.te-preview-highlight::after {
+  bottom: 0;
+}
+
+.tui-editor-contents td.te-preview-highlight::after,
+.tui-editor-contents th.te-preview-highlight::after {
+  display: none;
+}
+
+.tui-editor-contents th.te-preview-highlight,
+.tui-editor-contents td.te-preview-highlight {
+  background-color: rgba(255, 245, 131, 0.5);
+}
+
+.tui-editor-contents th.te-preview-highlight {
+  color: #222;
+}
+
+.te-md-container .CodeMirror {
+  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕',
+    'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;
+  color: #222;
+}
+
+.tui-md-heading1 {
+  font-size: 24px;
+}
+
+.tui-md-heading2 {
+  font-size: 22px;
+}
+
+.tui-md-heading3 {
+  font-size: 20px;
+}
+
+.tui-md-heading4 {
+  font-size: 18px;
+}
+
+.tui-md-heading5 {
+  font-size: 16px;
+}
+
+.tui-md-heading6 {
+  font-size: 14px;
+}
+
+.tui-md-heading.tui-md-delimiter.setext {
+  line-height: 15px;
+}
+
+.tui-md-strong,
+.tui-md-heading,
+.tui-md-list-item.tui-md-list-item-bullet,
+.tui-md-list-item.tui-md-meta {
+  font-weight: bold;
+}
+
+.tui-md-emph {
+  font-style: italic;
+}
+
+.tui-md-strike {
+  text-decoration: line-through;
+}
+
+.tui-md-strike.tui-md-delimiter {
+  text-decoration: none;
+}
+
+.tui-md-delimiter,
+.tui-md-thematic-break,
+.tui-md-link,
+.tui-md-table,
+.tui-md-block-quote {
+  color: #ccc;
+}
+
+.tui-md-code-block.tui-md-meta,
+.tui-md-code.tui-md-delimiter {
+  color: #aaa;
+}
+
+.tui-md-meta,
+.tui-md-html,
+.tui-md-link.tui-md-link-url.tui-md-marked-text {
+  color: #999;
+}
+
+.tui-md-block-quote.tui-md-marked-text,
+.tui-md-list-item.tui-md-meta {
+  color: #555;
+}
+
+.tui-md-table.tui-md-marked-text {
+  color: #222;
+}
+
+.tui-md-link.tui-md-link-desc.tui-md-marked-text,
+.tui-md-list-item-odd.tui-md-list-item-bullet {
+  color: #4b96e6;
+}
+
+.tui-md-list-item-even.tui-md-list-item-bullet {
+  color: #cb4848;
+}
+
+.tui-md-code.tui-md-marked-text {
+  color: #c1798b;
+}
+
+.tui-md-code {
+  background-color: rgba(243, 229, 233, 0.5);
+  padding: 2px 0;
+  letter-spacing: -0.3px;
+}
+
+.tui-md-code.tui-md-delimiter.start {
+  padding-left: 2px;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+
+.tui-md-code.tui-md-delimiter.end {
+  padding-right: 2px;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+
+.tui-md-code-block.CodeMirror-linebackground {
+  left: 20px;
+  right: 20px;
+  background-color: #f5f7f8;
+}
+
+.tui-md-code-block.CodeMirror-linebackground.start {
+  top: 2px;
+}
+
+.tui-md-code-block.CodeMirror-linebackground.end {
+  bottom: 2px;
+}
+
+.tui-md-code,
+.tui-md-code-block {
+  font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕',
+    'Malgun Gothic', sans-serif;
+}
+
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor-viewer-old.css b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor-viewer-old.css
new file mode 100644
index 0000000000..ed8facad3c
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor-viewer-old.css
@@ -0,0 +1,280 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+@charset "utf-8";
+.CodeMirror {
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.tui-editor-contents *:not(table) {
+  line-height: 160%;
+  box-sizing: content-box;
+}
+
+.tui-editor-contents i,
+.tui-editor-contents cite,
+.tui-editor-contents em,
+.tui-editor-contents var,
+.tui-editor-contents address,
+.tui-editor-contents dfn {
+  font-style: italic;
+}
+
+.tui-editor-contents strong {
+  font-weight: bold;
+}
+
+.tui-editor-contents p {
+  margin: 10px 0;
+  color: #555;
+}
+
+.tui-editor-contents > h1:first-of-type,
+.tui-editor-contents > div > div:first-of-type h1 {
+  margin-top: 14px;
+}
+
+.tui-editor-contents h1,
+.tui-editor-contents h2,
+.tui-editor-contents h3,
+.tui-editor-contents h5 {
+  font-weight: bold;
+}
+
+.tui-editor-contents h1 {
+  font-size: 1.6rem;
+  line-height: 28px;
+  border-bottom: 3px double #999;
+  margin: 52px 0 15px 0;
+  padding-bottom: 7px;
+  color: #000;
+}
+
+.tui-editor-contents h2 {
+  font-size: 1.3rem;
+  line-height: 23px;
+  border-bottom: 1px solid #dbdbdb;
+  margin: 30px 0 13px 0;
+  padding-bottom: 7px;
+  color: #333;
+}
+
+.tui-editor-contents h3,
+.tui-editor-contents h4 {
+  font-size: 1.2rem;
+  line-height: 18px;
+  margin: 20px 0 2px;
+  color: #333;
+}
+
+.tui-editor-contents h5,
+.tui-editor-contents h6 {
+  font-size: 1rem;
+  line-height: 17px;
+  margin: 10px 0 -4px;
+  color: #333;
+}
+
+.tui-editor-contents blockquote {
+  margin: 15px 0;
+}
+
+.tui-editor-contents blockquote {
+  border-left: 4px solid #dddddd;
+  padding: 0 15px;
+  color: #777777;
+}
+
+.tui-editor-contents blockquote > :first-child {
+  margin-top: 0;
+}
+
+.tui-editor-contents blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.tui-editor-contents pre,
+.tui-editor-contents code {
+  font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕',
+    'Malgun Gothic', sans-serif;
+  border: 0;
+  border-radius: 0;
+}
+
+.tui-editor-contents pre {
+  margin: 2px 0 8px;
+  padding: 18px;
+  background-color: #f5f7f8;
+}
+
+.tui-editor-contents code {
+  color: #c1788b;
+  padding: 4px 4px 2px 0;
+  letter-spacing: -0.3px;
+}
+
+.tui-editor-contents pre code {
+  padding: 0;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+}
+
+.tui-editor-contents pre.addon {
+  border: 1px solid #e8ebed;
+  background-color: #fff;
+}
+
+.tui-editor-contents img {
+  margin: 4px 0 10px;
+  box-sizing: border-box;
+  vertical-align: top;
+  max-width: 100%;
+}
+
+.tui-editor-contents table {
+  margin: 2px 0 14px;
+  color: #555;
+  width: auto;
+  border-collapse: collapse;
+  box-sizing: border-box;
+}
+
+.tui-editor-contents table th,
+.tui-editor-contents table td {
+  height: 32px;
+  padding: 5px 14px 5px 12px;
+}
+
+.tui-editor-contents table td {
+  border: 1px solid #eaeaea;
+}
+
+.tui-editor-contents table th {
+  border: 1px solid #72777b;
+  border-top: 0;
+  background-color: #7b8184;
+  font-weight: 300;
+  color: #fff;
+  padding-top: 6px;
+}
+
+.tui-editor-contents ul,
+.tui-editor-contents menu,
+.tui-editor-contents ol,
+.tui-editor-contents dir {
+  display: block;
+  list-style-type: disc;
+  padding-left: 17px;
+  margin: 6px 0 10px;
+  color: #555;
+}
+
+.tui-editor-contents ol {
+  list-style-type: decimal;
+}
+
+.tui-editor-contents ul ul,
+.tui-editor-contents ul ol,
+.tui-editor-contents ol ol,
+.tui-editor-contents ol ul {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.tui-editor-contents ul li,
+.tui-editor-contents ol li {
+  position: relative;
+}
+
+.tui-editor-contents ul p,
+ol p {
+  margin: 0;
+}
+
+.tui-editor-contents ul li.task-list-item:before,
+.tui-editor-contents ol li.task-list-item:before,
+.tui-editor-contents pre ul li:before {
+  content: '';
+}
+
+.tui-editor-contents hr {
+  border-top: 1px solid #eee;
+  margin: 16px 0;
+}
+
+.tui-editor-contents a {
+  text-decoration: underline;
+  color: #5286bc;
+}
+
+.tui-editor-contents a:hover {
+  color: #007cff;
+}
+
+.tui-editor-contents a.image-link {
+  position: relative;
+}
+
+.tui-editor-contents a.image-link::before {
+  content: '';
+  position: absolute;
+  margin: 0;
+  width: 20px;
+  height: 20px;
+  top: 2px;
+  right: 2px;
+  background-repeat: no-repeat;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAA/0lEQVQ4Ee2UIY6FQAyG/91wAQQJDg8SSwI3QIFAcQHuwFHQoOAEEFAELB6H4wIku+9vQgIP9zLyVbTTTufLtJ3MzzRNf1AoGlmu6ypBzvOMXyWkC+QLvDTjw6VM+Xr2OA6UZYmu67Dvu2zleX6zuq7D933EcQxNuyPu3usYYXVdw/M8mKYpIMMwxEZRJHbbNsmhkySJxE71APJmhGVZhnVdURQFlmU585GmKSzLEp+570Dlz+ZxQ/aGJVNYsm3bCIJA/LZtMY4jmqbBMAwIw1DiV/UAstEUltP3vawdxxFbVZVYDoWwM1eCp+LnoErIUt7DL/Ac1edWng1/WlXyD380myY5A34sAAAAAElFTkSuQmCC');
+  cursor: pointer;
+}
+
+.tui-editor-contents {
+  font-size: 13px;
+  margin: 0;
+  padding: 0;
+}
+
+.tui-editor-contents .task-list-item {
+  border: 0;
+  list-style: none;
+  padding-left: 22px;
+  margin-left: -22px;
+  min-height: 20px;
+}
+
+.tui-editor-contents .task-list-item:before {
+  background-repeat: no-repeat;
+  background-size: 16px 16px;
+  background-position: center;
+  content: '';
+  height: 18px;
+  width: 18px;
+  position: absolute;
+  left: 0;
+  top: 1px;
+  cursor: pointer;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAADdJREFUKBVjvHv37n8GMgALSI+SkhJJWu/du8fARJIOJMWjGpECA505GjjoIYLEB6dVUNojFQAA/1MJUFWet/4AAAAASUVORK5CYII=');
+}
+
+.tui-editor-contents .task-list-item.checked:before {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMpJREFUKBVjjJ/64D8DGYCJDD1gLbTVyM3OxJDiJMzAxcYIdyALnIWDAdJU7i/OICfCxsDMxMgwc88bwk5F1vTs/W+GFUffwY2H+1FBlI2hLliCQYCbGSyJrqlzwwuGj9//YWoMtRBgUBJnZ6gMEGeQFWaFOw9kE7omkG5GWDyCPF7mJ86gIMbO8P//fwZGRkYGXJpAGuFO/fbrP0PXppcMD179JKgJRSOIA9N8/NZXrM4DqYEBjOgAaYYFOUwRNhruVGyS+MTI1ggAx8NTGcUtFVQAAAAASUVORK5CYII=');
+}
+
+.tui-editor-contents .task-list-item input[type='checkbox'],
+.tui-editor-contents .task-list-item .task-list-item-checkbox {
+  margin-left: -17px;
+  margin-right: 3.8px;
+  margin-top: 3px;
+}
+
+.tui-editor-contents-placeholder:before {
+  content: attr(data-placeholder);
+  color: grey;
+  line-height: 160%;
+  position: absolute;
+}
+
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor-viewer.css b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor-viewer.css
new file mode 100644
index 0000000000..2766d2969d
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor-viewer.css
@@ -0,0 +1,377 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+@charset "utf-8";
+.tui-editor-contents {
+  margin: 0;
+  padding: 0;
+  font-size: 13px;
+  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕',
+    'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;
+}
+
+.tui-editor-contents *:not(table) {
+  line-height: 160%;
+  box-sizing: content-box;
+}
+
+.tui-editor-contents i,
+.tui-editor-contents cite,
+.tui-editor-contents em,
+.tui-editor-contents var,
+.tui-editor-contents address,
+.tui-editor-contents dfn {
+  font-style: italic;
+}
+
+.tui-editor-contents strong {
+  font-weight: bold;
+}
+
+.tui-editor-contents p {
+  margin: 10px 0;
+  color: #222;
+}
+
+.tui-editor-contents > h1:first-of-type,
+.tui-editor-contents > div > div:first-of-type h1 {
+  margin-top: 14px;
+}
+
+.tui-editor-contents h1,
+.tui-editor-contents h2,
+.tui-editor-contents h3,
+.tui-editor-contents h4,
+.tui-editor-contents h5,
+.tui-editor-contents h6 {
+  font-weight: bold;
+  color: #222;
+}
+
+.tui-editor-contents h1 {
+  font-size: 24px;
+  line-height: 28px;
+  border-bottom: 3px double #999;
+  margin: 52px 0 15px 0;
+  padding-bottom: 7px;
+}
+
+.tui-editor-contents h2 {
+  font-size: 22px;
+  line-height: 23px;
+  border-bottom: 1px solid #dbdbdb;
+  margin: 20px 0 13px 0;
+  padding-bottom: 7px;
+}
+
+.tui-editor-contents h3 {
+  font-size: 20px;
+  margin: 18px 0 2px;
+}
+
+.tui-editor-contents h4 {
+  font-size: 18px;
+  margin: 10px 0 2px;
+}
+
+.tui-editor-contents h3,
+.tui-editor-contents h4 {
+  line-height: 18px;
+}
+
+.tui-editor-contents h5 {
+  font-size: 16px;
+}
+
+.tui-editor-contents h6 {
+  font-size: 14px;
+}
+
+.tui-editor-contents h5,
+.tui-editor-contents h6 {
+  line-height: 17px;
+  margin: 9px 0 -4px;
+}
+
+.tui-editor-contents del {
+  color: #999;
+}
+
+.tui-editor-contents blockquote {
+  margin: 14px 0;
+  border-left: 4px solid #e5e5e5;
+  padding: 0 16px;
+  color: #999;
+}
+
+.tui-editor-contents blockquote p,
+.tui-editor-contents blockquote ul,
+.tui-editor-contents blockquote ol {
+  color: #999;
+}
+
+.tui-editor-contents blockquote > :first-child {
+  margin-top: 0;
+}
+
+.tui-editor-contents blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.tui-editor-contents pre,
+.tui-editor-contents code {
+  font-family: Consolas, Courier, 'Apple SD 산돌고딕 Neo', -apple-system, 'Lucida Grande',
+    'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Segoe UI', '돋움', dotum, sans-serif;
+  border: 0;
+  border-radius: 0;
+}
+
+.tui-editor-contents pre {
+  margin: 2px 0 8px;
+  padding: 18px;
+  background-color: #f5f7f8;
+}
+
+.tui-editor-contents code {
+  color: #c1798b;
+  background-color: #f9f2f4;
+  padding: 2px 3px;
+  letter-spacing: -0.3px;
+  border-radius: 2px;
+}
+
+.tui-editor-contents pre code {
+  padding: 0;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+}
+
+.tui-editor-contents pre.addon {
+  border: 1px solid #e8ebed;
+  background-color: #fff;
+}
+
+.tui-editor-contents img {
+  margin: 4px 0 10px;
+  box-sizing: border-box;
+  vertical-align: top;
+  max-width: 100%;
+}
+
+.tui-editor-contents table {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin: 12px 0 14px;
+  color: #222;
+  width: auto;
+  border-collapse: collapse;
+  box-sizing: border-box;
+}
+
+.tui-editor-contents table th,
+.tui-editor-contents table td {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  padding: 5px 14px 5px 12px;
+  height: 32px;
+}
+
+.tui-editor-contents table th {
+  background-color: #555;
+  font-weight: 300;
+  color: #fff;
+  padding-top: 6px;
+}
+
+.tui-editor-contents ul,
+.tui-editor-contents menu,
+.tui-editor-contents ol,
+.tui-editor-contents dir {
+  display: block;
+  list-style-type: none;
+  padding-left: 24px;
+  margin: 6px 0 10px;
+  color: #222;
+}
+
+.tui-editor-contents ol {
+  list-style-type: none;
+  counter-reset: li;
+}
+
+.tui-editor-contents ol > li {
+  counter-increment: li;
+}
+
+.tui-editor-contents ul > li::before,
+.tui-editor-contents ol > li::before {
+  display: inline-block;
+  position: absolute;
+}
+
+.tui-editor-contents ul > li::before {
+  content: '';
+  margin-top: 6px;
+  margin-left: -17px;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background-color: #ccc;
+}
+
+.tui-editor-contents ol > li::before {
+  content: '.' counter(li);
+  margin-left: -28px;
+  width: 24px;
+  text-align: right;
+  direction: rtl;
+  color: #aaa;
+}
+
+.tui-editor-contents ul ul,
+.tui-editor-contents ul ol,
+.tui-editor-contents ol ol,
+.tui-editor-contents ol ul {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.tui-editor-contents ul li,
+.tui-editor-contents ol li {
+  position: relative;
+}
+
+.tui-editor-contents ul p,
+.tui-editor-contents ol p {
+  margin: 0;
+}
+
+.tui-editor-contents ul li.task-list-item::before,
+.tui-editor-contents ol li.task-list-item::before,
+.tui-editor-contents pre ul li::before {
+  content: '';
+}
+
+.tui-editor-contents th ol,
+.tui-editor-contents th ul {
+  color: #fff;
+}
+
+.tui-editor-contents hr {
+  border-top: 1px solid #eee;
+  margin: 16px 0;
+}
+
+.tui-editor-contents a {
+  text-decoration: underline;
+  color: #4b96e6;
+}
+
+.tui-editor-contents a:hover {
+  color: #1f70de;
+}
+
+.tui-editor-contents a.image-link {
+  position: relative;
+}
+
+.tui-editor-contents a.image-link::before {
+  content: '';
+  position: absolute;
+  margin: 0;
+  width: 20px;
+  height: 20px;
+  top: 2px;
+  right: 2px;
+  background-repeat: no-repeat;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAA/0lEQVQ4Ee2UIY6FQAyG/91wAQQJDg8SSwI3QIFAcQHuwFHQoOAEEFAELB6H4wIku+9vQgIP9zLyVbTTTufLtJ3MzzRNf1AoGlmu6ypBzvOMXyWkC+QLvDTjw6VM+Xr2OA6UZYmu67Dvu2zleX6zuq7D933EcQxNuyPu3usYYXVdw/M8mKYpIMMwxEZRJHbbNsmhkySJxE71APJmhGVZhnVdURQFlmU585GmKSzLEp+570Dlz+ZxQ/aGJVNYsm3bCIJA/LZtMY4jmqbBMAwIw1DiV/UAstEUltP3vawdxxFbVZVYDoWwM1eCp+LnoErIUt7DL/Ac1edWng1/WlXyD380myY5A34sAAAAAElFTkSuQmCC');
+  cursor: pointer;
+}
+
+.tui-editor-contents .task-list-item {
+  border: 0;
+  list-style: none;
+  padding-left: 24px;
+  margin-left: -24px;
+}
+
+.tui-editor-contents .task-list-item::before {
+  background-repeat: no-repeat;
+  background-size: 18px 18px;
+  background-position: center;
+  content: '';
+  margin-left: 0;
+  margin-top: 0;
+  border-radius: 0;
+  height: 18px;
+  width: 18px;
+  position: absolute;
+  left: 0;
+  top: 1px;
+  cursor: pointer;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAAAQklEQVQ4EWM8c+bMfwYqABaQGcbGxhQZdfbsWQYmikxA0jxqEFJg4GCOhhGOgEESHg0jpMDAwRx8YQQuj0DlCaUAAEdBCPJ7TaEPAAAAAElFTkSuQmCC');
+}
+
+.tui-editor-contents .task-list-item.checked::before {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAAA1ElEQVQ4EWP0nvbsPwMVABMVzAAbMWoQIiT5OJgYvLS5EAJQFguGCB4BkCHt/kIM8kKsYFXbrn6DqyY6sJENefjuN8ORuz/ghoAYWA0COR2kEQbQDanc+I7h049/MGkwjVANFQYZkmXHD/YCyABiDAFpxQgjkJO9dbjA4QAKDxAAhQnIO9hcAlYAJDBcBHIySANII8gAYgwBGYZhEEgQZFjVJohhhFwCUg8CjPgyLT8nE8N/YJZGD1iIVlQSI4yQpT9+R40ZZDl0NlavoSsihj/4DAIAR+hZHUj727YAAAAASUVORK5CYII=');
+}
+
+.tui-editor-contents .task-list-item input[type='checkbox'],
+.tui-editor-contents .task-list-item .task-list-item-checkbox {
+  margin-left: -17px;
+  margin-right: 3.8px;
+  margin-top: 3px;
+}
+
+.tui-editor-contents-placeholder::before {
+  content: attr(data-placeholder);
+  color: grey;
+  line-height: 160%;
+  position: absolute;
+}
+
+.te-preview .tui-editor-contents h1 {
+  min-height: 28px;
+}
+
+.te-preview .tui-editor-contents h2 {
+  min-height: 23px;
+}
+
+.te-preview .tui-editor-contents blockquote {
+  min-height: 20px;
+}
+
+.te-preview .tui-editor-contents li {
+  min-height: 22px;
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  /* IE10+11 */
+  .te-ww-container .tui-editor-contents li {
+    vertical-align: middle;
+  }
+
+  .te-ww-container .tui-editor-contents ul > li::before,
+  .te-ww-container .tui-editor-contents ol > li::before,
+  .te-ww-container .tui-editor-contents .task-list-item:before {
+    position: static;
+    vertical-align: middle;
+  }
+
+  .te-ww-container .tui-editor-contents ul > li::before {
+    margin-top: -3px;
+    margin-right: 12px;
+  }
+
+  .te-ww-container .tui-editor-contents ol > li::before {
+    margin-right: 6px;
+  }
+
+  .te-ww-container .tui-editor-contents .task-list-item {
+    padding-left: 2px;
+  }
+}
+
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor-viewer.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor-viewer.js
new file mode 100644
index 0000000000..7a89d894fa
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor-viewer.js
@@ -0,0 +1,6878 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["Editor"] = factory();
+	else
+		root["toastui"] = root["toastui"] || {}, root["toastui"]["Editor"] = factory();
+})(window, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 60);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
+/* harmony import */ var tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
+/* harmony import */ var tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4);
+/* harmony import */ var tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(16);
+/* harmony import */ var tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(13);
+/* harmony import */ var tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7__);
+/**
+ * @fileoverview DOM Utils
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+var FIND_ZWB = /\u200B/g;
+var _window = window,
+    getComputedStyle = _window.getComputedStyle;
+/**
+ * Check if node is text node
+ * @param {Node} node node to check
+ * @returns {boolean} result
+ * @ignore
+ */
+
+var isTextNode = function isTextNode(node) {
+  return node && node.nodeType === Node.TEXT_NODE;
+};
+/**
+ * Check if node is element node
+ * @param {Node} node node to check
+ * @returns {boolean} result
+ * @ignore
+ */
+
+
+var isElemNode = function isElemNode(node) {
+  return node && node.nodeType === Node.ELEMENT_NODE;
+};
+/**
+ * Check that the node is block node
+ * @param {Node} node node
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isBlockNode = function isBlockNode(node) {
+  return /^(ADDRESS|ARTICLE|ASIDE|BLOCKQUOTE|DETAILS|DIALOG|DD|DIV|DL|DT|FIELDSET|FIGCAPTION|FIGURE|FOOTER|FORM|H[\d]|HEADER|HGROUP|HR|LI|MAIN|NAV|OL|P|PRE|SECTION|UL)$/gi.test(this.getNodeName(node));
+};
+/**
+ * Get node name of node
+ * @param {Node} node node
+ * @returns {string} node name
+ * @ignore
+ */
+
+
+var getNodeName = function getNodeName(node) {
+  if (isElemNode(node)) {
+    return node.tagName;
+  }
+
+  return 'TEXT';
+};
+/**
+ * Get node offset length of node(for Range API)
+ * @param {Node} node node
+ * @returns {number} length
+ * @ignore
+ */
+
+
+var getTextLength = function getTextLength(node) {
+  var len;
+
+  if (isElemNode(node)) {
+    len = node.textContent.replace(FIND_ZWB, '').length;
+  } else if (isTextNode(node)) {
+    len = node.nodeValue.replace(FIND_ZWB, '').length;
+  }
+
+  return len;
+};
+/**
+ * Get node offset length of node(for Range API)
+ * @param {Node} node node
+ * @returns {number} length
+ * @ignore
+ */
+
+
+var getOffsetLength = function getOffsetLength(node) {
+  var len;
+
+  if (isElemNode(node)) {
+    len = node.childNodes.length;
+  } else if (isTextNode(node)) {
+    len = node.nodeValue.replace(FIND_ZWB, '').length;
+  }
+
+  return len;
+};
+/**
+ * get node offset between parent's childnodes
+ * @param {Node} node node
+ * @returns {number} offset(index)
+ * @ignore
+ */
+
+
+var getNodeOffsetOfParent = function getNodeOffsetOfParent(node) {
+  var childNodesOfParent = node.parentNode.childNodes;
+  var i, t, found;
+
+  for (i = 0, t = childNodesOfParent.length; i < t; i += 1) {
+    if (childNodesOfParent[i] === node) {
+      found = i;
+      break;
+    }
+  }
+
+  return found;
+};
+/**
+ * get child node by offset
+ * @param {Node} node node
+ * @param {number} index offset index
+ * @returns {Node} foudned node
+ * @ignore
+ */
+
+
+var getChildNodeByOffset = function getChildNodeByOffset(node, index) {
+  var currentNode;
+
+  if (isTextNode(node)) {
+    currentNode = node;
+  } else if (node.childNodes.length && index >= 0) {
+    currentNode = node.childNodes[index];
+  }
+
+  return currentNode;
+};
+/**
+ * find next node from passed node
+ * @param {strong} direction previous or next
+ * @param {Node} node node
+ * @param {string} untilNodeName parent node name to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getNodeWithDirectionUntil = function getNodeWithDirectionUntil(direction, node, untilNodeName) {
+  var directionKey = direction + "Sibling";
+  var nodeName, foundedNode;
+
+  while (node && !node[directionKey]) {
+    nodeName = getNodeName(node.parentNode);
+
+    if (nodeName === untilNodeName || nodeName === 'BODY') {
+      break;
+    }
+
+    node = node.parentNode;
+  }
+
+  if (node[directionKey]) {
+    foundedNode = node[directionKey];
+  }
+
+  return foundedNode;
+};
+/**
+ * get prev node of childnode pointed with index
+ * @param {Node} node node
+ * @param {number} index offset index
+ * @param {string} untilNodeName parent node name to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getPrevOffsetNodeUntil = function getPrevOffsetNodeUntil(node, index, untilNodeName) {
+  var prevNode;
+
+  if (index > 0) {
+    prevNode = getChildNodeByOffset(node, index - 1);
+  } else {
+    prevNode = getNodeWithDirectionUntil('previous', node, untilNodeName);
+  }
+
+  return prevNode;
+};
+
+var getParentUntilBy = function getParentUntilBy(node, matchCondition, stopCondition) {
+  while (node.parentNode && !matchCondition(node.parentNode)) {
+    node = node.parentNode;
+
+    if (stopCondition && stopCondition(node)) {
+      break;
+    }
+  }
+
+  if (matchCondition(node.parentNode)) {
+    return node;
+  }
+
+  return null;
+};
+/**
+ * get parent node until paseed node name
+ * @param {Node} node node
+ * @param {string|HTMLNode} untilNode node name or node to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getParentUntil = function getParentUntil(node, untilNode) {
+  var foundedNode;
+
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(untilNode)) {
+    foundedNode = getParentUntilBy(node, function (targetNode) {
+      return untilNode === getNodeName(targetNode);
+    });
+  } else {
+    foundedNode = getParentUntilBy(node, function (targetNode) {
+      return untilNode === targetNode;
+    });
+  }
+
+  return foundedNode;
+};
+/**
+ * get node on the given direction under given parent
+ * @param {strong} direction previous or next
+ * @param {Node} node node
+ * @param {string|Node} underNode parent node name to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getNodeWithDirectionUnderParent = function getNodeWithDirectionUnderParent(direction, node, underNode) {
+  var directionKey = direction + "Sibling";
+  var foundedNode;
+  node = getParentUntil(node, underNode);
+
+  if (node && node[directionKey]) {
+    foundedNode = node[directionKey];
+  }
+
+  return foundedNode;
+};
+/**
+ * get top previous top level node under given node
+ * @param {Node} node node
+ * @param {Node} underNode underNode
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getTopPrevNodeUnder = function getTopPrevNodeUnder(node, underNode) {
+  return getNodeWithDirectionUnderParent('previous', node, underNode);
+};
+/**
+ * get next top level block node
+ * @param {Node} node node
+ * @param {Node} underNode underNode
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getTopNextNodeUnder = function getTopNextNodeUnder(node, underNode) {
+  return getNodeWithDirectionUnderParent('next', node, underNode);
+};
+/**
+ * Get parent element the body element
+ * @param {Node} node Node for start searching
+ * @returns {Node}
+ * @ignore
+ */
+
+
+var getTopBlockNode = function getTopBlockNode(node) {
+  return getParentUntil(node, 'BODY');
+};
+/**
+ * Get previous text node
+ * @param {Node} node Node for start searching
+ * @returns {Node}
+ * @ignore
+ */
+
+
+var getPrevTextNode = function getPrevTextNode(node) {
+  node = node.previousSibling || node.parentNode;
+
+  while (!isTextNode(node) && getNodeName(node) !== 'BODY') {
+    if (node.previousSibling) {
+      node = node.previousSibling;
+
+      while (node.lastChild) {
+        node = node.lastChild;
+      }
+    } else {
+      node = node.parentNode;
+    }
+  }
+
+  if (getNodeName(node) === 'BODY') {
+    node = null;
+  }
+
+  return node;
+};
+/**
+ * test whether root contains the given node
+ * @param {HTMLNode|string} root - root node
+ * @param {HTMLNode} found - node to test
+ * @returns {Boolean} true if root contains node
+ * @ignore
+ */
+
+
+var containsNode = function containsNode(root, node) {
+  var walker = document.createTreeWalker(root, 4, null, false);
+  var found = root === node;
+
+  while (!found && walker.nextNode()) {
+    found = walker.currentNode === node;
+  }
+
+  return found;
+};
+/**
+ * find node by offset
+ * @param {HTMLElement} root Root element
+ * @param {Array.} offsetList offset list
+ * @param {function} textNodeFilter Text node filter
+ * @returns {Array}
+ * @ignore
+ */
+
+
+var findOffsetNode = function findOffsetNode(root, offsetList, textNodeFilter) {
+  var result = [];
+  var text = '';
+  var walkerOffset = 0;
+  var newWalkerOffset;
+
+  if (!offsetList.length) {
+    return result;
+  }
+
+  var offset = offsetList.shift();
+  var walker = document.createTreeWalker(root, 4, null, false);
+
+  while (walker.nextNode()) {
+    text = walker.currentNode.nodeValue || '';
+
+    if (textNodeFilter) {
+      text = textNodeFilter(text);
+    }
+
+    newWalkerOffset = walkerOffset + text.length;
+
+    while (newWalkerOffset >= offset) {
+      result.push({
+        container: walker.currentNode,
+        offsetInContainer: offset - walkerOffset,
+        offset: offset
+      });
+
+      if (!offsetList.length) {
+        return result;
+      }
+
+      offset = offsetList.shift();
+    }
+
+    walkerOffset = newWalkerOffset;
+  } // there should be offset left
+
+
+  do {
+    result.push({
+      container: walker.currentNode,
+      offsetInContainer: text.length,
+      offset: offset
+    });
+    offset = offsetList.shift();
+  } while (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(offset));
+
+  return result;
+};
+
+var getNodeInfo = function getNodeInfo(node) {
+  var path = {};
+  path.tagName = node.nodeName;
+
+  if (node.id) {
+    path.id = node.id;
+  }
+
+  var className = node.className.trim();
+
+  if (className) {
+    path.className = className;
+  }
+
+  return path;
+};
+
+var getPath = function getPath(node, root) {
+  var paths = [];
+
+  while (node && node !== root) {
+    if (isElemNode(node)) {
+      paths.unshift(getNodeInfo(node));
+    }
+
+    node = node.parentNode;
+  }
+
+  return paths;
+};
+/**
+ * Find next, previous TD or TH element by given TE element
+ * @param {HTMLElement} node TD element
+ * @param {string} direction 'next' or 'previous'
+ * @returns {HTMLElement|null}
+ * @ignore
+ */
+
+
+var getTableCellByDirection = function getTableCellByDirection(node, direction) {
+  var targetElement = null;
+
+  if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(direction) && (direction === 'next' || direction === 'previous')) {
+    if (direction === 'next') {
+      targetElement = node.nextElementSibling;
+    } else {
+      targetElement = node.previousElementSibling;
+    }
+  }
+
+  return targetElement;
+};
+/**
+ * Find sibling TR's TD element by given TD and direction
+ * @param {HTMLElement} node TD element
+ * @param {string} direction Boolean value for find first TD in next line
+ * @param {boolean} [needEdgeCell=false] Boolean value for find first TD in next line
+ * @returns {HTMLElement|null}
+ * @ignore
+ */
+
+
+var getSiblingRowCellByDirection = function getSiblingRowCellByDirection(node, direction, needEdgeCell) {
+  var tableCellElement = null;
+  var index, targetRowElement, currentContainer, siblingContainer, isSiblingContainerExists;
+
+  if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(direction) && (direction === 'next' || direction === 'previous')) {
+    if (node) {
+      if (direction === 'next') {
+        targetRowElement = node.parentNode && node.parentNode.nextSibling;
+        currentContainer = parents(node, 'thead');
+        siblingContainer = currentContainer[0] && currentContainer[0].nextSibling;
+        isSiblingContainerExists = siblingContainer && getNodeName(siblingContainer) === 'TBODY';
+        index = 0;
+      } else {
+        targetRowElement = node.parentNode && node.parentNode.previousSibling;
+        currentContainer = parents(node, 'tbody');
+        siblingContainer = currentContainer[0] && currentContainer[0].previousSibling;
+        isSiblingContainerExists = siblingContainer && getNodeName(siblingContainer) === 'THEAD';
+        index = node.parentNode.childNodes.length - 1;
+      }
+
+      if (tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(needEdgeCell) || !needEdgeCell) {
+        index = getNodeOffsetOfParent(node);
+      }
+
+      if (targetRowElement) {
+        tableCellElement = children(targetRowElement, 'td,th')[index];
+      } else if (currentContainer[0] && isSiblingContainerExists) {
+        tableCellElement = findAll(siblingContainer, 'td,th')[index];
+      }
+    }
+  }
+
+  return tableCellElement;
+};
+/**
+ * Check that the inline node is supported by markdown
+ * @param {Node} node TD element
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isMDSupportInlineNode = function isMDSupportInlineNode(node) {
+  return /^(A|B|BR|CODE|DEL|EM|I|IMG|S|SPAN|STRONG)$/gi.test(node.nodeName);
+};
+/**
+ * Check that node is styled node.
+ * Styled node is a node that has text and decorates text.
+ * @param {Node} node TD element
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isStyledNode = function isStyledNode(node) {
+  return /^(A|ABBR|ACRONYM|B|BDI|BDO|BIG|CITE|CODE|DEL|DFN|EM|I|INS|KBD|MARK|Q|S|SAMP|SMALL|SPAN|STRONG|SUB|SUP|U|VAR)$/gi.test(node.nodeName);
+};
+/**
+ * remove node from 'start' node to 'end-1' node inside parent
+ * if 'end' node is null, remove all child nodes after 'start' node.
+ * @param {Node} parentNode - parent node
+ * @param {Node} start - start node to remove
+ * @param {Node} end - end node to remove
+ * @ignore
+ */
+
+
+var removeChildFromStartToEndNode = function removeChildFromStartToEndNode(parentNode, start, end) {
+  var child = start;
+
+  if (!child || parentNode !== child.parentNode) {
+    return;
+  }
+
+  while (child !== end) {
+    var nextNode = child.nextSibling;
+    parentNode.removeChild(child);
+    child = nextNode;
+  }
+};
+/**
+ * remove nodes along the direction from the node to reach targetParent node
+ * @param {Node} targetParent - stop removing when reach target parent node
+ * @param {Node} node - start node
+ * @param {boolean} isForward - direction
+ * @ignore
+ */
+
+
+var removeNodesByDirection = function removeNodesByDirection(targetParent, node, isForward) {
+  var parentNode = node;
+
+  while (parentNode !== targetParent) {
+    var nextParent = parentNode.parentNode;
+    var _parentNode = parentNode,
+        nextSibling = _parentNode.nextSibling,
+        previousSibling = _parentNode.previousSibling;
+
+    if (!isForward && nextSibling) {
+      removeChildFromStartToEndNode(nextParent, nextSibling, null);
+    } else if (isForward && previousSibling) {
+      removeChildFromStartToEndNode(nextParent, nextParent.childNodes[0], parentNode);
+    }
+
+    parentNode = nextParent;
+  }
+};
+
+var getLeafNode = function getLeafNode(node) {
+  var result = node;
+
+  while (result.childNodes && result.childNodes.length) {
+    var _result = result,
+        nextLeaf = _result.firstChild; // When inline tag have empty text node with other childnodes, ignore empty text node.
+
+    if (isTextNode(nextLeaf) && !getTextLength(nextLeaf)) {
+      result = nextLeaf.nextSibling || nextLeaf;
+    } else {
+      result = nextLeaf;
+    }
+  }
+
+  return result;
+};
+/**
+ * check if a coordinates is inside a button box
+ * @param {object} style - computed style of task box
+ * @param {number} offsetX - event x offset
+ * @param {number} offsetY - event y offset
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isInsideButtonBox = function isInsideButtonBox(style, offsetX, offsetY) {
+  var rect = {
+    left: parseInt(style.left, 10),
+    top: parseInt(style.top, 10),
+    width: parseInt(style.width, 10),
+    height: parseInt(style.height, 10)
+  };
+  return offsetX >= rect.left && offsetX <= rect.left + rect.width && offsetY >= rect.top && offsetY <= rect.top + rect.height;
+};
+/**
+ * Check whether node is OL or UL
+ * @param {node} node - node
+ * @returns {boolean} - whether node is OL or UL
+ * @ignore
+ */
+
+
+var isListNode = function isListNode(node) {
+  if (!node) {
+    return false;
+  }
+
+  return node.nodeName === 'UL' || node.nodeName === 'OL';
+};
+/**
+ * Check whether node is first list item
+ * @param {node} node - node
+ * @returns {boolean} whether node is first list item
+ * @ignore
+ */
+
+
+var isFirstListItem = function isFirstListItem(node) {
+  var nodeName = node.nodeName,
+      parentNode = node.parentNode;
+  return nodeName === 'LI' && node === parentNode.firstChild;
+};
+/**
+ * Check whether node is first level list item
+ * @param {node} node - node
+ * @returns {boolean} whether node is first level list item
+ * @ignore
+ */
+
+
+var isFirstLevelListItem = function isFirstLevelListItem(node) {
+  var nodeName = node.nodeName,
+      listNode = node.parentNode;
+  var listParentNode = listNode.parentNode;
+  return nodeName === 'LI' && !isListNode(listParentNode);
+};
+/**
+ * Merge node to target node and detach node
+ * @param {node} node - node
+ * @param {node} targetNode - target node
+ * @ignore
+ */
+
+
+var mergeNode = function mergeNode(node, targetNode) {
+  if (node.hasChildNodes()) {
+    tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(node.childNodes).forEach(function () {
+      targetNode.appendChild(node.firstChild);
+    });
+    targetNode.normalize();
+  }
+
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
+};
+/**
+ * Create hr that is not contenteditable
+ * @returns {node} hr is wraped div
+ * @ignore
+ */
+
+
+var createHorizontalRule = function createHorizontalRule() {
+  var div = document.createElement('div');
+  var hr = document.createElement('hr');
+  div.setAttribute('contenteditable', false);
+  hr.setAttribute('contenteditable', false);
+  div.appendChild(hr);
+  return div;
+};
+/**
+ * Create Empty Line
+ * @returns {node} 

    
+ * @private
+ */
+
+
+var createEmptyLine = function createEmptyLine() {
+  var div = document.createElement('div');
+  div.appendChild(document.createElement('br'));
+  return div;
+};
+/**
+ * Find same tagName child node and change wrapping order.
+ * For example, if below node need to optimize 'B' tag.
+ * test
+ * should be changed tag's order.
+ * test
+ * @param {node} node
+ * @param {string} tagName
+ * @returns {node}
+ * @private
+ */
+
+
+var changeTagOrder = function changeTagOrder(node, tagName) {
+  if (node.nodeName !== 'SPAN') {
+    var parentNode = node.parentNode;
+    var tempNode = node;
+
+    while (tempNode.childNodes && tempNode.childNodes.length === 1 && !isTextNode(tempNode.firstChild)) {
+      tempNode = tempNode.firstChild;
+
+      if (tempNode.nodeName === 'SPAN') {
+        break;
+      }
+
+      if (tempNode.nodeName === tagName) {
+        var wrapper = document.createElement(tagName);
+        mergeNode(tempNode, tempNode.parentNode);
+        parentNode.replaceChild(wrapper, node);
+        wrapper.appendChild(node);
+        return wrapper;
+      }
+    }
+  }
+
+  return node;
+};
+/**
+ * Find same tagName nodes and merge from startNode to endNode.
+ * @param {node} startNode
+ * @param {node} endNode
+ * @param {string} tagName
+ * @returns {node}
+ * @private
+ */
+
+
+var mergeSameNodes = function mergeSameNodes(startNode, endNode, tagName) {
+  var startBlockNode = changeTagOrder(startNode, tagName);
+
+  if (startBlockNode.nodeName === tagName) {
+    var endBlockNode = changeTagOrder(endNode, tagName);
+    var mergeTargetNode = startBlockNode;
+    var nextNode = startBlockNode.nextSibling;
+
+    while (nextNode) {
+      var tempNext = nextNode.nextSibling;
+      nextNode = changeTagOrder(nextNode, tagName);
+
+      if (nextNode.nodeName === tagName) {
+        // eslint-disable-next-line max-depth
+        if (mergeTargetNode) {
+          mergeNode(nextNode, mergeTargetNode);
+        } else {
+          mergeTargetNode = nextNode;
+        }
+      } else {
+        mergeTargetNode = null;
+      }
+
+      if (nextNode === endBlockNode) {
+        break;
+      }
+
+      nextNode = tempNext;
+    }
+  }
+};
+/**
+ * Find same tagName nodes in range and merge nodes.
+ * For example range is like this
+ * AAABBB
+ * nodes is changed below
+ * AAABBB
+ * @param {range} range
+ * @param {string} tagName
+ * @private
+ */
+
+
+var optimizeRange = function optimizeRange(range, tagName) {
+  var collapsed = range.collapsed,
+      commonAncestorContainer = range.commonAncestorContainer,
+      startContainer = range.startContainer,
+      endContainer = range.endContainer;
+
+  if (!collapsed) {
+    var optimizedNode = null;
+
+    if (startContainer !== endContainer) {
+      var startNode = getParentUntil(startContainer, commonAncestorContainer);
+      var endNode = getParentUntil(endContainer, commonAncestorContainer);
+
+      if (startNode && endNode) {
+        mergeSameNodes(startNode, endNode, tagName);
+      }
+
+      optimizedNode = commonAncestorContainer;
+    } else if (isTextNode(startContainer)) {
+      optimizedNode = startContainer.parentNode;
+    }
+
+    if (optimizedNode && optimizedNode.nodeName === tagName) {
+      var _optimizedNode = optimizedNode,
+          previousSibling = _optimizedNode.previousSibling;
+      var tempNode;
+
+      if (previousSibling) {
+        tempNode = changeTagOrder(previousSibling);
+
+        if (tempNode.nodeName === tagName) {
+          mergeNode(optimizedNode, tempNode);
+        }
+      }
+
+      var _optimizedNode2 = optimizedNode,
+          nextSibling = _optimizedNode2.nextSibling;
+
+      if (nextSibling) {
+        tempNode = changeTagOrder(nextSibling);
+
+        if (tempNode.nodeName === tagName) {
+          mergeNode(tempNode, optimizedNode);
+        }
+      }
+    }
+  }
+};
+/**
+ * Gets all text node from root element.
+ * @param {HTMLElement} root Root element
+ * @returns {Array} list of text nodes
+ * @ignore
+ */
+
+
+var getAllTextNode = function getAllTextNode(root) {
+  var walker = document.createTreeWalker(root, 4, null, false);
+  var result = [];
+
+  while (walker.nextNode()) {
+    var node = walker.currentNode;
+
+    if (isTextNode(node)) {
+      result.push(node);
+    }
+  }
+
+  return result;
+};
+/**
+ * Check whether the node is 'TD' or 'TH'
+ * @param {HTMLElement} node - the target node
+ * @returns {boolean} - whether the node is 'TD' or 'TH'
+ * @ignore
+ */
+
+
+var isCellNode = function isCellNode(node) {
+  if (!node) {
+    return false;
+  }
+
+  return node.nodeName === 'TD' || node.nodeName === 'TH';
+};
+/**
+ * Get the last node on the target node by the condition
+ * @param {HTMLElement} node - the target node
+ * @returns {function} - the condition to find the node
+ * @ignore
+ */
+
+
+var getLastNodeBy = function getLastNodeBy(node, condition) {
+  var lastNode = node && node.lastChild;
+
+  while (lastNode && condition(lastNode)) {
+    lastNode = lastNode.lastChild;
+  }
+
+  return lastNode;
+};
+/**
+ * Get the parent node on the target node by the condition
+ * @param {HTMLElement} node - the target node
+ * @returns {function} - the condition to find the node
+ * @ignore
+ */
+
+
+var getParentNodeBy = function getParentNodeBy(node, condition) {
+  while (node && condition(node.parentNode, node)) {
+    node = node.parentNode;
+  }
+
+  return node;
+};
+/**
+ * Get the sibling node on the target node by the condition
+ * @param {HTMLElement} node - the target node
+ * @param {string} direction - the direction to find node ('previous', 'next')
+ * @returns {function} - the condition to find the node
+ * @ignore
+ */
+
+
+var getSiblingNodeBy = function getSiblingNodeBy(node, direction, condition) {
+  var directionKey = direction + "Sibling";
+
+  while (node && condition(node[directionKey], node)) {
+    node = node[directionKey];
+  }
+
+  return node;
+};
+/**
+ * Create element with contents
+ * @param {string|Node} contents - contents to appended
+ * @param {HTMLElement} [target] - container element to append contents
+ * @returns {Node} created node
+ * @ignore
+ */
+
+
+function createElementWith(contents, target) {
+  var container = document.createElement('div');
+
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(contents)) {
+    container.innerHTML = contents;
+  } else {
+    container.appendChild(contents);
+  }
+
+  var firstChild = container.firstChild;
+
+  if (target) {
+    target.appendChild(firstChild);
+  }
+
+  return firstChild;
+}
+/**
+ * Find nodes matching by selector
+ * @param {HTMLElement} element - target element
+ * @param {string} selector - selector to find nodes
+ * @returns {Array.} found nodes
+ * @ignore
+ */
+
+
+function findAll(element, selector) {
+  var nodeList = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(element.querySelectorAll(selector));
+
+  if (nodeList.length) {
+    return nodeList;
+  }
+
+  return [];
+}
+/**
+ * Checks whether specific node is included in target node
+ * @param {HTMLElement} element - target to find
+ * @param {Node} containedNode - node to find
+ * @returns {boolean} whether node is contained or not
+ * @ignore
+ */
+
+
+function isContain(element, contained) {
+  return element !== contained && element.contains(contained);
+}
+/**
+ * Gets closest node matching by selector
+ * @param {Node} node - target node
+ * @param {string|Node} found - selector or element to find node
+ * @param {Node} [root] - root node
+ * @returns {?Node} - found node
+ * @ignore
+ */
+
+
+function closest(node, found, root) {
+  var condition;
+  root = root || document;
+
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(found)) {
+    condition = function condition(target) {
+      return tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(target, found);
+    };
+  } else {
+    condition = function condition(target) {
+      return target === found;
+    };
+  }
+
+  while (node && node !== root) {
+    if (isElemNode(node) && condition(node)) {
+      return node;
+    }
+
+    node = node.parentNode;
+  }
+
+  return null;
+}
+/**
+ * Gets parent node matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string} [selector] - selector to find
+ * @returns {Node} found node
+ * @ignore
+ */
+
+
+function parent(node, selector) {
+  var parentNode = node.parentNode;
+
+  if (selector) {
+    return parentNode && tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(parentNode, selector) ? parentNode : null;
+  }
+
+  return parentNode;
+}
+/**
+ * Gets ancestor nodes matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string|Node} found - selector or node to find
+ * @returns {Array.} found nodes
+ * @ignore
+ */
+
+
+function parents(node, found) {
+  var result = [];
+
+  while (node && node !== document) {
+    node = closest(node.parentNode, found);
+
+    if (node) {
+      result.push(node);
+    }
+  }
+
+  return result;
+}
+/**
+ * Gets ancestor nodes until matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string} selector - selector to find
+ * @param {Array.} found nodes
+ * @ignore
+ */
+
+
+function parentsUntil(node, selector) {
+  var result = [];
+
+  while (node.parentNode && !tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(node.parentNode, selector)) {
+    node = node.parentNode;
+
+    if (node) {
+      result.push(node);
+    }
+  }
+
+  return result;
+}
+/**
+ * Gets child nodes matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string} selector - selector to find
+ * @returns {Array.} found nodes
+ * @ignore
+ */
+
+
+function children(node, selector) {
+  var foundChildren;
+
+  if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+    foundChildren = node.childNodes;
+  } else {
+    foundChildren = node.children;
+  }
+
+  return tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(foundChildren).filter(function (child) {
+    return tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(child, selector);
+  });
+}
+/**
+ * Appends node(s) on target node
+ * @param {Node} node - target node
+ * @param {string|Node} appended - html string or node to append
+ * @ignore
+ */
+
+
+function append(node, appended) {
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(appended)) {
+    node.insertAdjacentHTML('beforeEnd', appended);
+  } else {
+    appended = appended.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(appended) : [appended];
+
+    for (var i = 0, len = appended.length; i < len; i += 1) {
+      node.appendChild(appended[i]);
+    }
+  }
+}
+/**
+ * Prepends node(s) on target node
+ * @param {Node} node - target node
+ * @param {string|Node} appended - html string or node to append
+ * @ignore
+ */
+
+
+function prepend(node, appended) {
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(appended)) {
+    node.insertAdjacentHTML('afterBegin', appended);
+  } else {
+    appended = appended.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(appended) : [appended];
+
+    for (var i = appended.length - 1, len = 0; i >= len; i -= 1) {
+      node.insertBefore(appended[i], node.firstChild);
+    }
+  }
+}
+/**
+ * Inserts new node in front of target node
+ * @param {Node} insertedNode - node to insert
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function insertBefore(insertedNode, node) {
+  var parentNode = node.parentNode;
+
+  if (parentNode) {
+    parentNode.insertBefore(insertedNode, node);
+  }
+}
+/**
+ * Inserts new node after target node
+ * @param {Node} insertedNode - node to insert
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function insertAfter(insertedNode, node) {
+  var parentNode = node.parentNode;
+
+  if (parentNode) {
+    parentNode.insertBefore(insertedNode, node.nextSibling);
+  }
+}
+/**
+ * Replaces target node(s) with html
+ * @param {Node} nodeList - target node(s) to replace
+ * @param {string} html - replaced html
+ * @ignore
+ */
+
+
+function replaceWith(nodeList, html) {
+  nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList];
+  nodeList.forEach(function (node) {
+    node.insertAdjacentHTML('afterEnd', html);
+    node.parentNode.removeChild(node);
+  });
+}
+/**
+ * Adds parent element to target node(s)
+ * @param {Node|Array.} nodeList - target node(s)
+ * @param {string} nodeName - node name to change parent element
+ * @ignore
+ */
+
+
+function wrap(nodeList, nodeName) {
+  nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList];
+  nodeList.forEach(function (node) {
+    var wrapper = document.createElement(nodeName);
+    node.parentNode.insertBefore(wrapper, node);
+    wrapper.appendChild(node);
+  });
+}
+/**
+ * Adds child element to target node(s)
+ * @param {Node|Array.} nodeList - target node(s)
+ * @param {string} nodeName - node name to change child element
+ * @ignore
+ */
+
+
+function wrapInner(nodeList, nodeName) {
+  nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList];
+  nodeList.forEach(function (node) {
+    var wrapper = document.createElement(nodeName);
+    node.appendChild(wrapper);
+
+    while (node.firstChild !== wrapper) {
+      wrapper.appendChild(node.firstChild);
+    }
+  });
+}
+/**
+ * Removes target element and insert children at the same position
+ * @param {Node} node - parent node
+ * @returns {Array.} unwrapped nodes
+ * @ignore
+ */
+
+
+function unwrap(node) {
+  var result = [];
+
+  while (node.firstChild) {
+    result.push(node.firstChild);
+    node.parentNode.insertBefore(node.firstChild, node);
+  }
+
+  remove(node);
+  return result;
+}
+/**
+ * Removes target node from parent node
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function remove(node) {
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
+}
+/**
+ * Removes all children of target node
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function empty(node) {
+  while (node.firstChild) {
+    node.removeChild(node.firstChild);
+  }
+}
+/**
+ * Sets offset value of target element
+ * @param {HTMLElement} element - target element
+ * @returns {Object.} offset values
+ * @ignore
+ */
+
+
+function setOffset(element, offset) {
+  var _element$parentNode$g = element.parentNode.getBoundingClientRect(),
+      top = _element$parentNode$g.top,
+      left = _element$parentNode$g.left;
+
+  tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default()(element, {
+    top: offset.top - top - document.body.scrollTop + "px"
+  });
+  tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default()(element, {
+    left: offset.left - left - document.body.scrollLeft + "px"
+  });
+}
+/**
+ * Gets offset value of target element
+ * @param {HTMLElement} element - target element
+ * @param {string} [selector] - selector to stop finding node
+ * @returns {Object.} offset values
+ * @ignore
+ */
+
+
+function getOffset(element, selector) {
+  if (selector === void 0) {
+    selector = 'document';
+  }
+
+  var top = 0;
+  var left = 0;
+
+  do {
+    top += element.offsetTop || 0;
+    left += element.offsetLeft || 0;
+    element = element.offsetParent;
+  } while (element && !tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(element, selector));
+
+  return {
+    top: top,
+    left: left
+  };
+}
+/**
+ * Gets outer width value of target element
+ * @param {HTMLElement} element - target element
+ * @param {boolean} includedMargin - whether to include margir or not
+ * @returns {number} outer width value
+ * @ignore
+ */
+
+
+function getOuterWidth(element, includedMargin) {
+  var widthValue = element.offsetWidth;
+
+  if (includedMargin) {
+    var _getComputedStyle = getComputedStyle(element),
+        marginLeft = _getComputedStyle.marginLeft,
+        marginRight = _getComputedStyle.marginRight;
+
+    widthValue += parseInt(marginLeft, 10) + parseInt(marginRight, 10);
+  }
+
+  return widthValue;
+}
+/**
+ * Gets outer height value of target element
+ * @param {HTMLElement} element - target element
+ * @param {boolean} includedMargin - whether to include margir or not
+ * @returns {number} outer height value
+ * @ignore
+ */
+
+
+function getOuterHeight(element, includedMargin) {
+  var heightValue = element.offsetHeight;
+
+  if (includedMargin) {
+    var _getComputedStyle2 = getComputedStyle(element),
+        marginTop = _getComputedStyle2.marginTop,
+        marginBottom = _getComputedStyle2.marginBottom;
+
+    heightValue += parseInt(marginTop, 10) + parseInt(marginBottom, 10);
+  }
+
+  return heightValue;
+}
+/**
+ * Toggles class name of target element
+ * @param {HTMLElement} element - target element
+ * @param {string} className - class name to toggle
+ * @param {boolean} [state] - whether to toggle or not by condition
+ * @ignore
+ */
+
+
+var toggleClass = function toggleClass(element, className, state) {
+  if (tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(state)) {
+    state = !tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6___default()(element, className);
+  }
+
+  var toggleFn = state ? tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4___default.a : tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5___default.a;
+  toggleFn(element, className);
+};
+/**
+ * Finalize html result
+ * @param {HTMLElement} html root element
+ * @param {boolean} needHtmlText pass true if need html text
+ * @returns {string|DocumentFragment} result
+ * @ignore
+ */
+
+
+function finalizeHtml(html, needHtmlText) {
+  var result;
+
+  if (needHtmlText) {
+    result = html.innerHTML;
+  } else {
+    var frag = document.createDocumentFragment();
+    var childNodes = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(html.childNodes);
+    var length = childNodes.length;
+
+    for (var i = 0; i < length; i += 1) {
+      frag.appendChild(childNodes[i]);
+    }
+
+    result = frag;
+  }
+
+  return result;
+}
+/**
+ * Get fragment replaced by newline to br tag
+ * @param {string} text original text
+ * @returns {DocumentFragment} fragment
+ * @ignore
+ */
+
+
+function getFragmentReplacedByNewlineToBr(text) {
+  var fragment = document.createDocumentFragment();
+  var texts = text.split('\n');
+  texts.forEach(function (plainText, index) {
+    var textNode = document.createTextNode(plainText);
+    fragment.appendChild(textNode);
+
+    if (index < texts.length - 1) {
+      fragment.appendChild(document.createElement('br'));
+    }
+  });
+  return fragment;
+}
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  getNodeName: getNodeName,
+  isTextNode: isTextNode,
+  isElemNode: isElemNode,
+  isBlockNode: isBlockNode,
+  getTextLength: getTextLength,
+  getOffsetLength: getOffsetLength,
+  getPrevOffsetNodeUntil: getPrevOffsetNodeUntil,
+  getNodeOffsetOfParent: getNodeOffsetOfParent,
+  getChildNodeByOffset: getChildNodeByOffset,
+  getNodeWithDirectionUntil: getNodeWithDirectionUntil,
+  containsNode: containsNode,
+  getTopPrevNodeUnder: getTopPrevNodeUnder,
+  getTopNextNodeUnder: getTopNextNodeUnder,
+  getParentUntilBy: getParentUntilBy,
+  getParentUntil: getParentUntil,
+  getTopBlockNode: getTopBlockNode,
+  getPrevTextNode: getPrevTextNode,
+  findOffsetNode: findOffsetNode,
+  getPath: getPath,
+  getNodeInfo: getNodeInfo,
+  getTableCellByDirection: getTableCellByDirection,
+  getSiblingRowCellByDirection: getSiblingRowCellByDirection,
+  isMDSupportInlineNode: isMDSupportInlineNode,
+  isStyledNode: isStyledNode,
+  removeChildFromStartToEndNode: removeChildFromStartToEndNode,
+  removeNodesByDirection: removeNodesByDirection,
+  getLeafNode: getLeafNode,
+  isInsideButtonBox: isInsideButtonBox,
+  isListNode: isListNode,
+  isFirstListItem: isFirstListItem,
+  isFirstLevelListItem: isFirstLevelListItem,
+  mergeNode: mergeNode,
+  createHorizontalRule: createHorizontalRule,
+  createEmptyLine: createEmptyLine,
+  changeTagOrder: changeTagOrder,
+  mergeSameNodes: mergeSameNodes,
+  optimizeRange: optimizeRange,
+  getAllTextNode: getAllTextNode,
+  isCellNode: isCellNode,
+  getLastNodeBy: getLastNodeBy,
+  getParentNodeBy: getParentNodeBy,
+  getSiblingNodeBy: getSiblingNodeBy,
+  createElementWith: createElementWith,
+  findAll: findAll,
+  isContain: isContain,
+  closest: closest,
+  parent: parent,
+  parents: parents,
+  parentsUntil: parentsUntil,
+  children: children,
+  append: append,
+  prepend: prepend,
+  insertBefore: insertBefore,
+  insertAfter: insertAfter,
+  replaceWith: replaceWith,
+  wrap: wrap,
+  wrapInner: wrapInner,
+  unwrap: unwrap,
+  remove: remove,
+  empty: empty,
+  setOffset: setOffset,
+  getOffset: getOffset,
+  getOuterWidth: getOuterWidth,
+  getOuterHeight: getOuterHeight,
+  toggleClass: toggleClass,
+  finalizeHtml: finalizeHtml,
+  getFragmentReplacedByNewlineToBr: getFragmentReplacedByNewlineToBr
+});
+
+/***/ }),
+/* 1 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/object/extend.js
+var extend = __webpack_require__(7);
+var extend_default = /*#__PURE__*/__webpack_require__.n(extend);
+
+// CONCATENATED MODULE: ./src/js/command.js
+/**
+ * @fileoverview Implements Command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Command
+ * @param {string} name Command name
+ * @param {number} type Command type (Command.TYPE)
+ * @param {Array.} [keyMap] keyMap
+ * @ignore
+ */
+
+var Command = /*#__PURE__*/function () {
+  function Command(name, type, keyMap) {
+    this.name = name;
+    this.type = type;
+
+    if (keyMap) {
+      this.setKeyMap(keyMap);
+    }
+  }
+  /**
+   * returns Name of command
+   * @returns {string} Command Name
+   */
+
+
+  var _proto = Command.prototype;
+
+  _proto.getName = function getName() {
+    return this.name;
+  }
+  /**
+   * returns Type of command
+   * @returns {number} Command Command type number
+   */
+  ;
+
+  _proto.getType = function getType() {
+    return this.type;
+  }
+  /**
+   * returns whether Command Type is Markdown or not
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isMDType = function isMDType() {
+    return this.type === Command.TYPE.MD;
+  }
+  /**
+   * returns whether Command Type is Wysiwyg or not
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isWWType = function isWWType() {
+    return this.type === Command.TYPE.WW;
+  }
+  /**
+   * returns whether Command Type is Global or not
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isGlobalType = function isGlobalType() {
+    return this.type === Command.TYPE.GB;
+  }
+  /**
+   * Set keymap value for each os
+   * @param {string} win Windows Key(and etc)
+   * @param {string} mac Mac osx key
+   */
+  ;
+
+  _proto.setKeyMap = function setKeyMap(win, mac) {
+    this.keyMap = [win, mac];
+  };
+
+  return Command;
+}();
+/**
+ * Command factory method
+ * @param {string} typeStr Editor type name
+ * @param {object} props Property
+ *     @param {string} props.name Command name
+ *     @param {number} props.type Command type number
+ * @returns {Command}
+ * @static
+ */
+
+
+Command.factory = function (typeStr, props) {
+  var type;
+
+  if (typeStr === 'markdown') {
+    type = Command.TYPE.MD;
+  } else if (typeStr === 'wysiwyg') {
+    type = Command.TYPE.WW;
+  } else if (typeStr === 'global') {
+    type = Command.TYPE.GB;
+  }
+
+  var command = new Command(props.name, type);
+  extend_default()(command, props);
+  return command;
+};
+/**
+ * Command Type Constant
+ * markdown : 0
+ * wysiwyg : 1
+ * global : 2
+ * @type {object}
+ * @private
+ */
+
+
+Command.TYPE = {
+  MD: 0,
+  WW: 1,
+  GB: 2
+};
+/* harmony default export */ var js_command = (Command);
+// EXTERNAL MODULE: ./src/js/utils/common.js
+var common = __webpack_require__(12);
+
+// EXTERNAL MODULE: ./src/js/utils/map.js
+var map = __webpack_require__(23);
+
+// CONCATENATED MODULE: ./src/js/commandManager.js
+/**
+ * @fileoverview Implements CommandManager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var KEYMAP_OS_INDEX = common["b" /* isMac */] ? 1 : 0;
+/**
+ * Class CommandManager
+ * @param {ToastUIEditor} base nedInstance
+ * @param {object} [options={}] - option object
+ *     @param {boolean} [options.useCommandShortcut=true] - execute command with keyMap
+ * @ignore
+ */
+
+var commandManager_CommandManager = /*#__PURE__*/function () {
+  function CommandManager(base, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    this._command = new map["a" /* default */]();
+    this._mdCommand = new map["a" /* default */]();
+    this._wwCommand = new map["a" /* default */]();
+    this._options = extend_default()({
+      useCommandShortcut: true
+    }, options);
+    this.base = base;
+    this.keyMapCommand = {};
+
+    this._initEvent();
+  }
+  /**
+   * You can change command before command addition by addCommandBefore event.
+   * @param {object} command - command
+   * @returns {object}
+   * @private
+   */
+
+
+  var _proto = CommandManager.prototype;
+
+  _proto._addCommandBefore = function _addCommandBefore(command) {
+    var commandWrapper = {
+      command: command
+    };
+    this.base.eventManager.emit('addCommandBefore', commandWrapper);
+    return commandWrapper.command || command;
+  }
+  /**
+   * Add command
+   * @param {Command} command Command instance
+   * @returns {Command} Command
+   */
+  ;
+
+  _proto.addCommand = function addCommand(command) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    if (args.length) {
+      command = CommandManager.command.apply(CommandManager, [command].concat(args));
+    }
+
+    command = this._addCommandBefore(command);
+    var name = command.getName();
+    var commandBase;
+
+    if (command.isMDType()) {
+      commandBase = this._mdCommand;
+    } else if (command.isWWType()) {
+      commandBase = this._wwCommand;
+    } else if (command.isGlobalType()) {
+      commandBase = this._command;
+    }
+
+    commandBase.set(name, command);
+
+    if (command.keyMap) {
+      this.keyMapCommand[command.keyMap[KEYMAP_OS_INDEX]] = name;
+    }
+
+    return command;
+  }
+  /**
+   * _initEvent
+   * Bind event handler to eventManager
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.base.eventManager.listen('command', function () {
+      _this.exec.apply(_this, arguments);
+    });
+    this.base.eventManager.listen('keyMap', function (ev) {
+      if (!_this._options.useCommandShortcut) {
+        return;
+      }
+
+      var command = _this.keyMapCommand[ev.keyMap];
+
+      if (command) {
+        ev.data.preventDefault();
+
+        _this.exec(command);
+      }
+    });
+  }
+  /**
+   * Execute command
+   * @param {String} name Command name
+   * @param {*} ...args Command argument
+   * @returns {*}
+   */
+  ;
+
+  _proto.exec = function exec(name) {
+    var commandToRun, result;
+    var context = this.base;
+    commandToRun = this._command.get(name);
+
+    if (!commandToRun) {
+      if (this.base.isMarkdownMode()) {
+        commandToRun = this._mdCommand.get(name);
+        context = this.base.mdEditor;
+      } else {
+        commandToRun = this._wwCommand.get(name);
+        context = this.base.wwEditor;
+      }
+    }
+
+    if (commandToRun) {
+      var _commandToRun;
+
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      args.unshift(context);
+      result = (_commandToRun = commandToRun).exec.apply(_commandToRun, args);
+    }
+
+    return result;
+  };
+
+  return CommandManager;
+}();
+/**
+ * Create command by given editor type and property object
+ * @param {string} type Command type
+ * @param {{name: string, keyMap: Array}} props Property
+ * @returns {*}
+ * @static
+ */
+
+
+commandManager_CommandManager.command = function (type, props) {
+  var command = js_command.factory(type, props.name, props.keyMap);
+  extend_default()(command, props);
+  return command;
+};
+
+/* harmony default export */ var commandManager = __webpack_exports__["a"] = (commandManager_CommandManager);
+
+/***/ }),
+/* 2 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export hasImageOrCodeBlockNode */
+/* unused harmony export hasSameLineParent */
+/* unused harmony export hasSpecificTypeAncestor */
+/* unused harmony export isEmptyLineNode */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return getMdStartLine; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getMdEndLine; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getMdStartCh; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getMdEndCh; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return isMultiLineNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return isHtmlNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return isStyledTextNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return isListItemNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return isTableCellNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return isInlineNode; });
+/* unused harmony export getLastLeafNode */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return findClosestNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "n", function() { return traverseParentNodes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return addChPos; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "m", function() { return setChPos; });
+/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
+
+function hasImageOrCodeBlockNode(mdNode) {
+  while (mdNode) {
+    if (Object(_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(['image', 'codeBlock'], mdNode.type)) {
+      return true;
+    }
+
+    mdNode = mdNode.firstChild;
+  }
+
+  return false;
+}
+function hasSameLineParent(mdNode) {
+  return mdNode.parent && mdNode.parent.type !== 'document' && mdNode.parent.sourcepos[0][0] === mdNode.sourcepos[0][0];
+}
+function hasSpecificTypeAncestor(mdNode) {
+  for (var _len = arguments.length, types = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    types[_key - 1] = arguments[_key];
+  }
+
+  while (mdNode.parent && mdNode.parent.type !== 'document') {
+    if (Object(_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(types, mdNode.parent.type)) {
+      return true;
+    }
+
+    mdNode = mdNode.parent;
+  }
+
+  return false;
+}
+function isEmptyLineNode(text, mdNode) {
+  return !text.trim() && !hasImageOrCodeBlockNode(mdNode);
+}
+function getMdStartLine(mdNode) {
+  return mdNode.sourcepos[0][0];
+}
+function getMdEndLine(mdNode) {
+  return mdNode.sourcepos[1][0];
+}
+function getMdStartCh(mdNode) {
+  return mdNode.sourcepos[0][1];
+}
+function getMdEndCh(mdNode) {
+  return mdNode.sourcepos[1][1];
+}
+function isMultiLineNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'codeBlock' || type === 'paragraph';
+}
+function isHtmlNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'htmlBlock' || type === 'htmlInline';
+}
+function isStyledTextNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'strike' || type === 'strong' || type === 'emph';
+}
+function isListItemNode(mdNode) {
+  return mdNode.type === 'item';
+}
+function isTableCellNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'tableCell' || type === 'tableDelimCell';
+}
+function isInlineNode(mdNode) {
+  switch (mdNode.type) {
+    case 'code':
+    case 'text':
+    case 'emph':
+    case 'strong':
+    case 'strike':
+    case 'link':
+    case 'image':
+    case 'htmlInline':
+    case 'linebreak':
+    case 'softbreak':
+      return true;
+
+    default:
+      return false;
+  }
+}
+function getLastLeafNode(mdNode) {
+  while (mdNode.lastChild) {
+    mdNode = mdNode.lastChild;
+  }
+
+  return mdNode;
+}
+function findClosestNode(mdNode, condition, includeSelf) {
+  if (includeSelf === void 0) {
+    includeSelf = true;
+  }
+
+  mdNode = includeSelf ? mdNode : mdNode.parent;
+
+  while (mdNode && mdNode.type !== 'document') {
+    if (condition(mdNode)) {
+      return mdNode;
+    }
+
+    mdNode = mdNode.parent;
+  }
+
+  return null;
+}
+function traverseParentNodes(mdNode, iteratee, includeSelf) {
+  if (includeSelf === void 0) {
+    includeSelf = true;
+  }
+
+  mdNode = includeSelf ? mdNode : mdNode.parent;
+
+  while (mdNode && mdNode.type !== 'document') {
+    iteratee(mdNode);
+    mdNode = mdNode.parent;
+  }
+}
+function addChPos(originPos, addedCh) {
+  return {
+    line: originPos.line,
+    ch: originPos.ch + addedCh
+  };
+}
+function setChPos(originPos, newCh) {
+  return {
+    line: originPos.line,
+    ch: newCh
+  };
+}
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Transform the Array-like object to Array.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachArray = __webpack_require__(21);
+
+/**
+ * Transform the Array-like object to Array.
+ * In low IE (below 8), Array.prototype.slice.call is not perfect. So, try-catch statement is used.
+ * @param {*} arrayLike Array-like object
+ * @returns {Array} Array
+ * @memberof module:collection
+ * @example
+ * var toArray = require('tui-code-snippet/collection/toArray'); // node, commonjs
+ *
+ * var arrayLike = {
+ *     0: 'one',
+ *     1: 'two',
+ *     2: 'three',
+ *     3: 'four',
+ *     length: 4
+ * };
+ * var result = toArray(arrayLike);
+ *
+ * alert(result instanceof Array); // true
+ * alert(result); // one,two,three,four
+ */
+function toArray(arrayLike) {
+  var arr;
+  try {
+    arr = Array.prototype.slice.call(arrayLike);
+  } catch (e) {
+    arr = [];
+    forEachArray(arrayLike, function(value) {
+      arr.push(value);
+    });
+  }
+
+  return arr;
+}
+
+module.exports = toArray;
+
+
+/***/ }),
+/* 4 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Setting element style
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isString = __webpack_require__(9);
+var forEach = __webpack_require__(26);
+
+/**
+ * Setting element style
+ * @param {(HTMLElement|SVGElement)} element - element to setting style
+ * @param {(string|object)} key - style prop name or {prop: value} pair object
+ * @param {string} [value] - style value
+ * @memberof module:domUtil
+ */
+function css(element, key, value) {
+  var style = element.style;
+
+  if (isString(key)) {
+    style[key] = value;
+
+    return;
+  }
+
+  forEach(key, function(v, k) {
+    style[k] = v;
+  });
+}
+
+module.exports = css;
+
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Add css class to element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEach = __webpack_require__(26);
+var inArray = __webpack_require__(14);
+var getClass = __webpack_require__(33);
+var setClassName = __webpack_require__(39);
+
+/**
+ * domUtil module
+ * @module domUtil
+ */
+
+/**
+ * Add css class to element
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {...string} cssClass - css classes to add
+ * @memberof module:domUtil
+ */
+function addClass(element) {
+  var cssClass = Array.prototype.slice.call(arguments, 1);
+  var classList = element.classList;
+  var newClass = [];
+  var origin;
+
+  if (classList) {
+    forEach(cssClass, function(name) {
+      element.classList.add(name);
+    });
+
+    return;
+  }
+
+  origin = getClass(element);
+
+  if (origin) {
+    cssClass = [].concat(origin.split(/\s+/), cssClass);
+  }
+
+  forEach(cssClass, function(cls) {
+    if (inArray(cls, newClass) < 0) {
+      newClass.push(cls);
+    }
+  });
+
+  setClassName(element, newClass);
+}
+
+module.exports = addClass;
+
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Remove css class from element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachArray = __webpack_require__(21);
+var inArray = __webpack_require__(14);
+var getClass = __webpack_require__(33);
+var setClassName = __webpack_require__(39);
+
+/**
+ * Remove css class from element
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {...string} cssClass - css classes to remove
+ * @memberof module:domUtil
+ */
+function removeClass(element) {
+  var cssClass = Array.prototype.slice.call(arguments, 1);
+  var classList = element.classList;
+  var origin, newClass;
+
+  if (classList) {
+    forEachArray(cssClass, function(name) {
+      classList.remove(name);
+    });
+
+    return;
+  }
+
+  origin = getClass(element).split(/\s+/);
+  newClass = [];
+  forEachArray(origin, function(name) {
+    if (inArray(name, cssClass) < 0) {
+      newClass.push(name);
+    }
+  });
+
+  setClassName(element, newClass);
+}
+
+module.exports = removeClass;
+
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Extend the target object from other objects.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * @module object
+ */
+
+/**
+ * Extend the target object from other objects.
+ * @param {object} target - Object that will be extended
+ * @param {...object} objects - Objects as sources
+ * @returns {object} Extended object
+ * @memberof module:object
+ */
+function extend(target, objects) { // eslint-disable-line no-unused-vars
+  var hasOwnProp = Object.prototype.hasOwnProperty;
+  var source, prop, i, len;
+
+  for (i = 1, len = arguments.length; i < len; i += 1) {
+    source = arguments[i];
+    for (prop in source) {
+      if (hasOwnProp.call(source, prop)) {
+        target[prop] = source[prop];
+      }
+    }
+  }
+
+  return target;
+}
+
+module.exports = extend;
+
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is undefined or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is undefined or not.
+ * If the given variable is undefined, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is undefined?
+ * @memberof module:type
+ */
+function isUndefined(obj) {
+  return obj === undefined; // eslint-disable-line no-undefined
+}
+
+module.exports = isUndefined;
+
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a string or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a string or not.
+ * If the given variable is a string, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is string?
+ * @memberof module:type
+ */
+function isString(obj) {
+  return typeof obj === 'string' || obj instanceof String;
+}
+
+module.exports = isString;
+
+
+/***/ }),
+/* 10 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Execute the provided callback once for each property of object which actually exist.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Execute the provided callback once for each property of object which actually exist.
+ * If the callback function returns false, the loop will be stopped.
+ * Callback function(iteratee) is invoked with three arguments:
+ *  1) The value of the property
+ *  2) The name of the property
+ *  3) The object being traversed
+ * @param {Object} obj The object that will be traversed
+ * @param {function} iteratee  Callback function
+ * @param {Object} [context] Context(this) of callback function
+ * @memberof module:collection
+ * @example
+ * var forEachOwnProperties = require('tui-code-snippet/collection/forEachOwnProperties'); // node, commonjs
+ *
+ * var sum = 0;
+ *
+ * forEachOwnProperties({a:1,b:2,c:3}, function(value){
+ *     sum += value;
+ * });
+ * alert(sum); // 6
+ */
+function forEachOwnProperties(obj, iteratee, context) {
+  var key;
+
+  context = context || null;
+
+  for (key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      if (iteratee.call(context, obj[key], key, obj) === false) {
+        break;
+      }
+    }
+  }
+}
+
+module.exports = forEachOwnProperties;
+
+
+/***/ }),
+/* 11 */,
+/* 12 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return isMac; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return sendHostName; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return includes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return sanitizeLinkAttribute; });
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43);
+/* harmony import */ var tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var isMac = /Mac/.test(navigator.platform);
+function sendHostName() {
+  tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1___default()('editor', 'UA-129966929-1');
+}
+function includes(arr, targetItem) {
+  return arr.indexOf(targetItem) !== -1;
+}
+var availableLinkAttributes = ['rel', 'target', 'contenteditable', 'hreflang', 'type'];
+/**
+ * sanitize attribute for link
+ * @param {object} attribute - attribute for link
+ * @returns {object} sanitized attribute
+ */
+
+function sanitizeLinkAttribute(attribute) {
+  if (!attribute) {
+    return null;
+  }
+
+  var linkAttribute = {};
+  availableLinkAttributes.forEach(function (key) {
+    if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0___default()(attribute[key])) {
+      linkAttribute[key] = attribute[key];
+    }
+  });
+  return linkAttribute;
+}
+
+/***/ }),
+/* 13 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check element match selector
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var inArray = __webpack_require__(14);
+var toArray = __webpack_require__(3);
+
+var elProto = Element.prototype;
+var matchSelector = elProto.matches ||
+    elProto.webkitMatchesSelector ||
+    elProto.mozMatchesSelector ||
+    elProto.msMatchesSelector ||
+    function(selector) {
+      var doc = this.document || this.ownerDocument;
+
+      return inArray(this, toArray(doc.querySelectorAll(selector))) > -1;
+    };
+
+/**
+ * Check element match selector
+ * @param {HTMLElement} element - element to check
+ * @param {string} selector - selector to check
+ * @returns {boolean} is selector matched to element?
+ * @memberof module:domUtil
+ */
+function matches(element, selector) {
+  return matchSelector.call(element, selector);
+}
+
+module.exports = matches;
+
+
+/***/ }),
+/* 14 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* eslint-disable complexity */
+/**
+ * @fileoverview Returns the first index at which a given element can be found in the array.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+
+/**
+ * @module array
+ */
+
+/**
+ * Returns the first index at which a given element can be found in the array
+ * from start index(default 0), or -1 if it is not present.
+ * It compares searchElement to elements of the Array using strict equality
+ * (the same method used by the ===, or triple-equals, operator).
+ * @param {*} searchElement Element to locate in the array
+ * @param {Array} array Array that will be traversed.
+ * @param {number} startIndex Start index in array for searching (default 0)
+ * @returns {number} the First index at which a given element, or -1 if it is not present
+ * @memberof module:array
+ * @example
+ * var inArray = require('tui-code-snippet/array/inArray'); // node, commonjs
+ *
+ * var arr = ['one', 'two', 'three', 'four'];
+ * var idx1 = inArray('one', arr, 3); // -1
+ * var idx2 = inArray('one', arr); // 0
+ */
+function inArray(searchElement, array, startIndex) {
+  var i;
+  var length;
+  startIndex = startIndex || 0;
+
+  if (!isArray(array)) {
+    return -1;
+  }
+
+  if (Array.prototype.indexOf) {
+    return Array.prototype.indexOf.call(array, searchElement, startIndex);
+  }
+
+  length = array.length;
+  for (i = startIndex; startIndex >= 0 && i < length; i += 1) {
+    if (array[i] === searchElement) {
+      return i;
+    }
+  }
+
+  return -1;
+}
+
+module.exports = inArray;
+
+
+/***/ }),
+/* 15 */,
+/* 16 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check element has specific css class
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var inArray = __webpack_require__(14);
+var getClass = __webpack_require__(33);
+
+/**
+ * Check element has specific css class
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {string} cssClass - css class
+ * @returns {boolean}
+ * @memberof module:domUtil
+ */
+function hasClass(element, cssClass) {
+  var origin;
+
+  if (element.classList) {
+    return element.classList.contains(cssClass);
+  }
+
+  origin = getClass(element).split(/\s+/);
+
+  return inArray(cssClass, origin) > -1;
+}
+
+module.exports = hasClass;
+
+
+/***/ }),
+/* 17 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is an instance of Array or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is an instance of Array or not.
+ * If the given variable is an instance of Array, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is array instance?
+ * @memberof module:type
+ */
+function isArray(obj) {
+  return obj instanceof Array;
+}
+
+module.exports = isArray;
+
+
+/***/ }),
+/* 18 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return isNodeToBeCalculated; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getAdditionalTopPos; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return getParentNodeObj; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getCmRangeHeight; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getNextEmptyLineHeight; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return getTotalOffsetTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return findAdjacentElementToScrollTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getFallbackScrollTop; });
+/* harmony import */ var _utils_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
+/* harmony import */ var _utils_markdown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
+
+
+var nestableTypes = ['list', 'blockQuote'];
+var nestableTagNames = ['UL', 'OL', 'BLOCKQUOTE'];
+var tableElementTagNames = ['TR', 'TH', 'TBODY', 'TD'];
+function isNodeToBeCalculated(mdNode) {
+  return !Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTypes, mdNode.type);
+}
+function getAdditionalTopPos(scrollTop, offsetTop, currentNodeHeight, targetNodeHeight) {
+  var diff = (scrollTop - offsetTop) / currentNodeHeight;
+  return diff < 1 ? diff * targetNodeHeight : targetNodeHeight;
+}
+function getParentNodeObj(mdNode) {
+  var node = document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]");
+
+  while (!node || Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(tableElementTagNames, mdNode.type) || Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* isStyledTextNode */ "k"])(mdNode)) {
+    mdNode = mdNode.parent;
+    node = document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]");
+  }
+
+  return getNonNestableNodeObj(getParentListItemObj(mdNode));
+}
+
+function getParentListItemObj(orgMdNode) {
+  var mdNode = orgMdNode;
+
+  while (orgMdNode && orgMdNode !== 'document') {
+    if (orgMdNode.type === 'item') {
+      mdNode = orgMdNode;
+      break;
+    }
+
+    orgMdNode = orgMdNode.parent;
+  }
+
+  return {
+    mdNode: mdNode,
+    node: document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]")
+  };
+}
+
+function getNonNestableNodeObj(_ref) {
+  var mdNode = _ref.mdNode,
+      node = _ref.node;
+
+  while (Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTypes, mdNode.type) && mdNode.firstChild) {
+    mdNode = mdNode.firstChild;
+    node = node.firstElementChild;
+  }
+
+  return {
+    mdNode: mdNode,
+    node: node
+  };
+}
+
+function getCmRangeHeight(mdNode, cm) {
+  var start = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdStartLine */ "f"])(mdNode);
+  var end = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdEndLine */ "d"])(mdNode);
+  var cmNodeHeight = cm.lineInfo(start - 1).handle.height;
+  var height = cm.heightAtLine(end, 'local') - cm.heightAtLine(start - 1, 'local');
+  return height <= 0 ? cmNodeHeight : height + getNextEmptyLineHeight(cm, Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdEndLine */ "d"])(mdNode));
+}
+function getNextEmptyLineHeight(cm, start, end) {
+  if (end === void 0) {
+    end = Number.MAX_VALUE;
+  }
+
+  var lineInfo = cm.lineInfo(start);
+
+  if (!lineInfo) {
+    return 0;
+  }
+
+  var detailLineInfo = lineInfo.handle;
+  var height = 0;
+
+  while (start <= end && !detailLineInfo.text.trim()) {
+    height += detailLineInfo.height;
+    start += 1;
+    detailLineInfo = cm.lineInfo(start).handle;
+  }
+
+  return height;
+}
+function getTotalOffsetTop(el, root) {
+  var offsetTop = 0;
+
+  while (el && el !== root) {
+    if (!Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTagNames, el.tagName)) {
+      offsetTop += el.offsetTop;
+    }
+
+    if (el.offsetParent === root.offsetParent) {
+      break;
+    }
+
+    el = el.parentElement;
+  }
+
+  return offsetTop;
+}
+function findAdjacentElementToScrollTop(scrollTop, root) {
+  var el = root;
+  var prev = null;
+
+  while (el) {
+    var _el = el,
+        firstElementChild = _el.firstElementChild;
+
+    if (!firstElementChild) {
+      break;
+    }
+
+    var lastSibling = findLastSiblingElementToScrollTop(firstElementChild, scrollTop, getTotalOffsetTop(el, root));
+    prev = el;
+    el = lastSibling;
+  }
+
+  var adjacentEl = el || prev;
+  return adjacentEl === root ? null : adjacentEl;
+}
+
+function findLastSiblingElementToScrollTop(el, scrollTop, offsetTop) {
+  if (el && scrollTop > offsetTop + el.offsetTop) {
+    return findLastSiblingElementToScrollTop(el.nextElementSibling, scrollTop, offsetTop) || el;
+  }
+
+  return null;
+}
+
+function getFallbackScrollTop(scrollInfo) {
+  var latestScrollTop = scrollInfo.latestScrollTop,
+      scrollTop = scrollInfo.scrollTop,
+      targetScrollTop = scrollInfo.targetScrollTop,
+      sourceScrollTop = scrollInfo.sourceScrollTop;
+
+  if (latestScrollTop === null) {
+    return targetScrollTop;
+  }
+
+  return latestScrollTop < scrollTop ? Math.max(targetScrollTop, sourceScrollTop) : Math.min(targetScrollTop, sourceScrollTop);
+}
+
+/***/ }),
+/* 19 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Bind DOM events
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isString = __webpack_require__(9);
+var forEach = __webpack_require__(26);
+
+var safeEvent = __webpack_require__(40);
+
+/**
+ * Bind DOM events.
+ * @param {HTMLElement} element - element to bind events
+ * @param {(string|object)} types - Space splitted events names or eventName:handler object
+ * @param {(function|object)} handler - handler function or context for handler method
+ * @param {object} [context] context - context for handler method.
+ * @memberof module:domEvent
+ * @example
+ * var div = document.querySelector('div');
+ * 
+ * // Bind one event to an element.
+ * on(div, 'click', toggle);
+ * 
+ * // Bind multiple events with a same handler to multiple elements at once.
+ * // Use event names splitted by a space.
+ * on(div, 'mouseenter mouseleave', changeColor);
+ * 
+ * // Bind multiple events with different handlers to an element at once.
+ * // Use an object which of key is an event name and value is a handler function.
+ * on(div, {
+ *   keydown: highlight,
+ *   keyup: dehighlight
+ * });
+ * 
+ * // Set a context for handler method.
+ * var name = 'global';
+ * var repository = {name: 'CodeSnippet'};
+ * on(div, 'drag', function() {
+ *  console.log(this.name);
+ * }, repository);
+ * // Result when you drag a div: "CodeSnippet"
+ */
+function on(element, types, handler, context) {
+  if (isString(types)) {
+    forEach(types.split(/\s+/g), function(type) {
+      bindEvent(element, type, handler, context);
+    });
+
+    return;
+  }
+
+  forEach(types, function(func, type) {
+    bindEvent(element, type, func, handler);
+  });
+}
+
+/**
+ * Bind DOM events
+ * @param {HTMLElement} element - element to bind events
+ * @param {string} type - events name
+ * @param {function} handler - handler function or context for handler method
+ * @param {object} [context] context - context for handler method.
+ * @private
+ */
+function bindEvent(element, type, handler, context) {
+  /**
+     * Event handler
+     * @param {Event} e - event object
+     */
+  function eventHandler(e) {
+    handler.call(context || element, e || window.event);
+  }
+
+  if ('addEventListener' in element) {
+    element.addEventListener(type, eventHandler);
+  } else if ('attachEvent' in element) {
+    element.attachEvent('on' + type, eventHandler);
+  }
+  memorizeHandler(element, type, handler, eventHandler);
+}
+
+/**
+ * Memorize DOM event handler for unbinding.
+ * @param {HTMLElement} element - element to bind events
+ * @param {string} type - events name
+ * @param {function} handler - handler function that user passed at on() use
+ * @param {function} wrappedHandler - handler function that wrapped by domevent for implementing some features
+ * @private
+ */
+function memorizeHandler(element, type, handler, wrappedHandler) {
+  var events = safeEvent(element, type);
+  var existInEvents = false;
+
+  forEach(events, function(obj) {
+    if (obj.handler === handler) {
+      existInEvents = true;
+
+      return false;
+    }
+
+    return true;
+  });
+
+  if (!existInEvents) {
+    events.push({
+      handler: handler,
+      wrappedHandler: wrappedHandler
+    });
+  }
+}
+
+module.exports = on;
+
+
+/***/ }),
+/* 20 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Unbind DOM events
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isString = __webpack_require__(9);
+var forEach = __webpack_require__(26);
+
+var safeEvent = __webpack_require__(40);
+
+/**
+ * Unbind DOM events
+ * If a handler function is not passed, remove all events of that type.
+ * @param {HTMLElement} element - element to unbind events
+ * @param {(string|object)} types - Space splitted events names or eventName:handler object
+ * @param {function} [handler] - handler function
+ * @memberof module:domEvent
+ * @example
+ * // Following the example of domEvent#on
+ * 
+ * // Unbind one event from an element.
+ * off(div, 'click', toggle);
+ * 
+ * // Unbind multiple events with a same handler from multiple elements at once.
+ * // Use event names splitted by a space.
+ * off(element, 'mouseenter mouseleave', changeColor);
+ * 
+ * // Unbind multiple events with different handlers from an element at once.
+ * // Use an object which of key is an event name and value is a handler function.
+ * off(div, {
+ *   keydown: highlight,
+ *   keyup: dehighlight
+ * });
+ * 
+ * // Unbind events without handlers.
+ * off(div, 'drag');
+ */
+function off(element, types, handler) {
+  if (isString(types)) {
+    forEach(types.split(/\s+/g), function(type) {
+      unbindEvent(element, type, handler);
+    });
+
+    return;
+  }
+
+  forEach(types, function(func, type) {
+    unbindEvent(element, type, func);
+  });
+}
+
+/**
+ * Unbind DOM events
+ * If a handler function is not passed, remove all events of that type.
+ * @param {HTMLElement} element - element to unbind events
+ * @param {string} type - events name
+ * @param {function} [handler] - handler function
+ * @private
+ */
+function unbindEvent(element, type, handler) {
+  var events = safeEvent(element, type);
+  var index;
+
+  if (!handler) {
+    forEach(events, function(item) {
+      removeHandler(element, type, item.wrappedHandler);
+    });
+    events.splice(0, events.length);
+  } else {
+    forEach(events, function(item, idx) {
+      if (handler === item.handler) {
+        removeHandler(element, type, item.wrappedHandler);
+        index = idx;
+
+        return false;
+      }
+
+      return true;
+    });
+    events.splice(index, 1);
+  }
+}
+
+/**
+ * Remove an event handler
+ * @param {HTMLElement} element - An element to remove an event
+ * @param {string} type - event type
+ * @param {function} handler - event handler
+ * @private
+ */
+function removeHandler(element, type, handler) {
+  if ('removeEventListener' in element) {
+    element.removeEventListener(type, handler);
+  } else if ('detachEvent' in element) {
+    element.detachEvent('on' + type, handler);
+  }
+}
+
+module.exports = off;
+
+
+/***/ }),
+/* 21 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Execute the provided callback once for each element present in the array(or Array-like object) in ascending order.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Execute the provided callback once for each element present
+ * in the array(or Array-like object) in ascending order.
+ * If the callback function returns false, the loop will be stopped.
+ * Callback function(iteratee) is invoked with three arguments:
+ *  1) The value of the element
+ *  2) The index of the element
+ *  3) The array(or Array-like object) being traversed
+ * @param {Array|Arguments|NodeList} arr The array(or Array-like object) that will be traversed
+ * @param {function} iteratee Callback function
+ * @param {Object} [context] Context(this) of callback function
+ * @memberof module:collection
+ * @example
+ * var forEachArray = require('tui-code-snippet/collection/forEachArray'); // node, commonjs
+ *
+ * var sum = 0;
+ *
+ * forEachArray([1,2,3], function(value){
+ *     sum += value;
+ * });
+ * alert(sum); // 6
+ */
+function forEachArray(arr, iteratee, context) {
+  var index = 0;
+  var len = arr.length;
+
+  context = context || null;
+
+  for (; index < len; index += 1) {
+    if (iteratee.call(context, arr[index], index, arr) === false) {
+      break;
+    }
+  }
+}
+
+module.exports = forEachArray;
+
+
+/***/ }),
+/* 22 */
+/***/ (function(module, exports) {
+
+!function(e,t){for(var r in t)e[r]=t[r]}(exports,function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/dist",r(r.s=11)}([function(e,t,r){"use strict";r.r(t),r.d(t,"__extends",(function(){return i})),r.d(t,"__assign",(function(){return o})),r.d(t,"__rest",(function(){return a})),r.d(t,"__decorate",(function(){return s})),r.d(t,"__param",(function(){return l})),r.d(t,"__metadata",(function(){return u})),r.d(t,"__awaiter",(function(){return c})),r.d(t,"__generator",(function(){return p})),r.d(t,"__createBinding",(function(){return f})),r.d(t,"__exportStar",(function(){return d})),r.d(t,"__values",(function(){return h})),r.d(t,"__read",(function(){return g})),r.d(t,"__spread",(function(){return m})),r.d(t,"__spreadArrays",(function(){return v})),r.d(t,"__await",(function(){return b})),r.d(t,"__asyncGenerator",(function(){return y})),r.d(t,"__asyncDelegator",(function(){return C})),r.d(t,"__asyncValues",(function(){return x})),r.d(t,"__makeTemplateObject",(function(){return k})),r.d(t,"__importStar",(function(){return N})),r.d(t,"__importDefault",(function(){return w})),r.d(t,"__classPrivateFieldGet",(function(){return D})),r.d(t,"__classPrivateFieldSet",(function(){return L}));
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function i(e,t){function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var o=function(){return(o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r=0;s--)(i=e[s])&&(a=(o<3?i(a):o>3?i(t,r,a):i(t,r))||a);return o>3&&a&&Object.defineProperty(t,r,a),a}function l(e,t){return function(r,n){t(r,n,e)}}function u(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function c(e,t,r,n){return new(r||(r=Promise))((function(i,o){function a(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,s)}l((n=n.apply(e,t||[])).next())}))}function p(e,t){var r,n,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(o){return function(s){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;a;)try{if(r=1,n&&(i=2&o[0]?n.return:o[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;switch(n=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,n=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(i=a.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function g(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,i,o=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=o.next()).done;)a.push(n.value)}catch(e){i={error:e}}finally{try{n&&!n.done&&(r=o.return)&&r.call(o)}finally{if(i)throw i.error}}return a}function m(){for(var e=[],t=0;t1||s(e,t)}))})}function s(e,t){try{(r=i[e](t)).value instanceof b?Promise.resolve(r.value.v).then(l,u):c(o[0][2],r)}catch(e){c(o[0][3],e)}var r}function l(e){s("next",e)}function u(e){s("throw",e)}function c(e,t){e(t),o.shift(),o.length&&s(o[0][0],o[0][1])}}function C(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,i){t[n]=e[n]?function(t){return(r=!r)?{value:b(e[n](t)),done:"return"===n}:i?i(t):t}:i}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=h(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,i){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,i,(t=e[r](t)).done,t.value)}))}}}function k(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}function N(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function w(e){return e&&e.__esModule?e:{default:e}}function D(e,t){if(!t.has(e))throw new TypeError("attempted to get private field on non-instance");return t.get(e)}function L(e,t,r){if(!t.has(e))throw new TypeError("attempted to set private field on non-instance");return t.set(e,r),r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.text=t.isRefDef=t.isTable=t.isList=t.isHeading=t.isHtmlBlock=t.isCodeBlock=t.createNode=t.RefDefNode=t.TableCellNode=t.TableNode=t.CodeNode=t.HtmlBlockNode=t.CodeBlockNode=t.LinkNode=t.HeadingNode=t.ListNode=t.BlockNode=t.Node=t.removeAllNode=t.removeNodeById=t.getNodeById=t.isContainer=void 0;var n=r(0),i=n.__importDefault(r(18));function o(e){switch(e.type){case"document":case"blockQuote":case"list":case"item":case"paragraph":case"heading":case"emph":case"strong":case"strike":case"link":case"image":case"table":case"tableHead":case"tableBody":case"tableRow":case"tableCell":case"tableDelimRow":return!0;default:return!1}}t.isContainer=o;var a=1,s={};t.getNodeById=function(e){return s[e]},t.removeNodeById=function(e){delete s[e]},t.removeAllNode=function(){s={}};var l=function(){function e(e,t){this.parent=null,this.prev=null,this.next=null,this.firstChild=null,this.lastChild=null,this.literal=null,this.id="document"===e?-1:a++,this.type=e,this.sourcepos=t,s[this.id]=this}return e.prototype.isContainer=function(){return o(this)},e.prototype.unlink=function(){this.prev?this.prev.next=this.next:this.parent&&(this.parent.firstChild=this.next),this.next?this.next.prev=this.prev:this.parent&&(this.parent.lastChild=this.prev),this.parent=null,this.next=null,this.prev=null},e.prototype.replaceWith=function(e){this.insertBefore(e),this.unlink()},e.prototype.insertAfter=function(e){e.unlink(),e.next=this.next,e.next&&(e.next.prev=e),e.prev=this,this.next=e,this.parent&&(e.parent=this.parent,e.next||(e.parent.lastChild=e))},e.prototype.insertBefore=function(e){e.unlink(),e.prev=this.prev,e.prev&&(e.prev.next=e),e.next=this,this.prev=e,e.parent=this.parent,e.prev||(e.parent.firstChild=e)},e.prototype.appendChild=function(e){e.unlink(),e.parent=this,this.lastChild?(this.lastChild.next=e,e.prev=this.lastChild,this.lastChild=e):(this.firstChild=e,this.lastChild=e)},e.prototype.prependChild=function(e){e.unlink(),e.parent=this,this.firstChild?(this.firstChild.prev=e,e.next=this.firstChild,this.firstChild=e):(this.firstChild=e,this.lastChild=e)},e.prototype.walker=function(){return new i.default(this)},e}();t.Node=l;var u=function(e){function t(t,r){var n=e.call(this,t,r)||this;return n.open=!0,n.lineOffsets=null,n.stringContent=null,n.lastLineBlank=!1,n.lastLineChecked=!1,n.customType=null,n.type=t,n}return n.__extends(t,e),t}(l);t.BlockNode=u;var c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.listData=null,t}return n.__extends(t,e),t}(u);t.ListNode=c;var p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.level=0,t.headingType="atx",t}return n.__extends(t,e),t}(u);t.HeadingNode=p;var f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.destination=null,t.title=null,t.extendedAutolink=!1,t}return n.__extends(t,e),t}(l);t.LinkNode=f;var d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.isFenced=!1,t.fenceChar=null,t.fenceLength=0,t.fenceOffset=-1,t.info=null,t.infoPadding=0,t}return n.__extends(t,e),t}(u);t.CodeBlockNode=d;var h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.htmlBlockType=-1,t}return n.__extends(t,e),t}(u);t.HtmlBlockNode=h;var g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.tickCount=0,t}return n.__extends(t,e),t}(l);t.CodeNode=g;var m=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.columns=[],t}return n.__extends(t,e),t}(u);t.TableNode=m;var v=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.startIdx=0,t.endIdx=0,t.paddingLeft=0,t.paddingRight=0,t.ignored=!1,t}return n.__extends(t,e),t}(u);t.TableCellNode=v;var b=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.title="",t.dest="",t.label="",t}return n.__extends(t,e),t}(u);function y(e,t){switch(e){case"heading":return new p(e,t);case"list":case"item":return new c(e,t);case"link":case"image":return new f(e,t);case"codeBlock":return new d(e,t);case"htmlBlock":return new h(e,t);case"table":return new m(e,t);case"tableCell":return new v(e,t);case"document":case"paragraph":case"blockQuote":case"thematicBreak":case"tableRow":case"tableBody":case"tableHead":return new u(e,t);case"code":return new g(e,t);case"refDef":return new b(e,t);default:return new l(e,t)}}t.RefDefNode=b,t.createNode=y,t.isCodeBlock=function(e){return"codeBlock"===e.type},t.isHtmlBlock=function(e){return"htmlBlock"===e.type},t.isHeading=function(e){return"heading"===e.type},t.isList=function(e){return"list"===e.type},t.isTable=function(e){return"table"===e.type},t.isRefDef=function(e){return"refDef"===e.type},t.text=function(e,t){var r=y("text",t);return r.literal=e,r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isEmpty=t.last=t.repeat=t.escapeXml=t.normalizeURI=t.unescapeString=t.ESCAPABLE=t.ENTITY=void 0;var n=r(0).__importDefault(r(12)),i=r(8);t.ENTITY="&(?:#x[a-f0-9]{1,6}|#[0-9]{1,7}|[a-z][a-z0-9]{1,31});";var o=/[\\&]/;t.ESCAPABLE="[!\"#$%&'()*+,./:;<=>?@[\\\\\\]^_`{|}~-]";var a=new RegExp("\\\\"+t.ESCAPABLE+"|"+t.ENTITY,"gi"),s=new RegExp('[&<>"]',"g"),l=function(e){return 92===e.charCodeAt(0)?e.charAt(1):i.decodeHTML(e)};function u(e){switch(e){case"&":return"&";case"<":return"<";case">":return">";case'"':return""";default:return e}}t.unescapeString=function(e){return o.test(e)?e.replace(a,l):e},t.normalizeURI=function(e){try{return n.default(e)}catch(t){return e}},t.escapeXml=function(e){return s.test(e)?e.replace(s,u):e},t.repeat=function(e,t){for(var r=[],n=0;nt&&(t+=1),this.root.sourcepos[1]=[t+1,e[t].length]},e.prototype.replaceRangeNodes=function(e,t,r){e?(a.insertNodesBefore(e,r),a.removeNextUntil(e,t),[e.id,t.id].forEach((function(e){return o.removeNodeById(e)})),e.unlink()):t?(a.insertNodesBefore(t,r),o.removeNodeById(t.id),t.unlink()):a.prependChildNodes(this.root,r)},e.prototype.getNodeRange=function(e,t){var r=a.findChildNodeAtLine(this.root,e[0]),n=a.findChildNodeAtLine(this.root,t[0]);return n&&n.next&&t[0]+1===n.next.sourcepos[0][0]&&(n=n.next),a.getRangeForCustomType(r,n)},e.prototype.trigger=function(e,t){this.eventHandlerMap[e].forEach((function(e){e(t)}))},e.prototype.extendEndLine=function(e){for(;""===this.lineTexts[e];)e+=1;return e},e.prototype.parseRange=function(e,t,r,n){var i;e&&e.prev&&(o.isList(e.prev)&&function(e){var t=e.match(/^[ \t]+/);if(t&&(t[0].length>=2||/\t/.test(t[0])))return!0;var r=t?e.slice(t.length):e;return s.reBulletListMarker.test(r)||s.reOrderedListMarker.test(r)}(this.lineTexts[r-1])||o.isTable(e.prev)&&(i=this.lineTexts[r-1],!u.isBlank(i)&&-1!==i.indexOf("|")))&&(r=(e=e.prev).sourcepos[0][0]);for(var l=this.lineTexts.slice(r-1,n),c=this.parser.partialParseStart(r,l),p=t?t.next:this.root.firstChild,f=c.lastChild,d=f&&o.isCodeBlock(f),h=f&&o.isList(f);d&&p||h&&p&&("list"===p.type||p.sourcepos[0][1]>=2);){var g=this.extendEndLine(p.sourcepos[1][0]);this.parser.partialParseExtends(this.lineTexts.slice(n,g)),e||(e=t),t=p,n=g,p=p.next}return this.parser.partialParseFinish(),{newNodes:a.getChildNodes(c),extStartNode:e,extEndNode:t}},e.prototype.getRemovedNodeRange=function(e,t){return!e||e&&o.isRefDef(e)||t&&o.isRefDef(t)?null:{id:[e.id,t.id],line:[e.sourcepos[0][0]-1,t.sourcepos[1][0]-1]}},e.prototype.markDeletedRefMap=function(e,t){var r=this;if(!l.isEmptyObj(this.refMap)){var n=function(e){if(o.isRefDef(e)){var t=r.refMap[e.label];t&&e.id===t.id&&(t.unlinked=!0)}};e&&a.invokeNextUntil(n,e.parent,t),t&&a.invokeNextUntil(n,t)}},e.prototype.replaceWithNewRefDefState=function(e){var t=this;if(!l.isEmptyObj(this.refMap)){var r=function(e){if(o.isRefDef(e)){var r=e.label,n=t.refMap[r];n&&!n.unlinked||(t.refMap[r]=p(e))}};e.forEach((function(e){a.invokeNextUntil(r,e)}))}},e.prototype.replaceWithRefDefCandidate=function(){var e=this;l.isEmptyObj(this.refDefCandidateMap)||l.iterateObject(this.refDefCandidateMap,(function(t,r){var n=r.label,i=r.sourcepos,o=e.refMap[n];(!o||o.unlinked||o.sourcepos[0][0]>i[0][0])&&(e.refMap[n]=p(r))}))},e.prototype.getRangeWithRefDef=function(e,t,r,n,i){if(this.referenceDefinition&&!l.isEmptyObj(this.refMap)){var s=a.findChildNodeAtLine(this.root,e-1),u=a.findChildNodeAtLine(this.root,t+1);s&&o.isRefDef(s)&&s!==r&&s!==n&&(e=(r=s).sourcepos[0][0]),u&&o.isRefDef(u)&&u!==r&&u!==n&&(n=u,t=this.extendEndLine(n.sourcepos[1][0]+i))}return[r,n,e,t]},e.prototype.parseWithFrontMatter=function(e,t,r){void 0===r&&(r=0);var i=n.__spreadArrays(this.lineTexts),o=c.getFrontMatterPos(this.lineTexts),a=o[0],s=o[1];a>-1&&s>-1&&(this.lineTexts[a]=c.frontMatterOpen,this.lineTexts[s]=c.frontMatterClose,a>=t[0]-1&&(t[0]=s+1),a<=e[0]-1&&s>=t[0]-1&&(e[0]=a+1,t[0]=s+1));var l=this.parse(e,t,r);return this.lineTexts=i,l},e.prototype.parse=function(e,t,r){void 0===r&&(r=0);var n=this.getNodeRange(e,t),i=n[0],o=n[1],a=i?Math.min(i.sourcepos[0][0],e[0]):e[0],s=this.extendEndLine((o?Math.max(o.sourcepos[1][0],t[0]):t[0])+r),l=this.parseRange.apply(this,this.getRangeWithRefDef(a,s,i,o,r)),u=l.newNodes,c=l.extStartNode,p=l.extEndNode,f=this.getRemovedNodeRange(c,p),d=p?p.next:this.root.firstChild;return this.referenceDefinition?(this.markDeletedRefMap(c,p),this.replaceRangeNodes(c,p,u),this.replaceWithNewRefDefState(u)):this.replaceRangeNodes(c,p,u),{nodes:u,removedNodeRange:f,nextNode:d}},e.prototype.parseRefLink=function(){var e=this,t=[];return l.isEmptyObj(this.refMap)||l.iterateObject(this.refMap,(function(r,n){n.unlinked&&delete e.refMap[r],l.iterateObject(e.refLinkCandidateMap,(function(n,i){var o=i.node;i.refLabel===r&&t.push(e.parse(o.sourcepos[0],o.sourcepos[1]))}))})),t},e.prototype.removeUnlinkedCandidate=function(){l.isEmptyObj(this.refDefCandidateMap)||[this.refLinkCandidateMap,this.refDefCandidateMap].forEach((function(e){l.iterateObject(e,(function(t){a.isUnlinked(t)&&delete e[t]}))}))},e.prototype.editMarkdown=function(e,t,r){var n=this.updateLineTexts(e,t,r),i=this.frontMatter?this.parseWithFrontMatter(e,t,n):this.parse(e,t,n),o=l.omit(i,"nextNode");a.updateNextLineNumbers(i.nextNode,n),this.updateRootNodeState();var s=[o];return this.referenceDefinition&&(this.removeUnlinkedCandidate(),this.replaceWithRefDefCandidate(),s=s.concat(this.parseRefLink())),this.trigger("change",s),s},e.prototype.getLineTexts=function(){return this.lineTexts},e.prototype.getRootNode=function(){return this.root},e.prototype.findNodeAtPosition=function(e){var t=a.findNodeAtPosition(this.root,e);return t&&t!==this.root?t:null},e.prototype.findFirstNodeAtLine=function(e){return a.findFirstNodeAtLine(this.root,e)},e.prototype.on=function(e,t){this.eventHandlerMap[e].push(t)},e.prototype.off=function(e,t){var r=this.eventHandlerMap[e],n=r.indexOf(t);r.splice(n,1)},e.prototype.findNodeById=function(e){return a.findNodeById(e)},e.prototype.removeAllNode=function(){o.removeAllNode()},e}();t.ToastMark=f},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getFrontMatterPos=t.replaceFrontMatter=t.frontMatterClose=t.frontMatterOpen=void 0,t.frontMatterOpen="{:f",t.frontMatterClose="f:}";var n=/^---$/,i=/^---$([\s\S]*)^---$/m;t.replaceFrontMatter=function(e){var r=e.trim();return/^---/.test(r)&&function(e){return i.test(e)}(r)?e.replace(i,t.frontMatterOpen+"$1"+t.frontMatterClose):e},t.getFrontMatterPos=function(e){for(var t=-1,r=-1,i=0;i0)break;n.test(o)&&(t<0?t=i:r=i)}return[t,r]}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Parser=void 0;var n=r(0),i=r(2),o=r(1),a=r(19),s=r(22),l=r(4),u=r(10),c=r(3),p=r(6),f=r(26),d=[/./,/<\/(?:script|pre|style)>/i,/-->/,/\?>/,/>/,/\]\]>/],h=/^[#`~*+_=<>0-9-]/,g=/\r\n|\n|\r/;function m(){return o.createNode("document",[[1,1],[0,0]])}var v={smart:!1,tagFilter:!1,extendedAutolinks:!1,disallowedHtmlBlockTags:[],referenceDefinition:!1,disallowDeepHeading:!1,customParser:null,frontMatter:!1},b=function(){function e(e){this.options=n.__assign(n.__assign({},v),e),this.doc=m(),this.tip=this.doc,this.oldtip=this.doc,this.lineNumber=0,this.offset=0,this.column=0,this.nextNonspace=0,this.nextNonspaceColumn=0,this.indent=0,this.currentLine="",this.indented=!1,this.blank=!1,this.partiallyConsumedTab=!1,this.allClosed=!0,this.lastMatchedContainer=this.doc,this.refMap={},this.refLinkCandidateMap={},this.refDefCandidateMap={},this.lastLineLength=0,this.options.frontMatter&&(this.options.customParser=n.__assign(n.__assign({},f.frontMatterParser),this.options.customParser)),this.inlineParser=new a.InlineParser(this.options)}return e.prototype.advanceOffset=function(e,t){void 0===t&&(t=!1);for(var r,n,i,o=this.currentLine;e>0&&(i=o[this.offset]);)"\t"===i?(r=4-this.column%4,t?(this.partiallyConsumedTab=r>e,n=r>e?e:r,this.column+=n,this.offset+=this.partiallyConsumedTab?0:1,e-=n):(this.partiallyConsumedTab=!1,this.column+=r,this.offset+=1,e-=1)):(this.partiallyConsumedTab=!1,this.offset+=1,this.column+=1,e-=1)},e.prototype.advanceNextNonspace=function(){this.offset=this.nextNonspace,this.column=this.nextNonspaceColumn,this.partiallyConsumedTab=!1},e.prototype.findNextNonspace=function(){for(var e,t=this.currentLine,r=this.offset,n=this.column;""!==(e=t.charAt(r));)if(" "===e)r++,n++;else{if("\t"!==e)break;r++,n+=4-n%4}this.blank="\n"===e||"\r"===e||""===e,this.nextNonspace=r,this.nextNonspaceColumn=n,this.indent=this.nextNonspaceColumn-this.column,this.indented=this.indent>=l.CODE_INDENT},e.prototype.addLine=function(){if(this.partiallyConsumedTab){this.offset+=1;var e=4-this.column%4;this.tip.stringContent+=i.repeat(" ",e)}this.tip.lineOffsets?this.tip.lineOffsets.push(this.offset):this.tip.lineOffsets=[this.offset],this.tip.stringContent+=this.currentLine.slice(this.offset)+"\n"},e.prototype.addChild=function(e,t){for(;!s.blockHandlers[this.tip.type].canContain(e);)this.finalize(this.tip,this.lineNumber-1);var r=t+1,n=o.createNode(e,[[this.lineNumber,r],[0,0]]);return n.stringContent="",this.tip.appendChild(n),this.tip=n,n},e.prototype.closeUnmatchedBlocks=function(){if(!this.allClosed){for(;this.oldtip!==this.lastMatchedContainer;){var e=this.oldtip.parent;this.finalize(this.oldtip,this.lineNumber-1),this.oldtip=e}this.allClosed=!0}},e.prototype.finalize=function(e,t){var r=e.parent;e.open=!1,e.sourcepos[1]=[t,this.lastLineLength],s.blockHandlers[e.type].finalize(this,e),this.tip=r},e.prototype.processInlines=function(e){var t,r=this.options.customParser,n=e.walker();for(this.inlineParser.refMap=this.refMap,this.inlineParser.refLinkCandidateMap=this.refLinkCandidateMap,this.inlineParser.refDefCandidateMap=this.refDefCandidateMap,this.inlineParser.options=this.options;t=n.next();){var i=t.node,o=t.entering,a=i.type;r&&r[a]&&r[a](i,{entering:o,options:this.options}),o||"paragraph"!==a&&"heading"!==a&&("tableCell"!==a||i.ignored)||this.inlineParser.parse(i)}},e.prototype.incorporateLine=function(e){var t=this.doc;this.oldtip=this.tip,this.offset=0,this.column=0,this.blank=!1,this.partiallyConsumedTab=!1,this.lineNumber+=1,-1!==e.indexOf("\0")&&(e=e.replace(/\0/g,"�")),this.currentLine=e;for(var r,n=!0;(r=t.lastChild)&&r.open;){switch(t=r,this.findNextNonspace(),s.blockHandlers[t.type].continue(this,t)){case 0:break;case 1:n=!1;break;case 2:return void(this.lastLineLength=e.length);default:throw new Error("continue returned illegal value, must be 0, 1, or 2")}if(!n){t=t.parent;break}}this.allClosed=t===this.oldtip,this.lastMatchedContainer=t;for(var i="paragraph"!==t.type&&s.blockHandlers[t.type].acceptsLines,a=u.blockStarts.length;!i;){if(this.findNextNonspace(),"table"!==t.type&&"tableBody"!==t.type&&"paragraph"!==t.type&&!this.indented&&!h.test(e.slice(this.nextNonspace))){this.advanceNextNonspace();break}for(var l=0;l=1&&t.htmlBlockType<=5&&d[t.htmlBlockType].test(this.currentLine.slice(this.offset))&&(this.lastLineLength=e.length,this.finalize(t,this.lineNumber))):this.offset`\\x00-\\x20]+|'[^']*'|\"[^\"]*\"))?)*\\s*/?>",t.CLOSETAG="]";var n="(?:"+t.OPENTAG+"|"+t.CLOSETAG+"|\x3c!----\x3e|\x3c!--(?:-?[^>-])(?:-?[^-])*--\x3e|[<][?].*?[?][>]|]*>|)";t.reHtmlTag=new RegExp("^"+n,"i")},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.blockStarts=t.reOrderedListMarker=t.reBulletListMarker=void 0;var n=r(1),i=r(9),o=r(4),a=r(25),s=/^`{3,}(?!.*`)|^~{3,}/,l=[/./,/^<(?:script|pre|style)(?:\s|>|$)/i,/^/g, '');
+    root.innerHTML = html;
+  } else {
+    root.appendChild(html);
+  }
+
+  removeUnnecessaryTags(root);
+  leaveOnlyWhitelistAttribute(root);
+  return _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].finalizeHtml(root, needHtmlText);
+}
+/**
+ * Removes unnecessary tags.
+ * @param {HTMLElement} html - root element
+ * @private
+ */
+
+
+function removeUnnecessaryTags(html) {
+  var removedTags = _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].findAll(html, 'script, iframe, textarea, form, button, select, input, meta, style, link, title, embed, object, details, summary');
+  removedTags.forEach(function (node) {
+    _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].remove(node);
+  });
+}
+/**
+ * Checks whether the attribute and value that causing XSS or not.
+ * @param {string} attrName - name of attribute
+ * @param {string} attrValue - value of attirbute
+ * @param {boolean} state
+ * @private
+ */
+
+
+function isXSSAttribute(attrName, attrValue) {
+  return attrName.match(XSS_ATTR_RX) && attrValue.match(XSS_VALUE_RX);
+}
+/**
+ * Removes attributes of blacklist from node.
+ * @param {HTMLElement} node - node to remove attributes
+ * @param {NamedNodeMap} blacklistAttrs - attributes of blacklist
+ * @private
+ */
+
+
+function removeBlacklistAttributes(node, blacklistAttrs) {
+  tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(blacklistAttrs).forEach(function (_ref) {
+    var name = _ref.name;
+
+    if (ON_EVENT_RX.test(name)) {
+      node[name] = null;
+    }
+
+    if (node.getAttribute(name)) {
+      node.removeAttribute(name);
+    }
+  });
+}
+/**
+ * Leaves only white list attributes.
+ * @param {HTMLElement} html - root element
+ * @private
+ */
+
+
+function leaveOnlyWhitelistAttribute(html) {
+  _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].findAll(html, '*').forEach(function (node) {
+    var attributes = node.attributes;
+    var blacklist = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(attributes).filter(function (attr) {
+      var name = attr.name,
+          value = attr.value;
+      var htmlAttr = name.match(HTML_ATTR_LIST_RX);
+      var svgAttr = name.match(SVG_ATTR_LIST_RX);
+      var xssAttr = htmlAttr && isXSSAttribute(name, value);
+      return !htmlAttr && !svgAttr || xssAttr;
+    });
+    removeBlacklistAttributes(node, blacklist);
+  });
+}
+
+/* harmony default export */ __webpack_exports__["a"] = (htmlSanitizer);
+
+/***/ }),
+/* 26 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Execute the provided callback once for each property of object(or element of array) which actually exist.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+var forEachArray = __webpack_require__(21);
+var forEachOwnProperties = __webpack_require__(10);
+
+/**
+ * @module collection
+ */
+
+/**
+ * Execute the provided callback once for each property of object(or element of array) which actually exist.
+ * If the object is Array-like object(ex-arguments object), It needs to transform to Array.(see 'ex2' of example).
+ * If the callback function returns false, the loop will be stopped.
+ * Callback function(iteratee) is invoked with three arguments:
+ *  1) The value of the property(or The value of the element)
+ *  2) The name of the property(or The index of the element)
+ *  3) The object being traversed
+ * @param {Object} obj The object that will be traversed
+ * @param {function} iteratee Callback function
+ * @param {Object} [context] Context(this) of callback function
+ * @memberof module:collection
+ * @example
+ * var forEach = require('tui-code-snippet/collection/forEach'); // node, commonjs
+ *
+ * var sum = 0;
+ *
+ * forEach([1,2,3], function(value){
+ *     sum += value;
+ * });
+ * alert(sum); // 6
+ *
+ * // In case of Array-like object
+ * var array = Array.prototype.slice.call(arrayLike); // change to array
+ * forEach(array, function(value){
+ *     sum += value;
+ * });
+ */
+function forEach(obj, iteratee, context) {
+  if (isArray(obj)) {
+    forEachArray(obj, iteratee, context);
+  } else {
+    forEachOwnProperties(obj, iteratee, context);
+  }
+}
+
+module.exports = forEach;
+
+
+/***/ }),
+/* 27 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a function or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a function or not.
+ * If the given variable is a function, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is function?
+ * @memberof module:type
+ */
+function isFunction(obj) {
+  return obj instanceof Function;
+}
+
+module.exports = isFunction;
+
+
+/***/ }),
+/* 28 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is existing or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+var isNull = __webpack_require__(48);
+
+/**
+ * Check whether the given variable is existing or not.
+ * If the given variable is not null and not undefined, returns true.
+ * @param {*} param - Target for checking
+ * @returns {boolean} Is existy?
+ * @memberof module:type
+ * @example
+ * var isExisty = require('tui-code-snippet/type/isExisty'); // node, commonjs
+ *
+ * isExisty(''); //true
+ * isExisty(0); //true
+ * isExisty([]); //true
+ * isExisty({}); //true
+ * isExisty(null); //false
+ * isExisty(undefined); //false
+*/
+function isExisty(param) {
+  return !isUndefined(param) && !isNull(param);
+}
+
+module.exports = isExisty;
+
+
+/***/ }),
+/* 29 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getHTMLRenderConvertors; });
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var baseConvertors = {
+  paragraph: function paragraph(node, _ref) {
+    var entering = _ref.entering,
+        origin = _ref.origin,
+        options = _ref.options;
+    var nodeId = options.nodeId,
+        _options$customProp = options.customProp,
+        customProp = _options$customProp === void 0 ? {} : _options$customProp;
+    var showFrontMatter = customProp.showFrontMatter && node.customType; // prevent paragraph from being removed when it's child of tight list item
+    // to show highlight style in live-preview mode
+
+    if (nodeId && !node.customType || showFrontMatter) {
+      return {
+        type: entering ? 'openTag' : 'closeTag',
+        outerNewLine: true,
+        tagName: 'p'
+      };
+    }
+
+    return origin();
+  },
+  softbreak: function softbreak(node) {
+    var isPrevNodeHTML = node.prev && node.prev.type === 'htmlInline';
+    var isPrevBR = isPrevNodeHTML && /
    /.test(node.prev.literal);
+    var content = isPrevBR ? '\n' : '
    \n';
+    return {
+      type: 'html',
+      content: content
+    };
+  },
+  item: function item(node, _ref2) {
+    var entering = _ref2.entering;
+
+    if (entering) {
+      var attributes = {};
+      var classNames = [];
+
+      if (node.listData.task) {
+        attributes['data-te-task'] = '';
+        classNames.push('task-list-item');
+
+        if (node.listData.checked) {
+          classNames.push('checked');
+        }
+      }
+
+      return {
+        type: 'openTag',
+        tagName: 'li',
+        classNames: classNames,
+        attributes: attributes,
+        outerNewLine: true
+      };
+    }
+
+    return {
+      type: 'closeTag',
+      tagName: 'li',
+      outerNewLine: true
+    };
+  },
+  code: function code(node) {
+    var attributes = {
+      'data-backticks': node.tickCount
+    };
+    return [{
+      type: 'openTag',
+      tagName: 'code',
+      attributes: attributes
+    }, {
+      type: 'text',
+      content: node.literal
+    }, {
+      type: 'closeTag',
+      tagName: 'code'
+    }];
+  },
+  codeBlock: function codeBlock(node) {
+    var infoWords = node.info ? node.info.split(/\s+/) : [];
+    var preClasses = [];
+    var codeAttrs = {};
+
+    if (node.fenceLength > 3) {
+      codeAttrs['data-backticks'] = node.fenceLength;
+    }
+
+    if (infoWords.length > 0 && infoWords[0].length > 0) {
+      var lang = infoWords[0];
+      preClasses.push("lang-" + lang);
+      codeAttrs['data-language'] = lang;
+    }
+
+    return [{
+      type: 'openTag',
+      tagName: 'pre',
+      classNames: preClasses
+    }, {
+      type: 'openTag',
+      tagName: 'code',
+      attributes: codeAttrs
+    }, {
+      type: 'text',
+      content: node.literal
+    }, {
+      type: 'closeTag',
+      tagName: 'code'
+    }, {
+      type: 'closeTag',
+      tagName: 'pre'
+    }];
+  }
+};
+function getHTMLRenderConvertors(linkAttribute, customConvertors) {
+  var convertors = _extends({}, baseConvertors);
+
+  if (linkAttribute) {
+    convertors.link = function (_, _ref3) {
+      var entering = _ref3.entering,
+          origin = _ref3.origin;
+      var result = origin();
+
+      if (entering) {
+        result.attributes = _extends({}, result.attributes, linkAttribute);
+      }
+
+      return result;
+    };
+  }
+
+  if (customConvertors) {
+    Object.keys(customConvertors).forEach(function (nodeType) {
+      var orgConvertor = convertors[nodeType];
+      var customConvertor = customConvertors[nodeType];
+
+      if (orgConvertor) {
+        convertors[nodeType] = function (node, context) {
+          var newContext = _extends({}, context);
+
+          newContext.origin = function () {
+            return orgConvertor(node, context);
+          };
+
+          return customConvertor(node, newContext);
+        };
+      } else {
+        convertors[nodeType] = customConvertor;
+      }
+    });
+  }
+
+  return convertors;
+}
+
+/***/ }),
+/* 30 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export CodeBlockManager */
+/**
+ * @fileoverview Implements CodeBlockManager
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Code Block Manager
+ */
+var CodeBlockManager = /*#__PURE__*/function () {
+  function CodeBlockManager() {
+    this._replacers = {};
+  }
+  /**
+   * Set replacer for code block
+   * @param {string} language - code block language
+   * @param {function} replacer - replacer function to code block element
+   */
+
+
+  var _proto = CodeBlockManager.prototype;
+
+  _proto.setReplacer = function setReplacer(language, replacer) {
+    language = language.toLowerCase();
+    this._replacers[language] = replacer;
+  }
+  /**
+   * get replacer for code block
+   * @param {string} language - code block type
+   * @returns {function} - replacer function
+   */
+  ;
+
+  _proto.getReplacer = function getReplacer(language) {
+    return this._replacers[language];
+  }
+  /**
+   * Create code block html.
+   * @param {string} language - code block language
+   * @param {string} codeText - code text
+   * @returns {string}
+   */
+  ;
+
+  _proto.createCodeBlockHtml = function createCodeBlockHtml(language, codeText) {
+    language = language.toLowerCase();
+    var replacer = this.getReplacer(language);
+
+    if (replacer) {
+      return replacer(codeText, language);
+    }
+
+    return escape(codeText, false);
+  };
+
+  return CodeBlockManager;
+}();
+/**
+ * escape code from markdown-it
+ * @param {string} html HTML string
+ * @param {string} encode Boolean value of whether encode or not
+ * @returns {string}
+ * @ignore
+ */
+
+
+function escape(html, encode) {
+  return html.replace(!encode ? /&(?!#?\w+;)/g : /&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/'/g, ''');
+}
+
+
+/* harmony default export */ __webpack_exports__["a"] = (new CodeBlockManager());
+
+/***/ }),
+/* 31 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return invokePlugins; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getPluginInfo; });
+/* harmony import */ var tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17);
+/* harmony import */ var tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(27);
+/* harmony import */ var tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1__);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+/**
+ * Invoke plugins
+ * @param {Array.} plugins - list of plugin function only or
+ *                                  plugin function with options
+ * @param {Editor|Viewer} editor - editor or viewer instance
+ */
+
+function invokePlugins(plugins, editor) {
+  plugins.forEach(function (plugin) {
+    if (tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(plugin)) {
+      plugin(editor);
+    } else if (tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin)) {
+      var pluginFn = plugin[0],
+          _plugin$ = plugin[1],
+          options = _plugin$ === void 0 ? {} : _plugin$;
+      pluginFn(editor, options);
+    }
+  });
+}
+/**
+ * Get plugin info
+ * @param {Array.} plugins - list of plugin function only or
+ *                                  plugin function with options
+ * @returns {Object} - plugin info
+ */
+
+function getPluginInfo(plugins) {
+  if (!plugins) {
+    return {};
+  }
+
+  return plugins.reduce(function (acc, plugin) {
+    var pluginInfo = tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin) ? plugin[0] : plugin;
+
+    if (!tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(pluginInfo)) {
+      var renderer = pluginInfo.renderer,
+          parser = pluginInfo.parser,
+          pluginFn = pluginInfo.pluginFn;
+      plugin = tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin) ? [pluginFn, plugin[1]] : pluginFn;
+
+      if (renderer) {
+        acc.renderer = _extends({}, acc.renderer, renderer);
+      }
+
+      if (parser) {
+        acc.parser = _extends({}, acc.parser, parser);
+      }
+    }
+
+    acc.plugins.push(plugin);
+    return acc;
+  }, {
+    plugins: [],
+    renderer: {},
+    parser: {}
+  });
+}
+
+/***/ }),
+/* 32 */
+/***/ (function(module, exports, __webpack_require__) {
+
+/*!
+ * to-mark
+ * @version 1.0.1 | Tue Nov 24 2020
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(true)
+		module.exports = factory();
+	else {}
+})(window, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./src/domRunner.js
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements DomRunner
+ * @author NHN Ent. FE Development Lab 
+ */
+var NODE = {
+  ELEMENT_NODE: 1,
+  ATTRIBUTE_NODE: 2,
+  TEXT_NODE: 3
+};
+/**
+ * DomRunner
+ * @param {HTMLElement} node A root node that it has nodes to iterate(not iterate itself and its any siblings)
+ * @class
+ */
+
+var DomRunner = /*#__PURE__*/function () {
+  function DomRunner(node) {
+    this._normalizeTextChildren(node);
+
+    this._root = node;
+    this._current = node;
+  }
+  /**
+   * Iterate next node
+   * @returns {HTMLElement} next node
+   */
+
+
+  var _proto = DomRunner.prototype;
+
+  _proto.next = function next() {
+    var current = this._current;
+    var node;
+
+    if (this._current) {
+      node = this._getNextNode(current);
+
+      while (this._isNeedNextSearch(node, current)) {
+        current = current.parentNode;
+        node = current.nextSibling;
+      }
+
+      this._current = node;
+    }
+
+    return this._current;
+  }
+  /**
+   * Return current node
+   * @returns {HTMLElement} current node
+   */
+  ;
+
+  _proto.getNode = function getNode() {
+    this._normalizeTextChildren(this._current);
+
+    return this._current;
+  };
+
+  _proto._normalizeTextChildren = function _normalizeTextChildren(node) {
+    if (!node || node.childNodes.length < 2) {
+      return;
+    }
+
+    var childNode = node.firstChild;
+    var nextNode;
+
+    while (childNode.nextSibling) {
+      nextNode = childNode.nextSibling;
+
+      if (childNode.nodeType === NODE.TEXT_NODE && nextNode.nodeType === NODE.TEXT_NODE) {
+        childNode.nodeValue += nextNode.nodeValue;
+        node.removeChild(nextNode);
+      } else {
+        childNode = nextNode;
+      }
+    }
+  }
+  /**
+   * Get current node's text content
+   * @returns {string} text
+   */
+  ;
+
+  _proto.getNodeText = function getNodeText() {
+    var node = this.getNode();
+    var text;
+
+    if (node.nodeType === NODE.TEXT_NODE) {
+      text = node.nodeValue;
+    } else {
+      text = node.textContent || node.innerText;
+    }
+
+    return text;
+  }
+  /**
+   * Check if there is next node to iterate
+   * @private
+   * @param {HTMLElement} node next node
+   * @param {HTMLElement} current next node
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto._isNeedNextSearch = function _isNeedNextSearch(node, current) {
+    return !node && current !== this._root && current.parentNode !== this._root;
+  }
+  /**
+   * Return available next node
+   * @private
+   * @param {HTMLElement} current current node
+   * @returns {node} next node
+   */
+  ;
+
+  _proto._getNextNode = function _getNextNode(current) {
+    return current.firstChild || current.nextSibling;
+  };
+
+  return DomRunner;
+}();
+
+_defineProperty(DomRunner, "NODE_TYPE", NODE);
+
+
+// CONCATENATED MODULE: ./src/toDom.js
+/**
+ * @fileoverview Implements toDom
+ * @author NHN Ent. FE Development Lab 
+ */
+var FIND_FIRST_LAST_SPACE_OR_RETURN_OR_TAB_RX = /^[\s\r\n\t]+|[\s\r\n\t]+$/g;
+var FIND_RETURN_OR_TAB_BETWEEN_TAGS_RX = />[\r\n\t]+[ ]+<'); // remove spaces more than 1(if need more space, must use  )
+
+  html = html.replace(FIND_WHOLE_SPACE_MORE_THAN_ONE_BETWEEN_TAGS_RX, '> <');
+  return html;
+}
+
+toDom.preProcess = preProcess;
+// CONCATENATED MODULE: ./src/renderer.js
+function renderer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements Renderer
+ * @author NHN Ent. FE Development Lab 
+ */
+var FIND_LEAD_SPACE_RX = /^\u0020/;
+var FIND_TRAIL_SPACE_RX = /.+\u0020$/;
+var FIND_SPACE_RETURN_TAB_RX = /[\n\s\t]+/g;
+var FIND_CHAR_TO_TRIM_RX = /^[\u0020\r\n\t]+|[\u0020\r\n\t]+$/g; // find first and last characters for trim
+
+var FIND_SPACE_MORE_THAN_ONE_RX = /[\u0020]+/g; // find space more than one
+
+var FIND_CHAR_TO_ESCAPE_RX = /[>(){}[\]+-.!#|]/g; // find characters that need escape
+
+var FIND_CHAR_TO_ESCAPE_IN_LINK_RX = /[[\]]/g; // find characters to be escaped in links or images
+
+var FIND_MARKDOWN_IMAGE_SYNTAX_RX = /!\[.*\]\(.*\)/g; // find markdown image syntax
+
+var TEXT_NODE = 3;
+/**
+ * Iterate properties of object
+ * from https://github.com/nhnent/fe.code-snippet/blob/master/src/collection.js
+ * @param {object} obj object to iterate
+ * @param {function} iteratee callback function
+ * @param {*} [context] context of callback
+ */
+
+function forEachOwnProperties(obj, iteratee, context) {
+  var key;
+  context = context || null;
+
+  for (key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      if (iteratee.call(context, obj[key], key, obj) === false) {
+        break;
+      }
+    }
+  }
+}
+/**
+ * Whether if inline node or not
+ * @param {Node} node Element
+ * @returns {boolean}
+ */
+// eslint-disable-next-line complexity
+
+
+function isInlineNode(node) {
+  var tag = node.tagName;
+  return tag === 'S' || tag === 'B' || tag === 'I' || tag === 'EM' || tag === 'STRONG' || tag === 'A' || tag === 'IMG' || tag === 'CODE';
+}
+/**
+ * Returns HTML string of an element using given subContent
+ * @param {Node} node Element
+ * @param {string} subContent string content of node
+ * @returns {string}
+ */
+
+
+function getRawHtmlString(node, subContent) {
+  var tempNode = node.cloneNode(false);
+  tempNode.innerHTML = subContent;
+  return tempNode.outerHTML;
+}
+/**
+ * Clone rules
+ * @param {object} destination object for apply rules
+ * @param {object} source source object for clone rules
+ */
+
+
+function cloneRules(destination, source) {
+  forEachOwnProperties(source, function (value, key) {
+    if (key !== 'converter') {
+      if (!destination[key]) {
+        destination[key] = {};
+      }
+
+      cloneRules(destination[key], value);
+    } else {
+      destination[key] = value;
+    }
+  });
+}
+/**
+ * Renderer
+ * @param {object} [rules] rules to add
+ * @class
+ */
+
+
+var Renderer = /*#__PURE__*/function () {
+  function Renderer(rules) {
+    this.rules = {};
+    /**
+     * Line feed replacement text
+     * @type string
+     */
+
+    this.lineFeedReplacement = "\u200B\u200B";
+
+    if (rules) {
+      this.addRules(rules);
+    }
+  }
+  /**
+   * Add rule
+   * @param {string} selectorString rule selector
+   * @param {function} converter converter function
+   */
+
+
+  var _proto = Renderer.prototype;
+
+  _proto.addRule = function addRule(selectorString, converter) {
+    var selectors = selectorString.split(', ');
+    var selector = selectors.pop();
+    converter.fname = selectorString;
+
+    while (selector) {
+      this._setConverterWithSelector(selector, converter);
+
+      selector = selectors.pop();
+    }
+  }
+  /**
+   * Add rules using object
+   * @param {object} rules key(rule selector), value(converter function)
+   */
+  ;
+
+  _proto.addRules = function addRules(rules) {
+    forEachOwnProperties(rules, function (converter, selectorString) {
+      this.addRule(selectorString, converter);
+    }, this);
+  }
+  /**
+   * Remove flanked space of dom node
+   * @param {string} content text content
+   * @param {HTMLElement} node current node
+   * @returns {string} result
+   */
+  // eslint-disable-next-line complexity
+  ;
+
+  _proto.getSpaceControlled = function getSpaceControlled(content, node) {
+    var lead = '';
+    var trail = '';
+    var text;
+
+    if (node.previousSibling && (node.previousSibling.nodeType === TEXT_NODE || isInlineNode(node.previousSibling))) {
+      text = node.previousSibling.innerHTML || node.previousSibling.nodeValue;
+
+      if (FIND_TRAIL_SPACE_RX.test(text) || FIND_LEAD_SPACE_RX.test(node.innerHTML || node.nodeValue)) {
+        lead = ' ';
+      }
+    }
+
+    if (node.nextSibling && (node.nextSibling.nodeType === TEXT_NODE || isInlineNode(node.nextSibling))) {
+      text = node.nextSibling.innerHTML || node.nextSibling.nodeValue;
+
+      if (FIND_LEAD_SPACE_RX.test(text) || FIND_TRAIL_SPACE_RX.test(node.innerHTML || node.nodeValue)) {
+        trail = ' ';
+      }
+    }
+
+    return lead + content + trail;
+  }
+  /**
+   * Convert dom node to markdown using dom node and subContent
+   * @param {HTMLElement} node node to convert
+   * @param {string} subContent child nodes converted text
+   * @returns {string} converted text
+   */
+  // eslint-disable-next-line complexity
+  ;
+
+  _proto.convert = function convert(node, subContent) {
+    var result;
+
+    var converter = this._getConverter(node);
+
+    if (node && node.nodeType === Node.ELEMENT_NODE && node.hasAttribute('data-tomark-pass')) {
+      node.removeAttribute('data-tomark-pass');
+      result = getRawHtmlString(node, subContent);
+    } else if (converter) {
+      result = converter.call(this, node, subContent);
+    } else if (node) {
+      result = this.getSpaceControlled(this._getInlineHtml(node, subContent), node);
+    }
+
+    return result || '';
+  };
+
+  _proto._getInlineHtml = function _getInlineHtml(node, subContent) {
+    var html = node.outerHTML;
+    var tagName = node.tagName;
+    var escapedSubContent = subContent.replace(/\$/g, '$$$$'); // escape $: replace all $ char to $$ before we throw this string to replace
+
+    return html.replace(new RegExp("(<" + tagName + " ?.*?>).*()", 'i'), "$1" + escapedSubContent + "$2");
+  }
+  /**
+   * Get converter function for node
+   * @private
+   * @param {HTMLElement} node node
+   * @returns {function} converter function
+   */
+  ;
+
+  _proto._getConverter = function _getConverter(node) {
+    var rulePointer = this.rules;
+    var converter;
+
+    while (node && rulePointer) {
+      rulePointer = this._getNextRule(rulePointer, this._getRuleNameFromNode(node));
+      node = this._getPrevNode(node);
+
+      if (rulePointer && rulePointer.converter) {
+        converter = rulePointer.converter;
+      }
+    }
+
+    return converter;
+  }
+  /**
+   * Get next rule object
+   * @private
+   * @param {object} ruleObj rule object
+   * @param {string} ruleName rule tag name to find
+   * @returns {object} rule Object
+   */
+  ;
+
+  _proto._getNextRule = function _getNextRule(ruleObj, ruleName) {
+    return ruleObj[ruleName];
+  }
+  /**
+   * Get proper rule tag name from node
+   * @private
+   * @param {HTMLElement} node node
+   * @returns {string} rule tag name
+   */
+  ;
+
+  _proto._getRuleNameFromNode = function _getRuleNameFromNode(node) {
+    return node.tagName || 'TEXT_NODE';
+  }
+  /**
+   * Get node's available parent node
+   * @private
+   * @param {HTMLElement} node node
+   * @returns {HTMLElement | undefined} result
+   */
+  ;
+
+  _proto._getPrevNode = function _getPrevNode(node) {
+    var parentNode = node.parentNode;
+    var previousNode;
+
+    if (parentNode && !parentNode.__htmlRootByToMark) {
+      previousNode = parentNode;
+    }
+
+    return previousNode;
+  }
+  /**
+   * Set converter for selector
+   * @private
+   * @param {string} selectors rule selector
+   * @param {function} converter converter function
+   */
+  ;
+
+  _proto._setConverterWithSelector = function _setConverterWithSelector(selectors, converter) {
+    var rulePointer = this.rules;
+
+    this._eachSelector(selectors, function (ruleElem) {
+      if (!rulePointer[ruleElem]) {
+        rulePointer[ruleElem] = {};
+      }
+
+      rulePointer = rulePointer[ruleElem];
+    });
+
+    rulePointer.converter = converter;
+  }
+  /**
+   * Iterate each selectors
+   * @private
+   * @param {string} selectors rule selectors
+   * @param {function} iteratee callback
+   */
+  ;
+
+  _proto._eachSelector = function _eachSelector(selectors, iteratee) {
+    var selectorArray = selectors.split(' ');
+    var selectorIndex = selectorArray.length - 1;
+
+    while (selectorIndex >= 0) {
+      iteratee(selectorArray[selectorIndex]);
+      selectorIndex -= 1;
+    }
+  }
+  /**
+   * Trim text
+   * @param {string} text text be trimed
+   * @returns {string} trimed text
+   */
+  ;
+
+  _proto.trim = function trim(text) {
+    return text.replace(FIND_CHAR_TO_TRIM_RX, '');
+  }
+  /**
+   * Returns whether text empty or not
+   * @param {string} text text be checked
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isEmptyText = function isEmptyText(text) {
+    return text.replace(FIND_SPACE_RETURN_TAB_RX, '') === '';
+  }
+  /**
+   * Collape space more than 2
+   * @param {string} text text be collapsed
+   * @returns {string} result
+   */
+  ;
+
+  _proto.getSpaceCollapsedText = function getSpaceCollapsedText(text) {
+    return text.replace(FIND_SPACE_MORE_THAN_ONE_RX, ' ');
+  }
+  /**
+   * Apply backslash escape to text
+   * @param {string} text text be processed
+   * @returns {string} processed text
+   */
+  ;
+
+  _proto.escapeText = function escapeText(text) {
+    return text.replace(FIND_CHAR_TO_ESCAPE_RX, function (matched) {
+      return "\\" + matched;
+    });
+  }
+  /**
+   * Escape given text for link
+   * @param {string} text - text be processed
+   * @returns {string} - processed text
+   */
+  ;
+
+  _proto.escapeTextForLink = function escapeTextForLink(text) {
+    var imageSyntaxRanges = [];
+    var result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(text);
+
+    while (result) {
+      imageSyntaxRanges.push([result.index, result.index + result[0].length]);
+      result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(text);
+    }
+
+    return text.replace(FIND_CHAR_TO_ESCAPE_IN_LINK_RX, function (matched, offset) {
+      var isDelimiter = imageSyntaxRanges.some(function (range) {
+        return offset > range[0] && offset < range[1];
+      });
+      return isDelimiter ? matched : "\\" + matched;
+    });
+  }
+  /**
+   * Backslash escape to text for html
+   * Apply backslash escape to text
+   * @param {string} text text be processed
+   * @returns {string} processed text
+   */
+  ;
+
+  _proto.escapeTextHtml = function escapeTextHtml(text) {
+    return text.replace(new RegExp(Renderer.markdownTextToEscapeHtmlRx.source, 'g'), function (matched) {
+      return "\\" + matched;
+    });
+  }
+  /**
+   * Backslash is using for escape ASCII punctuation character.
+   * https://spec.commonmark.org/0.29/#backslash-escapes
+   * If user input backslash as text, backslash is kept by inserting backslash.
+   * For example, if input text is "\$", this text is changed "\\$"
+   * @param {string} text text be processed
+   * @returns {string} processed text
+   */
+  ;
+
+  _proto.escapeTextBackSlash = function escapeTextBackSlash(text) {
+    return text.replace(new RegExp(Renderer.markdownTextToEscapeBackSlashRx.source, 'g'), function (matched) {
+      return "\\" + matched;
+    });
+  }
+  /**
+   * Escapes in markdown paired characters
+   * @param {string} text Text to escape
+   * @returns {string} escaped text
+   */
+  ;
+
+  _proto.escapePairedCharacters = function escapePairedCharacters(text) {
+    return text.replace(new RegExp(Renderer.markdownTextToEscapePairedCharsRx.source, 'g'), function (matched) {
+      return "\\" + matched;
+    });
+  };
+
+  _proto._isNeedEscape = function _isNeedEscape(text) {
+    var res = false;
+    var markdownTextToEscapeRx = Renderer.markdownTextToEscapeRx;
+    var type;
+
+    for (type in markdownTextToEscapeRx) {
+      if (markdownTextToEscapeRx.hasOwnProperty(type) && markdownTextToEscapeRx[type].test(text)) {
+        res = true;
+        break;
+      }
+    }
+
+    return res;
+  };
+
+  _proto._isNeedEscapeHtml = function _isNeedEscapeHtml(text) {
+    return Renderer.markdownTextToEscapeHtmlRx.test(text);
+  };
+
+  _proto._isNeedEscapeBackSlash = function _isNeedEscapeBackSlash(text) {
+    return Renderer.markdownTextToEscapeBackSlashRx.test(text);
+  };
+
+  _proto.mix = function mix(renderer) {
+    cloneRules(this.rules, renderer.rules);
+  }
+  /**
+   * Renderer factory
+   * Return new renderer
+   * @param {Renderer} srcRenderer renderer to extend
+   * @param {object} rules rule object, key(rule selector), value(converter function)
+   * @returns {Renderer} renderer
+   */
+  ;
+
+  Renderer.factory = function factory(srcRenderer, rules) {
+    var renderer = new Renderer();
+
+    if (!rules) {
+      rules = srcRenderer;
+    } else {
+      renderer.mix(srcRenderer);
+    }
+
+    renderer.addRules(rules);
+    return renderer;
+  };
+
+  return Renderer;
+}();
+
+renderer_defineProperty(Renderer, "markdownTextToEscapeRx", {
+  codeblock: /(^ {4}[^\n]+\n*)+/,
+  hr: /^ *((\* *){3,}|(- *){3,} *|(_ *){3,}) */,
+  heading: /^(#{1,6}) +[\s\S]+/,
+  lheading: /^([^\n]+)\n *(=|-){2,} */,
+  blockquote: /^( *>[^\n]+.*)+/,
+  list: /^ *(\*+|-+|\d+\.) [\s\S]+/,
+  def: /^ *\[([^\]]+)\]: *]+)>?(?: +["(]([^\n]+)[")])? */,
+  link: /!?\[.*\]\(.*\)/,
+  reflink: /!?\[.*\]\s*\[([^\]]*)\]/,
+  verticalBar: /\u007C/,
+  codeblockGfm: /^(`{3,})/,
+  codeblockTildes: /^(~{3,})/
+});
+
+renderer_defineProperty(Renderer, "markdownTextToEscapeHtmlRx", /<([a-zA-Z_][a-zA-Z0-9\-._]*)(\s|[^\\/>])*\/?>|<(\/)([a-zA-Z_][a-zA-Z0-9\-._]*)\s*\/?>||<([a-zA-Z_][a-zA-Z0-9\-.:/]*)>/);
+
+renderer_defineProperty(Renderer, "markdownTextToEscapeBackSlashRx", /\\[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~\\]/);
+
+renderer_defineProperty(Renderer, "markdownTextToEscapePairedCharsRx", /[*_~`]/);
+
+
+// CONCATENATED MODULE: ./src/renderer.basic.js
+/**
+ * @fileoverview Implements basicRenderer
+ * @author NHN Ent. FE Development Lab 
+ */
+
+var FIND_LAST_RETURN_RX = /\n$/g;
+var FIND_BR_AND_RETURN_RX = /[ \xA0]+\n\n/g;
+var FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX = /([ \xA0]+\n){2,}/g;
+var FIND_LINK_HREF = /href="(.*?)"/;
+var START_OF_LINES_RX = /^/gm;
+/**
+ * Basic Markdown Renderer
+ * @exports basicRenderer
+ * @augments Renderer
+ */
+
+/* harmony default export */ var renderer_basic = (Renderer.factory({
+  // inlines
+  TEXT_NODE: function TEXT_NODE(node) {
+    var managedText = this.trim(this.getSpaceCollapsedText(node.nodeValue));
+
+    if (this._isNeedEscapeBackSlash(managedText)) {
+      managedText = this.escapeTextBackSlash(managedText);
+    }
+
+    managedText = this.escapePairedCharacters(managedText);
+
+    if (this._isNeedEscapeHtml(managedText)) {
+      managedText = this.escapeTextHtml(managedText);
+    }
+
+    if (this._isNeedEscape(managedText)) {
+      managedText = this.escapeText(managedText);
+    }
+
+    return this.getSpaceControlled(managedText, node);
+  },
+  'CODE TEXT_NODE': function CODETEXT_NODE(node) {
+    return node.nodeValue;
+  },
+  'EM, I': function EMI(node, subContent) {
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      res = "*" + subContent + "*";
+    }
+
+    return res;
+  },
+  'STRONG, B': function STRONGB(node, subContent) {
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      res = "**" + subContent + "**";
+    }
+
+    return res;
+  },
+  A: function A(node, subContent) {
+    var res = subContent;
+    var title = '';
+    var url; // "href" attribute is difficult to predict depending on the situation
+    // so use as it is applied to html
+
+    var foundedHref = FIND_LINK_HREF.exec(node.outerHTML);
+
+    if (foundedHref) {
+      url = foundedHref[1].replace(/&/g, '&');
+    }
+
+    if (node.title) {
+      title = " \"" + node.title + "\"";
+    }
+
+    if (!this.isEmptyText(subContent) && url) {
+      res = "[" + this.escapeTextForLink(subContent) + "](" + url + title + ")";
+    }
+
+    return res;
+  },
+  IMG: function IMG(node) {
+    var src = node.getAttribute('src');
+    var alt = node.alt;
+
+    if (src) {
+      return "![" + this.escapeTextForLink(alt) + "](" + src + ")";
+    }
+
+    return '';
+  },
+  BR: function BR() {
+    return '  \n';
+  },
+  CODE: function CODE(node, subContent) {
+    var backticks, numBackticks;
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      numBackticks = parseInt(node.getAttribute('data-backticks'), 10);
+      backticks = isNaN(numBackticks) ? '`' : Array(numBackticks + 1).join('`');
+      res = backticks + subContent + backticks;
+    }
+
+    return res;
+  },
+  // Paragraphs
+  P: function P(node, subContent) {
+    var res = ''; // convert multiple brs to one br
+
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '  \n');
+
+    if (!this.isEmptyText(subContent)) {
+      res = "\n\n" + subContent + "\n\n";
+    }
+
+    return res;
+  },
+  'BLOCKQUOTE P': function BLOCKQUOTEP(node, subContent) {
+    return subContent;
+  },
+  'LI P': function LIP(node, subContent) {
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      res = subContent;
+    }
+
+    return res;
+  },
+  // Headings
+  'H1, H2, H3, H4, H5, H6': function H1H2H3H4H5H6(node, subContent) {
+    var res = '';
+    var headingNumber = parseInt(node.tagName.charAt(1), 10);
+
+    while (headingNumber) {
+      res += '#';
+      headingNumber -= 1;
+    }
+
+    res += ' ';
+    res += subContent;
+    return "\n\n" + res + "\n\n";
+  },
+  'LI H1, LI H2, LI H3, LI H4, LI H5, LI H6': function LIH1LIH2LIH3LIH4LIH5LIH6(node, subContent) {
+    var headingNumber = parseInt(node.tagName.charAt(1), 10);
+    return Array(headingNumber + 1).join('#') + " " + subContent;
+  },
+  // List
+  'UL, OL': function ULOL(node, subContent) {
+    return "\n\n" + subContent + "\n\n";
+  },
+  'LI OL, LI UL': function LIOLLIUL(node, subContent) {
+    var processedSubContent; // remove last br of li
+
+    processedSubContent = subContent.replace(FIND_BR_AND_RETURN_RX, '\n'); // parent LI converter add \n too, so we remove last return
+
+    processedSubContent = processedSubContent.replace(FIND_LAST_RETURN_RX, '');
+    var res = processedSubContent.replace(START_OF_LINES_RX, '    ');
+    return "\n" + res;
+  },
+  'UL LI': function ULLI(node, subContent) {
+    var res = ''; // convert multiple brs to one br
+
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '  \n');
+
+    if (node.firstChild && node.firstChild.tagName === 'P') {
+      res += '\n';
+    }
+
+    res += "* " + subContent + "\n";
+    return res;
+  },
+  // eslint-disable-next-line complexity
+  'OL LI': function OLLI(node, subContent) {
+    var res = '';
+    var liCounter = parseInt(node.parentNode.getAttribute('start') || 1, 10);
+
+    while (node.previousSibling) {
+      node = node.previousSibling;
+
+      if (node.nodeType === 1 && node.tagName === 'LI') {
+        liCounter += 1;
+      }
+    } // convert multiple brs to one br
+
+
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '  \n');
+
+    if (node.firstChild && node.firstChild.tagName === 'P') {
+      res += '\n';
+    }
+
+    res += liCounter + ". " + subContent + "\n";
+    return res;
+  },
+  // HR
+  HR: function HR() {
+    return '\n\n- - -\n\n';
+  },
+  // Blockquote
+  BLOCKQUOTE: function BLOCKQUOTE(node, subContent) {
+    // convert multiple brs to one emptyline
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '\n\n');
+    var trimmedText = this.trim(subContent);
+    var res = trimmedText.replace(START_OF_LINES_RX, '> ');
+    return "\n\n" + res + "\n\n";
+  },
+  // Code Block
+  'PRE CODE': function PRECODE(node, subContent) {
+    var lastNremoved = subContent.replace(FIND_LAST_RETURN_RX, '');
+    var res = lastNremoved.replace(START_OF_LINES_RX, '    ');
+    return "\n\n" + res + "\n\n";
+  }
+}));
+// CONCATENATED MODULE: ./src/renderer.gfm.js
+/**
+ * @fileoverview Implements Github flavored markdown renderer
+ * @author NHN Ent. FE Development Lab 
+ */
+
+
+/**
+ * gfmRenderer
+ * github flavored Markdown Renderer
+ *
+ * we didnt render gfm br here because we need distingush returns that made by block with br
+ * so we render gfm br later in toMark.js finalize function
+ * @exports gfmRenderer
+ * @augments Renderer
+ */
+
+/* harmony default export */ var renderer_gfm = (Renderer.factory(renderer_basic, {
+  'DEL, S': function DELS(node, subContent) {
+    return "~~" + subContent + "~~";
+  },
+  'PRE CODE': function PRECODE(node, subContent) {
+    var language = '';
+    var numberOfBackticks = node.getAttribute('data-backticks');
+
+    if (node.getAttribute('data-language')) {
+      language = " " + node.getAttribute('data-language');
+    }
+
+    numberOfBackticks = parseInt(numberOfBackticks, 10);
+    var backticks = isNaN(numberOfBackticks) ? '```' : Array(numberOfBackticks + 1).join('`');
+    subContent = subContent.replace(/(\r\n)|(\r)|(\n)/g, this.lineFeedReplacement);
+    return "\n\n" + backticks + language + "\n" + subContent + "\n" + backticks + "\n\n";
+  },
+  PRE: function PRE(node, subContent) {
+    return subContent;
+  },
+  'UL LI': function ULLI(node, subContent) {
+    return renderer_basic.convert(node, makeTaskIfNeed(node, subContent));
+  },
+  'OL LI': function OLLI(node, subContent) {
+    return renderer_basic.convert(node, makeTaskIfNeed(node, subContent));
+  },
+  // Table
+  TABLE: function TABLE(node, subContent) {
+    return "\n\n" + subContent + "\n\n";
+  },
+  'TBODY, TFOOT': function TBODYTFOOT(node, subContent) {
+    return subContent;
+  },
+  'TR TD, TR TH': function TRTDTRTH(node, subContent) {
+    subContent = subContent.replace(/(\r\n)|(\r)|(\n)/g, '');
+    return " " + subContent + " |";
+  },
+  'TD BR, TH BR': function TDBRTHBR() {
+    return '
    ';
+  },
+  TR: function TR(node, subContent) {
+    return "|" + subContent + "\n";
+  },
+  THEAD: function THEAD(node, subContent) {
+    var result = '';
+    var ths = findChildTag(findChildTag(node, 'TR')[0], 'TH');
+
+    for (var i = 0, thsLength = ths.length; i < thsLength; i += 1) {
+      result += " " + makeTableHeadAlignText(ths[i]) + " |";
+    }
+
+    return subContent ? subContent + "|" + result + "\n" : '';
+  }
+}));
+/**
+ * Make task Markdown string if need
+ * @param {HTMLElement} node Passed HTML Element
+ * @param {string} subContent node's content
+ * @returns {string}
+ */
+
+function makeTaskIfNeed(node, subContent) {
+  var condition;
+
+  if (node.className.indexOf('task-list-item') !== -1) {
+    condition = node.className.indexOf('checked') !== -1 ? 'x' : ' ';
+    subContent = "[" + condition + "] " + subContent;
+  }
+
+  return subContent;
+}
+/**
+ * Make table head align text
+ * @param {HTMLElement} th Table head cell element
+ * @returns {string}
+ */
+
+
+function makeTableHeadAlignText(th) {
+  var leftAlignValue, rightAlignValue, textLength;
+  var align = th.align;
+  textLength = th.textContent ? th.textContent.length : th.innerText.length;
+  leftAlignValue = '';
+  rightAlignValue = '';
+
+  if (align) {
+    if (align === 'left') {
+      leftAlignValue = ':';
+      textLength -= 1;
+    } else if (align === 'right') {
+      rightAlignValue = ':';
+      textLength -= 1;
+    } else if (align === 'center') {
+      rightAlignValue = ':';
+      leftAlignValue = ':';
+      textLength -= 2;
+    }
+  }
+
+  return leftAlignValue + repeatString('-', textLength) + rightAlignValue;
+}
+/**
+ * Find child element of given tag name
+ * @param {HTMLElement} node starting element
+ * @param {string} tagName Tag name for search
+ * @returns {Array.}
+ */
+
+
+function findChildTag(node, tagName) {
+  var childNodes = node.childNodes;
+  var result = [];
+
+  for (var i = 0, childLength = childNodes.length; i < childLength; i += 1) {
+    if (childNodes[i].tagName && childNodes[i].tagName === tagName) {
+      result.push(childNodes[i]);
+    }
+  }
+
+  return result;
+}
+/**
+ * Repeat given string
+ * @param {string} pattern String for repeat
+ * @param {number} count Amount of repeat
+ * @returns {string}
+ */
+
+
+function repeatString(pattern, count) {
+  var result = pattern;
+  count = Math.max(count, 3);
+
+  while (count > 1) {
+    result += pattern;
+    count -= 1;
+  }
+
+  return result;
+}
+// CONCATENATED MODULE: ./src/toMark.js
+/**
+ * @fileoverview Implements toMark
+ * @author NHN Ent. FE Development Lab 
+ */
+
+
+
+
+var FIND_UNUSED_BRS_RX = /[ \xA0]+(\n\n)/g;
+var FIND_FIRST_LAST_WITH_SPACE_RETURNS_RX = /^[\n]+|[\s\n]+$/g;
+var FIND_MULTIPLE_BRS_RX = /([ \xA0]+\n){2,}/g;
+var FIND_RETURNS_RX = /([ \xA0]){2,}\n/g;
+var FIND_RETURNS_AND_SPACE_RX = /[ \xA0\n]+/g;
+/**
+ * @exports toMark
+ * @param {string} htmlStr html string to convert
+ * @param {object} options option
+ * @param {boolean} options.gfm if this property is false turn off it cant parse gfm
+ * @param {Renderer} options.renderer pass renderer to use
+ * @returns {string} converted markdown text
+ * @example
+ * toMark('
    hello world
    '); // "# hello world"
+ * toMark('strike'); // "~~strike~~"
+ * toMark('strike', {gfm: false}); // "strike"
+ */
+
+function toMark(htmlStr, options) {
+  var isGfm = true;
+  var renderer;
+
+  if (!htmlStr) {
+    return '';
+  }
+
+  renderer = renderer_gfm;
+
+  if (options) {
+    isGfm = options.gfm;
+
+    if (isGfm === false) {
+      renderer = renderer_basic;
+    }
+
+    renderer = options.renderer || renderer;
+  }
+
+  var runner = new DomRunner(toDom(htmlStr));
+  return finalize(parse(runner, renderer), isGfm, renderer.lineFeedReplacement);
+}
+/**
+ * Parse dom to markdown
+ * @param {DomRunner} runner runner
+ * @param {Renderer} renderer renderer
+ * @returns {string} markdown text
+ */
+
+function parse(runner, renderer) {
+  var markdownContent = '';
+
+  while (runner.next()) {
+    markdownContent += tracker(runner, renderer);
+  }
+
+  return markdownContent;
+}
+/**
+ * Remove first and last return character
+ * @param {string} text text to finalize
+ * @param {boolean} isGfm isGfm flag
+ * @param {string} lineFeedReplacement Line feed replacement text
+ * @returns {string} result
+ */
+
+
+function finalize(text, isGfm, lineFeedReplacement) {
+  // collapse return and 
    
+  text = text.replace(FIND_UNUSED_BRS_RX, '\n'); // collapse multiple br
+
+  text = text.replace(FIND_MULTIPLE_BRS_RX, '\n\n');
+  text = text.replace(FIND_RETURNS_AND_SPACE_RX, function (matched) {
+    var returnCount = (matched.match(/\n/g) || []).length;
+
+    if (returnCount >= 3) {
+      return '\n\n';
+    }
+
+    if (matched >= 1) {
+      return '\n';
+    }
+
+    return matched;
+  }); // remove first and last \n
+
+  text = text.replace(FIND_FIRST_LAST_WITH_SPACE_RETURNS_RX, '');
+  text = text.replace(new RegExp(lineFeedReplacement, 'g'), '\n'); // in gfm replace '  \n' make by 
     to '\n'
+
+  if (isGfm) {
+    text = text.replace(FIND_RETURNS_RX, '\n');
+  }
+
+  return text;
+}
+/**
+ * Iterate childNodes and process conversion using recursive call
+ * @param {DomRunner} runner dom runner
+ * @param {Renderer} renderer renderer to use
+ * @returns {string} processed text
+ */
+
+
+function tracker(runner, renderer) {
+  var subContent = '';
+  var node = runner.getNode();
+
+  for (var i = 0, t = node.childNodes.length; i < t; i += 1) {
+    runner.next();
+    subContent += tracker(runner, renderer);
+  }
+
+  return renderer.convert(node, subContent);
+}
+// CONCATENATED MODULE: ./src/index.js
+/**
+ * @fileoverview Implements entry point
+ * @author NHN Ent. FE Development Lab 
+ */
+
+
+
+
+toMark.Renderer = Renderer;
+toMark.basicRenderer = renderer_basic;
+toMark.gfmRenderer = renderer_gfm;
+/* harmony default export */ var src = __webpack_exports__["default"] = (toMark);
+
+/***/ })
+/******/ ])["default"];
+});
+
+/***/ }),
+/* 33 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Get HTML element's design classes.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+
+/**
+ * Get HTML element's design classes.
+ * @param {(HTMLElement|SVGElement)} element target element
+ * @returns {string} element css class name
+ * @memberof module:domUtil
+ */
+function getClass(element) {
+  if (!element || !element.className) {
+    return '';
+  }
+
+  if (isUndefined(element.className.baseVal)) {
+    return element.className;
+  }
+
+  return element.className.baseVal;
+}
+
+module.exports = getClass;
+
+
+/***/ }),
+/* 34 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a number or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a number or not.
+ * If the given variable is a number, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is number?
+ * @memberof module:type
+ */
+function isNumber(obj) {
+  return typeof obj === 'number' || obj instanceof Number;
+}
+
+module.exports = isNumber;
+
+
+/***/ }),
+/* 35 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export CLASS_HIGHLIGHT */
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(22);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _preview__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(38);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(0);
+/* harmony import */ var _htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(29);
+/* harmony import */ var _scroll_helper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(18);
+/* harmony import */ var _scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24);
+/* harmony import */ var _utils_markdown__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2);
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements markdown preview
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+var CLASS_HIGHLIGHT = 'te-preview-highlight';
+
+function findTableCell(tableRow, _ref) {
+  var ch = _ref.ch;
+  var cell = tableRow.firstChild;
+
+  while (cell && cell.next) {
+    if (Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* getMdStartCh */ "e"])(cell.next) > ch + 1) {
+      break;
+    }
+
+    cell = cell.next;
+  }
+
+  return cell;
+}
+/**
+ * Class Markdown Preview
+ * @param {HTMLElement} el - base element
+ * @param {EventManager} eventManager - event manager
+ * @param {Convertor} convertor - convertor
+ * @param {object} options
+ * @param {boolean} options.isViewer - true for view-only mode
+ * @param {boolean} options.highlight - true for using live-highlight feature
+ * @param {object} opitons.linkAttribute - attributes for link element
+ * @param {object} opitons.customHTMLRenderer - map of custom HTML render functions
+
+ * @ignore
+ */
+
+
+var MarkdownPreview = /*#__PURE__*/function (_Preview) {
+  _inheritsLoose(MarkdownPreview, _Preview);
+
+  function MarkdownPreview(el, eventManager, convertor, options) {
+    var _this;
+
+    _this = _Preview.call(this, el, eventManager, convertor, options.isViewer) || this;
+
+    _this.lazyRunner.registerLazyRunFunction('invokeCodeBlock', _this.invokeCodeBlockPlugins, _this.delayCodeBlockTime, _assertThisInitialized(_this));
+
+    var linkAttribute = options.linkAttribute,
+        customHTMLRenderer = options.customHTMLRenderer,
+        _options$highlight = options.highlight,
+        highlight = _options$highlight === void 0 ? false : _options$highlight;
+    _this.renderHTML = Object(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__["createRenderHTML"])({
+      gfm: true,
+      nodeId: true,
+      convertors: Object(_htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_7__[/* getHTMLRenderConvertors */ "a"])(linkAttribute, customHTMLRenderer)
+    });
+    _this.cursorNodeId = null;
+
+    _this._initEvent(highlight);
+
+    return _this;
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+
+
+  var _proto = MarkdownPreview.prototype;
+
+  _proto._initEvent = function _initEvent(highlight) {
+    var _this2 = this;
+
+    this.eventManager.listen('contentChangedFromMarkdown', this.update.bind(this)); // need to implement a listener function for 'previewNeedsRefresh' event
+    // to support third-party plugins which requires re-executing script for every re-render
+
+    if (highlight) {
+      this.eventManager.listen('cursorActivity', function (_ref2) {
+        var markdownNode = _ref2.markdownNode,
+            cursor = _ref2.cursor;
+
+        _this2._updateCursorNode(markdownNode, cursor);
+      });
+      this.eventManager.listen('blur', function () {
+        _this2._removeHighlight();
+      });
+    }
+
+    tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0___default()(this.el, 'scroll', function (event) {
+      _this2.eventManager.emit('scroll', {
+        source: 'preview',
+        data: Object(_scroll_helper__WEBPACK_IMPORTED_MODULE_8__[/* findAdjacentElementToScrollTop */ "a"])(event.target.scrollTop, _this2._previewContent)
+      });
+    });
+  };
+
+  _proto._removeHighlight = function _removeHighlight() {
+    if (this.cursorNodeId) {
+      var currentEl = this._getElementByNodeId(this.cursorNodeId);
+
+      if (currentEl) {
+        tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default()(currentEl, CLASS_HIGHLIGHT);
+      }
+    }
+  };
+
+  _proto._updateCursorNode = function _updateCursorNode(cursorNode, cursorPos) {
+    if (cursorNode) {
+      cursorNode = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* findClosestNode */ "b"])(cursorNode, function (mdNode) {
+        return !Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* isInlineNode */ "h"])(mdNode);
+      });
+
+      if (cursorNode.type === 'tableRow') {
+        cursorNode = findTableCell(cursorNode, cursorPos);
+      } else if (cursorNode.type === 'tableBody') {
+        // empty line next to table
+        cursorNode = null;
+      }
+    }
+
+    var cursorNodeId = cursorNode ? cursorNode.id : null;
+
+    if (this.cursorNodeId === cursorNodeId) {
+      return;
+    }
+
+    var inFrontMatter = cursorNode && cursorNode.customType === 'frontMatter';
+
+    var oldEL = this._getElementByNodeId(this.cursorNodeId);
+
+    var newEL = this._getElementByNodeId(cursorNodeId);
+
+    if (oldEL) {
+      tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default()(oldEL, CLASS_HIGHLIGHT);
+    }
+
+    if (newEL && !inFrontMatter) {
+      tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2___default()(newEL, CLASS_HIGHLIGHT);
+    }
+
+    this.cursorNodeId = cursorNodeId;
+  };
+
+  _proto._getElementByNodeId = function _getElementByNodeId(nodeId) {
+    if (!nodeId) {
+      return null;
+    }
+
+    return this._previewContent.querySelector("[data-nodeid=\"" + nodeId + "\"]");
+  };
+
+  _proto.update = function update(changed) {
+    var _this3 = this;
+
+    changed.forEach(function (editResult) {
+      return _this3.replaceRangeNodes(editResult);
+    });
+    this.eventManager.emit('previewRenderAfter', this);
+  };
+
+  _proto.replaceRangeNodes = function replaceRangeNodes(editResult) {
+    var _this4 = this;
+
+    var nodes = editResult.nodes,
+        removedNodeRange = editResult.removedNodeRange;
+    var contentEl = this._previewContent;
+    var newHtml = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', nodes.map(function (node) {
+      return _this4.renderHTML(node);
+    }).join(''));
+
+    if (!removedNodeRange) {
+      contentEl.insertAdjacentHTML('afterbegin', newHtml);
+    } else {
+      var _removedNodeRange$id = removedNodeRange.id,
+          startNodeId = _removedNodeRange$id[0],
+          endNodeId = _removedNodeRange$id[1];
+
+      var startEl = this._getElementByNodeId(startNodeId);
+
+      var endEl = this._getElementByNodeId(endNodeId);
+
+      if (startEl) {
+        startEl.insertAdjacentHTML('beforebegin', newHtml);
+        var el = startEl;
+
+        while (el !== endEl) {
+          var nextEl = el.nextElementSibling;
+          el.parentNode.removeChild(el);
+          Object(_scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__[/* removeOffsetInfoByNode */ "c"])(el);
+          el = nextEl;
+        }
+
+        if (el.parentNode) {
+          _utils_dom__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"].remove(el);
+          Object(_scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__[/* removeOffsetInfoByNode */ "c"])(el);
+        }
+      }
+    }
+
+    var codeBlockEls = this.getCodeBlockElements(nodes.map(function (node) {
+      return node.id;
+    }));
+
+    if (codeBlockEls.length) {
+      this.lazyRunner.run('invokeCodeBlock', codeBlockEls);
+    }
+  }
+  /**
+   * render
+   * @param {string} html - html string to render
+   * @override
+   */
+  ;
+
+  _proto.render = function render(html) {
+    _Preview.prototype.render.call(this, html);
+
+    this.eventManager.emit('previewRenderAfter', this);
+  };
+
+  _proto.remove = function remove() {
+    tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1___default()(this.el, 'scroll');
+    this.el = null;
+  };
+
+  return MarkdownPreview;
+}(_preview__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"]);
+
+/* harmony default export */ __webpack_exports__["a"] = (MarkdownPreview);
+
+/***/ }),
+/* 36 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(44);
+/* harmony import */ var tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(45);
+/* harmony import */ var tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _utils_map__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23);
+/**
+ * @fileoverview Implements EventManager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var eventList = ['previewBeforeHook', 'previewRenderAfter', 'previewNeedsRefresh', 'addImageBlobHook', 'setMarkdownAfter', 'contentChangedFromWysiwyg', 'changeFromWysiwyg', 'contentChangedFromMarkdown', 'changeFromMarkdown', 'change', 'changeModeToWysiwyg', 'changeModeToMarkdown', 'changeModeBefore', 'changeMode', 'changePreviewStyle', 'changePreviewTabPreview', 'changePreviewTabWrite', 'openPopupAddLink', 'openPopupAddImage', 'openPopupAddTable', 'openPopupTableUtils', 'openHeadingSelect', 'openPopupCodeBlockLanguages', 'openPopupCodeBlockEditor', 'openDropdownToolbar', 'closePopupCodeBlockLanguages', 'closePopupCodeBlockEditor', 'closeAllPopup', 'command', 'addCommandBefore', 'htmlUpdate', 'markdownUpdate', 'renderedHtmlUpdated', 'removeEditor', 'convertorAfterMarkdownToHtmlConverted', 'convertorBeforeHtmlToMarkdownConverted', 'convertorAfterHtmlToMarkdownConverted', 'stateChange', 'wysiwygSetValueAfter', 'wysiwygSetValueBefore', 'wysiwygGetValueBefore', 'wysiwygProcessHTMLText', 'wysiwygRangeChangeAfter', 'wysiwygKeyEvent', 'scroll', 'click', 'mousedown', 'mouseover', 'mouseout', 'mouseup', 'contextmenu', 'keydown', 'keyup', 'keyMap', 'load', 'focus', 'blur', 'paste', 'pasteBefore', 'willPaste', 'copy', 'copyBefore', 'copyAfter', 'cut', 'cutAfter', 'drop', 'show', 'hide', 'changeLanguage', 'cursorActivity', 'requireScrollSync', 'requireScrollIntoView', 'setCodeBlockLanguages'];
+/**
+ * Class EventManager
+ * @ignore
+ */
+
+var EventManager = /*#__PURE__*/function () {
+  function EventManager() {
+    this.events = new _utils_map__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"]();
+    this.TYPE = new tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3___default.a(eventList);
+  }
+  /**
+   * Listen event and bind event handler
+   * @param {string} typeStr Event type string
+   * @param {function} handler Event handler
+   */
+
+
+  var _proto = EventManager.prototype;
+
+  _proto.listen = function listen(typeStr, handler) {
+    var typeInfo = this._getTypeInfo(typeStr);
+
+    var eventHandlers = this.events.get(typeInfo.type) || [];
+
+    if (!this._hasEventType(typeInfo.type)) {
+      throw new Error("There is no event type " + typeInfo.type);
+    }
+
+    if (typeInfo.namespace) {
+      handler.namespace = typeInfo.namespace;
+    }
+
+    eventHandlers.push(handler);
+    this.events.set(typeInfo.type, eventHandlers);
+  }
+  /**
+   * Emit event
+   * @param {string} eventName Event name to emit
+   * @returns {Array}
+   */
+  ;
+
+  _proto.emit = function emit() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var typeStr = args.shift();
+
+    var typeInfo = this._getTypeInfo(typeStr);
+
+    var eventHandlers = this.events.get(typeInfo.type);
+    var results;
+
+    if (eventHandlers) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(eventHandlers, function (handler) {
+        var result = handler.apply(void 0, args);
+
+        if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(result)) {
+          results = results || [];
+          results.push(result);
+        }
+      });
+    }
+
+    return results;
+  }
+  /**
+   * Emit given event and return result
+   * @param {string} eventName Event name to emit
+   * @param {string} sourceText Source text to change
+   * @returns {string}
+   */
+  ;
+
+  _proto.emitReduce = function emitReduce() {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    var type = args.shift();
+    var eventHandlers = this.events.get(type);
+
+    if (eventHandlers) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(eventHandlers, function (handler) {
+        var result = handler.apply(void 0, args);
+
+        if (!tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2___default()(result)) {
+          args[0] = result;
+        }
+      });
+    }
+
+    return args[0];
+  }
+  /**
+   * Get event type and namespace
+   * @param {string} typeStr Event type name
+   * @returns {{type: string, namespace: string}}
+   * @private
+   */
+  ;
+
+  _proto._getTypeInfo = function _getTypeInfo(typeStr) {
+    var splited = typeStr.split('.');
+    return {
+      type: splited[0],
+      namespace: splited[1]
+    };
+  }
+  /**
+   * Check whether event type exists or not
+   * @param {string} type Event type name
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._hasEventType = function _hasEventType(type) {
+    return !tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(this.TYPE[this._getTypeInfo(type).type]);
+  }
+  /**
+   * Add event type when given event not exists
+   * @param {string} type Event type name
+   */
+  ;
+
+  _proto.addEventType = function addEventType(type) {
+    if (this._hasEventType(type)) {
+      throw new Error("There is already have event type " + type);
+    }
+
+    this.TYPE.set(type);
+  }
+  /**
+   * Remove event handler from given event type
+   * @param {string} typeStr Event type name
+   * @param {function} [handler] - registered event handler
+   */
+  ;
+
+  _proto.removeEventHandler = function removeEventHandler(typeStr, handler) {
+    var _this = this;
+
+    var _this$_getTypeInfo = this._getTypeInfo(typeStr),
+        type = _this$_getTypeInfo.type,
+        namespace = _this$_getTypeInfo.namespace;
+
+    if (type && handler) {
+      this._removeEventHandlerWithHandler(type, handler);
+    } else if (type && !namespace) {
+      // dont use dot notation cuz eslint
+      this.events.delete(type);
+    } else if (!type && namespace) {
+      this.events.forEach(function (eventHandlers, eventType) {
+        _this._removeEventHandlerWithTypeInfo(eventType, namespace);
+      });
+    } else if (type && namespace) {
+      this._removeEventHandlerWithTypeInfo(type, namespace);
+    }
+  }
+  /**
+   * Remove event handler with event handler
+   * @param {string} type - event type name
+   * @param {function} handler - event handler
+   * @private
+   */
+  ;
+
+  _proto._removeEventHandlerWithHandler = function _removeEventHandlerWithHandler(type, handler) {
+    var eventHandlers = this.events.get(type) || [];
+    var handlerIndex = eventHandlers.indexOf(handler);
+
+    if (handlerIndex >= 0) {
+      eventHandlers.splice(handlerIndex, 1);
+    }
+  }
+  /**
+   * Remove event handler with event type information
+   * @param {string} type Event type name
+   * @param {string} namespace Event namespace
+   * @private
+   */
+  ;
+
+  _proto._removeEventHandlerWithTypeInfo = function _removeEventHandlerWithTypeInfo(type, namespace) {
+    var handlersToSurvive = [];
+    var eventHandlers = this.events.get(type);
+
+    if (!eventHandlers) {
+      return;
+    }
+
+    eventHandlers.map(function (handler) {
+      if (handler.namespace !== namespace) {
+        handlersToSurvive.push(handler);
+      }
+
+      return null;
+    });
+    this.events.set(type, handlersToSurvive);
+  };
+
+  return EventManager;
+}();
+
+/* harmony default export */ __webpack_exports__["a"] = (EventManager);
+
+/***/ }),
+/* 37 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(32);
+/* harmony import */ var _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(29);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0);
+/**
+ * @fileoverview Convertor have responsible to convert markdown and html
+ * @author NHN FE Development Lab 
+ */
+
+
+
+ // This regular expression refere markdownIt.
+// https://github.com/markdown-it/markdown-it/blob/master/lib/common/html_re.js
+
+var attrName = '[a-zA-Z_:][a-zA-Z0-9:._-]*';
+var unquoted = '[^"\'=<>`\\x00-\\x20]+';
+var singleQuoted = "'[^']*'";
+var doubleQuoted = '"[^"]*"';
+var attrValue = "(?:" + unquoted + "|" + singleQuoted + "|" + doubleQuoted + ")";
+var attribute = "(?:\\s+" + attrName + "(?:\\s*=\\s*" + attrValue + ")?)*\\s*";
+var openingTag = "(\\\\<|<)([A-Za-z][A-Za-z0-9\\-]*" + attribute + ")(\\/?>)";
+var HTML_TAG_RX = new RegExp(openingTag, 'g');
+var FRONT_MATTER_RX = /^\s?\\-\\-\\-([\s\S]+?)\\-\\-\\-/;
+/**
+ * Class Convertor
+ * @param {EventManager} em - EventManager instance
+ * @ignore
+ */
+
+var Convertor = /*#__PURE__*/function () {
+  function Convertor(em, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    var _options = options,
+        linkAttribute = _options.linkAttribute,
+        customHTMLRenderer = _options.customHTMLRenderer,
+        extendedAutolinks = _options.extendedAutolinks,
+        referenceDefinition = _options.referenceDefinition,
+        customParser = _options.customParser,
+        frontMatter = _options.frontMatter,
+        customProp = _options.customProp;
+    this.options = options;
+    this.mdReader = new _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__["Parser"]({
+      extendedAutolinks: extendedAutolinks,
+      disallowedHtmlBlockTags: ['br'],
+      referenceDefinition: referenceDefinition,
+      disallowDeepHeading: true,
+      customParser: customParser,
+      frontMatter: frontMatter
+    });
+    this.renderHTML = Object(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__["createRenderHTML"])({
+      gfm: true,
+      convertors: Object(_htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_2__[/* getHTMLRenderConvertors */ "a"])(linkAttribute, customHTMLRenderer),
+      customProp: customProp
+    });
+    this.eventManager = em;
+  }
+  /**
+   * _markdownToHtmlWithCodeHighlight
+   * Convert markdown to html with Codehighlight
+   * @param {string} markdown markdown text
+   * @returns {string} html text
+   * @private
+   */
+
+
+  var _proto = Convertor.prototype;
+
+  _proto._markdownToHtmlWithCodeHighlight = function _markdownToHtmlWithCodeHighlight(markdown) {
+    return this.renderHTML(this.mdReader.parse(markdown));
+  }
+  /**
+   * _markdownToHtml
+   * Convert markdown to html
+   * @param {string} markdown markdown text
+   * @param {object} env environment sandbox for markdownit
+   * @returns {string} html text
+   * @private
+   */
+  ;
+
+  _proto._markdownToHtml = function _markdownToHtml(markdown) {
+    markdown = markdown.replace(HTML_TAG_RX, function (match, $1, $2, $3) {
+      return match[0] !== '\\' ? "" + $1 + $2 + " data-tomark-pass " + $3 : match;
+    });
+    return this.renderHTML(this.mdReader.parse(markdown));
+  }
+  /**
+   * Remove BR's data-tomark-pass attribute text when br in code element
+   * @param {string} renderedHTML Rendered HTML string from markdown editor
+   * @returns {string}
+   * @private
+   */
+  ;
+
+  _proto._removeBrToMarkPassAttributeInCode = function _removeBrToMarkPassAttributeInCode(renderedHTML) {
+    var wrapper = _utils_dom__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"].createElementWith("
    " + renderedHTML + "
    ");
+    _utils_dom__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"].findAll(wrapper, 'code, pre').forEach(function (codeOrPre) {
+      var codeEelement = codeOrPre;
+      codeEelement.innerHTML = codeEelement.innerHTML.replace(/\sdata-tomark-pass\s(\/?)>/g, '$1>');
+    });
+    renderedHTML = wrapper.innerHTML;
+    return renderedHTML;
+  }
+  /**
+   * toHTMLWithCodeHighlight
+   * Convert markdown to html with Codehighlight
+   * emit convertorAfterMarkdownToHtmlConverted
+   * @param {string} markdown markdown text
+   * @returns {string} html text
+   */
+  ;
+
+  _proto.toHTMLWithCodeHighlight = function toHTMLWithCodeHighlight(markdown) {
+    var html = this._markdownToHtmlWithCodeHighlight(markdown);
+
+    html = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', html);
+    return html;
+  }
+  /**
+   * toHTML
+   * Convert markdown to html
+   * emit convertorAfterMarkdownToHtmlConverted
+   * @param {string} markdown markdown text
+   * @returns {string} html text
+   */
+  ;
+
+  _proto.toHTML = function toHTML(markdown) {
+    var html = this._markdownToHtml(markdown);
+
+    html = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', html);
+    html = this._removeBrToMarkPassAttributeInCode(html);
+    return html;
+  };
+
+  _proto.initHtmlSanitizer = function initHtmlSanitizer(sanitizer) {
+    this.eventManager.listen('convertorAfterMarkdownToHtmlConverted', function (html) {
+      return sanitizer(html, true);
+    });
+  }
+  /**
+   * toMarkdown
+   * Convert html to markdown
+   * emit convertorAfterHtmlToMarkdownConverted
+   * @param {string} html html text
+   * @param {object | null} toMarkOptions - toMark library options
+   * @returns {string} markdown text
+   */
+  ;
+
+  _proto.toMarkdown = function toMarkdown(html, toMarkOptions) {
+    var result = [];
+    html = this.eventManager.emitReduce('convertorBeforeHtmlToMarkdownConverted', html);
+    html = this._appendAttributeForLinkIfNeed(html);
+    html = this._appendAttributeForBrIfNeed(html);
+    var markdown = _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0___default()(html, toMarkOptions);
+
+    if (this.options.frontMatter) {
+      markdown = markdown.replace(FRONT_MATTER_RX, '---$1---');
+    }
+
+    markdown = this.eventManager.emitReduce('convertorAfterHtmlToMarkdownConverted', markdown);
+    markdown = this._removeNewlinesBeforeAfterAndBlockElement(markdown);
+    markdown.split('\n').forEach(function (line, index) {
+      var FIND_TABLE_RX = /^(
    )+\||\|[^|]*\|/gi;
+      var FIND_CODE_RX = /`[^`]*
    [^`]*`/gi;
+      var FIND_BRS_BEFORE_TABLE = /^(
    )+\|/gi;
+
+      if (FIND_TABLE_RX.test(line)) {
+        line = line.replace(FIND_BRS_BEFORE_TABLE, function (match) {
+          return match.replace(/
    /gi, '
    \n');
+        });
+      } else if (!FIND_CODE_RX.test(line)) {
+        line = line.replace(/
    /gi, '
    \n');
+      }
+
+      result[index] = line;
+    });
+    return result.join('\n');
+  };
+
+  _proto._removeNewlinesBeforeAfterAndBlockElement = function _removeNewlinesBeforeAfterAndBlockElement(markdown) {
+    // Newlines('\n\n') are created on to-mark.
+    var NEWLINES_BEFORE_BLOCK_RX = /
    \n\n(#{1,6} .*|```|\||(\*+|-+|\d+\.) .*| *>[^\n]+.*)/g;
+    var NEWLINES_AFTER_BLOCK_RX = /(#{1,6} .*|```|\|)\n\n
    /g;
+    markdown = markdown.replace(NEWLINES_BEFORE_BLOCK_RX, '
    $1');
+    markdown = markdown.replace(NEWLINES_AFTER_BLOCK_RX, '$1\n
    ');
+    return markdown;
+  };
+
+  _proto._appendAttributeForLinkIfNeed = function _appendAttributeForLinkIfNeed(html) {
+    var LINK_RX = /!?\[.*\]\(<\s*a[^>]*>(.*?)<\s*\/\s*a>\)/gi;
+    return html.replace(LINK_RX, function (match) {
+      return match.replace(//gi;
+    var FIND_DOUBLE_BR_RX = /

    /gi;
+    var FIND_PASSING_AND_NORMAL_BR_RX = /

    (.)/gi;
+    var FIRST_TWO_BRS_BEFORE_RX = /([^>]|<\/a>|<\/code>|<\/span>|<\/b>|<\/i>|<\/s>|]*>)/;
+    var TWO_BRS_RX = /

    /;
+    var FIND_FIRST_TWO_BRS_RX = new RegExp(FIRST_TWO_BRS_BEFORE_RX.source + TWO_BRS_RX.source, 'g');
+    var FIND_ATTRI_WITH_EMTPY_STR_RX = /
    /gi;
+    html = html.replace(FIND_BR_RX, '
    ');
+    html = html.replace(FIND_DOUBLE_BR_RX, '

    ');
+    html = html.replace(FIND_ATTRI_WITH_EMTPY_STR_RX, '
    ');
+    html = html.replace(FIND_PASSING_AND_NORMAL_BR_RX, '

    $1');
+    html = html.replace(FIND_FIRST_TWO_BRS_RX, '$1

    '); // Preserve 
     when there is only one empty line before or after a block element.
+
+    html = html.replace(/(.)

    (|
    ||
      |
        |
        )/g, '$1

        $2');
+    html = html.replace(/(<\/h[1-6]>|<\/pre>|<\/table>|<\/ul>|<\/ol>|<\/blockquote>)
        (.)/g, '$1
        $2');
+    return html;
+  };
+
+  return Convertor;
+}();
+
+/* harmony default export */ __webpack_exports__["a"] = (Convertor);
+
+/***/ }),
+/* 38 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/css.js
+var css = __webpack_require__(4);
+var css_default = /*#__PURE__*/__webpack_require__.n(css);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isString.js
+var isString = __webpack_require__(9);
+var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
+
+// CONCATENATED MODULE: ./src/js/lazyRunner.js
+/**
+ * @fileoverview Implements LazyRunner
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class LazyRunner
+ * @ignore
+ */
+
+var lazyRunner_LazyRunner = /*#__PURE__*/function () {
+  function LazyRunner() {
+    this.globalTOID = null;
+    this.lazyRunFunctions = {};
+  }
+
+  var _proto = LazyRunner.prototype;
+
+  _proto.run = function run(fn, params, context, delay) {
+    var TOID;
+
+    if (isString_default()(fn)) {
+      TOID = this._runRegisteredRun(fn, params, context, delay);
+    } else {
+      TOID = this._runSingleRun(fn, params, context, delay, this.globalTOID);
+      this.globalTOID = TOID;
+    }
+
+    return TOID;
+  };
+
+  _proto.registerLazyRunFunction = function registerLazyRunFunction(name, fn, delay, context) {
+    context = context || this;
+    this.lazyRunFunctions[name] = {
+      fn: fn,
+      delay: delay,
+      context: context,
+      TOID: null
+    };
+  };
+
+  _proto._runSingleRun = function _runSingleRun(fn, params, context, delay, TOID) {
+    this._clearTOIDIfNeed(TOID);
+
+    TOID = setTimeout(function () {
+      fn.call(context, params);
+    }, delay);
+    return TOID;
+  };
+
+  _proto._runRegisteredRun = function _runRegisteredRun(lazyRunName, params, context, delay) {
+    var lazyRunFunction = this.lazyRunFunctions[lazyRunName];
+    var fn = lazyRunFunction.fn;
+    var TOID = lazyRunFunction.TOID;
+    delay = delay || lazyRunFunction.delay;
+    context = context || lazyRunFunction.context;
+    TOID = this._runSingleRun(fn, params, context, delay, TOID);
+    lazyRunFunction.TOID = TOID;
+    return TOID;
+  };
+
+  _proto._clearTOIDIfNeed = function _clearTOIDIfNeed(TOID) {
+    if (TOID) {
+      clearTimeout(TOID);
+    }
+  };
+
+  return LazyRunner;
+}();
+
+/* harmony default export */ var lazyRunner = (lazyRunner_LazyRunner);
+// EXTERNAL MODULE: ./src/js/utils/dom.js
+var dom = __webpack_require__(0);
+
+// EXTERNAL MODULE: ./src/js/codeBlockManager.js
+var codeBlockManager = __webpack_require__(30);
+
+// CONCATENATED MODULE: ./src/js/preview.js
+/**
+ * @fileoverview Implements preview
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Class Preview
+ * @param {HTMLElement} el - Container element for preview
+ * @param {EventManager} eventManager -  Event manager instance
+ * @param {Convertor} convertor - Convertor instance
+ * @param {boolean} isViewer - whether viewer mode or not
+ * @ignore
+ */
+
+var preview_Preview = /*#__PURE__*/function () {
+  function Preview(el, eventManager, convertor, isViewer) {
+    this.eventManager = eventManager;
+    this.convertor = convertor;
+    this.el = el;
+    this.isViewer = !!isViewer;
+    this.delayCodeBlockTime = 500;
+
+    this._initContentSection();
+
+    this.lazyRunner = new lazyRunner();
+  }
+  /**
+   * Initialize content selection
+   * @private
+   */
+
+
+  var _proto = Preview.prototype;
+
+  _proto._initContentSection = function _initContentSection() {
+    this._previewContent = dom["a" /* default */].createElementWith("
        ");
+    this.el.appendChild(this._previewContent);
+  };
+
+  _proto.getCodeBlockElements = function getCodeBlockElements(nodeIds) {
+    var contentEl = this._previewContent;
+    var codeEls = [];
+    var targetEls;
+
+    if (nodeIds) {
+      targetEls = nodeIds.map(function (id) {
+        return contentEl.querySelector("[data-nodeid=\"" + id + "\"]");
+      }).filter(Boolean);
+    } else {
+      targetEls = [contentEl];
+    }
+
+    targetEls.forEach(function (targetEl) {
+      codeEls.push.apply(codeEls, dom["a" /* default */].findAll(targetEl, 'code[data-language]'));
+    });
+    return codeEls;
+  };
+
+  _proto.invokeCodeBlockPlugins = function invokeCodeBlockPlugins(codeBlocks) {
+    codeBlocks.forEach(function (codeBlock) {
+      var lang = codeBlock.getAttribute('data-language');
+      var html = codeBlockManager["a" /* default */].createCodeBlockHtml(lang, codeBlock.textContent);
+      codeBlock.innerHTML = html;
+    });
+  }
+  /**
+   * Refresh rendering
+   * @param {string} markdown Markdown text
+   */
+  ;
+
+  _proto.refresh = function refresh(markdown) {
+    if (markdown === void 0) {
+      markdown = '';
+    }
+
+    this.render(this.convertor.toHTMLWithCodeHighlight(markdown));
+    this.invokeCodeBlockPlugins(this.getCodeBlockElements());
+  }
+  /**
+   * get html string
+   * @returns {string} - html preview string
+   */
+  ;
+
+  _proto.getHTML = function getHTML() {
+    return this._previewContent.innerHTML;
+  }
+  /**
+   * set html string
+   * @param {string} html - html preview string
+   */
+  ;
+
+  _proto.setHTML = function setHTML(html) {
+    this._previewContent.innerHTML = html;
+  }
+  /**
+   * Render HTML on preview
+   * @param {string} html HTML string
+   */
+  ;
+
+  _proto.render = function render(html) {
+    var _previewContent = this._previewContent;
+    html = this.eventManager.emit('previewBeforeHook', html) || html;
+    dom["a" /* default */].empty(_previewContent);
+    _previewContent.innerHTML = html;
+  }
+  /**
+   * Set preview height
+   * @param {number} height - Height for preview container
+   */
+  ;
+
+  _proto.setHeight = function setHeight(height) {
+    css_default()(this.el, {
+      height: height + "px"
+    });
+  }
+  /**
+   * set min height
+   * @param {number} minHeight - min height
+   */
+  ;
+
+  _proto.setMinHeight = function setMinHeight(minHeight) {
+    css_default()(this.el, {
+      minHeight: minHeight + "px"
+    });
+  }
+  /**
+   * Is Preview visible
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isVisible = function isVisible() {
+    return this.el.style.display !== 'none';
+  };
+
+  return Preview;
+}();
+
+/* harmony default export */ var preview = __webpack_exports__["a"] = (preview_Preview);
+
+/***/ }),
+/* 39 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Set className value
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+var isUndefined = __webpack_require__(8);
+
+/**
+ * Set className value
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {(string|string[])} cssClass - class names
+ * @private
+ */
+function setClassName(element, cssClass) {
+  cssClass = isArray(cssClass) ? cssClass.join(' ') : cssClass;
+
+  cssClass = cssClass.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
+
+  if (isUndefined(element.className.baseVal)) {
+    element.className = cssClass;
+
+    return;
+  }
+
+  element.className.baseVal = cssClass;
+}
+
+module.exports = setClassName;
+
+
+/***/ }),
+/* 40 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Get event collection for specific HTML element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var EVENT_KEY = '_feEventKey';
+
+/**
+ * Get event collection for specific HTML element
+ * @param {HTMLElement} element - HTML element
+ * @param {string} type - event type
+ * @returns {array}
+ * @private
+ */
+function safeEvent(element, type) {
+  var events = element[EVENT_KEY];
+  var handlers;
+
+  if (!events) {
+    events = element[EVENT_KEY] = {};
+  }
+
+  handlers = events[type];
+  if (!handlers) {
+    handlers = events[type] = [];
+  }
+
+  return handlers;
+}
+
+module.exports = safeEvent;
+
+
+/***/ }),
+/* 41 */,
+/* 42 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is truthy or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isExisty = __webpack_require__(28);
+
+/**
+ * Check whether the given variable is truthy or not.
+ * If the given variable is not null or not undefined or not false, returns true.
+ * (It regards 0 as true)
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is truthy?
+ * @memberof module:type
+ */
+function isTruthy(obj) {
+  return isExisty(obj) && obj !== false;
+}
+
+module.exports = isTruthy;
+
+
+/***/ }),
+/* 43 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Send hostname on DOMContentLoaded.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+var imagePing = __webpack_require__(49);
+
+var ms7days = 7 * 24 * 60 * 60 * 1000;
+
+/**
+ * Check if the date has passed 7 days
+ * @param {number} date - milliseconds
+ * @returns {boolean}
+ * @private
+ */
+function isExpired(date) {
+  var now = new Date().getTime();
+
+  return now - date > ms7days;
+}
+
+/**
+ * Send hostname on DOMContentLoaded.
+ * To prevent hostname set tui.usageStatistics to false.
+ * @param {string} appName - application name
+ * @param {string} trackingId - GA tracking ID
+ * @ignore
+ */
+function sendHostname(appName, trackingId) {
+  var url = 'https://www.google-analytics.com/collect';
+  var hostname = location.hostname;
+  var hitType = 'event';
+  var eventCategory = 'use';
+  var applicationKeyForStorage = 'TOAST UI ' + appName + ' for ' + hostname + ': Statistics';
+  var date = window.localStorage.getItem(applicationKeyForStorage);
+
+  // skip if the flag is defined and is set to false explicitly
+  if (!isUndefined(window.tui) && window.tui.usageStatistics === false) {
+    return;
+  }
+
+  // skip if not pass seven days old
+  if (date && !isExpired(date)) {
+    return;
+  }
+
+  window.localStorage.setItem(applicationKeyForStorage, new Date().getTime());
+
+  setTimeout(function() {
+    if (document.readyState === 'interactive' || document.readyState === 'complete') {
+      imagePing(url, {
+        v: 1,
+        t: hitType,
+        tid: trackingId,
+        cid: hostname,
+        dp: hostname,
+        dh: appName,
+        el: appName,
+        ec: eventCategory
+      });
+    }
+  }, 1000);
+}
+
+module.exports = sendHostname;
+
+
+/***/ }),
+/* 44 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is falsy or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isTruthy = __webpack_require__(42);
+
+/**
+ * Check whether the given variable is falsy or not.
+ * If the given variable is null or undefined or false, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is falsy?
+ * @memberof module:type
+ */
+function isFalsy(obj) {
+  return !isTruthy(obj);
+}
+
+module.exports = isFalsy;
+
+
+/***/ }),
+/* 45 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview This module provides a Enum Constructor.
+ * @author NHN FE Development Lab 
+ * @example
+ * // node, commonjs
+ * var Enum = require('tui-code-snippet/enum/enum');
+ */
+
+
+
+var isNumber = __webpack_require__(34);
+var isArray = __webpack_require__(17);
+var toArray = __webpack_require__(3);
+var forEach = __webpack_require__(26);
+
+/**
+ * Check whether the defineProperty() method is supported.
+ * @type {boolean}
+ * @ignore
+ */
+var isSupportDefinedProperty = (function() {
+  try {
+    Object.defineProperty({}, 'x', {});
+
+    return true;
+  } catch (e) {
+    return false;
+  }
+})();
+
+/**
+ * A unique value of a constant.
+ * @type {number}
+ * @ignore
+ */
+var enumValue = 0;
+
+/**
+ * Make a constant-list that has unique values.
+ * In modern browsers (except IE8 and lower),
+ *  a value defined once can not be changed.
+ *
+ * @param {...string|string[]} itemList Constant-list (An array of string is available)
+ * @class
+ *
+ * @example
+ * var Enum = require('tui-code-snippet/enum/enum'); // node, commonjs
+ *
+ * var MYENUM = new Enum('TYPE1', 'TYPE2');
+ * var MYENUM2 = new Enum(['TYPE1', 'TYPE2']);
+ *
+ * //usage
+ * if (value === MYENUM.TYPE1) {
+ *      ....
+ * }
+ *
+ * //add (If a duplicate name is inputted, will be disregarded.)
+ * MYENUM.set('TYPE3', 'TYPE4');
+ *
+ * //get name of a constant by a value
+ * MYENUM.getName(MYENUM.TYPE1); // 'TYPE1'
+ *
+ * // In modern browsers (except IE8 and lower), a value can not be changed in constants.
+ * var originalValue = MYENUM.TYPE1;
+ * MYENUM.TYPE1 = 1234; // maybe TypeError
+ * MYENUM.TYPE1 === originalValue; // true
+ **/
+function Enum(itemList) {
+  if (itemList) {
+    this.set.apply(this, arguments);
+  }
+}
+
+/**
+ * Define a constants-list
+ * @param {...string|string[]} itemList Constant-list (An array of string is available)
+ */
+Enum.prototype.set = function(itemList) {
+  var self = this;
+
+  if (!isArray(itemList)) {
+    itemList = toArray(arguments);
+  }
+
+  forEach(itemList, function itemListIteratee(item) {
+    self._addItem(item);
+  });
+};
+
+/**
+ * Return a key of the constant.
+ * @param {number} value A value of the constant.
+ * @returns {string|undefined} Key of the constant.
+ */
+Enum.prototype.getName = function(value) {
+  var self = this;
+  var foundedKey;
+
+  forEach(this, function(itemValue, key) { // eslint-disable-line consistent-return
+    if (self._isEnumItem(key) && value === itemValue) {
+      foundedKey = key;
+
+      return false;
+    }
+  });
+
+  return foundedKey;
+};
+
+/**
+ * Create a constant.
+ * @private
+ * @param {string} name Constant name. (It will be a key of a constant)
+ */
+Enum.prototype._addItem = function(name) {
+  var value;
+
+  if (!this.hasOwnProperty(name)) {
+    value = this._makeEnumValue();
+
+    if (isSupportDefinedProperty) {
+      Object.defineProperty(this, name, {
+        enumerable: true,
+        configurable: false,
+        writable: false,
+        value: value
+      });
+    } else {
+      this[name] = value;
+    }
+  }
+};
+
+/**
+ * Return a unique value for assigning to a constant.
+ * @private
+ * @returns {number} A unique value
+ */
+Enum.prototype._makeEnumValue = function() {
+  var value;
+
+  value = enumValue;
+  enumValue += 1;
+
+  return value;
+};
+
+/**
+ * Return whether a constant from the given key is in instance or not.
+ * @param {string} key - A constant key
+ * @returns {boolean} Result
+ * @private
+ */
+Enum.prototype._isEnumItem = function(key) {
+  return isNumber(this[key]);
+};
+
+module.exports = Enum;
+
+
+/***/ }),
+/* 46 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
+/* harmony import */ var tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(19);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _mdPreview__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(35);
+/* harmony import */ var _eventManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(36);
+/* harmony import */ var _commandManager__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1);
+/* harmony import */ var _convertor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(37);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(0);
+/* harmony import */ var _codeBlockManager__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(30);
+/* harmony import */ var _pluginHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(31);
+/* harmony import */ var _utils_common__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(12);
+/* harmony import */ var _htmlSanitizer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(25);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * @fileoverview Implements editor preivew
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+var TASK_ATTR_NAME = 'data-te-task';
+var DISABLED_TASK_ATTR_NAME = 'data-te-task-disabled';
+var TASK_CHECKED_CLASS_NAME = 'checked';
+/**
+ * Class ToastUIEditorViewer
+ * @param {object} options Option object
+ *     @param {HTMLElement} options.el - container element
+ *     @param {string} [options.initialValue] Editor's initial value
+ *     @param {Object} [options.events] - Events
+ *         @param {function} [options.events.load] - It would be emitted when editor fully load
+ *         @param {function} [options.events.change] - It would be emitted when content changed
+ *         @param {function} [options.events.stateChange] - It would be emitted when format change by cursor position
+ *         @param {function} [options.events.focus] - It would be emitted when editor get focus
+ *         @param {function} [options.events.blur] - It would be emitted when editor loose focus
+ *     @param {Object} [options.hooks] - Hooks
+ *         @param {function} [options.hooks.previewBeforeHook] - Submit preview to hook URL before preview be shown
+ *     @param {Array.} [options.plugins] - Array of plugins. A plugin can be either a function or an array in the form of [function, options].
+ *     @param {boolean} [options.useDefaultHTMLSanitizer=true] - use default htmlSanitizer
+ *     @param {Object} [options.extendedAutolinks] - Using extended Autolinks specified in GFM spec
+ *     @param {Object} [options.customConvertor] - convertor extention
+ *     @param {Object} [options.linkAttribute] - Attributes of anchor element that should be rel, target, contenteditable, hreflang, type
+ *     @param {Object} [options.customHTMLRenderer] - Object containing custom renderer functions correspond to markdown node
+ *     @param {boolean} [options.referenceDefinition=false] - whether use the specification of link reference definition
+ *     @param {function} [options.customHTMLSanitizer=null] - custom HTML sanitizer
+ *     @param {boolean} [options.frontMatter=false] - whether use the front matter
+ */
+
+var ToastUIEditorViewer = /*#__PURE__*/function () {
+  function ToastUIEditorViewer(options) {
+    var _this = this;
+
+    this.options = tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1___default()({
+      useDefaultHTMLSanitizer: true,
+      linkAttribute: null,
+      extendedAutolinks: false,
+      customConvertor: null,
+      customHTMLRenderer: null,
+      referenceDefinition: false,
+      customHTMLSanitizer: null,
+      frontMatter: false
+    }, options);
+    this.codeBlockLanguages = [];
+    this.eventManager = new _eventManager__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"]();
+    this.commandManager = new _commandManager__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"](this);
+    var linkAttribute = Object(_utils_common__WEBPACK_IMPORTED_MODULE_11__[/* sanitizeLinkAttribute */ "c"])(this.options.linkAttribute);
+
+    var _getPluginInfo = Object(_pluginHelper__WEBPACK_IMPORTED_MODULE_10__[/* getPluginInfo */ "a"])(this.options.plugins),
+        renderer = _getPluginInfo.renderer,
+        parser = _getPluginInfo.parser,
+        plugins = _getPluginInfo.plugins;
+
+    var _this$options = this.options,
+        customHTMLRenderer = _this$options.customHTMLRenderer,
+        customHTMLSanitizer = _this$options.customHTMLSanitizer,
+        extendedAutolinks = _this$options.extendedAutolinks,
+        referenceDefinition = _this$options.referenceDefinition,
+        frontMatter = _this$options.frontMatter;
+    var rendererOptions = {
+      linkAttribute: linkAttribute,
+      customHTMLRenderer: _extends({}, renderer, customHTMLRenderer),
+      extendedAutolinks: extendedAutolinks,
+      referenceDefinition: referenceDefinition,
+      customParser: parser,
+      frontMatter: frontMatter
+    };
+
+    if (this.options.customConvertor) {
+      // eslint-disable-next-line new-cap
+      this.convertor = new this.options.customConvertor(this.eventManager, rendererOptions);
+    } else {
+      this.convertor = new _convertor__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"](this.eventManager, rendererOptions);
+    }
+
+    var sanitizer = customHTMLSanitizer || (this.options.useDefaultHTMLSanitizer ? _htmlSanitizer__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"] : null);
+
+    if (sanitizer) {
+      this.convertor.initHtmlSanitizer(sanitizer);
+    }
+
+    if (this.options.hooks) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(this.options.hooks, function (fn, key) {
+        _this.addHook(key, fn);
+      });
+    }
+
+    if (this.options.events) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(this.options.events, function (fn, key) {
+        _this.on(key, fn);
+      });
+    }
+
+    var _this$options2 = this.options,
+        el = _this$options2.el,
+        initialValue = _this$options2.initialValue;
+    var existingHTML = el.innerHTML;
+    el.innerHTML = '';
+    this.preview = new _mdPreview__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"](el, this.eventManager, this.convertor, _extends({}, rendererOptions, {
+      isViewer: true
+    }));
+    tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2___default()(this.preview.el, 'mousedown', this._toggleTask.bind(this));
+
+    if (plugins) {
+      Object(_pluginHelper__WEBPACK_IMPORTED_MODULE_10__[/* invokePlugins */ "b"])(plugins, this);
+    }
+
+    if (initialValue) {
+      this.setMarkdown(initialValue);
+    } else if (existingHTML) {
+      this.preview.setHTML(existingHTML);
+    }
+
+    this.eventManager.emit('load', this);
+  }
+  /**
+   * Toggle task by detecting mousedown event.
+   * @param {MouseEvent} ev - event
+   * @private
+   */
+
+
+  var _proto = ToastUIEditorViewer.prototype;
+
+  _proto._toggleTask = function _toggleTask(ev) {
+    var style = getComputedStyle(ev.target, ':before');
+
+    if (!ev.target.hasAttribute(DISABLED_TASK_ATTR_NAME) && ev.target.hasAttribute(TASK_ATTR_NAME) && _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"].isInsideButtonBox(style, ev.offsetX, ev.offsetY)) {
+      _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"].toggleClass(ev.target, TASK_CHECKED_CLASS_NAME);
+      this.eventManager.emit('change', {
+        source: 'viewer',
+        data: ev
+      });
+    }
+  }
+  /**
+   * Set content for preview
+   * @param {string} markdown Markdown text
+   */
+  ;
+
+  _proto.setMarkdown = function setMarkdown(markdown) {
+    this.markdownValue = markdown = markdown || '';
+    this.preview.refresh(this.markdownValue);
+    this.eventManager.emit('setMarkdownAfter', this.markdownValue);
+  }
+  /**
+   * Bind eventHandler to event type
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.on = function on(type, handler) {
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Unbind eventHandler from event type
+   * @param {string} type Event type
+   */
+  ;
+
+  _proto.off = function off(type) {
+    this.eventManager.removeEventHandler(type);
+  }
+  /**
+   * Remove Viewer preview from document
+   */
+  ;
+
+  _proto.remove = function remove() {
+    this.eventManager.emit('removeEditor');
+    tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3___default()(this.preview.el, 'mousedown', this._toggleTask.bind(this));
+    this.preview.remove();
+    this.options = null;
+    this.eventManager = null;
+    this.commandManager = null;
+    this.convertor = null;
+    this.preview = null;
+  }
+  /**
+   * Add hook to Viewer preview's event
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.addHook = function addHook(type, handler) {
+    this.eventManager.removeEventHandler(type);
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Return true
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isViewer = function isViewer() {
+    return true;
+  }
+  /**
+   * Return false
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isMarkdownMode = function isMarkdownMode() {
+    return false;
+  }
+  /**
+   * Return false
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isWysiwygMode = function isWysiwygMode() {
+    return false;
+  }
+  /**
+   * Set code block languages
+   * @param {Array} languages - code lauguage list
+   */
+  ;
+
+  _proto.setCodeBlockLanguages = function setCodeBlockLanguages(languages) {
+    var _this2 = this;
+
+    if (languages === void 0) {
+      languages = [];
+    }
+
+    languages.forEach(function (lang) {
+      if (_this2.codeBlockLanguages.indexOf(lang) < 0) {
+        _this2.codeBlockLanguages.push(lang);
+      }
+    });
+  };
+
+  return ToastUIEditorViewer;
+}();
+/**
+ * Check whether is viewer (using in plugins)
+ * @type {boolean}
+ * @ignore
+ */
+
+
+ToastUIEditorViewer.isViewer = true;
+/**
+ * domUtil instance
+ * @type {DomUtil}
+ * @ignore
+ */
+
+ToastUIEditorViewer.domUtils = _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"];
+/**
+ * CodeBlockManager instance using in plugins
+ * @type {CodeBlockManager}
+ * @ignore
+ */
+
+ToastUIEditorViewer.codeBlockManager = _codeBlockManager__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"];
+/**
+ * WwCodeBlockManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwCodeBlockManager = null;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwTableManager = null;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwTableSelectionManager = null;
+/* harmony default export */ __webpack_exports__["a"] = (ToastUIEditorViewer);
+
+/***/ }),
+/* 47 */,
+/* 48 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is null or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is null or not.
+ * If the given variable(arguments[0]) is null, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is null?
+ * @memberof module:type
+ */
+function isNull(obj) {
+  return obj === null;
+}
+
+module.exports = isNull;
+
+
+/***/ }),
+/* 49 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Request image ping.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachOwnProperties = __webpack_require__(10);
+
+/**
+ * @module request
+ */
+
+/**
+ * Request image ping.
+ * @param {String} url url for ping request
+ * @param {Object} trackingInfo infos for make query string
+ * @returns {HTMLElement}
+ * @memberof module:request
+ * @example
+ * var imagePing = require('tui-code-snippet/request/imagePing'); // node, commonjs
+ *
+ * imagePing('https://www.google-analytics.com/collect', {
+ *     v: 1,
+ *     t: 'event',
+ *     tid: 'trackingid',
+ *     cid: 'cid',
+ *     dp: 'dp',
+ *     dh: 'dh'
+ * });
+ */
+function imagePing(url, trackingInfo) {
+  var trackingElement = document.createElement('img');
+  var queryString = '';
+  forEachOwnProperties(trackingInfo, function(value, key) {
+    queryString += '&' + key + '=' + value;
+  });
+  queryString = queryString.substring(1);
+
+  trackingElement.src = url + '?' + queryString;
+
+  trackingElement.style.display = 'none';
+  document.body.appendChild(trackingElement);
+  document.body.removeChild(trackingElement);
+
+  return trackingElement;
+}
+
+module.exports = imagePing;
+
+
+/***/ }),
+/* 50 */,
+/* 51 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 52 */,
+/* 53 */,
+/* 54 */,
+/* 55 */,
+/* 56 */,
+/* 57 */,
+/* 58 */,
+/* 59 */,
+/* 60 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _viewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(46);
+/* harmony import */ var _css_contents_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
+/* harmony import */ var _css_contents_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_contents_css__WEBPACK_IMPORTED_MODULE_1__);
+/**
+ * @fileoverview entry point for viewer
+ * @author NHN FE Development Lab 
+ */
+
+
+/* harmony default export */ __webpack_exports__["default"] = (_viewer__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"]);
+
+/***/ })
+/******/ ])["default"];
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor.css b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor.css
new file mode 100644
index 0000000000..2cee463091
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor.css
@@ -0,0 +1,1804 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+@charset "utf-8";
+/* height */
+.auto-height,
+.auto-height .tui-editor-defaultUI {
+  height: auto;
+}
+
+.auto-height .tui-editor {
+  position: relative;
+}
+
+:not(.auto-height) > .tui-editor-defaultUI,
+:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section {
+  -ms-flex: 1;
+  flex: 1;
+}
+
+/* tui editor */
+.tui-editor:after,
+.tui-editor-defaultUI-toolbar:after {
+  content: '';
+  display: block;
+  height: 0;
+  clear: both;
+}
+
+.tui-editor {
+  position: absolute;
+  line-height: 1;
+  color: #222;
+  width: 100%;
+  height: inherit;
+}
+
+.te-editor-section {
+  min-height: 0px;
+  position: relative;
+  height: inherit;
+}
+
+.te-md-container {
+  display: none;
+  overflow: hidden;
+  height: 100%;
+}
+
+.te-md-container .te-editor {
+  line-height: 1.5;
+}
+
+.te-md-container .te-editor,
+.te-md-container .te-preview {
+  box-sizing: border-box;
+  padding: 0;
+  height: inherit;
+}
+
+.te-md-container .CodeMirror {
+  font-size: 13px;
+  height: inherit;
+}
+
+.te-md-container .te-preview {
+  overflow: auto;
+  padding: 0 25px;
+  height: 100%;
+}
+
+.te-md-container .te-preview > p:first-child {
+  margin-top: 0 !important;
+}
+
+.te-md-container .te-preview .tui-editor-contents {
+  padding-top: 8px;
+}
+
+.tui-editor .te-preview-style-tab > .te-editor,
+.tui-editor .te-preview-style-tab > .te-preview {
+  float: left;
+  width: 100%;
+  display: none;
+}
+
+.tui-editor .te-preview-style-tab > .te-tab-active {
+  display: block;
+}
+
+.tui-editor .te-preview-style-vertical > .te-tab-section {
+  display: none;
+}
+
+.tui-editor .te-preview-style-tab > .te-tab-section {
+  display: block;
+}
+
+.tui-editor .te-preview-style-vertical .te-editor {
+  float: left;
+  width: 50%;
+}
+
+.tui-editor .te-preview-style-vertical .te-preview {
+  float: left;
+  width: 50%;
+}
+
+.tui-editor .te-md-splitter {
+  display: none;
+  position: absolute;
+  left: 50%;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  border-left: 1px solid #e5e5e5;
+}
+
+.tui-editor .te-preview-style-vertical .te-md-splitter {
+  display: block;
+}
+
+.te-ww-container {
+  display: none;
+  overflow: hidden;
+  z-index: 10;
+  height: inherit;
+  background-color: #fff;
+}
+
+.te-ww-container > .te-editor {
+  overflow: auto;
+  height: inherit;
+}
+
+.te-ww-container .tui-editor-contents:focus {
+  outline: none;
+}
+
+.te-ww-container .tui-editor-contents {
+  padding: 0 25px;
+}
+
+.te-ww-container .tui-editor-contents:first-child {
+  box-sizing: border-box;
+  margin: 0px;
+  padding: 16px 25px 0px 25px;
+  height: inherit;
+}
+
+.te-ww-container .tui-editor-contents:last-child {
+  margin-bottom: 16px;
+}
+
+.te-md-mode .te-md-container {
+  display: block;
+  z-index: 100;
+}
+
+.te-ww-mode .te-ww-container {
+  display: block;
+  z-index: 100;
+}
+
+.tui-editor.te-hide,
+.tui-editor-defaultUI.te-hide {
+  display: none;
+}
+
+.tui-editor-defaultUI .CodeMirror-lines {
+  padding-top: 18px;
+  padding-bottom: 18px;
+}
+
+.tui-editor-defaultUI pre.CodeMirror-line {
+  padding-left: 25px;
+  padding-right: 25px;
+}
+
+.tui-editor-defaultUI .CodeMirror pre.CodeMirror-placeholder {
+  margin: 0;
+  padding-left: 25px;
+  color: grey;
+}
+
+.tui-editor-defaultUI .CodeMirror-scroll {
+  cursor: text;
+}
+
+/* Essential element style */
+.tui-editor-contents td.te-cell-selected {
+  background-color: #d8dfec;
+}
+.tui-editor-contents td.te-cell-selected::selection {
+  background-color: #d8dfec;
+}
+.tui-editor-contents th.te-cell-selected {
+  background-color: #908f8f;
+}
+.tui-editor-contents th.te-cell-selected::selection {
+  background-color: #908f8f;
+}
+
+/* default UI Styles */
+.tui-editor-defaultUI {
+  position: relative;
+  border: 1px solid #e5e5e5;
+  height: 100%;
+  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕',
+    'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;
+}
+
+.tui-editor-defaultUI button {
+  color: #fff;
+  padding: 0px 14px 0px 15px;
+  height: 28px;
+  font-size: 12px;
+  border: none;
+  cursor: pointer;
+  outline: none;
+}
+.tui-editor-defaultUI button.te-ok-button {
+  background-color: #4b96e6;
+}
+.tui-editor-defaultUI button.te-close-button {
+  background-color: #777;
+}
+
+.tui-editor-defaultUI-toolbar {
+  padding: 0 25px;
+  height: 31px;
+  background-color: #fff;
+  border: 0;
+  overflow: hidden;
+}
+
+.tui-toolbar-divider {
+  float: left;
+  display: inline-block;
+  width: 1px;
+  height: 14px;
+  background-color: #ddd;
+  margin: 9px 6px;
+}
+
+.tui-toolbar-button-group {
+  height: 28px;
+  border-right: 1px solid #d9d9d9;
+  float: left;
+}
+
+.te-toolbar-section {
+  height: 32px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.tui-editor-defaultUI-toolbar button {
+  float: left;
+  box-sizing: border-box;
+  outline: none;
+  cursor: pointer;
+  background-color: #fff;
+  width: 22px;
+  height: 22px;
+  padding: 3px;
+  border-radius: 0;
+  margin: 5px 3px;
+  border: 1px solid #fff;
+}
+
+.tui-editor-defaultUI-toolbar button:hover,
+.tui-editor-defaultUI-toolbar button:active,
+.tui-editor-defaultUI-toolbar button.active {
+  border: 1px solid #aaa;
+  background-color: #fff;
+}
+
+.tui-editor-defaultUI-toolbar button:first-child {
+  margin-left: 0;
+}
+
+.tui-editor-defaultUI-toolbar button:last-child {
+  margin-right: 0;
+}
+
+.tui-editor-defaultUI-toolbar button.tui-scrollsync {
+  width: auto;
+  color: #777777;
+  border: 0;
+}
+
+.tui-editor-defaultUI button.tui-scrollsync:after {
+  content: 'Scroll off';
+}
+
+.tui-editor-defaultUI button.tui-scrollsync.active {
+  color: #4b96e6;
+  font-weight: bold;
+}
+
+.tui-editor-defaultUI button.tui-scrollsync.active:after {
+  content: 'Scroll on';
+}
+
+.tui-editor-defaultUI .te-mode-switch-section {
+  background-color: #f9f9f9;
+  border-top: 1px solid #e5e5e5;
+  height: 20px;
+  font-size: 12px;
+}
+
+.tui-editor-defaultUI .te-mode-switch {
+  float: right;
+  height: 100%;
+}
+
+.tui-editor-defaultUI .te-switch-button {
+  width: 92px;
+  height: inherit;
+  background: #e5e5e5;
+  outline: 0;
+  color: #a0aabf;
+  cursor: pointer;
+  border: 0;
+  border-left: 1px solid #ddd;
+  border-right: 1px solid #ddd;
+}
+
+.tui-editor-defaultUI .te-switch-button.active {
+  background-color: #fff;
+  color: #000;
+}
+
+.tui-editor-defaultUI .te-markdown-tab-section {
+  float: left;
+  height: 31px;
+  background: #fff;
+}
+
+.te-markdown-tab-section .te-tab {
+  margin: 0 -7px 0 24px;
+  background: #fff;
+}
+
+.tui-editor-defaultUI .te-tab button {
+  box-sizing: border-box;
+  line-height: 100%;
+  position: relative;
+  cursor: pointer;
+  z-index: 1;
+  font-size: 13px;
+  background-color: #f9f9f9;
+  border: solid 1px #e5e5e5;
+  border-top: 0;
+  padding: 0 9px;
+  color: #777;
+  border-radius: 0;
+  outline: 0;
+}
+
+.te-markdown-tab-section .te-tab button:last-child {
+  margin-left: -1px;
+}
+
+.te-markdown-tab-section .te-tab button.te-tab-active,
+.te-markdown-tab-section .te-tab button:hover.te-tab-active {
+  background-color: #fff;
+  color: #333;
+  border-bottom: 1px solid #fff;
+  z-index: 2;
+}
+
+.te-markdown-tab-section .te-tab button:hover {
+  background-color: #fff;
+  color: #333;
+}
+
+.tui-popup-modal-background {
+  background-color: rgba(202, 202, 202, 0.6);
+  position: fixed;
+  margin: 0px;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+}
+
+.tui-popup-wrapper.fit-window,
+.tui-popup-modal-background.fit-window .tui-popup-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.tui-popup-wrapper {
+  width: 500px;
+  margin-right: auto;
+  border: 1px solid #cacaca;
+  background: white;
+  z-index: 9999;
+}
+
+.tui-popup-modal-background .tui-popup-wrapper {
+  position: absolute;
+  margin: auto;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+.tui-popup-header {
+  padding: 10px;
+  height: auto;
+  line-height: normal;
+  position: relative;
+  border-bottom: 1px solid #cacaca;
+}
+
+.tui-popup-header .tui-popup-header-buttons {
+  float: right;
+}
+
+.tui-popup-header .tui-popup-header-buttons button {
+  padding: 0px;
+  background-color: transparent;
+  background-size: cover;
+  float: left;
+}
+
+.tui-popup-header .tui-popup-close-button {
+  margin: 3px;
+  width: 13px;
+  height: 13px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMCAxMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5GMjc2Qzc4MC0zM0JBLTQ3MTItQTM3OC04RkQwQUNDOTFDRTk8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImxuYi1mb2xkZXItZGVsIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiM3Nzc3NzciPiAgICAgICAgICAgIDxwYXRoIGQ9Ik01LDMuNTg1Nzg2NDQgTDEuNzA3MTA2NzgsMC4yOTI4OTMyMTkgTDAuMjkyODkzMjE5LDEuNzA3MTA2NzggTDMuNTg1Nzg2NDQsNSBMMC4yOTI4OTMyMTksOC4yOTI4OTMyMiBMMS43MDcxMDY3OCw5LjcwNzEwNjc4IEw1LDYuNDE0MjEzNTYgTDguMjkyODkzMjIsOS43MDcxMDY3OCBMOS43MDcxMDY3OCw4LjI5Mjg5MzIyIEw2LjQxNDIxMzU2LDUgTDkuNzA3MTA2NzgsMS43MDcxMDY3OCBMOC4yOTI4OTMyMiwwLjI5Mjg5MzIxOSBMNSwzLjU4NTc4NjQ0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
+}
+
+.tui-popup-header .tui-popup-title {
+  font-size: 13px;
+  font-weight: bold;
+  color: #333;
+  vertical-align: bottom;
+}
+
+.tui-popup-body {
+  padding: 15px;
+  font-size: 12px;
+}
+
+.tui-editor-popup {
+  position: absolute;
+  top: 30px;
+  left: 50%;
+  margin-left: -250px;
+}
+
+.tui-editor-popup.tui-popup-modal-background {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  margin: 0px;
+}
+
+.tui-editor-popup .tui-popup-body label {
+  font-weight: bold;
+  color: #666;
+  display: block;
+  margin: 10px 0 5px;
+}
+
+.tui-editor-popup .tui-popup-body .te-button-section {
+  margin-top: 15px;
+}
+
+.tui-editor-popup .tui-popup-body input[type='text'],
+.tui-editor-popup .tui-popup-body input[type='file'] {
+  padding: 4px 10px;
+  border: 1px solid #bfbfbf;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.tui-editor-popup .tui-popup-body input[type='text'].disabled {
+  border-color: #e5e5e5;
+  background-color: #eee;
+  color: #e5e5e5;
+}
+
+.tui-editor-popup .tui-popup-body input.wrong {
+  border-color: #ff0000;
+}
+
+.te-popup-add-link .tui-popup-wrapper {
+  height: 219px;
+}
+
+.te-popup-add-image .tui-popup-wrapper {
+  height: 243px;
+}
+
+.te-popup-add-image .te-tab {
+  display: block;
+  background: none;
+  border-bottom: 1px solid #ebebeb;
+  margin-bottom: 8px;
+}
+
+.te-popup-add-image .te-url-type {
+  display: none;
+}
+
+.te-popup-add-image .te-file-type {
+  display: none;
+}
+
+.te-popup-add-image div.te-tab-active,
+.te-popup-add-image form.te-tab-active {
+  display: block;
+}
+
+.te-popup-add-image .te-tab button {
+  border: 1px solid #ccc;
+  background: #eee;
+  min-width: 100px;
+  margin-left: -1px;
+  border-bottom: 0px;
+  border-radius: 3px 3px 0px 0px;
+}
+
+.te-popup-add-image .te-tab button.te-tab-active {
+  background: #fff;
+}
+
+.te-popup-add-table .te-table-selection {
+  position: relative;
+}
+
+.te-popup-add-table .te-table-body {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZmspKREMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgAMSwQgckFvTgAAAABJRU5ErkJggg==');
+}
+
+.te-popup-add-table .te-table-header {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZksLCxMMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgDxKwPzTeWPdAAAAABJRU5ErkJggg==');
+}
+
+.te-popup-add-table .te-selection-area {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: #80d2ff;
+  opacity: 0.3;
+  z-index: 999;
+}
+
+.te-popup-add-table .te-description {
+  margin: 10px 0 0 0;
+  text-align: center;
+}
+
+.te-popup-table-utils {
+  width: auto;
+  min-width: 120px;
+}
+
+.te-popup-table-utils .tui-popup-body {
+  padding: 0px;
+}
+
+.te-popup-table-utils button {
+  display: block;
+  width: 100%;
+  background-color: #fff;
+  border: none;
+  outline: 0;
+  padding: 0px 10px 0px 10px;
+  font-size: 12px;
+  line-height: 28px;
+  text-align: left;
+  color: #777;
+}
+
+.te-popup-table-utils button:hover {
+  background-color: #f4f4f4;
+}
+
+.te-popup-table-utils hr {
+  margin: 0;
+  background-color: #cacaca;
+  border-style: none;
+  height: 1px;
+}
+
+.te-popup-table-utils .te-context-menu-disabled {
+  color: #ccc;
+}
+
+.te-popup-table-utils .te-context-menu-disabled:hover {
+  background-color: #fff;
+}
+
+.te-heading-add {
+  width: auto;
+}
+
+.te-heading-add .tui-popup-body {
+  padding: 0;
+}
+
+.te-heading-add h1,
+.te-heading-add h2,
+.te-heading-add h3,
+.te-heading-add h4,
+.te-heading-add h5,
+.te-heading-add h6,
+.te-heading-add ul,
+.te-heading-add p {
+  padding: 0;
+  margin: 0;
+}
+
+.te-heading-add ul {
+  list-style: none;
+}
+
+.te-heading-add ul li {
+  padding: 2px 10px;
+  cursor: pointer;
+}
+
+.te-heading-add ul li:hover {
+  background-color: #eee;
+}
+
+.te-heading-add h1 {
+  font-size: 24px;
+}
+
+.te-heading-add h2 {
+  font-size: 22px;
+}
+
+.te-heading-add h3 {
+  font-size: 20px;
+}
+
+.te-heading-add h4 {
+  font-size: 18px;
+}
+
+.te-heading-add h5 {
+  font-size: 16px;
+}
+
+.te-heading-add h6 {
+  font-size: 14px;
+}
+
+.te-dropdown-toolbar {
+  position: absolute;
+  width: auto;
+}
+
+.te-dropdown-toolbar .tui-popup-body {
+  padding: 0px;
+}
+
+.tui-popup-color {
+  padding: 0;
+}
+
+.tui-popup-color .tui-colorpicker-container,
+.tui-popup-color .tui-colorpicker-palette-container {
+  width: 144px;
+}
+
+.tui-popup-color .tui-colorpicker-container ul {
+  width: 144px;
+  margin-bottom: 8px;
+}
+
+.tui-popup-color .tui-colorpicker-container li {
+  padding: 0 1px 1px 0;
+}
+
+.tui-popup-color .tui-colorpicker-container li .tui-colorpicker-palette-button {
+  border: 0;
+  width: 17px;
+  height: 17px;
+}
+
+.tui-popup-color .tui-popup-body {
+  padding: 10px;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-toggle-slider {
+  display: none;
+}
+
+.tui-popup-color .te-apply-button,
+.tui-popup-color .tui-colorpicker-palette-hex {
+  float: right;
+}
+
+.tui-popup-color .te-apply-button {
+  height: 21px;
+  width: 35px;
+  background: #fff;
+  border: 1px solid #efefef;
+  position: absolute;
+  bottom: 135px;
+  right: 10px;
+  color: black;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-hex {
+  border: 1px solid #e1e1e1;
+  padding: 3px 14px;
+  margin-left: -1px;
+}
+
+.tui-popup-color .tui-colorpicker-container div.tui-colorpicker-clearfix {
+  display: inline-block;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-preview {
+  width: 19px;
+  height: 19px;
+}
+
+.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-slider-right {
+  width: 22px;
+}
+
+.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-huebar-handle {
+  display: none;
+}
+
+.tui-tooltip {
+  position: absolute;
+  background-color: #222;
+  z-index: 999;
+  opacity: 0.8;
+  color: #fff;
+  padding: 2px 5px;
+  font-size: 10px;
+}
+
+.tui-tooltip .arrow {
+  content: '';
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  background-color: #222;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+  position: absolute;
+  top: -3px;
+  left: 6px;
+  z-index: -1;
+}
+
+.tui-toolbar-icons {
+  background: url(data:image/png;base64,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);
+  background-size: 218px 188px;
+  display: inline-block;
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2),
+  only screen and (min--moz-device-pixel-ratio: 2),
+  only screen and (-o-min-device-pixel-ratio: 2/1),
+  only screen and (min-device-pixel-ratio: 2),
+  only screen and (min-resolution: 192dpi),
+  only screen and (min-resolution: 2dppx) {
+  .tui-toolbar-icons {
+    background: url(data:image/png;base64,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Xqz8qBcJkED0BGIbcoxe1QtDor4qT80zFpNh01flYWg2e1Fo2C6Me5NnSQLFToAeWpFfITFmxbrCUdCJMeMKxyK/iageCZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACQQgkA5QNlTRRYsWZbwEbNu2LTFdnPSAftc6pas06PesihdTmIurXdekOefi6qBfpJyD8rHrk+s4LM+gfHLpY8+P+r6Ngmc6nf7q1q1b6+26RnEcBc/S0tLmLVu2HI5Cn6Ay7Hxz3V9BywfVx17ezjfX/RW0vL29oMclQSuwPAmQAAnkS0A3ZrW1tR9Gh1ebr6w46unGrK6ubiz0GxdHO5QZD4HEDJo8aeBmmWk7jf2SnuspxFYnlkN50pg8efJLNuHdki67LZ2HJEACAQnYjVl/f/+PIeLxYjFqdmPW0dExC/rNpFELeKELWDwxgybn2NfXt1A/V9zg2/XjQsePHz8+StcBN/gZ/ZhxEiCB/Ai4GLMKSCvFXnCj5mTMYHDVNAiNWn6XPfFaZUm2iJt6YSZzfioN8e1Jtp+rLegzUi8Dfdv14yTiixcvbhw7duxdDQ0Nb/ppL2nvdsmSJZfMmzfvQH19fb9P/Qrq3SbNxw8Tvcxg9/6D8pVhRsMzE2OmthJslodJlRE2DMpXhhnFM9OMWVaFsrKyRB/+w573hVo/0YsEg7FQB42nou36caHj8CAtP6qamprEPTQwuq21tfX3GOa4vNA8nNoHo/G7d++eD/2qnPKZRgJuBFyMWQbGbHVTU9NDbvWSSvcwZvs3b958PCk92E7+BBIzaPJkDzVnaKrux0qi17XjgkbXrFkzDAroT43da9eu7SqQUmLMxKjVFah9z2Z7e3sr8TAyb+nSpTWeBZl5wRGQewKjDP/bfuLFYswwslAmhsuuH42ZncjgPE7MoHH+LPANMhw1HpUhyNWrV0u8qDZczxIYthnyoIJOIrH7qKggUBkLATFmuCf+E4k/xsPYCpVZTMZsx44dc86ePXvpypUrxyv9aMwUicEfJjaHxvmz/G4WYwjyOnQQizAf8LJdCpLPT0raMx2Og855OIiwJBlDkCOgx17I7rBk4gDpnu/32csHnfOw1w96HJSfXX7UPO3yg/Kz10+Kp2bMrsQ9m8LvvRG6pzCc2OowZ5b4MKN4ZmLMwCc7VI55sktg1ES/Ppc5s6IYZgx7f9rvh6iPw96fUeuT2JM1589CXToOQYbCx8pxE8CDzbUwYvNVO/i9l4hRKwZjJjrBmI2A8apU+kkoRq2YjZmuK+P+CCRi0Dh/5u9i5CqFDiKQN5ZLXtT55eXlRa1f1OdLeecJ4Msfv4ARq8U92qNSxaghrs9LO3pmGFavV3XiCuGpnsK87z4YNcs96rCacYBnhv5ralx6UW60BBIxaJw/C33RZKjxOnQaj4WWFIMALGnuxDXetX79+hMxiKfIQUIARuMJu1HTVHc1Zqhzr1YutuimTZtanYyaahD3saMxw709RZVhWNwEEplDw1Mb3z/L8z4Au8e83kuLew4nl9roIE7MnTvX9b20pOZwcunpll9ofm56qfRi56f0VCH0fQLzKrIg5HHs8tJ0doNn9En70nzxzJIyZkoPMWrQT16Ytny1qLKy8uCGDRssS/PFMyu0Mct1fxZ6ji3X/Zn0HFsiBg037UJ1Q0mITnC7flzoOG7agr9/5sDgTRizu4rVK8M17K+oqDhAr8zhyl3gSejkmtCRCYWsUYMx+wSM2TodSyGMmWof+p009MsaNcOYHVX5EhaDMdP1YdwfgdiHHDl/5u9C2EpxiNEGhIeDi4AYNWi83MmYyZkk7ZnZ6YlRQ9o+J2MmZQvtmdn15bE/ArF7aLgxFuqqwOvYrh8XOl5s32/MNcRYaF65hhgLrR/bLx4ChlErHoVsmhhGzZbKw8FMIHaDhg6a82cB7hAMMdYFKC7veVlWbeWqix+xzB/kvQX9ukvQMXTo92zeyjlUDMrHQYRnUlieQfl4KuOQGTVPexNx87W3F/Q4br5B9WH5eAnEPuTI+bN4LyClkwAJkAAJnCMQm4fm9uSGIch9yEuFfbINewHdntxaWlquMPSL1FMIqy/rkwAJkAAJeBOI3UPzbp65JEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJFC8BNJRq7Zo0aKMLnPbtm2ebQQtr8vOJ472rtXrQb9n9WN7PGh5e/24j+38crWX63rkqh80384vV/1c1yNXfXt+UD72+rmOw/IMyieXPvb8qHkq+dB7TDqdvgPHtZlMZrak4/gVBE04fgjtnpI0tfm4Ds2ov728vPwLjz/++CFVL98Q7ZWWlZXV9Pf3j8M+TOSUlJR0YT/Z29t7HPr16bJzXQfI6oF+7T09PYdQt1uvG1fc0Om/bfLf5nRNX5xytaXftdVJvaX5j579sL28n+MVK1aM6OzsnKeXrays3LVhw4azeprEd065xtLv2vPnN//Bsx+2l3c7LnHLYDoJkAAJOBFYvHjxDUh/CYbrO9ivQ3ys7BKXNMkzyiDqe5uCuku7u7ufX758+TTftRwKrlq1ahQM0AIYrmkwZsNRpFR2iUua5EkZh6quSahXDmNWjQKXw9BUuBaMMAMG9E67OKc0e5mkjvv6+mrsbTml2cvEeUyDFiddyiaBIUYAnfn7YXh+jtPyMjrTpMySJUv+Zx6nPw6G4+/yqJetAmM4+uzZs7PFALnJkDwpI2Xdynikl8KL9Dp3j6r+s8B5pBh4ew1Jkzx7etLH0EEeEMbZ25U0ybOnJ3VMg5YUabZDAoOcwK233joFHkITTiM7hOd1Oij3Mzytv+BVxiPvfR55rlmrV68uh4c3C51qzuG10tLSthEjRnS4CvPIgFFJwqAsgwrZdsDy97IbKkma5BV6G4frm7UfGMZ9U3ZRyEgbYOiSUrYsqYbYTjgC+LEOb2trW7d169Y6XRLG03P+ePXyccXr6+tLdu3aNX3Lli2v6204jffr+XHHi4WP23kWmo+bXk7pMBb3ozOXYTd9a0Rn9nUM4x1D/v9Ax3sP9n9oamrapheyx+3XBU/15hwQ2phq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Q4EADMZCdR5O82cqr1BhrvmzQunFdqMhEGr8368KGKb7NDyb7xnl/xHDjWu86sKIrUX+J6UMjMZnMPz3917lw+bJC9dYij/NkHMM+h3wkgn9piM/a2j5TpoXKeaRAAmQQHIEEvHQ9OFGPLW5Djeq09bL6HVVftSh/l4ZPlLsOtyo2tXL6HVVPkMSIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESGKwE0oNV8aGq92uvvZaJ89wuvfTSUNd8//7918ap34wZM56NUz5lkwAJDF0CJUP31HhmJEACJEACFxIBGrQL6WrzXEmABEhgCBOgQRvCF5enRgIkQAIXEoGyOE520aJFEyD389jfg33Otm3barzaCVreS5afvNWrV5efPXt2Un9//8je3t5K6PecV72g5b1kRZF3+PDh1AMPPGAR9alPfSo1depUS1qhDg4cOOCo3/Tp0wulEtslARK4AAhEbtBqa2v/DIZiI9iN9MMvaHk/Mr3K1NXVjT19+vTMvr4+X95p0PJebUeV9+yzA9dNSFqxGLQ//OEPA05V0mjQBmBhAgmQQIQEIjVoixcvfi+M2VboVyE6ptPpdRUVFV930zdoeTc5ftNXrVo1Cp7ZLOioVvodq66ubnarH7S8m5wo02GIU889N9ChlLRbbrklVVpaGmVzgWX19PSkXnzxxQH1JO1DH/pQqry8fEAeE0iABLwJjFtx2HP188kNU1Wf5i0oZG4uPQaKT+8vSaV/MnbspHteXZvuGpgfbUpkBg3DhtKTPog9a8wQ/rapqemTMGqOFyJo+bCnnclk0suWLZuujFlZWdnZTZs2HXTTL2j5sPr5rb9r164UjHK2uPLIZAhS0iRvwYIFfkXFUk50OHXqVFa28shkCFLSJO8tb3lLLO1GJbS+vn6iyEJ4NCqZUcr5wQ9+kH0iuPPOO3uilEtZJBAPgcyM/lTmMydP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VSp27NgxTQnDMOHxMWPG7JIhQ5WmhximPIrjl5E/wDhDRzHI+6L8yr5qW7fqKo0hCZAACZBATATgVaXx+ag/QPxVWhP3whB9TR3Da6tAx38zvJp3I03iexD+BwyehPLVEFl08Uns02F85MXm38HA/Ezm4yQ/is3QU96Py3qQIhOGqhlf+zeNqXhtr7/+unx8eCSGJtNY/NGFMqcbGxuzhk7OA9tEyKrAufSgzFn8r7Y2mY+LQke7DBo0OxEekwAJkEDMBLCwYjbmop5BR69/eeNHMAir8RmpwC9Ew3B8ECr/GkaxPUrVjU9dzYNM8zNWMK5t8+fP3w+jZA59+m0TespnsdqhZ2QvU+ttm0rqiYyTAAmQAAnER+DFF188CU/lWXhWS9GK6ocvhxdzB9JHX3nllbteeuml7Ff43bQQD2r37t0LYVxkwUg9ZHVgWPBXbuXzSX/uued6r7766jfR1jhpT2QgrDx27NgE6FmKvevll1/2NE5S7+DBg6Og5wyc3xSsiOx/4YUXIjW86tzooSkSDEmABEggYQIYenwvOvxtaHaiQ9MvI+3XMFSHUOY4PCMZpqtCXIzLfKRfj/BirV4b3hObieE+c4Wilhcqavwjz1kwSOZ7bkqgzKNBl3bo143VjlmvDWkl0K0UexXSR8AbLVflEfbBEL6Uj4enyXCM0qA5YmEiCZAACSRDAP8j7WIYCvmnnjeFbHEf5q8+ijmuP4aU41hd5sNgnC6BrpbVio6FvRO78f7da1HO96nmaNAUCYYkQAIkUEAC8NZugFGThSHvCaIGvKPnUe8HMBIPyftsQermU1a8NXwJZCrqmv9ixqcc+Wr/Mby6cBw66++x+ayeuxgNWm5GLEECJEACiRFYvnz5NAzRfRBG6gPYZ6JhGY6cYChwCsbgOOIvYn8WHtm/RfmlDaMNX4F4bBhaHA19RmP14jAZjoQHp4YW+xDvRV4HzuEszuc0FoKY/4bGVwMsRAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAKDgMD/D2WyCk5hENCOAAAAAElFTkSuQmCC);
+    background-size: 218px 188px;
+    display: inline-block;
+  }
+}
+
+.tui-toolbar-icons.tui-heading {
+  background-position: -172px -48px;
+}
+
+.tui-toolbar-icons.tui-heading:disabled {
+  background-position: -193px -48px;
+}
+
+.tui-toolbar-icons.tui-bold {
+  background-position: -4px -4px;
+}
+
+.tui-toolbar-icons.tui-bold:disabled {
+  background-position: -25px -4px;
+}
+
+.tui-toolbar-icons.tui-italic {
+  background-position: -4px -48px;
+}
+
+.tui-toolbar-icons.tui-italic:disabled {
+  background-position: -25px -48px;
+}
+
+.tui-toolbar-icons.tui-color {
+  background-position: -172px -70px;
+}
+
+.tui-toolbar-icons.tui-color:disabled {
+  background-position: -193px -70px;
+}
+
+.tui-toolbar-icons.tui-strike {
+  background-position: -4px -26px;
+}
+
+.tui-toolbar-icons.tui-strike:disabled {
+  background-position: -25px -26px;
+}
+
+.tui-toolbar-icons.tui-hrline {
+  background-position: -46px -92px;
+}
+
+.tui-toolbar-icons.tui-hrline:disabled {
+  background-position: -67px -92px;
+}
+
+.tui-toolbar-icons.tui-quote {
+  background-position: -4px -114px;
+}
+
+.tui-toolbar-icons.tui-quote:disabled {
+  background-position: -25px -114px;
+}
+
+.tui-toolbar-icons.tui-ul {
+  background-position: -46px -4px;
+}
+
+.tui-toolbar-icons.tui-ul:disabled {
+  background-position: -67px -4px;
+}
+
+.tui-toolbar-icons.tui-ol {
+  background-position: -46px -26px;
+}
+
+.tui-toolbar-icons.tui-ol:disabled {
+  background-position: -67px -26px;
+}
+
+.tui-toolbar-icons.tui-task {
+  background-position: -130px -48px;
+}
+
+.tui-toolbar-icons.tui-task:disabled {
+  background-position: -151px -48px;
+}
+
+.tui-toolbar-icons.tui-indent {
+  background-position: -46px -48px;
+}
+
+.tui-toolbar-icons.tui-indent:disabled {
+  background-position: -67px -48px;
+}
+
+.tui-toolbar-icons.tui-outdent {
+  background-position: -46px -70px;
+}
+
+.tui-toolbar-icons.tui-outdent:disabled {
+  background-position: -67px -70px;
+}
+
+.tui-toolbar-icons.tui-table {
+  background-position: -88px -92px;
+}
+
+.tui-toolbar-icons.tui-table:disabled {
+  background-position: -109px -92px;
+}
+
+.tui-toolbar-icons.tui-image {
+  background-position: -130px -4px;
+}
+
+.tui-toolbar-icons.tui-image:disabled {
+  background-position: -151px -4px;
+}
+
+.tui-toolbar-icons.tui-link {
+  background-position: -130px -26px;
+}
+
+.tui-toolbar-icons.tui-link:disabled {
+  background-position: -151px -26px;
+}
+
+.tui-toolbar-icons.tui-code {
+  background-position: -130px -92px;
+}
+
+.tui-toolbar-icons.tui-code:disabled {
+  background-position: -151px -92px;
+}
+
+.tui-toolbar-icons.tui-codeblock {
+  background-position: -130px -70px;
+}
+
+.tui-toolbar-icons.tui-codeblock:disabled {
+  background-position: -151px -70px;
+}
+
+.tui-toolbar-icons.tui-more {
+  background-position: -172px -92px;
+}
+
+.tui-toolbar-icons.tui-more:disabled {
+  background-position: -193px -92px;
+}
+.tui-colorpicker-svg-slider {
+  border: 1px solid #ebebeb;
+}
+.tui-colorpicker-vml-slider {
+  border: 1px solid #ebebeb;
+}
+.tui-colorpicker-svg-huebar {
+  border: 1px solid #ebebeb;
+}
+
+.tui-editor-pseudo-clipboard {
+  position: fixed;
+  left: -1000px;
+  top: -1000px;
+  width: 100px;
+  height: 100px;
+}
+
+.te-ww-block-overlay.code-block-header {
+  text-align: right;
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.te-ww-block-overlay.code-block-header span {
+  font-size: 10px;
+  font-weight: 600;
+  padding: 0px 10px;
+  color: #333333;
+  cursor: default;
+}
+
+.te-ww-block-overlay.code-block-header button {
+  margin: 8px;
+  font-size: 10px;
+  color: #333333;
+  background-color: #f9f9f9;
+  border: 1px solid #dddddd;
+  padding: 4px;
+  height: auto;
+}
+
+.te-popup-code-block-languages {
+  position: fixed;
+  box-sizing: border-box;
+  width: 130px;
+}
+
+.te-popup-code-block-languages .tui-popup-body {
+  max-height: 169px;
+  overflow: auto;
+  padding: 0px;
+}
+
+.te-popup-code-block-languages button {
+  width: 100%;
+  background-color: #fff;
+  border: none;
+  outline: 0;
+  padding: 0px 10px 0px 10px;
+  font-size: 12px;
+  line-height: 24px;
+  text-align: left;
+  color: #777;
+}
+
+.te-popup-code-block-languages button.active {
+  background-color: #f4f4f4;
+}
+
+.tui-popup-code-block-editor .tui-popup-wrapper {
+  width: 70%;
+  height: 70%;
+  margin: auto;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.te-input-language {
+  position: relative;
+  margin-left: 15px;
+  cursor: pointer;
+}
+
+.te-input-language input {
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 10px;
+  padding: 3px 5px;
+  border: 1px solid #dddddd;
+  background-color: #f9f9f9;
+  box-sizing: border-box;
+  width: 130px;
+  outline: none;
+}
+
+.te-input-language input::-ms-clear {
+  display: none;
+}
+
+.te-input-language::after {
+  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT42Q0NBRDk2QS0yMjYxLTRFNDAtOTk1RC1DRUUyQUREQUQ3NkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLWQtc2lkZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS03IiBwb2ludHM9IjIgNSAxMCA1IDYgMTAiPjwvcG9seWdvbj4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
+  position: absolute;
+  top: 1px;
+  right: 3px;
+}
+
+.te-input-language.active::after {
+  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5BNEZDRkIzMy0zNjdBLTREMjAtOEEyNC1DQ0I2ODFBMDZDODg8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLXVwLXNpZGUiIGZpbGw9IiM1NTU1NTUiPiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC02LjAwMDAwMCwgLTYuNTAwMDAwKSAiIHBvaW50cz0iMiA0IDEwIDQgNiA5Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
+}
+
+.tui-popup-code-block-editor button {
+  margin: -1px 3px;
+}
+
+.tui-popup-code-block-editor .tui-popup-header-buttons {
+  height: 20px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-preview::after {
+  content: 'Preview off';
+  color: #777;
+  margin-right: 22px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-preview.active::after {
+  content: 'Preview on';
+  color: #4b96e6;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-scroll::after {
+  content: 'Scroll off';
+  color: #777;
+  margin-right: 16px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-scroll.active::after {
+  content: 'Scroll on';
+  color: #4b96e6;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-fit {
+  width: 18px;
+  height: 18px;
+  margin-top: 4px;
+  margin-right: 14px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT40OUQ4RTYyMy1GRTAyLTQ1RUUtQkQ5Ri0xMjUyQjEzRTU1MkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLWV4cGFuZCIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBhdGggZD0iTTMsMyBMOSwzIEw5LDUgTDUsNSBMNSw5IEwzLDkgTDMsMyBaIE0xNSwxNSBMOSwxNSBMOSwxMyBMMTMsMTMgTDEzLDkgTDE1LDkgTDE1LDE1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4wMDAwMDAsIDkuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC05LjAwMDAwMCwgLTkuMDAwMDAwKSAiPjwvcGF0aD4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41MDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMS41MDAwMDAsIC02LjUwMDAwMCkgIiBwb2ludHM9IjkuMDg1Nzg2NDQgNS41IDEyLjUgOC45MTQyMTM1NiAxMy45MTQyMTM2IDcuNSAxMC41IDQuMDg1Nzg2NDQiPjwvcG9seWdvbj4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZS1Db3B5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNTAwMDAwLCAxMS41MDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTYuNTAwMDAwLCAtMTEuNTAwMDAwKSAiIHBvaW50cz0iNC4wODU3ODY0NCAxMC41IDcuNSAxMy45MTQyMTM2IDguOTE0MjEzNTYgMTIuNSA1LjUgOS4wODU3ODY0NCI+PC9wb2x5Z29uPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-fit.active {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT4wN0Q1MjlCRi1GNTIzLTREN0EtQTlGNi05NTUzNTU5RDNEMUE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLXJlZHVjZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzIiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS41MDAwMDAsIDEyLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtNS41MDAwMDAsIC0xMi41MDAwMDApICIgcG9pbnRzPSIzLjA4NTc4NjQ0IDExLjUgNi41IDE0LjkxNDIxMzYgNy45MTQyMTM1NiAxMy41IDQuNSAxMC4wODU3ODY0Ij48L3BvbHlnb24+ICAgICAgICAgICAgPHBhdGggZD0iTTksOSBMMTUsOSBMMTUsMTEgTDExLDExIEwxMSwxNSBMOSwxNSBMOSw5IFogTTksOSBMMyw5IEwzLDcgTDcsNyBMNywzIEw5LDMgTDksOSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMDAwMDAwLCA5LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtOS4wMDAwMDAsIC05LjAwMDAwMCkgIj48L3BhdGg+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzMiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCA1LjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTIuNTAwMDAwLCAtNS41MDAwMDApICIgcG9pbnRzPSIxNC45MTQyMTM2IDYuNSAxMS41IDMuMDg1Nzg2NDQgMTAuMDg1Nzg2NCA0LjUgMTMuNSA3LjkxNDIxMzU2Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
+}
+
+.tui-popup-code-block-editor .tui-popup-close-button {
+  margin-top: 6px;
+}
+
+.tui-popup-code-block-editor .tui-popup-body {
+  z-index: -1;
+  padding: 0px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.tui-popup-code-block-editor .popup-editor-body {
+  position: relative;
+  -ms-flex: 1;
+  flex: 1;
+  border-bottom: 1px solid #cacaca;
+}
+
+.tui-popup-code-block-editor .te-button-section {
+  padding: 15px;
+}
+
+.tui-popup-code-block-editor .te-button-section button {
+  float: left;
+}
+
+.tui-popup-code-block-editor .tui-editor-contents pre {
+  margin: 0px;
+  background-color: transparent;
+}
+
+.tui-popup-code-block-editor .CodeMirror {
+  height: auto;
+}
+
+.tui-popup-code-block-editor .CodeMirror-line {
+  font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕',
+    'Malgun Gothic', sans-serif;
+  font-size: 13px;
+  line-height: 160%;
+  letter-spacing: -0.3px;
+}
+
+.tui-popup-code-block-editor .popup-editor-editor-wrapper {
+  min-height: 100%;
+}
+
+.tui-split-scroll-wrapper {
+  position: relative;
+}
+
+.tui-split-scroll {
+  position: absolute;
+}
+
+.tui-split-scroll,
+.tui-split-scroll-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.tui-split-scroll .tui-split-content-left,
+.tui-split-scroll .tui-split-content-right {
+  position: absolute;
+  top: 0px;
+  width: 50%;
+  box-sizing: border-box;
+}
+
+.tui-split-scroll .tui-split-content-left {
+  left: 0px;
+}
+
+.tui-split-scroll .tui-split-content-right {
+  left: 50%;
+}
+
+.tui-split-scroll .tui-splitter {
+  position: absolute;
+  left: 50%;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  border-left: 1px solid #cacaca;
+}
+
+.tui-split-scroll .tui-split-scroll-content {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+}
+
+.tui-split-scroll .tui-split-content-left,
+.tui-split-scroll .tui-split-content-right {
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.tui-split-scroll button.tui-scrollsync {
+  top: 10px;
+  opacity: 0.2;
+}
+
+.tui-split-scroll button.tui-scrollsync::after {
+  content: 'scroll off';
+}
+
+.tui-split-scroll.scroll-sync button.tui-scrollsync {
+  opacity: 0.5;
+}
+
+.tui-split-scroll.scroll-sync .tui-split-content-left,
+.tui-split-scroll.scroll-sync .tui-split-content-right {
+  height: auto;
+  overflow: initial;
+}
+
+.tui-split-scroll.scroll-sync button.tui-scrollsync::after {
+  content: 'scroll on';
+}
+
+.tui-split-scroll.scroll-sync .tui-split-scroll-content {
+  overflow-y: auto;
+}
+
+.tui-split-scroll.single-content .tui-splitter {
+  display: none;
+}
+
+.tui-split-scroll.single-content .tui-split-content-left {
+  width: 100%;
+}
+
+.tui-split-scroll.single-content .tui-split-content-right {
+  display: none;
+}
+
+.tui-split-scroll.single-content button.tui-scrollsync {
+  display: none;
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  /* IE10+ */
+  .tui-split-scroll-wrapper .tui-splitter {
+    left: calc(50% - 9px);
+  }
+}
+
+@supports (-ms-accelerator: true) {
+  /* IE Edge 12+ CSS styles go here */
+  .tui-split-scroll-wrapper .tui-splitter {
+    left: calc(50% - 9px);
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .tui-popup-wrapper {
+    max-width: 300px;
+  }
+
+  .tui-editor-popup {
+    margin-left: -150px;
+  }
+
+  .te-dropdown-toolbar {
+    max-width: none;
+  }
+}
+
+@charset "utf-8";
+.tui-editor-contents {
+  margin: 0;
+  padding: 0;
+  font-size: 13px;
+  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕',
+    'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;
+}
+
+.tui-editor-contents *:not(table) {
+  line-height: 160%;
+  box-sizing: content-box;
+}
+
+.tui-editor-contents i,
+.tui-editor-contents cite,
+.tui-editor-contents em,
+.tui-editor-contents var,
+.tui-editor-contents address,
+.tui-editor-contents dfn {
+  font-style: italic;
+}
+
+.tui-editor-contents strong {
+  font-weight: bold;
+}
+
+.tui-editor-contents p {
+  margin: 10px 0;
+  color: #222;
+}
+
+.tui-editor-contents > h1:first-of-type,
+.tui-editor-contents > div > div:first-of-type h1 {
+  margin-top: 14px;
+}
+
+.tui-editor-contents h1,
+.tui-editor-contents h2,
+.tui-editor-contents h3,
+.tui-editor-contents h4,
+.tui-editor-contents h5,
+.tui-editor-contents h6 {
+  font-weight: bold;
+  color: #222;
+}
+
+.tui-editor-contents h1 {
+  font-size: 24px;
+  line-height: 28px;
+  border-bottom: 3px double #999;
+  margin: 52px 0 15px 0;
+  padding-bottom: 7px;
+}
+
+.tui-editor-contents h2 {
+  font-size: 22px;
+  line-height: 23px;
+  border-bottom: 1px solid #dbdbdb;
+  margin: 20px 0 13px 0;
+  padding-bottom: 7px;
+}
+
+.tui-editor-contents h3 {
+  font-size: 20px;
+  margin: 18px 0 2px;
+}
+
+.tui-editor-contents h4 {
+  font-size: 18px;
+  margin: 10px 0 2px;
+}
+
+.tui-editor-contents h3,
+.tui-editor-contents h4 {
+  line-height: 18px;
+}
+
+.tui-editor-contents h5 {
+  font-size: 16px;
+}
+
+.tui-editor-contents h6 {
+  font-size: 14px;
+}
+
+.tui-editor-contents h5,
+.tui-editor-contents h6 {
+  line-height: 17px;
+  margin: 9px 0 -4px;
+}
+
+.tui-editor-contents del {
+  color: #999;
+}
+
+.tui-editor-contents blockquote {
+  margin: 14px 0;
+  border-left: 4px solid #e5e5e5;
+  padding: 0 16px;
+  color: #999;
+}
+
+.tui-editor-contents blockquote p,
+.tui-editor-contents blockquote ul,
+.tui-editor-contents blockquote ol {
+  color: #999;
+}
+
+.tui-editor-contents blockquote > :first-child {
+  margin-top: 0;
+}
+
+.tui-editor-contents blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.tui-editor-contents pre,
+.tui-editor-contents code {
+  font-family: Consolas, Courier, 'Apple SD 산돌고딕 Neo', -apple-system, 'Lucida Grande',
+    'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Segoe UI', '돋움', dotum, sans-serif;
+  border: 0;
+  border-radius: 0;
+}
+
+.tui-editor-contents pre {
+  margin: 2px 0 8px;
+  padding: 18px;
+  background-color: #f5f7f8;
+}
+
+.tui-editor-contents code {
+  color: #c1798b;
+  background-color: #f9f2f4;
+  padding: 2px 3px;
+  letter-spacing: -0.3px;
+  border-radius: 2px;
+}
+
+.tui-editor-contents pre code {
+  padding: 0;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+}
+
+.tui-editor-contents pre.addon {
+  border: 1px solid #e8ebed;
+  background-color: #fff;
+}
+
+.tui-editor-contents img {
+  margin: 4px 0 10px;
+  box-sizing: border-box;
+  vertical-align: top;
+  max-width: 100%;
+}
+
+.tui-editor-contents table {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin: 12px 0 14px;
+  color: #222;
+  width: auto;
+  border-collapse: collapse;
+  box-sizing: border-box;
+}
+
+.tui-editor-contents table th,
+.tui-editor-contents table td {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  padding: 5px 14px 5px 12px;
+  height: 32px;
+}
+
+.tui-editor-contents table th {
+  background-color: #555;
+  font-weight: 300;
+  color: #fff;
+  padding-top: 6px;
+}
+
+.tui-editor-contents ul,
+.tui-editor-contents menu,
+.tui-editor-contents ol,
+.tui-editor-contents dir {
+  display: block;
+  list-style-type: none;
+  padding-left: 24px;
+  margin: 6px 0 10px;
+  color: #222;
+}
+
+.tui-editor-contents ol {
+  list-style-type: none;
+  counter-reset: li;
+}
+
+.tui-editor-contents ol > li {
+  counter-increment: li;
+}
+
+.tui-editor-contents ul > li::before,
+.tui-editor-contents ol > li::before {
+  display: inline-block;
+  position: absolute;
+}
+
+.tui-editor-contents ul > li::before {
+  content: '';
+  margin-top: 6px;
+  margin-left: -17px;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background-color: #ccc;
+}
+
+.tui-editor-contents ol > li::before {
+  content: '.' counter(li);
+  margin-left: -28px;
+  width: 24px;
+  text-align: right;
+  direction: rtl;
+  color: #aaa;
+}
+
+.tui-editor-contents ul ul,
+.tui-editor-contents ul ol,
+.tui-editor-contents ol ol,
+.tui-editor-contents ol ul {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.tui-editor-contents ul li,
+.tui-editor-contents ol li {
+  position: relative;
+}
+
+.tui-editor-contents ul p,
+.tui-editor-contents ol p {
+  margin: 0;
+}
+
+.tui-editor-contents ul li.task-list-item::before,
+.tui-editor-contents ol li.task-list-item::before,
+.tui-editor-contents pre ul li::before {
+  content: '';
+}
+
+.tui-editor-contents th ol,
+.tui-editor-contents th ul {
+  color: #fff;
+}
+
+.tui-editor-contents hr {
+  border-top: 1px solid #eee;
+  margin: 16px 0;
+}
+
+.tui-editor-contents a {
+  text-decoration: underline;
+  color: #4b96e6;
+}
+
+.tui-editor-contents a:hover {
+  color: #1f70de;
+}
+
+.tui-editor-contents a.image-link {
+  position: relative;
+}
+
+.tui-editor-contents a.image-link::before {
+  content: '';
+  position: absolute;
+  margin: 0;
+  width: 20px;
+  height: 20px;
+  top: 2px;
+  right: 2px;
+  background-repeat: no-repeat;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAA/0lEQVQ4Ee2UIY6FQAyG/91wAQQJDg8SSwI3QIFAcQHuwFHQoOAEEFAELB6H4wIku+9vQgIP9zLyVbTTTufLtJ3MzzRNf1AoGlmu6ypBzvOMXyWkC+QLvDTjw6VM+Xr2OA6UZYmu67Dvu2zleX6zuq7D933EcQxNuyPu3usYYXVdw/M8mKYpIMMwxEZRJHbbNsmhkySJxE71APJmhGVZhnVdURQFlmU585GmKSzLEp+570Dlz+ZxQ/aGJVNYsm3bCIJA/LZtMY4jmqbBMAwIw1DiV/UAstEUltP3vawdxxFbVZVYDoWwM1eCp+LnoErIUt7DL/Ac1edWng1/WlXyD380myY5A34sAAAAAElFTkSuQmCC');
+  cursor: pointer;
+}
+
+.tui-editor-contents .task-list-item {
+  border: 0;
+  list-style: none;
+  padding-left: 24px;
+  margin-left: -24px;
+}
+
+.tui-editor-contents .task-list-item::before {
+  background-repeat: no-repeat;
+  background-size: 18px 18px;
+  background-position: center;
+  content: '';
+  margin-left: 0;
+  margin-top: 0;
+  border-radius: 0;
+  height: 18px;
+  width: 18px;
+  position: absolute;
+  left: 0;
+  top: 1px;
+  cursor: pointer;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAAAQklEQVQ4EWM8c+bMfwYqABaQGcbGxhQZdfbsWQYmikxA0jxqEFJg4GCOhhGOgEESHg0jpMDAwRx8YQQuj0DlCaUAAEdBCPJ7TaEPAAAAAElFTkSuQmCC');
+}
+
+.tui-editor-contents .task-list-item.checked::before {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAAA1ElEQVQ4EWP0nvbsPwMVABMVzAAbMWoQIiT5OJgYvLS5EAJQFguGCB4BkCHt/kIM8kKsYFXbrn6DqyY6sJENefjuN8ORuz/ghoAYWA0COR2kEQbQDanc+I7h049/MGkwjVANFQYZkmXHD/YCyABiDAFpxQgjkJO9dbjA4QAKDxAAhQnIO9hcAlYAJDBcBHIySANII8gAYgwBGYZhEEgQZFjVJohhhFwCUg8CjPgyLT8nE8N/YJZGD1iIVlQSI4yQpT9+R40ZZDl0NlavoSsihj/4DAIAR+hZHUj727YAAAAASUVORK5CYII=');
+}
+
+.tui-editor-contents .task-list-item input[type='checkbox'],
+.tui-editor-contents .task-list-item .task-list-item-checkbox {
+  margin-left: -17px;
+  margin-right: 3.8px;
+  margin-top: 3px;
+}
+
+.tui-editor-contents-placeholder::before {
+  content: attr(data-placeholder);
+  color: grey;
+  line-height: 160%;
+  position: absolute;
+}
+
+.te-preview .tui-editor-contents h1 {
+  min-height: 28px;
+}
+
+.te-preview .tui-editor-contents h2 {
+  min-height: 23px;
+}
+
+.te-preview .tui-editor-contents blockquote {
+  min-height: 20px;
+}
+
+.te-preview .tui-editor-contents li {
+  min-height: 22px;
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  /* IE10+11 */
+  .te-ww-container .tui-editor-contents li {
+    vertical-align: middle;
+  }
+
+  .te-ww-container .tui-editor-contents ul > li::before,
+  .te-ww-container .tui-editor-contents ol > li::before,
+  .te-ww-container .tui-editor-contents .task-list-item:before {
+    position: static;
+    vertical-align: middle;
+  }
+
+  .te-ww-container .tui-editor-contents ul > li::before {
+    margin-top: -3px;
+    margin-right: 12px;
+  }
+
+  .te-ww-container .tui-editor-contents ol > li::before {
+    margin-right: 6px;
+  }
+
+  .te-ww-container .tui-editor-contents .task-list-item {
+    padding-left: 2px;
+  }
+}
+
+.tui-editor-contents .te-preview-highlight {
+  position: relative;
+  z-index: 0;
+}
+
+.tui-editor-contents .te-preview-highlight::after {
+  content: '';
+  background-color: rgba(255, 245, 131, 0.5);
+  border-radius: 4px;
+  z-index: -1;
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  left: -4px;
+  bottom: -4px;
+}
+
+.tui-editor-contents h1.te-preview-highlight::after,
+.tui-editor-contents h2.te-preview-highlight::after {
+  bottom: 0;
+}
+
+.tui-editor-contents td.te-preview-highlight::after,
+.tui-editor-contents th.te-preview-highlight::after {
+  display: none;
+}
+
+.tui-editor-contents th.te-preview-highlight,
+.tui-editor-contents td.te-preview-highlight {
+  background-color: rgba(255, 245, 131, 0.5);
+}
+
+.tui-editor-contents th.te-preview-highlight {
+  color: #222;
+}
+
+.te-md-container .CodeMirror {
+  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕',
+    'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;
+  color: #222;
+}
+
+.tui-md-heading1 {
+  font-size: 24px;
+}
+
+.tui-md-heading2 {
+  font-size: 22px;
+}
+
+.tui-md-heading3 {
+  font-size: 20px;
+}
+
+.tui-md-heading4 {
+  font-size: 18px;
+}
+
+.tui-md-heading5 {
+  font-size: 16px;
+}
+
+.tui-md-heading6 {
+  font-size: 14px;
+}
+
+.tui-md-heading.tui-md-delimiter.setext {
+  line-height: 15px;
+}
+
+.tui-md-strong,
+.tui-md-heading,
+.tui-md-list-item.tui-md-list-item-bullet,
+.tui-md-list-item.tui-md-meta {
+  font-weight: bold;
+}
+
+.tui-md-emph {
+  font-style: italic;
+}
+
+.tui-md-strike {
+  text-decoration: line-through;
+}
+
+.tui-md-strike.tui-md-delimiter {
+  text-decoration: none;
+}
+
+.tui-md-delimiter,
+.tui-md-thematic-break,
+.tui-md-link,
+.tui-md-table,
+.tui-md-block-quote {
+  color: #ccc;
+}
+
+.tui-md-code-block.tui-md-meta,
+.tui-md-code.tui-md-delimiter {
+  color: #aaa;
+}
+
+.tui-md-meta,
+.tui-md-html,
+.tui-md-link.tui-md-link-url.tui-md-marked-text {
+  color: #999;
+}
+
+.tui-md-block-quote.tui-md-marked-text,
+.tui-md-list-item.tui-md-meta {
+  color: #555;
+}
+
+.tui-md-table.tui-md-marked-text {
+  color: #222;
+}
+
+.tui-md-link.tui-md-link-desc.tui-md-marked-text,
+.tui-md-list-item-odd.tui-md-list-item-bullet {
+  color: #4b96e6;
+}
+
+.tui-md-list-item-even.tui-md-list-item-bullet {
+  color: #cb4848;
+}
+
+.tui-md-code.tui-md-marked-text {
+  color: #c1798b;
+}
+
+.tui-md-code {
+  background-color: rgba(243, 229, 233, 0.5);
+  padding: 2px 0;
+  letter-spacing: -0.3px;
+}
+
+.tui-md-code.tui-md-delimiter.start {
+  padding-left: 2px;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+
+.tui-md-code.tui-md-delimiter.end {
+  padding-right: 2px;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+
+.tui-md-code-block.CodeMirror-linebackground {
+  left: 20px;
+  right: 20px;
+  background-color: #f5f7f8;
+}
+
+.tui-md-code-block.CodeMirror-linebackground.start {
+  top: 2px;
+}
+
+.tui-md-code-block.CodeMirror-linebackground.end {
+  bottom: 2px;
+}
+
+.tui-md-code,
+.tui-md-code-block {
+  font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕',
+    'Malgun Gothic', sans-serif;
+}
+
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor.js b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor.js
new file mode 100644
index 0000000000..1ecaa485bc
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Host/wwwroot/libs/toastr/toastui-editor.js
@@ -0,0 +1,29366 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("codemirror"));
+	else if(typeof define === 'function' && define.amd)
+		define(["codemirror"], factory);
+	else if(typeof exports === 'object')
+		exports["Editor"] = factory(require("codemirror"));
+	else
+		root["toastui"] = root["toastui"] || {}, root["toastui"]["Editor"] = factory(root["CodeMirror"]);
+})(window, function(__WEBPACK_EXTERNAL_MODULE__15__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 65);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
+/* harmony import */ var tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
+/* harmony import */ var tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4);
+/* harmony import */ var tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(16);
+/* harmony import */ var tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(13);
+/* harmony import */ var tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7__);
+/**
+ * @fileoverview DOM Utils
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+var FIND_ZWB = /\u200B/g;
+var _window = window,
+    getComputedStyle = _window.getComputedStyle;
+/**
+ * Check if node is text node
+ * @param {Node} node node to check
+ * @returns {boolean} result
+ * @ignore
+ */
+
+var isTextNode = function isTextNode(node) {
+  return node && node.nodeType === Node.TEXT_NODE;
+};
+/**
+ * Check if node is element node
+ * @param {Node} node node to check
+ * @returns {boolean} result
+ * @ignore
+ */
+
+
+var isElemNode = function isElemNode(node) {
+  return node && node.nodeType === Node.ELEMENT_NODE;
+};
+/**
+ * Check that the node is block node
+ * @param {Node} node node
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isBlockNode = function isBlockNode(node) {
+  return /^(ADDRESS|ARTICLE|ASIDE|BLOCKQUOTE|DETAILS|DIALOG|DD|DIV|DL|DT|FIELDSET|FIGCAPTION|FIGURE|FOOTER|FORM|H[\d]|HEADER|HGROUP|HR|LI|MAIN|NAV|OL|P|PRE|SECTION|UL)$/gi.test(this.getNodeName(node));
+};
+/**
+ * Get node name of node
+ * @param {Node} node node
+ * @returns {string} node name
+ * @ignore
+ */
+
+
+var getNodeName = function getNodeName(node) {
+  if (isElemNode(node)) {
+    return node.tagName;
+  }
+
+  return 'TEXT';
+};
+/**
+ * Get node offset length of node(for Range API)
+ * @param {Node} node node
+ * @returns {number} length
+ * @ignore
+ */
+
+
+var getTextLength = function getTextLength(node) {
+  var len;
+
+  if (isElemNode(node)) {
+    len = node.textContent.replace(FIND_ZWB, '').length;
+  } else if (isTextNode(node)) {
+    len = node.nodeValue.replace(FIND_ZWB, '').length;
+  }
+
+  return len;
+};
+/**
+ * Get node offset length of node(for Range API)
+ * @param {Node} node node
+ * @returns {number} length
+ * @ignore
+ */
+
+
+var getOffsetLength = function getOffsetLength(node) {
+  var len;
+
+  if (isElemNode(node)) {
+    len = node.childNodes.length;
+  } else if (isTextNode(node)) {
+    len = node.nodeValue.replace(FIND_ZWB, '').length;
+  }
+
+  return len;
+};
+/**
+ * get node offset between parent's childnodes
+ * @param {Node} node node
+ * @returns {number} offset(index)
+ * @ignore
+ */
+
+
+var getNodeOffsetOfParent = function getNodeOffsetOfParent(node) {
+  var childNodesOfParent = node.parentNode.childNodes;
+  var i, t, found;
+
+  for (i = 0, t = childNodesOfParent.length; i < t; i += 1) {
+    if (childNodesOfParent[i] === node) {
+      found = i;
+      break;
+    }
+  }
+
+  return found;
+};
+/**
+ * get child node by offset
+ * @param {Node} node node
+ * @param {number} index offset index
+ * @returns {Node} foudned node
+ * @ignore
+ */
+
+
+var getChildNodeByOffset = function getChildNodeByOffset(node, index) {
+  var currentNode;
+
+  if (isTextNode(node)) {
+    currentNode = node;
+  } else if (node.childNodes.length && index >= 0) {
+    currentNode = node.childNodes[index];
+  }
+
+  return currentNode;
+};
+/**
+ * find next node from passed node
+ * @param {strong} direction previous or next
+ * @param {Node} node node
+ * @param {string} untilNodeName parent node name to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getNodeWithDirectionUntil = function getNodeWithDirectionUntil(direction, node, untilNodeName) {
+  var directionKey = direction + "Sibling";
+  var nodeName, foundedNode;
+
+  while (node && !node[directionKey]) {
+    nodeName = getNodeName(node.parentNode);
+
+    if (nodeName === untilNodeName || nodeName === 'BODY') {
+      break;
+    }
+
+    node = node.parentNode;
+  }
+
+  if (node[directionKey]) {
+    foundedNode = node[directionKey];
+  }
+
+  return foundedNode;
+};
+/**
+ * get prev node of childnode pointed with index
+ * @param {Node} node node
+ * @param {number} index offset index
+ * @param {string} untilNodeName parent node name to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getPrevOffsetNodeUntil = function getPrevOffsetNodeUntil(node, index, untilNodeName) {
+  var prevNode;
+
+  if (index > 0) {
+    prevNode = getChildNodeByOffset(node, index - 1);
+  } else {
+    prevNode = getNodeWithDirectionUntil('previous', node, untilNodeName);
+  }
+
+  return prevNode;
+};
+
+var getParentUntilBy = function getParentUntilBy(node, matchCondition, stopCondition) {
+  while (node.parentNode && !matchCondition(node.parentNode)) {
+    node = node.parentNode;
+
+    if (stopCondition && stopCondition(node)) {
+      break;
+    }
+  }
+
+  if (matchCondition(node.parentNode)) {
+    return node;
+  }
+
+  return null;
+};
+/**
+ * get parent node until paseed node name
+ * @param {Node} node node
+ * @param {string|HTMLNode} untilNode node name or node to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getParentUntil = function getParentUntil(node, untilNode) {
+  var foundedNode;
+
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(untilNode)) {
+    foundedNode = getParentUntilBy(node, function (targetNode) {
+      return untilNode === getNodeName(targetNode);
+    });
+  } else {
+    foundedNode = getParentUntilBy(node, function (targetNode) {
+      return untilNode === targetNode;
+    });
+  }
+
+  return foundedNode;
+};
+/**
+ * get node on the given direction under given parent
+ * @param {strong} direction previous or next
+ * @param {Node} node node
+ * @param {string|Node} underNode parent node name to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getNodeWithDirectionUnderParent = function getNodeWithDirectionUnderParent(direction, node, underNode) {
+  var directionKey = direction + "Sibling";
+  var foundedNode;
+  node = getParentUntil(node, underNode);
+
+  if (node && node[directionKey]) {
+    foundedNode = node[directionKey];
+  }
+
+  return foundedNode;
+};
+/**
+ * get top previous top level node under given node
+ * @param {Node} node node
+ * @param {Node} underNode underNode
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getTopPrevNodeUnder = function getTopPrevNodeUnder(node, underNode) {
+  return getNodeWithDirectionUnderParent('previous', node, underNode);
+};
+/**
+ * get next top level block node
+ * @param {Node} node node
+ * @param {Node} underNode underNode
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getTopNextNodeUnder = function getTopNextNodeUnder(node, underNode) {
+  return getNodeWithDirectionUnderParent('next', node, underNode);
+};
+/**
+ * Get parent element the body element
+ * @param {Node} node Node for start searching
+ * @returns {Node}
+ * @ignore
+ */
+
+
+var getTopBlockNode = function getTopBlockNode(node) {
+  return getParentUntil(node, 'BODY');
+};
+/**
+ * Get previous text node
+ * @param {Node} node Node for start searching
+ * @returns {Node}
+ * @ignore
+ */
+
+
+var getPrevTextNode = function getPrevTextNode(node) {
+  node = node.previousSibling || node.parentNode;
+
+  while (!isTextNode(node) && getNodeName(node) !== 'BODY') {
+    if (node.previousSibling) {
+      node = node.previousSibling;
+
+      while (node.lastChild) {
+        node = node.lastChild;
+      }
+    } else {
+      node = node.parentNode;
+    }
+  }
+
+  if (getNodeName(node) === 'BODY') {
+    node = null;
+  }
+
+  return node;
+};
+/**
+ * test whether root contains the given node
+ * @param {HTMLNode|string} root - root node
+ * @param {HTMLNode} found - node to test
+ * @returns {Boolean} true if root contains node
+ * @ignore
+ */
+
+
+var containsNode = function containsNode(root, node) {
+  var walker = document.createTreeWalker(root, 4, null, false);
+  var found = root === node;
+
+  while (!found && walker.nextNode()) {
+    found = walker.currentNode === node;
+  }
+
+  return found;
+};
+/**
+ * find node by offset
+ * @param {HTMLElement} root Root element
+ * @param {Array.} offsetList offset list
+ * @param {function} textNodeFilter Text node filter
+ * @returns {Array}
+ * @ignore
+ */
+
+
+var findOffsetNode = function findOffsetNode(root, offsetList, textNodeFilter) {
+  var result = [];
+  var text = '';
+  var walkerOffset = 0;
+  var newWalkerOffset;
+
+  if (!offsetList.length) {
+    return result;
+  }
+
+  var offset = offsetList.shift();
+  var walker = document.createTreeWalker(root, 4, null, false);
+
+  while (walker.nextNode()) {
+    text = walker.currentNode.nodeValue || '';
+
+    if (textNodeFilter) {
+      text = textNodeFilter(text);
+    }
+
+    newWalkerOffset = walkerOffset + text.length;
+
+    while (newWalkerOffset >= offset) {
+      result.push({
+        container: walker.currentNode,
+        offsetInContainer: offset - walkerOffset,
+        offset: offset
+      });
+
+      if (!offsetList.length) {
+        return result;
+      }
+
+      offset = offsetList.shift();
+    }
+
+    walkerOffset = newWalkerOffset;
+  } // there should be offset left
+
+
+  do {
+    result.push({
+      container: walker.currentNode,
+      offsetInContainer: text.length,
+      offset: offset
+    });
+    offset = offsetList.shift();
+  } while (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(offset));
+
+  return result;
+};
+
+var getNodeInfo = function getNodeInfo(node) {
+  var path = {};
+  path.tagName = node.nodeName;
+
+  if (node.id) {
+    path.id = node.id;
+  }
+
+  var className = node.className.trim();
+
+  if (className) {
+    path.className = className;
+  }
+
+  return path;
+};
+
+var getPath = function getPath(node, root) {
+  var paths = [];
+
+  while (node && node !== root) {
+    if (isElemNode(node)) {
+      paths.unshift(getNodeInfo(node));
+    }
+
+    node = node.parentNode;
+  }
+
+  return paths;
+};
+/**
+ * Find next, previous TD or TH element by given TE element
+ * @param {HTMLElement} node TD element
+ * @param {string} direction 'next' or 'previous'
+ * @returns {HTMLElement|null}
+ * @ignore
+ */
+
+
+var getTableCellByDirection = function getTableCellByDirection(node, direction) {
+  var targetElement = null;
+
+  if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(direction) && (direction === 'next' || direction === 'previous')) {
+    if (direction === 'next') {
+      targetElement = node.nextElementSibling;
+    } else {
+      targetElement = node.previousElementSibling;
+    }
+  }
+
+  return targetElement;
+};
+/**
+ * Find sibling TR's TD element by given TD and direction
+ * @param {HTMLElement} node TD element
+ * @param {string} direction Boolean value for find first TD in next line
+ * @param {boolean} [needEdgeCell=false] Boolean value for find first TD in next line
+ * @returns {HTMLElement|null}
+ * @ignore
+ */
+
+
+var getSiblingRowCellByDirection = function getSiblingRowCellByDirection(node, direction, needEdgeCell) {
+  var tableCellElement = null;
+  var index, targetRowElement, currentContainer, siblingContainer, isSiblingContainerExists;
+
+  if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(direction) && (direction === 'next' || direction === 'previous')) {
+    if (node) {
+      if (direction === 'next') {
+        targetRowElement = node.parentNode && node.parentNode.nextSibling;
+        currentContainer = parents(node, 'thead');
+        siblingContainer = currentContainer[0] && currentContainer[0].nextSibling;
+        isSiblingContainerExists = siblingContainer && getNodeName(siblingContainer) === 'TBODY';
+        index = 0;
+      } else {
+        targetRowElement = node.parentNode && node.parentNode.previousSibling;
+        currentContainer = parents(node, 'tbody');
+        siblingContainer = currentContainer[0] && currentContainer[0].previousSibling;
+        isSiblingContainerExists = siblingContainer && getNodeName(siblingContainer) === 'THEAD';
+        index = node.parentNode.childNodes.length - 1;
+      }
+
+      if (tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(needEdgeCell) || !needEdgeCell) {
+        index = getNodeOffsetOfParent(node);
+      }
+
+      if (targetRowElement) {
+        tableCellElement = children(targetRowElement, 'td,th')[index];
+      } else if (currentContainer[0] && isSiblingContainerExists) {
+        tableCellElement = findAll(siblingContainer, 'td,th')[index];
+      }
+    }
+  }
+
+  return tableCellElement;
+};
+/**
+ * Check that the inline node is supported by markdown
+ * @param {Node} node TD element
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isMDSupportInlineNode = function isMDSupportInlineNode(node) {
+  return /^(A|B|BR|CODE|DEL|EM|I|IMG|S|SPAN|STRONG)$/gi.test(node.nodeName);
+};
+/**
+ * Check that node is styled node.
+ * Styled node is a node that has text and decorates text.
+ * @param {Node} node TD element
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isStyledNode = function isStyledNode(node) {
+  return /^(A|ABBR|ACRONYM|B|BDI|BDO|BIG|CITE|CODE|DEL|DFN|EM|I|INS|KBD|MARK|Q|S|SAMP|SMALL|SPAN|STRONG|SUB|SUP|U|VAR)$/gi.test(node.nodeName);
+};
+/**
+ * remove node from 'start' node to 'end-1' node inside parent
+ * if 'end' node is null, remove all child nodes after 'start' node.
+ * @param {Node} parentNode - parent node
+ * @param {Node} start - start node to remove
+ * @param {Node} end - end node to remove
+ * @ignore
+ */
+
+
+var removeChildFromStartToEndNode = function removeChildFromStartToEndNode(parentNode, start, end) {
+  var child = start;
+
+  if (!child || parentNode !== child.parentNode) {
+    return;
+  }
+
+  while (child !== end) {
+    var nextNode = child.nextSibling;
+    parentNode.removeChild(child);
+    child = nextNode;
+  }
+};
+/**
+ * remove nodes along the direction from the node to reach targetParent node
+ * @param {Node} targetParent - stop removing when reach target parent node
+ * @param {Node} node - start node
+ * @param {boolean} isForward - direction
+ * @ignore
+ */
+
+
+var removeNodesByDirection = function removeNodesByDirection(targetParent, node, isForward) {
+  var parentNode = node;
+
+  while (parentNode !== targetParent) {
+    var nextParent = parentNode.parentNode;
+    var _parentNode = parentNode,
+        nextSibling = _parentNode.nextSibling,
+        previousSibling = _parentNode.previousSibling;
+
+    if (!isForward && nextSibling) {
+      removeChildFromStartToEndNode(nextParent, nextSibling, null);
+    } else if (isForward && previousSibling) {
+      removeChildFromStartToEndNode(nextParent, nextParent.childNodes[0], parentNode);
+    }
+
+    parentNode = nextParent;
+  }
+};
+
+var getLeafNode = function getLeafNode(node) {
+  var result = node;
+
+  while (result.childNodes && result.childNodes.length) {
+    var _result = result,
+        nextLeaf = _result.firstChild; // When inline tag have empty text node with other childnodes, ignore empty text node.
+
+    if (isTextNode(nextLeaf) && !getTextLength(nextLeaf)) {
+      result = nextLeaf.nextSibling || nextLeaf;
+    } else {
+      result = nextLeaf;
+    }
+  }
+
+  return result;
+};
+/**
+ * check if a coordinates is inside a button box
+ * @param {object} style - computed style of task box
+ * @param {number} offsetX - event x offset
+ * @param {number} offsetY - event y offset
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isInsideButtonBox = function isInsideButtonBox(style, offsetX, offsetY) {
+  var rect = {
+    left: parseInt(style.left, 10),
+    top: parseInt(style.top, 10),
+    width: parseInt(style.width, 10),
+    height: parseInt(style.height, 10)
+  };
+  return offsetX >= rect.left && offsetX <= rect.left + rect.width && offsetY >= rect.top && offsetY <= rect.top + rect.height;
+};
+/**
+ * Check whether node is OL or UL
+ * @param {node} node - node
+ * @returns {boolean} - whether node is OL or UL
+ * @ignore
+ */
+
+
+var isListNode = function isListNode(node) {
+  if (!node) {
+    return false;
+  }
+
+  return node.nodeName === 'UL' || node.nodeName === 'OL';
+};
+/**
+ * Check whether node is first list item
+ * @param {node} node - node
+ * @returns {boolean} whether node is first list item
+ * @ignore
+ */
+
+
+var isFirstListItem = function isFirstListItem(node) {
+  var nodeName = node.nodeName,
+      parentNode = node.parentNode;
+  return nodeName === 'LI' && node === parentNode.firstChild;
+};
+/**
+ * Check whether node is first level list item
+ * @param {node} node - node
+ * @returns {boolean} whether node is first level list item
+ * @ignore
+ */
+
+
+var isFirstLevelListItem = function isFirstLevelListItem(node) {
+  var nodeName = node.nodeName,
+      listNode = node.parentNode;
+  var listParentNode = listNode.parentNode;
+  return nodeName === 'LI' && !isListNode(listParentNode);
+};
+/**
+ * Merge node to target node and detach node
+ * @param {node} node - node
+ * @param {node} targetNode - target node
+ * @ignore
+ */
+
+
+var mergeNode = function mergeNode(node, targetNode) {
+  if (node.hasChildNodes()) {
+    tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(node.childNodes).forEach(function () {
+      targetNode.appendChild(node.firstChild);
+    });
+    targetNode.normalize();
+  }
+
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
+};
+/**
+ * Create hr that is not contenteditable
+ * @returns {node} hr is wraped div
+ * @ignore
+ */
+
+
+var createHorizontalRule = function createHorizontalRule() {
+  var div = document.createElement('div');
+  var hr = document.createElement('hr');
+  div.setAttribute('contenteditable', false);
+  hr.setAttribute('contenteditable', false);
+  div.appendChild(hr);
+  return div;
+};
+/**
+ * Create Empty Line
+ * @returns {node} 

        
+ * @private
+ */
+
+
+var createEmptyLine = function createEmptyLine() {
+  var div = document.createElement('div');
+  div.appendChild(document.createElement('br'));
+  return div;
+};
+/**
+ * Find same tagName child node and change wrapping order.
+ * For example, if below node need to optimize 'B' tag.
+ * test
+ * should be changed tag's order.
+ * test
+ * @param {node} node
+ * @param {string} tagName
+ * @returns {node}
+ * @private
+ */
+
+
+var changeTagOrder = function changeTagOrder(node, tagName) {
+  if (node.nodeName !== 'SPAN') {
+    var parentNode = node.parentNode;
+    var tempNode = node;
+
+    while (tempNode.childNodes && tempNode.childNodes.length === 1 && !isTextNode(tempNode.firstChild)) {
+      tempNode = tempNode.firstChild;
+
+      if (tempNode.nodeName === 'SPAN') {
+        break;
+      }
+
+      if (tempNode.nodeName === tagName) {
+        var wrapper = document.createElement(tagName);
+        mergeNode(tempNode, tempNode.parentNode);
+        parentNode.replaceChild(wrapper, node);
+        wrapper.appendChild(node);
+        return wrapper;
+      }
+    }
+  }
+
+  return node;
+};
+/**
+ * Find same tagName nodes and merge from startNode to endNode.
+ * @param {node} startNode
+ * @param {node} endNode
+ * @param {string} tagName
+ * @returns {node}
+ * @private
+ */
+
+
+var mergeSameNodes = function mergeSameNodes(startNode, endNode, tagName) {
+  var startBlockNode = changeTagOrder(startNode, tagName);
+
+  if (startBlockNode.nodeName === tagName) {
+    var endBlockNode = changeTagOrder(endNode, tagName);
+    var mergeTargetNode = startBlockNode;
+    var nextNode = startBlockNode.nextSibling;
+
+    while (nextNode) {
+      var tempNext = nextNode.nextSibling;
+      nextNode = changeTagOrder(nextNode, tagName);
+
+      if (nextNode.nodeName === tagName) {
+        // eslint-disable-next-line max-depth
+        if (mergeTargetNode) {
+          mergeNode(nextNode, mergeTargetNode);
+        } else {
+          mergeTargetNode = nextNode;
+        }
+      } else {
+        mergeTargetNode = null;
+      }
+
+      if (nextNode === endBlockNode) {
+        break;
+      }
+
+      nextNode = tempNext;
+    }
+  }
+};
+/**
+ * Find same tagName nodes in range and merge nodes.
+ * For example range is like this
+ * AAABBB
+ * nodes is changed below
+ * AAABBB
+ * @param {range} range
+ * @param {string} tagName
+ * @private
+ */
+
+
+var optimizeRange = function optimizeRange(range, tagName) {
+  var collapsed = range.collapsed,
+      commonAncestorContainer = range.commonAncestorContainer,
+      startContainer = range.startContainer,
+      endContainer = range.endContainer;
+
+  if (!collapsed) {
+    var optimizedNode = null;
+
+    if (startContainer !== endContainer) {
+      var startNode = getParentUntil(startContainer, commonAncestorContainer);
+      var endNode = getParentUntil(endContainer, commonAncestorContainer);
+
+      if (startNode && endNode) {
+        mergeSameNodes(startNode, endNode, tagName);
+      }
+
+      optimizedNode = commonAncestorContainer;
+    } else if (isTextNode(startContainer)) {
+      optimizedNode = startContainer.parentNode;
+    }
+
+    if (optimizedNode && optimizedNode.nodeName === tagName) {
+      var _optimizedNode = optimizedNode,
+          previousSibling = _optimizedNode.previousSibling;
+      var tempNode;
+
+      if (previousSibling) {
+        tempNode = changeTagOrder(previousSibling);
+
+        if (tempNode.nodeName === tagName) {
+          mergeNode(optimizedNode, tempNode);
+        }
+      }
+
+      var _optimizedNode2 = optimizedNode,
+          nextSibling = _optimizedNode2.nextSibling;
+
+      if (nextSibling) {
+        tempNode = changeTagOrder(nextSibling);
+
+        if (tempNode.nodeName === tagName) {
+          mergeNode(tempNode, optimizedNode);
+        }
+      }
+    }
+  }
+};
+/**
+ * Gets all text node from root element.
+ * @param {HTMLElement} root Root element
+ * @returns {Array} list of text nodes
+ * @ignore
+ */
+
+
+var getAllTextNode = function getAllTextNode(root) {
+  var walker = document.createTreeWalker(root, 4, null, false);
+  var result = [];
+
+  while (walker.nextNode()) {
+    var node = walker.currentNode;
+
+    if (isTextNode(node)) {
+      result.push(node);
+    }
+  }
+
+  return result;
+};
+/**
+ * Check whether the node is 'TD' or 'TH'
+ * @param {HTMLElement} node - the target node
+ * @returns {boolean} - whether the node is 'TD' or 'TH'
+ * @ignore
+ */
+
+
+var isCellNode = function isCellNode(node) {
+  if (!node) {
+    return false;
+  }
+
+  return node.nodeName === 'TD' || node.nodeName === 'TH';
+};
+/**
+ * Get the last node on the target node by the condition
+ * @param {HTMLElement} node - the target node
+ * @returns {function} - the condition to find the node
+ * @ignore
+ */
+
+
+var getLastNodeBy = function getLastNodeBy(node, condition) {
+  var lastNode = node && node.lastChild;
+
+  while (lastNode && condition(lastNode)) {
+    lastNode = lastNode.lastChild;
+  }
+
+  return lastNode;
+};
+/**
+ * Get the parent node on the target node by the condition
+ * @param {HTMLElement} node - the target node
+ * @returns {function} - the condition to find the node
+ * @ignore
+ */
+
+
+var getParentNodeBy = function getParentNodeBy(node, condition) {
+  while (node && condition(node.parentNode, node)) {
+    node = node.parentNode;
+  }
+
+  return node;
+};
+/**
+ * Get the sibling node on the target node by the condition
+ * @param {HTMLElement} node - the target node
+ * @param {string} direction - the direction to find node ('previous', 'next')
+ * @returns {function} - the condition to find the node
+ * @ignore
+ */
+
+
+var getSiblingNodeBy = function getSiblingNodeBy(node, direction, condition) {
+  var directionKey = direction + "Sibling";
+
+  while (node && condition(node[directionKey], node)) {
+    node = node[directionKey];
+  }
+
+  return node;
+};
+/**
+ * Create element with contents
+ * @param {string|Node} contents - contents to appended
+ * @param {HTMLElement} [target] - container element to append contents
+ * @returns {Node} created node
+ * @ignore
+ */
+
+
+function createElementWith(contents, target) {
+  var container = document.createElement('div');
+
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(contents)) {
+    container.innerHTML = contents;
+  } else {
+    container.appendChild(contents);
+  }
+
+  var firstChild = container.firstChild;
+
+  if (target) {
+    target.appendChild(firstChild);
+  }
+
+  return firstChild;
+}
+/**
+ * Find nodes matching by selector
+ * @param {HTMLElement} element - target element
+ * @param {string} selector - selector to find nodes
+ * @returns {Array.} found nodes
+ * @ignore
+ */
+
+
+function findAll(element, selector) {
+  var nodeList = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(element.querySelectorAll(selector));
+
+  if (nodeList.length) {
+    return nodeList;
+  }
+
+  return [];
+}
+/**
+ * Checks whether specific node is included in target node
+ * @param {HTMLElement} element - target to find
+ * @param {Node} containedNode - node to find
+ * @returns {boolean} whether node is contained or not
+ * @ignore
+ */
+
+
+function isContain(element, contained) {
+  return element !== contained && element.contains(contained);
+}
+/**
+ * Gets closest node matching by selector
+ * @param {Node} node - target node
+ * @param {string|Node} found - selector or element to find node
+ * @param {Node} [root] - root node
+ * @returns {?Node} - found node
+ * @ignore
+ */
+
+
+function closest(node, found, root) {
+  var condition;
+  root = root || document;
+
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(found)) {
+    condition = function condition(target) {
+      return tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(target, found);
+    };
+  } else {
+    condition = function condition(target) {
+      return target === found;
+    };
+  }
+
+  while (node && node !== root) {
+    if (isElemNode(node) && condition(node)) {
+      return node;
+    }
+
+    node = node.parentNode;
+  }
+
+  return null;
+}
+/**
+ * Gets parent node matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string} [selector] - selector to find
+ * @returns {Node} found node
+ * @ignore
+ */
+
+
+function parent(node, selector) {
+  var parentNode = node.parentNode;
+
+  if (selector) {
+    return parentNode && tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(parentNode, selector) ? parentNode : null;
+  }
+
+  return parentNode;
+}
+/**
+ * Gets ancestor nodes matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string|Node} found - selector or node to find
+ * @returns {Array.} found nodes
+ * @ignore
+ */
+
+
+function parents(node, found) {
+  var result = [];
+
+  while (node && node !== document) {
+    node = closest(node.parentNode, found);
+
+    if (node) {
+      result.push(node);
+    }
+  }
+
+  return result;
+}
+/**
+ * Gets ancestor nodes until matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string} selector - selector to find
+ * @param {Array.} found nodes
+ * @ignore
+ */
+
+
+function parentsUntil(node, selector) {
+  var result = [];
+
+  while (node.parentNode && !tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(node.parentNode, selector)) {
+    node = node.parentNode;
+
+    if (node) {
+      result.push(node);
+    }
+  }
+
+  return result;
+}
+/**
+ * Gets child nodes matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string} selector - selector to find
+ * @returns {Array.} found nodes
+ * @ignore
+ */
+
+
+function children(node, selector) {
+  var foundChildren;
+
+  if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+    foundChildren = node.childNodes;
+  } else {
+    foundChildren = node.children;
+  }
+
+  return tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(foundChildren).filter(function (child) {
+    return tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(child, selector);
+  });
+}
+/**
+ * Appends node(s) on target node
+ * @param {Node} node - target node
+ * @param {string|Node} appended - html string or node to append
+ * @ignore
+ */
+
+
+function append(node, appended) {
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(appended)) {
+    node.insertAdjacentHTML('beforeEnd', appended);
+  } else {
+    appended = appended.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(appended) : [appended];
+
+    for (var i = 0, len = appended.length; i < len; i += 1) {
+      node.appendChild(appended[i]);
+    }
+  }
+}
+/**
+ * Prepends node(s) on target node
+ * @param {Node} node - target node
+ * @param {string|Node} appended - html string or node to append
+ * @ignore
+ */
+
+
+function prepend(node, appended) {
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(appended)) {
+    node.insertAdjacentHTML('afterBegin', appended);
+  } else {
+    appended = appended.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(appended) : [appended];
+
+    for (var i = appended.length - 1, len = 0; i >= len; i -= 1) {
+      node.insertBefore(appended[i], node.firstChild);
+    }
+  }
+}
+/**
+ * Inserts new node in front of target node
+ * @param {Node} insertedNode - node to insert
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function insertBefore(insertedNode, node) {
+  var parentNode = node.parentNode;
+
+  if (parentNode) {
+    parentNode.insertBefore(insertedNode, node);
+  }
+}
+/**
+ * Inserts new node after target node
+ * @param {Node} insertedNode - node to insert
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function insertAfter(insertedNode, node) {
+  var parentNode = node.parentNode;
+
+  if (parentNode) {
+    parentNode.insertBefore(insertedNode, node.nextSibling);
+  }
+}
+/**
+ * Replaces target node(s) with html
+ * @param {Node} nodeList - target node(s) to replace
+ * @param {string} html - replaced html
+ * @ignore
+ */
+
+
+function replaceWith(nodeList, html) {
+  nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList];
+  nodeList.forEach(function (node) {
+    node.insertAdjacentHTML('afterEnd', html);
+    node.parentNode.removeChild(node);
+  });
+}
+/**
+ * Adds parent element to target node(s)
+ * @param {Node|Array.} nodeList - target node(s)
+ * @param {string} nodeName - node name to change parent element
+ * @ignore
+ */
+
+
+function wrap(nodeList, nodeName) {
+  nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList];
+  nodeList.forEach(function (node) {
+    var wrapper = document.createElement(nodeName);
+    node.parentNode.insertBefore(wrapper, node);
+    wrapper.appendChild(node);
+  });
+}
+/**
+ * Adds child element to target node(s)
+ * @param {Node|Array.} nodeList - target node(s)
+ * @param {string} nodeName - node name to change child element
+ * @ignore
+ */
+
+
+function wrapInner(nodeList, nodeName) {
+  nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList];
+  nodeList.forEach(function (node) {
+    var wrapper = document.createElement(nodeName);
+    node.appendChild(wrapper);
+
+    while (node.firstChild !== wrapper) {
+      wrapper.appendChild(node.firstChild);
+    }
+  });
+}
+/**
+ * Removes target element and insert children at the same position
+ * @param {Node} node - parent node
+ * @returns {Array.} unwrapped nodes
+ * @ignore
+ */
+
+
+function unwrap(node) {
+  var result = [];
+
+  while (node.firstChild) {
+    result.push(node.firstChild);
+    node.parentNode.insertBefore(node.firstChild, node);
+  }
+
+  remove(node);
+  return result;
+}
+/**
+ * Removes target node from parent node
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function remove(node) {
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
+}
+/**
+ * Removes all children of target node
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function empty(node) {
+  while (node.firstChild) {
+    node.removeChild(node.firstChild);
+  }
+}
+/**
+ * Sets offset value of target element
+ * @param {HTMLElement} element - target element
+ * @returns {Object.} offset values
+ * @ignore
+ */
+
+
+function setOffset(element, offset) {
+  var _element$parentNode$g = element.parentNode.getBoundingClientRect(),
+      top = _element$parentNode$g.top,
+      left = _element$parentNode$g.left;
+
+  tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default()(element, {
+    top: offset.top - top - document.body.scrollTop + "px"
+  });
+  tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default()(element, {
+    left: offset.left - left - document.body.scrollLeft + "px"
+  });
+}
+/**
+ * Gets offset value of target element
+ * @param {HTMLElement} element - target element
+ * @param {string} [selector] - selector to stop finding node
+ * @returns {Object.} offset values
+ * @ignore
+ */
+
+
+function getOffset(element, selector) {
+  if (selector === void 0) {
+    selector = 'document';
+  }
+
+  var top = 0;
+  var left = 0;
+
+  do {
+    top += element.offsetTop || 0;
+    left += element.offsetLeft || 0;
+    element = element.offsetParent;
+  } while (element && !tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(element, selector));
+
+  return {
+    top: top,
+    left: left
+  };
+}
+/**
+ * Gets outer width value of target element
+ * @param {HTMLElement} element - target element
+ * @param {boolean} includedMargin - whether to include margir or not
+ * @returns {number} outer width value
+ * @ignore
+ */
+
+
+function getOuterWidth(element, includedMargin) {
+  var widthValue = element.offsetWidth;
+
+  if (includedMargin) {
+    var _getComputedStyle = getComputedStyle(element),
+        marginLeft = _getComputedStyle.marginLeft,
+        marginRight = _getComputedStyle.marginRight;
+
+    widthValue += parseInt(marginLeft, 10) + parseInt(marginRight, 10);
+  }
+
+  return widthValue;
+}
+/**
+ * Gets outer height value of target element
+ * @param {HTMLElement} element - target element
+ * @param {boolean} includedMargin - whether to include margir or not
+ * @returns {number} outer height value
+ * @ignore
+ */
+
+
+function getOuterHeight(element, includedMargin) {
+  var heightValue = element.offsetHeight;
+
+  if (includedMargin) {
+    var _getComputedStyle2 = getComputedStyle(element),
+        marginTop = _getComputedStyle2.marginTop,
+        marginBottom = _getComputedStyle2.marginBottom;
+
+    heightValue += parseInt(marginTop, 10) + parseInt(marginBottom, 10);
+  }
+
+  return heightValue;
+}
+/**
+ * Toggles class name of target element
+ * @param {HTMLElement} element - target element
+ * @param {string} className - class name to toggle
+ * @param {boolean} [state] - whether to toggle or not by condition
+ * @ignore
+ */
+
+
+var toggleClass = function toggleClass(element, className, state) {
+  if (tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(state)) {
+    state = !tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6___default()(element, className);
+  }
+
+  var toggleFn = state ? tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4___default.a : tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5___default.a;
+  toggleFn(element, className);
+};
+/**
+ * Finalize html result
+ * @param {HTMLElement} html root element
+ * @param {boolean} needHtmlText pass true if need html text
+ * @returns {string|DocumentFragment} result
+ * @ignore
+ */
+
+
+function finalizeHtml(html, needHtmlText) {
+  var result;
+
+  if (needHtmlText) {
+    result = html.innerHTML;
+  } else {
+    var frag = document.createDocumentFragment();
+    var childNodes = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(html.childNodes);
+    var length = childNodes.length;
+
+    for (var i = 0; i < length; i += 1) {
+      frag.appendChild(childNodes[i]);
+    }
+
+    result = frag;
+  }
+
+  return result;
+}
+/**
+ * Get fragment replaced by newline to br tag
+ * @param {string} text original text
+ * @returns {DocumentFragment} fragment
+ * @ignore
+ */
+
+
+function getFragmentReplacedByNewlineToBr(text) {
+  var fragment = document.createDocumentFragment();
+  var texts = text.split('\n');
+  texts.forEach(function (plainText, index) {
+    var textNode = document.createTextNode(plainText);
+    fragment.appendChild(textNode);
+
+    if (index < texts.length - 1) {
+      fragment.appendChild(document.createElement('br'));
+    }
+  });
+  return fragment;
+}
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  getNodeName: getNodeName,
+  isTextNode: isTextNode,
+  isElemNode: isElemNode,
+  isBlockNode: isBlockNode,
+  getTextLength: getTextLength,
+  getOffsetLength: getOffsetLength,
+  getPrevOffsetNodeUntil: getPrevOffsetNodeUntil,
+  getNodeOffsetOfParent: getNodeOffsetOfParent,
+  getChildNodeByOffset: getChildNodeByOffset,
+  getNodeWithDirectionUntil: getNodeWithDirectionUntil,
+  containsNode: containsNode,
+  getTopPrevNodeUnder: getTopPrevNodeUnder,
+  getTopNextNodeUnder: getTopNextNodeUnder,
+  getParentUntilBy: getParentUntilBy,
+  getParentUntil: getParentUntil,
+  getTopBlockNode: getTopBlockNode,
+  getPrevTextNode: getPrevTextNode,
+  findOffsetNode: findOffsetNode,
+  getPath: getPath,
+  getNodeInfo: getNodeInfo,
+  getTableCellByDirection: getTableCellByDirection,
+  getSiblingRowCellByDirection: getSiblingRowCellByDirection,
+  isMDSupportInlineNode: isMDSupportInlineNode,
+  isStyledNode: isStyledNode,
+  removeChildFromStartToEndNode: removeChildFromStartToEndNode,
+  removeNodesByDirection: removeNodesByDirection,
+  getLeafNode: getLeafNode,
+  isInsideButtonBox: isInsideButtonBox,
+  isListNode: isListNode,
+  isFirstListItem: isFirstListItem,
+  isFirstLevelListItem: isFirstLevelListItem,
+  mergeNode: mergeNode,
+  createHorizontalRule: createHorizontalRule,
+  createEmptyLine: createEmptyLine,
+  changeTagOrder: changeTagOrder,
+  mergeSameNodes: mergeSameNodes,
+  optimizeRange: optimizeRange,
+  getAllTextNode: getAllTextNode,
+  isCellNode: isCellNode,
+  getLastNodeBy: getLastNodeBy,
+  getParentNodeBy: getParentNodeBy,
+  getSiblingNodeBy: getSiblingNodeBy,
+  createElementWith: createElementWith,
+  findAll: findAll,
+  isContain: isContain,
+  closest: closest,
+  parent: parent,
+  parents: parents,
+  parentsUntil: parentsUntil,
+  children: children,
+  append: append,
+  prepend: prepend,
+  insertBefore: insertBefore,
+  insertAfter: insertAfter,
+  replaceWith: replaceWith,
+  wrap: wrap,
+  wrapInner: wrapInner,
+  unwrap: unwrap,
+  remove: remove,
+  empty: empty,
+  setOffset: setOffset,
+  getOffset: getOffset,
+  getOuterWidth: getOuterWidth,
+  getOuterHeight: getOuterHeight,
+  toggleClass: toggleClass,
+  finalizeHtml: finalizeHtml,
+  getFragmentReplacedByNewlineToBr: getFragmentReplacedByNewlineToBr
+});
+
+/***/ }),
+/* 1 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/object/extend.js
+var extend = __webpack_require__(7);
+var extend_default = /*#__PURE__*/__webpack_require__.n(extend);
+
+// CONCATENATED MODULE: ./src/js/command.js
+/**
+ * @fileoverview Implements Command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Command
+ * @param {string} name Command name
+ * @param {number} type Command type (Command.TYPE)
+ * @param {Array.} [keyMap] keyMap
+ * @ignore
+ */
+
+var Command = /*#__PURE__*/function () {
+  function Command(name, type, keyMap) {
+    this.name = name;
+    this.type = type;
+
+    if (keyMap) {
+      this.setKeyMap(keyMap);
+    }
+  }
+  /**
+   * returns Name of command
+   * @returns {string} Command Name
+   */
+
+
+  var _proto = Command.prototype;
+
+  _proto.getName = function getName() {
+    return this.name;
+  }
+  /**
+   * returns Type of command
+   * @returns {number} Command Command type number
+   */
+  ;
+
+  _proto.getType = function getType() {
+    return this.type;
+  }
+  /**
+   * returns whether Command Type is Markdown or not
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isMDType = function isMDType() {
+    return this.type === Command.TYPE.MD;
+  }
+  /**
+   * returns whether Command Type is Wysiwyg or not
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isWWType = function isWWType() {
+    return this.type === Command.TYPE.WW;
+  }
+  /**
+   * returns whether Command Type is Global or not
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isGlobalType = function isGlobalType() {
+    return this.type === Command.TYPE.GB;
+  }
+  /**
+   * Set keymap value for each os
+   * @param {string} win Windows Key(and etc)
+   * @param {string} mac Mac osx key
+   */
+  ;
+
+  _proto.setKeyMap = function setKeyMap(win, mac) {
+    this.keyMap = [win, mac];
+  };
+
+  return Command;
+}();
+/**
+ * Command factory method
+ * @param {string} typeStr Editor type name
+ * @param {object} props Property
+ *     @param {string} props.name Command name
+ *     @param {number} props.type Command type number
+ * @returns {Command}
+ * @static
+ */
+
+
+Command.factory = function (typeStr, props) {
+  var type;
+
+  if (typeStr === 'markdown') {
+    type = Command.TYPE.MD;
+  } else if (typeStr === 'wysiwyg') {
+    type = Command.TYPE.WW;
+  } else if (typeStr === 'global') {
+    type = Command.TYPE.GB;
+  }
+
+  var command = new Command(props.name, type);
+  extend_default()(command, props);
+  return command;
+};
+/**
+ * Command Type Constant
+ * markdown : 0
+ * wysiwyg : 1
+ * global : 2
+ * @type {object}
+ * @private
+ */
+
+
+Command.TYPE = {
+  MD: 0,
+  WW: 1,
+  GB: 2
+};
+/* harmony default export */ var js_command = (Command);
+// EXTERNAL MODULE: ./src/js/utils/common.js
+var common = __webpack_require__(12);
+
+// EXTERNAL MODULE: ./src/js/utils/map.js
+var map = __webpack_require__(23);
+
+// CONCATENATED MODULE: ./src/js/commandManager.js
+/**
+ * @fileoverview Implements CommandManager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var KEYMAP_OS_INDEX = common["b" /* isMac */] ? 1 : 0;
+/**
+ * Class CommandManager
+ * @param {ToastUIEditor} base nedInstance
+ * @param {object} [options={}] - option object
+ *     @param {boolean} [options.useCommandShortcut=true] - execute command with keyMap
+ * @ignore
+ */
+
+var commandManager_CommandManager = /*#__PURE__*/function () {
+  function CommandManager(base, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    this._command = new map["a" /* default */]();
+    this._mdCommand = new map["a" /* default */]();
+    this._wwCommand = new map["a" /* default */]();
+    this._options = extend_default()({
+      useCommandShortcut: true
+    }, options);
+    this.base = base;
+    this.keyMapCommand = {};
+
+    this._initEvent();
+  }
+  /**
+   * You can change command before command addition by addCommandBefore event.
+   * @param {object} command - command
+   * @returns {object}
+   * @private
+   */
+
+
+  var _proto = CommandManager.prototype;
+
+  _proto._addCommandBefore = function _addCommandBefore(command) {
+    var commandWrapper = {
+      command: command
+    };
+    this.base.eventManager.emit('addCommandBefore', commandWrapper);
+    return commandWrapper.command || command;
+  }
+  /**
+   * Add command
+   * @param {Command} command Command instance
+   * @returns {Command} Command
+   */
+  ;
+
+  _proto.addCommand = function addCommand(command) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    if (args.length) {
+      command = CommandManager.command.apply(CommandManager, [command].concat(args));
+    }
+
+    command = this._addCommandBefore(command);
+    var name = command.getName();
+    var commandBase;
+
+    if (command.isMDType()) {
+      commandBase = this._mdCommand;
+    } else if (command.isWWType()) {
+      commandBase = this._wwCommand;
+    } else if (command.isGlobalType()) {
+      commandBase = this._command;
+    }
+
+    commandBase.set(name, command);
+
+    if (command.keyMap) {
+      this.keyMapCommand[command.keyMap[KEYMAP_OS_INDEX]] = name;
+    }
+
+    return command;
+  }
+  /**
+   * _initEvent
+   * Bind event handler to eventManager
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.base.eventManager.listen('command', function () {
+      _this.exec.apply(_this, arguments);
+    });
+    this.base.eventManager.listen('keyMap', function (ev) {
+      if (!_this._options.useCommandShortcut) {
+        return;
+      }
+
+      var command = _this.keyMapCommand[ev.keyMap];
+
+      if (command) {
+        ev.data.preventDefault();
+
+        _this.exec(command);
+      }
+    });
+  }
+  /**
+   * Execute command
+   * @param {String} name Command name
+   * @param {*} ...args Command argument
+   * @returns {*}
+   */
+  ;
+
+  _proto.exec = function exec(name) {
+    var commandToRun, result;
+    var context = this.base;
+    commandToRun = this._command.get(name);
+
+    if (!commandToRun) {
+      if (this.base.isMarkdownMode()) {
+        commandToRun = this._mdCommand.get(name);
+        context = this.base.mdEditor;
+      } else {
+        commandToRun = this._wwCommand.get(name);
+        context = this.base.wwEditor;
+      }
+    }
+
+    if (commandToRun) {
+      var _commandToRun;
+
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      args.unshift(context);
+      result = (_commandToRun = commandToRun).exec.apply(_commandToRun, args);
+    }
+
+    return result;
+  };
+
+  return CommandManager;
+}();
+/**
+ * Create command by given editor type and property object
+ * @param {string} type Command type
+ * @param {{name: string, keyMap: Array}} props Property
+ * @returns {*}
+ * @static
+ */
+
+
+commandManager_CommandManager.command = function (type, props) {
+  var command = js_command.factory(type, props.name, props.keyMap);
+  extend_default()(command, props);
+  return command;
+};
+
+/* harmony default export */ var commandManager = __webpack_exports__["a"] = (commandManager_CommandManager);
+
+/***/ }),
+/* 2 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export hasImageOrCodeBlockNode */
+/* unused harmony export hasSameLineParent */
+/* unused harmony export hasSpecificTypeAncestor */
+/* unused harmony export isEmptyLineNode */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return getMdStartLine; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getMdEndLine; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getMdStartCh; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getMdEndCh; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return isMultiLineNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return isHtmlNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return isStyledTextNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return isListItemNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return isTableCellNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return isInlineNode; });
+/* unused harmony export getLastLeafNode */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return findClosestNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "n", function() { return traverseParentNodes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return addChPos; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "m", function() { return setChPos; });
+/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
+
+function hasImageOrCodeBlockNode(mdNode) {
+  while (mdNode) {
+    if (Object(_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(['image', 'codeBlock'], mdNode.type)) {
+      return true;
+    }
+
+    mdNode = mdNode.firstChild;
+  }
+
+  return false;
+}
+function hasSameLineParent(mdNode) {
+  return mdNode.parent && mdNode.parent.type !== 'document' && mdNode.parent.sourcepos[0][0] === mdNode.sourcepos[0][0];
+}
+function hasSpecificTypeAncestor(mdNode) {
+  for (var _len = arguments.length, types = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    types[_key - 1] = arguments[_key];
+  }
+
+  while (mdNode.parent && mdNode.parent.type !== 'document') {
+    if (Object(_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(types, mdNode.parent.type)) {
+      return true;
+    }
+
+    mdNode = mdNode.parent;
+  }
+
+  return false;
+}
+function isEmptyLineNode(text, mdNode) {
+  return !text.trim() && !hasImageOrCodeBlockNode(mdNode);
+}
+function getMdStartLine(mdNode) {
+  return mdNode.sourcepos[0][0];
+}
+function getMdEndLine(mdNode) {
+  return mdNode.sourcepos[1][0];
+}
+function getMdStartCh(mdNode) {
+  return mdNode.sourcepos[0][1];
+}
+function getMdEndCh(mdNode) {
+  return mdNode.sourcepos[1][1];
+}
+function isMultiLineNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'codeBlock' || type === 'paragraph';
+}
+function isHtmlNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'htmlBlock' || type === 'htmlInline';
+}
+function isStyledTextNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'strike' || type === 'strong' || type === 'emph';
+}
+function isListItemNode(mdNode) {
+  return mdNode.type === 'item';
+}
+function isTableCellNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'tableCell' || type === 'tableDelimCell';
+}
+function isInlineNode(mdNode) {
+  switch (mdNode.type) {
+    case 'code':
+    case 'text':
+    case 'emph':
+    case 'strong':
+    case 'strike':
+    case 'link':
+    case 'image':
+    case 'htmlInline':
+    case 'linebreak':
+    case 'softbreak':
+      return true;
+
+    default:
+      return false;
+  }
+}
+function getLastLeafNode(mdNode) {
+  while (mdNode.lastChild) {
+    mdNode = mdNode.lastChild;
+  }
+
+  return mdNode;
+}
+function findClosestNode(mdNode, condition, includeSelf) {
+  if (includeSelf === void 0) {
+    includeSelf = true;
+  }
+
+  mdNode = includeSelf ? mdNode : mdNode.parent;
+
+  while (mdNode && mdNode.type !== 'document') {
+    if (condition(mdNode)) {
+      return mdNode;
+    }
+
+    mdNode = mdNode.parent;
+  }
+
+  return null;
+}
+function traverseParentNodes(mdNode, iteratee, includeSelf) {
+  if (includeSelf === void 0) {
+    includeSelf = true;
+  }
+
+  mdNode = includeSelf ? mdNode : mdNode.parent;
+
+  while (mdNode && mdNode.type !== 'document') {
+    iteratee(mdNode);
+    mdNode = mdNode.parent;
+  }
+}
+function addChPos(originPos, addedCh) {
+  return {
+    line: originPos.line,
+    ch: originPos.ch + addedCh
+  };
+}
+function setChPos(originPos, newCh) {
+  return {
+    line: originPos.line,
+    ch: newCh
+  };
+}
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Transform the Array-like object to Array.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachArray = __webpack_require__(21);
+
+/**
+ * Transform the Array-like object to Array.
+ * In low IE (below 8), Array.prototype.slice.call is not perfect. So, try-catch statement is used.
+ * @param {*} arrayLike Array-like object
+ * @returns {Array} Array
+ * @memberof module:collection
+ * @example
+ * var toArray = require('tui-code-snippet/collection/toArray'); // node, commonjs
+ *
+ * var arrayLike = {
+ *     0: 'one',
+ *     1: 'two',
+ *     2: 'three',
+ *     3: 'four',
+ *     length: 4
+ * };
+ * var result = toArray(arrayLike);
+ *
+ * alert(result instanceof Array); // true
+ * alert(result); // one,two,three,four
+ */
+function toArray(arrayLike) {
+  var arr;
+  try {
+    arr = Array.prototype.slice.call(arrayLike);
+  } catch (e) {
+    arr = [];
+    forEachArray(arrayLike, function(value) {
+      arr.push(value);
+    });
+  }
+
+  return arr;
+}
+
+module.exports = toArray;
+
+
+/***/ }),
+/* 4 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Setting element style
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isString = __webpack_require__(9);
+var forEach = __webpack_require__(26);
+
+/**
+ * Setting element style
+ * @param {(HTMLElement|SVGElement)} element - element to setting style
+ * @param {(string|object)} key - style prop name or {prop: value} pair object
+ * @param {string} [value] - style value
+ * @memberof module:domUtil
+ */
+function css(element, key, value) {
+  var style = element.style;
+
+  if (isString(key)) {
+    style[key] = value;
+
+    return;
+  }
+
+  forEach(key, function(v, k) {
+    style[k] = v;
+  });
+}
+
+module.exports = css;
+
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Add css class to element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEach = __webpack_require__(26);
+var inArray = __webpack_require__(14);
+var getClass = __webpack_require__(33);
+var setClassName = __webpack_require__(39);
+
+/**
+ * domUtil module
+ * @module domUtil
+ */
+
+/**
+ * Add css class to element
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {...string} cssClass - css classes to add
+ * @memberof module:domUtil
+ */
+function addClass(element) {
+  var cssClass = Array.prototype.slice.call(arguments, 1);
+  var classList = element.classList;
+  var newClass = [];
+  var origin;
+
+  if (classList) {
+    forEach(cssClass, function(name) {
+      element.classList.add(name);
+    });
+
+    return;
+  }
+
+  origin = getClass(element);
+
+  if (origin) {
+    cssClass = [].concat(origin.split(/\s+/), cssClass);
+  }
+
+  forEach(cssClass, function(cls) {
+    if (inArray(cls, newClass) < 0) {
+      newClass.push(cls);
+    }
+  });
+
+  setClassName(element, newClass);
+}
+
+module.exports = addClass;
+
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Remove css class from element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachArray = __webpack_require__(21);
+var inArray = __webpack_require__(14);
+var getClass = __webpack_require__(33);
+var setClassName = __webpack_require__(39);
+
+/**
+ * Remove css class from element
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {...string} cssClass - css classes to remove
+ * @memberof module:domUtil
+ */
+function removeClass(element) {
+  var cssClass = Array.prototype.slice.call(arguments, 1);
+  var classList = element.classList;
+  var origin, newClass;
+
+  if (classList) {
+    forEachArray(cssClass, function(name) {
+      classList.remove(name);
+    });
+
+    return;
+  }
+
+  origin = getClass(element).split(/\s+/);
+  newClass = [];
+  forEachArray(origin, function(name) {
+    if (inArray(name, cssClass) < 0) {
+      newClass.push(name);
+    }
+  });
+
+  setClassName(element, newClass);
+}
+
+module.exports = removeClass;
+
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Extend the target object from other objects.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * @module object
+ */
+
+/**
+ * Extend the target object from other objects.
+ * @param {object} target - Object that will be extended
+ * @param {...object} objects - Objects as sources
+ * @returns {object} Extended object
+ * @memberof module:object
+ */
+function extend(target, objects) { // eslint-disable-line no-unused-vars
+  var hasOwnProp = Object.prototype.hasOwnProperty;
+  var source, prop, i, len;
+
+  for (i = 1, len = arguments.length; i < len; i += 1) {
+    source = arguments[i];
+    for (prop in source) {
+      if (hasOwnProp.call(source, prop)) {
+        target[prop] = source[prop];
+      }
+    }
+  }
+
+  return target;
+}
+
+module.exports = extend;
+
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is undefined or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is undefined or not.
+ * If the given variable is undefined, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is undefined?
+ * @memberof module:type
+ */
+function isUndefined(obj) {
+  return obj === undefined; // eslint-disable-line no-undefined
+}
+
+module.exports = isUndefined;
+
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a string or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a string or not.
+ * If the given variable is a string, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is string?
+ * @memberof module:type
+ */
+function isString(obj) {
+  return typeof obj === 'string' || obj instanceof String;
+}
+
+module.exports = isString;
+
+
+/***/ }),
+/* 10 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Execute the provided callback once for each property of object which actually exist.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Execute the provided callback once for each property of object which actually exist.
+ * If the callback function returns false, the loop will be stopped.
+ * Callback function(iteratee) is invoked with three arguments:
+ *  1) The value of the property
+ *  2) The name of the property
+ *  3) The object being traversed
+ * @param {Object} obj The object that will be traversed
+ * @param {function} iteratee  Callback function
+ * @param {Object} [context] Context(this) of callback function
+ * @memberof module:collection
+ * @example
+ * var forEachOwnProperties = require('tui-code-snippet/collection/forEachOwnProperties'); // node, commonjs
+ *
+ * var sum = 0;
+ *
+ * forEachOwnProperties({a:1,b:2,c:3}, function(value){
+ *     sum += value;
+ * });
+ * alert(sum); // 6
+ */
+function forEachOwnProperties(obj, iteratee, context) {
+  var key;
+
+  context = context || null;
+
+  for (key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      if (iteratee.call(context, obj[key], key, obj) === false) {
+        break;
+      }
+    }
+  }
+}
+
+module.exports = forEachOwnProperties;
+
+
+/***/ }),
+/* 11 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview This module detects the kind of well-known browser and version.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Browser module
+ * @module browser
+ */
+
+/**
+ * This object has an information that indicate the kind of browser. It can detect IE8 ~ IE11, Chrome, Firefox, Safari, and Edge.
+ * @memberof module:browser
+ * @example
+ * var browser = require('tui-code-snippet/browser/browser'); // node, commonjs
+ *
+ * browser.chrome === true; // chrome
+ * browser.firefox === true; // firefox
+ * browser.safari === true; // safari
+ * browser.msie === true; // IE
+ * browser.edge === true; // edge
+ * browser.others === true; // other browser
+ * browser.version; // browser version
+ */
+var browser = {
+  chrome: false,
+  firefox: false,
+  safari: false,
+  msie: false,
+  edge: false,
+  others: false,
+  version: 0
+};
+
+if (typeof window !== 'undefined' && window.navigator) {
+  detectBrowser();
+}
+
+/**
+ * Detect the browser.
+ * @private
+ */
+function detectBrowser() {
+  var nav = window.navigator;
+  var appName = nav.appName.replace(/\s/g, '_');
+  var userAgent = nav.userAgent;
+
+  var rIE = /MSIE\s([0-9]+[.0-9]*)/;
+  var rIE11 = /Trident.*rv:11\./;
+  var rEdge = /Edge\/(\d+)\./;
+  var versionRegex = {
+    firefox: /Firefox\/(\d+)\./,
+    chrome: /Chrome\/(\d+)\./,
+    safari: /Version\/([\d.]+).*Safari\/(\d+)/
+  };
+
+  var key, tmp;
+
+  var detector = {
+    Microsoft_Internet_Explorer: function() { // eslint-disable-line camelcase
+      var detectedVersion = userAgent.match(rIE);
+
+      if (detectedVersion) { // ie8 ~ ie10
+        browser.msie = true;
+        browser.version = parseFloat(detectedVersion[1]);
+      } else { // no version information
+        browser.others = true;
+      }
+    },
+    Netscape: function() { // eslint-disable-line complexity
+      var detected = false;
+
+      if (rIE11.exec(userAgent)) {
+        browser.msie = true;
+        browser.version = 11;
+        detected = true;
+      } else if (rEdge.exec(userAgent)) {
+        browser.edge = true;
+        browser.version = userAgent.match(rEdge)[1];
+        detected = true;
+      } else {
+        for (key in versionRegex) {
+          if (versionRegex.hasOwnProperty(key)) {
+            tmp = userAgent.match(versionRegex[key]);
+            if (tmp && tmp.length > 1) { // eslint-disable-line max-depth
+              browser[key] = detected = true;
+              browser.version = parseFloat(tmp[1] || 0);
+              break;
+            }
+          }
+        }
+      }
+      if (!detected) {
+        browser.others = true;
+      }
+    }
+  };
+
+  var fn = detector[appName];
+
+  if (fn) {
+    detector[appName]();
+  }
+}
+
+module.exports = browser;
+
+
+/***/ }),
+/* 12 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return isMac; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return sendHostName; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return includes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return sanitizeLinkAttribute; });
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43);
+/* harmony import */ var tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var isMac = /Mac/.test(navigator.platform);
+function sendHostName() {
+  tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1___default()('editor', 'UA-129966929-1');
+}
+function includes(arr, targetItem) {
+  return arr.indexOf(targetItem) !== -1;
+}
+var availableLinkAttributes = ['rel', 'target', 'contenteditable', 'hreflang', 'type'];
+/**
+ * sanitize attribute for link
+ * @param {object} attribute - attribute for link
+ * @returns {object} sanitized attribute
+ */
+
+function sanitizeLinkAttribute(attribute) {
+  if (!attribute) {
+    return null;
+  }
+
+  var linkAttribute = {};
+  availableLinkAttributes.forEach(function (key) {
+    if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0___default()(attribute[key])) {
+      linkAttribute[key] = attribute[key];
+    }
+  });
+  return linkAttribute;
+}
+
+/***/ }),
+/* 13 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check element match selector
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var inArray = __webpack_require__(14);
+var toArray = __webpack_require__(3);
+
+var elProto = Element.prototype;
+var matchSelector = elProto.matches ||
+    elProto.webkitMatchesSelector ||
+    elProto.mozMatchesSelector ||
+    elProto.msMatchesSelector ||
+    function(selector) {
+      var doc = this.document || this.ownerDocument;
+
+      return inArray(this, toArray(doc.querySelectorAll(selector))) > -1;
+    };
+
+/**
+ * Check element match selector
+ * @param {HTMLElement} element - element to check
+ * @param {string} selector - selector to check
+ * @returns {boolean} is selector matched to element?
+ * @memberof module:domUtil
+ */
+function matches(element, selector) {
+  return matchSelector.call(element, selector);
+}
+
+module.exports = matches;
+
+
+/***/ }),
+/* 14 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* eslint-disable complexity */
+/**
+ * @fileoverview Returns the first index at which a given element can be found in the array.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+
+/**
+ * @module array
+ */
+
+/**
+ * Returns the first index at which a given element can be found in the array
+ * from start index(default 0), or -1 if it is not present.
+ * It compares searchElement to elements of the Array using strict equality
+ * (the same method used by the ===, or triple-equals, operator).
+ * @param {*} searchElement Element to locate in the array
+ * @param {Array} array Array that will be traversed.
+ * @param {number} startIndex Start index in array for searching (default 0)
+ * @returns {number} the First index at which a given element, or -1 if it is not present
+ * @memberof module:array
+ * @example
+ * var inArray = require('tui-code-snippet/array/inArray'); // node, commonjs
+ *
+ * var arr = ['one', 'two', 'three', 'four'];
+ * var idx1 = inArray('one', arr, 3); // -1
+ * var idx2 = inArray('one', arr); // 0
+ */
+function inArray(searchElement, array, startIndex) {
+  var i;
+  var length;
+  startIndex = startIndex || 0;
+
+  if (!isArray(array)) {
+    return -1;
+  }
+
+  if (Array.prototype.indexOf) {
+    return Array.prototype.indexOf.call(array, searchElement, startIndex);
+  }
+
+  length = array.length;
+  for (i = startIndex; startIndex >= 0 && i < length; i += 1) {
+    if (array[i] === searchElement) {
+      return i;
+    }
+  }
+
+  return -1;
+}
+
+module.exports = inArray;
+
+
+/***/ }),
+/* 15 */
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__15__;
+
+/***/ }),
+/* 16 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check element has specific css class
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var inArray = __webpack_require__(14);
+var getClass = __webpack_require__(33);
+
+/**
+ * Check element has specific css class
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {string} cssClass - css class
+ * @returns {boolean}
+ * @memberof module:domUtil
+ */
+function hasClass(element, cssClass) {
+  var origin;
+
+  if (element.classList) {
+    return element.classList.contains(cssClass);
+  }
+
+  origin = getClass(element).split(/\s+/);
+
+  return inArray(cssClass, origin) > -1;
+}
+
+module.exports = hasClass;
+
+
+/***/ }),
+/* 17 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is an instance of Array or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is an instance of Array or not.
+ * If the given variable is an instance of Array, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is array instance?
+ * @memberof module:type
+ */
+function isArray(obj) {
+  return obj instanceof Array;
+}
+
+module.exports = isArray;
+
+
+/***/ }),
+/* 18 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return isNodeToBeCalculated; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getAdditionalTopPos; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return getParentNodeObj; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getCmRangeHeight; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getNextEmptyLineHeight; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return getTotalOffsetTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return findAdjacentElementToScrollTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getFallbackScrollTop; });
+/* harmony import */ var _utils_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
+/* harmony import */ var _utils_markdown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
+
+
+var nestableTypes = ['list', 'blockQuote'];
+var nestableTagNames = ['UL', 'OL', 'BLOCKQUOTE'];
+var tableElementTagNames = ['TR', 'TH', 'TBODY', 'TD'];
+function isNodeToBeCalculated(mdNode) {
+  return !Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTypes, mdNode.type);
+}
+function getAdditionalTopPos(scrollTop, offsetTop, currentNodeHeight, targetNodeHeight) {
+  var diff = (scrollTop - offsetTop) / currentNodeHeight;
+  return diff < 1 ? diff * targetNodeHeight : targetNodeHeight;
+}
+function getParentNodeObj(mdNode) {
+  var node = document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]");
+
+  while (!node || Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(tableElementTagNames, mdNode.type) || Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* isStyledTextNode */ "k"])(mdNode)) {
+    mdNode = mdNode.parent;
+    node = document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]");
+  }
+
+  return getNonNestableNodeObj(getParentListItemObj(mdNode));
+}
+
+function getParentListItemObj(orgMdNode) {
+  var mdNode = orgMdNode;
+
+  while (orgMdNode && orgMdNode !== 'document') {
+    if (orgMdNode.type === 'item') {
+      mdNode = orgMdNode;
+      break;
+    }
+
+    orgMdNode = orgMdNode.parent;
+  }
+
+  return {
+    mdNode: mdNode,
+    node: document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]")
+  };
+}
+
+function getNonNestableNodeObj(_ref) {
+  var mdNode = _ref.mdNode,
+      node = _ref.node;
+
+  while (Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTypes, mdNode.type) && mdNode.firstChild) {
+    mdNode = mdNode.firstChild;
+    node = node.firstElementChild;
+  }
+
+  return {
+    mdNode: mdNode,
+    node: node
+  };
+}
+
+function getCmRangeHeight(mdNode, cm) {
+  var start = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdStartLine */ "f"])(mdNode);
+  var end = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdEndLine */ "d"])(mdNode);
+  var cmNodeHeight = cm.lineInfo(start - 1).handle.height;
+  var height = cm.heightAtLine(end, 'local') - cm.heightAtLine(start - 1, 'local');
+  return height <= 0 ? cmNodeHeight : height + getNextEmptyLineHeight(cm, Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdEndLine */ "d"])(mdNode));
+}
+function getNextEmptyLineHeight(cm, start, end) {
+  if (end === void 0) {
+    end = Number.MAX_VALUE;
+  }
+
+  var lineInfo = cm.lineInfo(start);
+
+  if (!lineInfo) {
+    return 0;
+  }
+
+  var detailLineInfo = lineInfo.handle;
+  var height = 0;
+
+  while (start <= end && !detailLineInfo.text.trim()) {
+    height += detailLineInfo.height;
+    start += 1;
+    detailLineInfo = cm.lineInfo(start).handle;
+  }
+
+  return height;
+}
+function getTotalOffsetTop(el, root) {
+  var offsetTop = 0;
+
+  while (el && el !== root) {
+    if (!Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTagNames, el.tagName)) {
+      offsetTop += el.offsetTop;
+    }
+
+    if (el.offsetParent === root.offsetParent) {
+      break;
+    }
+
+    el = el.parentElement;
+  }
+
+  return offsetTop;
+}
+function findAdjacentElementToScrollTop(scrollTop, root) {
+  var el = root;
+  var prev = null;
+
+  while (el) {
+    var _el = el,
+        firstElementChild = _el.firstElementChild;
+
+    if (!firstElementChild) {
+      break;
+    }
+
+    var lastSibling = findLastSiblingElementToScrollTop(firstElementChild, scrollTop, getTotalOffsetTop(el, root));
+    prev = el;
+    el = lastSibling;
+  }
+
+  var adjacentEl = el || prev;
+  return adjacentEl === root ? null : adjacentEl;
+}
+
+function findLastSiblingElementToScrollTop(el, scrollTop, offsetTop) {
+  if (el && scrollTop > offsetTop + el.offsetTop) {
+    return findLastSiblingElementToScrollTop(el.nextElementSibling, scrollTop, offsetTop) || el;
+  }
+
+  return null;
+}
+
+function getFallbackScrollTop(scrollInfo) {
+  var latestScrollTop = scrollInfo.latestScrollTop,
+      scrollTop = scrollInfo.scrollTop,
+      targetScrollTop = scrollInfo.targetScrollTop,
+      sourceScrollTop = scrollInfo.sourceScrollTop;
+
+  if (latestScrollTop === null) {
+    return targetScrollTop;
+  }
+
+  return latestScrollTop < scrollTop ? Math.max(targetScrollTop, sourceScrollTop) : Math.min(targetScrollTop, sourceScrollTop);
+}
+
+/***/ }),
+/* 19 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Bind DOM events
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isString = __webpack_require__(9);
+var forEach = __webpack_require__(26);
+
+var safeEvent = __webpack_require__(40);
+
+/**
+ * Bind DOM events.
+ * @param {HTMLElement} element - element to bind events
+ * @param {(string|object)} types - Space splitted events names or eventName:handler object
+ * @param {(function|object)} handler - handler function or context for handler method
+ * @param {object} [context] context - context for handler method.
+ * @memberof module:domEvent
+ * @example
+ * var div = document.querySelector('div');
+ * 
+ * // Bind one event to an element.
+ * on(div, 'click', toggle);
+ * 
+ * // Bind multiple events with a same handler to multiple elements at once.
+ * // Use event names splitted by a space.
+ * on(div, 'mouseenter mouseleave', changeColor);
+ * 
+ * // Bind multiple events with different handlers to an element at once.
+ * // Use an object which of key is an event name and value is a handler function.
+ * on(div, {
+ *   keydown: highlight,
+ *   keyup: dehighlight
+ * });
+ * 
+ * // Set a context for handler method.
+ * var name = 'global';
+ * var repository = {name: 'CodeSnippet'};
+ * on(div, 'drag', function() {
+ *  console.log(this.name);
+ * }, repository);
+ * // Result when you drag a div: "CodeSnippet"
+ */
+function on(element, types, handler, context) {
+  if (isString(types)) {
+    forEach(types.split(/\s+/g), function(type) {
+      bindEvent(element, type, handler, context);
+    });
+
+    return;
+  }
+
+  forEach(types, function(func, type) {
+    bindEvent(element, type, func, handler);
+  });
+}
+
+/**
+ * Bind DOM events
+ * @param {HTMLElement} element - element to bind events
+ * @param {string} type - events name
+ * @param {function} handler - handler function or context for handler method
+ * @param {object} [context] context - context for handler method.
+ * @private
+ */
+function bindEvent(element, type, handler, context) {
+  /**
+     * Event handler
+     * @param {Event} e - event object
+     */
+  function eventHandler(e) {
+    handler.call(context || element, e || window.event);
+  }
+
+  if ('addEventListener' in element) {
+    element.addEventListener(type, eventHandler);
+  } else if ('attachEvent' in element) {
+    element.attachEvent('on' + type, eventHandler);
+  }
+  memorizeHandler(element, type, handler, eventHandler);
+}
+
+/**
+ * Memorize DOM event handler for unbinding.
+ * @param {HTMLElement} element - element to bind events
+ * @param {string} type - events name
+ * @param {function} handler - handler function that user passed at on() use
+ * @param {function} wrappedHandler - handler function that wrapped by domevent for implementing some features
+ * @private
+ */
+function memorizeHandler(element, type, handler, wrappedHandler) {
+  var events = safeEvent(element, type);
+  var existInEvents = false;
+
+  forEach(events, function(obj) {
+    if (obj.handler === handler) {
+      existInEvents = true;
+
+      return false;
+    }
+
+    return true;
+  });
+
+  if (!existInEvents) {
+    events.push({
+      handler: handler,
+      wrappedHandler: wrappedHandler
+    });
+  }
+}
+
+module.exports = on;
+
+
+/***/ }),
+/* 20 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Unbind DOM events
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isString = __webpack_require__(9);
+var forEach = __webpack_require__(26);
+
+var safeEvent = __webpack_require__(40);
+
+/**
+ * Unbind DOM events
+ * If a handler function is not passed, remove all events of that type.
+ * @param {HTMLElement} element - element to unbind events
+ * @param {(string|object)} types - Space splitted events names or eventName:handler object
+ * @param {function} [handler] - handler function
+ * @memberof module:domEvent
+ * @example
+ * // Following the example of domEvent#on
+ * 
+ * // Unbind one event from an element.
+ * off(div, 'click', toggle);
+ * 
+ * // Unbind multiple events with a same handler from multiple elements at once.
+ * // Use event names splitted by a space.
+ * off(element, 'mouseenter mouseleave', changeColor);
+ * 
+ * // Unbind multiple events with different handlers from an element at once.
+ * // Use an object which of key is an event name and value is a handler function.
+ * off(div, {
+ *   keydown: highlight,
+ *   keyup: dehighlight
+ * });
+ * 
+ * // Unbind events without handlers.
+ * off(div, 'drag');
+ */
+function off(element, types, handler) {
+  if (isString(types)) {
+    forEach(types.split(/\s+/g), function(type) {
+      unbindEvent(element, type, handler);
+    });
+
+    return;
+  }
+
+  forEach(types, function(func, type) {
+    unbindEvent(element, type, func);
+  });
+}
+
+/**
+ * Unbind DOM events
+ * If a handler function is not passed, remove all events of that type.
+ * @param {HTMLElement} element - element to unbind events
+ * @param {string} type - events name
+ * @param {function} [handler] - handler function
+ * @private
+ */
+function unbindEvent(element, type, handler) {
+  var events = safeEvent(element, type);
+  var index;
+
+  if (!handler) {
+    forEach(events, function(item) {
+      removeHandler(element, type, item.wrappedHandler);
+    });
+    events.splice(0, events.length);
+  } else {
+    forEach(events, function(item, idx) {
+      if (handler === item.handler) {
+        removeHandler(element, type, item.wrappedHandler);
+        index = idx;
+
+        return false;
+      }
+
+      return true;
+    });
+    events.splice(index, 1);
+  }
+}
+
+/**
+ * Remove an event handler
+ * @param {HTMLElement} element - An element to remove an event
+ * @param {string} type - event type
+ * @param {function} handler - event handler
+ * @private
+ */
+function removeHandler(element, type, handler) {
+  if ('removeEventListener' in element) {
+    element.removeEventListener(type, handler);
+  } else if ('detachEvent' in element) {
+    element.detachEvent('on' + type, handler);
+  }
+}
+
+module.exports = off;
+
+
+/***/ }),
+/* 21 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Execute the provided callback once for each element present in the array(or Array-like object) in ascending order.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Execute the provided callback once for each element present
+ * in the array(or Array-like object) in ascending order.
+ * If the callback function returns false, the loop will be stopped.
+ * Callback function(iteratee) is invoked with three arguments:
+ *  1) The value of the element
+ *  2) The index of the element
+ *  3) The array(or Array-like object) being traversed
+ * @param {Array|Arguments|NodeList} arr The array(or Array-like object) that will be traversed
+ * @param {function} iteratee Callback function
+ * @param {Object} [context] Context(this) of callback function
+ * @memberof module:collection
+ * @example
+ * var forEachArray = require('tui-code-snippet/collection/forEachArray'); // node, commonjs
+ *
+ * var sum = 0;
+ *
+ * forEachArray([1,2,3], function(value){
+ *     sum += value;
+ * });
+ * alert(sum); // 6
+ */
+function forEachArray(arr, iteratee, context) {
+  var index = 0;
+  var len = arr.length;
+
+  context = context || null;
+
+  for (; index < len; index += 1) {
+    if (iteratee.call(context, arr[index], index, arr) === false) {
+      break;
+    }
+  }
+}
+
+module.exports = forEachArray;
+
+
+/***/ }),
+/* 22 */
+/***/ (function(module, exports) {
+
+!function(e,t){for(var r in t)e[r]=t[r]}(exports,function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/dist",r(r.s=11)}([function(e,t,r){"use strict";r.r(t),r.d(t,"__extends",(function(){return i})),r.d(t,"__assign",(function(){return o})),r.d(t,"__rest",(function(){return a})),r.d(t,"__decorate",(function(){return s})),r.d(t,"__param",(function(){return l})),r.d(t,"__metadata",(function(){return u})),r.d(t,"__awaiter",(function(){return c})),r.d(t,"__generator",(function(){return p})),r.d(t,"__createBinding",(function(){return f})),r.d(t,"__exportStar",(function(){return d})),r.d(t,"__values",(function(){return h})),r.d(t,"__read",(function(){return g})),r.d(t,"__spread",(function(){return m})),r.d(t,"__spreadArrays",(function(){return v})),r.d(t,"__await",(function(){return b})),r.d(t,"__asyncGenerator",(function(){return y})),r.d(t,"__asyncDelegator",(function(){return C})),r.d(t,"__asyncValues",(function(){return x})),r.d(t,"__makeTemplateObject",(function(){return k})),r.d(t,"__importStar",(function(){return N})),r.d(t,"__importDefault",(function(){return w})),r.d(t,"__classPrivateFieldGet",(function(){return D})),r.d(t,"__classPrivateFieldSet",(function(){return L}));
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function i(e,t){function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var o=function(){return(o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r=0;s--)(i=e[s])&&(a=(o<3?i(a):o>3?i(t,r,a):i(t,r))||a);return o>3&&a&&Object.defineProperty(t,r,a),a}function l(e,t){return function(r,n){t(r,n,e)}}function u(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function c(e,t,r,n){return new(r||(r=Promise))((function(i,o){function a(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,s)}l((n=n.apply(e,t||[])).next())}))}function p(e,t){var r,n,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(o){return function(s){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;a;)try{if(r=1,n&&(i=2&o[0]?n.return:o[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;switch(n=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,n=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(i=a.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function g(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,i,o=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=o.next()).done;)a.push(n.value)}catch(e){i={error:e}}finally{try{n&&!n.done&&(r=o.return)&&r.call(o)}finally{if(i)throw i.error}}return a}function m(){for(var e=[],t=0;t1||s(e,t)}))})}function s(e,t){try{(r=i[e](t)).value instanceof b?Promise.resolve(r.value.v).then(l,u):c(o[0][2],r)}catch(e){c(o[0][3],e)}var r}function l(e){s("next",e)}function u(e){s("throw",e)}function c(e,t){e(t),o.shift(),o.length&&s(o[0][0],o[0][1])}}function C(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,i){t[n]=e[n]?function(t){return(r=!r)?{value:b(e[n](t)),done:"return"===n}:i?i(t):t}:i}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=h(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,i){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,i,(t=e[r](t)).done,t.value)}))}}}function k(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}function N(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function w(e){return e&&e.__esModule?e:{default:e}}function D(e,t){if(!t.has(e))throw new TypeError("attempted to get private field on non-instance");return t.get(e)}function L(e,t,r){if(!t.has(e))throw new TypeError("attempted to set private field on non-instance");return t.set(e,r),r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.text=t.isRefDef=t.isTable=t.isList=t.isHeading=t.isHtmlBlock=t.isCodeBlock=t.createNode=t.RefDefNode=t.TableCellNode=t.TableNode=t.CodeNode=t.HtmlBlockNode=t.CodeBlockNode=t.LinkNode=t.HeadingNode=t.ListNode=t.BlockNode=t.Node=t.removeAllNode=t.removeNodeById=t.getNodeById=t.isContainer=void 0;var n=r(0),i=n.__importDefault(r(18));function o(e){switch(e.type){case"document":case"blockQuote":case"list":case"item":case"paragraph":case"heading":case"emph":case"strong":case"strike":case"link":case"image":case"table":case"tableHead":case"tableBody":case"tableRow":case"tableCell":case"tableDelimRow":return!0;default:return!1}}t.isContainer=o;var a=1,s={};t.getNodeById=function(e){return s[e]},t.removeNodeById=function(e){delete s[e]},t.removeAllNode=function(){s={}};var l=function(){function e(e,t){this.parent=null,this.prev=null,this.next=null,this.firstChild=null,this.lastChild=null,this.literal=null,this.id="document"===e?-1:a++,this.type=e,this.sourcepos=t,s[this.id]=this}return e.prototype.isContainer=function(){return o(this)},e.prototype.unlink=function(){this.prev?this.prev.next=this.next:this.parent&&(this.parent.firstChild=this.next),this.next?this.next.prev=this.prev:this.parent&&(this.parent.lastChild=this.prev),this.parent=null,this.next=null,this.prev=null},e.prototype.replaceWith=function(e){this.insertBefore(e),this.unlink()},e.prototype.insertAfter=function(e){e.unlink(),e.next=this.next,e.next&&(e.next.prev=e),e.prev=this,this.next=e,this.parent&&(e.parent=this.parent,e.next||(e.parent.lastChild=e))},e.prototype.insertBefore=function(e){e.unlink(),e.prev=this.prev,e.prev&&(e.prev.next=e),e.next=this,this.prev=e,e.parent=this.parent,e.prev||(e.parent.firstChild=e)},e.prototype.appendChild=function(e){e.unlink(),e.parent=this,this.lastChild?(this.lastChild.next=e,e.prev=this.lastChild,this.lastChild=e):(this.firstChild=e,this.lastChild=e)},e.prototype.prependChild=function(e){e.unlink(),e.parent=this,this.firstChild?(this.firstChild.prev=e,e.next=this.firstChild,this.firstChild=e):(this.firstChild=e,this.lastChild=e)},e.prototype.walker=function(){return new i.default(this)},e}();t.Node=l;var u=function(e){function t(t,r){var n=e.call(this,t,r)||this;return n.open=!0,n.lineOffsets=null,n.stringContent=null,n.lastLineBlank=!1,n.lastLineChecked=!1,n.customType=null,n.type=t,n}return n.__extends(t,e),t}(l);t.BlockNode=u;var c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.listData=null,t}return n.__extends(t,e),t}(u);t.ListNode=c;var p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.level=0,t.headingType="atx",t}return n.__extends(t,e),t}(u);t.HeadingNode=p;var f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.destination=null,t.title=null,t.extendedAutolink=!1,t}return n.__extends(t,e),t}(l);t.LinkNode=f;var d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.isFenced=!1,t.fenceChar=null,t.fenceLength=0,t.fenceOffset=-1,t.info=null,t.infoPadding=0,t}return n.__extends(t,e),t}(u);t.CodeBlockNode=d;var h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.htmlBlockType=-1,t}return n.__extends(t,e),t}(u);t.HtmlBlockNode=h;var g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.tickCount=0,t}return n.__extends(t,e),t}(l);t.CodeNode=g;var m=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.columns=[],t}return n.__extends(t,e),t}(u);t.TableNode=m;var v=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.startIdx=0,t.endIdx=0,t.paddingLeft=0,t.paddingRight=0,t.ignored=!1,t}return n.__extends(t,e),t}(u);t.TableCellNode=v;var b=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.title="",t.dest="",t.label="",t}return n.__extends(t,e),t}(u);function y(e,t){switch(e){case"heading":return new p(e,t);case"list":case"item":return new c(e,t);case"link":case"image":return new f(e,t);case"codeBlock":return new d(e,t);case"htmlBlock":return new h(e,t);case"table":return new m(e,t);case"tableCell":return new v(e,t);case"document":case"paragraph":case"blockQuote":case"thematicBreak":case"tableRow":case"tableBody":case"tableHead":return new u(e,t);case"code":return new g(e,t);case"refDef":return new b(e,t);default:return new l(e,t)}}t.RefDefNode=b,t.createNode=y,t.isCodeBlock=function(e){return"codeBlock"===e.type},t.isHtmlBlock=function(e){return"htmlBlock"===e.type},t.isHeading=function(e){return"heading"===e.type},t.isList=function(e){return"list"===e.type},t.isTable=function(e){return"table"===e.type},t.isRefDef=function(e){return"refDef"===e.type},t.text=function(e,t){var r=y("text",t);return r.literal=e,r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isEmpty=t.last=t.repeat=t.escapeXml=t.normalizeURI=t.unescapeString=t.ESCAPABLE=t.ENTITY=void 0;var n=r(0).__importDefault(r(12)),i=r(8);t.ENTITY="&(?:#x[a-f0-9]{1,6}|#[0-9]{1,7}|[a-z][a-z0-9]{1,31});";var o=/[\\&]/;t.ESCAPABLE="[!\"#$%&'()*+,./:;<=>?@[\\\\\\]^_`{|}~-]";var a=new RegExp("\\\\"+t.ESCAPABLE+"|"+t.ENTITY,"gi"),s=new RegExp('[&<>"]',"g"),l=function(e){return 92===e.charCodeAt(0)?e.charAt(1):i.decodeHTML(e)};function u(e){switch(e){case"&":return"&";case"<":return"<";case">":return">";case'"':return""";default:return e}}t.unescapeString=function(e){return o.test(e)?e.replace(a,l):e},t.normalizeURI=function(e){try{return n.default(e)}catch(t){return e}},t.escapeXml=function(e){return s.test(e)?e.replace(s,u):e},t.repeat=function(e,t){for(var r=[],n=0;nt&&(t+=1),this.root.sourcepos[1]=[t+1,e[t].length]},e.prototype.replaceRangeNodes=function(e,t,r){e?(a.insertNodesBefore(e,r),a.removeNextUntil(e,t),[e.id,t.id].forEach((function(e){return o.removeNodeById(e)})),e.unlink()):t?(a.insertNodesBefore(t,r),o.removeNodeById(t.id),t.unlink()):a.prependChildNodes(this.root,r)},e.prototype.getNodeRange=function(e,t){var r=a.findChildNodeAtLine(this.root,e[0]),n=a.findChildNodeAtLine(this.root,t[0]);return n&&n.next&&t[0]+1===n.next.sourcepos[0][0]&&(n=n.next),a.getRangeForCustomType(r,n)},e.prototype.trigger=function(e,t){this.eventHandlerMap[e].forEach((function(e){e(t)}))},e.prototype.extendEndLine=function(e){for(;""===this.lineTexts[e];)e+=1;return e},e.prototype.parseRange=function(e,t,r,n){var i;e&&e.prev&&(o.isList(e.prev)&&function(e){var t=e.match(/^[ \t]+/);if(t&&(t[0].length>=2||/\t/.test(t[0])))return!0;var r=t?e.slice(t.length):e;return s.reBulletListMarker.test(r)||s.reOrderedListMarker.test(r)}(this.lineTexts[r-1])||o.isTable(e.prev)&&(i=this.lineTexts[r-1],!u.isBlank(i)&&-1!==i.indexOf("|")))&&(r=(e=e.prev).sourcepos[0][0]);for(var l=this.lineTexts.slice(r-1,n),c=this.parser.partialParseStart(r,l),p=t?t.next:this.root.firstChild,f=c.lastChild,d=f&&o.isCodeBlock(f),h=f&&o.isList(f);d&&p||h&&p&&("list"===p.type||p.sourcepos[0][1]>=2);){var g=this.extendEndLine(p.sourcepos[1][0]);this.parser.partialParseExtends(this.lineTexts.slice(n,g)),e||(e=t),t=p,n=g,p=p.next}return this.parser.partialParseFinish(),{newNodes:a.getChildNodes(c),extStartNode:e,extEndNode:t}},e.prototype.getRemovedNodeRange=function(e,t){return!e||e&&o.isRefDef(e)||t&&o.isRefDef(t)?null:{id:[e.id,t.id],line:[e.sourcepos[0][0]-1,t.sourcepos[1][0]-1]}},e.prototype.markDeletedRefMap=function(e,t){var r=this;if(!l.isEmptyObj(this.refMap)){var n=function(e){if(o.isRefDef(e)){var t=r.refMap[e.label];t&&e.id===t.id&&(t.unlinked=!0)}};e&&a.invokeNextUntil(n,e.parent,t),t&&a.invokeNextUntil(n,t)}},e.prototype.replaceWithNewRefDefState=function(e){var t=this;if(!l.isEmptyObj(this.refMap)){var r=function(e){if(o.isRefDef(e)){var r=e.label,n=t.refMap[r];n&&!n.unlinked||(t.refMap[r]=p(e))}};e.forEach((function(e){a.invokeNextUntil(r,e)}))}},e.prototype.replaceWithRefDefCandidate=function(){var e=this;l.isEmptyObj(this.refDefCandidateMap)||l.iterateObject(this.refDefCandidateMap,(function(t,r){var n=r.label,i=r.sourcepos,o=e.refMap[n];(!o||o.unlinked||o.sourcepos[0][0]>i[0][0])&&(e.refMap[n]=p(r))}))},e.prototype.getRangeWithRefDef=function(e,t,r,n,i){if(this.referenceDefinition&&!l.isEmptyObj(this.refMap)){var s=a.findChildNodeAtLine(this.root,e-1),u=a.findChildNodeAtLine(this.root,t+1);s&&o.isRefDef(s)&&s!==r&&s!==n&&(e=(r=s).sourcepos[0][0]),u&&o.isRefDef(u)&&u!==r&&u!==n&&(n=u,t=this.extendEndLine(n.sourcepos[1][0]+i))}return[r,n,e,t]},e.prototype.parseWithFrontMatter=function(e,t,r){void 0===r&&(r=0);var i=n.__spreadArrays(this.lineTexts),o=c.getFrontMatterPos(this.lineTexts),a=o[0],s=o[1];a>-1&&s>-1&&(this.lineTexts[a]=c.frontMatterOpen,this.lineTexts[s]=c.frontMatterClose,a>=t[0]-1&&(t[0]=s+1),a<=e[0]-1&&s>=t[0]-1&&(e[0]=a+1,t[0]=s+1));var l=this.parse(e,t,r);return this.lineTexts=i,l},e.prototype.parse=function(e,t,r){void 0===r&&(r=0);var n=this.getNodeRange(e,t),i=n[0],o=n[1],a=i?Math.min(i.sourcepos[0][0],e[0]):e[0],s=this.extendEndLine((o?Math.max(o.sourcepos[1][0],t[0]):t[0])+r),l=this.parseRange.apply(this,this.getRangeWithRefDef(a,s,i,o,r)),u=l.newNodes,c=l.extStartNode,p=l.extEndNode,f=this.getRemovedNodeRange(c,p),d=p?p.next:this.root.firstChild;return this.referenceDefinition?(this.markDeletedRefMap(c,p),this.replaceRangeNodes(c,p,u),this.replaceWithNewRefDefState(u)):this.replaceRangeNodes(c,p,u),{nodes:u,removedNodeRange:f,nextNode:d}},e.prototype.parseRefLink=function(){var e=this,t=[];return l.isEmptyObj(this.refMap)||l.iterateObject(this.refMap,(function(r,n){n.unlinked&&delete e.refMap[r],l.iterateObject(e.refLinkCandidateMap,(function(n,i){var o=i.node;i.refLabel===r&&t.push(e.parse(o.sourcepos[0],o.sourcepos[1]))}))})),t},e.prototype.removeUnlinkedCandidate=function(){l.isEmptyObj(this.refDefCandidateMap)||[this.refLinkCandidateMap,this.refDefCandidateMap].forEach((function(e){l.iterateObject(e,(function(t){a.isUnlinked(t)&&delete e[t]}))}))},e.prototype.editMarkdown=function(e,t,r){var n=this.updateLineTexts(e,t,r),i=this.frontMatter?this.parseWithFrontMatter(e,t,n):this.parse(e,t,n),o=l.omit(i,"nextNode");a.updateNextLineNumbers(i.nextNode,n),this.updateRootNodeState();var s=[o];return this.referenceDefinition&&(this.removeUnlinkedCandidate(),this.replaceWithRefDefCandidate(),s=s.concat(this.parseRefLink())),this.trigger("change",s),s},e.prototype.getLineTexts=function(){return this.lineTexts},e.prototype.getRootNode=function(){return this.root},e.prototype.findNodeAtPosition=function(e){var t=a.findNodeAtPosition(this.root,e);return t&&t!==this.root?t:null},e.prototype.findFirstNodeAtLine=function(e){return a.findFirstNodeAtLine(this.root,e)},e.prototype.on=function(e,t){this.eventHandlerMap[e].push(t)},e.prototype.off=function(e,t){var r=this.eventHandlerMap[e],n=r.indexOf(t);r.splice(n,1)},e.prototype.findNodeById=function(e){return a.findNodeById(e)},e.prototype.removeAllNode=function(){o.removeAllNode()},e}();t.ToastMark=f},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getFrontMatterPos=t.replaceFrontMatter=t.frontMatterClose=t.frontMatterOpen=void 0,t.frontMatterOpen="{:f",t.frontMatterClose="f:}";var n=/^---$/,i=/^---$([\s\S]*)^---$/m;t.replaceFrontMatter=function(e){var r=e.trim();return/^---/.test(r)&&function(e){return i.test(e)}(r)?e.replace(i,t.frontMatterOpen+"$1"+t.frontMatterClose):e},t.getFrontMatterPos=function(e){for(var t=-1,r=-1,i=0;i0)break;n.test(o)&&(t<0?t=i:r=i)}return[t,r]}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Parser=void 0;var n=r(0),i=r(2),o=r(1),a=r(19),s=r(22),l=r(4),u=r(10),c=r(3),p=r(6),f=r(26),d=[/./,/<\/(?:script|pre|style)>/i,/-->/,/\?>/,/>/,/\]\]>/],h=/^[#`~*+_=<>0-9-]/,g=/\r\n|\n|\r/;function m(){return o.createNode("document",[[1,1],[0,0]])}var v={smart:!1,tagFilter:!1,extendedAutolinks:!1,disallowedHtmlBlockTags:[],referenceDefinition:!1,disallowDeepHeading:!1,customParser:null,frontMatter:!1},b=function(){function e(e){this.options=n.__assign(n.__assign({},v),e),this.doc=m(),this.tip=this.doc,this.oldtip=this.doc,this.lineNumber=0,this.offset=0,this.column=0,this.nextNonspace=0,this.nextNonspaceColumn=0,this.indent=0,this.currentLine="",this.indented=!1,this.blank=!1,this.partiallyConsumedTab=!1,this.allClosed=!0,this.lastMatchedContainer=this.doc,this.refMap={},this.refLinkCandidateMap={},this.refDefCandidateMap={},this.lastLineLength=0,this.options.frontMatter&&(this.options.customParser=n.__assign(n.__assign({},f.frontMatterParser),this.options.customParser)),this.inlineParser=new a.InlineParser(this.options)}return e.prototype.advanceOffset=function(e,t){void 0===t&&(t=!1);for(var r,n,i,o=this.currentLine;e>0&&(i=o[this.offset]);)"\t"===i?(r=4-this.column%4,t?(this.partiallyConsumedTab=r>e,n=r>e?e:r,this.column+=n,this.offset+=this.partiallyConsumedTab?0:1,e-=n):(this.partiallyConsumedTab=!1,this.column+=r,this.offset+=1,e-=1)):(this.partiallyConsumedTab=!1,this.offset+=1,this.column+=1,e-=1)},e.prototype.advanceNextNonspace=function(){this.offset=this.nextNonspace,this.column=this.nextNonspaceColumn,this.partiallyConsumedTab=!1},e.prototype.findNextNonspace=function(){for(var e,t=this.currentLine,r=this.offset,n=this.column;""!==(e=t.charAt(r));)if(" "===e)r++,n++;else{if("\t"!==e)break;r++,n+=4-n%4}this.blank="\n"===e||"\r"===e||""===e,this.nextNonspace=r,this.nextNonspaceColumn=n,this.indent=this.nextNonspaceColumn-this.column,this.indented=this.indent>=l.CODE_INDENT},e.prototype.addLine=function(){if(this.partiallyConsumedTab){this.offset+=1;var e=4-this.column%4;this.tip.stringContent+=i.repeat(" ",e)}this.tip.lineOffsets?this.tip.lineOffsets.push(this.offset):this.tip.lineOffsets=[this.offset],this.tip.stringContent+=this.currentLine.slice(this.offset)+"\n"},e.prototype.addChild=function(e,t){for(;!s.blockHandlers[this.tip.type].canContain(e);)this.finalize(this.tip,this.lineNumber-1);var r=t+1,n=o.createNode(e,[[this.lineNumber,r],[0,0]]);return n.stringContent="",this.tip.appendChild(n),this.tip=n,n},e.prototype.closeUnmatchedBlocks=function(){if(!this.allClosed){for(;this.oldtip!==this.lastMatchedContainer;){var e=this.oldtip.parent;this.finalize(this.oldtip,this.lineNumber-1),this.oldtip=e}this.allClosed=!0}},e.prototype.finalize=function(e,t){var r=e.parent;e.open=!1,e.sourcepos[1]=[t,this.lastLineLength],s.blockHandlers[e.type].finalize(this,e),this.tip=r},e.prototype.processInlines=function(e){var t,r=this.options.customParser,n=e.walker();for(this.inlineParser.refMap=this.refMap,this.inlineParser.refLinkCandidateMap=this.refLinkCandidateMap,this.inlineParser.refDefCandidateMap=this.refDefCandidateMap,this.inlineParser.options=this.options;t=n.next();){var i=t.node,o=t.entering,a=i.type;r&&r[a]&&r[a](i,{entering:o,options:this.options}),o||"paragraph"!==a&&"heading"!==a&&("tableCell"!==a||i.ignored)||this.inlineParser.parse(i)}},e.prototype.incorporateLine=function(e){var t=this.doc;this.oldtip=this.tip,this.offset=0,this.column=0,this.blank=!1,this.partiallyConsumedTab=!1,this.lineNumber+=1,-1!==e.indexOf("\0")&&(e=e.replace(/\0/g,"�")),this.currentLine=e;for(var r,n=!0;(r=t.lastChild)&&r.open;){switch(t=r,this.findNextNonspace(),s.blockHandlers[t.type].continue(this,t)){case 0:break;case 1:n=!1;break;case 2:return void(this.lastLineLength=e.length);default:throw new Error("continue returned illegal value, must be 0, 1, or 2")}if(!n){t=t.parent;break}}this.allClosed=t===this.oldtip,this.lastMatchedContainer=t;for(var i="paragraph"!==t.type&&s.blockHandlers[t.type].acceptsLines,a=u.blockStarts.length;!i;){if(this.findNextNonspace(),"table"!==t.type&&"tableBody"!==t.type&&"paragraph"!==t.type&&!this.indented&&!h.test(e.slice(this.nextNonspace))){this.advanceNextNonspace();break}for(var l=0;l=1&&t.htmlBlockType<=5&&d[t.htmlBlockType].test(this.currentLine.slice(this.offset))&&(this.lastLineLength=e.length,this.finalize(t,this.lineNumber))):this.offset`\\x00-\\x20]+|'[^']*'|\"[^\"]*\"))?)*\\s*/?>",t.CLOSETAG="]";var n="(?:"+t.OPENTAG+"|"+t.CLOSETAG+"|\x3c!----\x3e|\x3c!--(?:-?[^>-])(?:-?[^-])*--\x3e|[<][?].*?[?][>]|]*>|)";t.reHtmlTag=new RegExp("^"+n,"i")},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.blockStarts=t.reOrderedListMarker=t.reBulletListMarker=void 0;var n=r(1),i=r(9),o=r(4),a=r(25),s=/^`{3,}(?!.*`)|^~{3,}/,l=[/./,/^<(?:script|pre|style)(?:\s|>|$)/i,/^/g, '');
+    root.innerHTML = html;
+  } else {
+    root.appendChild(html);
+  }
+
+  removeUnnecessaryTags(root);
+  leaveOnlyWhitelistAttribute(root);
+  return _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].finalizeHtml(root, needHtmlText);
+}
+/**
+ * Removes unnecessary tags.
+ * @param {HTMLElement} html - root element
+ * @private
+ */
+
+
+function removeUnnecessaryTags(html) {
+  var removedTags = _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].findAll(html, 'script, iframe, textarea, form, button, select, input, meta, style, link, title, embed, object, details, summary');
+  removedTags.forEach(function (node) {
+    _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].remove(node);
+  });
+}
+/**
+ * Checks whether the attribute and value that causing XSS or not.
+ * @param {string} attrName - name of attribute
+ * @param {string} attrValue - value of attirbute
+ * @param {boolean} state
+ * @private
+ */
+
+
+function isXSSAttribute(attrName, attrValue) {
+  return attrName.match(XSS_ATTR_RX) && attrValue.match(XSS_VALUE_RX);
+}
+/**
+ * Removes attributes of blacklist from node.
+ * @param {HTMLElement} node - node to remove attributes
+ * @param {NamedNodeMap} blacklistAttrs - attributes of blacklist
+ * @private
+ */
+
+
+function removeBlacklistAttributes(node, blacklistAttrs) {
+  tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(blacklistAttrs).forEach(function (_ref) {
+    var name = _ref.name;
+
+    if (ON_EVENT_RX.test(name)) {
+      node[name] = null;
+    }
+
+    if (node.getAttribute(name)) {
+      node.removeAttribute(name);
+    }
+  });
+}
+/**
+ * Leaves only white list attributes.
+ * @param {HTMLElement} html - root element
+ * @private
+ */
+
+
+function leaveOnlyWhitelistAttribute(html) {
+  _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].findAll(html, '*').forEach(function (node) {
+    var attributes = node.attributes;
+    var blacklist = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(attributes).filter(function (attr) {
+      var name = attr.name,
+          value = attr.value;
+      var htmlAttr = name.match(HTML_ATTR_LIST_RX);
+      var svgAttr = name.match(SVG_ATTR_LIST_RX);
+      var xssAttr = htmlAttr && isXSSAttribute(name, value);
+      return !htmlAttr && !svgAttr || xssAttr;
+    });
+    removeBlacklistAttributes(node, blacklist);
+  });
+}
+
+/* harmony default export */ __webpack_exports__["a"] = (htmlSanitizer);
+
+/***/ }),
+/* 26 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Execute the provided callback once for each property of object(or element of array) which actually exist.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+var forEachArray = __webpack_require__(21);
+var forEachOwnProperties = __webpack_require__(10);
+
+/**
+ * @module collection
+ */
+
+/**
+ * Execute the provided callback once for each property of object(or element of array) which actually exist.
+ * If the object is Array-like object(ex-arguments object), It needs to transform to Array.(see 'ex2' of example).
+ * If the callback function returns false, the loop will be stopped.
+ * Callback function(iteratee) is invoked with three arguments:
+ *  1) The value of the property(or The value of the element)
+ *  2) The name of the property(or The index of the element)
+ *  3) The object being traversed
+ * @param {Object} obj The object that will be traversed
+ * @param {function} iteratee Callback function
+ * @param {Object} [context] Context(this) of callback function
+ * @memberof module:collection
+ * @example
+ * var forEach = require('tui-code-snippet/collection/forEach'); // node, commonjs
+ *
+ * var sum = 0;
+ *
+ * forEach([1,2,3], function(value){
+ *     sum += value;
+ * });
+ * alert(sum); // 6
+ *
+ * // In case of Array-like object
+ * var array = Array.prototype.slice.call(arrayLike); // change to array
+ * forEach(array, function(value){
+ *     sum += value;
+ * });
+ */
+function forEach(obj, iteratee, context) {
+  if (isArray(obj)) {
+    forEachArray(obj, iteratee, context);
+  } else {
+    forEachOwnProperties(obj, iteratee, context);
+  }
+}
+
+module.exports = forEach;
+
+
+/***/ }),
+/* 27 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a function or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a function or not.
+ * If the given variable is a function, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is function?
+ * @memberof module:type
+ */
+function isFunction(obj) {
+  return obj instanceof Function;
+}
+
+module.exports = isFunction;
+
+
+/***/ }),
+/* 28 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is existing or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+var isNull = __webpack_require__(48);
+
+/**
+ * Check whether the given variable is existing or not.
+ * If the given variable is not null and not undefined, returns true.
+ * @param {*} param - Target for checking
+ * @returns {boolean} Is existy?
+ * @memberof module:type
+ * @example
+ * var isExisty = require('tui-code-snippet/type/isExisty'); // node, commonjs
+ *
+ * isExisty(''); //true
+ * isExisty(0); //true
+ * isExisty([]); //true
+ * isExisty({}); //true
+ * isExisty(null); //false
+ * isExisty(undefined); //false
+*/
+function isExisty(param) {
+  return !isUndefined(param) && !isNull(param);
+}
+
+module.exports = isExisty;
+
+
+/***/ }),
+/* 29 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getHTMLRenderConvertors; });
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var baseConvertors = {
+  paragraph: function paragraph(node, _ref) {
+    var entering = _ref.entering,
+        origin = _ref.origin,
+        options = _ref.options;
+    var nodeId = options.nodeId,
+        _options$customProp = options.customProp,
+        customProp = _options$customProp === void 0 ? {} : _options$customProp;
+    var showFrontMatter = customProp.showFrontMatter && node.customType; // prevent paragraph from being removed when it's child of tight list item
+    // to show highlight style in live-preview mode
+
+    if (nodeId && !node.customType || showFrontMatter) {
+      return {
+        type: entering ? 'openTag' : 'closeTag',
+        outerNewLine: true,
+        tagName: 'p'
+      };
+    }
+
+    return origin();
+  },
+  softbreak: function softbreak(node) {
+    var isPrevNodeHTML = node.prev && node.prev.type === 'htmlInline';
+    var isPrevBR = isPrevNodeHTML && /
        /.test(node.prev.literal);
+    var content = isPrevBR ? '\n' : '
        \n';
+    return {
+      type: 'html',
+      content: content
+    };
+  },
+  item: function item(node, _ref2) {
+    var entering = _ref2.entering;
+
+    if (entering) {
+      var attributes = {};
+      var classNames = [];
+
+      if (node.listData.task) {
+        attributes['data-te-task'] = '';
+        classNames.push('task-list-item');
+
+        if (node.listData.checked) {
+          classNames.push('checked');
+        }
+      }
+
+      return {
+        type: 'openTag',
+        tagName: 'li',
+        classNames: classNames,
+        attributes: attributes,
+        outerNewLine: true
+      };
+    }
+
+    return {
+      type: 'closeTag',
+      tagName: 'li',
+      outerNewLine: true
+    };
+  },
+  code: function code(node) {
+    var attributes = {
+      'data-backticks': node.tickCount
+    };
+    return [{
+      type: 'openTag',
+      tagName: 'code',
+      attributes: attributes
+    }, {
+      type: 'text',
+      content: node.literal
+    }, {
+      type: 'closeTag',
+      tagName: 'code'
+    }];
+  },
+  codeBlock: function codeBlock(node) {
+    var infoWords = node.info ? node.info.split(/\s+/) : [];
+    var preClasses = [];
+    var codeAttrs = {};
+
+    if (node.fenceLength > 3) {
+      codeAttrs['data-backticks'] = node.fenceLength;
+    }
+
+    if (infoWords.length > 0 && infoWords[0].length > 0) {
+      var lang = infoWords[0];
+      preClasses.push("lang-" + lang);
+      codeAttrs['data-language'] = lang;
+    }
+
+    return [{
+      type: 'openTag',
+      tagName: 'pre',
+      classNames: preClasses
+    }, {
+      type: 'openTag',
+      tagName: 'code',
+      attributes: codeAttrs
+    }, {
+      type: 'text',
+      content: node.literal
+    }, {
+      type: 'closeTag',
+      tagName: 'code'
+    }, {
+      type: 'closeTag',
+      tagName: 'pre'
+    }];
+  }
+};
+function getHTMLRenderConvertors(linkAttribute, customConvertors) {
+  var convertors = _extends({}, baseConvertors);
+
+  if (linkAttribute) {
+    convertors.link = function (_, _ref3) {
+      var entering = _ref3.entering,
+          origin = _ref3.origin;
+      var result = origin();
+
+      if (entering) {
+        result.attributes = _extends({}, result.attributes, linkAttribute);
+      }
+
+      return result;
+    };
+  }
+
+  if (customConvertors) {
+    Object.keys(customConvertors).forEach(function (nodeType) {
+      var orgConvertor = convertors[nodeType];
+      var customConvertor = customConvertors[nodeType];
+
+      if (orgConvertor) {
+        convertors[nodeType] = function (node, context) {
+          var newContext = _extends({}, context);
+
+          newContext.origin = function () {
+            return orgConvertor(node, context);
+          };
+
+          return customConvertor(node, newContext);
+        };
+      } else {
+        convertors[nodeType] = customConvertor;
+      }
+    });
+  }
+
+  return convertors;
+}
+
+/***/ }),
+/* 30 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export CodeBlockManager */
+/**
+ * @fileoverview Implements CodeBlockManager
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Code Block Manager
+ */
+var CodeBlockManager = /*#__PURE__*/function () {
+  function CodeBlockManager() {
+    this._replacers = {};
+  }
+  /**
+   * Set replacer for code block
+   * @param {string} language - code block language
+   * @param {function} replacer - replacer function to code block element
+   */
+
+
+  var _proto = CodeBlockManager.prototype;
+
+  _proto.setReplacer = function setReplacer(language, replacer) {
+    language = language.toLowerCase();
+    this._replacers[language] = replacer;
+  }
+  /**
+   * get replacer for code block
+   * @param {string} language - code block type
+   * @returns {function} - replacer function
+   */
+  ;
+
+  _proto.getReplacer = function getReplacer(language) {
+    return this._replacers[language];
+  }
+  /**
+   * Create code block html.
+   * @param {string} language - code block language
+   * @param {string} codeText - code text
+   * @returns {string}
+   */
+  ;
+
+  _proto.createCodeBlockHtml = function createCodeBlockHtml(language, codeText) {
+    language = language.toLowerCase();
+    var replacer = this.getReplacer(language);
+
+    if (replacer) {
+      return replacer(codeText, language);
+    }
+
+    return escape(codeText, false);
+  };
+
+  return CodeBlockManager;
+}();
+/**
+ * escape code from markdown-it
+ * @param {string} html HTML string
+ * @param {string} encode Boolean value of whether encode or not
+ * @returns {string}
+ * @ignore
+ */
+
+
+function escape(html, encode) {
+  return html.replace(!encode ? /&(?!#?\w+;)/g : /&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/'/g, ''');
+}
+
+
+/* harmony default export */ __webpack_exports__["a"] = (new CodeBlockManager());
+
+/***/ }),
+/* 31 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return invokePlugins; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getPluginInfo; });
+/* harmony import */ var tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17);
+/* harmony import */ var tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(27);
+/* harmony import */ var tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1__);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+/**
+ * Invoke plugins
+ * @param {Array.} plugins - list of plugin function only or
+ *                                  plugin function with options
+ * @param {Editor|Viewer} editor - editor or viewer instance
+ */
+
+function invokePlugins(plugins, editor) {
+  plugins.forEach(function (plugin) {
+    if (tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(plugin)) {
+      plugin(editor);
+    } else if (tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin)) {
+      var pluginFn = plugin[0],
+          _plugin$ = plugin[1],
+          options = _plugin$ === void 0 ? {} : _plugin$;
+      pluginFn(editor, options);
+    }
+  });
+}
+/**
+ * Get plugin info
+ * @param {Array.} plugins - list of plugin function only or
+ *                                  plugin function with options
+ * @returns {Object} - plugin info
+ */
+
+function getPluginInfo(plugins) {
+  if (!plugins) {
+    return {};
+  }
+
+  return plugins.reduce(function (acc, plugin) {
+    var pluginInfo = tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin) ? plugin[0] : plugin;
+
+    if (!tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(pluginInfo)) {
+      var renderer = pluginInfo.renderer,
+          parser = pluginInfo.parser,
+          pluginFn = pluginInfo.pluginFn;
+      plugin = tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin) ? [pluginFn, plugin[1]] : pluginFn;
+
+      if (renderer) {
+        acc.renderer = _extends({}, acc.renderer, renderer);
+      }
+
+      if (parser) {
+        acc.parser = _extends({}, acc.parser, parser);
+      }
+    }
+
+    acc.plugins.push(plugin);
+    return acc;
+  }, {
+    plugins: [],
+    renderer: {},
+    parser: {}
+  });
+}
+
+/***/ }),
+/* 32 */
+/***/ (function(module, exports, __webpack_require__) {
+
+/*!
+ * to-mark
+ * @version 1.0.1 | Tue Nov 24 2020
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(true)
+		module.exports = factory();
+	else {}
+})(window, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./src/domRunner.js
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements DomRunner
+ * @author NHN Ent. FE Development Lab 
+ */
+var NODE = {
+  ELEMENT_NODE: 1,
+  ATTRIBUTE_NODE: 2,
+  TEXT_NODE: 3
+};
+/**
+ * DomRunner
+ * @param {HTMLElement} node A root node that it has nodes to iterate(not iterate itself and its any siblings)
+ * @class
+ */
+
+var DomRunner = /*#__PURE__*/function () {
+  function DomRunner(node) {
+    this._normalizeTextChildren(node);
+
+    this._root = node;
+    this._current = node;
+  }
+  /**
+   * Iterate next node
+   * @returns {HTMLElement} next node
+   */
+
+
+  var _proto = DomRunner.prototype;
+
+  _proto.next = function next() {
+    var current = this._current;
+    var node;
+
+    if (this._current) {
+      node = this._getNextNode(current);
+
+      while (this._isNeedNextSearch(node, current)) {
+        current = current.parentNode;
+        node = current.nextSibling;
+      }
+
+      this._current = node;
+    }
+
+    return this._current;
+  }
+  /**
+   * Return current node
+   * @returns {HTMLElement} current node
+   */
+  ;
+
+  _proto.getNode = function getNode() {
+    this._normalizeTextChildren(this._current);
+
+    return this._current;
+  };
+
+  _proto._normalizeTextChildren = function _normalizeTextChildren(node) {
+    if (!node || node.childNodes.length < 2) {
+      return;
+    }
+
+    var childNode = node.firstChild;
+    var nextNode;
+
+    while (childNode.nextSibling) {
+      nextNode = childNode.nextSibling;
+
+      if (childNode.nodeType === NODE.TEXT_NODE && nextNode.nodeType === NODE.TEXT_NODE) {
+        childNode.nodeValue += nextNode.nodeValue;
+        node.removeChild(nextNode);
+      } else {
+        childNode = nextNode;
+      }
+    }
+  }
+  /**
+   * Get current node's text content
+   * @returns {string} text
+   */
+  ;
+
+  _proto.getNodeText = function getNodeText() {
+    var node = this.getNode();
+    var text;
+
+    if (node.nodeType === NODE.TEXT_NODE) {
+      text = node.nodeValue;
+    } else {
+      text = node.textContent || node.innerText;
+    }
+
+    return text;
+  }
+  /**
+   * Check if there is next node to iterate
+   * @private
+   * @param {HTMLElement} node next node
+   * @param {HTMLElement} current next node
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto._isNeedNextSearch = function _isNeedNextSearch(node, current) {
+    return !node && current !== this._root && current.parentNode !== this._root;
+  }
+  /**
+   * Return available next node
+   * @private
+   * @param {HTMLElement} current current node
+   * @returns {node} next node
+   */
+  ;
+
+  _proto._getNextNode = function _getNextNode(current) {
+    return current.firstChild || current.nextSibling;
+  };
+
+  return DomRunner;
+}();
+
+_defineProperty(DomRunner, "NODE_TYPE", NODE);
+
+
+// CONCATENATED MODULE: ./src/toDom.js
+/**
+ * @fileoverview Implements toDom
+ * @author NHN Ent. FE Development Lab 
+ */
+var FIND_FIRST_LAST_SPACE_OR_RETURN_OR_TAB_RX = /^[\s\r\n\t]+|[\s\r\n\t]+$/g;
+var FIND_RETURN_OR_TAB_BETWEEN_TAGS_RX = />[\r\n\t]+[ ]+<'); // remove spaces more than 1(if need more space, must use  )
+
+  html = html.replace(FIND_WHOLE_SPACE_MORE_THAN_ONE_BETWEEN_TAGS_RX, '> <');
+  return html;
+}
+
+toDom.preProcess = preProcess;
+// CONCATENATED MODULE: ./src/renderer.js
+function renderer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements Renderer
+ * @author NHN Ent. FE Development Lab 
+ */
+var FIND_LEAD_SPACE_RX = /^\u0020/;
+var FIND_TRAIL_SPACE_RX = /.+\u0020$/;
+var FIND_SPACE_RETURN_TAB_RX = /[\n\s\t]+/g;
+var FIND_CHAR_TO_TRIM_RX = /^[\u0020\r\n\t]+|[\u0020\r\n\t]+$/g; // find first and last characters for trim
+
+var FIND_SPACE_MORE_THAN_ONE_RX = /[\u0020]+/g; // find space more than one
+
+var FIND_CHAR_TO_ESCAPE_RX = /[>(){}[\]+-.!#|]/g; // find characters that need escape
+
+var FIND_CHAR_TO_ESCAPE_IN_LINK_RX = /[[\]]/g; // find characters to be escaped in links or images
+
+var FIND_MARKDOWN_IMAGE_SYNTAX_RX = /!\[.*\]\(.*\)/g; // find markdown image syntax
+
+var TEXT_NODE = 3;
+/**
+ * Iterate properties of object
+ * from https://github.com/nhnent/fe.code-snippet/blob/master/src/collection.js
+ * @param {object} obj object to iterate
+ * @param {function} iteratee callback function
+ * @param {*} [context] context of callback
+ */
+
+function forEachOwnProperties(obj, iteratee, context) {
+  var key;
+  context = context || null;
+
+  for (key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      if (iteratee.call(context, obj[key], key, obj) === false) {
+        break;
+      }
+    }
+  }
+}
+/**
+ * Whether if inline node or not
+ * @param {Node} node Element
+ * @returns {boolean}
+ */
+// eslint-disable-next-line complexity
+
+
+function isInlineNode(node) {
+  var tag = node.tagName;
+  return tag === 'S' || tag === 'B' || tag === 'I' || tag === 'EM' || tag === 'STRONG' || tag === 'A' || tag === 'IMG' || tag === 'CODE';
+}
+/**
+ * Returns HTML string of an element using given subContent
+ * @param {Node} node Element
+ * @param {string} subContent string content of node
+ * @returns {string}
+ */
+
+
+function getRawHtmlString(node, subContent) {
+  var tempNode = node.cloneNode(false);
+  tempNode.innerHTML = subContent;
+  return tempNode.outerHTML;
+}
+/**
+ * Clone rules
+ * @param {object} destination object for apply rules
+ * @param {object} source source object for clone rules
+ */
+
+
+function cloneRules(destination, source) {
+  forEachOwnProperties(source, function (value, key) {
+    if (key !== 'converter') {
+      if (!destination[key]) {
+        destination[key] = {};
+      }
+
+      cloneRules(destination[key], value);
+    } else {
+      destination[key] = value;
+    }
+  });
+}
+/**
+ * Renderer
+ * @param {object} [rules] rules to add
+ * @class
+ */
+
+
+var Renderer = /*#__PURE__*/function () {
+  function Renderer(rules) {
+    this.rules = {};
+    /**
+     * Line feed replacement text
+     * @type string
+     */
+
+    this.lineFeedReplacement = "\u200B\u200B";
+
+    if (rules) {
+      this.addRules(rules);
+    }
+  }
+  /**
+   * Add rule
+   * @param {string} selectorString rule selector
+   * @param {function} converter converter function
+   */
+
+
+  var _proto = Renderer.prototype;
+
+  _proto.addRule = function addRule(selectorString, converter) {
+    var selectors = selectorString.split(', ');
+    var selector = selectors.pop();
+    converter.fname = selectorString;
+
+    while (selector) {
+      this._setConverterWithSelector(selector, converter);
+
+      selector = selectors.pop();
+    }
+  }
+  /**
+   * Add rules using object
+   * @param {object} rules key(rule selector), value(converter function)
+   */
+  ;
+
+  _proto.addRules = function addRules(rules) {
+    forEachOwnProperties(rules, function (converter, selectorString) {
+      this.addRule(selectorString, converter);
+    }, this);
+  }
+  /**
+   * Remove flanked space of dom node
+   * @param {string} content text content
+   * @param {HTMLElement} node current node
+   * @returns {string} result
+   */
+  // eslint-disable-next-line complexity
+  ;
+
+  _proto.getSpaceControlled = function getSpaceControlled(content, node) {
+    var lead = '';
+    var trail = '';
+    var text;
+
+    if (node.previousSibling && (node.previousSibling.nodeType === TEXT_NODE || isInlineNode(node.previousSibling))) {
+      text = node.previousSibling.innerHTML || node.previousSibling.nodeValue;
+
+      if (FIND_TRAIL_SPACE_RX.test(text) || FIND_LEAD_SPACE_RX.test(node.innerHTML || node.nodeValue)) {
+        lead = ' ';
+      }
+    }
+
+    if (node.nextSibling && (node.nextSibling.nodeType === TEXT_NODE || isInlineNode(node.nextSibling))) {
+      text = node.nextSibling.innerHTML || node.nextSibling.nodeValue;
+
+      if (FIND_LEAD_SPACE_RX.test(text) || FIND_TRAIL_SPACE_RX.test(node.innerHTML || node.nodeValue)) {
+        trail = ' ';
+      }
+    }
+
+    return lead + content + trail;
+  }
+  /**
+   * Convert dom node to markdown using dom node and subContent
+   * @param {HTMLElement} node node to convert
+   * @param {string} subContent child nodes converted text
+   * @returns {string} converted text
+   */
+  // eslint-disable-next-line complexity
+  ;
+
+  _proto.convert = function convert(node, subContent) {
+    var result;
+
+    var converter = this._getConverter(node);
+
+    if (node && node.nodeType === Node.ELEMENT_NODE && node.hasAttribute('data-tomark-pass')) {
+      node.removeAttribute('data-tomark-pass');
+      result = getRawHtmlString(node, subContent);
+    } else if (converter) {
+      result = converter.call(this, node, subContent);
+    } else if (node) {
+      result = this.getSpaceControlled(this._getInlineHtml(node, subContent), node);
+    }
+
+    return result || '';
+  };
+
+  _proto._getInlineHtml = function _getInlineHtml(node, subContent) {
+    var html = node.outerHTML;
+    var tagName = node.tagName;
+    var escapedSubContent = subContent.replace(/\$/g, '$$$$'); // escape $: replace all $ char to $$ before we throw this string to replace
+
+    return html.replace(new RegExp("(<" + tagName + " ?.*?>).*()", 'i'), "$1" + escapedSubContent + "$2");
+  }
+  /**
+   * Get converter function for node
+   * @private
+   * @param {HTMLElement} node node
+   * @returns {function} converter function
+   */
+  ;
+
+  _proto._getConverter = function _getConverter(node) {
+    var rulePointer = this.rules;
+    var converter;
+
+    while (node && rulePointer) {
+      rulePointer = this._getNextRule(rulePointer, this._getRuleNameFromNode(node));
+      node = this._getPrevNode(node);
+
+      if (rulePointer && rulePointer.converter) {
+        converter = rulePointer.converter;
+      }
+    }
+
+    return converter;
+  }
+  /**
+   * Get next rule object
+   * @private
+   * @param {object} ruleObj rule object
+   * @param {string} ruleName rule tag name to find
+   * @returns {object} rule Object
+   */
+  ;
+
+  _proto._getNextRule = function _getNextRule(ruleObj, ruleName) {
+    return ruleObj[ruleName];
+  }
+  /**
+   * Get proper rule tag name from node
+   * @private
+   * @param {HTMLElement} node node
+   * @returns {string} rule tag name
+   */
+  ;
+
+  _proto._getRuleNameFromNode = function _getRuleNameFromNode(node) {
+    return node.tagName || 'TEXT_NODE';
+  }
+  /**
+   * Get node's available parent node
+   * @private
+   * @param {HTMLElement} node node
+   * @returns {HTMLElement | undefined} result
+   */
+  ;
+
+  _proto._getPrevNode = function _getPrevNode(node) {
+    var parentNode = node.parentNode;
+    var previousNode;
+
+    if (parentNode && !parentNode.__htmlRootByToMark) {
+      previousNode = parentNode;
+    }
+
+    return previousNode;
+  }
+  /**
+   * Set converter for selector
+   * @private
+   * @param {string} selectors rule selector
+   * @param {function} converter converter function
+   */
+  ;
+
+  _proto._setConverterWithSelector = function _setConverterWithSelector(selectors, converter) {
+    var rulePointer = this.rules;
+
+    this._eachSelector(selectors, function (ruleElem) {
+      if (!rulePointer[ruleElem]) {
+        rulePointer[ruleElem] = {};
+      }
+
+      rulePointer = rulePointer[ruleElem];
+    });
+
+    rulePointer.converter = converter;
+  }
+  /**
+   * Iterate each selectors
+   * @private
+   * @param {string} selectors rule selectors
+   * @param {function} iteratee callback
+   */
+  ;
+
+  _proto._eachSelector = function _eachSelector(selectors, iteratee) {
+    var selectorArray = selectors.split(' ');
+    var selectorIndex = selectorArray.length - 1;
+
+    while (selectorIndex >= 0) {
+      iteratee(selectorArray[selectorIndex]);
+      selectorIndex -= 1;
+    }
+  }
+  /**
+   * Trim text
+   * @param {string} text text be trimed
+   * @returns {string} trimed text
+   */
+  ;
+
+  _proto.trim = function trim(text) {
+    return text.replace(FIND_CHAR_TO_TRIM_RX, '');
+  }
+  /**
+   * Returns whether text empty or not
+   * @param {string} text text be checked
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isEmptyText = function isEmptyText(text) {
+    return text.replace(FIND_SPACE_RETURN_TAB_RX, '') === '';
+  }
+  /**
+   * Collape space more than 2
+   * @param {string} text text be collapsed
+   * @returns {string} result
+   */
+  ;
+
+  _proto.getSpaceCollapsedText = function getSpaceCollapsedText(text) {
+    return text.replace(FIND_SPACE_MORE_THAN_ONE_RX, ' ');
+  }
+  /**
+   * Apply backslash escape to text
+   * @param {string} text text be processed
+   * @returns {string} processed text
+   */
+  ;
+
+  _proto.escapeText = function escapeText(text) {
+    return text.replace(FIND_CHAR_TO_ESCAPE_RX, function (matched) {
+      return "\\" + matched;
+    });
+  }
+  /**
+   * Escape given text for link
+   * @param {string} text - text be processed
+   * @returns {string} - processed text
+   */
+  ;
+
+  _proto.escapeTextForLink = function escapeTextForLink(text) {
+    var imageSyntaxRanges = [];
+    var result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(text);
+
+    while (result) {
+      imageSyntaxRanges.push([result.index, result.index + result[0].length]);
+      result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(text);
+    }
+
+    return text.replace(FIND_CHAR_TO_ESCAPE_IN_LINK_RX, function (matched, offset) {
+      var isDelimiter = imageSyntaxRanges.some(function (range) {
+        return offset > range[0] && offset < range[1];
+      });
+      return isDelimiter ? matched : "\\" + matched;
+    });
+  }
+  /**
+   * Backslash escape to text for html
+   * Apply backslash escape to text
+   * @param {string} text text be processed
+   * @returns {string} processed text
+   */
+  ;
+
+  _proto.escapeTextHtml = function escapeTextHtml(text) {
+    return text.replace(new RegExp(Renderer.markdownTextToEscapeHtmlRx.source, 'g'), function (matched) {
+      return "\\" + matched;
+    });
+  }
+  /**
+   * Backslash is using for escape ASCII punctuation character.
+   * https://spec.commonmark.org/0.29/#backslash-escapes
+   * If user input backslash as text, backslash is kept by inserting backslash.
+   * For example, if input text is "\$", this text is changed "\\$"
+   * @param {string} text text be processed
+   * @returns {string} processed text
+   */
+  ;
+
+  _proto.escapeTextBackSlash = function escapeTextBackSlash(text) {
+    return text.replace(new RegExp(Renderer.markdownTextToEscapeBackSlashRx.source, 'g'), function (matched) {
+      return "\\" + matched;
+    });
+  }
+  /**
+   * Escapes in markdown paired characters
+   * @param {string} text Text to escape
+   * @returns {string} escaped text
+   */
+  ;
+
+  _proto.escapePairedCharacters = function escapePairedCharacters(text) {
+    return text.replace(new RegExp(Renderer.markdownTextToEscapePairedCharsRx.source, 'g'), function (matched) {
+      return "\\" + matched;
+    });
+  };
+
+  _proto._isNeedEscape = function _isNeedEscape(text) {
+    var res = false;
+    var markdownTextToEscapeRx = Renderer.markdownTextToEscapeRx;
+    var type;
+
+    for (type in markdownTextToEscapeRx) {
+      if (markdownTextToEscapeRx.hasOwnProperty(type) && markdownTextToEscapeRx[type].test(text)) {
+        res = true;
+        break;
+      }
+    }
+
+    return res;
+  };
+
+  _proto._isNeedEscapeHtml = function _isNeedEscapeHtml(text) {
+    return Renderer.markdownTextToEscapeHtmlRx.test(text);
+  };
+
+  _proto._isNeedEscapeBackSlash = function _isNeedEscapeBackSlash(text) {
+    return Renderer.markdownTextToEscapeBackSlashRx.test(text);
+  };
+
+  _proto.mix = function mix(renderer) {
+    cloneRules(this.rules, renderer.rules);
+  }
+  /**
+   * Renderer factory
+   * Return new renderer
+   * @param {Renderer} srcRenderer renderer to extend
+   * @param {object} rules rule object, key(rule selector), value(converter function)
+   * @returns {Renderer} renderer
+   */
+  ;
+
+  Renderer.factory = function factory(srcRenderer, rules) {
+    var renderer = new Renderer();
+
+    if (!rules) {
+      rules = srcRenderer;
+    } else {
+      renderer.mix(srcRenderer);
+    }
+
+    renderer.addRules(rules);
+    return renderer;
+  };
+
+  return Renderer;
+}();
+
+renderer_defineProperty(Renderer, "markdownTextToEscapeRx", {
+  codeblock: /(^ {4}[^\n]+\n*)+/,
+  hr: /^ *((\* *){3,}|(- *){3,} *|(_ *){3,}) */,
+  heading: /^(#{1,6}) +[\s\S]+/,
+  lheading: /^([^\n]+)\n *(=|-){2,} */,
+  blockquote: /^( *>[^\n]+.*)+/,
+  list: /^ *(\*+|-+|\d+\.) [\s\S]+/,
+  def: /^ *\[([^\]]+)\]: *]+)>?(?: +["(]([^\n]+)[")])? */,
+  link: /!?\[.*\]\(.*\)/,
+  reflink: /!?\[.*\]\s*\[([^\]]*)\]/,
+  verticalBar: /\u007C/,
+  codeblockGfm: /^(`{3,})/,
+  codeblockTildes: /^(~{3,})/
+});
+
+renderer_defineProperty(Renderer, "markdownTextToEscapeHtmlRx", /<([a-zA-Z_][a-zA-Z0-9\-._]*)(\s|[^\\/>])*\/?>|<(\/)([a-zA-Z_][a-zA-Z0-9\-._]*)\s*\/?>||<([a-zA-Z_][a-zA-Z0-9\-.:/]*)>/);
+
+renderer_defineProperty(Renderer, "markdownTextToEscapeBackSlashRx", /\\[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~\\]/);
+
+renderer_defineProperty(Renderer, "markdownTextToEscapePairedCharsRx", /[*_~`]/);
+
+
+// CONCATENATED MODULE: ./src/renderer.basic.js
+/**
+ * @fileoverview Implements basicRenderer
+ * @author NHN Ent. FE Development Lab 
+ */
+
+var FIND_LAST_RETURN_RX = /\n$/g;
+var FIND_BR_AND_RETURN_RX = /[ \xA0]+\n\n/g;
+var FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX = /([ \xA0]+\n){2,}/g;
+var FIND_LINK_HREF = /href="(.*?)"/;
+var START_OF_LINES_RX = /^/gm;
+/**
+ * Basic Markdown Renderer
+ * @exports basicRenderer
+ * @augments Renderer
+ */
+
+/* harmony default export */ var renderer_basic = (Renderer.factory({
+  // inlines
+  TEXT_NODE: function TEXT_NODE(node) {
+    var managedText = this.trim(this.getSpaceCollapsedText(node.nodeValue));
+
+    if (this._isNeedEscapeBackSlash(managedText)) {
+      managedText = this.escapeTextBackSlash(managedText);
+    }
+
+    managedText = this.escapePairedCharacters(managedText);
+
+    if (this._isNeedEscapeHtml(managedText)) {
+      managedText = this.escapeTextHtml(managedText);
+    }
+
+    if (this._isNeedEscape(managedText)) {
+      managedText = this.escapeText(managedText);
+    }
+
+    return this.getSpaceControlled(managedText, node);
+  },
+  'CODE TEXT_NODE': function CODETEXT_NODE(node) {
+    return node.nodeValue;
+  },
+  'EM, I': function EMI(node, subContent) {
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      res = "*" + subContent + "*";
+    }
+
+    return res;
+  },
+  'STRONG, B': function STRONGB(node, subContent) {
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      res = "**" + subContent + "**";
+    }
+
+    return res;
+  },
+  A: function A(node, subContent) {
+    var res = subContent;
+    var title = '';
+    var url; // "href" attribute is difficult to predict depending on the situation
+    // so use as it is applied to html
+
+    var foundedHref = FIND_LINK_HREF.exec(node.outerHTML);
+
+    if (foundedHref) {
+      url = foundedHref[1].replace(/&/g, '&');
+    }
+
+    if (node.title) {
+      title = " \"" + node.title + "\"";
+    }
+
+    if (!this.isEmptyText(subContent) && url) {
+      res = "[" + this.escapeTextForLink(subContent) + "](" + url + title + ")";
+    }
+
+    return res;
+  },
+  IMG: function IMG(node) {
+    var src = node.getAttribute('src');
+    var alt = node.alt;
+
+    if (src) {
+      return "![" + this.escapeTextForLink(alt) + "](" + src + ")";
+    }
+
+    return '';
+  },
+  BR: function BR() {
+    return '  \n';
+  },
+  CODE: function CODE(node, subContent) {
+    var backticks, numBackticks;
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      numBackticks = parseInt(node.getAttribute('data-backticks'), 10);
+      backticks = isNaN(numBackticks) ? '`' : Array(numBackticks + 1).join('`');
+      res = backticks + subContent + backticks;
+    }
+
+    return res;
+  },
+  // Paragraphs
+  P: function P(node, subContent) {
+    var res = ''; // convert multiple brs to one br
+
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '  \n');
+
+    if (!this.isEmptyText(subContent)) {
+      res = "\n\n" + subContent + "\n\n";
+    }
+
+    return res;
+  },
+  'BLOCKQUOTE P': function BLOCKQUOTEP(node, subContent) {
+    return subContent;
+  },
+  'LI P': function LIP(node, subContent) {
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      res = subContent;
+    }
+
+    return res;
+  },
+  // Headings
+  'H1, H2, H3, H4, H5, H6': function H1H2H3H4H5H6(node, subContent) {
+    var res = '';
+    var headingNumber = parseInt(node.tagName.charAt(1), 10);
+
+    while (headingNumber) {
+      res += '#';
+      headingNumber -= 1;
+    }
+
+    res += ' ';
+    res += subContent;
+    return "\n\n" + res + "\n\n";
+  },
+  'LI H1, LI H2, LI H3, LI H4, LI H5, LI H6': function LIH1LIH2LIH3LIH4LIH5LIH6(node, subContent) {
+    var headingNumber = parseInt(node.tagName.charAt(1), 10);
+    return Array(headingNumber + 1).join('#') + " " + subContent;
+  },
+  // List
+  'UL, OL': function ULOL(node, subContent) {
+    return "\n\n" + subContent + "\n\n";
+  },
+  'LI OL, LI UL': function LIOLLIUL(node, subContent) {
+    var processedSubContent; // remove last br of li
+
+    processedSubContent = subContent.replace(FIND_BR_AND_RETURN_RX, '\n'); // parent LI converter add \n too, so we remove last return
+
+    processedSubContent = processedSubContent.replace(FIND_LAST_RETURN_RX, '');
+    var res = processedSubContent.replace(START_OF_LINES_RX, '    ');
+    return "\n" + res;
+  },
+  'UL LI': function ULLI(node, subContent) {
+    var res = ''; // convert multiple brs to one br
+
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '  \n');
+
+    if (node.firstChild && node.firstChild.tagName === 'P') {
+      res += '\n';
+    }
+
+    res += "* " + subContent + "\n";
+    return res;
+  },
+  // eslint-disable-next-line complexity
+  'OL LI': function OLLI(node, subContent) {
+    var res = '';
+    var liCounter = parseInt(node.parentNode.getAttribute('start') || 1, 10);
+
+    while (node.previousSibling) {
+      node = node.previousSibling;
+
+      if (node.nodeType === 1 && node.tagName === 'LI') {
+        liCounter += 1;
+      }
+    } // convert multiple brs to one br
+
+
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '  \n');
+
+    if (node.firstChild && node.firstChild.tagName === 'P') {
+      res += '\n';
+    }
+
+    res += liCounter + ". " + subContent + "\n";
+    return res;
+  },
+  // HR
+  HR: function HR() {
+    return '\n\n- - -\n\n';
+  },
+  // Blockquote
+  BLOCKQUOTE: function BLOCKQUOTE(node, subContent) {
+    // convert multiple brs to one emptyline
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '\n\n');
+    var trimmedText = this.trim(subContent);
+    var res = trimmedText.replace(START_OF_LINES_RX, '> ');
+    return "\n\n" + res + "\n\n";
+  },
+  // Code Block
+  'PRE CODE': function PRECODE(node, subContent) {
+    var lastNremoved = subContent.replace(FIND_LAST_RETURN_RX, '');
+    var res = lastNremoved.replace(START_OF_LINES_RX, '    ');
+    return "\n\n" + res + "\n\n";
+  }
+}));
+// CONCATENATED MODULE: ./src/renderer.gfm.js
+/**
+ * @fileoverview Implements Github flavored markdown renderer
+ * @author NHN Ent. FE Development Lab 
+ */
+
+
+/**
+ * gfmRenderer
+ * github flavored Markdown Renderer
+ *
+ * we didnt render gfm br here because we need distingush returns that made by block with br
+ * so we render gfm br later in toMark.js finalize function
+ * @exports gfmRenderer
+ * @augments Renderer
+ */
+
+/* harmony default export */ var renderer_gfm = (Renderer.factory(renderer_basic, {
+  'DEL, S': function DELS(node, subContent) {
+    return "~~" + subContent + "~~";
+  },
+  'PRE CODE': function PRECODE(node, subContent) {
+    var language = '';
+    var numberOfBackticks = node.getAttribute('data-backticks');
+
+    if (node.getAttribute('data-language')) {
+      language = " " + node.getAttribute('data-language');
+    }
+
+    numberOfBackticks = parseInt(numberOfBackticks, 10);
+    var backticks = isNaN(numberOfBackticks) ? '```' : Array(numberOfBackticks + 1).join('`');
+    subContent = subContent.replace(/(\r\n)|(\r)|(\n)/g, this.lineFeedReplacement);
+    return "\n\n" + backticks + language + "\n" + subContent + "\n" + backticks + "\n\n";
+  },
+  PRE: function PRE(node, subContent) {
+    return subContent;
+  },
+  'UL LI': function ULLI(node, subContent) {
+    return renderer_basic.convert(node, makeTaskIfNeed(node, subContent));
+  },
+  'OL LI': function OLLI(node, subContent) {
+    return renderer_basic.convert(node, makeTaskIfNeed(node, subContent));
+  },
+  // Table
+  TABLE: function TABLE(node, subContent) {
+    return "\n\n" + subContent + "\n\n";
+  },
+  'TBODY, TFOOT': function TBODYTFOOT(node, subContent) {
+    return subContent;
+  },
+  'TR TD, TR TH': function TRTDTRTH(node, subContent) {
+    subContent = subContent.replace(/(\r\n)|(\r)|(\n)/g, '');
+    return " " + subContent + " |";
+  },
+  'TD BR, TH BR': function TDBRTHBR() {
+    return '
        ';
+  },
+  TR: function TR(node, subContent) {
+    return "|" + subContent + "\n";
+  },
+  THEAD: function THEAD(node, subContent) {
+    var result = '';
+    var ths = findChildTag(findChildTag(node, 'TR')[0], 'TH');
+
+    for (var i = 0, thsLength = ths.length; i < thsLength; i += 1) {
+      result += " " + makeTableHeadAlignText(ths[i]) + " |";
+    }
+
+    return subContent ? subContent + "|" + result + "\n" : '';
+  }
+}));
+/**
+ * Make task Markdown string if need
+ * @param {HTMLElement} node Passed HTML Element
+ * @param {string} subContent node's content
+ * @returns {string}
+ */
+
+function makeTaskIfNeed(node, subContent) {
+  var condition;
+
+  if (node.className.indexOf('task-list-item') !== -1) {
+    condition = node.className.indexOf('checked') !== -1 ? 'x' : ' ';
+    subContent = "[" + condition + "] " + subContent;
+  }
+
+  return subContent;
+}
+/**
+ * Make table head align text
+ * @param {HTMLElement} th Table head cell element
+ * @returns {string}
+ */
+
+
+function makeTableHeadAlignText(th) {
+  var leftAlignValue, rightAlignValue, textLength;
+  var align = th.align;
+  textLength = th.textContent ? th.textContent.length : th.innerText.length;
+  leftAlignValue = '';
+  rightAlignValue = '';
+
+  if (align) {
+    if (align === 'left') {
+      leftAlignValue = ':';
+      textLength -= 1;
+    } else if (align === 'right') {
+      rightAlignValue = ':';
+      textLength -= 1;
+    } else if (align === 'center') {
+      rightAlignValue = ':';
+      leftAlignValue = ':';
+      textLength -= 2;
+    }
+  }
+
+  return leftAlignValue + repeatString('-', textLength) + rightAlignValue;
+}
+/**
+ * Find child element of given tag name
+ * @param {HTMLElement} node starting element
+ * @param {string} tagName Tag name for search
+ * @returns {Array.}
+ */
+
+
+function findChildTag(node, tagName) {
+  var childNodes = node.childNodes;
+  var result = [];
+
+  for (var i = 0, childLength = childNodes.length; i < childLength; i += 1) {
+    if (childNodes[i].tagName && childNodes[i].tagName === tagName) {
+      result.push(childNodes[i]);
+    }
+  }
+
+  return result;
+}
+/**
+ * Repeat given string
+ * @param {string} pattern String for repeat
+ * @param {number} count Amount of repeat
+ * @returns {string}
+ */
+
+
+function repeatString(pattern, count) {
+  var result = pattern;
+  count = Math.max(count, 3);
+
+  while (count > 1) {
+    result += pattern;
+    count -= 1;
+  }
+
+  return result;
+}
+// CONCATENATED MODULE: ./src/toMark.js
+/**
+ * @fileoverview Implements toMark
+ * @author NHN Ent. FE Development Lab 
+ */
+
+
+
+
+var FIND_UNUSED_BRS_RX = /[ \xA0]+(\n\n)/g;
+var FIND_FIRST_LAST_WITH_SPACE_RETURNS_RX = /^[\n]+|[\s\n]+$/g;
+var FIND_MULTIPLE_BRS_RX = /([ \xA0]+\n){2,}/g;
+var FIND_RETURNS_RX = /([ \xA0]){2,}\n/g;
+var FIND_RETURNS_AND_SPACE_RX = /[ \xA0\n]+/g;
+/**
+ * @exports toMark
+ * @param {string} htmlStr html string to convert
+ * @param {object} options option
+ * @param {boolean} options.gfm if this property is false turn off it cant parse gfm
+ * @param {Renderer} options.renderer pass renderer to use
+ * @returns {string} converted markdown text
+ * @example
+ * toMark('
        hello world
        '); // "# hello world"
+ * toMark('strike'); // "~~strike~~"
+ * toMark('strike', {gfm: false}); // "strike"
+ */
+
+function toMark(htmlStr, options) {
+  var isGfm = true;
+  var renderer;
+
+  if (!htmlStr) {
+    return '';
+  }
+
+  renderer = renderer_gfm;
+
+  if (options) {
+    isGfm = options.gfm;
+
+    if (isGfm === false) {
+      renderer = renderer_basic;
+    }
+
+    renderer = options.renderer || renderer;
+  }
+
+  var runner = new DomRunner(toDom(htmlStr));
+  return finalize(parse(runner, renderer), isGfm, renderer.lineFeedReplacement);
+}
+/**
+ * Parse dom to markdown
+ * @param {DomRunner} runner runner
+ * @param {Renderer} renderer renderer
+ * @returns {string} markdown text
+ */
+
+function parse(runner, renderer) {
+  var markdownContent = '';
+
+  while (runner.next()) {
+    markdownContent += tracker(runner, renderer);
+  }
+
+  return markdownContent;
+}
+/**
+ * Remove first and last return character
+ * @param {string} text text to finalize
+ * @param {boolean} isGfm isGfm flag
+ * @param {string} lineFeedReplacement Line feed replacement text
+ * @returns {string} result
+ */
+
+
+function finalize(text, isGfm, lineFeedReplacement) {
+  // collapse return and 
        
+  text = text.replace(FIND_UNUSED_BRS_RX, '\n'); // collapse multiple br
+
+  text = text.replace(FIND_MULTIPLE_BRS_RX, '\n\n');
+  text = text.replace(FIND_RETURNS_AND_SPACE_RX, function (matched) {
+    var returnCount = (matched.match(/\n/g) || []).length;
+
+    if (returnCount >= 3) {
+      return '\n\n';
+    }
+
+    if (matched >= 1) {
+      return '\n';
+    }
+
+    return matched;
+  }); // remove first and last \n
+
+  text = text.replace(FIND_FIRST_LAST_WITH_SPACE_RETURNS_RX, '');
+  text = text.replace(new RegExp(lineFeedReplacement, 'g'), '\n'); // in gfm replace '  \n' make by 
         to '\n'
+
+  if (isGfm) {
+    text = text.replace(FIND_RETURNS_RX, '\n');
+  }
+
+  return text;
+}
+/**
+ * Iterate childNodes and process conversion using recursive call
+ * @param {DomRunner} runner dom runner
+ * @param {Renderer} renderer renderer to use
+ * @returns {string} processed text
+ */
+
+
+function tracker(runner, renderer) {
+  var subContent = '';
+  var node = runner.getNode();
+
+  for (var i = 0, t = node.childNodes.length; i < t; i += 1) {
+    runner.next();
+    subContent += tracker(runner, renderer);
+  }
+
+  return renderer.convert(node, subContent);
+}
+// CONCATENATED MODULE: ./src/index.js
+/**
+ * @fileoverview Implements entry point
+ * @author NHN Ent. FE Development Lab 
+ */
+
+
+
+
+toMark.Renderer = Renderer;
+toMark.basicRenderer = renderer_basic;
+toMark.gfmRenderer = renderer_gfm;
+/* harmony default export */ var src = __webpack_exports__["default"] = (toMark);
+
+/***/ })
+/******/ ])["default"];
+});
+
+/***/ }),
+/* 33 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Get HTML element's design classes.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+
+/**
+ * Get HTML element's design classes.
+ * @param {(HTMLElement|SVGElement)} element target element
+ * @returns {string} element css class name
+ * @memberof module:domUtil
+ */
+function getClass(element) {
+  if (!element || !element.className) {
+    return '';
+  }
+
+  if (isUndefined(element.className.baseVal)) {
+    return element.className;
+  }
+
+  return element.className.baseVal;
+}
+
+module.exports = getClass;
+
+
+/***/ }),
+/* 34 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a number or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a number or not.
+ * If the given variable is a number, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is number?
+ * @memberof module:type
+ */
+function isNumber(obj) {
+  return typeof obj === 'number' || obj instanceof Number;
+}
+
+module.exports = isNumber;
+
+
+/***/ }),
+/* 35 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export CLASS_HIGHLIGHT */
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(22);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _preview__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(38);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(0);
+/* harmony import */ var _htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(29);
+/* harmony import */ var _scroll_helper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(18);
+/* harmony import */ var _scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24);
+/* harmony import */ var _utils_markdown__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2);
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements markdown preview
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+var CLASS_HIGHLIGHT = 'te-preview-highlight';
+
+function findTableCell(tableRow, _ref) {
+  var ch = _ref.ch;
+  var cell = tableRow.firstChild;
+
+  while (cell && cell.next) {
+    if (Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* getMdStartCh */ "e"])(cell.next) > ch + 1) {
+      break;
+    }
+
+    cell = cell.next;
+  }
+
+  return cell;
+}
+/**
+ * Class Markdown Preview
+ * @param {HTMLElement} el - base element
+ * @param {EventManager} eventManager - event manager
+ * @param {Convertor} convertor - convertor
+ * @param {object} options
+ * @param {boolean} options.isViewer - true for view-only mode
+ * @param {boolean} options.highlight - true for using live-highlight feature
+ * @param {object} opitons.linkAttribute - attributes for link element
+ * @param {object} opitons.customHTMLRenderer - map of custom HTML render functions
+
+ * @ignore
+ */
+
+
+var MarkdownPreview = /*#__PURE__*/function (_Preview) {
+  _inheritsLoose(MarkdownPreview, _Preview);
+
+  function MarkdownPreview(el, eventManager, convertor, options) {
+    var _this;
+
+    _this = _Preview.call(this, el, eventManager, convertor, options.isViewer) || this;
+
+    _this.lazyRunner.registerLazyRunFunction('invokeCodeBlock', _this.invokeCodeBlockPlugins, _this.delayCodeBlockTime, _assertThisInitialized(_this));
+
+    var linkAttribute = options.linkAttribute,
+        customHTMLRenderer = options.customHTMLRenderer,
+        _options$highlight = options.highlight,
+        highlight = _options$highlight === void 0 ? false : _options$highlight;
+    _this.renderHTML = Object(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__["createRenderHTML"])({
+      gfm: true,
+      nodeId: true,
+      convertors: Object(_htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_7__[/* getHTMLRenderConvertors */ "a"])(linkAttribute, customHTMLRenderer)
+    });
+    _this.cursorNodeId = null;
+
+    _this._initEvent(highlight);
+
+    return _this;
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+
+
+  var _proto = MarkdownPreview.prototype;
+
+  _proto._initEvent = function _initEvent(highlight) {
+    var _this2 = this;
+
+    this.eventManager.listen('contentChangedFromMarkdown', this.update.bind(this)); // need to implement a listener function for 'previewNeedsRefresh' event
+    // to support third-party plugins which requires re-executing script for every re-render
+
+    if (highlight) {
+      this.eventManager.listen('cursorActivity', function (_ref2) {
+        var markdownNode = _ref2.markdownNode,
+            cursor = _ref2.cursor;
+
+        _this2._updateCursorNode(markdownNode, cursor);
+      });
+      this.eventManager.listen('blur', function () {
+        _this2._removeHighlight();
+      });
+    }
+
+    tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0___default()(this.el, 'scroll', function (event) {
+      _this2.eventManager.emit('scroll', {
+        source: 'preview',
+        data: Object(_scroll_helper__WEBPACK_IMPORTED_MODULE_8__[/* findAdjacentElementToScrollTop */ "a"])(event.target.scrollTop, _this2._previewContent)
+      });
+    });
+  };
+
+  _proto._removeHighlight = function _removeHighlight() {
+    if (this.cursorNodeId) {
+      var currentEl = this._getElementByNodeId(this.cursorNodeId);
+
+      if (currentEl) {
+        tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default()(currentEl, CLASS_HIGHLIGHT);
+      }
+    }
+  };
+
+  _proto._updateCursorNode = function _updateCursorNode(cursorNode, cursorPos) {
+    if (cursorNode) {
+      cursorNode = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* findClosestNode */ "b"])(cursorNode, function (mdNode) {
+        return !Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* isInlineNode */ "h"])(mdNode);
+      });
+
+      if (cursorNode.type === 'tableRow') {
+        cursorNode = findTableCell(cursorNode, cursorPos);
+      } else if (cursorNode.type === 'tableBody') {
+        // empty line next to table
+        cursorNode = null;
+      }
+    }
+
+    var cursorNodeId = cursorNode ? cursorNode.id : null;
+
+    if (this.cursorNodeId === cursorNodeId) {
+      return;
+    }
+
+    var inFrontMatter = cursorNode && cursorNode.customType === 'frontMatter';
+
+    var oldEL = this._getElementByNodeId(this.cursorNodeId);
+
+    var newEL = this._getElementByNodeId(cursorNodeId);
+
+    if (oldEL) {
+      tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default()(oldEL, CLASS_HIGHLIGHT);
+    }
+
+    if (newEL && !inFrontMatter) {
+      tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2___default()(newEL, CLASS_HIGHLIGHT);
+    }
+
+    this.cursorNodeId = cursorNodeId;
+  };
+
+  _proto._getElementByNodeId = function _getElementByNodeId(nodeId) {
+    if (!nodeId) {
+      return null;
+    }
+
+    return this._previewContent.querySelector("[data-nodeid=\"" + nodeId + "\"]");
+  };
+
+  _proto.update = function update(changed) {
+    var _this3 = this;
+
+    changed.forEach(function (editResult) {
+      return _this3.replaceRangeNodes(editResult);
+    });
+    this.eventManager.emit('previewRenderAfter', this);
+  };
+
+  _proto.replaceRangeNodes = function replaceRangeNodes(editResult) {
+    var _this4 = this;
+
+    var nodes = editResult.nodes,
+        removedNodeRange = editResult.removedNodeRange;
+    var contentEl = this._previewContent;
+    var newHtml = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', nodes.map(function (node) {
+      return _this4.renderHTML(node);
+    }).join(''));
+
+    if (!removedNodeRange) {
+      contentEl.insertAdjacentHTML('afterbegin', newHtml);
+    } else {
+      var _removedNodeRange$id = removedNodeRange.id,
+          startNodeId = _removedNodeRange$id[0],
+          endNodeId = _removedNodeRange$id[1];
+
+      var startEl = this._getElementByNodeId(startNodeId);
+
+      var endEl = this._getElementByNodeId(endNodeId);
+
+      if (startEl) {
+        startEl.insertAdjacentHTML('beforebegin', newHtml);
+        var el = startEl;
+
+        while (el !== endEl) {
+          var nextEl = el.nextElementSibling;
+          el.parentNode.removeChild(el);
+          Object(_scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__[/* removeOffsetInfoByNode */ "c"])(el);
+          el = nextEl;
+        }
+
+        if (el.parentNode) {
+          _utils_dom__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"].remove(el);
+          Object(_scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__[/* removeOffsetInfoByNode */ "c"])(el);
+        }
+      }
+    }
+
+    var codeBlockEls = this.getCodeBlockElements(nodes.map(function (node) {
+      return node.id;
+    }));
+
+    if (codeBlockEls.length) {
+      this.lazyRunner.run('invokeCodeBlock', codeBlockEls);
+    }
+  }
+  /**
+   * render
+   * @param {string} html - html string to render
+   * @override
+   */
+  ;
+
+  _proto.render = function render(html) {
+    _Preview.prototype.render.call(this, html);
+
+    this.eventManager.emit('previewRenderAfter', this);
+  };
+
+  _proto.remove = function remove() {
+    tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1___default()(this.el, 'scroll');
+    this.el = null;
+  };
+
+  return MarkdownPreview;
+}(_preview__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"]);
+
+/* harmony default export */ __webpack_exports__["a"] = (MarkdownPreview);
+
+/***/ }),
+/* 36 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(44);
+/* harmony import */ var tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(45);
+/* harmony import */ var tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _utils_map__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23);
+/**
+ * @fileoverview Implements EventManager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var eventList = ['previewBeforeHook', 'previewRenderAfter', 'previewNeedsRefresh', 'addImageBlobHook', 'setMarkdownAfter', 'contentChangedFromWysiwyg', 'changeFromWysiwyg', 'contentChangedFromMarkdown', 'changeFromMarkdown', 'change', 'changeModeToWysiwyg', 'changeModeToMarkdown', 'changeModeBefore', 'changeMode', 'changePreviewStyle', 'changePreviewTabPreview', 'changePreviewTabWrite', 'openPopupAddLink', 'openPopupAddImage', 'openPopupAddTable', 'openPopupTableUtils', 'openHeadingSelect', 'openPopupCodeBlockLanguages', 'openPopupCodeBlockEditor', 'openDropdownToolbar', 'closePopupCodeBlockLanguages', 'closePopupCodeBlockEditor', 'closeAllPopup', 'command', 'addCommandBefore', 'htmlUpdate', 'markdownUpdate', 'renderedHtmlUpdated', 'removeEditor', 'convertorAfterMarkdownToHtmlConverted', 'convertorBeforeHtmlToMarkdownConverted', 'convertorAfterHtmlToMarkdownConverted', 'stateChange', 'wysiwygSetValueAfter', 'wysiwygSetValueBefore', 'wysiwygGetValueBefore', 'wysiwygProcessHTMLText', 'wysiwygRangeChangeAfter', 'wysiwygKeyEvent', 'scroll', 'click', 'mousedown', 'mouseover', 'mouseout', 'mouseup', 'contextmenu', 'keydown', 'keyup', 'keyMap', 'load', 'focus', 'blur', 'paste', 'pasteBefore', 'willPaste', 'copy', 'copyBefore', 'copyAfter', 'cut', 'cutAfter', 'drop', 'show', 'hide', 'changeLanguage', 'cursorActivity', 'requireScrollSync', 'requireScrollIntoView', 'setCodeBlockLanguages'];
+/**
+ * Class EventManager
+ * @ignore
+ */
+
+var EventManager = /*#__PURE__*/function () {
+  function EventManager() {
+    this.events = new _utils_map__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"]();
+    this.TYPE = new tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3___default.a(eventList);
+  }
+  /**
+   * Listen event and bind event handler
+   * @param {string} typeStr Event type string
+   * @param {function} handler Event handler
+   */
+
+
+  var _proto = EventManager.prototype;
+
+  _proto.listen = function listen(typeStr, handler) {
+    var typeInfo = this._getTypeInfo(typeStr);
+
+    var eventHandlers = this.events.get(typeInfo.type) || [];
+
+    if (!this._hasEventType(typeInfo.type)) {
+      throw new Error("There is no event type " + typeInfo.type);
+    }
+
+    if (typeInfo.namespace) {
+      handler.namespace = typeInfo.namespace;
+    }
+
+    eventHandlers.push(handler);
+    this.events.set(typeInfo.type, eventHandlers);
+  }
+  /**
+   * Emit event
+   * @param {string} eventName Event name to emit
+   * @returns {Array}
+   */
+  ;
+
+  _proto.emit = function emit() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var typeStr = args.shift();
+
+    var typeInfo = this._getTypeInfo(typeStr);
+
+    var eventHandlers = this.events.get(typeInfo.type);
+    var results;
+
+    if (eventHandlers) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(eventHandlers, function (handler) {
+        var result = handler.apply(void 0, args);
+
+        if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(result)) {
+          results = results || [];
+          results.push(result);
+        }
+      });
+    }
+
+    return results;
+  }
+  /**
+   * Emit given event and return result
+   * @param {string} eventName Event name to emit
+   * @param {string} sourceText Source text to change
+   * @returns {string}
+   */
+  ;
+
+  _proto.emitReduce = function emitReduce() {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    var type = args.shift();
+    var eventHandlers = this.events.get(type);
+
+    if (eventHandlers) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(eventHandlers, function (handler) {
+        var result = handler.apply(void 0, args);
+
+        if (!tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2___default()(result)) {
+          args[0] = result;
+        }
+      });
+    }
+
+    return args[0];
+  }
+  /**
+   * Get event type and namespace
+   * @param {string} typeStr Event type name
+   * @returns {{type: string, namespace: string}}
+   * @private
+   */
+  ;
+
+  _proto._getTypeInfo = function _getTypeInfo(typeStr) {
+    var splited = typeStr.split('.');
+    return {
+      type: splited[0],
+      namespace: splited[1]
+    };
+  }
+  /**
+   * Check whether event type exists or not
+   * @param {string} type Event type name
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._hasEventType = function _hasEventType(type) {
+    return !tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(this.TYPE[this._getTypeInfo(type).type]);
+  }
+  /**
+   * Add event type when given event not exists
+   * @param {string} type Event type name
+   */
+  ;
+
+  _proto.addEventType = function addEventType(type) {
+    if (this._hasEventType(type)) {
+      throw new Error("There is already have event type " + type);
+    }
+
+    this.TYPE.set(type);
+  }
+  /**
+   * Remove event handler from given event type
+   * @param {string} typeStr Event type name
+   * @param {function} [handler] - registered event handler
+   */
+  ;
+
+  _proto.removeEventHandler = function removeEventHandler(typeStr, handler) {
+    var _this = this;
+
+    var _this$_getTypeInfo = this._getTypeInfo(typeStr),
+        type = _this$_getTypeInfo.type,
+        namespace = _this$_getTypeInfo.namespace;
+
+    if (type && handler) {
+      this._removeEventHandlerWithHandler(type, handler);
+    } else if (type && !namespace) {
+      // dont use dot notation cuz eslint
+      this.events.delete(type);
+    } else if (!type && namespace) {
+      this.events.forEach(function (eventHandlers, eventType) {
+        _this._removeEventHandlerWithTypeInfo(eventType, namespace);
+      });
+    } else if (type && namespace) {
+      this._removeEventHandlerWithTypeInfo(type, namespace);
+    }
+  }
+  /**
+   * Remove event handler with event handler
+   * @param {string} type - event type name
+   * @param {function} handler - event handler
+   * @private
+   */
+  ;
+
+  _proto._removeEventHandlerWithHandler = function _removeEventHandlerWithHandler(type, handler) {
+    var eventHandlers = this.events.get(type) || [];
+    var handlerIndex = eventHandlers.indexOf(handler);
+
+    if (handlerIndex >= 0) {
+      eventHandlers.splice(handlerIndex, 1);
+    }
+  }
+  /**
+   * Remove event handler with event type information
+   * @param {string} type Event type name
+   * @param {string} namespace Event namespace
+   * @private
+   */
+  ;
+
+  _proto._removeEventHandlerWithTypeInfo = function _removeEventHandlerWithTypeInfo(type, namespace) {
+    var handlersToSurvive = [];
+    var eventHandlers = this.events.get(type);
+
+    if (!eventHandlers) {
+      return;
+    }
+
+    eventHandlers.map(function (handler) {
+      if (handler.namespace !== namespace) {
+        handlersToSurvive.push(handler);
+      }
+
+      return null;
+    });
+    this.events.set(type, handlersToSurvive);
+  };
+
+  return EventManager;
+}();
+
+/* harmony default export */ __webpack_exports__["a"] = (EventManager);
+
+/***/ }),
+/* 37 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(32);
+/* harmony import */ var _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(29);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0);
+/**
+ * @fileoverview Convertor have responsible to convert markdown and html
+ * @author NHN FE Development Lab 
+ */
+
+
+
+ // This regular expression refere markdownIt.
+// https://github.com/markdown-it/markdown-it/blob/master/lib/common/html_re.js
+
+var attrName = '[a-zA-Z_:][a-zA-Z0-9:._-]*';
+var unquoted = '[^"\'=<>`\\x00-\\x20]+';
+var singleQuoted = "'[^']*'";
+var doubleQuoted = '"[^"]*"';
+var attrValue = "(?:" + unquoted + "|" + singleQuoted + "|" + doubleQuoted + ")";
+var attribute = "(?:\\s+" + attrName + "(?:\\s*=\\s*" + attrValue + ")?)*\\s*";
+var openingTag = "(\\\\<|<)([A-Za-z][A-Za-z0-9\\-]*" + attribute + ")(\\/?>)";
+var HTML_TAG_RX = new RegExp(openingTag, 'g');
+var FRONT_MATTER_RX = /^\s?\\-\\-\\-([\s\S]+?)\\-\\-\\-/;
+/**
+ * Class Convertor
+ * @param {EventManager} em - EventManager instance
+ * @ignore
+ */
+
+var Convertor = /*#__PURE__*/function () {
+  function Convertor(em, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    var _options = options,
+        linkAttribute = _options.linkAttribute,
+        customHTMLRenderer = _options.customHTMLRenderer,
+        extendedAutolinks = _options.extendedAutolinks,
+        referenceDefinition = _options.referenceDefinition,
+        customParser = _options.customParser,
+        frontMatter = _options.frontMatter,
+        customProp = _options.customProp;
+    this.options = options;
+    this.mdReader = new _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__["Parser"]({
+      extendedAutolinks: extendedAutolinks,
+      disallowedHtmlBlockTags: ['br'],
+      referenceDefinition: referenceDefinition,
+      disallowDeepHeading: true,
+      customParser: customParser,
+      frontMatter: frontMatter
+    });
+    this.renderHTML = Object(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__["createRenderHTML"])({
+      gfm: true,
+      convertors: Object(_htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_2__[/* getHTMLRenderConvertors */ "a"])(linkAttribute, customHTMLRenderer),
+      customProp: customProp
+    });
+    this.eventManager = em;
+  }
+  /**
+   * _markdownToHtmlWithCodeHighlight
+   * Convert markdown to html with Codehighlight
+   * @param {string} markdown markdown text
+   * @returns {string} html text
+   * @private
+   */
+
+
+  var _proto = Convertor.prototype;
+
+  _proto._markdownToHtmlWithCodeHighlight = function _markdownToHtmlWithCodeHighlight(markdown) {
+    return this.renderHTML(this.mdReader.parse(markdown));
+  }
+  /**
+   * _markdownToHtml
+   * Convert markdown to html
+   * @param {string} markdown markdown text
+   * @param {object} env environment sandbox for markdownit
+   * @returns {string} html text
+   * @private
+   */
+  ;
+
+  _proto._markdownToHtml = function _markdownToHtml(markdown) {
+    markdown = markdown.replace(HTML_TAG_RX, function (match, $1, $2, $3) {
+      return match[0] !== '\\' ? "" + $1 + $2 + " data-tomark-pass " + $3 : match;
+    });
+    return this.renderHTML(this.mdReader.parse(markdown));
+  }
+  /**
+   * Remove BR's data-tomark-pass attribute text when br in code element
+   * @param {string} renderedHTML Rendered HTML string from markdown editor
+   * @returns {string}
+   * @private
+   */
+  ;
+
+  _proto._removeBrToMarkPassAttributeInCode = function _removeBrToMarkPassAttributeInCode(renderedHTML) {
+    var wrapper = _utils_dom__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"].createElementWith("
        " + renderedHTML + "
        ");
+    _utils_dom__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"].findAll(wrapper, 'code, pre').forEach(function (codeOrPre) {
+      var codeEelement = codeOrPre;
+      codeEelement.innerHTML = codeEelement.innerHTML.replace(/\sdata-tomark-pass\s(\/?)>/g, '$1>');
+    });
+    renderedHTML = wrapper.innerHTML;
+    return renderedHTML;
+  }
+  /**
+   * toHTMLWithCodeHighlight
+   * Convert markdown to html with Codehighlight
+   * emit convertorAfterMarkdownToHtmlConverted
+   * @param {string} markdown markdown text
+   * @returns {string} html text
+   */
+  ;
+
+  _proto.toHTMLWithCodeHighlight = function toHTMLWithCodeHighlight(markdown) {
+    var html = this._markdownToHtmlWithCodeHighlight(markdown);
+
+    html = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', html);
+    return html;
+  }
+  /**
+   * toHTML
+   * Convert markdown to html
+   * emit convertorAfterMarkdownToHtmlConverted
+   * @param {string} markdown markdown text
+   * @returns {string} html text
+   */
+  ;
+
+  _proto.toHTML = function toHTML(markdown) {
+    var html = this._markdownToHtml(markdown);
+
+    html = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', html);
+    html = this._removeBrToMarkPassAttributeInCode(html);
+    return html;
+  };
+
+  _proto.initHtmlSanitizer = function initHtmlSanitizer(sanitizer) {
+    this.eventManager.listen('convertorAfterMarkdownToHtmlConverted', function (html) {
+      return sanitizer(html, true);
+    });
+  }
+  /**
+   * toMarkdown
+   * Convert html to markdown
+   * emit convertorAfterHtmlToMarkdownConverted
+   * @param {string} html html text
+   * @param {object | null} toMarkOptions - toMark library options
+   * @returns {string} markdown text
+   */
+  ;
+
+  _proto.toMarkdown = function toMarkdown(html, toMarkOptions) {
+    var result = [];
+    html = this.eventManager.emitReduce('convertorBeforeHtmlToMarkdownConverted', html);
+    html = this._appendAttributeForLinkIfNeed(html);
+    html = this._appendAttributeForBrIfNeed(html);
+    var markdown = _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0___default()(html, toMarkOptions);
+
+    if (this.options.frontMatter) {
+      markdown = markdown.replace(FRONT_MATTER_RX, '---$1---');
+    }
+
+    markdown = this.eventManager.emitReduce('convertorAfterHtmlToMarkdownConverted', markdown);
+    markdown = this._removeNewlinesBeforeAfterAndBlockElement(markdown);
+    markdown.split('\n').forEach(function (line, index) {
+      var FIND_TABLE_RX = /^(
        )+\||\|[^|]*\|/gi;
+      var FIND_CODE_RX = /`[^`]*
        [^`]*`/gi;
+      var FIND_BRS_BEFORE_TABLE = /^(
        )+\|/gi;
+
+      if (FIND_TABLE_RX.test(line)) {
+        line = line.replace(FIND_BRS_BEFORE_TABLE, function (match) {
+          return match.replace(/
        /gi, '
        \n');
+        });
+      } else if (!FIND_CODE_RX.test(line)) {
+        line = line.replace(/
        /gi, '
        \n');
+      }
+
+      result[index] = line;
+    });
+    return result.join('\n');
+  };
+
+  _proto._removeNewlinesBeforeAfterAndBlockElement = function _removeNewlinesBeforeAfterAndBlockElement(markdown) {
+    // Newlines('\n\n') are created on to-mark.
+    var NEWLINES_BEFORE_BLOCK_RX = /
        \n\n(#{1,6} .*|```|\||(\*+|-+|\d+\.) .*| *>[^\n]+.*)/g;
+    var NEWLINES_AFTER_BLOCK_RX = /(#{1,6} .*|```|\|)\n\n
        /g;
+    markdown = markdown.replace(NEWLINES_BEFORE_BLOCK_RX, '
        $1');
+    markdown = markdown.replace(NEWLINES_AFTER_BLOCK_RX, '$1\n
        ');
+    return markdown;
+  };
+
+  _proto._appendAttributeForLinkIfNeed = function _appendAttributeForLinkIfNeed(html) {
+    var LINK_RX = /!?\[.*\]\(<\s*a[^>]*>(.*?)<\s*\/\s*a>\)/gi;
+    return html.replace(LINK_RX, function (match) {
+      return match.replace(//gi;
+    var FIND_DOUBLE_BR_RX = /

        /gi;
+    var FIND_PASSING_AND_NORMAL_BR_RX = /

        (.)/gi;
+    var FIRST_TWO_BRS_BEFORE_RX = /([^>]|<\/a>|<\/code>|<\/span>|<\/b>|<\/i>|<\/s>|]*>)/;
+    var TWO_BRS_RX = /

        /;
+    var FIND_FIRST_TWO_BRS_RX = new RegExp(FIRST_TWO_BRS_BEFORE_RX.source + TWO_BRS_RX.source, 'g');
+    var FIND_ATTRI_WITH_EMTPY_STR_RX = /
        /gi;
+    html = html.replace(FIND_BR_RX, '
        ');
+    html = html.replace(FIND_DOUBLE_BR_RX, '

        ');
+    html = html.replace(FIND_ATTRI_WITH_EMTPY_STR_RX, '
        ');
+    html = html.replace(FIND_PASSING_AND_NORMAL_BR_RX, '

        $1');
+    html = html.replace(FIND_FIRST_TWO_BRS_RX, '$1

        '); // Preserve 
         when there is only one empty line before or after a block element.
+
+    html = html.replace(/(.)

        (|
        |
    |
      |
        |
        )/g, '$1

        $2');
+    html = html.replace(/(<\/h[1-6]>|<\/pre>|<\/table>|<\/ul>|<\/ol>|<\/blockquote>)
        (.)/g, '$1
        $2');
+    return html;
+  };
+
+  return Convertor;
+}();
+
+/* harmony default export */ __webpack_exports__["a"] = (Convertor);
+
+/***/ }),
+/* 38 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/css.js
+var css = __webpack_require__(4);
+var css_default = /*#__PURE__*/__webpack_require__.n(css);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isString.js
+var isString = __webpack_require__(9);
+var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
+
+// CONCATENATED MODULE: ./src/js/lazyRunner.js
+/**
+ * @fileoverview Implements LazyRunner
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class LazyRunner
+ * @ignore
+ */
+
+var lazyRunner_LazyRunner = /*#__PURE__*/function () {
+  function LazyRunner() {
+    this.globalTOID = null;
+    this.lazyRunFunctions = {};
+  }
+
+  var _proto = LazyRunner.prototype;
+
+  _proto.run = function run(fn, params, context, delay) {
+    var TOID;
+
+    if (isString_default()(fn)) {
+      TOID = this._runRegisteredRun(fn, params, context, delay);
+    } else {
+      TOID = this._runSingleRun(fn, params, context, delay, this.globalTOID);
+      this.globalTOID = TOID;
+    }
+
+    return TOID;
+  };
+
+  _proto.registerLazyRunFunction = function registerLazyRunFunction(name, fn, delay, context) {
+    context = context || this;
+    this.lazyRunFunctions[name] = {
+      fn: fn,
+      delay: delay,
+      context: context,
+      TOID: null
+    };
+  };
+
+  _proto._runSingleRun = function _runSingleRun(fn, params, context, delay, TOID) {
+    this._clearTOIDIfNeed(TOID);
+
+    TOID = setTimeout(function () {
+      fn.call(context, params);
+    }, delay);
+    return TOID;
+  };
+
+  _proto._runRegisteredRun = function _runRegisteredRun(lazyRunName, params, context, delay) {
+    var lazyRunFunction = this.lazyRunFunctions[lazyRunName];
+    var fn = lazyRunFunction.fn;
+    var TOID = lazyRunFunction.TOID;
+    delay = delay || lazyRunFunction.delay;
+    context = context || lazyRunFunction.context;
+    TOID = this._runSingleRun(fn, params, context, delay, TOID);
+    lazyRunFunction.TOID = TOID;
+    return TOID;
+  };
+
+  _proto._clearTOIDIfNeed = function _clearTOIDIfNeed(TOID) {
+    if (TOID) {
+      clearTimeout(TOID);
+    }
+  };
+
+  return LazyRunner;
+}();
+
+/* harmony default export */ var lazyRunner = (lazyRunner_LazyRunner);
+// EXTERNAL MODULE: ./src/js/utils/dom.js
+var dom = __webpack_require__(0);
+
+// EXTERNAL MODULE: ./src/js/codeBlockManager.js
+var codeBlockManager = __webpack_require__(30);
+
+// CONCATENATED MODULE: ./src/js/preview.js
+/**
+ * @fileoverview Implements preview
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Class Preview
+ * @param {HTMLElement} el - Container element for preview
+ * @param {EventManager} eventManager -  Event manager instance
+ * @param {Convertor} convertor - Convertor instance
+ * @param {boolean} isViewer - whether viewer mode or not
+ * @ignore
+ */
+
+var preview_Preview = /*#__PURE__*/function () {
+  function Preview(el, eventManager, convertor, isViewer) {
+    this.eventManager = eventManager;
+    this.convertor = convertor;
+    this.el = el;
+    this.isViewer = !!isViewer;
+    this.delayCodeBlockTime = 500;
+
+    this._initContentSection();
+
+    this.lazyRunner = new lazyRunner();
+  }
+  /**
+   * Initialize content selection
+   * @private
+   */
+
+
+  var _proto = Preview.prototype;
+
+  _proto._initContentSection = function _initContentSection() {
+    this._previewContent = dom["a" /* default */].createElementWith("
        ");
+    this.el.appendChild(this._previewContent);
+  };
+
+  _proto.getCodeBlockElements = function getCodeBlockElements(nodeIds) {
+    var contentEl = this._previewContent;
+    var codeEls = [];
+    var targetEls;
+
+    if (nodeIds) {
+      targetEls = nodeIds.map(function (id) {
+        return contentEl.querySelector("[data-nodeid=\"" + id + "\"]");
+      }).filter(Boolean);
+    } else {
+      targetEls = [contentEl];
+    }
+
+    targetEls.forEach(function (targetEl) {
+      codeEls.push.apply(codeEls, dom["a" /* default */].findAll(targetEl, 'code[data-language]'));
+    });
+    return codeEls;
+  };
+
+  _proto.invokeCodeBlockPlugins = function invokeCodeBlockPlugins(codeBlocks) {
+    codeBlocks.forEach(function (codeBlock) {
+      var lang = codeBlock.getAttribute('data-language');
+      var html = codeBlockManager["a" /* default */].createCodeBlockHtml(lang, codeBlock.textContent);
+      codeBlock.innerHTML = html;
+    });
+  }
+  /**
+   * Refresh rendering
+   * @param {string} markdown Markdown text
+   */
+  ;
+
+  _proto.refresh = function refresh(markdown) {
+    if (markdown === void 0) {
+      markdown = '';
+    }
+
+    this.render(this.convertor.toHTMLWithCodeHighlight(markdown));
+    this.invokeCodeBlockPlugins(this.getCodeBlockElements());
+  }
+  /**
+   * get html string
+   * @returns {string} - html preview string
+   */
+  ;
+
+  _proto.getHTML = function getHTML() {
+    return this._previewContent.innerHTML;
+  }
+  /**
+   * set html string
+   * @param {string} html - html preview string
+   */
+  ;
+
+  _proto.setHTML = function setHTML(html) {
+    this._previewContent.innerHTML = html;
+  }
+  /**
+   * Render HTML on preview
+   * @param {string} html HTML string
+   */
+  ;
+
+  _proto.render = function render(html) {
+    var _previewContent = this._previewContent;
+    html = this.eventManager.emit('previewBeforeHook', html) || html;
+    dom["a" /* default */].empty(_previewContent);
+    _previewContent.innerHTML = html;
+  }
+  /**
+   * Set preview height
+   * @param {number} height - Height for preview container
+   */
+  ;
+
+  _proto.setHeight = function setHeight(height) {
+    css_default()(this.el, {
+      height: height + "px"
+    });
+  }
+  /**
+   * set min height
+   * @param {number} minHeight - min height
+   */
+  ;
+
+  _proto.setMinHeight = function setMinHeight(minHeight) {
+    css_default()(this.el, {
+      minHeight: minHeight + "px"
+    });
+  }
+  /**
+   * Is Preview visible
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isVisible = function isVisible() {
+    return this.el.style.display !== 'none';
+  };
+
+  return Preview;
+}();
+
+/* harmony default export */ var preview = __webpack_exports__["a"] = (preview_Preview);
+
+/***/ }),
+/* 39 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Set className value
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+var isUndefined = __webpack_require__(8);
+
+/**
+ * Set className value
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {(string|string[])} cssClass - class names
+ * @private
+ */
+function setClassName(element, cssClass) {
+  cssClass = isArray(cssClass) ? cssClass.join(' ') : cssClass;
+
+  cssClass = cssClass.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
+
+  if (isUndefined(element.className.baseVal)) {
+    element.className = cssClass;
+
+    return;
+  }
+
+  element.className.baseVal = cssClass;
+}
+
+module.exports = setClassName;
+
+
+/***/ }),
+/* 40 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Get event collection for specific HTML element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var EVENT_KEY = '_feEventKey';
+
+/**
+ * Get event collection for specific HTML element
+ * @param {HTMLElement} element - HTML element
+ * @param {string} type - event type
+ * @returns {array}
+ * @private
+ */
+function safeEvent(element, type) {
+  var events = element[EVENT_KEY];
+  var handlers;
+
+  if (!events) {
+    events = element[EVENT_KEY] = {};
+  }
+
+  handlers = events[type];
+  if (!handlers) {
+    handlers = events[type] = [];
+  }
+
+  return handlers;
+}
+
+module.exports = safeEvent;
+
+
+/***/ }),
+/* 41 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 42 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is truthy or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isExisty = __webpack_require__(28);
+
+/**
+ * Check whether the given variable is truthy or not.
+ * If the given variable is not null or not undefined or not false, returns true.
+ * (It regards 0 as true)
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is truthy?
+ * @memberof module:type
+ */
+function isTruthy(obj) {
+  return isExisty(obj) && obj !== false;
+}
+
+module.exports = isTruthy;
+
+
+/***/ }),
+/* 43 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Send hostname on DOMContentLoaded.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+var imagePing = __webpack_require__(49);
+
+var ms7days = 7 * 24 * 60 * 60 * 1000;
+
+/**
+ * Check if the date has passed 7 days
+ * @param {number} date - milliseconds
+ * @returns {boolean}
+ * @private
+ */
+function isExpired(date) {
+  var now = new Date().getTime();
+
+  return now - date > ms7days;
+}
+
+/**
+ * Send hostname on DOMContentLoaded.
+ * To prevent hostname set tui.usageStatistics to false.
+ * @param {string} appName - application name
+ * @param {string} trackingId - GA tracking ID
+ * @ignore
+ */
+function sendHostname(appName, trackingId) {
+  var url = 'https://www.google-analytics.com/collect';
+  var hostname = location.hostname;
+  var hitType = 'event';
+  var eventCategory = 'use';
+  var applicationKeyForStorage = 'TOAST UI ' + appName + ' for ' + hostname + ': Statistics';
+  var date = window.localStorage.getItem(applicationKeyForStorage);
+
+  // skip if the flag is defined and is set to false explicitly
+  if (!isUndefined(window.tui) && window.tui.usageStatistics === false) {
+    return;
+  }
+
+  // skip if not pass seven days old
+  if (date && !isExpired(date)) {
+    return;
+  }
+
+  window.localStorage.setItem(applicationKeyForStorage, new Date().getTime());
+
+  setTimeout(function() {
+    if (document.readyState === 'interactive' || document.readyState === 'complete') {
+      imagePing(url, {
+        v: 1,
+        t: hitType,
+        tid: trackingId,
+        cid: hostname,
+        dp: hostname,
+        dh: appName,
+        el: appName,
+        ec: eventCategory
+      });
+    }
+  }, 1000);
+}
+
+module.exports = sendHostname;
+
+
+/***/ }),
+/* 44 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is falsy or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isTruthy = __webpack_require__(42);
+
+/**
+ * Check whether the given variable is falsy or not.
+ * If the given variable is null or undefined or false, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is falsy?
+ * @memberof module:type
+ */
+function isFalsy(obj) {
+  return !isTruthy(obj);
+}
+
+module.exports = isFalsy;
+
+
+/***/ }),
+/* 45 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview This module provides a Enum Constructor.
+ * @author NHN FE Development Lab 
+ * @example
+ * // node, commonjs
+ * var Enum = require('tui-code-snippet/enum/enum');
+ */
+
+
+
+var isNumber = __webpack_require__(34);
+var isArray = __webpack_require__(17);
+var toArray = __webpack_require__(3);
+var forEach = __webpack_require__(26);
+
+/**
+ * Check whether the defineProperty() method is supported.
+ * @type {boolean}
+ * @ignore
+ */
+var isSupportDefinedProperty = (function() {
+  try {
+    Object.defineProperty({}, 'x', {});
+
+    return true;
+  } catch (e) {
+    return false;
+  }
+})();
+
+/**
+ * A unique value of a constant.
+ * @type {number}
+ * @ignore
+ */
+var enumValue = 0;
+
+/**
+ * Make a constant-list that has unique values.
+ * In modern browsers (except IE8 and lower),
+ *  a value defined once can not be changed.
+ *
+ * @param {...string|string[]} itemList Constant-list (An array of string is available)
+ * @class
+ *
+ * @example
+ * var Enum = require('tui-code-snippet/enum/enum'); // node, commonjs
+ *
+ * var MYENUM = new Enum('TYPE1', 'TYPE2');
+ * var MYENUM2 = new Enum(['TYPE1', 'TYPE2']);
+ *
+ * //usage
+ * if (value === MYENUM.TYPE1) {
+ *      ....
+ * }
+ *
+ * //add (If a duplicate name is inputted, will be disregarded.)
+ * MYENUM.set('TYPE3', 'TYPE4');
+ *
+ * //get name of a constant by a value
+ * MYENUM.getName(MYENUM.TYPE1); // 'TYPE1'
+ *
+ * // In modern browsers (except IE8 and lower), a value can not be changed in constants.
+ * var originalValue = MYENUM.TYPE1;
+ * MYENUM.TYPE1 = 1234; // maybe TypeError
+ * MYENUM.TYPE1 === originalValue; // true
+ **/
+function Enum(itemList) {
+  if (itemList) {
+    this.set.apply(this, arguments);
+  }
+}
+
+/**
+ * Define a constants-list
+ * @param {...string|string[]} itemList Constant-list (An array of string is available)
+ */
+Enum.prototype.set = function(itemList) {
+  var self = this;
+
+  if (!isArray(itemList)) {
+    itemList = toArray(arguments);
+  }
+
+  forEach(itemList, function itemListIteratee(item) {
+    self._addItem(item);
+  });
+};
+
+/**
+ * Return a key of the constant.
+ * @param {number} value A value of the constant.
+ * @returns {string|undefined} Key of the constant.
+ */
+Enum.prototype.getName = function(value) {
+  var self = this;
+  var foundedKey;
+
+  forEach(this, function(itemValue, key) { // eslint-disable-line consistent-return
+    if (self._isEnumItem(key) && value === itemValue) {
+      foundedKey = key;
+
+      return false;
+    }
+  });
+
+  return foundedKey;
+};
+
+/**
+ * Create a constant.
+ * @private
+ * @param {string} name Constant name. (It will be a key of a constant)
+ */
+Enum.prototype._addItem = function(name) {
+  var value;
+
+  if (!this.hasOwnProperty(name)) {
+    value = this._makeEnumValue();
+
+    if (isSupportDefinedProperty) {
+      Object.defineProperty(this, name, {
+        enumerable: true,
+        configurable: false,
+        writable: false,
+        value: value
+      });
+    } else {
+      this[name] = value;
+    }
+  }
+};
+
+/**
+ * Return a unique value for assigning to a constant.
+ * @private
+ * @returns {number} A unique value
+ */
+Enum.prototype._makeEnumValue = function() {
+  var value;
+
+  value = enumValue;
+  enumValue += 1;
+
+  return value;
+};
+
+/**
+ * Return whether a constant from the given key is in instance or not.
+ * @param {string} key - A constant key
+ * @returns {boolean} Result
+ * @private
+ */
+Enum.prototype._isEnumItem = function(key) {
+  return isNumber(this[key]);
+};
+
+module.exports = Enum;
+
+
+/***/ }),
+/* 46 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
+/* harmony import */ var tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(19);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _mdPreview__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(35);
+/* harmony import */ var _eventManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(36);
+/* harmony import */ var _commandManager__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1);
+/* harmony import */ var _convertor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(37);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(0);
+/* harmony import */ var _codeBlockManager__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(30);
+/* harmony import */ var _pluginHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(31);
+/* harmony import */ var _utils_common__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(12);
+/* harmony import */ var _htmlSanitizer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(25);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * @fileoverview Implements editor preivew
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+var TASK_ATTR_NAME = 'data-te-task';
+var DISABLED_TASK_ATTR_NAME = 'data-te-task-disabled';
+var TASK_CHECKED_CLASS_NAME = 'checked';
+/**
+ * Class ToastUIEditorViewer
+ * @param {object} options Option object
+ *     @param {HTMLElement} options.el - container element
+ *     @param {string} [options.initialValue] Editor's initial value
+ *     @param {Object} [options.events] - Events
+ *         @param {function} [options.events.load] - It would be emitted when editor fully load
+ *         @param {function} [options.events.change] - It would be emitted when content changed
+ *         @param {function} [options.events.stateChange] - It would be emitted when format change by cursor position
+ *         @param {function} [options.events.focus] - It would be emitted when editor get focus
+ *         @param {function} [options.events.blur] - It would be emitted when editor loose focus
+ *     @param {Object} [options.hooks] - Hooks
+ *         @param {function} [options.hooks.previewBeforeHook] - Submit preview to hook URL before preview be shown
+ *     @param {Array.} [options.plugins] - Array of plugins. A plugin can be either a function or an array in the form of [function, options].
+ *     @param {boolean} [options.useDefaultHTMLSanitizer=true] - use default htmlSanitizer
+ *     @param {Object} [options.extendedAutolinks] - Using extended Autolinks specified in GFM spec
+ *     @param {Object} [options.customConvertor] - convertor extention
+ *     @param {Object} [options.linkAttribute] - Attributes of anchor element that should be rel, target, contenteditable, hreflang, type
+ *     @param {Object} [options.customHTMLRenderer] - Object containing custom renderer functions correspond to markdown node
+ *     @param {boolean} [options.referenceDefinition=false] - whether use the specification of link reference definition
+ *     @param {function} [options.customHTMLSanitizer=null] - custom HTML sanitizer
+ *     @param {boolean} [options.frontMatter=false] - whether use the front matter
+ */
+
+var ToastUIEditorViewer = /*#__PURE__*/function () {
+  function ToastUIEditorViewer(options) {
+    var _this = this;
+
+    this.options = tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1___default()({
+      useDefaultHTMLSanitizer: true,
+      linkAttribute: null,
+      extendedAutolinks: false,
+      customConvertor: null,
+      customHTMLRenderer: null,
+      referenceDefinition: false,
+      customHTMLSanitizer: null,
+      frontMatter: false
+    }, options);
+    this.codeBlockLanguages = [];
+    this.eventManager = new _eventManager__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"]();
+    this.commandManager = new _commandManager__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"](this);
+    var linkAttribute = Object(_utils_common__WEBPACK_IMPORTED_MODULE_11__[/* sanitizeLinkAttribute */ "c"])(this.options.linkAttribute);
+
+    var _getPluginInfo = Object(_pluginHelper__WEBPACK_IMPORTED_MODULE_10__[/* getPluginInfo */ "a"])(this.options.plugins),
+        renderer = _getPluginInfo.renderer,
+        parser = _getPluginInfo.parser,
+        plugins = _getPluginInfo.plugins;
+
+    var _this$options = this.options,
+        customHTMLRenderer = _this$options.customHTMLRenderer,
+        customHTMLSanitizer = _this$options.customHTMLSanitizer,
+        extendedAutolinks = _this$options.extendedAutolinks,
+        referenceDefinition = _this$options.referenceDefinition,
+        frontMatter = _this$options.frontMatter;
+    var rendererOptions = {
+      linkAttribute: linkAttribute,
+      customHTMLRenderer: _extends({}, renderer, customHTMLRenderer),
+      extendedAutolinks: extendedAutolinks,
+      referenceDefinition: referenceDefinition,
+      customParser: parser,
+      frontMatter: frontMatter
+    };
+
+    if (this.options.customConvertor) {
+      // eslint-disable-next-line new-cap
+      this.convertor = new this.options.customConvertor(this.eventManager, rendererOptions);
+    } else {
+      this.convertor = new _convertor__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"](this.eventManager, rendererOptions);
+    }
+
+    var sanitizer = customHTMLSanitizer || (this.options.useDefaultHTMLSanitizer ? _htmlSanitizer__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"] : null);
+
+    if (sanitizer) {
+      this.convertor.initHtmlSanitizer(sanitizer);
+    }
+
+    if (this.options.hooks) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(this.options.hooks, function (fn, key) {
+        _this.addHook(key, fn);
+      });
+    }
+
+    if (this.options.events) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(this.options.events, function (fn, key) {
+        _this.on(key, fn);
+      });
+    }
+
+    var _this$options2 = this.options,
+        el = _this$options2.el,
+        initialValue = _this$options2.initialValue;
+    var existingHTML = el.innerHTML;
+    el.innerHTML = '';
+    this.preview = new _mdPreview__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"](el, this.eventManager, this.convertor, _extends({}, rendererOptions, {
+      isViewer: true
+    }));
+    tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2___default()(this.preview.el, 'mousedown', this._toggleTask.bind(this));
+
+    if (plugins) {
+      Object(_pluginHelper__WEBPACK_IMPORTED_MODULE_10__[/* invokePlugins */ "b"])(plugins, this);
+    }
+
+    if (initialValue) {
+      this.setMarkdown(initialValue);
+    } else if (existingHTML) {
+      this.preview.setHTML(existingHTML);
+    }
+
+    this.eventManager.emit('load', this);
+  }
+  /**
+   * Toggle task by detecting mousedown event.
+   * @param {MouseEvent} ev - event
+   * @private
+   */
+
+
+  var _proto = ToastUIEditorViewer.prototype;
+
+  _proto._toggleTask = function _toggleTask(ev) {
+    var style = getComputedStyle(ev.target, ':before');
+
+    if (!ev.target.hasAttribute(DISABLED_TASK_ATTR_NAME) && ev.target.hasAttribute(TASK_ATTR_NAME) && _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"].isInsideButtonBox(style, ev.offsetX, ev.offsetY)) {
+      _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"].toggleClass(ev.target, TASK_CHECKED_CLASS_NAME);
+      this.eventManager.emit('change', {
+        source: 'viewer',
+        data: ev
+      });
+    }
+  }
+  /**
+   * Set content for preview
+   * @param {string} markdown Markdown text
+   */
+  ;
+
+  _proto.setMarkdown = function setMarkdown(markdown) {
+    this.markdownValue = markdown = markdown || '';
+    this.preview.refresh(this.markdownValue);
+    this.eventManager.emit('setMarkdownAfter', this.markdownValue);
+  }
+  /**
+   * Bind eventHandler to event type
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.on = function on(type, handler) {
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Unbind eventHandler from event type
+   * @param {string} type Event type
+   */
+  ;
+
+  _proto.off = function off(type) {
+    this.eventManager.removeEventHandler(type);
+  }
+  /**
+   * Remove Viewer preview from document
+   */
+  ;
+
+  _proto.remove = function remove() {
+    this.eventManager.emit('removeEditor');
+    tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3___default()(this.preview.el, 'mousedown', this._toggleTask.bind(this));
+    this.preview.remove();
+    this.options = null;
+    this.eventManager = null;
+    this.commandManager = null;
+    this.convertor = null;
+    this.preview = null;
+  }
+  /**
+   * Add hook to Viewer preview's event
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.addHook = function addHook(type, handler) {
+    this.eventManager.removeEventHandler(type);
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Return true
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isViewer = function isViewer() {
+    return true;
+  }
+  /**
+   * Return false
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isMarkdownMode = function isMarkdownMode() {
+    return false;
+  }
+  /**
+   * Return false
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isWysiwygMode = function isWysiwygMode() {
+    return false;
+  }
+  /**
+   * Set code block languages
+   * @param {Array} languages - code lauguage list
+   */
+  ;
+
+  _proto.setCodeBlockLanguages = function setCodeBlockLanguages(languages) {
+    var _this2 = this;
+
+    if (languages === void 0) {
+      languages = [];
+    }
+
+    languages.forEach(function (lang) {
+      if (_this2.codeBlockLanguages.indexOf(lang) < 0) {
+        _this2.codeBlockLanguages.push(lang);
+      }
+    });
+  };
+
+  return ToastUIEditorViewer;
+}();
+/**
+ * Check whether is viewer (using in plugins)
+ * @type {boolean}
+ * @ignore
+ */
+
+
+ToastUIEditorViewer.isViewer = true;
+/**
+ * domUtil instance
+ * @type {DomUtil}
+ * @ignore
+ */
+
+ToastUIEditorViewer.domUtils = _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"];
+/**
+ * CodeBlockManager instance using in plugins
+ * @type {CodeBlockManager}
+ * @ignore
+ */
+
+ToastUIEditorViewer.codeBlockManager = _codeBlockManager__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"];
+/**
+ * WwCodeBlockManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwCodeBlockManager = null;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwTableManager = null;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwTableSelectionManager = null;
+/* harmony default export */ __webpack_exports__["a"] = (ToastUIEditorViewer);
+
+/***/ }),
+/* 47 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Creates a debounced function that delays invoking fn until after delay milliseconds has elapsed since the last time the debouced function was invoked.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * @module tricks
+ */
+
+/**
+ * Creates a debounced function that delays invoking fn until after delay milliseconds has elapsed
+ * since the last time the debouced function was invoked.
+ * @param {function} fn The function to debounce.
+ * @param {number} [delay=0] The number of milliseconds to delay
+ * @returns {function} debounced function.
+ * @memberof module:tricks
+ * @example
+ * var debounce = require('tui-code-snippet/tricks/debounce'); // node, commonjs
+ *
+ * function someMethodToInvokeDebounced() {}
+ *
+ * var debounced = debounce(someMethodToInvokeDebounced, 300);
+ *
+ * // invoke repeatedly
+ * debounced();
+ * debounced();
+ * debounced();
+ * debounced();
+ * debounced();
+ * debounced();    // last invoke of debounced()
+ *
+ * // invoke someMethodToInvokeDebounced() after 300 milliseconds.
+ */
+function debounce(fn, delay) {
+  var timer, args;
+
+  /* istanbul ignore next */
+  delay = delay || 0;
+
+  function debounced() { // eslint-disable-line require-jsdoc
+    args = Array.prototype.slice.call(arguments);
+
+    window.clearTimeout(timer);
+    timer = window.setTimeout(function() {
+      fn.apply(null, args);
+    }, delay);
+  }
+
+  return debounced;
+}
+
+module.exports = debounce;
+
+
+/***/ }),
+/* 48 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is null or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is null or not.
+ * If the given variable(arguments[0]) is null, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is null?
+ * @memberof module:type
+ */
+function isNull(obj) {
+  return obj === null;
+}
+
+module.exports = isNull;
+
+
+/***/ }),
+/* 49 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Request image ping.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachOwnProperties = __webpack_require__(10);
+
+/**
+ * @module request
+ */
+
+/**
+ * Request image ping.
+ * @param {String} url url for ping request
+ * @param {Object} trackingInfo infos for make query string
+ * @returns {HTMLElement}
+ * @memberof module:request
+ * @example
+ * var imagePing = require('tui-code-snippet/request/imagePing'); // node, commonjs
+ *
+ * imagePing('https://www.google-analytics.com/collect', {
+ *     v: 1,
+ *     t: 'event',
+ *     tid: 'trackingid',
+ *     cid: 'cid',
+ *     dp: 'dp',
+ *     dh: 'dh'
+ * });
+ */
+function imagePing(url, trackingInfo) {
+  var trackingElement = document.createElement('img');
+  var queryString = '';
+  forEachOwnProperties(trackingInfo, function(value, key) {
+    queryString += '&' + key + '=' + value;
+  });
+  queryString = queryString.substring(1);
+
+  trackingElement.src = url + '?' + queryString;
+
+  trackingElement.style.display = 'none';
+  document.body.appendChild(trackingElement);
+  document.body.removeChild(trackingElement);
+
+  return trackingElement;
+}
+
+module.exports = imagePing;
+
+
+/***/ }),
+/* 50 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 51 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 52 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 53 */,
+/* 54 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is an object or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is an object or not.
+ * If the given variable is an object, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is object?
+ * @memberof module:type
+ */
+function isObject(obj) {
+  return obj === Object(obj);
+}
+
+module.exports = isObject;
+
+
+/***/ }),
+/* 55 */
+/***/ (function(module, exports, __webpack_require__) {
+
+!function(e,t){"use strict";function n(e,t,n){this.root=this.currentNode=e,this.nodeType=t,this.filter=n||ue}function o(e,t){for(var n=e.length;n--;)if(!t(e[n]))return!1;return!0}function i(e){return e.nodeType===M&&!!pe[e.nodeName]}function r(e){switch(e.nodeType){case H:return me;case M:case z:if(de&&Ne.has(e))return Ne.get(e);break;default:return ge}var t;return t=o(e.childNodes,a)?fe.test(e.nodeName)?me:ve:Ce,de&&Ne.set(e,t),t}function a(e){return r(e)===me}function s(e){return r(e)===ve}function d(e){return r(e)===Ce}function l(e,t){var o=new n(t,q,s);return o.currentNode=e,o}function c(e,t){return e=l(e,t).previousNode(),e!==t?e:null}function h(e,t){return e=l(e,t).nextNode(),e!==t?e:null}function u(e){return!e.textContent&&!e.querySelector("IMG")}function f(e,t){return!i(e)&&e.nodeType===t.nodeType&&e.nodeName===t.nodeName&&"A"!==e.nodeName&&e.className===t.className&&(!e.style&&!t.style||e.style.cssText===t.style.cssText)}function p(e,t,n){if(e.nodeName!==t)return!1;for(var o in n)if(e.getAttribute(o)!==n[o])return!1;return!0}function g(e,t,n,o){for(;e&&e!==t;){if(p(e,n,o))return e;e=e.parentNode}return null}function m(e,t,n){for(;e&&e!==t;){if(n.test(e.nodeName))return e;e=e.parentNode}return null}function v(e,t){for(;t;){if(t===e)return!0;t=t.parentNode}return!1}function C(e,t,n){var o,i,r,a,s,d="";return e&&e!==t&&(d=C(e.parentNode,t,n),e.nodeType===M&&(d+=(d?">":"")+e.nodeName,(o=e.id)&&(d+="#"+o),(i=e.className.trim())&&(r=i.split(/\s\s*/),r.sort(),d+=".",d+=r.join(".")),(a=e.dir)&&(d+="[dir="+a+"]"),r&&(s=n.classNames,ce.call(r,s.highlight)>-1&&(d+="[backgroundColor="+e.style.backgroundColor.replace(/ /g,"")+"]"),ce.call(r,s.colour)>-1&&(d+="[color="+e.style.color.replace(/ /g,"")+"]"),ce.call(r,s.fontFamily)>-1&&(d+="[fontFamily="+e.style.fontFamily.replace(/ /g,"")+"]"),ce.call(r,s.fontSize)>-1&&(d+="[fontSize="+e.style.fontSize+"]")))),d}function N(e){var t=e.nodeType;return t===M||t===z?e.childNodes.length:e.length||0}function _(e){var t=e.parentNode;return t&&t.removeChild(e),e}function S(e,t){var n=e.parentNode;n&&n.replaceChild(t,e)}function y(e){for(var t=e.ownerDocument.createDocumentFragment(),n=e.childNodes,o=n?n.length:0;o--;)t.appendChild(e.firstChild);return t}function T(e,n,o,i){var r,a,s,d=e.createElement(n);if(o instanceof Array&&(i=o,o=null),o)for(r in o)o[r]!==t&&d.setAttribute(r,o[r]);if(i)for(a=0,s=i.length;as?t.startOffset-=1:t.startOffset===s&&(t.startContainer=o,t.startOffset=N(o))),t.endContainer===e&&(t.endOffset>s?t.endOffset-=1:t.endOffset===s&&(t.endContainer=o,t.endOffset=N(o))),_(n),n.nodeType===H?o.appendData(n.data):d.push(y(n));else if(n.nodeType===M){for(i=d.length;i--;)n.appendChild(d.pop());x(n,t)}}function A(e,t){if(e.nodeType===H&&(e=e.parentNode),e.nodeType===M){var n={startContainer:t.startContainer,startOffset:t.startOffset,endContainer:t.endContainer,endOffset:t.endOffset};x(e,n),t.setStart(n.startContainer,n.startOffset),t.setEnd(n.endContainer,n.endOffset)}}function L(e){var t=e.nodeName;return"TD"===t||"TH"===t||"TR"===t||"TBODY"===t||"THEAD"===t}function B(e,t,n,o){var i,r,a,s=t;if(!L(e)||!L(t)){for(;(i=s.parentNode)&&i!==o&&i.nodeType===M&&1===i.childNodes.length;)s=i;_(s),a=e.childNodes.length,r=e.lastChild,r&&"BR"===r.nodeName&&(e.removeChild(r),a-=1),e.appendChild(y(t)),n.setStart(e,a),n.collapse(!0),A(e,n),J&&(r=e.lastChild)&&"BR"===r.nodeName&&e.removeChild(r)}}function O(e,t){var n,o,i=e.previousSibling,r=e.firstChild,a=e.ownerDocument,s="LI"===e.nodeName;if((!s||r&&/^[OU]L$/.test(r.nodeName))&&!L(e))if(i&&f(i,e)&&i.isContentEditable&&e.isContentEditable){if(!d(i)){if(!s)return;o=T(a,"DIV"),o.appendChild(y(i)),i.appendChild(o)}_(e),n=!d(e),i.appendChild(y(e)),n&&b(i,t),r&&O(r,t)}else s&&(i=T(a,"DIV"),e.insertBefore(i,r),E(i,t))}function R(e){this.isShiftDown=e.shiftKey}function D(e,t,n){var o,i;if(e||(e={}),t)for(o in t)!n&&o in e||(i=t[o],e[o]=i&&i.constructor===Object?D(e[o],i,n):i);return e}function P(e,t){e.nodeType===W&&(e=e.body);var n,o=e.ownerDocument,i=o.defaultView;this._win=i,this._doc=o,this._root=e,this._events={},this._isFocused=!1,this._lastSelection=null,ae&&this.addEventListener("beforedeactivate",this.getSelection),this._hasZWS=!1,this._lastAnchorNode=null,this._lastFocusNode=null,this._path="",this._willUpdatePath=!1,"onselectionchange"in o?this.addEventListener("selectionchange",this._updatePathOnEvent):(this.addEventListener("keyup",this._updatePathOnEvent),this.addEventListener("mouseup",this._updatePathOnEvent)),this._undoIndex=-1,this._undoStack=[],this._undoStackLength=0,this._isInUndoState=!1,this._ignoreChange=!1,this._ignoreAllChanges=!1,se?(n=new MutationObserver(this._docWasChanged.bind(this)),n.observe(e,{childList:!0,attributes:!0,characterData:!0,subtree:!0}),this._mutation=n):this.addEventListener("keyup",this._keyUpDetectChange),this._restoreSelection=!1,this.addEventListener("blur",U),this.addEventListener("mousedown",I),this.addEventListener("touchstart",I),this.addEventListener("focus",w),this._awaitingPaste=!1,this.addEventListener(X?"beforecut":"cut",nt),this.addEventListener("copy",ot),this.addEventListener("keydown",R),this.addEventListener("keyup",R),this.addEventListener(X?"beforepaste":"paste",it),this.addEventListener("drop",rt),this.addEventListener(J?"keypress":"keydown",Ie),this._keyHandlers=Object.create(He),this.setConfig(t),X&&(i.Text.prototype.splitText=function(e){var t=this.ownerDocument.createTextNode(this.data.slice(e)),n=this.nextSibling,o=this.parentNode,i=this.length-e;return n?o.insertBefore(t,n):o.appendChild(t),i&&this.deleteData(e,i),t}),e.setAttribute("contenteditable","true");try{o.execCommand("enableObjectResizing",!1,"false"),o.execCommand("enableInlineTableEditing",!1,"false")}catch(e){}e.__squire__=this,this.setHTML("")}function U(){this._restoreSelection=!0}function I(){this._restoreSelection=!1}function w(){this._restoreSelection&&this.setSelection(this._lastSelection)}function F(e,t,n){var o,i;for(o=t.firstChild;o;o=i){if(i=o.nextSibling,a(o)){if(o.nodeType===H||"BR"===o.nodeName||"IMG"===o.nodeName){n.appendChild(o);continue}}else if(s(o)){n.appendChild(e.createDefaultBlock([F(e,o,e._doc.createDocumentFragment())]));continue}F(e,o,n)}return n}var M=1,H=3,W=9,z=11,q=1,K="​",G=e.defaultView,Z=navigator.userAgent,j=/Android/.test(Z),Q=/iP(?:ad|hone|od)/.test(Z),$=/Mac OS X/.test(Z),V=/Windows NT/.test(Z),Y=/Gecko\//.test(Z),X=/Trident\/[456]\./.test(Z),J=!!G.opera,ee=/Edge\//.test(Z),te=!ee&&/WebKit\//.test(Z),ne=/Trident\/[4567]\./.test(Z),oe=$?"meta-":"ctrl-",ie=X||J,re=X||te,ae=X,se="undefined"!=typeof MutationObserver,de="undefined"!=typeof WeakMap,le=/[^ \t\r\n]/,ce=Array.prototype.indexOf;Object.create||(Object.create=function(e){var t=function(){};return t.prototype=e,new t});var he={1:1,2:2,3:4,8:128,9:256,11:1024},ue=function(){return!0};n.prototype.nextNode=function(){for(var e,t=this.currentNode,n=this.root,o=this.nodeType,i=this.filter;;){for(e=t.firstChild;!e&&t&&t!==n;)(e=t.nextSibling)||(t=t.parentNode);if(!e)return null;if(he[e.nodeType]&o&&i(e))return this.currentNode=e,e;t=e}},n.prototype.previousNode=function(){for(var e,t=this.currentNode,n=this.root,o=this.nodeType,i=this.filter;;){if(t===n)return null;if(e=t.previousSibling)for(;t=e.lastChild;)e=t;else e=t.parentNode;if(!e)return null;if(he[e.nodeType]&o&&i(e))return this.currentNode=e,e;t=e}},n.prototype.previousPONode=function(){for(var e,t=this.currentNode,n=this.root,o=this.nodeType,i=this.filter;;){for(e=t.lastChild;!e&&t&&t!==n;)(e=t.previousSibling)||(t=t.parentNode);if(!e)return null;if(he[e.nodeType]&o&&i(e))return this.currentNode=e,e;t=e}};var fe=/^(?:#text|A(?:BBR|CRONYM)?|B(?:R|D[IO])?|C(?:ITE|ODE)|D(?:ATA|EL|FN)|EM|FONT|I(?:FRAME|MG|NPUT|NS)?|KBD|Q|R(?:P|T|UBY)|S(?:AMP|MALL|PAN|TR(?:IKE|ONG)|U[BP])?|TIME|U|VAR|WBR)$/,pe={BR:1,HR:1,IFRAME:1,IMG:1,INPUT:1},ge=0,me=1,ve=2,Ce=3,Ne=de?new WeakMap:null,_e=function(e,t){for(var n=e.childNodes;t&&e.nodeType===M;)e=n[t-1],n=e.childNodes,t=n.length;return e},Se=function(e,t){if(e.nodeType===M){var n=e.childNodes;if(t-1,r=e.compareBoundaryPoints(1,o)<1;return!i&&!r}var a=e.compareBoundaryPoints(0,o)<1,s=e.compareBoundaryPoints(2,o)>-1;return a&&s},xe=function(e){for(var t,n=e.startContainer,o=e.startOffset,r=e.endContainer,a=e.endOffset,s=!0;n.nodeType!==H&&(t=n.childNodes[o])&&!i(t);)n=t,o=0;if(a)for(;r.nodeType!==H;){if(!(t=r.childNodes[a-1])||i(t)){if(s&&t&&"BR"===t.nodeName){a-=1,s=!1;continue}break}r=t,a=N(r)}else for(;r.nodeType!==H&&(t=r.firstChild)&&!i(t);)r=t;e.collapsed?(e.setStart(r,a),e.setEnd(n,o)):(e.setStart(n,o),e.setEnd(r,a))},Ae=function(e,t,n,o){var i,r=e.startContainer,a=e.startOffset,s=e.endContainer,d=e.endOffset,l=!0;for(t||(t=e.commonAncestorContainer),n||(n=t);!a&&r!==t&&r!==o;)i=r.parentNode,a=ce.call(i.childNodes,r),r=i;for(;;){if(l&&s.nodeType!==H&&s.childNodes[d]&&"BR"===s.childNodes[d].nodeName&&(d+=1,l=!1),s===n||s===o||d!==N(s))break;i=s.parentNode,d=ce.call(i.childNodes,s)+1,s=i}e.setStart(r,a),e.setEnd(s,d)},Le=function(e,t){var n,o=e.startContainer;return a(o)?n=c(o,t):o!==t&&s(o)?n=o:(n=_e(o,e.startOffset),n=h(n,t)),n&&ke(e,n,!0)?n:null},Be=function(e,t){var n,o,i=e.endContainer;if(a(i))n=c(i,t);else if(i!==t&&s(i))n=i;else{if(!(n=Se(i,e.endOffset))||!v(t,n))for(n=t;o=n.lastChild;)n=o;n=c(n,t)}return n&&ke(e,n,!0)?n:null},Oe=new n(null,4|q,function(e){return e.nodeType===H?le.test(e.data):"IMG"===e.nodeName}),Re=function(e,t){var n,o=e.startContainer,i=e.startOffset;if(Oe.root=null,o.nodeType===H){if(i)return!1;n=o}else if(n=Se(o,i),n&&!v(t,n)&&(n=null),!n&&(n=_e(o,i),n.nodeType===H&&n.length))return!1;return Oe.currentNode=n,Oe.root=Le(e,t),!Oe.previousNode()},De=function(e,t){var n,o=e.endContainer,i=e.endOffset;if(Oe.root=null,o.nodeType===H){if((n=o.data.length)&&i-1||!Y&&ce.call(i,"text/plain")>-1&&ce.call(i,"text/rtf")<0))return e.preventDefault(),void(!d&&(r=a.getData("text/html"))?this.insertHTML(r,!0):((r=a.getData("text/plain"))||(r=a.getData("text/uri-list")))&&this.insertPlainText(r,!0));this._awaitingPaste=!0;var f=this._doc.body,p=this.getSelection(),g=p.startContainer,m=p.startOffset,v=p.endContainer,C=p.endOffset,N=this.createElement("DIV",{contenteditable:"true",style:"position:fixed; overflow:hidden; top:0; right:100%; width:1px; height:1px;"});f.appendChild(N),p.selectNodeContents(N),this.setSelection(p),setTimeout(function(){try{u._awaitingPaste=!1;for(var e,t,n="",o=N;N=o;)o=N.nextSibling,_(N),e=N.firstChild,e&&e===N.lastChild&&"DIV"===e.nodeName&&(N=e),n+=N.innerHTML;t=u.createRange(g,m,v,C),u.setSelection(t),n&&u.insertHTML(n,!0)}catch(e){u.didError(e)}},0)},rt=function(e){for(var t=e.dataTransfer.types,n=t.length,o=!1,i=!1;n--;)switch(t[n]){case"text/plain":o=!0;break;case"text/html":i=!0;break;default:return}(i||o)&&this.saveUndoState()},at=P.prototype,st=function(e,t,n){var o=n._doc,i=e?DOMPurify.sanitize(e,{ALLOW_UNKNOWN_PROTOCOLS:!0,WHOLE_DOCUMENT:!1,RETURN_DOM:!0,RETURN_DOM_FRAGMENT:!0}):null;return i?o.importNode(i,!0):o.createDocumentFragment()};at.setConfig=function(e){return e=D({blockTag:"DIV",blockAttributes:null,tagAttributes:{blockquote:null,ul:null,ol:null,li:null,a:null},classNames:{colour:"colour",fontFamily:"font",fontSize:"size",highlight:"highlight"},leafNodeNames:pe,undo:{documentSizeThreshold:-1,undoLimit:-1},isInsertedHTMLSanitized:!0,isSetHTMLSanitized:!0,sanitizeToDOMFragment:"undefined"!=typeof DOMPurify&&DOMPurify.isSupported?st:null,willCutCopy:null,allowedBlocks:[]},e,!0),e.blockTag=e.blockTag.toUpperCase(),this._config=e,this},at.createElement=function(e,t,n){return T(this._doc,e,t,n)},at.createDefaultBlock=function(e){var t=this._config;return E(this.createElement(t.blockTag,t.blockAttributes,e),this._root)},at.didError=function(e){console.log(e)},at.getDocument=function(){return this._doc},at.getRoot=function(){return this._root},at.modifyDocument=function(e){var t=this._mutation;t&&(t.takeRecords().length&&this._docWasChanged(),t.disconnect()),this._ignoreAllChanges=!0,e(),this._ignoreAllChanges=!1,t&&(t.observe(this._root,{childList:!0,attributes:!0,characterData:!0,subtree:!0}),this._ignoreChange=!1)};var dt={pathChange:1,select:1,input:1,undoStateChange:1};at.fireEvent=function(e,t){var n,o,i,r=this._events[e];if(/^(?:focus|blur)/.test(e))if(n=this._root===this._doc.activeElement,"focus"===e){if(!n||this._isFocused)return this;this._isFocused=!0}else{if(n||!this._isFocused)return this;this._isFocused=!1}if(r)for(t||(t={}),t.type!==e&&(t.type=e),r=r.slice(),o=r.length;o--;){i=r[o];try{i.handleEvent?i.handleEvent(t):i.call(this,t)}catch(t){t.details="Squire: fireEvent error. Event type: "+e,this.didError(t)}}return this},at.destroy=function(){var e,t=this._events;for(e in t)this.removeEventListener(e);this._mutation&&this._mutation.disconnect(),delete this._root.__squire__,this._undoIndex=-1,this._undoStack=[],this._undoStackLength=0},at.handleEvent=function(e){this.fireEvent(e.type,e)},at.addEventListener=function(e,t){var n=this._events[e],o=this._root;return t?(n||(n=this._events[e]=[],dt[e]||("selectionchange"===e&&(o=this._doc),o.addEventListener(e,this,!0))),n.push(t),this):(this.didError({name:"Squire: addEventListener with null or undefined fn",message:"Event type: "+e}),this)},at.removeEventListener=function(e,t){var n,o=this._events[e],i=this._root;if(o){if(t)for(n=o.length;n--;)o[n]===t&&o.splice(n,1);else o.length=0;o.length||(delete this._events[e],dt[e]||("selectionchange"===e&&(i=this._doc),i.removeEventListener(e,this,!0)))}return this},at.createRange=function(e,t,n,o){if(e instanceof this._win.Range)return e.cloneRange();var i=this._doc.createRange();return i.setStart(e,t),n?i.setEnd(n,o):i.setEnd(e,t),i},at.getCursorPosition=function(e){if(!e&&!(e=this.getSelection())||!e.getBoundingClientRect)return null;var t,n,o=e.getBoundingClientRect();return o&&!o.top&&(this._ignoreChange=!0,t=this._doc.createElement("SPAN"),t.textContent=K,ye(e,t),o=t.getBoundingClientRect(),n=t.parentNode,n.removeChild(t),A(n,e),this._ignoreChange=!1),o},at._moveCursorTo=function(e){var t=this._root,n=this.createRange(t,e?0:t.childNodes.length);return xe(n),this.setSelection(n),this},at.moveCursorToStart=function(){return this._moveCursorTo(!0)},at.moveCursorToEnd=function(){return this._moveCursorTo(!1)};var lt=function(e){return e._win.getSelection()||null};at.setSelection=function(e){if(e)if(this._lastSelection=e,this._isFocused)if(j&&!this._restoreSelection)U.call(this),this.blur(),this.focus();else{Q&&this._win.focus();var t=lt(this);t&&(t.removeAllRanges(),t.addRange(e))}else U.call(this);return this},at.getSelection=function(){var e,t,n,o,r=lt(this),a=this._root;return this._isFocused&&r&&r.rangeCount&&(e=r.getRangeAt(0).cloneRange(),t=e.startContainer,n=e.endContainer,t&&i(t)&&e.setStartBefore(t),n&&i(n)&&e.setEndBefore(n)),e&&v(a,e.commonAncestorContainer)?this._lastSelection=e:(e=this._lastSelection,o=e.commonAncestorContainer,v(o.ownerDocument,o)||(e=null)),e||(e=this.createRange(a.firstChild,0)),e},at.getSelectedText=function(){var e=this.getSelection();if(!e||e.collapsed)return"";var t,o=new n(e.commonAncestorContainer,4|q,function(t){return ke(e,t,!0)}),i=e.startContainer,r=e.endContainer,s=o.currentNode=i,d="",l=!1;for(o.filter(s)||(s=o.nextNode());s;)s.nodeType===H?(t=s.data)&&/\S/.test(t)&&(s===r&&(t=t.slice(0,e.endOffset)),s===i&&(t=t.slice(e.startOffset)),d+=t,l=!0):("BR"===s.nodeName||l&&!a(s))&&(d+="\n",l=!1),s=o.nextNode();return d},at.getPath=function(){return this._path};var ct=function(e,t){for(var o,i,r,s=new n(e,4);i=s.nextNode();)for(;(r=i.data.indexOf(K))>-1&&(!t||i.parentNode!==t);){if(1===i.length){do{o=i.parentNode,o.removeChild(i),i=o,s.currentNode=o}while(a(i)&&!N(i));break}i.deleteData(r,1)}};at._didAddZWS=function(){this._hasZWS=!0},at._removeZWS=function(){this._hasZWS&&(ct(this._root),this._hasZWS=!1)},at._updatePath=function(e,t){if(e){var n,o=e.startContainer,i=e.endContainer;(t||o!==this._lastAnchorNode||i!==this._lastFocusNode)&&(this._lastAnchorNode=o,this._lastFocusNode=i,
+n=o&&i?o===i?C(i,this._root,this._config):"(selection)":"",this._path!==n&&(this._path=n,this.fireEvent("pathChange",{path:n}))),this.fireEvent(e.collapsed?"cursor":"select",{range:e})}},at._updatePathOnEvent=function(e){var t=this;t._isFocused&&!t._willUpdatePath&&(t._willUpdatePath=!0,setTimeout(function(){t._willUpdatePath=!1,t._updatePath(t.getSelection())},0))},at.focus=function(){if(ne){try{this._root.setActive()}catch(e){}this.fireEvent("focus")}else this._root.focus();return this},at.blur=function(){return this._root.blur(),ne&&this.fireEvent("blur"),this};var ht="squire-selection-end";at._saveRangeToBookmark=function(e){var t,n=this.createElement("INPUT",{id:"squire-selection-start",type:"hidden"}),o=this.createElement("INPUT",{id:ht,type:"hidden"});ye(e,n),e.collapse(!1),ye(e,o),2&n.compareDocumentPosition(o)&&(n.id=ht,o.id="squire-selection-start",t=n,n=o,o=t),e.setStartAfter(n),e.setEndBefore(o)},at._getRangeAndRemoveBookmark=function(e){var t=this._root,n=t.querySelector("#squire-selection-start"),o=t.querySelector("#"+ht);if(n&&o){var i=n.parentNode,r=o.parentNode,a=ce.call(i.childNodes,n),s=ce.call(r.childNodes,o);i===r&&(s-=1),_(n),_(o),e||(e=this._doc.createRange()),e.setStart(i,a),e.setEnd(r,s),A(i,e),i!==r&&A(r,e),e.collapsed&&(i=e.startContainer,i.nodeType===H&&(r=i.childNodes[e.startOffset],r&&r.nodeType===H||(r=i.childNodes[e.startOffset-1]),r&&r.nodeType===H&&(e.setStart(r,0),e.collapse(!0))))}return e||null},at._keyUpDetectChange=function(e){var t=e.keyCode;e.ctrlKey||e.metaKey||e.altKey||!(t<16||t>20)||!(t<33||t>45)||this._docWasChanged()},at._docWasChanged=function(){if(de&&(Ne=new WeakMap),!this._ignoreAllChanges){if(se&&this._ignoreChange)return void(this._ignoreChange=!1);this._isInUndoState&&(this._isInUndoState=!1,this.fireEvent("undoStateChange",{canUndo:!0,canRedo:!1})),this.fireEvent("input")}},at._recordUndoState=function(e,t){if(!this._isInUndoState||t){var n,o=this._undoIndex,i=this._undoStack,r=this._config.undo,a=r.documentSizeThreshold,s=r.undoLimit;t||(o+=1),o-1&&2*n.length>a&&s>-1&&o>s&&(i.splice(0,o-s),o=s,this._undoStackLength=s),i[o]=n,this._undoIndex=o,this._undoStackLength+=1,this._isInUndoState=!0}},at.saveUndoState=function(e){return e===t&&(e=this.getSelection()),this._recordUndoState(e,this._isInUndoState),this._getRangeAndRemoveBookmark(e),this},at.undo=function(){if(0!==this._undoIndex||!this._isInUndoState){this._recordUndoState(this.getSelection(),!1),this._undoIndex-=1,this._setHTML(this._undoStack[this._undoIndex]);var e=this._getRangeAndRemoveBookmark();e&&this.setSelection(e),this._isInUndoState=!0,this.fireEvent("undoStateChange",{canUndo:0!==this._undoIndex,canRedo:!0}),this.fireEvent("input")}return this},at.redo=function(){var e=this._undoIndex,t=this._undoStackLength;if(e+1c&&h.splitText(c),h===s&&l&&(h=h.splitText(l),d===s&&(d=h,c-=l),s=h,l=0),i=this.createElement(e,t),S(h,i),i.appendChild(h))}while(r.nextNode());d.nodeType!==H&&(h.nodeType===H?(d=h,c=h.length):(d=h.parentNode,c=1)),o=this.createRange(s,l,d,c)}return o},at._removeFormat=function(e,t,n,o){this._saveRangeToBookmark(n);var i,r=this._doc;n.collapsed&&(re?(i=r.createTextNode(K),this._didAddZWS()):i=r.createTextNode(""),ye(n,i));for(var s=n.commonAncestorContainer;a(s);)s=s.parentNode;var d=n.startContainer,l=n.startOffset,c=n.endContainer,h=n.endOffset,u=[],f=function(e,t){if(!ke(n,e,!1)){var o,i,r=e.nodeType===H;if(!ke(n,e,!0))return void("INPUT"===e.nodeName||r&&!e.data||u.push([t,e]));if(r)e===c&&h!==e.length&&u.push([t,e.splitText(h)]),e===d&&l&&(e.splitText(l),u.push([t,e]));else for(o=e.firstChild;o;o=i)i=o.nextSibling,f(o,t)}},g=Array.prototype.filter.call(s.getElementsByTagName(e),function(o){return ke(n,o,!0)&&p(o,e,t)});return o||g.forEach(function(e){f(e,e)}),u.forEach(function(e){var t=e[0].cloneNode(!1),n=e[1];S(n,t),t.appendChild(n)}),g.forEach(function(e){S(e,y(e))}),this._getRangeAndRemoveBookmark(n),i&&n.collapse(!1),A(s,n),n},at.changeFormat=function(e,t,n,o){return n||(n=this.getSelection())?(this.saveUndoState(n),t&&(n=this._removeFormat(t.tag.toUpperCase(),t.attributes||{},n,o)),e&&(n=this._addFormat(e.tag.toUpperCase(),e.attributes||{},n)),this.setSelection(n),this._updatePath(n,!0),se||this._docWasChanged(),this):this};var ut={DT:"DD",DD:"DT",LI:"LI",PRE:"PRE"},ft=function(e,t,n,o){var i=ut[t.nodeName],r=null,a=k(n,o,t.parentNode,e._root),s=e._config;return i||(i=s.blockTag,r=s.blockAttributes),p(a,i,r)||(t=T(a.ownerDocument,i,r),a.dir&&(t.dir=a.dir),S(a,t),t.appendChild(y(a)),a=t),a};at.forEachBlock=function(e,t,n){if(!n&&!(n=this.getSelection()))return this;t&&this.saveUndoState(n);var o=this._root,i=Le(n,o),r=Be(n,o);if(i&&r)do{if(e(i)||i===r)break}while(i=h(i,o));return t&&(this.setSelection(n),this._updatePath(n,!0),se||this._docWasChanged()),this},at.modifyBlocks=function(e,t){if(!t&&!(t=this.getSelection()))return this;this._recordUndoState(t,this._isInUndoState);var n,o=this._root;return Pe(t,o),Ae(t,o,o,o),n=Te(t,o,o),ye(t,e.call(this,n)),t.endOffset]+|\([^\s()<>]+\))+(?:\((?:[^\s()<>]+|(?:\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?«»“”‘’]))|([\w\-.%+]+@(?:[\w\-]+\.)+[A-Z]{2,}\b)(?:\?[^&?\s]+=[^&?\s]+(?:&[^&?\s]+=[^&?\s]+)*)?/i;var yt=function(e,t,o){var i,r,a,s,d,l,c,h=e.ownerDocument,u=new n(e,4,function(e){return!g(e,t,"A")}),f=o.linkRegExp,p=o._config.tagAttributes.a;if(f)for(;i=u.nextNode();)for(r=i.data,a=i.parentNode;s=f.exec(r);)d=s.index,l=d+s[0].length,d&&(c=h.createTextNode(r.slice(0,d)),a.insertBefore(c,i)),c=o.createElement("A",D({href:s[1]?/^(?:ht|f)tps?:/i.test(s[1])?s[1]:"http://"+s[1]:"mailto:"+s[0]},p,!1)),c.textContent=r.slice(d,l),a.insertBefore(c,i),i.data=r=r.slice(l)};at.insertHTML=function(e,t){var n,o,i,r,a,s,d,l=this._config,c=l.isInsertedHTMLSanitized?l.sanitizeToDOMFragment:null,u=this.getSelection(),f=this._doc;"function"==typeof c?r=c(e,t,this):(t&&(n=e.indexOf("\x3c!--StartFragment--\x3e"),o=e.lastIndexOf("\x3c!--EndFragment--\x3e"),n>-1&&o>-1&&(e=e.slice(n+20,o))),/<\/td>((?!<\/tr>)[\s\S])*$/i.test(e)&&(e="
    "+e+""),/<\/tr>((?!<\/table>)[\s\S])*$/i.test(e)&&(e="
    "+e+"
    "),i=this.createElement("DIV"),i.innerHTML=e,r=f.createDocumentFragment(),r.appendChild(y(i))),this.saveUndoState(u);try{for(a=this._root,s=r,d={fragment:r,preventDefault:function(){this.defaultPrevented=!0},defaultPrevented:!1},yt(r,r,this),Ve(r,l),et(r,a,!1),Ye(r),r.normalize();s=h(s,r);)E(s,a);t&&this.fireEvent("willPaste",d),d.defaultPrevented||(be(u,d.fragment,a),se||this._docWasChanged(),u.collapse(!1),this._ensureBottomLine()),this.setSelection(u),this._updatePath(u,!0),t&&this.focus()}catch(e){this.didError(e)}return this};var Tt=function(e){return e.split("&").join("&").split("<").join("<").split(">").join(">").split('"').join(""")};at.insertPlainText=function(e,t){var n=this.getSelection();if(n.collapsed&&g(n.startContainer,this._root,"PRE")){var o,i,r=n.startContainer,a=n.startOffset;return r&&r.nodeType===H||(o=this._doc.createTextNode(""),r.insertBefore(o,r.childNodes[a]),r=o,a=0),i={text:e,preventDefault:function(){this.defaultPrevented=!0},defaultPrevented:!1},t&&this.fireEvent("willPaste",i),i.defaultPrevented||(e=i.text,r.insertData(a,e),n.setStart(r,a+e.length),n.collapse(!0)),this.setSelection(n),this}var s,d,l,c,h=e.split("\n"),u=this._config,f=u.blockTag,p=u.blockAttributes,m="",v="<"+f;for(s in p)v+=" "+s+'="'+Tt(p[s])+'"';for(v+=">",d=0,l=h.length;d")+m;return this.insertHTML(h.join(""),t)};var Et=function(e,t,n){return function(){return this[e](t,n),this.focus()}};at.addStyles=function(e){if(e){var t=this._doc.documentElement.firstChild,n=this.createElement("STYLE",{type:"text/css"});n.appendChild(this._doc.createTextNode(e)),t.appendChild(n)}return this},at.bold=Et("changeFormat",{tag:"B"}),at.italic=Et("changeFormat",{tag:"I"}),at.underline=Et("changeFormat",{tag:"U"}),at.strikethrough=Et("changeFormat",{tag:"S"}),at.subscript=Et("changeFormat",{tag:"SUB"},{tag:"SUP"}),at.superscript=Et("changeFormat",{tag:"SUP"},{tag:"SUB"}),at.removeBold=Et("changeFormat",null,{tag:"B"}),at.removeItalic=Et("changeFormat",null,{tag:"I"}),at.removeUnderline=Et("changeFormat",null,{tag:"U"}),at.removeStrikethrough=Et("changeFormat",null,{tag:"S"}),at.removeSubscript=Et("changeFormat",null,{tag:"SUB"}),at.removeSuperscript=Et("changeFormat",null,{tag:"SUP"}),at.makeLink=function(e,t){var n=this.getSelection();if(n.collapsed){var o=e.indexOf(":")+1;if(o)for(;"/"===e[o];)o+=1;ye(n,this._doc.createTextNode(e.slice(o)))}return t=D(D({href:e},t,!0),this._config.tagAttributes.a,!1),this.changeFormat({tag:"A",attributes:t},{tag:"A"},n),this.focus()},at.removeLink=function(){return this.changeFormat(null,{tag:"A"},this.getSelection(),!0),this.focus()},at.setFontFace=function(e){var t=this._config.classNames.fontFamily;return this.changeFormat(e?{tag:"SPAN",attributes:{class:t,style:"font-family: "+e+", sans-serif;"}}:null,{tag:"SPAN",attributes:{class:t}}),this.focus()},at.setFontSize=function(e){var t=this._config.classNames.fontSize;return this.changeFormat(e?{tag:"SPAN",attributes:{class:t,style:"font-size: "+("number"==typeof e?e+"px":e)}}:null,{tag:"SPAN",attributes:{class:t}}),this.focus()},at.setTextColour=function(e){var t=this._config.classNames.colour;return this.changeFormat(e?{tag:"SPAN",attributes:{class:t,style:"color:"+e}}:null,{tag:"SPAN",attributes:{class:t}}),this.focus()},at.setHighlightColour=function(e){var t=this._config.classNames.highlight;return this.changeFormat(e?{tag:"SPAN",attributes:{class:t,style:"background-color:"+e}}:e,{tag:"SPAN",attributes:{class:t}}),this.focus()},at.setTextAlignment=function(e){return this.forEachBlock(function(t){var n=t.className.split(/\s+/).filter(function(e){return!!e&&!/^align/.test(e)}).join(" ");e?(t.className=n+" align-"+e,t.style.textAlign=e):(t.className=n,t.style.textAlign="")},!0),this.focus()},at.setTextDirection=function(e){return this.forEachBlock(function(t){e?t.dir=e:t.removeAttribute("dir")},!0),this.focus()};var bt=function(e){for(var t,o=this._root,i=this._doc,r=i.createDocumentFragment(),a=l(e,o);t=a.nextNode();){var s,d,c=t.querySelectorAll("BR"),h=[],u=c.length;for(s=0;s-1;)a.appendChild(d.createTextNode(r.slice(0,s))),a.appendChild(d.createElement("BR")),r=r.slice(s+1);i.parentNode.insertBefore(a,i),i.data=r}b(t,l),S(t,y(t))}return e};at.code=function(){var e=this.getSelection();return e.collapsed||d(e.commonAncestorContainer)?this.modifyBlocks(bt,e):this.changeFormat({tag:"CODE",attributes:this._config.tagAttributes.code},null,e),this.focus()},at.removeCode=function(){var e=this.getSelection();return g(e.commonAncestorContainer,this._root,"PRE")?this.modifyBlocks(kt,e):this.changeFormat(null,{tag:"CODE"},e),this.focus()},at.toggleCode=function(){return this.hasFormat("PRE")||this.hasFormat("CODE")?this.removeCode():this.code(),this},at.removeAllFormatting=function(e){if(!e&&!(e=this.getSelection())||e.collapsed)return this;for(var t=this._root,n=e.commonAncestorContainer;n&&!s(n);)n=n.parentNode;if(n||(Pe(e,t),n=t),n.nodeType===H)return this;this.saveUndoState(e),Ae(e,n,n,t);for(var o,i,r=n.ownerDocument,a=e.startContainer,d=e.startOffset,l=e.endContainer,c=e.endOffset,h=r.createDocumentFragment(),u=r.createDocumentFragment(),f=k(l,c,n,t),p=k(a,d,n,t);p!==f;)o=p.nextSibling,h.appendChild(p),p=o;return F(this,h,u),u.normalize(),p=u.firstChild,o=u.lastChild,i=n.childNodes,p?(n.insertBefore(u,f),d=ce.call(i,p),c=ce.call(i,o)+1):(d=ce.call(i,f),c=d),e.setStart(n,d),e.setEnd(n,c),A(n,e),xe(e),this.setSelection(e),this._updatePath(e,!0),this.focus()},at.increaseQuoteLevel=Et("modifyBlocks",pt),at.decreaseQuoteLevel=Et("modifyBlocks",gt),at.makeUnorderedList=Et("modifyBlocks",Ct),at.makeOrderedList=Et("modifyBlocks",Nt),at.removeList=Et("modifyBlocks",_t),P.isInline=a,P.isBlock=s,P.isContainer=d,P.getBlockWalker=l,P.getPreviousBlock=c,P.getNextBlock=h,P.areAlike=f,P.hasTagAttributes=p,P.getNearest=g,P.isOrContains=v,P.detach=_,P.replaceWith=S,P.empty=y,P.getNodeBefore=_e,P.getNodeAfter=Se,P.insertNodeInRange=ye,P.extractContentsOfRange=Te,P.deleteContentsOfRange=Ee,P.insertTreeFragmentIntoRange=be,P.isNodeContainedInRange=ke,P.moveRangeBoundariesDownTree=xe,P.moveRangeBoundariesUpTree=Ae,P.getStartBlockOfRange=Le,P.getEndBlockOfRange=Be,P.contentWalker=Oe,P.rangeDoesStartAtBlockBoundary=Re,P.rangeDoesEndAtBlockBoundary=De,P.expandRangeToBlockBoundaries=Pe,P.onPaste=it,P.addLinks=yt,P.splitBlock=ft,P.startSelectionId="squire-selection-start",P.endSelectionId=ht, true?module.exports=P:undefined}(document);
+
+/***/ }),
+/* 56 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a string or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a boolean or not.
+ *  If the given variable is a boolean, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is boolean?
+ * @memberof module:type
+ */
+function isBoolean(obj) {
+  return typeof obj === 'boolean' || obj instanceof Boolean;
+}
+
+module.exports = isBoolean;
+
+
+/***/ }),
+/* 57 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(global) {/**
+ * A collection of shims that provide minimal functionality of the ES6 collections.
+ *
+ * These implementations are not meant to be used outside of the ResizeObserver
+ * modules as they cover only a limited range of use cases.
+ */
+/* eslint-disable require-jsdoc, valid-jsdoc */
+var MapShim = (function () {
+    if (typeof Map !== 'undefined') {
+        return Map;
+    }
+    /**
+     * Returns index in provided array that matches the specified key.
+     *
+     * @param {Array} arr
+     * @param {*} key
+     * @returns {number}
+     */
+    function getIndex(arr, key) {
+        var result = -1;
+        arr.some(function (entry, index) {
+            if (entry[0] === key) {
+                result = index;
+                return true;
+            }
+            return false;
+        });
+        return result;
+    }
+    return /** @class */ (function () {
+        function class_1() {
+            this.__entries__ = [];
+        }
+        Object.defineProperty(class_1.prototype, "size", {
+            /**
+             * @returns {boolean}
+             */
+            get: function () {
+                return this.__entries__.length;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @param {*} key
+         * @returns {*}
+         */
+        class_1.prototype.get = function (key) {
+            var index = getIndex(this.__entries__, key);
+            var entry = this.__entries__[index];
+            return entry && entry[1];
+        };
+        /**
+         * @param {*} key
+         * @param {*} value
+         * @returns {void}
+         */
+        class_1.prototype.set = function (key, value) {
+            var index = getIndex(this.__entries__, key);
+            if (~index) {
+                this.__entries__[index][1] = value;
+            }
+            else {
+                this.__entries__.push([key, value]);
+            }
+        };
+        /**
+         * @param {*} key
+         * @returns {void}
+         */
+        class_1.prototype.delete = function (key) {
+            var entries = this.__entries__;
+            var index = getIndex(entries, key);
+            if (~index) {
+                entries.splice(index, 1);
+            }
+        };
+        /**
+         * @param {*} key
+         * @returns {void}
+         */
+        class_1.prototype.has = function (key) {
+            return !!~getIndex(this.__entries__, key);
+        };
+        /**
+         * @returns {void}
+         */
+        class_1.prototype.clear = function () {
+            this.__entries__.splice(0);
+        };
+        /**
+         * @param {Function} callback
+         * @param {*} [ctx=null]
+         * @returns {void}
+         */
+        class_1.prototype.forEach = function (callback, ctx) {
+            if (ctx === void 0) { ctx = null; }
+            for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
+                var entry = _a[_i];
+                callback.call(ctx, entry[1], entry[0]);
+            }
+        };
+        return class_1;
+    }());
+})();
+
+/**
+ * Detects whether window and document objects are available in current environment.
+ */
+var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;
+
+// Returns global object of a current environment.
+var global$1 = (function () {
+    if (typeof global !== 'undefined' && global.Math === Math) {
+        return global;
+    }
+    if (typeof self !== 'undefined' && self.Math === Math) {
+        return self;
+    }
+    if (typeof window !== 'undefined' && window.Math === Math) {
+        return window;
+    }
+    // eslint-disable-next-line no-new-func
+    return Function('return this')();
+})();
+
+/**
+ * A shim for the requestAnimationFrame which falls back to the setTimeout if
+ * first one is not supported.
+ *
+ * @returns {number} Requests' identifier.
+ */
+var requestAnimationFrame$1 = (function () {
+    if (typeof requestAnimationFrame === 'function') {
+        // It's required to use a bounded function because IE sometimes throws
+        // an "Invalid calling object" error if rAF is invoked without the global
+        // object on the left hand side.
+        return requestAnimationFrame.bind(global$1);
+    }
+    return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };
+})();
+
+// Defines minimum timeout before adding a trailing call.
+var trailingTimeout = 2;
+/**
+ * Creates a wrapper function which ensures that provided callback will be
+ * invoked only once during the specified delay period.
+ *
+ * @param {Function} callback - Function to be invoked after the delay period.
+ * @param {number} delay - Delay after which to invoke callback.
+ * @returns {Function}
+ */
+function throttle (callback, delay) {
+    var leadingCall = false, trailingCall = false, lastCallTime = 0;
+    /**
+     * Invokes the original callback function and schedules new invocation if
+     * the "proxy" was called during current request.
+     *
+     * @returns {void}
+     */
+    function resolvePending() {
+        if (leadingCall) {
+            leadingCall = false;
+            callback();
+        }
+        if (trailingCall) {
+            proxy();
+        }
+    }
+    /**
+     * Callback invoked after the specified delay. It will further postpone
+     * invocation of the original function delegating it to the
+     * requestAnimationFrame.
+     *
+     * @returns {void}
+     */
+    function timeoutCallback() {
+        requestAnimationFrame$1(resolvePending);
+    }
+    /**
+     * Schedules invocation of the original function.
+     *
+     * @returns {void}
+     */
+    function proxy() {
+        var timeStamp = Date.now();
+        if (leadingCall) {
+            // Reject immediately following calls.
+            if (timeStamp - lastCallTime < trailingTimeout) {
+                return;
+            }
+            // Schedule new call to be in invoked when the pending one is resolved.
+            // This is important for "transitions" which never actually start
+            // immediately so there is a chance that we might miss one if change
+            // happens amids the pending invocation.
+            trailingCall = true;
+        }
+        else {
+            leadingCall = true;
+            trailingCall = false;
+            setTimeout(timeoutCallback, delay);
+        }
+        lastCallTime = timeStamp;
+    }
+    return proxy;
+}
+
+// Minimum delay before invoking the update of observers.
+var REFRESH_DELAY = 20;
+// A list of substrings of CSS properties used to find transition events that
+// might affect dimensions of observed elements.
+var transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];
+// Check if MutationObserver is available.
+var mutationObserverSupported = typeof MutationObserver !== 'undefined';
+/**
+ * Singleton controller class which handles updates of ResizeObserver instances.
+ */
+var ResizeObserverController = /** @class */ (function () {
+    /**
+     * Creates a new instance of ResizeObserverController.
+     *
+     * @private
+     */
+    function ResizeObserverController() {
+        /**
+         * Indicates whether DOM listeners have been added.
+         *
+         * @private {boolean}
+         */
+        this.connected_ = false;
+        /**
+         * Tells that controller has subscribed for Mutation Events.
+         *
+         * @private {boolean}
+         */
+        this.mutationEventsAdded_ = false;
+        /**
+         * Keeps reference to the instance of MutationObserver.
+         *
+         * @private {MutationObserver}
+         */
+        this.mutationsObserver_ = null;
+        /**
+         * A list of connected observers.
+         *
+         * @private {Array}
+         */
+        this.observers_ = [];
+        this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);
+        this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);
+    }
+    /**
+     * Adds observer to observers list.
+     *
+     * @param {ResizeObserverSPI} observer - Observer to be added.
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.addObserver = function (observer) {
+        if (!~this.observers_.indexOf(observer)) {
+            this.observers_.push(observer);
+        }
+        // Add listeners if they haven't been added yet.
+        if (!this.connected_) {
+            this.connect_();
+        }
+    };
+    /**
+     * Removes observer from observers list.
+     *
+     * @param {ResizeObserverSPI} observer - Observer to be removed.
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.removeObserver = function (observer) {
+        var observers = this.observers_;
+        var index = observers.indexOf(observer);
+        // Remove observer if it's present in registry.
+        if (~index) {
+            observers.splice(index, 1);
+        }
+        // Remove listeners if controller has no connected observers.
+        if (!observers.length && this.connected_) {
+            this.disconnect_();
+        }
+    };
+    /**
+     * Invokes the update of observers. It will continue running updates insofar
+     * it detects changes.
+     *
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.refresh = function () {
+        var changesDetected = this.updateObservers_();
+        // Continue running updates if changes have been detected as there might
+        // be future ones caused by CSS transitions.
+        if (changesDetected) {
+            this.refresh();
+        }
+    };
+    /**
+     * Updates every observer from observers list and notifies them of queued
+     * entries.
+     *
+     * @private
+     * @returns {boolean} Returns "true" if any observer has detected changes in
+     *      dimensions of it's elements.
+     */
+    ResizeObserverController.prototype.updateObservers_ = function () {
+        // Collect observers that have active observations.
+        var activeObservers = this.observers_.filter(function (observer) {
+            return observer.gatherActive(), observer.hasActive();
+        });
+        // Deliver notifications in a separate cycle in order to avoid any
+        // collisions between observers, e.g. when multiple instances of
+        // ResizeObserver are tracking the same element and the callback of one
+        // of them changes content dimensions of the observed target. Sometimes
+        // this may result in notifications being blocked for the rest of observers.
+        activeObservers.forEach(function (observer) { return observer.broadcastActive(); });
+        return activeObservers.length > 0;
+    };
+    /**
+     * Initializes DOM listeners.
+     *
+     * @private
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.connect_ = function () {
+        // Do nothing if running in a non-browser environment or if listeners
+        // have been already added.
+        if (!isBrowser || this.connected_) {
+            return;
+        }
+        // Subscription to the "Transitionend" event is used as a workaround for
+        // delayed transitions. This way it's possible to capture at least the
+        // final state of an element.
+        document.addEventListener('transitionend', this.onTransitionEnd_);
+        window.addEventListener('resize', this.refresh);
+        if (mutationObserverSupported) {
+            this.mutationsObserver_ = new MutationObserver(this.refresh);
+            this.mutationsObserver_.observe(document, {
+                attributes: true,
+                childList: true,
+                characterData: true,
+                subtree: true
+            });
+        }
+        else {
+            document.addEventListener('DOMSubtreeModified', this.refresh);
+            this.mutationEventsAdded_ = true;
+        }
+        this.connected_ = true;
+    };
+    /**
+     * Removes DOM listeners.
+     *
+     * @private
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.disconnect_ = function () {
+        // Do nothing if running in a non-browser environment or if listeners
+        // have been already removed.
+        if (!isBrowser || !this.connected_) {
+            return;
+        }
+        document.removeEventListener('transitionend', this.onTransitionEnd_);
+        window.removeEventListener('resize', this.refresh);
+        if (this.mutationsObserver_) {
+            this.mutationsObserver_.disconnect();
+        }
+        if (this.mutationEventsAdded_) {
+            document.removeEventListener('DOMSubtreeModified', this.refresh);
+        }
+        this.mutationsObserver_ = null;
+        this.mutationEventsAdded_ = false;
+        this.connected_ = false;
+    };
+    /**
+     * "Transitionend" event handler.
+     *
+     * @private
+     * @param {TransitionEvent} event
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {
+        var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b;
+        // Detect whether transition may affect dimensions of an element.
+        var isReflowProperty = transitionKeys.some(function (key) {
+            return !!~propertyName.indexOf(key);
+        });
+        if (isReflowProperty) {
+            this.refresh();
+        }
+    };
+    /**
+     * Returns instance of the ResizeObserverController.
+     *
+     * @returns {ResizeObserverController}
+     */
+    ResizeObserverController.getInstance = function () {
+        if (!this.instance_) {
+            this.instance_ = new ResizeObserverController();
+        }
+        return this.instance_;
+    };
+    /**
+     * Holds reference to the controller's instance.
+     *
+     * @private {ResizeObserverController}
+     */
+    ResizeObserverController.instance_ = null;
+    return ResizeObserverController;
+}());
+
+/**
+ * Defines non-writable/enumerable properties of the provided target object.
+ *
+ * @param {Object} target - Object for which to define properties.
+ * @param {Object} props - Properties to be defined.
+ * @returns {Object} Target object.
+ */
+var defineConfigurable = (function (target, props) {
+    for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
+        var key = _a[_i];
+        Object.defineProperty(target, key, {
+            value: props[key],
+            enumerable: false,
+            writable: false,
+            configurable: true
+        });
+    }
+    return target;
+});
+
+/**
+ * Returns the global object associated with provided element.
+ *
+ * @param {Object} target
+ * @returns {Object}
+ */
+var getWindowOf = (function (target) {
+    // Assume that the element is an instance of Node, which means that it
+    // has the "ownerDocument" property from which we can retrieve a
+    // corresponding global object.
+    var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;
+    // Return the local global object if it's not possible extract one from
+    // provided element.
+    return ownerGlobal || global$1;
+});
+
+// Placeholder of an empty content rectangle.
+var emptyRect = createRectInit(0, 0, 0, 0);
+/**
+ * Converts provided string to a number.
+ *
+ * @param {number|string} value
+ * @returns {number}
+ */
+function toFloat(value) {
+    return parseFloat(value) || 0;
+}
+/**
+ * Extracts borders size from provided styles.
+ *
+ * @param {CSSStyleDeclaration} styles
+ * @param {...string} positions - Borders positions (top, right, ...)
+ * @returns {number}
+ */
+function getBordersSize(styles) {
+    var positions = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        positions[_i - 1] = arguments[_i];
+    }
+    return positions.reduce(function (size, position) {
+        var value = styles['border-' + position + '-width'];
+        return size + toFloat(value);
+    }, 0);
+}
+/**
+ * Extracts paddings sizes from provided styles.
+ *
+ * @param {CSSStyleDeclaration} styles
+ * @returns {Object} Paddings box.
+ */
+function getPaddings(styles) {
+    var positions = ['top', 'right', 'bottom', 'left'];
+    var paddings = {};
+    for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
+        var position = positions_1[_i];
+        var value = styles['padding-' + position];
+        paddings[position] = toFloat(value);
+    }
+    return paddings;
+}
+/**
+ * Calculates content rectangle of provided SVG element.
+ *
+ * @param {SVGGraphicsElement} target - Element content rectangle of which needs
+ *      to be calculated.
+ * @returns {DOMRectInit}
+ */
+function getSVGContentRect(target) {
+    var bbox = target.getBBox();
+    return createRectInit(0, 0, bbox.width, bbox.height);
+}
+/**
+ * Calculates content rectangle of provided HTMLElement.
+ *
+ * @param {HTMLElement} target - Element for which to calculate the content rectangle.
+ * @returns {DOMRectInit}
+ */
+function getHTMLElementContentRect(target) {
+    // Client width & height properties can't be
+    // used exclusively as they provide rounded values.
+    var clientWidth = target.clientWidth, clientHeight = target.clientHeight;
+    // By this condition we can catch all non-replaced inline, hidden and
+    // detached elements. Though elements with width & height properties less
+    // than 0.5 will be discarded as well.
+    //
+    // Without it we would need to implement separate methods for each of
+    // those cases and it's not possible to perform a precise and performance
+    // effective test for hidden elements. E.g. even jQuery's ':visible' filter
+    // gives wrong results for elements with width & height less than 0.5.
+    if (!clientWidth && !clientHeight) {
+        return emptyRect;
+    }
+    var styles = getWindowOf(target).getComputedStyle(target);
+    var paddings = getPaddings(styles);
+    var horizPad = paddings.left + paddings.right;
+    var vertPad = paddings.top + paddings.bottom;
+    // Computed styles of width & height are being used because they are the
+    // only dimensions available to JS that contain non-rounded values. It could
+    // be possible to utilize the getBoundingClientRect if only it's data wasn't
+    // affected by CSS transformations let alone paddings, borders and scroll bars.
+    var width = toFloat(styles.width), height = toFloat(styles.height);
+    // Width & height include paddings and borders when the 'border-box' box
+    // model is applied (except for IE).
+    if (styles.boxSizing === 'border-box') {
+        // Following conditions are required to handle Internet Explorer which
+        // doesn't include paddings and borders to computed CSS dimensions.
+        //
+        // We can say that if CSS dimensions + paddings are equal to the "client"
+        // properties then it's either IE, and thus we don't need to subtract
+        // anything, or an element merely doesn't have paddings/borders styles.
+        if (Math.round(width + horizPad) !== clientWidth) {
+            width -= getBordersSize(styles, 'left', 'right') + horizPad;
+        }
+        if (Math.round(height + vertPad) !== clientHeight) {
+            height -= getBordersSize(styles, 'top', 'bottom') + vertPad;
+        }
+    }
+    // Following steps can't be applied to the document's root element as its
+    // client[Width/Height] properties represent viewport area of the window.
+    // Besides, it's as well not necessary as the  itself neither has
+    // rendered scroll bars nor it can be clipped.
+    if (!isDocumentElement(target)) {
+        // In some browsers (only in Firefox, actually) CSS width & height
+        // include scroll bars size which can be removed at this step as scroll
+        // bars are the only difference between rounded dimensions + paddings
+        // and "client" properties, though that is not always true in Chrome.
+        var vertScrollbar = Math.round(width + horizPad) - clientWidth;
+        var horizScrollbar = Math.round(height + vertPad) - clientHeight;
+        // Chrome has a rather weird rounding of "client" properties.
+        // E.g. for an element with content width of 314.2px it sometimes gives
+        // the client width of 315px and for the width of 314.7px it may give
+        // 314px. And it doesn't happen all the time. So just ignore this delta
+        // as a non-relevant.
+        if (Math.abs(vertScrollbar) !== 1) {
+            width -= vertScrollbar;
+        }
+        if (Math.abs(horizScrollbar) !== 1) {
+            height -= horizScrollbar;
+        }
+    }
+    return createRectInit(paddings.left, paddings.top, width, height);
+}
+/**
+ * Checks whether provided element is an instance of the SVGGraphicsElement.
+ *
+ * @param {Element} target - Element to be checked.
+ * @returns {boolean}
+ */
+var isSVGGraphicsElement = (function () {
+    // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement
+    // interface.
+    if (typeof SVGGraphicsElement !== 'undefined') {
+        return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; };
+    }
+    // If it's so, then check that element is at least an instance of the
+    // SVGElement and that it has the "getBBox" method.
+    // eslint-disable-next-line no-extra-parens
+    return function (target) { return (target instanceof getWindowOf(target).SVGElement &&
+        typeof target.getBBox === 'function'); };
+})();
+/**
+ * Checks whether provided element is a document element ().
+ *
+ * @param {Element} target - Element to be checked.
+ * @returns {boolean}
+ */
+function isDocumentElement(target) {
+    return target === getWindowOf(target).document.documentElement;
+}
+/**
+ * Calculates an appropriate content rectangle for provided html or svg element.
+ *
+ * @param {Element} target - Element content rectangle of which needs to be calculated.
+ * @returns {DOMRectInit}
+ */
+function getContentRect(target) {
+    if (!isBrowser) {
+        return emptyRect;
+    }
+    if (isSVGGraphicsElement(target)) {
+        return getSVGContentRect(target);
+    }
+    return getHTMLElementContentRect(target);
+}
+/**
+ * Creates rectangle with an interface of the DOMRectReadOnly.
+ * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly
+ *
+ * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.
+ * @returns {DOMRectReadOnly}
+ */
+function createReadOnlyRect(_a) {
+    var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
+    // If DOMRectReadOnly is available use it as a prototype for the rectangle.
+    var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;
+    var rect = Object.create(Constr.prototype);
+    // Rectangle's properties are not writable and non-enumerable.
+    defineConfigurable(rect, {
+        x: x, y: y, width: width, height: height,
+        top: y,
+        right: x + width,
+        bottom: height + y,
+        left: x
+    });
+    return rect;
+}
+/**
+ * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.
+ * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit
+ *
+ * @param {number} x - X coordinate.
+ * @param {number} y - Y coordinate.
+ * @param {number} width - Rectangle's width.
+ * @param {number} height - Rectangle's height.
+ * @returns {DOMRectInit}
+ */
+function createRectInit(x, y, width, height) {
+    return { x: x, y: y, width: width, height: height };
+}
+
+/**
+ * Class that is responsible for computations of the content rectangle of
+ * provided DOM element and for keeping track of it's changes.
+ */
+var ResizeObservation = /** @class */ (function () {
+    /**
+     * Creates an instance of ResizeObservation.
+     *
+     * @param {Element} target - Element to be observed.
+     */
+    function ResizeObservation(target) {
+        /**
+         * Broadcasted width of content rectangle.
+         *
+         * @type {number}
+         */
+        this.broadcastWidth = 0;
+        /**
+         * Broadcasted height of content rectangle.
+         *
+         * @type {number}
+         */
+        this.broadcastHeight = 0;
+        /**
+         * Reference to the last observed content rectangle.
+         *
+         * @private {DOMRectInit}
+         */
+        this.contentRect_ = createRectInit(0, 0, 0, 0);
+        this.target = target;
+    }
+    /**
+     * Updates content rectangle and tells whether it's width or height properties
+     * have changed since the last broadcast.
+     *
+     * @returns {boolean}
+     */
+    ResizeObservation.prototype.isActive = function () {
+        var rect = getContentRect(this.target);
+        this.contentRect_ = rect;
+        return (rect.width !== this.broadcastWidth ||
+            rect.height !== this.broadcastHeight);
+    };
+    /**
+     * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data
+     * from the corresponding properties of the last observed content rectangle.
+     *
+     * @returns {DOMRectInit} Last observed content rectangle.
+     */
+    ResizeObservation.prototype.broadcastRect = function () {
+        var rect = this.contentRect_;
+        this.broadcastWidth = rect.width;
+        this.broadcastHeight = rect.height;
+        return rect;
+    };
+    return ResizeObservation;
+}());
+
+var ResizeObserverEntry = /** @class */ (function () {
+    /**
+     * Creates an instance of ResizeObserverEntry.
+     *
+     * @param {Element} target - Element that is being observed.
+     * @param {DOMRectInit} rectInit - Data of the element's content rectangle.
+     */
+    function ResizeObserverEntry(target, rectInit) {
+        var contentRect = createReadOnlyRect(rectInit);
+        // According to the specification following properties are not writable
+        // and are also not enumerable in the native implementation.
+        //
+        // Property accessors are not being used as they'd require to define a
+        // private WeakMap storage which may cause memory leaks in browsers that
+        // don't support this type of collections.
+        defineConfigurable(this, { target: target, contentRect: contentRect });
+    }
+    return ResizeObserverEntry;
+}());
+
+var ResizeObserverSPI = /** @class */ (function () {
+    /**
+     * Creates a new instance of ResizeObserver.
+     *
+     * @param {ResizeObserverCallback} callback - Callback function that is invoked
+     *      when one of the observed elements changes it's content dimensions.
+     * @param {ResizeObserverController} controller - Controller instance which
+     *      is responsible for the updates of observer.
+     * @param {ResizeObserver} callbackCtx - Reference to the public
+     *      ResizeObserver instance which will be passed to callback function.
+     */
+    function ResizeObserverSPI(callback, controller, callbackCtx) {
+        /**
+         * Collection of resize observations that have detected changes in dimensions
+         * of elements.
+         *
+         * @private {Array}
+         */
+        this.activeObservations_ = [];
+        /**
+         * Registry of the ResizeObservation instances.
+         *
+         * @private {Map}
+         */
+        this.observations_ = new MapShim();
+        if (typeof callback !== 'function') {
+            throw new TypeError('The callback provided as parameter 1 is not a function.');
+        }
+        this.callback_ = callback;
+        this.controller_ = controller;
+        this.callbackCtx_ = callbackCtx;
+    }
+    /**
+     * Starts observing provided element.
+     *
+     * @param {Element} target - Element to be observed.
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.observe = function (target) {
+        if (!arguments.length) {
+            throw new TypeError('1 argument required, but only 0 present.');
+        }
+        // Do nothing if current environment doesn't have the Element interface.
+        if (typeof Element === 'undefined' || !(Element instanceof Object)) {
+            return;
+        }
+        if (!(target instanceof getWindowOf(target).Element)) {
+            throw new TypeError('parameter 1 is not of type "Element".');
+        }
+        var observations = this.observations_;
+        // Do nothing if element is already being observed.
+        if (observations.has(target)) {
+            return;
+        }
+        observations.set(target, new ResizeObservation(target));
+        this.controller_.addObserver(this);
+        // Force the update of observations.
+        this.controller_.refresh();
+    };
+    /**
+     * Stops observing provided element.
+     *
+     * @param {Element} target - Element to stop observing.
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.unobserve = function (target) {
+        if (!arguments.length) {
+            throw new TypeError('1 argument required, but only 0 present.');
+        }
+        // Do nothing if current environment doesn't have the Element interface.
+        if (typeof Element === 'undefined' || !(Element instanceof Object)) {
+            return;
+        }
+        if (!(target instanceof getWindowOf(target).Element)) {
+            throw new TypeError('parameter 1 is not of type "Element".');
+        }
+        var observations = this.observations_;
+        // Do nothing if element is not being observed.
+        if (!observations.has(target)) {
+            return;
+        }
+        observations.delete(target);
+        if (!observations.size) {
+            this.controller_.removeObserver(this);
+        }
+    };
+    /**
+     * Stops observing all elements.
+     *
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.disconnect = function () {
+        this.clearActive();
+        this.observations_.clear();
+        this.controller_.removeObserver(this);
+    };
+    /**
+     * Collects observation instances the associated element of which has changed
+     * it's content rectangle.
+     *
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.gatherActive = function () {
+        var _this = this;
+        this.clearActive();
+        this.observations_.forEach(function (observation) {
+            if (observation.isActive()) {
+                _this.activeObservations_.push(observation);
+            }
+        });
+    };
+    /**
+     * Invokes initial callback function with a list of ResizeObserverEntry
+     * instances collected from active resize observations.
+     *
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.broadcastActive = function () {
+        // Do nothing if observer doesn't have active observations.
+        if (!this.hasActive()) {
+            return;
+        }
+        var ctx = this.callbackCtx_;
+        // Create ResizeObserverEntry instance for every active observation.
+        var entries = this.activeObservations_.map(function (observation) {
+            return new ResizeObserverEntry(observation.target, observation.broadcastRect());
+        });
+        this.callback_.call(ctx, entries, ctx);
+        this.clearActive();
+    };
+    /**
+     * Clears the collection of active observations.
+     *
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.clearActive = function () {
+        this.activeObservations_.splice(0);
+    };
+    /**
+     * Tells whether observer has active observations.
+     *
+     * @returns {boolean}
+     */
+    ResizeObserverSPI.prototype.hasActive = function () {
+        return this.activeObservations_.length > 0;
+    };
+    return ResizeObserverSPI;
+}());
+
+// Registry of internal observers. If WeakMap is not available use current shim
+// for the Map collection as it has all required methods and because WeakMap
+// can't be fully polyfilled anyway.
+var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();
+/**
+ * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation
+ * exposing only those methods and properties that are defined in the spec.
+ */
+var ResizeObserver = /** @class */ (function () {
+    /**
+     * Creates a new instance of ResizeObserver.
+     *
+     * @param {ResizeObserverCallback} callback - Callback that is invoked when
+     *      dimensions of the observed elements change.
+     */
+    function ResizeObserver(callback) {
+        if (!(this instanceof ResizeObserver)) {
+            throw new TypeError('Cannot call a class as a function.');
+        }
+        if (!arguments.length) {
+            throw new TypeError('1 argument required, but only 0 present.');
+        }
+        var controller = ResizeObserverController.getInstance();
+        var observer = new ResizeObserverSPI(callback, controller, this);
+        observers.set(this, observer);
+    }
+    return ResizeObserver;
+}());
+// Expose public methods of ResizeObserver.
+[
+    'observe',
+    'unobserve',
+    'disconnect'
+].forEach(function (method) {
+    ResizeObserver.prototype[method] = function () {
+        var _a;
+        return (_a = observers.get(this))[method].apply(_a, arguments);
+    };
+});
+
+var index = (function () {
+    // Export existing implementation if available.
+    if (typeof global$1.ResizeObserver !== 'undefined') {
+        return global$1.ResizeObserver;
+    }
+    return ResizeObserver;
+})();
+
+/* harmony default export */ __webpack_exports__["a"] = (index);
+
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(59)))
+
+/***/ }),
+/* 58 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview This module provides some functions for custom events. And it is implemented in the observer design pattern.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var extend = __webpack_require__(7);
+var isExisty = __webpack_require__(28);
+var isString = __webpack_require__(9);
+var isObject = __webpack_require__(54);
+var isArray = __webpack_require__(17);
+var isFunction = __webpack_require__(27);
+var forEach = __webpack_require__(26);
+
+var R_EVENTNAME_SPLIT = /\s+/g;
+
+/**
+ * @class
+ * @example
+ * // node, commonjs
+ * var CustomEvents = require('tui-code-snippet/customEvents/customEvents');
+ */
+function CustomEvents() {
+  /**
+     * @type {HandlerItem[]}
+     */
+  this.events = null;
+
+  /**
+     * only for checking specific context event was binded
+     * @type {object[]}
+     */
+  this.contexts = null;
+}
+
+/**
+ * Mixin custom events feature to specific constructor
+ * @param {function} func - constructor
+ * @example
+ * var CustomEvents = require('tui-code-snippet/customEvents/customEvents'); // node, commonjs
+ *
+ * var model;
+ * function Model() {
+ *     this.name = '';
+ * }
+ * CustomEvents.mixin(Model);
+ *
+ * model = new Model();
+ * model.on('change', function() { this.name = 'model'; }, this);
+ * model.fire('change');
+ * alert(model.name); // 'model';
+ */
+CustomEvents.mixin = function(func) {
+  extend(func.prototype, CustomEvents.prototype);
+};
+
+/**
+ * Get HandlerItem object
+ * @param {function} handler - handler function
+ * @param {object} [context] - context for handler
+ * @returns {HandlerItem} HandlerItem object
+ * @private
+ */
+CustomEvents.prototype._getHandlerItem = function(handler, context) {
+  var item = {handler: handler};
+
+  if (context) {
+    item.context = context;
+  }
+
+  return item;
+};
+
+/**
+ * Get event object safely
+ * @param {string} [eventName] - create sub event map if not exist.
+ * @returns {(object|array)} event object. if you supplied `eventName`
+ *  parameter then make new array and return it
+ * @private
+ */
+CustomEvents.prototype._safeEvent = function(eventName) {
+  var events = this.events;
+  var byName;
+
+  if (!events) {
+    events = this.events = {};
+  }
+
+  if (eventName) {
+    byName = events[eventName];
+
+    if (!byName) {
+      byName = [];
+      events[eventName] = byName;
+    }
+
+    events = byName;
+  }
+
+  return events;
+};
+
+/**
+ * Get context array safely
+ * @returns {array} context array
+ * @private
+ */
+CustomEvents.prototype._safeContext = function() {
+  var context = this.contexts;
+
+  if (!context) {
+    context = this.contexts = [];
+  }
+
+  return context;
+};
+
+/**
+ * Get index of context
+ * @param {object} ctx - context that used for bind custom event
+ * @returns {number} index of context
+ * @private
+ */
+CustomEvents.prototype._indexOfContext = function(ctx) {
+  var context = this._safeContext();
+  var index = 0;
+
+  while (context[index]) {
+    if (ctx === context[index][0]) {
+      return index;
+    }
+
+    index += 1;
+  }
+
+  return -1;
+};
+
+/**
+ * Memorize supplied context for recognize supplied object is context or
+ *  name: handler pair object when off()
+ * @param {object} ctx - context object to memorize
+ * @private
+ */
+CustomEvents.prototype._memorizeContext = function(ctx) {
+  var context, index;
+
+  if (!isExisty(ctx)) {
+    return;
+  }
+
+  context = this._safeContext();
+  index = this._indexOfContext(ctx);
+
+  if (index > -1) {
+    context[index][1] += 1;
+  } else {
+    context.push([ctx, 1]);
+  }
+};
+
+/**
+ * Forget supplied context object
+ * @param {object} ctx - context object to forget
+ * @private
+ */
+CustomEvents.prototype._forgetContext = function(ctx) {
+  var context, contextIndex;
+
+  if (!isExisty(ctx)) {
+    return;
+  }
+
+  context = this._safeContext();
+  contextIndex = this._indexOfContext(ctx);
+
+  if (contextIndex > -1) {
+    context[contextIndex][1] -= 1;
+
+    if (context[contextIndex][1] <= 0) {
+      context.splice(contextIndex, 1);
+    }
+  }
+};
+
+/**
+ * Bind event handler
+ * @param {(string|{name:string, handler:function})} eventName - custom
+ *  event name or an object {eventName: handler}
+ * @param {(function|object)} [handler] - handler function or context
+ * @param {object} [context] - context for binding
+ * @private
+ */
+CustomEvents.prototype._bindEvent = function(eventName, handler, context) {
+  var events = this._safeEvent(eventName);
+  this._memorizeContext(context);
+  events.push(this._getHandlerItem(handler, context));
+};
+
+/**
+ * Bind event handlers
+ * @param {(string|{name:string, handler:function})} eventName - custom
+ *  event name or an object {eventName: handler}
+ * @param {(function|object)} [handler] - handler function or context
+ * @param {object} [context] - context for binding
+ * //-- #1. Get Module --//
+ * var CustomEvents = require('tui-code-snippet/customEvents/customEvents'); // node, commonjs
+ *
+ * //-- #2. Use method --//
+ * // # 2.1 Basic Usage
+ * CustomEvents.on('onload', handler);
+ *
+ * // # 2.2 With context
+ * CustomEvents.on('onload', handler, myObj);
+ *
+ * // # 2.3 Bind by object that name, handler pairs
+ * CustomEvents.on({
+ *     'play': handler,
+ *     'pause': handler2
+ * });
+ *
+ * // # 2.4 Bind by object that name, handler pairs with context object
+ * CustomEvents.on({
+ *     'play': handler
+ * }, myObj);
+ */
+CustomEvents.prototype.on = function(eventName, handler, context) {
+  var self = this;
+
+  if (isString(eventName)) {
+    // [syntax 1, 2]
+    eventName = eventName.split(R_EVENTNAME_SPLIT);
+    forEach(eventName, function(name) {
+      self._bindEvent(name, handler, context);
+    });
+  } else if (isObject(eventName)) {
+    // [syntax 3, 4]
+    context = handler;
+    forEach(eventName, function(func, name) {
+      self.on(name, func, context);
+    });
+  }
+};
+
+/**
+ * Bind one-shot event handlers
+ * @param {(string|{name:string,handler:function})} eventName - custom
+ *  event name or an object {eventName: handler}
+ * @param {function|object} [handler] - handler function or context
+ * @param {object} [context] - context for binding
+ */
+CustomEvents.prototype.once = function(eventName, handler, context) {
+  var self = this;
+
+  if (isObject(eventName)) {
+    context = handler;
+    forEach(eventName, function(func, name) {
+      self.once(name, func, context);
+    });
+
+    return;
+  }
+
+  function onceHandler() { // eslint-disable-line require-jsdoc
+    handler.apply(context, arguments);
+    self.off(eventName, onceHandler, context);
+  }
+
+  this.on(eventName, onceHandler, context);
+};
+
+/**
+ * Splice supplied array by callback result
+ * @param {array} arr - array to splice
+ * @param {function} predicate - function return boolean
+ * @private
+ */
+CustomEvents.prototype._spliceMatches = function(arr, predicate) {
+  var i = 0;
+  var len;
+
+  if (!isArray(arr)) {
+    return;
+  }
+
+  for (len = arr.length; i < len; i += 1) {
+    if (predicate(arr[i]) === true) {
+      arr.splice(i, 1);
+      len -= 1;
+      i -= 1;
+    }
+  }
+};
+
+/**
+ * Get matcher for unbind specific handler events
+ * @param {function} handler - handler function
+ * @returns {function} handler matcher
+ * @private
+ */
+CustomEvents.prototype._matchHandler = function(handler) {
+  var self = this;
+
+  return function(item) {
+    var needRemove = handler === item.handler;
+
+    if (needRemove) {
+      self._forgetContext(item.context);
+    }
+
+    return needRemove;
+  };
+};
+
+/**
+ * Get matcher for unbind specific context events
+ * @param {object} context - context
+ * @returns {function} object matcher
+ * @private
+ */
+CustomEvents.prototype._matchContext = function(context) {
+  var self = this;
+
+  return function(item) {
+    var needRemove = context === item.context;
+
+    if (needRemove) {
+      self._forgetContext(item.context);
+    }
+
+    return needRemove;
+  };
+};
+
+/**
+ * Get matcher for unbind specific hander, context pair events
+ * @param {function} handler - handler function
+ * @param {object} context - context
+ * @returns {function} handler, context matcher
+ * @private
+ */
+CustomEvents.prototype._matchHandlerAndContext = function(handler, context) {
+  var self = this;
+
+  return function(item) {
+    var matchHandler = (handler === item.handler);
+    var matchContext = (context === item.context);
+    var needRemove = (matchHandler && matchContext);
+
+    if (needRemove) {
+      self._forgetContext(item.context);
+    }
+
+    return needRemove;
+  };
+};
+
+/**
+ * Unbind event by event name
+ * @param {string} eventName - custom event name to unbind
+ * @param {function} [handler] - handler function
+ * @private
+ */
+CustomEvents.prototype._offByEventName = function(eventName, handler) {
+  var self = this;
+  var andByHandler = isFunction(handler);
+  var matchHandler = self._matchHandler(handler);
+
+  eventName = eventName.split(R_EVENTNAME_SPLIT);
+
+  forEach(eventName, function(name) {
+    var handlerItems = self._safeEvent(name);
+
+    if (andByHandler) {
+      self._spliceMatches(handlerItems, matchHandler);
+    } else {
+      forEach(handlerItems, function(item) {
+        self._forgetContext(item.context);
+      });
+
+      self.events[name] = [];
+    }
+  });
+};
+
+/**
+ * Unbind event by handler function
+ * @param {function} handler - handler function
+ * @private
+ */
+CustomEvents.prototype._offByHandler = function(handler) {
+  var self = this;
+  var matchHandler = this._matchHandler(handler);
+
+  forEach(this._safeEvent(), function(handlerItems) {
+    self._spliceMatches(handlerItems, matchHandler);
+  });
+};
+
+/**
+ * Unbind event by object(name: handler pair object or context object)
+ * @param {object} obj - context or {name: handler} pair object
+ * @param {function} handler - handler function
+ * @private
+ */
+CustomEvents.prototype._offByObject = function(obj, handler) {
+  var self = this;
+  var matchFunc;
+
+  if (this._indexOfContext(obj) < 0) {
+    forEach(obj, function(func, name) {
+      self.off(name, func);
+    });
+  } else if (isString(handler)) {
+    matchFunc = this._matchContext(obj);
+
+    self._spliceMatches(this._safeEvent(handler), matchFunc);
+  } else if (isFunction(handler)) {
+    matchFunc = this._matchHandlerAndContext(handler, obj);
+
+    forEach(this._safeEvent(), function(handlerItems) {
+      self._spliceMatches(handlerItems, matchFunc);
+    });
+  } else {
+    matchFunc = this._matchContext(obj);
+
+    forEach(this._safeEvent(), function(handlerItems) {
+      self._spliceMatches(handlerItems, matchFunc);
+    });
+  }
+};
+
+/**
+ * Unbind custom events
+ * @param {(string|object|function)} eventName - event name or context or
+ *  {name: handler} pair object or handler function
+ * @param {(function)} handler - handler function
+ * @example
+ * //-- #1. Get Module --//
+ * var CustomEvents = require('tui-code-snippet/customEvents/customEvents'); // node, commonjs
+ *
+ * //-- #2. Use method --//
+ * // # 2.1 off by event name
+ * CustomEvents.off('onload');
+ *
+ * // # 2.2 off by event name and handler
+ * CustomEvents.off('play', handler);
+ *
+ * // # 2.3 off by handler
+ * CustomEvents.off(handler);
+ *
+ * // # 2.4 off by context
+ * CustomEvents.off(myObj);
+ *
+ * // # 2.5 off by context and handler
+ * CustomEvents.off(myObj, handler);
+ *
+ * // # 2.6 off by context and event name
+ * CustomEvents.off(myObj, 'onload');
+ *
+ * // # 2.7 off by an Object. that is {eventName: handler}
+ * CustomEvents.off({
+ *   'play': handler,
+ *   'pause': handler2
+ * });
+ *
+ * // # 2.8 off the all events
+ * CustomEvents.off();
+ */
+CustomEvents.prototype.off = function(eventName, handler) {
+  if (isString(eventName)) {
+    // [syntax 1, 2]
+    this._offByEventName(eventName, handler);
+  } else if (!arguments.length) {
+    // [syntax 8]
+    this.events = {};
+    this.contexts = [];
+  } else if (isFunction(eventName)) {
+    // [syntax 3]
+    this._offByHandler(eventName);
+  } else if (isObject(eventName)) {
+    // [syntax 4, 5, 6]
+    this._offByObject(eventName, handler);
+  }
+};
+
+/**
+ * Fire custom event
+ * @param {string} eventName - name of custom event
+ */
+CustomEvents.prototype.fire = function(eventName) {  // eslint-disable-line
+  this.invoke.apply(this, arguments);
+};
+
+/**
+ * Fire a event and returns the result of operation 'boolean AND' with all
+ *  listener's results.
+ *
+ * So, It is different from {@link CustomEvents#fire}.
+ *
+ * In service code, use this as a before event in component level usually
+ *  for notifying that the event is cancelable.
+ * @param {string} eventName - Custom event name
+ * @param {...*} data - Data for event
+ * @returns {boolean} The result of operation 'boolean AND'
+ * @example
+ * var map = new Map();
+ * map.on({
+ *     'beforeZoom': function() {
+ *         // It should cancel the 'zoom' event by some conditions.
+ *         if (that.disabled && this.getState()) {
+ *             return false;
+ *         }
+ *         return true;
+ *     }
+ * });
+ *
+ * if (this.invoke('beforeZoom')) {    // check the result of 'beforeZoom'
+ *     // if true,
+ *     // doSomething
+ * }
+ */
+CustomEvents.prototype.invoke = function(eventName) {
+  var events, args, index, item;
+
+  if (!this.hasListener(eventName)) {
+    return true;
+  }
+
+  events = this._safeEvent(eventName);
+  args = Array.prototype.slice.call(arguments, 1);
+  index = 0;
+
+  while (events[index]) {
+    item = events[index];
+
+    if (item.handler.apply(item.context, args) === false) {
+      return false;
+    }
+
+    index += 1;
+  }
+
+  return true;
+};
+
+/**
+ * Return whether at least one of the handlers is registered in the given
+ *  event name.
+ * @param {string} eventName - Custom event name
+ * @returns {boolean} Is there at least one handler in event name?
+ */
+CustomEvents.prototype.hasListener = function(eventName) {
+  return this.getListenerLength(eventName) > 0;
+};
+
+/**
+ * Return a count of events registered.
+ * @param {string} eventName - Custom event name
+ * @returns {number} number of event
+ */
+CustomEvents.prototype.getListenerLength = function(eventName) {
+  var events = this._safeEvent(eventName);
+
+  return events.length;
+};
+
+module.exports = CustomEvents;
+
+
+/***/ }),
+/* 59 */
+/***/ (function(module, exports) {
+
+var g;
+
+// This works in non-strict mode
+g = (function() {
+	return this;
+})();
+
+try {
+	// This works if eval is allowed (see CSP)
+	g = g || new Function("return this")();
+} catch (e) {
+	// This works if the window reference is available
+	if (typeof window === "object") g = window;
+}
+
+// g can still be undefined, but nothing to do about it...
+// We return undefined, instead of nothing here, so it's
+// easier to handle this case. if(!global) { ...}
+
+module.exports = g;
+
+
+/***/ }),
+/* 60 */,
+/* 61 */,
+/* 62 */,
+/* 63 */,
+/* 64 */,
+/* 65 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/collection/forEachOwnProperties.js
+var forEachOwnProperties = __webpack_require__(10);
+var forEachOwnProperties_default = /*#__PURE__*/__webpack_require__.n(forEachOwnProperties);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isExisty.js
+var isExisty = __webpack_require__(28);
+var isExisty_default = /*#__PURE__*/__webpack_require__.n(isExisty);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isNumber.js
+var isNumber = __webpack_require__(34);
+var isNumber_default = /*#__PURE__*/__webpack_require__.n(isNumber);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/object/extend.js
+var extend = __webpack_require__(7);
+var extend_default = /*#__PURE__*/__webpack_require__.n(extend);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/css.js
+var css = __webpack_require__(4);
+var css_default = /*#__PURE__*/__webpack_require__.n(css);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/addClass.js
+var addClass = __webpack_require__(5);
+var addClass_default = /*#__PURE__*/__webpack_require__.n(addClass);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/removeClass.js
+var removeClass = __webpack_require__(6);
+var removeClass_default = /*#__PURE__*/__webpack_require__.n(removeClass);
+
+// EXTERNAL MODULE: /Users/nhn/project/tui.editor/libs/toastmark/dist/toastmark.js
+var toastmark = __webpack_require__(22);
+
+// EXTERNAL MODULE: ./src/js/htmlRenderConvertors.js
+var htmlRenderConvertors = __webpack_require__(29);
+
+// CONCATENATED MODULE: ./src/js/markdownToHTML.js
+
+
+function createMarkdownToHTML(options) {
+  var extendedAutolinks = options.extendedAutolinks,
+      customHTMLRenderer = options.customHTMLRenderer,
+      referenceDefinition = options.referenceDefinition,
+      customParser = options.customParser,
+      frontMatter = options.frontMatter;
+  var parser = new toastmark["Parser"]({
+    disallowedHtmlBlockTags: ['br'],
+    extendedAutolinks: extendedAutolinks,
+    referenceDefinition: referenceDefinition,
+    disallowDeepHeading: true,
+    customParser: customParser,
+    frontMatter: frontMatter
+  });
+  var renderHTML = Object(toastmark["createRenderHTML"])({
+    gfm: true,
+    convertors: Object(htmlRenderConvertors["a" /* getHTMLRenderConvertors */])(null, customHTMLRenderer)
+  });
+  return function markdownToHTML(markdown) {
+    return renderHTML(parser.parse(markdown));
+  };
+}
+// EXTERNAL MODULE: ./src/js/utils/common.js
+var utils_common = __webpack_require__(12);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isBoolean.js
+var isBoolean = __webpack_require__(56);
+var isBoolean_default = /*#__PURE__*/__webpack_require__.n(isBoolean);
+
+// EXTERNAL MODULE: external {"commonjs":"codemirror","commonjs2":"codemirror","amd":"codemirror","root":["CodeMirror"]}
+var external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_ = __webpack_require__(15);
+var external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_);
+
+// CONCATENATED MODULE: ./src/js/codemirror/fixOrderedListNumber.js
+/**
+ * @fileoverview codemirror extension for fix ordered list number
+ * @author NHN FE Development Lab 
+ */
+
+var listRE = /^(\s*)((\d+)([.)]\s(?:\[(?:x|\s)\]\s)?))(.*)/;
+/**
+ * simple wrapper for indentLess command
+ * to run fixOrderedListNumber on Shift-Tab
+ * @param {CodeMirror} cm - CodeMirror instance
+ * @returns {CodeMirror.Pass|null} - next command
+ * @ignore
+ */
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.indentLessOrderedList = function (cm) {
+  if (cm.getOption('disableInput')) {
+    return external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Pass;
+  }
+
+  cm.execCommand('indentLess');
+  cm.execCommand('fixOrderedListNumber');
+  return null;
+};
+/**
+ * fix ordered list number
+ * @param {CodeMirror} cm - CodeMirror instance
+ * @returns {CodeMirror.Pass|null} - next command
+ * @ignore
+ */
+
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.fixOrderedListNumber = function (cm) {
+  if (cm.getOption('disableInput') || !!cm.state.isCursorInCodeBlock) {
+    return external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Pass;
+  }
+
+  var ranges = cm.listSelections();
+
+  for (var i = 0; i < ranges.length; i += 1) {
+    var pos = ranges[i].head;
+    var lineNumber = findFirstListItem(pos.line, cm);
+
+    if (lineNumber >= 0) {
+      var lineText = cm.getLine(lineNumber);
+
+      var _listRE$exec = listRE.exec(lineText),
+          indent = _listRE$exec[1],
+          index = _listRE$exec[3];
+
+      fixNumber(lineNumber, indent.length, parseInt(index, 10), cm);
+    }
+  }
+
+  return null;
+};
+/**
+ * fix list numbers
+ * @param {number} lineNumber - line number of list item to be normalized
+ * @param {number} prevIndentLength - previous indent length
+ * @param {number} startIndex - start index
+ * @param {CodeMirror} cm - CodeMirror instance
+ * @returns {number} - next line number
+ * @ignore
+ */
+
+
+function fixNumber(lineNumber, prevIndentLength, startIndex, cm) {
+  var indent, delimiter, text, indentLength;
+  var index = startIndex;
+  var lineText = cm.getLine(lineNumber);
+
+  do {
+    var _listRE$exec2 = listRE.exec(lineText);
+
+    indent = _listRE$exec2[1];
+    delimiter = _listRE$exec2[4];
+    text = _listRE$exec2[5];
+    indentLength = indent.length;
+
+    if (indentLength === prevIndentLength) {
+      // fix number
+      cm.replaceRange("" + indent + index + delimiter + text, {
+        line: lineNumber,
+        ch: 0
+      }, {
+        line: lineNumber,
+        ch: lineText.length
+      });
+      index += 1;
+      lineNumber += 1;
+    } else if (indentLength > prevIndentLength) {
+      // nested list start
+      lineNumber = fixNumber(lineNumber, indentLength, 1, cm);
+    } else {
+      // nested list end
+      return lineNumber;
+    }
+
+    lineText = cm.getLine(lineNumber);
+  } while (listRE.test(lineText));
+
+  return lineNumber;
+}
+/**
+ * find line number of list item which contains given lineNumber
+ * @param {number} lineNumber - line number of list item
+ * @param {CodeMirror} cm - CodeMirror instance
+ * @returns {number} - line number of first list item
+ * @ignore
+ */
+
+
+function findFirstListItem(lineNumber, cm) {
+  var nextLineNumber = lineNumber;
+  var lineText = cm.getLine(lineNumber);
+
+  while (listRE.test(lineText)) {
+    nextLineNumber -= 1;
+    lineText = cm.getLine(nextLineNumber);
+  }
+
+  if (lineNumber === nextLineNumber) {
+    nextLineNumber = -1;
+  } else {
+    nextLineNumber += 1;
+  }
+
+  return nextLineNumber;
+}
+// CONCATENATED MODULE: ./src/js/codemirror/overlay.js
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: http://codemirror.net/LICENSE
+// Utility function that allows modes to be combined. The mode given
+// as the base argument takes care of most of the normal mode
+// functionality, but a second (typically simple) mode is used, which
+// can override the style of text. Both modes get to parse all of the
+// text, but when both assign a non-null style to a piece of code, the
+// overlay wins, unless the combine argument was true and not overridden,
+// or state.overlay.combineTokens was true, in which case the styles are
+// combined.
+
+/**
+ * @modifier NHN FE Development Lab 
+ */
+
+/*eslint-disable */
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.overlayMode = function (base, overlay, combine) {
+  return {
+    startState: function startState() {
+      return {
+        base: external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.startState(base),
+        overlay: external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.startState(overlay),
+        basePos: 0,
+        baseCur: null,
+        overlayPos: 0,
+        overlayCur: null,
+        streamSeen: null
+      };
+    },
+    copyState: function copyState(state) {
+      return {
+        base: external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.copyState(base, state.base),
+        overlay: external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.copyState(overlay, state.overlay),
+        basePos: state.basePos,
+        baseCur: null,
+        overlayPos: state.overlayPos,
+        overlayCur: null
+      };
+    },
+    token: function token(stream, state) {
+      if (stream != state.streamSeen || Math.min(state.basePos, state.overlayPos) < stream.start) {
+        state.streamSeen = stream;
+        state.basePos = state.overlayPos = stream.start;
+      }
+
+      if (stream.start == state.basePos) {
+        state.baseCur = base.token(stream, state.base);
+        state.basePos = stream.pos;
+      }
+
+      if (stream.start == state.overlayPos) {
+        stream.pos = stream.start;
+        state.overlayCur = overlay.token(stream, state.overlay);
+        state.overlayPos = stream.pos;
+      }
+
+      stream.pos = Math.min(state.basePos, state.overlayPos); // state.overlay.combineTokens always takes precedence over combine,
+      // unless set to null
+
+      if (state.overlayCur == null) return state.baseCur;else if (state.baseCur != null && state.overlay.combineTokens || combine && state.overlay.combineTokens == null) return state.baseCur + ' ' + state.overlayCur;else return state.overlayCur;
+    },
+    indent: base.indent && function (state, textAfter) {
+      return base.indent(state.base, textAfter);
+    },
+    electricChars: base.electricChars,
+    innerMode: function innerMode(state) {
+      return {
+        state: state.base,
+        mode: base
+      };
+    },
+    blankLine: function blankLine(state) {
+      if (base.blankLine) base.blankLine(state.base);
+      if (overlay.blankLine) overlay.blankLine(state.overlay);
+    }
+  };
+};
+// CONCATENATED MODULE: ./src/js/codemirror/continuelist.js
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: http://codemirror.net/LICENSE
+
+/**
+ * @modifier NHN FE Development Lab 
+ */
+
+/*eslint-disable */
+
+var continuelist_listRE = /^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]\s))(\s*)/,
+    emptyListRE = /^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,
+    unorderedListRE = /[*+-]\s/;
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.indentOrderedList = function (cm) {
+  if (cm.getOption('disableInput')) return external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Pass;
+  var ranges = cm.listSelections();
+
+  for (var i = 0; i < ranges.length; i++) {
+    var pos = ranges[i].head;
+    var line = cm.getLine(pos.line);
+    var cursorBeforeTextInline = line.substr(0, pos.ch);
+
+    if (continuelist_listRE.test(cursorBeforeTextInline) || cm.somethingSelected()) {
+      cm.indentSelection('add');
+    } else {
+      cm.execCommand('insertSoftTab');
+    }
+  }
+
+  cm.execCommand('fixOrderedListNumber');
+};
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.newlineAndIndentContinueMarkdownList = function (cm) {
+  if (cm.getOption('disableInput') || !!cm.state.isCursorInCodeBlock) {
+    cm.execCommand('newlineAndIndent');
+    return;
+  }
+
+  var ranges = cm.listSelections(),
+      replacements = [];
+
+  for (var i = 0; i < ranges.length; i++) {
+    var pos = ranges[i].head;
+    var line = cm.getLine(pos.line),
+        match = continuelist_listRE.exec(line);
+    var cursorBeforeBullet = /^\s*$/.test(line.slice(0, pos.ch));
+
+    if (!ranges[i].empty() || !match || cursorBeforeBullet) {
+      cm.execCommand('newlineAndIndent');
+      return;
+    }
+
+    if (emptyListRE.test(line)) {
+      if (!/>\s*$/.test(line)) cm.replaceRange('', {
+        line: pos.line,
+        ch: 0
+      }, {
+        line: pos.line,
+        ch: pos.ch + 1
+      });
+      replacements[i] = '\n';
+    } else {
+      var indent = match[1],
+          after = match[5];
+      var numbered = !(unorderedListRE.test(match[2]) || match[2].indexOf('>') >= 0);
+      var bullet = numbered ? parseInt(match[3], 10) + 1 + match[4] : match[2].replace('x', ' ');
+      replacements[i] = '\n' + indent + bullet + after;
+      if (numbered) incrementRemainingMarkdownListNumbers(cm, pos);
+    }
+  }
+
+  cm.replaceSelections(replacements);
+}; // Auto-updating Markdown list numbers when a new item is added to the
+// middle of a list
+
+
+function incrementRemainingMarkdownListNumbers(cm, pos) {
+  var startLine = pos.line,
+      lookAhead = 0,
+      skipCount = 0;
+  var startItem = continuelist_listRE.exec(cm.getLine(startLine)),
+      startIndent = startItem[1];
+
+  do {
+    lookAhead += 1;
+    var nextLineNumber = startLine + lookAhead;
+    var nextLine = cm.getLine(nextLineNumber),
+        nextItem = continuelist_listRE.exec(nextLine);
+
+    if (nextItem) {
+      var nextIndent = nextItem[1];
+      var newNumber = parseInt(startItem[3], 10) + lookAhead - skipCount;
+      var nextNumber = parseInt(nextItem[3], 10),
+          itemNumber = nextNumber;
+
+      if (startIndent === nextIndent && !isNaN(nextNumber)) {
+        if (newNumber === nextNumber) itemNumber = nextNumber + 1;
+        if (newNumber > nextNumber) itemNumber = newNumber + 1;
+        cm.replaceRange(nextLine.replace(continuelist_listRE, nextIndent + itemNumber + nextItem[4] + nextItem[5]), {
+          line: nextLineNumber,
+          ch: 0
+        }, {
+          line: nextLineNumber,
+          ch: nextLine.length
+        });
+      } else {
+        if (startIndent.length > nextIndent.length) return; // This doesn't run if the next line immediatley indents, as it is
+        // not clear of the users intention (new indented item or same level)
+
+        if (startIndent.length < nextIndent.length && lookAhead === 1) return;
+        skipCount += 1;
+      }
+    }
+  } while (nextItem);
+}
+// CONCATENATED MODULE: ./src/js/codemirror/arrowKeyFunction.js
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: http://codemirror.net/LICENSE
+
+/**
+ * @modifier NHN FE Development Lab 
+ */
+
+/*eslint-disable */
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.replaceLineTextToUpper = function (cm) {
+  if (cm.getOption('disableInput')) {
+    return external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Pass;
+  }
+
+  var ranges = cm.listSelections();
+  var lineAdjustment = -1;
+
+  for (var i = 0; i < ranges.length; i++) {
+    var range = ranges[i];
+    var from = range.anchor;
+    var to = range.head;
+
+    if (isSameLineSelection(range) && to.line > 0) {
+      replaceSingleLine(cm, from, to, lineAdjustment);
+    } else if (!isRangeCollapsed(range)) {
+      var topLine = from.line < to.line ? from.line : to.line;
+
+      if (topLine > 0) {
+        var upper = from.line === topLine ? from : to;
+        var bottom = from.line === topLine ? to : from;
+        replaceMultiLine(cm, upper, bottom, lineAdjustment);
+      }
+    }
+  }
+};
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.replaceLineTextToLower = function (cm) {
+  if (cm.getOption('disableInput')) {
+    return external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Pass;
+  }
+
+  var ranges = cm.listSelections();
+  var lineAdjustment = 1;
+
+  for (var i = 0; i < ranges.length; i++) {
+    var range = ranges[i];
+    var from = range.anchor;
+    var to = range.head;
+    var isLastLine = to.line === cm.lastLine();
+
+    if (isSameLineSelection(range) && !isLastLine) {
+      replaceSingleLine(cm, from, to, lineAdjustment);
+    } else if (!isRangeCollapsed(range)) {
+      var topLine = from.line < to.line ? from.line : to.line;
+      var upper = from.line === topLine ? from : to;
+      var bottom = from.line === topLine ? to : from;
+
+      if (bottom.line < cm.lastLine()) {
+        replaceMultiLine(cm, upper, bottom, lineAdjustment);
+      }
+    }
+  }
+};
+
+function isRangeCollapsed(range) {
+  return isSameLineSelection(range) && range.anchor.ch === range.head.ch;
+}
+
+function isSameLineSelection(range) {
+  return range.anchor.line === range.head.line;
+}
+
+function replaceSingleLine(cm, from, to, lineAdjustment) {
+  var currentLine = cm.getLine(to.line);
+  var replacement = cm.getLine(to.line + lineAdjustment);
+  var range = {
+    anchor: from,
+    head: to
+  };
+  cm.replaceRange(replacement, {
+    line: to.line,
+    ch: 0
+  }, {
+    line: to.line,
+    ch: currentLine.length
+  }, '+input');
+  cm.replaceRange(currentLine, {
+    line: to.line + lineAdjustment,
+    ch: 0
+  }, {
+    line: to.line + lineAdjustment,
+    ch: replacement.length
+  }, '+input');
+
+  if (isRangeCollapsed(range)) {
+    cm.setCursor({
+      line: to.line + lineAdjustment,
+      ch: to.ch
+    });
+  } else {
+    cm.setSelection({
+      line: from.line + lineAdjustment,
+      ch: from.ch
+    }, {
+      line: to.line + lineAdjustment,
+      ch: to.ch
+    });
+  }
+}
+
+function replaceMultiLine(cm, upper, bottom, lineAdjustment) {
+  var rangeContent = cm.getRange({
+    line: upper.line,
+    ch: 0
+  }, {
+    line: bottom.line,
+    ch: cm.getLine(bottom.line).length
+  });
+  var edgeLineOfConcern = lineAdjustment > 0 ? bottom : upper;
+  var replacement = cm.getLine(edgeLineOfConcern.line + lineAdjustment);
+  var targetLine;
+
+  if (lineAdjustment > 0) {
+    targetLine = upper;
+  } else {
+    targetLine = bottom;
+  }
+
+  cm.replaceRange(replacement, {
+    line: targetLine.line,
+    ch: 0
+  }, {
+    line: targetLine.line,
+    ch: cm.getLine(targetLine.line).length
+  }, '+input');
+  cm.replaceRange(rangeContent, {
+    line: upper.line + lineAdjustment,
+    ch: 0
+  }, {
+    line: bottom.line + lineAdjustment,
+    ch: cm.getLine(bottom.line + lineAdjustment).length
+  }, '+input');
+  cm.setSelection({
+    line: upper.line + lineAdjustment,
+    ch: upper.ch
+  }, {
+    line: bottom.line + lineAdjustment,
+    ch: bottom.ch
+  });
+}
+// CONCATENATED MODULE: ./src/js/codemirror/placeholder.js
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: http://codemirror.net/LICENSE
+
+/**
+ * @modifier NHN FE Development Lab 
+ */
+
+/* eslint-disable */
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.defineOption('placeholder', '', function (cm, val, old) {
+  var prev = old && old != external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Init;
+
+  if (val && !prev) {
+    cm.on('blur', onBlur);
+    cm.on('change', onChange);
+    cm.on('swapDoc', onChange);
+    onChange(cm);
+  } else if (!val && prev) {
+    cm.off('blur', onBlur);
+    cm.off('change', onChange);
+    cm.off('swapDoc', onChange);
+    clearPlaceholder(cm);
+    var wrapper = cm.getWrapperElement();
+    wrapper.className = wrapper.className.replace(' CodeMirror-empty', '');
+  }
+
+  if (val && !cm.hasFocus()) onBlur(cm);
+});
+
+function clearPlaceholder(cm) {
+  if (cm.state.placeholder) {
+    cm.state.placeholder.parentNode.removeChild(cm.state.placeholder);
+    cm.state.placeholder = null;
+  }
+}
+
+function setPlaceholder(cm) {
+  clearPlaceholder(cm);
+  var elt = cm.state.placeholder = document.createElement('pre');
+  elt.style.cssText = 'height: 0; overflow: visible';
+  elt.className = 'CodeMirror-placeholder';
+  var placeHolder = cm.getOption('placeholder');
+  if (typeof placeHolder == 'string') placeHolder = document.createTextNode(placeHolder);
+  elt.appendChild(placeHolder);
+  cm.display.lineSpace.insertBefore(elt, cm.display.lineSpace.firstChild);
+}
+
+function onBlur(cm) {
+  if (isEmpty(cm)) setPlaceholder(cm);
+}
+
+function onChange(cm) {
+  var wrapper = cm.getWrapperElement(),
+      empty = isEmpty(cm);
+  wrapper.className = wrapper.className.replace(' CodeMirror-empty', '') + (empty ? ' CodeMirror-empty' : '');
+  if (empty) setPlaceholder(cm);else clearPlaceholder(cm);
+}
+
+function isEmpty(cm) {
+  return cm.lineCount() === 1 && cm.getLine(0) === '';
+}
+// CONCATENATED MODULE: ./src/js/codeMirrorExt.js
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * @fileoverview Implements CodeBlockExt
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+/**
+ * Class CodeMirrorExt
+ * @param {HTMLElement} el - container jquery element
+ * @param {Object} [options={}] - codeMirror options
+ */
+
+var codeMirrorExt_CodeMirrorExt = /*#__PURE__*/function () {
+  function CodeMirrorExt(el, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    this.editorContainerEl = el;
+    /**
+     * CodeMirror instance
+     * @type {CodeMirror.EditorFromTextArea}
+     * @private
+     */
+
+    this.cm = null;
+
+    this._init(options);
+  }
+  /**
+   * init
+   * @param {Object} options - codeMirror option
+   * @private
+   */
+
+
+  var _proto = CodeMirrorExt.prototype;
+
+  _proto._init = function _init(options) {
+    var cmTextarea = document.createElement('textarea');
+    this.editorContainerEl.appendChild(cmTextarea);
+    options = _extends({}, options, {
+      lineWrapping: true,
+      theme: 'default',
+      extraKeys: _extends({
+        'Shift-Tab': 'indentLess',
+        'Alt-Up': 'replaceLineTextToUpper',
+        'Alt-Down': 'replaceLineTextToLower'
+      }, options.extraKeys),
+      indentUnit: 4,
+      cursorScrollMargin: 12,
+      specialCharPlaceholder: function specialCharPlaceholder() {
+        return document.createElement('span');
+      }
+    });
+    this.cm = external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.fromTextArea(cmTextarea, options);
+  }
+  /**
+   * getCurrentRange
+   * @returns {Object} - selection range
+   */
+  ;
+
+  _proto.getCurrentRange = function getCurrentRange() {
+    var from = this.cm.getCursor('from');
+    var to = this.cm.getCursor('to');
+    return {
+      from: from,
+      to: to,
+      collapsed: from.line === to.line && from.ch === to.ch
+    };
+  }
+  /**
+   * Set focus to current Editor
+   */
+  ;
+
+  _proto.focus = function focus() {
+    this.cm.focus();
+  }
+  /**
+   * blur focus to current Editor
+   */
+  ;
+
+  _proto.blur = function blur() {
+    this.cm.getInputField().blur();
+  }
+  /**
+   * Remove Editor from document
+   */
+  ;
+
+  _proto.remove = function remove() {
+    this.cm.toTextArea();
+  }
+  /**
+   * Set Editor value
+   * @param {string} markdown - Markdown syntax text
+   * @param {boolean} [cursorToEnd=true] - move cursor to contents end
+   */
+  ;
+
+  _proto.setValue = function setValue(markdown, cursorToEnd) {
+    if (cursorToEnd === void 0) {
+      cursorToEnd = true;
+    }
+
+    this.cm.setValue(markdown);
+
+    if (cursorToEnd) {
+      this.moveCursorToEnd();
+    }
+
+    this.cm.doc.clearHistory();
+    this.cm.refresh();
+  }
+  /**
+   * Get editor value
+   * @returns {string} - codeMirror text value
+   */
+  ;
+
+  _proto.getValue = function getValue() {
+    return this.cm.getValue('\n');
+  }
+  /**
+   * Get CodeMirror instance
+   * @returns {CodeMirror}
+   */
+  ;
+
+  _proto.getEditor = function getEditor() {
+    return this.cm;
+  }
+  /**
+   * Reset Editor
+   */
+  ;
+
+  _proto.reset = function reset() {
+    this.setValue('');
+  }
+  /**
+   * Get current caret position
+   * @returns {{from: {line: number, ch: number}, to: {line: number, ch: number}}}
+   */
+  ;
+
+  _proto.getCaretPosition = function getCaretPosition() {
+    return this.cm.cursorCoords();
+  }
+  /**
+   * Add widget
+   * @param {object} selection - Selection object
+   * @param {HTMLElement} node - Widget node
+   * @param {string} style - Adding style "over" or "bottom"
+   * @param {number} offset - Adding offset
+   */
+  ;
+
+  _proto.addWidget = function addWidget(selection, node, style, offset) {
+    if (offset) {
+      selection.ch += offset;
+    }
+
+    this.cm.addWidget(selection.end, node, true, style);
+  }
+  /**
+   * Replace selection with given replacement content
+   * @param {string} content - Replacement content text
+   * @param {object} selection - Selection object
+   */
+  ;
+
+  _proto.replaceSelection = function replaceSelection(content, selection) {
+    if (selection) {
+      this.cm.setSelection(selection.from, selection.to);
+    }
+
+    this.cm.replaceSelection(content);
+    this.focus();
+  }
+  /**
+   * Replace selection with replacement content and offset
+   * @param {string} content - Replacement content text
+   * @param {number} offset - Offset
+   * @param {number} overwriteLength - Length to overwrite
+   */
+  ;
+
+  _proto.replaceRelativeOffset = function replaceRelativeOffset(content, offset, overwriteLength) {
+    var cursor = this.cm.getCursor();
+    var selection = {
+      from: {
+        line: cursor.line,
+        ch: cursor.ch + offset
+      },
+      to: {
+        line: cursor.line,
+        ch: cursor.ch + offset + overwriteLength
+      }
+    };
+    this.replaceSelection(content, selection);
+  }
+  /**
+   * Set Editor height
+   * @param {number} height - Editor height
+   */
+  ;
+
+  _proto.setHeight = function setHeight(height) {
+    var contentWrapper = this.getWrapperElement();
+    css_default()(contentWrapper, {
+      height: height + "px"
+    });
+  }
+  /**
+   * set min height
+   * @param {number} minHeight - min height
+   */
+  ;
+
+  _proto.setMinHeight = function setMinHeight(minHeight) {
+    var contentWrapper = this.getWrapperElement();
+    css_default()(contentWrapper, {
+      minHeight: minHeight + "px"
+    });
+  }
+  /**
+   * Set the placeholder to CodeMirror
+   * @param {string} placeholder - placeholder to set
+   */
+  ;
+
+  _proto.setPlaceholder = function setPlaceholder(placeholder) {
+    if (placeholder) {
+      this.cm.setOption('placeholder', placeholder);
+    }
+  }
+  /**
+   * get code mirror wrapper element
+   * @returns {HTMLElement} - code mirror wrapper element
+   */
+  ;
+
+  _proto.getWrapperElement = function getWrapperElement() {
+    return this.cm.getWrapperElement();
+  }
+  /**
+   * get code mirror cursor
+   * @param {string} [start='head'] - which end of the selection. 'from'|'to'|'head'|'anchor'
+   * @returns {Cursor} - code mirror cursor
+   */
+  ;
+
+  _proto.getCursor = function getCursor(start) {
+    return this.cm.getCursor(start);
+  }
+  /**
+   * Set cursor position to end
+   */
+  ;
+
+  _proto.moveCursorToEnd = function moveCursorToEnd() {
+    var doc = this.getEditor().getDoc();
+    var lastLine = doc.lastLine();
+    doc.setCursor(lastLine, doc.getLine(lastLine).length);
+  }
+  /**
+   * Set cursor position to start
+   */
+  ;
+
+  _proto.moveCursorToStart = function moveCursorToStart() {
+    var doc = this.getEditor().getDoc();
+    var firstLine = doc.firstLine();
+    doc.setCursor(firstLine, 0);
+  }
+  /**
+   * Scroll Editor content to Top
+   * @param {number} value - Scroll amount
+   * @returns {number} - changed scroll top
+   */
+  ;
+
+  _proto.scrollTop = function scrollTop(value) {
+    if (value) {
+      this.cm.scrollTo(0, value);
+    }
+
+    return this.cm.getScrollInfo().top;
+  }
+  /**
+   * Get start, end position of current selection
+   * @returns {{start: {line: *, ch: *}, end: {line: *, ch: *}}}
+   */
+  ;
+
+  _proto.getRange = function getRange() {
+    var start = this.cm.getCursor('from');
+    var end = this.cm.getCursor('to');
+    return {
+      start: {
+        line: start.line,
+        ch: start.ch
+      },
+      end: {
+        line: end.line,
+        ch: end.ch
+      }
+    };
+  }
+  /**
+   * add codemirror event handler
+   * @param {string} type - event type
+   * @param {function} func - handler function
+   */
+  ;
+
+  _proto.on = function on(type, func) {
+    this.cm.on(type, func);
+  }
+  /**
+   * remove codemirror event handler
+   * @param {string} type - event type
+   * @param {function} func - handler function
+   */
+  ;
+
+  _proto.off = function off(type, func) {
+    this.cm.off(type, func);
+  };
+
+  return CodeMirrorExt;
+}();
+
+/* harmony default export */ var codeMirrorExt = (codeMirrorExt_CodeMirrorExt);
+// CONCATENATED MODULE: ./src/js/keyMapper.js
+/**
+ * @fileoverview Implements KeyMapper
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Constant of key mapping
+ * @type {string[]}
+ * @ignore
+ */
+var KEYBOARD_MAP = ['', // [0]
+'', // [1]
+'', // [2]
+'CANCEL', // [3]
+'', // [4]
+'', // [5]
+'HELP', // [6]
+'', // [7]
+'BACK_SPACE', // [8]
+'TAB', // [9]
+'', // [10]
+'', // [11]
+'CLEAR', // [12]
+'ENTER', // [13]
+'ENTER_SPECIAL', // [14]
+'', // [15]
+'', // [16] SHIFT
+'', // [17] CONTROL
+'', // [18] ALT
+'PAUSE', // [19]
+'CAPS_LOCK', // [20]
+'KANA', // [21]
+'EISU', // [22]
+'JUNJA', // [23]
+'FINAL', // [24]
+'HANJA', // [25]
+'', // [26]
+'ESCAPE', // [27]
+'CONVERT', // [28]
+'NONCONVERT', // [29]
+'ACCEPT', // [30]
+'MODECHANGE', // [31]
+'SPACE', // [32]
+'PAGE_UP', // [33]
+'PAGE_DOWN', // [34]
+'END', // [35]
+'HOME', // [36]
+'LEFT', // [37]
+'UP', // [38]
+'RIGHT', // [39]
+'DOWN', // [40]
+'SELECT', // [41]
+'PRINT', // [42]
+'EXECUTE', // [43]
+'PRINTSCREEN', // [44]
+'INSERT', // [45]
+'DELETE', // [46]
+'', // [47]
+'0', // [48]
+'1', // [49]
+'2', // [50]
+'3', // [51]
+'4', // [52]
+'5', // [53]
+'6', // [54]
+'7', // [55]
+'8', // [56]
+'9', // [57]
+':', // [58]
+';', // [59]
+'<', // [60]
+'=', // [61]
+'>', // [62]
+'?', // [63]
+'AT', // [64]
+'A', // [65]
+'B', // [66]
+'C', // [67]
+'D', // [68]
+'E', // [69]
+'F', // [70]
+'G', // [71]
+'H', // [72]
+'I', // [73]
+'J', // [74]
+'K', // [75]
+'L', // [76]
+'M', // [77]
+'N', // [78]
+'O', // [79]
+'P', // [80]
+'Q', // [81]
+'R', // [82]
+'S', // [83]
+'T', // [84]
+'U', // [85]
+'V', // [86]
+'W', // [87]
+'X', // [88]
+'Y', // [89]
+'Z', // [90]
+'', // [91] META
+'', // [92]
+'CONTEXT_MENU', // [93]
+'', // [94]
+'SLEEP', // [95]
+'NUMPAD0', // [96]
+'NUMPAD1', // [97]
+'NUMPAD2', // [98]
+'NUMPAD3', // [99]
+'NUMPAD4', // [100]
+'NUMPAD5', // [101]
+'NUMPAD6', // [102]
+'NUMPAD7', // [103]
+'NUMPAD8', // [104]
+'NUMPAD9', // [105]
+'MULTIPLY', // [106]
+'ADD', // [107]
+'SEPARATOR', // [108]
+'SUBTRACT', // [109]
+'DECIMAL', // [110]
+'DIVIDE', // [111]
+'F1', // [112]
+'F2', // [113]
+'F3', // [114]
+'F4', // [115]
+'F5', // [116]
+'F6', // [117]
+'F7', // [118]
+'F8', // [119]
+'F9', // [120]
+'F10', // [121]
+'F11', // [122]
+'F12', // [123]
+'F13', // [124]
+'F14', // [125]
+'F15', // [126]
+'F16', // [127]
+'F17', // [128]
+'F18', // [129]
+'F19', // [130]
+'F20', // [131]
+'F21', // [132]
+'F22', // [133]
+'F23', // [134]
+'F24', // [135]
+'', // [136]
+'', // [137]
+'', // [138]
+'', // [139]
+'', // [140]
+'', // [141]
+'', // [142]
+'', // [143]
+'NUM_LOCK', // [144]
+'SCROLL_LOCK', // [145]
+'WIN_OEM_FJ_JISHO', // [146]
+'WIN_OEM_FJ_MASSHOU', // [147]
+'WIN_OEM_FJ_TOUROKU', // [148]
+'WIN_OEM_FJ_LOYA', // [149]
+'WIN_OEM_FJ_ROYA', // [150]
+'', // [151]
+'', // [152]
+'', // [153]
+'', // [154]
+'', // [155]
+'', // [156]
+'', // [157]
+'', // [158]
+'', // [159]
+'@', // [160]
+'!', // [161]
+'"', // [162]
+'#', // [163]
+'$', // [164]
+'%', // [165]
+'&', // [166]
+'_', // [167]
+'(', // [168]
+')', // [169]
+'*', // [170]
+'+', // [171]
+'|', // [172]
+'-', // [173]
+'{', // [174]
+'}', // [175]
+'~', // [176]
+'', // [177]
+'', // [178]
+'', // [179]
+'', // [180]
+'VOLUME_MUTE', // [181]
+'VOLUME_DOWN', // [182]
+'VOLUME_UP', // [183]
+'', // [184]
+'', // [185]
+';', // [186]
+'=', // [187]
+',', // [188]
+'-', // [189]
+'.', // [190]
+'/', // [191]
+'`', // [192]
+'', // [193]
+'', // [194]
+'', // [195]
+'', // [196]
+'', // [197]
+'', // [198]
+'', // [199]
+'', // [200]
+'', // [201]
+'', // [202]
+'', // [203]
+'', // [204]
+'', // [205]
+'', // [206]
+'', // [207]
+'', // [208]
+'', // [209]
+'', // [210]
+'', // [211]
+'', // [212]
+'', // [213]
+'', // [214]
+'', // [215]
+'', // [216]
+'', // [217]
+'', // [218]
+'[', // [219]
+'\\', // [220]
+']', // [221]
+"'", // [222]
+'', // [223]
+'META', // [224]
+'ALTGR', // [225]
+'', // [226]
+'WIN_ICO_HELP', // [227]
+'WIN_ICO_00', // [228]
+'', // [229]
+'WIN_ICO_CLEAR', // [230]
+'', // [231]
+'', // [232]
+'WIN_OEM_RESET', // [233]
+'WIN_OEM_JUMP', // [234]
+'WIN_OEM_PA1', // [235]
+'WIN_OEM_PA2', // [236]
+'WIN_OEM_PA3', // [237]
+'WIN_OEM_WSCTRL', // [238]
+'WIN_OEM_CUSEL', // [239]
+'WIN_OEM_ATTN', // [240]
+'WIN_OEM_FINISH', // [241]
+'WIN_OEM_COPY', // [242]
+'WIN_OEM_AUTO', // [243]
+'WIN_OEM_ENLW', // [244]
+'WIN_OEM_BACKTAB', // [245]
+'ATTN', // [246]
+'CRSEL', // [247]
+'EXSEL', // [248]
+'EREOF', // [249]
+'PLAY', // [250]
+'ZOOM', // [251]
+'', // [252]
+'PA1', // [253]
+'WIN_OEM_CLEAR', // [254]
+'' // [255]
+];
+var sharedInstance;
+/**
+ * Class KeyMapper
+ * @param {object} [options] options
+ * @param {string} options.splitter splitter string default is +
+ * @ignore
+ */
+
+var KeyMapper = /*#__PURE__*/function () {
+  function KeyMapper(options) {
+    this._setSplitter(options);
+  }
+  /**
+   * Set key splitter
+   * @param {object} options Option object
+   * @private
+   */
+
+
+  var _proto = KeyMapper.prototype;
+
+  _proto._setSplitter = function _setSplitter(options) {
+    var splitter = options ? options.splitter : '+';
+    this._splitter = splitter;
+  }
+  /**
+   * Convert event to keyMap
+   * @param {event} event Event object
+   * @returns {string}
+   */
+  ;
+
+  _proto.convert = function convert(event) {
+    var keyMap = [];
+
+    if (event.shiftKey) {
+      keyMap.push('SHIFT');
+    }
+
+    if (event.ctrlKey) {
+      keyMap.push('CTRL');
+    }
+
+    if (event.metaKey) {
+      keyMap.push('META');
+    }
+
+    if (event.altKey) {
+      keyMap.push('ALT');
+    }
+
+    var keyChar = this._getKeyCodeChar(event.keyCode);
+
+    if (keyChar) {
+      keyMap.push(keyChar);
+    }
+
+    return keyMap.join(this._splitter);
+  }
+  /**
+   * Get character from key code
+   * @param {number} keyCode Key code
+   * @returns {string}
+   * @private
+   */
+  ;
+
+  _proto._getKeyCodeChar = function _getKeyCodeChar(keyCode) {
+    var keyCodeCharacter = KEYBOARD_MAP[keyCode];
+    return keyCodeCharacter;
+  }
+  /**
+   * Get sharedInstance
+   * @returns {KeyMapper}
+   */
+  ;
+
+  KeyMapper.getSharedInstance = function getSharedInstance() {
+    if (!sharedInstance) {
+      sharedInstance = new KeyMapper();
+    }
+
+    return sharedInstance;
+  }
+  /**
+   * get key code for a character
+   * @param {string} char - a character to be converted
+   * @returns {number} key code for the char
+   * @static
+   */
+  ;
+
+  KeyMapper.keyCode = function keyCode(char) {
+    return KEYBOARD_MAP.indexOf(char);
+  };
+
+  return KeyMapper;
+}();
+
+/* harmony default export */ var keyMapper = (KeyMapper);
+// CONCATENATED MODULE: ./src/js/mdListManager.js
+/**
+ * @fileoverview Implements markdown list manager
+ * @author NHN FE Development Lab 
+ */
+var FIND_LIST_RX = /^[ \t]*([-*]|[\d]+\.)( \[[ xX]])? /;
+var FIND_TASK_LIST_RX = /^[ \t]*([*-] |[\d]+\. )(\[[ xX]] )/;
+var FIND_UL_RX = /^[ \t]*[-*] .*/;
+var FIND_OL_TASK_RX = /^[ \t]*[\d]+\. \[[ xX]] .*/;
+var LIST_SYNTAX_RX = /([*-] |[\d]+\. )/;
+var TASK_SYNTAX_RX = /([-*] |[\d]+\. )(\[[ xX]] )/;
+var LIST_OR_TASK_SYNTAX_RX = /([-*]|[\d]+\.)( \[[ xX]])? /;
+var UL_TASK_SYNTAX_RX = /([-*])( \[[ xX]]) /;
+var OL_SYNTAX_RX = /([\d])+\.( \[[ xX]])? /;
+var FIND_TABLE_RX = /^\|([-\s\w\d\t<>?!@#$%^&*()_=+\\/'";: \r[\]]*\|+)+/i;
+var FIND_HEADING_RX = /^#+\s/;
+var FIND_BLOCK_RX = /^ {0,3}(```|\||>)/;
+/**
+ * Class MdListManager
+ * @param {MarkdownEditor} mde - MarkdownEditor instance
+ * @ignore
+ */
+
+var MdListManager = /*#__PURE__*/function () {
+  function MdListManager(mde) {
+    this.cm = mde.getEditor();
+    this.doc = this.cm.getDoc();
+    this.toastMark = mde.getToastMark();
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'list';
+  }
+  /**
+   * Sort line number of selection descending
+   * @param {{from, to}} range start, end CodeMirror range information
+   * @returns {{start: {number}, end: {number}}}
+   * @private
+   */
+
+
+  var _proto = MdListManager.prototype;
+
+  _proto._createSortedLineRange = function _createSortedLineRange(range) {
+    var isReversed = range.from.line > range.to.line;
+    var rangeStart = {
+      line: isReversed ? range.to.line : range.from.line,
+      ch: 0
+    };
+    var rangeEnd = {
+      line: isReversed ? range.from.line : range.to.line,
+      ch: 0
+    };
+    return {
+      start: rangeStart.line,
+      end: rangeEnd.line
+    };
+  }
+  /**
+   * For odering the ol list, search preivous lines and
+   * calculate ordinal number when find ol list
+   * @param {number} lineNumber lineNumber
+   * @returns {number}
+   * @private
+   */
+  ;
+
+  _proto._calculateOrdinalNumber = function _calculateOrdinalNumber(lineNumber) {
+    var ordinalNumber = 1;
+
+    for (var i = lineNumber - 1; i >= 0; i -= 1) {
+      var depth = this._getListDepth(i);
+
+      if (depth === 1 && OL_SYNTAX_RX.exec(this.doc.getLine(i))) {
+        ordinalNumber = parseInt(RegExp.$1, 10) + 1;
+        break;
+      } else if (depth === 0) {
+        break;
+      }
+    }
+
+    return ordinalNumber;
+  };
+
+  _proto._isListLine = function _isListLine(lineNumber) {
+    return !!FIND_LIST_RX.exec(this.doc.getLine(lineNumber));
+  }
+  /**
+   * If text already have sytax for heading, table and code block,
+   * can not change to list.
+   * @param {number} lineNumber lineNumber
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isCanBeList = function _isCanBeList(lineNumber) {
+    var line = this.doc.getLine(lineNumber);
+    return !FIND_BLOCK_RX.test(line) && !FIND_TABLE_RX.test(line) && !FIND_HEADING_RX.test(line);
+  }
+  /**
+   * Return a function for change according to type
+   * @param {string} type ol, ul, task
+   * @returns {Function}
+   * @private
+   */
+  ;
+
+  _proto._getChangeFn = function _getChangeFn(type) {
+    var _this = this;
+
+    var fn;
+
+    switch (type) {
+      case 'ol':
+      case 'ul':
+        fn = function fn(lineNumber) {
+          return _this._changeToList(lineNumber, type);
+        };
+
+        break;
+
+      case 'task':
+        fn = function fn(lineNumber) {
+          return _this._changeToTask(lineNumber);
+        };
+
+        break;
+
+      default:
+        break;
+    }
+
+    return fn;
+  }
+  /**
+   * Change syntax by traversing each line selected.
+   * @param {{from, to}} range start, end CodeMirror range information
+   * @param {string} type ol, ul, task
+   */
+  ;
+
+  _proto.changeSyntax = function changeSyntax(range, type) {
+    var newListLine = [];
+
+    var lineRange = this._createSortedLineRange(range);
+
+    var startLineNumber = lineRange.start,
+        endLineNumber = lineRange.end;
+
+    var changeFn = this._getChangeFn(type);
+
+    for (var lineNumber = startLineNumber; lineNumber <= endLineNumber; lineNumber += 1) {
+      if (!this._isCanBeList(lineNumber)) {
+        break;
+      } // If text of lineNumber is not list, cache for inserting blank line
+
+
+      if (!this._isListLine(lineNumber)) {
+        newListLine.push(lineNumber);
+      }
+
+      changeFn(lineNumber);
+    } // Should insert blank line before and after new list
+
+
+    this._insertBlankLineForNewList(newListLine);
+
+    this.cm.focus();
+  };
+
+  _proto._replaceLineText = function _replaceLineText(text, lineNumber) {
+    this.doc.replaceRange(text, {
+      line: lineNumber,
+      ch: 0
+    });
+  }
+  /**
+   * change to list according to the type.
+   * @param {number} lineNumber line number
+   * @param {string} type ol, ul
+   * @private
+   */
+  ;
+
+  _proto._changeToList = function _changeToList(lineNumber, type) {
+    var _this2 = this;
+
+    if (this._isListLine(lineNumber)) {
+      // If type is ol, need ordinal number.
+      this._changeSameDepthList(lineNumber, type === 'ol' ? function (lineNum, ordinalNumber) {
+        _this2._replaceListTypeToOL(lineNum, ordinalNumber);
+      } : function (lineNum) {
+        _this2._replaceListTypeToUL(lineNum);
+      });
+    } else {
+      this._replaceLineText(type === 'ol' ? this._calculateOrdinalNumber(lineNumber) + ". " : '* ', lineNumber);
+    }
+  }
+  /**
+   * change to task list according
+   * @param {number} lineNumber line number
+   * @private
+   */
+  ;
+
+  _proto._changeToTask = function _changeToTask(lineNumber) {
+    if (FIND_TASK_LIST_RX.exec(this.doc.getLine(lineNumber))) {
+      this._replaceLineTextByRegexp(lineNumber, TASK_SYNTAX_RX, '$1');
+    } else if (this._isListLine(lineNumber)) {
+      this._replaceLineTextByRegexp(lineNumber, LIST_SYNTAX_RX, '$1[ ] ');
+    } else {
+      this._replaceLineText('* [ ] ', lineNumber);
+    }
+  };
+
+  _proto._getListDepth = function _getListDepth(lineNumber) {
+    var depth = 0;
+    var text = this.doc.getLine(lineNumber);
+
+    if (text) {
+      var mdNode = this.toastMark.findFirstNodeAtLine(lineNumber + 1);
+
+      while (mdNode && mdNode.type !== 'document') {
+        if (mdNode.type === 'list') {
+          depth += 1;
+        }
+
+        mdNode = mdNode.parent;
+      }
+    }
+
+    return depth;
+  };
+
+  _proto._findSameDepthList = function _findSameDepthList(listNumber, depth, isIncrease) {
+    var lineCount = this.doc.lineCount();
+    var result = [];
+    var i = listNumber;
+    var currentLineDepth;
+
+    while (isIncrease ? i < lineCount - 1 : i > 0) {
+      i = isIncrease ? i + 1 : i - 1;
+      currentLineDepth = this._getListDepth(i);
+
+      if (currentLineDepth === depth) {
+        result.push(i);
+      } else if (currentLineDepth < depth) {
+        break;
+      }
+    }
+
+    return result;
+  }
+  /**
+   * Find Sampe depth list before and after the line number,
+   * and then same depth lines change using replacer function
+   * @param {number} lineNumber line number
+   * @param {Function} replacer The function should be called with line numbers and ordinal number as arguments.
+   * @private
+   */
+  ;
+
+  _proto._changeSameDepthList = function _changeSameDepthList(lineNumber, replacer) {
+    var depth = this._getListDepth(lineNumber);
+
+    var backwardList = this._findSameDepthList(lineNumber, depth, false).reverse();
+
+    var forwardList = this._findSameDepthList(lineNumber, depth, true);
+
+    var sameDepthList = backwardList.concat([lineNumber]).concat(forwardList);
+    sameDepthList.forEach(function (lineNum, i) {
+      replacer(lineNum, i + 1);
+    });
+  }
+  /**
+   * Replace text using regular expression
+   * @param {number} lineNumber Line number
+   * @param {RegExp} regexp Regexp for find list syntax
+   * @param {string} replacePattern Replacement string
+   * @private
+   */
+  ;
+
+  _proto._replaceLineTextByRegexp = function _replaceLineTextByRegexp(lineNumber, regexp, replacePattern) {
+    var line = this.doc.getLine(lineNumber);
+    var currentLineStart = {
+      line: lineNumber,
+      ch: 0
+    };
+    var currentLineEnd = {
+      line: lineNumber,
+      ch: line.length
+    };
+    line = line.replace(regexp, replacePattern);
+    this.doc.replaceRange(line, currentLineStart, currentLineEnd);
+  };
+
+  _proto._replaceListTypeToUL = function _replaceListTypeToUL(lineNumber) {
+    var lineText = this.doc.getLine(lineNumber);
+
+    if (UL_TASK_SYNTAX_RX.exec(lineText)) {
+      this._replaceLineTextByRegexp(lineNumber, UL_TASK_SYNTAX_RX, '$1 ');
+    } else if (OL_SYNTAX_RX.exec(lineText)) {
+      this._replaceLineTextByRegexp(lineNumber, OL_SYNTAX_RX, '* ');
+    }
+  };
+
+  _proto._replaceListTypeToOL = function _replaceListTypeToOL(lineNumber, ordinalNumber) {
+    var lineText = this.doc.getLine(lineNumber);
+
+    if (FIND_UL_RX.exec(lineText) || FIND_OL_TASK_RX.exec(lineText)) {
+      this._replaceLineTextByRegexp(lineNumber, LIST_OR_TASK_SYNTAX_RX, ordinalNumber + ". ");
+    } else if (OL_SYNTAX_RX.exec(lineText)) {
+      if (parseInt(RegExp.$1, 10) !== ordinalNumber) {
+        this._replaceLineTextByRegexp(lineNumber, OL_SYNTAX_RX, ordinalNumber + ". ");
+      }
+    }
+  }
+  /**
+   * The new list must have a blank line before and after.
+   * @param {Array} newListLines lines that changed to list
+   * @private
+   */
+  ;
+
+  _proto._insertBlankLineForNewList = function _insertBlankLineForNewList(newListLines) {
+    var length = newListLines.length;
+
+    if (length) {
+      var startLineNumber = newListLines[0];
+      var endLineNumber = newListLines[length - 1];
+
+      if (this._isNotBlankNotListLine(endLineNumber + 1)) {
+        this.doc.replaceRange('\n', {
+          line: endLineNumber,
+          ch: this.doc.getLine(endLineNumber).length
+        });
+      }
+
+      if (startLineNumber > 0 && this._isNotBlankNotListLine(startLineNumber - 1)) {
+        this.doc.replaceRange('\n', {
+          line: startLineNumber,
+          ch: 0
+        });
+      }
+    }
+  };
+
+  _proto._isNotBlankNotListLine = function _isNotBlankNotListLine(lineNumber) {
+    return !!this.doc.getLine(lineNumber) && !this._isListLine(lineNumber);
+  };
+
+  return MdListManager;
+}();
+
+/* harmony default export */ var mdListManager = (MdListManager);
+// CONCATENATED MODULE: ./src/js/componentManager.js
+/**
+ * @fileoverview Implements ComponentManager
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class ComponentManager
+ * @param {MarkdownEditor|WysiwygEditor} editor - Editor instance
+ * @ignore
+ */
+var ComponentManager = /*#__PURE__*/function () {
+  function ComponentManager(editor) {
+    /**
+     * private
+     * @type {object}
+     * @private
+     */
+    this._managers = {};
+    this._editor = editor;
+  }
+  /**
+   * addManager
+   * Add manager
+   * @param {string|function} nameOrConstructor Manager name or constructor
+   * @param {function} [ManagerConstructor] Constructor
+   */
+
+
+  var _proto = ComponentManager.prototype;
+
+  _proto.addManager = function addManager(nameOrConstructor, ManagerConstructor) {
+    if (!ManagerConstructor) {
+      ManagerConstructor = nameOrConstructor;
+      nameOrConstructor = null;
+    }
+
+    var instance = new ManagerConstructor(this._editor);
+    this._managers[nameOrConstructor || instance.name] = instance;
+  }
+  /**
+   * getManager
+   * Get manager by manager name
+   * @param {string} name Manager name
+   * @returns {object} manager
+   */
+  ;
+
+  _proto.getManager = function getManager(name) {
+    return this._managers[name];
+  }
+  /**
+   * Remove Manager.
+   * @param {string} name - manager name
+   */
+  ;
+
+  _proto.removeManager = function removeManager(name) {
+    var manager = this.getManager(name);
+
+    if (!manager) {
+      return;
+    }
+
+    if (manager.destroy) {
+      manager.destroy();
+    }
+
+    delete this._managers[name];
+  };
+
+  return ComponentManager;
+}();
+
+/* harmony default export */ var componentManager = (ComponentManager);
+// CONCATENATED MODULE: ./src/js/mdTextObject.js
+/**
+ * @fileoverview Implements markdown textObject
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Markdown textObject
+ * @param {MarkdownEditor} mde - MarkdownEditor instance
+ * @param {object} range - range
+ */
+var MdTextObject = /*#__PURE__*/function () {
+  function MdTextObject(mde, range) {
+    this._mde = mde;
+    this.setRange(range || mde.getRange());
+  }
+  /**
+   * Set start
+   * @param {object} rangeStart Start of range
+   * @private
+   */
+
+
+  var _proto = MdTextObject.prototype;
+
+  _proto._setStart = function _setStart(rangeStart) {
+    this._start = rangeStart;
+  }
+  /**
+   * Set end
+   * @param {object} rangeEnd End of range
+   * @private
+   */
+  ;
+
+  _proto._setEnd = function _setEnd(rangeEnd) {
+    this._end = rangeEnd;
+  }
+  /**
+   * Set range to given range
+   * @param {object} range Range object
+   */
+  ;
+
+  _proto.setRange = function setRange(range) {
+    this._setStart(range.start);
+
+    this._setEnd(range.end);
+  }
+  /**
+   * Set start to end
+   * @param {object} range Range object
+   */
+  ;
+
+  _proto.setEndBeforeRange = function setEndBeforeRange(range) {
+    this._setEnd(range.start);
+  }
+  /**
+   * Expand startOffset by 1
+   */
+  ;
+
+  _proto.expandStartOffset = function expandStartOffset() {
+    var start = this._start;
+
+    if (start.ch !== 0) {
+      start.ch -= 1;
+    }
+  }
+  /**
+   * Expand endOffset by 1
+   */
+  ;
+
+  _proto.expandEndOffset = function expandEndOffset() {
+    var end = this._end;
+
+    if (end.ch < this._mde.getEditor().getDoc().getLine(end.line).length) {
+      end.ch += 1;
+    }
+  }
+  /**
+   * Get current selection's text content
+   * @returns {{start: {line: number, ch: number}, end: {line: number, ch: number}}}
+   */
+  ;
+
+  _proto.getTextContent = function getTextContent() {
+    return this._mde.getEditor().getRange(this._start, this._end);
+  }
+  /**
+   * Replace current selection's content with given text content
+   * @param {string} content Replacement content
+   */
+  ;
+
+  _proto.replaceContent = function replaceContent(content) {
+    this._mde.getEditor().replaceRange(content, this._start, this._end, '+input');
+  }
+  /**
+   * Delete current selection's content
+   */
+  ;
+
+  _proto.deleteContent = function deleteContent() {
+    this._mde.getEditor().replaceRange('', this._start, this._end, '+delete');
+  }
+  /**
+   * peek StartBeforeOffset
+   * @param {number} offset Offset
+   * @returns {{start: {line: number, ch: number}, end: {line: number, ch: number}}}
+   */
+  ;
+
+  _proto.peekStartBeforeOffset = function peekStartBeforeOffset(offset) {
+    var peekStart = {
+      line: this._start.line,
+      ch: Math.max(this._start.ch - offset, 0)
+    };
+    return this._mde.getEditor().getRange(peekStart, this._start);
+  };
+
+  return MdTextObject;
+}();
+
+/* harmony default export */ var mdTextObject = (MdTextObject);
+// EXTERNAL MODULE: ./src/js/utils/markdown.js
+var markdown = __webpack_require__(2);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isFunction.js
+var isFunction = __webpack_require__(27);
+var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction);
+
+// CONCATENATED MODULE: ./src/js/markTextHelper.js
+function markTextHelper_extends() { markTextHelper_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return markTextHelper_extends.apply(this, arguments); }
+
+
+
+
+var CLS_PREFIX = 'tui-md-';
+var classNameMap = applyClsToValue({
+  DELIM: 'delimiter',
+  META: 'meta',
+  TEXT: 'marked-text',
+  THEMATIC_BREAK: 'thematic-break',
+  CODE_BLOCK: 'code-block',
+  TABLE: 'table',
+  HTML: 'html'
+});
+var delimSize = {
+  strong: 2,
+  emph: 1,
+  strike: 2
+};
+
+function cls() {
+  for (var _len = arguments.length, names = new Array(_len), _key = 0; _key < _len; _key++) {
+    names[_key] = arguments[_key];
+  }
+
+  return names.map(function (className) {
+    return "" + CLS_PREFIX + className;
+  }).join(' ');
+}
+
+function applyClsToValue(obj) {
+  forEachOwnProperties_default()(obj, function (value, key) {
+    obj[key] = cls(value);
+  });
+  return obj;
+}
+
+function markTextHelper_markInfo(start, end, className) {
+  return {
+    start: start,
+    end: end,
+    className: className
+  };
+}
+
+function heading(_ref, start, end) {
+  var level = _ref.level,
+      headingType = _ref.headingType;
+  var marks = [markTextHelper_markInfo(start, end, cls('heading', "heading" + level))];
+
+  if (headingType === 'atx') {
+    marks.push(markTextHelper_markInfo(start, Object(markdown["a" /* addChPos */])(start, level), classNameMap.DELIM));
+  } else {
+    marks.push(markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(end, 0), end, classNameMap.DELIM + " setext"));
+  }
+
+  return {
+    marks: marks
+  };
+}
+
+function emphasisAndStrikethrough(_ref2, start, end) {
+  var type = _ref2.type;
+  return {
+    marks: [markTextHelper_markInfo(start, end, cls("" + type)), markTextHelper_markInfo(start, Object(markdown["a" /* addChPos */])(start, delimSize[type]), classNameMap.DELIM), markTextHelper_markInfo(Object(markdown["a" /* addChPos */])(end, -delimSize[type]), end, classNameMap.DELIM)]
+  };
+}
+
+function markLink(start, end, linkTextStart, lastChildCh) {
+  return [markTextHelper_markInfo(start, end, cls('link')), markTextHelper_markInfo(linkTextStart, Object(markdown["m" /* setChPos */])(end, lastChildCh), cls('link-desc')), markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(start, linkTextStart.ch + 1), Object(markdown["m" /* setChPos */])(end, lastChildCh - 1), classNameMap.TEXT), markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(end, lastChildCh), end, cls('link-url')), markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(end, lastChildCh + 1), Object(markdown["a" /* addChPos */])(end, -1), classNameMap.TEXT)];
+}
+
+function markTextHelper_image(_ref3, start, end) {
+  var lastChild = _ref3.lastChild;
+  var lastChildCh = lastChild ? Object(markdown["c" /* getMdEndCh */])(lastChild) + 1 : 3; // 3: length of '![]'
+
+  var linkTextEnd = Object(markdown["a" /* addChPos */])(start, 1);
+  return {
+    marks: [markTextHelper_markInfo(start, linkTextEnd, classNameMap.META)].concat(markLink(start, end, linkTextEnd, lastChildCh))
+  };
+}
+
+function markTextHelper_link(_ref4, start, end) {
+  var lastChild = _ref4.lastChild,
+      extendedAutolink = _ref4.extendedAutolink;
+  var lastChildCh = lastChild ? Object(markdown["c" /* getMdEndCh */])(lastChild) + 1 : 2; // 2: length of '[]'
+
+  var marks = extendedAutolink ? [markTextHelper_markInfo(start, end, cls('link', 'link-desc') + " " + classNameMap.TEXT)] : markLink(start, end, start, lastChildCh);
+  return {
+    marks: marks
+  };
+}
+
+function markTextHelper_code(_ref5, start, end) {
+  var tickCount = _ref5.tickCount;
+  var openDelimEnd = Object(markdown["a" /* addChPos */])(start, tickCount);
+  var closeDelimStart = Object(markdown["a" /* addChPos */])(end, -tickCount);
+  return {
+    marks: [markTextHelper_markInfo(start, end, cls('code')), markTextHelper_markInfo(start, openDelimEnd, classNameMap.DELIM + " start"), markTextHelper_markInfo(openDelimEnd, closeDelimStart, classNameMap.TEXT), markTextHelper_markInfo(closeDelimStart, end, classNameMap.DELIM + " end")]
+  };
+}
+
+function markTextHelper_codeBlock(node, start, end, endLine) {
+  var fenceOffset = node.fenceOffset,
+      fenceLength = node.fenceLength,
+      fenceChar = node.fenceChar,
+      info = node.info,
+      infoPadding = node.infoPadding,
+      parent = node.parent;
+  var fenceEnd = fenceOffset + fenceLength;
+  var marks = [markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(start, 0), end, classNameMap.CODE_BLOCK)];
+
+  if (fenceChar) {
+    marks.push(markTextHelper_markInfo(start, Object(markdown["a" /* addChPos */])(start, fenceEnd), classNameMap.DELIM));
+  }
+
+  if (info) {
+    marks.push(markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(start, fenceEnd), Object(markdown["m" /* setChPos */])(start, fenceEnd + infoPadding + info.length), classNameMap.META));
+  }
+
+  var codeBlockEnd = "^(\\s{0,3})(" + fenceChar + "{" + fenceLength + ",})";
+  var CLOSED_RX = new RegExp(codeBlockEnd);
+
+  if (CLOSED_RX.test(endLine)) {
+    marks.push(markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(end, 0), end, classNameMap.DELIM));
+  }
+
+  var lineBackground = parent.type !== 'item' && parent.type !== 'blockQuote' ? {
+    start: start.line,
+    end: end.line,
+    className: classNameMap.CODE_BLOCK
+  } : null;
+  return {
+    marks: marks,
+    lineBackground: markTextHelper_extends({}, lineBackground)
+  };
+}
+
+function markListItemChildren(node, className) {
+  var marks = [];
+
+  while (node) {
+    var _node = node,
+        type = _node.type;
+
+    if (type === 'paragraph' || type === 'codeBlock') {
+      marks.push(markTextHelper_markInfo({
+        line: Object(markdown["f" /* getMdStartLine */])(node) - 1,
+        ch: Object(markdown["e" /* getMdStartCh */])(node) - 1
+      }, {
+        line: Object(markdown["d" /* getMdEndLine */])(node) - 1,
+        ch: Object(markdown["c" /* getMdEndCh */])(node)
+      }, className));
+    }
+
+    node = node.next;
+  }
+
+  return marks;
+}
+
+function markParagraphInBlockQuote(node) {
+  var marks = [];
+
+  while (node) {
+    marks.push(markTextHelper_markInfo({
+      line: Object(markdown["f" /* getMdStartLine */])(node) - 1,
+      ch: Object(markdown["e" /* getMdStartCh */])(node) - 1
+    }, {
+      line: Object(markdown["d" /* getMdEndLine */])(node) - 1,
+      ch: Object(markdown["c" /* getMdEndCh */])(node)
+    }, classNameMap.TEXT));
+    node = node.next;
+  }
+
+  return marks;
+}
+
+function blockQuote(node, start, end) {
+  var marks = node.parent && node.parent.type !== 'blockQuote' ? [markTextHelper_markInfo(start, end, cls('block-quote'))] : [];
+
+  if (node.firstChild) {
+    var childMarks = [];
+
+    if (node.firstChild.type === 'paragraph') {
+      childMarks = markParagraphInBlockQuote(node.firstChild.firstChild, classNameMap.TEXT);
+    } else if (node.firstChild.type === 'list') {
+      childMarks = markListItemChildren(node.firstChild, classNameMap.TEXT);
+    }
+
+    marks = [].concat(marks, childMarks);
+  }
+
+  return {
+    marks: marks
+  };
+}
+
+function getClassNameOfListItem(node) {
+  var depth = 0;
+
+  while (node.parent.parent && node.parent.parent.type === 'item') {
+    node = node.parent.parent;
+    depth += 1;
+  }
+
+  var newClassName = ['list-item-odd', 'list-item-even'][depth % 2]; // @TODO remove it in the next major version
+  // these class names are for the legacy style 'old.css'
+
+  var oldClassName = ['fisrt', 'second', 'third'][depth % 3];
+  return cls('list-item', "" + newClassName) + " " + oldClassName;
+}
+
+function markTextHelper_item(node, start) {
+  var itemClassName = getClassNameOfListItem(node);
+  var _node$listData = node.listData,
+      padding = _node$listData.padding,
+      task = _node$listData.task;
+  return {
+    marks: [markTextHelper_markInfo(start, Object(markdown["a" /* addChPos */])(start, padding), itemClassName + " " + cls('list-item-bullet'))].concat(task ? [markTextHelper_markInfo(Object(markdown["a" /* addChPos */])(start, padding), Object(markdown["a" /* addChPos */])(start, padding + 3), itemClassName + " " + classNameMap.DELIM), markTextHelper_markInfo(Object(markdown["a" /* addChPos */])(start, padding + 1), Object(markdown["a" /* addChPos */])(start, padding + 2), classNameMap.META)] : [], markListItemChildren(node.firstChild, itemClassName + " " + classNameMap.TEXT))
+  };
+}
+
+var markNodeFuncMap = {
+  heading: heading,
+  strong: emphasisAndStrikethrough,
+  emph: emphasisAndStrikethrough,
+  strike: emphasisAndStrikethrough,
+  link: markTextHelper_link,
+  image: markTextHelper_image,
+  code: markTextHelper_code,
+  codeBlock: markTextHelper_codeBlock,
+  blockQuote: blockQuote,
+  item: markTextHelper_item
+};
+var simpleMarkClassNameMap = {
+  thematicBreak: classNameMap.THEMATIC_BREAK,
+  table: classNameMap.TABLE,
+  tableCell: classNameMap.TEXT,
+  htmlInline: classNameMap.HTML
+};
+/**
+ * Gets mark information to the markdown node.
+ * @param {Object} node - node returned from ToastMark
+ * @param {Object} start - start node's data
+ * @param {Object} end - end node's data
+ * @param {Object} endLine - end line's data
+ * @returns {?Object} mark information
+ * @ignore
+ */
+
+function getMarkInfo(node, start, end, endLine) {
+  var type = node.type;
+
+  if (isFunction_default()(markNodeFuncMap[type])) {
+    return markNodeFuncMap[type](node, start, end, endLine);
+  }
+
+  if (simpleMarkClassNameMap[type]) {
+    return {
+      marks: [markTextHelper_markInfo(start, end, simpleMarkClassNameMap[type])]
+    };
+  }
+
+  return null;
+}
+// CONCATENATED MODULE: ./src/js/markdownEditor.js
+function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } it = o[Symbol.iterator](); return it.next.bind(it); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function markdownEditor_extends() { markdownEditor_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return markdownEditor_extends.apply(this, arguments); }
+
+/**
+ * @fileoverview Implements markdown editor
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+var markdownEditor_keyMapper = keyMapper.getSharedInstance();
+var defaultToolbarState = {
+  strong: false,
+  emph: false,
+  strike: false,
+  thematicBreak: false,
+  blockQuote: false,
+  code: false,
+  codeBlock: false,
+  list: false,
+  taskList: false,
+  orderedList: false,
+  heading: false,
+  table: false
+};
+
+function getToolbarStateType(_ref) {
+  var type = _ref.type,
+      listData = _ref.listData;
+
+  if (type === 'list' || type === 'item') {
+    if (listData.task) {
+      return 'taskList';
+    }
+
+    return listData.type === 'ordered' ? 'orderedList' : 'list';
+  }
+
+  if (type.indexOf('table') !== -1) {
+    return 'table';
+  }
+
+  return type;
+}
+
+function getToolbarState(targetNode, ch, mdLine, mdCh) {
+  var state = markdownEditor_extends({}, defaultToolbarState);
+
+  var listEnabled = false;
+  Object(markdown["n" /* traverseParentNodes */])(targetNode, function (mdNode) {
+    var type = getToolbarStateType(mdNode);
+
+    if (!isBoolean_default()(state[type])) {
+      return;
+    }
+
+    if (type === 'list' || type === 'orderedList') {
+      if (!listEnabled) {
+        state[type] = true;
+        listEnabled = true;
+      }
+    } else {
+      state[type] = true;
+    }
+  }); // if position is matched to start, end position of inline node, highlighting is ignored
+
+  if (Object(markdown["k" /* isStyledTextNode */])(targetNode) && (mdCh === ch && Object(markdown["d" /* getMdEndLine */])(targetNode) === mdLine || mdCh === Object(markdown["c" /* getMdEndCh */])(targetNode) + 1 && mdLine === Object(markdown["d" /* getMdEndLine */])(targetNode) || mdCh === Object(markdown["e" /* getMdStartCh */])(targetNode) && mdLine === Object(markdown["f" /* getMdStartLine */])(targetNode))) {
+    state[targetNode.type] = false;
+  }
+
+  return state;
+}
+/**
+ * Return whether state changed or not
+ * @param {object} previousState - Previous state
+ * @param {object} currentState - Current state
+ * @returns {boolean} - changed state
+ * @private
+ */
+
+
+function isToolbarStateChanged(previousState, currentState) {
+  if (!previousState && !currentState) {
+    return false;
+  }
+
+  if (!previousState && currentState || previousState && !currentState) {
+    return true;
+  }
+
+  return Object.keys(currentState).some(function (type) {
+    return previousState[type] !== currentState[type];
+  });
+}
+
+var ATTR_NAME_MARK = 'data-tui-mark';
+var TASK_MARKER_KEY_RX = /x|backspace/i;
+/**
+ * Class MarkdownEditor
+ * @param {HTMLElement} el - container element
+ * @param {EventManager} eventManager - event manager
+ * @param {Object} options - options of editor
+ */
+
+var markdownEditor_MarkdownEditor = /*#__PURE__*/function (_CodeMirrorExt) {
+  _inheritsLoose(MarkdownEditor, _CodeMirrorExt);
+
+  function MarkdownEditor(el, eventManager, toastMark, options) {
+    var _this;
+
+    _this = _CodeMirrorExt.call(this, el, {
+      dragDrop: true,
+      allowDropFileTypes: ['image'],
+      extraKeys: {
+        Enter: function Enter() {
+          return _this.eventManager.emit('command', 'AddLine');
+        },
+        Tab: function Tab() {
+          return _this.eventManager.emit('command', 'MoveNextCursorOrIndent');
+        },
+        'Shift-Tab': function ShiftTab() {
+          return _this.eventManager.emit('command', 'MovePrevCursorOrOutdent');
+        },
+        'Shift-Ctrl-X': function ShiftCtrlX() {
+          return _this.eventManager.emit('command', 'ToggleTaskMarker');
+        }
+      },
+      viewportMargin: options && options.height === 'auto' ? Infinity : 10
+    }) || this;
+    _this.eventManager = eventManager;
+    _this.componentManager = new componentManager(_assertThisInitialized(_this));
+    _this.toastMark = toastMark;
+
+    _this.componentManager.addManager(mdListManager);
+    /**
+     * latest state info
+     * @type {object}
+     * @private
+     */
+
+
+    _this._latestState = null;
+    /**
+     * map of marked lines
+     * @type {Object.
+ */
+
+
+
+
+
+
+
+var DEFAULT_COLOR = 'rgb(34, 34, 34)';
+/**
+ * Class WwPasteContentHelper
+ * @param {WysiwygEditor} wwe - wysiwygEditor instance
+ * @ignore
+ */
+
+var wwPasteContentHelper_WwPasteContentHelper = /*#__PURE__*/function () {
+  function WwPasteContentHelper(wwe) {
+    this.wwe = wwe;
+  }
+  /**
+   * Process paste data before paste
+   * @param {HTMLElement} container - clipboard container
+   */
+
+
+  var _proto = WwPasteContentHelper.prototype;
+
+  _proto.preparePaste = function preparePaste(container) {
+    var range = this.wwe.getEditor().getSelection().cloneRange();
+    var wwCodeblockManager = this.wwe.componentManager.getManager('codeblock');
+    var firstBlockIsTaken = false;
+    var tempContainer = document.createElement('div');
+    var nodeName, node, isPastingList;
+
+    this._pasteFirstAid(container);
+
+    var childNodes = toArray_default()(container.childNodes);
+
+    while (childNodes.length) {
+      node = childNodes[0];
+      nodeName = dom["a" /* default */].getNodeName(node);
+      isPastingList = nodeName === 'LI' || nodeName === 'UL' || nodeName === 'OL';
+
+      if (wwCodeblockManager.isInCodeBlock(range)) {
+        dom["a" /* default */].append(tempContainer, wwCodeblockManager.prepareToPasteOnCodeblock(childNodes));
+      } else if (isPastingList) {
+        dom["a" /* default */].append(tempContainer, this._prepareToPasteList(childNodes, range, firstBlockIsTaken));
+        firstBlockIsTaken = true;
+      } else {
+        dom["a" /* default */].append(tempContainer, childNodes.shift());
+      }
+    }
+
+    container.innerHTML = tempContainer.innerHTML;
+  }
+  /**
+   * Wrap orphan node(inline, text) with div element
+   * @param {HTMLElement} container - clipboard container
+   * @returns {DocumentFragment}
+   * @private
+   */
+  ;
+
+  _proto._wrapOrphanNodeWithDiv = function _wrapOrphanNodeWithDiv(container) {
+    var tempContainer = document.createElement('div');
+    var currentDiv;
+    toArray_default()(container.childNodes).forEach(function (node) {
+      var isTextNode = node.nodeType === 3;
+      /* eslint-disable max-len */
+
+      var isInlineNode = /^(SPAN|A|CODE|EM|I|STRONG|B|S|U|ABBR|ACRONYM|CITE|DFN|KBD|SAMP|VAR|BDO|Q|SUB|SUP)$/gi.test(node.tagName);
+      var isBR = node.nodeName === 'BR';
+      /* eslint-enable max-len */
+
+      if (isTextNode || isInlineNode || isBR) {
+        if (!currentDiv) {
+          currentDiv = document.createElement('div');
+          tempContainer.appendChild(currentDiv);
+        }
+
+        currentDiv.appendChild(node);
+
+        if (isBR) {
+          currentDiv = null;
+        }
+      } else {
+        if (currentDiv && currentDiv.lastChild.tagName !== 'BR') {
+          currentDiv.appendChild(document.createElement('br'));
+        }
+
+        currentDiv = null;
+        tempContainer.appendChild(node);
+      }
+    });
+    return tempContainer.innerHTML;
+  }
+  /**
+   * Sanitize content of element
+   * @param {HTMLElement} container - root element of content to sanitize
+   * @private
+   */
+  ;
+
+  _proto._sanitizeHtml = function _sanitizeHtml(container) {
+    var sanitizer = this.wwe.getSanitizer();
+    var html = Object(htmlSanitizer["a" /* default */])(container.innerHTML, true);
+
+    if (sanitizer && sanitizer !== htmlSanitizer["a" /* default */]) {
+      html = sanitizer(html);
+    }
+
+    container.innerHTML = html;
+  }
+  /**
+   * Processing paste data after paste
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._pasteFirstAid = function _pasteFirstAid(container) {
+    var _this = this;
+
+    this._sanitizeHtml(container);
+
+    dom["a" /* default */].findAll(container, '*').forEach(function (node) {
+      _this._removeStyles(node);
+    });
+    var blockTags = 'div, section, article, aside, nav, menus, p';
+
+    this._unwrapIfNonBlockElementHasBr(container);
+
+    this._unwrapNestedBlocks(container, blockTags);
+
+    this._removeUnnecessaryBlocks(container, blockTags);
+
+    container.innerHTML = this._wrapOrphanNodeWithDiv(container);
+
+    this._preprocessPreElement(container);
+
+    this._preprocessListElement(container);
+
+    this._preprocessTableElement(container);
+
+    toArray_default()(container.children).forEach(function (childNode) {
+      if (dom["a" /* default */].getNodeName(childNode) === 'BR') {
+        dom["a" /* default */].remove(childNode);
+      }
+    });
+  };
+
+  _proto._preprocessListElement = function _preprocessListElement(container) {
+    var wwListManager = this.wwe.componentManager.getManager('list');
+    container.innerHTML = wwListManager.convertToArbitraryNestingList(container.innerHTML);
+  }
+  /**
+   * PRE tag formatting
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._preprocessPreElement = function _preprocessPreElement(container) {
+    var wwCodeblockManager = this.wwe.componentManager.getManager('codeblock');
+    wwCodeblockManager.modifyCodeBlockForWysiwyg(container);
+  }
+  /**
+   * Unwrap span children of document fragment with div element
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._unwrapIfNonBlockElementHasBr = function _unwrapIfNonBlockElementHasBr(container) {
+    var nonBlockElements = dom["a" /* default */].findAll(container, 'span, a, b, em, i, s');
+    nonBlockElements.forEach(function (node) {
+      var brChildren = dom["a" /* default */].children(node, 'br');
+
+      if (brChildren.length && node.nodeName !== 'LI' && node.nodeName !== 'UL') {
+        dom["a" /* default */].unwrap(node);
+      }
+    });
+  }
+  /**
+   * Unwrap nested block elements
+   * @param {HTMLElement} container - clipboard container
+   * @param {string} blockTags - Tag names of block tag
+   * @private
+   */
+  ;
+
+  _proto._unwrapNestedBlocks = function _unwrapNestedBlocks(container, blockTags) {
+    var leafElements = dom["a" /* default */].findAll(container, '*').filter(function (node) {
+      return !matches_default()(node, 'b,s,i,em,code,span,hr') && !node.firstChild;
+    });
+    leafElements.forEach(function (node) {
+      var leafElement = node.nodeName === 'BR' ? node.parentNode : node;
+
+      while (dom["a" /* default */].parents(leafElement, blockTags).length) {
+        var parent = dom["a" /* default */].parent(leafElement, blockTags);
+
+        if (parent && parent !== container) {
+          dom["a" /* default */].unwrap(parent);
+        } else {
+          leafElement = leafElement.parentElement;
+        }
+      }
+    });
+  }
+  /**
+   * Remove unnecessary block element in pasting data
+   * @param {HTMLElement} container - clipboard container
+   * @param {string} blockTags - Tag names of block tag
+   * @private
+   */
+  ;
+
+  _proto._removeUnnecessaryBlocks = function _removeUnnecessaryBlocks(container, blockTags) {
+    dom["a" /* default */].findAll(container, blockTags).forEach(function (blockElement) {
+      var tagName = blockElement.tagName;
+      var isDivElement = tagName === 'DIV';
+      var isInListItem = !!dom["a" /* default */].parent(blockElement, 'li');
+      var isInBlockquote = !!dom["a" /* default */].parent(blockElement, 'blockquote');
+      var hasBlockChildElement = !!dom["a" /* default */].children(blockElement, blockTags).length;
+
+      if (isDivElement && (isInListItem || isInBlockquote || !hasBlockChildElement)) {
+        return;
+      }
+
+      if (blockElement.lastChild && blockElement.lastChild.nodeName !== 'BR') {
+        blockElement.appendChild(document.createElement('br'));
+      }
+
+      dom["a" /* default */].replaceWith(blockElement, blockElement.innerHTML);
+    });
+  }
+  /**
+   * Remove inline style
+   * @param {Node} node Node for remove style attribute
+   * @private
+   */
+  ;
+
+  _proto._removeStyles = function _removeStyles(node) {
+    var colorValue;
+
+    if (dom["a" /* default */].getNodeName(node) !== 'SPAN') {
+      node.removeAttribute('style');
+    } else {
+      // Most browser return computed color value even if without style attribute
+      if (node.getAttribute('style')) {
+        colorValue = node.style.color;
+      }
+
+      node.removeAttribute('style');
+
+      if (colorValue && colorValue !== DEFAULT_COLOR) {
+        css_default()(node, {
+          color: colorValue
+        });
+      } else {
+        dom["a" /* default */].unwrap(node);
+      }
+    }
+  }
+  /**
+   * Processing before paste list
+   * @param {Array.} nodes Pasting data
+   * @param {object} rangeInfo Range information
+   * @param {boolean} firstBlockIsTaken Whether first block element taken or not
+   * @returns {DocumentFragment}
+   * @private
+   */
+  ;
+
+  _proto._prepareToPasteList = function _prepareToPasteList(nodes, rangeInfo, firstBlockIsTaken) {
+    var nodeName = dom["a" /* default */].getNodeName(nodes[0]);
+    var node = nodes.shift();
+    var newFragment = this.wwe.getEditor().getDocument().createDocumentFragment(); // IE somethimes returns ul without li
+
+    if (nodeName !== 'LI' && nodes.length && nodes[0].tagName === 'LI') {
+      nodeName = 'LI';
+      node = this._makeNodeAndAppend({
+        tagName: nodeName
+      }, node);
+    } // pasting list into list, we should care indentation
+
+
+    if (nodeName === 'OL' || nodeName === 'UL') {
+      // ignore cursor if pasting data has block
+      if (!firstBlockIsTaken && this.wwe.getEditor().hasFormat('LI')) {
+        dom["a" /* default */].append(newFragment, this._wrapCurrentFormat(node));
+      } else {
+        newFragment.appendChild(node);
+      }
+    } else if (nodeName === 'LI') {
+      // handle list group
+      var listGroup = this.wwe.getEditor().getDocument().createDocumentFragment();
+      listGroup.appendChild(node);
+
+      while (nodes.length && nodes[0].tagName === 'LI') {
+        listGroup.appendChild(nodes.shift());
+      } // pasting list into list, we should care indentation
+      // ignore cursor if pasting data has block
+
+
+      if (!firstBlockIsTaken && this.wwe.getEditor().hasFormat('LI')) {
+        dom["a" /* default */].append(newFragment, this._wrapCurrentFormat(listGroup));
+      } else if (rangeInfo && (rangeInfo.commonAncestorName === 'UL' || rangeInfo.commonAncestorName === 'OL')) {
+        dom["a" /* default */].append(newFragment, this._makeNodeAndAppend({
+          tagName: rangeInfo.commonAncestorName
+        }, listGroup)); // list from outside
+      } else {
+        dom["a" /* default */].append(newFragment, this._makeNodeAndAppend({
+          tagName: 'UL'
+        }, listGroup));
+      }
+    }
+
+    return this._getResolvePastedListDepthToCurrentDepth(rangeInfo.startContainer, node, newFragment);
+  }
+  /**
+   * Unwrap fragment first child for pasting node inline
+   * @param {Node} node Pasting DocumentFragment
+   * @returns {NodeList}
+   * @private
+   */
+  ;
+
+  _proto._unwrapFragmentFirstChildForPasteAsInline = function _unwrapFragmentFirstChildForPasteAsInline(node) {
+    dom["a" /* default */].findAll(node, 'br').forEach(function (br) {
+      return dom["a" /* default */].remove(br);
+    });
+    return node.childNodes;
+  }
+  /**
+   * Wrap nodes with current format
+   * @param {DocumentFragment} nodes P
+   * @returns {HTMLElement}
+   * @private
+   */
+  ;
+
+  _proto._wrapCurrentFormat = function _wrapCurrentFormat(nodes) {
+    var _this2 = this;
+
+    var currentTagName; // expand to pasting area
+
+    this._eachCurrentPath(function (path) {
+      if (path.tagName !== 'DIV') {
+        if (dom["a" /* default */].isElemNode(nodes)) {
+          currentTagName = nodes.tagName;
+        } else {
+          currentTagName = nodes.firstChild.tagName;
+        }
+
+        if (path.tagName !== currentTagName) {
+          nodes = _this2._makeNodeAndAppend(path, nodes);
+        }
+      }
+    });
+
+    return nodes;
+  };
+
+  _proto._eachCurrentPath = function _eachCurrentPath(iteratee) {
+    var paths = dom["a" /* default */].getPath(this.wwe.getEditor().getSelection().startContainer, this.wwe.getBody());
+
+    for (var i = paths.length - 1; i > -1; i -= 1) {
+      iteratee(paths[i]);
+    }
+  }
+  /** _makeNodeAndAppend
+   * make node and append their own children
+   * @param {HTMLElement} pathInfo HTMLElement to make
+   * @param {HTMLElement} content Nodes to append
+   * @returns {HTMLElement} node
+   * @private
+   */
+  ;
+
+  _proto._makeNodeAndAppend = function _makeNodeAndAppend(pathInfo, content) {
+    var node = document.createElement("" + pathInfo.tagName);
+    node.appendChild(content);
+
+    if (pathInfo.id) {
+      node.setAttribute('id', pathInfo.id);
+    }
+
+    if (pathInfo.className) {
+      addClass_default()(node, pathInfo.className);
+    }
+
+    return node;
+  }
+  /**
+   * Pasting table element pre-process
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._preprocessTableElement = function _preprocessTableElement(container) {
+    this._removeColgroup(container);
+
+    this._completeTableIfNeed(container);
+
+    this._updateTableIDClassName(container);
+  }
+  /**
+   * Remove colgroup tag
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   **/
+  ;
+
+  _proto._removeColgroup = function _removeColgroup(container) {
+    var colgroup = container.querySelector('colgroup');
+
+    if (colgroup) {
+      dom["a" /* default */].remove(colgroup);
+    }
+  }
+  /**
+   * Complete and append table to fragment
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._completeTableIfNeed = function _completeTableIfNeed(container) {
+    var tableManager = this.wwe.componentManager.getManager('table');
+    var wrapperTr = tableManager.wrapDanglingTableCellsIntoTrIfNeed(container);
+
+    if (wrapperTr) {
+      dom["a" /* default */].append(container, wrapperTr);
+    }
+
+    var wrapperTbody = tableManager.wrapTrsIntoTbodyIfNeed(container);
+
+    if (wrapperTbody) {
+      dom["a" /* default */].append(container, wrapperTbody);
+    }
+
+    var wrapperTable = tableManager.wrapTheadAndTbodyIntoTableIfNeed(container);
+
+    if (wrapperTable) {
+      dom["a" /* default */].append(container, wrapperTable);
+    }
+  }
+  /**
+   * Update table ID class name in fragment
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._updateTableIDClassName = function _updateTableIDClassName(container) {
+    var tableManager = this.wwe.componentManager.getManager('table');
+    var tables = dom["a" /* default */].findAll(container, 'table');
+    tables.forEach(function (table) {
+      var foundClassName = table.className.match(/.*\s*(te-content-table-\d+)\s*.*/);
+
+      if (foundClassName) {
+        removeClass_default()(table, foundClassName[0]);
+      }
+    });
+    tables.forEach(function (table) {
+      addClass_default()(table, tableManager.getTableIDClassName());
+    });
+  }
+  /**
+   * get the list resolved the depth to current list depth
+   * @param {HTMLElement} currentEl - current list element
+   * @param {HTMLElement} orgPastedNode - original pasted data
+   * @param {DocumentFragment} fragment - preprocessed data
+   * @returns {HTMLElement} resolved element
+   * @private
+   */
+  ;
+
+  _proto._getResolvePastedListDepthToCurrentDepth = function _getResolvePastedListDepthToCurrentDepth(currentEl, orgPastedNode, fragment) {
+    var currentListDepth = this._getListDepth(currentEl);
+
+    var continuousDepth = this._getContinuousDepth(orgPastedNode);
+
+    fragment = this._getRemovedUnnecessaryListWrapper(fragment, orgPastedNode); // If the depth of the pasted data is greater than current depth, get child element for resolving the depth.
+    // For example, If 2-depth list is pasted to 1-depth list element, 2-depth list should be changed to 1-depth.
+
+    while (currentListDepth < continuousDepth) {
+      if (fragment.firstChild.tagName !== 'UL' && fragment.firstChild.tagName !== 'OL') {
+        break;
+      }
+
+      var childNodes = toArray_default()(fragment.childNodes);
+      fragment = fragment.firstChild;
+      /* eslint-disable no-loop-func */
+
+      childNodes.filter(function (node) {
+        return node !== fragment;
+      }).forEach(function (node) {
+        fragment.insertAdjacentElement('beforeend', node);
+      });
+      /* eslint-enable no-loop-func */
+
+      continuousDepth -= 1;
+    } // If the depth of the pasted data is less than current depth, wrap the list element for resolving the depth.
+    // For example, If 1-depth list is pasted to 2-depth list element, 1-depth list should be changed to 2-depth.
+
+
+    while (currentListDepth && currentListDepth > continuousDepth) {
+      var rootList = fragment.firstChild.parentElement;
+      var list = document.createElement(rootList.tagName);
+      list.appendChild(rootList);
+      fragment = list;
+      continuousDepth += 1;
+    }
+
+    if (currentListDepth && !currentEl.textContent) {
+      dom["a" /* default */].remove(currentEl);
+    }
+
+    return fragment;
+  }
+  /**
+   * get the depth of the list item element
+   * @param {HTMLElement} el - target element
+   * @returns {number} depth
+   * @private
+   */
+  ;
+
+  _proto._getListDepth = function _getListDepth(el) {
+    var depth = 0; // Since the list outside the editor can be found,
+    // so make sure to traverse only the editor's container.
+
+    var root = this.wwe.getBody();
+
+    while (el && el !== root) {
+      if (el.tagName === 'UL' || el.tagName === 'OL') {
+        depth += 1;
+      }
+
+      el = el.parentNode;
+    }
+
+    return depth;
+  }
+  /**
+   * get the continuous depth of the list.
+   * the continuous depth of below example is 2
+   *  
      
+   *    
    • 
+   *      
        
+   *        
      • ...
        • 
+   *        
          ...
        
+   *      
      
+   *    
      • 
+   *  
    
+   *
+   * @param {HTMLElement} el - target element
+   * @returns {number} depth
+   * @private
+   */
+  ;
+
+  _proto._getContinuousDepth = function _getContinuousDepth(el) {
+    var depth = 0;
+
+    while (el && (el.tagName === 'UL' || el.tagName === 'OL')) {
+      depth += 1;
+
+      if (el.childNodes.length > 1) {
+        break;
+      }
+
+      el = el.firstChild;
+    }
+
+    return depth;
+  }
+  /**
+   * get the element which is removed unnecessay list wrapper element
+   * @param {HTMLElement} el - target element
+   * @param {HTMLElement} orgEl - target element
+   * @returns {HTMLElement} el
+   * @private
+   */
+  ;
+
+  _proto._getRemovedUnnecessaryListWrapper = function _getRemovedUnnecessaryListWrapper(el, orgEl) {
+    while (el.querySelectorAll('ul,ol').length > orgEl.querySelectorAll('ul,ol').length) {
+      el = el.firstChild;
+    }
+
+    return el;
+  };
+
+  return WwPasteContentHelper;
+}();
+
+/* harmony default export */ var wwPasteContentHelper = (wwPasteContentHelper_WwPasteContentHelper);
+// CONCATENATED MODULE: ./src/js/wwTablePasteHelper.js
+/**
+ * @fileoverview Paste helper when past to table
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Class WwTablePasteHelper
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwTablePasteHelper_WwTablePasteHelper = /*#__PURE__*/function () {
+  function WwTablePasteHelper(wwe) {
+    this.wwe = wwe;
+  }
+  /**
+   * Prossse paste clipboardEvent
+   * @param {ClipboardEvent} ev - ClipboardEvent
+   */
+
+
+  var _proto = WwTablePasteHelper.prototype;
+
+  _proto.pasteClipboard = function pasteClipboard(ev) {
+    var cbData = ev.clipboardData || window.clipboardData;
+    var items = cbData && cbData.items;
+
+    if (items) {
+      this._pasteClipboardItem(items);
+
+      ev.preventDefault();
+    } else {
+      this._pasteClipboardUsingPasteArea();
+
+      ev.squirePrevented = true;
+    }
+  }
+  /**
+   * ClipboardEvent is not supported in IE.
+   * To get clipboard, create temporay element and then paste into that element.
+   * After end of paste, can get clipboard from that temporary element.
+   * @param {ClipboardEvent} ev - ClipboardEvent
+   * @private
+   */
+  ;
+
+  _proto._pasteClipboardUsingPasteArea = function _pasteClipboardUsingPasteArea() {
+    var _this = this;
+
+    var sq = this.wwe.getEditor();
+    var range = sq.getSelection();
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset,
+        endContainer = range.endContainer,
+        endOffset = range.endOffset;
+    var pasteArea = document.createElement('div');
+    var _document = document,
+        body = _document.body;
+    pasteArea.setAttribute('contenteditable', true);
+    pasteArea.setAttribute('style', 'position:fixed; overflow:hidden; top:0; right:100%; width:1px; height:1px;');
+    body.appendChild(pasteArea);
+    range.selectNodeContents(pasteArea);
+    sq.setSelection(range);
+    setTimeout(function () {
+      var clipboard = body.removeChild(pasteArea);
+      range.setStart(startContainer, startOffset);
+      range.setEnd(endContainer, endOffset);
+      sq.focus();
+      sq.setSelection(range);
+
+      _this._pasteClipboardHtml(clipboard.innerHTML);
+    });
+  }
+  /**
+   * Paste items of clipboard data
+   * @param {DataTransfer.items} items - items of clipboarddata
+   * @private
+   */
+  ;
+
+  _proto._pasteClipboardItem = function _pasteClipboardItem(items) {
+    var _this2 = this;
+
+    var textItem = null;
+    var htmlItem = null;
+    toArray_default()(items).forEach(function (item) {
+      if (item.type === 'text/html') {
+        htmlItem = item;
+      } else if (item.type === 'text/plain') {
+        textItem = item;
+      }
+    });
+
+    if (htmlItem) {
+      htmlItem.getAsString(function (html) {
+        _this2._pasteClipboardHtml(html);
+      });
+    } else if (textItem) {
+      textItem.getAsString(function (text) {
+        var fragment = dom["a" /* default */].getFragmentReplacedByNewlineToBr(text);
+
+        _this2._pasteClipboardContainer(fragment);
+      });
+    }
+  }
+  /**
+   * Get sanitized html as dom fragment
+   * @param {string} html - html string to sanitize
+   * @returns {DocumentFragment} sanitized html
+   * @private
+   */
+  ;
+
+  _proto._getSanitizedHtml = function _getSanitizedHtml(html) {
+    var sanitizer = this.wwe.getSanitizer();
+    html = Object(htmlSanitizer["a" /* default */])(html, true);
+
+    if (sanitizer && sanitizer !== htmlSanitizer["a" /* default */]) {
+      html = sanitizer(html);
+    }
+
+    var container = document.createElement('div');
+    container.innerHTML = html;
+    return dom["a" /* default */].finalizeHtml(container);
+  };
+
+  _proto._convertToMsoList = function _convertToMsoList(html) {
+    var container = document.createElement('div');
+    container.innerHTML = html;
+    convertMsoParagraphsToList(container);
+    return container.innerHTML;
+  }
+  /**
+   * Paste html of clipboard
+   * @param {string} html - html
+   * @private
+   */
+  ;
+
+  _proto._pasteClipboardHtml = function _pasteClipboardHtml(html) {
+    var container = document.createDocumentFragment();
+    var startFramgmentStr = '';
+    var endFragmentStr = '';
+    var startFragmentIndex = html.indexOf(startFramgmentStr);
+    var endFragmentIndex = html.lastIndexOf(endFragmentStr);
+
+    if (startFragmentIndex > -1 && endFragmentIndex > -1) {
+      html = html.slice(startFragmentIndex + startFramgmentStr.length, endFragmentIndex);
+    } // Wrap with  if html contains dangling  tags
+    // Dangling  tag is that tag does not have  as parent node.
+
+
+    if (/<\/td>((?!<\/tr>)[\s\S])*$/i.test(html)) {
+      html = "" + html + "";
+    } // Wrap with  if html contains dangling  tags
+    // Dangling  tag is that tag does not have 
     as parent node.
+
+
+    if (/<\/tr>((?!<\/table>)[\s\S])*$/i.test(html)) {
+      html = "
    " + html + "
    ";
+    }
+
+    if (isFromMso(html)) {
+      html = this._convertToMsoList(html);
+    }
+
+    container.appendChild(this._getSanitizedHtml(html));
+
+    this._pasteClipboardContainer(container);
+  }
+  /**
+   * Paste container of clipboard
+   * @param {DocumentFragment} clipboardContainer - clipboard
+   * @private
+   */
+  ;
+
+  _proto._pasteClipboardContainer = function _pasteClipboardContainer(clipboardContainer) {
+    var sq = this.wwe.getEditor();
+    var childNodes = clipboardContainer.childNodes;
+    var containsOneTableOnly = childNodes.length === 1 && childNodes[0].nodeName === 'TABLE';
+
+    if (containsOneTableOnly) {
+      var tableManager = this.wwe.componentManager.getManager('table');
+      tableManager.pasteTableData(clipboardContainer);
+    } else {
+      var range = sq.getSelection().cloneRange();
+
+      var fragment = this._preparePasteDocumentFragment(clipboardContainer);
+
+      sq.saveUndoState(range);
+
+      if (!range.collapsed) {
+        this._deleteContentsRange(range);
+      }
+
+      if (dom["a" /* default */].isTextNode(range.startContainer)) {
+        this._pasteIntoTextNode(range, fragment);
+      } else {
+        this._pasteIntoElements(range, fragment);
+      }
+
+      sq.setSelection(range);
+    }
+  }
+  /**
+   * Prepare clipboard for paste to table
+   * @param {DocumentFragment} clipboardContainer - clipboard
+   * @returns {DocumentFragment} processed result
+   * @private
+   */
+  ;
+
+  _proto._preparePasteDocumentFragment = function _preparePasteDocumentFragment(clipboardContainer) {
+    var childNodes = clipboardContainer.childNodes;
+    var fragment = document.createDocumentFragment();
+
+    if (childNodes.length) {
+      fragment.appendChild(this._unwrapBlock(clipboardContainer));
+    } else if (this._isPossibleInsertToTable(clipboardContainer)) {
+      fragment.appendChild(clipboardContainer);
+    }
+
+    return fragment;
+  }
+  /**
+   * unwrap block node
+   * @param {Node} node - target node
+   * @returns {DocumentFragment} processed result
+   * @private
+   */
+  ;
+
+  _proto._unwrapBlock = function _unwrapBlock(node) {
+    var fragment = document.createDocumentFragment();
+    var childNodes = toArray_default()(node.childNodes);
+
+    while (childNodes.length) {
+      var child = childNodes.shift();
+
+      if (this._isPossibleInsertToTable(child)) {
+        fragment.appendChild(child);
+      } else {
+        fragment.appendChild(this._unwrapBlock(child)); // If current child is last or fragment already has last br,
+        // appending br would create unintended line break.
+
+        var lastChild = fragment.lastChild;
+
+        if (childNodes.length && lastChild && lastChild.nodeName !== 'BR') {
+          fragment.appendChild(document.createElement('br'));
+        }
+      }
+    }
+
+    return fragment;
+  };
+
+  _proto._isPossibleInsertToTable = function _isPossibleInsertToTable(node) {
+    var nodeName = node.nodeName;
+    var isChildlessCode = nodeName === 'CODE' && node.childNodes.length > 1;
+    var isList = nodeName === 'UL' || nodeName === 'OL';
+    return !isChildlessCode && (isList || dom["a" /* default */].isMDSupportInlineNode(node) || dom["a" /* default */].isTextNode(node));
+  }
+  /**
+   * paste fragment to offset of range.startContainer
+   * @param {Range} range - selection range
+   * @param {DocumentFragment} fragment - paste data
+   * @private
+   */
+  ;
+
+  _proto._pasteIntoElements = function _pasteIntoElements(range, fragment) {
+    var container = range.startContainer,
+        offset = range.startOffset;
+    var node = dom["a" /* default */].getChildNodeByOffset(container, offset);
+
+    if (!node) {
+      // For example when container is br, br don't have child, so node is null
+      if (container.nodeName === 'TD') {
+        container.appendChild(fragment);
+        range.setStart(container, container.childNodes.length);
+      } else {
+        var parentNode = container.parentNode,
+            nextSibling = container.nextSibling;
+        parentNode.insertBefore(fragment, nextSibling);
+
+        if (nextSibling) {
+          range.setStart(nextSibling, 0);
+        } else {
+          range.setStartAfter(parentNode.lastChild);
+        }
+      }
+    } else {
+      container.insertBefore(fragment, node);
+      range.setStart(node, 0);
+    }
+
+    range.collapse(true);
+  }
+  /**
+   * paste fragment to offset of text node
+   * @param {Range} range - selection range
+   * @param {DocumentFragment} fragment - paste data
+   * @private
+   */
+  ;
+
+  _proto._pasteIntoTextNode = function _pasteIntoTextNode(range, fragment) {
+    var container = range.startContainer,
+        offset = range.startOffset;
+    var parentNode = container.parentNode,
+        textContent = container.textContent;
+    var prevText = textContent.slice(0, offset);
+    var postText = textContent.slice(offset, textContent.length);
+    var fragmentChildNodes = fragment.childNodes;
+    var firstChild = fragmentChildNodes[0];
+    var isFragmenthasOneTextNode = fragmentChildNodes.length === 1 && dom["a" /* default */].isTextNode(firstChild);
+
+    if (!prevText) {
+      parentNode.insertBefore(fragment, container);
+      range.setStart(container, 0);
+    } else if (!postText) {
+      var nextSibling = container.nextSibling;
+      parentNode.insertBefore(fragment, nextSibling);
+      range.setStartAfter(nextSibling);
+    } else if (isFragmenthasOneTextNode) {
+      var firstChildText = firstChild.textContent;
+      container.textContent = "" + prevText + firstChildText + postText;
+      range.setStart(container, prevText.length + firstChildText.length);
+    } else {
+      var resultFragment = document.createDocumentFragment();
+      resultFragment.appendChild(document.createTextNode(prevText));
+      resultFragment.appendChild(fragment);
+      resultFragment.appendChild(document.createTextNode(postText));
+      parentNode.replaceChild(resultFragment, container);
+      var childNodesArray = toArray_default()(parentNode.childNodes);
+      var index = 0;
+      childNodesArray.forEach(function (child, i) {
+        if (child.textContent === postText) {
+          index = i;
+        }
+      });
+      range.setStart(parentNode.childNodes[index], 0);
+    }
+
+    range.collapse(true);
+  }
+  /**
+   * delete contents of range that is not collapse
+   * @param {Range} range - range is not collapse
+   * @private
+   */
+  ;
+
+  _proto._deleteContentsRange = function _deleteContentsRange(range) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset,
+        endContainer = range.endContainer,
+        endOffset = range.endOffset;
+
+    if (startContainer === endContainer) {
+      this._deleteContentsByOffset(startContainer, startOffset, endOffset);
+
+      range.setStart(startContainer, startOffset);
+      range.collapse(true);
+    } else {
+      this._deleteNotCollapsedRangeContents(range);
+    }
+  };
+
+  _proto._deleteNotCollapsedRangeContents = function _deleteNotCollapsedRangeContents(range) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset,
+        endContainer = range.endContainer,
+        endOffset = range.endOffset;
+    var common = range.commonAncestorContainer;
+
+    var startBlock = this._getBlock(startContainer, common, startOffset);
+
+    var endBlock = this._getBlock(endContainer, common, endOffset - 1);
+
+    if (startBlock === endBlock) {
+      this._removeInSameBlock(startBlock, startContainer, endContainer, startOffset, endOffset); // When endContainer is not same endBlock, endBlock is removed.
+      // For example, aaa| <- this is cursor.
+      // When cursor is last, endContainer would be 'TD' and endBlock is text node
+      // In this case, remove all 'aaa' so endBlock should be null.
+
+
+      endBlock = endContainer !== endBlock ? null : endBlock;
+    } else {
+      var nextOfstartBlock = startBlock.nextSibling;
+
+      if (startContainer.nodeName === 'TD') {
+        nextOfstartBlock = this._removeOneLine(startBlock);
+      } else {
+        // Remove child nodes from node of startOffset in startContainer.
+        this._deleteContentsByOffset(startContainer, startOffset, dom["a" /* default */].getOffsetLength(startContainer)); // Remove nodes from startContainer in startBlock
+
+
+        dom["a" /* default */].removeNodesByDirection(startBlock, startContainer, false);
+      }
+
+      if (endContainer.nodeName === 'TD') {
+        endBlock = this._removeOneLine(endBlock);
+      } else {
+        // Remove child nodes until node of endOffset in endContainer.
+        this._deleteContentsByOffset(endContainer, 0, endOffset); // Remove nodes until endContainer in endBlock
+
+
+        dom["a" /* default */].removeNodesByDirection(endBlock, endContainer, true);
+      } // Remove nodes between startBlock and endBlock
+
+
+      dom["a" /* default */].removeChildFromStartToEndNode(common, nextOfstartBlock, endBlock);
+    }
+
+    if (endBlock) {
+      range.setStart(endBlock, 0);
+    } else {
+      range.setStartAfter(startBlock);
+    }
+
+    range.collapse(true);
+  };
+
+  _proto._removeInSameBlock = function _removeInSameBlock(block, startContainer, endContainer, startOffset, endOffset) {
+    var start = startContainer === block ? startOffset : 0;
+    var end = endContainer === block ? endOffset : dom["a" /* default */].getOffsetLength(block);
+
+    this._deleteContentsByOffset(block, start, end);
+  };
+
+  _proto._removeOneLine = function _removeOneLine(node) {
+    var nextSibling = node.nextSibling,
+        parentNode = node.parentNode;
+    var next = nextSibling;
+    parentNode.removeChild(node);
+
+    if (nextSibling && nextSibling.nodeName === 'BR') {
+      next = nextSibling.nextSibling;
+      parentNode.removeChild(nextSibling);
+    }
+
+    return next;
+  }
+  /**
+   * Find parent block node of startContainer and endContainer
+   * If startContainer or endContainer is same commonAncestor,
+   * find node at offset of startContainer and endContainer.
+   * @param {Node} node - startContainer or endContainer
+   * @param {Node} parent - commonAncestor
+   * @param {Number} offset - startOffset or endOffset-1
+   * @returns {Node} block node
+   * @private
+   */
+  ;
+
+  _proto._getBlock = function _getBlock(node, parent, offset) {
+    return dom["a" /* default */].getParentUntil(node, parent) || dom["a" /* default */].getChildNodeByOffset(node, offset);
+  }
+  /**
+   * delete contents from start offset to end offset
+   * @param {Node} container - container
+   * @param {Number} startOffset - start offset
+   * @param {Number} endOffset - end offset
+   * @private
+   */
+  ;
+
+  _proto._deleteContentsByOffset = function _deleteContentsByOffset(container, startOffset, endOffset) {
+    if (dom["a" /* default */].isTextNode(container)) {
+      var textContent = container.textContent;
+      var prevText = textContent.slice(0, startOffset);
+      var postText = textContent.slice(endOffset, textContent.length);
+      container.textContent = "" + prevText + postText;
+    } else {
+      var startNode = dom["a" /* default */].getChildNodeByOffset(container, startOffset);
+      var endNode = dom["a" /* default */].getChildNodeByOffset(container, endOffset);
+
+      if (startNode) {
+        dom["a" /* default */].removeChildFromStartToEndNode(container, startNode, endNode || null);
+      }
+    }
+  };
+
+  return WwTablePasteHelper;
+}();
+
+/* harmony default export */ var wwTablePasteHelper = (wwTablePasteHelper_WwTablePasteHelper);
+// CONCATENATED MODULE: ./src/js/wwClipboardManager.js
+/**
+ * @fileoverview Implements wysiwyg editor clipboard manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+var PASTE_TABLE_BOOKMARK = 'tui-paste-table-bookmark';
+var PASTE_TABLE_CELL_BOOKMARK = 'tui-paste-table-cell-bookmark';
+/**
+ * Class WwClipboardManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwClipboardManager_WwClipboardManager = /*#__PURE__*/function () {
+  function WwClipboardManager(wwe) {
+    this.wwe = wwe;
+    this._pch = new wwPasteContentHelper(this.wwe);
+    this._tablePasteHelper = new wwTablePasteHelper(this.wwe);
+    this._selectedSellCount = 0;
+    this._clipboardArea = null;
+  }
+  /**
+   * initialize
+   */
+
+
+  var _proto = WwClipboardManager.prototype;
+
+  _proto.init = function init() {
+    var _this = this;
+
+    this.wwe.eventManager.listen('willPaste', function (ev) {
+      return _this._executeHandler(_this._onWillPaste.bind(_this), ev);
+    });
+    this.wwe.eventManager.listen('copy', function (ev) {
+      return _this._executeHandler(_this._onCopyCut.bind(_this), ev);
+    });
+    this.wwe.eventManager.listen('copyAfter', function (ev) {
+      return _this._executeHandler(_this._onCopyAfter.bind(_this), ev);
+    });
+    this.wwe.eventManager.listen('cut', function (ev) {
+      return _this._executeHandler(_this._onCopyCut.bind(_this), ev);
+    });
+    this.wwe.eventManager.listen('cutAfter', function (ev) {
+      return _this._executeHandler(_this._onCutAfter.bind(_this), ev);
+    });
+    this.wwe.eventManager.listen('paste', function (ev) {
+      return _this._executeHandler(_this._onPasteIntoTable.bind(_this), ev);
+    });
+  };
+
+  _proto._executeHandler = function _executeHandler(handler, event) {
+    if (event.source === 'wysiwyg') {
+      handler(event);
+    }
+  };
+
+  _proto._onCopyCut = function _onCopyCut(event) {
+    var tableManager = this.wwe.componentManager.getManager('tableSelection');
+    var selectedCellCount = tableManager.getSelectedCells().length;
+
+    if (!selectedCellCount) {
+      // preserve selection range in a cell, let squire do the job
+      return;
+    }
+
+    if (!tableManager.mergedTableSelectionManager) {
+      // set selection range to all contents in selected cells, then squire
+      tableManager.createRangeBySelectedCells();
+      return;
+    }
+
+    var editor = this.wwe.getEditor();
+    var clipboardEvent = event.data;
+    var range = editor.getSelection().cloneRange();
+    var clipboardContainer = document.createElement('div');
+
+    this._extendRange(range);
+
+    clipboardContainer.innerHTML = range.cloneContents();
+
+    this._updateCopyDataForListTypeIfNeed(range, clipboardContainer);
+
+    this.wwe.eventManager.emit('copyBefore', {
+      source: 'wysiwyg',
+      clipboardContainer: clipboardContainer
+    });
+
+    this._setClipboardData(clipboardEvent, clipboardContainer.innerHTML, clipboardContainer.textContent);
+  };
+
+  _proto._clearClipboardArea = function _clearClipboardArea() {
+    if (this._clipboardArea) {
+      dom["a" /* default */].remove(this._clipboardArea);
+      this._clipboardArea = null;
+    }
+  };
+
+  _proto._onCopyAfter = function _onCopyAfter() {
+    this.wwe.getEditor().getBody().focus();
+
+    this._clearClipboardArea();
+  };
+
+  _proto._onCutAfter = function _onCutAfter() {
+    var range = this.wwe.getEditor().getSelection();
+    range.deleteContents();
+    this.wwe.getEditor().focus();
+
+    this._clearClipboardArea();
+  }
+  /**
+   * Process paste event when occured in table
+   * @param {{source: string, data: event}} event - event
+   * @private
+   */
+  ;
+
+  _proto._onPasteIntoTable = function _onPasteIntoTable(event) {
+    var ev = event.data;
+    var range = this.wwe.getEditor().getSelection();
+
+    if (this.wwe.isInTable(range) && this._isSingleCellSelected(range)) {
+      this._tablePasteHelper.pasteClipboard(ev);
+    }
+  };
+
+  _proto._isSingleCellSelected = function _isSingleCellSelected(range) {
+    var startContainer = range.startContainer,
+        endContainer = range.endContainer;
+    return this._getCell(startContainer) === this._getCell(endContainer);
+  };
+
+  _proto._getCell = function _getCell(node) {
+    return node.nodeName === 'TD' ? node : dom["a" /* default */].getParentUntil(node, 'TR');
+  };
+
+  _proto._replaceNewLineToBr = function _replaceNewLineToBr(node) {
+    var textNodes = dom["a" /* default */].getAllTextNode(node);
+    textNodes.forEach(function (textNode) {
+      if (/\n/.test(textNode.nodeValue)) {
+        textNode.parentNode.innerHTML = textNode.nodeValue.replace(/\n/g, '
    ');
+      }
+    });
+  };
+
+  _proto._onWillPaste = function _onWillPaste(event) {
+    var _this2 = this;
+
+    var pasteData = event.data;
+    var clipboardContainer = document.createElement('div');
+    clipboardContainer.appendChild(pasteData.fragment.cloneNode(true));
+
+    this._preparePaste(clipboardContainer);
+
+    this._setTableBookmark(clipboardContainer);
+
+    pasteData.fragment = document.createDocumentFragment();
+    toArray_default()(clipboardContainer.childNodes).forEach(function (element) {
+      if (dom["a" /* default */].getNodeName(element) === 'DIV') {
+        _this2._replaceNewLineToBr(element);
+      }
+
+      pasteData.fragment.appendChild(element);
+    }); // once right after the squire insertHTML DOM.
+
+    var handler = function handler() {
+      _this2.wwe.getEditor().removeEventListener('input', handler);
+
+      _this2.wwe.eventManager.emit('wysiwygRangeChangeAfter', _this2);
+
+      _this2._focusTableBookmark();
+    };
+
+    this.wwe.getEditor().addEventListener('input', handler);
+  };
+
+  _proto._setClipboardData = function _setClipboardData(clipboardEvent, htmlContent, textContent) {
+    if (browser_default.a.msie) {
+      clipboardEvent.squirePrevented = true;
+      this._clipboardArea = this._createClipboardArea();
+      this._clipboardArea.innerHTML = htmlContent;
+
+      this._clipboardArea.focus();
+
+      window.getSelection().selectAllChildren(this._clipboardArea);
+    } else {
+      clipboardEvent.preventDefault();
+      clipboardEvent.stopPropagation();
+      clipboardEvent.clipboardData.setData('text/html', htmlContent);
+      clipboardEvent.clipboardData.setData('text/plain', textContent);
+    }
+  };
+
+  _proto._createClipboardArea = function _createClipboardArea() {
+    var element = document.createElement('div');
+    element.setAttribute('contenteditable', true);
+    css_default()(element, {
+      position: 'fixed',
+      overflow: 'hidden',
+      top: 0,
+      right: '100%',
+      width: '1px',
+      height: '1px'
+    });
+    document.body.appendChild(element);
+    return element;
+  }
+  /**
+   * Update copy data, when commonAncestorContainer nodeName is list type like UL or OL.
+   * @param {object} range - text range
+   * @param {HTMLElement} clipboardContainer - clibpard container element
+   * @private
+   */
+  ;
+
+  _proto._updateCopyDataForListTypeIfNeed = function _updateCopyDataForListTypeIfNeed(range, clipboardContainer) {
+    var commonAncestorNodeName = range.commonAncestorContainer.nodeName;
+
+    if (commonAncestorNodeName !== 'UL' && commonAncestorNodeName !== 'OL') {
+      return;
+    }
+
+    var newParent = document.createElement(commonAncestorNodeName);
+    newParent.appendChild(clipboardContainer);
+    clipboardContainer.innerHTML = '';
+    clipboardContainer.appendChild(newParent);
+  }
+  /**
+   * Remove empty font elements.
+   * @param {HTMLElement} clipboardContainer - cliboard container
+   * @private
+   */
+  ;
+
+  _proto._removeEmptyFontElement = function _removeEmptyFontElement(clipboardContainer) {
+    // clipboard data from ms word tend to have unneccesary font tags
+    var children = dom["a" /* default */].children(clipboardContainer, 'font');
+    children.forEach(function (element) {
+      if (!element.textContent.trim()) {
+        dom["a" /* default */].remove(element);
+      }
+    });
+  }
+  /**
+   * P tags append 'BR' to make blank line.
+   * Our viewer renders new line as P tag with margin.
+   * When pasting text from viewer, insert BR between P tags.
+   * @param {Node} node - node
+   * @private
+   */
+  ;
+
+  _proto._preProcessPtag = function _preProcessPtag(node) {
+    dom["a" /* default */].findAll(node, 'p').forEach(function (pTag) {
+      if (pTag.lastChild && pTag.lastChild.nodeName !== 'BR') {
+        pTag.appendChild(document.createElement('br'));
+      }
+
+      pTag.appendChild(document.createElement('br'));
+    });
+  }
+  /**
+   * Prepare paste.
+   * @param {HTMLElement} clipboardContainer - temporary container for clipboard contents
+   * @private
+   */
+  ;
+
+  _proto._preparePaste = function _preparePaste(clipboardContainer) {
+    if (isFromMso(clipboardContainer.innerHTML)) {
+      convertMsoParagraphsToList(clipboardContainer);
+    } else {
+      // When pasting text, the empty line processing differ our viewer and MS Office.
+      // In our viewer case, 
    aaa
    bbb
     have empty line becuase P tags have margin.
+      // In MS Office case, 
    aaa
    bbb
     do not have empty line becuase P tags means just one line.
+      this._preProcessPtag(clipboardContainer);
+    }
+
+    this._removeEmptyFontElement(clipboardContainer);
+
+    this._pch.preparePaste(clipboardContainer);
+
+    this.wwe.eventManager.emit('pasteBefore', {
+      source: 'wysiwyg',
+      clipboardContainer: clipboardContainer
+    });
+  }
+  /**
+   * set table bookmark which will gain focus after document modification ends.
+   * @param {HTMLElement} clipboardContainer - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._setTableBookmark = function _setTableBookmark(clipboardContainer) {
+    var lastNode = clipboardContainer.lastChild;
+    var isLastNodeTable = lastNode && lastNode.nodeName === 'TABLE';
+
+    if (isLastNodeTable) {
+      addClass_default()(lastNode, PASTE_TABLE_BOOKMARK);
+    }
+  }
+  /**
+   * Focus to table after document modification.
+   * @param {object} sq - squire editor instance
+   * @private
+   */
+  ;
+
+  _proto._focusTableBookmark = function _focusTableBookmark() {
+    var sq = this.wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var bookmarkedTable = sq.getBody().querySelector("." + PASTE_TABLE_BOOKMARK);
+    var bookmarkedCell = sq.getBody().querySelector("." + PASTE_TABLE_CELL_BOOKMARK);
+
+    if (bookmarkedTable) {
+      removeClass_default()(bookmarkedTable, PASTE_TABLE_BOOKMARK);
+      range.setEndAfter(bookmarkedTable);
+      range.collapse(false);
+      sq.setSelection(range);
+    }
+
+    if (bookmarkedCell) {
+      removeClass_default()(bookmarkedCell, PASTE_TABLE_CELL_BOOKMARK);
+      range.selectNodeContents(bookmarkedCell);
+      range.collapse(false);
+      sq.setSelection(range);
+    }
+  }
+  /**
+   * extend range if need
+   * @param {Range} range to extend
+   * @private
+   */
+  ;
+
+  _proto._extendRange = function _extendRange(range) {
+    // non-text node && not selected whole area, then expand the range
+    if (dom["a" /* default */].isTextNode(range.commonAncestorContainer) && (range.startOffset !== 0 || range.commonAncestorContainer.textContent.length !== range.endOffset) && range.commonAncestorContainer.nodeName !== 'TD') {
+      return;
+    }
+
+    if (range.startOffset === 0) {
+      range = this._extendStartRange(range);
+    }
+
+    if (range.endOffset === dom["a" /* default */].getOffsetLength(range.endContainer)) {
+      range = this._extendEndRange(range);
+    } // commonAncestor if all of it's children has been selected
+
+
+    if (this._isWholeCommonAncestorContainerSelected(range)) {
+      range.selectNode(range.commonAncestorContainer);
+    }
+
+    this.wwe.getEditor().setSelection(range);
+  }
+  /**
+   * Extends current range's startContainer
+   * @param {Range} range Range object
+   * @returns {Range}
+   * @private
+   */
+  ;
+
+  _proto._extendStartRange = function _extendStartRange(range) {
+    var newBound = range.startContainer; // expand range
+
+    while (newBound.parentNode !== range.commonAncestorContainer && newBound.parentNode !== this.wwe.getBody() && !newBound.previousSibling) {
+      newBound = newBound.parentNode;
+    } // expand range
+
+
+    range.setStart(newBound.parentNode, dom["a" /* default */].getNodeOffsetOfParent(newBound));
+    return range;
+  }
+  /**
+   * Extends current range's endContainer
+   * @param {Range} range Range object
+   * @returns {Range}
+   * @private
+   */
+  ;
+
+  _proto._extendEndRange = function _extendEndRange(range) {
+    var newBound = range.endContainer;
+    var boundNext = newBound.nextSibling; // expand range
+
+    while (newBound.parentNode !== range.commonAncestorContainer && newBound.parentNode !== this.wwe.getBody() && (!boundNext || dom["a" /* default */].getNodeName(boundNext) === 'BR' && newBound.parentNode.lastChild === boundNext)) {
+      newBound = newBound.parentNode;
+      boundNext = newBound.nextSibling;
+    } // expand range level
+
+
+    range.setEnd(newBound.parentNode, dom["a" /* default */].getNodeOffsetOfParent(newBound) + 1);
+    return range;
+  }
+  /**
+   * Check whether whole commonAncestorContainter textContent selected or not
+   * @param {Range} range Range object
+   * @returns {boolean} result
+   * @private
+   */
+  ;
+
+  _proto._isWholeCommonAncestorContainerSelected = function _isWholeCommonAncestorContainerSelected(range) {
+    return range.commonAncestorContainer.nodeType === Node.ELEMENT_NODE && range.commonAncestorContainer !== this.wwe.getBody() && range.startOffset === 0 && range.endOffset === range.commonAncestorContainer.childNodes.length && range.commonAncestorContainer === range.startContainer && range.commonAncestorContainer === range.endContainer;
+  };
+
+  return WwClipboardManager;
+}();
+
+/* harmony default export */ var wwClipboardManager = (wwClipboardManager_WwClipboardManager);
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/hasClass.js
+var hasClass = __webpack_require__(16);
+var hasClass_default = /*#__PURE__*/__webpack_require__.n(hasClass);
+
+// CONCATENATED MODULE: ./src/js/wwLinkManager.js
+/**
+ * @fileoverview Implements wysiwyg link manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var CLASS_NAME_IMAGE_LINK = 'image-link';
+/**
+ * Class WwLinkManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwLinkManager_WwLinkManager = /*#__PURE__*/function () {
+  function WwLinkManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'link';
+
+    this._init();
+  }
+
+  var _proto = WwLinkManager.prototype;
+
+  _proto._init = function _init() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._addClassNameToAllImageLinks();
+    });
+    this.wwe.getEditor().addEventListener('click', function (ev) {
+      var target = ev.target,
+          offsetX = ev.offsetX,
+          offsetY = ev.offsetY;
+      var popupButton = getComputedStyle(target, ':before');
+
+      if (hasClass_default()(target, CLASS_NAME_IMAGE_LINK) && dom["a" /* default */].isInsideButtonBox(popupButton, offsetX, offsetY)) {
+        _this._selectImageLink(target.parentNode);
+
+        _this.eventManager.emit('openPopupAddLink', {
+          url: target.getAttribute('href')
+        });
+      }
+    });
+  };
+
+  _proto._selectImageLink = function _selectImageLink(imageLink) {
+    var range = this.wwe.getEditor().getSelection().cloneRange();
+    range.selectNode(imageLink);
+    this.wwe.getEditor().setSelection(range);
+  };
+
+  _proto._addClassNameToImageLinks = function _addClassNameToImageLinks(links) {
+    links.forEach(function (link) {
+      if (link.firstChild && link.firstChild.nodeName === 'IMG') {
+        addClass_default()(link, CLASS_NAME_IMAGE_LINK);
+      }
+    });
+  };
+
+  _proto._addClassNameToAllImageLinks = function _addClassNameToAllImageLinks() {
+    var links = dom["a" /* default */].findAll(this.wwe.getBody(), 'a');
+
+    this._addClassNameToImageLinks(links);
+  }
+  /**
+   * Add class name on all link including image in selection
+   */
+  ;
+
+  _proto.addClassNameToImageLinksInSelection = function addClassNameToImageLinksInSelection() {
+    var sq = this.wwe.getEditor();
+
+    var _sq$getSelection = sq.getSelection(),
+        container = _sq$getSelection.commonAncestorContainer;
+
+    if (dom["a" /* default */].isElemNode(container)) {
+      var links;
+
+      if (container.nodeName === 'A') {
+        links = [container];
+      } else {
+        links = dom["a" /* default */].findAll(container, 'a');
+      }
+
+      this._addClassNameToImageLinks(links);
+    }
+  };
+
+  return WwLinkManager;
+}();
+
+
+// CONCATENATED MODULE: ./src/js/wwListManager.js
+/**
+ * @fileoverview Implements wysiwyg list manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var FIND_LI_ELEMENT = /
  • ]*>)(.*?)(<\/(?:th|td)>)/g;
+var FIND_LIST_OR_LIST_ITEM_TAG_RX = /<(ul|ol|li)([^>]*)>/g;
+/**
+ * Class WwListManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwListManager_WwListManager = /*#__PURE__*/function () {
+  function WwListManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'list';
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwListManager.prototype;
+
+  _proto._init = function _init() {
+    this._initEvent();
+
+    this._initKeyHandler();
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueBefore', function (html) {
+      return _this.convertToArbitraryNestingList(html);
+    });
+    this.eventManager.listen('wysiwygRangeChangeAfter', function () {
+      _this._findAndRemoveEmptyList();
+
+      _this._removeBranchListAll();
+    });
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._removeBranchListAll();
+    });
+    this.eventManager.listen('wysiwygProcessHTMLText', function (html) {
+      html = _this._convertFromArbitraryNestingList(html);
+      return html;
+    });
+    this.eventManager.listen('convertorBeforeHtmlToMarkdownConverted', function (html) {
+      return _this._insertDataToMarkPassForListInTable(html);
+    });
+  };
+
+  _proto._initKeyHandler = function _initKeyHandler() {
+    var _this2 = this;
+
+    this.wwe.addKeyEventHandler(['TAB', 'CTRL+]', 'META+]'], function (ev) {
+      var isNeedNext;
+
+      if (_this2.wwe.getEditor().hasFormat('LI')) {
+        ev.preventDefault();
+
+        _this2.eventManager.emit('command', 'Indent');
+
+        isNeedNext = false;
+      }
+
+      return isNeedNext;
+    });
+    this.wwe.addKeyEventHandler(['SHIFT+TAB', 'CTRL+[', 'META+['], function (ev, range) {
+      var isNeedNext;
+
+      if (_this2.wwe.getEditor().hasFormat('LI')) {
+        ev.preventDefault();
+        var ul = dom["a" /* default */].children(dom["a" /* default */].closest(range.startContainer, 'li'), UL_OR_OL);
+
+        _this2.eventManager.emit('command', 'Outdent');
+
+        if (ul.length && !ul.previousSibling) {
+          _this2._removeBranchList(ul);
+        }
+
+        isNeedNext = false;
+      }
+
+      return isNeedNext;
+    });
+    this.wwe.addKeyEventHandler('ENTER', function (ev, range) {
+      if (range.collapsed) {
+        if (_this2.wwe.getEditor().hasFormat('LI')) {
+          _this2.wwe.defer(function () {
+            var afterRange = _this2.wwe.getRange();
+
+            var _domUtils$parents = dom["a" /* default */].parents(afterRange.startContainer, 'li'),
+                li = _domUtils$parents[0];
+
+            _this2._removeBranchListAll(li);
+          });
+        }
+      }
+    });
+    this.wwe.addKeyEventHandler('BACK_SPACE', function (ev, range) {
+      if (range.collapsed) {
+        if (_this2.wwe.getEditor().hasFormat('LI')) {
+          _this2.wwe.defer(function () {
+            _this2._removeBranchListAll();
+          });
+        }
+      }
+    });
+  }
+  /**
+   * Find empty list for whole container and remove it.
+   * @private
+   */
+  ;
+
+  _proto._findAndRemoveEmptyList = function _findAndRemoveEmptyList() {
+    dom["a" /* default */].findAll(this.wwe.getBody(), UL_OR_OL).forEach(function (node) {
+      if (!FIND_LI_ELEMENT.test(node.innerHTML)) {
+        dom["a" /* default */].remove(node);
+      }
+    });
+  }
+  /**
+   * Remove branch lists all from body
+   * @param {HTMLElement} root root to remove branch list
+   * @private
+   */
+  ;
+
+  _proto._removeBranchListAll = function _removeBranchListAll(root) {
+    var _this3 = this;
+
+    root = !root ? this.wwe.getBody() : root;
+    dom["a" /* default */].findAll(root, 'li > ul, li > ol').forEach(function (node) {
+      if (!node || node.previousSibling) {
+        return;
+      }
+
+      _this3._removeBranchList(node);
+    });
+  }
+  /**
+   * Remove branch list of passed list(ul, ol)
+   * @param {HTMLElement} list list
+   * @private
+   */
+  ;
+
+  _proto._removeBranchList = function _removeBranchList(list) {
+    var branchRoot = list;
+
+    while (!branchRoot.previousSibling && branchRoot.parentElement.tagName.match(/UL|OL|LI/g)) {
+      branchRoot = branchRoot.parentElement;
+    }
+
+    var _domUtils$children = dom["a" /* default */].children(branchRoot, 'li'),
+        firstLi = _domUtils$children[0];
+
+    var unwrappedLIs = dom["a" /* default */].unwrap(list);
+    dom["a" /* default */].prepend(branchRoot, unwrappedLIs);
+    dom["a" /* default */].remove(firstLi);
+  }
+  /**
+   * make arbitrary nesting list out of standard list
+   * `
    • text
      • text2
    ` to
+   * `
    • text
      • text2
    `
+   * @param {string} html string to convert
+   * @returns {string} converted HTML text
+   */
+  ;
+
+  _proto.convertToArbitraryNestingList = function convertToArbitraryNestingList(html) {
+    var NESTED_LIST_QUERY = 'li > ul, li > ol';
+    var wrapper = dom["a" /* default */].createElementWith("
    " + html + "
    ");
+    var nestedList = wrapper.querySelector(NESTED_LIST_QUERY);
+
+    while (nestedList !== null) {
+      var parentLI = nestedList.parentNode;
+      var parentList = parentLI.parentNode;
+      parentList.insertBefore(nestedList, parentLI.nextElementSibling);
+      nestedList = wrapper.querySelector(NESTED_LIST_QUERY);
+    }
+
+    return wrapper.innerHTML;
+  }
+  /**
+   * make standard list out of arbitrary nesting list
+   * `
    • text
      • text2
    ` from
+   * `
    • text
      • text2
    `
+   * @param {string} html string to convert
+   * @returns {string} converted HTML text
+   * @private
+   */
+  ;
+
+  _proto._convertFromArbitraryNestingList = function _convertFromArbitraryNestingList(html) {
+    var NESTED_LIST_QUERY = 'ol > ol, ol > ul, ul > ol, ul > ul';
+    var wrapperDiv = dom["a" /* default */].createElementWith("
    " + html + "
    ");
+    var nestedList = wrapperDiv.querySelector(NESTED_LIST_QUERY);
+
+    while (nestedList !== null) {
+      var prevLI = nestedList.previousElementSibling;
+
+      while (prevLI && prevLI.tagName !== 'LI') {
+        prevLI = prevLI.previousElementSibling;
+      }
+
+      if (prevLI) {
+        prevLI.appendChild(nestedList);
+      } else {
+        this._unwrap(nestedList);
+      }
+
+      nestedList = wrapperDiv.querySelector(NESTED_LIST_QUERY);
+    }
+
+    return wrapperDiv.innerHTML;
+  }
+  /**
+   * unwrap nesting list
+   * @param {Node} nestedList - nested list to unwrap
+   * @private
+   */
+  ;
+
+  _proto._unwrap = function _unwrap(nestedList) {
+    var fragment = document.createDocumentFragment();
+
+    while (nestedList.firstChild) {
+      fragment.appendChild(nestedList.firstChild);
+    }
+
+    nestedList.parentNode.replaceChild(fragment, nestedList);
+  };
+
+  _proto._insertDataToMarkPassForListInTable = function _insertDataToMarkPassForListInTable(html) {
+    var replacedHtml = html.replace(FIND_CELL_TAG_RX, function (match, tdStart, tdContent, tdEnd) {
+      var content = tdContent.replace(FIND_LIST_OR_LIST_ITEM_TAG_RX, '<$1 data-tomark-pass $2>');
+      return "" + tdStart + content + tdEnd;
+    });
+    return replacedHtml;
+  }
+  /**
+   * Return lines in selection
+   * @param {Node} start Start element
+   * @param {Node} end End element
+   * @param {HTMLElement} body Editor body element
+   * @returns {Array.}
+   * @private
+   */
+  ;
+
+  _proto.getLinesOfSelection = function getLinesOfSelection(start, end) {
+    var lines = [];
+    var isLastLine = false;
+    var needNext = true;
+    var nextLine;
+
+    if (dom["a" /* default */].isTextNode(start)) {
+      var _domUtils$parents2 = dom["a" /* default */].parents(start, DIV_OR_LI);
+
+      start = _domUtils$parents2[0];
+    }
+
+    if (dom["a" /* default */].isTextNode(end)) {
+      var _domUtils$parents3 = dom["a" /* default */].parents(end, DIV_OR_LI);
+
+      end = _domUtils$parents3[0];
+    }
+
+    for (var line = start; needNext; line = nextLine) {
+      if (matches_default()(line, DIV_OR_LI)) {
+        lines.push(line);
+
+        if (line === end) {
+          isLastLine = true;
+        } else {
+          nextLine = this._getNextLine(line, end);
+        }
+      } else {
+        break;
+      }
+
+      needNext = nextLine && !isLastLine;
+    }
+
+    return lines;
+  }
+  /**
+   * get next line
+   * @param {Node} currentLine - current line node
+   * @param {Node} end - last node in selection
+   * @returns {Node} - next line node
+   * @private
+   */
+  ;
+
+  _proto._getNextLine = function _getNextLine(currentLine, end) {
+    var nextLine = currentLine.nextElementSibling;
+
+    if (!nextLine) {
+      // current line was the last line in ul/ol
+      // while we have lines those has not been processed yet.
+      nextLine = currentLine.parentNode.nextElementSibling;
+    } else if (matches_default()(nextLine, UL_OR_OL)) {
+      // we don't sure firstChild is LI. arbtrary list can have another ol/ul
+      nextLine = nextLine.querySelector('li');
+    }
+
+    if (matches_default()(nextLine, DIV_OR_LI) || nextLine === end) {
+      return nextLine;
+    }
+
+    return this._getNextLine(nextLine);
+  }
+  /**
+   * merge to previous list
+   * consider remove this function when https://github.com/neilj/Squire/issues/294 resolved
+   * @param {HTMLLIElement} currentLine - current li element
+   */
+  ;
+
+  _proto.mergeList = function mergeList(currentLine) {
+    var currentList = currentLine.parentNode;
+    var prevList = currentList.previousElementSibling;
+    var nextList = currentList.nextElementSibling;
+
+    if (currentList.firstElementChild === currentLine) {
+      if (prevList && matches_default()(prevList, UL_OR_OL)) {
+        this._mergeList(currentList, prevList);
+
+        currentList = prevList;
+      }
+    }
+
+    if (currentList.lastElementChild === currentLine) {
+      if (nextList && matches_default()(nextList, UL_OR_OL)) {
+        this._mergeList(nextList, currentList);
+      }
+    }
+  }
+  /**
+   * merge list to targetList
+   * @param {HTMLOListElement|HTMLUListElement} list - list to merge
+   * @param {HTMLOListElement|HTMLUListElement} targetList - target list
+   * @private
+   */
+  ;
+
+  _proto._mergeList = function _mergeList(list, targetList) {
+    var listItem = list.firstElementChild;
+
+    if (targetList && matches_default()(targetList, UL_OR_OL)) {
+      while (listItem) {
+        var temp = listItem.nextElementSibling;
+        targetList.appendChild(listItem);
+        listItem = temp;
+      }
+
+      list.parentNode.removeChild(list);
+    }
+  }
+  /**
+   * Check whether is available to make List in table.
+   * @returns {boolean} - li element
+   */
+  ;
+
+  _proto.isAvailableMakeListInTable = function isAvailableMakeListInTable() {
+    var selectionManager = this.wwe.componentManager.getManager('tableSelection');
+    var selectedCells = selectionManager.getSelectedCells();
+    var sq = this.wwe.getEditor();
+    return selectedCells && sq.hasFormat('table') && !sq.hasFormat('OL') && !sq.hasFormat('UL');
+  }
+  /**
+   * Find parent node before TD
+   * @param {Node} node - startContainer or endContainer of range
+   * @param {Number} offset - offset
+   * @returns {Node} - parent node before TD
+   * @private
+   */
+  ;
+
+  _proto._getParentNodeBeforeTD = function _getParentNodeBeforeTD(node, offset) {
+    var parentNode = dom["a" /* default */].getParentUntil(node, 'TD');
+
+    if (!parentNode) {
+      var childNodes = node.childNodes;
+      var length = childNodes ? childNodes.length : 0;
+      var newOffset = offset > 0 && offset === length ? offset - 1 : offset;
+      parentNode = dom["a" /* default */].getChildNodeByOffset(node, newOffset);
+    }
+
+    return parentNode;
+  }
+  /**
+   * Find LI node inside cell (TH, TD)
+   * If target node is not li and parents of taget node is not li, return null.
+   * @param {Node} targetNode - startContainer or endContainer of range
+   * @param {Number} offset - offset
+   * @returns {Node} - LI node or null
+   * @private
+   */
+  ;
+
+  _proto._findLINodeInsideCell = function _findLINodeInsideCell(targetNode, offset) {
+    var liNode = null;
+
+    if (targetNode && dom["a" /* default */].isCellNode(targetNode)) {
+      targetNode = targetNode.firstChild;
+    }
+
+    var liParent = dom["a" /* default */].getParentUntilBy(targetNode, function (parentNode) {
+      return parentNode && dom["a" /* default */].isListNode(parentNode);
+    }, function (parentNode) {
+      return parentNode && dom["a" /* default */].isCellNode(parentNode);
+    });
+
+    if (liParent) {
+      liNode = liParent;
+    } else if (targetNode.nodeName === 'LI') {
+      liNode = targetNode;
+    } else if (dom["a" /* default */].isListNode(targetNode)) {
+      var childLength = targetNode.childNodes.length;
+      liNode = targetNode.childNodes[offset >= childLength ? childLength - 1 : offset];
+    }
+
+    return liNode;
+  }
+  /**
+   * Get first node on the line where range start.
+   * @param {Node} targetNode - startContainer
+   * @param {Number} offset - startOffset
+   * @returns {Node} - first node where range start
+   * @private
+   */
+  ;
+
+  _proto._getFirstNodeInLineOfTable = function _getFirstNodeInLineOfTable(targetNode, offset) {
+    var startNode = this._findLINodeInsideCell(targetNode, offset);
+
+    if (!startNode) {
+      startNode = this._getParentNodeBeforeTD(targetNode, offset);
+      var _startNode = startNode,
+          previousSibling = _startNode.previousSibling;
+
+      while (previousSibling && previousSibling.nodeName !== 'BR' && !dom["a" /* default */].isListNode(previousSibling)) {
+        startNode = previousSibling;
+        previousSibling = startNode.previousSibling;
+      }
+    }
+
+    return startNode;
+  }
+  /**
+   * Get last node on the line where range end.
+   * @param {Node} targetNode - endContainer
+   * @param {Number} offset - endOffset
+   * @returns {Node} - last node where range end
+   * @private
+   */
+  ;
+
+  _proto._getLastNodeInLineOfTable = function _getLastNodeInLineOfTable(targetNode, offset) {
+    var endNode = this._findLINodeInsideCell(targetNode, offset);
+
+    if (!endNode) {
+      endNode = this._getParentNodeBeforeTD(targetNode, offset);
+
+      while (endNode.nextSibling) {
+        if (endNode.nodeName === 'BR' || dom["a" /* default */].isListNode(endNode)) {
+          break;
+        }
+
+        endNode = endNode.nextSibling;
+      }
+    }
+
+    return endNode;
+  }
+  /**
+   * Check whether node is last node in the line of table
+   * If the node is li or br, the node is last node in the line of table.
+   * @param {node} node - node
+   * @returns {boolean} - whether node is last node in line of table
+   * @private
+   */
+  ;
+
+  _proto._isLastNodeInLineOfTable = function _isLastNodeInLineOfTable(node) {
+    var nodeName = node.nodeName;
+    return nodeName === 'LI' || nodeName === 'BR';
+  }
+  /**
+   * Get next node in the line of table
+   * If current node is li node and nextSibling is not existing, next node is parent's nextSibling.
+   * If nextSibiling of node is a list node (UL or OL), next node is first child of the list node.
+   * @param {node} node - node
+   * @returns {node} - next node
+   * @private
+   */
+  ;
+
+  _proto._getNextNodeInLineOfTable = function _getNextNodeInLineOfTable(node) {
+    var nextSibling = node.nextSibling;
+
+    if (node.nodeName === 'LI' && !nextSibling) {
+      var parentNode = node.parentNode;
+
+      while (!dom["a" /* default */].isCellNode(parentNode)) {
+        if (parentNode.nextSibling) {
+          nextSibling = parentNode.nextSibling;
+          break;
+        }
+
+        parentNode = parentNode.parentNode;
+      }
+    } else if (dom["a" /* default */].isListNode(nextSibling)) {
+      nextSibling = nextSibling.firstChild;
+    }
+
+    return nextSibling;
+  }
+  /**
+   * get nodes in each lines of table
+   * @param {range} range - range
+   * @returns {array} - each nodes in line
+   * @private
+   */
+  ;
+
+  _proto._getLinesOfSelectionInTable = function _getLinesOfSelectionInTable(range) {
+    var startContainer = range.startContainer,
+        endContainer = range.endContainer,
+        startOffset = range.startOffset,
+        endOffset = range.endOffset;
+
+    var firstNode = this._getFirstNodeInLineOfTable(startContainer, startOffset);
+
+    var lastNode = this._getLastNodeInLineOfTable(endContainer, endOffset);
+
+    var lines = [];
+    var oneLine = [];
+
+    while (firstNode) {
+      oneLine.push(firstNode);
+
+      if (this._isLastNodeInLineOfTable(firstNode)) {
+        lines.push(oneLine);
+        oneLine = [];
+      }
+
+      if (firstNode === lastNode) {
+        if (oneLine.length) {
+          lines.push(oneLine);
+        }
+
+        break;
+      }
+
+      firstNode = this._getNextNodeInLineOfTable(firstNode);
+    }
+
+    return lines;
+  }
+  /**
+   * create OL or UL element
+   * @param {string} listType - OL, UL or TASK
+   * @returns {Node} - OL or UL element
+   * @private
+   */
+  ;
+
+  _proto._createListElement = function _createListElement(listType) {
+    return document.createElement(listType === 'TASK' ? 'UL' : listType);
+  }
+  /**
+   * create li element
+   * @param {array} oneLineNodes - node array
+   * @param {string} listType - OL, UL or TASK
+   * @returns {Node} - li element
+   * @private
+   */
+  ;
+
+  _proto._createListItemElement = function _createListItemElement(oneLineNodes, listType) {
+    var liNode = document.createElement('li');
+    oneLineNodes.forEach(function (node) {
+      liNode.appendChild(node);
+    });
+
+    if (listType === 'TASK') {
+      var taskManager = this.wwe.componentManager.getManager('task');
+      taskManager.formatTask(liNode);
+    }
+
+    return liNode;
+  };
+
+  _proto._mergeListWithPreviousSibiling = function _mergeListWithPreviousSibiling(node) {
+    var previousSibling = node.previousSibling;
+    var result = node;
+
+    if (previousSibling && node.nodeName === previousSibling.nodeName) {
+      this._mergeList(node, previousSibling);
+
+      result = previousSibling;
+    }
+
+    return result;
+  };
+
+  _proto._mergeListWithNextSibiling = function _mergeListWithNextSibiling(node) {
+    var nextSibling = node.nextSibling;
+
+    if (nextSibling && node.nodeName === nextSibling.nodeName) {
+      this._mergeList(nextSibling, node);
+    }
+
+    return node;
+  }
+  /**
+   * make listNode (OL or UL)
+   * @param {range} range - range
+   * @param {staring} listType - UL, OL, TASK
+   * @returns {array} childNodes of list node (OL/UL)
+   */
+  ;
+
+  _proto.createListInTable = function createListInTable(range, listType) {
+    var _this4 = this;
+
+    var lines = this._getLinesOfSelectionInTable(range);
+
+    var lastLine = lines[lines.length - 1];
+    var lastNode = lastLine[lastLine.length - 1];
+    var nextNode = lastNode.nextSibling;
+    var parentNode = lastNode.parentNode;
+
+    var listNode = this._createListElement(listType);
+
+    var _listNode = listNode,
+        listNodeName = _listNode.nodeName;
+    var newLIs = [];
+    lines.forEach(function (oneLineNodes) {
+      var oneLineFirstNode = oneLineNodes[0];
+      var liElement; // oneLineFirstNode was already a list item in the table
+
+      if (oneLineFirstNode.nodeName === 'LI') {
+        var existingListNode = oneLineFirstNode.parentNode;
+        liElement = oneLineFirstNode; // If the existing list that is already in table is not same the list to be created,
+        // change the existing list to the list to be created
+
+        if (existingListNode.nodeName !== listNodeName) {
+          var childNodes = existingListNode.childNodes;
+          toArray_default()(childNodes).forEach(function () {
+            listNode.appendChild(existingListNode.firstChild);
+          });
+          existingListNode.parentNode.replaceChild(listNode, existingListNode);
+        }
+
+        listNode = liElement.parentNode;
+      } else {
+        liElement = _this4._createListItemElement(oneLineNodes, listType);
+        listNode.appendChild(liElement);
+      }
+
+      newLIs.push(liElement);
+    });
+
+    if (!listNode.parentNode) {
+      parentNode.insertBefore(listNode, nextNode);
+    }
+
+    listNode = this._mergeListWithPreviousSibiling(listNode);
+
+    this._mergeListWithNextSibiling(listNode);
+
+    return newLIs;
+  }
+  /**
+   * adjust range for list node (OL/UL)
+   * according to origin startContainer and endContainer
+   * @param {node} startContainer - startContainer
+   * @param {node} endContainer - endContainer
+   * @param {number} startOffset - startOffset
+   * @param {number} endOffset - endOffset
+   * @param {array} listNode - node array
+   */
+  ;
+
+  _proto.adjustRange = function adjustRange(startContainer, endContainer, startOffset, endOffset, listNode) {
+    var newStartContainer = dom["a" /* default */].containsNode(listNode[0], startContainer) ? startContainer : listNode[0];
+    var newEndContainer = dom["a" /* default */].containsNode(listNode[listNode.length - 1], endContainer) ? endContainer : listNode[listNode.length - 1];
+    var newStartOffset = startContainer.nodeName === 'TD' ? 0 : startOffset;
+    var newEndOffset = endContainer.nodeName === 'TD' ? 0 : endOffset;
+    this.wwe.setSelectionByContainerAndOffset(newStartContainer, newStartOffset, newEndContainer, newEndOffset);
+  };
+
+  return WwListManager;
+}();
+
+/* harmony default export */ var wwListManager = (wwListManager_WwListManager);
+// CONCATENATED MODULE: ./src/js/wwTaskManager.js
+/**
+ * @fileoverview Implements wysiwyg task manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var TASK_CLASS_NAME = 'task-list-item';
+var TASK_ATTR_NAME = 'data-te-task';
+var TASK_CHECKED_CLASS_NAME = 'checked';
+/**
+ * Class WwTaskManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwTaskManager_WwTaskManager = /*#__PURE__*/function () {
+  function WwTaskManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'task';
+
+    this._init();
+  }
+  /**
+   * Init
+   * @private
+   */
+
+
+  var _proto = WwTaskManager.prototype;
+
+  _proto._init = function _init() {
+    this._initKeyHandler();
+
+    this._initEvent();
+
+    this.wwe.getEditor().addEventListener('mousedown', function (ev) {
+      var style = getComputedStyle(ev.target, ':before');
+
+      if (ev.target.hasAttribute(TASK_ATTR_NAME) && dom["a" /* default */].isInsideButtonBox(style, ev.offsetX, ev.offsetY)) {
+        // Prevent cursor focusing
+        ev.preventDefault();
+        dom["a" /* default */].toggleClass(ev.target, TASK_CHECKED_CLASS_NAME);
+      }
+    });
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._removeTaskListClass();
+    });
+  }
+  /**
+   * Initialize key event handler
+   * @private
+   */
+  ;
+
+  _proto._initKeyHandler = function _initKeyHandler() {
+    var _this2 = this;
+
+    this.wwe.addKeyEventHandler('ENTER', function (ev, range) {
+      if (_this2.isInTaskList(range)) {
+        _this2.wwe.defer(function () {
+          var newRange = _this2.wwe.getRange();
+
+          var li = dom["a" /* default */].closest(newRange.startContainer, 'li');
+
+          if (li) {
+            removeClass_default()(li, TASK_CHECKED_CLASS_NAME);
+          }
+        });
+      }
+    });
+  }
+  /**
+   * Check whether passed range is in task list or not
+   * @param {Range} range range
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isInTaskList = function isInTaskList(range) {
+    var li;
+
+    if (!range) {
+      range = this.wwe.getEditor().getSelection().cloneRange();
+    }
+
+    if (range.startContainer.nodeType === Node.ELEMENT_NODE && range.startContainer.tagName === 'LI') {
+      li = range.startContainer;
+    } else {
+      var _domUtils$parents = dom["a" /* default */].parents(range.startContainer, 'li');
+
+      li = _domUtils$parents[0];
+    }
+
+    return !!li && hasClass_default()(li, TASK_CLASS_NAME);
+  }
+  /**
+   * Unforamt task
+   * @param {Node} node target
+   */
+  ;
+
+  _proto.unformatTask = function unformatTask(node) {
+    var li = dom["a" /* default */].closest(node, 'li');
+    removeClass_default()(li, TASK_CLASS_NAME);
+    removeClass_default()(li, TASK_CHECKED_CLASS_NAME);
+    li.removeAttribute(TASK_ATTR_NAME);
+
+    if (!li.getAttribute('class')) {
+      li.removeAttribute('class');
+    }
+  }
+  /**
+   * Format task
+   * @param {Node} node target
+   */
+  ;
+
+  _proto.formatTask = function formatTask(node) {
+    var li = dom["a" /* default */].closest(node, 'li');
+    addClass_default()(li, TASK_CLASS_NAME);
+    li.setAttribute(TASK_ATTR_NAME, '');
+  }
+  /**
+   * Format task if current range has task class name
+   * @private
+   */
+  ;
+
+  _proto._formatTaskIfNeed = function _formatTaskIfNeed() {
+    var range = this.wwe.getEditor().getSelection().cloneRange();
+
+    if (this.isInTaskList(range)) {
+      this.formatTask(range.startContainer);
+    }
+  }
+  /**
+   * Remove tasklist class
+   * @private
+   */
+  ;
+
+  _proto._removeTaskListClass = function _removeTaskListClass() {
+    // because task-list class is block merge normal list and task list
+    dom["a" /* default */].findAll(this.wwe.getBody(), '.task-list').forEach(function (node) {
+      removeClass_default()(node, 'task-list');
+    });
+  };
+
+  return WwTaskManager;
+}();
+
+/* harmony default export */ var wwTaskManager = (wwTaskManager_WwTaskManager);
+// CONCATENATED MODULE: ./src/js/wwTableManager.js
+/**
+ * @fileoverview Implements wysiwyg table manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var isIE10 = browser_default.a.msie && browser_default.a.version === 10;
+var TABLE_CLASS_PREFIX = 'te-content-table-';
+var isIE10And11 = browser_default.a.msie && (browser_default.a.version === 10 || browser_default.a.version === 11);
+var BASIC_CELL_CONTENT = browser_default.a.msie ? '' : '
    ';
+var TABLE_CELL_SELECTED_CLASS_NAME = 'te-cell-selected';
+/**
+ * Class WwTableManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwTableManager_WwTableManager = /*#__PURE__*/function () {
+  function WwTableManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'table';
+    this._lastCellNode = null;
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwTableManager.prototype;
+
+  _proto._init = function _init() {
+    this._initKeyHandler();
+
+    this._initEvent();
+
+    this.tableID = 0;
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygRangeChangeAfter.table', function () {
+      var range = _this.wwe.getEditor().getSelection();
+
+      var isRangeInTable = _this.wwe.isInTable(range);
+
+      _this._unwrapBlockInTable();
+
+      _this._completeTableIfNeed();
+
+      if (!isRangeInTable) {
+        var selectionManager = _this.wwe.componentManager.getManager('tableSelection');
+
+        selectionManager.removeClassAttrbuteFromAllCellsIfNeed();
+      }
+
+      _this._insertDefaultBlockBetweenTable();
+    });
+    this.eventManager.listen('wysiwygSetValueAfter.table', function () {
+      _this._unwrapBlockInTable();
+
+      _this._insertDefaultBlockBetweenTable();
+    }); // remove last br in td or th
+
+    this.eventManager.listen('wysiwygProcessHTMLText.table', function (html) {
+      return html.replace(/
    (<\/td>|<\/th>)/g, '$1');
+    });
+    this.eventManager.listen('cut.table', function () {
+      var selectionManager = _this.wwe.componentManager.getManager('tableSelection');
+
+      var selectedCells = selectionManager.getSelectedCells();
+
+      if (selectedCells.length) {
+        selectedCells.forEach(function (cell) {
+          cell.innerHTML = BASIC_CELL_CONTENT;
+        });
+      }
+
+      selectionManager.removeClassAttrbuteFromAllCellsIfNeed();
+    });
+    this.eventManager.listen('copyBefore.table', function (_ref) {
+      var clipboardContainer = _ref.clipboardContainer;
+      return _this.updateTableHtmlOfClipboardIfNeed(clipboardContainer);
+    });
+  }
+  /**
+   * Update table html of clipboard data, if has selected cells.
+   * @param {HTMLElement} clipboardContainer - clipboard element
+   */
+  ;
+
+  _proto.updateTableHtmlOfClipboardIfNeed = function updateTableHtmlOfClipboardIfNeed(clipboardContainer) {
+    var _this2 = this;
+
+    var selectionManager = this.wwe.componentManager.getManager('tableSelection');
+    var selectedCells = selectionManager.getSelectedCells();
+
+    if (selectedCells.length) {
+      selectionManager.createRangeBySelectedCells();
+      var fragment = this.wwe.getEditor().getSelection().cloneContents();
+      toArray_default()(fragment.children).forEach(function (node) {
+        if (!_this2.isTableOrSubTableElement(node.nodeName)) {
+          return;
+        }
+
+        if (node.nodeName === 'TABLE' && node.querySelector('thead') && node.querySelector('tbody')) {
+          dom["a" /* default */].remove(node);
+        } else if (node.previousSibling && node.previousSibling.nodeName === 'TABLE') {
+          node.previousSibling.appendChild(node);
+        } else {
+          _this2._completeIncompleteTable(node);
+
+          if (node.nodeName !== 'TABLE' && node.nodeName !== 'THEAD') {
+            var thead = dom["a" /* default */].closest(node, 'table').querySelector('thead');
+            dom["a" /* default */].remove(thead);
+          }
+        }
+      });
+      clipboardContainer.appendChild(fragment);
+      dom["a" /* default */].findAll(clipboardContainer, "." + TABLE_CELL_SELECTED_CLASS_NAME).forEach(function (cell) {
+        removeClass_default()(cell, TABLE_CELL_SELECTED_CLASS_NAME);
+      });
+    }
+  }
+  /**
+   * Paste clibpard data that contains only table.
+   * @param {Node} clipboardTable - table element of clipboard
+   */
+  ;
+
+  _proto.pasteTableData = function pasteTableData(clipboardTable) {
+    this._expandTableIfNeed(clipboardTable);
+
+    this._pasteDataIntoTable(clipboardTable);
+  }
+  /**
+   * Initialize key event handler
+   * @private
+   */
+  ;
+
+  _proto._initKeyHandler = function _initKeyHandler() {
+    var _this3 = this;
+
+    this.keyEventHandlers = {
+      DEFAULT: function DEFAULT(ev, range, keymap) {
+        var isRangeInTable = _this3.wwe.isInTable(range);
+
+        if (isRangeInTable && !_this3._isModifierKey(keymap)) {
+          _this3._recordUndoStateIfNeed(range);
+
+          _this3._removeContentsAndChangeSelectionIfNeed(range, keymap, ev);
+        } else if (!isRangeInTable && _this3._lastCellNode) {
+          _this3._recordUndoStateAndResetCellNode(range);
+        }
+
+        if (isRangeInTable && !_this3._isModifierKeyPushed(ev)) {
+          _this3.wwe.getEditor().modifyDocument(function () {
+            var selectionManager = _this3.wwe.componentManager.getManager('tableSelection');
+
+            selectionManager.removeClassAttrbuteFromAllCellsIfNeed();
+          });
+        }
+      },
+      ENTER: function ENTER(ev, range) {
+        var isNeedNext;
+
+        if (_this3._isAfterTable(range)) {
+          ev.preventDefault();
+          range.setStart(range.startContainer, range.startOffset - 1);
+
+          _this3.wwe.breakToNewDefaultBlock(range);
+
+          isNeedNext = false;
+        } else if (_this3._isBeforeTable(range)) {
+          ev.preventDefault();
+
+          _this3.wwe.breakToNewDefaultBlock(range, 'before');
+
+          isNeedNext = false;
+        } else if (_this3.wwe.isInTable(range)) {
+          if (!_this3._isInList(range.startContainer) && _this3._isInStyledText(range)) {
+            _this3.wwe.defer(function () {
+              _this3._removeBRinStyleText();
+            });
+          } else if (_this3._isEmptyFirstLevelLI(range)) {
+            _this3.wwe.defer(function () {
+              // Squire make div when LI level is decreased in first level so should replace div to br
+              var afterRange = _this3.wwe.getRange().cloneRange();
+
+              var div = afterRange.startContainer;
+              var br = document.createElement('br');
+              div.parentNode.replaceChild(br, div);
+              afterRange.setStartBefore(br);
+              afterRange.collapse(true);
+
+              _this3.wwe.getEditor().setSelection(afterRange);
+            });
+          }
+
+          _this3._appendBrIfTdOrThNotHaveAsLastChild(range);
+
+          isNeedNext = false;
+        }
+
+        return isNeedNext;
+      },
+      BACK_SPACE: function BACK_SPACE(ev, range, keymap) {
+        return _this3._handleBackspaceAndDeleteKeyEvent(ev, range, keymap);
+      },
+      DELETE: function DELETE(ev, range, keymap) {
+        return _this3._handleBackspaceAndDeleteKeyEvent(ev, range, keymap);
+      },
+      TAB: function TAB() {
+        return _this3._moveCursorTo('next', 'cell');
+      },
+      'SHIFT+TAB': function SHIFTTAB(ev) {
+        return _this3._moveCursorTo('previous', 'cell', ev);
+      },
+      UP: function UP(ev) {
+        return _this3._moveCursorTo('previous', 'row', ev);
+      },
+      DOWN: function DOWN(ev) {
+        return _this3._moveCursorTo('next', 'row', ev);
+      }
+    };
+    forEachOwnProperties_default()(this.keyEventHandlers, function (handler, key) {
+      return _this3.wwe.addKeyEventHandler(key, handler);
+    });
+  }
+  /**
+   * Check whether node is li and empty
+   * @param {node} node node
+   * @returns {boolean} whether node is li and empty
+   * @private
+   */
+  ;
+
+  _proto._isEmptyListItem = function _isEmptyListItem(node) {
+    var childNodes = node.childNodes,
+        nodeName = node.nodeName;
+    return nodeName === 'LI' && childNodes.length === 1 && childNodes[0].nodeName === 'BR';
+  }
+  /**
+   * Check whether range is in empty LI that is first level
+   * @param {range} range range
+   * @returns {boolean} whether range is in empty LI that is first level
+   * @private
+   */
+  ;
+
+  _proto._isEmptyFirstLevelLI = function _isEmptyFirstLevelLI(range) {
+    var collapsed = range.collapsed,
+        startContainer = range.startContainer,
+        startOffset = range.startOffset;
+    return collapsed && startOffset === 0 && this._isEmptyListItem(startContainer) && dom["a" /* default */].isFirstLevelListItem(startContainer);
+  }
+  /**
+   * Check whether range is in style tag that is like 'B', 'I', 'S', 'SPAN', 'CODE'
+   * Those tag is supported in Wysiwyg.
+   * @param {Range} range range
+   * @returns {Boolean} range is in the style tag
+   * @private
+   */
+  ;
+
+  _proto._isInStyledText = function _isInStyledText(range) {
+    var startContainer = range.startContainer;
+    var node;
+
+    if (dom["a" /* default */].isTextNode(startContainer)) {
+      node = startContainer.parentNode;
+    } else {
+      node = startContainer;
+    }
+
+    return range.collapsed && dom["a" /* default */].isStyledNode(node);
+  }
+  /**
+   * When enter key occur in the styled text, 'br' tag insert in the style tag like 'b', 'i' etc.
+   * So in thoes case, 'br' tag would be pulled out in this logic.
+   * @private
+   */
+  ;
+
+  _proto._removeBRinStyleText = function _removeBRinStyleText() {
+    var afterRange = this.wwe.getRange();
+    var startContainer = afterRange.startContainer,
+        startOffset = afterRange.startOffset;
+    var styleNode;
+
+    if (startContainer.nodeName === 'TD') {
+      // This case is TEST
    |
    
+      styleNode = dom["a" /* default */].getChildNodeByOffset(startContainer, startOffset - 1);
+    } else {
+      styleNode = dom["a" /* default */].getParentUntil(startContainer, 'TD');
+    }
+
+    var brNode = styleNode.querySelector('br');
+
+    if (!brNode) {
+      return;
+    }
+
+    var _styleNode = styleNode,
+        tdNode = _styleNode.parentNode,
+        nodeName = _styleNode.nodeName;
+
+    if (nodeName === 'CODE' && !brNode.previousSibling) {
+      // cursor is located in the start of text
+      // Before Enter : |TEST
+      // After Enter  : 
    |TEST    
+      // TO BE        : 
    |TEST
+      tdNode.insertBefore(brNode, styleNode);
+      afterRange.setStart(styleNode, 0);
+    } else if (nodeName === 'CODE' && !brNode.nextSibling) {
+      // cursor is located in the end of text
+      // Before Enter : TEST|
+      // After Enter  : TEST
    |    
+      // TO BE        : TEST
    |
+      tdNode.insertBefore(brNode, styleNode.nextSibling);
+      afterRange.setStart(tdNode, dom["a" /* default */].getNodeOffsetOfParent(brNode) + 1);
+    } else {
+      // [Case 1] cursor is located in the middle of text
+      // Before Enter : TE|ST
+      // After Enter  : TE
    |ST    
+      // TO BE        : TE
    |ST
+      // [Case 2] cursor is located in the start of text
+      // Before Enter : |TEST
+      // After Enter  : 
    |TEST    
+      // TO BE        : |
    TEST
+      // [Case 3] cursor is located in the end of text
+      // Before Enter : TEST|
+      // After Enter  : TEST
    |    
+      // TO BE        : TEST
    |
+      var newNode = this._splitByBR(styleNode, brNode);
+
+      afterRange.setStart(newNode, 0);
+    }
+
+    afterRange.collapse(true);
+    this.wwe.getEditor().setSelection(afterRange);
+  }
+  /**
+   * When container node have br node, split container base on br node and pull out BR.
+   * After Enter  : TE
    ST    
+   * TO BE        : TE
    ST
+   * @param {Node} container container
+   * @param {Node} brNode container
+   * @returns {Node} node for positioning of cursor
+   * @private
+   */
+  ;
+
+  _proto._splitByBR = function _splitByBR(container, brNode) {
+    var cloneStyleNode = container.cloneNode(true);
+    var newBR = document.createElement('br');
+    var parentNode = container.parentNode; // Origin style node should be removed the back nodes of br node.
+
+    dom["a" /* default */].removeNodesByDirection(container, brNode, false);
+    brNode.parentNode.removeChild(brNode); // Cloned style node should be removed the front nodes of br node
+
+    var clonedBR = cloneStyleNode.querySelector('br');
+    dom["a" /* default */].removeNodesByDirection(cloneStyleNode, clonedBR, true);
+    clonedBR.parentNode.removeChild(clonedBR);
+    parentNode.insertBefore(cloneStyleNode, container.nextSibling);
+    parentNode.insertBefore(newBR, cloneStyleNode);
+    var leafNode = dom["a" /* default */].getLeafNode(cloneStyleNode);
+
+    if (!dom["a" /* default */].getTextLength(leafNode)) {
+      leafNode.textContent = "\u200B";
+    }
+
+    return leafNode;
+  }
+  /**
+   * Check whether passed range is right before table or not
+   * @param {Range} range range
+   * @returns {boolean} result
+   * @private
+   */
+  ;
+
+  _proto._isBeforeTable = function _isBeforeTable(range) {
+    return dom["a" /* default */].getNodeName(dom["a" /* default */].getChildNodeByOffset(range.startContainer, range.startOffset)) === 'TABLE';
+  }
+  /**
+   * Check whether passed range is right after table or not
+   * @param {Range} range range
+   * @returns {boolean} result
+   * @private
+   */
+  ;
+
+  _proto._isAfterTable = function _isAfterTable(range) {
+    var prevElem = dom["a" /* default */].getPrevOffsetNodeUntil(range.startContainer, range.startOffset);
+    return dom["a" /* default */].getNodeName(prevElem) === 'TABLE' && range.commonAncestorContainer === this.wwe.getBody();
+  }
+  /**
+   * Handle backspace and delete key event
+   * @param {object} ev - Event object
+   * @param {Range} range - Range Object
+   * @param {string} keymap - keymap
+   * @returns {boolean} - need next
+   * @private
+   */
+  ;
+
+  _proto._handleBackspaceAndDeleteKeyEvent = function _handleBackspaceAndDeleteKeyEvent(ev, range, keymap) {
+    var isBackspace = keymap === 'BACK_SPACE';
+    var selectionManager = this.wwe.componentManager.getManager('tableSelection');
+    var selectedCells = selectionManager.getSelectedCells();
+    var isNeedNext = true;
+
+    if (range.collapsed) {
+      if (this.wwe.isInTable(range)) {
+        if (isBackspace) {
+          this._tableHandlerOnBackspace(range, ev);
+        } else {
+          this._tableHandlerOnDelete(range, ev);
+        }
+
+        this._removeContentsAndChangeSelectionIfNeed(range, keymap, ev);
+
+        isNeedNext = false;
+      } else if (!isBackspace && this._isBeforeTable(range) || isBackspace && this._isAfterTable(range)) {
+        ev.preventDefault();
+        var startOffset = isBackspace ? range.startOffset - 1 : range.startOffset;
+
+        this._removeTable(range, dom["a" /* default */].getChildNodeByOffset(range.startContainer, startOffset));
+
+        isNeedNext = false;
+      }
+    } else if (this.wwe.isInTable(range)) {
+      if (selectedCells.length > 0) {
+        var removed = this._removeContentsAndChangeSelectionIfNeed(range, keymap, ev);
+
+        if (removed) {
+          ev.preventDefault();
+          isNeedNext = false;
+        }
+      }
+    }
+
+    return isNeedNext;
+  }
+  /**
+   * Move Li node to previous node that is previous node of list node.
+   * @param {node} liNode li node
+   * @param {range} range range
+   * @private
+   */
+  ;
+
+  _proto._moveListItemToPreviousOfList = function _moveListItemToPreviousOfList(liNode, range) {
+    var listNode = liNode.parentNode,
+        firstChild = liNode.firstChild;
+    var fragment = document.createDocumentFragment();
+    dom["a" /* default */].mergeNode(liNode, fragment);
+    listNode.parentNode.insertBefore(fragment, listNode);
+    range.setStart(firstChild, 0);
+    range.collapse(true);
+    this.wwe.getEditor().setSelection(range);
+
+    if (!listNode.hasChildNodes()) {
+      listNode.parentNode.removeChild(listNode);
+    }
+  };
+
+  _proto._isInList = function _isInList(targetNode) {
+    return dom["a" /* default */].getParentUntilBy(targetNode, function (node) {
+      return node && (dom["a" /* default */].isListNode(node) || node.nodeName === 'LI');
+    }, function (node) {
+      return node && (node.nodeName === 'TD' || node.nodeName === 'TH');
+    });
+  }
+  /**
+   * Find LI node while search parentNode inside TD
+   * @param {node} startContainer startContainer
+   * @returns {node} liNode or null
+   * @private
+   */
+  ;
+
+  _proto._findListItem = function _findListItem(startContainer) {
+    return dom["a" /* default */].getParentUntilBy(startContainer, function (node) {
+      return node && dom["a" /* default */].isListNode(node);
+    }, function (node) {
+      return node && (node.nodeName === 'TD' || node.nodeName === 'TH');
+    });
+  }
+  /**
+   * Backspace handler in table
+   * @param {Range} range range
+   * @param {Event} event event
+   * @private
+   */
+  ;
+
+  _proto._tableHandlerOnBackspace = function _tableHandlerOnBackspace(range, event) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset;
+
+    var liNode = this._findListItem(startContainer);
+
+    if (liNode && startOffset === 0 && dom["a" /* default */].isFirstListItem(liNode) && dom["a" /* default */].isFirstLevelListItem(liNode)) {
+      this.wwe.getEditor().saveUndoState(range);
+
+      this._moveListItemToPreviousOfList(liNode, range);
+
+      event.preventDefault();
+    } else {
+      var prevNode = dom["a" /* default */].getPrevOffsetNodeUntil(startContainer, startOffset, 'TR');
+      var prevNodeName = dom["a" /* default */].getNodeName(prevNode);
+
+      if (prevNodeName === 'BR' && prevNode.parentNode.childNodes.length !== 1) {
+        event.preventDefault();
+        dom["a" /* default */].remove(prevNode);
+      }
+    }
+  }
+  /**
+   * Return whether delete br in the br
+   * @param {Range} range Range object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isDeletingBR = function _isDeletingBR(range) {
+    var currentNode = this._getCurrentNodeInCell(range);
+
+    var nextSibling = currentNode && currentNode.nextSibling;
+    return dom["a" /* default */].getNodeName(currentNode) === 'BR' && !!nextSibling && dom["a" /* default */].getNodeName(nextSibling) === 'BR';
+  };
+
+  _proto._getCurrentNodeInCell = function _getCurrentNodeInCell(range) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset;
+    var currentNode;
+
+    if (dom["a" /* default */].getNodeName(startContainer) === 'TD') {
+      currentNode = dom["a" /* default */].getChildNodeByOffset(startContainer, startOffset);
+    } else if (dom["a" /* default */].getParentUntil(startContainer, 'TD')) {
+      currentNode = startContainer;
+    }
+
+    return currentNode;
+  }
+  /**
+   * Check whether range is located in end of the list
+   * @param {Node} liNode liNode
+   * @param {Range} range range
+   * @returns {Boolean} whether range is located in end of the list
+   * @private
+   */
+  ;
+
+  _proto._isEndOfList = function _isEndOfList(liNode, range) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset;
+    var result = false;
+
+    if (!liNode.nextSibling) {
+      if (liNode === startContainer) {
+        var liNodeOffset = dom["a" /* default */].getOffsetLength(liNode);
+
+        if (liNode.lastChild.nodeName === 'BR') {
+          liNodeOffset -= 1;
+        }
+
+        result = liNodeOffset === startOffset;
+      } else {
+        var parentNode = dom["a" /* default */].getParentUntil(startContainer, 'li') || startContainer;
+        var startContainerOffset = dom["a" /* default */].getOffsetLength(startContainer);
+        var lastChild = liNode.lastChild;
+
+        if (lastChild.nodeName === 'BR') {
+          lastChild = lastChild.previousSibling;
+        }
+
+        result = lastChild === parentNode && startContainerOffset === startOffset;
+      }
+    }
+
+    return result;
+  }
+  /**
+   * Get next line nodes from target node
+   * @param {Node} node target node
+   * @returns {DocumentFragment} next line nodes
+   * @private
+   */
+  ;
+
+  _proto._getNextLineNode = function _getNextLineNode(node) {
+    var fragment = document.createDocumentFragment();
+    var parentNode = dom["a" /* default */].getParentUntil(node, 'TD');
+    var nextSibling = parentNode.nextSibling;
+
+    while (nextSibling) {
+      var _nextSibling = nextSibling,
+          next = _nextSibling.nextSibling;
+      fragment.appendChild(nextSibling);
+
+      if (nextSibling.nodeName === 'BR') {
+        break;
+      }
+
+      nextSibling = next;
+    }
+
+    return fragment;
+  }
+  /**
+   * Delete handler in table
+   * @param {Range} range range
+   * @param {Event} event event
+   * @private
+   */
+  ;
+
+  _proto._tableHandlerOnDelete = function _tableHandlerOnDelete(range, event) {
+    var liNode = this._findListItem(range.startContainer);
+
+    if (liNode && this._isEndOfList(liNode, range)) {
+      this.wwe.getEditor().saveUndoState(range);
+
+      if (liNode.lastChild.nodeName === 'BR') {
+        liNode.removeChild(liNode.lastChild);
+      }
+
+      dom["a" /* default */].mergeNode(this._getNextLineNode(liNode), liNode);
+      event.preventDefault();
+    } else if (this._isDeletingBR(range)) {
+      var currentNode = this._getCurrentNodeInCell(range);
+
+      currentNode.parentNode.removeChild(currentNode.nextSibling);
+      event.preventDefault();
+    }
+  }
+  /**
+   * Append br if td or th doesn't have br as last child
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._appendBrIfTdOrThNotHaveAsLastChild = function _appendBrIfTdOrThNotHaveAsLastChild(range) {
+    var startContainerNodeName = dom["a" /* default */].getNodeName(range.startContainer);
+    var tdOrTh;
+
+    if (startContainerNodeName === 'TD' || startContainerNodeName === 'TH') {
+      tdOrTh = range.startContainer;
+    } else {
+      var paths = dom["a" /* default */].parentsUntil(range.startContainer, 'tr');
+      tdOrTh = paths[paths.length - 1];
+    }
+
+    var nodeName = dom["a" /* default */].getNodeName(tdOrTh.lastChild);
+
+    if (nodeName !== 'BR' && nodeName !== 'DIV' && nodeName !== 'UL' && nodeName !== 'OL' && !isIE10And11) {
+      dom["a" /* default */].append(tdOrTh, '
    ');
+    }
+  }
+  /**
+   * Unwrap default block tag in table
+   * For Squire default action making abnormal behavior, remove default blocks in Table after setValue() called
+   * @private
+   */
+  ;
+
+  _proto._unwrapBlockInTable = function _unwrapBlockInTable() {
+    var blocks = dom["a" /* default */].findAll(this.wwe.getBody(), 'td div,th div,tr>br,td>br,th>br');
+    blocks.forEach(function (node) {
+      if (dom["a" /* default */].getNodeName(node) === 'BR') {
+        var parentNodeName = dom["a" /* default */].getNodeName(node.parentNode);
+        var isInTableCell = /TD|TH/.test(parentNodeName);
+        var isEmptyTableCell = node.parentNode.textContent.length === 0;
+        var isLastBR = node.parentNode.lastChild === node;
+
+        if (parentNodeName === 'TR' || isInTableCell && !isEmptyTableCell && isLastBR) {
+          dom["a" /* default */].remove(node);
+        }
+      } else {
+        dom["a" /* default */].unwrap(node);
+      }
+    });
+  }
+  /**
+   * Insert default block between table element
+   * @private
+   */
+  ;
+
+  _proto._insertDefaultBlockBetweenTable = function _insertDefaultBlockBetweenTable() {
+    var tables = dom["a" /* default */].findAll(this.wwe.getBody(), 'table');
+    tables.forEach(function (node) {
+      if (node.nextElementSibling && node.nextElementSibling.nodeName === 'TABLE') {
+        var insertedElement = document.createElement('div');
+        insertedElement.appendChild(document.createElement('br'));
+        dom["a" /* default */].insertAfter(insertedElement, node);
+      }
+    });
+  }
+  /**
+   * Remove table
+   * @param {Range} range range
+   * @param {Node} table table
+   * @private
+   */
+  ;
+
+  _proto._removeTable = function _removeTable(range, table) {
+    if (table.tagName === 'TABLE') {
+      this.wwe.getEditor().saveUndoState(range);
+      this.wwe.saveSelection(range);
+      dom["a" /* default */].remove(table);
+      this.wwe.restoreSavedSelection();
+    }
+  }
+  /**
+   * record undo state if need
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._recordUndoStateIfNeed = function _recordUndoStateIfNeed(range) {
+    var currentCellNode = dom["a" /* default */].getParentUntil(range.startContainer, 'TR');
+
+    if (range.collapsed && currentCellNode && this._lastCellNode !== currentCellNode) {
+      this.wwe.getEditor().saveUndoState(range);
+      this._lastCellNode = currentCellNode;
+    }
+  }
+  /**
+   * record undo state and reset last cell node
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._recordUndoStateAndResetCellNode = function _recordUndoStateAndResetCellNode(range) {
+    this.wwe.getEditor().saveUndoState(range);
+    this.resetLastCellNode();
+  }
+  /**
+   * Paste table data into table element
+   * @param {DocumentFragment} fragment Fragment of table element within
+   * @private
+   */
+  ;
+
+  _proto._pasteDataIntoTable = function _pasteDataIntoTable(fragment) {
+    var _this$wwe$getEditor$g = this.wwe.getEditor().getSelection(),
+        startContainer = _this$wwe$getEditor$g.startContainer;
+
+    var tableData = this._getTableDataFromTable(fragment);
+
+    var isTableCell = startContainer.nodeName === 'TD' || startContainer.nodeName === 'TH';
+    var brString = isIE10 ? '' : '
    ';
+    var anchorElement, td, tr, tdContent;
+
+    if (isTableCell) {
+      anchorElement = startContainer;
+    } else {
+      anchorElement = dom["a" /* default */].getParentUntilBy(startContainer, function (node) {
+        return node && (node.nodeName === 'TD' || node.nodeName === 'TH');
+      }, function (node) {
+        return !!dom["a" /* default */].closest(node, 'table');
+      });
+      anchorElement = anchorElement ? anchorElement.parentNode : null;
+    }
+
+    anchorElement = anchorElement ? anchorElement : startContainer.querySelector('th,td');
+    td = anchorElement;
+
+    while (tableData.length) {
+      tr = tableData.shift();
+
+      while (td && tr.length) {
+        tdContent = tr.shift();
+
+        if (tdContent.length) {
+          td.textContent = tdContent;
+        } else {
+          td.innerHTML = brString;
+        }
+
+        td = dom["a" /* default */].getTableCellByDirection(td, 'next');
+      }
+
+      td = dom["a" /* default */].getSiblingRowCellByDirection(anchorElement, 'next', false);
+      anchorElement = td;
+    }
+  }
+  /**
+   * Get array data from table element
+   * @param {DocumentFragment} fragment table element
+   * @returns {Array}
+   * @private
+   */
+  ;
+
+  _proto._getTableDataFromTable = function _getTableDataFromTable(fragment) {
+    var tableData = [];
+    dom["a" /* default */].findAll(fragment, 'tr').forEach(function (tr) {
+      var trData = [];
+      toArray_default()(tr.children).forEach(function (cell) {
+        trData.push(cell.textContent);
+      });
+
+      if (trData.length) {
+        tableData.push(trData);
+      }
+    });
+    return tableData;
+  }
+  /**
+   * Remove selected table contents
+   * @param {HTMLElement} selectedCells Selected cells
+   * @private
+   */
+  ;
+
+  _proto._removeTableContents = function _removeTableContents(selectedCells) {
+    this.wwe.getEditor().saveUndoState();
+    toArray_default()(selectedCells).forEach(function (cell) {
+      var brHTMLString = isIE10 ? '' : '
    ';
+      cell.innerHTML = brHTMLString;
+    });
+  }
+  /**
+   * Wrap dangling table cells with new TR
+   * @param {HTMLElement} container - clipboard container
+   * @returns {HTMLElement|null}
+   */
+  ;
+
+  _proto.wrapDanglingTableCellsIntoTrIfNeed = function wrapDanglingTableCellsIntoTrIfNeed(container) {
+    var danglingTableCells = dom["a" /* default */].children(container, 'td,th');
+    var tr;
+
+    if (danglingTableCells.length) {
+      var wrapperTr = document.createElement('tr');
+      toArray_default()(danglingTableCells).forEach(function (cell) {
+        dom["a" /* default */].append(wrapperTr, cell);
+      });
+      tr = wrapperTr;
+    }
+
+    return tr;
+  }
+  /**
+   * Wrap TRs with new TBODY
+   * @param {HTMLElement} container - clipboard container
+   * @returns {HTMLElement|null}
+   */
+  ;
+
+  _proto.wrapTrsIntoTbodyIfNeed = function wrapTrsIntoTbodyIfNeed(container) {
+    var danglingTrs = dom["a" /* default */].children(container, 'tr');
+    var ths = [];
+    toArray_default()(danglingTrs).forEach(function (tr) {
+      ths = ths.concat(tr.querySelectorAll('th'));
+    });
+    var tbody;
+
+    if (ths.length) {
+      toArray_default()(ths).forEach(function (node) {
+        var td = document.createElement('td');
+        td.innerHTML = node.innerHTML;
+        dom["a" /* default */].insertBefore(node, td);
+        dom["a" /* default */].remove(node);
+      });
+    }
+
+    if (danglingTrs.length) {
+      var wrapperTableBody = document.createElement('tbody');
+      toArray_default()(danglingTrs).forEach(function (tr) {
+        dom["a" /* default */].append(wrapperTableBody, tr);
+      });
+      tbody = wrapperTableBody;
+    }
+
+    return tbody;
+  }
+  /**
+   * Wrap THEAD followed by TBODY both into Table
+   * @param {HTMLElement} container - clipboard container
+   * @returns {HTMLElement|null}
+   */
+  ;
+
+  _proto.wrapTheadAndTbodyIntoTableIfNeed = function wrapTheadAndTbodyIntoTableIfNeed(container) {
+    var danglingThead = dom["a" /* default */].children(container, 'thead');
+    var danglingTbody = dom["a" /* default */].children(container, 'tbody');
+    var wrapperTable = document.createElement('table');
+    var table;
+
+    if (!danglingTbody.length && danglingThead.length) {
+      dom["a" /* default */].append(wrapperTable, danglingThead[0]);
+      dom["a" /* default */].append(wrapperTable, this._createTheadOrTboday('tbody'));
+      table = wrapperTable;
+    } else if (danglingTbody.length && !danglingThead.length) {
+      dom["a" /* default */].append(wrapperTable, this._createTheadOrTboday('thead'));
+      dom["a" /* default */].append(wrapperTable, danglingTbody[0]);
+      table = wrapperTable;
+    } else if (danglingTbody.length && danglingThead.length) {
+      dom["a" /* default */].append(wrapperTable, danglingThead[0]);
+      dom["a" /* default */].append(wrapperTable, danglingTbody[0]);
+      table = wrapperTable;
+    }
+
+    return table;
+  }
+  /**
+   * Whether pasting element is table element
+   * @param {string} pastingNodeName Pasting node name
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isTableOrSubTableElement = function isTableOrSubTableElement(pastingNodeName) {
+    return pastingNodeName === 'TABLE' || pastingNodeName === 'TBODY' || pastingNodeName === 'THEAD' || pastingNodeName === 'TR' || pastingNodeName === 'TD';
+  };
+
+  _proto._createTheadOrTboday = function _createTheadOrTboday(type) {
+    var theadOrTbody = document.createElement(type);
+    var tr = document.createElement('tr');
+    theadOrTbody.appendChild(tr);
+    return theadOrTbody;
+  }
+  /**
+   * Stuff table cells into incomplete rows
+   * @param {HTMLElement} trs HTMLElement wrapped TRs
+   * @param {number} maximumCellLength maximum cell length of table
+   * @private
+   */
+  ;
+
+  _proto._stuffTableCellsIntoIncompleteRow = function _stuffTableCellsIntoIncompleteRow(trs, maximumCellLength) {
+    toArray_default()(trs).forEach(function (row) {
+      var tableCells = row.querySelectorAll('th,td');
+      var parentNodeName = dom["a" /* default */].getNodeName(row.parentNode);
+      var cellTagName = parentNodeName === 'THEAD' ? 'th' : 'td';
+
+      for (var cellLength = tableCells.length; cellLength < maximumCellLength; cellLength += 1) {
+        dom["a" /* default */].append(row, tableCellGenerator(1, cellTagName));
+      }
+    });
+  }
+  /**
+   * Prepare to table cell stuffing
+   * @param {HTMLElement} trs wrapped TRs
+   * @returns {{maximumCellLength: *, needTableCellStuffingAid: boolean}}
+   */
+  ;
+
+  _proto.prepareToTableCellStuffing = function prepareToTableCellStuffing(trs) {
+    var maximumCellLength = trs[0].querySelectorAll('th,td').length;
+    var needTableCellStuffingAid = false;
+    toArray_default()(trs).forEach(function (row) {
+      var cellCount = row.querySelectorAll('th,td').length;
+
+      if (maximumCellLength !== cellCount) {
+        needTableCellStuffingAid = true;
+
+        if (maximumCellLength < cellCount) {
+          maximumCellLength = cellCount;
+        }
+      }
+    });
+    return {
+      maximumCellLength: maximumCellLength,
+      needTableCellStuffingAid: needTableCellStuffingAid
+    };
+  }
+  /**
+   * Add TBODY or THEAD if need
+   * @param {HTMLElement} table - Table HTMLElement element
+   * @private
+   */
+  ;
+
+  _proto._addTbodyOrTheadIfNeed = function _addTbodyOrTheadIfNeed(table) {
+    var isTheadNotExists = !table.querySelector('thead');
+    var isTbodyNotExists = !table.querySelector('tbody');
+
+    if (isTheadNotExists) {
+      dom["a" /* default */].prepend(table, '');
+    } else if (isTbodyNotExists) {
+      dom["a" /* default */].append(table, '');
+    }
+  }
+  /**
+   * Append table cells
+   * @param {HTMLElement} table Table element
+   */
+  ;
+
+  _proto.tableCellAppendAidForTableElement = function tableCellAppendAidForTableElement(table) {
+    this._addTbodyOrTheadIfNeed(table);
+
+    this._addTrIntoContainerIfNeed(table);
+
+    var trs = table.querySelectorAll('tr');
+    var tableAidInformation = this.prepareToTableCellStuffing(trs);
+    var maximumCellLength = tableAidInformation.maximumCellLength,
+        needTableCellStuffingAid = tableAidInformation.needTableCellStuffingAid;
+
+    if (needTableCellStuffingAid) {
+      this._stuffTableCellsIntoIncompleteRow(trs, maximumCellLength);
+    }
+  }
+  /**
+   * Generate THEAD and append TDs with same amount of given TBODY
+   * @param {HTMLElement} node TR element
+   * @returns {{thead: HTMLElement, tbody: HTMLElement}}
+   * @private
+   */
+  ;
+
+  _proto._generateTheadAndTbodyFromTbody = function _generateTheadAndTbodyFromTbody(node) {
+    var tr = document.createElement('tr');
+    var thead = document.createElement('thead');
+    dom["a" /* default */].append(tr, tableCellGenerator(node.querySelector('tr > td').length, 'th'));
+    dom["a" /* default */].append(thead, tr);
+    return {
+      thead: thead,
+      tbody: node
+    };
+  }
+  /**
+   * Generate TBODY and append TDs with same amount of given THEAD
+   * @param {HTMLElement} node TR element
+   * @returns {{thead: HTMLElement, tbody: HTMLElement}}
+   * @private
+   */
+  ;
+
+  _proto._generateTheadAndTbodyFromThead = function _generateTheadAndTbodyFromThead(node) {
+    var tr = document.createElement('tr');
+    var tbody = document.createElement('tbody');
+    dom["a" /* default */].append(tr, tableCellGenerator(node.querySelectorAll('th').length, 'td'));
+    dom["a" /* default */].append(tbody, tr);
+    return {
+      thead: node,
+      tbody: tbody
+    };
+  }
+  /**
+   * Generate THEAD and TBODY and append given TR within
+   * @param {HTMLElement} node TR element
+   * @returns {{thead: HTMLElement, tbody: HTMLElement}}
+   * @private
+   */
+  ;
+
+  _proto._generateTheadAndTbodyFromTr = function _generateTheadAndTbodyFromTr(node) {
+    var thead = document.createElement('thead');
+    var tbody = document.createElement('tbody');
+    var theadRow, tbodyRow;
+
+    if (node.children[0].tagName === 'TH') {
+      theadRow = node;
+      tbodyRow = dom["a" /* default */].createElementWith("" + tableCellGenerator(node.querySelectorAll('th').length, 'td') + "");
+    } else {
+      theadRow = dom["a" /* default */].createElementWith("" + tableCellGenerator(node.querySelectorAll('td').length, 'th') + "");
+      tbodyRow = node;
+    }
+
+    dom["a" /* default */].append(thead, theadRow);
+    dom["a" /* default */].append(tbody, tbodyRow);
+    return {
+      thead: thead,
+      tbody: tbody
+    };
+  }
+  /**
+   * Complete passed table
+   * @param {HTMLElement} node - Table inner element
+   * @private
+   */
+  ;
+
+  _proto._completeIncompleteTable = function _completeIncompleteTable(node) {
+    var nodeName = node.tagName;
+    var table, completedTableContents;
+
+    if (nodeName === 'TABLE') {
+      table = node;
+    } else {
+      table = document.createElement('table');
+      node.parentNode.insertBefore(table, node.nextSibling);
+
+      if (nodeName === 'TBODY') {
+        completedTableContents = this._generateTheadAndTbodyFromTbody(node);
+      } else if (nodeName === 'THEAD') {
+        completedTableContents = this._generateTheadAndTbodyFromThead(node);
+      } else if (nodeName === 'TR') {
+        completedTableContents = this._generateTheadAndTbodyFromTr(node);
+      }
+
+      table.appendChild(completedTableContents.thead);
+      table.appendChild(completedTableContents.tbody);
+    }
+
+    this._removeEmptyRows(table);
+
+    this.tableCellAppendAidForTableElement(table);
+  };
+
+  _proto._removeEmptyRows = function _removeEmptyRows(table) {
+    dom["a" /* default */].findAll(table, 'tr').forEach(function (tr) {
+      if (!tr.cells.length) {
+        tr.parentNode.removeChild(tr);
+      }
+    });
+  }
+  /**
+   * Whole editor body searching incomplete table completion
+   * @private
+   */
+  ;
+
+  _proto._completeTableIfNeed = function _completeTableIfNeed() {
+    var _this4 = this;
+
+    var body = this.wwe.getEditor().getBody();
+    toArray_default()(body.children).forEach(function (node) {
+      if (!_this4.isTableOrSubTableElement(node.nodeName)) {
+        return;
+      }
+
+      if (node.nodeName === 'TABLE' && !node.querySelector('tbody')) {
+        dom["a" /* default */].remove(node);
+      } else {
+        _this4._completeIncompleteTable(node);
+      }
+    });
+  }
+  /**
+   * Reset _lastCellNode to null
+   */
+  ;
+
+  _proto.resetLastCellNode = function resetLastCellNode() {
+    this._lastCellNode = null;
+  }
+  /**
+   * Set _lastCellNode to given node
+   * @param {HTMLElement} node Table cell
+   */
+  ;
+
+  _proto.setLastCellNode = function setLastCellNode(node) {
+    this._lastCellNode = node;
+  }
+  /**
+   * Return whether only modifier key pressed or not
+   * @param {string} keymap Pressed keymap string
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isModifierKey = function _isModifierKey(keymap) {
+    return /((META|SHIFT|ALT|CONTROL)\+?)/g.test(keymap);
+  }
+  /**
+   * Return whether modifier keys pressed or not
+   * @param {object} ev keyboard event object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isModifierKeyPushed = function _isModifierKeyPushed(ev) {
+    return ev.metaKey || ev.ctrlKey || ev.altKey || ev.shiftKey;
+  }
+  /**
+   * Add one row into empty TBODY
+   * @param {HTMLElement} table Currently processing table
+   * @private
+   */
+  ;
+
+  _proto._addTrIntoContainerIfNeed = function _addTrIntoContainerIfNeed(table) {
+    toArray_default()(table.children).forEach(function (container) {
+      var hasNoRows = container.querySelectorAll('tr').length === 0;
+
+      if (hasNoRows) {
+        dom["a" /* default */].append(container, '');
+      }
+    });
+  };
+
+  _proto._expandTableIfNeed = function _expandTableIfNeed(fragment) {
+    var range = this.wwe.getEditor().getSelection().cloneRange();
+
+    var _domUtils$parents = dom["a" /* default */].parents(range.startContainer, 'table'),
+        table = _domUtils$parents[0];
+
+    var difference = this._getColumnAndRowDifference(fragment, range);
+
+    if (difference.column < 0) {
+      this._appendCellForAllRow(table, difference.column);
+    }
+
+    if (difference.row < 0) {
+      this._appendRow(table, difference.row);
+    }
+  };
+
+  _proto._getColumnAndRowDifference = function _getColumnAndRowDifference(fragment, range) {
+    var tableData = this._getTableDataFromTable(fragment);
+
+    var rowLength = tableData.length;
+    var columnLength = tableData[0].length;
+    var currentCell = dom["a" /* default */].closest(range.startContainer, 'th,td');
+    var currentRow = currentCell.parentNode;
+    var currentColumnIndex = dom["a" /* default */].getNodeOffsetOfParent(currentCell);
+    var currentRowIndex = dom["a" /* default */].getNodeOffsetOfParent(currentCell.parentNode);
+
+    var _domUtils$parents2 = dom["a" /* default */].parents(currentRow, 'table'),
+        table = _domUtils$parents2[0];
+
+    var tableColumnLength = table.querySelector('tr').children.length;
+    var tableRowLength = table.querySelectorAll('tr').length;
+    var isInTbody = !!dom["a" /* default */].parents(currentRow, 'tbody').length;
+
+    if (isInTbody) {
+      currentRowIndex += 1;
+    }
+
+    return {
+      row: tableRowLength - (currentRowIndex + rowLength),
+      column: tableColumnLength - (currentColumnIndex + columnLength)
+    };
+  };
+
+  _proto._appendCellForAllRow = function _appendCellForAllRow(table, columnDifference) {
+    var brString = isIE10 ? '' : '
    ';
+    dom["a" /* default */].findAll(table, 'tr').forEach(function (row, i) {
+      var tagName;
+
+      for (var index = columnDifference; index < 0; index += 1) {
+        if (i === 0) {
+          tagName = 'th';
+        } else {
+          tagName = 'td';
+        }
+
+        dom["a" /* default */].append(row, "<" + tagName + ">" + brString + "");
+      }
+    });
+  };
+
+  _proto._appendRow = function _appendRow(table, rowDifference) {
+    var trs = table.querySelectorAll('tr');
+    var newRow = trs[trs.length - 1].cloneNode(true);
+    var brHTMLSting = isIE10 ? '' : '
    ';
+    dom["a" /* default */].findAll(newRow, 'td').forEach(function (td) {
+      td.innerHTML = brHTMLSting;
+    });
+
+    for (; rowDifference < 0; rowDifference += 1) {
+      dom["a" /* default */].append(table.querySelector('tbody'), newRow.cloneNode(true));
+    }
+  }
+  /**
+   * Change selection to sibling cell
+   * @param {HTMLElement} currentCell current TD or TH
+   * @param {Range} range Range object
+   * @param {string} direction 'next' or 'previous'
+   * @param {string} scale 'row' or 'cell'
+   * @private
+   */
+  ;
+
+  _proto._changeSelectionToTargetCell = function _changeSelectionToTargetCell(currentCell, range, direction, scale) {
+    var isNext = direction === 'next';
+    var isRow = scale === 'row';
+    var target;
+
+    if (isRow) {
+      target = dom["a" /* default */].getSiblingRowCellByDirection(currentCell, direction, false);
+    } else {
+      target = dom["a" /* default */].getTableCellByDirection(currentCell, direction);
+
+      if (!target) {
+        target = dom["a" /* default */].getSiblingRowCellByDirection(currentCell, direction, true);
+      }
+    }
+
+    if (target) {
+      if (isRow && !isNext) {
+        this._moveToCursorEndOfCell(target, range);
+      } else {
+        range.setStart(target, 0);
+      }
+
+      range.collapse(true);
+    } else {
+      var _domUtils$parents3 = dom["a" /* default */].parents(currentCell, 'table');
+
+      target = _domUtils$parents3[0];
+
+      if (isNext) {
+        range.setStart(target.nextElementSibling, 0);
+      } else if (target.previousElementSibling && target.previousElementSibling.nodeName !== 'TABLE') {
+        range.setStart(target.previousElementSibling, 1);
+      } else {
+        range.setStartBefore(target);
+      }
+
+      range.collapse(true);
+    }
+  };
+
+  _proto._moveToCursorEndOfCell = function _moveToCursorEndOfCell(cell, range) {
+    var lastListItem;
+
+    if (dom["a" /* default */].isListNode(cell.lastChild)) {
+      lastListItem = dom["a" /* default */].getLastNodeBy(cell.lastChild, function (lastNode) {
+        return lastNode.nodeName !== 'LI' || lastNode.nextSibling !== null;
+      });
+    }
+
+    var lastText = dom["a" /* default */].getLastNodeBy(lastListItem || cell, function (node) {
+      return !dom["a" /* default */].isTextNode(node);
+    });
+    var lastNode = lastText || lastListItem || cell;
+    var offset = lastText ? lastText.length : lastNode.childNodes.length - 1;
+    range.setStart(lastNode, offset);
+  }
+  /**
+   * Move cursor to given direction by interval formatter
+   * @param {string} direction 'next' or 'previous'
+   * @param {string} interval 'row' or 'cell'
+   * @param {object} [ev] Event object
+   * @returns {boolean | null}
+   * @private
+   */
+  ;
+
+  _proto._moveCursorTo = function _moveCursorTo(direction, interval, ev) {
+    var sq = this.wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var currentCell = dom["a" /* default */].closest(range.startContainer, 'td,th');
+    var isNeedNext;
+
+    if (range.collapsed && this.wwe.isInTable(range) && currentCell) {
+      if (interval === 'row' && !this._isMovedCursorToRow(range, direction)) {
+        return isNeedNext;
+      }
+
+      if ((direction === 'previous' || interval === 'row') && !isUndefined_default()(ev)) {
+        ev.preventDefault();
+      }
+
+      this._changeSelectionToTargetCell(currentCell, range, direction, interval);
+
+      sq.setSelection(range);
+      isNeedNext = false;
+    }
+
+    return isNeedNext;
+  };
+
+  _proto._isMovedCursorToRow = function _isMovedCursorToRow(range, direction) {
+    var startContainer = range.startContainer;
+
+    if (this._isInList(startContainer)) {
+      return this._isMovedCursorFromListToRow(startContainer, direction);
+    }
+
+    return this._isMovedCursorFromTextToRow(range, direction);
+  };
+
+  _proto._isMovedCursorFromListToRow = function _isMovedCursorFromListToRow(startContainer, direction) {
+    var directionKey = direction + "Sibling";
+
+    var listItem = this._findListItem(startContainer);
+
+    var parentOfListItem = dom["a" /* default */].getParentNodeBy(listItem, function (parentNode, currentNode) {
+      var firstOrLastItem = currentNode[directionKey] === null && parentNode[directionKey] === null;
+      return !dom["a" /* default */].isCellNode(parentNode) && firstOrLastItem;
+    });
+    var firstOrLastList = dom["a" /* default */].isListNode(parentOfListItem) && parentOfListItem[directionKey] === null;
+    return dom["a" /* default */].isCellNode(parentOfListItem.parentNode) && firstOrLastList;
+  };
+
+  _proto._isMovedCursorFromTextToRow = function _isMovedCursorFromTextToRow(range, direction) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset;
+    var text = dom["a" /* default */].isCellNode(startContainer) ? startContainer.childNodes[startOffset] : startContainer;
+    var parentOfStyledText = dom["a" /* default */].getParentNodeBy(text, function (parentNode) {
+      return !dom["a" /* default */].isCellNode(parentNode) && !dom["a" /* default */].isTextNode(parentNode);
+    });
+    var foundSiblingNode = dom["a" /* default */].getSiblingNodeBy(parentOfStyledText, direction, function (siblingNode) {
+      return siblingNode !== null && siblingNode.nodeName !== 'BR';
+    });
+    return foundSiblingNode && foundSiblingNode[direction + "Sibling"] === null;
+  }
+  /**
+   * Remove contents and change selection if need
+   * @param {Range} range - Range object
+   * @param {string} keymap - keymap
+   * @param {object} ev - Event object
+   * @returns {boolean} - true if contents has been removed
+   * @private
+   */
+  ;
+
+  _proto._removeContentsAndChangeSelectionIfNeed = function _removeContentsAndChangeSelectionIfNeed(range, keymap, ev) {
+    var isTextInput = keymap.length <= 1;
+    var isDeleteOperation = keymap === 'BACK_SPACE' || keymap === 'DELETE';
+    var selectedCells = this.wwe.componentManager.getManager('tableSelection').getSelectedCells();
+    var firstSelectedCell = selectedCells[0];
+    var processed = false;
+
+    if ((isTextInput || isDeleteOperation) && !this._isModifierKeyPushed(ev) && selectedCells.length) {
+      if (isDeleteOperation) {
+        this._recordUndoStateIfNeed(range);
+      }
+
+      this._removeTableContents(selectedCells);
+
+      this._lastCellNode = firstSelectedCell;
+      range.setStart(firstSelectedCell, 0);
+      range.collapse(true);
+      this.wwe.getEditor().setSelection(range);
+      processed = true;
+    }
+
+    return processed;
+  }
+  /**
+   * Return new table ID class name string
+   * @returns {string}
+   */
+  ;
+
+  _proto.getTableIDClassName = function getTableIDClassName() {
+    var tableClassName = TABLE_CLASS_PREFIX + this.tableID;
+    this.tableID += 1;
+    return tableClassName;
+  }
+  /**
+   * Destroy.
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    var _this5 = this;
+
+    this.eventManager.removeEventHandler('wysiwygRangeChangeAfter.table');
+    this.eventManager.removeEventHandler('wysiwygSetValueAfter.table');
+    this.eventManager.removeEventHandler('wysiwygProcessHTMLText.table');
+    this.eventManager.removeEventHandler('cut.table');
+    this.eventManager.removeEventHandler('copyBefore.table');
+    forEachOwnProperties_default()(this.keyEventHandlers, function (handler, key) {
+      return _this5.wwe.removeKeyEventHandler(key, handler);
+    });
+  };
+
+  return WwTableManager;
+}();
+/**
+ * Generate table cell HTML text
+ * @param {number} amount Amount of cells
+ * @param {string} tagName Tag name of cell 'td' or 'th'
+ * @private
+ * @returns {string}
+ */
+
+
+function tableCellGenerator(amount, tagName) {
+  var brHTMLString = '
    ';
+  var cellString = "<" + tagName + ">" + brHTMLString + "";
+  var tdString = '';
+
+  for (var i = 0; i < amount; i += 1) {
+    tdString = tdString + cellString;
+  }
+
+  return tdString;
+}
+
+/* harmony default export */ var wwTableManager = (wwTableManager_WwTableManager);
+// CONCATENATED MODULE: ./src/js/wwTableSelectionManager.js
+/**
+ * @fileoverview Implements wysiwyg table selection manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME = 'te-cell-selected';
+/**
+ * Class WwTableSelectionManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwTableSelectionManager_WwTableSelectionManager = /*#__PURE__*/function () {
+  function WwTableSelectionManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'tableSelection';
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwTableSelectionManager.prototype;
+
+  _proto._init = function _init() {
+    this._initEvent(); // For disable firefox's table tool UI and table resize handler
+
+
+    if (browser_default.a.firefox) {
+      document.execCommand('enableObjectResizing', false, 'false');
+      document.execCommand('enableInlineTableEditing', false, 'false');
+    }
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    var selectionStart, selectionEnd, validSelectionEnd;
+    /**
+     * Start table selection timer
+     * @type {object}
+     * @private
+     */
+
+    this._tableSelectionTimer = null;
+    /**
+     * Remove selection timer for Firefox table selection
+     * @type {object}
+     * @private
+     */
+
+    this._removeSelectionTimer = null;
+    /**
+     * Boolean value for whether selection started
+     * @type {boolean}
+     * @private
+     */
+
+    this._isSelectionStarted = false;
+
+    var onMouseover = function onMouseover(ev) {
+      selectionEnd = dom["a" /* default */].closest(ev.data.target, '[contenteditable=true] td,th');
+
+      var range = _this.wwe.getEditor().getSelection();
+
+      var isEndsInTable = dom["a" /* default */].parents(selectionEnd, '[contenteditable=true] table');
+      var isSameCell = selectionStart === selectionEnd;
+      var isTextSelect = _this._isTextSelect(range, isSameCell) && !hasClass_default()(selectionStart, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+
+      if (_this._isSelectionStarted && isEndsInTable && !isTextSelect) {
+        window.getSelection().removeAllRanges(); // For disable firefox's native table cell selection
+
+        if (browser_default.a.firefox && !_this._removeSelectionTimer) {
+          _this._removeSelectionTimer = setInterval(function () {
+            window.getSelection().removeAllRanges();
+          }, 10);
+        }
+
+        if (selectionStart && selectionEnd) {
+          _this.highlightTableCellsBy(selectionStart, selectionEnd);
+
+          validSelectionEnd = selectionEnd;
+        }
+      }
+    };
+
+    var finishSelection = function finishSelection() {
+      if (_this._isSelectionStarted) {
+        _this._isSelectionStarted = false;
+
+        _this.eventManager.removeEventHandler('mouseover.tableSelection');
+
+        _this.eventManager.removeEventHandler('mouseup.tableSelection');
+      }
+    };
+
+    var onMouseup = function onMouseup(ev) {
+      selectionEnd = dom["a" /* default */].closest(ev.data.target, '[contenteditable=true] td,th');
+
+      var range = _this.wwe.getEditor().getSelection();
+
+      var isSameCell = selectionStart === selectionEnd;
+      var isTextSelect = _this._isTextSelect(range, isSameCell) && !hasClass_default()(selectionStart, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+
+      _this._clearTableSelectionTimerIfNeed();
+
+      if (_this._isSelectionStarted) {
+        if (isTextSelect || _this._isListSelect(range)) {
+          _this.removeClassAttrbuteFromAllCellsIfNeed();
+        } else {
+          _this.wwe.componentManager.getManager('table').resetLastCellNode();
+
+          selectionEnd = selectionEnd || validSelectionEnd;
+          range = _this.wwe.getEditor().getSelection();
+          range.setStart(selectionEnd, 0); // IE wont fire copy/cut event if there is no selected range.
+          // trick IE to fire the event
+
+          if (browser_default.a.msie) {
+            range.setEnd(selectionEnd, 1);
+          } else {
+            range.setEnd(selectionEnd, 0);
+            range.collapse(false);
+          }
+
+          _this.wwe.getEditor().setSelection(range);
+        }
+
+        if (_this.onDragEnd) {
+          _this.onDragEnd();
+        }
+      }
+
+      finishSelection();
+    };
+
+    var onMousedown = function onMousedown(ev) {
+      var MOUSE_RIGHT_BUTTON = 2;
+      selectionStart = dom["a" /* default */].closest(ev.data.target, '[contenteditable=true] td,th');
+      var isSelectedCell = !!selectionStart && hasClass_default()(selectionStart, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+      selectionEnd = null;
+
+      if (!isSelectedCell || isSelectedCell && ev.data.button !== MOUSE_RIGHT_BUTTON) {
+        _this.removeClassAttrbuteFromAllCellsIfNeed();
+
+        if (selectionStart) {
+          _this.setTableSelectionTimerIfNeed(selectionStart);
+
+          _this.eventManager.listen('mouseover.tableSelection', onMouseover);
+
+          _this.eventManager.listen('mouseup.tableSelection', onMouseup);
+
+          if (_this.onDragStart) {
+            _this.onDragStart(selectionStart);
+          }
+        }
+      } else if (ev.data.button === MOUSE_RIGHT_BUTTON) {
+        finishSelection();
+      }
+    };
+
+    this.eventManager.listen('mousedown.tableSelection', onMousedown);
+    this.eventManager.listen('copyBefore.tableSelection', finishSelection);
+    this.eventManager.listen('pasteBefore.tableSelection', finishSelection);
+  }
+  /**
+   * Return whether single cell text selection or not
+   * @param {Range} range Range object
+   * @param {boolean} isSameCell Boolean value for same cell selection
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isTextSelect = function _isTextSelect(range, isSameCell) {
+    return /TD|TH|TEXT/i.test(range.commonAncestorContainer.nodeName) && isSameCell;
+  }
+  /**
+   * Return whether list selection or not
+   * @param {Range} range Range object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isListSelect = function _isListSelect(range) {
+    return /UL|OL|LI/i.test(range.commonAncestorContainer.nodeName);
+  }
+  /**
+   * Set setTimeout and setInterval timer execution if table selecting situation
+   * @param {HTMLElement} selectionStart Start element
+   */
+  ;
+
+  _proto.setTableSelectionTimerIfNeed = function setTableSelectionTimerIfNeed(selectionStart) {
+    var isTableSelecting = dom["a" /* default */].parents(selectionStart, '[contenteditable=true] table').length;
+
+    if (isTableSelecting) {
+      this._isSelectionStarted = true;
+    }
+  }
+  /**
+   * Clear setTimeout and setInterval timer execution
+   * @private
+   */
+  ;
+
+  _proto._clearTableSelectionTimerIfNeed = function _clearTableSelectionTimerIfNeed() {
+    clearTimeout(this._tableSelectionTimer); // For disable firefox's native table selection
+
+    if (browser_default.a.firefox && this._removeSelectionTimer) {
+      clearTimeout(this._removeSelectionTimer);
+      this._removeSelectionTimer = null;
+    }
+  }
+  /**
+   * Re arrange selection when table does not include both start and end selection element
+   * @param {HTMLElement} selectionStart Start element of selection
+   * @param {HTMLElement} selectionEnd End element of selection
+   * @returns {{startContainer: HTMLElement, endContainer: HTMLElement}}
+   * @private
+   */
+  ;
+
+  _proto._reArrangeSelectionIfneed = function _reArrangeSelectionIfneed(selectionStart, selectionEnd) {
+    var isRangeStartInTable = dom["a" /* default */].parents(selectionStart, '[contenteditable=true] table').length;
+    var isRangeEndInTable = dom["a" /* default */].parents(selectionEnd, '[contenteditable=true] table').length;
+    var isStartRangeOut = isRangeEndInTable && !isRangeStartInTable;
+    var isEndRangeOut = !isRangeEndInTable && isRangeStartInTable;
+    var table;
+
+    if (isStartRangeOut) {
+      var _domUtils$parents = dom["a" /* default */].parents(selectionEnd, '[contenteditable=true] table');
+
+      table = _domUtils$parents[0];
+
+      var _table$querySelectorA = table.querySelectorAll('th');
+
+      selectionStart = _table$querySelectorA[0];
+    } else if (isEndRangeOut) {
+      var _domUtils$parents2 = dom["a" /* default */].parents(selectionStart, '[contenteditable=true] table');
+
+      table = _domUtils$parents2[0];
+      var tds = table.querySelectorAll('td');
+      selectionEnd = tds[tds.length - 1];
+    }
+
+    return {
+      startContainer: selectionStart,
+      endContainer: selectionEnd
+    };
+  }
+  /**
+   * Apply select direction to editor
+   * @param {{startContainer: HTMLElement, endContainer: HTMLElement}} selectionInformation
+   *     Selection start and end element
+   * @param {Range} range Range object
+   * @returns {Range}
+   * @private
+   */
+  ;
+
+  _proto._applySelectionDirection = function _applySelectionDirection(selectionInformation, range) {
+    var nodeOffsetOfParent = dom["a" /* default */].getNodeOffsetOfParent;
+    var selectionStart = selectionInformation.startContainer;
+    var selectionEnd = selectionInformation.endContainer;
+    var rowDirection = nodeOffsetOfParent(dom["a" /* default */].closest(selectionStart, '[contenteditable=true] tr')) - nodeOffsetOfParent(dom["a" /* default */].closest(selectionEnd, '[contenteditable=true] tr'));
+    var cellDirection = nodeOffsetOfParent(selectionStart) - nodeOffsetOfParent(selectionEnd);
+    var isSameRow = rowDirection === 0;
+    var isRowIncreases = rowDirection < 0;
+    var isColumnIncreases = cellDirection > 0;
+
+    if (isSameRow) {
+      if (isColumnIncreases) {
+        range.setStart(selectionEnd, 0);
+        range.setEnd(selectionStart, 1);
+      } else {
+        range.setStart(selectionStart, 0);
+        range.setEnd(selectionEnd, 1);
+      }
+    } else if (isRowIncreases) {
+      range.setStart(selectionStart, 0);
+      range.setEnd(selectionEnd, 1);
+    } else {
+      range.setStart(selectionEnd, 0);
+      range.setEnd(selectionStart, 1);
+    }
+
+    return range;
+  }
+  /**
+   * Get selection coordinate by current selection
+   * @param {HTMLElement} selectionStart start element
+   * @param {HTMLElement} selectionEnd end element
+   * @returns {{from: {row: number, cell: number}, to: {row: number, cell: number}}}
+   */
+  ;
+
+  _proto.getSelectionRangeFromTable = function getSelectionRangeFromTable(selectionStart, selectionEnd) {
+    var nodeOffsetOfParent = dom["a" /* default */].getNodeOffsetOfParent;
+    var startRowOffset = nodeOffsetOfParent(selectionStart.parentNode);
+    var endRowOffset = nodeOffsetOfParent(selectionEnd.parentNode);
+    var startCellOffset = nodeOffsetOfParent(selectionStart);
+    var endCellOffset = nodeOffsetOfParent(selectionEnd);
+    var startCellContainer = dom["a" /* default */].getParentUntil(selectionStart, 'TABLE');
+    var endCellContainer = dom["a" /* default */].getParentUntil(selectionEnd, 'TABLE');
+    var isReversedTheadAndTbodySelect = dom["a" /* default */].getNodeName(startCellContainer) === 'TBODY' && dom["a" /* default */].getNodeName(endCellContainer) === 'THEAD';
+    var isTheadAndTbodySelect = startCellContainer !== endCellContainer;
+    var isBothInTbody = !!dom["a" /* default */].parents(selectionStart, 'tbody').length && !!dom["a" /* default */].parents(selectionEnd, 'tbody').length;
+    var start = {
+      row: startRowOffset,
+      cell: startCellOffset
+    };
+    var end = {
+      row: endRowOffset,
+      cell: endCellOffset
+    };
+    var from, to;
+
+    if (isReversedTheadAndTbodySelect) {
+      start.row += 1;
+    } else if (isTheadAndTbodySelect) {
+      end.row += 1;
+    } else if (isBothInTbody) {
+      start.row += 1;
+      end.row += 1;
+    }
+
+    if (startRowOffset > endRowOffset || startRowOffset === endRowOffset && startCellOffset > endCellOffset) {
+      from = end;
+      to = start;
+    } else {
+      from = start;
+      to = end;
+    }
+
+    return {
+      from: from,
+      to: to
+    };
+  }
+  /**
+   * Highlight selected table cells
+   * @param {HTMLElement} selectionStart start element
+   * @param {HTMLElement} selectionEnd end element
+   */
+  ;
+
+  _proto.highlightTableCellsBy = function highlightTableCellsBy(selectionStart, selectionEnd) {
+    var trs = dom["a" /* default */].findAll(dom["a" /* default */].parents(selectionStart, '[contenteditable=true] table')[0], 'tr');
+    var selection = this.getSelectionRangeFromTable(selectionStart, selectionEnd);
+    var rowFrom = selection.from.row;
+    var cellFrom = selection.from.cell;
+    var rowTo = selection.to.row;
+    var cellTo = selection.to.cell;
+    trs.forEach(function (row, rowIndex) {
+      dom["a" /* default */].findAll(row, 'td,th').forEach(function (cell, cellIndex) {
+        var isFromRow = rowIndex === rowFrom;
+        var isToRow = rowIndex === rowTo;
+
+        if (isFromRow && cellIndex < cellFrom || isToRow && cellIndex > cellTo || rowIndex < rowFrom || rowIndex > rowTo) {
+          removeClass_default()(cell, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+        } else {
+          addClass_default()(cell, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+        }
+      });
+    });
+  }
+  /**
+   * Remove '.te-cell-selected' class from all of table Cell
+   */
+  ;
+
+  _proto.removeClassAttrbuteFromAllCellsIfNeed = function removeClassAttrbuteFromAllCellsIfNeed() {
+    var cells = dom["a" /* default */].findAll(this.wwe.getBody(), "td." + wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME + ",th." + wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+    cells.forEach(function (node) {
+      removeClass_default()(node, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+
+      if (!node.getAttribute('class')) {
+        node.removeAttribute('class');
+      }
+    });
+  }
+  /**
+   * gets selected cells
+   * @returns {HTMLElement} selected cells
+   */
+  ;
+
+  _proto.getSelectedCells = function getSelectedCells() {
+    return this.wwe.getBody().querySelectorAll("." + wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+  }
+  /**
+   * Create selection by selected cells and collapse that selection to end
+   */
+  ;
+
+  _proto.createRangeBySelectedCells = function createRangeBySelectedCells() {
+    var sq = this.wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var selectedCells = this.getSelectedCells();
+    var firstSelectedCell = selectedCells[0];
+    var lastSelectedCell = selectedCells[selectedCells.length - 1];
+
+    if (selectedCells.length && this.wwe.isInTable(range)) {
+      range.setStart(firstSelectedCell, 0);
+      range.setEnd(lastSelectedCell, lastSelectedCell.childNodes.length);
+      sq.setSelection(range);
+    }
+  }
+  /**
+   * Style to selected cells.
+   * @param {function} onStyle - function for styling
+   * @param {Object} [options] - options to be passed into onStyle
+   */
+  ;
+
+  _proto.styleToSelectedCells = function styleToSelectedCells(onStyle, options) {
+    this.createRangeBySelectedCells();
+    onStyle(this.wwe.getEditor(), options);
+  }
+  /**
+   * Destroy.
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    this.eventManager.removeEventHandler('mousedown.tableSelection');
+    this.eventManager.removeEventHandler('mouseover.tableSelection');
+    this.eventManager.removeEventHandler('mouseup.tableSelection');
+    this.eventManager.removeEventHandler('copyBefore.tableSelection');
+    this.eventManager.removeEventHandler('pasteBefore.tableSelection');
+  };
+
+  return WwTableSelectionManager;
+}();
+
+/* harmony default export */ var wwTableSelectionManager = (wwTableSelectionManager_WwTableSelectionManager);
+// CONCATENATED MODULE: ./src/js/wwHrManager.js
+/**
+ * @fileoverview Implements wysiwyg hr manager
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class WwHrManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwHrManager_WwHrManager = /*#__PURE__*/function () {
+  function WwHrManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'hr';
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwHrManager.prototype;
+
+  _proto._init = function _init() {
+    this._initEvent();
+  }
+  /**
+   * Initialize eventmanager event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._insertEmptyLineIfNeed();
+
+      _this._changeHRForWysiwyg();
+    });
+  }
+  /**
+   * If 
     is frist or last child of root, insert empty line before or after HR
+   * @private
+   */
+  ;
+
+  _proto._insertEmptyLineIfNeed = function _insertEmptyLineIfNeed() {
+    var editorContentBody = this.wwe.getBody();
+    var firstChild = editorContentBody.firstChild,
+        lastChild = editorContentBody.lastChild;
+
+    if (firstChild && firstChild.nodeName === 'HR') {
+      editorContentBody.insertBefore(dom["a" /* default */].createEmptyLine(), firstChild);
+    } else if (lastChild && lastChild.nodeName === 'HR') {
+      editorContentBody.appendChild(dom["a" /* default */].createEmptyLine());
+    }
+  }
+  /**
+   * 
     is set contenteditable to false with wrapping div like below.
+   * 
    
+   * @private
+   */
+  ;
+
+  _proto._changeHRForWysiwyg = function _changeHRForWysiwyg() {
+    var editorContentBody = this.wwe.getBody();
+    dom["a" /* default */].findAll(editorContentBody, 'hr').forEach(function (hrNode) {
+      var parentNode = hrNode.parentNode;
+      parentNode.replaceChild(dom["a" /* default */].createHorizontalRule(), hrNode);
+    });
+  };
+
+  return WwHrManager;
+}();
+
+/* harmony default export */ var wwHrManager = (wwHrManager_WwHrManager);
+// CONCATENATED MODULE: ./src/js/wwPManager.js
+/**
+ * @fileoverview Implements wysiwyg p tag manager
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Class WwPManager
+ * @param {WysiwygEditor} wwe - wysiwygEditor instance
+ * @ignore
+ */
+
+var wwPManager_WwPManager = /*#__PURE__*/function () {
+  function WwPManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'p';
+
+    this._initEvent();
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+
+
+  var _proto = WwPManager.prototype;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueBefore', function (html) {
+      return _this._splitPtagContentLines(html);
+    });
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._ensurePtagContentWrappedWithDiv();
+
+      _this._unwrapPtags();
+    });
+  }
+  /**
+   * Split multiple line content of p tags
+   * @param {string} html html text
+   * @returns {string} result
+   * @private
+   */
+  ;
+
+  _proto._splitPtagContentLines = function _splitPtagContentLines(html) {
+    if (html) {
+      var wrapper = dom["a" /* default */].createElementWith("
    " + html + "
    ");
+      dom["a" /* default */].findAll(wrapper, 'p').forEach(function (para) {
+        var attributes = para.attributes,
+            nextElementSibling = para.nextElementSibling;
+        var content = para.innerHTML;
+        var lines = content.split(/
    /gi);
+        var lastIndex = lines.length - 1;
+        var splitedContent = '';
+        splitedContent = lines.map(function (line, index) {
+          if (index > 0 && index < lastIndex) {
+            line = line ? line : '
    ';
+          }
+
+          if (line) {
+            var block = document.createElement('div');
+            Object.keys(attributes).forEach(function (key) {
+              var _attributes$key = attributes[key],
+                  name = _attributes$key.name,
+                  value = _attributes$key.value;
+              block.setAttribute(name, value);
+            });
+            block.innerHTML = line;
+            return block.outerHTML;
+          }
+
+          return '';
+        }); // For paragraph, we add empty line
+
+        if (nextElementSibling && nextElementSibling.nodeName === 'P' || para.getAttribute('contenteditable') === 'false') {
+          splitedContent.push('

    ');
+        }
+
+        dom["a" /* default */].replaceWith(para, splitedContent.join(''));
+      });
+      html = wrapper.innerHTML;
+    }
+
+    return html;
+  }
+  /**
+   * Wrap new line inside P tag to DIV, and additional empty line added within too
+   * @private
+   */
+  ;
+
+  _proto._ensurePtagContentWrappedWithDiv = function _ensurePtagContentWrappedWithDiv() {
+    var _this2 = this;
+
+    dom["a" /* default */].findAll(this.wwe.getBody(), 'p').forEach(function (node) {
+      if (!node.querySelectorAll('div').length) {
+        dom["a" /* default */].wrapInner(node, 'div');
+      }
+
+      if (_this2._findNextParagraph(node, 'p')) {
+        dom["a" /* default */].append(node, '

    ');
+      }
+    });
+  }
+  /**
+   * Unwrap P tag
+   * @private
+   */
+  ;
+
+  _proto._unwrapPtags = function _unwrapPtags() {
+    dom["a" /* default */].findAll(this.wwe.getBody(), 'div').forEach(function (node) {
+      var parent = node.parentNode;
+
+      if (parent.tagName === 'P') {
+        dom["a" /* default */].unwrap(parent);
+      }
+    });
+  };
+
+  _proto._findNextParagraph = function _findNextParagraph(node, selector) {
+    var nextElementSibling = node.nextElementSibling;
+
+    if (selector) {
+      return nextElementSibling && matches_default()(nextElementSibling, selector) ? nextElementSibling : null;
+    }
+
+    return nextElementSibling;
+  };
+
+  return WwPManager;
+}();
+
+/* harmony default export */ var wwPManager = (wwPManager_WwPManager);
+// CONCATENATED MODULE: ./src/js/wwHeadingManager.js
+/**
+ * @fileoverview Implements wysiwyg heading manager
+ * @author NHN FE Development Lab 
+ */
+
+
+var wwHeadingManager_FIND_HEADING_RX = /h[\d]/i;
+var wwHeadingManager_isIE10 = browser_default.a.msie && browser_default.a.version === 10;
+/**
+ * Class WwHeadingManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwHeadingManager_WwHeadingManager = /*#__PURE__*/function () {
+  function WwHeadingManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'heading';
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwHeadingManager.prototype;
+
+  _proto._init = function _init() {
+    this._initEvent();
+
+    this._initKeyHandler();
+  };
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._wrapDefaultBlockToHeadingInner();
+    });
+  }
+  /**
+   * Initialize key event handler
+   * @private
+   */
+  ;
+
+  _proto._initKeyHandler = function _initKeyHandler() {
+    var _this2 = this;
+
+    this.wwe.addKeyEventHandler('ENTER', function (ev, range) {
+      if (_this2.wwe.hasFormatWithRx(wwHeadingManager_FIND_HEADING_RX)) {
+        _this2._onEnter(ev, range);
+
+        return false;
+      }
+
+      return true;
+    });
+    this.wwe.addKeyEventHandler('BACK_SPACE', function (ev, range) {
+      if (_this2.wwe.hasFormatWithRx(wwHeadingManager_FIND_HEADING_RX)) {
+        _this2._addBrToEmptyBlock(range);
+
+        _this2._removePrevTopNodeIfNeed(ev, range);
+
+        return false;
+      }
+
+      return true;
+    });
+  }
+  /**
+   * Wrap default block to heading inner contents
+   * @private
+   */
+  ;
+
+  _proto._wrapDefaultBlockToHeadingInner = function _wrapDefaultBlockToHeadingInner() {
+    var headingTags = dom["a" /* default */].findAll(this.wwe.getBody(), 'h1, h2, h3, h4, h5, h6');
+    headingTags.forEach(function (headingTag) {
+      var exceptedForWrapping = !dom["a" /* default */].children(headingTag, 'div, p').length;
+
+      if (exceptedForWrapping) {
+        dom["a" /* default */].wrapInner(headingTag, 'div');
+      }
+    });
+  }
+  /**
+   * Unwrap heading
+   * @private
+   */
+  ;
+
+  _proto._unwrapHeading = function _unwrapHeading() {
+    this.wwe.unwrapBlockTag(function (node) {
+      return wwHeadingManager_FIND_HEADING_RX.test(node);
+    });
+  }
+  /**
+   * Enter key handler
+   * @param {Event} event event object
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._onEnter = function _onEnter(event, range) {
+    var _this3 = this;
+
+    if (range.startOffset > 0) {
+      // I hate this but there's no way
+      this.wwe.defer(function (wwe) {
+        _this3._unwrapHeading();
+
+        wwe.getEditor().removeLastUndoStack();
+      });
+    } else {
+      event.preventDefault();
+
+      this._insertEmptyBlockToPrevious(range);
+    }
+  }
+  /**
+   * Insert empty block to previous of passed range
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._insertEmptyBlockToPrevious = function _insertEmptyBlockToPrevious(range) {
+    this.wwe.getEditor().saveUndoState(range);
+    var element = dom["a" /* default */].createElementWith('

    ');
+    dom["a" /* default */].insertBefore(element, dom["a" /* default */].getParentUntil(range.startContainer, this.wwe.getBody()));
+  }
+  /**
+   * Remove previous top node if need
+   * @param {Event} event event object
+   * @param {Range} range range
+   * @returns {Boolean} whether needed or not
+   * @private
+   */
+  ;
+
+  _proto._removePrevTopNodeIfNeed = function _removePrevTopNodeIfNeed(event, range) {
+    var isHandled = false;
+
+    if (range.collapsed && range.startOffset === 0) {
+      var startContainer = range.startContainer;
+      var prevTopNode = dom["a" /* default */].getTopPrevNodeUnder(startContainer, this.wwe.getBody());
+      var isPrevTopNodeEmpty = prevTopNode && prevTopNode.textContent.length === 0;
+      var sq = this.wwe.getEditor();
+
+      if (startContainer.textContent.length === 0) {
+        isHandled = this._removeHedingAndChangeSelection(event, range, prevTopNode);
+      } else if (isPrevTopNodeEmpty) {
+        event.preventDefault();
+        sq.saveUndoState(range);
+        dom["a" /* default */].remove(prevTopNode);
+        isHandled = true;
+      }
+    }
+
+    return isHandled;
+  };
+
+  _proto._getHeadingElement = function _getHeadingElement(element) {
+    var isHeading = wwHeadingManager_FIND_HEADING_RX.test(dom["a" /* default */].getNodeName(element));
+    return isHeading ? element : dom["a" /* default */].parents(element, 'h1,h2,h3,h4,h5,h6')[0];
+  };
+
+  _proto._addBrToEmptyBlock = function _addBrToEmptyBlock(range) {
+    var collapsed = range.collapsed,
+        startOffset = range.startOffset,
+        startContainer = range.startContainer;
+
+    if (collapsed && startOffset === 1) {
+      var headingElement = this._getHeadingElement(startContainer);
+
+      var brs = dom["a" /* default */].children(headingElement.firstChild, 'br');
+
+      if (!wwHeadingManager_isIE10 && !brs.length) {
+        var br = document.createElement('br');
+        startContainer.parentNode.appendChild(br);
+      }
+    }
+  }
+  /**
+   * Remove heading and change selection
+   * @param {object} event Event object
+   * @param {Range} range Range object
+   * @param {HTMLElement} prevTopNode Previous top node
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._removeHedingAndChangeSelection = function _removeHedingAndChangeSelection(event, range, prevTopNode) {
+    var startContainer = range.startContainer;
+    var sq = this.wwe.getEditor();
+    var body = this.wwe.getBody();
+
+    var headingElement = this._getHeadingElement(startContainer);
+
+    var targetNode = prevTopNode;
+    var offset = 1;
+
+    if (!event.defaultPrevented) {
+      event.preventDefault();
+      sq.saveUndoState(range);
+    }
+
+    dom["a" /* default */].remove(headingElement);
+
+    if (!prevTopNode) {
+      var _domUtils$children = dom["a" /* default */].children(body, 'div');
+
+      targetNode = _domUtils$children[0];
+      offset = 0;
+    }
+
+    range.setStart(targetNode, offset);
+    range.collapse(true);
+    sq.setSelection(range);
+    return true;
+  };
+
+  return WwHeadingManager;
+}();
+
+/* harmony default export */ var wwHeadingManager = (wwHeadingManager_WwHeadingManager);
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isTruthy.js
+var isTruthy = __webpack_require__(42);
+var isTruthy_default = /*#__PURE__*/__webpack_require__.n(isTruthy);
+
+// CONCATENATED MODULE: ./src/js/wwCodeBlockManager.js
+/**
+ * @fileoverview Implements wysiwyg code block manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var wwCodeBlockManager_isIE10 = browser_default.a.msie && browser_default.a.version === 10;
+var wwCodeBlockManager_brString = wwCodeBlockManager_isIE10 ? '' : '
    ';
+var tagEntities = {
+  '&': '&',
+  '<': '<',
+  '>': '>'
+};
+var FIND_ZWS_RX = /\u200B/g;
+var CODEBLOCK_ATTR_NAME = 'data-te-codeblock';
+/**
+ * Class WwCodeBlockManager
+ * @param {WysiwygEditor} wwe - wysiwygEditor instance
+ * @ignore
+ */
+
+var wwCodeBlockManager_WwCodeBlockManager = /*#__PURE__*/function () {
+  function WwCodeBlockManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'codeblock';
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwCodeBlockManager.prototype;
+
+  _proto._init = function _init() {
+    this._initKeyHandler();
+
+    this._initEvent();
+  }
+  /**
+   * Initialize key event handler
+   * @private
+   */
+  ;
+
+  _proto._initKeyHandler = function _initKeyHandler() {
+    var _this = this;
+
+    this._keyEventHandlers = {
+      BACK_SPACE: this._onBackspaceKeyEventHandler.bind(this),
+      ENTER: function ENTER(ev, range) {
+        if (!_this.wwe.isInTable(range) && _this.wwe.getEditor().hasFormat('CODE')) {
+          _this.wwe.defer(function () {
+            var _this$wwe$getRange = _this.wwe.getRange(),
+                startContainer = _this$wwe$getRange.startContainer;
+
+            var codeNode = _this._getCodeNode(startContainer);
+
+            if (codeNode && !dom["a" /* default */].getTextLength(codeNode)) {
+              codeNode.parentNode.removeChild(codeNode);
+            }
+          });
+        }
+      }
+    };
+    forEachOwnProperties_default()(this._keyEventHandlers, function (handler, key) {
+      return _this.wwe.addKeyEventHandler(key, handler);
+    });
+  };
+
+  _proto._getCodeNode = function _getCodeNode(node) {
+    var result;
+
+    if (node.nodeName === 'CODE') {
+      result = node;
+    } else if (node.parentNode.nodeName === 'CODE') {
+      result = node.parentNode;
+    }
+
+    return result;
+  }
+  /**
+   * Initialize eventmanager event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this.eventManager.listen('wysiwygSetValueAfter.codeblock', function () {
+      _this2.modifyCodeBlockForWysiwyg();
+    });
+    this.eventManager.listen('wysiwygProcessHTMLText.codeblock', function (html) {
+      return _this2._changePreToPreCode(html);
+    });
+  }
+  /**
+   * Prepare nodes for pasting to code block
+   * @param {Array.} nodes Node array
+   * @returns {DocumentFragment}
+   */
+  ;
+
+  _proto.prepareToPasteOnCodeblock = function prepareToPasteOnCodeblock(nodes) {
+    var frag = this.wwe.getEditor().getDocument().createDocumentFragment();
+    var text = this.convertNodesToText(nodes);
+    text = text.replace(/\n$/, '');
+    frag.appendChild(document.createTextNode(text));
+    return frag;
+  }
+  /**
+   * Convert nodes to text for pasting to code block
+   * @param {Array.} nodes Node array
+   * @returns {string} coverted string
+   */
+  ;
+
+  _proto.convertNodesToText = function convertNodesToText(nodes) {
+    var str = '';
+    var node = nodes.shift();
+
+    while (isTruthy_default()(node)) {
+      var _node = node,
+          childNodes = _node.childNodes;
+
+      if (childNodes && dom["a" /* default */].isBlockNode(node)) {
+        str += this.convertNodesToText(toArray_default()(node.childNodes));
+      } else if (node.nodeName === 'BR') {
+        str += '\n';
+      } else {
+        str += node.textContent;
+      }
+
+      node = nodes.shift();
+    }
+
+    return str;
+  }
+  /**
+   * Copy content with code block style from code block selection
+   * @param {HTMLElement} element Copied element
+   * @param {Range} range Range object
+   * @returns {HTMLElement}
+   * @private
+   */
+  ;
+
+  _proto._copyCodeblockTypeFromRangeCodeblock = function _copyCodeblockTypeFromRangeCodeblock(element, range) {
+    var blockNode = dom["a" /* default */].getParentUntil(range.commonAncestorContainer, this.wwe.getBody());
+
+    if (dom["a" /* default */].getNodeName(blockNode) === 'PRE') {
+      var attrs = blockNode.attributes;
+      forEachOwnProperties_default()(attrs, function (attr) {
+        element.setAttribute(attr.name, attr.value);
+      });
+    }
+
+    return element;
+  }
+  /**
+   * Change pre tag to pre and code
+   * @param {string} html HTML string
+   * @returns {string}
+   * @private
+   */
+  ;
+
+  _proto._changePreToPreCode = function _changePreToPreCode(html) {
+    return html.replace(/((.|\n)*?)<\/pre>/g, function (match, codeAttr, code) {
+      return "
    " + code + "
    ";
+    });
+  }
+  /**
+   * Modify Code Block for Wysiwyg
+   * @param {HTMLElement} node root node to find pre
+   */
+  ;
+
+  _proto.modifyCodeBlockForWysiwyg = function modifyCodeBlockForWysiwyg(node) {
+    if (!node) {
+      node = this.wwe.getBody();
+    }
+
+    dom["a" /* default */].findAll(node, 'pre').forEach(function (pre) {
+      var codeTag = pre.querySelector('code');
+      var lang, numberOfBackticks;
+
+      if (codeTag) {
+        lang = codeTag.getAttribute('data-language');
+        numberOfBackticks = codeTag.getAttribute('data-backticks');
+      } // if this pre can have lines
+
+
+      if (pre.children.length > 1) {
+        toArray_default()(pre.children).forEach(function (childNode) {
+          if ((childNode.nodeName === 'DIV' || childNode.nodeName === 'P') && !childNode.querySelectorAll('br').length) {
+            childNode.innerHTML += childNode.innerHTML + "\n";
+          }
+        });
+      }
+
+      var brs = pre.querySelectorAll('br');
+
+      if (brs.length) {
+        dom["a" /* default */].replaceWith(brs, '\n');
+      }
+
+      var resultText = pre.textContent.replace(/\s+$/, '');
+      dom["a" /* default */].empty(pre);
+      pre.innerHTML = resultText ? sanitizeHtmlCode(resultText) : wwCodeBlockManager_brString;
+
+      if (lang) {
+        pre.setAttribute('data-language', lang);
+        addClass_default()(pre, "lang-" + lang);
+      }
+
+      if (numberOfBackticks) {
+        pre.setAttribute('data-backticks', numberOfBackticks);
+      }
+
+      pre.setAttribute(CODEBLOCK_ATTR_NAME, '');
+    });
+  }
+  /**
+   * Remove codeblock of first line when press backspace in first line
+   * @param {Event} ev Event object
+   * @param {Range} range Range object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._onBackspaceKeyEventHandler = function _onBackspaceKeyEventHandler(ev, range) {
+    var isNeedNext = true;
+    var sq = this.wwe.getEditor();
+    var container = range.commonAncestorContainer;
+
+    if (this._isCodeBlockFirstLine(range) && !this._isFrontCodeblock(range)) {
+      this._removeCodeblockFirstLine(container);
+
+      range.collapse(true);
+      isNeedNext = false;
+    } else if (range.collapsed && this._isEmptyLine(container) && this._isBetweenSameCodeblocks(container)) {
+      var previousSibling = container.previousSibling,
+          nextSibling = container.nextSibling;
+      var prevTextLength = previousSibling.textContent.length;
+      sq.saveUndoState(range);
+      container.parentNode.removeChild(container);
+
+      this._mergeCodeblocks(previousSibling, nextSibling);
+
+      range.setStart(previousSibling.childNodes[0], prevTextLength);
+      range.collapse(true);
+      isNeedNext = false;
+    }
+
+    if (!isNeedNext) {
+      sq.setSelection(range);
+      ev.preventDefault();
+    }
+
+    return isNeedNext;
+  }
+  /**
+   * Check node is empty line
+   * @param {Node} node node
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isEmptyLine = function _isEmptyLine(node) {
+    var nodeName = node.nodeName,
+        childNodes = node.childNodes;
+    var isEmpty = wwCodeBlockManager_isIE10 ? node.textContent === '' : childNodes.length === 1 && childNodes[0].nodeName === 'BR';
+    return nodeName === 'DIV' && isEmpty;
+  }
+  /**
+   * Check whether node is between same codeblocks
+   * @param {Node} node Node
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isBetweenSameCodeblocks = function _isBetweenSameCodeblocks(node) {
+    var previousSibling = node.previousSibling,
+        nextSibling = node.nextSibling;
+    return dom["a" /* default */].getNodeName(previousSibling) === 'PRE' && dom["a" /* default */].getNodeName(nextSibling) === 'PRE' && previousSibling.getAttribute('data-language') === nextSibling.getAttribute('data-language');
+  };
+
+  _proto._mergeCodeblocks = function _mergeCodeblocks(frontCodeblock, backCodeblock) {
+    var postText = backCodeblock.textContent;
+    frontCodeblock.childNodes[0].textContent += "\n" + postText;
+    backCodeblock.parentNode.removeChild(backCodeblock);
+  }
+  /**
+   * Check whether range is first line of code block
+   * @param {Range} range Range object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isCodeBlockFirstLine = function _isCodeBlockFirstLine(range) {
+    return this.isInCodeBlock(range) && range.collapsed && range.startOffset === 0;
+  }
+  /**
+   * Check whether front block of range is code block
+   * @param {Range} range Range object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isFrontCodeblock = function _isFrontCodeblock(range) {
+    var block = dom["a" /* default */].getParentUntil(range.startContainer, this.wwe.getEditor().getRoot());
+    var previousSibling = block.previousSibling;
+    return previousSibling && previousSibling.nodeName === 'PRE';
+  }
+  /**
+   * Remove codeblock first line of codeblock
+   * @param {Node} node Pre Node
+   * @private
+   */
+  ;
+
+  _proto._removeCodeblockFirstLine = function _removeCodeblockFirstLine(node) {
+    var sq = this.wwe.getEditor();
+    var preNode = node.nodeName === 'PRE' ? node : node.parentNode;
+    var codeContent = preNode.textContent.replace(FIND_ZWS_RX, '');
+    sq.modifyBlocks(function () {
+      var newFrag = sq.getDocument().createDocumentFragment();
+      var strArray = codeContent.split('\n');
+      var firstDiv = document.createElement('div');
+      var firstLine = strArray.shift();
+      firstDiv.innerHTML = "" + sanitizeHtmlCode(firstLine) + wwCodeBlockManager_brString;
+      newFrag.appendChild(firstDiv);
+
+      if (strArray.length) {
+        var newPreNode = preNode.cloneNode();
+        newPreNode.textContent = strArray.join('\n');
+        newFrag.appendChild(newPreNode);
+      }
+
+      return newFrag;
+    });
+  }
+  /**
+   * Return boolean value of whether current range is in the code block
+   * @param {Range} range Range object
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isInCodeBlock = function isInCodeBlock(range) {
+    var target;
+
+    if (range.collapsed) {
+      target = range.startContainer;
+    } else {
+      target = range.commonAncestorContainer;
+    }
+
+    return !!dom["a" /* default */].closest(target, 'pre');
+  }
+  /**
+   * Destroy
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    var _this3 = this;
+
+    this.eventManager.removeEventHandler('wysiwygSetValueAfter.codeblock');
+    this.eventManager.removeEventHandler('wysiwygProcessHTMLText.codeblock');
+    forEachOwnProperties_default()(this._keyEventHandlers, function (handler, key) {
+      return _this3.wwe.removeKeyEventHandler(key, handler);
+    });
+  };
+
+  return WwCodeBlockManager;
+}();
+/**
+ * Sanitize HTML code
+ * @param {string} code code string
+ * @returns {string}
+ * @ignore
+ */
+
+
+function sanitizeHtmlCode(code) {
+  return code ? code.replace(/[<>&]/g, function (tag) {
+    return tagEntities[tag] || tag;
+  }) : '';
+}
+
+/* harmony default export */ var wwCodeBlockManager = (wwCodeBlockManager_WwCodeBlockManager);
+// EXTERNAL MODULE: /Users/nhn/project/tui.editor/libs/squire/build/squire.js
+var build_squire = __webpack_require__(55);
+var squire_default = /*#__PURE__*/__webpack_require__.n(build_squire);
+
+// CONCATENATED MODULE: ./src/js/squireExt.js
+function squireExt_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements squire extension
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var FIND_BLOCK_TAGNAME_RX = /\b(H[\d]|LI|P|BLOCKQUOTE|TD)\b/;
+var isIElt11 = /Trident\/[456]\./.test(navigator.userAgent);
+/**
+ * Class SquireExt
+ * @params {Squire} ...args
+ */
+
+var squireExt_SquireExt = /*#__PURE__*/function (_Squire) {
+  squireExt_inheritsLoose(SquireExt, _Squire);
+
+  function SquireExt() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _Squire.call.apply(_Squire, [this].concat(args)) || this;
+
+    _this._decorateHandlerToCancelable('copy');
+
+    _this._decorateHandlerToCancelable(isIElt11 ? 'beforecut' : 'cut');
+
+    _this._decorateHandlerToCancelable(isIElt11 ? 'beforepaste' : 'paste');
+
+    _this.getBody = function () {
+      _this.body = _this.body || _this.getRoot();
+      return _this.body;
+    };
+
+    return _this;
+  }
+  /**
+   * Decorate squire handler to cancelable cuz sometimes, we dont need squire handler process
+   * event.preventDefault() will cancel squire and browser default behavior
+   * event.squirePrevented = true will cancel squire but allow browser default behavior
+   * @param {string} eventName event name
+   * @private
+   */
+
+
+  var _proto = SquireExt.prototype;
+
+  _proto._decorateHandlerToCancelable = function _decorateHandlerToCancelable(eventName) {
+    var handlers = this._events[eventName];
+
+    if (handlers.length > 1) {
+      throw new Error("too many" + eventName + "handlers in squire");
+    }
+
+    var handler = handlers[0].bind(this);
+
+    handlers[0] = function (event) {
+      if (!event.defaultPrevented && !event.squirePrevented) {
+        handler(event);
+      }
+    };
+  };
+
+  _proto.changeBlockFormat = function changeBlockFormat(srcCondition, targetTagName) {
+    var _this2 = this;
+
+    this.modifyBlocks(function (frag) {
+      var current, newFrag, newBlock, nextBlock, tagName, lastNodeOfNextBlock, appendChidToNextBlock; // HR is non-block element, so frag don't have it
+      // make a default block
+
+      if (frag.childNodes.length) {
+        current = frag.childNodes.item(0);
+      } else {
+        current = _this2.createDefaultBlock();
+        frag.appendChild(current);
+      }
+
+      if (srcCondition) {
+        // find last depth
+        while (current.firstChild) {
+          current = current.firstChild;
+        }
+
+        appendChidToNextBlock = function appendChidToNextBlock(node) {
+          nextBlock.appendChild(node);
+        }; // find tag
+
+
+        while (current !== frag) {
+          var _current = current;
+          tagName = _current.tagName;
+
+          if (isFunction_default()(srcCondition) ? srcCondition(tagName) : tagName === srcCondition) {
+            nextBlock = current.childNodes.item(0); // there is no next blocktag
+            // eslint-disable-next-line max-depth
+
+            if (!dom["a" /* default */].isElemNode(nextBlock) || current.childNodes.length > 1) {
+              nextBlock = _this2.createDefaultBlock();
+              toArray_default()(current.childNodes).forEach(appendChidToNextBlock);
+              lastNodeOfNextBlock = nextBlock.lastChild; // remove unneccesary br
+              // eslint-disable-next-line max-depth
+
+              if (lastNodeOfNextBlock && dom["a" /* default */].getNodeName(lastNodeOfNextBlock) === 'BR') {
+                nextBlock.removeChild(lastNodeOfNextBlock);
+              }
+            } // eslint-disable-next-line max-depth
+
+
+            if (targetTagName) {
+              newBlock = _this2.createElement(targetTagName, [nextBlock]);
+            } else {
+              newBlock = nextBlock;
+            }
+
+            newFrag = _this2.getDocument().createDocumentFragment();
+            newFrag.appendChild(newBlock);
+            frag = newFrag;
+            break;
+          }
+
+          current = current.parentNode;
+        }
+      } // if source condition node is not founded, we wrap current div node with node named targetTagName
+
+
+      if ((!newFrag || !srcCondition) && targetTagName && dom["a" /* default */].getNodeName(frag.childNodes[0]) === 'DIV') {
+        frag = _this2.createElement(targetTagName, [frag.childNodes[0]]);
+      }
+
+      return frag;
+    });
+  };
+
+  _proto.changeBlockFormatTo = function changeBlockFormatTo(targetTagName) {
+    this.changeBlockFormat(function (tagName) {
+      return FIND_BLOCK_TAGNAME_RX.test(tagName);
+    }, targetTagName);
+  };
+
+  _proto.getCaretPosition = function getCaretPosition() {
+    return this.getCursorPosition();
+  };
+
+  _proto.replaceSelection = function replaceSelection(content, selection) {
+    if (selection) {
+      this.setSelection(selection);
+    }
+
+    this._ignoreChange = true;
+    this.insertHTML(content);
+  };
+
+  _proto.replaceRelativeOffset = function replaceRelativeOffset(content, offset, overwriteLength) {
+    var selection = this.getSelection().cloneRange();
+
+    this._replaceRelativeOffsetOfSelection(content, offset, overwriteLength, selection);
+  };
+
+  _proto._replaceRelativeOffsetOfSelection = function _replaceRelativeOffsetOfSelection(content, offset, overwriteLength, selection) {
+    var startSelectionInfo, endSelectionInfo, finalOffset;
+    var endOffsetNode = selection.endContainer;
+    var endTextOffset = selection.endOffset;
+
+    if (dom["a" /* default */].getNodeName(endOffsetNode) !== 'TEXT') {
+      endOffsetNode = this._getClosestTextNode(endOffsetNode, endTextOffset);
+
+      if (endOffsetNode) {
+        if (dom["a" /* default */].isTextNode(endOffsetNode)) {
+          endTextOffset = endOffsetNode.nodeValue.length;
+        } else {
+          endTextOffset = endOffsetNode.textContent.length;
+        }
+      }
+    }
+
+    if (endOffsetNode) {
+      startSelectionInfo = this.getSelectionInfoByOffset(endOffsetNode, endTextOffset + offset);
+      selection.setStart(startSelectionInfo.element, startSelectionInfo.offset);
+      finalOffset = endTextOffset + (offset + overwriteLength);
+      endSelectionInfo = this.getSelectionInfoByOffset(endOffsetNode, finalOffset);
+      selection.setEnd(endSelectionInfo.element, endSelectionInfo.offset);
+      this.replaceSelection(content, selection);
+    } else {
+      this.replaceSelection(content);
+    }
+  };
+
+  _proto._getClosestTextNode = function _getClosestTextNode(node, offset) {
+    var foundNode = dom["a" /* default */].getChildNodeByOffset(node, offset - 1);
+
+    if (dom["a" /* default */].getNodeName(foundNode) !== 'TEXT') {
+      foundNode = foundNode.previousSibling;
+    }
+
+    return foundNode;
+  };
+
+  _proto.getSelectionInfoByOffset = function getSelectionInfoByOffset(anchorElement, offset) {
+    var traceElement, traceElementLength, traceOffset, stepLength;
+    var direction = offset >= 0 ? 'next' : 'previous';
+    var offsetAbs = Math.abs(offset);
+    var latestAvailableElement = traceElement;
+
+    if (direction === 'next') {
+      traceElement = anchorElement;
+    } else {
+      traceElement = anchorElement.previousSibling;
+    }
+
+    traceOffset = offsetAbs;
+    stepLength = 0;
+
+    while (traceElement) {
+      if (dom["a" /* default */].isTextNode(traceElement)) {
+        traceElementLength = traceElement.nodeValue.length;
+      } else {
+        traceElementLength = traceElement.textContent.length;
+      }
+
+      stepLength += traceElementLength;
+
+      if (offsetAbs <= stepLength) {
+        break;
+      }
+
+      traceOffset -= traceElementLength;
+
+      if (dom["a" /* default */].getTextLength(traceElement) > 0) {
+        latestAvailableElement = traceElement;
+      }
+
+      traceElement = traceElement[direction + "Sibling"];
+    }
+
+    if (!traceElement) {
+      traceElement = latestAvailableElement;
+      traceOffset = dom["a" /* default */].getTextLength(traceElement);
+    }
+
+    if (direction === 'previous') {
+      traceOffset = dom["a" /* default */].getTextLength(traceElement) - traceOffset;
+    }
+
+    return {
+      element: traceElement,
+      offset: traceOffset
+    };
+  };
+
+  _proto.getSelectionPosition = function getSelectionPosition(selection, style, offset) {
+    var marker = this.createElement('INPUT');
+    var range = selection.cloneRange();
+    var endSelectionInfo = this.getSelectionInfoByOffset(selection.endContainer, selection.endOffset + (offset || 0));
+    range.setStart(range.startContainer, range.startOffset);
+    range.setEnd(endSelectionInfo.element, endSelectionInfo.offset); // to prevent squire input event fire
+
+    this._ignoreChange = true;
+    this.insertElement(marker, range);
+    var pos = dom["a" /* default */].getOffset(marker);
+
+    if (style !== 'over') {
+      pos.top += marker.offsetHeight;
+    }
+
+    marker.parentNode.removeChild(marker);
+    selection.setStart(selection.endContainer, selection.endOffset);
+    selection.collapse(true);
+    this.setSelection(selection);
+    return pos;
+  };
+
+  _proto.removeLastUndoStack = function removeLastUndoStack() {
+    if (this._undoStack.length) {
+      this._undoStackLength -= 1;
+      this._undoIndex -= 1;
+
+      this._undoStack.pop();
+
+      this._isInUndoState = false;
+    }
+  };
+
+  _proto.replaceParent = function replaceParent(node, from, to) {
+    var target = dom["a" /* default */].closest(node, from, this.getBody());
+
+    if (target) {
+      dom["a" /* default */].wrapInner(target, to);
+      dom["a" /* default */].unwrap(target);
+    }
+  };
+
+  _proto.preserveLastLine = function preserveLastLine() {
+    var blocks = this.getBody().children;
+    var lastBlock = blocks[blocks.length - 1];
+
+    if (lastBlock && dom["a" /* default */].getNodeName(lastBlock) !== 'DIV') {
+      this._ignoreChange = true;
+      dom["a" /* default */].insertAfter(this.createDefaultBlock(), lastBlock);
+    }
+  };
+
+  _proto.scrollTop = function scrollTop(top) {
+    if (!isUndefined_default()(top)) {
+      this.getBody().scrollTop = top;
+    }
+
+    return this.getBody().scrollTop;
+  };
+
+  _proto.isIgnoreChange = function isIgnoreChange() {
+    return this._ignoreChange;
+  };
+
+  _proto.focus = function focus() {
+    squire_default.a.prototype.focus.call(this);
+  };
+
+  _proto.blockCommandShortcuts = function blockCommandShortcuts() {
+    var _this3 = this;
+
+    var meta = utils_common["b" /* isMac */] ? 'meta' : 'ctrl';
+    var keys = ['b', 'i', 'u', 'shift-7', 'shift-5', 'shift-6', 'shift-8', 'shift-9', '[', ']', 'd'];
+    keys.forEach(function (key) {
+      _this3.setKeyHandler(meta + "-" + key, function (editor, keyboardEvent) {
+        keyboardEvent.preventDefault();
+      });
+    });
+  };
+
+  return SquireExt;
+}(squire_default.a);
+
+/* harmony default export */ var squireExt = (squireExt_SquireExt);
+// CONCATENATED MODULE: ./src/js/wwTextObject.js
+/**
+ * @fileoverview Implements WwTextObject
+ * @author NHN FE Development Lab 
+ */
+
+
+var isIE11 = browser_default.a.msie && browser_default.a.version === 11;
+var isWindowChrome = navigator.appVersion.indexOf('Win') !== -1 && browser_default.a.chrome;
+var isWindows10 = /Windows (NT )?10/g.test(navigator.appVersion);
+var isNeedOffsetFix = isIE11 || isWindowChrome && !isWindows10;
+/**
+ * Class WwTextObject
+ * @param {WysiwygEditor} wwe - wysiwygEditor
+ * @param {Range} range - Range object
+ */
+
+var wwTextObject_WwTextObject = /*#__PURE__*/function () {
+  function WwTextObject(wwe, range) {
+    this._wwe = wwe; // msie11 and window chrome can't make start offset of range api correctly when compositing korean.
+    // so we need fix this when compositing korean.(and maybe other languages that needs composition.)
+
+    if (isNeedOffsetFix) {
+      this.isComposition = false;
+
+      this._initCompositionEvent();
+    }
+
+    this.setRange(range || this._wwe.getRange());
+  }
+  /**
+   * Initialize composition event
+   * @private
+   */
+
+
+  var _proto = WwTextObject.prototype;
+
+  _proto._initCompositionEvent = function _initCompositionEvent() {
+    var _this = this;
+
+    this._wwe.getEditor().addEventListener('compositionstart', function () {
+      _this.isComposition = true;
+    });
+
+    this._wwe.getEditor().addEventListener('compositionend', function () {
+      _this.isComposition = false;
+    });
+  }
+  /**
+   * Set _range object to given range object
+   * @param {Range} range Range object
+   */
+  ;
+
+  _proto.setRange = function setRange(range) {
+    if (this._range) {
+      this._range.detach();
+    }
+
+    this._range = range;
+  }
+  /**
+   * Expand start offset by one
+   */
+  ;
+
+  _proto.expandStartOffset = function expandStartOffset() {
+    var range = this._range;
+
+    if (dom["a" /* default */].isTextNode(range.startContainer) && range.startOffset > 0) {
+      range.setStart(range.startContainer, range.startOffset - 1);
+    }
+  }
+  /**
+   * Expand end offset by one
+   */
+  ;
+
+  _proto.expandEndOffset = function expandEndOffset() {
+    var range = this._range;
+
+    if (dom["a" /* default */].isTextNode(range.endContainer) && range.endOffset < range.endContainer.nodeValue.length) {
+      range.setEnd(range.endContainer, range.endOffset + 1);
+    }
+  }
+  /**
+   * setEnd range on start
+   * @param {Range} range Range object
+   */
+  ;
+
+  _proto.setEndBeforeRange = function setEndBeforeRange(range) {
+    var offset = range.startOffset;
+
+    if (this.isComposition) {
+      offset += 1;
+    }
+
+    this._range.setEnd(range.startContainer, offset);
+  }
+  /**
+   * Get text content
+   * @returns {string}
+   */
+  ;
+
+  _proto.getTextContent = function getTextContent() {
+    return this._range.cloneContents().textContent;
+  }
+  /**
+   * Replace current selection content to given text
+   * @param {string} content Text content
+   */
+  ;
+
+  _proto.replaceContent = function replaceContent(content) {
+    this._wwe.getEditor().setSelection(this._range);
+
+    this._wwe.getEditor().insertHTML(content); // When range is in table, 'insertHTML' makes div in table.
+    // So after 'insertHTML', div in table should be unwrap.
+    // 'wysiwygRangeChangeAfter' event let wwTableManager call '_unwrapBlockInTable'
+
+
+    if (this._wwe.isInTable(this._range)) {
+      this._wwe.eventManager.emit('wysiwygRangeChangeAfter', this._wwe);
+    }
+
+    this._range = this._wwe.getRange();
+  }
+  /**
+   * Delete current selection content
+   */
+  ;
+
+  _proto.deleteContent = function deleteContent() {
+    this._wwe.getEditor().setSelection(this._range);
+
+    this._wwe.getEditor().insertHTML('');
+
+    this._range = this._wwe.getRange();
+  }
+  /**
+   * Peek previous element's content
+   * @param {number} offset Offset to peek
+   * @returns {string}
+   */
+  ;
+
+  _proto.peekStartBeforeOffset = function peekStartBeforeOffset(offset) {
+    var range = this._range.cloneRange();
+
+    range.setStart(range.startContainer, Math.max(range.startOffset - offset, 0));
+    range.setEnd(this._range.startContainer, this._range.startOffset);
+    return range.cloneContents().textContent;
+  };
+
+  return WwTextObject;
+}();
+
+/* harmony default export */ var wwTextObject = (wwTextObject_WwTextObject);
+// CONCATENATED MODULE: ./src/js/ui/blockOverlay.js
+/**
+ * @fileoverview Implements UI block overlay
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Class BlockOverlay
+ * @param {Object} options - options
+ *     @param {EventManager} options.eventManager - event manager instance
+ *     @param {HTMLElement} options.container - container element
+ *     @param {string} options.attachedSelector - selector string to find attached element
+ * @ignore
+ */
+
+var blockOverlay_BlockOverlay = /*#__PURE__*/function () {
+  function BlockOverlay(_ref) {
+    var eventManager = _ref.eventManager,
+        container = _ref.container,
+        attachedSelector = _ref.attachedSelector;
+    this._eventManager = eventManager;
+    this._attachedSelector = "[contenteditable=true] " + attachedSelector;
+    this._container = container;
+    this._attachedElement = null;
+    /**
+     * is activated.
+     * if this blockOverlay is active, It always be visible unconditionally.
+     * @type {boolean}
+     * @private
+     */
+
+    this.active = false;
+
+    this._createElement();
+
+    this._initEvent();
+  }
+
+  var _proto = BlockOverlay.prototype;
+
+  _proto._createElement = function _createElement() {
+    this.el = dom["a" /* default */].createElementWith('
    ');
+    css_default()(this.el, {
+      position: 'absolute',
+      display: 'none',
+      zIndex: 1
+    });
+    dom["a" /* default */].append(this._container, this.el);
+  };
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this._eventManager.listen('change', this._onChange.bind(this));
+
+    this._eventManager.listen('mouseover', this._onMouseOver.bind(this));
+
+    this._eventManager.listen('focus', function () {
+      _this.setVisibility(false);
+    });
+
+    this._eventManager.listen('mousedown', function () {
+      _this.setVisibility(false);
+    });
+  };
+
+  _proto._onChange = function _onChange() {
+    if (this._attachedElement && dom["a" /* default */].isContain(document.body, this._attachedElement)) {
+      this.syncLayout();
+    } else {
+      this.setVisibility(false);
+    }
+  };
+
+  _proto._onMouseOver = function _onMouseOver(ev) {
+    var originalEvent = ev.data;
+    var eventTarget = originalEvent.target;
+    var attachedElement = dom["a" /* default */].closest(eventTarget, this._attachedSelector);
+
+    if (attachedElement) {
+      this._attachedElement = attachedElement;
+      this.setVisibility(true);
+    } else if (dom["a" /* default */].closest(eventTarget, this.el)) {
+      this.setVisibility(true);
+    } else if (!this.active) {
+      this.setVisibility(false);
+    }
+  }
+  /**
+   * update blockOverlay position & size update to attached element
+   * you may want to override this to adjust position & size
+   * @protected
+   */
+  ;
+
+  _proto.syncLayout = function syncLayout() {
+    var offset = dom["a" /* default */].getOffset(this._attachedElement);
+    var outerWidth = dom["a" /* default */].getOuterWidth(this._attachedElement);
+    var outerHeight = dom["a" /* default */].getOuterHeight(this._attachedElement);
+    dom["a" /* default */].setOffset(this.el, offset);
+    css_default()(this.el, {
+      width: outerWidth + "px"
+    });
+    css_default()(this.el, {
+      height: outerHeight + "px"
+    });
+  }
+  /**
+   * attached element
+   * @protected
+   * @returns {HTMLElement} - attached element
+   */
+  ;
+
+  _proto.getAttachedElement = function getAttachedElement() {
+    return this._attachedElement || null;
+  }
+  /**
+   * visibility
+   * @protected
+   * @returns {boolean} visibility
+   */
+  ;
+
+  _proto.getVisibility = function getVisibility() {
+    return this.el.style.display === 'block';
+  }
+  /**
+   * visibility
+   * @param {boolean} visibility - is visible
+   * @protected
+   */
+  ;
+
+  _proto.setVisibility = function setVisibility(visibility) {
+    if (visibility && this._attachedElement) {
+      if (!this.getVisibility()) {
+        css_default()(this.el, {
+          display: 'block'
+        });
+        this.syncLayout();
+        this.onShow();
+      }
+    } else if (!visibility) {
+      if (this.getVisibility()) {
+        css_default()(this.el, {
+          display: 'none'
+        });
+        this.onHide();
+      }
+    }
+  }
+  /**
+   * called on show. you may want to override to get the event
+   * @protected
+   * @abstract
+   */
+  ;
+
+  _proto.onShow = function onShow() {}
+  /**
+   * called on hide. you may want to override to get the event
+   * @protected
+   */
+  ;
+
+  _proto.onHide = function onHide() {
+    this.active = false;
+    this._attachedElement = null;
+  };
+
+  return BlockOverlay;
+}();
+
+/* harmony default export */ var blockOverlay = (blockOverlay_BlockOverlay);
+// CONCATENATED MODULE: ./src/js/ui/codeBlockGadget.js
+function codeBlockGadget_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements UI code block gadget
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var GADGET_RIGHT = 26;
+var GADGET_WIDTH = 250;
+var GADGET_HEIGHT = 30;
+/**
+ * Class CodeBlockGadget
+ * @param {Object} options - options
+ *     @param {EventManager} options.eventManager - event manager instance
+ *     @param {HTMLElement} options.container - container element
+ *     @param {WysiwygEditor} options.wysiwygEditor - wysiwyg editor instance
+ * @ignore
+ */
+
+var codeBlockGadget_CodeBlockGadget = /*#__PURE__*/function (_BlockOverlay) {
+  codeBlockGadget_inheritsLoose(CodeBlockGadget, _BlockOverlay);
+
+  function CodeBlockGadget(_ref) {
+    var _this;
+
+    var eventManager = _ref.eventManager,
+        container = _ref.container,
+        wysiwygEditor = _ref.wysiwygEditor;
+    _this = _BlockOverlay.call(this, {
+      eventManager: eventManager,
+      container: container,
+      attachedSelector: 'pre'
+    }) || this;
+    _this._wysiwygEditor = wysiwygEditor;
+    _this._popupCodeBlockLanguages = null;
+
+    _this._initDOM();
+
+    _this._initDOMEvent();
+
+    return _this;
+  }
+
+  var _proto = CodeBlockGadget.prototype;
+
+  _proto._initDOM = function _initDOM() {
+    var _this2 = this;
+
+    addClass_default()(this.el, 'code-block-header');
+    this._languageLabel = dom["a" /* default */].createElementWith('text');
+    dom["a" /* default */].append(this.el, this._languageLabel);
+    this._buttonOpenModalEditor = dom["a" /* default */].createElementWith("");
+    dom["a" /* default */].append(this.el, this._buttonOpenModalEditor);
+
+    this._eventManager.emit('removeEditor', function () {
+      off_default()(_this2._buttonOpenModalEditor, 'click');
+      _this2._buttonOpenModalEditor = null;
+    });
+  };
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this3 = this;
+
+    on_default()(this._buttonOpenModalEditor, 'click', function () {
+      return _this3._openPopupCodeBlockEditor();
+    });
+  };
+
+  _proto._openPopupCodeBlockEditor = function _openPopupCodeBlockEditor() {
+    this._eventManager.emit('openPopupCodeBlockEditor', this.getAttachedElement());
+  };
+
+  _proto._updateLanguage = function _updateLanguage() {
+    var attachedElement = this.getAttachedElement();
+    var language = attachedElement ? attachedElement.getAttribute('data-language') : null;
+    this._languageLabel.textContent = language || 'text';
+  }
+  /**
+   * update gadget position
+   * @protected
+   * @override
+   */
+  ;
+
+  _proto.syncLayout = function syncLayout() {
+    var attachedElement = this.getAttachedElement();
+
+    var _domUtils$getOffset = dom["a" /* default */].getOffset(attachedElement, '.te-editor'),
+        top = _domUtils$getOffset.top;
+
+    css_default()(this.el, {
+      top: top + "px",
+      right: GADGET_RIGHT + "px",
+      width: GADGET_WIDTH + "px",
+      height: GADGET_HEIGHT + "px"
+    });
+  }
+  /**
+   * on show
+   * @protected
+   * @override
+   */
+  ;
+
+  _proto.onShow = function onShow() {
+    var _this4 = this;
+
+    _BlockOverlay.prototype.onShow.call(this);
+
+    this._onAttachedElementChange = function () {
+      return _this4._updateLanguage();
+    };
+
+    this._eventManager.listen('changeLanguage', this._onAttachedElementChange);
+
+    this._updateLanguage();
+  }
+  /**
+   * on hide
+   * @protected
+   * @override
+   */
+  ;
+
+  _proto.onHide = function onHide() {
+    this._eventManager.removeEventHandler('changeLanguage', this._onAttachedElementChange);
+
+    _BlockOverlay.prototype.onHide.call(this);
+  };
+
+  return CodeBlockGadget;
+}(blockOverlay);
+
+/* harmony default export */ var codeBlockGadget = (codeBlockGadget_CodeBlockGadget);
+// CONCATENATED MODULE: ./src/js/wysiwygEditor.js
+/**
+ * @fileoverview Implments wysiwygEditor
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var wysiwygEditor_keyMapper = keyMapper.getSharedInstance();
+var FIND_EMPTY_LINE = /<([a-z]+|h\d)>(
    |
    )<\/\1>/gi;
+var FIND_UNNECESSARY_BR = /(?:
    |
    )<\/(.+?)>/gi;
+var wysiwygEditor_FIND_BLOCK_TAGNAME_RX = /\b(H[\d]|LI|P|BLOCKQUOTE|TD|PRE)\b/;
+var FIND_OPENING_SPAN_WITH_SPACE = /]*)>[\u0020]/g;
+var FIND_CLOSING_SPAN_WITH_SPACE = /[\u0020]<\/span>/g;
+var FIND_TABLE_AND_HEADING_RX = /^(TABLE|H[1-6])$/;
+var EDITOR_CONTENT_CSS_CLASSNAME = 'tui-editor-contents';
+var PLACEHOLDER_CSS_CLASSNAME = 'tui-editor-contents-placeholder';
+var canObserveMutations = typeof MutationObserver !== 'undefined';
+/**
+ * Class WysiwygEditor
+ * @param {HTMLElement} el - element to insert editor
+ * @param {EventManager} eventManager - EventManager instance
+ */
+
+var wysiwygEditor_WysiwygEditor = /*#__PURE__*/function () {
+  function WysiwygEditor(el, eventManager, options) {
+    var _this = this;
+
+    if (options === void 0) {
+      options = {};
+    }
+
+    this.componentManager = new componentManager(this);
+    this.eventManager = eventManager;
+    this.editorContainerEl = el;
+    this._height = 0;
+    this._silentChange = false;
+    this._keyEventHandlers = {};
+    this._managers = {};
+    this._linkAttribute = options.linkAttribute || {};
+    this._sanitizer = options.sanitizer;
+
+    this._initEvent();
+
+    this._initDefaultKeyEventHandler();
+
+    this.debouncedPostProcessForChange = debounce_default()(function () {
+      return _this.postProcessForChange();
+    }, 0);
+  }
+  /**
+   * init
+   */
+
+
+  var _proto = WysiwygEditor.prototype;
+
+  _proto.init = function init() {
+    var editorBody = document.createElement('div');
+    this.editorContainerEl.appendChild(editorBody);
+    this.editor = new squireExt(editorBody, {
+      blockTag: 'DIV',
+      leafNodeNames: {
+        HR: false
+      },
+      allowedBlocks: this._sanitizer ? [] : ['details', 'summary']
+    });
+    this.editor.blockCommandShortcuts();
+    this._clipboardManager = new wwClipboardManager(this);
+
+    this._initSquireEvent();
+
+    this._clipboardManager.init();
+
+    addClass_default()(this.getBody(), EDITOR_CONTENT_CSS_CLASSNAME);
+    css_default()(this.editorContainerEl, 'position', 'relative');
+
+    this._togglePlaceholder();
+
+    this.codeBlockGadget = new codeBlockGadget({
+      eventManager: this.eventManager,
+      container: this.editorContainerEl,
+      wysiwygEditor: this
+    });
+  }
+  /**
+   * Initialize EventManager event handler
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this.eventManager.listen('wysiwygKeyEvent', function (ev) {
+      return _this2._runKeyEventHandlers(ev.data, ev.keyMap);
+    });
+    this.eventManager.listen('wysiwygRangeChangeAfter', function () {
+      return _this2.scrollIntoCursor();
+    });
+    this.eventManager.listen('contentChangedFromWysiwyg', function () {
+      _this2._togglePlaceholder();
+    });
+  }
+  /**
+   * Add key event handler
+   * @param {string|Array.} keyMap - keyMap string or array of string
+   * @param {function} handler handler
+   */
+  ;
+
+  _proto.addKeyEventHandler = function addKeyEventHandler(keyMap, handler) {
+    var _this3 = this;
+
+    if (!handler) {
+      handler = keyMap;
+      keyMap = 'DEFAULT';
+    }
+
+    if (!isArray_default()(keyMap)) {
+      keyMap = [keyMap];
+    }
+
+    keyMap.forEach(function (key) {
+      if (!_this3._keyEventHandlers[key]) {
+        _this3._keyEventHandlers[key] = [];
+      }
+
+      _this3._keyEventHandlers[key].push(handler);
+    });
+  }
+  /**
+   * Remove key event handler.
+   * @param {string} keyMap keyMap string
+   * @param {function} handler handler
+   */
+  ;
+
+  _proto.removeKeyEventHandler = function removeKeyEventHandler(keyMap, handler) {
+    if (!handler) {
+      handler = keyMap;
+      keyMap = 'DEFAULT';
+    }
+
+    var handlers = this._keyEventHandlers[keyMap];
+
+    if (handlers) {
+      this._keyEventHandlers[keyMap] = handlers.filter(function (_handler) {
+        return _handler !== handler;
+      });
+    }
+  }
+  /**
+   * Run key event handler
+   * @param {Event} event event object
+   * @param {string} keyMap keyMapString
+   * @private
+   */
+  ;
+
+  _proto._runKeyEventHandlers = function _runKeyEventHandlers(event, keyMap) {
+    var range = this.getRange();
+    var handlers, isNeedNext;
+    handlers = this._keyEventHandlers.DEFAULT;
+
+    if (handlers) {
+      forEachArray_default()(handlers, function (handler) {
+        isNeedNext = handler(event, range, keyMap);
+        return isNeedNext;
+      });
+    }
+
+    handlers = this._keyEventHandlers[keyMap];
+
+    if (handlers && isNeedNext !== false) {
+      forEachArray_default()(handlers, function (handler) {
+        return handler(event, range, keyMap);
+      });
+    }
+  }
+  /**
+   * Initialize squire event
+   * @private
+   */
+  ;
+
+  _proto._initSquireEvent = function _initSquireEvent() {
+    var _this4 = this;
+
+    var squire = this.getEditor();
+    var isNeedFirePostProcessForRangeChange = false;
+    squire.addEventListener('copy', function (clipboardEvent) {
+      _this4.eventManager.emit('copy', {
+        source: 'wysiwyg',
+        data: clipboardEvent
+      });
+
+      debounce_default()(function () {
+        if (!_this4.isEditorValid()) {
+          return;
+        }
+
+        _this4.eventManager.emit('copyAfter', {
+          source: 'wysiwyg',
+          data: clipboardEvent
+        });
+      })();
+    });
+    squire.addEventListener(browser_default.a.msie ? 'beforecut' : 'cut', function (clipboardEvent) {
+      _this4.eventManager.emit('cut', {
+        source: 'wysiwyg',
+        data: clipboardEvent
+      });
+
+      debounce_default()(function () {
+        if (!_this4.isEditorValid()) {
+          return;
+        }
+
+        _this4.eventManager.emit('cutAfter', {
+          source: 'wysiwyg',
+          data: clipboardEvent
+        });
+      })();
+    });
+    squire.addEventListener(browser_default.a.msie ? 'beforepaste' : 'paste', function (clipboardEvent) {
+      _this4.eventManager.emit('paste', {
+        source: 'wysiwyg',
+        data: clipboardEvent
+      });
+    });
+    squire.addEventListener('dragover', function (ev) {
+      ev.preventDefault();
+      return false;
+    });
+    squire.addEventListener('drop', function (ev) {
+      ev.preventDefault();
+
+      _this4.eventManager.emit('drop', {
+        source: 'wysiwyg',
+        data: ev
+      });
+
+      return false;
+    }); // change event will fired after range has been updated
+
+    squire.addEventListener('input', debounce_default()(function () {
+      if (!_this4.isEditorValid()) {
+        return;
+      }
+
+      if (!_this4._silentChange) {
+        var eventObj = {
+          source: 'wysiwyg'
+        };
+
+        _this4.eventManager.emit('changeFromWysiwyg', eventObj);
+
+        _this4.eventManager.emit('change', eventObj);
+
+        _this4.eventManager.emit('contentChangedFromWysiwyg', _this4);
+      } else {
+        _this4._silentChange = false;
+      }
+
+      _this4.getEditor().preserveLastLine();
+    }, 0));
+    squire.addEventListener('keydown', function (keyboardEvent) {
+      var range = _this4.getEditor().getSelection();
+
+      if (!range.collapsed) {
+        isNeedFirePostProcessForRangeChange = true;
+      }
+
+      _this4.eventManager.emit('keydown', {
+        source: 'wysiwyg',
+        data: keyboardEvent
+      });
+
+      _this4._onKeyDown(keyboardEvent);
+    });
+
+    if (browser_default.a.firefox) {
+      squire.addEventListener('keypress', function (keyboardEvent) {
+        var keyCode = keyboardEvent.keyCode;
+
+        if (keyCode === 13 || keyCode === 9) {
+          var range = _this4.getEditor().getSelection();
+
+          if (!range.collapsed) {
+            isNeedFirePostProcessForRangeChange = true;
+          }
+
+          _this4.eventManager.emit('keydown', {
+            source: 'wysiwyg',
+            data: keyboardEvent
+          });
+
+          _this4._onKeyDown(keyboardEvent);
+        }
+      }); // firefox produces shattered text nodes
+
+      squire.addEventListener('keyup', function () {
+        var range = _this4.getRange();
+
+        if (dom["a" /* default */].isTextNode(range.commonAncestorContainer) && dom["a" /* default */].isTextNode(range.commonAncestorContainer.previousSibling)) {
+          var prevLen = range.commonAncestorContainer.previousSibling.length;
+          var curEl = range.commonAncestorContainer;
+          range.commonAncestorContainer.previousSibling.appendData(range.commonAncestorContainer.data);
+          range.setStart(range.commonAncestorContainer.previousSibling, prevLen + range.startOffset);
+          range.collapse(true);
+          dom["a" /* default */].remove(curEl);
+
+          _this4.setRange(range);
+
+          range.detach();
+        }
+      });
+    }
+
+    squire.addEventListener('keyup', function (keyboardEvent) {
+      if (isNeedFirePostProcessForRangeChange) {
+        _this4.debouncedPostProcessForChange();
+
+        isNeedFirePostProcessForRangeChange = false;
+      }
+
+      _this4.eventManager.emit('keyup', {
+        source: 'wysiwyg',
+        data: keyboardEvent
+      });
+    });
+    on_default()(this.editorContainerEl, 'scroll', function (ev) {
+      _this4.eventManager.emit('scroll', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('click', function (ev) {
+      _this4.eventManager.emit('click', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('mousedown', function (ev) {
+      _this4.eventManager.emit('mousedown', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('mouseover', function (ev) {
+      _this4.eventManager.emit('mouseover', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('mouseout', function (ev) {
+      _this4.eventManager.emit('mouseout', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('mouseup', function (ev) {
+      _this4.eventManager.emit('mouseup', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('contextmenu', function (ev) {
+      _this4.eventManager.emit('contextmenu', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('focus', function () {
+      _this4.eventManager.emit('focus', {
+        source: 'wysiwyg'
+      });
+    });
+    squire.addEventListener('blur', function () {
+      _this4.fixIMERange();
+
+      _this4.eventManager.emit('blur', {
+        source: 'wysiwyg'
+      });
+    }); // Toolbar status active/inactive
+
+    squire.addEventListener('pathChange', function (data) {
+      var state = {
+        strong: /(^B>|>B$|>B>|^B$|STRONG)/.test(data.path),
+        emph: /(>I|>EM|^I$|^EM$)/.test(data.path),
+        strike: /(^S>|>S$|>S>|^S$|DEL)/.test(data.path),
+        code: /CODE/.test(data.path),
+        codeBlock: /PRE/.test(data.path),
+        blockQuote: /BLOCKQUOTE/.test(data.path),
+        table: /TABLE/.test(data.path),
+        heading: /H[1-6]/.test(data.path),
+        list: /UL>LI(?!.task-list-item)/.test(data.path),
+        orderedList: /OL>LI(?!.task-list-item)/.test(data.path),
+        taskList: /[UL|OL]>LI.task-list-item/.test(data.path),
+        source: 'wysiwyg'
+      };
+
+      _this4.eventManager.emit('stateChange', state);
+    });
+    squire.addEventListener('willPaste', function (ev) {
+      // ev has 'fragment' when event occurs from 'insertHTML' of squire
+      // ev has 'text' when event occurs from 'insertPlainText' of squire
+      if (ev.fragment) {
+        _this4.eventManager.emit('willPaste', {
+          source: 'wysiwyg',
+          data: ev
+        });
+      }
+    });
+  };
+
+  _proto._togglePlaceholder = function _togglePlaceholder() {
+    var squire = this.getEditor();
+    squire.modifyDocument(function () {
+      var root = squire.getRoot();
+
+      if (root.textContent || root.childNodes.length > 1) {
+        root.classList.remove(PLACEHOLDER_CSS_CLASSNAME);
+      } else {
+        root.classList.add(PLACEHOLDER_CSS_CLASSNAME);
+      }
+    });
+  }
+  /**
+   * Handler of keydown event
+   * @param {object} keyboardEvent Event object
+   * @private
+   */
+  ;
+
+  _proto._onKeyDown = function _onKeyDown(keyboardEvent) {
+    var keyMap = wysiwygEditor_keyMapper.convert(keyboardEvent); // to avoid duplicate event firing in firefox
+
+    if (keyboardEvent.keyCode) {
+      this.eventManager.emit('keyMap', {
+        source: 'wysiwyg',
+        keyMap: keyMap,
+        data: keyboardEvent
+      });
+
+      if (!keyboardEvent.defaultPrevented) {
+        this.eventManager.emit('wysiwygKeyEvent', {
+          keyMap: keyMap,
+          data: keyboardEvent
+        });
+      }
+    }
+  }
+  /**
+   * Initialize default event handler
+   * @private
+   */
+  ;
+
+  _proto._initDefaultKeyEventHandler = function _initDefaultKeyEventHandler() {
+    var _this5 = this;
+
+    this.addKeyEventHandler('ENTER', function (ev, range) {
+      if (_this5._isInOrphanText(range)) {
+        // We need this cuz input text right after table make orphan text in webkit
+        _this5.defer(function () {
+          _this5._wrapDefaultBlockToOrphanTexts();
+
+          _this5.breakToNewDefaultBlock(range, 'before');
+        });
+      }
+
+      _this5.defer(function () {
+        return _this5.scrollIntoCursor();
+      });
+    });
+    this.addKeyEventHandler('TAB', function (ev) {
+      var sq = _this5.getEditor();
+
+      var range = sq.getSelection();
+
+      var isAbleToInput4Spaces = range.collapsed && _this5._isCursorNotInRestrictedAreaOfTabAction(sq);
+
+      var isTextSelection = !range.collapsed && dom["a" /* default */].isTextNode(range.commonAncestorContainer);
+      ev.preventDefault();
+
+      if (isAbleToInput4Spaces || isTextSelection) {
+        sq.insertPlainText("\xA0\xA0\xA0\xA0");
+        return false;
+      }
+
+      return true;
+    });
+    this.addKeyEventHandler('BACK_SPACE', function (ev, range, keymap) {
+      return _this5._handleRemoveKeyEvent(ev, range, keymap);
+    });
+    this.addKeyEventHandler('DELETE', function (ev, range, keymap) {
+      return _this5._handleRemoveKeyEvent(ev, range, keymap);
+    });
+  };
+
+  _proto._handleRemoveKeyEvent = function _handleRemoveKeyEvent(ev, range, keyMap) {
+    var sq = this.getEditor();
+
+    if (this._isStartHeadingOrTableAndContainsThem(range)) {
+      var keyStr = keyMap === 'BACK_SPACE' ? 'backspace' : 'delete';
+      sq.removeAllFormatting();
+
+      sq._keyHandlers[keyStr](sq, ev, sq.getSelection());
+
+      sq.removeLastUndoStack();
+      return false;
+    }
+
+    return true;
+  };
+
+  _proto._isStartHeadingOrTableAndContainsThem = function _isStartHeadingOrTableAndContainsThem(range) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset,
+        commonAncestorContainer = range.commonAncestorContainer,
+        collapsed = range.collapsed;
+    var root = this.getEditor().getRoot();
+    var result = false;
+
+    if (!collapsed && commonAncestorContainer === root) {
+      if (startContainer === root) {
+        result = FIND_TABLE_AND_HEADING_RX.test(dom["a" /* default */].getChildNodeByOffset(startContainer, startOffset).nodeName);
+      } else if (startOffset === 0) {
+        result = FIND_TABLE_AND_HEADING_RX.test(dom["a" /* default */].getParentUntil(startContainer, root).nodeName);
+      }
+    }
+
+    return result;
+  };
+
+  _proto._wrapDefaultBlockToOrphanTexts = function _wrapDefaultBlockToOrphanTexts() {
+    var textNodes = toArray_default()(this.getBody().childNodes).filter(function (node) {
+      return dom["a" /* default */].isTextNode(node);
+    });
+    dom["a" /* default */].getAllTextNode(this.getBody());
+    textNodes.forEach(function (node) {
+      if (node.nextSibling && node.nextSibling.tagName === 'BR') {
+        dom["a" /* default */].remove(node.nextSibling);
+      }
+
+      dom["a" /* default */].wrap(node, document.createElement('div'));
+    });
+  }
+  /**
+   * check if range is orphan text
+   * @param {Range} range range
+   * @returns {boolean} result
+   * @private
+   */
+  ;
+
+  _proto._isInOrphanText = function _isInOrphanText(range) {
+    return range.startContainer.nodeType === Node.TEXT_NODE && range.startContainer.parentNode === this.getBody();
+  }
+  /**
+   * Wrap default block to passed range
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._wrapDefaultBlockTo = function _wrapDefaultBlockTo(range) {
+    this.saveSelection(range);
+
+    this._joinSplitedTextNodes();
+
+    this.restoreSavedSelection();
+    range = this.getRange();
+    var textElem = range.startContainer;
+    var cursorOffset = range.startOffset; // after code below, range range is arranged by body
+
+    var block = this.getEditor().createDefaultBlock([range.startContainer]); // range for insert block
+
+    var insertTargetNode = dom["a" /* default */].getChildNodeByOffset(range.startContainer, range.startOffset);
+
+    if (insertTargetNode) {
+      range.setStartBefore(insertTargetNode);
+    } else {
+      // only child in container
+      range.selectNodeContents(range.startContainer);
+    }
+
+    range.collapse(true);
+    range.insertNode(block); // revert range to original node
+
+    range.setStart(textElem, cursorOffset);
+    range.collapse(true);
+    this.setRange(range);
+  }
+  /**
+   * Join spliated text nodes
+   * @private
+   */
+  ;
+
+  _proto._joinSplitedTextNodes = function _joinSplitedTextNodes() {
+    var prevNode, lastGroup;
+    var nodesToRemove = [];
+    var textNodes = toArray_default()(this.getBody().childNodes).filter(function (node) {
+      return dom["a" /* default */].isTextNode(node);
+    });
+    textNodes.forEach(function (node) {
+      if (prevNode === node.previousSibling) {
+        lastGroup.nodeValue += node.nodeValue;
+        nodesToRemove.push(node);
+      } else {
+        lastGroup = node;
+      }
+
+      prevNode = node;
+    });
+    dom["a" /* default */].remove(nodesToRemove);
+  }
+  /**
+   * Save current selection before modification
+   * @param {Range} range Range object
+   */
+  ;
+
+  _proto.saveSelection = function saveSelection(range) {
+    if (!range) {
+      range = this.getRange();
+    }
+
+    this.getEditor()._saveRangeToBookmark(range);
+  }
+  /**
+   * set selection by start/end container/offset
+   * @param {HTMLNode} startContainer - start container
+   * @param {Number} startOffset - start offset
+   * @param {HTMLNode} endContainer - end container
+   * @param {Number} endOffset - end offset
+   * @returns {Range} - range instance
+   */
+  ;
+
+  _proto.setSelectionByContainerAndOffset = function setSelectionByContainerAndOffset(startContainer, startOffset, endContainer, endOffset) {
+    var sq = this.getEditor();
+    var range = sq.getSelection();
+    range.setStart(startContainer, startOffset);
+    range.setEnd(endContainer, endOffset);
+    sq.setSelection(range);
+    return range;
+  }
+  /**
+   * Restore saved selection
+   */
+  ;
+
+  _proto.restoreSavedSelection = function restoreSavedSelection() {
+    this.setRange(this.getEditor()._getRangeAndRemoveBookmark());
+  }
+  /**
+   * Reset wysiwyg editor
+   */
+  ;
+
+  _proto.reset = function reset() {
+    this.setValue('');
+  }
+  /**
+   * Change current range block format to passed tag
+   * @param {string} targetTagName Target element tag name
+   */
+  ;
+
+  _proto.changeBlockFormatTo = function changeBlockFormatTo(targetTagName) {
+    this.getEditor().changeBlockFormatTo(targetTagName);
+    this.eventManager.emit('wysiwygRangeChangeAfter', this);
+  }
+  /**
+   * Make empty block to current selection
+   */
+  ;
+
+  _proto.makeEmptyBlockCurrentSelection = function makeEmptyBlockCurrentSelection() {
+    var _this6 = this;
+
+    this.getEditor().modifyBlocks(function (frag) {
+      if (!frag.textContent) {
+        frag = _this6.getEditor().createDefaultBlock();
+      }
+
+      return frag;
+    });
+  }
+  /**
+   * Focus to editor
+   */
+  ;
+
+  _proto.focus = function focus() {
+    var scrollTop = this.scrollTop();
+    this.editor.focus(); // In webkit, if contenteditable element focus method have been invoked when another input element has focus,
+    // contenteditable scroll to top automatically so we need scroll it back
+
+    if (scrollTop !== this.scrollTop()) {
+      this.scrollTop(scrollTop);
+    }
+  }
+  /**
+   * Remove focus of editor
+   */
+  ;
+
+  _proto.blur = function blur() {
+    this.editor.blur();
+  }
+  /**
+   * Remove wysiwyg editor
+   */
+  ;
+
+  _proto.remove = function remove() {
+    off_default()(this.editorContainerEl, 'scroll');
+    this.getEditor().destroy();
+    this.editor = null;
+    this.body = null;
+    this.eventManager = null;
+  }
+  /**
+   * Set editor height
+   * @param {number|string} height pixel of height or "auto"
+   */
+  ;
+
+  _proto.setHeight = function setHeight(height) {
+    this._height = height;
+    css_default()(this.editorContainerEl, {
+      overflow: 'auto',
+      height: '100%'
+    });
+    css_default()(this.editorContainerEl.parentNode, {
+      height: isNumber_default()(height) ? height + "px" : height
+    });
+    var containerStyles = this.editorContainerEl.style;
+    var bodyStyles = this.getBody().style;
+    var paddingHeight = parseInt(containerStyles.paddingTop, 10) - parseInt(containerStyles.paddingBottom, 10);
+    var marginHeight = parseInt(bodyStyles.marginTop, 10) - parseInt(bodyStyles.marginBottom, 10);
+    css_default()(this.getBody(), {
+      minHeight: height - marginHeight - paddingHeight + "px"
+    });
+  }
+  /**
+   * Set min height
+   * @param {number} minHeight - min height in px
+   */
+  ;
+
+  _proto.setMinHeight = function setMinHeight(minHeight) {
+    var editorBody = this.getBody();
+    css_default()(editorBody, 'minHeight', minHeight + "px");
+  }
+  /**
+   * Set the placeholder to wysiwyg editor
+   * @param {string} placeholder - placeholder to set
+   */
+  ;
+
+  _proto.setPlaceholder = function setPlaceholder(placeholder) {
+    if (placeholder) {
+      this.getEditor().getRoot().setAttribute('data-placeholder', placeholder);
+    }
+  }
+  /**
+   * Get attribute of link for wysiwyg
+   * @returns {object} attribute - attribute of anchor tag
+   */
+  ;
+
+  _proto.getLinkAttribute = function getLinkAttribute() {
+    return this._linkAttribute;
+  }
+  /**
+   * Set value to wysiwyg editor
+   * @param {string} html - HTML text
+   * @param {boolean} [cursorToEnd=true] - move cursor to contents end
+   */
+  ;
+
+  _proto.setValue = function setValue(html, cursorToEnd) {
+    if (cursorToEnd === void 0) {
+      cursorToEnd = true;
+    }
+
+    html = this.eventManager.emitReduce('wysiwygSetValueBefore', html);
+    this.editor.setHTML(html);
+    this.eventManager.emit('wysiwygSetValueAfter', this);
+    this.eventManager.emit('contentChangedFromWysiwyg', this);
+
+    if (cursorToEnd) {
+      this.moveCursorToEnd();
+    }
+
+    this.getEditor().preserveLastLine();
+    this.getEditor().removeLastUndoStack();
+    this.getEditor().saveUndoState();
+  }
+  /**
+   * Insert given text to cursor position or selected area
+   * @param {string} text - text string to insert
+   */
+  ;
+
+  _proto.insertText = function insertText(text) {
+    this.editor.insertPlainText(text);
+  }
+  /**
+   * Get value of wysiwyg editor
+   * @returns {string} html
+   */
+  ;
+
+  _proto.getValue = function getValue() {
+    this._prepareGetHTML();
+
+    var html = this.editor.getHTML(); // empty line replace to br
+
+    html = html.replace(FIND_EMPTY_LINE, function (match, tag) {
+      var result; // we maintain empty list
+
+      if (tag === 'li') {
+        result = match; // we maintain empty table
+      } else if (tag === 'td' || tag === 'th') {
+        result = "<" + tag + ">";
+      } else {
+        result = '
    ';
+      }
+
+      return result;
+    }); // replace a space of the first and end in span tag to  .
+
+    html = html.replace(FIND_OPENING_SPAN_WITH_SPACE, ' ');
+    html = html.replace(FIND_CLOSING_SPAN_WITH_SPACE, ' '); // remove unnecessary brs
+
+    html = html.replace(FIND_UNNECESSARY_BR, ''); // remove contenteditable block, in this case div
+
+    html = html.replace(/]*>/g, '');
+    html = html.replace(/<\/div>/g, '
    ');
+    html = this.eventManager.emitReduce('wysiwygProcessHTMLText', html);
+    return html;
+  }
+  /**
+   * Prepare before get html
+   * @private
+   */
+  ;
+
+  _proto._prepareGetHTML = function _prepareGetHTML() {
+    var _this7 = this;
+
+    this.getEditor().modifyDocument(function () {
+      _this7._joinSplitedTextNodes();
+
+      _this7.eventManager.emit('wysiwygGetValueBefore', _this7);
+    });
+  }
+  /**
+   * postProcessForChange
+   */
+  ;
+
+  _proto.postProcessForChange = function postProcessForChange() {
+    var _this8 = this;
+
+    if (!this.isEditorValid()) {
+      return;
+    }
+
+    this.getEditor().modifyDocument(function () {
+      _this8.eventManager.emit('wysiwygRangeChangeAfter', _this8);
+    });
+  }
+  /**
+   * Ready to silent change
+   */
+  ;
+
+  _proto.readySilentChange = function readySilentChange() {
+    if (canObserveMutations && !this.getEditor().isIgnoreChange()) {
+      this._silentChange = true;
+    }
+  }
+  /**
+   * Get squire
+   * @returns {SquireExt} squire
+   */
+  ;
+
+  _proto.getEditor = function getEditor() {
+    return this.editor;
+  }
+  /**
+   * Replace text of passed range
+   * @param {string} content Content for change current selection
+   * @param {Range} range range
+   */
+  ;
+
+  _proto.replaceSelection = function replaceSelection(content, range) {
+    this.getEditor().replaceSelection(content, range);
+  }
+  /**
+   * Replace content by relative offset
+   * @param {string} content Content for change current selection
+   * @param {number} offset Offset of current range
+   * @param {number} overwriteLength Length to overwrite content
+   */
+  ;
+
+  _proto.replaceRelativeOffset = function replaceRelativeOffset(content, offset, overwriteLength) {
+    this.getEditor().replaceRelativeOffset(content, offset, overwriteLength);
+  }
+  /**
+   * Add widget to selection
+   * @param {Range} range Range object
+   * @param {Node} node Widget node
+   * @param {string} style Adding style "over" or "bottom"
+   * @param {number} [offset] Offset to adjust position
+   */
+  ;
+
+  _proto.addWidget = function addWidget(range, node, style, offset) {
+    var pos = this.getEditor().getSelectionPosition(range, style, offset);
+    var editorContainerPos = dom["a" /* default */].getOffset(this.editorContainerEl);
+    this.editorContainerEl.appendChild(node);
+    css_default()(node, {
+      position: 'absolute',
+      top: pos.top - editorContainerPos.top + "px",
+      left: pos.left - editorContainerPos.left + "px"
+    });
+  }
+  /**
+   * Get body container of Squire
+   * @returns {HTMLElement} body element
+   */
+  ;
+
+  _proto.getBody = function getBody() {
+    return this.getEditor().getBody();
+  }
+  /**
+   * Check with given regexp whether current path has some format or not
+   * @param {RegExp} rx Regexp
+   * @returns {boolean} Match result
+   */
+  ;
+
+  _proto.hasFormatWithRx = function hasFormatWithRx(rx) {
+    return this.getEditor().getPath().match(rx);
+  }
+  /**
+   * Break line to new default block from passed range
+   * @param {Range} range Range object
+   * @param {string} [where] "before" or not
+   */
+  ;
+
+  _proto.breakToNewDefaultBlock = function breakToNewDefaultBlock(range, where) {
+    var div = this.editor.createDefaultBlock();
+    var currentNode = dom["a" /* default */].getChildNodeByOffset(range.startContainer, range.startOffset) || dom["a" /* default */].getChildNodeByOffset(range.startContainer, range.startOffset - 1);
+    var appendBefore = dom["a" /* default */].getParentUntil(currentNode, this.getBody());
+
+    if (where === 'before') {
+      dom["a" /* default */].insertBefore(div, appendBefore);
+    } else {
+      dom["a" /* default */].insertAfter(div, appendBefore);
+    }
+
+    range.setStart(div, 0);
+    range.collapse(true);
+    this.setRange(range);
+  }
+  /**
+   * Replace textContet of node
+   * @param {Node} container Container node
+   * @param {string} from Target text to change
+   * @param {string} to Replacement text
+   */
+  ;
+
+  _proto.replaceContentText = function replaceContentText(container, from, to) {
+    var beforeText = container.innerHTML;
+    container.innerHTML = beforeText.replace(from, to);
+  }
+  /**
+   * Unwrap Block tag of current range
+   * @param {function} [condition] iterate with tagName
+   */
+  ;
+
+  _proto.unwrapBlockTag = function unwrapBlockTag(condition) {
+    if (!condition) {
+      condition = function condition(tagName) {
+        return wysiwygEditor_FIND_BLOCK_TAGNAME_RX.test(tagName);
+      };
+    }
+
+    this.getEditor().changeBlockFormat(condition);
+    this.eventManager.emit('wysiwygRangeChangeAfter', this);
+  }
+  /**
+   * move scroll to cursor
+   * scrollIntoView browser function may cause scrolling on document.
+   * this function aims to replace scrollIntoView function to prevent that.
+   * it will move the scroll of squire only.
+   */
+  ;
+
+  _proto.scrollIntoCursor = function scrollIntoCursor() {
+    var scrollTop = this.scrollTop();
+
+    var _this$getEditor$getCu = this.getEditor().getCursorPosition(),
+        cursorTop = _this$getEditor$getCu.top,
+        cursorHeight = _this$getEditor$getCu.height;
+
+    var _this$editorContainer = this.editorContainerEl.getBoundingClientRect(),
+        editorTop = _this$editorContainer.top,
+        editorHeight = _this$editorContainer.height;
+
+    var cursorAboveEditor = cursorTop - editorTop;
+    var cursorBelowEditor = cursorTop + cursorHeight - (editorTop + editorHeight);
+
+    if (cursorAboveEditor < 0) {
+      this.scrollTop(scrollTop + cursorAboveEditor);
+    } else if (cursorBelowEditor > 0) {
+      this.scrollTop(Math.ceil(scrollTop + cursorBelowEditor));
+    }
+  }
+  /**
+   * Set cursor position to end
+   */
+  ;
+
+  _proto.moveCursorToEnd = function moveCursorToEnd() {
+    this.getEditor().moveCursorToEnd();
+    this.scrollIntoCursor();
+
+    this._correctRangeAfterMoveCursor('end');
+  }
+  /**
+   * Set cursor position to start
+   */
+  ;
+
+  _proto.moveCursorToStart = function moveCursorToStart() {
+    this.getEditor().moveCursorToStart();
+    this.scrollTop(0);
+  }
+  /**
+   * Set cursor position to start
+   * @param {number} value Scroll amount
+   * @returns {number} value of scrollTop
+   */
+  ;
+
+  _proto.scrollTop = function scrollTop(value) {
+    if (!isUndefined_default()(value)) {
+      this.editorContainerEl.scrollTop = value;
+    }
+
+    return this.editorContainerEl.scrollTop;
+  }
+  /**
+   * For arrange Range after moveCursorToEnd api invocation. Squire has bug in Firefox, IE.
+   * @param {string} direction Direction of cursor move
+   * @private
+   */
+  ;
+
+  _proto._correctRangeAfterMoveCursor = function _correctRangeAfterMoveCursor(direction) {
+    var range = this.getRange();
+    var cursorContainer = this.getBody();
+
+    if (direction === 'start') {
+      while (cursorContainer.firstChild) {
+        cursorContainer = cursorContainer.firstChild;
+      }
+    } else {
+      while (cursorContainer.lastChild) {
+        cursorContainer = cursorContainer.lastChild;
+      }
+    } // IE have problem with cursor after br
+
+
+    if (cursorContainer.tagName === 'BR') {
+      range.setStartBefore(cursorContainer);
+    } else {
+      range.setStartAfter(cursorContainer);
+    }
+
+    range.collapse(true);
+    this.setRange(range);
+  }
+  /**
+   * Get current Range object
+   * @returns {Range}
+   */
+  ;
+
+  _proto.getRange = function getRange() {
+    return this.getEditor().getSelection().cloneRange();
+  }
+  /**
+   * get IME range
+   * cjk composition causes wrong caret position.
+   * it returns fixed IME composition range
+   * @returns {Range}
+   */
+  ;
+
+  _proto.getIMERange = function getIMERange() {
+    var range;
+    var selection = getSelection();
+
+    if (selection && selection.rangeCount) {
+      range = selection.getRangeAt(0).cloneRange();
+    }
+
+    return range;
+  }
+  /**
+   * get IME range
+   * cjk composition causes wrong caret position.
+   * it sets fixed IME composition range
+   */
+  ;
+
+  _proto.fixIMERange = function fixIMERange() {
+    var range = this.getIMERange(); // range exists and it's an WYSIWYG editor content
+
+    if (range) {
+      var contentElement = dom["a" /* default */].getParentUntil(range.commonAncestorContainer, this.editorContainerEl);
+      var foundEditorElement = !!(contentElement && contentElement.parentNode);
+
+      if (foundEditorElement) {
+        this.setRange(range);
+      }
+    }
+  }
+  /**
+   * set range
+   * @param {Range} range - range to set
+   */
+  ;
+
+  _proto.setRange = function setRange(range) {
+    this.getEditor().setSelection(range);
+  }
+  /**
+   * Check whether passed range is in table or not
+   * @param {Range} range range
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isInTable = function isInTable(range) {
+    var target = range.collapsed ? range.startContainer : range.commonAncestorContainer;
+    return !!dom["a" /* default */].closest(target, '[contenteditable=true] table');
+  }
+  /**
+   * Get text object of current range
+   * @param {Range} range Range object
+   * @returns {WwTextObject}
+   */
+  ;
+
+  _proto.getTextObject = function getTextObject(range) {
+    return new wwTextObject(this, range);
+  };
+
+  _proto.defer = function defer(callback, delayOffset) {
+    var _this9 = this;
+
+    var delay = delayOffset ? delayOffset : 0;
+    setTimeout(function () {
+      if (_this9.isEditorValid()) {
+        callback(_this9);
+      }
+    }, delay);
+  };
+
+  _proto.isEditorValid = function isEditorValid() {
+    return this.getEditor() && dom["a" /* default */].isContain(document.body, this.editorContainerEl);
+  };
+
+  _proto._isCursorNotInRestrictedAreaOfTabAction = function _isCursorNotInRestrictedAreaOfTabAction(editor) {
+    return !editor.hasFormat('li') && !editor.hasFormat('blockquote') && !editor.hasFormat('table');
+  };
+
+  _proto.getSanitizer = function getSanitizer() {
+    return this._sanitizer;
+  }
+  /**
+   * WysiwygEditor factory method
+   * @param {HTMLElement} el Container element for editor
+   * @param {EventManager} eventManager EventManager instance
+   * @param {object} [options={}] - option object
+   * @returns {WysiwygEditor} wysiwygEditor
+   * @ignore
+   */
+  ;
+
+  WysiwygEditor.factory = function factory(el, eventManager, options) {
+    var wwe = new WysiwygEditor(el, eventManager, options);
+    wwe.init();
+    wwe.componentManager.addManager(wwLinkManager_WwLinkManager);
+    wwe.componentManager.addManager(wwListManager);
+    wwe.componentManager.addManager(wwTaskManager);
+    wwe.componentManager.addManager(wwTableSelectionManager);
+    wwe.componentManager.addManager(wwTableManager);
+    wwe.componentManager.addManager(wwHrManager);
+    wwe.componentManager.addManager(wwPManager);
+    wwe.componentManager.addManager(wwHeadingManager);
+    wwe.componentManager.addManager(wwCodeBlockManager);
+    return wwe;
+  };
+
+  return WysiwygEditor;
+}();
+
+/* harmony default export */ var wysiwygEditor = (wysiwygEditor_WysiwygEditor);
+// CONCATENATED MODULE: ./src/js/layout.js
+/**
+ * @fileoverview editor layout
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Editor container template
+ * @type {string}
+ * @ignore
+ */
+
+var containerTmpl = ['
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    '].join('');
+/**
+ * Class Layout
+ * @param {object} options - Option object
+ * @param {EventManager} eventManager - Event manager instance
+ * @ignore
+ */
+
+var layout_Layout = /*#__PURE__*/function () {
+  function Layout(options, eventManager) {
+    this.el = options.el;
+    this.height = options.height;
+    this.type = options.initialEditType;
+    this.eventManager = eventManager;
+    this.init();
+
+    this._initEvent();
+  }
+  /**
+   * Initializer
+   * @protected
+   */
+
+
+  var _proto = Layout.prototype;
+
+  _proto.init = function init() {
+    this._renderLayout();
+
+    this._initMarkdownAndPreviewSection();
+
+    this._initWysiwygSection();
+  }
+  /**
+   * Initialize show and hide event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    this.eventManager.listen('hide', this.hide.bind(this));
+    this.eventManager.listen('show', this.show.bind(this));
+  }
+  /**
+   * Create editor container with template
+   * @private
+   */
+  ;
+
+  _proto._renderLayout = function _renderLayout() {
+    css_default()(this.el, {
+      boxSizing: 'border-box'
+    });
+    this.containerEl = dom["a" /* default */].createElementWith(containerTmpl, this.el);
+  }
+  /**
+   * Switch editor mode to WYSIWYG
+   */
+  ;
+
+  _proto.switchToWYSIWYG = function switchToWYSIWYG() {
+    removeClass_default()(this.containerEl, 'te-md-mode');
+    addClass_default()(this.containerEl, 'te-ww-mode');
+  }
+  /**
+   * Switch editor mode to Markdown
+   */
+  ;
+
+  _proto.switchToMarkdown = function switchToMarkdown() {
+    removeClass_default()(this.containerEl, 'te-ww-mode');
+    addClass_default()(this.containerEl, 'te-md-mode');
+  }
+  /**
+   * Initialize editor to Markdown and set preview section
+   * @private
+   */
+  ;
+
+  _proto._initMarkdownAndPreviewSection = function _initMarkdownAndPreviewSection() {
+    this.mdEditorContainerEl = this.containerEl.querySelector('.te-md-container .te-editor');
+    this.previewEl = this.containerEl.querySelector('.te-md-container .te-preview');
+  }
+  /**
+   * Initialize editor to WYSIWYG
+   * @private
+   */
+  ;
+
+  _proto._initWysiwygSection = function _initWysiwygSection() {
+    this.wwEditorContainerEl = this.containerEl.querySelector('.te-ww-container .te-editor');
+  }
+  /**
+   * Set preview to vertical split style
+   * @private
+   */
+  ;
+
+  _proto._verticalSplitStyle = function _verticalSplitStyle() {
+    var mdContainer = this.containerEl.querySelector('.te-md-container');
+    removeClass_default()(mdContainer, 'te-preview-style-tab');
+    addClass_default()(mdContainer, 'te-preview-style-vertical');
+  }
+  /**
+   * Set tab style preview mode
+   * @private
+   */
+  ;
+
+  _proto._tabStyle = function _tabStyle() {
+    var mdContainer = this.containerEl.querySelector('.te-md-container');
+    removeClass_default()(mdContainer, 'te-preview-style-vertical');
+    addClass_default()(mdContainer, 'te-preview-style-tab');
+  }
+  /**
+   * Toggle preview style between tab and vertical split
+   * @param {string} style Preview style ('tab' or 'vertical')
+   */
+  ;
+
+  _proto.changePreviewStyle = function changePreviewStyle(style) {
+    if (style === 'tab') {
+      this._tabStyle();
+    } else if (style === 'vertical') {
+      this._verticalSplitStyle();
+    }
+  }
+  /**
+   * Hide Editor
+   */
+  ;
+
+  _proto.hide = function hide() {
+    addClass_default()(this.el.querySelector('.tui-editor'), 'te-hide');
+  }
+  /**
+   * Show Editor
+   */
+  ;
+
+  _proto.show = function show() {
+    removeClass_default()(this.el.querySelector('.tui-editor'), 'te-hide');
+  }
+  /**
+   * Remove Editor
+   */
+  ;
+
+  _proto.remove = function remove() {
+    dom["a" /* default */].remove(this.el.querySelector('.tui-editor'));
+  }
+  /**
+   * Get wrapped editor container element
+   * @returns {HTMLElement}
+   */
+  ;
+
+  _proto.getEditorEl = function getEditorEl() {
+    return this.containerEl;
+  }
+  /**
+   * Get wrapped preview element
+   * @returns {HTMLElement}
+   */
+  ;
+
+  _proto.getPreviewEl = function getPreviewEl() {
+    return this.previewEl;
+  }
+  /**
+   * Get wrapped Markdown editor element
+   * @returns {HTMLElement}
+   */
+  ;
+
+  _proto.getMdEditorContainerEl = function getMdEditorContainerEl() {
+    return this.mdEditorContainerEl;
+  }
+  /**
+   * Get wrapped WYSIWYG editor element
+   * @returns {HTMLElement}
+   */
+  ;
+
+  _proto.getWwEditorContainerEl = function getWwEditorContainerEl() {
+    return this.wwEditorContainerEl;
+  };
+
+  return Layout;
+}();
+
+/* harmony default export */ var js_layout = (layout_Layout);
+// EXTERNAL MODULE: ./src/js/eventManager.js
+var js_eventManager = __webpack_require__(36);
+
+// EXTERNAL MODULE: ./src/js/commandManager.js + 1 modules
+var commandManager = __webpack_require__(1);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/array/inArray.js
+var inArray = __webpack_require__(14);
+var inArray_default = /*#__PURE__*/__webpack_require__.n(inArray);
+
+// CONCATENATED MODULE: ./src/js/importManager.js
+/**
+ * @fileoverview Implement Module for managing import external data such as image
+ * @author NHN FE Development Lab 
+ */
+
+
+var URLRegex = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})(\/([^\s]*))?$/g;
+/**
+ * Class ImportManager
+ * @param {EventManager} eventManager - eventManager
+ * @ignore
+ */
+
+var importManager_ImportManager = /*#__PURE__*/function () {
+  function ImportManager(eventManager) {
+    this.eventManager = eventManager;
+
+    this._initEvent();
+
+    this._initDefaultImageImporter();
+  }
+  /**
+   * graceful decode uri component
+   * @param {string} originalURI - string to be decoded
+   * @returns {string} decoded string
+   * @static
+   */
+
+
+  ImportManager.decodeURIGraceful = function decodeURIGraceful(originalURI) {
+    var uris = originalURI.split(' ');
+    var decodedURIs = [];
+    var decodedURI;
+    forEachArray_default()(uris, function (uri) {
+      try {
+        decodedURI = decodeURIComponent(uri);
+        decodedURI = decodedURI.replace(/ /g, '%20');
+      } catch (e) {
+        decodedURI = uri;
+      }
+
+      return decodedURIs.push(decodedURI);
+    });
+    return decodedURIs.join(' ');
+  }
+  /**
+   * encode markdown critical characters
+   * @param {string} text - string to encode
+   * @returns {string} - markdown character encoded string
+   * @static
+   */
+  ;
+
+  ImportManager.encodeMarkdownCharacters = function encodeMarkdownCharacters(text) {
+    return text.replace(/\(/g, '%28').replace(/\)/g, '%29').replace(/\[/g, '%5B').replace(/\]/g, '%5D').replace(//g, '%3E');
+  }
+  /**
+   * escape markdown critical characters
+   * @param {string} text - string to escape
+   * @returns {string} - markdown character escaped string
+   * @static
+   */
+  ;
+
+  ImportManager.escapeMarkdownCharacters = function escapeMarkdownCharacters(text) {
+    return text.replace(/\(/g, '\\(').replace(/\)/g, '\\)').replace(/\[/g, '\\[').replace(/\]/g, '\\]').replace(//g, '\\>');
+  }
+  /**
+   * Initialize event handler
+   * @private
+   */
+  ;
+
+  var _proto = ImportManager.prototype;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('drop', function (ev) {
+      var items = ev.data.dataTransfer && ev.data.dataTransfer.files;
+
+      _this._processBlobItems(items, ev.data);
+    });
+    this.eventManager.listen('willPaste', function (ev) {
+      // IE has no interface to handle clipboard image. #976
+      var fragment = ev.data.fragment;
+      var descendant = fragment.querySelectorAll('*'); // only if paste event data has one img element and the element has base64 encoded image
+
+      if (descendant.length !== 1 || descendant[0].tagName !== 'IMG' || !/^data:image/.test(descendant[0].src)) {
+        return;
+      }
+
+      ev.data.preventDefault();
+      var blob = dataURItoBlob(descendant[0].src);
+
+      _this._emitAddImageBlobHook(blob, 'paste');
+    });
+    this.eventManager.listen('paste', function (ev) {
+      _this._processClipboard(ev.data);
+    });
+    this.eventManager.listen('pasteBefore', function (ev) {
+      _this._decodeURL(ev);
+    });
+  }
+  /**
+   * Initialize default image importer
+   * @private
+   */
+  ;
+
+  _proto._initDefaultImageImporter = function _initDefaultImageImporter() {
+    this.eventManager.listen('addImageBlobHook', function (blob, callback) {
+      var reader = new FileReader();
+
+      reader.onload = function (event) {
+        callback(event.target.result);
+      };
+
+      reader.readAsDataURL(blob);
+    });
+  }
+  /**
+   * Emit add image blob hook
+   * @param {object} blob - blob or file
+   * @param {string} type - type of an event the item belongs to. paste or drop
+   * @private
+   */
+  ;
+
+  _proto._emitAddImageBlobHook = function _emitAddImageBlobHook(blob, type) {
+    var _this2 = this;
+
+    this.eventManager.emit('addImageBlobHook', blob, function (imageUrl, altText) {
+      _this2.eventManager.emit('command', 'AddImage', {
+        imageUrl: imageUrl,
+        altText: altText || blob.name || 'image'
+      });
+    }, type);
+  }
+  /**
+   * Decode url when paste link
+   * @param {object} ev - event object
+   * @private
+   */
+  ;
+
+  _proto._decodeURL = function _decodeURL(ev) {
+    var decodeURIGraceful = ImportManager.decodeURIGraceful,
+        encodeMarkdownCharacters = ImportManager.encodeMarkdownCharacters;
+
+    if (ev.source === 'markdown' && ev.data.text) {
+      var texts = ev.data.text;
+      var text = texts[0];
+
+      if (texts.length === 1 && text.match(URLRegex)) {
+        text = decodeURIGraceful(text);
+        text = encodeMarkdownCharacters(text);
+        ev.data.update(null, null, [text]);
+      }
+    } else if (ev.source === 'wysiwyg') {
+      var container = ev.clipboardContainer;
+      var _container$childNodes = container.childNodes,
+          firstChild = _container$childNodes[0];
+      var _text = firstChild.innerText;
+
+      if (container.childNodes.length === 1 && firstChild.tagName === 'A' && _text.match(URLRegex)) {
+        firstChild.innerText = decodeURIGraceful(_text);
+        firstChild.href = encodeMarkdownCharacters(firstChild.href);
+      }
+    }
+  }
+  /**
+   * Get blob or excel data from clipboard
+   * @param {object} evData Clipboard data
+   * @private
+   */
+  ;
+
+  _proto._processClipboard = function _processClipboard(evData) {
+    var cbData = evData.clipboardData || window.clipboardData;
+    var blobItems = cbData && cbData.items;
+    var types = cbData.types;
+
+    if (blobItems && types && types.length === 1 && inArray_default()('Files', [].slice.call(types)) !== -1) {
+      this._processBlobItems(blobItems, evData);
+    }
+  }
+  /**
+   * Process for blob item
+   * @param {Array.} items Item array
+   * @param {object} evData Event data
+   * @private
+   */
+  ;
+
+  _proto._processBlobItems = function _processBlobItems(items, evData) {
+    var _this3 = this;
+
+    if (items) {
+      forEachArray_default()(items, function (item) {
+        if (item.type.indexOf('image') !== -1) {
+          evData.preventDefault();
+          evData.stopPropagation();
+          evData.codemirrorIgnore = true;
+          var blob = item.name ? item : item.getAsFile(); // Blob or File
+
+          _this3._emitAddImageBlobHook(blob, evData.type);
+
+          return false;
+        }
+
+        return true;
+      });
+    }
+  };
+
+  return ImportManager;
+}();
+/**
+ * data URI to Blob
+ * @param {string} dataURI - data URI string
+ * @returns {Blob} - blob data
+ * @ignore
+ */
+
+
+function dataURItoBlob(dataURI) {
+  var byteString = atob(dataURI.split(',')[1]);
+  var ab = new ArrayBuffer(byteString.length);
+  var ia = new Uint8Array(ab);
+
+  for (var i = 0; i < byteString.length; i += 1) {
+    ia[i] = byteString.charCodeAt(i);
+  }
+
+  var _dataURI$split = dataURI.split(','),
+      mimeString = _dataURI$split[0];
+
+  var blob = new Blob([ab], {
+    type: mimeString.split(':')[1].split(';')[0]
+  });
+  return blob;
+}
+
+/* harmony default export */ var importManager = (importManager_ImportManager);
+// EXTERNAL MODULE: ./src/js/convertor.js
+var convertor = __webpack_require__(37);
+
+// EXTERNAL MODULE: ./src/js/viewer.js
+var viewer = __webpack_require__(46);
+
+// EXTERNAL MODULE: ./src/js/utils/map.js
+var map = __webpack_require__(23);
+
+// CONCATENATED MODULE: ./src/js/i18n.js
+/**
+ * @fileoverview Implements i18n
+ * @author NHN FE Development Lab 
+ */
+
+
+var DEFAULT_CODE = 'en-US';
+/**
+ * Class I18n
+ * @ignore
+ */
+
+var i18n_I18n = /*#__PURE__*/function () {
+  function I18n() {
+    this._code = DEFAULT_CODE;
+    this._langs = new map["a" /* default */]();
+  }
+  /**
+   * Set locale code
+   * @param {string} code locale code
+   */
+
+
+  var _proto = I18n.prototype;
+
+  _proto.setCode = function setCode(code) {
+    this._code = code;
+  }
+  /**
+   * Set language set
+   * @param {string|string[]} codes locale code
+   * @param {object} data language set
+   */
+  ;
+
+  _proto.setLanguage = function setLanguage(codes, data) {
+    var _this = this;
+
+    codes = [].concat(codes);
+    codes.forEach(function (code) {
+      if (!_this._langs.has(code)) {
+        _this._langs.set(code, data);
+      } else {
+        var langData = _this._langs.get(code);
+
+        _this._langs.set(code, extend_default()(langData, data));
+      }
+    });
+  }
+  /**
+   * Get text of key
+   * @param {string} key key of text
+   * @param {string} code locale code
+   * @returns {string}
+   */
+  ;
+
+  _proto.get = function get(key, code) {
+    if (!code) {
+      code = this._code;
+    }
+
+    var langSet = this._langs.get(code);
+
+    if (!langSet) {
+      langSet = this._langs.get(DEFAULT_CODE);
+    }
+
+    var text = langSet[key];
+
+    if (!text) {
+      throw new Error("There is no text key \"" + key + "\" in " + code);
+    }
+
+    return text;
+  };
+
+  return I18n;
+}();
+
+
+/* harmony default export */ var i18n = (new i18n_I18n());
+// EXTERNAL MODULE: ./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
+var ResizeObserver_es = __webpack_require__(57);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isString.js
+var isString = __webpack_require__(9);
+var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isObject.js
+var isObject = __webpack_require__(54);
+var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/customEvents/customEvents.js
+var customEvents = __webpack_require__(58);
+var customEvents_default = /*#__PURE__*/__webpack_require__.n(customEvents);
+
+// CONCATENATED MODULE: ./src/js/ui/uicontroller.js
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements ui controller
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+var DOM_EVENTS = ['click', 'mousedown', 'mousemove', 'mouseup', 'mouseover', 'mouseout', 'scroll'];
+
+var _uiInstanceId = -1;
+/**
+ * get ui instance id
+ * @returns {number} - new instance id
+ * @ignore
+ */
+
+
+function makeUIInstanceId() {
+  _uiInstanceId += 1;
+  return _uiInstanceId;
+}
+/**
+ * Class UIController
+ * @param {Object} [options] - options
+ *     @param {HTMLElement} [options.rootElement] - root element
+ *     @param {string} [options.tagName] - tag name
+ *     @param {string} [options.className] - class name
+ */
+
+
+var uicontroller_UIController = /*#__PURE__*/function () {
+  /**
+   * tag name
+   * @type {string}
+   */
+
+  /**
+   * ui controller class name
+   * @type {string}
+   */
+
+  /**
+   * UI element
+   * @type {Object}
+   */
+
+  /**
+   * UI Id
+   * @type {number}
+   * @private
+   */
+  function UIController(options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    _defineProperty(this, "tagName", void 0);
+
+    _defineProperty(this, "className", void 0);
+
+    _defineProperty(this, "el", void 0);
+
+    _defineProperty(this, "_id", void 0);
+
+    options = extend_default()({
+      tagName: 'div'
+    }, options);
+    this.tagName = options.tagName;
+    this.className = options.className;
+    this._id = makeUIInstanceId();
+    this.customEventManager = new customEvents_default.a();
+
+    this._setRootElement(options.rootElement);
+  }
+  /**
+   * @param {string|object} aType - event name and selector string
+   * @param {function} aFn - event handler
+   */
+
+
+  var _proto = UIController.prototype;
+
+  _proto.on = function on(aType, aFn) {
+    var _this = this;
+
+    if (isObject_default()(aType)) {
+      forEachOwnProperties_default()(aType, function (fn, type) {
+        _this._addEvent(type, fn);
+      });
+    } else {
+      this._addEvent(aType, aFn);
+    }
+  };
+
+  _proto._bindDomEvent = function _bindDomEvent(event, selector, fn) {
+    if (selector) {
+      dom["a" /* default */].findAll(this.el, selector).forEach(function (el) {
+        on_default()(el, event, fn);
+      });
+    } else {
+      on_default()(this.el, event, fn);
+    }
+  }
+  /**
+   * bind event
+   * @param {string} type - event name and selector
+   * @param {function} fn - handler function
+   * @private
+   */
+  ;
+
+  _proto._addEvent = function _addEvent(type, fn) {
+    var _this$_parseEventType = this._parseEventType(type),
+        event = _this$_parseEventType.event,
+        selector = _this$_parseEventType.selector;
+
+    if (inArray_default()(event, DOM_EVENTS) > -1) {
+      this._bindDomEvent(event, selector, fn);
+    } else {
+      this.customEventManager.on(event, fn);
+    }
+  };
+
+  _proto._unbindDomEvent = function _unbindDomEvent(event, selector, fn) {
+    if (selector) {
+      dom["a" /* default */].findAll(this.el, selector).forEach(function (el) {
+        off_default()(el, event, fn);
+      });
+    } else {
+      off_default()(this.el, event, fn);
+    }
+  }
+  /**
+   * unbind event handler
+   * @param {string} type - event name and selector
+   * @param {function} fn - handler function
+   */
+  ;
+
+  _proto.off = function off(type, fn) {
+    var _this$_parseEventType2 = this._parseEventType(type),
+        event = _this$_parseEventType2.event,
+        selector = _this$_parseEventType2.selector;
+
+    if (inArray_default()(event, DOM_EVENTS) > -1) {
+      this._unbindDomEvent(event, selector, fn);
+    } else {
+      this.customEventManager.off(event, fn);
+    }
+  }
+  /**
+   * parse string into event name & selector
+   * 'click td' => ['click', 'td']
+   * @param {string} type - string to be parsed
+   * @returns {Object} event, selector
+   * @private
+   */
+  ;
+
+  _proto._parseEventType = function _parseEventType(type) {
+    var splitType = type.split(' ');
+    var event = splitType.shift();
+    var selector = splitType.join(' ');
+    return {
+      event: event,
+      selector: selector
+    };
+  }
+  /**
+   * set root element
+   * @param {HTMLElement} el - root element
+   * @private
+   */
+  ;
+
+  _proto._setRootElement = function _setRootElement(el) {
+    if (!el) {
+      var tagName = this.tagName;
+      el = document.createElement(tagName);
+      el.className = this.className || "uic" + this._id;
+    }
+
+    this.el = el;
+  }
+  /**
+   * trigger event
+   * @param {string} eventName - event name
+   * @param {*} eventData - event data
+   */
+  ;
+
+  _proto.trigger = function trigger(eventName, eventData) {
+    this.customEventManager.fire(eventName, eventData);
+  }
+  /**
+   * remove
+   */
+  ;
+
+  _proto.remove = function remove() {
+    if (this.el) {
+      dom["a" /* default */].remove(this.el);
+    }
+  }
+  /**
+   * destroy
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    var _this2 = this;
+
+    this.remove();
+    forEachOwnProperties_default()(this, function (value, key) {
+      _this2[key] = null;
+    });
+  };
+
+  return UIController;
+}();
+
+/* harmony default export */ var uicontroller = (uicontroller_UIController);
+// CONCATENATED MODULE: ./src/js/ui/toolbarItem.js
+function toolbarItem_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function toolbarItem_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements Toolbar Item
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Class ToolbarItem
+ * @param {Object} [options={name: 'toolbar-item'}] [description]
+ */
+
+var toolbarItem_ToolbarItem = /*#__PURE__*/function (_UIController) {
+  toolbarItem_inheritsLoose(ToolbarItem, _UIController);
+
+  /**
+   * item name
+   * @type {String}
+   * @static
+   * @private
+   */
+
+  /**
+   * toolbar item class name
+   * @type {String}
+   * @static
+   * @private
+   */
+  function ToolbarItem(options) {
+    var _this;
+
+    if (options === void 0) {
+      options = {
+        name: ToolbarItem.name
+      };
+    }
+
+    _this = _UIController.call(this, extend_default()({
+      className: ToolbarItem.className
+    }, options)) || this;
+    _this._name = options.name;
+    return _this;
+  }
+  /**
+   * get the name of the toolbar item
+   * @returns {string} - the name of the toolbar item
+   */
+
+
+  var _proto = ToolbarItem.prototype;
+
+  _proto.getName = function getName() {
+    return this._name;
+  };
+
+  return ToolbarItem;
+}(uicontroller);
+
+toolbarItem_defineProperty(toolbarItem_ToolbarItem, "name", 'item');
+
+toolbarItem_defineProperty(toolbarItem_ToolbarItem, "className", 'tui-toolbar-item');
+
+/* harmony default export */ var ui_toolbarItem = (toolbarItem_ToolbarItem);
+// CONCATENATED MODULE: ./src/js/ui/tooltip.js
+/**
+ * @fileoverview Implements tooltip
+ * @author NHN FE Development Lab 
+ */
+
+
+var TOOLTIP_CONTENT = '
    ';
+var TOOLTIP_TOP_INDENT = 7;
+/**
+ * Class Tooltip
+ * @ignore
+ */
+
+var tooltip_Tooltip = /*#__PURE__*/function () {
+  function Tooltip() {
+    this.el = dom["a" /* default */].createElementWith("
    " + TOOLTIP_CONTENT + "
    ");
+    document.body.appendChild(this.el);
+    this.hide();
+  }
+  /**
+   * show tooltop
+   * @param {HTMLElement} target - target element to bind
+   * @param {String} text - text to show
+   */
+
+
+  var _proto = Tooltip.prototype;
+
+  _proto.show = function show(target, text) {
+    var targetRect = target.getBoundingClientRect();
+    var left = targetRect.left + window.pageXOffset;
+    var top = targetRect.top + window.pageYOffset;
+    css_default()(this.el, {
+      top: top + target.clientHeight + TOOLTIP_TOP_INDENT + "px",
+      left: left + 3 + "px"
+    });
+    this.el.querySelector('.text').innerHTML = text;
+    css_default()(this.el, {
+      display: 'block'
+    });
+  };
+
+  _proto.hide = function hide() {
+    css_default()(this.el, {
+      display: 'none'
+    });
+  };
+
+  _proto.remove = function remove() {
+    dom["a" /* default */].remove(this.el);
+  };
+
+  return Tooltip;
+}();
+
+/* harmony default export */ var tooltip = (new tooltip_Tooltip());
+// CONCATENATED MODULE: ./src/js/ui/toolbarButton.js
+function toolbarButton_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function toolbarButton_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function toolbarButton_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements UI ToolbarButton
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * @typedef {object} toolbarItemsValue
+ * @property {string} type - type of toolbar item (default value is 'button')
+ * @property {toolbarButtonOptions} options - options of toolbar item
+ */
+
+/**
+ * @typedef {object} toolbarButtonOptions
+ * @property {HTMLElement} el - target element
+ * @property {string} className - button's class name
+ * @property {string} command - command name to execute on click
+ * @property {string} event - event name to trigger on click
+ * @property {string} text - text on button
+ * @property {string} tooltip - text on tooltip
+ * @property {string} style - button's style
+ * @property {string} state - button's state
+ */
+
+/**
+ * Class ToolbarButton UI
+ * @param {toolbarButtonOptions} options - button options
+ * @ignore
+ */
+
+var toolbarButton_ToolbarButton = /*#__PURE__*/function (_ToolbarItem) {
+  toolbarButton_inheritsLoose(ToolbarButton, _ToolbarItem);
+
+  /**
+   * item name
+   * @type {String}
+   * @static
+   */
+
+  /**
+   * ToolbarItem className
+   * @type {String}
+   * @static
+   */
+  function ToolbarButton(options) {
+    var _this;
+
+    if (options === void 0) {
+      options = {
+        tagName: 'button',
+        name: ToolbarButton.name
+      };
+    }
+
+    _this = _ToolbarItem.call(this, {
+      name: options.name,
+      tagName: 'button',
+      className: options.className + " " + ToolbarButton.className,
+      rootElement: options.el
+    }) || this;
+
+    _this._setOptions(options);
+
+    _this._render();
+
+    _this.on('click', _this._onClick.bind(toolbarButton_assertThisInitialized(_this)));
+
+    if (options.tooltip) {
+      _this.on('mouseover', _this._onOver.bind(toolbarButton_assertThisInitialized(_this)));
+
+      _this.on('mouseout', _this._onOut.bind(toolbarButton_assertThisInitialized(_this)));
+    }
+
+    return _this;
+  }
+  /**
+   * set tooltip text
+   * @param {string} text - tooltip text to show
+   */
+
+
+  var _proto = ToolbarButton.prototype;
+
+  _proto.setTooltip = function setTooltip(text) {
+    this._tooltip = text;
+  };
+
+  _proto._setOptions = function _setOptions(options) {
+    this._command = options.command;
+    this._event = options.event;
+    this._text = options.text;
+    this._tooltip = options.tooltip;
+    this._style = options.style;
+    this._state = options.state;
+  };
+
+  _proto._render = function _render() {
+    var text = document.createTextNode(this._text || '');
+    this.el.appendChild(text);
+    this.el.setAttribute('type', 'button');
+
+    if (this._style) {
+      this.el.setAttribute('style', this._style);
+    }
+  };
+
+  _proto._onClick = function _onClick() {
+    if (!this.isEnabled()) {
+      return;
+    }
+
+    if (this._command) {
+      this.trigger('command', this._command);
+    } else if (this._event) {
+      this.trigger('event', this._event);
+    }
+
+    this.trigger('clicked');
+  };
+
+  _proto._onOver = function _onOver() {
+    if (!this.isEnabled()) {
+      return;
+    }
+
+    tooltip.show(this.el, this._tooltip);
+  };
+
+  _proto._onOut = function _onOut() {
+    tooltip.hide();
+  }
+  /**
+   * enable button
+   */
+  ;
+
+  _proto.enable = function enable() {
+    this.el.disabled = false;
+  }
+  /**
+   * disable button
+   */
+  ;
+
+  _proto.disable = function disable() {
+    this.el.disabled = true;
+  }
+  /**
+   * check whether this button is enabled
+   * @returns {Boolean} - true for enabled
+   */
+  ;
+
+  _proto.isEnabled = function isEnabled() {
+    return !this.el.disabled;
+  };
+
+  return ToolbarButton;
+}(ui_toolbarItem);
+
+toolbarButton_defineProperty(toolbarButton_ToolbarButton, "name", 'button');
+
+toolbarButton_defineProperty(toolbarButton_ToolbarButton, "className", 'tui-toolbar-icons');
+
+/* harmony default export */ var toolbarButton = (toolbarButton_ToolbarButton);
+// CONCATENATED MODULE: ./src/js/ui/toolbarDivider.js
+function toolbarDivider_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function toolbarDivider_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements Toolbar Divider
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class ToolbarDivider
+ * @ignore
+ */
+
+var ToolbarDivider = /*#__PURE__*/function (_ToolbarItem) {
+  toolbarDivider_inheritsLoose(ToolbarDivider, _ToolbarItem);
+
+  /**
+   * item name
+   * @type {String}
+   * @static
+   */
+
+  /**
+   * item class name
+   * @type {String}
+   * @static
+   */
+  function ToolbarDivider() {
+    return _ToolbarItem.call(this, {
+      name: ToolbarDivider.name,
+      tagName: 'div',
+      className: ToolbarDivider.className
+    }) || this;
+  }
+
+  return ToolbarDivider;
+}(ui_toolbarItem);
+
+toolbarDivider_defineProperty(ToolbarDivider, "name", 'divider');
+
+toolbarDivider_defineProperty(ToolbarDivider, "className", 'tui-toolbar-divider');
+
+/* harmony default export */ var toolbarDivider = (ToolbarDivider);
+// CONCATENATED MODULE: ./src/js/ui/toolbarItemFactory.js
+/**
+ * @fileoverview Implements Toolbar Item Factory
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Toolbar Item Factory
+ * @ignore
+ */
+
+var toolbarItemFactory_ToolbarItemFactory = /*#__PURE__*/function () {
+  function ToolbarItemFactory() {}
+
+  /**
+   * create toolbar item instance
+   * @param {string} name - toolbar item name
+   * @param {object} [options] - options to the constructor
+   * @return {ToolbarItem} - created toolbar item instance
+   * @static
+   */
+
+  /* eslint-disable complexity */
+  ToolbarItemFactory.create = function create(name, options) {
+    var toolbarItem;
+
+    switch (name) {
+      case 'heading':
+        toolbarItem = new toolbarButton({
+          name: 'heading',
+          className: 'tui-heading',
+          event: 'openHeadingSelect',
+          tooltip: i18n.get('Headings'),
+          state: 'heading'
+        });
+        break;
+
+      case 'bold':
+        toolbarItem = new toolbarButton({
+          name: 'bold',
+          className: 'tui-bold',
+          command: 'Bold',
+          tooltip: i18n.get('Bold'),
+          state: 'strong'
+        });
+        break;
+
+      case 'italic':
+        toolbarItem = new toolbarButton({
+          name: 'italic',
+          className: 'tui-italic',
+          command: 'Italic',
+          tooltip: i18n.get('Italic'),
+          state: 'emph'
+        });
+        break;
+
+      case 'strike':
+        toolbarItem = new toolbarButton({
+          name: 'strike',
+          className: 'tui-strike',
+          command: 'Strike',
+          tooltip: i18n.get('Strike'),
+          state: 'strike'
+        });
+        break;
+
+      case 'hr':
+        toolbarItem = new toolbarButton({
+          name: 'hr',
+          className: 'tui-hrline',
+          command: 'HR',
+          tooltip: i18n.get('Line'),
+          state: 'thematicBreak'
+        });
+        break;
+
+      case 'quote':
+        toolbarItem = new toolbarButton({
+          name: 'quote',
+          className: 'tui-quote',
+          command: 'Blockquote',
+          tooltip: i18n.get('Blockquote'),
+          state: 'blockQuote'
+        });
+        break;
+
+      case 'ul':
+        toolbarItem = new toolbarButton({
+          name: 'ul',
+          className: 'tui-ul',
+          command: 'UL',
+          tooltip: i18n.get('Unordered list'),
+          state: 'list'
+        });
+        break;
+
+      case 'ol':
+        toolbarItem = new toolbarButton({
+          name: 'ol',
+          className: 'tui-ol',
+          command: 'OL',
+          tooltip: i18n.get('Ordered list'),
+          state: 'orderedList'
+        });
+        break;
+
+      case 'task':
+        toolbarItem = new toolbarButton({
+          name: 'task',
+          className: 'tui-task',
+          command: 'Task',
+          tooltip: i18n.get('Task'),
+          state: 'taskList'
+        });
+        break;
+
+      case 'table':
+        toolbarItem = new toolbarButton({
+          name: 'table',
+          className: 'tui-table',
+          event: 'openPopupAddTable',
+          tooltip: i18n.get('Insert table'),
+          state: 'table'
+        });
+        break;
+
+      case 'image':
+        toolbarItem = new toolbarButton({
+          name: 'image',
+          className: 'tui-image',
+          event: 'openPopupAddImage',
+          tooltip: i18n.get('Insert image'),
+          state: ''
+        });
+        break;
+
+      case 'link':
+        toolbarItem = new toolbarButton({
+          name: 'link',
+          className: 'tui-link',
+          event: 'openPopupAddLink',
+          tooltip: i18n.get('Insert link')
+        });
+        break;
+
+      case 'code':
+        toolbarItem = new toolbarButton({
+          name: 'code',
+          className: 'tui-code',
+          command: 'Code',
+          tooltip: i18n.get('Code'),
+          state: 'code'
+        });
+        break;
+
+      case 'codeblock':
+        toolbarItem = new toolbarButton({
+          name: 'codeblock',
+          className: 'tui-codeblock',
+          command: 'CodeBlock',
+          tooltip: i18n.get('Insert CodeBlock'),
+          state: 'codeBlock'
+        });
+        break;
+
+      case 'indent':
+        toolbarItem = new toolbarButton({
+          name: 'indent',
+          className: 'tui-indent',
+          command: 'Indent',
+          tooltip: i18n.get('Indent')
+        });
+        break;
+
+      case 'outdent':
+        toolbarItem = new toolbarButton({
+          name: 'outdent',
+          className: 'tui-outdent',
+          command: 'Outdent',
+          tooltip: i18n.get('Outdent')
+        });
+        break;
+
+      case 'divider':
+        toolbarItem = new toolbarDivider();
+        break;
+
+      case 'button':
+        toolbarItem = new toolbarButton(options);
+        break;
+
+      case 'item':
+      default:
+        toolbarItem = new ui_toolbarItem(options);
+    }
+
+    return toolbarItem;
+  }
+  /* eslint-enable complexity */
+  ;
+
+  return ToolbarItemFactory;
+}();
+
+/* harmony default export */ var toolbarItemFactory = (toolbarItemFactory_ToolbarItemFactory);
+// CONCATENATED MODULE: ./src/js/ui/toolbar.js
+function toolbar_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function toolbar_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function toolbar_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements toolbar
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+/**
+ * Class Toolbar
+ * @param {EventManager} eventManager - event manager
+ * @param {ToolbarItem[]} [items=[]] - toolbar items
+ */
+
+var toolbar_Toolbar = /*#__PURE__*/function (_UIController) {
+  toolbar_inheritsLoose(Toolbar, _UIController);
+
+  /**
+   * items
+   * @type {Array}
+   * @private
+   */
+
+  /**
+   * event manager
+   * @type {EventManager}
+   * @private
+   */
+  function Toolbar(eventManager, items) {
+    var _this;
+
+    if (items === void 0) {
+      items = [];
+    }
+
+    _this = _UIController.call(this, {
+      tagName: 'div',
+      className: 'tui-editor-defaultUI-toolbar'
+    }) || this;
+
+    toolbar_defineProperty(toolbar_assertThisInitialized(_this), "_items", []);
+
+    toolbar_defineProperty(toolbar_assertThisInitialized(_this), "_eventManager", void 0);
+
+    _this._eventManager = eventManager;
+
+    _this.setItems(items);
+
+    _this._initEvent(eventManager);
+
+    return _this;
+  }
+  /**
+   * init event
+   * @param  {EventManager} eventManager - event manager
+   * @private
+   * @override
+   */
+
+
+  var _proto = Toolbar.prototype;
+
+  _proto._initEvent = function _initEvent(eventManager) {
+    var _this2 = this;
+
+    eventManager.listen('stateChange', function (ev) {
+      _this2._items.forEach(function (item) {
+        if (item._state) {
+          dom["a" /* default */].toggleClass(item.el, 'active', !!ev[item._state]);
+        }
+      });
+    });
+    eventManager.listen('changePreviewTabPreview', function () {
+      return _this2.disableAllButton();
+    });
+    eventManager.listen('changePreviewTabWrite', function () {
+      return _this2.enableAllButton();
+    });
+    eventManager.listen('changeMode', function () {
+      return _this2.enableAllButton();
+    });
+  }
+  /**
+   * disable all toolbar button
+   */
+  ;
+
+  _proto.disableAllButton = function disableAllButton() {
+    this._items.forEach(function (item) {
+      if (item instanceof toolbarButton) {
+        item.disable();
+      }
+    });
+  }
+  /**
+   * enable all toolbar button
+   */
+  ;
+
+  _proto.enableAllButton = function enableAllButton() {
+    this._items.forEach(function (item) {
+      if (item instanceof toolbarButton) {
+        item.enable();
+      }
+    });
+  }
+  /**
+   * get toolbar items
+   * @returns {ToolbarItem[]} - toolbar items
+   */
+  ;
+
+  _proto.getItems = function getItems() {
+    return this._items.slice(0);
+  }
+  /**
+   * get toolbar item at given index
+   * @param  {number} index - item index
+   * @returns {ToolbarItem} - toolbar item at the index
+   */
+  ;
+
+  _proto.getItem = function getItem(index) {
+    return this._items[index];
+  }
+  /**
+   * set toolbar items
+   * @param {ToolbarItem[]} items - toolbar items
+   */
+  ;
+
+  _proto.setItems = function setItems(items) {
+    this.removeAllItems();
+    items.forEach(this.addItem.bind(this));
+  }
+  /**
+   * add toolbar item
+   * @param {ToolbarItem|string|object} item - toolbar item
+   */
+  ;
+
+  _proto.addItem = function addItem(item) {
+    this.insertItem(this._items.length, item);
+  }
+  /**
+   * insert toolbar item
+   * @param  {number} index - index at given item inserted
+   * @param  {ToolbarItem|string|object} item - toolbar item
+   */
+  ;
+
+  _proto.insertItem = function insertItem(index, item) {
+    var _this3 = this;
+
+    if (isString_default()(item)) {
+      item = toolbarItemFactory.create(item);
+    } else if (isString_default()(item.type)) {
+      item = toolbarItemFactory.create(item.type, item.options);
+    }
+
+    var children = this.el.children;
+
+    if (index >= 0 && index < children.length) {
+      dom["a" /* default */].insertBefore(item.el, children[index]);
+
+      this._items.splice(index, 0, item);
+    } else {
+      this.el.appendChild(item.el);
+
+      this._items.push(item);
+    }
+
+    item.onCommandHandler = function (commandName) {
+      return _this3._eventManager.emit('command', commandName);
+    };
+
+    item.onEventHandler = function (eventName) {
+      return _this3._eventManager.emit(eventName);
+    };
+
+    item.on('command', item.onCommandHandler);
+    item.on('event', item.onEventHandler);
+  }
+  /**
+   * get index of given item
+   * @param  {ToolbarItem} item - toolbar item
+   * @returns {number} - index of given toolbar item
+   */
+  ;
+
+  _proto.indexOfItem = function indexOfItem(item) {
+    var index;
+
+    if (item instanceof ui_toolbarItem) {
+      index = this._items.indexOf(item);
+    } else if (isString_default()(item)) {
+      var itemName = item;
+      index = this._items.map(function (itemToTest) {
+        return itemToTest.getName();
+      }).indexOf(itemName);
+    }
+
+    return index;
+  }
+  /**
+   * remove an item
+   * @param  {ToolbarItem|number} item - an toolbar item or index of the item to remove
+   * @param  {boolean} destroy - destroy item or not
+   * @returns {ToolbarItem|undefined} - removed item
+   */
+  ;
+
+  _proto.removeItem = function removeItem(item, destroy) {
+    if (destroy === void 0) {
+      destroy = true;
+    }
+
+    var index;
+    var removedItem;
+
+    if (item instanceof ui_toolbarItem) {
+      index = this.indexOfItem(item);
+    } else {
+      index = item;
+    }
+
+    if (index >= 0) {
+      removedItem = this._items.splice(index, 1)[0];
+    }
+
+    if (removedItem) {
+      if (destroy) {
+        removedItem.destroy();
+      } else {
+        removedItem.off('command', removedItem.onCommandHandler);
+        removedItem.off('event', removedItem.onEventHandler);
+        dom["a" /* default */].remove(removedItem.el);
+      }
+    }
+
+    return removedItem;
+  }
+  /**
+   * remove all toolbar items
+   */
+  ;
+
+  _proto.removeAllItems = function removeAllItems() {
+    while (this._items && this._items.length > 0) {
+      this.removeItem(0);
+    }
+  }
+  /**
+   * destroy instance
+   * @override
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    this.removeAllItems();
+
+    _UIController.prototype.destroy.call(this);
+  };
+
+  return Toolbar;
+}(uicontroller);
+
+/* harmony default export */ var ui_toolbar = (toolbar_Toolbar);
+// CONCATENATED MODULE: ./src/js/ui/layerpopup.js
+function layerpopup_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function layerpopup_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements LayerPopup
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+var CLASS_PREFIX = 'tui-popup-';
+var CLASS_FIT_WINDOW = 'fit-window';
+var LAYOUT_TEMPLATE_MODELESS = "
    \n        \n        
    \n            \n        
    \n    
    \n    
    ";
+var LAYOUT_TEMPLATE_MODAL = "
    \n        
    \n            \n            
    \n                \n            
    \n        
    \n        
    \n    
    ";
+/**
+ * A number, or a string containing a number.
+ * @typedef {object} LayerPopupOption
+ * @property {string[]} [openerCssQuery] - Css Query list to bind clickevent that open popup
+ * @property {string[]} [closerCssQuery] - Css Query list to bind clickevent that close popup
+ * @property {HTMLElement} el - popup root element
+ * @property {HTMLElement|string} [content] - popup content that html string or element
+ * @property {string} [textContent] - popup text content
+ * @property {string} title - popup title
+ * @property {boolean} [header] - whether to draw header
+ * @property {HTMLElement} [target] - element to append popup
+ * @property {boolean} modal - true: modal, false: modeless
+ * @property {string} [headerButtons] - replace header(close) button
+ */
+
+/**
+ * Class LayerPopup
+ * @param {LayerPopupOption} options - popup option
+ */
+
+var layerpopup_LayerPopup = /*#__PURE__*/function (_UIController) {
+  layerpopup_inheritsLoose(LayerPopup, _UIController);
+
+  function LayerPopup(options) {
+    var _this;
+
+    options = extend_default()({
+      header: true,
+      target: document.body,
+      textContent: ''
+    }, options);
+    _this = _UIController.call(this, {
+      tagName: 'div',
+      className: options.modal ? CLASS_PREFIX + "modal-background" : CLASS_PREFIX + "wrapper",
+      rootElement: options.el
+    }) || this;
+    _this._clickEventMap = {};
+    _this._onClickCloseButton = _this.hide.bind(layerpopup_assertThisInitialized(_this));
+
+    _this._initInstance(options);
+
+    _this._initDOM(options);
+
+    _this._initDOMEvent(options);
+
+    _this._initEditorEvent(options);
+
+    return _this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   */
+
+
+  var _proto = LayerPopup.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    this._target = options.target;
+
+    if (options.el) {
+      this.el = options.el;
+      this._isExternalHtmlUse = true;
+    }
+
+    if (options.content) {
+      this.content = options.content;
+    } else {
+      this.content = options.textContent;
+    }
+
+    this.options = options;
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   */
+  ;
+
+  _proto._initDOM = function _initDOM() {
+    this._initLayout();
+
+    if (!this._isExternalHtmlUse) {
+      if (isExisty_default()(this.options.title)) {
+        this.setTitle(this.options.title);
+      }
+
+      this.setContent(this.content);
+    }
+
+    var buttons = this.options.headerButtons;
+
+    if (buttons) {
+      var closeButtons = dom["a" /* default */].findAll(this.el, "." + CLASS_PREFIX + "close-button");
+      closeButtons.forEach(function (button) {
+        dom["a" /* default */].remove(button);
+      });
+      var buttonWrapper = this.el.querySelector("." + CLASS_PREFIX + "header-buttons");
+      dom["a" /* default */].empty(buttonWrapper);
+      buttonWrapper.innerHTML = buttons;
+    }
+
+    if (this.options.css) {
+      css_default()(this.el, this.options.css);
+    }
+  }
+  /**
+   * bind DOM events
+   * @private
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this2 = this;
+
+    var _this$options = this.options,
+        openerCssQuery = _this$options.openerCssQuery,
+        closerCssQuery = _this$options.closerCssQuery;
+    var _document = document,
+        body = _document.body;
+
+    if (openerCssQuery) {
+      dom["a" /* default */].findAll(body, openerCssQuery).forEach(function (el) {
+        var eventKey = "click." + _this2._id;
+        _this2._clickEventMap[eventKey] = _this2.show.bind(_this2);
+        on_default()(el, 'click', _this2._clickEventMap[eventKey]);
+      });
+    }
+
+    if (closerCssQuery) {
+      dom["a" /* default */].findAll(body, closerCssQuery).forEach(function (el) {
+        var eventKey = "click." + _this2._id;
+        _this2._clickEventMap[eventKey] = _this2.hide.bind(_this2);
+        on_default()(el, 'click', _this2._clickEventMap[eventKey]);
+      });
+    }
+
+    this.on("click ." + CLASS_PREFIX + "close-button", this._onClickCloseButton);
+  }
+  /**
+   * bind editor events
+   * @private
+   * @abstract
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {};
+
+  _proto._initLayout = function _initLayout() {
+    var options = this.options;
+
+    if (!this._isExternalHtmlUse) {
+      var layout = options.modal ? LAYOUT_TEMPLATE_MODAL : LAYOUT_TEMPLATE_MODELESS;
+      this.el.innerHTML = layout;
+
+      if (options.className) {
+        addClass_default.a.apply(void 0, [this.el].concat(options.className.split(/\s+/g)));
+      }
+
+      this.hide();
+
+      this._target.appendChild(this.el);
+
+      this.body = this.el.querySelector("." + CLASS_PREFIX + "body");
+
+      if (!options.header) {
+        dom["a" /* default */].remove(this.el.querySelector("." + CLASS_PREFIX + "header"));
+      }
+    } else {
+      this.hide();
+
+      this._target.appendChild(this.el);
+    }
+  }
+  /**
+   * set popup content
+   * @param {HTMLElement|string} content - content
+   */
+  ;
+
+  _proto.setContent = function setContent(content) {
+    dom["a" /* default */].empty(this.body);
+
+    if (isString_default()(content)) {
+      this.body.innerHTML = content;
+    } else {
+      this.body.appendChild(content);
+    }
+  }
+  /**
+   * set title
+   * @param {string} title - title text
+   */
+  ;
+
+  _proto.setTitle = function setTitle(title) {
+    var titleWrapper = this.el.querySelector("." + CLASS_PREFIX + "title");
+    dom["a" /* default */].empty(titleWrapper);
+    titleWrapper.innerHTML = title;
+  }
+  /**
+   * get title element
+   * @returns {HTMLElement} - title html element
+   */
+  ;
+
+  _proto.getTitleElement = function getTitleElement() {
+    return this.el.querySelector("." + CLASS_PREFIX + "title");
+  }
+  /**
+   * hide popup
+   */
+  ;
+
+  _proto.hide = function hide() {
+    css_default()(this.el, {
+      display: 'none'
+    });
+    this._isShow = false;
+    this.trigger('hidden', this);
+  }
+  /**
+   * show popup
+   */
+  ;
+
+  _proto.show = function show() {
+    css_default()(this.el, {
+      display: 'block'
+    });
+    this._isShow = true;
+    this.trigger('shown', this);
+  }
+  /**
+   * whether this popup is visible
+   * @returns {boolean} - true: shown, false: hidden
+   */
+  ;
+
+  _proto.isShow = function isShow() {
+    return this._isShow;
+  }
+  /**
+   * remove popup content
+   */
+  ;
+
+  _proto.remove = function remove() {
+    var _this3 = this;
+
+    var _this$options2 = this.options,
+        openerCssQuery = _this$options2.openerCssQuery,
+        closerCssQuery = _this$options2.closerCssQuery;
+    var _document2 = document,
+        body = _document2.body;
+    this.trigger('remove', this);
+    this.off("click ." + CLASS_PREFIX + "close-button", this._onClickCloseButton);
+
+    if (openerCssQuery) {
+      dom["a" /* default */].findAll(body, openerCssQuery).forEach(function (opener) {
+        off_default()(opener, 'click', _this3._clickEventMap["click." + _this3._id]);
+        delete _this3._clickEventMap["click." + _this3._id];
+      });
+    }
+
+    if (closerCssQuery) {
+      dom["a" /* default */].findAll(body, closerCssQuery).forEach(function (closer) {
+        off_default()(closer, 'click', _this3._clickEventMap["click." + _this3._id]);
+        delete _this3._clickEventMap["click." + _this3._id];
+      });
+    }
+
+    dom["a" /* default */].remove(this.el);
+    this.el = null;
+  }
+  /**
+   * make popup size fit to window
+   * @param {boolean} fit - true to make popup fit to window
+   * @protected
+   * @ignore
+   */
+  ;
+
+  _proto.setFitToWindow = function setFitToWindow(fit) {
+    dom["a" /* default */].toggleClass(this.el, CLASS_FIT_WINDOW, fit);
+  }
+  /**
+   * make popup size fit to window
+   * @returns {boolean} - true for fit to window
+   * @protected
+   * @ignore
+   */
+  ;
+
+  _proto.isFitToWindow = function isFitToWindow() {
+    return hasClass_default()(this.el, CLASS_FIT_WINDOW);
+  }
+  /**
+   * toggle size fit to window
+   * @returns {boolean} - true for fit to window
+   * @protected
+   * @ignore
+   */
+  ;
+
+  _proto.toggleFitToWindow = function toggleFitToWindow() {
+    var fitToWindow = !this.isFitToWindow();
+    this.setFitToWindow(fitToWindow);
+    return fitToWindow;
+  };
+
+  return LayerPopup;
+}(uicontroller);
+
+/* harmony default export */ var layerpopup = (layerpopup_LayerPopup);
+// CONCATENATED MODULE: ./src/js/ui/popupDropdownToolbar.js
+function popupDropdownToolbar_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function popupDropdownToolbar_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview implements DefaultToolbar
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+/**
+ * Class PopupDropdownToolbar
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+var popupDropdownToolbar_PopupDropdownToolbar = /*#__PURE__*/function (_LayerPopup) {
+  popupDropdownToolbar_inheritsLoose(PopupDropdownToolbar, _LayerPopup);
+
+  /**
+   * open event string
+   * @type {string}
+   */
+  function PopupDropdownToolbar(options) {
+    options = extend_default()({
+      header: false,
+      className: 'te-dropdown-toolbar'
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * get toolbar instance it contains
+   * @returns {Toolbar} - toolbar instance
+   */
+
+
+  var _proto = PopupDropdownToolbar.prototype;
+
+  _proto.getToolbar = function getToolbar() {
+    return this._toolbar;
+  }
+  /**
+   * get toolbar items
+   * @returns {ToolbarItem[]} - toolbar items
+   */
+  ;
+
+  _proto.getItems = function getItems() {
+    return this.getToolbar().getItems();
+  }
+  /**
+   * get toolbar item at given index
+   * @param  {number} index - item index
+   * @returns {ToolbarItem} - toolbar item at the index
+   */
+  ;
+
+  _proto.getItem = function getItem(index) {
+    return this.getToolbar().getItem(index);
+  }
+  /**
+   * set toolbar items
+   * @param {ToolbarItem[]} items - toolbar items
+   */
+  ;
+
+  _proto.setItems = function setItems(items) {
+    this.getToolbar().setItems(items);
+  }
+  /**
+   * add toolbar item
+   * @param {ToolbarItem|string|object} item - toolbar item
+   */
+  ;
+
+  _proto.addItem = function addItem(item) {
+    this.getToolbar().addItem(item);
+  }
+  /**
+   * insert toolbar item
+   * @param  {number} index - index at given item inserted
+   * @param  {ToolbarItem|string|object} item - toolbar item
+   */
+  ;
+
+  _proto.insertItem = function insertItem(index, item) {
+    this.getToolbar().insertItem(index, item);
+  }
+  /**
+   * get index of given item
+   * @param  {ToolbarItem} item - toolbar item
+   * @returns {number} - index of given toolbar item
+   */
+  ;
+
+  _proto.indexOfItem = function indexOfItem(item) {
+    return this.getToolbar().indexOfItem(item);
+  }
+  /**
+   * remove an item
+   * @param  {number} index - item index to remove
+   * @param  {boolean} destroy - destroy item or not
+   * @returns {ToolbarItem} - removed item
+   */
+  ;
+
+  _proto.removeItem = function removeItem(index, destroy) {
+    return this.getToolbar().removeItem(index, destroy);
+  }
+  /**
+   * remove all toolbar items
+   */
+  ;
+
+  _proto.removeAllItems = function removeAllItems() {
+    this.getToolbar().removeAllItems();
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    var button = options.button,
+        eventManager = options.eventManager;
+    this._button = button;
+    this._eventManager = eventManager;
+    this._toolbar = new ui_toolbar(eventManager);
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM() {
+    _LayerPopup.prototype._initDOM.call(this);
+
+    this.setContent(this._toolbar.el);
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this._eventManager.listen('focus', function () {
+      return _this.hide();
+    });
+
+    this._eventManager.listen('closeAllPopup', function () {
+      return _this.hide();
+    });
+
+    this._eventManager.listen(PopupDropdownToolbar.OPEN_EVENT, function () {
+      var isShown = _this.isShow();
+
+      _this._eventManager.emit('closeAllPopup');
+
+      if (!isShown) {
+        _this.show();
+      } // to give toolbar element enough width before the calculation
+
+
+      css_default()(_this.el, {
+        left: '-1000px'
+      });
+      var button = _this._button;
+      var buttonOuterHeightWithMargin = dom["a" /* default */].getOuterHeight(button, true);
+      var buttonMarginBottom = (buttonOuterHeightWithMargin - dom["a" /* default */].getOuterHeight(button)) / 2;
+      var top = button.offsetTop + buttonOuterHeightWithMargin - buttonMarginBottom;
+      var left = button.offsetLeft + dom["a" /* default */].getOuterWidth(button, true) - dom["a" /* default */].getOuterWidth(_this.el, true);
+      css_default()(_this.el, {
+        top: top + "px",
+        left: left + "px"
+      });
+    });
+  };
+
+  return PopupDropdownToolbar;
+}(layerpopup);
+
+popupDropdownToolbar_defineProperty(popupDropdownToolbar_PopupDropdownToolbar, "OPEN_EVENT", 'openDropdownToolbar');
+
+/* harmony default export */ var popupDropdownToolbar = (popupDropdownToolbar_PopupDropdownToolbar);
+// CONCATENATED MODULE: ./src/js/ui/defaultToolbar.js
+function defaultToolbar_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function defaultToolbar_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function defaultToolbar_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview implements DefaultToolbar
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var MORE_BUTTON_NAME = 'more';
+/**
+ * Class DefaultToolbar
+ */
+
+var defaultToolbar_DefaultToolbar = /*#__PURE__*/function (_Toolbar) {
+  defaultToolbar_inheritsLoose(DefaultToolbar, _Toolbar);
+
+  /**
+   * more button
+   * @type {ToolbarButton}
+   * @private
+   */
+
+  /**
+   * popup dropdown toolbar
+   * @type {PopupDropdownToolbar}
+   * @private
+   */
+
+  /**
+   * resize observer
+   * @type {ResizeObserver}
+   * @private
+   */
+  function DefaultToolbar(eventManager, options) {
+    var _this;
+
+    _this = _Toolbar.call(this, eventManager, options) || this;
+
+    defaultToolbar_defineProperty(defaultToolbar_assertThisInitialized(_this), "_moreButton", void 0);
+
+    defaultToolbar_defineProperty(defaultToolbar_assertThisInitialized(_this), "_popupDropdownToolbar", void 0);
+
+    defaultToolbar_defineProperty(defaultToolbar_assertThisInitialized(_this), "_observer", void 0);
+
+    _this._init(eventManager);
+
+    _this._bindWidthChangedEvent();
+
+    return _this;
+  }
+  /**
+   * insert toolbar item
+   * @param  {number} index - index at given item inserted
+   * @param  {ToolbarItem|string|object} item - toolbar item
+   * @override
+   */
+
+
+  var _proto = DefaultToolbar.prototype;
+
+  _proto.insertItem = function insertItem(index, item) {
+    _Toolbar.prototype.insertItem.call(this, index, item);
+
+    this._arrangeMoreButton();
+  };
+
+  _proto._init = function _init(eventManager) {
+    var moreButton = toolbarItemFactory.create('button', {
+      name: MORE_BUTTON_NAME,
+      className: 'tui-more',
+      tooltip: i18n.get('More'),
+      event: popupDropdownToolbar.OPEN_EVENT
+    });
+    this._moreButton = moreButton;
+    this._popupDropdownToolbar = new popupDropdownToolbar({
+      eventManager: eventManager,
+      target: this.el,
+      button: moreButton.el
+    });
+    this.addItem(moreButton);
+  };
+
+  _proto._bindWidthChangedEvent = function _bindWidthChangedEvent() {
+    var _this2 = this;
+
+    this._observer = new ResizeObserver_es["a" /* default */](function () {
+      _this2._popupDropdownToolbar.hide();
+
+      _this2._balanceButtons();
+    });
+
+    this._observer.observe(this.el);
+  };
+
+  _proto._balanceButtons = function _balanceButtons() {
+    var _this3 = this;
+
+    var dropDownToolbarItems = this._popupDropdownToolbar.getItems();
+
+    dropDownToolbarItems.forEach(function (item) {
+      _this3._popupDropdownToolbar.removeItem(item, false);
+
+      var itemLength = _this3.getItems().length;
+
+      _Toolbar.prototype.insertItem.call(_this3, itemLength, item);
+    });
+    this.removeItem(this._moreButton, false);
+
+    _Toolbar.prototype.insertItem.call(this, 0, this._moreButton);
+
+    var defaultToolbarItems = this.getItems();
+    var overflowItems = defaultToolbarItems.filter(function (item) {
+      return item.el.offsetTop > _this3.el.clientHeight;
+    });
+    overflowItems.forEach(function (item) {
+      _this3.removeItem(item, false);
+
+      _this3._popupDropdownToolbar.addItem(item);
+    });
+
+    this._arrangeMoreButton();
+  };
+
+  _proto._arrangeMoreButton = function _arrangeMoreButton() {
+    if (!this._popupDropdownToolbar) {
+      return;
+    }
+
+    this.removeItem(this._moreButton, false);
+    var hasOverflow = this._popupDropdownToolbar.getItems().length > 0;
+    var itemLength = this.getItems().length;
+
+    if (hasOverflow) {
+      _Toolbar.prototype.insertItem.call(this, itemLength, this._moreButton);
+    }
+  }
+  /**
+   * destroy
+   * @override
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    if (this._observer) {
+      this._observer.disconnect();
+
+      this._observer = null;
+    }
+  };
+
+  return DefaultToolbar;
+}(ui_toolbar);
+
+/* harmony default export */ var defaultToolbar = (defaultToolbar_DefaultToolbar);
+// CONCATENATED MODULE: ./src/js/ui/tab.js
+function tab_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements tab button ui
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var CLASS_TAB_ACTIVE = 'te-tab-active';
+/**
+ * Class Tab
+ * @param {object} options - options
+ *     @param {string} [options.initName] - name of the default activated button
+ *     @param {string[]} options.items - button names to be created
+ *     @param {DOMElement[]} options.sections - dom elements for tab
+ *     @param {function} [options.onItemClick] - when button is clicked pass button name to function
+ * @ignore
+ */
+
+var tab_Tab = /*#__PURE__*/function (_UIController) {
+  tab_inheritsLoose(Tab, _UIController);
+
+  function Tab(options) {
+    var _this;
+
+    if (options === void 0) {
+      options = {};
+    }
+
+    _this = _UIController.call(this, {
+      tagName: 'div',
+      className: 'te-tab'
+    }) || this;
+    _this.sections = options.sections;
+    _this._activeButton = null;
+
+    _this._render(options);
+
+    _this._initEvent(options);
+
+    return _this;
+  }
+
+  var _proto = Tab.prototype;
+
+  _proto._initEvent = function _initEvent(options) {
+    var onItemClick = options.onItemClick;
+
+    if (onItemClick) {
+      this.on('itemClick', onItemClick);
+    }
+
+    this.on('click button', this._onTabButton.bind(this));
+  };
+
+  _proto._render = function _render(options) {
+    var items = options.items,
+        initName = options.initName;
+    var tabButtons = [];
+
+    for (var i = 0, len = items.length; i < len; i += 1) {
+      tabButtons.push("");
+    }
+
+    this.el.innerHTML = tabButtons.join('');
+    this.activate(initName);
+  };
+
+  _proto._findButtonContained = function _findButtonContained(element, selector, text) {
+    return dom["a" /* default */].findAll(element, selector).filter(function (node) {
+      return new RegExp(text).test(node.textContent);
+    });
+  }
+  /**
+   * Activate section & button
+   * @param {string} name button name to activate
+   */
+  ;
+
+  _proto.activate = function activate(name) {
+    var _this$_findButtonCont = this._findButtonContained(this.el, 'button', name),
+        button = _this$_findButtonCont[0];
+
+    this._activateTabByButton(button);
+  };
+
+  _proto._onTabButton = function _onTabButton(ev) {
+    var button = ev.target;
+
+    this._activateTabByButton(button);
+
+    this.trigger('itemClick', button.textContent);
+  };
+
+  _proto._activateTabByButton = function _activateTabByButton(button) {
+    if (this._isActivatedButton(button)) {
+      return;
+    }
+
+    this._updateClassByButton(button);
+  };
+
+  _proto._updateClassByButton = function _updateClassByButton(activeButton) {
+    // deactivate previously activated button
+    if (this._activeButton) {
+      var sectionIndex = this._activeButton.getAttribute('data-index');
+
+      removeClass_default()(this._activeButton, CLASS_TAB_ACTIVE);
+
+      if (this.sections) {
+        removeClass_default()(this.sections[sectionIndex], CLASS_TAB_ACTIVE);
+      }
+    } // activate new button
+
+
+    addClass_default()(activeButton, CLASS_TAB_ACTIVE);
+    this._activeButton = activeButton;
+    var index = activeButton.getAttribute('data-index');
+
+    if (this.sections) {
+      addClass_default()(this.sections[index], CLASS_TAB_ACTIVE);
+    }
+  };
+
+  _proto._isActivatedButton = function _isActivatedButton(button) {
+    return this._activeButton && this._activeButton.textContent === button.textContent;
+  };
+
+  return Tab;
+}(uicontroller);
+
+/* harmony default export */ var tab = (tab_Tab);
+// CONCATENATED MODULE: ./src/js/ui/modeSwitch.js
+function modeSwitch_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function modeSwitch_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function modeSwitch_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements ui mode switch
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+var MARKDOWN = 'markdown';
+var WYSIWYG = 'wysiwyg';
+/**
+ * Class ModeSwitch
+ * UI Control for switch between Markdown and WYSIWYG
+ * @param {HTMLElement} rootElement - root element
+ * @param {string} initialType - initial type of editor
+ */
+
+var modeSwitch_ModeSwitch = /*#__PURE__*/function (_UIController) {
+  modeSwitch_inheritsLoose(ModeSwitch, _UIController);
+
+  /**
+   * mode switch type
+   * @property {string} MARKDOWN - Markdown
+   * @property {string} WYSIWYG - WYSIWYG
+   * @static
+   * @ignore
+   */
+
+  /**
+   * mode switch buttons
+   * @type {Object}
+   * @private
+   */
+
+  /**
+   * current mode
+   * @type {String}
+   * @private
+   */
+
+  /**
+   * root element
+   * @type {HTMLElement}
+   * @private
+   */
+  function ModeSwitch(rootElement, initialType, eventManager) {
+    var _this;
+
+    _this = _UIController.call(this, {
+      tagName: 'div',
+      className: 'te-mode-switch'
+    }) || this;
+
+    modeSwitch_defineProperty(modeSwitch_assertThisInitialized(_this), "_buttons", {});
+
+    modeSwitch_defineProperty(modeSwitch_assertThisInitialized(_this), "_type", void 0);
+
+    modeSwitch_defineProperty(modeSwitch_assertThisInitialized(_this), "_rootElement", void 0);
+
+    _this._eventManager = eventManager;
+
+    _this._render(rootElement);
+
+    _this._switchType(isExisty_default()(initialType) ? initialType : MARKDOWN);
+
+    _this._initEvent();
+
+    return _this;
+  }
+  /**
+   * is the switch tab bar shown
+   * @returns {Boolean} - showing status
+   */
+
+
+  var _proto = ModeSwitch.prototype;
+
+  _proto.isShown = function isShown() {
+    return this._rootElement.style.display === 'block';
+  }
+  /**
+   * show switch tab bar
+   */
+  ;
+
+  _proto.show = function show() {
+    css_default()(this._rootElement, {
+      display: 'block'
+    });
+  }
+  /**
+   * hide switch tab bar
+   */
+  ;
+
+  _proto.hide = function hide() {
+    css_default()(this._rootElement, {
+      display: 'none'
+    });
+  };
+
+  _proto._render = function _render(rootElement) {
+    this._buttons.markdown = dom["a" /* default */].createElementWith("");
+    this._buttons.wysiwyg = dom["a" /* default */].createElementWith("");
+    this.el.appendChild(this._buttons.markdown);
+    this.el.appendChild(this._buttons.wysiwyg);
+
+    if (rootElement) {
+      rootElement.appendChild(this.el);
+      this._rootElement = rootElement;
+    }
+
+    this.on('click .markdown', this._changeMarkdown.bind(this));
+    this.on('click .wysiwyg', this._changeWysiwyg.bind(this));
+    this.show();
+  };
+
+  _proto._changeMarkdown = function _changeMarkdown() {
+    this._switchType(MARKDOWN);
+  };
+
+  _proto._changeWysiwyg = function _changeWysiwyg() {
+    this._switchType(WYSIWYG);
+  };
+
+  _proto._setActiveButton = function _setActiveButton(type) {
+    removeClass_default()(this._buttons.markdown, 'active');
+    removeClass_default()(this._buttons.wysiwyg, 'active');
+    addClass_default()(this._buttons["" + type], 'active');
+  };
+
+  _proto._switchType = function _switchType(type) {
+    if (this._type === type) {
+      return;
+    }
+
+    this._type = type;
+
+    this._setActiveButton(type);
+
+    this.trigger('modeSwitched', this._type);
+  };
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this._eventManager.listen('changeMode', function (type) {
+      if (_this2._type !== type) {
+        _this2._type = type;
+
+        _this2._setActiveButton(type);
+      }
+    });
+  };
+
+  return ModeSwitch;
+}(uicontroller);
+
+modeSwitch_defineProperty(modeSwitch_ModeSwitch, "TYPE", {
+  MARKDOWN: MARKDOWN,
+  WYSIWYG: WYSIWYG
+});
+
+/* harmony default export */ var ui_modeSwitch = (modeSwitch_ModeSwitch);
+// CONCATENATED MODULE: ./src/js/ui/popupAddLink.js
+function popupAddLink_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements PopupAddLink
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var URL_REGEX = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})(\/([^\s]*))?$/;
+/**
+ * Class PopupAddLink
+ * It implements a link Add Popup
+ * @param {LayerPopupOption} options - layer popup options
+ * @ignore
+ */
+
+var popupAddLink_PopupAddLink = /*#__PURE__*/function (_LayerPopup) {
+  popupAddLink_inheritsLoose(PopupAddLink, _LayerPopup);
+
+  function PopupAddLink(options) {
+    var _this;
+
+    var POPUP_CONTENT = "\n            \n            \n            \n            \n            
    \n                \n                \n            
    \n        ";
+    options = extend_default()({
+      header: true,
+      title: i18n.get('Insert link'),
+      className: 'te-popup-add-link tui-editor-popup',
+      content: POPUP_CONTENT
+    }, options);
+    _this = _LayerPopup.call(this, options) || this;
+    _this._disabledLinkText = false;
+    return _this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupAddLink.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this._editor = options.editor;
+    this._eventManager = options.editor.eventManager;
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM() {
+    _LayerPopup.prototype._initDOM.call(this);
+
+    var el = this.el;
+    this._inputText = el.querySelector('.te-link-text-input');
+    this._inputURL = el.querySelector('.te-url-input');
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this.on('click .te-close-button', function () {
+      return _this2.hide();
+    });
+    this.on('click .te-ok-button', function () {
+      return _this2._addLink();
+    });
+    this.on('shown', function () {
+      _this2._disabledLinkText = _this2._editor.isWysiwygMode() && !_this2._editor.getRange().collapsed;
+
+      _this2._disableLinkTextInput();
+
+      var inputText = _this2._inputText;
+      var inputURL = _this2._inputURL;
+
+      var selectedText = _this2._editor.getSelectedText().trim();
+
+      inputText.value = selectedText;
+
+      if (URL_REGEX.exec(selectedText)) {
+        inputURL.value = selectedText;
+      }
+
+      inputURL.focus();
+    });
+    this.on('hidden', function () {
+      _this2._resetInputs();
+    });
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this3 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    var eventManager = this._eventManager;
+    eventManager.listen('focus', function () {
+      return _this3.hide();
+    });
+    eventManager.listen('closeAllPopup', function () {
+      return _this3.hide();
+    });
+    eventManager.listen('openPopupAddLink', function (linkData) {
+      eventManager.emit('closeAllPopup');
+
+      if (linkData) {
+        _this3._inputURL.value = linkData.url;
+      }
+
+      _this3.show();
+    });
+  };
+
+  _proto._disableLinkTextInput = function _disableLinkTextInput() {
+    var input = this._inputText;
+
+    if (this._disabledLinkText) {
+      input.setAttribute('disabled', 'disabled');
+      addClass_default()(input, 'disabled');
+    } else {
+      input.removeAttribute('disabled');
+      removeClass_default()(input, 'disabled');
+    }
+  };
+
+  _proto._addLink = function _addLink() {
+    var _this$_getValue = this._getValue(),
+        url = _this$_getValue.url,
+        linkText = _this$_getValue.linkText;
+
+    this._clearValidationStyle();
+
+    if (!this._disabledLinkText && linkText.length < 1) {
+      addClass_default()(this._inputText, 'wrong');
+      return;
+    }
+
+    if (url.length < 1) {
+      addClass_default()(this._inputURL, 'wrong');
+      return;
+    }
+
+    this._eventManager.emit('command', 'AddLink', {
+      linkText: linkText,
+      url: url
+    });
+
+    this.hide();
+  };
+
+  _proto._getValue = function _getValue() {
+    var url = this._inputURL.value;
+    var linkText = this._inputText.value;
+    return {
+      url: url,
+      linkText: linkText
+    };
+  };
+
+  _proto._clearValidationStyle = function _clearValidationStyle() {
+    removeClass_default()(this._inputURL, 'wrong', 'disabled');
+    removeClass_default()(this._inputText, 'wrong');
+  };
+
+  _proto._resetInputs = function _resetInputs() {
+    this._inputText.removeAttribute('disabled');
+
+    this._inputText.value = '';
+    this._inputURL.value = '';
+
+    this._clearValidationStyle();
+  };
+
+  return PopupAddLink;
+}(layerpopup);
+
+/* harmony default export */ var popupAddLink = (popupAddLink_PopupAddLink);
+// CONCATENATED MODULE: ./src/js/ui/popupAddImage.js
+function popupAddImage_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements PopupAddImage
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var CLASS_IMAGE_URL_INPUT = 'te-image-url-input';
+var CLASS_IMAGE_FILE_INPUT = 'te-image-file-input';
+var CLASS_ALT_TEXT_INPUT = 'te-alt-text-input';
+var CLASS_OK_BUTTON = 'te-ok-button';
+var CLASS_CLOSE_BUTTON = 'te-close-button';
+var CLASS_FILE_TYPE = 'te-file-type';
+var CLASS_URL_TYPE = 'te-url-type';
+var CLASS_TAB_SECTION = 'te-tab-section';
+var TYPE_UI = 'ui';
+/**
+ * Class PopupAddImage
+ * It implements a Image Add Popup
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+var popupAddImage_PopupAddImage = /*#__PURE__*/function (_LayerPopup) {
+  popupAddImage_inheritsLoose(PopupAddImage, _LayerPopup);
+
+  function PopupAddImage(options) {
+    var POPUP_CONTENT = "\n            
    \n            
    \n                \n                \n            
    \n            
    \n                \n                \n            
    \n            \n            \n            
    \n                \n                \n            
    \n        ";
+    options = extend_default()({
+      header: true,
+      title: i18n.get('Insert image'),
+      className: 'te-popup-add-image tui-editor-popup',
+      content: POPUP_CONTENT
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupAddImage.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this.eventManager = options.eventManager;
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM() {
+    _LayerPopup.prototype._initDOM.call(this);
+
+    var popup = this.el;
+    this._imageUrlInput = popup.querySelector("." + CLASS_IMAGE_URL_INPUT);
+    this._imageFileInput = popup.querySelector("." + CLASS_IMAGE_FILE_INPUT);
+    this._altTextInput = popup.querySelector("." + CLASS_ALT_TEXT_INPUT);
+    var fileTypeSection = popup.querySelector("." + CLASS_FILE_TYPE);
+    var urlTypeSection = popup.querySelector("." + CLASS_URL_TYPE);
+    var tabSection = this.body.querySelector("." + CLASS_TAB_SECTION);
+    this.tab = new tab({
+      initName: i18n.get('File'),
+      items: [i18n.get('File'), i18n.get('URL')],
+      sections: [fileTypeSection, urlTypeSection]
+    });
+    tabSection.appendChild(this.tab.el);
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this.on('shown', function () {
+      return _this._imageUrlInput.focus();
+    });
+    this.on('hidden', function () {
+      return _this._resetInputs();
+    });
+    this.on("change ." + CLASS_IMAGE_FILE_INPUT, function () {
+      var filename = _this._imageFileInput.value.split('\\').pop();
+
+      _this._altTextInput.value = filename;
+    });
+    this.on("click ." + CLASS_CLOSE_BUTTON, function () {
+      return _this.hide();
+    });
+    this.on("click ." + CLASS_OK_BUTTON, function () {
+      var imageUrl = _this._imageUrlInput.value;
+      var altText = _this._altTextInput.value;
+
+      if (imageUrl) {
+        _this._applyImage(imageUrl, altText);
+      } else {
+        var files = _this._imageFileInput.files;
+
+        if (files.length) {
+          var imageFile = files.item(0);
+
+          var hookCallback = function hookCallback(url, text) {
+            return _this._applyImage(url, text || altText);
+          };
+
+          _this.eventManager.emit('addImageBlobHook', imageFile, hookCallback, TYPE_UI);
+        }
+      }
+
+      _this.hide();
+    });
+    this.tab.on('itemClick', function () {
+      return _this._resetInputs();
+    });
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this.eventManager.listen('focus', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('closeAllPopup', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('openPopupAddImage', function () {
+      _this2.eventManager.emit('closeAllPopup');
+
+      _this2.show();
+    });
+  };
+
+  _proto._applyImage = function _applyImage(imageUrl, altText) {
+    this.eventManager.emit('command', 'AddImage', {
+      imageUrl: imageUrl,
+      altText: altText || 'image'
+    });
+    this.hide();
+  };
+
+  _proto._resetInputs = function _resetInputs() {
+    dom["a" /* default */].findAll(this.el, 'input').forEach(function (input) {
+      input.value = '';
+    });
+  }
+  /**
+   * Remove popup
+   * @override
+   */
+  ;
+
+  _proto.remove = function remove() {
+    this.tab.remove();
+
+    _LayerPopup.prototype.remove.call(this);
+  };
+
+  return PopupAddImage;
+}(layerpopup);
+
+/* harmony default export */ var popupAddImage = (popupAddImage_PopupAddImage);
+// CONCATENATED MODULE: ./src/js/ui/popupTableUtils.js
+function popupTableUtils_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements PopupTableUtils
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var REMOVE_ROW_MENU_CLASS_NAME = 'te-table-remove-row';
+var DISABLED_MENU_CLASS_NAME = 'te-context-menu-disabled';
+/**
+ * PopupTableUtils
+ * It implements table utils popup
+ * @param {LayerPopupOption} options - layer popup options
+ */
+
+var popupTableUtils_PopupTableUtils = /*#__PURE__*/function (_LayerPopup) {
+  popupTableUtils_inheritsLoose(PopupTableUtils, _LayerPopup);
+
+  function PopupTableUtils(options) {
+    var POPUP_CONTENT = "\n      \n      \n      \n      \n      
    \n      \n      \n      \n      
    \n      \n    ";
+    options = extend_default()({
+      header: false,
+      className: 'te-popup-table-utils',
+      content: POPUP_CONTENT
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupTableUtils.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this.eventManager = options.eventManager;
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this.on('click .te-table-add-row', function () {
+      return _this.eventManager.emit('command', 'AddRow');
+    });
+    this.on('click .te-table-add-col', function () {
+      return _this.eventManager.emit('command', 'AddCol');
+    });
+    this.on('click .te-table-col-align-left', function () {
+      return _this.eventManager.emit('command', 'AlignCol', 'left');
+    });
+    this.on('click .te-table-col-align-center', function () {
+      return _this.eventManager.emit('command', 'AlignCol', 'center');
+    });
+    this.on('click .te-table-col-align-right', function () {
+      return _this.eventManager.emit('command', 'AlignCol', 'right');
+    });
+    this.on('click .te-table-remove-col', function () {
+      return _this.eventManager.emit('command', 'RemoveCol');
+    });
+    this.on('click .te-table-remove', function () {
+      return _this.eventManager.emit('command', 'RemoveTable');
+    });
+
+    this._bindClickEventOnRemoveRowMenu();
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this.eventManager.listen('focus', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('mousedown', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('closeAllPopup', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('openPopupTableUtils', function (ev) {
+      var _this2$el$parentNode$ = _this2.el.parentNode.getBoundingClientRect(),
+          left = _this2$el$parentNode$.left,
+          top = _this2$el$parentNode$.top;
+
+      _this2._disableRemoveRowMenu(ev.target);
+
+      css_default()(_this2.el, {
+        position: 'absolute',
+        top: ev.clientY - top + 5 + "px",
+        // beside mouse pointer
+        left: ev.clientX - left + 10 + "px"
+      });
+
+      _this2.eventManager.emit('closeAllPopup');
+
+      _this2.show();
+    });
+  };
+
+  _proto._bindClickEventOnRemoveRowMenu = function _bindClickEventOnRemoveRowMenu() {
+    var _this3 = this;
+
+    this.on("click ." + REMOVE_ROW_MENU_CLASS_NAME, function (ev) {
+      var target = ev.target;
+
+      if (hasClass_default()(target, DISABLED_MENU_CLASS_NAME)) {
+        ev.preventDefault();
+      } else {
+        _this3.eventManager.emit('command', 'RemoveRow');
+      }
+    });
+  };
+
+  _proto._disableRemoveRowMenu = function _disableRemoveRowMenu(target) {
+    var menu = this.el.querySelector("." + REMOVE_ROW_MENU_CLASS_NAME);
+    dom["a" /* default */].toggleClass(menu, DISABLED_MENU_CLASS_NAME, target.nodeName === 'TH');
+  };
+
+  return PopupTableUtils;
+}(layerpopup);
+
+/* harmony default export */ var popupTableUtils = (popupTableUtils_PopupTableUtils);
+// CONCATENATED MODULE: ./src/js/ui/popupAddTable.js
+function popupAddTable_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements PopupAddTable
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var CLASS_TABLE_SELECTION = 'te-table-selection';
+var CLASS_TABLE_HEADER = 'te-table-header';
+var CLASS_TABLE_BODY = 'te-table-body';
+var CLASS_SELECTION_AREA = 'te-selection-area';
+var CLASS_DESCRIPTION = 'te-description';
+var popupAddTable_POPUP_CONTENT = "\n    
    \n        
    \n        
    \n        
    \n    
    \n    
    \n";
+var CELL_WIDTH = 25;
+var CELL_HEIGHT = 17;
+var MIN_ROW_INDEX = 7;
+var MAX_ROW_INDEX = 14;
+var MIN_COL_INDEX = 5;
+var MAX_COL_INDEX = 9;
+var MIN_ROW_SELECTION_INDEX = 1;
+var MIN_COL_SELECTION_INDEX = 1;
+var HEADER_ROW_COUNT = 1;
+var LAST_BORDER = 1;
+/**
+ * Class PopupAddTable
+ * It implements Popup to add a table
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+var popupAddTable_PopupAddTable = /*#__PURE__*/function (_LayerPopup) {
+  popupAddTable_inheritsLoose(PopupAddTable, _LayerPopup);
+
+  function PopupAddTable(options) {
+    options = extend_default()({
+      header: false,
+      className: 'te-popup-add-table',
+      content: popupAddTable_POPUP_CONTENT
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupAddTable.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this._selectedBound = {};
+    this._tableBound = {};
+    this._eventManager = options.eventManager;
+    this._button = options.button;
+    this._eventHandlers = {
+      onMousedown: this._selectTableRange.bind(this),
+      onClick: this._fireCommandEvent.bind(this)
+    };
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM() {
+    _LayerPopup.prototype._initDOM.call(this);
+
+    this._cacheElements();
+
+    this._setTableSizeByBound(MIN_COL_INDEX, MIN_ROW_INDEX);
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent(options) {
+    _LayerPopup.prototype._initDOMEvent.call(this, options);
+
+    this.on("mousemove ." + CLASS_TABLE_SELECTION, this._eventHandlers.onMousedown);
+    this.on("click ." + CLASS_TABLE_SELECTION, this._eventHandlers.onClick);
+  };
+
+  _proto._selectTableRange = function _selectTableRange(ev) {
+    var x = ev.pageX - this._selectionOffset.left;
+    var y = ev.pageY - this._selectionOffset.top;
+
+    var bound = this._getSelectionBoundByOffset(x, y);
+
+    this._resizeTableBySelectionIfNeed(bound.col, bound.row);
+
+    this._setSelectionAreaByBound(bound.col, bound.row);
+
+    this._setDisplayText(bound.col, bound.row);
+
+    this._setSelectedBound(bound.col, bound.row);
+  };
+
+  _proto._fireCommandEvent = function _fireCommandEvent() {
+    var tableSize = this._getSelectedTableSize();
+
+    this._eventManager.emit('command', 'Table', tableSize.col, tableSize.row);
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this._eventManager.listen('focus', function () {
+      return _this.hide();
+    });
+
+    this._eventManager.listen('closeAllPopup', function () {
+      return _this.hide();
+    });
+
+    this._eventManager.listen('openPopupAddTable', function () {
+      var button = _this._button;
+      var offsetTop = button.offsetTop,
+          offsetLeft = button.offsetLeft;
+      css_default()(_this.el, {
+        top: offsetTop + dom["a" /* default */].getOuterHeight(button) + "px",
+        left: offsetLeft + "px"
+      });
+
+      _this._eventManager.emit('closeAllPopup');
+
+      _this.show();
+
+      var _this$el$querySelecto = _this.el.querySelector("." + CLASS_TABLE_SELECTION).getBoundingClientRect(),
+          left = _this$el$querySelecto.left,
+          top = _this$el$querySelecto.top;
+
+      _this._selectionOffset = {
+        left: left + window.pageXOffset,
+        top: top + window.pageYOffset
+      };
+    });
+  }
+  /**
+   * Cache elements for use
+   * @private
+   */
+  ;
+
+  _proto._cacheElements = function _cacheElements() {
+    this.header = this.el.querySelector("." + CLASS_TABLE_HEADER);
+    this.body = this.el.querySelector("." + CLASS_TABLE_BODY);
+    this.selection = this.el.querySelector("." + CLASS_SELECTION_AREA);
+    this.desc = this.el.querySelector("." + CLASS_DESCRIPTION);
+  }
+  /**
+   * Resize table if need
+   * @param {number} col column index
+   * @param {number} row row index
+   * @private
+   */
+  ;
+
+  _proto._resizeTableBySelectionIfNeed = function _resizeTableBySelectionIfNeed(col, row) {
+    var resizedBound = this._getResizedTableBound(col, row);
+
+    if (resizedBound) {
+      this._setTableSizeByBound(resizedBound.col, resizedBound.row);
+    }
+  }
+  /**
+   * Get resized table bound if Need
+   * @param {number} col column index
+   * @param {number} row row index
+   * @returns {object} bound
+   * @private
+   */
+  ;
+
+  _proto._getResizedTableBound = function _getResizedTableBound(col, row) {
+    var resizedCol, resizedRow, resizedBound;
+
+    if (col >= MIN_COL_INDEX && col < MAX_COL_INDEX) {
+      resizedCol = col + 1;
+    } else if (col < MIN_COL_INDEX) {
+      resizedCol = MIN_COL_INDEX;
+    }
+
+    if (row >= MIN_ROW_INDEX && row < MAX_ROW_INDEX) {
+      resizedRow = row + 1;
+    } else if (row < MIN_ROW_INDEX) {
+      resizedRow = MIN_ROW_INDEX;
+    }
+
+    if (this._isNeedResizeTable(resizedCol, resizedRow)) {
+      resizedBound = {
+        row: resizedRow || this._tableBound.row,
+        col: resizedCol || this._tableBound.col
+      };
+    }
+
+    return resizedBound;
+  }
+  /**
+   * check if need resize table
+   * @param {number} col column index
+   * @param {number} row row index
+   * @returns {boolean} result
+   * @private
+   */
+  ;
+
+  _proto._isNeedResizeTable = function _isNeedResizeTable(col, row) {
+    return col && col !== this._tableBound.col || row && row !== this._tableBound.row;
+  }
+  /**
+   * Get bound by offset
+   * @param {number} x offset
+   * @param {number} y offset
+   * @returns {object} bound
+   * @private
+   */
+  ;
+
+  _proto._getBoundByOffset = function _getBoundByOffset(x, y) {
+    var row = parseInt(y / CELL_HEIGHT, 10);
+    var col = parseInt(x / CELL_WIDTH, 10);
+    return {
+      row: row,
+      col: col
+    };
+  }
+  /**
+   * Get offset by bound
+   * @param {number} col column index
+   * @param {number} row row index
+   * @returns {object} offset
+   * @private
+   */
+  ;
+
+  _proto._getOffsetByBound = function _getOffsetByBound(col, row) {
+    var x = col * CELL_WIDTH + CELL_WIDTH,
+        y = row * CELL_HEIGHT + CELL_HEIGHT;
+    return {
+      x: x,
+      y: y
+    };
+  }
+  /**
+   * Set table size with bound
+   * @param {number} col column index
+   * @param {number} row row index
+   * @private
+   */
+  ;
+
+  _proto._setTableSizeByBound = function _setTableSizeByBound(col, row) {
+    var boundOffset = this._getOffsetByBound(col, row - HEADER_ROW_COUNT);
+
+    this._setTableSize(boundOffset.x, boundOffset.y);
+
+    this._tableBound.row = row;
+    this._tableBound.col = col;
+  }
+  /**
+   * Get selection bound that process with range by offset
+   * @param {number} x offset
+   * @param {number} y offset
+   * @returns {object} bound
+   * @private
+   */
+  ;
+
+  _proto._getSelectionBoundByOffset = function _getSelectionBoundByOffset(x, y) {
+    var bound = this._getBoundByOffset(x, y);
+
+    if (bound.row < MIN_ROW_SELECTION_INDEX) {
+      bound.row = MIN_ROW_SELECTION_INDEX;
+    } else if (bound.row > this._tableBound.row) {
+      bound.row = this._tableBound.row;
+    }
+
+    if (bound.col < MIN_COL_SELECTION_INDEX) {
+      bound.col = MIN_COL_SELECTION_INDEX;
+    } else if (bound.col > this._tableBound.col) {
+      bound.col = this._tableBound.col;
+    }
+
+    return bound;
+  }
+  /**
+   * Set selection area with bound
+   * @param {number} col column index
+   * @param {number} row row index
+   * @private
+   */
+  ;
+
+  _proto._setSelectionAreaByBound = function _setSelectionAreaByBound(col, row) {
+    var boundOffset = this._getOffsetByBound(col, row);
+
+    this._setSelectionArea(boundOffset.x, boundOffset.y);
+  }
+  /**
+   * Set selected bound
+   * @param {number} col column index
+   * @param {number} row row index
+   * @private
+   */
+  ;
+
+  _proto._setSelectedBound = function _setSelectedBound(col, row) {
+    this._selectedBound.col = col;
+    this._selectedBound.row = row;
+  }
+  /**
+   * Get selected table size
+   * @returns {object} bound
+   * @private
+   */
+  ;
+
+  _proto._getSelectedTableSize = function _getSelectedTableSize() {
+    return {
+      row: this._selectedBound.row + 1,
+      col: this._selectedBound.col + 1
+    };
+  }
+  /**
+   * Set selected table size text for display
+   * @param {number} col column index
+   * @param {number} row row index
+   * @private
+   */
+  ;
+
+  _proto._setDisplayText = function _setDisplayText(col, row) {
+    this.desc.innerHTML = col + 1 + " x " + (row + 1);
+  }
+  /**
+   * Set table element size
+   * @param {number} x offset
+   * @param {number} y offset
+   * @private
+   */
+  ;
+
+  _proto._setTableSize = function _setTableSize(x, y) {
+    x += LAST_BORDER;
+    y += LAST_BORDER;
+    css_default()(this.header, {
+      height: CELL_HEIGHT + "px",
+      width: x + "px"
+    });
+    css_default()(this.body, {
+      height: y + "px",
+      width: x + "px"
+    });
+    css_default()(this.el, {
+      width: x + 30 + "px"
+    });
+  }
+  /**
+   * Set selection element size
+   * @param {number} x offset
+   * @param {number} y offset
+   * @private
+   */
+  ;
+
+  _proto._setSelectionArea = function _setSelectionArea(x, y) {
+    x += LAST_BORDER;
+    y += LAST_BORDER;
+    css_default()(this.selection, {
+      height: y + "px",
+      width: x + "px"
+    });
+  };
+
+  _proto.remove = function remove() {
+    this.off("mousemove ." + CLASS_TABLE_SELECTION, this._eventHandlers.onMousedown);
+    this.off("click ." + CLASS_TABLE_SELECTION, this._eventHandlers.onClick);
+
+    _LayerPopup.prototype.remove.call(this);
+  };
+
+  return PopupAddTable;
+}(layerpopup);
+
+popupAddTable_PopupAddTable.CELL_WIDTH = CELL_WIDTH;
+popupAddTable_PopupAddTable.CELL_HEIGHT = CELL_HEIGHT;
+popupAddTable_PopupAddTable.MIN_ROW_SELECTION_INDEX = MIN_ROW_SELECTION_INDEX;
+popupAddTable_PopupAddTable.MIN_COL_SELECTION_INDEX = MIN_COL_SELECTION_INDEX;
+/* harmony default export */ var popupAddTable = (popupAddTable_PopupAddTable);
+// CONCATENATED MODULE: ./src/js/ui/popupAddHeading.js
+function popupAddHeading_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements PopupAddHeading
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+/**
+ * Class PopupAddHeading
+ * It implements Popup to add headings
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+var popupAddHeading_PopupAddHeading = /*#__PURE__*/function (_LayerPopup) {
+  popupAddHeading_inheritsLoose(PopupAddHeading, _LayerPopup);
+
+  function PopupAddHeading(options) {
+    var POPUP_CONTENT = "\n      
      \n        
    • " + i18n.get('Heading') + " 1
      • \n        
    • " + i18n.get('Heading') + " 2
      • \n        
    • " + i18n.get('Heading') + " 3
      • \n        
    • " + i18n.get('Heading') + " 4
      • \n        
    • " + i18n.get('Heading') + " 5
      • \n        
    • " + i18n.get('Heading') + " 6
      • \n        
    • " + i18n.get('Paragraph') + "
      • \n      
    \n    ";
+    options = extend_default()({
+      header: false,
+      className: 'te-heading-add',
+      content: POPUP_CONTENT
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupAddHeading.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this._eventManager = options.eventManager;
+    this._button = options.button;
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this.on('click li', function (ev) {
+      var li = dom["a" /* default */].closest(ev.target, 'li');
+
+      _this._eventManager.emit('command', li.getAttribute('data-type'), li.getAttribute('data-value'));
+    });
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this._eventManager.listen('focus', this.hide.bind(this));
+
+    this._eventManager.listen('closeAllPopup', this.hide.bind(this));
+
+    this._eventManager.listen('openHeadingSelect', function () {
+      var button = _this2._button;
+      var offsetTop = button.offsetTop,
+          offsetLeft = button.offsetLeft;
+      css_default()(_this2.el, {
+        top: offsetTop + dom["a" /* default */].getOuterHeight(button) + "px",
+        left: offsetLeft + "px"
+      });
+
+      _this2._eventManager.emit('closeAllPopup');
+
+      _this2.show();
+    });
+  };
+
+  return PopupAddHeading;
+}(layerpopup);
+
+/* harmony default export */ var popupAddHeading = (popupAddHeading_PopupAddHeading);
+// CONCATENATED MODULE: ./src/js/ui/popupCodeBlockLanguages.js
+function popupCodeBlockLanguages_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements popup code block languages
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+var BUTTON_CLASS_PREFIX = 'te-popup-code-block-lang-';
+
+function getButtonsHTML(languages) {
+  return languages.map(function (lang) {
+    return "";
+  }).join('');
+}
+/**
+ * Class Popup code block languages select list
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+
+var popupCodeBlockLanguages_PopupCodeBlockLanguages = /*#__PURE__*/function (_LayerPopup) {
+  popupCodeBlockLanguages_inheritsLoose(PopupCodeBlockLanguages, _LayerPopup);
+
+  function PopupCodeBlockLanguages(options) {
+    var _options = options,
+        languages = _options.languages;
+    options = extend_default()({
+      header: false,
+      className: 'te-popup-code-block-languages',
+      content: getButtonsHTML(languages)
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupCodeBlockLanguages.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    var _this = this;
+
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this.eventManager = options.eventManager;
+    this._onSelectedLanguage = null;
+    this._onDismissed = null;
+    this._currentButton = null;
+    this._buttons = null;
+    this._languages = options.languages;
+
+    this._btnMousedownHandler = function (event) {
+      var language = event.target.getAttribute('data-lang');
+
+      if (_this._onSelectedLanguage) {
+        _this._onSelectedLanguage(language);
+      }
+
+      _this.hide();
+    };
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM(options) {
+    _LayerPopup.prototype._initDOM.call(this, options);
+
+    css_default()(this.el, 'zIndex', 10000);
+    this._buttons = dom["a" /* default */].findAll(this.el, 'button');
+
+    this._activateButtonByIndex(0);
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this._addBtnMouseDownHandler();
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this.eventManager.listen('openPopupCodeBlockLanguages', function (data) {
+      _this2.show(data.callback);
+
+      css_default()(_this2.el, {
+        top: data.offset.top + "px"
+      });
+      css_default()(_this2.el, {
+        left: data.offset.left + "px"
+      });
+
+      _this2.setCurrentLanguage(data.language);
+
+      return _this2;
+    });
+    this.eventManager.listen('focus', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('mousedown', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('closeAllPopup', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('closePopupCodeBlockLanguages', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('scroll', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('setCodeBlockLanguages', function (languages) {
+      return _this2._changeLanguageButtons(languages);
+    });
+  }
+  /**
+   * activate an item by index
+   * @param {number} index - item index
+   * @private
+   */
+  ;
+
+  _proto._activateButtonByIndex = function _activateButtonByIndex(index) {
+    if (this._currentButton) {
+      removeClass_default()(this._currentButton, 'active');
+    }
+
+    if (this._buttons.length) {
+      this._currentButton = this._buttons[index];
+      addClass_default()(this._currentButton, 'active');
+
+      this._currentButton.scrollIntoView();
+    }
+  }
+  /**
+   * move to prev language
+   */
+  ;
+
+  _proto.prev = function prev() {
+    var index = inArray_default()(this._currentButton, this._buttons) - 1;
+
+    if (index < 0) {
+      index = this._buttons.length - 1;
+    }
+
+    this._activateButtonByIndex(index);
+  }
+  /**
+   * move to next language
+   */
+  ;
+
+  _proto.next = function next() {
+    var index = inArray_default()(this._currentButton, this._buttons) + 1;
+
+    if (index >= this._buttons.length) {
+      index = 0;
+    }
+
+    this._activateButtonByIndex(index);
+  }
+  /**
+   * current language
+   * @returns {string} language
+   */
+  ;
+
+  _proto.getCurrentLanguage = function getCurrentLanguage() {
+    var language = this._currentButton.getAttribute('data-lang');
+
+    return language;
+  }
+  /**
+   * set current language
+   * @param {string} language - current language
+   */
+  ;
+
+  _proto.setCurrentLanguage = function setCurrentLanguage(language) {
+    var item = this._buttons.filter(function (button) {
+      return matches_default()(button, "." + BUTTON_CLASS_PREFIX + language);
+    });
+
+    if (item.length > 0) {
+      var index = inArray_default()(item[0], this._buttons);
+
+      this._activateButtonByIndex(index);
+    }
+  }
+  /**
+   * show popup
+   * @param {object} callback - to be called on language selected & dismissed
+   * @override
+   */
+  ;
+
+  _proto.show = function show(callback) {
+    this._onSelectedLanguage = callback.selected;
+    this._onDismissed = callback.dismissed;
+
+    _LayerPopup.prototype.show.call(this);
+  }
+  /**
+   * hide popup
+   * @override
+   */
+  ;
+
+  _proto.hide = function hide() {
+    if (this._onDismissed) {
+      this._onDismissed();
+    }
+
+    this._onSelectedLanguage = null;
+    this._onDismissed = null;
+
+    _LayerPopup.prototype.hide.call(this);
+  };
+
+  _proto._addBtnMouseDownHandler = function _addBtnMouseDownHandler() {
+    var _this3 = this;
+
+    this._languages.forEach(function (lang) {
+      _this3.off("mousedown ." + BUTTON_CLASS_PREFIX + lang, _this3._btnMousedownHandler);
+
+      _this3.on("mousedown ." + BUTTON_CLASS_PREFIX + lang, _this3._btnMousedownHandler);
+    });
+  };
+
+  _proto._changeLanguageButtons = function _changeLanguageButtons(languages) {
+    this._languages = languages;
+
+    if (languages && languages.length) {
+      this.content = getButtonsHTML(languages);
+      this.setContent(this.content);
+
+      this._addBtnMouseDownHandler();
+
+      this._buttons = dom["a" /* default */].findAll(this.el, 'button');
+
+      this._activateButtonByIndex(0);
+    }
+  };
+
+  return PopupCodeBlockLanguages;
+}(layerpopup);
+
+/* harmony default export */ var popupCodeBlockLanguages = (popupCodeBlockLanguages_PopupCodeBlockLanguages);
+// CONCATENATED MODULE: ./src/js/ui/scrollSyncSplit.js
+/**
+ * @fileoverview Implements scroll sync split
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var CLASS_SPLIT_SCROLL = 'tui-split-scroll';
+var CLASS_SINGLE_CONTENT = 'single-content';
+var CLASS_SCROLL_SYNC = 'scroll-sync';
+var CLASS_SCROLL_WRAPPER = 'tui-split-scroll-wrapper';
+var CLASS_SCROLL_CONTENT = 'tui-split-scroll-content';
+var CLASS_SPLITTER = 'tui-splitter';
+var EVENT_REQUIRE_SCROLL_INTO_VIEW = 'requireScrollIntoView';
+var CLASS_CONTENT_LEFT = 'tui-split-content-left';
+var CLASS_CONTENT_RIGHT = 'tui-split-content-right';
+var CLASS_CONTENT = {
+  left: CLASS_CONTENT_LEFT,
+  right: CLASS_CONTENT_RIGHT
+};
+/**
+ * Class ScrollSyncSplit
+ * @param {Element} baseElement - an element which attach a splitSyncSplit
+ * @param {Element} leftElement - an element to be on left side split view
+ * @param {Element} rightElement - an element to be on right side split view
+ * @param {object} options - options
+ *     @param {boolean} [options.showScrollSyncButton=false] - show scroll sync button on top right corner
+ *     @param {boolean} [options.scrollSync=true] - true for enable scroll sync
+ *     @param {boolean} [options.splitView=true] - true for split, false for single view
+ * @ignore
+ */
+
+var scrollSyncSplit_ScrollSyncSplit = /*#__PURE__*/function () {
+  function ScrollSyncSplit(baseElement, leftElement, rightElement, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    options = extend_default()({
+      showScrollSyncButton: false,
+      scrollSync: true,
+      splitView: true
+    }, options);
+    this._baseElement = baseElement;
+    this._eventManager = options.eventManager;
+    /**
+     * left, right side content elements
+     * @type {HTMLElement[]}
+     * @private
+     */
+
+    this._contentElements = [];
+
+    this._initDom(leftElement, rightElement, options);
+
+    this._initDomEvent();
+  }
+
+  var _proto = ScrollSyncSplit.prototype;
+
+  _proto._initDom = function _initDom(leftElement, rightElement, options) {
+    var el = document.createElement('div');
+    el.className = CLASS_SPLIT_SCROLL;
+    this._el = el;
+    var scrollWrapper = document.createElement('div');
+    scrollWrapper.className = CLASS_SCROLL_WRAPPER;
+    this._scrollWrapper = scrollWrapper;
+
+    this._setScrollSync(options.scrollSync);
+
+    this.setSplitView(options.splitView);
+    var contentWrapper = document.createElement('div');
+    contentWrapper.className = CLASS_SCROLL_CONTENT;
+    this._contentWrapper = contentWrapper;
+    var splitter = document.createElement('div');
+    splitter.className = CLASS_SPLITTER;
+
+    this._baseElement.appendChild(el);
+
+    el.appendChild(scrollWrapper);
+    scrollWrapper.appendChild(contentWrapper);
+    scrollWrapper.appendChild(splitter);
+
+    this._setLeft(leftElement);
+
+    this._setRight(rightElement);
+  };
+
+  _proto._initDomEvent = function _initDomEvent() {
+    this._contentWrapper.addEventListener('scroll', this.sync.bind(this));
+  };
+
+  _proto._requireScrollIntoView = function _requireScrollIntoView(element) {
+    var _element$getBoundingC = element.getBoundingClientRect(),
+        targetTop = _element$getBoundingC.top,
+        targetBottom = _element$getBoundingC.bottom;
+
+    var wrapperElement;
+
+    if (this.isScrollSynced()) {
+      wrapperElement = this._contentWrapper;
+    } else if (dom["a" /* default */].parents(element, this._contentElements.left).length) {
+      wrapperElement = this._contentElements.left;
+    } else if (dom["a" /* default */].parents(element, this._contentElements.right).length) {
+      wrapperElement = this._contentElements.right;
+    } else {
+      return;
+    }
+
+    var _wrapperElement$getBo = wrapperElement.getBoundingClientRect(),
+        wrapperTop = _wrapperElement$getBo.top,
+        wrapperBottom = _wrapperElement$getBo.bottom;
+
+    if (targetTop < wrapperTop) {
+      wrapperElement.scrollTop = wrapperElement.scrollTop + targetTop - wrapperTop;
+    } else if (targetBottom > wrapperBottom) {
+      wrapperElement.scrollTop = wrapperElement.scrollTop + targetBottom - wrapperBottom;
+    }
+
+    this.sync();
+  }
+  /**
+   * set content element for given side
+   * @param {Element} element - content element
+   * @param {string} side - 'left' | 'right'
+   * @private
+   */
+  ;
+
+  _proto._setContentElement = function _setContentElement(element, side) {
+    var _this = this;
+
+    var contentElement = this._contentElements[side];
+
+    if (contentElement) {
+      this._eventManager.removeEventHandler(EVENT_REQUIRE_SCROLL_INTO_VIEW);
+
+      this._contentWrapper.removeChild(contentElement);
+    }
+
+    addClass_default()(element, CLASS_CONTENT[side]);
+
+    this._contentWrapper.appendChild(element);
+
+    this._eventManager.listen(EVENT_REQUIRE_SCROLL_INTO_VIEW, function (ev) {
+      return _this._requireScrollIntoView(ev);
+    });
+
+    this._eventManager.listen('requireScrollSync', function () {
+      return _this.sync();
+    });
+
+    this._contentElements[side] = element;
+    this.sync();
+  }
+  /**
+   * set left side element
+   * @param {Element} element - an element to be on left side split view
+   * @private
+   */
+  ;
+
+  _proto._setLeft = function _setLeft(element) {
+    this._setContentElement(element, 'left');
+  }
+  /**
+   * set right side element
+   * @param {Element} element - an element to be on right side split view
+   * @private
+   */
+  ;
+
+  _proto._setRight = function _setRight(element) {
+    this._setContentElement(element, 'right');
+  };
+
+  _proto._setScrollSync = function _setScrollSync(activate) {
+    dom["a" /* default */].toggleClass(this._el, CLASS_SCROLL_SYNC, activate);
+  }
+  /**
+   * toggle multi scroll
+   */
+  ;
+
+  _proto.toggleScrollSync = function toggleScrollSync() {
+    dom["a" /* default */].toggleClass(this._el, CLASS_SCROLL_SYNC);
+  };
+
+  _proto.setSplitView = function setSplitView(activate) {
+    if (!activate) {
+      addClass_default()(this._el, CLASS_SINGLE_CONTENT);
+    } else {
+      removeClass_default()(this._el, CLASS_SINGLE_CONTENT);
+    }
+  }
+  /**
+   * toggle split
+   */
+  ;
+
+  _proto.toggleSplitView = function toggleSplitView() {
+    dom["a" /* default */].toggleClass(this._el, CLASS_SINGLE_CONTENT);
+  }
+  /**
+   * is scroll synced
+   * @returns {boolean} - true for synced, false for each scroll
+   */
+  ;
+
+  _proto.isScrollSynced = function isScrollSynced() {
+    return hasClass_default()(this._el, CLASS_SCROLL_SYNC);
+  }
+  /**
+   * is split view
+   * @returns {boolean} - true for split view, false for single view
+   */
+  ;
+
+  _proto.isSplitView = function isSplitView() {
+    return !hasClass_default()(this._el, CLASS_SINGLE_CONTENT);
+  }
+  /**
+   * sync scroll
+   */
+  ;
+
+  _proto.sync = function sync() {
+    if (!this._contentElements.left || !this._contentElements.right) {
+      return;
+    }
+
+    var wrapperHeight = this._contentWrapper.clientHeight;
+    var scrollTop = this._contentWrapper.scrollTop;
+    var leftElement = this._contentElements.left;
+    var rightElement = this._contentElements.right;
+    var scrollingElement = leftElement.offsetHeight - wrapperHeight > 0 ? leftElement : rightElement;
+    var followingElement = scrollingElement === leftElement ? rightElement : leftElement;
+    var scrollingElementHeight = scrollingElement.offsetHeight;
+    var scrollingElementScrollMax = Math.max(scrollingElementHeight - wrapperHeight, 0);
+    var followingElementHeight = Math.max(followingElement.offsetHeight, wrapperHeight);
+    var followingElementTopMax = scrollingElementHeight - followingElementHeight;
+    css_default()(scrollingElement, {
+      top: 0
+    });
+    css_default()(followingElement, {
+      top: scrollTop / scrollingElementScrollMax * followingElementTopMax + "px"
+    });
+  }
+  /**
+   * scroll top
+   * @param {number} top - scroll top in pixel
+   */
+  ;
+
+  _proto.scrollTop = function scrollTop(top) {
+    this._contentWrapper.scrollTop = top;
+  };
+
+  return ScrollSyncSplit;
+}();
+
+/* harmony default export */ var scrollSyncSplit = (scrollSyncSplit_ScrollSyncSplit);
+// CONCATENATED MODULE: ./src/js/codeBlockEditor.js
+function codeBlockEditor_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements code block editor
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Code Block Editor
+ * @param {HTMLElement} el - code block editor container element
+ * @param {EventManager} eventManager - event manager
+ * @ignore
+ */
+
+var CodeBlockEditor = /*#__PURE__*/function (_CodeMirrorExt) {
+  codeBlockEditor_inheritsLoose(CodeBlockEditor, _CodeMirrorExt);
+
+  function CodeBlockEditor(el, eventManager) {
+    var _this;
+
+    _this = _CodeMirrorExt.call(this, el, {
+      singleCursorHeightPerLine: false,
+      theme: 'none'
+    }) || this;
+    _this._language = '';
+    _this._eventManager = eventManager;
+
+    _this._initEvent();
+
+    return _this;
+  }
+
+  var _proto = CodeBlockEditor.prototype;
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this.on('cursorActivity', this._onRequireScrollIntoView.bind(this));
+    this.on('beforeChange', function (cm, ev) {
+      if (ev.origin === 'paste') {
+        _this2._eventManager.emit('pasteBefore', {
+          source: 'codeblock',
+          data: ev
+        });
+      }
+    });
+  };
+
+  _proto._onRequireScrollIntoView = function _onRequireScrollIntoView() {
+    var _this3 = this;
+
+    var cursor = this.getCursor();
+    var wrapper = this.getWrapperElement(); // CodeMirror cursorActivity event fires before actually attach a new line element to DOM
+    // we should proceed at next tick
+
+    setTimeout(function () {
+      var lineElement = wrapper.querySelector("pre:nth-child(" + (cursor.line + 1) + ")");
+
+      if (lineElement) {
+        _this3._eventManager.emit('requireScrollIntoView', lineElement);
+      }
+    }, 0);
+  }
+  /**
+   * load code from code block element
+   * @param {HTMLElement} codeBlockElement - code block element
+   */
+  ;
+
+  _proto.load = function load(codeBlockElement) {
+    var el = codeBlockElement.cloneNode(true);
+    this.setLanguage(el.getAttribute('data-language') || '');
+    this.setEditorCodeText(el.textContent);
+  }
+  /**
+   * save code to code block element
+   * @param {HTMLElement} codeBlockElement - code block element
+   */
+  ;
+
+  _proto.save = function save(codeBlockElement) {
+    codeBlockElement.innerHTML = '';
+    codeBlockElement.textContent = this.getEditorCodeText();
+    codeBlockElement.setAttribute('data-language', this._language);
+
+    this._eventManager.emit('changeLanguage');
+  }
+  /**
+   * clear code and language
+   */
+  ;
+
+  _proto.clear = function clear() {
+    this.setLanguage('');
+    this.setEditorCodeText('');
+  }
+  /**
+   * get code language
+   * @returns {string} - code language
+   */
+  ;
+
+  _proto.getLanguage = function getLanguage() {
+    return this._language;
+  }
+  /**
+   * set code language
+   * @param {string} [language=''] - code language
+   */
+  ;
+
+  _proto.setLanguage = function setLanguage(language) {
+    if (language === void 0) {
+      language = '';
+    }
+
+    this._language = language;
+  }
+  /**
+   * get code text
+   * @returns {string} - code text
+   */
+  ;
+
+  _proto.getEditorCodeText = function getEditorCodeText() {
+    return this.getValue();
+  }
+  /**
+   * set code text
+   * @param {string} [code=''] - code text
+   */
+  ;
+
+  _proto.setEditorCodeText = function setEditorCodeText(code) {
+    if (code === void 0) {
+      code = '';
+    }
+
+    this.setValue(code);
+  }
+  /**
+   * refresh. call if codemirror resized
+   */
+  ;
+
+  _proto.refresh = function refresh() {
+    this.cm.refresh();
+  };
+
+  return CodeBlockEditor;
+}(codeMirrorExt);
+
+/* harmony default export */ var codeBlockEditor = (CodeBlockEditor);
+// EXTERNAL MODULE: ./src/js/preview.js + 1 modules
+var js_preview = __webpack_require__(38);
+
+// CONCATENATED MODULE: ./src/js/codeBlockPreview.js
+function codeBlockPreview_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function codeBlockPreview_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements CodeBlockPreview
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Code block preview
+ * @param {HTMLElement} el - base element
+ * @param {EventManager} eventManager - event manager
+ * @param {Convertor} convertor - convertor
+ * @param {CodeBlockEditor} codeBlockEditor - code block editor
+ * @ignore
+ */
+
+var CodeBlockPreview = /*#__PURE__*/function (_Preview) {
+  codeBlockPreview_inheritsLoose(CodeBlockPreview, _Preview);
+
+  function CodeBlockPreview(el, eventManager, convertor, codeBlockEditor) {
+    var _this;
+
+    _this = _Preview.call(this, el, eventManager, convertor, true) || this;
+    _this._codeBlockEditor = codeBlockEditor;
+
+    _this._initEvent();
+
+    _this.lazyRunner.registerLazyRunFunction('refresh', _this.refresh, _this.delayCodeBlockTime, codeBlockPreview_assertThisInitialized(_this));
+
+    return _this;
+  }
+
+  var _proto = CodeBlockPreview.prototype;
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this._codeBlockEditor.on('update', function () {
+      return _this2.lazyRunner.run('refresh');
+    });
+  }
+  /**
+   * refresh preview
+   * @override
+   */
+  ;
+
+  _proto.refresh = function refresh() {
+    var language = this._codeBlockEditor.getLanguage();
+
+    var codeText = this._codeBlockEditor.getEditorCodeText();
+
+    _Preview.prototype.refresh.call(this, "```" + language + "\n" + codeText + "\n```");
+
+    this.eventManager.emit('requireScrollSync');
+  }
+  /**
+   * clear preview
+   */
+  ;
+
+  _proto.clear = function clear() {
+    _Preview.prototype.render.call(this, '');
+  };
+
+  return CodeBlockPreview;
+}(js_preview["a" /* default */]);
+
+/* harmony default export */ var codeBlockPreview = (CodeBlockPreview);
+// CONCATENATED MODULE: ./src/js/ui/codeBlockLanguagesCombo.js
+/**
+ * @fileoverview Implements UI code block languages combo
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+/**
+ * Class CodeBlockLanguagesCombo
+ * @param {EventManager} eventManager - event manager instance
+ * @ignore
+ */
+
+var codeBlockLanguagesCombo_CodeBlockLanguagesCombo = /*#__PURE__*/function () {
+  function CodeBlockLanguagesCombo(eventManager, languages) {
+    this._eventManager = eventManager;
+    this._languages = languages;
+
+    this._initDOM();
+
+    this._initDOMEvent();
+
+    this._initEvent();
+  }
+
+  var _proto = CodeBlockLanguagesCombo.prototype;
+
+  _proto._initDOM = function _initDOM() {
+    this._inputLanguage = dom["a" /* default */].createElementWith("");
+    this._wrapper = dom["a" /* default */].createElementWith("");
+
+    this._wrapper.appendChild(this._inputLanguage);
+
+    this._hide();
+  };
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this = this;
+
+    this._inputLanguage.addEventListener('keydown', function (event) {
+      return _this._onKeyEvent(event);
+    });
+
+    this._inputLanguage.addEventListener('focus', function () {
+      return _this._showPopupCodeBlockLanguages();
+    });
+
+    this._inputLanguage.addEventListener('focusout', function () {
+      return _this._onFocusOut();
+    });
+
+    this._wrapper.addEventListener('mousedown', function (ev) {
+      if (ev.target !== _this._wrapper) {
+        return;
+      }
+
+      ev.preventDefault();
+
+      _this._toggleFocus();
+    });
+  };
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this._eventManager.listen('setCodeBlockLanguages', function (languages) {
+      _this2._languages = languages;
+
+      if (languages && languages.length) {
+        _this2._show();
+      } else {
+        _this2._hide();
+      }
+    });
+  }
+  /**
+   * show popup
+   * @private
+   */
+  ;
+
+  _proto._showPopupCodeBlockLanguages = function _showPopupCodeBlockLanguages() {
+    var _this3 = this;
+
+    var clientRect = this._inputLanguage.getBoundingClientRect();
+
+    addClass_default()(this._wrapper, 'active');
+    this.active = true;
+    this._popupCodeBlockLanguages = this._eventManager.emitReduce('openPopupCodeBlockLanguages', {
+      language: this._prevStoredLanguage,
+      offset: {
+        left: clientRect.left,
+        top: clientRect.bottom
+      },
+      callback: {
+        selected: function selected(selectedLanguage) {
+          return _this3._onLanguageSelectedFromList(selectedLanguage);
+        },
+        dismissed: function dismissed() {
+          _this3._popupCodeBlockLanguages = null;
+        }
+      }
+    });
+  };
+
+  _proto._toggleFocus = function _toggleFocus() {
+    var inputLanguage = this._inputLanguage;
+
+    if (hasClass_default()(this._wrapper, 'active')) {
+      inputLanguage.blur();
+    } else {
+      inputLanguage.focus();
+    }
+  };
+
+  _proto._onFocusOut = function _onFocusOut() {
+    removeClass_default()(this._wrapper, 'active');
+    this._inputLanguage.value = this._prevStoredLanguage;
+
+    this._hidePopupCodeBlockLanguages();
+  };
+
+  _proto._onKeyEvent = function _onKeyEvent(event) {
+    if (this._popupCodeBlockLanguages) {
+      switch (event.which) {
+        case keyMapper.keyCode('UP'):
+          this._popupCodeBlockLanguages.prev();
+
+          event.preventDefault();
+          break;
+
+        case keyMapper.keyCode('DOWN'):
+          this._popupCodeBlockLanguages.next();
+
+          event.preventDefault();
+          break;
+
+        case keyMapper.keyCode('ENTER'):
+        case keyMapper.keyCode('TAB'):
+          {
+            var language = this._popupCodeBlockLanguages.getCurrentLanguage();
+
+            this._inputLanguage.value = language;
+
+            this._storeInputLanguage();
+
+            event.preventDefault();
+            break;
+          }
+
+        default:
+          this._popupCodeBlockLanguages.hide();
+
+      }
+    } else if (event.which === keyMapper.keyCode('ENTER') || event.which === keyMapper.keyCode('TAB')) {
+      this._storeInputLanguage();
+
+      event.preventDefault();
+    }
+  };
+
+  _proto._onLanguageSelectedFromList = function _onLanguageSelectedFromList(selectedLanguage) {
+    this._inputLanguage.value = selectedLanguage;
+
+    this._storeInputLanguage();
+  }
+  /**
+   * set a callback to be called on language selected
+   * @param {function} callback - callback function
+   * @protected
+   */
+  ;
+
+  _proto.setOnLanguageSelected = function setOnLanguageSelected(callback) {
+    this._onLanguageSelected = callback;
+  }
+  /**
+   * hide popup
+   * @private
+   */
+  ;
+
+  _proto._hidePopupCodeBlockLanguages = function _hidePopupCodeBlockLanguages() {
+    this._eventManager.emit('closePopupCodeBlockLanguages');
+  }
+  /**
+   * set language
+   * @param {string} language - code block language
+   * @protected
+   */
+  ;
+
+  _proto.setLanguage = function setLanguage(language) {
+    this._prevStoredLanguage = language;
+    this._inputLanguage.value = language;
+  }
+  /**
+   * store selection(typed) language & hide popup
+   * @private
+   */
+  ;
+
+  _proto._storeInputLanguage = function _storeInputLanguage() {
+    var selectedLanguage = this._inputLanguage.value;
+    this.setLanguage(selectedLanguage);
+
+    if (this._onLanguageSelected) {
+      this._onLanguageSelected(selectedLanguage);
+    }
+
+    this._hidePopupCodeBlockLanguages();
+  }
+  /**
+   * get element body
+   * @returns {HTMLElement} - CodeBlockLanguagesCombo body element
+   * @protected
+   */
+  ;
+
+  _proto.getElement = function getElement() {
+    return this._wrapper;
+  };
+
+  _proto._show = function _show() {
+    css_default()(this._wrapper, {
+      display: 'inline-block'
+    });
+  };
+
+  _proto._hide = function _hide() {
+    css_default()(this._wrapper, {
+      display: 'none'
+    });
+  };
+
+  return CodeBlockLanguagesCombo;
+}();
+
+/* harmony default export */ var ui_codeBlockLanguagesCombo = (codeBlockLanguagesCombo_CodeBlockLanguagesCombo);
+// CONCATENATED MODULE: ./src/js/ui/popupCodeBlockEditor.js
+function popupCodeBlockEditor_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements popup code block editor
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+var popupCodeBlockEditor_CLASS_PREFIX = 'popup-editor-';
+var popupCodeBlockEditor_CLASS_OK_BUTTON = 'te-ok-button';
+var popupCodeBlockEditor_CLASS_CLOSE_BUTTON = 'te-close-button';
+var CLASS_POPUP_CLOSE_BUTTON = 'tui-popup-close-button';
+var TEMPLATE_HEADER_BUTTONS = "\n    \n    \n    \n    \n";
+/**
+ * Class popup code block editor
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+var popupCodeBlockEditor_PopupCodeBlockEditor = /*#__PURE__*/function (_LayerPopup) {
+  popupCodeBlockEditor_inheritsLoose(PopupCodeBlockEditor, _LayerPopup);
+
+  function PopupCodeBlockEditor(options) {
+    var TEMPLATE_CONTENT = "\n            
    \n            
    \n                \n                \n            
    \n        ";
+    options = extend_default()({
+      header: true,
+      title: 'CodeBlock Editor',
+      content: TEMPLATE_CONTENT,
+      className: 'tui-popup-code-block-editor',
+      headerButtons: TEMPLATE_HEADER_BUTTONS,
+      modal: true
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupCodeBlockEditor.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this.eventManager = options.eventManager;
+    this.convertor = options.convertor;
+    this.languages = options.languages;
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM(options) {
+    _LayerPopup.prototype._initDOM.call(this, options);
+
+    var el = this.el,
+        eventManager = this.eventManager;
+    this._body = el.querySelector("." + popupCodeBlockEditor_CLASS_PREFIX + "body");
+    this._toggleFitButton = el.querySelector("." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-fit");
+    this._togglePreviewButton = el.querySelector("." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-preview");
+    this._toggleScrollButton = el.querySelector("." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-scroll");
+    this._okButton = el.querySelector("." + popupCodeBlockEditor_CLASS_OK_BUTTON);
+    this._closeButton = el.querySelector("." + popupCodeBlockEditor_CLASS_CLOSE_BUTTON);
+    this._codeMirrorWrapper = this._createCodeBlockEditor();
+    this._previewWrapper = this._createPreview();
+    this._scrollSyncSplit = new scrollSyncSplit(this._body, this._codeMirrorWrapper, this._previewWrapper, {
+      eventManager: eventManager
+    });
+
+    this._updateFitWindowButton();
+
+    this._updatePreviewButton();
+
+    this._updateScrollButton();
+
+    this._codeBlockLanguagesCombo = this._createCodeBlockLanguagesCombo();
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this.on('scroll', function (ev) {
+      return ev.preventDefault();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-fit", function () {
+      return _this._toggleFitToWindow();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-preview", function () {
+      return _this._togglePreview();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-scroll", function () {
+      return _this._toggleScroll();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_OK_BUTTON, function () {
+      return _this._save();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_CLOSE_BUTTON, function () {
+      return _this.hide();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_PREFIX + "close", function () {
+      return _this.hide();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_PREFIX + "editor-wrapper", function (ev) {
+      if (ev.target === _this._codeMirrorWrapper) {
+        _this._focusEditor(true);
+      }
+    });
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this.eventManager.listen('openPopupCodeBlockEditor', function (codeBlockElement) {
+      _this2.eventManager.emit('closeAllPopup');
+
+      _this2.show(codeBlockElement);
+
+      return _this2;
+    });
+    this.eventManager.listen('closeAllPopup', this.hide.bind(this));
+    this.eventManager.listen('closePopupCodeBlockEditor', this.hide.bind(this));
+  };
+
+  _proto._createCodeBlockEditor = function _createCodeBlockEditor() {
+    var codeMirrorWrapper = document.createElement('div');
+    codeMirrorWrapper.className = popupCodeBlockEditor_CLASS_PREFIX + "editor-wrapper";
+    this._codeBlockEditor = new codeBlockEditor(codeMirrorWrapper, this.eventManager);
+    return codeMirrorWrapper;
+  };
+
+  _proto._createPreview = function _createPreview() {
+    var previewWrapper = document.createElement('div');
+    this._codeBlockPreview = new codeBlockPreview(previewWrapper, this.eventManager, this.convertor, this._codeBlockEditor);
+    return previewWrapper;
+  };
+
+  _proto._createCodeBlockLanguagesCombo = function _createCodeBlockLanguagesCombo() {
+    var _this3 = this;
+
+    var titleElement = this.getTitleElement();
+    var codeBlockLanguagesCombo = new ui_codeBlockLanguagesCombo(this.eventManager, this.languages);
+    codeBlockLanguagesCombo.setOnLanguageSelected(function (selectedLanguage) {
+      _this3._codeBlockEditor.setLanguage(selectedLanguage);
+
+      _this3._codeBlockEditor.refresh();
+
+      _this3._focusEditor();
+    });
+    titleElement.innerHTML = 'CodeBlock Editor';
+    titleElement.appendChild(codeBlockLanguagesCombo.getElement());
+    return codeBlockLanguagesCombo;
+  };
+
+  _proto._updateFitWindowButton = function _updateFitWindowButton() {
+    dom["a" /* default */].toggleClass(this._toggleFitButton, 'active', this.isFitToWindow());
+  };
+
+  _proto._updatePreviewButton = function _updatePreviewButton() {
+    dom["a" /* default */].toggleClass(this._togglePreviewButton, 'active', this._scrollSyncSplit.isSplitView());
+  };
+
+  _proto._updateScrollButton = function _updateScrollButton() {
+    if (this._scrollSyncSplit.isSplitView()) {
+      css_default()(this._toggleScrollButton, {
+        display: 'inline-block'
+      });
+    } else {
+      css_default()(this._toggleScrollButton, {
+        display: 'none'
+      });
+    }
+
+    dom["a" /* default */].toggleClass(this._toggleScrollButton, 'active', this._scrollSyncSplit.isScrollSynced());
+  };
+
+  _proto._focusEditor = function _focusEditor(cursorToEnd) {
+    this._codeBlockEditor.focus();
+
+    if (cursorToEnd) {
+      this._codeBlockEditor.moveCursorToEnd();
+    } else {
+      this._codeBlockEditor.moveCursorToStart();
+    }
+  };
+
+  _proto._togglePreview = function _togglePreview() {
+    this._scrollSyncSplit.toggleSplitView();
+
+    this._updatePreviewButton();
+
+    this._updateScrollButton();
+
+    this._codeBlockEditor.refresh();
+  };
+
+  _proto._toggleFitToWindow = function _toggleFitToWindow() {
+    this.toggleFitToWindow();
+
+    this._updateFitWindowButton();
+
+    this._codeBlockEditor.refresh();
+  };
+
+  _proto._toggleScroll = function _toggleScroll() {
+    this._scrollSyncSplit.toggleScrollSync();
+
+    this._updateScrollButton();
+  }
+  /**
+   * store code mirror text to wysiwyg code block
+   * @private
+   */
+  ;
+
+  _proto._save = function _save() {
+    this._codeBlockEditor.save(this._codeBlockElement);
+
+    this.hide();
+  }
+  /**
+   * load code mirror text from wysiwyg code block
+   * @param {HTMLElement} codeBlockElement - code block element instance to load code from
+   * @private
+   */
+  ;
+
+  _proto._load = function _load(codeBlockElement) {
+    this._codeBlockElement = codeBlockElement;
+
+    this._codeBlockEditor.load(codeBlockElement);
+
+    this._codeBlockLanguagesCombo.setLanguage(this._codeBlockEditor.getLanguage());
+
+    this._focusEditor();
+
+    this._codeBlockPreview.refresh();
+  }
+  /**
+   * show popup
+   * @param {HTMLElement} codeBlockElement - code block element
+   * @override
+   */
+  ;
+
+  _proto.show = function show(codeBlockElement) {
+    _LayerPopup.prototype.show.call(this);
+
+    if (!codeBlockElement) {
+      throw new Error('should be called with codeBlockElement');
+    }
+
+    this._load(codeBlockElement);
+  }
+  /**
+   * hide popup
+   * @override
+   */
+  ;
+
+  _proto.hide = function hide() {
+    this.setFitToWindow(false);
+
+    if (this._codeBlockEditor) {
+      this._codeBlockEditor.clear();
+    }
+
+    if (this._codeBlockPreview) {
+      this._codeBlockPreview.clear();
+    }
+
+    this._codeBlockElement = null;
+
+    _LayerPopup.prototype.hide.call(this);
+  };
+
+  return PopupCodeBlockEditor;
+}(layerpopup);
+
+/* harmony default export */ var popupCodeBlockEditor = (popupCodeBlockEditor_PopupCodeBlockEditor);
+// CONCATENATED MODULE: ./src/js/ui/defaultUI.js
+function defaultUI_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview default UI
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var CLASS_TOOLBAR = 'te-toolbar-section';
+var CLASS_MARKDOWN_TAB = 'te-markdown-tab-section';
+var CLASS_EDITOR = 'te-editor-section';
+var CLASS_MODE_SWITCH = 'te-mode-switch-section';
+var CONTAINER_TEMPLATE = ['
    ', "
    ", "
    ", "
    ", '
    '].join('');
+/**
+ * Class DefaultUI
+ * @param {ToastUIEditor} editor - editor instance
+ */
+
+var defaultUI_DefaultUI = /*#__PURE__*/function () {
+  /**
+   * UI name
+   * @type {string}
+   */
+
+  /**
+   * DefaultToolbar wrapper element
+   * @type {HTMLElement}
+   */
+
+  /**
+   * DefaultToolbar instance
+   * @type {DefaultToolbar}
+   * @private
+   */
+
+  /**
+   * @type {HTMLElement}
+   * @private
+   */
+
+  /**
+   * editor section element
+   * @private
+   * @type {HTMLElement}
+   */
+
+  /**
+   * editor type ww/md
+   * @private
+   * @type {string}
+   */
+
+  /**
+   * editor instance
+   * @private
+   * @type {ToastUIEditor}
+   */
+
+  /**
+   * markdown tab section element
+   * @private
+   * @type {HTMLElement}
+   */
+
+  /**
+   * markdown tab
+   * @private
+   * @type {Tab}
+   */
+
+  /**
+   * mode switch instance
+   * @private
+   * @type {ModeSwitch}
+   */
+
+  /**
+   * popup instances
+   * @private
+   * @type {Array}
+   */
+  function DefaultUI(editor) {
+    defaultUI_defineProperty(this, "name", 'default');
+
+    defaultUI_defineProperty(this, "el", void 0);
+
+    defaultUI_defineProperty(this, "_toolbar", void 0);
+
+    defaultUI_defineProperty(this, "_container", void 0);
+
+    defaultUI_defineProperty(this, "_editorSection", void 0);
+
+    defaultUI_defineProperty(this, "_initialEditType", void 0);
+
+    defaultUI_defineProperty(this, "_editor", void 0);
+
+    defaultUI_defineProperty(this, "_markdownTabSection", void 0);
+
+    defaultUI_defineProperty(this, "_markdownTab", void 0);
+
+    defaultUI_defineProperty(this, "_modeSwitch", void 0);
+
+    defaultUI_defineProperty(this, "_popups", []);
+
+    this._editor = editor;
+    this._initialEditType = editor.options.initialEditType;
+
+    this._init(editor.options);
+
+    this._initEvent();
+  }
+
+  var _proto = DefaultUI.prototype;
+
+  _proto._init = function _init(_ref) {
+    var container = _ref.el,
+        toolbarItems = _ref.toolbarItems,
+        hideModeSwitch = _ref.hideModeSwitch;
+    this.el = dom["a" /* default */].createElementWith(CONTAINER_TEMPLATE, container);
+    this._container = container;
+    this._editorSection = this.el.querySelector("." + CLASS_EDITOR);
+
+    this._editorSection.appendChild(this._editor.layout.getEditorEl());
+
+    this._initToolbar(this._editor.eventManager, toolbarItems);
+
+    this._initModeSwitch(this._editor.eventManager, hideModeSwitch);
+
+    this._initPopupAddLink();
+
+    this._initPopupAddImage();
+
+    this._initPopupAddTable();
+
+    this._initPopupAddHeading();
+
+    this._initPopupTableUtils();
+
+    this._initPopupCodeBlockLanguages();
+
+    this._initPopupCodeBlockEditor();
+
+    this._initMarkdownTab();
+  };
+
+  _proto._initEvent = function _initEvent() {
+    this._editor.eventManager.listen('hide', this.hide.bind(this));
+
+    this._editor.eventManager.listen('show', this.show.bind(this));
+
+    this._editor.eventManager.listen('changeMode', this._markdownTabControl.bind(this));
+
+    this._editor.eventManager.listen('changePreviewStyle', this._markdownTabControl.bind(this));
+  };
+
+  _proto._initToolbar = function _initToolbar(eventManager, toolbarItems) {
+    var toolbar = new defaultToolbar(eventManager, toolbarItems);
+    this._toolbar = toolbar;
+    this.el.querySelector("." + CLASS_TOOLBAR).appendChild(toolbar.el);
+  };
+
+  _proto._initModeSwitch = function _initModeSwitch(eventManager, hideModeSwitch) {
+    var _this = this;
+
+    var modeSwitchTabBar = this.el.querySelector("." + CLASS_MODE_SWITCH);
+    var editType = this._initialEditType === 'markdown' ? ui_modeSwitch.TYPE.MARKDOWN : ui_modeSwitch.TYPE.WYSIWYG;
+    var modeSwitch = new ui_modeSwitch(modeSwitchTabBar, editType, eventManager);
+    this._modeSwitch = modeSwitch;
+
+    if (hideModeSwitch) {
+      modeSwitch.hide();
+    }
+
+    modeSwitch.on('modeSwitched', function (type) {
+      return _this._editor.changeMode(type);
+    });
+  };
+
+  _proto._initMarkdownTab = function _initMarkdownTab() {
+    var editor = this._editor;
+    this._markdownTab = new tab({
+      initName: i18n.get('Write'),
+      items: [i18n.get('Write'), i18n.get('Preview')],
+      sections: [editor.layout.getMdEditorContainerEl(), editor.layout.getPreviewEl()]
+    });
+    this._markdownTabSection = this.el.querySelector("." + CLASS_MARKDOWN_TAB);
+
+    this._markdownTabSection.appendChild(this._markdownTab.el);
+
+    this._markdownTab.on('itemClick', function (itemText) {
+      if (itemText === i18n.get('Preview')) {
+        editor.eventManager.emit('previewNeedsRefresh');
+        editor.eventManager.emit('changePreviewTabPreview');
+        editor.eventManager.emit('closeAllPopup');
+      } else {
+        editor.getCodeMirror().focus();
+        editor.eventManager.emit('changePreviewTabWrite');
+      }
+    });
+  };
+
+  _proto._markdownTabControl = function _markdownTabControl() {
+    if (this._editor.isMarkdownMode() && this._editor.getCurrentPreviewStyle() === 'tab') {
+      css_default()(this._markdownTabSection, {
+        display: 'block'
+      });
+
+      this._markdownTab.activate(i18n.get('Write'));
+    } else {
+      css_default()(this._markdownTabSection, {
+        display: 'none'
+      });
+    }
+  };
+
+  _proto._initPopupAddLink = function _initPopupAddLink() {
+    this._popups.push(new popupAddLink({
+      target: this.el,
+      editor: this._editor
+    }));
+  };
+
+  _proto._initPopupAddImage = function _initPopupAddImage() {
+    this._popups.push(new popupAddImage({
+      target: this.el,
+      eventManager: this._editor.eventManager
+    }));
+  };
+
+  _proto._initPopupAddTable = function _initPopupAddTable() {
+    this._popups.push(new popupAddTable({
+      target: this._toolbar.el,
+      eventManager: this._editor.eventManager,
+      button: this.el.querySelector('button.tui-table'),
+      css: {
+        position: 'absolute'
+      }
+    }));
+  };
+
+  _proto._initPopupAddHeading = function _initPopupAddHeading() {
+    this._popups.push(new popupAddHeading({
+      target: this._toolbar.el,
+      eventManager: this._editor.eventManager,
+      button: this.el.querySelector('button.tui-heading'),
+      css: {
+        position: 'absolute'
+      }
+    }));
+  };
+
+  _proto._initPopupTableUtils = function _initPopupTableUtils() {
+    var _this2 = this;
+
+    this._editor.eventManager.listen('contextmenu', function (ev) {
+      if (dom["a" /* default */].parents(ev.data.target, '[contenteditable=true] table').length > 0) {
+        ev.data.preventDefault();
+
+        _this2._editor.eventManager.emit('openPopupTableUtils', ev.data);
+      }
+    });
+
+    this._popups.push(new popupTableUtils({
+      target: this.el,
+      eventManager: this._editor.eventManager
+    }));
+  };
+
+  _proto._initPopupCodeBlockLanguages = function _initPopupCodeBlockLanguages() {
+    var editor = this._editor;
+
+    this._popups.push(new popupCodeBlockLanguages({
+      target: this.el,
+      eventManager: editor.eventManager,
+      languages: editor.codeBlockLanguages
+    }));
+  };
+
+  _proto._initPopupCodeBlockEditor = function _initPopupCodeBlockEditor() {
+    this._popups.push(new popupCodeBlockEditor({
+      target: this.el,
+      eventManager: this._editor.eventManager,
+      convertor: this._editor.convertor,
+      languages: this._editor.codeBlockLanguages
+    }));
+  }
+  /**
+   * get toolbar instance
+   * @returns {Toolbar} - toolbar instance
+   */
+  ;
+
+  _proto.getToolbar = function getToolbar() {
+    return this._toolbar;
+  }
+  /**
+   * set toolbar instance
+   * @param {Toolbar} toolbar - toolbar
+   */
+  ;
+
+  _proto.setToolbar = function setToolbar(toolbar) {
+    this._toolbar.destroy();
+
+    this._toolbar = toolbar;
+  }
+  /**
+   * get mode switch instance
+   * @returns {ModeSwitch} - mode switch instance
+   */
+  ;
+
+  _proto.getModeSwitch = function getModeSwitch() {
+    return this._modeSwitch;
+  }
+  /**
+   * get editor section height
+   * @returns {Number} - height of editor section
+   */
+  ;
+
+  _proto.getEditorSectionHeight = function getEditorSectionHeight() {
+    var clientRect = this._editorSection.getBoundingClientRect();
+
+    return clientRect.bottom - clientRect.top;
+  }
+  /**
+   * get editor height
+   * @returns {Number} - height of editor
+   */
+  ;
+
+  _proto.getEditorHeight = function getEditorHeight() {
+    var clientRect = this._container.getBoundingClientRect();
+
+    return clientRect.bottom - clientRect.top;
+  }
+  /**
+   * get Table Popup
+   * @returns {PopupTableUtils} - PopupTableUtils
+   */
+  ;
+
+  _proto.getPopupTableUtils = function getPopupTableUtils() {
+    var tablePopup;
+
+    this._popups.forEach(function (popup) {
+      if (popup instanceof popupTableUtils) {
+        tablePopup = popup;
+      }
+    });
+
+    return tablePopup;
+  }
+  /**
+   * hide
+   */
+  ;
+
+  _proto.hide = function hide() {
+    addClass_default()(this.el, 'te-hide');
+  }
+  /**
+   * show
+   */
+  ;
+
+  _proto.show = function show() {
+    removeClass_default()(this.el, 'te-hide');
+  }
+  /**
+   * remove
+   */
+  ;
+
+  _proto.remove = function remove() {
+    dom["a" /* default */].remove(this.el);
+
+    this._markdownTab.remove();
+
+    this._modeSwitch.remove();
+
+    this._toolbar.destroy();
+
+    this._popups.forEach(function (popup) {
+      return popup.remove();
+    });
+
+    this._popups = [];
+    tooltip.hide();
+  }
+  /**
+   * creates popup
+   * @param {LayerPopupOption} options - layerPopup options
+   * @returns {LayerPopup} - crated layerPopup
+   */
+  ;
+
+  _proto.createPopup = function createPopup(options) {
+    return new layerpopup(options);
+  };
+
+  return DefaultUI;
+}();
+
+/* harmony default export */ var defaultUI = (defaultUI_DefaultUI);
+// EXTERNAL MODULE: ./src/js/codeBlockManager.js
+var codeBlockManager = __webpack_require__(30);
+
+// EXTERNAL MODULE: /Users/nhn/project/tui.editor/libs/to-mark/dist/to-mark.js
+var to_mark = __webpack_require__(32);
+var to_mark_default = /*#__PURE__*/__webpack_require__.n(to_mark);
+
+// CONCATENATED MODULE: ./src/js/toMarkRenderer.js
+
+
+/**
+ * Check if given node is valid delimiter run.
+ * According to common-mark spec, following examples are not valid delimiter runs.
+ * 1. opening (*|**) preceded by an alphanumeric and followed by a punctuation.
+ *    (ex: a**~~c~~b**)
+ * 2. closing (*|**) preceded by a punctuation and followed by an alphanumeric.
+ *    (ex: **b~~c~~**a)
+ * @see {@link https://spec.commonmark.org/0.29/#delimiter-run}
+ * @see {@link https://github.com/commonmark/commonmark-spec/issues/611#issuecomment-533578503}
+ */
+
+function isValidDelimiterRun(node) {
+  var isElemNode = dom["a" /* default */].isElemNode,
+      isTextNode = dom["a" /* default */].isTextNode;
+  var isInvalidOpener = isTextNode(node.previousSibling) && isElemNode(node.firstChild);
+  var isInvalidCloser = isTextNode(node.nextSibling) && isElemNode(node.lastChild);
+  return !isInvalidOpener && !isInvalidCloser;
+}
+
+function convertEmphasis(node, subContent, delimiter) {
+  var FIND_BEFORE_AND_AFTER_SPACES_RX = /^(\s*)((?:.|\n)*\S)(\s*)$/m;
+
+  var _subContent$match = subContent.match(FIND_BEFORE_AND_AFTER_SPACES_RX),
+      beforeSpaces = _subContent$match[1],
+      trimmedContent = _subContent$match[2],
+      afterSpaces = _subContent$match[3];
+
+  var convertedContent;
+
+  if (isValidDelimiterRun(node)) {
+    convertedContent = "" + delimiter + trimmedContent + delimiter;
+  } else {
+    var tagName = node.nodeName.toLowerCase();
+    convertedContent = "<" + tagName + ">" + trimmedContent + "";
+  }
+
+  return "" + beforeSpaces + convertedContent + afterSpaces;
+}
+
+/* harmony default export */ var toMarkRenderer = (to_mark_default.a.Renderer.factory(to_mark_default.a.gfmRenderer, {
+  'EM, I': function EMI(node, subContent) {
+    if (this.isEmptyText(subContent)) {
+      return '';
+    }
+
+    return convertEmphasis(node, subContent, '*');
+  },
+  'STRONG, B': function STRONGB(node, subContent) {
+    if (this.isEmptyText(subContent)) {
+      return '';
+    }
+
+    return convertEmphasis(node, subContent, '**');
+  },
+  'DEL, S': function DELS(node, subContent) {
+    if (this.isEmptyText(subContent)) {
+      return '';
+    }
+
+    return convertEmphasis(node, subContent, '~~');
+  }
+}));
+// EXTERNAL MODULE: ./src/js/pluginHelper.js
+var pluginHelper = __webpack_require__(31);
+
+// CONCATENATED MODULE: ./src/js/markdownCommands/emphasisCommon.js
+/**
+ * @fileoverview This file is common logic for italic, bold, strike makrdown commands.
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * range expand according to expendSize
+ * If can not expand, return null
+ * @param {range} range - range
+ * @param {number} expendSize - expendSize
+ * @returns {object} expanded range or null
+ * @ignore
+ */
+var getExpandedRange = function getExpandedRange(range, expendSize) {
+  var start = range.start,
+      end = range.end;
+  var expendRange;
+
+  if (start.ch >= expendSize) {
+    var from = {
+      line: start.line,
+      ch: start.ch - expendSize
+    };
+    var to = {
+      line: end.line,
+      ch: end.ch + expendSize
+    };
+    expendRange = {
+      from: from,
+      to: to
+    };
+  }
+
+  return expendRange;
+};
+/**
+ * remove symbol in the front and back of text
+ * @param {string} text - text
+ * @param {string} symbol - text
+ * @returns {string}
+ * @ignore
+ */
+
+
+var removeSyntax = function removeSyntax(text, symbol) {
+  var symbolLength = symbol.length;
+  return text.substr(symbolLength, text.length - symbolLength * 2);
+};
+/**
+ * append symbol in the front and back of text
+ * @param {string} text - text
+ * @param {string} symbol - text
+ * @returns {string}
+ * @ignore
+ */
+
+var appendSyntax = function appendSyntax(text, symbol) {
+  return "" + symbol + text + symbol;
+};
+/**
+ * check expanded text and replace text using replacer
+ * @param {CodeMirror.doc} doc - doc of codemirror
+ * @param {range} range - origin range
+ * @param {number} expandSize - expandSize
+ * @param {function} checker - sytax check function
+ * @param {function} replacer - text replace function
+ * @returns {boolean} - if replace text, return true.
+ * @ignore
+ */
+
+var expandReplace = function expandReplace(doc, range, expandSize, checker, replacer) {
+  var expendRange = getExpandedRange(range, expandSize);
+  var result = false;
+
+  if (expendRange) {
+    var from = expendRange.from,
+        to = expendRange.to;
+    var expendRangeText = doc.getRange(from, to);
+
+    if (checker(expendRangeText)) {
+      doc.setSelection(from, to);
+      doc.replaceSelection(replacer(expendRangeText), 'around');
+      result = true;
+    }
+  }
+
+  return result;
+};
+/**
+ * check text and replace text using replacer
+ * @param {CodeMirror.doc} doc - doc of codemirror
+ * @param {string} text - text
+ * @param {function} checker - sytax check function
+ * @param {function} replacer - text replace function
+ * @returns {boolean} - if replace text, return true.
+ * @ignore
+ */
+
+var replace = function replace(doc, text, checker, replacer) {
+  var result = false;
+
+  if (checker(text)) {
+    doc.replaceSelection(replacer(text), 'around');
+    result = true;
+  }
+
+  return result;
+};
+var changeSyntax = function changeSyntax(doc, range, symbol, syntaxRegex, contentRegex) {
+  var _doc$getCursor = doc.getCursor(),
+      line = _doc$getCursor.line,
+      ch = _doc$getCursor.ch;
+
+  var selectionStr = doc.getSelection();
+  var symbolLength = symbol.length;
+
+  var isSyntax = function isSyntax(t) {
+    return syntaxRegex.test(t);
+  }; // 1. expand text and check syntax => remove syntax
+  // 2. check text is syntax => remove syntax
+  // 3. If text does not match syntax, remove syntax inside text and then append syntax
+
+
+  if (!(expandReplace(doc, range, symbolLength, isSyntax, function (t) {
+    return removeSyntax(t, symbol);
+  }) || replace(doc, selectionStr, isSyntax, function (t) {
+    return removeSyntax(t, symbol);
+  }))) {
+    var removeSyntaxInsideText = selectionStr.replace(contentRegex, '$1');
+    doc.replaceSelection(appendSyntax(removeSyntaxInsideText, symbol), 'around');
+  }
+
+  var afterSelectStr = doc.getSelection();
+  var size = ch;
+
+  if (!selectionStr) {
+    // If text was not selected, after replace text, move cursor
+    // For example **|** => | (move cusor -symbolLenth)
+    if (isSyntax(afterSelectStr)) {
+      size += symbolLength;
+    } else {
+      size -= symbolLength;
+    }
+
+    doc.setCursor(line, size);
+  }
+};
+// CONCATENATED MODULE: ./src/js/markdownCommands/bold.js
+/**
+ * @fileoverview Implements Bold markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var boldRangeRegex = /^(\*{2}|_{2}).*\1$/;
+var boldContentRegex = /[*_]{2,}([^*_]*)[*_]{2,}/g;
+var boldSymbol = '**';
+/**
+ * Bold
+ * Add bold markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Bold
+ * @ignore
+ */
+
+var Bold = commandManager["a" /* default */].command('markdown',
+/** @lends Bold */
+{
+  name: 'Bold',
+  keyMap: ['CTRL+B', 'META+B'],
+
+  /**
+   * Command Handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var originRange = mde.getRange();
+    changeSyntax(doc, originRange, boldSymbol, boldRangeRegex, boldContentRegex);
+    cm.focus();
+  }
+});
+/* harmony default export */ var bold = (Bold);
+// CONCATENATED MODULE: ./src/js/markdownCommands/italic.js
+/**
+ * @fileoverview Implements Italic markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var boldItalicRangeRegex = /^(\*{3}|_{3}).*\1$/;
+var italic_boldRangeRegex = /^(\*{2}|_{2}).*\1$/;
+var italicRangeRegex = /^(\*|_).*\1$/;
+var italicContentRegex = /([^*_])[*_]([^*_]+)[*_]([^*_])/g;
+
+var isBoldItalic = function isBoldItalic(t) {
+  return boldItalicRangeRegex.test(t);
+};
+
+var isBold = function isBold(t) {
+  return italic_boldRangeRegex.test(t);
+};
+
+var isItalic = function isItalic(t) {
+  return italicRangeRegex.test(t);
+};
+
+var italicSymbol = '*';
+var italic_boldSymbol = '**';
+var boldItalicSymbol = '***';
+var italicLength = italicSymbol.length;
+var boldLength = italic_boldSymbol.length;
+var boldItalicLength = boldItalicSymbol.length;
+/**
+ * remove italic syntax in the middle of given text
+ * @param {string} text - text selected
+ * @returns {string} - text eliminated all italic in the middle of it's content
+ * @ignore
+ */
+
+var removeItalicInsideText = function removeItalicInsideText(text) {
+  return text ? text.replace(italicContentRegex, '$1$2$3') : '';
+};
+
+var italic_replaceText = function replaceText(doc, text, range) {
+  // Check 3 cases when both text and expand text
+  // case 1 : bold & italic (when expand 3 both front and end) => remove italic
+  // case 2 : bold (when expand 2 both front and end) => append
+  // case 3 : italic (expand 1 both front and end) => remove
+  var expandReplaceBind = expandReplace.bind(this, doc, range);
+  return expandReplaceBind(boldItalicLength, isBoldItalic, function (t) {
+    return removeSyntax(t, italicSymbol);
+  }) || expandReplaceBind(boldLength, isBold, function (t) {
+    return appendSyntax(removeItalicInsideText(t), italicSymbol);
+  }) || expandReplaceBind(italicLength, isItalic, function (t) {
+    return removeSyntax(t, italicSymbol);
+  }) || replace(doc, text, isBoldItalic, function (t) {
+    return removeSyntax(t, italicSymbol);
+  }) || replace(doc, text, isBold, function (t) {
+    return appendSyntax(removeItalicInsideText(t), italicSymbol);
+  }) || replace(doc, text, isItalic, function (t) {
+    return removeSyntax(t, italicSymbol);
+  });
+};
+
+var italic_replaceEmptyText = function replaceEmptyText(doc, range) {
+  // Check 3 cases when expand text
+  // case 1 : bold & italic => remove italic
+  // case 2 : bold => append
+  // case 3 : italic => remove
+  // if there is no match, make italic
+  return expandReplace(doc, range, boldItalicLength, isBoldItalic, function (t) {
+    return removeSyntax(t, italicSymbol);
+  }) || expandReplace(doc, range, boldLength, isBold, function (t) {
+    return appendSyntax(t, italicSymbol);
+  }) || expandReplace(doc, range, italicLength, isItalic, function () {
+    return '';
+  }) || doc.replaceSelection("" + italicSymbol + italicSymbol, 'around');
+};
+/**
+ * Italic
+ * Add italic markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Italic
+ * @ignore
+ */
+
+
+var Italic = commandManager["a" /* default */].command('markdown',
+/** @lends Italic */
+{
+  name: 'Italic',
+  keyMap: ['CTRL+I', 'META+I'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+
+    var _doc$getCursor = doc.getCursor(),
+        line = _doc$getCursor.line,
+        ch = _doc$getCursor.ch;
+
+    var range = mde.getRange();
+    var selectionStr = doc.getSelection();
+
+    if (selectionStr) {
+      // check selectionStr match bold & italic, bold, italic and then
+      // if there is no match, append italic
+      if (!italic_replaceText(doc, selectionStr, range)) {
+        // Before append italic, remove italic inside text and then append italic
+        // Example: One*Two*Three => *OneTwoThree*
+        doc.replaceSelection(appendSyntax(removeItalicInsideText(selectionStr), italicSymbol), 'around');
+      }
+    } else {
+      italic_replaceEmptyText(doc, range);
+      var afterSelectStr = doc.getSelection();
+      var size = ch; // If text was not selected, after replace text, move cursor
+
+      if (isBoldItalic(afterSelectStr) || isItalic(afterSelectStr) && !isBold(afterSelectStr)) {
+        // For example **|** => ***|*** (move cusor +symbolLenth)
+        size += italicLength;
+      } else {
+        // For example *|* => | (move cusor -symbolLenth)
+        size -= italicLength;
+      }
+
+      doc.setCursor(line, size);
+    }
+
+    cm.focus();
+  }
+});
+/* harmony default export */ var italic = (Italic);
+// CONCATENATED MODULE: ./src/js/markdownCommands/strike.js
+/**
+ * @fileoverview Implements StrikeThrough markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var strikeRangeRegex = /^~~.*~~$/;
+var strikeContentRegex = /~~([^~]*)~~/g;
+var strikeSymbol = '~~';
+/**
+ * Strike
+ * Add strike markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Strike
+ * @ignore
+ */
+
+var Strike = commandManager["a" /* default */].command('markdown',
+/** @lends Strike */
+{
+  name: 'Strike',
+  keyMap: ['CTRL+S', 'META+S'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var originRange = mde.getRange();
+    changeSyntax(doc, originRange, strikeSymbol, strikeRangeRegex, strikeContentRegex);
+    cm.focus();
+  }
+});
+/* harmony default export */ var strike = (Strike);
+// CONCATENATED MODULE: ./src/js/markdownCommands/blockquote.js
+/**
+ * @fileoverview Implements Blockquote markdown command
+ * @author NHN FE Development Lab 
+ */
+
+var BlockquoteRegex = /^> ?/;
+/**
+ * Blockquote
+ * Add blockquote markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Blockquote
+ * @ignore
+ */
+
+var Blockquote = commandManager["a" /* default */].command('markdown',
+/** @lends Blockquote */
+{
+  name: 'Blockquote',
+  keyMap: ['ALT+Q', 'ALT+Q'],
+
+  /**
+   * command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: 0
+    };
+    var to = {
+      line: range.to.line,
+      ch: doc.getLineHandle(range.to.line).text.length
+    };
+    var textToModify = doc.getRange(from, to);
+    var textLinesToModify = textToModify.split('\n');
+
+    var isNeedToRemove = this._haveBlockquote(textLinesToModify);
+
+    var resultText;
+
+    if (isNeedToRemove) {
+      resultText = this._removeBlockquote(textLinesToModify);
+    } else {
+      resultText = this._addBlockquote(textLinesToModify);
+    }
+
+    doc.replaceRange(resultText.join('\n'), from, to);
+
+    if (isNeedToRemove) {
+      var length = textLinesToModify.length;
+
+      if (this._isBlockquoteWithSpace(textLinesToModify[length - 1])) {
+        range.to.ch -= 2;
+      } else {
+        range.to.ch -= 1;
+      }
+    } else {
+      range.to.ch += 2;
+    }
+
+    doc.setCursor(range.to);
+    cm.focus();
+  },
+
+  /**
+   * check all text in textArr starts with '>'
+   * @param {Array} textArr - text array
+   * @returns {boolean} - true if all text in textArr starts with '>'
+   * @private
+   */
+  _haveBlockquote: function _haveBlockquote(textArr) {
+    for (var i = 0; i < textArr.length; i += 1) {
+      if (!BlockquoteRegex.test(textArr[i])) {
+        return false;
+      }
+    }
+
+    return true;
+  },
+
+  /**
+   * add '> ' to all text in textArr
+   * @param {Array} textArr - text array
+   * @returns {Array} - new text array added '> '
+   * @private
+   */
+  _addBlockquote: function _addBlockquote(textArr) {
+    return textArr.map(function (text) {
+      return "> " + text;
+    });
+  },
+
+  /**
+   * remove '> ' or '>' to all text in textArr
+   * @param {Array} textArr - text array
+   * @returns {Array} - new text array removed '> ' or  '>'
+   * @private
+   */
+  _removeBlockquote: function _removeBlockquote(textArr) {
+    return textArr.map(function (text) {
+      return text.replace(BlockquoteRegex, '');
+    });
+  },
+
+  /**
+   * check text start '> '
+   * @param {string} text - text
+   * @returns {boolean} - if text start '> ', true
+   * @private
+   */
+  _isBlockquoteWithSpace: function _isBlockquoteWithSpace(text) {
+    return /^> /.test(text);
+  }
+});
+/* harmony default export */ var blockquote = (Blockquote);
+// CONCATENATED MODULE: ./src/js/markdownCommands/heading.js
+/**
+ * @fileoverview Implements Heading markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var heading_FIND_HEADING_RX = /^#+\s/g;
+/**
+ * Heading
+ * Add heading markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Heading
+ * @ignore
+ */
+
+var Heading = commandManager["a" /* default */].command('markdown',
+/** @lends Heading */
+{
+  name: 'Heading',
+
+  /**
+   * Command Handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   * @param {number} size heading size
+   */
+  exec: function exec(mde, size) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: 0
+    };
+    var to = {
+      line: range.to.line,
+      ch: doc.getLineHandle(range.to.line).text.length
+    };
+    var lengthOfCurrentLineBefore = doc.getLine(to.line).length;
+    var textToModify = doc.getRange(from, to);
+    var textLinesToModify = textToModify.split('\n');
+    toArray_default()(textLinesToModify).forEach(function (line, index) {
+      textLinesToModify[index] = getHeadingMarkdown(line, size);
+    });
+    doc.replaceRange(textLinesToModify.join('\n'), from, to);
+    range.to.ch += doc.getLine(to.line).length - lengthOfCurrentLineBefore;
+    doc.setSelection(from, range.to);
+    cm.focus();
+  }
+});
+/**
+ * Get heading markdown
+ * @param {string} text Source test
+ * @param {number} size size
+ * @returns {string}
+ */
+
+function getHeadingMarkdown(text, size) {
+  var foundedHeading = text.match(heading_FIND_HEADING_RX);
+  var heading = '';
+
+  do {
+    heading += '#';
+    size -= 1;
+  } while (size > 0);
+
+  if (foundedHeading) {
+    var _text$split = text.split(foundedHeading[0]);
+
+    text = _text$split[1];
+  }
+
+  return heading + " " + text;
+}
+
+/* harmony default export */ var markdownCommands_heading = (Heading);
+// CONCATENATED MODULE: ./src/js/markdownCommands/paragraph.js
+/**
+ * @fileoverview Implements Paragraph markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Paragraph
+ * Convert selected lines to paragraph
+ * @extends Command
+ * @module markdownCommands/Paragraph
+ * @ignore
+ */
+
+var Paragraph = commandManager["a" /* default */].command('markdown',
+/** @lends Paragraph */
+{
+  name: 'Paragraph',
+
+  /**
+   * Command Handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: 0
+    };
+    var to = {
+      line: range.to.line,
+      ch: doc.getLineHandle(range.to.line).text.length
+    };
+    var lengthOfCurrentLineBefore = doc.getLine(to.line).length;
+    var textToModify = doc.getRange(from, to);
+    var textLines = textToModify.split('\n');
+    toArray_default()(textLines).forEach(function (line, index) {
+      textLines[index] = getParagraphMarkdown(line);
+    });
+    doc.replaceRange(textLines.join('\n'), from, to);
+    range.to.ch += doc.getLine(to.line).length - lengthOfCurrentLineBefore;
+    doc.setSelection(from, to);
+    cm.focus();
+  }
+});
+/**
+ * Get paragraph markdown lineText
+ * @param {string} lineText line lineText
+ * @returns {string}
+ */
+
+function getParagraphMarkdown(lineText) {
+  var headingRx = /^(#{1,6}| *((?:\*|-|\d\.)(?: \[[ xX]])?)) /;
+  return lineText.replace(headingRx, '');
+}
+
+/* harmony default export */ var paragraph = (Paragraph);
+// CONCATENATED MODULE: ./src/js/markdownCommands/hr.js
+/**
+ * @fileoverview Implements HR markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * HR
+ * Add HR markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/HR
+ * @ignore
+ */
+
+var HR = commandManager["a" /* default */].command('markdown',
+/** @lends HR */
+{
+  name: 'HR',
+  keyMap: ['CTRL+L', 'META+L'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var replaceText = '';
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: range.from.ch
+    };
+    var to = {
+      line: range.to.line,
+      ch: range.to.ch
+    };
+
+    if (range.collapsed) {
+      replaceText = doc.getLine(from.line);
+      from.ch = 0;
+      to.ch = doc.getLineHandle(range.to.line).text.length;
+    }
+
+    if (doc.getLine(from.line).length) {
+      replaceText += '\n\n* * *\n\n';
+    } else {
+      replaceText += '\n* * *\n';
+    }
+
+    doc.replaceRange(replaceText, from, to);
+    cm.focus();
+  }
+});
+/* harmony default export */ var markdownCommands_hr = (HR);
+// CONCATENATED MODULE: ./src/js/markdownCommands/addLink.js
+/**
+ * @fileoverview Implements Addlink markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var addLink_decodeURIGraceful = importManager.decodeURIGraceful,
+    encodeMarkdownCharacters = importManager.encodeMarkdownCharacters;
+var FIND_MARKDOWN_IMAGE_SYNTAX_RX = /!\[.*\]\(.*\)/g;
+var FIND_ESCAPED_CHARS_RX = /\(|\)|\[|\]|<|>/g;
+
+function escapeLinkTextExceptImageSyntax(linkText) {
+  var imageSyntaxRanges = [];
+  var result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(linkText);
+
+  while (result) {
+    var _result = result,
+        index = _result.index;
+    imageSyntaxRanges.push([index, index + result[0].length]);
+    result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(linkText);
+  }
+
+  return linkText.replace(FIND_ESCAPED_CHARS_RX, function (matched, offset) {
+    var isDelimiter = imageSyntaxRanges.some(function (range) {
+      return offset > range[0] && offset < range[1];
+    });
+    return isDelimiter ? matched : "\\" + matched;
+  });
+}
+/**
+ * AddLink
+ * Add link markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/AddLink
+ * @ignore
+ */
+
+
+var AddLink = commandManager["a" /* default */].command('markdown',
+/** @lends AddLink */
+{
+  name: 'AddLink',
+
+  /**
+   * command handler for AddLink
+   * @param {MarkdownEditor} mde - MarkdownEditor instance
+   * @param {object} data - data for image
+   */
+  exec: function exec(mde, data) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: range.from.ch
+    };
+    var to = {
+      line: range.to.line,
+      ch: range.to.ch
+    };
+    var linkText = data.linkText,
+        url = data.url;
+    linkText = addLink_decodeURIGraceful(linkText);
+    linkText = escapeLinkTextExceptImageSyntax(linkText);
+    url = encodeMarkdownCharacters(url);
+    var replaceText = "[" + linkText + "](" + url + ")";
+    doc.replaceRange(replaceText, from, to);
+    cm.focus();
+  }
+});
+/* harmony default export */ var addLink = (AddLink);
+// CONCATENATED MODULE: ./src/js/markdownCommands/addImage.js
+/**
+ * @fileoverview Implments AddImage markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var addImage_decodeURIGraceful = importManager.decodeURIGraceful,
+    addImage_encodeMarkdownCharacters = importManager.encodeMarkdownCharacters,
+    escapeMarkdownCharacters = importManager.escapeMarkdownCharacters;
+/**
+ * AddImage
+ * Add Image markdown syntax to markdown Editor
+ * @extends Command
+ * @module markdownCommands/AddImage
+ * @ignore
+ */
+
+var AddImage = commandManager["a" /* default */].command('markdown',
+/** @lends AddImage */
+{
+  name: 'AddImage',
+
+  /**
+   * Command Handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   * @param {object} data data for image
+   */
+  exec: function exec(mde, data) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: range.from.ch
+    };
+    var to = {
+      line: range.to.line,
+      ch: range.to.ch
+    };
+    var altText = data.altText,
+        imageUrl = data.imageUrl;
+    altText = addImage_decodeURIGraceful(altText);
+    altText = escapeMarkdownCharacters(altText);
+    imageUrl = addImage_encodeMarkdownCharacters(imageUrl);
+    var replaceText = "![" + altText + "](" + imageUrl + ")";
+    doc.replaceRange(replaceText, from, to, '+addImage');
+    cm.focus();
+  }
+});
+/* harmony default export */ var addImage = (AddImage);
+// CONCATENATED MODULE: ./src/js/markdownCommands/ul.js
+/**
+ * @fileoverview Implements UL markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * UL
+ * Add unordered list markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/UL
+ * @ignore
+ */
+
+var UL = commandManager["a" /* default */].command('markdown',
+/** @lends UL */
+{
+  name: 'UL',
+  keyMap: ['CTRL+U', 'META+U'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var range = mde.getCurrentRange();
+    var listManager = mde.componentManager.getManager('list');
+    listManager.changeSyntax(range, 'ul');
+  }
+});
+/* harmony default export */ var markdownCommands_ul = (UL);
+// CONCATENATED MODULE: ./src/js/markdownCommands/ol.js
+/**
+ * @fileoverview Implements OL markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * OL
+ * Add ordered list markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/OL
+ * @ignore
+ */
+
+var OL = commandManager["a" /* default */].command('markdown',
+/** @lends OL */
+{
+  name: 'OL',
+  keyMap: ['CTRL+O', 'META+O'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var range = mde.getCurrentRange();
+    var listManager = mde.componentManager.getManager('list');
+    listManager.changeSyntax(range, 'ol');
+  }
+});
+/* harmony default export */ var ol = (OL);
+// CONCATENATED MODULE: ./src/js/markdownCommands/indent.js
+/**
+ * @fileoverview Implements Indent markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Indent
+ * Add Indent markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/inent
+ * @ignore
+ */
+
+var Indent = commandManager["a" /* default */].command('markdown',
+/** @lends Indent */
+{
+  name: 'Indent',
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    cm.execCommand('indentOrderedList');
+  }
+});
+/* harmony default export */ var markdownCommands_indent = (Indent);
+// CONCATENATED MODULE: ./src/js/markdownCommands/outdent.js
+/**
+ * @fileoverview Implements Outdent markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Outdent
+ * Add Outdent markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/outdent
+ * @ignore
+ */
+
+var Outdent = commandManager["a" /* default */].command('markdown',
+/** @lends Outdent */
+{
+  name: 'Outdent',
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    cm.execCommand('indentLessOrderedList');
+  }
+});
+/* harmony default export */ var outdent = (Outdent);
+// CONCATENATED MODULE: ./src/js/markdownCommands/table.js
+/**
+ * @fileoverview Implements Table markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Table
+ * Add table markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Table
+ * @ignore
+ */
+
+var Table = commandManager["a" /* default */].command('markdown',
+/** @lends Table */
+{
+  name: 'Table',
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   * @param {number} col column count
+   * @param {number} row row count
+   * @param {Array} data initial table data
+   */
+  exec: function exec(mde, col, row, data) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var table = '\n';
+
+    if (cm.getCursor().ch > 0) {
+      table += '\n';
+    }
+
+    table += makeHeader(col, data);
+    table += makeBody(col, row - 1, data);
+    doc.replaceSelection(table);
+
+    if (!data) {
+      cm.setCursor(cm.getCursor().line - row, 2);
+    }
+
+    mde.focus();
+  }
+});
+/**
+ * makeHeader
+ * make table header markdown string
+ * @param {number} col Column count
+ * @param {array} data Cell's text content
+ * @returns {string} markdown string
+ */
+
+function makeHeader(col, data) {
+  var header = '|';
+  var border = '|';
+  var index = 0;
+
+  while (col) {
+    if (data) {
+      header += " " + data[index] + " |";
+      index += 1;
+    } else {
+      header += '  |';
+    }
+
+    border += ' --- |';
+    col -= 1;
+  }
+
+  return header + "\n" + border + "\n";
+}
+/**
+ * makeBody
+ * make table body markdown string
+ * @param {number} col column count
+ * @param {number} row row count
+ * @param {Array} data initial table data
+ * @returns {string} html string
+ */
+
+
+function makeBody(col, row, data) {
+  var body = '';
+  var index = col;
+
+  for (var irow = 0; irow < row; irow += 1) {
+    body += '|';
+
+    for (var icol = 0; icol < col; icol += 1) {
+      if (data) {
+        body += " " + data[index] + " |";
+        index += 1;
+      } else {
+        body += '  |';
+      }
+    }
+
+    body += '\n';
+  }
+
+  body = body.replace(/\n$/g, '');
+  return body;
+}
+
+/* harmony default export */ var markdownCommands_table = (Table);
+// CONCATENATED MODULE: ./src/js/markdownCommands/task.js
+/**
+ * @fileoverview Implements Task markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Task
+ * @extends Command
+ * @module markdownCommands/Task
+ * @ignore
+ */
+
+var Task = commandManager["a" /* default */].command('markdown',
+/** @lends Task */
+{
+  name: 'Task',
+  keyMap: ['ALT+T', 'ALT+T'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var range = mde.getCurrentRange();
+    var listManager = mde.componentManager.getManager('list');
+    listManager.changeSyntax(range, 'task');
+  }
+});
+/* harmony default export */ var markdownCommands_task = (Task);
+// CONCATENATED MODULE: ./src/js/markdownCommands/code.js
+/**
+ * @fileoverview Implements Code markdown command
+ * @author NHN FE Development Lab 
+ */
+
+var codeRangeRegex = /^`([^`]+)`$/;
+var codeContentRegex = /`([^`]+)`/g;
+/**
+ * Code
+ * Add code markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Code
+ * @ignore
+ */
+
+var Code = commandManager["a" /* default */].command('markdown',
+/** @lends Code */
+{
+  name: 'Code',
+  keyMap: ['SHIFT+CTRL+C', 'SHIFT+META+C'],
+
+  /**
+   * Command Handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var selection = doc.getSelection();
+    var cursor = cm.getCursor();
+    var hasSyntax = this.hasStrikeSyntax(selection);
+    var result;
+
+    if (hasSyntax) {
+      result = this.remove(selection);
+      result = this._removeCodeSyntax(result);
+    } else {
+      result = this._removeCodeSyntax(selection);
+      result = this.append(result);
+    }
+
+    doc.replaceSelection(result, 'around');
+
+    if (!selection && !hasSyntax) {
+      this.setCursorToCenter(doc, cursor, hasSyntax);
+    }
+
+    cm.focus();
+  },
+
+  /**
+   * set cursor to center
+   * @param {CodeMirror.doc} doc - codemirror document
+   * @param {object} cursor - codemirror cursor
+   * @param {boolean} isRemoved - whether it involes deletion
+   */
+  setCursorToCenter: function setCursorToCenter(doc, cursor, isRemoved) {
+    var pos = isRemoved ? -1 : 1;
+    doc.setCursor(cursor.line, cursor.ch + pos);
+  },
+
+  /**
+   * has code syntax
+   * @param {string} text Source text
+   * @returns {boolean} true if the given text has a code syntax
+   */
+  hasStrikeSyntax: function hasStrikeSyntax(text) {
+    return codeRangeRegex.test(text);
+  },
+
+  /**
+   * apply Code
+   * @param {string} text - selected text
+   * @returns {string} - text after code syntax applied
+   */
+  append: function append(text) {
+    return "`" + text + "`";
+  },
+
+  /**
+   * remove Code
+   * @param {string} text - selected text
+   * @returns {string} - text after code syntax removed
+   */
+  remove: function remove(text) {
+    return text.substr(1, text.length - 2);
+  },
+
+  /**
+   * remove bold syntax in the middle of given text
+   * @param {string} text - text selected
+   * @returns {string} - text eliminated all code in the middle of it's content
+   * @private
+   */
+  _removeCodeSyntax: function _removeCodeSyntax(text) {
+    return text ? text.replace(codeContentRegex, '$1') : '';
+  }
+});
+/* harmony default export */ var markdownCommands_code = (Code);
+// CONCATENATED MODULE: ./src/js/markdownCommands/codeBlock.js
+/**
+ * @fileoverview Implements CodeBlock markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * CodeBlock
+ * Add CodeBlock markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/CodeBlock
+ * @ignore
+ */
+
+var CodeBlock = commandManager["a" /* default */].command('markdown',
+/** @lends CodeBlock */
+{
+  name: 'CodeBlock',
+  keyMap: ['SHIFT+CTRL+P', 'SHIFT+META+P'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var replaceText = ['```', doc.getSelection(), '```'];
+    var cursorOffset = 1; // insert a line break to the front if the selection starts in the middle of a text
+
+    if (range.from.ch !== 0) {
+      replaceText.unshift('');
+      cursorOffset += 1;
+    } // insert a line break to the end if the selection has trailing text
+
+
+    if (range.to.ch !== doc.getLine(range.to.line).length) {
+      replaceText.push('');
+    }
+
+    doc.replaceSelection(replaceText.join('\n'));
+    cm.setCursor(range.from.line + cursorOffset, 0);
+    cm.focus();
+  }
+});
+/* harmony default export */ var markdownCommands_codeBlock = (CodeBlock);
+// CONCATENATED MODULE: ./src/js/markdownCommands/changeTaskMarker.js
+/**
+ * @fileoverview Implements ChangeTaskMarker markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var TASK_MARKER_RX = /^\[(\s*)(x?)(\s*)\](?:\s+)/i;
+/**
+ * Add ChangeTaskMarker command
+ * @extends Command
+ * @module markdownCommands/ToggleTaskMarker
+ * @ignore
+ */
+
+var ChangeTaskMarker = commandManager["a" /* default */].command('markdown',
+/** @lends ChangeTaskMarker */
+{
+  name: 'ChangeTaskMarker',
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+
+    var _cm$getCursor = cm.getCursor(),
+        line = _cm$getCursor.line,
+        ch = _cm$getCursor.ch;
+
+    var mdCh = cm.getLine(line).length === ch ? ch : ch + 1;
+    var mdNode = mde.getToastMark().findNodeAtPosition([line + 1, mdCh]);
+    var paraNode = Object(markdown["b" /* findClosestNode */])(mdNode, function (node) {
+      return node.type === 'paragraph' && node.parent && node.parent.type === 'item';
+    });
+
+    if (paraNode && paraNode.firstChild) {
+      var _paraNode$firstChild = paraNode.firstChild,
+          literal = _paraNode$firstChild.literal,
+          sourcepos = _paraNode$firstChild.sourcepos;
+      var _sourcepos$ = sourcepos[0],
+          startLine = _sourcepos$[0],
+          startCh = _sourcepos$[1];
+      var matched = literal.match(TASK_MARKER_RX);
+
+      if (matched) {
+        var startSpaces = matched[1],
+            stateChar = matched[2],
+            lastSpaces = matched[3];
+        var spaces = startSpaces.length + lastSpaces.length;
+        var startPos = {
+          line: startLine - 1,
+          ch: startCh
+        };
+
+        if (stateChar) {
+          cm.replaceRange(stateChar, startPos, Object(markdown["a" /* addChPos */])(startPos, spaces ? spaces + 1 : 0));
+        } else if (!spaces) {
+          cm.replaceRange(' ', startPos, startPos);
+        }
+      }
+    }
+  }
+});
+/* harmony default export */ var changeTaskMarker = (ChangeTaskMarker);
+// CONCATENATED MODULE: ./src/js/markdownCommands/toggleTaskMarker.js
+/**
+ * @fileoverview Implements ToggleTaskMarker markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Add ToggleTaskMarker command
+ * @extends Command
+ * @module markdownCommands/ToggleTaskMarker
+ * @ignore
+ */
+
+var ToggleTaskMarker = commandManager["a" /* default */].command('markdown',
+/** @lends ToggleTaskMarker */
+{
+  name: 'ToggleTaskMarker',
+  exec: function exec(mde) {
+    var _this = this;
+
+    var cm = mde.getEditor();
+    var ranges = cm.listSelections();
+    ranges.forEach(function (range) {
+      var anchor = range.anchor,
+          head = range.head;
+      var startLine = Math.min(anchor.line, head.line);
+      var endLine = Math.max(anchor.line, head.line);
+      var mdNode;
+
+      for (var index = startLine, len = endLine; index <= len; index += 1) {
+        mdNode = mde.getToastMark().findFirstNodeAtLine(index + 1);
+
+        if (mdNode.type === 'list' || mdNode.type === 'item') {
+          _this._changeTaskState(mdNode, index, cm);
+        }
+      }
+    });
+  },
+  _changeTaskState: function _changeTaskState(list, line, cm) {
+    var listData = list.listData,
+        sourcepos = list.sourcepos;
+    var task = listData.task,
+        checked = listData.checked,
+        padding = listData.padding;
+
+    if (task) {
+      var stateChar = checked ? ' ' : 'x';
+      var _sourcepos$ = sourcepos[0],
+          startCh = _sourcepos$[1];
+      var startPos = {
+        line: line,
+        ch: startCh + padding
+      };
+      cm.replaceRange(stateChar, startPos, Object(markdown["a" /* addChPos */])(startPos, 1));
+    }
+  }
+});
+/* harmony default export */ var toggleTaskMarker = (ToggleTaskMarker);
+// CONCATENATED MODULE: ./src/js/markdownCommands/moveNextCursorOrIndent.js
+/**
+ * @fileoverview Implements MoveNextCursorOrIndent markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Add MoveNextCursorOrIndent command
+ * @extends Command
+ * @module markdownCommands/MoveNextCursorOrIndent
+ * @ignore
+ */
+
+var MoveNextCursorOrIndent = commandManager["a" /* default */].command('markdown',
+/** @lends MoveNextCursorOrIndent */
+{
+  name: 'MoveNextCursorOrIndent',
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+
+    var _cm$getCursor = cm.getCursor(),
+        line = _cm$getCursor.line,
+        ch = _cm$getCursor.ch;
+
+    var mdCh = cm.getLine(line).length === ch ? ch : ch + 1;
+    var mdNode = mde.getToastMark().findNodeAtPosition([line + 1, mdCh]);
+    var cellNode = Object(markdown["b" /* findClosestNode */])(mdNode, function (node) {
+      return Object(markdown["l" /* isTableCellNode */])(node);
+    });
+
+    if (cellNode) {
+      this._moveCursorNextCell(cellNode, cm);
+    } else {
+      cm.execCommand('indentOrderedList');
+    }
+  },
+  _moveCursorNextCell: function _moveCursorNextCell(cell, cm) {
+    var next = cell.next,
+        parent = cell.parent;
+    var line = Object(markdown["f" /* getMdStartLine */])(cell);
+    var ch = Object(markdown["c" /* getMdEndCh */])(cell) + 2;
+
+    if (next) {
+      ch = Object(markdown["c" /* getMdEndCh */])(next);
+    } else {
+      var nextRow = !parent.next && parent.parent.type === 'tableHead' ? parent.parent.next.firstChild : parent.next;
+
+      if (nextRow) {
+        line = line + 1;
+        ch = Object(markdown["c" /* getMdEndCh */])(nextRow.firstChild);
+      }
+    }
+
+    cm.setCursor({
+      line: line - 1,
+      ch: ch - 1
+    });
+  }
+});
+/* harmony default export */ var moveNextCursorOrIndent = (MoveNextCursorOrIndent);
+// CONCATENATED MODULE: ./src/js/markdownCommands/movePrevCursorOrOutdent.js
+/**
+ * @fileoverview Implements MoveCursorOrOutdent markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Add MovePrevCursorOrOutdent command
+ * @extends Command
+ * @module markdownCommands/MovePrevCursorOrOutdent
+ * @ignore
+ */
+
+var MovePrevCursorOrOutdent = commandManager["a" /* default */].command('markdown',
+/** @lends MovePrevCursorOrOutdent */
+{
+  name: 'MovePrevCursorOrOutdent',
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+
+    var _cm$getCursor = cm.getCursor(),
+        line = _cm$getCursor.line,
+        ch = _cm$getCursor.ch;
+
+    var mdCh = cm.getLine(line).length === ch ? ch : ch + 1;
+    var mdNode = mde.getToastMark().findNodeAtPosition([line + 1, mdCh]);
+    var cellNode = Object(markdown["b" /* findClosestNode */])(mdNode, function (node) {
+      return Object(markdown["l" /* isTableCellNode */])(node);
+    });
+
+    if (cellNode) {
+      this._moveCursorPrevCell(cellNode, cm);
+    } else {
+      cm.execCommand('indentLessOrderedList');
+    }
+  },
+  _moveCursorPrevCell: function _moveCursorPrevCell(cell, cm) {
+    var prev = cell.prev,
+        parent = cell.parent;
+    var line = Object(markdown["f" /* getMdStartLine */])(cell);
+    var ch = 1;
+
+    if (prev) {
+      ch = Object(markdown["c" /* getMdEndCh */])(prev);
+    } else {
+      var prevRow = !parent.prev && parent.parent.type === 'tableBody' ? parent.parent.prev.lastChild : parent.prev;
+
+      if (prevRow) {
+        line = line - 1;
+        ch = Object(markdown["c" /* getMdEndCh */])(prevRow.lastChild);
+      }
+    }
+
+    cm.setCursor({
+      line: line - 1,
+      ch: ch - 1
+    });
+  }
+});
+/* harmony default export */ var movePrevCursorOrOutdent = (MovePrevCursorOrOutdent);
+// CONCATENATED MODULE: ./src/js/markdownCommands/addLine.js
+/**
+ * @fileoverview Implements AddLine markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+
+function createTableRow(row) {
+  var columnLen = row.parent.parent.columns.length;
+  var result = '|';
+
+  for (var i = 0; i < columnLen; i += 1) {
+    result += '  |';
+  }
+
+  return result;
+}
+/**
+ * Add AddLine command
+ * @extends Command
+ * @module markdownCommands/AddLine
+ * @ignore
+ */
+
+
+var AddLine = commandManager["a" /* default */].command('markdown',
+/** @lends AddLine */
+{
+  name: 'AddLine',
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+
+    var _cm$getCursor = cm.getCursor(),
+        line = _cm$getCursor.line,
+        ch = _cm$getCursor.ch;
+
+    var mdCh = cm.getLine(line).length === ch ? ch : ch + 1;
+    var mdNode = mde.getToastMark().findNodeAtPosition([line + 1, mdCh]);
+    var cellNode = Object(markdown["b" /* findClosestNode */])(mdNode, function (node) {
+      return Object(markdown["l" /* isTableCellNode */])(node) && (node.parent.type === 'tableDelimRow' || node.parent.parent.type === 'tableBody');
+    });
+
+    if (cellNode) {
+      this._addTableRowByCell(cellNode, cm);
+    } else {
+      cm.execCommand('newlineAndIndentContinueMarkdownList');
+    }
+  },
+  _addTableRowByCell: function _addTableRowByCell(cell, cm) {
+    var line = Object(markdown["f" /* getMdStartLine */])(cell);
+    var parent = cell.parent;
+    var nextRow = parent.next;
+    var currentLineText = cm.getLine(line - 1);
+    var rowStr = createTableRow(parent);
+
+    if (nextRow && nextRow.type === 'tableRow' || currentLineText !== rowStr) {
+      cm.setCursor(line - 1, Object(markdown["c" /* getMdEndCh */])(parent));
+      cm.replaceSelection("\n" + rowStr);
+      cm.setCursor(line, 2);
+    } else {
+      cm.execCommand('deleteLine');
+    }
+  }
+});
+/* harmony default export */ var addLine = (AddLine);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/bold.js
+/**
+ * @fileoverview Implements bold WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Bold
+ * Add bold to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Bold
+ * @ignore
+ */
+
+var bold_Bold = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Bold */
+{
+  name: 'Bold',
+  keyMap: ['CTRL+B', 'META+B'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
+    wwe.focus();
+
+    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
+      tableSelectionManager.styleToSelectedCells(styleBold);
+      var range = sq.getSelection();
+      range.collapse(true);
+      sq.setSelection(range);
+    } else {
+      styleBold(sq);
+      dom["a" /* default */].optimizeRange(sq.getSelection(), 'B');
+    }
+  }
+});
+/**
+ * Style bold.
+ * @param {object} sq - squire editor instance
+ */
+
+function styleBold(sq) {
+  if (sq.hasFormat('b') || sq.hasFormat('strong')) {
+    sq.changeFormat(null, {
+      tag: 'b'
+    });
+  } else if (!sq.hasFormat('PRE')) {
+    if (sq.hasFormat('code')) {
+      sq.changeFormat(null, {
+        tag: 'code'
+      });
+    }
+
+    sq.bold();
+  }
+}
+
+/* harmony default export */ var wysiwygCommands_bold = (bold_Bold);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/italic.js
+/**
+ * @fileoverview Implements italic WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Italic
+ * Add Italic to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Italic
+ * @ignore
+ */
+
+var italic_Italic = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Italic */
+{
+  name: 'Italic',
+  keyMap: ['CTRL+I', 'META+I'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
+    wwe.focus();
+
+    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
+      tableSelectionManager.styleToSelectedCells(styleItalic);
+      var range = sq.getSelection();
+      range.collapse(true);
+      sq.setSelection(range);
+    } else {
+      styleItalic(sq);
+      dom["a" /* default */].optimizeRange(sq.getSelection(), 'I');
+    }
+  }
+});
+/**
+ * Style italic.
+ * @param {object} sq - squire editor instance
+ */
+
+function styleItalic(sq) {
+  if (sq.hasFormat('i') || sq.hasFormat('em')) {
+    sq.changeFormat(null, {
+      tag: 'i'
+    });
+  } else if (!sq.hasFormat('PRE')) {
+    if (sq.hasFormat('code')) {
+      sq.changeFormat(null, {
+        tag: 'code'
+      });
+    }
+
+    sq.italic();
+  }
+}
+
+/* harmony default export */ var wysiwygCommands_italic = (italic_Italic);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/strike.js
+/**
+ * @fileoverview Implements strike WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Strike
+ * Add strike to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Strike
+ * @ignore
+ */
+
+var strike_Strike = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Strike */
+{
+  name: 'Strike',
+  keyMap: ['CTRL+S', 'META+S'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe WysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
+    wwe.focus();
+
+    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
+      tableSelectionManager.styleToSelectedCells(styleStrike);
+      var range = sq.getSelection();
+      range.collapse(true);
+      sq.setSelection(range);
+    } else {
+      styleStrike(sq);
+      dom["a" /* default */].optimizeRange(sq.getSelection(), 'S');
+    }
+  }
+});
+/**
+ * Style strike.
+ * @param {object} sq - squire editor instance
+ */
+
+function styleStrike(sq) {
+  if (sq.hasFormat('S')) {
+    sq.changeFormat(null, {
+      tag: 'S'
+    });
+  } else if (!sq.hasFormat('PRE')) {
+    if (sq.hasFormat('code')) {
+      sq.changeFormat(null, {
+        tag: 'code'
+      });
+    }
+
+    sq.strikethrough();
+  }
+}
+
+/* harmony default export */ var wysiwygCommands_strike = (strike_Strike);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/blockquote.js
+/**
+ * @fileoverview Implements block quote WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Blockquote
+ * Add Blockquote to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Blockquote
+ * @ignore
+ */
+
+var blockquote_Blockquote = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Blockquote */
+{
+  name: 'Blockquote',
+  keyMap: ['ALT+Q', 'ALT+Q'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    wwe.focus();
+
+    if (!sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
+      if (sq.hasFormat('BLOCKQUOTE')) {
+        sq.decreaseQuoteLevel();
+      } else {
+        sq.increaseQuoteLevel();
+      }
+    }
+  }
+});
+/* harmony default export */ var wysiwygCommands_blockquote = (blockquote_Blockquote);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/addImage.js
+/**
+ * @fileoverview Implements AddImage wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+var wysiwygCommands_addImage_decodeURIGraceful = importManager.decodeURIGraceful,
+    wysiwygCommands_addImage_encodeMarkdownCharacters = importManager.encodeMarkdownCharacters;
+/**
+ * AddImage
+ * Add Image markdown syntax to wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/AddImage
+ * @ignore
+ */
+
+var addImage_AddImage = commandManager["a" /* default */].command('wysiwyg',
+/** @lends AddImage */
+{
+  name: 'AddImage',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   * @param {object} data data for image
+   */
+  exec: function exec(wwe, data) {
+    var sq = wwe.getEditor();
+    var altText = data.altText,
+        imageUrl = data.imageUrl;
+    altText = wysiwygCommands_addImage_decodeURIGraceful(altText);
+    imageUrl = wysiwygCommands_addImage_encodeMarkdownCharacters(imageUrl);
+    wwe.focus();
+
+    if (!sq.hasFormat('PRE')) {
+      sq.insertImage(imageUrl, {
+        alt: altText
+      });
+    }
+  }
+});
+/* harmony default export */ var wysiwygCommands_addImage = (addImage_AddImage);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/addLink.js
+/**
+ * @fileoverview Implements AddLink wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var wysiwygCommands_addLink_decodeURIGraceful = importManager.decodeURIGraceful,
+    addLink_encodeMarkdownCharacters = importManager.encodeMarkdownCharacters;
+/**
+ * Add link markdown syntax to wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/AddLink
+ * @ignore
+ */
+
+var addLink_AddLink = commandManager["a" /* default */].command('wysiwyg',
+/** @lends AddLink */
+{
+  name: 'AddLink',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe - wysiwygEditor instance
+   * @param {object} data - data for link
+   */
+  exec: function exec(wwe, data) {
+    var sq = wwe.getEditor();
+    var linkAttribute = wwe.getLinkAttribute();
+    var url = data.url,
+        linkText = data.linkText;
+    var linkManager = wwe.componentManager.getManager('link');
+    linkText = wysiwygCommands_addLink_decodeURIGraceful(linkText);
+    url = addLink_encodeMarkdownCharacters(url);
+    wwe.focus();
+
+    if (!sq.hasFormat('PRE')) {
+      sq.removeAllFormatting();
+      var selectedText = sq.getSelectedText();
+
+      var selectedImageOnly = this._isSelectedImageOnly(sq.getSelection());
+
+      if (selectedText || selectedImageOnly) {
+        sq.makeLink(url, linkAttribute);
+      } else {
+        var link = sq.createElement('A', extend_default()({
+          href: url
+        }, linkAttribute));
+        link.textContent = linkText;
+        sq.insertElement(link);
+      }
+
+      linkManager.addClassNameToImageLinksInSelection();
+    }
+  },
+  _isSelectedImageOnly: function _isSelectedImageOnly(range) {
+    if (!range.collapsed) {
+      var startContainer = range.startContainer,
+          endContainer = range.endContainer;
+
+      if (startContainer && startContainer === endContainer) {
+        return dom["a" /* default */].isElemNode(startContainer) && startContainer.firstChild.nodeName === 'IMG';
+      }
+    }
+
+    return false;
+  }
+});
+/* harmony default export */ var wysiwygCommands_addLink = (addLink_AddLink);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/hr.js
+/**
+ * @fileoverview Implements HR wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * HR
+ * Add horizontal line markdown syntax to wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/HR
+ * @ignore
+ */
+
+var hr_HR = commandManager["a" /* default */].command('wysiwyg',
+/** @lends HR */
+{
+  name: 'HR',
+  keyMap: ['CTRL+L', 'META+L'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+
+    if (range.collapsed && !sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
+      var hr = document.createElement('hr');
+      var currentNode = dom["a" /* default */].getChildNodeByOffset(range.startContainer, range.startOffset);
+      var nextBlockNode = dom["a" /* default */].getTopNextNodeUnder(currentNode, wwe.getBody()); // If nextBlockNode is div that has hr and has contenteditable as false,
+      // nextBlockNode should be set as nextSibling that is normal block.
+
+      if (nextBlockNode && !dom["a" /* default */].isTextNode(nextBlockNode)) {
+        while (nextBlockNode && nextBlockNode.getAttribute('contenteditable') === 'false') {
+          nextBlockNode = nextBlockNode.nextSibling;
+        }
+      }
+
+      if (!nextBlockNode) {
+        nextBlockNode = dom["a" /* default */].createEmptyLine();
+        dom["a" /* default */].append(wwe.getBody(), nextBlockNode);
+      }
+
+      sq.modifyBlocks(function (frag) {
+        frag.appendChild(hr);
+        return frag;
+      });
+      var previousSibling = hr.previousSibling;
+
+      if (previousSibling && dom["a" /* default */].isTextNode(previousSibling) && dom["a" /* default */].getTextLength(previousSibling) === 0) {
+        hr.parentNode.removeChild(previousSibling);
+      }
+
+      hr.parentNode.replaceChild(dom["a" /* default */].createHorizontalRule(), hr);
+      range.selectNodeContents(nextBlockNode);
+      range.collapse(true);
+      sq.setSelection(range);
+      sq.saveUndoState(range);
+    }
+
+    wwe.focus();
+  }
+});
+/* harmony default export */ var wysiwygCommands_hr = (hr_HR);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/heading.js
+/**
+ * @fileoverview Implements Heading wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Heading
+ * Convert selected root level contents to heading with size wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/Heading
+ * @ignore
+ */
+
+var heading_Heading = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Heading */
+{
+  name: 'Heading',
+
+  /**
+   * Command handler
+   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
+   * @param {Number} size size
+   */
+  exec: function exec(wwe, size) {
+    var sq = wwe.getEditor();
+    var blockTagName = 'h1, h2, h3, h4, h5, h6, div';
+    wwe.focus();
+
+    if (!sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
+      sq.modifyBlocks(function (fragment) {
+        var blocks = dom["a" /* default */].children(fragment, blockTagName);
+        toArray_default()(blocks).forEach(function (block) {
+          var headingHTML = "h" + size;
+
+          if (dom["a" /* default */].getNodeName(block) === 'DIV') {
+            dom["a" /* default */].wrap(block, headingHTML);
+          } else {
+            var wrapperHeading = document.createElement(headingHTML);
+            dom["a" /* default */].insertBefore(wrapperHeading, block);
+            wrapperHeading.innerHTML = block.innerHTML;
+            dom["a" /* default */].remove(block);
+          }
+        });
+        return fragment;
+      });
+    }
+  }
+});
+/* harmony default export */ var wysiwygCommands_heading = (heading_Heading);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/paragraph.js
+/**
+ * @fileoverview Implements Paragraph wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Paragraph
+ * Convert selected contents to paragraph only heading and list
+ * @extends Command
+ * @module wysiwygCommands/Paragraph
+ * @ignore
+ */
+
+var paragraph_Paragraph = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Paragraph */
+{
+  name: 'Paragraph',
+
+  /**
+   * Command handler
+   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    wwe.focus();
+
+    if (!sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
+      sq.modifyBlocks(function (fragment) {
+        var newFragment = document.createDocumentFragment();
+        toArray_default()(fragment.childNodes).forEach(function (block) {
+          if (block.nodeName.match(/h\d/i)) {
+            appendChildrenTo(newFragment, block.children);
+          } else if (block.nodeName.match(/ul|ol/i)) {
+            dom["a" /* default */].findAll(block, 'li').forEach(function (listItem) {
+              appendChildrenTo(newFragment, listItem.children);
+            });
+          } else {
+            newFragment.appendChild(block);
+          }
+        });
+        return newFragment;
+      });
+    }
+  }
+});
+/**
+ * Append children
+ * @param {HTMLElement} parent - target to append
+ * @param {Array.} children - appending children
+ */
+
+function appendChildrenTo(parent, children) {
+  toArray_default()(children).forEach(function (child) {
+    parent.appendChild(child.cloneNode(true));
+  });
+}
+
+/* harmony default export */ var wysiwygCommands_paragraph = (paragraph_Paragraph);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/ul.js
+/**
+ * @fileoverview Implements ul WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * UL
+ * Add UL to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/UL
+ * @ignore
+ */
+
+var ul_UL = commandManager["a" /* default */].command('wysiwyg',
+/** @lends UL */
+{
+  name: 'UL',
+  keyMap: ['CTRL+U', 'META+U'],
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var listManager = wwe.componentManager.getManager('list');
+    var startContainer = range.startContainer,
+        endContainer = range.endContainer,
+        startOffset = range.startOffset,
+        endOffset = range.endOffset;
+    var newLIs = [];
+    wwe.focus();
+    sq.saveUndoState(range);
+
+    if (listManager.isAvailableMakeListInTable()) {
+      newLIs = listManager.createListInTable(range, 'UL');
+    } else {
+      var lines = listManager.getLinesOfSelection(startContainer, endContainer);
+
+      for (var i = 0; i < lines.length; i += 1) {
+        var newLI = this._changeFormatToUnorderedListIfNeed(wwe, lines[i]);
+
+        if (newLI) {
+          newLIs.push(newLI);
+        }
+      }
+    }
+
+    if (newLIs.length) {
+      listManager.adjustRange(startContainer, endContainer, startOffset, endOffset, newLIs);
+    }
+  },
+
+  /**
+   * Change format to unordered list if need
+   * @param {WysiwygEditor} wwe Wysiwyg editor instance
+   * @param {HTMLElement} target Element target for change
+   * @returns {HTMLElement} newly created list
+   * @private
+   */
+  _changeFormatToUnorderedListIfNeed: function _changeFormatToUnorderedListIfNeed(wwe, target) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var taskManager = wwe.componentManager.getManager('task');
+    var newLI;
+
+    if (!sq.hasFormat('PRE')) {
+      range.setStart(target, 0);
+      range.collapse(true);
+      sq.setSelection(range);
+
+      if (sq.hasFormat('LI')) {
+        wwe.saveSelection(range);
+        taskManager.unformatTask(range.startContainer);
+        sq.replaceParent(range.startContainer, 'ol', 'ul');
+        wwe.restoreSavedSelection();
+      } else {
+        wwe.unwrapBlockTag();
+        sq.makeUnorderedList();
+      }
+
+      newLI = sq.getSelection().startContainer;
+    }
+
+    return newLI;
+  }
+});
+/* harmony default export */ var wysiwygCommands_ul = (ul_UL);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/ol.js
+/**
+ * @fileoverview Implements ol WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * OL
+ * Add OL to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/OL
+ * @ignore
+ */
+
+var ol_OL = commandManager["a" /* default */].command('wysiwyg',
+/** @lends OL */
+{
+  name: 'OL',
+  keyMap: ['CTRL+O', 'META+O'],
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var listManager = wwe.componentManager.getManager('list');
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset,
+        endContainer = range.endContainer,
+        endOffset = range.endOffset;
+    var newLIs = [];
+    wwe.focus();
+    sq.saveUndoState(range);
+
+    if (listManager.isAvailableMakeListInTable()) {
+      newLIs = listManager.createListInTable(range, 'OL');
+    } else {
+      var lines = listManager.getLinesOfSelection(startContainer, endContainer);
+
+      for (var i = 0; i < lines.length; i += 1) {
+        var newLI = this._changeFormatToOrderedListIfNeed(wwe, lines[i]);
+
+        if (newLI) {
+          newLIs.push(newLI);
+        }
+      }
+    }
+
+    if (newLIs.length) {
+      listManager.adjustRange(startContainer, endContainer, startOffset, endOffset, newLIs);
+    }
+  },
+
+  /**
+   * Change format to unordered list if need
+   * @param {WysiwygEditor} wwe Wysiwyg editor instance
+   * @param {HTMLElement} target Element target for change
+   * @returns {HTMLElement} newly created list item
+   * @private
+   */
+  _changeFormatToOrderedListIfNeed: function _changeFormatToOrderedListIfNeed(wwe, target) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var taskManager = wwe.componentManager.getManager('task');
+    var newLI;
+
+    if (!sq.hasFormat('PRE')) {
+      range.setStart(target, 0);
+      range.collapse(true);
+      sq.setSelection(range);
+
+      if (sq.hasFormat('LI')) {
+        wwe.saveSelection(range);
+        taskManager.unformatTask(range.startContainer);
+        sq.replaceParent(range.startContainer, 'ul', 'ol');
+        wwe.restoreSavedSelection();
+      } else {
+        wwe.unwrapBlockTag();
+        sq.makeOrderedList();
+      }
+
+      newLI = sq.getSelection().startContainer;
+    }
+
+    return newLI;
+  }
+});
+/* harmony default export */ var wysiwygCommands_ol = (ol_OL);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/table.js
+/**
+ * @fileoverview Implements table WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Table
+ * Add table to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Table
+ * @ignore
+ */
+
+var table_Table = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Table */
+{
+  name: 'Table',
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   * @param {number} col column count
+   * @param {number} row row count
+   * @param {Array} data initial table data
+   */
+  exec: function exec(wwe, col, row, data) {
+    var sq = wwe.getEditor();
+    var tableIDClassName = wwe.componentManager.getManager('table').getTableIDClassName();
+    var tableHTMLString;
+
+    if (!sq.getSelection().collapsed || sq.hasFormat('TABLE') || sq.hasFormat('PRE')) {
+      wwe.focus();
+      return;
+    }
+
+    tableHTMLString = "";
+    tableHTMLString += table_makeHeader(col, data);
+    tableHTMLString += table_makeBody(col, row - 1, data);
+    tableHTMLString += '
    ';
+    sq.insertHTML(tableHTMLString);
+    wwe.focus();
+
+    if (!data) {
+      focusToFirstTh(sq, wwe.getBody().querySelector("." + tableIDClassName));
+    }
+  }
+});
+/**
+ * Focus to first th
+ * @param {Squire} sq Squire instance
+ * @param {HTMLElement} table wrapped table element
+ */
+
+function focusToFirstTh(sq, table) {
+  var range = sq.getSelection();
+  range.selectNodeContents(table.querySelector('th'));
+  range.collapse(true);
+  sq.setSelection(range);
+}
+/**
+ * makeHeader
+ * make table header html string
+ * @param {number} col column count
+ * @param {string} data cell data
+ * @returns {string} html string
+ */
+
+
+function table_makeHeader(col, data) {
+  var header = '';
+  var index = 0;
+
+  while (col) {
+    header += '';
+
+    if (data) {
+      header += data[index];
+      index += 1;
+    }
+
+    header += '';
+    col -= 1;
+  }
+
+  header += '';
+  return header;
+}
+/**
+ * makeBody
+ * make table body html string
+ * @param {number} col column count
+ * @param {number} row row count
+ * @param {string} data cell data
+ * @returns {string} html string
+ */
+
+
+function table_makeBody(col, row, data) {
+  var body = '';
+  var index = col;
+
+  for (var irow = 0; irow < row; irow += 1) {
+    body += '';
+
+    for (var icol = 0; icol < col; icol += 1) {
+      body += '';
+
+      if (data) {
+        body += data[index];
+        index += 1;
+      }
+
+      body += '';
+    }
+
+    body += '';
+  }
+
+  body += '';
+  return body;
+}
+
+/* harmony default export */ var wysiwygCommands_table = (table_Table);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableAddRow.js
+/**
+ * @fileoverview Implements table add row WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * AddRow
+ * Add Row to selected table
+ * @extends Command
+ * @module wysiwygCommands/TableAddRow
+ * @ignore
+ */
+
+var TableAddRow = commandManager["a" /* default */].command('wysiwyg',
+/** @lends AddRow */
+{
+  name: 'AddRow',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var selectedRowLength = getSelectedRowsLength(wwe);
+    var tr, newRow;
+    wwe.focus();
+
+    if (sq.hasFormat('TD')) {
+      sq.saveUndoState(range);
+      tr = dom["a" /* default */].closest(range.startContainer, 'tr');
+
+      for (var i = 0; i < selectedRowLength; i += 1) {
+        newRow = getNewRow(tr);
+        dom["a" /* default */].insertAfter(newRow, tr);
+      }
+
+      focusToFirstTd(sq, newRow);
+    } else if (sq.hasFormat('TH')) {
+      sq.saveUndoState(range);
+      tr = dom["a" /* default */].closest(range.startContainer, 'tr');
+
+      var _domUtils$parents = dom["a" /* default */].parents(tr, 'thead'),
+          thead = _domUtils$parents[0];
+
+      var tbody = thead.nextSibling;
+
+      if (matches_default()(tbody, 'tbody')) {
+        var _domUtils$children = dom["a" /* default */].children(tbody, 'tr');
+
+        tr = _domUtils$children[0];
+      }
+
+      for (var _i = 0; _i < selectedRowLength; _i += 1) {
+        newRow = getNewRow(tr);
+        dom["a" /* default */].insertBefore(newRow, tr);
+      }
+
+      focusToFirstTd(sq, newRow);
+    }
+  }
+});
+/**
+ * get number of selected rows
+ * @param {WysiwygEditor} wwe - wysiwygEditor instance
+ * @returns {number} - number of selected rows
+ * @ignore
+ */
+
+function getSelectedRowsLength(wwe) {
+  var selectionMgr = wwe.componentManager.getManager('tableSelection');
+  var selectedCells = selectionMgr.getSelectedCells();
+  var length = 1;
+
+  if (selectedCells.length > 1) {
+    var first = selectedCells[0];
+    var last = selectedCells[selectedCells.length - 1];
+    var range = selectionMgr.getSelectionRangeFromTable(first, last);
+    length = range.to.row - range.from.row + 1;
+  }
+
+  return length;
+}
+/**
+ * Get new row of given row
+ * @param {HTMLElement} tr - wrapped table row
+ * @returns {HTMLElement} - new cloned element
+ * @ignore
+ */
+
+
+function getNewRow(tr) {
+  var cloned = tr.cloneNode(true);
+  var htmlString = browser_default.a.msie ? '' : '
    ';
+  dom["a" /* default */].findAll(cloned, 'td').forEach(function (td) {
+    td.innerHTML = htmlString;
+  });
+  return cloned;
+}
+/**
+ * Focus to first table cell
+ * @param {Squire} sq - Squire instance
+ * @param {HTMLElement} tr - wrapped table row
+ * @ignore
+ */
+
+
+function focusToFirstTd(sq, tr) {
+  var range = sq.getSelection();
+  range.selectNodeContents(tr.querySelector('td'));
+  range.collapse(true);
+  sq.setSelection(range);
+}
+
+/* harmony default export */ var tableAddRow = (TableAddRow);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableAddCol.js
+/**
+ * @fileoverview Implements table add column WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+/**
+ * AddCol
+ * Add col to selected table
+ * @extends Command
+ * @module wysiwygCommands/TableAddCol
+ * @ignore
+ */
+
+var TableAddCol = commandManager["a" /* default */].command('wysiwyg',
+/** @lends AddCol */
+{
+  name: 'AddCol',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var numberOfCols = getNumberOfCols(wwe);
+    var cell;
+    wwe.focus();
+
+    if (sq.hasFormat('TR')) {
+      sq.saveUndoState(range);
+      cell = getCellByRange(range);
+      addColToCellAfter(cell, numberOfCols);
+      focusToNextCell(sq, cell);
+    }
+  }
+});
+/**
+ * get number of selected cols
+ * @param {WysiwygEditor} wwe - wysiwyg editor instance
+ * @returns {number} - number of selected cols
+ * @ignore
+ */
+
+function getNumberOfCols(wwe) {
+  var selectionMgr = wwe.componentManager.getManager('tableSelection');
+  var selectedCells = selectionMgr.getSelectedCells();
+  var length = 1;
+
+  if (selectedCells.length > 0) {
+    var maxLength = selectedCells[0].parentNode.querySelectorAll('td, th').length;
+    length = Math.min(maxLength, selectedCells.length);
+  }
+
+  return length;
+}
+/**
+ * Get cell by range object
+ * @param {Range} range - range
+ * @returns {HTMLElement} - html element
+ * @ignore
+ */
+
+
+function getCellByRange(range) {
+  var cell = range.startContainer;
+
+  if (dom["a" /* default */].getNodeName(cell) !== 'TD' && dom["a" /* default */].getNodeName(cell) !== 'TH') {
+    cell = dom["a" /* default */].closest(cell, 'td, th');
+  }
+
+  return cell;
+}
+/**
+ * Add column to after the current cell
+ * @param {HTMLElement} cell - wrapped table cell
+ * @param {number} [numberOfCols=1] - number of cols
+ * @ignore
+ */
+
+
+function addColToCellAfter(cell, numberOfCols) {
+  if (numberOfCols === void 0) {
+    numberOfCols = 1;
+  }
+
+  var _domUtils$parents = dom["a" /* default */].parents(cell, 'table'),
+      table = _domUtils$parents[0];
+
+  if (table) {
+    var index = inArray_default()(cell, toArray_default()(cell.parentNode.childNodes));
+    var cellToAdd;
+    dom["a" /* default */].findAll(table, 'tr').forEach(function (tr) {
+      var isTBody = dom["a" /* default */].getNodeName(tr.parentNode) === 'TBODY';
+      var isMSIE = browser_default.a.msie;
+      var currentCell = tr.children[index];
+
+      for (var i = 0; i < numberOfCols; i += 1) {
+        if (isTBody) {
+          cellToAdd = document.createElement('td');
+        } else {
+          cellToAdd = document.createElement('th');
+        }
+
+        if (!isMSIE) {
+          cellToAdd.appendChild(document.createElement('br'));
+        }
+
+        dom["a" /* default */].insertAfter(cellToAdd, currentCell);
+      }
+    });
+  }
+}
+/**
+ * Focus to next cell
+ * @param {Squire} sq - Squire instance
+ * @param {HTMLElement} cell - wrapped table cell
+ * @ignore
+ */
+
+
+function focusToNextCell(sq, cell) {
+  var range = sq.getSelection();
+  range.selectNodeContents(cell.nextSibling);
+  range.collapse(true);
+  sq.setSelection(range);
+}
+
+/* harmony default export */ var tableAddCol = (TableAddCol);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableRemoveRow.js
+/**
+ * @fileoverview Implements table remove row WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * RemoveRow
+ * remove Row to selected table
+ * @extends Command
+ * @module wysiwygCommands/TableRemoveRow
+ * @ignore
+ */
+
+var TableRemoveRow = commandManager["a" /* default */].command('wysiwyg',
+/** @lends RemoveRow */
+{
+  name: 'RemoveRow',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+
+    var _domUtils$parents = dom["a" /* default */].parents(range.startContainer, 'table'),
+        table = _domUtils$parents[0];
+
+    var selectionMgr = wwe.componentManager.getManager('tableSelection');
+    var tableMgr = wwe.componentManager.getManager('table');
+    var trs = getTrs(range, selectionMgr, table);
+    var tbodyRowLength = table.querySelectorAll('tbody tr').length;
+    wwe.focus();
+
+    if ((sq.hasFormat('TD') || sq.hasFormat('TABLE')) && tbodyRowLength > 1) {
+      sq.saveUndoState(range);
+      var firstTr = trs[0];
+      var lastTr = trs[trs.length - 1];
+      var nextFocus = lastTr && lastTr.nextSibling ? lastTr.nextSibling : firstTr && firstTr.previousSibling;
+
+      if (nextFocus) {
+        tableRemoveRow_focusToFirstTd(sq, range, nextFocus, tableMgr);
+      }
+
+      trs.forEach(function (tr) {
+        return dom["a" /* default */].remove(tr);
+      });
+    }
+
+    selectionMgr.removeClassAttrbuteFromAllCellsIfNeed();
+  }
+});
+/**
+ * Focus to first TD in given TR
+ * @param {SquireExt} sq Squire instance
+ * @param {Range} range Range object
+ * @param {HTMLElement} tr HTMLElement wrapped TR
+ * @param {object} tableMgr Table manager
+ */
+
+function tableRemoveRow_focusToFirstTd(sq, range, tr, tableMgr) {
+  var nextFocusCell = tr.querySelector('td');
+  range.setStart(nextFocusCell, 0);
+  range.collapse(true);
+  tableMgr.setLastCellNode(nextFocusCell);
+  sq.setSelection(range);
+}
+/**
+ * Get start, end row index from current range
+ * @param {HTMLElement} firstSelectedCell Range object
+ * @param {object} rangeInformation Range information object
+ * @param {HTMLElement} table HTMLElement wrapped TABLE
+ * @returns {HTMLElement}
+ */
+
+
+function getSelectedRows(firstSelectedCell, rangeInformation, table) {
+  var tbodyRowLength = table.querySelectorAll('tbody tr').length;
+  var isStartContainerInThead = dom["a" /* default */].parents(firstSelectedCell, 'thead').length;
+  var startRowIndex = rangeInformation.from.row;
+  var endRowIndex = rangeInformation.to.row;
+
+  if (isStartContainerInThead) {
+    startRowIndex += 1;
+  }
+
+  var isWholeTbodySelected = (startRowIndex === 1 || isStartContainerInThead) && endRowIndex === tbodyRowLength;
+
+  if (isWholeTbodySelected) {
+    endRowIndex -= 1;
+  }
+
+  return dom["a" /* default */].findAll(table, 'tr').slice(startRowIndex, endRowIndex + 1);
+}
+/**
+ * Get TRs
+ * @param {Range} range Range object
+ * @param {object} selectionMgr Table selection manager
+ * @param {HTMLElement} table current table
+ * @returns {Array.}
+ */
+
+
+function getTrs(range, selectionMgr, table) {
+  var selectedCells = selectionMgr.getSelectedCells();
+  var rangeInformation, trs;
+
+  if (selectedCells.length) {
+    rangeInformation = selectionMgr.getSelectionRangeFromTable(selectedCells[0], selectedCells[selectedCells.length - 1]);
+    trs = getSelectedRows(selectedCells[0], rangeInformation, table);
+  } else {
+    var cell = dom["a" /* default */].closest(range.startContainer, 'td,th');
+    rangeInformation = selectionMgr.getSelectionRangeFromTable(cell, cell);
+    trs = getSelectedRows(cell, rangeInformation, table);
+  }
+
+  return trs;
+}
+
+/* harmony default export */ var tableRemoveRow = (TableRemoveRow);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableRemoveCol.js
+/**
+ * @fileoverview Implements table remove column WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * RemoveCol
+ * remove Row to selected table
+ * @extends Command
+ * @module wysiwygCommands/TableRemoveCol
+ * @ignore
+ */
+
+var TableRemoveCol = commandManager["a" /* default */].command('wysiwyg',
+/** @lends RemoveCol */
+{
+  name: 'RemoveCol',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+
+    var _domUtils$parents = dom["a" /* default */].parents(range.startContainer, 'table'),
+        table = _domUtils$parents[0];
+
+    var tableMgr = wwe.componentManager.getManager('table');
+    var selectionMgr = wwe.componentManager.getManager('tableSelection');
+    var hasMultipleCols = dom["a" /* default */].closest(range.startContainer, 'table').querySelectorAll('thead tr th').length > 1;
+    wwe.focus(); // IE 800a025e error on removing part of selection range. collapse
+
+    range.collapse(true);
+    sq.setSelection(range);
+
+    if (sq.hasFormat('TR', null, range) && hasMultipleCols) {
+      var trs = table.querySelectorAll('tbody tr');
+      var tbodyColLength = trs.length ? trs[0].querySelectorAll('td').length : 0;
+      var selectedCells = selectionMgr.getSelectedCells();
+
+      if (selectedCells.length < tbodyColLength) {
+        sq.saveUndoState(range);
+        var nextFocus;
+
+        if (selectedCells.length > 1) {
+          var tailCell = selectedCells[selectedCells.length - 1];
+          var headCell = selectedCells[0];
+          nextFocus = tailCell.nextSibling ? tailCell.nextSibling : headCell.previousSibling;
+          removeMultipleColsByCells(selectedCells);
+        } else {
+          var cell = tableRemoveCol_getCellByRange(range);
+          nextFocus = cell.nextSibling ? cell.nextSibling : cell.previousSibling;
+          removeColByCell(cell);
+        }
+
+        focusToCell(sq, nextFocus, tableMgr);
+      }
+    }
+  }
+});
+/**
+ * Get cell by range object
+ * @param {Range} range range
+ * @returns {HTMLElement|Node}
+ */
+
+function tableRemoveCol_getCellByRange(range) {
+  var cell = range.startContainer;
+
+  if (dom["a" /* default */].getNodeName(cell) !== 'TD' && !dom["a" /* default */].getNodeName(cell) === 'TH') {
+    cell = dom["a" /* default */].parentsUntil(cell, 'tr');
+  }
+
+  return cell;
+}
+/**
+ * Remove columns by given cells
+ * @param {HTMLElement} cells - table cells
+ */
+
+
+function removeMultipleColsByCells(cells) {
+  var numberOfCells = cells.length;
+
+  for (var i = 0; i < numberOfCells; i += 1) {
+    var cellToDelete = cells[i];
+
+    if (cellToDelete) {
+      removeColByCell(cells[i]);
+    }
+  }
+}
+/**
+ * Remove column by given cell
+ * @param {HTMLElement} cell - wrapped table cell
+ */
+
+
+function removeColByCell(cell) {
+  var _domUtils$parents2 = dom["a" /* default */].parents(cell, 'table'),
+      table = _domUtils$parents2[0];
+
+  if (table) {
+    var index = inArray_default()(cell, toArray_default()(cell.parentNode.childNodes));
+    dom["a" /* default */].findAll(table, 'tr').forEach(function (tr) {
+      var td = tr.children[index];
+      dom["a" /* default */].remove(td);
+    });
+  }
+}
+/**
+ * Focus to given cell
+ * @param {Squire} sq - Squire instance
+ * @param {HTMLElement} cell - wrapped table cell
+ * @param {object} tableMgr - Table manager instance
+ */
+
+
+function focusToCell(sq, cell, tableMgr) {
+  var nextFocusCell = cell;
+
+  if (cell && dom["a" /* default */].isContain(document.body, cell)) {
+    var range = sq.getSelection();
+    range.selectNodeContents(cell);
+    range.collapse(true);
+    sq.setSelection(range);
+    tableMgr.setLastCellNode(nextFocusCell);
+  }
+}
+
+/* harmony default export */ var tableRemoveCol = (TableRemoveCol);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableAlignCol.js
+/**
+ * @fileoverview Implements table align column WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * AlignCol
+ * Align selected column's text content to given direction
+ * @extends Command
+ * @module wysiwygCommands/TableAlignCol
+ * @ignore
+ */
+
+var TableAlignCol = commandManager["a" /* default */].command('wysiwyg',
+/** @lends AlignCol */
+{
+  name: 'AlignCol',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   * @param {string} alignDirection Align direction
+   */
+  exec: function exec(wwe, alignDirection) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var selectionMgr = wwe.componentManager.getManager('tableSelection');
+    var rangeInformation = getRangeInformation(range, selectionMgr);
+    wwe.focus();
+
+    if (sq.hasFormat('TR')) {
+      sq.saveUndoState(range);
+
+      var _domUtils$parents = dom["a" /* default */].parents(range.startContainer, 'table'),
+          table = _domUtils$parents[0];
+
+      var selectionInformation = getSelectionInformation(table, rangeInformation);
+      setAlignAttributeToTableCells(table, alignDirection, selectionInformation);
+    }
+
+    selectionMgr.removeClassAttrbuteFromAllCellsIfNeed();
+  }
+});
+/**
+ * Set Column align
+ * @param {HTMLElement} table wrapped TABLE
+ * @param {string} alignDirection 'left' or 'center' or 'right'
+ * @param {{
+ *     startColumnIndex: number,
+ *     endColumnIndex: number,
+ *     isDivided: boolean
+ *     }} selectionInformation start, end column index and boolean value for whether range divided or not
+ */
+
+function setAlignAttributeToTableCells(table, alignDirection, selectionInformation) {
+  var isDivided = selectionInformation.isDivided || false;
+  var start = selectionInformation.startColumnIndex;
+  var end = selectionInformation.endColumnIndex;
+  var trs = dom["a" /* default */].findAll(table, 'tr');
+  var columnLength = trs.length ? trs[0].querySelectorAll('td,th').length : 0;
+  trs.forEach(function (tr) {
+    var cells = toArray_default()(dom["a" /* default */].children(tr, 'td,th'));
+    cells.forEach(function (cell, index) {
+      if (isDivided && (start <= index && index <= columnLength || index <= end)) {
+        cell.setAttribute('align', alignDirection);
+      } else if (start <= index && index <= end) {
+        cell.setAttribute('align', alignDirection);
+      }
+    });
+  });
+}
+/**
+ * Return start, end column index and boolean value for whether range divided or not
+ * @param {HTMLElement} table wrapped TABLE
+ * @param {{startColumnIndex: number, endColumnIndex: number}} rangeInformation Range information
+ * @returns {{startColumnIndex: number, endColumnIndex: number, isDivided: boolean}}
+ */
+
+
+function getSelectionInformation(table, rangeInformation) {
+  var trs = table.querySelectorAll('tr');
+  var columnLength = trs.length ? trs[0].querySelectorAll('td,th').length : 0;
+  var from = rangeInformation.from,
+      to = rangeInformation.to;
+  var startColumnIndex, endColumnIndex, isDivided;
+
+  if (from.row === to.row) {
+    startColumnIndex = from.cell;
+    endColumnIndex = to.cell;
+  } else if (from.row < to.row) {
+    if (from.cell <= to.cell) {
+      startColumnIndex = 0;
+      endColumnIndex = columnLength - 1;
+    } else {
+      startColumnIndex = from.cell;
+      endColumnIndex = to.cell;
+      isDivided = true;
+    }
+  }
+
+  return {
+    startColumnIndex: startColumnIndex,
+    endColumnIndex: endColumnIndex,
+    isDivided: isDivided
+  };
+}
+/**
+ * Get range information
+ * @param {Range} range Range object
+ * @param {object} selectionMgr Table selection manager
+ * @returns {object}
+ */
+
+
+function getRangeInformation(range, selectionMgr) {
+  var selectedCells = selectionMgr.getSelectedCells();
+  var rangeInformation, startCell;
+
+  if (selectedCells.length) {
+    rangeInformation = selectionMgr.getSelectionRangeFromTable(selectedCells[0], selectedCells[selectedCells.length - 1]);
+  } else {
+    var startContainer = range.startContainer;
+    startCell = dom["a" /* default */].isTextNode(startContainer) ? dom["a" /* default */].parent(startContainer, 'td,th') : startContainer;
+    rangeInformation = selectionMgr.getSelectionRangeFromTable(startCell, startCell);
+  }
+
+  return rangeInformation;
+}
+
+/* harmony default export */ var tableAlignCol = (TableAlignCol);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableRemove.js
+/**
+ * @fileoverview Implements table remove WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * RemoveTable
+ * Remove selected table
+ * @extends Command
+ * @module wysiwygCommands/TableRemove
+ * @ignore
+ */
+
+var TableRemove = commandManager["a" /* default */].command('wysiwyg',
+/** @lends RemoveTable */
+{
+  name: 'RemoveTable',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+
+    if (sq.hasFormat('TABLE')) {
+      sq.saveUndoState(range);
+      dom["a" /* default */].remove(dom["a" /* default */].closest(range.startContainer, 'table'));
+    }
+
+    wwe.focus();
+  }
+});
+/* harmony default export */ var tableRemove = (TableRemove);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/indent.js
+/**
+ * @fileoverview Implements Indent wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Indent
+ * Indent list or task to wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/indent
+ * @ignore
+ */
+
+var indent_Indent = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Indent */
+{
+  name: 'Indent',
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var listManager = wwe.componentManager.getManager('list');
+    var range = wwe.getEditor().getSelection();
+    var node = dom["a" /* default */].closest(range.startContainer, 'li');
+    var prevClasses, nodeClasses, nextClasses;
+    var prev = node && node.previousSibling;
+
+    if (prev) {
+      var next = node.querySelector('li');
+      wwe.getEditor().saveUndoState();
+      nodeClasses = node.className;
+      prevClasses = prev.className;
+      node.className = '';
+      prev.className = '';
+
+      if (next) {
+        nextClasses = next.className;
+        var divElements = toArray_default()(next.children).filter(function (child) {
+          return matches_default()(child, 'div');
+        });
+
+        if (!divElements.length) {
+          next.className = '';
+        }
+      }
+
+      wwe.getEditor().increaseListLevel();
+      listManager.mergeList(node);
+      node.className = nodeClasses;
+      prev.className = prevClasses;
+
+      if (next) {
+        next.className = nextClasses;
+      }
+    }
+  }
+});
+/* harmony default export */ var wysiwygCommands_indent = (indent_Indent);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/outdent.js
+/**
+ * @fileoverview Implements Outdent wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Outdent
+ * Outdent list or task to wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/Outdent
+ * @ignore
+ */
+
+var outdent_Outdent = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Outdent */
+{
+  name: 'Outdent',
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe WysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var node = getCurrentLi(wwe);
+
+    if (node && isExecutable(node)) {
+      wwe.getEditor().saveUndoState();
+      var nodeClasses = node.className;
+      wwe.getEditor().decreaseListLevel();
+      node = getCurrentLi(wwe);
+
+      if (node && nodeClasses) {
+        node.className = nodeClasses;
+      }
+    }
+  }
+});
+/**
+ * test if outdent the given list item
+ * arbitrary list allows list item to be in any position
+ * while markdown spec does not
+ * @param {HTMLElement} currentLiNode - list item element
+ * @returns {boolean} - true to executable
+ * @ignore
+ */
+
+function isExecutable(currentLiNode) {
+  var nodeName = dom["a" /* default */].getNodeName(currentLiNode.nextSibling);
+  return nodeName !== 'OL' && nodeName !== 'UL';
+}
+/**
+ * Get list item element of current selection
+ * @param {object} wwe Wysiwyg editor instance
+ * @returns {HTMLElement}
+ * @ignore
+ */
+
+
+function getCurrentLi(wwe) {
+  var range = wwe.getEditor().getSelection();
+  return dom["a" /* default */].closest(range.startContainer, 'li');
+}
+
+/* harmony default export */ var wysiwygCommands_outdent = (outdent_Outdent);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/task.js
+/**
+ * @fileoverview Implements Task WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Task
+ * Add Task to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Task
+ * @ignore
+ */
+
+var task_Task = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Task */
+{
+  name: 'Task',
+  keyMap: ['ALT+T', 'ALT+T'],
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var listManager = wwe.componentManager.getManager('list');
+    var startContainer = range.startContainer,
+        endContainer = range.endContainer,
+        startOffset = range.startOffset,
+        endOffset = range.endOffset;
+    var newLIs = [];
+    wwe.focus();
+    sq.saveUndoState(range);
+
+    if (listManager.isAvailableMakeListInTable()) {
+      newLIs = listManager.createListInTable(range, 'TASK');
+    } else {
+      var lines = listManager.getLinesOfSelection(startContainer, endContainer);
+
+      for (var i = 0; i < lines.length; i += 1) {
+        var newLI = this._changeFormatToTaskIfNeed(wwe, lines[i]);
+
+        if (newLI) {
+          newLIs.push(newLI);
+        }
+      }
+    }
+
+    if (newLIs.length) {
+      listManager.adjustRange(startContainer, endContainer, startOffset, endOffset, newLIs);
+    }
+  },
+
+  /**
+   * Change format to unordered list and return current li element if need
+   * @param {WysiwygEditor} wwe Wysiwyg editor instance
+   * @param {HTMLElement} target Element target for change
+   * @returns {HTMLElement} newly created list
+   * @private
+   */
+  _changeFormatToTaskIfNeed: function _changeFormatToTaskIfNeed(wwe, target) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var taskManager = wwe.componentManager.getManager('task');
+    var newLI;
+
+    if (!sq.hasFormat('PRE')) {
+      range.setStart(target, 0);
+      range.collapse(true);
+      sq.setSelection(range);
+
+      if (!sq.hasFormat('li')) {
+        sq.makeUnorderedList();
+        target = sq.getSelection().startContainer;
+      }
+
+      if (hasClass_default()(target, 'task-list-item')) {
+        taskManager.unformatTask(target);
+      } else {
+        taskManager.formatTask(target);
+      }
+
+      newLI = sq.getSelection().startContainer;
+    }
+
+    return newLI;
+  }
+});
+/* harmony default export */ var wysiwygCommands_task = (task_Task);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/code.js
+/**
+ * @fileoverview Implements code WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Code
+ * Add bold to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Code
+ * @ignore
+ */
+
+var code_Code = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Code */
+{
+  name: 'Code',
+  keyMap: ['SHIFT+CTRL+C', 'SHIFT+META+C'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
+
+    var _styleCode = styleCode.bind(null, wwe.getEditor());
+
+    wwe.focus();
+
+    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
+      tableSelectionManager.styleToSelectedCells(_styleCode);
+      var range = sq.getSelection();
+      range.collapse(true);
+      sq.setSelection(range);
+    } else {
+      _styleCode(sq);
+    }
+  }
+});
+/**
+ * removeUnnecessaryCodeInNextToRange
+ * Remove unnecessary code tag next to range, code tag made by squire
+ * @param {Range} range range object
+ */
+
+function removeUnnecessaryCodeInNextToRange(range) {
+  if (dom["a" /* default */].getNodeName(range.startContainer.nextSibling) === 'CODE' && dom["a" /* default */].getTextLength(range.startContainer.nextSibling) === 0) {
+    dom["a" /* default */].remove(range.startContainer.nextSibling);
+  }
+}
+/**
+ * Style code.
+ * @param {object} editor - editor instance
+ * @param {object} sq - squire editor instance
+ */
+
+
+function styleCode(editor, sq) {
+  if (!sq.hasFormat('PRE') && sq.hasFormat('code')) {
+    sq.changeFormat(null, {
+      tag: 'code'
+    });
+    removeUnnecessaryCodeInNextToRange(editor.getSelection().cloneRange());
+  } else if (!sq.hasFormat('a') && !sq.hasFormat('PRE')) {
+    if (sq.hasFormat('b')) {
+      sq.removeBold();
+    } else if (sq.hasFormat('i')) {
+      sq.removeItalic();
+    }
+
+    sq.changeFormat({
+      tag: 'code'
+    });
+    var range = sq.getSelection().cloneRange();
+    range.setStart(range.endContainer, range.endOffset);
+    range.collapse(true);
+    sq.setSelection(range);
+  }
+}
+
+/* harmony default export */ var wysiwygCommands_code = (code_Code);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/codeBlock.js
+/**
+ * @fileoverview Implements code block WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var CODEBLOCK_CLASS_TEMP = 'te-content-codeblock-temp';
+var codeBlock_CODEBLOCK_ATTR_NAME = 'data-te-codeblock';
+/**
+ * CodeBlock
+ * Add CodeBlock to wysiwygEditor
+ * @extends Command
+ * @module wysiwygCommands/Codeblock
+ * @ignore
+ */
+
+var codeBlock_CodeBlock = commandManager["a" /* default */].command('wysiwyg',
+/** @lends CodeBlock */
+{
+  name: 'CodeBlock',
+  keyMap: ['SHIFT+CTRL+P', 'SHIFT+META+P'],
+
+  /**
+   * Command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   * @param {string} type of language
+   */
+  exec: function exec(wwe, type) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+
+    if (!sq.hasFormat('PRE') && !sq.hasFormat('TABLE')) {
+      var attr = codeBlock_CODEBLOCK_ATTR_NAME + " class = \"" + CODEBLOCK_CLASS_TEMP + "\"";
+
+      if (type) {
+        attr += " data-language=\"" + type + "\"";
+      }
+
+      var codeBlockBody = getCodeBlockBody(range, wwe);
+      sq.insertHTML("
    " + codeBlockBody + "
    ");
+      focusToFirstCode(wwe.getBody().querySelector("." + CODEBLOCK_CLASS_TEMP), wwe);
+    }
+
+    wwe.focus();
+  }
+});
+/**
+ * focusToFirstCode
+ * Focus to first code tag content of pre tag
+ * @param {HTMLElement} pre pre tag
+ * @param {WysiwygEditor} wwe wysiwygEditor
+ */
+
+function focusToFirstCode(pre, wwe) {
+  var range = wwe.getEditor().getSelection().cloneRange();
+  removeClass_default()(pre, CODEBLOCK_CLASS_TEMP);
+  range.setStartBefore(pre.firstChild);
+  range.collapse(true);
+  wwe.getEditor().setSelection(range);
+}
+/**
+ * getCodeBlockBody
+ * get text wrapped by code
+ * @param {object} range range object
+ * @param {object} wwe wysiwyg editor
+ * @returns {string}
+ */
+
+
+function getCodeBlockBody(range, wwe) {
+  var mgr = wwe.componentManager.getManager('codeblock');
+  var codeBlock;
+
+  if (range.collapsed) {
+    codeBlock = '
    ';
+  } else {
+    var contents = range.extractContents();
+    var nodes = toArray_default()(contents.childNodes);
+    var tempDiv = document.createElement('div');
+    tempDiv.appendChild(mgr.prepareToPasteOnCodeblock(nodes));
+    codeBlock = tempDiv.innerHTML;
+  }
+
+  return codeBlock;
+}
+
+/* harmony default export */ var wysiwygCommands_codeBlock = (codeBlock_CodeBlock);
+// CONCATENATED MODULE: ./src/js/scroll/animation.js
+var ANIMATION_TIME = 200;
+var SCROLL_BOCKING_RESET_DELAY = 15;
+var currentTimeoutId = null;
+var releaseTimer = null;
+
+function run(deltaScrollTop, _ref) {
+  var syncScrollTop = _ref.syncScrollTop,
+      releaseEventBlock = _ref.releaseEventBlock;
+  clearTimeout(releaseTimer);
+  syncScrollTop(deltaScrollTop);
+  releaseTimer = setTimeout(function () {
+    releaseEventBlock();
+  }, SCROLL_BOCKING_RESET_DELAY);
+}
+
+function animate(sourceScrollTop, targetScrollTop, callbackObjForSync) {
+  var diff = targetScrollTop - sourceScrollTop;
+  var startTime = Date.now();
+  /**
+   * Each animation step
+   */
+
+  var step = function step() {
+    var stepTime = Date.now();
+    var progress = (stepTime - startTime) / ANIMATION_TIME;
+    var deltaValue; // if already doing animation
+
+    if (currentTimeoutId) {
+      clearTimeout(currentTimeoutId);
+    }
+
+    if (progress < 1) {
+      deltaValue = sourceScrollTop + diff * Math.cos((1 - progress) * Math.PI / 2);
+      run(Math.ceil(deltaValue), callbackObjForSync);
+      currentTimeoutId = setTimeout(step, 1);
+    } else {
+      run(targetScrollTop, callbackObjForSync);
+      currentTimeoutId = null;
+    }
+  };
+
+  step();
+}
+// EXTERNAL MODULE: ./src/js/scroll/helper.js
+var helper = __webpack_require__(18);
+
+// EXTERNAL MODULE: ./src/js/scroll/cache/offsetInfo.js
+var offsetInfo = __webpack_require__(24);
+
+// CONCATENATED MODULE: ./src/js/scroll/editorScroll.js
+
+
+
+
+var EDITING_POSITION_RATIO = 0.5;
+var blockedPreviewScrollEvent = false;
+var latestScrollTop = null;
+/* eslint-disable no-return-assign */
+
+function getAndSaveOffsetHeight(node, mdNodeId) {
+  var cachedHeight = Object(offsetInfo["a" /* getOffsetHeight */])(mdNodeId);
+  var offsetHeight = cachedHeight || node.offsetHeight;
+
+  if (!cachedHeight) {
+    Object(offsetInfo["d" /* setOffsetHeight */])(mdNodeId, offsetHeight);
+  }
+
+  return offsetHeight;
+}
+
+function getTopInfo(cm, startLine, mdNode, node, previewEl) {
+  var mdNodeStartLine = Object(markdown["f" /* getMdStartLine */])(mdNode);
+  var height = cm.lineInfo(startLine).handle.height;
+  var previewElHeight = getAndSaveOffsetHeight(previewEl, 0);
+  var top = node.getBoundingClientRect().top - previewEl.getBoundingClientRect().top; // position editing node on middle of preview as default
+
+  var additionalScrollTop = -previewElHeight * EDITING_POSITION_RATIO;
+
+  if (Object(markdown["j" /* isMultiLineNode */])(mdNode)) {
+    var additionalTopPos = (startLine - mdNodeStartLine + 1) * height;
+    additionalScrollTop = additionalTopPos;
+    top += additionalTopPos;
+  }
+
+  return {
+    top: top,
+    additionalScrollTop: additionalScrollTop
+  };
+}
+
+function syncPreviewScrollTopToMarkdown(editor, preview, scrollEvent) {
+  var root = preview._previewContent,
+      previewEl = preview.el;
+  var cm = editor.cm,
+      toastMark = editor.toastMark;
+
+  var _cm$getScrollInfo = cm.getScrollInfo(),
+      left = _cm$getScrollInfo.left,
+      scrollTop = _cm$getScrollInfo.top,
+      height = _cm$getScrollInfo.height,
+      clientHeight = _cm$getScrollInfo.clientHeight;
+
+  var isBottomPos = height - scrollTop <= clientHeight;
+  var sourceScrollTop = previewEl.scrollTop;
+  var targetScrollTop = isBottomPos ? previewEl.scrollHeight : 0;
+
+  if (scrollTop && !isBottomPos) {
+    var _ref = scrollEvent ? cm.coordsChar({
+      left: left,
+      top: scrollTop
+    }, 'local') : cm.getCursor('from'),
+        startLine = _ref.line;
+
+    var firstMdNode = toastMark.findFirstNodeAtLine(startLine + 1);
+
+    if (!firstMdNode || Object(markdown["g" /* isHtmlNode */])(firstMdNode)) {
+      return;
+    } // if DOM element does not exist, should get its parent node using markdown node
+    // in case of text node, rendererd DOM element is not matched to markdown node
+
+
+    var nodeObj = Object(helper["f" /* getParentNodeObj */])(firstMdNode);
+    var node = nodeObj.node,
+        mdNode = nodeObj.mdNode;
+    var mdNodeStartLine = Object(markdown["f" /* getMdStartLine */])(mdNode);
+    var previewElHeight = getAndSaveOffsetHeight(previewEl, 0);
+    targetScrollTop = Object(helper["g" /* getTotalOffsetTop */])(node, root) || node.offsetTop;
+
+    if (!scrollEvent) {
+      var _getTopInfo = getTopInfo(cm, startLine, mdNode, node, previewEl),
+          top = _getTopInfo.top,
+          additionalScrollTop = _getTopInfo.additionalScrollTop;
+
+      if (top > 0 && top < previewElHeight) {
+        return;
+      }
+
+      targetScrollTop += additionalScrollTop; // assign the null to sync scrollTop position when scrolling
+
+      latestScrollTop = null;
+    } else if (Object(helper["h" /* isNodeToBeCalculated */])(mdNode)) {
+      var offsetHeight = getAndSaveOffsetHeight(node, mdNode.id);
+      var offsetTop = cm.heightAtLine(mdNodeStartLine - 1, 'local');
+      var cmNodeHeight = Object(helper["c" /* getCmRangeHeight */])(mdNode, cm);
+      targetScrollTop += Object(helper["b" /* getAdditionalTopPos */])(scrollTop, offsetTop, cmNodeHeight, offsetHeight);
+      var scrollTopInfo = {
+        latestScrollTop: latestScrollTop,
+        scrollTop: scrollTop,
+        targetScrollTop: targetScrollTop,
+        sourceScrollTop: sourceScrollTop
+      };
+      targetScrollTop = Object(helper["d" /* getFallbackScrollTop */])(scrollTopInfo);
+      latestScrollTop = scrollTop;
+
+      if (targetScrollTop === sourceScrollTop) {
+        return;
+      }
+    }
+  }
+
+  blockedPreviewScrollEvent = true;
+  var callbackObjForSync = {
+    syncScrollTop: function syncScrollTop(deltaScrollTop) {
+      return previewEl.scrollTop = deltaScrollTop;
+    },
+    releaseEventBlock: function releaseEventBlock() {
+      return blockedPreviewScrollEvent = false;
+    }
+  };
+  animate(sourceScrollTop, targetScrollTop, callbackObjForSync);
+}
+function isBlockedPreviewScrollEvent() {
+  return blockedPreviewScrollEvent;
+}
+// CONCATENATED MODULE: ./src/js/scroll/previewScroll.js
+
+
+
+
+var blockedMarkdownScrollEvent = false;
+var previewScroll_latestScrollTop = null;
+/* eslint-disable no-return-assign */
+
+function getAndSaveOffsetInfo(node, mdNodeId, root) {
+  var cachedHeight = Object(offsetInfo["a" /* getOffsetHeight */])(mdNodeId);
+  var cachedTop = Object(offsetInfo["b" /* getOffsetTop */])(mdNodeId);
+  var offsetHeight = cachedHeight || node.offsetHeight;
+  var offsetTop = cachedTop || Object(helper["g" /* getTotalOffsetTop */])(node, root) || node.offsetTop;
+
+  if (!cachedHeight) {
+    Object(offsetInfo["d" /* setOffsetHeight */])(mdNodeId, offsetHeight);
+  }
+
+  if (!cachedTop) {
+    Object(offsetInfo["e" /* setOffsetTop */])(mdNodeId, offsetTop);
+  }
+
+  return {
+    offsetHeight: offsetHeight,
+    offsetTop: offsetTop
+  };
+}
+
+function getAncestorHavingId(node, root) {
+  while (!node.getAttribute('data-nodeid') && node.parentElement !== root) {
+    node = node.parentElement;
+  }
+
+  return node;
+}
+
+function syncMarkdownScrollTopToPreview(editor, preview, targetNode) {
+  var toastMark = editor.toastMark,
+      cm = editor.cm;
+  var _preview$el = preview.el,
+      scrollTop = _preview$el.scrollTop,
+      clientHeight = _preview$el.clientHeight,
+      scrollHeight = _preview$el.scrollHeight;
+  var root = preview._previewContent;
+  var isBottomPos = scrollHeight - scrollTop <= clientHeight;
+
+  var _cm$getScrollInfo = cm.getScrollInfo(),
+      left = _cm$getScrollInfo.left,
+      sourceScrollTop = _cm$getScrollInfo.top,
+      height = _cm$getScrollInfo.height;
+
+  var targetScrollTop = isBottomPos ? height : 0;
+
+  if (scrollTop && targetNode && !isBottomPos) {
+    targetNode = getAncestorHavingId(targetNode, root);
+
+    if (!targetNode.getAttribute('data-nodeid')) {
+      return;
+    }
+
+    var _cm$coordsChar = cm.coordsChar({
+      left: left,
+      top: sourceScrollTop
+    }, 'local'),
+        startLine = _cm$coordsChar.line;
+
+    var mdNodeId = Number(targetNode.getAttribute('data-nodeid'));
+
+    var _getParentNodeObj = Object(helper["f" /* getParentNodeObj */])(toastMark.findNodeById(mdNodeId)),
+        mdNode = _getParentNodeObj.mdNode,
+        node = _getParentNodeObj.node;
+
+    var mdNodeStartLine = Object(markdown["f" /* getMdStartLine */])(mdNode);
+    targetScrollTop = cm.heightAtLine(mdNodeStartLine - 1, 'local');
+
+    if (Object(markdown["i" /* isListItemNode */])(mdNode)) {
+      targetScrollTop += Object(helper["e" /* getNextEmptyLineHeight */])(cm, mdNodeStartLine, startLine);
+    }
+
+    if (Object(helper["h" /* isNodeToBeCalculated */])(mdNode)) {
+      var cmNodeHeight = Object(helper["c" /* getCmRangeHeight */])(mdNode, cm);
+
+      var _getAndSaveOffsetInfo = getAndSaveOffsetInfo(node, mdNodeId, root),
+          offsetHeight = _getAndSaveOffsetInfo.offsetHeight,
+          offsetTop = _getAndSaveOffsetInfo.offsetTop;
+
+      targetScrollTop += Object(helper["b" /* getAdditionalTopPos */])(scrollTop, offsetTop, offsetHeight, cmNodeHeight);
+      var scrollTopInfo = {
+        latestScrollTop: previewScroll_latestScrollTop,
+        scrollTop: scrollTop,
+        targetScrollTop: targetScrollTop,
+        sourceScrollTop: sourceScrollTop
+      };
+      targetScrollTop = Object(helper["d" /* getFallbackScrollTop */])(scrollTopInfo);
+      previewScroll_latestScrollTop = scrollTop;
+
+      if (targetScrollTop === sourceScrollTop) {
+        return;
+      }
+    }
+  }
+
+  blockedMarkdownScrollEvent = true;
+  var callbackObjForSync = {
+    syncScrollTop: function syncScrollTop(deltaScrollTop) {
+      return cm.scrollTo(0, deltaScrollTop);
+    },
+    releaseEventBlock: function releaseEventBlock() {
+      return blockedMarkdownScrollEvent = false;
+    }
+  };
+  animate(sourceScrollTop, targetScrollTop, callbackObjForSync);
+}
+function isBlockedMarkdownScrollEvent() {
+  return blockedMarkdownScrollEvent;
+}
+// CONCATENATED MODULE: ./src/js/scroll/ui/button.js
+
+var button_className = 'tui-scrollsync';
+var activeClassName = 'tui-scrollsync active';
+var active = true;
+function isActive() {
+  return active;
+}
+function createButton(editor) {
+  if (editor.isViewer() || editor.getUI().name !== 'default') {
+    return;
+  }
+
+  var i18n = editor.i18n;
+  var tooltip = {
+    ACTIVE: i18n.get('Auto scroll enabled'),
+    INACTIVE: i18n.get('Auto scroll disabled')
+  };
+  var toolbar = editor.getUI().getToolbar();
+  var buttonEl = document.createElement('button');
+  buttonEl.className = activeClassName;
+  toolbar.addItem('divider');
+  toolbar.addItem({
+    type: 'button',
+    options: {
+      command: 'scrollSyncToggle',
+      tooltip: tooltip.ACTIVE,
+      el: buttonEl
+    }
+  });
+  var items = toolbar.getItems();
+  var divider = items[items.length - 2].el;
+  var button = items[items.length - 1];
+  changeButtonVisiblityStateIfNeed(editor, button, divider);
+  addEventListener(editor, button, divider);
+  addEditorCommand(editor, button, tooltip);
+}
+
+function addEventListener(editor, button, divider) {
+  // hide scroll follow button in wysiwyg
+  editor.on('changeMode', function () {
+    return changeButtonVisiblityStateIfNeed(editor, button, divider);
+  });
+  editor.on('changePreviewStyle', function () {
+    return changeButtonVisiblityStateIfNeed(editor, button, divider);
+  });
+}
+
+function addEditorCommand(editor, button, tooltip) {
+  // Commands
+  editor.addCommand('markdown', {
+    name: 'scrollSyncToggle',
+    exec: function exec() {
+      active = !active;
+
+      button._onOut();
+
+      if (active) {
+        button.el.className = activeClassName;
+        button.setTooltip(tooltip.ACTIVE);
+      } else {
+        button.el.className = button_className;
+        button.setTooltip(tooltip.INACTIVE);
+      }
+
+      button._onOver();
+    }
+  });
+}
+
+function changeButtonVisiblityStateIfNeed(editor, button, divider) {
+  if (editor.mdPreviewStyle === 'vertical' && editor.currentMode === 'markdown') {
+    css_default()(button.el, {
+      display: 'inline-block'
+    });
+    css_default()(divider, {
+      display: 'inline-block'
+    });
+  } else {
+    css_default()(button.el, {
+      display: 'none'
+    });
+    css_default()(divider, {
+      display: 'none'
+    });
+  }
+}
+// CONCATENATED MODULE: ./src/js/scroll/sync.js
+
+
+
+var isScrollable = true;
+/* eslint-disable no-return-assign */
+
+function register(editor) {
+  var mdEditor = editor.mdEditor,
+      preview = editor.preview;
+  createButton(editor);
+  addScrollEvent(mdEditor, preview);
+  addPreviewRenderedEvent(mdEditor, preview);
+  mdEditor.cm.on('change', function () {
+    return isScrollable = false;
+  });
+}
+
+function addPreviewRenderedEvent(editor, preview) {
+  editor.eventManager.listen('previewRenderAfter', function () {
+    // Immediately after the 'previewRenderAfter' event has occurred,
+    // browser rendering is not yet complete.
+    // So the size of elements can not be accurately measured.
+    setTimeout(function () {
+      if (isActive()) {
+        syncPreviewScrollTopToMarkdown(editor, preview);
+      }
+
+      isScrollable = true;
+    }, 200);
+  });
+}
+
+function addScrollEvent(editor, preview) {
+  var eventManager = editor.eventManager;
+  eventManager.listen('scroll', function (_ref) {
+    var source = _ref.source,
+        data = _ref.data;
+
+    if (!isActive()) {
+      return;
+    }
+
+    if (isScrollable && preview.isVisible()) {
+      if (source === 'markdown' && !isBlockedMarkdownScrollEvent()) {
+        syncPreviewScrollTopToMarkdown(editor, preview, true);
+      } else if (source === 'preview' && !isBlockedPreviewScrollEvent()) {
+        syncMarkdownScrollTopToPreview(editor, preview, data);
+      }
+    }
+  });
+}
+// CONCATENATED MODULE: ./src/js/editor.js
+function editor_extends() { editor_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return editor_extends.apply(this, arguments); }
+
+/**
+ * @fileoverview Implements Editor
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ // markdown commands
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ // wysiwyg Commands
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var __nedInstance = [];
+/**
+ * @callback addImageBlobHook
+ * @param {File|Blob} fileOrBlob - image blob
+ * @param {callback} callback - callback function to be called after
+ * @param {string} source - source of an event the item belongs to. 'paste', 'drop', 'ui'
+ */
+
+/**
+ * ToastUI Editor
+ * @param {Object} options Option object
+ *     @param {HTMLElement} options.el - container element
+ *     @param {string} [options.height='300px'] - Editor's height style value. Height is applied as border-box ex) '300px', '100%', 'auto'
+ *     @param {string} [options.minHeight='200px'] - Editor's min-height style value in pixel ex) '300px'
+ *     @param {string} [options.initialValue] - Editor's initial value
+ *     @param {string} [options.previewStyle] - Markdown editor's preview style (tab, vertical)
+ *     @param {boolean} [options.previewHighlight = true] - Highlight a preview element corresponds to the cursor position in the markdwon editor
+ *     @param {string} [options.initialEditType] - Initial editor type (markdown, wysiwyg)
+ *     @param {Object} [options.events] - Events
+ *         @param {function} [options.events.load] - It would be emitted when editor fully load
+ *         @param {function} [options.events.change] - It would be emitted when content changed
+ *         @param {function} [options.events.stateChange] - It would be emitted when format change by cursor position
+ *         @param {function} [options.events.focus] - It would be emitted when editor get focus
+ *         @param {function} [options.events.blur] - It would be emitted when editor loose focus
+ *     @param {Object} [options.hooks] - Hooks
+ *         @param {function} [options.hooks.previewBeforeHook] - Submit preview to hook URL before preview be shown
+ *         @param {addImageBlobHook} [options.hooks.addImageBlobHook] - hook for image upload
+ *     @param {string} [options.language='en-US'] - language
+ *     @param {boolean} [options.useCommandShortcut=true] - whether use keyboard shortcuts to perform commands
+ *     @param {boolean} [options.useDefaultHTMLSanitizer=true] - use default htmlSanitizer
+ *     @param {boolean} [options.usageStatistics=true] - send hostname to google analytics
+ *     @param {Array.} [options.toolbarItems] - toolbar items.
+ *     @param {boolean} [options.hideModeSwitch=false] - hide mode switch tab bar
+ *     @param {Array.} [options.plugins] - Array of plugins. A plugin can be either a function or an array in the form of [function, options].
+ *     @param {Object} [options.extendedAutolinks] - Using extended Autolinks specified in GFM spec
+ *     @param {Object} [options.customConvertor] - convertor extention
+ *     @param {string} [options.placeholder] - The placeholder text of the editable element.
+ *     @param {Object} [options.linkAttribute] - Attributes of anchor element that should be rel, target, contenteditable, hreflang, type
+ *     @param {Object} [options.customHTMLRenderer] - Object containing custom renderer functions correspond to markdown node
+ *     @param {boolean} [options.referenceDefinition=false] - whether use the specification of link reference definition
+ *     @param {function} [options.customHTMLSanitizer=null] - custom HTML sanitizer
+ *     @param {boolean} [options.frontMatter=false] - whether use the front matter
+ */
+
+var editor_ToastUIEditor = /*#__PURE__*/function () {
+  function ToastUIEditor(options) {
+    var _this = this;
+
+    this.initialHtml = options.el.innerHTML;
+    options.el.innerHTML = '';
+    this.options = extend_default()({
+      previewStyle: 'tab',
+      previewHighlight: true,
+      initialEditType: 'markdown',
+      height: '300px',
+      minHeight: '200px',
+      language: 'en-US',
+      useDefaultHTMLSanitizer: true,
+      useCommandShortcut: true,
+      usageStatistics: true,
+      toolbarItems: ['heading', 'bold', 'italic', 'strike', 'divider', 'hr', 'quote', 'divider', 'ul', 'ol', 'task', 'indent', 'outdent', 'divider', 'table', 'image', 'link', 'divider', 'code', 'codeblock'],
+      hideModeSwitch: false,
+      linkAttribute: null,
+      extendedAutolinks: false,
+      customConvertor: null,
+      customHTMLRenderer: null,
+      referenceDefinition: false,
+      customHTMLSanitizer: null,
+      frontMatter: false
+    }, options);
+    this.codeBlockLanguages = [];
+    this.eventManager = new js_eventManager["a" /* default */]();
+    this.importManager = new importManager(this.eventManager);
+    this.commandManager = new commandManager["a" /* default */](this, {
+      useCommandShortcut: this.options.useCommandShortcut
+    });
+    var linkAttribute = Object(utils_common["c" /* sanitizeLinkAttribute */])(this.options.linkAttribute);
+
+    var _getPluginInfo = Object(pluginHelper["a" /* getPluginInfo */])(this.options.plugins),
+        renderer = _getPluginInfo.renderer,
+        parser = _getPluginInfo.parser,
+        plugins = _getPluginInfo.plugins;
+
+    var _this$options = this.options,
+        customHTMLRenderer = _this$options.customHTMLRenderer,
+        customHTMLSanitizer = _this$options.customHTMLSanitizer,
+        extendedAutolinks = _this$options.extendedAutolinks,
+        referenceDefinition = _this$options.referenceDefinition,
+        useDefaultHTMLSanitizer = _this$options.useDefaultHTMLSanitizer,
+        frontMatter = _this$options.frontMatter;
+    var rendererOptions = {
+      linkAttribute: linkAttribute,
+      customHTMLRenderer: editor_extends({}, renderer, customHTMLRenderer),
+      extendedAutolinks: extendedAutolinks,
+      referenceDefinition: referenceDefinition,
+      customParser: parser,
+      frontMatter: frontMatter,
+      customProp: {
+        showFrontMatter: frontMatter
+      }
+    };
+
+    if (this.options.customConvertor) {
+      // eslint-disable-next-line new-cap
+      this.convertor = new this.options.customConvertor(this.eventManager, rendererOptions);
+    } else {
+      this.convertor = new convertor["a" /* default */](this.eventManager, rendererOptions);
+    }
+
+    var sanitizer = customHTMLSanitizer || (useDefaultHTMLSanitizer ? htmlSanitizer["a" /* default */] : null);
+
+    if (sanitizer) {
+      this.convertor.initHtmlSanitizer(sanitizer);
+    }
+
+    if (this.options.hooks) {
+      forEachOwnProperties_default()(this.options.hooks, function (fn, key) {
+        return _this.addHook(key, fn);
+      });
+    }
+
+    if (this.options.events) {
+      forEachOwnProperties_default()(this.options.events, function (fn, key) {
+        return _this.on(key, fn);
+      });
+    }
+
+    this.layout = new js_layout(options, this.eventManager);
+    this.i18n = i18n;
+    this.i18n.setCode(this.options.language);
+    this.setUI(this.options.UI || new defaultUI(this));
+    this.toastMark = new toastmark["ToastMark"]('', {
+      disallowedHtmlBlockTags: ['br'],
+      extendedAutolinks: extendedAutolinks,
+      referenceDefinition: referenceDefinition,
+      disallowDeepHeading: true,
+      customParser: parser,
+      frontMatter: frontMatter
+    });
+    this.mdEditor = markdownEditor.factory(this.layout.getMdEditorContainerEl(), this.eventManager, this.toastMark, this.options);
+    this.preview = new mdPreview["a" /* default */](this.layout.getPreviewEl(), this.eventManager, this.convertor, editor_extends({}, rendererOptions, {
+      isViewer: false,
+      highlight: this.options.previewHighlight
+    }));
+    this.wwEditor = wysiwygEditor.factory(this.layout.getWwEditorContainerEl(), this.eventManager, {
+      sanitizer: sanitizer,
+      linkAttribute: linkAttribute
+    });
+    this.toMarkOptions = {
+      gfm: true,
+      renderer: toMarkRenderer
+    };
+
+    if (plugins) {
+      Object(pluginHelper["b" /* invokePlugins */])(plugins, this);
+    }
+
+    this.changePreviewStyle(this.options.previewStyle);
+    this.changeMode(this.options.initialEditType, true);
+    this.minHeight(this.options.minHeight);
+    this.height(this.options.height);
+    this.setMarkdown(this.options.initialValue, false);
+
+    if (this.options.placeholder) {
+      this.setPlaceholder(this.options.placeholder);
+    }
+
+    if (!this.options.initialValue) {
+      this.setHtml(this.initialHtml, false);
+    }
+
+    this.eventManager.emit('load', this);
+
+    __nedInstance.push(this);
+
+    this._addDefaultCommands();
+
+    if (this.options.usageStatistics) {
+      Object(utils_common["d" /* sendHostName */])();
+    }
+
+    register(this);
+  }
+  /**
+   * change preview style
+   * @param {string} style - 'tab'|'vertical'
+   */
+
+
+  var _proto = ToastUIEditor.prototype;
+
+  _proto.changePreviewStyle = function changePreviewStyle(style) {
+    this.layout.changePreviewStyle(style);
+    this.mdPreviewStyle = style;
+    this.eventManager.emit('changePreviewStyle', style);
+    this.eventManager.emit('previewNeedsRefresh', this.getMarkdown());
+  }
+  /**
+   * call commandManager's exec method
+   * @param {*} ...args Command argument
+   */
+  ;
+
+  _proto.exec = function exec() {
+    var _this$commandManager;
+
+    (_this$commandManager = this.commandManager).exec.apply(_this$commandManager, arguments);
+  }
+  /**
+   * add default commands
+   * @private
+   */
+  ;
+
+  _proto._addDefaultCommands = function _addDefaultCommands() {
+    this.addCommand(bold);
+    this.addCommand(italic);
+    this.addCommand(blockquote);
+    this.addCommand(markdownCommands_heading);
+    this.addCommand(paragraph);
+    this.addCommand(markdownCommands_hr);
+    this.addCommand(addLink);
+    this.addCommand(addImage);
+    this.addCommand(markdownCommands_ul);
+    this.addCommand(ol);
+    this.addCommand(markdownCommands_indent);
+    this.addCommand(outdent);
+    this.addCommand(markdownCommands_table);
+    this.addCommand(markdownCommands_task);
+    this.addCommand(markdownCommands_code);
+    this.addCommand(markdownCommands_codeBlock);
+    this.addCommand(strike);
+    this.addCommand(changeTaskMarker);
+    this.addCommand(toggleTaskMarker);
+    this.addCommand(moveNextCursorOrIndent);
+    this.addCommand(movePrevCursorOrOutdent);
+    this.addCommand(addLine);
+    this.addCommand(wysiwygCommands_bold);
+    this.addCommand(wysiwygCommands_italic);
+    this.addCommand(wysiwygCommands_blockquote);
+    this.addCommand(wysiwygCommands_ul);
+    this.addCommand(wysiwygCommands_ol);
+    this.addCommand(wysiwygCommands_addImage);
+    this.addCommand(wysiwygCommands_addLink);
+    this.addCommand(wysiwygCommands_hr);
+    this.addCommand(wysiwygCommands_heading);
+    this.addCommand(wysiwygCommands_paragraph);
+    this.addCommand(wysiwygCommands_indent);
+    this.addCommand(wysiwygCommands_outdent);
+    this.addCommand(wysiwygCommands_task);
+    this.addCommand(wysiwygCommands_table);
+    this.addCommand(tableAddRow);
+    this.addCommand(tableAddCol);
+    this.addCommand(tableRemoveRow);
+    this.addCommand(tableRemoveCol);
+    this.addCommand(tableAlignCol);
+    this.addCommand(tableRemove);
+    this.addCommand(wysiwygCommands_code);
+    this.addCommand(wysiwygCommands_codeBlock);
+    this.addCommand(wysiwygCommands_strike);
+  };
+
+  _proto.addCommand = function addCommand(type, props) {
+    if (!props) {
+      this.commandManager.addCommand(type);
+    } else {
+      this.commandManager.addCommand(commandManager["a" /* default */].command(type, props));
+    }
+  }
+  /**
+   * After added command.
+   */
+  ;
+
+  _proto.afterAddedCommand = function afterAddedCommand() {
+    this.eventManager.emit('afterAddedCommand', this);
+  }
+  /**
+   * Bind eventHandler to event type
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.on = function on(type, handler) {
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Unbind eventHandler from event type
+   * @param {string} type Event type
+   */
+  ;
+
+  _proto.off = function off(type) {
+    this.eventManager.removeEventHandler(type);
+  }
+  /**
+   * Add hook to TUIEditor event
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.addHook = function addHook(type, handler) {
+    this.eventManager.removeEventHandler(type);
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Remove hook from TUIEditor event
+   * @param {string} type Event type
+   */
+  ;
+
+  _proto.removeHook = function removeHook(type) {
+    this.eventManager.removeEventHandler(type);
+  }
+  /**
+   * Get CodeMirror instance
+   * @returns {CodeMirror}
+   */
+  ;
+
+  _proto.getCodeMirror = function getCodeMirror() {
+    return this.mdEditor.getEditor();
+  }
+  /**
+   * Get SquireExt instance
+   * @returns {SquireExt}
+   */
+  ;
+
+  _proto.getSquire = function getSquire() {
+    return this.wwEditor.getEditor();
+  }
+  /**
+   * Set focus to current Editor
+   */
+  ;
+
+  _proto.focus = function focus() {
+    this.getCurrentModeEditor().focus();
+  }
+  /**
+   * Remove focus of current Editor
+   */
+  ;
+
+  _proto.blur = function blur() {
+    this.getCurrentModeEditor().blur();
+  }
+  /**
+   * Set cursor position to end
+   */
+  ;
+
+  _proto.moveCursorToEnd = function moveCursorToEnd() {
+    this.getCurrentModeEditor().moveCursorToEnd();
+  }
+  /**
+   * Set cursor position to start
+   */
+  ;
+
+  _proto.moveCursorToStart = function moveCursorToStart() {
+    this.getCurrentModeEditor().moveCursorToStart();
+  }
+  /**
+   * Set markdown syntax text.
+   * @param {string} markdown - markdown syntax text.
+   * @param {boolean} [cursorToEnd=true] - move cursor to contents end
+   */
+  ;
+
+  _proto.setMarkdown = function setMarkdown(markdown, cursorToEnd) {
+    if (cursorToEnd === void 0) {
+      cursorToEnd = true;
+    }
+
+    markdown = markdown || '';
+
+    if (this.isMarkdownMode()) {
+      this.mdEditor.setValue(markdown, cursorToEnd);
+    } else {
+      this.wwEditor.setValue(this.convertor.toHTML(markdown), cursorToEnd);
+    }
+
+    this.eventManager.emit('setMarkdownAfter', markdown);
+  }
+  /**
+   * Set html value.
+   * @param {string} html - html syntax text
+   * @param {boolean} [cursorToEnd=true] - move cursor to contents end
+   */
+  ;
+
+  _proto.setHtml = function setHtml(html, cursorToEnd) {
+    if (cursorToEnd === void 0) {
+      cursorToEnd = true;
+    }
+
+    html = html || '';
+    this.wwEditor.setValue(html, cursorToEnd);
+
+    if (this.isMarkdownMode()) {
+      var markdown = this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions);
+      this.mdEditor.setValue(markdown, cursorToEnd);
+      this.eventManager.emit('setMarkdownAfter', markdown);
+    }
+  }
+  /**
+   * Get markdown syntax text.
+   * @returns {string}
+   */
+  ;
+
+  _proto.getMarkdown = function getMarkdown() {
+    var markdown;
+
+    if (this.isMarkdownMode()) {
+      markdown = this.mdEditor.getValue();
+    } else {
+      markdown = this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions);
+    }
+
+    return markdown;
+  }
+  /**
+   * Get html syntax text.
+   * @returns {string}
+   */
+  ;
+
+  _proto.getHtml = function getHtml() {
+    if (this.isWysiwygMode()) {
+      this.mdEditor.setValue(this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions));
+    }
+
+    return this.convertor.toHTML(this.mdEditor.getValue());
+  }
+  /**
+   * Insert text
+   * @param {string} text - text string to insert
+   */
+  ;
+
+  _proto.insertText = function insertText(text) {
+    if (this.isMarkdownMode()) {
+      this.mdEditor.replaceSelection(text);
+    } else {
+      this.wwEditor.insertText(text);
+    }
+  }
+  /**
+   * Add widget to selection
+   * @param {Range} selection Current selection
+   * @param {Node} node widget node
+   * @param {string} style Adding style "over" or "bottom"
+   * @param {number} [offset] Offset for adjust position
+   */
+  ;
+
+  _proto.addWidget = function addWidget(selection, node, style, offset) {
+    this.getCurrentModeEditor().addWidget(selection, node, style, offset);
+  }
+  /**
+   * Set and return edithr height
+   * @param {string} height - editor height
+   * @returns {string} editor height
+   */
+  ;
+
+  _proto.height = function height(_height) {
+    if (isExisty_default()(_height)) {
+      var el = this.options.el;
+
+      if (_height === 'auto') {
+        addClass_default()(el, 'auto-height');
+        this.minHeight(this.minHeight());
+      } else {
+        removeClass_default()(el, 'auto-height');
+        this.minHeight(_height);
+      }
+
+      if (isNumber_default()(_height)) {
+        _height = _height + "px";
+      }
+
+      css_default()(this.options.el, {
+        height: _height
+      });
+      this._height = _height;
+    }
+
+    return this._height;
+  }
+  /**
+   * Set / Get min content height
+   * @param {string} minHeight - min content height in pixel
+   * @returns {string} - min height in pixel
+   */
+  ;
+
+  _proto.minHeight = function minHeight(_minHeight) {
+    if (isExisty_default()(_minHeight)) {
+      var editorHeight = this._ui.getEditorHeight();
+
+      var editorSectionHeight = this._ui.getEditorSectionHeight();
+
+      var diffHeight = editorHeight - editorSectionHeight;
+      this._minHeight = _minHeight;
+      _minHeight = parseInt(_minHeight, 10);
+      _minHeight = Math.max(_minHeight - diffHeight, 0);
+      this.wwEditor.setMinHeight(_minHeight);
+      this.mdEditor.setMinHeight(_minHeight);
+      this.preview.setMinHeight(_minHeight);
+    }
+
+    return this._minHeight;
+  }
+  /**
+   * Get current editor mode name
+   * @returns {Object} MarkdownEditor or WysiwygEditor
+   */
+  ;
+
+  _proto.getCurrentModeEditor = function getCurrentModeEditor() {
+    var editor;
+
+    if (this.isMarkdownMode()) {
+      editor = this.mdEditor;
+    } else {
+      editor = this.wwEditor;
+    }
+
+    return editor;
+  }
+  /**
+   * Return true if current editor mode is Markdown
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isMarkdownMode = function isMarkdownMode() {
+    return this.currentMode === 'markdown';
+  }
+  /**
+   * Return true if current editor mode is WYSIWYG
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isWysiwygMode = function isWysiwygMode() {
+    return this.currentMode === 'wysiwyg';
+  }
+  /**
+   * Return false
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isViewer = function isViewer() {
+    return false;
+  }
+  /**
+   * Get current Markdown editor's preview style
+   * @returns {string}
+   */
+  ;
+
+  _proto.getCurrentPreviewStyle = function getCurrentPreviewStyle() {
+    return this.mdPreviewStyle;
+  }
+  /**
+   * Change editor's mode to given mode string
+   * @param {string} mode - Editor mode name of want to change
+   * @param {boolean} [isWithoutFocus] - Change mode without focus
+   */
+  ;
+
+  _proto.changeMode = function changeMode(mode, isWithoutFocus) {
+    if (this.currentMode === mode) {
+      return;
+    }
+
+    this.eventManager.emit('changeModeBefore', this.currentMode);
+    this.currentMode = mode;
+
+    if (this.isWysiwygMode()) {
+      this.layout.switchToWYSIWYG();
+      this.wwEditor.setValue(this.convertor.toHTML(this.mdEditor.getValue()), !isWithoutFocus);
+      this.eventManager.emit('changeModeToWysiwyg');
+    } else {
+      this.layout.switchToMarkdown();
+      this.mdEditor.resetState();
+      this.mdEditor.setValue(this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions), !isWithoutFocus);
+      this.getCodeMirror().refresh();
+      this.eventManager.emit('changeModeToMarkdown');
+    }
+
+    this.eventManager.emit('changeMode', mode);
+
+    if (!isWithoutFocus) {
+      this.focus();
+    }
+  }
+  /**
+   * Remove TUIEditor from document
+   */
+  ;
+
+  _proto.remove = function remove() {
+    var self = this;
+    var i = __nedInstance.length - 1;
+    this.wwEditor.remove();
+    this.mdEditor.remove();
+    this.layout.remove();
+    this.preview.remove();
+
+    if (this.getUI()) {
+      this.getUI().remove();
+    }
+
+    this.eventManager.emit('removeEditor');
+    this.eventManager.events.forEach(function (value, key) {
+      self.off(key);
+    });
+    this.eventManager = null;
+
+    for (; i >= 0; i -= 1) {
+      if (__nedInstance[i] === this) {
+        __nedInstance.splice(i, 1);
+      }
+    }
+  }
+  /**
+   * Hide TUIEditor
+   */
+  ;
+
+  _proto.hide = function hide() {
+    this.eventManager.emit('hide', this);
+  }
+  /**
+   * Show TUIEditor
+   */
+  ;
+
+  _proto.show = function show() {
+    this.eventManager.emit('show', this);
+    this.getCodeMirror().refresh();
+  }
+  /**
+   * Scroll Editor content to Top
+   * @param {number} value Scroll amount
+   * @returns {number}
+   */
+  ;
+
+  _proto.scrollTop = function scrollTop(value) {
+    return this.getCurrentModeEditor().scrollTop(value);
+  }
+  /**
+   * Set UI to private UI property
+   * @param {UI} UI UI instance
+   */
+  ;
+
+  _proto.setUI = function setUI(UI) {
+    this._ui = UI;
+  }
+  /**
+   * Get _ui property
+   * @returns {DefaultUI|UI}
+   */
+  ;
+
+  _proto.getUI = function getUI() {
+    return this._ui;
+  }
+  /**
+   * Reset TUIEditor
+   */
+  ;
+
+  _proto.reset = function reset() {
+    this.wwEditor.reset();
+    this.mdEditor.reset();
+  }
+  /**
+   * Get current range
+   * @returns {{start, end}|Range}
+   */
+  ;
+
+  _proto.getRange = function getRange() {
+    return this.getCurrentModeEditor().getRange();
+  }
+  /**
+   * Get text object of current range
+   * @param {{start, end}|Range} range Range object of each editor
+   * @returns {MdTextObject|WwTextObject} TextObject class
+   */
+  ;
+
+  _proto.getTextObject = function getTextObject(range) {
+    return this.getCurrentModeEditor().getTextObject(range);
+  }
+  /**
+   * get selected text
+   * @returns {string} - selected text
+   */
+  ;
+
+  _proto.getSelectedText = function getSelectedText() {
+    var range = this.getRange();
+    var textObject = this.getTextObject(range);
+    return textObject.getTextContent() || '';
+  }
+  /**
+   * Set the placeholder on all editors
+   * @param {string} placeholder - placeholder to set
+   */
+  ;
+
+  _proto.setPlaceholder = function setPlaceholder(placeholder) {
+    this.mdEditor.setPlaceholder(placeholder);
+    this.wwEditor.setPlaceholder(placeholder);
+  }
+  /**
+   * Set code block languages
+   * @param {Array} languages - code language list
+   */
+  ;
+
+  _proto.setCodeBlockLanguages = function setCodeBlockLanguages(languages) {
+    var _this2 = this;
+
+    if (languages === void 0) {
+      languages = [];
+    }
+
+    languages.forEach(function (lang) {
+      if (_this2.codeBlockLanguages.indexOf(lang) < 0) {
+        _this2.codeBlockLanguages.push(lang);
+      }
+    });
+    this.eventManager.emit('setCodeBlockLanguages', this.codeBlockLanguages);
+  }
+  /**
+   * Get instance of TUIEditor
+   * @returns {Array}
+   */
+  ;
+
+  ToastUIEditor.getInstances = function getInstances() {
+    return __nedInstance;
+  }
+  /**
+   * Factory method for Editor
+   * @param {object} options Option for initialize TUIEditor
+   * @returns {object} ToastUIEditor or ToastUIEditorViewer
+   */
+  ;
+
+  ToastUIEditor.factory = function factory(options) {
+    var tuiEditor;
+
+    if (options.viewer) {
+      tuiEditor = new viewer["a" /* default */](options);
+    } else {
+      tuiEditor = new ToastUIEditor(options);
+    }
+
+    return tuiEditor;
+  }
+  /**
+   * Set language
+   * @param {string} code - code for I18N language
+   * @param {object} data - language set
+   */
+  ;
+
+  ToastUIEditor.setLanguage = function setLanguage(code, data) {
+    i18n.setLanguage(code, data);
+  };
+
+  return ToastUIEditor;
+}(); // (Not an official API)
+// Create a function converting markdown to HTML using the internal parser and renderer.
+
+
+editor_ToastUIEditor._createMarkdownToHTML = createMarkdownToHTML;
+/**
+ * Check whether is viewer (using in plugins)
+ * @type {boolean}
+ */
+
+editor_ToastUIEditor.isViewer = false;
+/**
+ * CodeBlockManager instance using in plugins
+ * @type {CodeBlockManager}
+ * @ignore
+ */
+
+editor_ToastUIEditor.codeBlockManager = codeBlockManager["a" /* default */];
+/**
+ * WwCodeBlockManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+editor_ToastUIEditor.WwCodeBlockManager = wwCodeBlockManager;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+editor_ToastUIEditor.WwTableManager = wwTableManager;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+editor_ToastUIEditor.WwTableSelectionManager = wwTableSelectionManager;
+/**
+ * CommandManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+editor_ToastUIEditor.CommandManager = commandManager["a" /* default */];
+/* harmony default export */ var js_editor = (editor_ToastUIEditor);
+// EXTERNAL MODULE: ./src/css/editor.css
+var css_editor = __webpack_require__(50);
+
+// EXTERNAL MODULE: ./src/css/contents.css
+var css_contents = __webpack_require__(51);
+
+// EXTERNAL MODULE: ./src/css/preview-highlighting.css
+var preview_highlighting = __webpack_require__(41);
+
+// EXTERNAL MODULE: ./src/css/md-syntax-highlighting.css
+var md_syntax_highlighting = __webpack_require__(52);
+
+// CONCATENATED MODULE: ./src/js/i18n/en-us.js
+/**
+ * @fileoverview I18N for English
+ * @author NHN FE Development Lab 
+ */
+
+js_editor.setLanguage(['en', 'en-US'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Write',
+  Preview: 'Preview',
+  Headings: 'Headings',
+  Paragraph: 'Paragraph',
+  Bold: 'Bold',
+  Italic: 'Italic',
+  Strike: 'Strike',
+  Code: 'Inline code',
+  Line: 'Line',
+  Blockquote: 'Blockquote',
+  'Unordered list': 'Unordered list',
+  'Ordered list': 'Ordered list',
+  Task: 'Task',
+  Indent: 'Indent',
+  Outdent: 'Outdent',
+  'Insert link': 'Insert link',
+  'Insert CodeBlock': 'Insert codeBlock',
+  'Insert table': 'Insert table',
+  'Insert image': 'Insert image',
+  Heading: 'Heading',
+  'Image URL': 'Image URL',
+  'Select image file': 'Select image file',
+  Description: 'Description',
+  OK: 'OK',
+  More: 'More',
+  Cancel: 'Cancel',
+  File: 'File',
+  URL: 'URL',
+  'Link text': 'Link text',
+  'Add row': 'Add row',
+  'Add col': 'Add col',
+  'Remove row': 'Remove row',
+  'Remove col': 'Remove col',
+  'Align left': 'Align left',
+  'Align center': 'Align center',
+  'Align right': 'Align right',
+  'Remove table': 'Remove table',
+  'Would you like to paste as table?': 'Would you like to paste as table?',
+  'Text color': 'Text color',
+  'Auto scroll enabled': 'Auto scroll enabled',
+  'Auto scroll disabled': 'Auto scroll disabled',
+  'Choose language': 'Choose language'
+});
+// CONCATENATED MODULE: ./src/js/index.js
+/**
+ * @fileoverview entry point for editor
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+/* harmony default export */ var js = __webpack_exports__["default"] = (js_editor);
+
+/***/ })
+/******/ ])["default"];
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/Pages/index.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/Pages/index.js
index ad8fac0e00..9221f4d3bd 100644
--- a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/Pages/index.js
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/Pages/index.js
@@ -42,8 +42,9 @@
             }
         });
     };
-   
-   editor.tuiEditor({
+
+    new toastui.Editor({
+        el: editor[0],
         usageStatistics: false,
         useCommandShortcut: true,
         initialEditType: 'wysiwyg',
@@ -54,5 +55,5 @@
         hooks: {
             addImageBlobHook: uploadImage,
        },
-   });
+    });
 });
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/ar.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/ar.js
new file mode 100644
index 0000000000..fe036163c7
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/ar.js
@@ -0,0 +1,171 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 1);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+/* 1 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Arabic
+ * @author Amira Salah 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage('ar', {
+  Markdown: 'لغة ترميز',
+  WYSIWYG: 'ما تراه هو ما تحصل عليه',
+  Write: 'يكتب',
+  Preview: 'عرض مسبق',
+  Headings: 'العناوين',
+  Paragraph: 'فقرة',
+  Bold: 'خط عريض',
+  Italic: 'خط مائل',
+  Strike: 'إضراب',
+  Code: 'رمز',
+  Line: 'خط',
+  Blockquote: 'فقرة مقتبسة',
+  'Unordered list': 'قائمة غير مرتبة',
+  'Ordered list': 'قائمة مرتبة',
+  Task: 'مهمة',
+  Indent: 'المسافة البادئة',
+  Outdent: 'المسافة الخارجة',
+  'Insert link': 'أدخل الرابط',
+  'Insert CodeBlock': 'أدخل الكود',
+  'Insert table': 'أدخل جدول',
+  'Insert image': 'أدخل صورة',
+  Heading: 'عنوان',
+  'Image URL': 'رابط الصورة',
+  'Select image file': 'حدد ملف الصورة',
+  Description: 'وصف',
+  OK: 'موافقة',
+  More: 'أكثر',
+  Cancel: 'إلغاء',
+  File: 'ملف',
+  URL: 'رابط',
+  'Link text': 'نص الرابط',
+  'Add row': 'ضف سطر',
+  'Add col': 'ضف عمود',
+  'Remove row': 'حذف سطر',
+  'Remove col': 'حذف عمود',
+  'Align left': 'محاذاة اليسار',
+  'Align center': 'محاذاة الوسط',
+  'Align right': 'محاذاة اليمين',
+  'Remove table': 'حذف الجدول',
+  'Would you like to paste as table?': 'هل تريد اللصق كجدول',
+  'Text color': 'لون النص',
+  'Auto scroll enabled': 'التحريك التلقائي ممكّن',
+  'Auto scroll disabled': 'التحريك التلقائي معطّل',
+  'Choose language': 'اختر اللغة'
+});
+
+/***/ })
+/******/ ]);
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/cs-cz.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/cs-cz.js
new file mode 100644
index 0000000000..03056d947c
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/cs-cz.js
@@ -0,0 +1,172 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 2);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+/* 1 */,
+/* 2 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Czech
+ * @author Dmitrij Tkačenko 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['cs', 'cs-CZ'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Napsat',
+  Preview: 'Náhled',
+  Headings: 'Nadpisy',
+  Paragraph: 'Odstavec',
+  Bold: 'Tučné',
+  Italic: 'Kurzíva',
+  Strike: 'Přeškrtnuté',
+  Code: 'Kód',
+  Line: 'Vodorovná čára',
+  Blockquote: 'Citace',
+  'Unordered list': 'Seznam s odrážkami',
+  'Ordered list': 'Číslovaný seznam',
+  Task: 'Úkol',
+  Indent: 'Zvětšit odsazení',
+  Outdent: 'Zmenšit odsazení',
+  'Insert link': 'Vložit odkaz',
+  'Insert CodeBlock': 'Vložit blok kódu',
+  'Insert table': 'Vložit tabulku',
+  'Insert image': 'Vložit obrázek',
+  Heading: 'Nadpis',
+  'Image URL': 'URL obrázku',
+  'Select image file': 'Vybrat obrázek',
+  Description: 'Popis',
+  OK: 'OK',
+  More: 'Více',
+  Cancel: 'Zrušit',
+  File: 'Soubor',
+  URL: 'URL',
+  'Link text': 'Text odkazu',
+  'Add row': 'Přidat řádek',
+  'Add col': 'Přidat sloupec',
+  'Remove row': 'Odebrat řádek',
+  'Remove col': 'Odebrat sloupec',
+  'Align left': 'Zarovnat vlevo',
+  'Align center': 'Zarovnat na střed',
+  'Align right': 'Zarovnat vpravo',
+  'Remove table': 'Odstranit tabulku',
+  'Would you like to paste as table?': 'Chcete vložit jako tabulku?',
+  'Text color': 'Barva textu',
+  'Auto scroll enabled': 'Automatické rolování zapnuto',
+  'Auto scroll disabled': 'Automatické rolování vypnuto',
+  'Choose language': 'Vybrat jazyk'
+});
+
+/***/ })
+/******/ ]);
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/de-de.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/de-de.js
new file mode 100644
index 0000000000..5f325f3af5
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/de-de.js
@@ -0,0 +1,173 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 3);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+/* 1 */,
+/* 2 */,
+/* 3 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for German
+ * @author Jann-Niklas Kiepert 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['de', 'de-DE'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Verfassen',
+  Preview: 'Vorschau',
+  Headings: 'Überschriften',
+  Paragraph: 'Text',
+  Bold: 'Fett',
+  Italic: 'Kursiv',
+  Strike: 'Durchgestrichen',
+  Code: 'Code',
+  Line: 'Trennlinie',
+  Blockquote: 'Blocktext',
+  'Unordered list': 'Aufzählung',
+  'Ordered list': 'Nummerierte Aufzählung',
+  Task: 'Aufgabe',
+  Indent: 'Einrücken',
+  Outdent: 'Ausrücken',
+  'Insert link': 'Link einfügen',
+  'Insert CodeBlock': 'Codeblock einfügen',
+  'Insert table': 'Tabelle einfügen',
+  'Insert image': 'Grafik einfügen',
+  Heading: 'Titel',
+  'Image URL': 'Bild URL',
+  'Select image file': 'Grafik auswählen',
+  Description: 'Beschreibung',
+  OK: 'OK',
+  More: 'Mehr',
+  Cancel: 'Abbrechen',
+  File: 'Datei',
+  URL: 'URL',
+  'Link text': 'Anzuzeigender Text',
+  'Add row': 'Zeile hinzufügen',
+  'Add col': 'Spalte hinzufügen',
+  'Remove row': 'Zeile entfernen',
+  'Remove col': 'Spalte entfernen',
+  'Align left': 'Links ausrichten',
+  'Align center': 'Zentrieren',
+  'Align right': 'Rechts ausrichten',
+  'Remove table': 'Tabelle entfernen',
+  'Would you like to paste as table?': 'Möchten Sie eine Tabelle einfügen?',
+  'Text color': 'Textfarbe',
+  'Auto scroll enabled': 'Autoscrollen aktiviert',
+  'Auto scroll disabled': 'Autoscrollen deaktiviert',
+  'Choose language': 'Sprache auswählen'
+});
+
+/***/ })
+/******/ ]);
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/es-es.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/es-es.js
new file mode 100644
index 0000000000..eb76415e73
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/es-es.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 4);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+/* 1 */,
+/* 2 */,
+/* 3 */,
+/* 4 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Spanish
+ * @author Enrico Lamperti 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['es', 'es-ES'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Escribir',
+  Preview: 'Vista previa',
+  Headings: 'Encabezados',
+  Paragraph: 'Párrafo',
+  Bold: 'Negrita',
+  Italic: 'Itálica',
+  Strike: 'Tachado',
+  Code: 'Código',
+  Line: 'Línea',
+  Blockquote: 'Cita',
+  'Unordered list': 'Lista desordenada',
+  'Ordered list': 'Lista ordenada',
+  Task: 'Tarea',
+  Indent: 'Sangría',
+  Outdent: 'Saliendo',
+  'Insert link': 'Insertar enlace',
+  'Insert CodeBlock': 'Insertar bloque de código',
+  'Insert table': 'Insertar tabla',
+  'Insert image': 'Insertar imagen',
+  Heading: 'Encabezado',
+  'Image URL': 'URL de la imagen',
+  'Select image file': 'Seleccionar archivo de imagen',
+  Description: 'Descripción',
+  OK: 'Aceptar',
+  More: 'Más',
+  Cancel: 'Cancelar',
+  File: 'Archivo',
+  URL: 'URL',
+  'Link text': 'Texto del enlace',
+  'Add row': 'Agregar fila',
+  'Add col': 'Agregar columna',
+  'Remove row': 'Eliminar fila',
+  'Remove col': 'Eliminar columna',
+  'Align left': 'Alinear a la izquierda',
+  'Align center': 'Centrar',
+  'Align right': 'Alinear a la derecha',
+  'Remove table': 'Eliminar tabla',
+  'Would you like to paste as table?': '¿Desea pegar como tabla?',
+  'Text color': 'Color del texto',
+  'Auto scroll enabled': 'Desplazamiento automático habilitado',
+  'Auto scroll disabled': 'Desplazamiento automático deshabilitado',
+  'Choose language': 'Elegir idioma'
+});
+
+/***/ })
+/******/ ]);
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/fi-fi.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/fi-fi.js
new file mode 100644
index 0000000000..89b02e3d55
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/fi-fi.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 5);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 5:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Finnish
+ * @author Tomi Mynttinen 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['fi', 'fi-FI'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Kirjoita',
+  Preview: 'Esikatselu',
+  Headings: 'Otsikot',
+  Paragraph: 'Kappale',
+  Bold: 'Lihavointi',
+  Italic: 'Kursivointi',
+  Strike: 'Yliviivaus',
+  Code: 'Koodi',
+  Line: 'Vaakaviiva',
+  Blockquote: 'Lainaus',
+  'Unordered list': 'Luettelo',
+  'Ordered list': 'Numeroitu luettelo',
+  Task: 'Tehtävä',
+  Indent: 'Suurenna sisennystä',
+  Outdent: 'Pienennä sisennystä',
+  'Insert link': 'Lisää linkki',
+  'Insert CodeBlock': 'Lisää koodia',
+  'Insert table': 'Lisää taulukko',
+  'Insert image': 'Lisää kuva',
+  Heading: 'Otsikko',
+  'Image URL': 'Kuvan URL',
+  'Select image file': 'Valitse kuvatiedosto',
+  Description: 'Kuvaus',
+  OK: 'OK',
+  More: 'Lisää',
+  Cancel: 'Peruuta',
+  File: 'Tiedosto',
+  URL: 'URL',
+  'Link text': 'Linkkiteksti',
+  'Add row': 'Lisää rivi',
+  'Add col': 'Lisää sarake',
+  'Remove row': 'Poista rivi',
+  'Remove col': 'Poista sarake',
+  'Align left': 'Tasaus vasemmalle',
+  'Align center': 'Keskitä',
+  'Align right': 'Tasaus oikealle',
+  'Remove table': 'Poista taulukko',
+  'Would you like to paste as table?': 'Haluatko liittää taulukkomuodossa?',
+  'Text color': 'Tekstin väri',
+  'Auto scroll enabled': 'Automaattinen skrollaus käytössä',
+  'Auto scroll disabled': 'Automaattinen skrollaus pois käytöstä',
+  'Choose language': 'Valitse kieli'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/fr-fr.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/fr-fr.js
new file mode 100644
index 0000000000..59177f18d0
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/fr-fr.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 6);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 6:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for French
+ * @author Stanislas Michalak 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['fr', 'fr-FR'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Écrire',
+  Preview: 'Aperçu',
+  Headings: 'En-têtes',
+  Paragraph: 'Paragraphe',
+  Bold: 'Gras',
+  Italic: 'Italique',
+  Strike: 'Barré',
+  Code: 'Code en ligne',
+  Line: 'Ligne',
+  Blockquote: 'Citation',
+  'Unordered list': 'Liste non-ordonnée',
+  'Ordered list': 'Liste ordonnée',
+  Task: 'Tâche',
+  Indent: 'Retrait',
+  Outdent: 'Sortir',
+  'Insert link': 'Insérer un lien',
+  'Insert CodeBlock': 'Insérer un bloc de code',
+  'Insert table': 'Insérer un tableau',
+  'Insert image': 'Insérer une image',
+  Heading: 'En-tête',
+  'Image URL': "URL de l'image",
+  'Select image file': 'Sélectionnez un fichier image',
+  Description: 'Description',
+  OK: 'OK',
+  More: 'de plus',
+  Cancel: 'Annuler',
+  File: 'Fichier',
+  URL: 'URL',
+  'Link text': 'Texte du lien',
+  'Add row': 'Ajouter une ligne',
+  'Add col': 'Ajouter une colonne',
+  'Remove row': 'Supprimer une ligne',
+  'Remove col': 'Supprimer une colonne',
+  'Align left': 'Aligner à gauche',
+  'Align center': 'Aligner au centre',
+  'Align right': 'Aligner à droite',
+  'Remove table': 'Supprimer le tableau',
+  'Would you like to paste as table?': 'Voulez-vous coller ce contenu en tant que tableau ?',
+  'Text color': 'Couleur du texte',
+  'Auto scroll enabled': 'Défilement automatique activé',
+  'Auto scroll disabled': 'Défilement automatique désactivé',
+  'Choose language': 'Choix de la langue'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/gl-es.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/gl-es.js
new file mode 100644
index 0000000000..ad0bdc156f
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/gl-es.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 7);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 7:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Spanish
+ * @author Aida Vidal 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['gl', 'gl-ES'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Escribir',
+  Preview: 'Vista previa',
+  Headings: 'Encabezados',
+  Paragraph: 'Parágrafo',
+  Bold: 'Negriña',
+  Italic: 'Cursiva',
+  Strike: 'Riscado',
+  Code: 'Código',
+  Line: 'Liña',
+  Blockquote: 'Cita',
+  'Unordered list': 'Lista desordenada',
+  'Ordered list': 'Lista ordenada',
+  Task: 'Tarefa',
+  Indent: 'Sangría',
+  Outdent: 'Anular sangría',
+  'Insert link': 'Inserir enlace',
+  'Insert CodeBlock': 'Inserir bloque de código',
+  'Insert table': 'Inserir táboa',
+  'Insert image': 'Inserir imaxe',
+  Heading: 'Encabezado',
+  'Image URL': 'URL da imaxe',
+  'Select image file': 'Seleccionar arquivo da imaxe',
+  Description: 'Descrición',
+  OK: 'Aceptar',
+  More: 'Máis',
+  Cancel: 'Cancelar',
+  File: 'Arquivo',
+  URL: 'URL',
+  'Link text': 'Texto do enlace',
+  'Add row': 'Agregar fila',
+  'Add col': 'Agregar columna',
+  'Remove row': 'Eliminar fila',
+  'Remove col': 'Eliminar columna',
+  'Align left': 'Aliñar á esquerda',
+  'Align center': 'Centrar',
+  'Align right': 'Aliñar á dereita',
+  'Remove table': 'Eliminar táboa',
+  'Would you like to paste as table?': 'Desexa pegar como táboa?',
+  'Text color': 'Cor do texto',
+  'Auto scroll enabled': 'Desprazamento automático habilitado',
+  'Auto scroll disabled': 'Desprazamento automático deshabilitado',
+  'Choose language': 'Elixir idioma'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/hr-hr.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/hr-hr.js
new file mode 100644
index 0000000000..d934dd03cf
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/hr-hr.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 8);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 8:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Croatian
+ * @author Hrvoje A. 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['hr', 'hr-HR'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Piši',
+  Preview: 'Pregled',
+  Headings: 'Naslovi',
+  Paragraph: 'Paragraf',
+  Bold: 'podebljano',
+  Italic: 'kurziv',
+  Strike: 'prcrtano',
+  Code: 'Uklopljeni kôd',
+  Line: 'Linija',
+  Blockquote: 'Blok citat',
+  'Unordered list': 'Neporedana lista',
+  'Ordered list': 'Poredana lista',
+  Task: 'Task',
+  Indent: 'Povećaj uvlaku',
+  Outdent: 'Smanji uvlaku',
+  'Insert link': 'Umetni link',
+  'Insert CodeBlock': 'Umetni blok kôda',
+  'Insert table': 'Umetni tablicu',
+  'Insert image': 'Umetni sliku',
+  Heading: 'Naslov',
+  'Image URL': 'URL slike',
+  'Select image file': 'Odaberi slikovnu datoteku',
+  Description: 'Opis',
+  OK: 'OK',
+  More: 'Više',
+  Cancel: 'Odustani',
+  File: 'Datoteka',
+  URL: 'URL',
+  'Link text': 'Tekst linka',
+  'Add row': 'Dodaj redak',
+  'Add col': 'Dodaj stupac',
+  'Remove row': 'Ukloni redak',
+  'Remove col': 'Remove stupac',
+  'Align left': 'Poravnaj lijevo',
+  'Align center': 'Poravnaj centrirano',
+  'Align right': 'Poravnaj desno',
+  'Remove table': 'Ukloni tablicu',
+  'Would you like to paste as table?': 'Zalite li zalijepiti kao tablicu?',
+  'Text color': 'Boja teksta',
+  'Auto scroll enabled': 'Omogući auto klizanje',
+  'Auto scroll disabled': 'Onemogući auto klizanje',
+  'Choose language': 'Odabir jezika'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/it-it.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/it-it.js
new file mode 100644
index 0000000000..a73129c92f
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/it-it.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 9);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 9:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Italian
+ * @author Massimo Redaelli 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['it', 'it-IT'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Scrivere',
+  Preview: 'Anteprima',
+  Headings: 'Intestazioni',
+  Paragraph: 'Paragrafo',
+  Bold: 'Grassetto',
+  Italic: 'Corsivo',
+  Strike: 'Barrato',
+  Code: 'Codice',
+  Line: 'Linea',
+  Blockquote: 'Blocco citazione',
+  'Unordered list': 'Lista puntata',
+  'Ordered list': 'Lista numerata',
+  Task: 'Attività',
+  Indent: 'Aggiungi indentazione',
+  Outdent: 'Rimuovi indentazione',
+  'Insert link': 'Inserisci link',
+  'Insert CodeBlock': 'Inserisci blocco di codice',
+  'Insert table': 'Inserisci tabella',
+  'Insert image': 'Inserisci immagine',
+  Heading: 'Intestazione',
+  'Image URL': 'URL immagine',
+  'Select image file': 'Seleziona file immagine',
+  Description: 'Descrizione',
+  OK: 'OK',
+  More: 'Più',
+  Cancel: 'Cancella',
+  File: 'File',
+  URL: 'URL',
+  'Link text': 'Testo del collegamento',
+  'Add row': 'Aggiungi riga',
+  'Add col': 'Aggiungi colonna',
+  'Remove row': 'Rimuovi riga',
+  'Remove col': 'Rimuovi colonna',
+  'Align left': 'Allinea a sinistra',
+  'Align center': 'Allinea al centro',
+  'Align right': 'Allinea a destra',
+  'Remove table': 'Rimuovi tabella',
+  'Would you like to paste as table?': 'Desideri incollare sotto forma di tabella?',
+  'Text color': 'Colore del testo',
+  'Auto scroll enabled': 'Scrolling automatico abilitato',
+  'Auto scroll disabled': 'Scrolling automatico disabilitato',
+  'Choose language': 'Scegli la lingua'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/ja-jp.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/ja-jp.js
new file mode 100644
index 0000000000..5408e65ad8
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/ja-jp.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 10);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 10:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Japanese
+ * @author NHN FE Development Lab 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['ja', 'ja-JP'], {
+  Markdown: 'マークダウン',
+  WYSIWYG: 'WYSIWYG',
+  Write: '編集する',
+  Preview: 'プレビュー',
+  Headings: '見出し',
+  Paragraph: '本文',
+  Bold: '太字',
+  Italic: 'イタリック',
+  Strike: 'ストライク',
+  Code: 'インラインコード',
+  Line: 'ライン',
+  Blockquote: '引用',
+  'Unordered list': '番号なしリスト',
+  'Ordered list': '順序付きリスト',
+  Task: 'タスク',
+  Indent: 'インデント',
+  Outdent: 'アウトデント',
+  'Insert link': 'リンク挿入',
+  'Insert CodeBlock': 'コードブロック挿入',
+  'Insert table': 'テーブル挿入',
+  'Insert image': '画像挿入',
+  Heading: '見出し',
+  'Image URL': 'イメージURL',
+  'Select image file': '画像ファイル選択',
+  Description: 'ディスクリプション ',
+  OK: 'はい',
+  More: 'もっと',
+  Cancel: 'キャンセル',
+  File: 'ファイル',
+  URL: 'URL',
+  'Link text': 'リンクテキスト',
+  'Add row': '行追加',
+  'Add col': '列追加',
+  'Remove row': '行削除',
+  'Remove col': '列削除',
+  'Align left': '左揃え',
+  'Align center': '中央揃え',
+  'Align right': '右揃え',
+  'Remove table': 'テーブル削除',
+  'Would you like to paste as table?': 'テーブルを貼り付けますか?',
+  'Text color': '文字色相',
+  'Auto scroll enabled': '自動スクロールが有効',
+  'Auto scroll disabled': '自動スクロールを無効に',
+  'Choose language': '言語選択'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/ko-kr.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/ko-kr.js
new file mode 100644
index 0000000000..cb43e2ec04
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/ko-kr.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 11);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Korean
+ * @author NHN FE Development Lab 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['ko', 'ko-KR'], {
+  Markdown: '마크다운',
+  WYSIWYG: '위지윅',
+  Write: '편집하기',
+  Preview: '미리보기',
+  Headings: '제목크기',
+  Paragraph: '본문',
+  Bold: '굵게',
+  Italic: '기울임꼴',
+  Strike: '취소선',
+  Code: '인라인 코드',
+  Line: '문단나눔',
+  Blockquote: '인용구',
+  'Unordered list': '글머리 기호',
+  'Ordered list': '번호 매기기',
+  Task: '체크박스',
+  Indent: '들여쓰기',
+  Outdent: '내어쓰기',
+  'Insert link': '링크 삽입',
+  'Insert CodeBlock': '코드블럭 삽입',
+  'Insert table': '표 삽입',
+  'Insert image': '이미지 삽입',
+  Heading: '제목',
+  'Image URL': '이미지 주소',
+  'Select image file': '이미지 파일을 선택하세요.',
+  Description: '설명',
+  OK: '확인',
+  More: '더 보기',
+  Cancel: '취소',
+  File: '파일',
+  URL: '주소',
+  'Link text': '링크 텍스트',
+  'Add row': '행 추가',
+  'Add col': '열 추가',
+  'Remove row': '행 삭제',
+  'Remove col': '열 삭제',
+  'Align left': '왼쪽 정렬',
+  'Align center': '가운데 정렬',
+  'Align right': '오른쪽 정렬',
+  'Remove table': '표 삭제',
+  'Would you like to paste as table?': '표형태로 붙여 넣겠습니까?',
+  'Text color': '글자 색상',
+  'Auto scroll enabled': '자동 스크롤 켜짐',
+  'Auto scroll disabled': '자동 스크롤 꺼짐',
+  'Choose language': '언어 선택'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/nb-no.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/nb-no.js
new file mode 100644
index 0000000000..3be393c544
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/nb-no.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 12);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 12:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Norwegian
+ * @author Anton Reytarovskiy 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['nb', 'nb-NO'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Skriv',
+  Preview: 'Forhåndsvis',
+  Headings: 'Overskrifter',
+  Paragraph: 'Avsnitt',
+  Bold: 'Fet skrift',
+  Italic: 'Kursiv',
+  Strike: 'Gjennomstrek',
+  Code: 'Kode',
+  Line: 'Linje',
+  Blockquote: 'Blokksitat',
+  'Unordered list': 'Usortert liste',
+  'Ordered list': 'Sortert liste',
+  Task: 'Task',
+  Indent: 'Indent',
+  Outdent: 'Outdent',
+  'Insert link': 'Sett inn lenke',
+  'Insert CodeBlock': 'Sett inn CodeStreng',
+  'Insert table': 'Sett inn diagram',
+  'Insert image': 'Sett inn bilde',
+  Heading: 'Overskrift',
+  'Image URL': 'BildeURL',
+  'Select image file': 'Velg bildefil',
+  Description: 'Beskrivelse',
+  OK: 'OK',
+  More: 'Mer',
+  Cancel: 'Angre',
+  File: 'Fil',
+  URL: 'URL',
+  'Link text': 'Lenketekst',
+  'Add row': 'Legg til rad',
+  'Add col': 'Legg til kolonne',
+  'Remove row': 'Fjern rad',
+  'Remove col': 'Fjern kolonne',
+  'Align left': 'Venstreorienter',
+  'Align center': 'Senterorienter',
+  'Align right': 'Høyreorienter',
+  'Remove table': 'Fjern diagram',
+  'Would you like to paste as table?': 'Ønsker du å lime inn som en tabell?',
+  'Text color': 'Tekstfarge',
+  'Auto scroll enabled': 'Auto-scroll aktivert',
+  'Auto scroll disabled': 'Auto-scroll deaktivert',
+  'Choose language': 'Velg språk'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/nl-nl.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/nl-nl.js
new file mode 100644
index 0000000000..b55d49c628
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/nl-nl.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 13);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 13:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Dutch
+ * @author NHN FE Development Lab 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['nl', 'nl-NL'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Opslaan',
+  Preview: 'Voorbeeld',
+  Headings: 'Koppen',
+  Paragraph: 'Alinea',
+  Bold: 'Vet',
+  Italic: 'Cursief',
+  Strike: 'Doorhalen',
+  Code: 'Inline code',
+  Line: 'Regel',
+  Blockquote: 'Citaatblok',
+  'Unordered list': 'Opsomming',
+  'Ordered list': 'Genummerde opsomming',
+  Task: 'Taak',
+  Indent: 'Niveau verhogen',
+  Outdent: 'Niveau verlagen',
+  'Insert link': 'Link invoegen',
+  'Insert CodeBlock': 'Codeblok toevoegen',
+  'Insert table': 'Tabel invoegen',
+  'Insert image': 'Afbeelding invoegen',
+  Heading: 'Kop',
+  'Image URL': 'Afbeelding URL',
+  'Select image file': 'Selecteer een afbeelding',
+  Description: 'Omschrijving',
+  OK: 'OK',
+  More: 'Meer',
+  Cancel: 'Annuleren',
+  File: 'Bestand',
+  URL: 'URL',
+  'Link text': 'Link tekst',
+  'Add row': 'Rij toevoegen',
+  'Add col': 'Kolom toevoegen',
+  'Remove row': 'Rij verwijderen',
+  'Remove col': 'Kolom verwijderen',
+  'Align left': 'Links uitlijnen',
+  'Align center': 'Centreren',
+  'Align right': 'Rechts uitlijnen',
+  'Remove table': 'Verwijder tabel',
+  'Would you like to paste as table?': 'Wil je dit als tabel plakken?',
+  'Text color': 'Tekstkleur',
+  'Auto scroll enabled': 'Autoscroll ingeschakeld',
+  'Auto scroll disabled': 'Autoscroll uitgeschakeld',
+  'Choose language': 'Kies een taal'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/pl-pl.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/pl-pl.js
new file mode 100644
index 0000000000..acb8b23ad1
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/pl-pl.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 14);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 14:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Polish
+ * @author Marcin Mikołajczak 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['pl', 'pl-PL'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Napisz',
+  Preview: 'Podgląd',
+  Headings: 'Nagłówki',
+  Paragraph: 'Akapit',
+  Bold: 'Pogrubienie',
+  Italic: 'Kursywa',
+  Strike: 'Przekreślenie',
+  Code: 'Fragment kodu',
+  Line: 'Linia',
+  Blockquote: 'Cytat',
+  'Unordered list': 'Lista nieuporządkowana',
+  'Ordered list': 'Lista uporządkowana',
+  Task: 'Zadanie',
+  Indent: 'Utwórz wcięcie',
+  Outdent: 'Usuń wcięcie',
+  'Insert link': 'Umieść odnośnik',
+  'Insert CodeBlock': 'Umieść blok kodu',
+  'Insert table': 'Umieść tabelę',
+  'Insert image': 'Umieść obraz',
+  Heading: 'Nagłówek',
+  'Image URL': 'Adres URL obrazu',
+  'Select image file': 'Wybierz plik obrazu',
+  Description: 'Opis',
+  OK: 'OK',
+  More: 'Więcej',
+  Cancel: 'Anuluj',
+  File: 'Plik',
+  URL: 'URL',
+  'Link text': 'Tekst odnośnika',
+  'Add row': 'Dodaj rząd',
+  'Add col': 'Dodaj kolumnę',
+  'Remove row': 'Usuń rząd',
+  'Remove col': 'Usuń kolumnę',
+  'Align left': 'Wyrównaj do lewej',
+  'Align center': 'Wyśrodkuj',
+  'Align right': 'Wyrównaj do prawej',
+  'Remove table': 'Usuń tabelę',
+  'Would you like to paste as table?': 'Czy chcesz wkleić tekst jako tabelę?',
+  'Text color': 'Kolor tekstu',
+  'Auto scroll enabled': 'Włączono automatyczne przewijanie',
+  'Auto scroll disabled': 'Wyłączono automatyczne przewijanie',
+  'Choose language': 'Wybierz język'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/pt-br.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/pt-br.js
new file mode 100644
index 0000000000..c5eb97233b
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/pt-br.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 15);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 15:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Português
+ * @author Nícolas Huber 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['pt', 'pt-BR'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Escrever',
+  Preview: 'Pré-visualizar',
+  Headings: 'Cabeçalhos',
+  Paragraph: 'Parágrafo',
+  Bold: 'Negrito',
+  Italic: 'Itálico',
+  Strike: 'Traçado',
+  Code: 'Código',
+  Line: 'Linha',
+  Blockquote: 'Bloco de citação',
+  'Unordered list': 'Lista não ordenada',
+  'Ordered list': 'Lista ordenada',
+  Task: 'Tarefa',
+  Indent: 'Recuo à esquerda',
+  Outdent: 'Recuo à direita',
+  'Insert link': 'Inserir link',
+  'Insert CodeBlock': 'Inserir bloco de código',
+  'Insert table': 'Inserir tabela',
+  'Insert image': 'Inserir imagem',
+  Heading: 'Título',
+  'Image URL': 'URL da imagem',
+  'Select image file': 'Selecione um arquivo de imagem',
+  Description: 'Descrição',
+  OK: 'OK',
+  More: 'Mais',
+  Cancel: 'Cancelar',
+  File: 'Arquivo',
+  URL: 'URL',
+  'Link text': 'Link de texto',
+  'Add row': 'Adicionar linha',
+  'Add col': 'Adicionar coluna',
+  'Remove row': 'Remover linha',
+  'Remove col': 'Remover coluna',
+  'Align left': 'Alinhar à esquerda',
+  'Align center': 'Alinhar ao centro',
+  'Align right': 'Alinhar à direita',
+  'Remove table': 'Remover tabela',
+  'Would you like to paste as table?': 'Você gostaria de colar como mesa?',
+  'Text color': 'Cor do texto',
+  'Auto scroll enabled': 'Rolagem automática habilitada',
+  'Auto scroll disabled': 'Rolagem automática desabilitada',
+  'Choose language': 'Escolher linguagem'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/ru-ru.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/ru-ru.js
new file mode 100644
index 0000000000..dd2a5462f5
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/ru-ru.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 16);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 16:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Russian
+ * @author Stepan Samko 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['ru', 'ru-RU'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Написать',
+  Preview: 'Предварительный просмотр',
+  Headings: 'Заголовки',
+  Paragraph: 'Абзац',
+  Bold: 'Жирный',
+  Italic: 'Курсив',
+  Strike: 'Зачеркнутый',
+  Code: 'Встроенный код',
+  Line: 'Строка',
+  Blockquote: 'Блок цитирования',
+  'Unordered list': 'Неупорядоченный список',
+  'Ordered list': 'Упорядоченный список',
+  Task: 'Задача',
+  Indent: 'отступ',
+  Outdent: 'Выступ',
+  'Insert link': 'Вставить ссылку',
+  'Insert CodeBlock': 'Вставить код',
+  'Insert table': 'Вставить таблицу',
+  'Insert image': 'Вставить изображение',
+  Heading: 'Заголовок',
+  'Image URL': 'URL изображения',
+  'Select image file': 'Выбрать файл изображения',
+  Description: 'Описание',
+  OK: 'Хорошо',
+  More: 'еще',
+  Cancel: 'Отмена',
+  File: 'Файл',
+  URL: 'URL',
+  'Link text': 'Текст ссылки',
+  'Add row': 'Добавить ряд',
+  'Add col': 'Добавить столбец',
+  'Remove row': 'Удалить ряд',
+  'Remove col': 'Удалить столбец',
+  'Align left': 'Выровнять по левому краю',
+  'Align center': 'Выровнять по центру',
+  'Align right': 'Выровнять по правому краю',
+  'Remove table': 'Удалить таблицу',
+  'Would you like to paste as table?': 'Вы хотите вставить в виде таблицы?',
+  'Text color': 'Цвет текста',
+  'Auto scroll enabled': 'Автоматическая прокрутка включена',
+  'Auto scroll disabled': 'Автоматическая прокрутка отключена',
+  'Choose language': 'Выбрать язык'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/sv-se.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/sv-se.js
new file mode 100644
index 0000000000..8a69357086
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/sv-se.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 17);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 17:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Swedish
+ * @author Magnus Aspling 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['sv', 'sv-SE'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Skriv',
+  Preview: 'Förhandsgranska',
+  Headings: 'Överskrifter',
+  Paragraph: 'Paragraf',
+  Bold: 'Fet',
+  Italic: 'Kursiv',
+  Strike: 'Genomstruken',
+  Code: 'Kodrad',
+  Line: 'Linje',
+  Blockquote: 'Citatblock',
+  'Unordered list': 'Punktlista',
+  'Ordered list': 'Numrerad lista',
+  Task: 'Att göra',
+  Indent: 'Öka indrag',
+  Outdent: 'Minska indrag',
+  'Insert link': 'Infoga länk',
+  'Insert CodeBlock': 'Infoga kodblock',
+  'Insert table': 'Infoga tabell',
+  'Insert image': 'Infoga bild',
+  Heading: 'Överskrift',
+  'Image URL': 'Bildadress',
+  'Select image file': 'Välj en bildfil',
+  Description: 'Beskrivning',
+  OK: 'OK',
+  More: 'Mer',
+  Cancel: 'Avbryt',
+  File: 'Fil',
+  URL: 'Adress',
+  'Link text': 'Länktext',
+  'Add row': 'Infoga rad',
+  'Add col': 'Infoga kolumn',
+  'Remove row': 'Radera rad',
+  'Remove col': 'Radera kolumn',
+  'Align left': 'Vänsterjustera',
+  'Align center': 'Centrera',
+  'Align right': 'Högerjustera',
+  'Remove table': 'Radera tabell',
+  'Would you like to paste as table?': 'Vill du klistra in som en tabell?',
+  'Text color': 'Textfärg',
+  'Auto scroll enabled': 'Automatisk scroll aktiverad',
+  'Auto scroll disabled': 'Automatisk scroll inaktiverad',
+  'Choose language': 'Välj språk'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/tr-tr.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/tr-tr.js
new file mode 100644
index 0000000000..5a6e877f6f
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/tr-tr.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 18);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 18:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Turkish
+ * @author Mesut Gölcük 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['tr', 'tr-TR'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Düzenle',
+  Preview: 'Ön izleme',
+  Headings: 'Başlıklar',
+  Paragraph: 'Paragraf',
+  Bold: 'Kalın',
+  Italic: 'İtalik',
+  Strike: 'Altı çizgili',
+  Code: 'Satır içi kod',
+  Line: 'Çizgi',
+  Blockquote: 'Alıntı',
+  'Unordered list': 'Sıralanmamış liste',
+  'Ordered list': 'Sıralı liste',
+  Task: 'Görev kutusu',
+  Indent: 'Girintiyi arttır',
+  Outdent: 'Girintiyi azalt',
+  'Insert link': 'Bağlantı ekle',
+  'Insert CodeBlock': 'Kod bloku ekle',
+  'Insert table': 'Tablo ekle',
+  'Insert image': 'İmaj ekle',
+  Heading: 'Başlık',
+  'Image URL': 'İmaj URL',
+  'Select image file': 'İmaj dosyası seç',
+  Description: 'Açıklama',
+  OK: 'Onay',
+  More: 'Daha Fazla',
+  Cancel: 'İptal',
+  File: 'Dosya',
+  URL: 'URL',
+  'Link text': 'Bağlantı yazısı',
+  'Add row': 'Satır ekle',
+  'Add col': 'Sütun ekle',
+  'Remove row': 'Satır sil',
+  'Remove col': 'Sütun sil',
+  'Align left': 'Sola hizala',
+  'Align center': 'Merkeze hizala',
+  'Align right': 'Sağa hizala',
+  'Remove table': 'Tabloyu kaldır',
+  'Would you like to paste as table?': 'Tablo olarak yapıştırmak ister misiniz?',
+  'Text color': 'Metin rengi',
+  'Auto scroll enabled': 'Otomatik kaydırma açık',
+  'Auto scroll disabled': 'Otomatik kaydırma kapalı',
+  'Choose language': 'Dil seçiniz'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/uk-ua.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/uk-ua.js
new file mode 100644
index 0000000000..e42497035e
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/uk-ua.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 19);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 19:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Ukrainian
+ * @author Nikolya 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage(['uk', 'uk-UA'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Написати',
+  Preview: 'Попередній перегляд',
+  Headings: 'Заголовки',
+  Paragraph: 'Абзац',
+  Bold: 'Жирний',
+  Italic: 'Курсив',
+  Strike: 'Закреслений',
+  Code: 'Вбудований код',
+  Line: 'Лінія',
+  Blockquote: 'Блок цитування',
+  'Unordered list': 'Невпорядкований список',
+  'Ordered list': 'Упорядкований список',
+  Task: 'Завдання',
+  Indent: 'відступ',
+  Outdent: 'застарілий',
+  'Insert link': 'Вставити посилання',
+  'Insert CodeBlock': 'Вставити код',
+  'Insert table': 'Вставити таблицю',
+  'Insert image': 'Вставити зображення',
+  Heading: 'Заголовок',
+  'Image URL': 'URL зображення',
+  'Select image file': 'Вибрати файл зображення',
+  Description: 'Опис',
+  OK: 'OK',
+  More: 'ще',
+  Cancel: 'Скасувати',
+  File: 'Файл',
+  URL: 'URL',
+  'Link text': 'Текст посилання',
+  'Add row': 'Додати ряд',
+  'Add col': 'Додати стовпчик',
+  'Remove row': 'Видалити ряд',
+  'Remove col': 'Видалити стовпчик',
+  'Align left': 'Вирівняти по лівому краю',
+  'Align center': 'Вирівняти по центру',
+  'Align right': 'Вирівняти по правому краю',
+  'Remove table': 'Видалити таблицю',
+  'Would you like to paste as table?': 'Ви хочете вставити у вигляді таблиці?',
+  'Text color': 'Колір тексту',
+  'Auto scroll enabled': 'Автоматична прокрутка включена',
+  'Auto scroll disabled': 'Автоматична прокрутка відключена',
+  'Choose language': 'Вибрати мову'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/zh-cn.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/zh-cn.js
new file mode 100644
index 0000000000..5dd3332e70
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/zh-cn.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 20);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 20:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Chinese
+ * @author NHN FE Development Lab 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage('zh-CN', {
+  Markdown: 'Markdown',
+  WYSIWYG: '所见即所得',
+  Write: '编辑',
+  Preview: '预览',
+  Headings: '标题',
+  Paragraph: '文本',
+  Bold: '加粗',
+  Italic: '斜体字',
+  Strike: '删除线',
+  Code: '内嵌代码',
+  Line: '水平线',
+  Blockquote: '引用块',
+  'Unordered list': '无序列表',
+  'Ordered list': '有序列表',
+  Task: '任务',
+  Indent: '缩进',
+  Outdent: '减少缩进',
+  'Insert link': '插入链接',
+  'Insert CodeBlock': '插入代码块',
+  'Insert table': '插入表格',
+  'Insert image': '插入图片',
+  Heading: '标题',
+  'Image URL': '图片网址',
+  'Select image file': '选择图片文件',
+  Description: '说明',
+  OK: '确认',
+  More: '更多',
+  Cancel: '取消',
+  File: '文件',
+  URL: 'URL',
+  'Link text': '链接文本',
+  'Add row': '添加行',
+  'Add col': '添加列',
+  'Remove row': '删除行',
+  'Remove col': '删除列',
+  'Align left': '左对齐',
+  'Align center': '居中对齐',
+  'Align right': '右对齐',
+  'Remove table': '删除表格',
+  'Would you like to paste as table?': '需要粘贴为表格吗?',
+  'Text color': '文字颜色',
+  'Auto scroll enabled': '自动滚动已启用',
+  'Auto scroll disabled': '自动滚动已禁用',
+  'Choose language': '选择语言'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/zh-tw.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/zh-tw.js
new file mode 100644
index 0000000000..684b689d8a
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/i18n/zh-tw.js
@@ -0,0 +1,174 @@
+/*!
+ * TOAST UI Editor : i18n
+ * @version 2.5.1
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("@toast-ui/editor"));
+	else if(typeof define === 'function' && define.amd)
+		define(["@toast-ui/editor"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("@toast-ui/editor")) : factory(root["toastui"]["Editor"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function(__WEBPACK_EXTERNAL_MODULE__0__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 21);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
+
+/***/ }),
+
+/***/ 21:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
+/* harmony import */ var _editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_editor__WEBPACK_IMPORTED_MODULE_0__);
+/**
+ * @fileoverview I18N for Traditional Chinese
+ * @author Tzu-Ray Su 
+ */
+
+_editor__WEBPACK_IMPORTED_MODULE_0___default.a.setLanguage('zh-TW', {
+  Markdown: 'Markdown',
+  WYSIWYG: '所見即所得',
+  Write: '編輯',
+  Preview: '預覽',
+  Headings: '標題',
+  Paragraph: '內文',
+  Bold: '粗體',
+  Italic: '斜體',
+  Strike: '刪除線',
+  Code: '內嵌程式碼',
+  Line: '分隔線',
+  Blockquote: '引言',
+  'Unordered list': '項目符號清單',
+  'Ordered list': '編號清單',
+  Task: '核取方塊清單',
+  Indent: '增加縮排',
+  Outdent: '減少縮排',
+  'Insert link': '插入超連結',
+  'Insert CodeBlock': '插入程式碼區塊',
+  'Insert table': '插入表格',
+  'Insert image': '插入圖片',
+  Heading: '標題',
+  'Image URL': '圖片網址',
+  'Select image file': '選擇圖片檔案',
+  Description: '描述',
+  OK: '確認',
+  More: '更多',
+  Cancel: '取消',
+  File: '檔案',
+  URL: 'URL',
+  'Link text': '超連結文字',
+  'Add row': '增加行',
+  'Add col': '增加列',
+  'Remove row': '刪除行',
+  'Remove col': '刪除列',
+  'Align left': '靠左對齊',
+  'Align center': '置中',
+  'Align right': '靠右對齊',
+  'Remove table': '刪除表格',
+  'Would you like to paste as table?': '您要以表格貼上嗎？',
+  'Text color': '文字顏色',
+  'Auto scroll enabled': '已啟用自動滾動',
+  'Auto scroll disabled': '已停用自動滾動',
+  'Choose language': '選擇語言'
+});
+
+/***/ })
+
+/******/ });
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor-old.css b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor-old.css
new file mode 100644
index 0000000000..6499cff350
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor-old.css
@@ -0,0 +1,1649 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+/* height */
+.auto-height,
+.auto-height .tui-editor-defaultUI {
+  height: auto;
+}
+
+.auto-height .tui-editor {
+  position: relative;
+}
+
+:not(.auto-height) > .tui-editor-defaultUI,
+:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section {
+  -ms-flex: 1;
+  flex: 1;
+}
+
+/* tui editor */
+.tui-editor:after,
+.tui-editor-defaultUI-toolbar:after {
+  content: '';
+  display: block;
+  height: 0;
+  clear: both;
+}
+
+.tui-editor {
+  position: absolute;
+  line-height: 1;
+  color: #181818;
+  width: 100%;
+  height: inherit;
+}
+
+.te-editor-section {
+  min-height: 0px;
+  position: relative;
+  height: inherit;
+}
+
+.te-md-container {
+  display: none;
+  overflow: hidden;
+  height: 100%;
+}
+
+.te-md-container .te-editor {
+  line-height: 1.5;
+}
+
+.te-md-container .te-editor,
+.te-md-container .te-preview {
+  box-sizing: border-box;
+  padding: 0;
+  height: inherit;
+}
+
+.te-md-container .CodeMirror {
+  font-size: 13px;
+  height: inherit;
+}
+
+.te-md-container .te-preview {
+  overflow: auto;
+  padding: 0 25px;
+  height: 100%;
+}
+
+.te-md-container .te-preview > p:first-child {
+  margin-top: 0 !important;
+}
+
+.te-md-container .te-preview .tui-editor-contents {
+  padding-top: 8px;
+}
+
+.tui-editor .te-preview-style-tab > .te-editor,
+.tui-editor .te-preview-style-tab > .te-preview {
+  float: left;
+  width: 100%;
+  display: none;
+}
+
+.tui-editor .te-preview-style-tab > .te-tab-active {
+  display: block;
+}
+
+.tui-editor .te-preview-style-vertical > .te-tab-section {
+  display: none;
+}
+
+.tui-editor .te-preview-style-tab > .te-tab-section {
+  display: block;
+}
+
+.tui-editor .te-preview-style-vertical .te-editor {
+  float: left;
+  width: 50%;
+}
+
+.tui-editor .te-preview-style-vertical .te-preview {
+  float: left;
+  width: 50%;
+}
+
+.tui-editor .te-md-splitter {
+  display: none;
+  position: absolute;
+  left: 50%;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  border-left: 1px solid #e5e5e5;
+}
+
+.tui-editor .te-preview-style-vertical .te-md-splitter {
+  display: block;
+}
+
+.te-ww-container {
+  display: none;
+  overflow: hidden;
+  z-index: 10;
+  height: inherit;
+  background-color: #fff;
+}
+
+.te-ww-container > .te-editor {
+  overflow: auto;
+  height: inherit;
+}
+
+.te-ww-container .tui-editor-contents:focus {
+  outline: none;
+}
+
+.te-ww-container .tui-editor-contents {
+  padding: 0 25px;
+}
+
+.te-ww-container .tui-editor-contents:first-child {
+  box-sizing: border-box;
+  margin: 0px;
+  padding: 16px 25px 0px 25px;
+  height: inherit;
+}
+
+.te-ww-container .tui-editor-contents:last-child {
+  margin-bottom: 16px;
+}
+
+.te-md-mode .te-md-container {
+  display: block;
+  z-index: 100;
+}
+
+.te-ww-mode .te-ww-container {
+  display: block;
+  z-index: 100;
+}
+
+.tui-editor.te-hide,
+.tui-editor-defaultUI.te-hide {
+  display: none;
+}
+
+.tui-editor-defaultUI .CodeMirror-lines {
+  padding-top: 18px;
+  padding-bottom: 18px;
+}
+
+.tui-editor-defaultUI pre.CodeMirror-line {
+  padding-left: 25px;
+  padding-right: 25px;
+}
+
+.tui-editor-defaultUI .CodeMirror pre.CodeMirror-placeholder {
+  margin: 0;
+  padding-left: 25px;
+  color: grey;
+}
+
+.tui-editor-defaultUI .CodeMirror-scroll {
+  cursor: text;
+}
+
+/* Essential element style */
+.tui-editor-contents td.te-cell-selected {
+  background-color: #d8dfec;
+}
+.tui-editor-contents td.te-cell-selected::selection {
+  background-color: #d8dfec;
+}
+.tui-editor-contents th.te-cell-selected {
+  background-color: #908f8f;
+}
+.tui-editor-contents th.te-cell-selected::selection {
+  background-color: #908f8f;
+}
+
+/* default UI Styles */
+.tui-editor-defaultUI {
+  position: relative;
+  border: 1px solid #e5e5e5;
+  height: 100%;
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.tui-editor-defaultUI button {
+  color: #fff;
+  padding: 0px 14px 0px 15px;
+  height: 28px;
+  font-size: 12px;
+  border: none;
+  cursor: pointer;
+  outline: none;
+}
+.tui-editor-defaultUI button.te-ok-button {
+  background-color: #4b96e6;
+}
+.tui-editor-defaultUI button.te-close-button {
+  background-color: #777;
+}
+
+.tui-editor-defaultUI-toolbar {
+  padding: 0 25px;
+  height: 31px;
+  background-color: #fff;
+  border: 0;
+  overflow: hidden;
+}
+
+.tui-toolbar-divider {
+  float: left;
+  display: inline-block;
+  width: 1px;
+  height: 14px;
+  background-color: #ddd;
+  margin: 9px 6px;
+}
+
+.tui-toolbar-button-group {
+  height: 28px;
+  border-right: 1px solid #d9d9d9;
+  float: left;
+}
+
+.te-toolbar-section {
+  height: 32px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.tui-editor-defaultUI-toolbar button {
+  float: left;
+  box-sizing: border-box;
+  outline: none;
+  cursor: pointer;
+  background-color: #fff;
+  width: 22px;
+  height: 22px;
+  padding: 3px;
+  border-radius: 0;
+  margin: 5px 3px;
+  border: 1px solid #fff;
+}
+
+.tui-editor-defaultUI-toolbar button:hover,
+.tui-editor-defaultUI-toolbar button:active,
+.tui-editor-defaultUI-toolbar button.active {
+  border: 1px solid #aaa;
+  background-color: #fff;
+}
+
+.tui-editor-defaultUI-toolbar button:first-child {
+  margin-left: 0;
+}
+
+.tui-editor-defaultUI-toolbar button:last-child {
+  margin-right: 0;
+}
+
+.tui-editor-defaultUI-toolbar button.tui-scrollsync {
+  width: auto;
+  color: #777777;
+  border: 0;
+}
+
+.tui-editor-defaultUI button.tui-scrollsync:after {
+  content: 'Scroll off';
+}
+
+.tui-editor-defaultUI button.tui-scrollsync.active {
+  color: #125de6;
+  font-weight: bold;
+}
+
+.tui-editor-defaultUI button.tui-scrollsync.active:after {
+  content: 'Scroll on';
+}
+
+.tui-editor-defaultUI .te-mode-switch-section {
+  background-color: #f9f9f9;
+  border-top: 1px solid #e5e5e5;
+  height: 20px;
+  font-size: 12px;
+}
+
+.tui-editor-defaultUI .te-mode-switch {
+  float: right;
+  height: 100%;
+}
+
+.tui-editor-defaultUI .te-switch-button {
+  width: 92px;
+  height: inherit;
+  background: #e5e5e5;
+  outline: 0;
+  color: #a0aabf;
+  cursor: pointer;
+  border: 0;
+  border-left: 1px solid #ddd;
+  border-right: 1px solid #ddd;
+}
+
+.tui-editor-defaultUI .te-switch-button.active {
+  background-color: #fff;
+  color: #000;
+}
+
+.tui-editor-defaultUI .te-markdown-tab-section {
+  float: left;
+  height: 31px;
+  background: #fff;
+}
+
+.te-markdown-tab-section .te-tab {
+  margin: 0 -7px 0 24px;
+  background: #fff;
+}
+
+.tui-editor-defaultUI .te-tab button {
+  box-sizing: border-box;
+  line-height: 100%;
+  position: relative;
+  cursor: pointer;
+  z-index: 1;
+  font-size: 13px;
+  background-color: #f9f9f9;
+  border: solid 1px #e5e5e5;
+  border-top: 0;
+  padding: 0 9px;
+  color: #777;
+  border-radius: 0;
+  outline: 0;
+}
+
+.te-markdown-tab-section .te-tab button:last-child {
+  margin-left: -1px;
+}
+
+.te-markdown-tab-section .te-tab button.te-tab-active,
+.te-markdown-tab-section .te-tab button:hover.te-tab-active {
+  background-color: #fff;
+  color: #333;
+  border-bottom: 1px solid #fff;
+  z-index: 2;
+}
+
+.te-markdown-tab-section .te-tab button:hover {
+  background-color: #fff;
+  color: #333;
+}
+
+.tui-popup-modal-background {
+  background-color: rgba(202, 202, 202, 0.6);
+  position: fixed;
+  margin: 0px;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+}
+
+.tui-popup-wrapper.fit-window,
+.tui-popup-modal-background.fit-window .tui-popup-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.tui-popup-wrapper {
+  width: 500px;
+  margin-right: auto;
+  border: 1px solid #cacaca;
+  background: white;
+  z-index: 9999;
+}
+
+.tui-popup-modal-background .tui-popup-wrapper {
+  position: absolute;
+  margin: auto;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+.tui-popup-header {
+  padding: 10px;
+  height: auto;
+  line-height: normal;
+  position: relative;
+  border-bottom: 1px solid #cacaca;
+}
+
+.tui-popup-header .tui-popup-header-buttons {
+  float: right;
+}
+
+.tui-popup-header .tui-popup-header-buttons button {
+  padding: 0px;
+  background-color: transparent;
+  background-size: cover;
+  float: left;
+}
+
+.tui-popup-header .tui-popup-close-button {
+  margin: 3px;
+  width: 13px;
+  height: 13px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMCAxMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5GMjc2Qzc4MC0zM0JBLTQ3MTItQTM3OC04RkQwQUNDOTFDRTk8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImxuYi1mb2xkZXItZGVsIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiM3Nzc3NzciPiAgICAgICAgICAgIDxwYXRoIGQ9Ik01LDMuNTg1Nzg2NDQgTDEuNzA3MTA2NzgsMC4yOTI4OTMyMTkgTDAuMjkyODkzMjE5LDEuNzA3MTA2NzggTDMuNTg1Nzg2NDQsNSBMMC4yOTI4OTMyMTksOC4yOTI4OTMyMiBMMS43MDcxMDY3OCw5LjcwNzEwNjc4IEw1LDYuNDE0MjEzNTYgTDguMjkyODkzMjIsOS43MDcxMDY3OCBMOS43MDcxMDY3OCw4LjI5Mjg5MzIyIEw2LjQxNDIxMzU2LDUgTDkuNzA3MTA2NzgsMS43MDcxMDY3OCBMOC4yOTI4OTMyMiwwLjI5Mjg5MzIxOSBMNSwzLjU4NTc4NjQ0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
+}
+
+.tui-popup-header .tui-popup-title {
+  font-size: 13px;
+  font-weight: bold;
+  color: #333;
+  vertical-align: bottom;
+}
+
+.tui-popup-body {
+  padding: 15px;
+  font-size: 12px;
+}
+
+.tui-editor-popup {
+  position: absolute;
+  top: 30px;
+  left: 50%;
+  margin-left: -250px;
+}
+
+.tui-editor-popup.tui-popup-modal-background {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  margin: 0px;
+}
+
+.tui-editor-popup .tui-popup-body label {
+  font-weight: bold;
+  color: #666;
+  display: block;
+  margin: 10px 0 5px;
+}
+
+.tui-editor-popup .tui-popup-body .te-button-section {
+  margin-top: 15px;
+}
+
+.tui-editor-popup .tui-popup-body input[type='text'],
+.tui-editor-popup .tui-popup-body input[type='file'] {
+  padding: 4px 10px;
+  border: 1px solid #bfbfbf;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.tui-editor-popup .tui-popup-body input[type='text'].disabled {
+  border-color: #e5e5e5;
+  background-color: #eee;
+  color: #e5e5e5;
+}
+
+.tui-editor-popup .tui-popup-body input.wrong {
+  border-color: #ff0000;
+}
+
+.te-popup-add-link .tui-popup-wrapper {
+  height: 219px;
+}
+
+.te-popup-add-image .tui-popup-wrapper {
+  height: 243px;
+}
+
+.te-popup-add-image .te-tab {
+  display: block;
+  background: none;
+  border-bottom: 1px solid #ebebeb;
+  margin-bottom: 8px;
+}
+
+.te-popup-add-image .te-url-type {
+  display: none;
+}
+
+.te-popup-add-image .te-file-type {
+  display: none;
+}
+
+.te-popup-add-image div.te-tab-active,
+.te-popup-add-image form.te-tab-active {
+  display: block;
+}
+
+.te-popup-add-image .te-tab button {
+  border: 1px solid #ccc;
+  background: #eee;
+  min-width: 100px;
+  margin-left: -1px;
+  border-bottom: 0px;
+  border-radius: 3px 3px 0px 0px;
+}
+
+.te-popup-add-image .te-tab button.te-tab-active {
+  background: #fff;
+}
+
+.te-popup-add-table .te-table-selection {
+  position: relative;
+}
+
+.te-popup-add-table .te-table-body {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZmspKREMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgAMSwQgckFvTgAAAABJRU5ErkJggg==');
+}
+
+.te-popup-add-table .te-table-header {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZksLCxMMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgDxKwPzTeWPdAAAAABJRU5ErkJggg==');
+}
+
+.te-popup-add-table .te-selection-area {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: #80d2ff;
+  opacity: 0.3;
+  z-index: 999;
+}
+
+.te-popup-add-table .te-description {
+  margin: 10px 0 0 0;
+  text-align: center;
+}
+
+.te-popup-table-utils {
+  width: 120px;
+}
+
+.te-popup-table-utils .tui-popup-body {
+  padding: 0px;
+}
+
+.te-popup-table-utils button {
+  width: 100%;
+  background-color: #fff;
+  border: none;
+  outline: 0;
+  padding: 0px 10px 0px 10px;
+  font-size: 12px;
+  line-height: 28px;
+  text-align: left;
+  color: #777;
+}
+
+.te-popup-table-utils button:hover {
+  background-color: #f4f4f4;
+}
+
+.te-popup-table-utils hr {
+  background-color: #cacaca;
+  border-style: none;
+  height: 1px;
+}
+
+.te-popup-table-utils .te-context-menu-disabled {
+  color: #ccc;
+}
+
+.te-popup-table-utils .te-context-menu-disabled:hover {
+  background-color: #fff;
+}
+
+.te-heading-add {
+  width: auto;
+}
+
+.te-heading-add .tui-popup-body {
+  padding: 0;
+}
+
+.te-heading-add h1,
+.te-heading-add h2,
+.te-heading-add h3,
+.te-heading-add h4,
+.te-heading-add h5,
+.te-heading-add h6,
+.te-heading-add ul,
+.te-heading-add p {
+  padding: 0;
+  margin: 0;
+}
+
+.te-heading-add ul {
+  list-style: none;
+}
+
+.te-heading-add ul li {
+  padding: 2px 10px;
+  cursor: pointer;
+}
+
+.te-heading-add ul li:hover {
+  background-color: #eee;
+}
+
+.te-heading-add h1 {
+  font-size: 24px;
+}
+
+.te-heading-add h2 {
+  font-size: 22px;
+}
+
+.te-heading-add h3 {
+  font-size: 20px;
+}
+
+.te-heading-add h4 {
+  font-size: 18px;
+}
+
+.te-heading-add h5 {
+  font-size: 16px;
+}
+
+.te-heading-add h6 {
+  font-size: 14px;
+}
+
+.te-dropdown-toolbar {
+  position: absolute;
+  width: auto;
+}
+
+.te-dropdown-toolbar .tui-popup-body {
+  padding: 0px;
+}
+
+.tui-popup-color {
+  padding: 0;
+}
+
+.tui-popup-color .tui-colorpicker-container,
+.tui-popup-color .tui-colorpicker-palette-container {
+  width: 144px;
+}
+
+.tui-popup-color .tui-colorpicker-container ul {
+  width: 144px;
+  margin-bottom: 8px;
+}
+
+.tui-popup-color .tui-colorpicker-container li {
+  padding: 0 1px 1px 0;
+}
+
+.tui-popup-color .tui-colorpicker-container li .tui-colorpicker-palette-button {
+  border: 0;
+  width: 17px;
+  height: 17px;
+}
+
+.tui-popup-color .tui-popup-body {
+  padding: 10px;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-toggle-slider {
+  display: none;
+}
+
+.tui-popup-color .te-apply-button,
+.tui-popup-color .tui-colorpicker-palette-hex {
+  float: right;
+}
+
+.tui-popup-color .te-apply-button {
+  height: 21px;
+  width: 35px;
+  background: #fff;
+  border: 1px solid #efefef;
+  position: absolute;
+  bottom: 135px;
+  right: 10px;
+  color: black;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-hex {
+  border: 1px solid #e1e1e1;
+  padding: 3px 14px;
+  margin-left: -1px;
+}
+
+.tui-popup-color .tui-colorpicker-container div.tui-colorpicker-clearfix {
+  display: inline-block;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-preview {
+  width: 19px;
+  height: 19px;
+}
+
+.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-slider-right {
+  width: 22px;
+}
+
+.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-huebar-handle {
+  display: none;
+}
+
+.tui-tooltip {
+  position: absolute;
+  background-color: #222;
+  z-index: 999;
+  opacity: 0.8;
+  color: #fff;
+  padding: 2px 5px;
+  font-size: 10px;
+}
+
+.tui-tooltip .arrow {
+  content: '';
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  background-color: #222;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+  position: absolute;
+  top: -3px;
+  left: 6px;
+  z-index: -1;
+}
+
+.tui-toolbar-icons {
+  background: url(data:image/png;base64,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);
+  background-size: 218px 188px;
+  display: inline-block;
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2),
+  only screen and (min--moz-device-pixel-ratio: 2),
+  only screen and (-o-min-device-pixel-ratio: 2/1),
+  only screen and (min-device-pixel-ratio: 2),
+  only screen and (min-resolution: 192dpi),
+  only screen and (min-resolution: 2dppx) {
+  .tui-toolbar-icons {
+    background: url(data:image/png;base64,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Xqz8qBcJkED0BGIbcoxe1QtDor4qT80zFpNh01flYWg2e1Fo2C6Me5NnSQLFToAeWpFfITFmxbrCUdCJMeMKxyK/iageCZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACQQgkA5QNlTRRYsWZbwEbNu2LTFdnPSAftc6pas06PesihdTmIurXdekOefi6qBfpJyD8rHrk+s4LM+gfHLpY8+P+r6Ngmc6nf7q1q1b6+26RnEcBc/S0tLmLVu2HI5Cn6Ay7Hxz3V9BywfVx17ezjfX/RW0vL29oMclQSuwPAmQAAnkS0A3ZrW1tR9Gh1ebr6w46unGrK6ubiz0GxdHO5QZD4HEDJo8aeBmmWk7jf2SnuspxFYnlkN50pg8efJLNuHdki67LZ2HJEACAQnYjVl/f/+PIeLxYjFqdmPW0dExC/rNpFELeKELWDwxgybn2NfXt1A/V9zg2/XjQsePHz8+StcBN/gZ/ZhxEiCB/Ai4GLMKSCvFXnCj5mTMYHDVNAiNWn6XPfFaZUm2iJt6YSZzfioN8e1Jtp+rLegzUi8Dfdv14yTiixcvbhw7duxdDQ0Nb/ppL2nvdsmSJZfMmzfvQH19fb9P/Qrq3SbNxw8Tvcxg9/6D8pVhRsMzE2OmthJslodJlRE2DMpXhhnFM9OMWVaFsrKyRB/+w573hVo/0YsEg7FQB42nou36caHj8CAtP6qamprEPTQwuq21tfX3GOa4vNA8nNoHo/G7d++eD/2qnPKZRgJuBFyMWQbGbHVTU9NDbvWSSvcwZvs3b958PCk92E7+BBIzaPJkDzVnaKrux0qi17XjgkbXrFkzDAroT43da9eu7SqQUmLMxKjVFah9z2Z7e3sr8TAyb+nSpTWeBZl5wRGQewKjDP/bfuLFYswwslAmhsuuH42ZncjgPE7MoHH+LPANMhw1HpUhyNWrV0u8qDZczxIYthnyoIJOIrH7qKggUBkLATFmuCf+E4k/xsPYCpVZTMZsx44dc86ePXvpypUrxyv9aMwUicEfJjaHxvmz/G4WYwjyOnQQizAf8LJdCpLPT0raMx2Og855OIiwJBlDkCOgx17I7rBk4gDpnu/32csHnfOw1w96HJSfXX7UPO3yg/Kz10+Kp2bMrsQ9m8LvvRG6pzCc2OowZ5b4MKN4ZmLMwCc7VI55sktg1ES/Ppc5s6IYZgx7f9rvh6iPw96fUeuT2JM1589CXToOQYbCx8pxE8CDzbUwYvNVO/i9l4hRKwZjJjrBmI2A8apU+kkoRq2YjZmuK+P+CCRi0Dh/5u9i5CqFDiKQN5ZLXtT55eXlRa1f1OdLeecJ4Msfv4ARq8U92qNSxaghrs9LO3pmGFavV3XiCuGpnsK87z4YNcs96rCacYBnhv5ralx6UW60BBIxaJw/C33RZKjxOnQaj4WWFIMALGnuxDXetX79+hMxiKfIQUIARuMJu1HTVHc1Zqhzr1YutuimTZtanYyaahD3saMxw709RZVhWNwEEplDw1Mb3z/L8z4Au8e83kuLew4nl9roIE7MnTvX9b20pOZwcunpll9ofm56qfRi56f0VCH0fQLzKrIg5HHs8tJ0doNn9En70nzxzJIyZkoPMWrQT16Ytny1qLKy8uCGDRssS/PFMyu0Mct1fxZ6ji3X/Zn0HFsiBg037UJ1Q0mITnC7flzoOG7agr9/5sDgTRizu4rVK8M17K+oqDhAr8zhyl3gSejkmtCRCYWsUYMx+wSM2TodSyGMmWof+p009MsaNcOYHVX5EhaDMdP1YdwfgdiHHDl/5u9C2EpxiNEGhIeDi4AYNWi83MmYyZkk7ZnZ6YlRQ9o+J2MmZQvtmdn15bE/ArF7aLgxFuqqwOvYrh8XOl5s32/MNcRYaF65hhgLrR/bLx4ChlErHoVsmhhGzZbKw8FMIHaDhg6a82cB7hAMMdYFKC7veVlWbeWqix+xzB/kvQX9ukvQMXTo92zeyjlUDMrHQYRnUlieQfl4KuOQGTVPexNx87W3F/Q4br5B9WH5eAnEPuTI+bN4LyClkwAJkAAJnCMQm4fm9uSGIch9yEuFfbINewHdntxaWlquMPSL1FMIqy/rkwAJkAAJeBOI3UPzbp65JEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJFC8BNJRq7Zo0aKMLnPbtm2ebQQtr8vOJ472rtXrQb9n9WN7PGh5e/24j+38crWX63rkqh80384vV/1c1yNXfXt+UD72+rmOw/IMyieXPvb8qHkq+dB7TDqdvgPHtZlMZrak4/gVBE04fgjtnpI0tfm4Ds2ov728vPwLjz/++CFVL98Q7ZWWlZXV9Pf3j8M+TOSUlJR0YT/Z29t7HPr16bJzXQfI6oF+7T09PYdQt1uvG1fc0Om/bfLf5nRNX5xytaXftdVJvaX5j579sL28n+MVK1aM6OzsnKeXrays3LVhw4azeprEd065xtLv2vPnN//Bsx+2l3c7LnHLYDoJkAAJOBFYvHjxDUh/CYbrO9ivQ3ys7BKXNMkzyiDqe5uCuku7u7ufX758+TTftRwKrlq1ahQM0AIYrmkwZsNRpFR2iUua5EkZh6quSahXDmNWjQKXw9BUuBaMMAMG9E67OKc0e5mkjvv6+mrsbTml2cvEeUyDFiddyiaBIUYAnfn7YXh+jtPyMjrTpMySJUv+Zx6nPw6G4+/yqJetAmM4+uzZs7PFALnJkDwpI2Xdynikl8KL9Dp3j6r+s8B5pBh4ew1Jkzx7etLH0EEeEMbZ25U0ybOnJ3VMg5YUabZDAoOcwK233joFHkITTiM7hOd1Oij3Mzytv+BVxiPvfR55rlmrV68uh4c3C51qzuG10tLSthEjRnS4CvPIgFFJwqAsgwrZdsDy97IbKkma5BV6G4frm7UfGMZ9U3ZRyEgbYOiSUrYsqYbYTjgC+LEOb2trW7d169Y6XRLG03P+ePXyccXr6+tLdu3aNX3Lli2v6204jffr+XHHi4WP23kWmo+bXk7pMBb3ozOXYTd9a0Rn9nUM4x1D/v9Ax3sP9n9oamrapheyx+3XBU/15hwQ2phq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Q4EADMZCdR5O82cqr1BhrvmzQunFdqMhEGr8368KGKb7NDyb7xnl/xHDjWu86sKIrUX+J6UMjMZnMPz3917lw+bJC9dYij/NkHMM+h3wkgn9piM/a2j5TpoXKeaRAAmQQHIEEvHQ9OFGPLW5Djeq09bL6HVVftSh/l4ZPlLsOtyo2tXL6HVVPkMSIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESGKwE0oNV8aGq92uvvZaJ89wuvfTSUNd8//7918ap34wZM56NUz5lkwAJDF0CJUP31HhmJEACJEACFxIBGrQL6WrzXEmABEhgCBOgQRvCF5enRgIkQAIXEoGyOE520aJFEyD389jfg33Otm3barzaCVreS5afvNWrV5efPXt2Un9//8je3t5K6PecV72g5b1kRZF3+PDh1AMPPGAR9alPfSo1depUS1qhDg4cOOCo3/Tp0wulEtslARK4AAhEbtBqa2v/DIZiI9iN9MMvaHk/Mr3K1NXVjT19+vTMvr4+X95p0PJebUeV9+yzA9dNSFqxGLQ//OEPA05V0mjQBmBhAgmQQIQEIjVoixcvfi+M2VboVyE6ptPpdRUVFV930zdoeTc5ftNXrVo1Cp7ZLOioVvodq66ubnarH7S8m5wo02GIU889N9ChlLRbbrklVVpaGmVzgWX19PSkXnzxxQH1JO1DH/pQqry8fEAeE0iABLwJjFtx2HP188kNU1Wf5i0oZG4uPQaKT+8vSaV/MnbspHteXZvuGpgfbUpkBg3DhtKTPog9a8wQ/rapqemTMGqOFyJo+bCnnclk0suWLZuujFlZWdnZTZs2HXTTL2j5sPr5rb9r164UjHK2uPLIZAhS0iRvwYIFfkXFUk50OHXqVFa28shkCFLSJO8tb3lLLO1GJbS+vn6iyEJ4NCqZUcr5wQ9+kH0iuPPOO3uilEtZJBAPgcyM/lTmMydP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VSp27NgxTQnDMOHxMWPG7JIhQ5WmhximPIrjl5E/wDhDRzHI+6L8yr5qW7fqKo0hCZAACZBATATgVaXx+ag/QPxVWhP3whB9TR3Da6tAx38zvJp3I03iexD+BwyehPLVEFl08Uns02F85MXm38HA/Ezm4yQ/is3QU96Py3qQIhOGqhlf+zeNqXhtr7/+unx8eCSGJtNY/NGFMqcbGxuzhk7OA9tEyKrAufSgzFn8r7Y2mY+LQke7DBo0OxEekwAJkEDMBLCwYjbmop5BR69/eeNHMAir8RmpwC9Ew3B8ECr/GkaxPUrVjU9dzYNM8zNWMK5t8+fP3w+jZA59+m0TespnsdqhZ2QvU+ttm0rqiYyTAAmQAAnER+DFF188CU/lWXhWS9GK6ocvhxdzB9JHX3nllbteeuml7Ff43bQQD2r37t0LYVxkwUg9ZHVgWPBXbuXzSX/uued6r7766jfR1jhpT2QgrDx27NgE6FmKvevll1/2NE5S7+DBg6Og5wyc3xSsiOx/4YUXIjW86tzooSkSDEmABEggYQIYenwvOvxtaHaiQ9MvI+3XMFSHUOY4PCMZpqtCXIzLfKRfj/BirV4b3hObieE+c4Wilhcqavwjz1kwSOZ7bkqgzKNBl3bo143VjlmvDWkl0K0UexXSR8AbLVflEfbBEL6Uj4enyXCM0qA5YmEiCZAACSRDAP8j7WIYCvmnnjeFbHEf5q8+ijmuP4aU41hd5sNgnC6BrpbVio6FvRO78f7da1HO96nmaNAUCYYkQAIkUEAC8NZugFGThSHvCaIGvKPnUe8HMBIPyftsQermU1a8NXwJZCrqmv9ixqcc+Wr/Mby6cBw66++x+ayeuxgNWm5GLEECJEACiRFYvnz5NAzRfRBG6gPYZ6JhGY6cYChwCsbgOOIvYn8WHtm/RfmlDaMNX4F4bBhaHA19RmP14jAZjoQHp4YW+xDvRV4HzuEszuc0FoKY/4bGVwMsRAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAKDgMD/D2WyCk5hENCOAAAAAElFTkSuQmCC);
+    background-size: 218px 188px;
+    display: inline-block;
+  }
+}
+
+.tui-toolbar-icons.tui-heading {
+  background-position: -172px -48px;
+}
+
+.tui-toolbar-icons.tui-heading:disabled {
+  background-position: -193px -48px;
+}
+
+.tui-toolbar-icons.tui-bold {
+  background-position: -4px -4px;
+}
+
+.tui-toolbar-icons.tui-bold:disabled {
+  background-position: -25px -4px;
+}
+
+.tui-toolbar-icons.tui-italic {
+  background-position: -4px -48px;
+}
+
+.tui-toolbar-icons.tui-italic:disabled {
+  background-position: -25px -48px;
+}
+
+.tui-toolbar-icons.tui-color {
+  background-position: -172px -70px;
+}
+
+.tui-toolbar-icons.tui-color:disabled {
+  background-position: -193px -70px;
+}
+
+.tui-toolbar-icons.tui-strike {
+  background-position: -4px -26px;
+}
+
+.tui-toolbar-icons.tui-strike:disabled {
+  background-position: -25px -26px;
+}
+
+.tui-toolbar-icons.tui-hrline {
+  background-position: -46px -92px;
+}
+
+.tui-toolbar-icons.tui-hrline:disabled {
+  background-position: -67px -92px;
+}
+
+.tui-toolbar-icons.tui-quote {
+  background-position: -4px -114px;
+}
+
+.tui-toolbar-icons.tui-quote:disabled {
+  background-position: -25px -114px;
+}
+
+.tui-toolbar-icons.tui-ul {
+  background-position: -46px -4px;
+}
+
+.tui-toolbar-icons.tui-ul:disabled {
+  background-position: -67px -4px;
+}
+
+.tui-toolbar-icons.tui-ol {
+  background-position: -46px -26px;
+}
+
+.tui-toolbar-icons.tui-ol:disabled {
+  background-position: -67px -26px;
+}
+
+.tui-toolbar-icons.tui-task {
+  background-position: -130px -48px;
+}
+
+.tui-toolbar-icons.tui-task:disabled {
+  background-position: -151px -48px;
+}
+
+.tui-toolbar-icons.tui-indent {
+  background-position: -46px -48px;
+}
+
+.tui-toolbar-icons.tui-indent:disabled {
+  background-position: -67px -48px;
+}
+
+.tui-toolbar-icons.tui-outdent {
+  background-position: -46px -70px;
+}
+
+.tui-toolbar-icons.tui-outdent:disabled {
+  background-position: -67px -70px;
+}
+
+.tui-toolbar-icons.tui-table {
+  background-position: -88px -92px;
+}
+
+.tui-toolbar-icons.tui-table:disabled {
+  background-position: -109px -92px;
+}
+
+.tui-toolbar-icons.tui-image {
+  background-position: -130px -4px;
+}
+
+.tui-toolbar-icons.tui-image:disabled {
+  background-position: -151px -4px;
+}
+
+.tui-toolbar-icons.tui-link {
+  background-position: -130px -26px;
+}
+
+.tui-toolbar-icons.tui-link:disabled {
+  background-position: -151px -26px;
+}
+
+.tui-toolbar-icons.tui-code {
+  background-position: -130px -92px;
+}
+
+.tui-toolbar-icons.tui-code:disabled {
+  background-position: -151px -92px;
+}
+
+.tui-toolbar-icons.tui-codeblock {
+  background-position: -130px -70px;
+}
+
+.tui-toolbar-icons.tui-codeblock:disabled {
+  background-position: -151px -70px;
+}
+
+.tui-toolbar-icons.tui-more {
+  background-position: -172px -92px;
+}
+
+.tui-toolbar-icons.tui-more:disabled {
+  background-position: -193px -92px;
+}
+.tui-colorpicker-svg-slider {
+  border: 1px solid #ebebeb;
+}
+.tui-colorpicker-vml-slider {
+  border: 1px solid #ebebeb;
+}
+.tui-colorpicker-svg-huebar {
+  border: 1px solid #ebebeb;
+}
+
+.tui-editor-pseudo-clipboard {
+  position: fixed;
+  left: -1000px;
+  top: -1000px;
+  width: 100px;
+  height: 100px;
+}
+
+.te-ww-block-overlay.code-block-header {
+  text-align: right;
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.te-ww-block-overlay.code-block-header span {
+  font-size: 10px;
+  font-weight: 600;
+  padding: 0px 10px;
+  color: #333333;
+  cursor: default;
+}
+
+.te-ww-block-overlay.code-block-header button {
+  margin: 8px;
+  font-size: 10px;
+  color: #333333;
+  background-color: #f9f9f9;
+  border: 1px solid #dddddd;
+  padding: 4px;
+  height: auto;
+}
+
+.te-popup-code-block-languages {
+  position: fixed;
+  box-sizing: border-box;
+  width: 130px;
+}
+
+.te-popup-code-block-languages .tui-popup-body {
+  max-height: 169px;
+  overflow: auto;
+  padding: 0px;
+}
+
+.te-popup-code-block-languages button {
+  width: 100%;
+  background-color: #fff;
+  border: none;
+  outline: 0;
+  padding: 0px 10px 0px 10px;
+  font-size: 12px;
+  line-height: 24px;
+  text-align: left;
+  color: #777;
+}
+
+.te-popup-code-block-languages button.active {
+  background-color: #f4f4f4;
+}
+
+.tui-popup-code-block-editor .tui-popup-wrapper {
+  width: 70%;
+  height: 70%;
+  margin: auto;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.te-input-language {
+  position: relative;
+  margin-left: 15px;
+  cursor: pointer;
+}
+
+.te-input-language input {
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 10px;
+  padding: 3px 5px;
+  border: 1px solid #dddddd;
+  background-color: #f9f9f9;
+  box-sizing: border-box;
+  width: 130px;
+  outline: none;
+}
+
+.te-input-language input::-ms-clear {
+  display: none;
+}
+
+.te-input-language::after {
+  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT42Q0NBRDk2QS0yMjYxLTRFNDAtOTk1RC1DRUUyQUREQUQ3NkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLWQtc2lkZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS03IiBwb2ludHM9IjIgNSAxMCA1IDYgMTAiPjwvcG9seWdvbj4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
+  position: absolute;
+  top: 1px;
+  right: 3px;
+}
+
+.te-input-language.active::after {
+  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5BNEZDRkIzMy0zNjdBLTREMjAtOEEyNC1DQ0I2ODFBMDZDODg8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLXVwLXNpZGUiIGZpbGw9IiM1NTU1NTUiPiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC02LjAwMDAwMCwgLTYuNTAwMDAwKSAiIHBvaW50cz0iMiA0IDEwIDQgNiA5Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
+}
+
+.tui-popup-code-block-editor button {
+  margin: -1px 3px;
+}
+
+.tui-popup-code-block-editor .tui-popup-header-buttons {
+  height: 20px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-preview::after {
+  content: 'Preview off';
+  color: #777;
+  margin-right: 22px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-preview.active::after {
+  content: 'Preview on';
+  color: #4b96e6;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-scroll::after {
+  content: 'Scroll off';
+  color: #777;
+  margin-right: 16px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-scroll.active::after {
+  content: 'Scroll on';
+  color: #4b96e6;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-fit {
+  width: 18px;
+  height: 18px;
+  margin-top: 4px;
+  margin-right: 14px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT40OUQ4RTYyMy1GRTAyLTQ1RUUtQkQ5Ri0xMjUyQjEzRTU1MkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLWV4cGFuZCIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBhdGggZD0iTTMsMyBMOSwzIEw5LDUgTDUsNSBMNSw5IEwzLDkgTDMsMyBaIE0xNSwxNSBMOSwxNSBMOSwxMyBMMTMsMTMgTDEzLDkgTDE1LDkgTDE1LDE1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4wMDAwMDAsIDkuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC05LjAwMDAwMCwgLTkuMDAwMDAwKSAiPjwvcGF0aD4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41MDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMS41MDAwMDAsIC02LjUwMDAwMCkgIiBwb2ludHM9IjkuMDg1Nzg2NDQgNS41IDEyLjUgOC45MTQyMTM1NiAxMy45MTQyMTM2IDcuNSAxMC41IDQuMDg1Nzg2NDQiPjwvcG9seWdvbj4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZS1Db3B5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNTAwMDAwLCAxMS41MDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTYuNTAwMDAwLCAtMTEuNTAwMDAwKSAiIHBvaW50cz0iNC4wODU3ODY0NCAxMC41IDcuNSAxMy45MTQyMTM2IDguOTE0MjEzNTYgMTIuNSA1LjUgOS4wODU3ODY0NCI+PC9wb2x5Z29uPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-fit.active {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT4wN0Q1MjlCRi1GNTIzLTREN0EtQTlGNi05NTUzNTU5RDNEMUE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLXJlZHVjZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzIiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS41MDAwMDAsIDEyLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtNS41MDAwMDAsIC0xMi41MDAwMDApICIgcG9pbnRzPSIzLjA4NTc4NjQ0IDExLjUgNi41IDE0LjkxNDIxMzYgNy45MTQyMTM1NiAxMy41IDQuNSAxMC4wODU3ODY0Ij48L3BvbHlnb24+ICAgICAgICAgICAgPHBhdGggZD0iTTksOSBMMTUsOSBMMTUsMTEgTDExLDExIEwxMSwxNSBMOSwxNSBMOSw5IFogTTksOSBMMyw5IEwzLDcgTDcsNyBMNywzIEw5LDMgTDksOSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMDAwMDAwLCA5LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtOS4wMDAwMDAsIC05LjAwMDAwMCkgIj48L3BhdGg+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzMiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCA1LjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTIuNTAwMDAwLCAtNS41MDAwMDApICIgcG9pbnRzPSIxNC45MTQyMTM2IDYuNSAxMS41IDMuMDg1Nzg2NDQgMTAuMDg1Nzg2NCA0LjUgMTMuNSA3LjkxNDIxMzU2Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
+}
+
+.tui-popup-code-block-editor .tui-popup-close-button {
+  margin-top: 6px;
+}
+
+.tui-popup-code-block-editor .tui-popup-body {
+  z-index: -1;
+  padding: 0px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.tui-popup-code-block-editor .popup-editor-body {
+  position: relative;
+  -ms-flex: 1;
+  flex: 1;
+  border-bottom: 1px solid #cacaca;
+}
+
+.tui-popup-code-block-editor .te-button-section {
+  padding: 15px;
+}
+
+.tui-popup-code-block-editor .te-button-section button {
+  float: left;
+}
+
+.tui-popup-code-block-editor .tui-editor-contents pre {
+  margin: 0px;
+  background-color: transparent;
+}
+
+.tui-popup-code-block-editor .CodeMirror {
+  height: auto;
+}
+
+.tui-popup-code-block-editor .CodeMirror-line {
+  font-family: Consolas, Courier, 'Apple SD 산돌고딕 Neo', -apple-system, 'Lucida Grande',
+    'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Segoe UI', '돋움', dotum, sans-serif;
+  font-size: 13px;
+  line-height: 160%;
+  letter-spacing: -0.3px;
+}
+
+.tui-popup-code-block-editor .popup-editor-editor-wrapper {
+  min-height: 100%;
+}
+
+.tui-split-scroll-wrapper {
+  position: relative;
+}
+
+.tui-split-scroll {
+  position: absolute;
+}
+
+.tui-split-scroll,
+.tui-split-scroll-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.tui-split-scroll .tui-split-content-left,
+.tui-split-scroll .tui-split-content-right {
+  position: absolute;
+  top: 0px;
+  width: 50%;
+  box-sizing: border-box;
+}
+
+.tui-split-scroll .tui-split-content-left {
+  left: 0px;
+}
+
+.tui-split-scroll .tui-split-content-right {
+  left: 50%;
+}
+
+.tui-split-scroll .tui-splitter {
+  position: absolute;
+  left: 50%;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  border-left: 1px solid #cacaca;
+}
+
+.tui-split-scroll .tui-split-scroll-content {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+}
+
+.tui-split-scroll .tui-split-content-left,
+.tui-split-scroll .tui-split-content-right {
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.tui-split-scroll button.tui-scrollsync {
+  top: 10px;
+  opacity: 0.2;
+}
+
+.tui-split-scroll button.tui-scrollsync::after {
+  content: 'scroll off';
+}
+
+.tui-split-scroll.scroll-sync button.tui-scrollsync {
+  opacity: 0.5;
+}
+
+.tui-split-scroll.scroll-sync .tui-split-content-left,
+.tui-split-scroll.scroll-sync .tui-split-content-right {
+  height: auto;
+  overflow: initial;
+}
+
+.tui-split-scroll.scroll-sync button.tui-scrollsync::after {
+  content: 'scroll on';
+}
+
+.tui-split-scroll.scroll-sync .tui-split-scroll-content {
+  overflow-y: auto;
+}
+
+.tui-split-scroll.single-content .tui-splitter {
+  display: none;
+}
+
+.tui-split-scroll.single-content .tui-split-content-left {
+  width: 100%;
+}
+
+.tui-split-scroll.single-content .tui-split-content-right {
+  display: none;
+}
+
+.tui-split-scroll.single-content button.tui-scrollsync {
+  display: none;
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  /* IE10+ */
+  .tui-split-scroll-wrapper .tui-splitter {
+    left: calc(50% - 9px);
+  }
+}
+
+@supports (-ms-accelerator: true) {
+  /* IE Edge 12+ CSS styles go here */
+  .tui-split-scroll-wrapper .tui-splitter {
+    left: calc(50% - 9px);
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .tui-popup-wrapper {
+    max-width: 300px;
+  }
+
+  .tui-editor-popup {
+    margin-left: -150px;
+  }
+
+  .te-dropdown-toolbar {
+    max-width: none;
+  }
+}
+
+@charset "utf-8";
+.CodeMirror {
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.tui-editor-contents *:not(table) {
+  line-height: 160%;
+  box-sizing: content-box;
+}
+
+.tui-editor-contents i,
+.tui-editor-contents cite,
+.tui-editor-contents em,
+.tui-editor-contents var,
+.tui-editor-contents address,
+.tui-editor-contents dfn {
+  font-style: italic;
+}
+
+.tui-editor-contents strong {
+  font-weight: bold;
+}
+
+.tui-editor-contents p {
+  margin: 10px 0;
+  color: #555;
+}
+
+.tui-editor-contents > h1:first-of-type,
+.tui-editor-contents > div > div:first-of-type h1 {
+  margin-top: 14px;
+}
+
+.tui-editor-contents h1,
+.tui-editor-contents h2,
+.tui-editor-contents h3,
+.tui-editor-contents h5 {
+  font-weight: bold;
+}
+
+.tui-editor-contents h1 {
+  font-size: 1.6rem;
+  line-height: 28px;
+  border-bottom: 3px double #999;
+  margin: 52px 0 15px 0;
+  padding-bottom: 7px;
+  color: #000;
+}
+
+.tui-editor-contents h2 {
+  font-size: 1.3rem;
+  line-height: 23px;
+  border-bottom: 1px solid #dbdbdb;
+  margin: 30px 0 13px 0;
+  padding-bottom: 7px;
+  color: #333;
+}
+
+.tui-editor-contents h3,
+.tui-editor-contents h4 {
+  font-size: 1.2rem;
+  line-height: 18px;
+  margin: 20px 0 2px;
+  color: #333;
+}
+
+.tui-editor-contents h5,
+.tui-editor-contents h6 {
+  font-size: 1rem;
+  line-height: 17px;
+  margin: 10px 0 -4px;
+  color: #333;
+}
+
+.tui-editor-contents blockquote {
+  margin: 15px 0;
+}
+
+.tui-editor-contents blockquote {
+  border-left: 4px solid #dddddd;
+  padding: 0 15px;
+  color: #777777;
+}
+
+.tui-editor-contents blockquote > :first-child {
+  margin-top: 0;
+}
+
+.tui-editor-contents blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.tui-editor-contents pre,
+.tui-editor-contents code {
+  font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕',
+    'Malgun Gothic', sans-serif;
+  border: 0;
+  border-radius: 0;
+}
+
+.tui-editor-contents pre {
+  margin: 2px 0 8px;
+  padding: 18px;
+  background-color: #f5f7f8;
+}
+
+.tui-editor-contents code {
+  color: #c1788b;
+  padding: 4px 4px 2px 0;
+  letter-spacing: -0.3px;
+}
+
+.tui-editor-contents pre code {
+  padding: 0;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+}
+
+.tui-editor-contents pre.addon {
+  border: 1px solid #e8ebed;
+  background-color: #fff;
+}
+
+.tui-editor-contents img {
+  margin: 4px 0 10px;
+  box-sizing: border-box;
+  vertical-align: top;
+  max-width: 100%;
+}
+
+.tui-editor-contents table {
+  margin: 2px 0 14px;
+  color: #555;
+  width: auto;
+  border-collapse: collapse;
+  box-sizing: border-box;
+}
+
+.tui-editor-contents table th,
+.tui-editor-contents table td {
+  height: 32px;
+  padding: 5px 14px 5px 12px;
+}
+
+.tui-editor-contents table td {
+  border: 1px solid #eaeaea;
+}
+
+.tui-editor-contents table th {
+  border: 1px solid #72777b;
+  border-top: 0;
+  background-color: #7b8184;
+  font-weight: 300;
+  color: #fff;
+  padding-top: 6px;
+}
+
+.tui-editor-contents ul,
+.tui-editor-contents menu,
+.tui-editor-contents ol,
+.tui-editor-contents dir {
+  display: block;
+  list-style-type: disc;
+  padding-left: 17px;
+  margin: 6px 0 10px;
+  color: #555;
+}
+
+.tui-editor-contents ol {
+  list-style-type: decimal;
+}
+
+.tui-editor-contents ul ul,
+.tui-editor-contents ul ol,
+.tui-editor-contents ol ol,
+.tui-editor-contents ol ul {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.tui-editor-contents ul li,
+.tui-editor-contents ol li {
+  position: relative;
+}
+
+.tui-editor-contents ul p,
+ol p {
+  margin: 0;
+}
+
+.tui-editor-contents ul li.task-list-item:before,
+.tui-editor-contents ol li.task-list-item:before,
+.tui-editor-contents pre ul li:before {
+  content: '';
+}
+
+.tui-editor-contents hr {
+  border-top: 1px solid #eee;
+  margin: 16px 0;
+}
+
+.tui-editor-contents a {
+  text-decoration: underline;
+  color: #5286bc;
+}
+
+.tui-editor-contents a:hover {
+  color: #007cff;
+}
+
+.tui-editor-contents a.image-link {
+  position: relative;
+}
+
+.tui-editor-contents a.image-link::before {
+  content: '';
+  position: absolute;
+  margin: 0;
+  width: 20px;
+  height: 20px;
+  top: 2px;
+  right: 2px;
+  background-repeat: no-repeat;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAA/0lEQVQ4Ee2UIY6FQAyG/91wAQQJDg8SSwI3QIFAcQHuwFHQoOAEEFAELB6H4wIku+9vQgIP9zLyVbTTTufLtJ3MzzRNf1AoGlmu6ypBzvOMXyWkC+QLvDTjw6VM+Xr2OA6UZYmu67Dvu2zleX6zuq7D933EcQxNuyPu3usYYXVdw/M8mKYpIMMwxEZRJHbbNsmhkySJxE71APJmhGVZhnVdURQFlmU585GmKSzLEp+570Dlz+ZxQ/aGJVNYsm3bCIJA/LZtMY4jmqbBMAwIw1DiV/UAstEUltP3vawdxxFbVZVYDoWwM1eCp+LnoErIUt7DL/Ac1edWng1/WlXyD380myY5A34sAAAAAElFTkSuQmCC');
+  cursor: pointer;
+}
+
+.tui-editor-contents {
+  font-size: 13px;
+  margin: 0;
+  padding: 0;
+}
+
+.tui-editor-contents .task-list-item {
+  border: 0;
+  list-style: none;
+  padding-left: 22px;
+  margin-left: -22px;
+  min-height: 20px;
+}
+
+.tui-editor-contents .task-list-item:before {
+  background-repeat: no-repeat;
+  background-size: 16px 16px;
+  background-position: center;
+  content: '';
+  height: 18px;
+  width: 18px;
+  position: absolute;
+  left: 0;
+  top: 1px;
+  cursor: pointer;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAADdJREFUKBVjvHv37n8GMgALSI+SkhJJWu/du8fARJIOJMWjGpECA505GjjoIYLEB6dVUNojFQAA/1MJUFWet/4AAAAASUVORK5CYII=');
+}
+
+.tui-editor-contents .task-list-item.checked:before {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMpJREFUKBVjjJ/64D8DGYCJDD1gLbTVyM3OxJDiJMzAxcYIdyALnIWDAdJU7i/OICfCxsDMxMgwc88bwk5F1vTs/W+GFUffwY2H+1FBlI2hLliCQYCbGSyJrqlzwwuGj9//YWoMtRBgUBJnZ6gMEGeQFWaFOw9kE7omkG5GWDyCPF7mJ86gIMbO8P//fwZGRkYGXJpAGuFO/fbrP0PXppcMD179JKgJRSOIA9N8/NZXrM4DqYEBjOgAaYYFOUwRNhruVGyS+MTI1ggAx8NTGcUtFVQAAAAASUVORK5CYII=');
+}
+
+.tui-editor-contents .task-list-item input[type='checkbox'],
+.tui-editor-contents .task-list-item .task-list-item-checkbox {
+  margin-left: -17px;
+  margin-right: 3.8px;
+  margin-top: 3px;
+}
+
+.tui-editor-contents-placeholder:before {
+  content: attr(data-placeholder);
+  color: grey;
+  line-height: 160%;
+  position: absolute;
+}
+
+.tui-editor-contents .te-preview-highlight {
+  position: relative;
+  z-index: 0;
+}
+
+.tui-editor-contents .te-preview-highlight::after {
+  content: '';
+  background-color: rgba(255, 245, 131, 0.5);
+  border-radius: 4px;
+  z-index: -1;
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  left: -4px;
+  bottom: -4px;
+}
+
+.tui-editor-contents h1.te-preview-highlight::after,
+.tui-editor-contents h2.te-preview-highlight::after {
+  bottom: 0;
+}
+
+.tui-editor-contents td.te-preview-highlight::after,
+.tui-editor-contents th.te-preview-highlight::after {
+  display: none;
+}
+
+.tui-editor-contents th.te-preview-highlight,
+.tui-editor-contents td.te-preview-highlight {
+  background-color: rgba(255, 245, 131, 0.5);
+}
+
+.tui-editor-contents th.te-preview-highlight {
+  color: #222;
+}
+
+.te-md-container .CodeMirror {
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: #000;
+}
+
+.tui-md-heading1 {
+  font-size: 24px;
+}
+
+.tui-md-heading2 {
+  font-size: 22px;
+}
+
+.tui-md-heading3 {
+  font-size: 20px;
+}
+
+.tui-md-heading4 {
+  font-size: 18px;
+}
+
+.tui-md-heading5 {
+  font-size: 16px;
+}
+
+.tui-md-heading6 {
+  font-size: 14px;
+}
+
+.tui-md-strong,
+.tui-md-heading {
+  font-weight: bold;
+}
+
+.tui-md-emph {
+  font-style: italic;
+}
+
+.tui-md-strike {
+  text-decoration: line-through;
+}
+
+.tui-md-thematic-break {
+  color: #ccc;
+}
+
+.tui-md-link.tui-md-link-desc {
+  color: #00c;
+}
+
+.tui-md-link.tui-md-link-url {
+  color: #a11;
+}
+
+.tui-md-block-quote {
+  color: #090;
+}
+
+.tui-md-code,
+.tui-md-code-block {
+  color: #a50;
+}
+
+.tui-md-list-item.first {
+  color: #000;
+}
+
+.tui-md-list-item.second {
+  color: #085;
+}
+
+.tui-md-list-item.third {
+  color: #708;
+}
+
+.tui-md-list-item.tui-md-delimiter {
+  color: #555;
+}
+
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor-only.css b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor-only.css
new file mode 100644
index 0000000000..4d62f7c2c9
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor-only.css
@@ -0,0 +1,1433 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+@charset "utf-8";
+/* height */
+.auto-height,
+.auto-height .tui-editor-defaultUI {
+  height: auto;
+}
+
+.auto-height .tui-editor {
+  position: relative;
+}
+
+:not(.auto-height) > .tui-editor-defaultUI,
+:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section {
+  -ms-flex: 1;
+  flex: 1;
+}
+
+/* tui editor */
+.tui-editor:after,
+.tui-editor-defaultUI-toolbar:after {
+  content: '';
+  display: block;
+  height: 0;
+  clear: both;
+}
+
+.tui-editor {
+  position: absolute;
+  line-height: 1;
+  color: #222;
+  width: 100%;
+  height: inherit;
+}
+
+.te-editor-section {
+  min-height: 0px;
+  position: relative;
+  height: inherit;
+}
+
+.te-md-container {
+  display: none;
+  overflow: hidden;
+  height: 100%;
+}
+
+.te-md-container .te-editor {
+  line-height: 1.5;
+}
+
+.te-md-container .te-editor,
+.te-md-container .te-preview {
+  box-sizing: border-box;
+  padding: 0;
+  height: inherit;
+}
+
+.te-md-container .CodeMirror {
+  font-size: 13px;
+  height: inherit;
+}
+
+.te-md-container .te-preview {
+  overflow: auto;
+  padding: 0 25px;
+  height: 100%;
+}
+
+.te-md-container .te-preview > p:first-child {
+  margin-top: 0 !important;
+}
+
+.te-md-container .te-preview .tui-editor-contents {
+  padding-top: 8px;
+}
+
+.tui-editor .te-preview-style-tab > .te-editor,
+.tui-editor .te-preview-style-tab > .te-preview {
+  float: left;
+  width: 100%;
+  display: none;
+}
+
+.tui-editor .te-preview-style-tab > .te-tab-active {
+  display: block;
+}
+
+.tui-editor .te-preview-style-vertical > .te-tab-section {
+  display: none;
+}
+
+.tui-editor .te-preview-style-tab > .te-tab-section {
+  display: block;
+}
+
+.tui-editor .te-preview-style-vertical .te-editor {
+  float: left;
+  width: 50%;
+}
+
+.tui-editor .te-preview-style-vertical .te-preview {
+  float: left;
+  width: 50%;
+}
+
+.tui-editor .te-md-splitter {
+  display: none;
+  position: absolute;
+  left: 50%;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  border-left: 1px solid #e5e5e5;
+}
+
+.tui-editor .te-preview-style-vertical .te-md-splitter {
+  display: block;
+}
+
+.te-ww-container {
+  display: none;
+  overflow: hidden;
+  z-index: 10;
+  height: inherit;
+  background-color: #fff;
+}
+
+.te-ww-container > .te-editor {
+  overflow: auto;
+  height: inherit;
+}
+
+.te-ww-container .tui-editor-contents:focus {
+  outline: none;
+}
+
+.te-ww-container .tui-editor-contents {
+  padding: 0 25px;
+}
+
+.te-ww-container .tui-editor-contents:first-child {
+  box-sizing: border-box;
+  margin: 0px;
+  padding: 16px 25px 0px 25px;
+  height: inherit;
+}
+
+.te-ww-container .tui-editor-contents:last-child {
+  margin-bottom: 16px;
+}
+
+.te-md-mode .te-md-container {
+  display: block;
+  z-index: 100;
+}
+
+.te-ww-mode .te-ww-container {
+  display: block;
+  z-index: 100;
+}
+
+.tui-editor.te-hide,
+.tui-editor-defaultUI.te-hide {
+  display: none;
+}
+
+.tui-editor-defaultUI .CodeMirror-lines {
+  padding-top: 18px;
+  padding-bottom: 18px;
+}
+
+.tui-editor-defaultUI pre.CodeMirror-line {
+  padding-left: 25px;
+  padding-right: 25px;
+}
+
+.tui-editor-defaultUI .CodeMirror pre.CodeMirror-placeholder {
+  margin: 0;
+  padding-left: 25px;
+  color: grey;
+}
+
+.tui-editor-defaultUI .CodeMirror-scroll {
+  cursor: text;
+}
+
+/* Essential element style */
+.tui-editor-contents td.te-cell-selected {
+  background-color: #d8dfec;
+}
+.tui-editor-contents td.te-cell-selected::selection {
+  background-color: #d8dfec;
+}
+.tui-editor-contents th.te-cell-selected {
+  background-color: #908f8f;
+}
+.tui-editor-contents th.te-cell-selected::selection {
+  background-color: #908f8f;
+}
+
+/* default UI Styles */
+.tui-editor-defaultUI {
+  position: relative;
+  border: 1px solid #e5e5e5;
+  height: 100%;
+  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕',
+    'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;
+}
+
+.tui-editor-defaultUI button {
+  color: #fff;
+  padding: 0px 14px 0px 15px;
+  height: 28px;
+  font-size: 12px;
+  border: none;
+  cursor: pointer;
+  outline: none;
+}
+.tui-editor-defaultUI button.te-ok-button {
+  background-color: #4b96e6;
+}
+.tui-editor-defaultUI button.te-close-button {
+  background-color: #777;
+}
+
+.tui-editor-defaultUI-toolbar {
+  padding: 0 25px;
+  height: 31px;
+  background-color: #fff;
+  border: 0;
+  overflow: hidden;
+}
+
+.tui-toolbar-divider {
+  float: left;
+  display: inline-block;
+  width: 1px;
+  height: 14px;
+  background-color: #ddd;
+  margin: 9px 6px;
+}
+
+.tui-toolbar-button-group {
+  height: 28px;
+  border-right: 1px solid #d9d9d9;
+  float: left;
+}
+
+.te-toolbar-section {
+  height: 32px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.tui-editor-defaultUI-toolbar button {
+  float: left;
+  box-sizing: border-box;
+  outline: none;
+  cursor: pointer;
+  background-color: #fff;
+  width: 22px;
+  height: 22px;
+  padding: 3px;
+  border-radius: 0;
+  margin: 5px 3px;
+  border: 1px solid #fff;
+}
+
+.tui-editor-defaultUI-toolbar button:hover,
+.tui-editor-defaultUI-toolbar button:active,
+.tui-editor-defaultUI-toolbar button.active {
+  border: 1px solid #aaa;
+  background-color: #fff;
+}
+
+.tui-editor-defaultUI-toolbar button:first-child {
+  margin-left: 0;
+}
+
+.tui-editor-defaultUI-toolbar button:last-child {
+  margin-right: 0;
+}
+
+.tui-editor-defaultUI-toolbar button.tui-scrollsync {
+  width: auto;
+  color: #777777;
+  border: 0;
+}
+
+.tui-editor-defaultUI button.tui-scrollsync:after {
+  content: 'Scroll off';
+}
+
+.tui-editor-defaultUI button.tui-scrollsync.active {
+  color: #4b96e6;
+  font-weight: bold;
+}
+
+.tui-editor-defaultUI button.tui-scrollsync.active:after {
+  content: 'Scroll on';
+}
+
+.tui-editor-defaultUI .te-mode-switch-section {
+  background-color: #f9f9f9;
+  border-top: 1px solid #e5e5e5;
+  height: 20px;
+  font-size: 12px;
+}
+
+.tui-editor-defaultUI .te-mode-switch {
+  float: right;
+  height: 100%;
+}
+
+.tui-editor-defaultUI .te-switch-button {
+  width: 92px;
+  height: inherit;
+  background: #e5e5e5;
+  outline: 0;
+  color: #a0aabf;
+  cursor: pointer;
+  border: 0;
+  border-left: 1px solid #ddd;
+  border-right: 1px solid #ddd;
+}
+
+.tui-editor-defaultUI .te-switch-button.active {
+  background-color: #fff;
+  color: #000;
+}
+
+.tui-editor-defaultUI .te-markdown-tab-section {
+  float: left;
+  height: 31px;
+  background: #fff;
+}
+
+.te-markdown-tab-section .te-tab {
+  margin: 0 -7px 0 24px;
+  background: #fff;
+}
+
+.tui-editor-defaultUI .te-tab button {
+  box-sizing: border-box;
+  line-height: 100%;
+  position: relative;
+  cursor: pointer;
+  z-index: 1;
+  font-size: 13px;
+  background-color: #f9f9f9;
+  border: solid 1px #e5e5e5;
+  border-top: 0;
+  padding: 0 9px;
+  color: #777;
+  border-radius: 0;
+  outline: 0;
+}
+
+.te-markdown-tab-section .te-tab button:last-child {
+  margin-left: -1px;
+}
+
+.te-markdown-tab-section .te-tab button.te-tab-active,
+.te-markdown-tab-section .te-tab button:hover.te-tab-active {
+  background-color: #fff;
+  color: #333;
+  border-bottom: 1px solid #fff;
+  z-index: 2;
+}
+
+.te-markdown-tab-section .te-tab button:hover {
+  background-color: #fff;
+  color: #333;
+}
+
+.tui-popup-modal-background {
+  background-color: rgba(202, 202, 202, 0.6);
+  position: fixed;
+  margin: 0px;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+}
+
+.tui-popup-wrapper.fit-window,
+.tui-popup-modal-background.fit-window .tui-popup-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.tui-popup-wrapper {
+  width: 500px;
+  margin-right: auto;
+  border: 1px solid #cacaca;
+  background: white;
+  z-index: 9999;
+}
+
+.tui-popup-modal-background .tui-popup-wrapper {
+  position: absolute;
+  margin: auto;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+.tui-popup-header {
+  padding: 10px;
+  height: auto;
+  line-height: normal;
+  position: relative;
+  border-bottom: 1px solid #cacaca;
+}
+
+.tui-popup-header .tui-popup-header-buttons {
+  float: right;
+}
+
+.tui-popup-header .tui-popup-header-buttons button {
+  padding: 0px;
+  background-color: transparent;
+  background-size: cover;
+  float: left;
+}
+
+.tui-popup-header .tui-popup-close-button {
+  margin: 3px;
+  width: 13px;
+  height: 13px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMCAxMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5GMjc2Qzc4MC0zM0JBLTQ3MTItQTM3OC04RkQwQUNDOTFDRTk8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImxuYi1mb2xkZXItZGVsIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiM3Nzc3NzciPiAgICAgICAgICAgIDxwYXRoIGQ9Ik01LDMuNTg1Nzg2NDQgTDEuNzA3MTA2NzgsMC4yOTI4OTMyMTkgTDAuMjkyODkzMjE5LDEuNzA3MTA2NzggTDMuNTg1Nzg2NDQsNSBMMC4yOTI4OTMyMTksOC4yOTI4OTMyMiBMMS43MDcxMDY3OCw5LjcwNzEwNjc4IEw1LDYuNDE0MjEzNTYgTDguMjkyODkzMjIsOS43MDcxMDY3OCBMOS43MDcxMDY3OCw4LjI5Mjg5MzIyIEw2LjQxNDIxMzU2LDUgTDkuNzA3MTA2NzgsMS43MDcxMDY3OCBMOC4yOTI4OTMyMiwwLjI5Mjg5MzIxOSBMNSwzLjU4NTc4NjQ0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
+}
+
+.tui-popup-header .tui-popup-title {
+  font-size: 13px;
+  font-weight: bold;
+  color: #333;
+  vertical-align: bottom;
+}
+
+.tui-popup-body {
+  padding: 15px;
+  font-size: 12px;
+}
+
+.tui-editor-popup {
+  position: absolute;
+  top: 30px;
+  left: 50%;
+  margin-left: -250px;
+}
+
+.tui-editor-popup.tui-popup-modal-background {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  margin: 0px;
+}
+
+.tui-editor-popup .tui-popup-body label {
+  font-weight: bold;
+  color: #666;
+  display: block;
+  margin: 10px 0 5px;
+}
+
+.tui-editor-popup .tui-popup-body .te-button-section {
+  margin-top: 15px;
+}
+
+.tui-editor-popup .tui-popup-body input[type='text'],
+.tui-editor-popup .tui-popup-body input[type='file'] {
+  padding: 4px 10px;
+  border: 1px solid #bfbfbf;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.tui-editor-popup .tui-popup-body input[type='text'].disabled {
+  border-color: #e5e5e5;
+  background-color: #eee;
+  color: #e5e5e5;
+}
+
+.tui-editor-popup .tui-popup-body input.wrong {
+  border-color: #ff0000;
+}
+
+.te-popup-add-link .tui-popup-wrapper {
+  height: 219px;
+}
+
+.te-popup-add-image .tui-popup-wrapper {
+  height: 243px;
+}
+
+.te-popup-add-image .te-tab {
+  display: block;
+  background: none;
+  border-bottom: 1px solid #ebebeb;
+  margin-bottom: 8px;
+}
+
+.te-popup-add-image .te-url-type {
+  display: none;
+}
+
+.te-popup-add-image .te-file-type {
+  display: none;
+}
+
+.te-popup-add-image div.te-tab-active,
+.te-popup-add-image form.te-tab-active {
+  display: block;
+}
+
+.te-popup-add-image .te-tab button {
+  border: 1px solid #ccc;
+  background: #eee;
+  min-width: 100px;
+  margin-left: -1px;
+  border-bottom: 0px;
+  border-radius: 3px 3px 0px 0px;
+}
+
+.te-popup-add-image .te-tab button.te-tab-active {
+  background: #fff;
+}
+
+.te-popup-add-table .te-table-selection {
+  position: relative;
+}
+
+.te-popup-add-table .te-table-body {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZmspKREMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgAMSwQgckFvTgAAAABJRU5ErkJggg==');
+}
+
+.te-popup-add-table .te-table-header {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZksLCxMMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgDxKwPzTeWPdAAAAABJRU5ErkJggg==');
+}
+
+.te-popup-add-table .te-selection-area {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: #80d2ff;
+  opacity: 0.3;
+  z-index: 999;
+}
+
+.te-popup-add-table .te-description {
+  margin: 10px 0 0 0;
+  text-align: center;
+}
+
+.te-popup-table-utils {
+  width: auto;
+  min-width: 120px;
+}
+
+.te-popup-table-utils .tui-popup-body {
+  padding: 0px;
+}
+
+.te-popup-table-utils button {
+  display: block;
+  width: 100%;
+  background-color: #fff;
+  border: none;
+  outline: 0;
+  padding: 0px 10px 0px 10px;
+  font-size: 12px;
+  line-height: 28px;
+  text-align: left;
+  color: #777;
+}
+
+.te-popup-table-utils button:hover {
+  background-color: #f4f4f4;
+}
+
+.te-popup-table-utils hr {
+  margin: 0;
+  background-color: #cacaca;
+  border-style: none;
+  height: 1px;
+}
+
+.te-popup-table-utils .te-context-menu-disabled {
+  color: #ccc;
+}
+
+.te-popup-table-utils .te-context-menu-disabled:hover {
+  background-color: #fff;
+}
+
+.te-heading-add {
+  width: auto;
+}
+
+.te-heading-add .tui-popup-body {
+  padding: 0;
+}
+
+.te-heading-add h1,
+.te-heading-add h2,
+.te-heading-add h3,
+.te-heading-add h4,
+.te-heading-add h5,
+.te-heading-add h6,
+.te-heading-add ul,
+.te-heading-add p {
+  padding: 0;
+  margin: 0;
+}
+
+.te-heading-add ul {
+  list-style: none;
+}
+
+.te-heading-add ul li {
+  padding: 2px 10px;
+  cursor: pointer;
+}
+
+.te-heading-add ul li:hover {
+  background-color: #eee;
+}
+
+.te-heading-add h1 {
+  font-size: 24px;
+}
+
+.te-heading-add h2 {
+  font-size: 22px;
+}
+
+.te-heading-add h3 {
+  font-size: 20px;
+}
+
+.te-heading-add h4 {
+  font-size: 18px;
+}
+
+.te-heading-add h5 {
+  font-size: 16px;
+}
+
+.te-heading-add h6 {
+  font-size: 14px;
+}
+
+.te-dropdown-toolbar {
+  position: absolute;
+  width: auto;
+}
+
+.te-dropdown-toolbar .tui-popup-body {
+  padding: 0px;
+}
+
+.tui-popup-color {
+  padding: 0;
+}
+
+.tui-popup-color .tui-colorpicker-container,
+.tui-popup-color .tui-colorpicker-palette-container {
+  width: 144px;
+}
+
+.tui-popup-color .tui-colorpicker-container ul {
+  width: 144px;
+  margin-bottom: 8px;
+}
+
+.tui-popup-color .tui-colorpicker-container li {
+  padding: 0 1px 1px 0;
+}
+
+.tui-popup-color .tui-colorpicker-container li .tui-colorpicker-palette-button {
+  border: 0;
+  width: 17px;
+  height: 17px;
+}
+
+.tui-popup-color .tui-popup-body {
+  padding: 10px;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-toggle-slider {
+  display: none;
+}
+
+.tui-popup-color .te-apply-button,
+.tui-popup-color .tui-colorpicker-palette-hex {
+  float: right;
+}
+
+.tui-popup-color .te-apply-button {
+  height: 21px;
+  width: 35px;
+  background: #fff;
+  border: 1px solid #efefef;
+  position: absolute;
+  bottom: 135px;
+  right: 10px;
+  color: black;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-hex {
+  border: 1px solid #e1e1e1;
+  padding: 3px 14px;
+  margin-left: -1px;
+}
+
+.tui-popup-color .tui-colorpicker-container div.tui-colorpicker-clearfix {
+  display: inline-block;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-preview {
+  width: 19px;
+  height: 19px;
+}
+
+.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-slider-right {
+  width: 22px;
+}
+
+.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-huebar-handle {
+  display: none;
+}
+
+.tui-tooltip {
+  position: absolute;
+  background-color: #222;
+  z-index: 999;
+  opacity: 0.8;
+  color: #fff;
+  padding: 2px 5px;
+  font-size: 10px;
+}
+
+.tui-tooltip .arrow {
+  content: '';
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  background-color: #222;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+  position: absolute;
+  top: -3px;
+  left: 6px;
+  z-index: -1;
+}
+
+.tui-toolbar-icons {
+  background: url(data:image/png;base64,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);
+  background-size: 218px 188px;
+  display: inline-block;
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2),
+  only screen and (min--moz-device-pixel-ratio: 2),
+  only screen and (-o-min-device-pixel-ratio: 2/1),
+  only screen and (min-device-pixel-ratio: 2),
+  only screen and (min-resolution: 192dpi),
+  only screen and (min-resolution: 2dppx) {
+  .tui-toolbar-icons {
+    background: url(data:image/png;base64,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Xqz8qBcJkED0BGIbcoxe1QtDor4qT80zFpNh01flYWg2e1Fo2C6Me5NnSQLFToAeWpFfITFmxbrCUdCJMeMKxyK/iageCZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACQQgkA5QNlTRRYsWZbwEbNu2LTFdnPSAftc6pas06PesihdTmIurXdekOefi6qBfpJyD8rHrk+s4LM+gfHLpY8+P+r6Ngmc6nf7q1q1b6+26RnEcBc/S0tLmLVu2HI5Cn6Ay7Hxz3V9BywfVx17ezjfX/RW0vL29oMclQSuwPAmQAAnkS0A3ZrW1tR9Gh1ebr6w46unGrK6ubiz0GxdHO5QZD4HEDJo8aeBmmWk7jf2SnuspxFYnlkN50pg8efJLNuHdki67LZ2HJEACAQnYjVl/f/+PIeLxYjFqdmPW0dExC/rNpFELeKELWDwxgybn2NfXt1A/V9zg2/XjQsePHz8+StcBN/gZ/ZhxEiCB/Ai4GLMKSCvFXnCj5mTMYHDVNAiNWn6XPfFaZUm2iJt6YSZzfioN8e1Jtp+rLegzUi8Dfdv14yTiixcvbhw7duxdDQ0Nb/ppL2nvdsmSJZfMmzfvQH19fb9P/Qrq3SbNxw8Tvcxg9/6D8pVhRsMzE2OmthJslodJlRE2DMpXhhnFM9OMWVaFsrKyRB/+w573hVo/0YsEg7FQB42nou36caHj8CAtP6qamprEPTQwuq21tfX3GOa4vNA8nNoHo/G7d++eD/2qnPKZRgJuBFyMWQbGbHVTU9NDbvWSSvcwZvs3b958PCk92E7+BBIzaPJkDzVnaKrux0qi17XjgkbXrFkzDAroT43da9eu7SqQUmLMxKjVFah9z2Z7e3sr8TAyb+nSpTWeBZl5wRGQewKjDP/bfuLFYswwslAmhsuuH42ZncjgPE7MoHH+LPANMhw1HpUhyNWrV0u8qDZczxIYthnyoIJOIrH7qKggUBkLATFmuCf+E4k/xsPYCpVZTMZsx44dc86ePXvpypUrxyv9aMwUicEfJjaHxvmz/G4WYwjyOnQQizAf8LJdCpLPT0raMx2Og855OIiwJBlDkCOgx17I7rBk4gDpnu/32csHnfOw1w96HJSfXX7UPO3yg/Kz10+Kp2bMrsQ9m8LvvRG6pzCc2OowZ5b4MKN4ZmLMwCc7VI55sktg1ES/Ppc5s6IYZgx7f9rvh6iPw96fUeuT2JM1589CXToOQYbCx8pxE8CDzbUwYvNVO/i9l4hRKwZjJjrBmI2A8apU+kkoRq2YjZmuK+P+CCRi0Dh/5u9i5CqFDiKQN5ZLXtT55eXlRa1f1OdLeecJ4Msfv4ARq8U92qNSxaghrs9LO3pmGFavV3XiCuGpnsK87z4YNcs96rCacYBnhv5ralx6UW60BBIxaJw/C33RZKjxOnQaj4WWFIMALGnuxDXetX79+hMxiKfIQUIARuMJu1HTVHc1Zqhzr1YutuimTZtanYyaahD3saMxw709RZVhWNwEEplDw1Mb3z/L8z4Au8e83kuLew4nl9roIE7MnTvX9b20pOZwcunpll9ofm56qfRi56f0VCH0fQLzKrIg5HHs8tJ0doNn9En70nzxzJIyZkoPMWrQT16Ytny1qLKy8uCGDRssS/PFMyu0Mct1fxZ6ji3X/Zn0HFsiBg037UJ1Q0mITnC7flzoOG7agr9/5sDgTRizu4rVK8M17K+oqDhAr8zhyl3gSejkmtCRCYWsUYMx+wSM2TodSyGMmWof+p009MsaNcOYHVX5EhaDMdP1YdwfgdiHHDl/5u9C2EpxiNEGhIeDi4AYNWi83MmYyZkk7ZnZ6YlRQ9o+J2MmZQvtmdn15bE/ArF7aLgxFuqqwOvYrh8XOl5s32/MNcRYaF65hhgLrR/bLx4ChlErHoVsmhhGzZbKw8FMIHaDhg6a82cB7hAMMdYFKC7veVlWbeWqix+xzB/kvQX9ukvQMXTo92zeyjlUDMrHQYRnUlieQfl4KuOQGTVPexNx87W3F/Q4br5B9WH5eAnEPuTI+bN4LyClkwAJkAAJnCMQm4fm9uSGIch9yEuFfbINewHdntxaWlquMPSL1FMIqy/rkwAJkAAJeBOI3UPzbp65JEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJFC8BNJRq7Zo0aKMLnPbtm2ebQQtr8vOJ472rtXrQb9n9WN7PGh5e/24j+38crWX63rkqh80384vV/1c1yNXfXt+UD72+rmOw/IMyieXPvb8qHkq+dB7TDqdvgPHtZlMZrak4/gVBE04fgjtnpI0tfm4Ds2ov728vPwLjz/++CFVL98Q7ZWWlZXV9Pf3j8M+TOSUlJR0YT/Z29t7HPr16bJzXQfI6oF+7T09PYdQt1uvG1fc0Om/bfLf5nRNX5xytaXftdVJvaX5j579sL28n+MVK1aM6OzsnKeXrays3LVhw4azeprEd065xtLv2vPnN//Bsx+2l3c7LnHLYDoJkAAJOBFYvHjxDUh/CYbrO9ivQ3ys7BKXNMkzyiDqe5uCuku7u7ufX758+TTftRwKrlq1ahQM0AIYrmkwZsNRpFR2iUua5EkZh6quSahXDmNWjQKXw9BUuBaMMAMG9E67OKc0e5mkjvv6+mrsbTml2cvEeUyDFiddyiaBIUYAnfn7YXh+jtPyMjrTpMySJUv+Zx6nPw6G4+/yqJetAmM4+uzZs7PFALnJkDwpI2Xdynikl8KL9Dp3j6r+s8B5pBh4ew1Jkzx7etLH0EEeEMbZ25U0ybOnJ3VMg5YUabZDAoOcwK233joFHkITTiM7hOd1Oij3Mzytv+BVxiPvfR55rlmrV68uh4c3C51qzuG10tLSthEjRnS4CvPIgFFJwqAsgwrZdsDy97IbKkma5BV6G4frm7UfGMZ9U3ZRyEgbYOiSUrYsqYbYTjgC+LEOb2trW7d169Y6XRLG03P+ePXyccXr6+tLdu3aNX3Lli2v6204jffr+XHHi4WP23kWmo+bXk7pMBb3ozOXYTd9a0Rn9nUM4x1D/v9Ax3sP9n9oamrapheyx+3XBU/15hwQ2phqL+/nuL29/WKUs3gHMFwnJkyY0NzS0tKLvJHQU4zykU2bNrV6ybRfF+hnzgF5eX9eMoPkQcc7wSFbBfHvSwTHMrwrc5UyFNkg8UJtuOYyP5ltHvFjEsHxDAklD0E2TY6T3GjQkqSdZ1v4MV3e2toqHcTl2OvyFBNbNehXtXv37ll4OqtEI6/H1hAFF4zAsmXLZmAocJGuADrW7+IB624t7V8Qlz3xbc2aNcNgtCzGtqKi4ohtgYksVJG9qDcxnjBe14iSYNwKQ7HFiH8X6dWSJ2XsRjepkzIWg8jcpGx9c+fOPSmRHTt2yFBsdq5SyjgtDpFycW4ccoyTbgSycePWQczvsYsxK7pt6dKlNXgKnoenVjFm3IYoAVzfJTg13fs5MHbs2HviOF104oeDyrUbM9Tv3rhx4xtB5fgpDy+vx0+5EGVWa3UbYbg6ZEdao5aul9GS44/iwdVcDCIeMEZn+mWXuGpdL6PSkghp0JKgnEcbMsSIlWKNqPoodvU0lIekeKrIECMm/S9BRzfDGDePpyFKLQoC8AoW2hS5v6GhIZaOHW1tt7WV8xALNSyrFmF0jsIwmsOYOQUEKIB7/kyA4oGK4gFWnyPL4Bz+SQkw4uqclhllVXYiIdq0LAbBMn1zaFGPw6ssyOKQOIYcxaUfkyfdJIYD5P0T/UkziKqWd1eCVAxSFjeNPsToWRVl1Q3uWU5l4kkv9Jwb2tSHGJVoxxBlzbkHxwK2xKiHUYLysamT8zAsz6B8cipkKxAhT8sIAZ7G/8vWVKBDj+siT/lfCCQMhTEcahkhgEFrDypDL+9xXaQPiMXzM9rXF4P8J+Yi9yi9JI6H3P+Ewb8JacrwZefS4njPTLVrC/XFIGcaGxs7Vb7Ea2trz8CYjTIecmVxSNbgRfWemWrLLYzDQ9uvN4YbI7tSR09TcYc8S11VLuKwW5cHHVyNm0Oepa4uJ6o42qyDLA4xRgWUcqIiYA4ziUB0WPISdZSbvFi9GfNeV8EIBzYYMLCWh/NLL720K0rlZJgRXqAsJHkZ+sXZD5hDieCRXQyin4ctzSyrl4kzbiz4yDYB5qZ3ptrU0/SyKj/u0HITRNEYgO/HE8SVShZOairie9SxHkoerLmZJHXNg/gicjNWKfFYuluOuKPnJXl4X0UVlTDOGznbDhgAXyCnS9cv9jh+1BmsZou9HTZAAhcaATzMymiGOaKBvvHHSLNg0PtLKSt1IvTCLW3ZD2yLQcQrnmXXD2lmNeg6POnFIXF4aC+aZ4QIOuf36cd63CHPUlcvG2Hc8u4JDJZl7F1vxyHPUlcvG1Ucq8Yeg6zrsL8clcwo5axfv/4Ens534YnVHGqIUj5lFS2B47pmeBKfrR9HEA/1pRDck7Is39xee+21nO/KmYV9RDBvlsSXQvLxuPKp4+OMBxYBY4uXPrDEwJR86gyU4j8lcg8NHV0jrPQXoUJ2KA9G69Ow0pvsSzgNa/9pTdU+lH1UO44lCq/rBAzVZCUc+k7EU8ZJPOVYvDSkybfgJuJGVkVTUtc8iDECXV7GopDr5L0zMLnNqymUTXvlx5GHNjuwKGSnvHeGG3a8Vxso+6xXftx5heAT5JwKzSeArvKANV2Vx3V/B+LPqOOgof264PemhiXUl0KWBZGJkYNO9DsVqg5+tzLVYRleUXl+Qvt1gX7Kc1JfCtnrR47fMpCv5sT8VlHlZHHI56BvqDlDJcwtRBuWxSBu5ezp8NJkcYh8/9LSv9rLRXUcuUHDC4uvYOLyb9ERf8VQ8vKurq7fYLLwHpzcHyUNQ41XI+2biJoTzRhq+1t4J68adWILZOISq/Oa8YOcIo3gxpfJ5LmA/kZ1dfWbkoZ3vmRV4UVGniSl8ETarE+AZhNj/IMVZKJLHVg+DZbrEC+qlY6yTBc6vb5y5cozGIIUwxaHtx8jYYoOQgC/z+24Dz+o1fksHrrWxbTS0XVUR2vfEoUxO4ME81NW+O1OhL6xrHSEXNd1ARalgh2IAc/KBesfoy/8mFd19As/gh4fNepI3Qav8hHk6YtB2rBA5TUvmejvL0V/P9boF8zFIV51osiLpRPCyd6Li/JVKJh1bwD+rTi5f8Vxs+wSlzTjBHqlrNQxjmMPNm/e3CwGSmtI5tQugyG7UnaJYzfn2aSs1NHKJxblEGRiqNmQBwGMVmxBtv6UPR0jCPJQGvmGvmFqUKGTJ0+WBRv6VoFPdV2kJ0QVh7GUefeoN3PoEA/8AxaD2BuzlTHr2stFdYz2zOFG3AsDFoPY29HL6HXt5aI+jsWgwUBl0BHXyzg74l+H0v8Xu6xi6pTdiP9K8qSMlEVcDTlEfY4D5Elb+ETTYfwIXkJmC/Z2XIAegM/ILnFJkzwpI2WT1A/tWja46y/De7wOOsj8WtFt0K8DXwvYiWuZyJBs0QG4ABTCyMt+3H/b9FOF4fkcRjYeladx+dAvvIZbsP8ax9aVDHqlmOJr167tMlYhmi1g5GCSvCspXxGRITPsY/AhgHn46km1WagIItBLhjOzQ5pgvAcPz0/lUkvKSFmjXHZxSK46+ebL9BCckOwIEfrHLrywLt6w5yZlpKwUkroiw7NCRJmRDznqehnf9VNDj3pWUcTlRwBFAi8RLoTyagjS3jZ+DIEeBGB8YplzU0OQDvplf6j2dLdj6BfpnFtQPm56uaWH5Wl0Zm7iQ6dHyRNL6j8LI/EnMGS6QahDh1Wnr3xF/rth2LYh/ATad3ya97ou6KgP53PiI0eOPIgRFhl2NF/FwZDXeHxFZLySB+9KorNg1FqlvNuQqdd1MR54lcgoQtPDwrl/H3vO37SUwYPD98H4e4YCIuPOKJSxywBD0zuDkTrmVz88PBzDvTFN5Bky8p7TtOvkdhyLh+bWGNNJgAQGLwE8dTejA63FGeR8xwvl/hQeu/n6TpCzRt3tQcqrsmKcYHT3yiiLSnML0cGOxeIwc1rBrZxTOoxiTg/FqZ5TGgynvhikA8x8j8IYZdXK61i+HAL9zMUgwhUjMb5HYaSsuhYwbIl8OSQyD83ricvpQuZKC/vka5fv9cRlL+vnOMonXz/tsQwJFAMB3PdPwvu6GUZnPfTJPn076HUIT/ErMULztENeriTpML+Qq5BbPj5GfBr/vPOVjo6OmW5zXeJhVVVV7XvkkUfyMUwyjxjlqI4s6FCLQbbk+i8A+nlLWVyLLbgWtxsyRFaDXiaCuLkYBNf0JEZisi6uH7lSFkO+J1F2PB4gxHmKfXEIPTQ/V4ZlSIAETAKY8xZDdQU6uLux/x7xNtkljv3zkmeUQdT3FupLIXorYqhgzHbAcB2ChyCrhcUI9RnxNyQvqDETIxjTl0LM4UboJ6uZA222OqasQEI8CkO+OdyI83ccPvaontLr6LK86jCPBEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABCIhkI5EiiZk0aJFGe0wtW3btsjb0OUHjUO/a/U60O9Z/ZhxEiABEiCBwUmgZHCqTa1JgARIgARIwEqABs3Kg0ckQAIkQAKDlEDew4H2ocWg5x/3UKR9aDEP/TgUGRRaEZYPe5/mOqWw93HY+9SHfgW9j5csWXJJX1/fPkPP/eB1SS6dk8xfs2bNsJaWliuMNruh34tJts+2oiVADy1anpRGAiSgEYAxW6gO0+n0dhUvlvD48eOjlC6lpaVnVJzh4CRAgzY4rxu1JoGCE1i8eHG97F6KwIgtVPmZTGa7ikvop75ePmgc3uFU2b3qQaeRKh+6tqu4hH7q6+UZLzyBsnxV0IdaMGxSumDBgkx9fX2/XR7yfoC01Ub6najXYC8TxzHaMYdacNNmh1Zxw1pWYEq7y5Ytm9HT01Nj6HAA9Y7FoQ9lksBQIiDGCL+re+WcEE9t3bq13un8UGahSocHtF3F/dZX5YOGYozgHU6ReointmzZcthJBsqYHlpNTY3pofmt7ySTaYUjkLdB01WGoXhgx44d02C8lsMgWJ5ykDcbN7UqvltFkgzx47kY7VVAv33Qr09vGzf0MHU8atSoThVnODQJ4Po7zhvj3jBvUjlzv+WipoR2zQcxXTb08/W6ib2cLiOquG6MDJlfXrp06ZbNmzfv0tuAUZD5sxlG2n4YldcljrLzkP5lIz0lhtHLKKpyfkPdGEkdyJ9cV1d3srGx0fL7NubPKgy53WvXru2SOMpWdnR0TDbSU9B1ipdRVOUYFp5A6CHH2trau3DD3IVT+VPsvxGPRz8t5M1Rx2VlZZYbXqXHGa5YsWIi5E/APgb7XLmJ9fZKSkoq1TH0s9zwKp0hCZDAOQJ2Y4YH1h78xmvtxkxKwxAsPFcrlUK57SouZaWO1FVpOBajVq+O8w3txgy/7ww8w312Yyby3ebPpKzUkbpKD8OoeQ5fqrIMC0cgtIeGG/EiTf0rMXz3/+Gm+giexn6Lp8WrkKfy23AjH1Fljbw/qmMJcQNd1dTU9LyeFjbe2dlZrsmoOnr06Dy0/RqehNtXr149vLW1VeX3NTQ0mD8wI2++VjdVXV29E2Xe1NMYJ4ELhYCbMcNv6QknBjBYC9E/ZLMQbtfLSB38DsWoNSEv+xtEGMpTczNmmzZtatXbVnG05zp/JnXwcC5FZ/b392e9enpqilzxhqE9NIyd/xUM0W04xay7jnAiLvxT8NxWIv5xdeq4cX+q4kZYZztO4ca53Z4W9hg/nDeqqqpeV09baKMM8TkrV64cD2Om5s5SeCJr09s6ffr0eP1Y4k5p9jI8JoGhSCCoMRMGMBgLFQt9/kyliVFDmUg8taDGTHRAP+U4f6b0E6NGT03RGByh43xCPqrjhnoXbhB5UpMhPrV1I5Ido8aNcQ28tqxHBu+nHMbkDeTJUKC+HYMXdJHuKemZYeJ4GhwJQ3apGDQlR4ycevrSvS/8yNI4nyv1slIH5XtxDi/AOJtDEUpWVCH0jE226IhOJNQ1h36WuZyozlvJgX6Oc0gqP2hInuF55mPM8PuR+bN9xvXyfP8M1+gjuqcmdXD8VbeFJvZ7IB9jFuT9M3hq1TgX01OT9tGfNaMvcFxoYtfPzzEcgJvR3zRIWfQzqzFS9XO9Xth8XVY+cVyjMZiSmSF1e3t75Xqe0uWEzddlhYmH9tBU4zLEWF5e/nYcv6DSEKoJ118rYyZ5bW1tH0KgjJkYuayhkzQjD9FoN1yA9okTJ8ocXoeSrIwZjtv1ocTbb799jGbMpHy2jqRJnqrPkASGOoF8jJkwgQFYqNjAOG1XcacQv828PbV8jJno4DZ/5qRfEp6aYcymof1pRtyiSth8i7A8DsSYwZCVy64Mmy4mbL4uK0w8MoMmSuDC78eTy58halnpiONx+mIReEB1SFPbI4jIrrbbVCTqUFYxTZ48+TXoaHm9ABejTF8scvbsWXMosrKy8rjsShesfhowFKnyGJIACZwjACO2ULHA7327iruF8EpCjRy4yXVLh06u82dudZhe/AQiM2hYTTgCbudf4kniv3Da5s1iILjcWCzyLpSZgJv9FiO9C17d47LjWM3BfUjKGPmRBZBZiuXCk2RRCJ4eLeeNp45KY7HISBkOxY9rtDSMMHPppZeelF3ihjJjpExkilEQCRQxARn2k+E/pSIMQTmOm/B7+ohKcwpRbqFKxwPkdhV3CkUWym8R2Spf2vQz5CjDfjL8p+qh/0nL8KAME6o0pxBlPOfP9DpJDDmif1mNNg/JbsR1FbLDkGHyLcLyOJBhRjz398gucbuIsPl2efkeh34qwpDEt3EjvhUKvBe7uSQeN6R4QZuQt0hLF6P1H9hlyFHGybfgpl0qccjZjLJLJI7t0xiG+Idz0XB/ly9fPg2wh0PKSLnZbdLEUFWrdDFaiJ9GmeywIgxtK7zOvVIHN/UsGOXsjwQX9ZC+YtMmk4dFRACdpXoQyWqF+8p+D2TToy7nFwHatcxJQj/HOcSoy/nVT5ULMvSY5PyZ0i/I0GOxzZ+pc2AYnoDFU8lHHIzQ3aj3fuymMUNcnjRugrFagaenGxE/il02KZM1ZtmjVOphI5RAj9dp6aGi3d3dk2CkRimjJcLkKQMvUe9B57EP6XtgyHol3ShjzpHB4JpDjXocBpLDjgKM2wVDIIin5nf+DEY61GIQHX4QT83v/FkSnpl+DoyHJxDaoNlU2IGO/y9HjBgxGz+ApyXPZbFIthqM4ZPyZCy7xDVZVyFN3mGLdIMh68R82MG5c+e+9Mgjj5wR4TBqAxaLqEZhDGdDj2tll7hKR1gl76lpx4ySwJAn4NeooQ9YqGDgd71dxfUQv6nIjJmS69eoQSdzSgS62uf7s+JozBTVwRWGNmi4Ib6EU16O4bk5MA5X4KZ/wP5WviwWQZl3Y3/OLx7IjWpxyBtocx+M7A4ME+7YsGHDUfs3J41P3uxGOXMFZC49+U5aLkLMH4oE3IyafM5KnS8MxkIVd5o/wxL0+fh9my9US1kc+5ozU3LdQjejJp+zUnVyzZ/B2FbJPJw+qiPzdCJbyWBYnAQc5xPiUNXj3TO35mJ7J82pQfwIHd89cyoraTJMiRs81nfS3Npmun8C6Jwsc2j+a/oriYe4UL8h8f79tZRfKejnOCeXn7TztfQ5Nd0Y+Z0/c6t/voVwMX1OTTdGfufP3OqH04q14yZgvmQcd0O2d8+exA/tA05t4gf+70iXOTn1Tto/O5WLOk1/9wzG6gxebNzj1AaeLufgyU3m5NQ7aZYvjDjVYRoJDDUC4qnBKGVPS+Lq/PzOn7nVV3LChuJNwShlxeield/5M7f6YfVi/XgJJGbQ4AHVqVOBwXhExe2h5MFYiEGTT+fUIUjEoOnvnqF9czGI6KFvRl52ya9RhwZNB8T4BUNAN2TqpOGtuX6/UZVRoVN9lRdFqBsyJQ99Ss75M1XWqb7KY1icBELPofk5LXhd5rtnuOFb8cWOJ9zqSZ6UkXyEt0hdt7JRpevvnkFmH/63m6uRMvL6pG0Y39F8Jy2qq0A5Q4EADMZCdR5O82cqr1BhrvmzQunFdqMhEGr8368KGKb7NDyb7xnl/xHDjWu86sKIrUX+J6UMjMZnMPz3917lw+bJC9dYij/NkHMM+h3wkgn9piM/a2j5TpoXKeaRAAmQQHIEEvHQ9OFGPLW5Djeq09bL6HVVftSh/l4ZPlLsOtyo2tXL6HVVPkMSIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESGKwE0oNV8aGq92uvvZaJ89wuvfTSUNd8//7918ap34wZM56NUz5lkwAJDF0CJUP31HhmJEACJEACFxIBGrQL6WrzXEmABEhgCBOgQRvCF5enRgIkQAIXEoGyOE520aJFEyD389jfg33Otm3barzaCVreS5afvNWrV5efPXt2Un9//8je3t5K6PecV72g5b1kRZF3+PDh1AMPPGAR9alPfSo1depUS1qhDg4cOOCo3/Tp0wulEtslARK4AAhEbtBqa2v/DIZiI9iN9MMvaHk/Mr3K1NXVjT19+vTMvr4+X95p0PJebUeV9+yzA9dNSFqxGLQ//OEPA05V0mjQBmBhAgmQQIQEIjVoixcvfi+M2VboVyE6ptPpdRUVFV930zdoeTc5ftNXrVo1Cp7ZLOioVvodq66ubnarH7S8m5wo02GIU889N9ChlLRbbrklVVpaGmVzgWX19PSkXnzxxQH1JO1DH/pQqry8fEAeE0iABLwJjFtx2HP188kNU1Wf5i0oZG4uPQaKT+8vSaV/MnbspHteXZvuGpgfbUpkBg3DhtKTPog9a8wQ/rapqemTMGqOFyJo+bCnnclk0suWLZuujFlZWdnZTZs2HXTTL2j5sPr5rb9r164UjHK2uPLIZAhS0iRvwYIFfkXFUk50OHXqVFa28shkCFLSJO8tb3lLLO1GJbS+vn6iyEJ4NCqZUcr5wQ9+kH0iuPPOO3uilEtZJBAPgcyM/lTmMydP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VSp27NgxTQnDMOHxMWPG7JIhQ5WmhximPIrjl5E/wDhDRzHI+6L8yr5qW7fqKo0hCZAACZBATATgVaXx+ag/QPxVWhP3whB9TR3Da6tAx38zvJp3I03iexD+BwyehPLVEFl08Uns02F85MXm38HA/Ezm4yQ/is3QU96Py3qQIhOGqhlf+zeNqXhtr7/+unx8eCSGJtNY/NGFMqcbGxuzhk7OA9tEyKrAufSgzFn8r7Y2mY+LQke7DBo0OxEekwAJkEDMBLCwYjbmop5BR69/eeNHMAir8RmpwC9Ew3B8ECr/GkaxPUrVjU9dzYNM8zNWMK5t8+fP3w+jZA59+m0TespnsdqhZ2QvU+ttm0rqiYyTAAmQAAnER+DFF188CU/lWXhWS9GK6ocvhxdzB9JHX3nllbteeuml7Ff43bQQD2r37t0LYVxkwUg9ZHVgWPBXbuXzSX/uued6r7766jfR1jhpT2QgrDx27NgE6FmKvevll1/2NE5S7+DBg6Og5wyc3xSsiOx/4YUXIjW86tzooSkSDEmABEggYQIYenwvOvxtaHaiQ9MvI+3XMFSHUOY4PCMZpqtCXIzLfKRfj/BirV4b3hObieE+c4Wilhcqavwjz1kwSOZ7bkqgzKNBl3bo143VjlmvDWkl0K0UexXSR8AbLVflEfbBEL6Uj4enyXCM0qA5YmEiCZAACSRDAP8j7WIYCvmnnjeFbHEf5q8+ijmuP4aU41hd5sNgnC6BrpbVio6FvRO78f7da1HO96nmaNAUCYYkQAIkUEAC8NZugFGThSHvCaIGvKPnUe8HMBIPyftsQermU1a8NXwJZCrqmv9ixqcc+Wr/Mby6cBw66++x+ayeuxgNWm5GLEECJEACiRFYvnz5NAzRfRBG6gPYZ6JhGY6cYChwCsbgOOIvYn8WHtm/RfmlDaMNX4F4bBhaHA19RmP14jAZjoQHp4YW+xDvRV4HzuEszuc0FoKY/4bGVwMsRAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAKDgMD/D2WyCk5hENCOAAAAAElFTkSuQmCC);
+    background-size: 218px 188px;
+    display: inline-block;
+  }
+}
+
+.tui-toolbar-icons.tui-heading {
+  background-position: -172px -48px;
+}
+
+.tui-toolbar-icons.tui-heading:disabled {
+  background-position: -193px -48px;
+}
+
+.tui-toolbar-icons.tui-bold {
+  background-position: -4px -4px;
+}
+
+.tui-toolbar-icons.tui-bold:disabled {
+  background-position: -25px -4px;
+}
+
+.tui-toolbar-icons.tui-italic {
+  background-position: -4px -48px;
+}
+
+.tui-toolbar-icons.tui-italic:disabled {
+  background-position: -25px -48px;
+}
+
+.tui-toolbar-icons.tui-color {
+  background-position: -172px -70px;
+}
+
+.tui-toolbar-icons.tui-color:disabled {
+  background-position: -193px -70px;
+}
+
+.tui-toolbar-icons.tui-strike {
+  background-position: -4px -26px;
+}
+
+.tui-toolbar-icons.tui-strike:disabled {
+  background-position: -25px -26px;
+}
+
+.tui-toolbar-icons.tui-hrline {
+  background-position: -46px -92px;
+}
+
+.tui-toolbar-icons.tui-hrline:disabled {
+  background-position: -67px -92px;
+}
+
+.tui-toolbar-icons.tui-quote {
+  background-position: -4px -114px;
+}
+
+.tui-toolbar-icons.tui-quote:disabled {
+  background-position: -25px -114px;
+}
+
+.tui-toolbar-icons.tui-ul {
+  background-position: -46px -4px;
+}
+
+.tui-toolbar-icons.tui-ul:disabled {
+  background-position: -67px -4px;
+}
+
+.tui-toolbar-icons.tui-ol {
+  background-position: -46px -26px;
+}
+
+.tui-toolbar-icons.tui-ol:disabled {
+  background-position: -67px -26px;
+}
+
+.tui-toolbar-icons.tui-task {
+  background-position: -130px -48px;
+}
+
+.tui-toolbar-icons.tui-task:disabled {
+  background-position: -151px -48px;
+}
+
+.tui-toolbar-icons.tui-indent {
+  background-position: -46px -48px;
+}
+
+.tui-toolbar-icons.tui-indent:disabled {
+  background-position: -67px -48px;
+}
+
+.tui-toolbar-icons.tui-outdent {
+  background-position: -46px -70px;
+}
+
+.tui-toolbar-icons.tui-outdent:disabled {
+  background-position: -67px -70px;
+}
+
+.tui-toolbar-icons.tui-table {
+  background-position: -88px -92px;
+}
+
+.tui-toolbar-icons.tui-table:disabled {
+  background-position: -109px -92px;
+}
+
+.tui-toolbar-icons.tui-image {
+  background-position: -130px -4px;
+}
+
+.tui-toolbar-icons.tui-image:disabled {
+  background-position: -151px -4px;
+}
+
+.tui-toolbar-icons.tui-link {
+  background-position: -130px -26px;
+}
+
+.tui-toolbar-icons.tui-link:disabled {
+  background-position: -151px -26px;
+}
+
+.tui-toolbar-icons.tui-code {
+  background-position: -130px -92px;
+}
+
+.tui-toolbar-icons.tui-code:disabled {
+  background-position: -151px -92px;
+}
+
+.tui-toolbar-icons.tui-codeblock {
+  background-position: -130px -70px;
+}
+
+.tui-toolbar-icons.tui-codeblock:disabled {
+  background-position: -151px -70px;
+}
+
+.tui-toolbar-icons.tui-more {
+  background-position: -172px -92px;
+}
+
+.tui-toolbar-icons.tui-more:disabled {
+  background-position: -193px -92px;
+}
+.tui-colorpicker-svg-slider {
+  border: 1px solid #ebebeb;
+}
+.tui-colorpicker-vml-slider {
+  border: 1px solid #ebebeb;
+}
+.tui-colorpicker-svg-huebar {
+  border: 1px solid #ebebeb;
+}
+
+.tui-editor-pseudo-clipboard {
+  position: fixed;
+  left: -1000px;
+  top: -1000px;
+  width: 100px;
+  height: 100px;
+}
+
+.te-ww-block-overlay.code-block-header {
+  text-align: right;
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.te-ww-block-overlay.code-block-header span {
+  font-size: 10px;
+  font-weight: 600;
+  padding: 0px 10px;
+  color: #333333;
+  cursor: default;
+}
+
+.te-ww-block-overlay.code-block-header button {
+  margin: 8px;
+  font-size: 10px;
+  color: #333333;
+  background-color: #f9f9f9;
+  border: 1px solid #dddddd;
+  padding: 4px;
+  height: auto;
+}
+
+.te-popup-code-block-languages {
+  position: fixed;
+  box-sizing: border-box;
+  width: 130px;
+}
+
+.te-popup-code-block-languages .tui-popup-body {
+  max-height: 169px;
+  overflow: auto;
+  padding: 0px;
+}
+
+.te-popup-code-block-languages button {
+  width: 100%;
+  background-color: #fff;
+  border: none;
+  outline: 0;
+  padding: 0px 10px 0px 10px;
+  font-size: 12px;
+  line-height: 24px;
+  text-align: left;
+  color: #777;
+}
+
+.te-popup-code-block-languages button.active {
+  background-color: #f4f4f4;
+}
+
+.tui-popup-code-block-editor .tui-popup-wrapper {
+  width: 70%;
+  height: 70%;
+  margin: auto;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.te-input-language {
+  position: relative;
+  margin-left: 15px;
+  cursor: pointer;
+}
+
+.te-input-language input {
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 10px;
+  padding: 3px 5px;
+  border: 1px solid #dddddd;
+  background-color: #f9f9f9;
+  box-sizing: border-box;
+  width: 130px;
+  outline: none;
+}
+
+.te-input-language input::-ms-clear {
+  display: none;
+}
+
+.te-input-language::after {
+  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT42Q0NBRDk2QS0yMjYxLTRFNDAtOTk1RC1DRUUyQUREQUQ3NkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLWQtc2lkZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS03IiBwb2ludHM9IjIgNSAxMCA1IDYgMTAiPjwvcG9seWdvbj4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
+  position: absolute;
+  top: 1px;
+  right: 3px;
+}
+
+.te-input-language.active::after {
+  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5BNEZDRkIzMy0zNjdBLTREMjAtOEEyNC1DQ0I2ODFBMDZDODg8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLXVwLXNpZGUiIGZpbGw9IiM1NTU1NTUiPiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC02LjAwMDAwMCwgLTYuNTAwMDAwKSAiIHBvaW50cz0iMiA0IDEwIDQgNiA5Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
+}
+
+.tui-popup-code-block-editor button {
+  margin: -1px 3px;
+}
+
+.tui-popup-code-block-editor .tui-popup-header-buttons {
+  height: 20px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-preview::after {
+  content: 'Preview off';
+  color: #777;
+  margin-right: 22px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-preview.active::after {
+  content: 'Preview on';
+  color: #4b96e6;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-scroll::after {
+  content: 'Scroll off';
+  color: #777;
+  margin-right: 16px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-scroll.active::after {
+  content: 'Scroll on';
+  color: #4b96e6;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-fit {
+  width: 18px;
+  height: 18px;
+  margin-top: 4px;
+  margin-right: 14px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT40OUQ4RTYyMy1GRTAyLTQ1RUUtQkQ5Ri0xMjUyQjEzRTU1MkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLWV4cGFuZCIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBhdGggZD0iTTMsMyBMOSwzIEw5LDUgTDUsNSBMNSw5IEwzLDkgTDMsMyBaIE0xNSwxNSBMOSwxNSBMOSwxMyBMMTMsMTMgTDEzLDkgTDE1LDkgTDE1LDE1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4wMDAwMDAsIDkuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC05LjAwMDAwMCwgLTkuMDAwMDAwKSAiPjwvcGF0aD4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41MDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMS41MDAwMDAsIC02LjUwMDAwMCkgIiBwb2ludHM9IjkuMDg1Nzg2NDQgNS41IDEyLjUgOC45MTQyMTM1NiAxMy45MTQyMTM2IDcuNSAxMC41IDQuMDg1Nzg2NDQiPjwvcG9seWdvbj4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZS1Db3B5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNTAwMDAwLCAxMS41MDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTYuNTAwMDAwLCAtMTEuNTAwMDAwKSAiIHBvaW50cz0iNC4wODU3ODY0NCAxMC41IDcuNSAxMy45MTQyMTM2IDguOTE0MjEzNTYgMTIuNSA1LjUgOS4wODU3ODY0NCI+PC9wb2x5Z29uPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-fit.active {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT4wN0Q1MjlCRi1GNTIzLTREN0EtQTlGNi05NTUzNTU5RDNEMUE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLXJlZHVjZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzIiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS41MDAwMDAsIDEyLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtNS41MDAwMDAsIC0xMi41MDAwMDApICIgcG9pbnRzPSIzLjA4NTc4NjQ0IDExLjUgNi41IDE0LjkxNDIxMzYgNy45MTQyMTM1NiAxMy41IDQuNSAxMC4wODU3ODY0Ij48L3BvbHlnb24+ICAgICAgICAgICAgPHBhdGggZD0iTTksOSBMMTUsOSBMMTUsMTEgTDExLDExIEwxMSwxNSBMOSwxNSBMOSw5IFogTTksOSBMMyw5IEwzLDcgTDcsNyBMNywzIEw5LDMgTDksOSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMDAwMDAwLCA5LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtOS4wMDAwMDAsIC05LjAwMDAwMCkgIj48L3BhdGg+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzMiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCA1LjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTIuNTAwMDAwLCAtNS41MDAwMDApICIgcG9pbnRzPSIxNC45MTQyMTM2IDYuNSAxMS41IDMuMDg1Nzg2NDQgMTAuMDg1Nzg2NCA0LjUgMTMuNSA3LjkxNDIxMzU2Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
+}
+
+.tui-popup-code-block-editor .tui-popup-close-button {
+  margin-top: 6px;
+}
+
+.tui-popup-code-block-editor .tui-popup-body {
+  z-index: -1;
+  padding: 0px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.tui-popup-code-block-editor .popup-editor-body {
+  position: relative;
+  -ms-flex: 1;
+  flex: 1;
+  border-bottom: 1px solid #cacaca;
+}
+
+.tui-popup-code-block-editor .te-button-section {
+  padding: 15px;
+}
+
+.tui-popup-code-block-editor .te-button-section button {
+  float: left;
+}
+
+.tui-popup-code-block-editor .tui-editor-contents pre {
+  margin: 0px;
+  background-color: transparent;
+}
+
+.tui-popup-code-block-editor .CodeMirror {
+  height: auto;
+}
+
+.tui-popup-code-block-editor .CodeMirror-line {
+  font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕',
+    'Malgun Gothic', sans-serif;
+  font-size: 13px;
+  line-height: 160%;
+  letter-spacing: -0.3px;
+}
+
+.tui-popup-code-block-editor .popup-editor-editor-wrapper {
+  min-height: 100%;
+}
+
+.tui-split-scroll-wrapper {
+  position: relative;
+}
+
+.tui-split-scroll {
+  position: absolute;
+}
+
+.tui-split-scroll,
+.tui-split-scroll-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.tui-split-scroll .tui-split-content-left,
+.tui-split-scroll .tui-split-content-right {
+  position: absolute;
+  top: 0px;
+  width: 50%;
+  box-sizing: border-box;
+}
+
+.tui-split-scroll .tui-split-content-left {
+  left: 0px;
+}
+
+.tui-split-scroll .tui-split-content-right {
+  left: 50%;
+}
+
+.tui-split-scroll .tui-splitter {
+  position: absolute;
+  left: 50%;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  border-left: 1px solid #cacaca;
+}
+
+.tui-split-scroll .tui-split-scroll-content {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+}
+
+.tui-split-scroll .tui-split-content-left,
+.tui-split-scroll .tui-split-content-right {
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.tui-split-scroll button.tui-scrollsync {
+  top: 10px;
+  opacity: 0.2;
+}
+
+.tui-split-scroll button.tui-scrollsync::after {
+  content: 'scroll off';
+}
+
+.tui-split-scroll.scroll-sync button.tui-scrollsync {
+  opacity: 0.5;
+}
+
+.tui-split-scroll.scroll-sync .tui-split-content-left,
+.tui-split-scroll.scroll-sync .tui-split-content-right {
+  height: auto;
+  overflow: initial;
+}
+
+.tui-split-scroll.scroll-sync button.tui-scrollsync::after {
+  content: 'scroll on';
+}
+
+.tui-split-scroll.scroll-sync .tui-split-scroll-content {
+  overflow-y: auto;
+}
+
+.tui-split-scroll.single-content .tui-splitter {
+  display: none;
+}
+
+.tui-split-scroll.single-content .tui-split-content-left {
+  width: 100%;
+}
+
+.tui-split-scroll.single-content .tui-split-content-right {
+  display: none;
+}
+
+.tui-split-scroll.single-content button.tui-scrollsync {
+  display: none;
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  /* IE10+ */
+  .tui-split-scroll-wrapper .tui-splitter {
+    left: calc(50% - 9px);
+  }
+}
+
+@supports (-ms-accelerator: true) {
+  /* IE Edge 12+ CSS styles go here */
+  .tui-split-scroll-wrapper .tui-splitter {
+    left: calc(50% - 9px);
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .tui-popup-wrapper {
+    max-width: 300px;
+  }
+
+  .tui-editor-popup {
+    margin-left: -150px;
+  }
+
+  .te-dropdown-toolbar {
+    max-width: none;
+  }
+}
+
+.tui-editor-contents .te-preview-highlight {
+  position: relative;
+  z-index: 0;
+}
+
+.tui-editor-contents .te-preview-highlight::after {
+  content: '';
+  background-color: rgba(255, 245, 131, 0.5);
+  border-radius: 4px;
+  z-index: -1;
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  left: -4px;
+  bottom: -4px;
+}
+
+.tui-editor-contents h1.te-preview-highlight::after,
+.tui-editor-contents h2.te-preview-highlight::after {
+  bottom: 0;
+}
+
+.tui-editor-contents td.te-preview-highlight::after,
+.tui-editor-contents th.te-preview-highlight::after {
+  display: none;
+}
+
+.tui-editor-contents th.te-preview-highlight,
+.tui-editor-contents td.te-preview-highlight {
+  background-color: rgba(255, 245, 131, 0.5);
+}
+
+.tui-editor-contents th.te-preview-highlight {
+  color: #222;
+}
+
+.te-md-container .CodeMirror {
+  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕',
+    'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;
+  color: #222;
+}
+
+.tui-md-heading1 {
+  font-size: 24px;
+}
+
+.tui-md-heading2 {
+  font-size: 22px;
+}
+
+.tui-md-heading3 {
+  font-size: 20px;
+}
+
+.tui-md-heading4 {
+  font-size: 18px;
+}
+
+.tui-md-heading5 {
+  font-size: 16px;
+}
+
+.tui-md-heading6 {
+  font-size: 14px;
+}
+
+.tui-md-heading.tui-md-delimiter.setext {
+  line-height: 15px;
+}
+
+.tui-md-strong,
+.tui-md-heading,
+.tui-md-list-item.tui-md-list-item-bullet,
+.tui-md-list-item.tui-md-meta {
+  font-weight: bold;
+}
+
+.tui-md-emph {
+  font-style: italic;
+}
+
+.tui-md-strike {
+  text-decoration: line-through;
+}
+
+.tui-md-strike.tui-md-delimiter {
+  text-decoration: none;
+}
+
+.tui-md-delimiter,
+.tui-md-thematic-break,
+.tui-md-link,
+.tui-md-table,
+.tui-md-block-quote {
+  color: #ccc;
+}
+
+.tui-md-code-block.tui-md-meta,
+.tui-md-code.tui-md-delimiter {
+  color: #aaa;
+}
+
+.tui-md-meta,
+.tui-md-html,
+.tui-md-link.tui-md-link-url.tui-md-marked-text {
+  color: #999;
+}
+
+.tui-md-block-quote.tui-md-marked-text,
+.tui-md-list-item.tui-md-meta {
+  color: #555;
+}
+
+.tui-md-table.tui-md-marked-text {
+  color: #222;
+}
+
+.tui-md-link.tui-md-link-desc.tui-md-marked-text,
+.tui-md-list-item-odd.tui-md-list-item-bullet {
+  color: #4b96e6;
+}
+
+.tui-md-list-item-even.tui-md-list-item-bullet {
+  color: #cb4848;
+}
+
+.tui-md-code.tui-md-marked-text {
+  color: #c1798b;
+}
+
+.tui-md-code {
+  background-color: rgba(243, 229, 233, 0.5);
+  padding: 2px 0;
+  letter-spacing: -0.3px;
+}
+
+.tui-md-code.tui-md-delimiter.start {
+  padding-left: 2px;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+
+.tui-md-code.tui-md-delimiter.end {
+  padding-right: 2px;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+
+.tui-md-code-block.CodeMirror-linebackground {
+  left: 20px;
+  right: 20px;
+  background-color: #f5f7f8;
+}
+
+.tui-md-code-block.CodeMirror-linebackground.start {
+  top: 2px;
+}
+
+.tui-md-code-block.CodeMirror-linebackground.end {
+  bottom: 2px;
+}
+
+.tui-md-code,
+.tui-md-code-block {
+  font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕',
+    'Malgun Gothic', sans-serif;
+}
+
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor-viewer-old.css b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor-viewer-old.css
new file mode 100644
index 0000000000..ed8facad3c
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor-viewer-old.css
@@ -0,0 +1,280 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+@charset "utf-8";
+.CodeMirror {
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.tui-editor-contents *:not(table) {
+  line-height: 160%;
+  box-sizing: content-box;
+}
+
+.tui-editor-contents i,
+.tui-editor-contents cite,
+.tui-editor-contents em,
+.tui-editor-contents var,
+.tui-editor-contents address,
+.tui-editor-contents dfn {
+  font-style: italic;
+}
+
+.tui-editor-contents strong {
+  font-weight: bold;
+}
+
+.tui-editor-contents p {
+  margin: 10px 0;
+  color: #555;
+}
+
+.tui-editor-contents > h1:first-of-type,
+.tui-editor-contents > div > div:first-of-type h1 {
+  margin-top: 14px;
+}
+
+.tui-editor-contents h1,
+.tui-editor-contents h2,
+.tui-editor-contents h3,
+.tui-editor-contents h5 {
+  font-weight: bold;
+}
+
+.tui-editor-contents h1 {
+  font-size: 1.6rem;
+  line-height: 28px;
+  border-bottom: 3px double #999;
+  margin: 52px 0 15px 0;
+  padding-bottom: 7px;
+  color: #000;
+}
+
+.tui-editor-contents h2 {
+  font-size: 1.3rem;
+  line-height: 23px;
+  border-bottom: 1px solid #dbdbdb;
+  margin: 30px 0 13px 0;
+  padding-bottom: 7px;
+  color: #333;
+}
+
+.tui-editor-contents h3,
+.tui-editor-contents h4 {
+  font-size: 1.2rem;
+  line-height: 18px;
+  margin: 20px 0 2px;
+  color: #333;
+}
+
+.tui-editor-contents h5,
+.tui-editor-contents h6 {
+  font-size: 1rem;
+  line-height: 17px;
+  margin: 10px 0 -4px;
+  color: #333;
+}
+
+.tui-editor-contents blockquote {
+  margin: 15px 0;
+}
+
+.tui-editor-contents blockquote {
+  border-left: 4px solid #dddddd;
+  padding: 0 15px;
+  color: #777777;
+}
+
+.tui-editor-contents blockquote > :first-child {
+  margin-top: 0;
+}
+
+.tui-editor-contents blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.tui-editor-contents pre,
+.tui-editor-contents code {
+  font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕',
+    'Malgun Gothic', sans-serif;
+  border: 0;
+  border-radius: 0;
+}
+
+.tui-editor-contents pre {
+  margin: 2px 0 8px;
+  padding: 18px;
+  background-color: #f5f7f8;
+}
+
+.tui-editor-contents code {
+  color: #c1788b;
+  padding: 4px 4px 2px 0;
+  letter-spacing: -0.3px;
+}
+
+.tui-editor-contents pre code {
+  padding: 0;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+}
+
+.tui-editor-contents pre.addon {
+  border: 1px solid #e8ebed;
+  background-color: #fff;
+}
+
+.tui-editor-contents img {
+  margin: 4px 0 10px;
+  box-sizing: border-box;
+  vertical-align: top;
+  max-width: 100%;
+}
+
+.tui-editor-contents table {
+  margin: 2px 0 14px;
+  color: #555;
+  width: auto;
+  border-collapse: collapse;
+  box-sizing: border-box;
+}
+
+.tui-editor-contents table th,
+.tui-editor-contents table td {
+  height: 32px;
+  padding: 5px 14px 5px 12px;
+}
+
+.tui-editor-contents table td {
+  border: 1px solid #eaeaea;
+}
+
+.tui-editor-contents table th {
+  border: 1px solid #72777b;
+  border-top: 0;
+  background-color: #7b8184;
+  font-weight: 300;
+  color: #fff;
+  padding-top: 6px;
+}
+
+.tui-editor-contents ul,
+.tui-editor-contents menu,
+.tui-editor-contents ol,
+.tui-editor-contents dir {
+  display: block;
+  list-style-type: disc;
+  padding-left: 17px;
+  margin: 6px 0 10px;
+  color: #555;
+}
+
+.tui-editor-contents ol {
+  list-style-type: decimal;
+}
+
+.tui-editor-contents ul ul,
+.tui-editor-contents ul ol,
+.tui-editor-contents ol ol,
+.tui-editor-contents ol ul {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.tui-editor-contents ul li,
+.tui-editor-contents ol li {
+  position: relative;
+}
+
+.tui-editor-contents ul p,
+ol p {
+  margin: 0;
+}
+
+.tui-editor-contents ul li.task-list-item:before,
+.tui-editor-contents ol li.task-list-item:before,
+.tui-editor-contents pre ul li:before {
+  content: '';
+}
+
+.tui-editor-contents hr {
+  border-top: 1px solid #eee;
+  margin: 16px 0;
+}
+
+.tui-editor-contents a {
+  text-decoration: underline;
+  color: #5286bc;
+}
+
+.tui-editor-contents a:hover {
+  color: #007cff;
+}
+
+.tui-editor-contents a.image-link {
+  position: relative;
+}
+
+.tui-editor-contents a.image-link::before {
+  content: '';
+  position: absolute;
+  margin: 0;
+  width: 20px;
+  height: 20px;
+  top: 2px;
+  right: 2px;
+  background-repeat: no-repeat;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAA/0lEQVQ4Ee2UIY6FQAyG/91wAQQJDg8SSwI3QIFAcQHuwFHQoOAEEFAELB6H4wIku+9vQgIP9zLyVbTTTufLtJ3MzzRNf1AoGlmu6ypBzvOMXyWkC+QLvDTjw6VM+Xr2OA6UZYmu67Dvu2zleX6zuq7D933EcQxNuyPu3usYYXVdw/M8mKYpIMMwxEZRJHbbNsmhkySJxE71APJmhGVZhnVdURQFlmU585GmKSzLEp+570Dlz+ZxQ/aGJVNYsm3bCIJA/LZtMY4jmqbBMAwIw1DiV/UAstEUltP3vawdxxFbVZVYDoWwM1eCp+LnoErIUt7DL/Ac1edWng1/WlXyD380myY5A34sAAAAAElFTkSuQmCC');
+  cursor: pointer;
+}
+
+.tui-editor-contents {
+  font-size: 13px;
+  margin: 0;
+  padding: 0;
+}
+
+.tui-editor-contents .task-list-item {
+  border: 0;
+  list-style: none;
+  padding-left: 22px;
+  margin-left: -22px;
+  min-height: 20px;
+}
+
+.tui-editor-contents .task-list-item:before {
+  background-repeat: no-repeat;
+  background-size: 16px 16px;
+  background-position: center;
+  content: '';
+  height: 18px;
+  width: 18px;
+  position: absolute;
+  left: 0;
+  top: 1px;
+  cursor: pointer;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAADdJREFUKBVjvHv37n8GMgALSI+SkhJJWu/du8fARJIOJMWjGpECA505GjjoIYLEB6dVUNojFQAA/1MJUFWet/4AAAAASUVORK5CYII=');
+}
+
+.tui-editor-contents .task-list-item.checked:before {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMpJREFUKBVjjJ/64D8DGYCJDD1gLbTVyM3OxJDiJMzAxcYIdyALnIWDAdJU7i/OICfCxsDMxMgwc88bwk5F1vTs/W+GFUffwY2H+1FBlI2hLliCQYCbGSyJrqlzwwuGj9//YWoMtRBgUBJnZ6gMEGeQFWaFOw9kE7omkG5GWDyCPF7mJ86gIMbO8P//fwZGRkYGXJpAGuFO/fbrP0PXppcMD179JKgJRSOIA9N8/NZXrM4DqYEBjOgAaYYFOUwRNhruVGyS+MTI1ggAx8NTGcUtFVQAAAAASUVORK5CYII=');
+}
+
+.tui-editor-contents .task-list-item input[type='checkbox'],
+.tui-editor-contents .task-list-item .task-list-item-checkbox {
+  margin-left: -17px;
+  margin-right: 3.8px;
+  margin-top: 3px;
+}
+
+.tui-editor-contents-placeholder:before {
+  content: attr(data-placeholder);
+  color: grey;
+  line-height: 160%;
+  position: absolute;
+}
+
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor-viewer.css b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor-viewer.css
new file mode 100644
index 0000000000..2766d2969d
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor-viewer.css
@@ -0,0 +1,377 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+@charset "utf-8";
+.tui-editor-contents {
+  margin: 0;
+  padding: 0;
+  font-size: 13px;
+  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕',
+    'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;
+}
+
+.tui-editor-contents *:not(table) {
+  line-height: 160%;
+  box-sizing: content-box;
+}
+
+.tui-editor-contents i,
+.tui-editor-contents cite,
+.tui-editor-contents em,
+.tui-editor-contents var,
+.tui-editor-contents address,
+.tui-editor-contents dfn {
+  font-style: italic;
+}
+
+.tui-editor-contents strong {
+  font-weight: bold;
+}
+
+.tui-editor-contents p {
+  margin: 10px 0;
+  color: #222;
+}
+
+.tui-editor-contents > h1:first-of-type,
+.tui-editor-contents > div > div:first-of-type h1 {
+  margin-top: 14px;
+}
+
+.tui-editor-contents h1,
+.tui-editor-contents h2,
+.tui-editor-contents h3,
+.tui-editor-contents h4,
+.tui-editor-contents h5,
+.tui-editor-contents h6 {
+  font-weight: bold;
+  color: #222;
+}
+
+.tui-editor-contents h1 {
+  font-size: 24px;
+  line-height: 28px;
+  border-bottom: 3px double #999;
+  margin: 52px 0 15px 0;
+  padding-bottom: 7px;
+}
+
+.tui-editor-contents h2 {
+  font-size: 22px;
+  line-height: 23px;
+  border-bottom: 1px solid #dbdbdb;
+  margin: 20px 0 13px 0;
+  padding-bottom: 7px;
+}
+
+.tui-editor-contents h3 {
+  font-size: 20px;
+  margin: 18px 0 2px;
+}
+
+.tui-editor-contents h4 {
+  font-size: 18px;
+  margin: 10px 0 2px;
+}
+
+.tui-editor-contents h3,
+.tui-editor-contents h4 {
+  line-height: 18px;
+}
+
+.tui-editor-contents h5 {
+  font-size: 16px;
+}
+
+.tui-editor-contents h6 {
+  font-size: 14px;
+}
+
+.tui-editor-contents h5,
+.tui-editor-contents h6 {
+  line-height: 17px;
+  margin: 9px 0 -4px;
+}
+
+.tui-editor-contents del {
+  color: #999;
+}
+
+.tui-editor-contents blockquote {
+  margin: 14px 0;
+  border-left: 4px solid #e5e5e5;
+  padding: 0 16px;
+  color: #999;
+}
+
+.tui-editor-contents blockquote p,
+.tui-editor-contents blockquote ul,
+.tui-editor-contents blockquote ol {
+  color: #999;
+}
+
+.tui-editor-contents blockquote > :first-child {
+  margin-top: 0;
+}
+
+.tui-editor-contents blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.tui-editor-contents pre,
+.tui-editor-contents code {
+  font-family: Consolas, Courier, 'Apple SD 산돌고딕 Neo', -apple-system, 'Lucida Grande',
+    'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Segoe UI', '돋움', dotum, sans-serif;
+  border: 0;
+  border-radius: 0;
+}
+
+.tui-editor-contents pre {
+  margin: 2px 0 8px;
+  padding: 18px;
+  background-color: #f5f7f8;
+}
+
+.tui-editor-contents code {
+  color: #c1798b;
+  background-color: #f9f2f4;
+  padding: 2px 3px;
+  letter-spacing: -0.3px;
+  border-radius: 2px;
+}
+
+.tui-editor-contents pre code {
+  padding: 0;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+}
+
+.tui-editor-contents pre.addon {
+  border: 1px solid #e8ebed;
+  background-color: #fff;
+}
+
+.tui-editor-contents img {
+  margin: 4px 0 10px;
+  box-sizing: border-box;
+  vertical-align: top;
+  max-width: 100%;
+}
+
+.tui-editor-contents table {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin: 12px 0 14px;
+  color: #222;
+  width: auto;
+  border-collapse: collapse;
+  box-sizing: border-box;
+}
+
+.tui-editor-contents table th,
+.tui-editor-contents table td {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  padding: 5px 14px 5px 12px;
+  height: 32px;
+}
+
+.tui-editor-contents table th {
+  background-color: #555;
+  font-weight: 300;
+  color: #fff;
+  padding-top: 6px;
+}
+
+.tui-editor-contents ul,
+.tui-editor-contents menu,
+.tui-editor-contents ol,
+.tui-editor-contents dir {
+  display: block;
+  list-style-type: none;
+  padding-left: 24px;
+  margin: 6px 0 10px;
+  color: #222;
+}
+
+.tui-editor-contents ol {
+  list-style-type: none;
+  counter-reset: li;
+}
+
+.tui-editor-contents ol > li {
+  counter-increment: li;
+}
+
+.tui-editor-contents ul > li::before,
+.tui-editor-contents ol > li::before {
+  display: inline-block;
+  position: absolute;
+}
+
+.tui-editor-contents ul > li::before {
+  content: '';
+  margin-top: 6px;
+  margin-left: -17px;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background-color: #ccc;
+}
+
+.tui-editor-contents ol > li::before {
+  content: '.' counter(li);
+  margin-left: -28px;
+  width: 24px;
+  text-align: right;
+  direction: rtl;
+  color: #aaa;
+}
+
+.tui-editor-contents ul ul,
+.tui-editor-contents ul ol,
+.tui-editor-contents ol ol,
+.tui-editor-contents ol ul {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.tui-editor-contents ul li,
+.tui-editor-contents ol li {
+  position: relative;
+}
+
+.tui-editor-contents ul p,
+.tui-editor-contents ol p {
+  margin: 0;
+}
+
+.tui-editor-contents ul li.task-list-item::before,
+.tui-editor-contents ol li.task-list-item::before,
+.tui-editor-contents pre ul li::before {
+  content: '';
+}
+
+.tui-editor-contents th ol,
+.tui-editor-contents th ul {
+  color: #fff;
+}
+
+.tui-editor-contents hr {
+  border-top: 1px solid #eee;
+  margin: 16px 0;
+}
+
+.tui-editor-contents a {
+  text-decoration: underline;
+  color: #4b96e6;
+}
+
+.tui-editor-contents a:hover {
+  color: #1f70de;
+}
+
+.tui-editor-contents a.image-link {
+  position: relative;
+}
+
+.tui-editor-contents a.image-link::before {
+  content: '';
+  position: absolute;
+  margin: 0;
+  width: 20px;
+  height: 20px;
+  top: 2px;
+  right: 2px;
+  background-repeat: no-repeat;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAA/0lEQVQ4Ee2UIY6FQAyG/91wAQQJDg8SSwI3QIFAcQHuwFHQoOAEEFAELB6H4wIku+9vQgIP9zLyVbTTTufLtJ3MzzRNf1AoGlmu6ypBzvOMXyWkC+QLvDTjw6VM+Xr2OA6UZYmu67Dvu2zleX6zuq7D933EcQxNuyPu3usYYXVdw/M8mKYpIMMwxEZRJHbbNsmhkySJxE71APJmhGVZhnVdURQFlmU585GmKSzLEp+570Dlz+ZxQ/aGJVNYsm3bCIJA/LZtMY4jmqbBMAwIw1DiV/UAstEUltP3vawdxxFbVZVYDoWwM1eCp+LnoErIUt7DL/Ac1edWng1/WlXyD380myY5A34sAAAAAElFTkSuQmCC');
+  cursor: pointer;
+}
+
+.tui-editor-contents .task-list-item {
+  border: 0;
+  list-style: none;
+  padding-left: 24px;
+  margin-left: -24px;
+}
+
+.tui-editor-contents .task-list-item::before {
+  background-repeat: no-repeat;
+  background-size: 18px 18px;
+  background-position: center;
+  content: '';
+  margin-left: 0;
+  margin-top: 0;
+  border-radius: 0;
+  height: 18px;
+  width: 18px;
+  position: absolute;
+  left: 0;
+  top: 1px;
+  cursor: pointer;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAAAQklEQVQ4EWM8c+bMfwYqABaQGcbGxhQZdfbsWQYmikxA0jxqEFJg4GCOhhGOgEESHg0jpMDAwRx8YQQuj0DlCaUAAEdBCPJ7TaEPAAAAAElFTkSuQmCC');
+}
+
+.tui-editor-contents .task-list-item.checked::before {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAAA1ElEQVQ4EWP0nvbsPwMVABMVzAAbMWoQIiT5OJgYvLS5EAJQFguGCB4BkCHt/kIM8kKsYFXbrn6DqyY6sJENefjuN8ORuz/ghoAYWA0COR2kEQbQDanc+I7h049/MGkwjVANFQYZkmXHD/YCyABiDAFpxQgjkJO9dbjA4QAKDxAAhQnIO9hcAlYAJDBcBHIySANII8gAYgwBGYZhEEgQZFjVJohhhFwCUg8CjPgyLT8nE8N/YJZGD1iIVlQSI4yQpT9+R40ZZDl0NlavoSsihj/4DAIAR+hZHUj727YAAAAASUVORK5CYII=');
+}
+
+.tui-editor-contents .task-list-item input[type='checkbox'],
+.tui-editor-contents .task-list-item .task-list-item-checkbox {
+  margin-left: -17px;
+  margin-right: 3.8px;
+  margin-top: 3px;
+}
+
+.tui-editor-contents-placeholder::before {
+  content: attr(data-placeholder);
+  color: grey;
+  line-height: 160%;
+  position: absolute;
+}
+
+.te-preview .tui-editor-contents h1 {
+  min-height: 28px;
+}
+
+.te-preview .tui-editor-contents h2 {
+  min-height: 23px;
+}
+
+.te-preview .tui-editor-contents blockquote {
+  min-height: 20px;
+}
+
+.te-preview .tui-editor-contents li {
+  min-height: 22px;
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  /* IE10+11 */
+  .te-ww-container .tui-editor-contents li {
+    vertical-align: middle;
+  }
+
+  .te-ww-container .tui-editor-contents ul > li::before,
+  .te-ww-container .tui-editor-contents ol > li::before,
+  .te-ww-container .tui-editor-contents .task-list-item:before {
+    position: static;
+    vertical-align: middle;
+  }
+
+  .te-ww-container .tui-editor-contents ul > li::before {
+    margin-top: -3px;
+    margin-right: 12px;
+  }
+
+  .te-ww-container .tui-editor-contents ol > li::before {
+    margin-right: 6px;
+  }
+
+  .te-ww-container .tui-editor-contents .task-list-item {
+    padding-left: 2px;
+  }
+}
+
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor-viewer.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor-viewer.js
new file mode 100644
index 0000000000..7a89d894fa
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor-viewer.js
@@ -0,0 +1,6878 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["Editor"] = factory();
+	else
+		root["toastui"] = root["toastui"] || {}, root["toastui"]["Editor"] = factory();
+})(window, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 60);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
+/* harmony import */ var tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
+/* harmony import */ var tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4);
+/* harmony import */ var tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(16);
+/* harmony import */ var tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(13);
+/* harmony import */ var tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7__);
+/**
+ * @fileoverview DOM Utils
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+var FIND_ZWB = /\u200B/g;
+var _window = window,
+    getComputedStyle = _window.getComputedStyle;
+/**
+ * Check if node is text node
+ * @param {Node} node node to check
+ * @returns {boolean} result
+ * @ignore
+ */
+
+var isTextNode = function isTextNode(node) {
+  return node && node.nodeType === Node.TEXT_NODE;
+};
+/**
+ * Check if node is element node
+ * @param {Node} node node to check
+ * @returns {boolean} result
+ * @ignore
+ */
+
+
+var isElemNode = function isElemNode(node) {
+  return node && node.nodeType === Node.ELEMENT_NODE;
+};
+/**
+ * Check that the node is block node
+ * @param {Node} node node
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isBlockNode = function isBlockNode(node) {
+  return /^(ADDRESS|ARTICLE|ASIDE|BLOCKQUOTE|DETAILS|DIALOG|DD|DIV|DL|DT|FIELDSET|FIGCAPTION|FIGURE|FOOTER|FORM|H[\d]|HEADER|HGROUP|HR|LI|MAIN|NAV|OL|P|PRE|SECTION|UL)$/gi.test(this.getNodeName(node));
+};
+/**
+ * Get node name of node
+ * @param {Node} node node
+ * @returns {string} node name
+ * @ignore
+ */
+
+
+var getNodeName = function getNodeName(node) {
+  if (isElemNode(node)) {
+    return node.tagName;
+  }
+
+  return 'TEXT';
+};
+/**
+ * Get node offset length of node(for Range API)
+ * @param {Node} node node
+ * @returns {number} length
+ * @ignore
+ */
+
+
+var getTextLength = function getTextLength(node) {
+  var len;
+
+  if (isElemNode(node)) {
+    len = node.textContent.replace(FIND_ZWB, '').length;
+  } else if (isTextNode(node)) {
+    len = node.nodeValue.replace(FIND_ZWB, '').length;
+  }
+
+  return len;
+};
+/**
+ * Get node offset length of node(for Range API)
+ * @param {Node} node node
+ * @returns {number} length
+ * @ignore
+ */
+
+
+var getOffsetLength = function getOffsetLength(node) {
+  var len;
+
+  if (isElemNode(node)) {
+    len = node.childNodes.length;
+  } else if (isTextNode(node)) {
+    len = node.nodeValue.replace(FIND_ZWB, '').length;
+  }
+
+  return len;
+};
+/**
+ * get node offset between parent's childnodes
+ * @param {Node} node node
+ * @returns {number} offset(index)
+ * @ignore
+ */
+
+
+var getNodeOffsetOfParent = function getNodeOffsetOfParent(node) {
+  var childNodesOfParent = node.parentNode.childNodes;
+  var i, t, found;
+
+  for (i = 0, t = childNodesOfParent.length; i < t; i += 1) {
+    if (childNodesOfParent[i] === node) {
+      found = i;
+      break;
+    }
+  }
+
+  return found;
+};
+/**
+ * get child node by offset
+ * @param {Node} node node
+ * @param {number} index offset index
+ * @returns {Node} foudned node
+ * @ignore
+ */
+
+
+var getChildNodeByOffset = function getChildNodeByOffset(node, index) {
+  var currentNode;
+
+  if (isTextNode(node)) {
+    currentNode = node;
+  } else if (node.childNodes.length && index >= 0) {
+    currentNode = node.childNodes[index];
+  }
+
+  return currentNode;
+};
+/**
+ * find next node from passed node
+ * @param {strong} direction previous or next
+ * @param {Node} node node
+ * @param {string} untilNodeName parent node name to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getNodeWithDirectionUntil = function getNodeWithDirectionUntil(direction, node, untilNodeName) {
+  var directionKey = direction + "Sibling";
+  var nodeName, foundedNode;
+
+  while (node && !node[directionKey]) {
+    nodeName = getNodeName(node.parentNode);
+
+    if (nodeName === untilNodeName || nodeName === 'BODY') {
+      break;
+    }
+
+    node = node.parentNode;
+  }
+
+  if (node[directionKey]) {
+    foundedNode = node[directionKey];
+  }
+
+  return foundedNode;
+};
+/**
+ * get prev node of childnode pointed with index
+ * @param {Node} node node
+ * @param {number} index offset index
+ * @param {string} untilNodeName parent node name to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getPrevOffsetNodeUntil = function getPrevOffsetNodeUntil(node, index, untilNodeName) {
+  var prevNode;
+
+  if (index > 0) {
+    prevNode = getChildNodeByOffset(node, index - 1);
+  } else {
+    prevNode = getNodeWithDirectionUntil('previous', node, untilNodeName);
+  }
+
+  return prevNode;
+};
+
+var getParentUntilBy = function getParentUntilBy(node, matchCondition, stopCondition) {
+  while (node.parentNode && !matchCondition(node.parentNode)) {
+    node = node.parentNode;
+
+    if (stopCondition && stopCondition(node)) {
+      break;
+    }
+  }
+
+  if (matchCondition(node.parentNode)) {
+    return node;
+  }
+
+  return null;
+};
+/**
+ * get parent node until paseed node name
+ * @param {Node} node node
+ * @param {string|HTMLNode} untilNode node name or node to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getParentUntil = function getParentUntil(node, untilNode) {
+  var foundedNode;
+
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(untilNode)) {
+    foundedNode = getParentUntilBy(node, function (targetNode) {
+      return untilNode === getNodeName(targetNode);
+    });
+  } else {
+    foundedNode = getParentUntilBy(node, function (targetNode) {
+      return untilNode === targetNode;
+    });
+  }
+
+  return foundedNode;
+};
+/**
+ * get node on the given direction under given parent
+ * @param {strong} direction previous or next
+ * @param {Node} node node
+ * @param {string|Node} underNode parent node name to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getNodeWithDirectionUnderParent = function getNodeWithDirectionUnderParent(direction, node, underNode) {
+  var directionKey = direction + "Sibling";
+  var foundedNode;
+  node = getParentUntil(node, underNode);
+
+  if (node && node[directionKey]) {
+    foundedNode = node[directionKey];
+  }
+
+  return foundedNode;
+};
+/**
+ * get top previous top level node under given node
+ * @param {Node} node node
+ * @param {Node} underNode underNode
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getTopPrevNodeUnder = function getTopPrevNodeUnder(node, underNode) {
+  return getNodeWithDirectionUnderParent('previous', node, underNode);
+};
+/**
+ * get next top level block node
+ * @param {Node} node node
+ * @param {Node} underNode underNode
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getTopNextNodeUnder = function getTopNextNodeUnder(node, underNode) {
+  return getNodeWithDirectionUnderParent('next', node, underNode);
+};
+/**
+ * Get parent element the body element
+ * @param {Node} node Node for start searching
+ * @returns {Node}
+ * @ignore
+ */
+
+
+var getTopBlockNode = function getTopBlockNode(node) {
+  return getParentUntil(node, 'BODY');
+};
+/**
+ * Get previous text node
+ * @param {Node} node Node for start searching
+ * @returns {Node}
+ * @ignore
+ */
+
+
+var getPrevTextNode = function getPrevTextNode(node) {
+  node = node.previousSibling || node.parentNode;
+
+  while (!isTextNode(node) && getNodeName(node) !== 'BODY') {
+    if (node.previousSibling) {
+      node = node.previousSibling;
+
+      while (node.lastChild) {
+        node = node.lastChild;
+      }
+    } else {
+      node = node.parentNode;
+    }
+  }
+
+  if (getNodeName(node) === 'BODY') {
+    node = null;
+  }
+
+  return node;
+};
+/**
+ * test whether root contains the given node
+ * @param {HTMLNode|string} root - root node
+ * @param {HTMLNode} found - node to test
+ * @returns {Boolean} true if root contains node
+ * @ignore
+ */
+
+
+var containsNode = function containsNode(root, node) {
+  var walker = document.createTreeWalker(root, 4, null, false);
+  var found = root === node;
+
+  while (!found && walker.nextNode()) {
+    found = walker.currentNode === node;
+  }
+
+  return found;
+};
+/**
+ * find node by offset
+ * @param {HTMLElement} root Root element
+ * @param {Array.} offsetList offset list
+ * @param {function} textNodeFilter Text node filter
+ * @returns {Array}
+ * @ignore
+ */
+
+
+var findOffsetNode = function findOffsetNode(root, offsetList, textNodeFilter) {
+  var result = [];
+  var text = '';
+  var walkerOffset = 0;
+  var newWalkerOffset;
+
+  if (!offsetList.length) {
+    return result;
+  }
+
+  var offset = offsetList.shift();
+  var walker = document.createTreeWalker(root, 4, null, false);
+
+  while (walker.nextNode()) {
+    text = walker.currentNode.nodeValue || '';
+
+    if (textNodeFilter) {
+      text = textNodeFilter(text);
+    }
+
+    newWalkerOffset = walkerOffset + text.length;
+
+    while (newWalkerOffset >= offset) {
+      result.push({
+        container: walker.currentNode,
+        offsetInContainer: offset - walkerOffset,
+        offset: offset
+      });
+
+      if (!offsetList.length) {
+        return result;
+      }
+
+      offset = offsetList.shift();
+    }
+
+    walkerOffset = newWalkerOffset;
+  } // there should be offset left
+
+
+  do {
+    result.push({
+      container: walker.currentNode,
+      offsetInContainer: text.length,
+      offset: offset
+    });
+    offset = offsetList.shift();
+  } while (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(offset));
+
+  return result;
+};
+
+var getNodeInfo = function getNodeInfo(node) {
+  var path = {};
+  path.tagName = node.nodeName;
+
+  if (node.id) {
+    path.id = node.id;
+  }
+
+  var className = node.className.trim();
+
+  if (className) {
+    path.className = className;
+  }
+
+  return path;
+};
+
+var getPath = function getPath(node, root) {
+  var paths = [];
+
+  while (node && node !== root) {
+    if (isElemNode(node)) {
+      paths.unshift(getNodeInfo(node));
+    }
+
+    node = node.parentNode;
+  }
+
+  return paths;
+};
+/**
+ * Find next, previous TD or TH element by given TE element
+ * @param {HTMLElement} node TD element
+ * @param {string} direction 'next' or 'previous'
+ * @returns {HTMLElement|null}
+ * @ignore
+ */
+
+
+var getTableCellByDirection = function getTableCellByDirection(node, direction) {
+  var targetElement = null;
+
+  if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(direction) && (direction === 'next' || direction === 'previous')) {
+    if (direction === 'next') {
+      targetElement = node.nextElementSibling;
+    } else {
+      targetElement = node.previousElementSibling;
+    }
+  }
+
+  return targetElement;
+};
+/**
+ * Find sibling TR's TD element by given TD and direction
+ * @param {HTMLElement} node TD element
+ * @param {string} direction Boolean value for find first TD in next line
+ * @param {boolean} [needEdgeCell=false] Boolean value for find first TD in next line
+ * @returns {HTMLElement|null}
+ * @ignore
+ */
+
+
+var getSiblingRowCellByDirection = function getSiblingRowCellByDirection(node, direction, needEdgeCell) {
+  var tableCellElement = null;
+  var index, targetRowElement, currentContainer, siblingContainer, isSiblingContainerExists;
+
+  if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(direction) && (direction === 'next' || direction === 'previous')) {
+    if (node) {
+      if (direction === 'next') {
+        targetRowElement = node.parentNode && node.parentNode.nextSibling;
+        currentContainer = parents(node, 'thead');
+        siblingContainer = currentContainer[0] && currentContainer[0].nextSibling;
+        isSiblingContainerExists = siblingContainer && getNodeName(siblingContainer) === 'TBODY';
+        index = 0;
+      } else {
+        targetRowElement = node.parentNode && node.parentNode.previousSibling;
+        currentContainer = parents(node, 'tbody');
+        siblingContainer = currentContainer[0] && currentContainer[0].previousSibling;
+        isSiblingContainerExists = siblingContainer && getNodeName(siblingContainer) === 'THEAD';
+        index = node.parentNode.childNodes.length - 1;
+      }
+
+      if (tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(needEdgeCell) || !needEdgeCell) {
+        index = getNodeOffsetOfParent(node);
+      }
+
+      if (targetRowElement) {
+        tableCellElement = children(targetRowElement, 'td,th')[index];
+      } else if (currentContainer[0] && isSiblingContainerExists) {
+        tableCellElement = findAll(siblingContainer, 'td,th')[index];
+      }
+    }
+  }
+
+  return tableCellElement;
+};
+/**
+ * Check that the inline node is supported by markdown
+ * @param {Node} node TD element
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isMDSupportInlineNode = function isMDSupportInlineNode(node) {
+  return /^(A|B|BR|CODE|DEL|EM|I|IMG|S|SPAN|STRONG)$/gi.test(node.nodeName);
+};
+/**
+ * Check that node is styled node.
+ * Styled node is a node that has text and decorates text.
+ * @param {Node} node TD element
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isStyledNode = function isStyledNode(node) {
+  return /^(A|ABBR|ACRONYM|B|BDI|BDO|BIG|CITE|CODE|DEL|DFN|EM|I|INS|KBD|MARK|Q|S|SAMP|SMALL|SPAN|STRONG|SUB|SUP|U|VAR)$/gi.test(node.nodeName);
+};
+/**
+ * remove node from 'start' node to 'end-1' node inside parent
+ * if 'end' node is null, remove all child nodes after 'start' node.
+ * @param {Node} parentNode - parent node
+ * @param {Node} start - start node to remove
+ * @param {Node} end - end node to remove
+ * @ignore
+ */
+
+
+var removeChildFromStartToEndNode = function removeChildFromStartToEndNode(parentNode, start, end) {
+  var child = start;
+
+  if (!child || parentNode !== child.parentNode) {
+    return;
+  }
+
+  while (child !== end) {
+    var nextNode = child.nextSibling;
+    parentNode.removeChild(child);
+    child = nextNode;
+  }
+};
+/**
+ * remove nodes along the direction from the node to reach targetParent node
+ * @param {Node} targetParent - stop removing when reach target parent node
+ * @param {Node} node - start node
+ * @param {boolean} isForward - direction
+ * @ignore
+ */
+
+
+var removeNodesByDirection = function removeNodesByDirection(targetParent, node, isForward) {
+  var parentNode = node;
+
+  while (parentNode !== targetParent) {
+    var nextParent = parentNode.parentNode;
+    var _parentNode = parentNode,
+        nextSibling = _parentNode.nextSibling,
+        previousSibling = _parentNode.previousSibling;
+
+    if (!isForward && nextSibling) {
+      removeChildFromStartToEndNode(nextParent, nextSibling, null);
+    } else if (isForward && previousSibling) {
+      removeChildFromStartToEndNode(nextParent, nextParent.childNodes[0], parentNode);
+    }
+
+    parentNode = nextParent;
+  }
+};
+
+var getLeafNode = function getLeafNode(node) {
+  var result = node;
+
+  while (result.childNodes && result.childNodes.length) {
+    var _result = result,
+        nextLeaf = _result.firstChild; // When inline tag have empty text node with other childnodes, ignore empty text node.
+
+    if (isTextNode(nextLeaf) && !getTextLength(nextLeaf)) {
+      result = nextLeaf.nextSibling || nextLeaf;
+    } else {
+      result = nextLeaf;
+    }
+  }
+
+  return result;
+};
+/**
+ * check if a coordinates is inside a button box
+ * @param {object} style - computed style of task box
+ * @param {number} offsetX - event x offset
+ * @param {number} offsetY - event y offset
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isInsideButtonBox = function isInsideButtonBox(style, offsetX, offsetY) {
+  var rect = {
+    left: parseInt(style.left, 10),
+    top: parseInt(style.top, 10),
+    width: parseInt(style.width, 10),
+    height: parseInt(style.height, 10)
+  };
+  return offsetX >= rect.left && offsetX <= rect.left + rect.width && offsetY >= rect.top && offsetY <= rect.top + rect.height;
+};
+/**
+ * Check whether node is OL or UL
+ * @param {node} node - node
+ * @returns {boolean} - whether node is OL or UL
+ * @ignore
+ */
+
+
+var isListNode = function isListNode(node) {
+  if (!node) {
+    return false;
+  }
+
+  return node.nodeName === 'UL' || node.nodeName === 'OL';
+};
+/**
+ * Check whether node is first list item
+ * @param {node} node - node
+ * @returns {boolean} whether node is first list item
+ * @ignore
+ */
+
+
+var isFirstListItem = function isFirstListItem(node) {
+  var nodeName = node.nodeName,
+      parentNode = node.parentNode;
+  return nodeName === 'LI' && node === parentNode.firstChild;
+};
+/**
+ * Check whether node is first level list item
+ * @param {node} node - node
+ * @returns {boolean} whether node is first level list item
+ * @ignore
+ */
+
+
+var isFirstLevelListItem = function isFirstLevelListItem(node) {
+  var nodeName = node.nodeName,
+      listNode = node.parentNode;
+  var listParentNode = listNode.parentNode;
+  return nodeName === 'LI' && !isListNode(listParentNode);
+};
+/**
+ * Merge node to target node and detach node
+ * @param {node} node - node
+ * @param {node} targetNode - target node
+ * @ignore
+ */
+
+
+var mergeNode = function mergeNode(node, targetNode) {
+  if (node.hasChildNodes()) {
+    tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(node.childNodes).forEach(function () {
+      targetNode.appendChild(node.firstChild);
+    });
+    targetNode.normalize();
+  }
+
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
+};
+/**
+ * Create hr that is not contenteditable
+ * @returns {node} hr is wraped div
+ * @ignore
+ */
+
+
+var createHorizontalRule = function createHorizontalRule() {
+  var div = document.createElement('div');
+  var hr = document.createElement('hr');
+  div.setAttribute('contenteditable', false);
+  hr.setAttribute('contenteditable', false);
+  div.appendChild(hr);
+  return div;
+};
+/**
+ * Create Empty Line
+ * @returns {node} 

    
+ * @private
+ */
+
+
+var createEmptyLine = function createEmptyLine() {
+  var div = document.createElement('div');
+  div.appendChild(document.createElement('br'));
+  return div;
+};
+/**
+ * Find same tagName child node and change wrapping order.
+ * For example, if below node need to optimize 'B' tag.
+ * test
+ * should be changed tag's order.
+ * test
+ * @param {node} node
+ * @param {string} tagName
+ * @returns {node}
+ * @private
+ */
+
+
+var changeTagOrder = function changeTagOrder(node, tagName) {
+  if (node.nodeName !== 'SPAN') {
+    var parentNode = node.parentNode;
+    var tempNode = node;
+
+    while (tempNode.childNodes && tempNode.childNodes.length === 1 && !isTextNode(tempNode.firstChild)) {
+      tempNode = tempNode.firstChild;
+
+      if (tempNode.nodeName === 'SPAN') {
+        break;
+      }
+
+      if (tempNode.nodeName === tagName) {
+        var wrapper = document.createElement(tagName);
+        mergeNode(tempNode, tempNode.parentNode);
+        parentNode.replaceChild(wrapper, node);
+        wrapper.appendChild(node);
+        return wrapper;
+      }
+    }
+  }
+
+  return node;
+};
+/**
+ * Find same tagName nodes and merge from startNode to endNode.
+ * @param {node} startNode
+ * @param {node} endNode
+ * @param {string} tagName
+ * @returns {node}
+ * @private
+ */
+
+
+var mergeSameNodes = function mergeSameNodes(startNode, endNode, tagName) {
+  var startBlockNode = changeTagOrder(startNode, tagName);
+
+  if (startBlockNode.nodeName === tagName) {
+    var endBlockNode = changeTagOrder(endNode, tagName);
+    var mergeTargetNode = startBlockNode;
+    var nextNode = startBlockNode.nextSibling;
+
+    while (nextNode) {
+      var tempNext = nextNode.nextSibling;
+      nextNode = changeTagOrder(nextNode, tagName);
+
+      if (nextNode.nodeName === tagName) {
+        // eslint-disable-next-line max-depth
+        if (mergeTargetNode) {
+          mergeNode(nextNode, mergeTargetNode);
+        } else {
+          mergeTargetNode = nextNode;
+        }
+      } else {
+        mergeTargetNode = null;
+      }
+
+      if (nextNode === endBlockNode) {
+        break;
+      }
+
+      nextNode = tempNext;
+    }
+  }
+};
+/**
+ * Find same tagName nodes in range and merge nodes.
+ * For example range is like this
+ * AAABBB
+ * nodes is changed below
+ * AAABBB
+ * @param {range} range
+ * @param {string} tagName
+ * @private
+ */
+
+
+var optimizeRange = function optimizeRange(range, tagName) {
+  var collapsed = range.collapsed,
+      commonAncestorContainer = range.commonAncestorContainer,
+      startContainer = range.startContainer,
+      endContainer = range.endContainer;
+
+  if (!collapsed) {
+    var optimizedNode = null;
+
+    if (startContainer !== endContainer) {
+      var startNode = getParentUntil(startContainer, commonAncestorContainer);
+      var endNode = getParentUntil(endContainer, commonAncestorContainer);
+
+      if (startNode && endNode) {
+        mergeSameNodes(startNode, endNode, tagName);
+      }
+
+      optimizedNode = commonAncestorContainer;
+    } else if (isTextNode(startContainer)) {
+      optimizedNode = startContainer.parentNode;
+    }
+
+    if (optimizedNode && optimizedNode.nodeName === tagName) {
+      var _optimizedNode = optimizedNode,
+          previousSibling = _optimizedNode.previousSibling;
+      var tempNode;
+
+      if (previousSibling) {
+        tempNode = changeTagOrder(previousSibling);
+
+        if (tempNode.nodeName === tagName) {
+          mergeNode(optimizedNode, tempNode);
+        }
+      }
+
+      var _optimizedNode2 = optimizedNode,
+          nextSibling = _optimizedNode2.nextSibling;
+
+      if (nextSibling) {
+        tempNode = changeTagOrder(nextSibling);
+
+        if (tempNode.nodeName === tagName) {
+          mergeNode(tempNode, optimizedNode);
+        }
+      }
+    }
+  }
+};
+/**
+ * Gets all text node from root element.
+ * @param {HTMLElement} root Root element
+ * @returns {Array} list of text nodes
+ * @ignore
+ */
+
+
+var getAllTextNode = function getAllTextNode(root) {
+  var walker = document.createTreeWalker(root, 4, null, false);
+  var result = [];
+
+  while (walker.nextNode()) {
+    var node = walker.currentNode;
+
+    if (isTextNode(node)) {
+      result.push(node);
+    }
+  }
+
+  return result;
+};
+/**
+ * Check whether the node is 'TD' or 'TH'
+ * @param {HTMLElement} node - the target node
+ * @returns {boolean} - whether the node is 'TD' or 'TH'
+ * @ignore
+ */
+
+
+var isCellNode = function isCellNode(node) {
+  if (!node) {
+    return false;
+  }
+
+  return node.nodeName === 'TD' || node.nodeName === 'TH';
+};
+/**
+ * Get the last node on the target node by the condition
+ * @param {HTMLElement} node - the target node
+ * @returns {function} - the condition to find the node
+ * @ignore
+ */
+
+
+var getLastNodeBy = function getLastNodeBy(node, condition) {
+  var lastNode = node && node.lastChild;
+
+  while (lastNode && condition(lastNode)) {
+    lastNode = lastNode.lastChild;
+  }
+
+  return lastNode;
+};
+/**
+ * Get the parent node on the target node by the condition
+ * @param {HTMLElement} node - the target node
+ * @returns {function} - the condition to find the node
+ * @ignore
+ */
+
+
+var getParentNodeBy = function getParentNodeBy(node, condition) {
+  while (node && condition(node.parentNode, node)) {
+    node = node.parentNode;
+  }
+
+  return node;
+};
+/**
+ * Get the sibling node on the target node by the condition
+ * @param {HTMLElement} node - the target node
+ * @param {string} direction - the direction to find node ('previous', 'next')
+ * @returns {function} - the condition to find the node
+ * @ignore
+ */
+
+
+var getSiblingNodeBy = function getSiblingNodeBy(node, direction, condition) {
+  var directionKey = direction + "Sibling";
+
+  while (node && condition(node[directionKey], node)) {
+    node = node[directionKey];
+  }
+
+  return node;
+};
+/**
+ * Create element with contents
+ * @param {string|Node} contents - contents to appended
+ * @param {HTMLElement} [target] - container element to append contents
+ * @returns {Node} created node
+ * @ignore
+ */
+
+
+function createElementWith(contents, target) {
+  var container = document.createElement('div');
+
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(contents)) {
+    container.innerHTML = contents;
+  } else {
+    container.appendChild(contents);
+  }
+
+  var firstChild = container.firstChild;
+
+  if (target) {
+    target.appendChild(firstChild);
+  }
+
+  return firstChild;
+}
+/**
+ * Find nodes matching by selector
+ * @param {HTMLElement} element - target element
+ * @param {string} selector - selector to find nodes
+ * @returns {Array.} found nodes
+ * @ignore
+ */
+
+
+function findAll(element, selector) {
+  var nodeList = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(element.querySelectorAll(selector));
+
+  if (nodeList.length) {
+    return nodeList;
+  }
+
+  return [];
+}
+/**
+ * Checks whether specific node is included in target node
+ * @param {HTMLElement} element - target to find
+ * @param {Node} containedNode - node to find
+ * @returns {boolean} whether node is contained or not
+ * @ignore
+ */
+
+
+function isContain(element, contained) {
+  return element !== contained && element.contains(contained);
+}
+/**
+ * Gets closest node matching by selector
+ * @param {Node} node - target node
+ * @param {string|Node} found - selector or element to find node
+ * @param {Node} [root] - root node
+ * @returns {?Node} - found node
+ * @ignore
+ */
+
+
+function closest(node, found, root) {
+  var condition;
+  root = root || document;
+
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(found)) {
+    condition = function condition(target) {
+      return tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(target, found);
+    };
+  } else {
+    condition = function condition(target) {
+      return target === found;
+    };
+  }
+
+  while (node && node !== root) {
+    if (isElemNode(node) && condition(node)) {
+      return node;
+    }
+
+    node = node.parentNode;
+  }
+
+  return null;
+}
+/**
+ * Gets parent node matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string} [selector] - selector to find
+ * @returns {Node} found node
+ * @ignore
+ */
+
+
+function parent(node, selector) {
+  var parentNode = node.parentNode;
+
+  if (selector) {
+    return parentNode && tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(parentNode, selector) ? parentNode : null;
+  }
+
+  return parentNode;
+}
+/**
+ * Gets ancestor nodes matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string|Node} found - selector or node to find
+ * @returns {Array.} found nodes
+ * @ignore
+ */
+
+
+function parents(node, found) {
+  var result = [];
+
+  while (node && node !== document) {
+    node = closest(node.parentNode, found);
+
+    if (node) {
+      result.push(node);
+    }
+  }
+
+  return result;
+}
+/**
+ * Gets ancestor nodes until matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string} selector - selector to find
+ * @param {Array.} found nodes
+ * @ignore
+ */
+
+
+function parentsUntil(node, selector) {
+  var result = [];
+
+  while (node.parentNode && !tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(node.parentNode, selector)) {
+    node = node.parentNode;
+
+    if (node) {
+      result.push(node);
+    }
+  }
+
+  return result;
+}
+/**
+ * Gets child nodes matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string} selector - selector to find
+ * @returns {Array.} found nodes
+ * @ignore
+ */
+
+
+function children(node, selector) {
+  var foundChildren;
+
+  if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+    foundChildren = node.childNodes;
+  } else {
+    foundChildren = node.children;
+  }
+
+  return tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(foundChildren).filter(function (child) {
+    return tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(child, selector);
+  });
+}
+/**
+ * Appends node(s) on target node
+ * @param {Node} node - target node
+ * @param {string|Node} appended - html string or node to append
+ * @ignore
+ */
+
+
+function append(node, appended) {
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(appended)) {
+    node.insertAdjacentHTML('beforeEnd', appended);
+  } else {
+    appended = appended.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(appended) : [appended];
+
+    for (var i = 0, len = appended.length; i < len; i += 1) {
+      node.appendChild(appended[i]);
+    }
+  }
+}
+/**
+ * Prepends node(s) on target node
+ * @param {Node} node - target node
+ * @param {string|Node} appended - html string or node to append
+ * @ignore
+ */
+
+
+function prepend(node, appended) {
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(appended)) {
+    node.insertAdjacentHTML('afterBegin', appended);
+  } else {
+    appended = appended.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(appended) : [appended];
+
+    for (var i = appended.length - 1, len = 0; i >= len; i -= 1) {
+      node.insertBefore(appended[i], node.firstChild);
+    }
+  }
+}
+/**
+ * Inserts new node in front of target node
+ * @param {Node} insertedNode - node to insert
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function insertBefore(insertedNode, node) {
+  var parentNode = node.parentNode;
+
+  if (parentNode) {
+    parentNode.insertBefore(insertedNode, node);
+  }
+}
+/**
+ * Inserts new node after target node
+ * @param {Node} insertedNode - node to insert
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function insertAfter(insertedNode, node) {
+  var parentNode = node.parentNode;
+
+  if (parentNode) {
+    parentNode.insertBefore(insertedNode, node.nextSibling);
+  }
+}
+/**
+ * Replaces target node(s) with html
+ * @param {Node} nodeList - target node(s) to replace
+ * @param {string} html - replaced html
+ * @ignore
+ */
+
+
+function replaceWith(nodeList, html) {
+  nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList];
+  nodeList.forEach(function (node) {
+    node.insertAdjacentHTML('afterEnd', html);
+    node.parentNode.removeChild(node);
+  });
+}
+/**
+ * Adds parent element to target node(s)
+ * @param {Node|Array.} nodeList - target node(s)
+ * @param {string} nodeName - node name to change parent element
+ * @ignore
+ */
+
+
+function wrap(nodeList, nodeName) {
+  nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList];
+  nodeList.forEach(function (node) {
+    var wrapper = document.createElement(nodeName);
+    node.parentNode.insertBefore(wrapper, node);
+    wrapper.appendChild(node);
+  });
+}
+/**
+ * Adds child element to target node(s)
+ * @param {Node|Array.} nodeList - target node(s)
+ * @param {string} nodeName - node name to change child element
+ * @ignore
+ */
+
+
+function wrapInner(nodeList, nodeName) {
+  nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList];
+  nodeList.forEach(function (node) {
+    var wrapper = document.createElement(nodeName);
+    node.appendChild(wrapper);
+
+    while (node.firstChild !== wrapper) {
+      wrapper.appendChild(node.firstChild);
+    }
+  });
+}
+/**
+ * Removes target element and insert children at the same position
+ * @param {Node} node - parent node
+ * @returns {Array.} unwrapped nodes
+ * @ignore
+ */
+
+
+function unwrap(node) {
+  var result = [];
+
+  while (node.firstChild) {
+    result.push(node.firstChild);
+    node.parentNode.insertBefore(node.firstChild, node);
+  }
+
+  remove(node);
+  return result;
+}
+/**
+ * Removes target node from parent node
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function remove(node) {
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
+}
+/**
+ * Removes all children of target node
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function empty(node) {
+  while (node.firstChild) {
+    node.removeChild(node.firstChild);
+  }
+}
+/**
+ * Sets offset value of target element
+ * @param {HTMLElement} element - target element
+ * @returns {Object.} offset values
+ * @ignore
+ */
+
+
+function setOffset(element, offset) {
+  var _element$parentNode$g = element.parentNode.getBoundingClientRect(),
+      top = _element$parentNode$g.top,
+      left = _element$parentNode$g.left;
+
+  tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default()(element, {
+    top: offset.top - top - document.body.scrollTop + "px"
+  });
+  tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default()(element, {
+    left: offset.left - left - document.body.scrollLeft + "px"
+  });
+}
+/**
+ * Gets offset value of target element
+ * @param {HTMLElement} element - target element
+ * @param {string} [selector] - selector to stop finding node
+ * @returns {Object.} offset values
+ * @ignore
+ */
+
+
+function getOffset(element, selector) {
+  if (selector === void 0) {
+    selector = 'document';
+  }
+
+  var top = 0;
+  var left = 0;
+
+  do {
+    top += element.offsetTop || 0;
+    left += element.offsetLeft || 0;
+    element = element.offsetParent;
+  } while (element && !tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(element, selector));
+
+  return {
+    top: top,
+    left: left
+  };
+}
+/**
+ * Gets outer width value of target element
+ * @param {HTMLElement} element - target element
+ * @param {boolean} includedMargin - whether to include margir or not
+ * @returns {number} outer width value
+ * @ignore
+ */
+
+
+function getOuterWidth(element, includedMargin) {
+  var widthValue = element.offsetWidth;
+
+  if (includedMargin) {
+    var _getComputedStyle = getComputedStyle(element),
+        marginLeft = _getComputedStyle.marginLeft,
+        marginRight = _getComputedStyle.marginRight;
+
+    widthValue += parseInt(marginLeft, 10) + parseInt(marginRight, 10);
+  }
+
+  return widthValue;
+}
+/**
+ * Gets outer height value of target element
+ * @param {HTMLElement} element - target element
+ * @param {boolean} includedMargin - whether to include margir or not
+ * @returns {number} outer height value
+ * @ignore
+ */
+
+
+function getOuterHeight(element, includedMargin) {
+  var heightValue = element.offsetHeight;
+
+  if (includedMargin) {
+    var _getComputedStyle2 = getComputedStyle(element),
+        marginTop = _getComputedStyle2.marginTop,
+        marginBottom = _getComputedStyle2.marginBottom;
+
+    heightValue += parseInt(marginTop, 10) + parseInt(marginBottom, 10);
+  }
+
+  return heightValue;
+}
+/**
+ * Toggles class name of target element
+ * @param {HTMLElement} element - target element
+ * @param {string} className - class name to toggle
+ * @param {boolean} [state] - whether to toggle or not by condition
+ * @ignore
+ */
+
+
+var toggleClass = function toggleClass(element, className, state) {
+  if (tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(state)) {
+    state = !tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6___default()(element, className);
+  }
+
+  var toggleFn = state ? tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4___default.a : tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5___default.a;
+  toggleFn(element, className);
+};
+/**
+ * Finalize html result
+ * @param {HTMLElement} html root element
+ * @param {boolean} needHtmlText pass true if need html text
+ * @returns {string|DocumentFragment} result
+ * @ignore
+ */
+
+
+function finalizeHtml(html, needHtmlText) {
+  var result;
+
+  if (needHtmlText) {
+    result = html.innerHTML;
+  } else {
+    var frag = document.createDocumentFragment();
+    var childNodes = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(html.childNodes);
+    var length = childNodes.length;
+
+    for (var i = 0; i < length; i += 1) {
+      frag.appendChild(childNodes[i]);
+    }
+
+    result = frag;
+  }
+
+  return result;
+}
+/**
+ * Get fragment replaced by newline to br tag
+ * @param {string} text original text
+ * @returns {DocumentFragment} fragment
+ * @ignore
+ */
+
+
+function getFragmentReplacedByNewlineToBr(text) {
+  var fragment = document.createDocumentFragment();
+  var texts = text.split('\n');
+  texts.forEach(function (plainText, index) {
+    var textNode = document.createTextNode(plainText);
+    fragment.appendChild(textNode);
+
+    if (index < texts.length - 1) {
+      fragment.appendChild(document.createElement('br'));
+    }
+  });
+  return fragment;
+}
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  getNodeName: getNodeName,
+  isTextNode: isTextNode,
+  isElemNode: isElemNode,
+  isBlockNode: isBlockNode,
+  getTextLength: getTextLength,
+  getOffsetLength: getOffsetLength,
+  getPrevOffsetNodeUntil: getPrevOffsetNodeUntil,
+  getNodeOffsetOfParent: getNodeOffsetOfParent,
+  getChildNodeByOffset: getChildNodeByOffset,
+  getNodeWithDirectionUntil: getNodeWithDirectionUntil,
+  containsNode: containsNode,
+  getTopPrevNodeUnder: getTopPrevNodeUnder,
+  getTopNextNodeUnder: getTopNextNodeUnder,
+  getParentUntilBy: getParentUntilBy,
+  getParentUntil: getParentUntil,
+  getTopBlockNode: getTopBlockNode,
+  getPrevTextNode: getPrevTextNode,
+  findOffsetNode: findOffsetNode,
+  getPath: getPath,
+  getNodeInfo: getNodeInfo,
+  getTableCellByDirection: getTableCellByDirection,
+  getSiblingRowCellByDirection: getSiblingRowCellByDirection,
+  isMDSupportInlineNode: isMDSupportInlineNode,
+  isStyledNode: isStyledNode,
+  removeChildFromStartToEndNode: removeChildFromStartToEndNode,
+  removeNodesByDirection: removeNodesByDirection,
+  getLeafNode: getLeafNode,
+  isInsideButtonBox: isInsideButtonBox,
+  isListNode: isListNode,
+  isFirstListItem: isFirstListItem,
+  isFirstLevelListItem: isFirstLevelListItem,
+  mergeNode: mergeNode,
+  createHorizontalRule: createHorizontalRule,
+  createEmptyLine: createEmptyLine,
+  changeTagOrder: changeTagOrder,
+  mergeSameNodes: mergeSameNodes,
+  optimizeRange: optimizeRange,
+  getAllTextNode: getAllTextNode,
+  isCellNode: isCellNode,
+  getLastNodeBy: getLastNodeBy,
+  getParentNodeBy: getParentNodeBy,
+  getSiblingNodeBy: getSiblingNodeBy,
+  createElementWith: createElementWith,
+  findAll: findAll,
+  isContain: isContain,
+  closest: closest,
+  parent: parent,
+  parents: parents,
+  parentsUntil: parentsUntil,
+  children: children,
+  append: append,
+  prepend: prepend,
+  insertBefore: insertBefore,
+  insertAfter: insertAfter,
+  replaceWith: replaceWith,
+  wrap: wrap,
+  wrapInner: wrapInner,
+  unwrap: unwrap,
+  remove: remove,
+  empty: empty,
+  setOffset: setOffset,
+  getOffset: getOffset,
+  getOuterWidth: getOuterWidth,
+  getOuterHeight: getOuterHeight,
+  toggleClass: toggleClass,
+  finalizeHtml: finalizeHtml,
+  getFragmentReplacedByNewlineToBr: getFragmentReplacedByNewlineToBr
+});
+
+/***/ }),
+/* 1 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/object/extend.js
+var extend = __webpack_require__(7);
+var extend_default = /*#__PURE__*/__webpack_require__.n(extend);
+
+// CONCATENATED MODULE: ./src/js/command.js
+/**
+ * @fileoverview Implements Command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Command
+ * @param {string} name Command name
+ * @param {number} type Command type (Command.TYPE)
+ * @param {Array.} [keyMap] keyMap
+ * @ignore
+ */
+
+var Command = /*#__PURE__*/function () {
+  function Command(name, type, keyMap) {
+    this.name = name;
+    this.type = type;
+
+    if (keyMap) {
+      this.setKeyMap(keyMap);
+    }
+  }
+  /**
+   * returns Name of command
+   * @returns {string} Command Name
+   */
+
+
+  var _proto = Command.prototype;
+
+  _proto.getName = function getName() {
+    return this.name;
+  }
+  /**
+   * returns Type of command
+   * @returns {number} Command Command type number
+   */
+  ;
+
+  _proto.getType = function getType() {
+    return this.type;
+  }
+  /**
+   * returns whether Command Type is Markdown or not
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isMDType = function isMDType() {
+    return this.type === Command.TYPE.MD;
+  }
+  /**
+   * returns whether Command Type is Wysiwyg or not
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isWWType = function isWWType() {
+    return this.type === Command.TYPE.WW;
+  }
+  /**
+   * returns whether Command Type is Global or not
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isGlobalType = function isGlobalType() {
+    return this.type === Command.TYPE.GB;
+  }
+  /**
+   * Set keymap value for each os
+   * @param {string} win Windows Key(and etc)
+   * @param {string} mac Mac osx key
+   */
+  ;
+
+  _proto.setKeyMap = function setKeyMap(win, mac) {
+    this.keyMap = [win, mac];
+  };
+
+  return Command;
+}();
+/**
+ * Command factory method
+ * @param {string} typeStr Editor type name
+ * @param {object} props Property
+ *     @param {string} props.name Command name
+ *     @param {number} props.type Command type number
+ * @returns {Command}
+ * @static
+ */
+
+
+Command.factory = function (typeStr, props) {
+  var type;
+
+  if (typeStr === 'markdown') {
+    type = Command.TYPE.MD;
+  } else if (typeStr === 'wysiwyg') {
+    type = Command.TYPE.WW;
+  } else if (typeStr === 'global') {
+    type = Command.TYPE.GB;
+  }
+
+  var command = new Command(props.name, type);
+  extend_default()(command, props);
+  return command;
+};
+/**
+ * Command Type Constant
+ * markdown : 0
+ * wysiwyg : 1
+ * global : 2
+ * @type {object}
+ * @private
+ */
+
+
+Command.TYPE = {
+  MD: 0,
+  WW: 1,
+  GB: 2
+};
+/* harmony default export */ var js_command = (Command);
+// EXTERNAL MODULE: ./src/js/utils/common.js
+var common = __webpack_require__(12);
+
+// EXTERNAL MODULE: ./src/js/utils/map.js
+var map = __webpack_require__(23);
+
+// CONCATENATED MODULE: ./src/js/commandManager.js
+/**
+ * @fileoverview Implements CommandManager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var KEYMAP_OS_INDEX = common["b" /* isMac */] ? 1 : 0;
+/**
+ * Class CommandManager
+ * @param {ToastUIEditor} base nedInstance
+ * @param {object} [options={}] - option object
+ *     @param {boolean} [options.useCommandShortcut=true] - execute command with keyMap
+ * @ignore
+ */
+
+var commandManager_CommandManager = /*#__PURE__*/function () {
+  function CommandManager(base, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    this._command = new map["a" /* default */]();
+    this._mdCommand = new map["a" /* default */]();
+    this._wwCommand = new map["a" /* default */]();
+    this._options = extend_default()({
+      useCommandShortcut: true
+    }, options);
+    this.base = base;
+    this.keyMapCommand = {};
+
+    this._initEvent();
+  }
+  /**
+   * You can change command before command addition by addCommandBefore event.
+   * @param {object} command - command
+   * @returns {object}
+   * @private
+   */
+
+
+  var _proto = CommandManager.prototype;
+
+  _proto._addCommandBefore = function _addCommandBefore(command) {
+    var commandWrapper = {
+      command: command
+    };
+    this.base.eventManager.emit('addCommandBefore', commandWrapper);
+    return commandWrapper.command || command;
+  }
+  /**
+   * Add command
+   * @param {Command} command Command instance
+   * @returns {Command} Command
+   */
+  ;
+
+  _proto.addCommand = function addCommand(command) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    if (args.length) {
+      command = CommandManager.command.apply(CommandManager, [command].concat(args));
+    }
+
+    command = this._addCommandBefore(command);
+    var name = command.getName();
+    var commandBase;
+
+    if (command.isMDType()) {
+      commandBase = this._mdCommand;
+    } else if (command.isWWType()) {
+      commandBase = this._wwCommand;
+    } else if (command.isGlobalType()) {
+      commandBase = this._command;
+    }
+
+    commandBase.set(name, command);
+
+    if (command.keyMap) {
+      this.keyMapCommand[command.keyMap[KEYMAP_OS_INDEX]] = name;
+    }
+
+    return command;
+  }
+  /**
+   * _initEvent
+   * Bind event handler to eventManager
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.base.eventManager.listen('command', function () {
+      _this.exec.apply(_this, arguments);
+    });
+    this.base.eventManager.listen('keyMap', function (ev) {
+      if (!_this._options.useCommandShortcut) {
+        return;
+      }
+
+      var command = _this.keyMapCommand[ev.keyMap];
+
+      if (command) {
+        ev.data.preventDefault();
+
+        _this.exec(command);
+      }
+    });
+  }
+  /**
+   * Execute command
+   * @param {String} name Command name
+   * @param {*} ...args Command argument
+   * @returns {*}
+   */
+  ;
+
+  _proto.exec = function exec(name) {
+    var commandToRun, result;
+    var context = this.base;
+    commandToRun = this._command.get(name);
+
+    if (!commandToRun) {
+      if (this.base.isMarkdownMode()) {
+        commandToRun = this._mdCommand.get(name);
+        context = this.base.mdEditor;
+      } else {
+        commandToRun = this._wwCommand.get(name);
+        context = this.base.wwEditor;
+      }
+    }
+
+    if (commandToRun) {
+      var _commandToRun;
+
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      args.unshift(context);
+      result = (_commandToRun = commandToRun).exec.apply(_commandToRun, args);
+    }
+
+    return result;
+  };
+
+  return CommandManager;
+}();
+/**
+ * Create command by given editor type and property object
+ * @param {string} type Command type
+ * @param {{name: string, keyMap: Array}} props Property
+ * @returns {*}
+ * @static
+ */
+
+
+commandManager_CommandManager.command = function (type, props) {
+  var command = js_command.factory(type, props.name, props.keyMap);
+  extend_default()(command, props);
+  return command;
+};
+
+/* harmony default export */ var commandManager = __webpack_exports__["a"] = (commandManager_CommandManager);
+
+/***/ }),
+/* 2 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export hasImageOrCodeBlockNode */
+/* unused harmony export hasSameLineParent */
+/* unused harmony export hasSpecificTypeAncestor */
+/* unused harmony export isEmptyLineNode */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return getMdStartLine; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getMdEndLine; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getMdStartCh; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getMdEndCh; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return isMultiLineNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return isHtmlNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return isStyledTextNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return isListItemNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return isTableCellNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return isInlineNode; });
+/* unused harmony export getLastLeafNode */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return findClosestNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "n", function() { return traverseParentNodes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return addChPos; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "m", function() { return setChPos; });
+/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
+
+function hasImageOrCodeBlockNode(mdNode) {
+  while (mdNode) {
+    if (Object(_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(['image', 'codeBlock'], mdNode.type)) {
+      return true;
+    }
+
+    mdNode = mdNode.firstChild;
+  }
+
+  return false;
+}
+function hasSameLineParent(mdNode) {
+  return mdNode.parent && mdNode.parent.type !== 'document' && mdNode.parent.sourcepos[0][0] === mdNode.sourcepos[0][0];
+}
+function hasSpecificTypeAncestor(mdNode) {
+  for (var _len = arguments.length, types = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    types[_key - 1] = arguments[_key];
+  }
+
+  while (mdNode.parent && mdNode.parent.type !== 'document') {
+    if (Object(_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(types, mdNode.parent.type)) {
+      return true;
+    }
+
+    mdNode = mdNode.parent;
+  }
+
+  return false;
+}
+function isEmptyLineNode(text, mdNode) {
+  return !text.trim() && !hasImageOrCodeBlockNode(mdNode);
+}
+function getMdStartLine(mdNode) {
+  return mdNode.sourcepos[0][0];
+}
+function getMdEndLine(mdNode) {
+  return mdNode.sourcepos[1][0];
+}
+function getMdStartCh(mdNode) {
+  return mdNode.sourcepos[0][1];
+}
+function getMdEndCh(mdNode) {
+  return mdNode.sourcepos[1][1];
+}
+function isMultiLineNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'codeBlock' || type === 'paragraph';
+}
+function isHtmlNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'htmlBlock' || type === 'htmlInline';
+}
+function isStyledTextNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'strike' || type === 'strong' || type === 'emph';
+}
+function isListItemNode(mdNode) {
+  return mdNode.type === 'item';
+}
+function isTableCellNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'tableCell' || type === 'tableDelimCell';
+}
+function isInlineNode(mdNode) {
+  switch (mdNode.type) {
+    case 'code':
+    case 'text':
+    case 'emph':
+    case 'strong':
+    case 'strike':
+    case 'link':
+    case 'image':
+    case 'htmlInline':
+    case 'linebreak':
+    case 'softbreak':
+      return true;
+
+    default:
+      return false;
+  }
+}
+function getLastLeafNode(mdNode) {
+  while (mdNode.lastChild) {
+    mdNode = mdNode.lastChild;
+  }
+
+  return mdNode;
+}
+function findClosestNode(mdNode, condition, includeSelf) {
+  if (includeSelf === void 0) {
+    includeSelf = true;
+  }
+
+  mdNode = includeSelf ? mdNode : mdNode.parent;
+
+  while (mdNode && mdNode.type !== 'document') {
+    if (condition(mdNode)) {
+      return mdNode;
+    }
+
+    mdNode = mdNode.parent;
+  }
+
+  return null;
+}
+function traverseParentNodes(mdNode, iteratee, includeSelf) {
+  if (includeSelf === void 0) {
+    includeSelf = true;
+  }
+
+  mdNode = includeSelf ? mdNode : mdNode.parent;
+
+  while (mdNode && mdNode.type !== 'document') {
+    iteratee(mdNode);
+    mdNode = mdNode.parent;
+  }
+}
+function addChPos(originPos, addedCh) {
+  return {
+    line: originPos.line,
+    ch: originPos.ch + addedCh
+  };
+}
+function setChPos(originPos, newCh) {
+  return {
+    line: originPos.line,
+    ch: newCh
+  };
+}
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Transform the Array-like object to Array.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachArray = __webpack_require__(21);
+
+/**
+ * Transform the Array-like object to Array.
+ * In low IE (below 8), Array.prototype.slice.call is not perfect. So, try-catch statement is used.
+ * @param {*} arrayLike Array-like object
+ * @returns {Array} Array
+ * @memberof module:collection
+ * @example
+ * var toArray = require('tui-code-snippet/collection/toArray'); // node, commonjs
+ *
+ * var arrayLike = {
+ *     0: 'one',
+ *     1: 'two',
+ *     2: 'three',
+ *     3: 'four',
+ *     length: 4
+ * };
+ * var result = toArray(arrayLike);
+ *
+ * alert(result instanceof Array); // true
+ * alert(result); // one,two,three,four
+ */
+function toArray(arrayLike) {
+  var arr;
+  try {
+    arr = Array.prototype.slice.call(arrayLike);
+  } catch (e) {
+    arr = [];
+    forEachArray(arrayLike, function(value) {
+      arr.push(value);
+    });
+  }
+
+  return arr;
+}
+
+module.exports = toArray;
+
+
+/***/ }),
+/* 4 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Setting element style
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isString = __webpack_require__(9);
+var forEach = __webpack_require__(26);
+
+/**
+ * Setting element style
+ * @param {(HTMLElement|SVGElement)} element - element to setting style
+ * @param {(string|object)} key - style prop name or {prop: value} pair object
+ * @param {string} [value] - style value
+ * @memberof module:domUtil
+ */
+function css(element, key, value) {
+  var style = element.style;
+
+  if (isString(key)) {
+    style[key] = value;
+
+    return;
+  }
+
+  forEach(key, function(v, k) {
+    style[k] = v;
+  });
+}
+
+module.exports = css;
+
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Add css class to element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEach = __webpack_require__(26);
+var inArray = __webpack_require__(14);
+var getClass = __webpack_require__(33);
+var setClassName = __webpack_require__(39);
+
+/**
+ * domUtil module
+ * @module domUtil
+ */
+
+/**
+ * Add css class to element
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {...string} cssClass - css classes to add
+ * @memberof module:domUtil
+ */
+function addClass(element) {
+  var cssClass = Array.prototype.slice.call(arguments, 1);
+  var classList = element.classList;
+  var newClass = [];
+  var origin;
+
+  if (classList) {
+    forEach(cssClass, function(name) {
+      element.classList.add(name);
+    });
+
+    return;
+  }
+
+  origin = getClass(element);
+
+  if (origin) {
+    cssClass = [].concat(origin.split(/\s+/), cssClass);
+  }
+
+  forEach(cssClass, function(cls) {
+    if (inArray(cls, newClass) < 0) {
+      newClass.push(cls);
+    }
+  });
+
+  setClassName(element, newClass);
+}
+
+module.exports = addClass;
+
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Remove css class from element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachArray = __webpack_require__(21);
+var inArray = __webpack_require__(14);
+var getClass = __webpack_require__(33);
+var setClassName = __webpack_require__(39);
+
+/**
+ * Remove css class from element
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {...string} cssClass - css classes to remove
+ * @memberof module:domUtil
+ */
+function removeClass(element) {
+  var cssClass = Array.prototype.slice.call(arguments, 1);
+  var classList = element.classList;
+  var origin, newClass;
+
+  if (classList) {
+    forEachArray(cssClass, function(name) {
+      classList.remove(name);
+    });
+
+    return;
+  }
+
+  origin = getClass(element).split(/\s+/);
+  newClass = [];
+  forEachArray(origin, function(name) {
+    if (inArray(name, cssClass) < 0) {
+      newClass.push(name);
+    }
+  });
+
+  setClassName(element, newClass);
+}
+
+module.exports = removeClass;
+
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Extend the target object from other objects.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * @module object
+ */
+
+/**
+ * Extend the target object from other objects.
+ * @param {object} target - Object that will be extended
+ * @param {...object} objects - Objects as sources
+ * @returns {object} Extended object
+ * @memberof module:object
+ */
+function extend(target, objects) { // eslint-disable-line no-unused-vars
+  var hasOwnProp = Object.prototype.hasOwnProperty;
+  var source, prop, i, len;
+
+  for (i = 1, len = arguments.length; i < len; i += 1) {
+    source = arguments[i];
+    for (prop in source) {
+      if (hasOwnProp.call(source, prop)) {
+        target[prop] = source[prop];
+      }
+    }
+  }
+
+  return target;
+}
+
+module.exports = extend;
+
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is undefined or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is undefined or not.
+ * If the given variable is undefined, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is undefined?
+ * @memberof module:type
+ */
+function isUndefined(obj) {
+  return obj === undefined; // eslint-disable-line no-undefined
+}
+
+module.exports = isUndefined;
+
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a string or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a string or not.
+ * If the given variable is a string, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is string?
+ * @memberof module:type
+ */
+function isString(obj) {
+  return typeof obj === 'string' || obj instanceof String;
+}
+
+module.exports = isString;
+
+
+/***/ }),
+/* 10 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Execute the provided callback once for each property of object which actually exist.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Execute the provided callback once for each property of object which actually exist.
+ * If the callback function returns false, the loop will be stopped.
+ * Callback function(iteratee) is invoked with three arguments:
+ *  1) The value of the property
+ *  2) The name of the property
+ *  3) The object being traversed
+ * @param {Object} obj The object that will be traversed
+ * @param {function} iteratee  Callback function
+ * @param {Object} [context] Context(this) of callback function
+ * @memberof module:collection
+ * @example
+ * var forEachOwnProperties = require('tui-code-snippet/collection/forEachOwnProperties'); // node, commonjs
+ *
+ * var sum = 0;
+ *
+ * forEachOwnProperties({a:1,b:2,c:3}, function(value){
+ *     sum += value;
+ * });
+ * alert(sum); // 6
+ */
+function forEachOwnProperties(obj, iteratee, context) {
+  var key;
+
+  context = context || null;
+
+  for (key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      if (iteratee.call(context, obj[key], key, obj) === false) {
+        break;
+      }
+    }
+  }
+}
+
+module.exports = forEachOwnProperties;
+
+
+/***/ }),
+/* 11 */,
+/* 12 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return isMac; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return sendHostName; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return includes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return sanitizeLinkAttribute; });
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43);
+/* harmony import */ var tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var isMac = /Mac/.test(navigator.platform);
+function sendHostName() {
+  tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1___default()('editor', 'UA-129966929-1');
+}
+function includes(arr, targetItem) {
+  return arr.indexOf(targetItem) !== -1;
+}
+var availableLinkAttributes = ['rel', 'target', 'contenteditable', 'hreflang', 'type'];
+/**
+ * sanitize attribute for link
+ * @param {object} attribute - attribute for link
+ * @returns {object} sanitized attribute
+ */
+
+function sanitizeLinkAttribute(attribute) {
+  if (!attribute) {
+    return null;
+  }
+
+  var linkAttribute = {};
+  availableLinkAttributes.forEach(function (key) {
+    if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0___default()(attribute[key])) {
+      linkAttribute[key] = attribute[key];
+    }
+  });
+  return linkAttribute;
+}
+
+/***/ }),
+/* 13 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check element match selector
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var inArray = __webpack_require__(14);
+var toArray = __webpack_require__(3);
+
+var elProto = Element.prototype;
+var matchSelector = elProto.matches ||
+    elProto.webkitMatchesSelector ||
+    elProto.mozMatchesSelector ||
+    elProto.msMatchesSelector ||
+    function(selector) {
+      var doc = this.document || this.ownerDocument;
+
+      return inArray(this, toArray(doc.querySelectorAll(selector))) > -1;
+    };
+
+/**
+ * Check element match selector
+ * @param {HTMLElement} element - element to check
+ * @param {string} selector - selector to check
+ * @returns {boolean} is selector matched to element?
+ * @memberof module:domUtil
+ */
+function matches(element, selector) {
+  return matchSelector.call(element, selector);
+}
+
+module.exports = matches;
+
+
+/***/ }),
+/* 14 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* eslint-disable complexity */
+/**
+ * @fileoverview Returns the first index at which a given element can be found in the array.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+
+/**
+ * @module array
+ */
+
+/**
+ * Returns the first index at which a given element can be found in the array
+ * from start index(default 0), or -1 if it is not present.
+ * It compares searchElement to elements of the Array using strict equality
+ * (the same method used by the ===, or triple-equals, operator).
+ * @param {*} searchElement Element to locate in the array
+ * @param {Array} array Array that will be traversed.
+ * @param {number} startIndex Start index in array for searching (default 0)
+ * @returns {number} the First index at which a given element, or -1 if it is not present
+ * @memberof module:array
+ * @example
+ * var inArray = require('tui-code-snippet/array/inArray'); // node, commonjs
+ *
+ * var arr = ['one', 'two', 'three', 'four'];
+ * var idx1 = inArray('one', arr, 3); // -1
+ * var idx2 = inArray('one', arr); // 0
+ */
+function inArray(searchElement, array, startIndex) {
+  var i;
+  var length;
+  startIndex = startIndex || 0;
+
+  if (!isArray(array)) {
+    return -1;
+  }
+
+  if (Array.prototype.indexOf) {
+    return Array.prototype.indexOf.call(array, searchElement, startIndex);
+  }
+
+  length = array.length;
+  for (i = startIndex; startIndex >= 0 && i < length; i += 1) {
+    if (array[i] === searchElement) {
+      return i;
+    }
+  }
+
+  return -1;
+}
+
+module.exports = inArray;
+
+
+/***/ }),
+/* 15 */,
+/* 16 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check element has specific css class
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var inArray = __webpack_require__(14);
+var getClass = __webpack_require__(33);
+
+/**
+ * Check element has specific css class
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {string} cssClass - css class
+ * @returns {boolean}
+ * @memberof module:domUtil
+ */
+function hasClass(element, cssClass) {
+  var origin;
+
+  if (element.classList) {
+    return element.classList.contains(cssClass);
+  }
+
+  origin = getClass(element).split(/\s+/);
+
+  return inArray(cssClass, origin) > -1;
+}
+
+module.exports = hasClass;
+
+
+/***/ }),
+/* 17 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is an instance of Array or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is an instance of Array or not.
+ * If the given variable is an instance of Array, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is array instance?
+ * @memberof module:type
+ */
+function isArray(obj) {
+  return obj instanceof Array;
+}
+
+module.exports = isArray;
+
+
+/***/ }),
+/* 18 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return isNodeToBeCalculated; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getAdditionalTopPos; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return getParentNodeObj; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getCmRangeHeight; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getNextEmptyLineHeight; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return getTotalOffsetTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return findAdjacentElementToScrollTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getFallbackScrollTop; });
+/* harmony import */ var _utils_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
+/* harmony import */ var _utils_markdown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
+
+
+var nestableTypes = ['list', 'blockQuote'];
+var nestableTagNames = ['UL', 'OL', 'BLOCKQUOTE'];
+var tableElementTagNames = ['TR', 'TH', 'TBODY', 'TD'];
+function isNodeToBeCalculated(mdNode) {
+  return !Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTypes, mdNode.type);
+}
+function getAdditionalTopPos(scrollTop, offsetTop, currentNodeHeight, targetNodeHeight) {
+  var diff = (scrollTop - offsetTop) / currentNodeHeight;
+  return diff < 1 ? diff * targetNodeHeight : targetNodeHeight;
+}
+function getParentNodeObj(mdNode) {
+  var node = document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]");
+
+  while (!node || Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(tableElementTagNames, mdNode.type) || Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* isStyledTextNode */ "k"])(mdNode)) {
+    mdNode = mdNode.parent;
+    node = document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]");
+  }
+
+  return getNonNestableNodeObj(getParentListItemObj(mdNode));
+}
+
+function getParentListItemObj(orgMdNode) {
+  var mdNode = orgMdNode;
+
+  while (orgMdNode && orgMdNode !== 'document') {
+    if (orgMdNode.type === 'item') {
+      mdNode = orgMdNode;
+      break;
+    }
+
+    orgMdNode = orgMdNode.parent;
+  }
+
+  return {
+    mdNode: mdNode,
+    node: document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]")
+  };
+}
+
+function getNonNestableNodeObj(_ref) {
+  var mdNode = _ref.mdNode,
+      node = _ref.node;
+
+  while (Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTypes, mdNode.type) && mdNode.firstChild) {
+    mdNode = mdNode.firstChild;
+    node = node.firstElementChild;
+  }
+
+  return {
+    mdNode: mdNode,
+    node: node
+  };
+}
+
+function getCmRangeHeight(mdNode, cm) {
+  var start = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdStartLine */ "f"])(mdNode);
+  var end = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdEndLine */ "d"])(mdNode);
+  var cmNodeHeight = cm.lineInfo(start - 1).handle.height;
+  var height = cm.heightAtLine(end, 'local') - cm.heightAtLine(start - 1, 'local');
+  return height <= 0 ? cmNodeHeight : height + getNextEmptyLineHeight(cm, Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdEndLine */ "d"])(mdNode));
+}
+function getNextEmptyLineHeight(cm, start, end) {
+  if (end === void 0) {
+    end = Number.MAX_VALUE;
+  }
+
+  var lineInfo = cm.lineInfo(start);
+
+  if (!lineInfo) {
+    return 0;
+  }
+
+  var detailLineInfo = lineInfo.handle;
+  var height = 0;
+
+  while (start <= end && !detailLineInfo.text.trim()) {
+    height += detailLineInfo.height;
+    start += 1;
+    detailLineInfo = cm.lineInfo(start).handle;
+  }
+
+  return height;
+}
+function getTotalOffsetTop(el, root) {
+  var offsetTop = 0;
+
+  while (el && el !== root) {
+    if (!Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTagNames, el.tagName)) {
+      offsetTop += el.offsetTop;
+    }
+
+    if (el.offsetParent === root.offsetParent) {
+      break;
+    }
+
+    el = el.parentElement;
+  }
+
+  return offsetTop;
+}
+function findAdjacentElementToScrollTop(scrollTop, root) {
+  var el = root;
+  var prev = null;
+
+  while (el) {
+    var _el = el,
+        firstElementChild = _el.firstElementChild;
+
+    if (!firstElementChild) {
+      break;
+    }
+
+    var lastSibling = findLastSiblingElementToScrollTop(firstElementChild, scrollTop, getTotalOffsetTop(el, root));
+    prev = el;
+    el = lastSibling;
+  }
+
+  var adjacentEl = el || prev;
+  return adjacentEl === root ? null : adjacentEl;
+}
+
+function findLastSiblingElementToScrollTop(el, scrollTop, offsetTop) {
+  if (el && scrollTop > offsetTop + el.offsetTop) {
+    return findLastSiblingElementToScrollTop(el.nextElementSibling, scrollTop, offsetTop) || el;
+  }
+
+  return null;
+}
+
+function getFallbackScrollTop(scrollInfo) {
+  var latestScrollTop = scrollInfo.latestScrollTop,
+      scrollTop = scrollInfo.scrollTop,
+      targetScrollTop = scrollInfo.targetScrollTop,
+      sourceScrollTop = scrollInfo.sourceScrollTop;
+
+  if (latestScrollTop === null) {
+    return targetScrollTop;
+  }
+
+  return latestScrollTop < scrollTop ? Math.max(targetScrollTop, sourceScrollTop) : Math.min(targetScrollTop, sourceScrollTop);
+}
+
+/***/ }),
+/* 19 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Bind DOM events
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isString = __webpack_require__(9);
+var forEach = __webpack_require__(26);
+
+var safeEvent = __webpack_require__(40);
+
+/**
+ * Bind DOM events.
+ * @param {HTMLElement} element - element to bind events
+ * @param {(string|object)} types - Space splitted events names or eventName:handler object
+ * @param {(function|object)} handler - handler function or context for handler method
+ * @param {object} [context] context - context for handler method.
+ * @memberof module:domEvent
+ * @example
+ * var div = document.querySelector('div');
+ * 
+ * // Bind one event to an element.
+ * on(div, 'click', toggle);
+ * 
+ * // Bind multiple events with a same handler to multiple elements at once.
+ * // Use event names splitted by a space.
+ * on(div, 'mouseenter mouseleave', changeColor);
+ * 
+ * // Bind multiple events with different handlers to an element at once.
+ * // Use an object which of key is an event name and value is a handler function.
+ * on(div, {
+ *   keydown: highlight,
+ *   keyup: dehighlight
+ * });
+ * 
+ * // Set a context for handler method.
+ * var name = 'global';
+ * var repository = {name: 'CodeSnippet'};
+ * on(div, 'drag', function() {
+ *  console.log(this.name);
+ * }, repository);
+ * // Result when you drag a div: "CodeSnippet"
+ */
+function on(element, types, handler, context) {
+  if (isString(types)) {
+    forEach(types.split(/\s+/g), function(type) {
+      bindEvent(element, type, handler, context);
+    });
+
+    return;
+  }
+
+  forEach(types, function(func, type) {
+    bindEvent(element, type, func, handler);
+  });
+}
+
+/**
+ * Bind DOM events
+ * @param {HTMLElement} element - element to bind events
+ * @param {string} type - events name
+ * @param {function} handler - handler function or context for handler method
+ * @param {object} [context] context - context for handler method.
+ * @private
+ */
+function bindEvent(element, type, handler, context) {
+  /**
+     * Event handler
+     * @param {Event} e - event object
+     */
+  function eventHandler(e) {
+    handler.call(context || element, e || window.event);
+  }
+
+  if ('addEventListener' in element) {
+    element.addEventListener(type, eventHandler);
+  } else if ('attachEvent' in element) {
+    element.attachEvent('on' + type, eventHandler);
+  }
+  memorizeHandler(element, type, handler, eventHandler);
+}
+
+/**
+ * Memorize DOM event handler for unbinding.
+ * @param {HTMLElement} element - element to bind events
+ * @param {string} type - events name
+ * @param {function} handler - handler function that user passed at on() use
+ * @param {function} wrappedHandler - handler function that wrapped by domevent for implementing some features
+ * @private
+ */
+function memorizeHandler(element, type, handler, wrappedHandler) {
+  var events = safeEvent(element, type);
+  var existInEvents = false;
+
+  forEach(events, function(obj) {
+    if (obj.handler === handler) {
+      existInEvents = true;
+
+      return false;
+    }
+
+    return true;
+  });
+
+  if (!existInEvents) {
+    events.push({
+      handler: handler,
+      wrappedHandler: wrappedHandler
+    });
+  }
+}
+
+module.exports = on;
+
+
+/***/ }),
+/* 20 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Unbind DOM events
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isString = __webpack_require__(9);
+var forEach = __webpack_require__(26);
+
+var safeEvent = __webpack_require__(40);
+
+/**
+ * Unbind DOM events
+ * If a handler function is not passed, remove all events of that type.
+ * @param {HTMLElement} element - element to unbind events
+ * @param {(string|object)} types - Space splitted events names or eventName:handler object
+ * @param {function} [handler] - handler function
+ * @memberof module:domEvent
+ * @example
+ * // Following the example of domEvent#on
+ * 
+ * // Unbind one event from an element.
+ * off(div, 'click', toggle);
+ * 
+ * // Unbind multiple events with a same handler from multiple elements at once.
+ * // Use event names splitted by a space.
+ * off(element, 'mouseenter mouseleave', changeColor);
+ * 
+ * // Unbind multiple events with different handlers from an element at once.
+ * // Use an object which of key is an event name and value is a handler function.
+ * off(div, {
+ *   keydown: highlight,
+ *   keyup: dehighlight
+ * });
+ * 
+ * // Unbind events without handlers.
+ * off(div, 'drag');
+ */
+function off(element, types, handler) {
+  if (isString(types)) {
+    forEach(types.split(/\s+/g), function(type) {
+      unbindEvent(element, type, handler);
+    });
+
+    return;
+  }
+
+  forEach(types, function(func, type) {
+    unbindEvent(element, type, func);
+  });
+}
+
+/**
+ * Unbind DOM events
+ * If a handler function is not passed, remove all events of that type.
+ * @param {HTMLElement} element - element to unbind events
+ * @param {string} type - events name
+ * @param {function} [handler] - handler function
+ * @private
+ */
+function unbindEvent(element, type, handler) {
+  var events = safeEvent(element, type);
+  var index;
+
+  if (!handler) {
+    forEach(events, function(item) {
+      removeHandler(element, type, item.wrappedHandler);
+    });
+    events.splice(0, events.length);
+  } else {
+    forEach(events, function(item, idx) {
+      if (handler === item.handler) {
+        removeHandler(element, type, item.wrappedHandler);
+        index = idx;
+
+        return false;
+      }
+
+      return true;
+    });
+    events.splice(index, 1);
+  }
+}
+
+/**
+ * Remove an event handler
+ * @param {HTMLElement} element - An element to remove an event
+ * @param {string} type - event type
+ * @param {function} handler - event handler
+ * @private
+ */
+function removeHandler(element, type, handler) {
+  if ('removeEventListener' in element) {
+    element.removeEventListener(type, handler);
+  } else if ('detachEvent' in element) {
+    element.detachEvent('on' + type, handler);
+  }
+}
+
+module.exports = off;
+
+
+/***/ }),
+/* 21 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Execute the provided callback once for each element present in the array(or Array-like object) in ascending order.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Execute the provided callback once for each element present
+ * in the array(or Array-like object) in ascending order.
+ * If the callback function returns false, the loop will be stopped.
+ * Callback function(iteratee) is invoked with three arguments:
+ *  1) The value of the element
+ *  2) The index of the element
+ *  3) The array(or Array-like object) being traversed
+ * @param {Array|Arguments|NodeList} arr The array(or Array-like object) that will be traversed
+ * @param {function} iteratee Callback function
+ * @param {Object} [context] Context(this) of callback function
+ * @memberof module:collection
+ * @example
+ * var forEachArray = require('tui-code-snippet/collection/forEachArray'); // node, commonjs
+ *
+ * var sum = 0;
+ *
+ * forEachArray([1,2,3], function(value){
+ *     sum += value;
+ * });
+ * alert(sum); // 6
+ */
+function forEachArray(arr, iteratee, context) {
+  var index = 0;
+  var len = arr.length;
+
+  context = context || null;
+
+  for (; index < len; index += 1) {
+    if (iteratee.call(context, arr[index], index, arr) === false) {
+      break;
+    }
+  }
+}
+
+module.exports = forEachArray;
+
+
+/***/ }),
+/* 22 */
+/***/ (function(module, exports) {
+
+!function(e,t){for(var r in t)e[r]=t[r]}(exports,function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/dist",r(r.s=11)}([function(e,t,r){"use strict";r.r(t),r.d(t,"__extends",(function(){return i})),r.d(t,"__assign",(function(){return o})),r.d(t,"__rest",(function(){return a})),r.d(t,"__decorate",(function(){return s})),r.d(t,"__param",(function(){return l})),r.d(t,"__metadata",(function(){return u})),r.d(t,"__awaiter",(function(){return c})),r.d(t,"__generator",(function(){return p})),r.d(t,"__createBinding",(function(){return f})),r.d(t,"__exportStar",(function(){return d})),r.d(t,"__values",(function(){return h})),r.d(t,"__read",(function(){return g})),r.d(t,"__spread",(function(){return m})),r.d(t,"__spreadArrays",(function(){return v})),r.d(t,"__await",(function(){return b})),r.d(t,"__asyncGenerator",(function(){return y})),r.d(t,"__asyncDelegator",(function(){return C})),r.d(t,"__asyncValues",(function(){return x})),r.d(t,"__makeTemplateObject",(function(){return k})),r.d(t,"__importStar",(function(){return N})),r.d(t,"__importDefault",(function(){return w})),r.d(t,"__classPrivateFieldGet",(function(){return D})),r.d(t,"__classPrivateFieldSet",(function(){return L}));
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function i(e,t){function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var o=function(){return(o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r=0;s--)(i=e[s])&&(a=(o<3?i(a):o>3?i(t,r,a):i(t,r))||a);return o>3&&a&&Object.defineProperty(t,r,a),a}function l(e,t){return function(r,n){t(r,n,e)}}function u(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function c(e,t,r,n){return new(r||(r=Promise))((function(i,o){function a(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,s)}l((n=n.apply(e,t||[])).next())}))}function p(e,t){var r,n,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(o){return function(s){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;a;)try{if(r=1,n&&(i=2&o[0]?n.return:o[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;switch(n=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,n=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(i=a.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function g(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,i,o=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=o.next()).done;)a.push(n.value)}catch(e){i={error:e}}finally{try{n&&!n.done&&(r=o.return)&&r.call(o)}finally{if(i)throw i.error}}return a}function m(){for(var e=[],t=0;t1||s(e,t)}))})}function s(e,t){try{(r=i[e](t)).value instanceof b?Promise.resolve(r.value.v).then(l,u):c(o[0][2],r)}catch(e){c(o[0][3],e)}var r}function l(e){s("next",e)}function u(e){s("throw",e)}function c(e,t){e(t),o.shift(),o.length&&s(o[0][0],o[0][1])}}function C(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,i){t[n]=e[n]?function(t){return(r=!r)?{value:b(e[n](t)),done:"return"===n}:i?i(t):t}:i}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=h(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,i){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,i,(t=e[r](t)).done,t.value)}))}}}function k(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}function N(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function w(e){return e&&e.__esModule?e:{default:e}}function D(e,t){if(!t.has(e))throw new TypeError("attempted to get private field on non-instance");return t.get(e)}function L(e,t,r){if(!t.has(e))throw new TypeError("attempted to set private field on non-instance");return t.set(e,r),r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.text=t.isRefDef=t.isTable=t.isList=t.isHeading=t.isHtmlBlock=t.isCodeBlock=t.createNode=t.RefDefNode=t.TableCellNode=t.TableNode=t.CodeNode=t.HtmlBlockNode=t.CodeBlockNode=t.LinkNode=t.HeadingNode=t.ListNode=t.BlockNode=t.Node=t.removeAllNode=t.removeNodeById=t.getNodeById=t.isContainer=void 0;var n=r(0),i=n.__importDefault(r(18));function o(e){switch(e.type){case"document":case"blockQuote":case"list":case"item":case"paragraph":case"heading":case"emph":case"strong":case"strike":case"link":case"image":case"table":case"tableHead":case"tableBody":case"tableRow":case"tableCell":case"tableDelimRow":return!0;default:return!1}}t.isContainer=o;var a=1,s={};t.getNodeById=function(e){return s[e]},t.removeNodeById=function(e){delete s[e]},t.removeAllNode=function(){s={}};var l=function(){function e(e,t){this.parent=null,this.prev=null,this.next=null,this.firstChild=null,this.lastChild=null,this.literal=null,this.id="document"===e?-1:a++,this.type=e,this.sourcepos=t,s[this.id]=this}return e.prototype.isContainer=function(){return o(this)},e.prototype.unlink=function(){this.prev?this.prev.next=this.next:this.parent&&(this.parent.firstChild=this.next),this.next?this.next.prev=this.prev:this.parent&&(this.parent.lastChild=this.prev),this.parent=null,this.next=null,this.prev=null},e.prototype.replaceWith=function(e){this.insertBefore(e),this.unlink()},e.prototype.insertAfter=function(e){e.unlink(),e.next=this.next,e.next&&(e.next.prev=e),e.prev=this,this.next=e,this.parent&&(e.parent=this.parent,e.next||(e.parent.lastChild=e))},e.prototype.insertBefore=function(e){e.unlink(),e.prev=this.prev,e.prev&&(e.prev.next=e),e.next=this,this.prev=e,e.parent=this.parent,e.prev||(e.parent.firstChild=e)},e.prototype.appendChild=function(e){e.unlink(),e.parent=this,this.lastChild?(this.lastChild.next=e,e.prev=this.lastChild,this.lastChild=e):(this.firstChild=e,this.lastChild=e)},e.prototype.prependChild=function(e){e.unlink(),e.parent=this,this.firstChild?(this.firstChild.prev=e,e.next=this.firstChild,this.firstChild=e):(this.firstChild=e,this.lastChild=e)},e.prototype.walker=function(){return new i.default(this)},e}();t.Node=l;var u=function(e){function t(t,r){var n=e.call(this,t,r)||this;return n.open=!0,n.lineOffsets=null,n.stringContent=null,n.lastLineBlank=!1,n.lastLineChecked=!1,n.customType=null,n.type=t,n}return n.__extends(t,e),t}(l);t.BlockNode=u;var c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.listData=null,t}return n.__extends(t,e),t}(u);t.ListNode=c;var p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.level=0,t.headingType="atx",t}return n.__extends(t,e),t}(u);t.HeadingNode=p;var f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.destination=null,t.title=null,t.extendedAutolink=!1,t}return n.__extends(t,e),t}(l);t.LinkNode=f;var d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.isFenced=!1,t.fenceChar=null,t.fenceLength=0,t.fenceOffset=-1,t.info=null,t.infoPadding=0,t}return n.__extends(t,e),t}(u);t.CodeBlockNode=d;var h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.htmlBlockType=-1,t}return n.__extends(t,e),t}(u);t.HtmlBlockNode=h;var g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.tickCount=0,t}return n.__extends(t,e),t}(l);t.CodeNode=g;var m=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.columns=[],t}return n.__extends(t,e),t}(u);t.TableNode=m;var v=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.startIdx=0,t.endIdx=0,t.paddingLeft=0,t.paddingRight=0,t.ignored=!1,t}return n.__extends(t,e),t}(u);t.TableCellNode=v;var b=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.title="",t.dest="",t.label="",t}return n.__extends(t,e),t}(u);function y(e,t){switch(e){case"heading":return new p(e,t);case"list":case"item":return new c(e,t);case"link":case"image":return new f(e,t);case"codeBlock":return new d(e,t);case"htmlBlock":return new h(e,t);case"table":return new m(e,t);case"tableCell":return new v(e,t);case"document":case"paragraph":case"blockQuote":case"thematicBreak":case"tableRow":case"tableBody":case"tableHead":return new u(e,t);case"code":return new g(e,t);case"refDef":return new b(e,t);default:return new l(e,t)}}t.RefDefNode=b,t.createNode=y,t.isCodeBlock=function(e){return"codeBlock"===e.type},t.isHtmlBlock=function(e){return"htmlBlock"===e.type},t.isHeading=function(e){return"heading"===e.type},t.isList=function(e){return"list"===e.type},t.isTable=function(e){return"table"===e.type},t.isRefDef=function(e){return"refDef"===e.type},t.text=function(e,t){var r=y("text",t);return r.literal=e,r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isEmpty=t.last=t.repeat=t.escapeXml=t.normalizeURI=t.unescapeString=t.ESCAPABLE=t.ENTITY=void 0;var n=r(0).__importDefault(r(12)),i=r(8);t.ENTITY="&(?:#x[a-f0-9]{1,6}|#[0-9]{1,7}|[a-z][a-z0-9]{1,31});";var o=/[\\&]/;t.ESCAPABLE="[!\"#$%&'()*+,./:;<=>?@[\\\\\\]^_`{|}~-]";var a=new RegExp("\\\\"+t.ESCAPABLE+"|"+t.ENTITY,"gi"),s=new RegExp('[&<>"]',"g"),l=function(e){return 92===e.charCodeAt(0)?e.charAt(1):i.decodeHTML(e)};function u(e){switch(e){case"&":return"&";case"<":return"<";case">":return">";case'"':return""";default:return e}}t.unescapeString=function(e){return o.test(e)?e.replace(a,l):e},t.normalizeURI=function(e){try{return n.default(e)}catch(t){return e}},t.escapeXml=function(e){return s.test(e)?e.replace(s,u):e},t.repeat=function(e,t){for(var r=[],n=0;nt&&(t+=1),this.root.sourcepos[1]=[t+1,e[t].length]},e.prototype.replaceRangeNodes=function(e,t,r){e?(a.insertNodesBefore(e,r),a.removeNextUntil(e,t),[e.id,t.id].forEach((function(e){return o.removeNodeById(e)})),e.unlink()):t?(a.insertNodesBefore(t,r),o.removeNodeById(t.id),t.unlink()):a.prependChildNodes(this.root,r)},e.prototype.getNodeRange=function(e,t){var r=a.findChildNodeAtLine(this.root,e[0]),n=a.findChildNodeAtLine(this.root,t[0]);return n&&n.next&&t[0]+1===n.next.sourcepos[0][0]&&(n=n.next),a.getRangeForCustomType(r,n)},e.prototype.trigger=function(e,t){this.eventHandlerMap[e].forEach((function(e){e(t)}))},e.prototype.extendEndLine=function(e){for(;""===this.lineTexts[e];)e+=1;return e},e.prototype.parseRange=function(e,t,r,n){var i;e&&e.prev&&(o.isList(e.prev)&&function(e){var t=e.match(/^[ \t]+/);if(t&&(t[0].length>=2||/\t/.test(t[0])))return!0;var r=t?e.slice(t.length):e;return s.reBulletListMarker.test(r)||s.reOrderedListMarker.test(r)}(this.lineTexts[r-1])||o.isTable(e.prev)&&(i=this.lineTexts[r-1],!u.isBlank(i)&&-1!==i.indexOf("|")))&&(r=(e=e.prev).sourcepos[0][0]);for(var l=this.lineTexts.slice(r-1,n),c=this.parser.partialParseStart(r,l),p=t?t.next:this.root.firstChild,f=c.lastChild,d=f&&o.isCodeBlock(f),h=f&&o.isList(f);d&&p||h&&p&&("list"===p.type||p.sourcepos[0][1]>=2);){var g=this.extendEndLine(p.sourcepos[1][0]);this.parser.partialParseExtends(this.lineTexts.slice(n,g)),e||(e=t),t=p,n=g,p=p.next}return this.parser.partialParseFinish(),{newNodes:a.getChildNodes(c),extStartNode:e,extEndNode:t}},e.prototype.getRemovedNodeRange=function(e,t){return!e||e&&o.isRefDef(e)||t&&o.isRefDef(t)?null:{id:[e.id,t.id],line:[e.sourcepos[0][0]-1,t.sourcepos[1][0]-1]}},e.prototype.markDeletedRefMap=function(e,t){var r=this;if(!l.isEmptyObj(this.refMap)){var n=function(e){if(o.isRefDef(e)){var t=r.refMap[e.label];t&&e.id===t.id&&(t.unlinked=!0)}};e&&a.invokeNextUntil(n,e.parent,t),t&&a.invokeNextUntil(n,t)}},e.prototype.replaceWithNewRefDefState=function(e){var t=this;if(!l.isEmptyObj(this.refMap)){var r=function(e){if(o.isRefDef(e)){var r=e.label,n=t.refMap[r];n&&!n.unlinked||(t.refMap[r]=p(e))}};e.forEach((function(e){a.invokeNextUntil(r,e)}))}},e.prototype.replaceWithRefDefCandidate=function(){var e=this;l.isEmptyObj(this.refDefCandidateMap)||l.iterateObject(this.refDefCandidateMap,(function(t,r){var n=r.label,i=r.sourcepos,o=e.refMap[n];(!o||o.unlinked||o.sourcepos[0][0]>i[0][0])&&(e.refMap[n]=p(r))}))},e.prototype.getRangeWithRefDef=function(e,t,r,n,i){if(this.referenceDefinition&&!l.isEmptyObj(this.refMap)){var s=a.findChildNodeAtLine(this.root,e-1),u=a.findChildNodeAtLine(this.root,t+1);s&&o.isRefDef(s)&&s!==r&&s!==n&&(e=(r=s).sourcepos[0][0]),u&&o.isRefDef(u)&&u!==r&&u!==n&&(n=u,t=this.extendEndLine(n.sourcepos[1][0]+i))}return[r,n,e,t]},e.prototype.parseWithFrontMatter=function(e,t,r){void 0===r&&(r=0);var i=n.__spreadArrays(this.lineTexts),o=c.getFrontMatterPos(this.lineTexts),a=o[0],s=o[1];a>-1&&s>-1&&(this.lineTexts[a]=c.frontMatterOpen,this.lineTexts[s]=c.frontMatterClose,a>=t[0]-1&&(t[0]=s+1),a<=e[0]-1&&s>=t[0]-1&&(e[0]=a+1,t[0]=s+1));var l=this.parse(e,t,r);return this.lineTexts=i,l},e.prototype.parse=function(e,t,r){void 0===r&&(r=0);var n=this.getNodeRange(e,t),i=n[0],o=n[1],a=i?Math.min(i.sourcepos[0][0],e[0]):e[0],s=this.extendEndLine((o?Math.max(o.sourcepos[1][0],t[0]):t[0])+r),l=this.parseRange.apply(this,this.getRangeWithRefDef(a,s,i,o,r)),u=l.newNodes,c=l.extStartNode,p=l.extEndNode,f=this.getRemovedNodeRange(c,p),d=p?p.next:this.root.firstChild;return this.referenceDefinition?(this.markDeletedRefMap(c,p),this.replaceRangeNodes(c,p,u),this.replaceWithNewRefDefState(u)):this.replaceRangeNodes(c,p,u),{nodes:u,removedNodeRange:f,nextNode:d}},e.prototype.parseRefLink=function(){var e=this,t=[];return l.isEmptyObj(this.refMap)||l.iterateObject(this.refMap,(function(r,n){n.unlinked&&delete e.refMap[r],l.iterateObject(e.refLinkCandidateMap,(function(n,i){var o=i.node;i.refLabel===r&&t.push(e.parse(o.sourcepos[0],o.sourcepos[1]))}))})),t},e.prototype.removeUnlinkedCandidate=function(){l.isEmptyObj(this.refDefCandidateMap)||[this.refLinkCandidateMap,this.refDefCandidateMap].forEach((function(e){l.iterateObject(e,(function(t){a.isUnlinked(t)&&delete e[t]}))}))},e.prototype.editMarkdown=function(e,t,r){var n=this.updateLineTexts(e,t,r),i=this.frontMatter?this.parseWithFrontMatter(e,t,n):this.parse(e,t,n),o=l.omit(i,"nextNode");a.updateNextLineNumbers(i.nextNode,n),this.updateRootNodeState();var s=[o];return this.referenceDefinition&&(this.removeUnlinkedCandidate(),this.replaceWithRefDefCandidate(),s=s.concat(this.parseRefLink())),this.trigger("change",s),s},e.prototype.getLineTexts=function(){return this.lineTexts},e.prototype.getRootNode=function(){return this.root},e.prototype.findNodeAtPosition=function(e){var t=a.findNodeAtPosition(this.root,e);return t&&t!==this.root?t:null},e.prototype.findFirstNodeAtLine=function(e){return a.findFirstNodeAtLine(this.root,e)},e.prototype.on=function(e,t){this.eventHandlerMap[e].push(t)},e.prototype.off=function(e,t){var r=this.eventHandlerMap[e],n=r.indexOf(t);r.splice(n,1)},e.prototype.findNodeById=function(e){return a.findNodeById(e)},e.prototype.removeAllNode=function(){o.removeAllNode()},e}();t.ToastMark=f},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getFrontMatterPos=t.replaceFrontMatter=t.frontMatterClose=t.frontMatterOpen=void 0,t.frontMatterOpen="{:f",t.frontMatterClose="f:}";var n=/^---$/,i=/^---$([\s\S]*)^---$/m;t.replaceFrontMatter=function(e){var r=e.trim();return/^---/.test(r)&&function(e){return i.test(e)}(r)?e.replace(i,t.frontMatterOpen+"$1"+t.frontMatterClose):e},t.getFrontMatterPos=function(e){for(var t=-1,r=-1,i=0;i0)break;n.test(o)&&(t<0?t=i:r=i)}return[t,r]}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Parser=void 0;var n=r(0),i=r(2),o=r(1),a=r(19),s=r(22),l=r(4),u=r(10),c=r(3),p=r(6),f=r(26),d=[/./,/<\/(?:script|pre|style)>/i,/-->/,/\?>/,/>/,/\]\]>/],h=/^[#`~*+_=<>0-9-]/,g=/\r\n|\n|\r/;function m(){return o.createNode("document",[[1,1],[0,0]])}var v={smart:!1,tagFilter:!1,extendedAutolinks:!1,disallowedHtmlBlockTags:[],referenceDefinition:!1,disallowDeepHeading:!1,customParser:null,frontMatter:!1},b=function(){function e(e){this.options=n.__assign(n.__assign({},v),e),this.doc=m(),this.tip=this.doc,this.oldtip=this.doc,this.lineNumber=0,this.offset=0,this.column=0,this.nextNonspace=0,this.nextNonspaceColumn=0,this.indent=0,this.currentLine="",this.indented=!1,this.blank=!1,this.partiallyConsumedTab=!1,this.allClosed=!0,this.lastMatchedContainer=this.doc,this.refMap={},this.refLinkCandidateMap={},this.refDefCandidateMap={},this.lastLineLength=0,this.options.frontMatter&&(this.options.customParser=n.__assign(n.__assign({},f.frontMatterParser),this.options.customParser)),this.inlineParser=new a.InlineParser(this.options)}return e.prototype.advanceOffset=function(e,t){void 0===t&&(t=!1);for(var r,n,i,o=this.currentLine;e>0&&(i=o[this.offset]);)"\t"===i?(r=4-this.column%4,t?(this.partiallyConsumedTab=r>e,n=r>e?e:r,this.column+=n,this.offset+=this.partiallyConsumedTab?0:1,e-=n):(this.partiallyConsumedTab=!1,this.column+=r,this.offset+=1,e-=1)):(this.partiallyConsumedTab=!1,this.offset+=1,this.column+=1,e-=1)},e.prototype.advanceNextNonspace=function(){this.offset=this.nextNonspace,this.column=this.nextNonspaceColumn,this.partiallyConsumedTab=!1},e.prototype.findNextNonspace=function(){for(var e,t=this.currentLine,r=this.offset,n=this.column;""!==(e=t.charAt(r));)if(" "===e)r++,n++;else{if("\t"!==e)break;r++,n+=4-n%4}this.blank="\n"===e||"\r"===e||""===e,this.nextNonspace=r,this.nextNonspaceColumn=n,this.indent=this.nextNonspaceColumn-this.column,this.indented=this.indent>=l.CODE_INDENT},e.prototype.addLine=function(){if(this.partiallyConsumedTab){this.offset+=1;var e=4-this.column%4;this.tip.stringContent+=i.repeat(" ",e)}this.tip.lineOffsets?this.tip.lineOffsets.push(this.offset):this.tip.lineOffsets=[this.offset],this.tip.stringContent+=this.currentLine.slice(this.offset)+"\n"},e.prototype.addChild=function(e,t){for(;!s.blockHandlers[this.tip.type].canContain(e);)this.finalize(this.tip,this.lineNumber-1);var r=t+1,n=o.createNode(e,[[this.lineNumber,r],[0,0]]);return n.stringContent="",this.tip.appendChild(n),this.tip=n,n},e.prototype.closeUnmatchedBlocks=function(){if(!this.allClosed){for(;this.oldtip!==this.lastMatchedContainer;){var e=this.oldtip.parent;this.finalize(this.oldtip,this.lineNumber-1),this.oldtip=e}this.allClosed=!0}},e.prototype.finalize=function(e,t){var r=e.parent;e.open=!1,e.sourcepos[1]=[t,this.lastLineLength],s.blockHandlers[e.type].finalize(this,e),this.tip=r},e.prototype.processInlines=function(e){var t,r=this.options.customParser,n=e.walker();for(this.inlineParser.refMap=this.refMap,this.inlineParser.refLinkCandidateMap=this.refLinkCandidateMap,this.inlineParser.refDefCandidateMap=this.refDefCandidateMap,this.inlineParser.options=this.options;t=n.next();){var i=t.node,o=t.entering,a=i.type;r&&r[a]&&r[a](i,{entering:o,options:this.options}),o||"paragraph"!==a&&"heading"!==a&&("tableCell"!==a||i.ignored)||this.inlineParser.parse(i)}},e.prototype.incorporateLine=function(e){var t=this.doc;this.oldtip=this.tip,this.offset=0,this.column=0,this.blank=!1,this.partiallyConsumedTab=!1,this.lineNumber+=1,-1!==e.indexOf("\0")&&(e=e.replace(/\0/g,"�")),this.currentLine=e;for(var r,n=!0;(r=t.lastChild)&&r.open;){switch(t=r,this.findNextNonspace(),s.blockHandlers[t.type].continue(this,t)){case 0:break;case 1:n=!1;break;case 2:return void(this.lastLineLength=e.length);default:throw new Error("continue returned illegal value, must be 0, 1, or 2")}if(!n){t=t.parent;break}}this.allClosed=t===this.oldtip,this.lastMatchedContainer=t;for(var i="paragraph"!==t.type&&s.blockHandlers[t.type].acceptsLines,a=u.blockStarts.length;!i;){if(this.findNextNonspace(),"table"!==t.type&&"tableBody"!==t.type&&"paragraph"!==t.type&&!this.indented&&!h.test(e.slice(this.nextNonspace))){this.advanceNextNonspace();break}for(var l=0;l=1&&t.htmlBlockType<=5&&d[t.htmlBlockType].test(this.currentLine.slice(this.offset))&&(this.lastLineLength=e.length,this.finalize(t,this.lineNumber))):this.offset`\\x00-\\x20]+|'[^']*'|\"[^\"]*\"))?)*\\s*/?>",t.CLOSETAG="]";var n="(?:"+t.OPENTAG+"|"+t.CLOSETAG+"|\x3c!----\x3e|\x3c!--(?:-?[^>-])(?:-?[^-])*--\x3e|[<][?].*?[?][>]|]*>|)";t.reHtmlTag=new RegExp("^"+n,"i")},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.blockStarts=t.reOrderedListMarker=t.reBulletListMarker=void 0;var n=r(1),i=r(9),o=r(4),a=r(25),s=/^`{3,}(?!.*`)|^~{3,}/,l=[/./,/^<(?:script|pre|style)(?:\s|>|$)/i,/^/g, '');
+    root.innerHTML = html;
+  } else {
+    root.appendChild(html);
+  }
+
+  removeUnnecessaryTags(root);
+  leaveOnlyWhitelistAttribute(root);
+  return _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].finalizeHtml(root, needHtmlText);
+}
+/**
+ * Removes unnecessary tags.
+ * @param {HTMLElement} html - root element
+ * @private
+ */
+
+
+function removeUnnecessaryTags(html) {
+  var removedTags = _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].findAll(html, 'script, iframe, textarea, form, button, select, input, meta, style, link, title, embed, object, details, summary');
+  removedTags.forEach(function (node) {
+    _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].remove(node);
+  });
+}
+/**
+ * Checks whether the attribute and value that causing XSS or not.
+ * @param {string} attrName - name of attribute
+ * @param {string} attrValue - value of attirbute
+ * @param {boolean} state
+ * @private
+ */
+
+
+function isXSSAttribute(attrName, attrValue) {
+  return attrName.match(XSS_ATTR_RX) && attrValue.match(XSS_VALUE_RX);
+}
+/**
+ * Removes attributes of blacklist from node.
+ * @param {HTMLElement} node - node to remove attributes
+ * @param {NamedNodeMap} blacklistAttrs - attributes of blacklist
+ * @private
+ */
+
+
+function removeBlacklistAttributes(node, blacklistAttrs) {
+  tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(blacklistAttrs).forEach(function (_ref) {
+    var name = _ref.name;
+
+    if (ON_EVENT_RX.test(name)) {
+      node[name] = null;
+    }
+
+    if (node.getAttribute(name)) {
+      node.removeAttribute(name);
+    }
+  });
+}
+/**
+ * Leaves only white list attributes.
+ * @param {HTMLElement} html - root element
+ * @private
+ */
+
+
+function leaveOnlyWhitelistAttribute(html) {
+  _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].findAll(html, '*').forEach(function (node) {
+    var attributes = node.attributes;
+    var blacklist = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(attributes).filter(function (attr) {
+      var name = attr.name,
+          value = attr.value;
+      var htmlAttr = name.match(HTML_ATTR_LIST_RX);
+      var svgAttr = name.match(SVG_ATTR_LIST_RX);
+      var xssAttr = htmlAttr && isXSSAttribute(name, value);
+      return !htmlAttr && !svgAttr || xssAttr;
+    });
+    removeBlacklistAttributes(node, blacklist);
+  });
+}
+
+/* harmony default export */ __webpack_exports__["a"] = (htmlSanitizer);
+
+/***/ }),
+/* 26 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Execute the provided callback once for each property of object(or element of array) which actually exist.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+var forEachArray = __webpack_require__(21);
+var forEachOwnProperties = __webpack_require__(10);
+
+/**
+ * @module collection
+ */
+
+/**
+ * Execute the provided callback once for each property of object(or element of array) which actually exist.
+ * If the object is Array-like object(ex-arguments object), It needs to transform to Array.(see 'ex2' of example).
+ * If the callback function returns false, the loop will be stopped.
+ * Callback function(iteratee) is invoked with three arguments:
+ *  1) The value of the property(or The value of the element)
+ *  2) The name of the property(or The index of the element)
+ *  3) The object being traversed
+ * @param {Object} obj The object that will be traversed
+ * @param {function} iteratee Callback function
+ * @param {Object} [context] Context(this) of callback function
+ * @memberof module:collection
+ * @example
+ * var forEach = require('tui-code-snippet/collection/forEach'); // node, commonjs
+ *
+ * var sum = 0;
+ *
+ * forEach([1,2,3], function(value){
+ *     sum += value;
+ * });
+ * alert(sum); // 6
+ *
+ * // In case of Array-like object
+ * var array = Array.prototype.slice.call(arrayLike); // change to array
+ * forEach(array, function(value){
+ *     sum += value;
+ * });
+ */
+function forEach(obj, iteratee, context) {
+  if (isArray(obj)) {
+    forEachArray(obj, iteratee, context);
+  } else {
+    forEachOwnProperties(obj, iteratee, context);
+  }
+}
+
+module.exports = forEach;
+
+
+/***/ }),
+/* 27 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a function or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a function or not.
+ * If the given variable is a function, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is function?
+ * @memberof module:type
+ */
+function isFunction(obj) {
+  return obj instanceof Function;
+}
+
+module.exports = isFunction;
+
+
+/***/ }),
+/* 28 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is existing or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+var isNull = __webpack_require__(48);
+
+/**
+ * Check whether the given variable is existing or not.
+ * If the given variable is not null and not undefined, returns true.
+ * @param {*} param - Target for checking
+ * @returns {boolean} Is existy?
+ * @memberof module:type
+ * @example
+ * var isExisty = require('tui-code-snippet/type/isExisty'); // node, commonjs
+ *
+ * isExisty(''); //true
+ * isExisty(0); //true
+ * isExisty([]); //true
+ * isExisty({}); //true
+ * isExisty(null); //false
+ * isExisty(undefined); //false
+*/
+function isExisty(param) {
+  return !isUndefined(param) && !isNull(param);
+}
+
+module.exports = isExisty;
+
+
+/***/ }),
+/* 29 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getHTMLRenderConvertors; });
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var baseConvertors = {
+  paragraph: function paragraph(node, _ref) {
+    var entering = _ref.entering,
+        origin = _ref.origin,
+        options = _ref.options;
+    var nodeId = options.nodeId,
+        _options$customProp = options.customProp,
+        customProp = _options$customProp === void 0 ? {} : _options$customProp;
+    var showFrontMatter = customProp.showFrontMatter && node.customType; // prevent paragraph from being removed when it's child of tight list item
+    // to show highlight style in live-preview mode
+
+    if (nodeId && !node.customType || showFrontMatter) {
+      return {
+        type: entering ? 'openTag' : 'closeTag',
+        outerNewLine: true,
+        tagName: 'p'
+      };
+    }
+
+    return origin();
+  },
+  softbreak: function softbreak(node) {
+    var isPrevNodeHTML = node.prev && node.prev.type === 'htmlInline';
+    var isPrevBR = isPrevNodeHTML && /
    /.test(node.prev.literal);
+    var content = isPrevBR ? '\n' : '
    \n';
+    return {
+      type: 'html',
+      content: content
+    };
+  },
+  item: function item(node, _ref2) {
+    var entering = _ref2.entering;
+
+    if (entering) {
+      var attributes = {};
+      var classNames = [];
+
+      if (node.listData.task) {
+        attributes['data-te-task'] = '';
+        classNames.push('task-list-item');
+
+        if (node.listData.checked) {
+          classNames.push('checked');
+        }
+      }
+
+      return {
+        type: 'openTag',
+        tagName: 'li',
+        classNames: classNames,
+        attributes: attributes,
+        outerNewLine: true
+      };
+    }
+
+    return {
+      type: 'closeTag',
+      tagName: 'li',
+      outerNewLine: true
+    };
+  },
+  code: function code(node) {
+    var attributes = {
+      'data-backticks': node.tickCount
+    };
+    return [{
+      type: 'openTag',
+      tagName: 'code',
+      attributes: attributes
+    }, {
+      type: 'text',
+      content: node.literal
+    }, {
+      type: 'closeTag',
+      tagName: 'code'
+    }];
+  },
+  codeBlock: function codeBlock(node) {
+    var infoWords = node.info ? node.info.split(/\s+/) : [];
+    var preClasses = [];
+    var codeAttrs = {};
+
+    if (node.fenceLength > 3) {
+      codeAttrs['data-backticks'] = node.fenceLength;
+    }
+
+    if (infoWords.length > 0 && infoWords[0].length > 0) {
+      var lang = infoWords[0];
+      preClasses.push("lang-" + lang);
+      codeAttrs['data-language'] = lang;
+    }
+
+    return [{
+      type: 'openTag',
+      tagName: 'pre',
+      classNames: preClasses
+    }, {
+      type: 'openTag',
+      tagName: 'code',
+      attributes: codeAttrs
+    }, {
+      type: 'text',
+      content: node.literal
+    }, {
+      type: 'closeTag',
+      tagName: 'code'
+    }, {
+      type: 'closeTag',
+      tagName: 'pre'
+    }];
+  }
+};
+function getHTMLRenderConvertors(linkAttribute, customConvertors) {
+  var convertors = _extends({}, baseConvertors);
+
+  if (linkAttribute) {
+    convertors.link = function (_, _ref3) {
+      var entering = _ref3.entering,
+          origin = _ref3.origin;
+      var result = origin();
+
+      if (entering) {
+        result.attributes = _extends({}, result.attributes, linkAttribute);
+      }
+
+      return result;
+    };
+  }
+
+  if (customConvertors) {
+    Object.keys(customConvertors).forEach(function (nodeType) {
+      var orgConvertor = convertors[nodeType];
+      var customConvertor = customConvertors[nodeType];
+
+      if (orgConvertor) {
+        convertors[nodeType] = function (node, context) {
+          var newContext = _extends({}, context);
+
+          newContext.origin = function () {
+            return orgConvertor(node, context);
+          };
+
+          return customConvertor(node, newContext);
+        };
+      } else {
+        convertors[nodeType] = customConvertor;
+      }
+    });
+  }
+
+  return convertors;
+}
+
+/***/ }),
+/* 30 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export CodeBlockManager */
+/**
+ * @fileoverview Implements CodeBlockManager
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Code Block Manager
+ */
+var CodeBlockManager = /*#__PURE__*/function () {
+  function CodeBlockManager() {
+    this._replacers = {};
+  }
+  /**
+   * Set replacer for code block
+   * @param {string} language - code block language
+   * @param {function} replacer - replacer function to code block element
+   */
+
+
+  var _proto = CodeBlockManager.prototype;
+
+  _proto.setReplacer = function setReplacer(language, replacer) {
+    language = language.toLowerCase();
+    this._replacers[language] = replacer;
+  }
+  /**
+   * get replacer for code block
+   * @param {string} language - code block type
+   * @returns {function} - replacer function
+   */
+  ;
+
+  _proto.getReplacer = function getReplacer(language) {
+    return this._replacers[language];
+  }
+  /**
+   * Create code block html.
+   * @param {string} language - code block language
+   * @param {string} codeText - code text
+   * @returns {string}
+   */
+  ;
+
+  _proto.createCodeBlockHtml = function createCodeBlockHtml(language, codeText) {
+    language = language.toLowerCase();
+    var replacer = this.getReplacer(language);
+
+    if (replacer) {
+      return replacer(codeText, language);
+    }
+
+    return escape(codeText, false);
+  };
+
+  return CodeBlockManager;
+}();
+/**
+ * escape code from markdown-it
+ * @param {string} html HTML string
+ * @param {string} encode Boolean value of whether encode or not
+ * @returns {string}
+ * @ignore
+ */
+
+
+function escape(html, encode) {
+  return html.replace(!encode ? /&(?!#?\w+;)/g : /&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/'/g, ''');
+}
+
+
+/* harmony default export */ __webpack_exports__["a"] = (new CodeBlockManager());
+
+/***/ }),
+/* 31 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return invokePlugins; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getPluginInfo; });
+/* harmony import */ var tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17);
+/* harmony import */ var tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(27);
+/* harmony import */ var tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1__);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+/**
+ * Invoke plugins
+ * @param {Array.} plugins - list of plugin function only or
+ *                                  plugin function with options
+ * @param {Editor|Viewer} editor - editor or viewer instance
+ */
+
+function invokePlugins(plugins, editor) {
+  plugins.forEach(function (plugin) {
+    if (tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(plugin)) {
+      plugin(editor);
+    } else if (tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin)) {
+      var pluginFn = plugin[0],
+          _plugin$ = plugin[1],
+          options = _plugin$ === void 0 ? {} : _plugin$;
+      pluginFn(editor, options);
+    }
+  });
+}
+/**
+ * Get plugin info
+ * @param {Array.} plugins - list of plugin function only or
+ *                                  plugin function with options
+ * @returns {Object} - plugin info
+ */
+
+function getPluginInfo(plugins) {
+  if (!plugins) {
+    return {};
+  }
+
+  return plugins.reduce(function (acc, plugin) {
+    var pluginInfo = tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin) ? plugin[0] : plugin;
+
+    if (!tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(pluginInfo)) {
+      var renderer = pluginInfo.renderer,
+          parser = pluginInfo.parser,
+          pluginFn = pluginInfo.pluginFn;
+      plugin = tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin) ? [pluginFn, plugin[1]] : pluginFn;
+
+      if (renderer) {
+        acc.renderer = _extends({}, acc.renderer, renderer);
+      }
+
+      if (parser) {
+        acc.parser = _extends({}, acc.parser, parser);
+      }
+    }
+
+    acc.plugins.push(plugin);
+    return acc;
+  }, {
+    plugins: [],
+    renderer: {},
+    parser: {}
+  });
+}
+
+/***/ }),
+/* 32 */
+/***/ (function(module, exports, __webpack_require__) {
+
+/*!
+ * to-mark
+ * @version 1.0.1 | Tue Nov 24 2020
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(true)
+		module.exports = factory();
+	else {}
+})(window, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./src/domRunner.js
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements DomRunner
+ * @author NHN Ent. FE Development Lab 
+ */
+var NODE = {
+  ELEMENT_NODE: 1,
+  ATTRIBUTE_NODE: 2,
+  TEXT_NODE: 3
+};
+/**
+ * DomRunner
+ * @param {HTMLElement} node A root node that it has nodes to iterate(not iterate itself and its any siblings)
+ * @class
+ */
+
+var DomRunner = /*#__PURE__*/function () {
+  function DomRunner(node) {
+    this._normalizeTextChildren(node);
+
+    this._root = node;
+    this._current = node;
+  }
+  /**
+   * Iterate next node
+   * @returns {HTMLElement} next node
+   */
+
+
+  var _proto = DomRunner.prototype;
+
+  _proto.next = function next() {
+    var current = this._current;
+    var node;
+
+    if (this._current) {
+      node = this._getNextNode(current);
+
+      while (this._isNeedNextSearch(node, current)) {
+        current = current.parentNode;
+        node = current.nextSibling;
+      }
+
+      this._current = node;
+    }
+
+    return this._current;
+  }
+  /**
+   * Return current node
+   * @returns {HTMLElement} current node
+   */
+  ;
+
+  _proto.getNode = function getNode() {
+    this._normalizeTextChildren(this._current);
+
+    return this._current;
+  };
+
+  _proto._normalizeTextChildren = function _normalizeTextChildren(node) {
+    if (!node || node.childNodes.length < 2) {
+      return;
+    }
+
+    var childNode = node.firstChild;
+    var nextNode;
+
+    while (childNode.nextSibling) {
+      nextNode = childNode.nextSibling;
+
+      if (childNode.nodeType === NODE.TEXT_NODE && nextNode.nodeType === NODE.TEXT_NODE) {
+        childNode.nodeValue += nextNode.nodeValue;
+        node.removeChild(nextNode);
+      } else {
+        childNode = nextNode;
+      }
+    }
+  }
+  /**
+   * Get current node's text content
+   * @returns {string} text
+   */
+  ;
+
+  _proto.getNodeText = function getNodeText() {
+    var node = this.getNode();
+    var text;
+
+    if (node.nodeType === NODE.TEXT_NODE) {
+      text = node.nodeValue;
+    } else {
+      text = node.textContent || node.innerText;
+    }
+
+    return text;
+  }
+  /**
+   * Check if there is next node to iterate
+   * @private
+   * @param {HTMLElement} node next node
+   * @param {HTMLElement} current next node
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto._isNeedNextSearch = function _isNeedNextSearch(node, current) {
+    return !node && current !== this._root && current.parentNode !== this._root;
+  }
+  /**
+   * Return available next node
+   * @private
+   * @param {HTMLElement} current current node
+   * @returns {node} next node
+   */
+  ;
+
+  _proto._getNextNode = function _getNextNode(current) {
+    return current.firstChild || current.nextSibling;
+  };
+
+  return DomRunner;
+}();
+
+_defineProperty(DomRunner, "NODE_TYPE", NODE);
+
+
+// CONCATENATED MODULE: ./src/toDom.js
+/**
+ * @fileoverview Implements toDom
+ * @author NHN Ent. FE Development Lab 
+ */
+var FIND_FIRST_LAST_SPACE_OR_RETURN_OR_TAB_RX = /^[\s\r\n\t]+|[\s\r\n\t]+$/g;
+var FIND_RETURN_OR_TAB_BETWEEN_TAGS_RX = />[\r\n\t]+[ ]+<'); // remove spaces more than 1(if need more space, must use  )
+
+  html = html.replace(FIND_WHOLE_SPACE_MORE_THAN_ONE_BETWEEN_TAGS_RX, '> <');
+  return html;
+}
+
+toDom.preProcess = preProcess;
+// CONCATENATED MODULE: ./src/renderer.js
+function renderer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements Renderer
+ * @author NHN Ent. FE Development Lab 
+ */
+var FIND_LEAD_SPACE_RX = /^\u0020/;
+var FIND_TRAIL_SPACE_RX = /.+\u0020$/;
+var FIND_SPACE_RETURN_TAB_RX = /[\n\s\t]+/g;
+var FIND_CHAR_TO_TRIM_RX = /^[\u0020\r\n\t]+|[\u0020\r\n\t]+$/g; // find first and last characters for trim
+
+var FIND_SPACE_MORE_THAN_ONE_RX = /[\u0020]+/g; // find space more than one
+
+var FIND_CHAR_TO_ESCAPE_RX = /[>(){}[\]+-.!#|]/g; // find characters that need escape
+
+var FIND_CHAR_TO_ESCAPE_IN_LINK_RX = /[[\]]/g; // find characters to be escaped in links or images
+
+var FIND_MARKDOWN_IMAGE_SYNTAX_RX = /!\[.*\]\(.*\)/g; // find markdown image syntax
+
+var TEXT_NODE = 3;
+/**
+ * Iterate properties of object
+ * from https://github.com/nhnent/fe.code-snippet/blob/master/src/collection.js
+ * @param {object} obj object to iterate
+ * @param {function} iteratee callback function
+ * @param {*} [context] context of callback
+ */
+
+function forEachOwnProperties(obj, iteratee, context) {
+  var key;
+  context = context || null;
+
+  for (key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      if (iteratee.call(context, obj[key], key, obj) === false) {
+        break;
+      }
+    }
+  }
+}
+/**
+ * Whether if inline node or not
+ * @param {Node} node Element
+ * @returns {boolean}
+ */
+// eslint-disable-next-line complexity
+
+
+function isInlineNode(node) {
+  var tag = node.tagName;
+  return tag === 'S' || tag === 'B' || tag === 'I' || tag === 'EM' || tag === 'STRONG' || tag === 'A' || tag === 'IMG' || tag === 'CODE';
+}
+/**
+ * Returns HTML string of an element using given subContent
+ * @param {Node} node Element
+ * @param {string} subContent string content of node
+ * @returns {string}
+ */
+
+
+function getRawHtmlString(node, subContent) {
+  var tempNode = node.cloneNode(false);
+  tempNode.innerHTML = subContent;
+  return tempNode.outerHTML;
+}
+/**
+ * Clone rules
+ * @param {object} destination object for apply rules
+ * @param {object} source source object for clone rules
+ */
+
+
+function cloneRules(destination, source) {
+  forEachOwnProperties(source, function (value, key) {
+    if (key !== 'converter') {
+      if (!destination[key]) {
+        destination[key] = {};
+      }
+
+      cloneRules(destination[key], value);
+    } else {
+      destination[key] = value;
+    }
+  });
+}
+/**
+ * Renderer
+ * @param {object} [rules] rules to add
+ * @class
+ */
+
+
+var Renderer = /*#__PURE__*/function () {
+  function Renderer(rules) {
+    this.rules = {};
+    /**
+     * Line feed replacement text
+     * @type string
+     */
+
+    this.lineFeedReplacement = "\u200B\u200B";
+
+    if (rules) {
+      this.addRules(rules);
+    }
+  }
+  /**
+   * Add rule
+   * @param {string} selectorString rule selector
+   * @param {function} converter converter function
+   */
+
+
+  var _proto = Renderer.prototype;
+
+  _proto.addRule = function addRule(selectorString, converter) {
+    var selectors = selectorString.split(', ');
+    var selector = selectors.pop();
+    converter.fname = selectorString;
+
+    while (selector) {
+      this._setConverterWithSelector(selector, converter);
+
+      selector = selectors.pop();
+    }
+  }
+  /**
+   * Add rules using object
+   * @param {object} rules key(rule selector), value(converter function)
+   */
+  ;
+
+  _proto.addRules = function addRules(rules) {
+    forEachOwnProperties(rules, function (converter, selectorString) {
+      this.addRule(selectorString, converter);
+    }, this);
+  }
+  /**
+   * Remove flanked space of dom node
+   * @param {string} content text content
+   * @param {HTMLElement} node current node
+   * @returns {string} result
+   */
+  // eslint-disable-next-line complexity
+  ;
+
+  _proto.getSpaceControlled = function getSpaceControlled(content, node) {
+    var lead = '';
+    var trail = '';
+    var text;
+
+    if (node.previousSibling && (node.previousSibling.nodeType === TEXT_NODE || isInlineNode(node.previousSibling))) {
+      text = node.previousSibling.innerHTML || node.previousSibling.nodeValue;
+
+      if (FIND_TRAIL_SPACE_RX.test(text) || FIND_LEAD_SPACE_RX.test(node.innerHTML || node.nodeValue)) {
+        lead = ' ';
+      }
+    }
+
+    if (node.nextSibling && (node.nextSibling.nodeType === TEXT_NODE || isInlineNode(node.nextSibling))) {
+      text = node.nextSibling.innerHTML || node.nextSibling.nodeValue;
+
+      if (FIND_LEAD_SPACE_RX.test(text) || FIND_TRAIL_SPACE_RX.test(node.innerHTML || node.nodeValue)) {
+        trail = ' ';
+      }
+    }
+
+    return lead + content + trail;
+  }
+  /**
+   * Convert dom node to markdown using dom node and subContent
+   * @param {HTMLElement} node node to convert
+   * @param {string} subContent child nodes converted text
+   * @returns {string} converted text
+   */
+  // eslint-disable-next-line complexity
+  ;
+
+  _proto.convert = function convert(node, subContent) {
+    var result;
+
+    var converter = this._getConverter(node);
+
+    if (node && node.nodeType === Node.ELEMENT_NODE && node.hasAttribute('data-tomark-pass')) {
+      node.removeAttribute('data-tomark-pass');
+      result = getRawHtmlString(node, subContent);
+    } else if (converter) {
+      result = converter.call(this, node, subContent);
+    } else if (node) {
+      result = this.getSpaceControlled(this._getInlineHtml(node, subContent), node);
+    }
+
+    return result || '';
+  };
+
+  _proto._getInlineHtml = function _getInlineHtml(node, subContent) {
+    var html = node.outerHTML;
+    var tagName = node.tagName;
+    var escapedSubContent = subContent.replace(/\$/g, '$$$$'); // escape $: replace all $ char to $$ before we throw this string to replace
+
+    return html.replace(new RegExp("(<" + tagName + " ?.*?>).*()", 'i'), "$1" + escapedSubContent + "$2");
+  }
+  /**
+   * Get converter function for node
+   * @private
+   * @param {HTMLElement} node node
+   * @returns {function} converter function
+   */
+  ;
+
+  _proto._getConverter = function _getConverter(node) {
+    var rulePointer = this.rules;
+    var converter;
+
+    while (node && rulePointer) {
+      rulePointer = this._getNextRule(rulePointer, this._getRuleNameFromNode(node));
+      node = this._getPrevNode(node);
+
+      if (rulePointer && rulePointer.converter) {
+        converter = rulePointer.converter;
+      }
+    }
+
+    return converter;
+  }
+  /**
+   * Get next rule object
+   * @private
+   * @param {object} ruleObj rule object
+   * @param {string} ruleName rule tag name to find
+   * @returns {object} rule Object
+   */
+  ;
+
+  _proto._getNextRule = function _getNextRule(ruleObj, ruleName) {
+    return ruleObj[ruleName];
+  }
+  /**
+   * Get proper rule tag name from node
+   * @private
+   * @param {HTMLElement} node node
+   * @returns {string} rule tag name
+   */
+  ;
+
+  _proto._getRuleNameFromNode = function _getRuleNameFromNode(node) {
+    return node.tagName || 'TEXT_NODE';
+  }
+  /**
+   * Get node's available parent node
+   * @private
+   * @param {HTMLElement} node node
+   * @returns {HTMLElement | undefined} result
+   */
+  ;
+
+  _proto._getPrevNode = function _getPrevNode(node) {
+    var parentNode = node.parentNode;
+    var previousNode;
+
+    if (parentNode && !parentNode.__htmlRootByToMark) {
+      previousNode = parentNode;
+    }
+
+    return previousNode;
+  }
+  /**
+   * Set converter for selector
+   * @private
+   * @param {string} selectors rule selector
+   * @param {function} converter converter function
+   */
+  ;
+
+  _proto._setConverterWithSelector = function _setConverterWithSelector(selectors, converter) {
+    var rulePointer = this.rules;
+
+    this._eachSelector(selectors, function (ruleElem) {
+      if (!rulePointer[ruleElem]) {
+        rulePointer[ruleElem] = {};
+      }
+
+      rulePointer = rulePointer[ruleElem];
+    });
+
+    rulePointer.converter = converter;
+  }
+  /**
+   * Iterate each selectors
+   * @private
+   * @param {string} selectors rule selectors
+   * @param {function} iteratee callback
+   */
+  ;
+
+  _proto._eachSelector = function _eachSelector(selectors, iteratee) {
+    var selectorArray = selectors.split(' ');
+    var selectorIndex = selectorArray.length - 1;
+
+    while (selectorIndex >= 0) {
+      iteratee(selectorArray[selectorIndex]);
+      selectorIndex -= 1;
+    }
+  }
+  /**
+   * Trim text
+   * @param {string} text text be trimed
+   * @returns {string} trimed text
+   */
+  ;
+
+  _proto.trim = function trim(text) {
+    return text.replace(FIND_CHAR_TO_TRIM_RX, '');
+  }
+  /**
+   * Returns whether text empty or not
+   * @param {string} text text be checked
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isEmptyText = function isEmptyText(text) {
+    return text.replace(FIND_SPACE_RETURN_TAB_RX, '') === '';
+  }
+  /**
+   * Collape space more than 2
+   * @param {string} text text be collapsed
+   * @returns {string} result
+   */
+  ;
+
+  _proto.getSpaceCollapsedText = function getSpaceCollapsedText(text) {
+    return text.replace(FIND_SPACE_MORE_THAN_ONE_RX, ' ');
+  }
+  /**
+   * Apply backslash escape to text
+   * @param {string} text text be processed
+   * @returns {string} processed text
+   */
+  ;
+
+  _proto.escapeText = function escapeText(text) {
+    return text.replace(FIND_CHAR_TO_ESCAPE_RX, function (matched) {
+      return "\\" + matched;
+    });
+  }
+  /**
+   * Escape given text for link
+   * @param {string} text - text be processed
+   * @returns {string} - processed text
+   */
+  ;
+
+  _proto.escapeTextForLink = function escapeTextForLink(text) {
+    var imageSyntaxRanges = [];
+    var result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(text);
+
+    while (result) {
+      imageSyntaxRanges.push([result.index, result.index + result[0].length]);
+      result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(text);
+    }
+
+    return text.replace(FIND_CHAR_TO_ESCAPE_IN_LINK_RX, function (matched, offset) {
+      var isDelimiter = imageSyntaxRanges.some(function (range) {
+        return offset > range[0] && offset < range[1];
+      });
+      return isDelimiter ? matched : "\\" + matched;
+    });
+  }
+  /**
+   * Backslash escape to text for html
+   * Apply backslash escape to text
+   * @param {string} text text be processed
+   * @returns {string} processed text
+   */
+  ;
+
+  _proto.escapeTextHtml = function escapeTextHtml(text) {
+    return text.replace(new RegExp(Renderer.markdownTextToEscapeHtmlRx.source, 'g'), function (matched) {
+      return "\\" + matched;
+    });
+  }
+  /**
+   * Backslash is using for escape ASCII punctuation character.
+   * https://spec.commonmark.org/0.29/#backslash-escapes
+   * If user input backslash as text, backslash is kept by inserting backslash.
+   * For example, if input text is "\$", this text is changed "\\$"
+   * @param {string} text text be processed
+   * @returns {string} processed text
+   */
+  ;
+
+  _proto.escapeTextBackSlash = function escapeTextBackSlash(text) {
+    return text.replace(new RegExp(Renderer.markdownTextToEscapeBackSlashRx.source, 'g'), function (matched) {
+      return "\\" + matched;
+    });
+  }
+  /**
+   * Escapes in markdown paired characters
+   * @param {string} text Text to escape
+   * @returns {string} escaped text
+   */
+  ;
+
+  _proto.escapePairedCharacters = function escapePairedCharacters(text) {
+    return text.replace(new RegExp(Renderer.markdownTextToEscapePairedCharsRx.source, 'g'), function (matched) {
+      return "\\" + matched;
+    });
+  };
+
+  _proto._isNeedEscape = function _isNeedEscape(text) {
+    var res = false;
+    var markdownTextToEscapeRx = Renderer.markdownTextToEscapeRx;
+    var type;
+
+    for (type in markdownTextToEscapeRx) {
+      if (markdownTextToEscapeRx.hasOwnProperty(type) && markdownTextToEscapeRx[type].test(text)) {
+        res = true;
+        break;
+      }
+    }
+
+    return res;
+  };
+
+  _proto._isNeedEscapeHtml = function _isNeedEscapeHtml(text) {
+    return Renderer.markdownTextToEscapeHtmlRx.test(text);
+  };
+
+  _proto._isNeedEscapeBackSlash = function _isNeedEscapeBackSlash(text) {
+    return Renderer.markdownTextToEscapeBackSlashRx.test(text);
+  };
+
+  _proto.mix = function mix(renderer) {
+    cloneRules(this.rules, renderer.rules);
+  }
+  /**
+   * Renderer factory
+   * Return new renderer
+   * @param {Renderer} srcRenderer renderer to extend
+   * @param {object} rules rule object, key(rule selector), value(converter function)
+   * @returns {Renderer} renderer
+   */
+  ;
+
+  Renderer.factory = function factory(srcRenderer, rules) {
+    var renderer = new Renderer();
+
+    if (!rules) {
+      rules = srcRenderer;
+    } else {
+      renderer.mix(srcRenderer);
+    }
+
+    renderer.addRules(rules);
+    return renderer;
+  };
+
+  return Renderer;
+}();
+
+renderer_defineProperty(Renderer, "markdownTextToEscapeRx", {
+  codeblock: /(^ {4}[^\n]+\n*)+/,
+  hr: /^ *((\* *){3,}|(- *){3,} *|(_ *){3,}) */,
+  heading: /^(#{1,6}) +[\s\S]+/,
+  lheading: /^([^\n]+)\n *(=|-){2,} */,
+  blockquote: /^( *>[^\n]+.*)+/,
+  list: /^ *(\*+|-+|\d+\.) [\s\S]+/,
+  def: /^ *\[([^\]]+)\]: *]+)>?(?: +["(]([^\n]+)[")])? */,
+  link: /!?\[.*\]\(.*\)/,
+  reflink: /!?\[.*\]\s*\[([^\]]*)\]/,
+  verticalBar: /\u007C/,
+  codeblockGfm: /^(`{3,})/,
+  codeblockTildes: /^(~{3,})/
+});
+
+renderer_defineProperty(Renderer, "markdownTextToEscapeHtmlRx", /<([a-zA-Z_][a-zA-Z0-9\-._]*)(\s|[^\\/>])*\/?>|<(\/)([a-zA-Z_][a-zA-Z0-9\-._]*)\s*\/?>||<([a-zA-Z_][a-zA-Z0-9\-.:/]*)>/);
+
+renderer_defineProperty(Renderer, "markdownTextToEscapeBackSlashRx", /\\[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~\\]/);
+
+renderer_defineProperty(Renderer, "markdownTextToEscapePairedCharsRx", /[*_~`]/);
+
+
+// CONCATENATED MODULE: ./src/renderer.basic.js
+/**
+ * @fileoverview Implements basicRenderer
+ * @author NHN Ent. FE Development Lab 
+ */
+
+var FIND_LAST_RETURN_RX = /\n$/g;
+var FIND_BR_AND_RETURN_RX = /[ \xA0]+\n\n/g;
+var FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX = /([ \xA0]+\n){2,}/g;
+var FIND_LINK_HREF = /href="(.*?)"/;
+var START_OF_LINES_RX = /^/gm;
+/**
+ * Basic Markdown Renderer
+ * @exports basicRenderer
+ * @augments Renderer
+ */
+
+/* harmony default export */ var renderer_basic = (Renderer.factory({
+  // inlines
+  TEXT_NODE: function TEXT_NODE(node) {
+    var managedText = this.trim(this.getSpaceCollapsedText(node.nodeValue));
+
+    if (this._isNeedEscapeBackSlash(managedText)) {
+      managedText = this.escapeTextBackSlash(managedText);
+    }
+
+    managedText = this.escapePairedCharacters(managedText);
+
+    if (this._isNeedEscapeHtml(managedText)) {
+      managedText = this.escapeTextHtml(managedText);
+    }
+
+    if (this._isNeedEscape(managedText)) {
+      managedText = this.escapeText(managedText);
+    }
+
+    return this.getSpaceControlled(managedText, node);
+  },
+  'CODE TEXT_NODE': function CODETEXT_NODE(node) {
+    return node.nodeValue;
+  },
+  'EM, I': function EMI(node, subContent) {
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      res = "*" + subContent + "*";
+    }
+
+    return res;
+  },
+  'STRONG, B': function STRONGB(node, subContent) {
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      res = "**" + subContent + "**";
+    }
+
+    return res;
+  },
+  A: function A(node, subContent) {
+    var res = subContent;
+    var title = '';
+    var url; // "href" attribute is difficult to predict depending on the situation
+    // so use as it is applied to html
+
+    var foundedHref = FIND_LINK_HREF.exec(node.outerHTML);
+
+    if (foundedHref) {
+      url = foundedHref[1].replace(/&/g, '&');
+    }
+
+    if (node.title) {
+      title = " \"" + node.title + "\"";
+    }
+
+    if (!this.isEmptyText(subContent) && url) {
+      res = "[" + this.escapeTextForLink(subContent) + "](" + url + title + ")";
+    }
+
+    return res;
+  },
+  IMG: function IMG(node) {
+    var src = node.getAttribute('src');
+    var alt = node.alt;
+
+    if (src) {
+      return "![" + this.escapeTextForLink(alt) + "](" + src + ")";
+    }
+
+    return '';
+  },
+  BR: function BR() {
+    return '  \n';
+  },
+  CODE: function CODE(node, subContent) {
+    var backticks, numBackticks;
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      numBackticks = parseInt(node.getAttribute('data-backticks'), 10);
+      backticks = isNaN(numBackticks) ? '`' : Array(numBackticks + 1).join('`');
+      res = backticks + subContent + backticks;
+    }
+
+    return res;
+  },
+  // Paragraphs
+  P: function P(node, subContent) {
+    var res = ''; // convert multiple brs to one br
+
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '  \n');
+
+    if (!this.isEmptyText(subContent)) {
+      res = "\n\n" + subContent + "\n\n";
+    }
+
+    return res;
+  },
+  'BLOCKQUOTE P': function BLOCKQUOTEP(node, subContent) {
+    return subContent;
+  },
+  'LI P': function LIP(node, subContent) {
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      res = subContent;
+    }
+
+    return res;
+  },
+  // Headings
+  'H1, H2, H3, H4, H5, H6': function H1H2H3H4H5H6(node, subContent) {
+    var res = '';
+    var headingNumber = parseInt(node.tagName.charAt(1), 10);
+
+    while (headingNumber) {
+      res += '#';
+      headingNumber -= 1;
+    }
+
+    res += ' ';
+    res += subContent;
+    return "\n\n" + res + "\n\n";
+  },
+  'LI H1, LI H2, LI H3, LI H4, LI H5, LI H6': function LIH1LIH2LIH3LIH4LIH5LIH6(node, subContent) {
+    var headingNumber = parseInt(node.tagName.charAt(1), 10);
+    return Array(headingNumber + 1).join('#') + " " + subContent;
+  },
+  // List
+  'UL, OL': function ULOL(node, subContent) {
+    return "\n\n" + subContent + "\n\n";
+  },
+  'LI OL, LI UL': function LIOLLIUL(node, subContent) {
+    var processedSubContent; // remove last br of li
+
+    processedSubContent = subContent.replace(FIND_BR_AND_RETURN_RX, '\n'); // parent LI converter add \n too, so we remove last return
+
+    processedSubContent = processedSubContent.replace(FIND_LAST_RETURN_RX, '');
+    var res = processedSubContent.replace(START_OF_LINES_RX, '    ');
+    return "\n" + res;
+  },
+  'UL LI': function ULLI(node, subContent) {
+    var res = ''; // convert multiple brs to one br
+
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '  \n');
+
+    if (node.firstChild && node.firstChild.tagName === 'P') {
+      res += '\n';
+    }
+
+    res += "* " + subContent + "\n";
+    return res;
+  },
+  // eslint-disable-next-line complexity
+  'OL LI': function OLLI(node, subContent) {
+    var res = '';
+    var liCounter = parseInt(node.parentNode.getAttribute('start') || 1, 10);
+
+    while (node.previousSibling) {
+      node = node.previousSibling;
+
+      if (node.nodeType === 1 && node.tagName === 'LI') {
+        liCounter += 1;
+      }
+    } // convert multiple brs to one br
+
+
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '  \n');
+
+    if (node.firstChild && node.firstChild.tagName === 'P') {
+      res += '\n';
+    }
+
+    res += liCounter + ". " + subContent + "\n";
+    return res;
+  },
+  // HR
+  HR: function HR() {
+    return '\n\n- - -\n\n';
+  },
+  // Blockquote
+  BLOCKQUOTE: function BLOCKQUOTE(node, subContent) {
+    // convert multiple brs to one emptyline
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '\n\n');
+    var trimmedText = this.trim(subContent);
+    var res = trimmedText.replace(START_OF_LINES_RX, '> ');
+    return "\n\n" + res + "\n\n";
+  },
+  // Code Block
+  'PRE CODE': function PRECODE(node, subContent) {
+    var lastNremoved = subContent.replace(FIND_LAST_RETURN_RX, '');
+    var res = lastNremoved.replace(START_OF_LINES_RX, '    ');
+    return "\n\n" + res + "\n\n";
+  }
+}));
+// CONCATENATED MODULE: ./src/renderer.gfm.js
+/**
+ * @fileoverview Implements Github flavored markdown renderer
+ * @author NHN Ent. FE Development Lab 
+ */
+
+
+/**
+ * gfmRenderer
+ * github flavored Markdown Renderer
+ *
+ * we didnt render gfm br here because we need distingush returns that made by block with br
+ * so we render gfm br later in toMark.js finalize function
+ * @exports gfmRenderer
+ * @augments Renderer
+ */
+
+/* harmony default export */ var renderer_gfm = (Renderer.factory(renderer_basic, {
+  'DEL, S': function DELS(node, subContent) {
+    return "~~" + subContent + "~~";
+  },
+  'PRE CODE': function PRECODE(node, subContent) {
+    var language = '';
+    var numberOfBackticks = node.getAttribute('data-backticks');
+
+    if (node.getAttribute('data-language')) {
+      language = " " + node.getAttribute('data-language');
+    }
+
+    numberOfBackticks = parseInt(numberOfBackticks, 10);
+    var backticks = isNaN(numberOfBackticks) ? '```' : Array(numberOfBackticks + 1).join('`');
+    subContent = subContent.replace(/(\r\n)|(\r)|(\n)/g, this.lineFeedReplacement);
+    return "\n\n" + backticks + language + "\n" + subContent + "\n" + backticks + "\n\n";
+  },
+  PRE: function PRE(node, subContent) {
+    return subContent;
+  },
+  'UL LI': function ULLI(node, subContent) {
+    return renderer_basic.convert(node, makeTaskIfNeed(node, subContent));
+  },
+  'OL LI': function OLLI(node, subContent) {
+    return renderer_basic.convert(node, makeTaskIfNeed(node, subContent));
+  },
+  // Table
+  TABLE: function TABLE(node, subContent) {
+    return "\n\n" + subContent + "\n\n";
+  },
+  'TBODY, TFOOT': function TBODYTFOOT(node, subContent) {
+    return subContent;
+  },
+  'TR TD, TR TH': function TRTDTRTH(node, subContent) {
+    subContent = subContent.replace(/(\r\n)|(\r)|(\n)/g, '');
+    return " " + subContent + " |";
+  },
+  'TD BR, TH BR': function TDBRTHBR() {
+    return '
    ';
+  },
+  TR: function TR(node, subContent) {
+    return "|" + subContent + "\n";
+  },
+  THEAD: function THEAD(node, subContent) {
+    var result = '';
+    var ths = findChildTag(findChildTag(node, 'TR')[0], 'TH');
+
+    for (var i = 0, thsLength = ths.length; i < thsLength; i += 1) {
+      result += " " + makeTableHeadAlignText(ths[i]) + " |";
+    }
+
+    return subContent ? subContent + "|" + result + "\n" : '';
+  }
+}));
+/**
+ * Make task Markdown string if need
+ * @param {HTMLElement} node Passed HTML Element
+ * @param {string} subContent node's content
+ * @returns {string}
+ */
+
+function makeTaskIfNeed(node, subContent) {
+  var condition;
+
+  if (node.className.indexOf('task-list-item') !== -1) {
+    condition = node.className.indexOf('checked') !== -1 ? 'x' : ' ';
+    subContent = "[" + condition + "] " + subContent;
+  }
+
+  return subContent;
+}
+/**
+ * Make table head align text
+ * @param {HTMLElement} th Table head cell element
+ * @returns {string}
+ */
+
+
+function makeTableHeadAlignText(th) {
+  var leftAlignValue, rightAlignValue, textLength;
+  var align = th.align;
+  textLength = th.textContent ? th.textContent.length : th.innerText.length;
+  leftAlignValue = '';
+  rightAlignValue = '';
+
+  if (align) {
+    if (align === 'left') {
+      leftAlignValue = ':';
+      textLength -= 1;
+    } else if (align === 'right') {
+      rightAlignValue = ':';
+      textLength -= 1;
+    } else if (align === 'center') {
+      rightAlignValue = ':';
+      leftAlignValue = ':';
+      textLength -= 2;
+    }
+  }
+
+  return leftAlignValue + repeatString('-', textLength) + rightAlignValue;
+}
+/**
+ * Find child element of given tag name
+ * @param {HTMLElement} node starting element
+ * @param {string} tagName Tag name for search
+ * @returns {Array.}
+ */
+
+
+function findChildTag(node, tagName) {
+  var childNodes = node.childNodes;
+  var result = [];
+
+  for (var i = 0, childLength = childNodes.length; i < childLength; i += 1) {
+    if (childNodes[i].tagName && childNodes[i].tagName === tagName) {
+      result.push(childNodes[i]);
+    }
+  }
+
+  return result;
+}
+/**
+ * Repeat given string
+ * @param {string} pattern String for repeat
+ * @param {number} count Amount of repeat
+ * @returns {string}
+ */
+
+
+function repeatString(pattern, count) {
+  var result = pattern;
+  count = Math.max(count, 3);
+
+  while (count > 1) {
+    result += pattern;
+    count -= 1;
+  }
+
+  return result;
+}
+// CONCATENATED MODULE: ./src/toMark.js
+/**
+ * @fileoverview Implements toMark
+ * @author NHN Ent. FE Development Lab 
+ */
+
+
+
+
+var FIND_UNUSED_BRS_RX = /[ \xA0]+(\n\n)/g;
+var FIND_FIRST_LAST_WITH_SPACE_RETURNS_RX = /^[\n]+|[\s\n]+$/g;
+var FIND_MULTIPLE_BRS_RX = /([ \xA0]+\n){2,}/g;
+var FIND_RETURNS_RX = /([ \xA0]){2,}\n/g;
+var FIND_RETURNS_AND_SPACE_RX = /[ \xA0\n]+/g;
+/**
+ * @exports toMark
+ * @param {string} htmlStr html string to convert
+ * @param {object} options option
+ * @param {boolean} options.gfm if this property is false turn off it cant parse gfm
+ * @param {Renderer} options.renderer pass renderer to use
+ * @returns {string} converted markdown text
+ * @example
+ * toMark('
    hello world
    '); // "# hello world"
+ * toMark('strike'); // "~~strike~~"
+ * toMark('strike', {gfm: false}); // "strike"
+ */
+
+function toMark(htmlStr, options) {
+  var isGfm = true;
+  var renderer;
+
+  if (!htmlStr) {
+    return '';
+  }
+
+  renderer = renderer_gfm;
+
+  if (options) {
+    isGfm = options.gfm;
+
+    if (isGfm === false) {
+      renderer = renderer_basic;
+    }
+
+    renderer = options.renderer || renderer;
+  }
+
+  var runner = new DomRunner(toDom(htmlStr));
+  return finalize(parse(runner, renderer), isGfm, renderer.lineFeedReplacement);
+}
+/**
+ * Parse dom to markdown
+ * @param {DomRunner} runner runner
+ * @param {Renderer} renderer renderer
+ * @returns {string} markdown text
+ */
+
+function parse(runner, renderer) {
+  var markdownContent = '';
+
+  while (runner.next()) {
+    markdownContent += tracker(runner, renderer);
+  }
+
+  return markdownContent;
+}
+/**
+ * Remove first and last return character
+ * @param {string} text text to finalize
+ * @param {boolean} isGfm isGfm flag
+ * @param {string} lineFeedReplacement Line feed replacement text
+ * @returns {string} result
+ */
+
+
+function finalize(text, isGfm, lineFeedReplacement) {
+  // collapse return and 
    
+  text = text.replace(FIND_UNUSED_BRS_RX, '\n'); // collapse multiple br
+
+  text = text.replace(FIND_MULTIPLE_BRS_RX, '\n\n');
+  text = text.replace(FIND_RETURNS_AND_SPACE_RX, function (matched) {
+    var returnCount = (matched.match(/\n/g) || []).length;
+
+    if (returnCount >= 3) {
+      return '\n\n';
+    }
+
+    if (matched >= 1) {
+      return '\n';
+    }
+
+    return matched;
+  }); // remove first and last \n
+
+  text = text.replace(FIND_FIRST_LAST_WITH_SPACE_RETURNS_RX, '');
+  text = text.replace(new RegExp(lineFeedReplacement, 'g'), '\n'); // in gfm replace '  \n' make by 
     to '\n'
+
+  if (isGfm) {
+    text = text.replace(FIND_RETURNS_RX, '\n');
+  }
+
+  return text;
+}
+/**
+ * Iterate childNodes and process conversion using recursive call
+ * @param {DomRunner} runner dom runner
+ * @param {Renderer} renderer renderer to use
+ * @returns {string} processed text
+ */
+
+
+function tracker(runner, renderer) {
+  var subContent = '';
+  var node = runner.getNode();
+
+  for (var i = 0, t = node.childNodes.length; i < t; i += 1) {
+    runner.next();
+    subContent += tracker(runner, renderer);
+  }
+
+  return renderer.convert(node, subContent);
+}
+// CONCATENATED MODULE: ./src/index.js
+/**
+ * @fileoverview Implements entry point
+ * @author NHN Ent. FE Development Lab 
+ */
+
+
+
+
+toMark.Renderer = Renderer;
+toMark.basicRenderer = renderer_basic;
+toMark.gfmRenderer = renderer_gfm;
+/* harmony default export */ var src = __webpack_exports__["default"] = (toMark);
+
+/***/ })
+/******/ ])["default"];
+});
+
+/***/ }),
+/* 33 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Get HTML element's design classes.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+
+/**
+ * Get HTML element's design classes.
+ * @param {(HTMLElement|SVGElement)} element target element
+ * @returns {string} element css class name
+ * @memberof module:domUtil
+ */
+function getClass(element) {
+  if (!element || !element.className) {
+    return '';
+  }
+
+  if (isUndefined(element.className.baseVal)) {
+    return element.className;
+  }
+
+  return element.className.baseVal;
+}
+
+module.exports = getClass;
+
+
+/***/ }),
+/* 34 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a number or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a number or not.
+ * If the given variable is a number, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is number?
+ * @memberof module:type
+ */
+function isNumber(obj) {
+  return typeof obj === 'number' || obj instanceof Number;
+}
+
+module.exports = isNumber;
+
+
+/***/ }),
+/* 35 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export CLASS_HIGHLIGHT */
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(22);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _preview__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(38);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(0);
+/* harmony import */ var _htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(29);
+/* harmony import */ var _scroll_helper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(18);
+/* harmony import */ var _scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24);
+/* harmony import */ var _utils_markdown__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2);
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements markdown preview
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+var CLASS_HIGHLIGHT = 'te-preview-highlight';
+
+function findTableCell(tableRow, _ref) {
+  var ch = _ref.ch;
+  var cell = tableRow.firstChild;
+
+  while (cell && cell.next) {
+    if (Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* getMdStartCh */ "e"])(cell.next) > ch + 1) {
+      break;
+    }
+
+    cell = cell.next;
+  }
+
+  return cell;
+}
+/**
+ * Class Markdown Preview
+ * @param {HTMLElement} el - base element
+ * @param {EventManager} eventManager - event manager
+ * @param {Convertor} convertor - convertor
+ * @param {object} options
+ * @param {boolean} options.isViewer - true for view-only mode
+ * @param {boolean} options.highlight - true for using live-highlight feature
+ * @param {object} opitons.linkAttribute - attributes for link element
+ * @param {object} opitons.customHTMLRenderer - map of custom HTML render functions
+
+ * @ignore
+ */
+
+
+var MarkdownPreview = /*#__PURE__*/function (_Preview) {
+  _inheritsLoose(MarkdownPreview, _Preview);
+
+  function MarkdownPreview(el, eventManager, convertor, options) {
+    var _this;
+
+    _this = _Preview.call(this, el, eventManager, convertor, options.isViewer) || this;
+
+    _this.lazyRunner.registerLazyRunFunction('invokeCodeBlock', _this.invokeCodeBlockPlugins, _this.delayCodeBlockTime, _assertThisInitialized(_this));
+
+    var linkAttribute = options.linkAttribute,
+        customHTMLRenderer = options.customHTMLRenderer,
+        _options$highlight = options.highlight,
+        highlight = _options$highlight === void 0 ? false : _options$highlight;
+    _this.renderHTML = Object(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__["createRenderHTML"])({
+      gfm: true,
+      nodeId: true,
+      convertors: Object(_htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_7__[/* getHTMLRenderConvertors */ "a"])(linkAttribute, customHTMLRenderer)
+    });
+    _this.cursorNodeId = null;
+
+    _this._initEvent(highlight);
+
+    return _this;
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+
+
+  var _proto = MarkdownPreview.prototype;
+
+  _proto._initEvent = function _initEvent(highlight) {
+    var _this2 = this;
+
+    this.eventManager.listen('contentChangedFromMarkdown', this.update.bind(this)); // need to implement a listener function for 'previewNeedsRefresh' event
+    // to support third-party plugins which requires re-executing script for every re-render
+
+    if (highlight) {
+      this.eventManager.listen('cursorActivity', function (_ref2) {
+        var markdownNode = _ref2.markdownNode,
+            cursor = _ref2.cursor;
+
+        _this2._updateCursorNode(markdownNode, cursor);
+      });
+      this.eventManager.listen('blur', function () {
+        _this2._removeHighlight();
+      });
+    }
+
+    tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0___default()(this.el, 'scroll', function (event) {
+      _this2.eventManager.emit('scroll', {
+        source: 'preview',
+        data: Object(_scroll_helper__WEBPACK_IMPORTED_MODULE_8__[/* findAdjacentElementToScrollTop */ "a"])(event.target.scrollTop, _this2._previewContent)
+      });
+    });
+  };
+
+  _proto._removeHighlight = function _removeHighlight() {
+    if (this.cursorNodeId) {
+      var currentEl = this._getElementByNodeId(this.cursorNodeId);
+
+      if (currentEl) {
+        tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default()(currentEl, CLASS_HIGHLIGHT);
+      }
+    }
+  };
+
+  _proto._updateCursorNode = function _updateCursorNode(cursorNode, cursorPos) {
+    if (cursorNode) {
+      cursorNode = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* findClosestNode */ "b"])(cursorNode, function (mdNode) {
+        return !Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* isInlineNode */ "h"])(mdNode);
+      });
+
+      if (cursorNode.type === 'tableRow') {
+        cursorNode = findTableCell(cursorNode, cursorPos);
+      } else if (cursorNode.type === 'tableBody') {
+        // empty line next to table
+        cursorNode = null;
+      }
+    }
+
+    var cursorNodeId = cursorNode ? cursorNode.id : null;
+
+    if (this.cursorNodeId === cursorNodeId) {
+      return;
+    }
+
+    var inFrontMatter = cursorNode && cursorNode.customType === 'frontMatter';
+
+    var oldEL = this._getElementByNodeId(this.cursorNodeId);
+
+    var newEL = this._getElementByNodeId(cursorNodeId);
+
+    if (oldEL) {
+      tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default()(oldEL, CLASS_HIGHLIGHT);
+    }
+
+    if (newEL && !inFrontMatter) {
+      tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2___default()(newEL, CLASS_HIGHLIGHT);
+    }
+
+    this.cursorNodeId = cursorNodeId;
+  };
+
+  _proto._getElementByNodeId = function _getElementByNodeId(nodeId) {
+    if (!nodeId) {
+      return null;
+    }
+
+    return this._previewContent.querySelector("[data-nodeid=\"" + nodeId + "\"]");
+  };
+
+  _proto.update = function update(changed) {
+    var _this3 = this;
+
+    changed.forEach(function (editResult) {
+      return _this3.replaceRangeNodes(editResult);
+    });
+    this.eventManager.emit('previewRenderAfter', this);
+  };
+
+  _proto.replaceRangeNodes = function replaceRangeNodes(editResult) {
+    var _this4 = this;
+
+    var nodes = editResult.nodes,
+        removedNodeRange = editResult.removedNodeRange;
+    var contentEl = this._previewContent;
+    var newHtml = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', nodes.map(function (node) {
+      return _this4.renderHTML(node);
+    }).join(''));
+
+    if (!removedNodeRange) {
+      contentEl.insertAdjacentHTML('afterbegin', newHtml);
+    } else {
+      var _removedNodeRange$id = removedNodeRange.id,
+          startNodeId = _removedNodeRange$id[0],
+          endNodeId = _removedNodeRange$id[1];
+
+      var startEl = this._getElementByNodeId(startNodeId);
+
+      var endEl = this._getElementByNodeId(endNodeId);
+
+      if (startEl) {
+        startEl.insertAdjacentHTML('beforebegin', newHtml);
+        var el = startEl;
+
+        while (el !== endEl) {
+          var nextEl = el.nextElementSibling;
+          el.parentNode.removeChild(el);
+          Object(_scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__[/* removeOffsetInfoByNode */ "c"])(el);
+          el = nextEl;
+        }
+
+        if (el.parentNode) {
+          _utils_dom__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"].remove(el);
+          Object(_scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__[/* removeOffsetInfoByNode */ "c"])(el);
+        }
+      }
+    }
+
+    var codeBlockEls = this.getCodeBlockElements(nodes.map(function (node) {
+      return node.id;
+    }));
+
+    if (codeBlockEls.length) {
+      this.lazyRunner.run('invokeCodeBlock', codeBlockEls);
+    }
+  }
+  /**
+   * render
+   * @param {string} html - html string to render
+   * @override
+   */
+  ;
+
+  _proto.render = function render(html) {
+    _Preview.prototype.render.call(this, html);
+
+    this.eventManager.emit('previewRenderAfter', this);
+  };
+
+  _proto.remove = function remove() {
+    tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1___default()(this.el, 'scroll');
+    this.el = null;
+  };
+
+  return MarkdownPreview;
+}(_preview__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"]);
+
+/* harmony default export */ __webpack_exports__["a"] = (MarkdownPreview);
+
+/***/ }),
+/* 36 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(44);
+/* harmony import */ var tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(45);
+/* harmony import */ var tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _utils_map__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23);
+/**
+ * @fileoverview Implements EventManager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var eventList = ['previewBeforeHook', 'previewRenderAfter', 'previewNeedsRefresh', 'addImageBlobHook', 'setMarkdownAfter', 'contentChangedFromWysiwyg', 'changeFromWysiwyg', 'contentChangedFromMarkdown', 'changeFromMarkdown', 'change', 'changeModeToWysiwyg', 'changeModeToMarkdown', 'changeModeBefore', 'changeMode', 'changePreviewStyle', 'changePreviewTabPreview', 'changePreviewTabWrite', 'openPopupAddLink', 'openPopupAddImage', 'openPopupAddTable', 'openPopupTableUtils', 'openHeadingSelect', 'openPopupCodeBlockLanguages', 'openPopupCodeBlockEditor', 'openDropdownToolbar', 'closePopupCodeBlockLanguages', 'closePopupCodeBlockEditor', 'closeAllPopup', 'command', 'addCommandBefore', 'htmlUpdate', 'markdownUpdate', 'renderedHtmlUpdated', 'removeEditor', 'convertorAfterMarkdownToHtmlConverted', 'convertorBeforeHtmlToMarkdownConverted', 'convertorAfterHtmlToMarkdownConverted', 'stateChange', 'wysiwygSetValueAfter', 'wysiwygSetValueBefore', 'wysiwygGetValueBefore', 'wysiwygProcessHTMLText', 'wysiwygRangeChangeAfter', 'wysiwygKeyEvent', 'scroll', 'click', 'mousedown', 'mouseover', 'mouseout', 'mouseup', 'contextmenu', 'keydown', 'keyup', 'keyMap', 'load', 'focus', 'blur', 'paste', 'pasteBefore', 'willPaste', 'copy', 'copyBefore', 'copyAfter', 'cut', 'cutAfter', 'drop', 'show', 'hide', 'changeLanguage', 'cursorActivity', 'requireScrollSync', 'requireScrollIntoView', 'setCodeBlockLanguages'];
+/**
+ * Class EventManager
+ * @ignore
+ */
+
+var EventManager = /*#__PURE__*/function () {
+  function EventManager() {
+    this.events = new _utils_map__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"]();
+    this.TYPE = new tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3___default.a(eventList);
+  }
+  /**
+   * Listen event and bind event handler
+   * @param {string} typeStr Event type string
+   * @param {function} handler Event handler
+   */
+
+
+  var _proto = EventManager.prototype;
+
+  _proto.listen = function listen(typeStr, handler) {
+    var typeInfo = this._getTypeInfo(typeStr);
+
+    var eventHandlers = this.events.get(typeInfo.type) || [];
+
+    if (!this._hasEventType(typeInfo.type)) {
+      throw new Error("There is no event type " + typeInfo.type);
+    }
+
+    if (typeInfo.namespace) {
+      handler.namespace = typeInfo.namespace;
+    }
+
+    eventHandlers.push(handler);
+    this.events.set(typeInfo.type, eventHandlers);
+  }
+  /**
+   * Emit event
+   * @param {string} eventName Event name to emit
+   * @returns {Array}
+   */
+  ;
+
+  _proto.emit = function emit() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var typeStr = args.shift();
+
+    var typeInfo = this._getTypeInfo(typeStr);
+
+    var eventHandlers = this.events.get(typeInfo.type);
+    var results;
+
+    if (eventHandlers) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(eventHandlers, function (handler) {
+        var result = handler.apply(void 0, args);
+
+        if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(result)) {
+          results = results || [];
+          results.push(result);
+        }
+      });
+    }
+
+    return results;
+  }
+  /**
+   * Emit given event and return result
+   * @param {string} eventName Event name to emit
+   * @param {string} sourceText Source text to change
+   * @returns {string}
+   */
+  ;
+
+  _proto.emitReduce = function emitReduce() {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    var type = args.shift();
+    var eventHandlers = this.events.get(type);
+
+    if (eventHandlers) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(eventHandlers, function (handler) {
+        var result = handler.apply(void 0, args);
+
+        if (!tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2___default()(result)) {
+          args[0] = result;
+        }
+      });
+    }
+
+    return args[0];
+  }
+  /**
+   * Get event type and namespace
+   * @param {string} typeStr Event type name
+   * @returns {{type: string, namespace: string}}
+   * @private
+   */
+  ;
+
+  _proto._getTypeInfo = function _getTypeInfo(typeStr) {
+    var splited = typeStr.split('.');
+    return {
+      type: splited[0],
+      namespace: splited[1]
+    };
+  }
+  /**
+   * Check whether event type exists or not
+   * @param {string} type Event type name
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._hasEventType = function _hasEventType(type) {
+    return !tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(this.TYPE[this._getTypeInfo(type).type]);
+  }
+  /**
+   * Add event type when given event not exists
+   * @param {string} type Event type name
+   */
+  ;
+
+  _proto.addEventType = function addEventType(type) {
+    if (this._hasEventType(type)) {
+      throw new Error("There is already have event type " + type);
+    }
+
+    this.TYPE.set(type);
+  }
+  /**
+   * Remove event handler from given event type
+   * @param {string} typeStr Event type name
+   * @param {function} [handler] - registered event handler
+   */
+  ;
+
+  _proto.removeEventHandler = function removeEventHandler(typeStr, handler) {
+    var _this = this;
+
+    var _this$_getTypeInfo = this._getTypeInfo(typeStr),
+        type = _this$_getTypeInfo.type,
+        namespace = _this$_getTypeInfo.namespace;
+
+    if (type && handler) {
+      this._removeEventHandlerWithHandler(type, handler);
+    } else if (type && !namespace) {
+      // dont use dot notation cuz eslint
+      this.events.delete(type);
+    } else if (!type && namespace) {
+      this.events.forEach(function (eventHandlers, eventType) {
+        _this._removeEventHandlerWithTypeInfo(eventType, namespace);
+      });
+    } else if (type && namespace) {
+      this._removeEventHandlerWithTypeInfo(type, namespace);
+    }
+  }
+  /**
+   * Remove event handler with event handler
+   * @param {string} type - event type name
+   * @param {function} handler - event handler
+   * @private
+   */
+  ;
+
+  _proto._removeEventHandlerWithHandler = function _removeEventHandlerWithHandler(type, handler) {
+    var eventHandlers = this.events.get(type) || [];
+    var handlerIndex = eventHandlers.indexOf(handler);
+
+    if (handlerIndex >= 0) {
+      eventHandlers.splice(handlerIndex, 1);
+    }
+  }
+  /**
+   * Remove event handler with event type information
+   * @param {string} type Event type name
+   * @param {string} namespace Event namespace
+   * @private
+   */
+  ;
+
+  _proto._removeEventHandlerWithTypeInfo = function _removeEventHandlerWithTypeInfo(type, namespace) {
+    var handlersToSurvive = [];
+    var eventHandlers = this.events.get(type);
+
+    if (!eventHandlers) {
+      return;
+    }
+
+    eventHandlers.map(function (handler) {
+      if (handler.namespace !== namespace) {
+        handlersToSurvive.push(handler);
+      }
+
+      return null;
+    });
+    this.events.set(type, handlersToSurvive);
+  };
+
+  return EventManager;
+}();
+
+/* harmony default export */ __webpack_exports__["a"] = (EventManager);
+
+/***/ }),
+/* 37 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(32);
+/* harmony import */ var _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(29);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0);
+/**
+ * @fileoverview Convertor have responsible to convert markdown and html
+ * @author NHN FE Development Lab 
+ */
+
+
+
+ // This regular expression refere markdownIt.
+// https://github.com/markdown-it/markdown-it/blob/master/lib/common/html_re.js
+
+var attrName = '[a-zA-Z_:][a-zA-Z0-9:._-]*';
+var unquoted = '[^"\'=<>`\\x00-\\x20]+';
+var singleQuoted = "'[^']*'";
+var doubleQuoted = '"[^"]*"';
+var attrValue = "(?:" + unquoted + "|" + singleQuoted + "|" + doubleQuoted + ")";
+var attribute = "(?:\\s+" + attrName + "(?:\\s*=\\s*" + attrValue + ")?)*\\s*";
+var openingTag = "(\\\\<|<)([A-Za-z][A-Za-z0-9\\-]*" + attribute + ")(\\/?>)";
+var HTML_TAG_RX = new RegExp(openingTag, 'g');
+var FRONT_MATTER_RX = /^\s?\\-\\-\\-([\s\S]+?)\\-\\-\\-/;
+/**
+ * Class Convertor
+ * @param {EventManager} em - EventManager instance
+ * @ignore
+ */
+
+var Convertor = /*#__PURE__*/function () {
+  function Convertor(em, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    var _options = options,
+        linkAttribute = _options.linkAttribute,
+        customHTMLRenderer = _options.customHTMLRenderer,
+        extendedAutolinks = _options.extendedAutolinks,
+        referenceDefinition = _options.referenceDefinition,
+        customParser = _options.customParser,
+        frontMatter = _options.frontMatter,
+        customProp = _options.customProp;
+    this.options = options;
+    this.mdReader = new _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__["Parser"]({
+      extendedAutolinks: extendedAutolinks,
+      disallowedHtmlBlockTags: ['br'],
+      referenceDefinition: referenceDefinition,
+      disallowDeepHeading: true,
+      customParser: customParser,
+      frontMatter: frontMatter
+    });
+    this.renderHTML = Object(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__["createRenderHTML"])({
+      gfm: true,
+      convertors: Object(_htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_2__[/* getHTMLRenderConvertors */ "a"])(linkAttribute, customHTMLRenderer),
+      customProp: customProp
+    });
+    this.eventManager = em;
+  }
+  /**
+   * _markdownToHtmlWithCodeHighlight
+   * Convert markdown to html with Codehighlight
+   * @param {string} markdown markdown text
+   * @returns {string} html text
+   * @private
+   */
+
+
+  var _proto = Convertor.prototype;
+
+  _proto._markdownToHtmlWithCodeHighlight = function _markdownToHtmlWithCodeHighlight(markdown) {
+    return this.renderHTML(this.mdReader.parse(markdown));
+  }
+  /**
+   * _markdownToHtml
+   * Convert markdown to html
+   * @param {string} markdown markdown text
+   * @param {object} env environment sandbox for markdownit
+   * @returns {string} html text
+   * @private
+   */
+  ;
+
+  _proto._markdownToHtml = function _markdownToHtml(markdown) {
+    markdown = markdown.replace(HTML_TAG_RX, function (match, $1, $2, $3) {
+      return match[0] !== '\\' ? "" + $1 + $2 + " data-tomark-pass " + $3 : match;
+    });
+    return this.renderHTML(this.mdReader.parse(markdown));
+  }
+  /**
+   * Remove BR's data-tomark-pass attribute text when br in code element
+   * @param {string} renderedHTML Rendered HTML string from markdown editor
+   * @returns {string}
+   * @private
+   */
+  ;
+
+  _proto._removeBrToMarkPassAttributeInCode = function _removeBrToMarkPassAttributeInCode(renderedHTML) {
+    var wrapper = _utils_dom__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"].createElementWith("
    " + renderedHTML + "
    ");
+    _utils_dom__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"].findAll(wrapper, 'code, pre').forEach(function (codeOrPre) {
+      var codeEelement = codeOrPre;
+      codeEelement.innerHTML = codeEelement.innerHTML.replace(/\sdata-tomark-pass\s(\/?)>/g, '$1>');
+    });
+    renderedHTML = wrapper.innerHTML;
+    return renderedHTML;
+  }
+  /**
+   * toHTMLWithCodeHighlight
+   * Convert markdown to html with Codehighlight
+   * emit convertorAfterMarkdownToHtmlConverted
+   * @param {string} markdown markdown text
+   * @returns {string} html text
+   */
+  ;
+
+  _proto.toHTMLWithCodeHighlight = function toHTMLWithCodeHighlight(markdown) {
+    var html = this._markdownToHtmlWithCodeHighlight(markdown);
+
+    html = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', html);
+    return html;
+  }
+  /**
+   * toHTML
+   * Convert markdown to html
+   * emit convertorAfterMarkdownToHtmlConverted
+   * @param {string} markdown markdown text
+   * @returns {string} html text
+   */
+  ;
+
+  _proto.toHTML = function toHTML(markdown) {
+    var html = this._markdownToHtml(markdown);
+
+    html = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', html);
+    html = this._removeBrToMarkPassAttributeInCode(html);
+    return html;
+  };
+
+  _proto.initHtmlSanitizer = function initHtmlSanitizer(sanitizer) {
+    this.eventManager.listen('convertorAfterMarkdownToHtmlConverted', function (html) {
+      return sanitizer(html, true);
+    });
+  }
+  /**
+   * toMarkdown
+   * Convert html to markdown
+   * emit convertorAfterHtmlToMarkdownConverted
+   * @param {string} html html text
+   * @param {object | null} toMarkOptions - toMark library options
+   * @returns {string} markdown text
+   */
+  ;
+
+  _proto.toMarkdown = function toMarkdown(html, toMarkOptions) {
+    var result = [];
+    html = this.eventManager.emitReduce('convertorBeforeHtmlToMarkdownConverted', html);
+    html = this._appendAttributeForLinkIfNeed(html);
+    html = this._appendAttributeForBrIfNeed(html);
+    var markdown = _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0___default()(html, toMarkOptions);
+
+    if (this.options.frontMatter) {
+      markdown = markdown.replace(FRONT_MATTER_RX, '---$1---');
+    }
+
+    markdown = this.eventManager.emitReduce('convertorAfterHtmlToMarkdownConverted', markdown);
+    markdown = this._removeNewlinesBeforeAfterAndBlockElement(markdown);
+    markdown.split('\n').forEach(function (line, index) {
+      var FIND_TABLE_RX = /^(
    )+\||\|[^|]*\|/gi;
+      var FIND_CODE_RX = /`[^`]*
    [^`]*`/gi;
+      var FIND_BRS_BEFORE_TABLE = /^(
    )+\|/gi;
+
+      if (FIND_TABLE_RX.test(line)) {
+        line = line.replace(FIND_BRS_BEFORE_TABLE, function (match) {
+          return match.replace(/
    /gi, '
    \n');
+        });
+      } else if (!FIND_CODE_RX.test(line)) {
+        line = line.replace(/
    /gi, '
    \n');
+      }
+
+      result[index] = line;
+    });
+    return result.join('\n');
+  };
+
+  _proto._removeNewlinesBeforeAfterAndBlockElement = function _removeNewlinesBeforeAfterAndBlockElement(markdown) {
+    // Newlines('\n\n') are created on to-mark.
+    var NEWLINES_BEFORE_BLOCK_RX = /
    \n\n(#{1,6} .*|```|\||(\*+|-+|\d+\.) .*| *>[^\n]+.*)/g;
+    var NEWLINES_AFTER_BLOCK_RX = /(#{1,6} .*|```|\|)\n\n
    /g;
+    markdown = markdown.replace(NEWLINES_BEFORE_BLOCK_RX, '
    $1');
+    markdown = markdown.replace(NEWLINES_AFTER_BLOCK_RX, '$1\n
    ');
+    return markdown;
+  };
+
+  _proto._appendAttributeForLinkIfNeed = function _appendAttributeForLinkIfNeed(html) {
+    var LINK_RX = /!?\[.*\]\(<\s*a[^>]*>(.*?)<\s*\/\s*a>\)/gi;
+    return html.replace(LINK_RX, function (match) {
+      return match.replace(/    /gi;
+    var FIND_DOUBLE_BR_RX = /

    /gi;
+    var FIND_PASSING_AND_NORMAL_BR_RX = /

    (.)/gi;
+    var FIRST_TWO_BRS_BEFORE_RX = /([^>]|<\/a>|<\/code>|<\/span>|<\/b>|<\/i>|<\/s>|]*>)/;
+    var TWO_BRS_RX = /

    /;
+    var FIND_FIRST_TWO_BRS_RX = new RegExp(FIRST_TWO_BRS_BEFORE_RX.source + TWO_BRS_RX.source, 'g');
+    var FIND_ATTRI_WITH_EMTPY_STR_RX = /
    /gi;
+    html = html.replace(FIND_BR_RX, '
    ');
+    html = html.replace(FIND_DOUBLE_BR_RX, '

    ');
+    html = html.replace(FIND_ATTRI_WITH_EMTPY_STR_RX, '
    ');
+    html = html.replace(FIND_PASSING_AND_NORMAL_BR_RX, '

    $1');
+    html = html.replace(FIND_FIRST_TWO_BRS_RX, '$1

    '); // Preserve 
     when there is only one empty line before or after a block element.
+
+    html = html.replace(/(.)

    (|
    ||
      |
        |
        )/g, '$1

        $2');
+    html = html.replace(/(<\/h[1-6]>|<\/pre>|<\/table>|<\/ul>|<\/ol>|<\/blockquote>)
        (.)/g, '$1
        $2');
+    return html;
+  };
+
+  return Convertor;
+}();
+
+/* harmony default export */ __webpack_exports__["a"] = (Convertor);
+
+/***/ }),
+/* 38 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/css.js
+var css = __webpack_require__(4);
+var css_default = /*#__PURE__*/__webpack_require__.n(css);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isString.js
+var isString = __webpack_require__(9);
+var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
+
+// CONCATENATED MODULE: ./src/js/lazyRunner.js
+/**
+ * @fileoverview Implements LazyRunner
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class LazyRunner
+ * @ignore
+ */
+
+var lazyRunner_LazyRunner = /*#__PURE__*/function () {
+  function LazyRunner() {
+    this.globalTOID = null;
+    this.lazyRunFunctions = {};
+  }
+
+  var _proto = LazyRunner.prototype;
+
+  _proto.run = function run(fn, params, context, delay) {
+    var TOID;
+
+    if (isString_default()(fn)) {
+      TOID = this._runRegisteredRun(fn, params, context, delay);
+    } else {
+      TOID = this._runSingleRun(fn, params, context, delay, this.globalTOID);
+      this.globalTOID = TOID;
+    }
+
+    return TOID;
+  };
+
+  _proto.registerLazyRunFunction = function registerLazyRunFunction(name, fn, delay, context) {
+    context = context || this;
+    this.lazyRunFunctions[name] = {
+      fn: fn,
+      delay: delay,
+      context: context,
+      TOID: null
+    };
+  };
+
+  _proto._runSingleRun = function _runSingleRun(fn, params, context, delay, TOID) {
+    this._clearTOIDIfNeed(TOID);
+
+    TOID = setTimeout(function () {
+      fn.call(context, params);
+    }, delay);
+    return TOID;
+  };
+
+  _proto._runRegisteredRun = function _runRegisteredRun(lazyRunName, params, context, delay) {
+    var lazyRunFunction = this.lazyRunFunctions[lazyRunName];
+    var fn = lazyRunFunction.fn;
+    var TOID = lazyRunFunction.TOID;
+    delay = delay || lazyRunFunction.delay;
+    context = context || lazyRunFunction.context;
+    TOID = this._runSingleRun(fn, params, context, delay, TOID);
+    lazyRunFunction.TOID = TOID;
+    return TOID;
+  };
+
+  _proto._clearTOIDIfNeed = function _clearTOIDIfNeed(TOID) {
+    if (TOID) {
+      clearTimeout(TOID);
+    }
+  };
+
+  return LazyRunner;
+}();
+
+/* harmony default export */ var lazyRunner = (lazyRunner_LazyRunner);
+// EXTERNAL MODULE: ./src/js/utils/dom.js
+var dom = __webpack_require__(0);
+
+// EXTERNAL MODULE: ./src/js/codeBlockManager.js
+var codeBlockManager = __webpack_require__(30);
+
+// CONCATENATED MODULE: ./src/js/preview.js
+/**
+ * @fileoverview Implements preview
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Class Preview
+ * @param {HTMLElement} el - Container element for preview
+ * @param {EventManager} eventManager -  Event manager instance
+ * @param {Convertor} convertor - Convertor instance
+ * @param {boolean} isViewer - whether viewer mode or not
+ * @ignore
+ */
+
+var preview_Preview = /*#__PURE__*/function () {
+  function Preview(el, eventManager, convertor, isViewer) {
+    this.eventManager = eventManager;
+    this.convertor = convertor;
+    this.el = el;
+    this.isViewer = !!isViewer;
+    this.delayCodeBlockTime = 500;
+
+    this._initContentSection();
+
+    this.lazyRunner = new lazyRunner();
+  }
+  /**
+   * Initialize content selection
+   * @private
+   */
+
+
+  var _proto = Preview.prototype;
+
+  _proto._initContentSection = function _initContentSection() {
+    this._previewContent = dom["a" /* default */].createElementWith("
        ");
+    this.el.appendChild(this._previewContent);
+  };
+
+  _proto.getCodeBlockElements = function getCodeBlockElements(nodeIds) {
+    var contentEl = this._previewContent;
+    var codeEls = [];
+    var targetEls;
+
+    if (nodeIds) {
+      targetEls = nodeIds.map(function (id) {
+        return contentEl.querySelector("[data-nodeid=\"" + id + "\"]");
+      }).filter(Boolean);
+    } else {
+      targetEls = [contentEl];
+    }
+
+    targetEls.forEach(function (targetEl) {
+      codeEls.push.apply(codeEls, dom["a" /* default */].findAll(targetEl, 'code[data-language]'));
+    });
+    return codeEls;
+  };
+
+  _proto.invokeCodeBlockPlugins = function invokeCodeBlockPlugins(codeBlocks) {
+    codeBlocks.forEach(function (codeBlock) {
+      var lang = codeBlock.getAttribute('data-language');
+      var html = codeBlockManager["a" /* default */].createCodeBlockHtml(lang, codeBlock.textContent);
+      codeBlock.innerHTML = html;
+    });
+  }
+  /**
+   * Refresh rendering
+   * @param {string} markdown Markdown text
+   */
+  ;
+
+  _proto.refresh = function refresh(markdown) {
+    if (markdown === void 0) {
+      markdown = '';
+    }
+
+    this.render(this.convertor.toHTMLWithCodeHighlight(markdown));
+    this.invokeCodeBlockPlugins(this.getCodeBlockElements());
+  }
+  /**
+   * get html string
+   * @returns {string} - html preview string
+   */
+  ;
+
+  _proto.getHTML = function getHTML() {
+    return this._previewContent.innerHTML;
+  }
+  /**
+   * set html string
+   * @param {string} html - html preview string
+   */
+  ;
+
+  _proto.setHTML = function setHTML(html) {
+    this._previewContent.innerHTML = html;
+  }
+  /**
+   * Render HTML on preview
+   * @param {string} html HTML string
+   */
+  ;
+
+  _proto.render = function render(html) {
+    var _previewContent = this._previewContent;
+    html = this.eventManager.emit('previewBeforeHook', html) || html;
+    dom["a" /* default */].empty(_previewContent);
+    _previewContent.innerHTML = html;
+  }
+  /**
+   * Set preview height
+   * @param {number} height - Height for preview container
+   */
+  ;
+
+  _proto.setHeight = function setHeight(height) {
+    css_default()(this.el, {
+      height: height + "px"
+    });
+  }
+  /**
+   * set min height
+   * @param {number} minHeight - min height
+   */
+  ;
+
+  _proto.setMinHeight = function setMinHeight(minHeight) {
+    css_default()(this.el, {
+      minHeight: minHeight + "px"
+    });
+  }
+  /**
+   * Is Preview visible
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isVisible = function isVisible() {
+    return this.el.style.display !== 'none';
+  };
+
+  return Preview;
+}();
+
+/* harmony default export */ var preview = __webpack_exports__["a"] = (preview_Preview);
+
+/***/ }),
+/* 39 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Set className value
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+var isUndefined = __webpack_require__(8);
+
+/**
+ * Set className value
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {(string|string[])} cssClass - class names
+ * @private
+ */
+function setClassName(element, cssClass) {
+  cssClass = isArray(cssClass) ? cssClass.join(' ') : cssClass;
+
+  cssClass = cssClass.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
+
+  if (isUndefined(element.className.baseVal)) {
+    element.className = cssClass;
+
+    return;
+  }
+
+  element.className.baseVal = cssClass;
+}
+
+module.exports = setClassName;
+
+
+/***/ }),
+/* 40 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Get event collection for specific HTML element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var EVENT_KEY = '_feEventKey';
+
+/**
+ * Get event collection for specific HTML element
+ * @param {HTMLElement} element - HTML element
+ * @param {string} type - event type
+ * @returns {array}
+ * @private
+ */
+function safeEvent(element, type) {
+  var events = element[EVENT_KEY];
+  var handlers;
+
+  if (!events) {
+    events = element[EVENT_KEY] = {};
+  }
+
+  handlers = events[type];
+  if (!handlers) {
+    handlers = events[type] = [];
+  }
+
+  return handlers;
+}
+
+module.exports = safeEvent;
+
+
+/***/ }),
+/* 41 */,
+/* 42 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is truthy or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isExisty = __webpack_require__(28);
+
+/**
+ * Check whether the given variable is truthy or not.
+ * If the given variable is not null or not undefined or not false, returns true.
+ * (It regards 0 as true)
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is truthy?
+ * @memberof module:type
+ */
+function isTruthy(obj) {
+  return isExisty(obj) && obj !== false;
+}
+
+module.exports = isTruthy;
+
+
+/***/ }),
+/* 43 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Send hostname on DOMContentLoaded.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+var imagePing = __webpack_require__(49);
+
+var ms7days = 7 * 24 * 60 * 60 * 1000;
+
+/**
+ * Check if the date has passed 7 days
+ * @param {number} date - milliseconds
+ * @returns {boolean}
+ * @private
+ */
+function isExpired(date) {
+  var now = new Date().getTime();
+
+  return now - date > ms7days;
+}
+
+/**
+ * Send hostname on DOMContentLoaded.
+ * To prevent hostname set tui.usageStatistics to false.
+ * @param {string} appName - application name
+ * @param {string} trackingId - GA tracking ID
+ * @ignore
+ */
+function sendHostname(appName, trackingId) {
+  var url = 'https://www.google-analytics.com/collect';
+  var hostname = location.hostname;
+  var hitType = 'event';
+  var eventCategory = 'use';
+  var applicationKeyForStorage = 'TOAST UI ' + appName + ' for ' + hostname + ': Statistics';
+  var date = window.localStorage.getItem(applicationKeyForStorage);
+
+  // skip if the flag is defined and is set to false explicitly
+  if (!isUndefined(window.tui) && window.tui.usageStatistics === false) {
+    return;
+  }
+
+  // skip if not pass seven days old
+  if (date && !isExpired(date)) {
+    return;
+  }
+
+  window.localStorage.setItem(applicationKeyForStorage, new Date().getTime());
+
+  setTimeout(function() {
+    if (document.readyState === 'interactive' || document.readyState === 'complete') {
+      imagePing(url, {
+        v: 1,
+        t: hitType,
+        tid: trackingId,
+        cid: hostname,
+        dp: hostname,
+        dh: appName,
+        el: appName,
+        ec: eventCategory
+      });
+    }
+  }, 1000);
+}
+
+module.exports = sendHostname;
+
+
+/***/ }),
+/* 44 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is falsy or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isTruthy = __webpack_require__(42);
+
+/**
+ * Check whether the given variable is falsy or not.
+ * If the given variable is null or undefined or false, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is falsy?
+ * @memberof module:type
+ */
+function isFalsy(obj) {
+  return !isTruthy(obj);
+}
+
+module.exports = isFalsy;
+
+
+/***/ }),
+/* 45 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview This module provides a Enum Constructor.
+ * @author NHN FE Development Lab 
+ * @example
+ * // node, commonjs
+ * var Enum = require('tui-code-snippet/enum/enum');
+ */
+
+
+
+var isNumber = __webpack_require__(34);
+var isArray = __webpack_require__(17);
+var toArray = __webpack_require__(3);
+var forEach = __webpack_require__(26);
+
+/**
+ * Check whether the defineProperty() method is supported.
+ * @type {boolean}
+ * @ignore
+ */
+var isSupportDefinedProperty = (function() {
+  try {
+    Object.defineProperty({}, 'x', {});
+
+    return true;
+  } catch (e) {
+    return false;
+  }
+})();
+
+/**
+ * A unique value of a constant.
+ * @type {number}
+ * @ignore
+ */
+var enumValue = 0;
+
+/**
+ * Make a constant-list that has unique values.
+ * In modern browsers (except IE8 and lower),
+ *  a value defined once can not be changed.
+ *
+ * @param {...string|string[]} itemList Constant-list (An array of string is available)
+ * @class
+ *
+ * @example
+ * var Enum = require('tui-code-snippet/enum/enum'); // node, commonjs
+ *
+ * var MYENUM = new Enum('TYPE1', 'TYPE2');
+ * var MYENUM2 = new Enum(['TYPE1', 'TYPE2']);
+ *
+ * //usage
+ * if (value === MYENUM.TYPE1) {
+ *      ....
+ * }
+ *
+ * //add (If a duplicate name is inputted, will be disregarded.)
+ * MYENUM.set('TYPE3', 'TYPE4');
+ *
+ * //get name of a constant by a value
+ * MYENUM.getName(MYENUM.TYPE1); // 'TYPE1'
+ *
+ * // In modern browsers (except IE8 and lower), a value can not be changed in constants.
+ * var originalValue = MYENUM.TYPE1;
+ * MYENUM.TYPE1 = 1234; // maybe TypeError
+ * MYENUM.TYPE1 === originalValue; // true
+ **/
+function Enum(itemList) {
+  if (itemList) {
+    this.set.apply(this, arguments);
+  }
+}
+
+/**
+ * Define a constants-list
+ * @param {...string|string[]} itemList Constant-list (An array of string is available)
+ */
+Enum.prototype.set = function(itemList) {
+  var self = this;
+
+  if (!isArray(itemList)) {
+    itemList = toArray(arguments);
+  }
+
+  forEach(itemList, function itemListIteratee(item) {
+    self._addItem(item);
+  });
+};
+
+/**
+ * Return a key of the constant.
+ * @param {number} value A value of the constant.
+ * @returns {string|undefined} Key of the constant.
+ */
+Enum.prototype.getName = function(value) {
+  var self = this;
+  var foundedKey;
+
+  forEach(this, function(itemValue, key) { // eslint-disable-line consistent-return
+    if (self._isEnumItem(key) && value === itemValue) {
+      foundedKey = key;
+
+      return false;
+    }
+  });
+
+  return foundedKey;
+};
+
+/**
+ * Create a constant.
+ * @private
+ * @param {string} name Constant name. (It will be a key of a constant)
+ */
+Enum.prototype._addItem = function(name) {
+  var value;
+
+  if (!this.hasOwnProperty(name)) {
+    value = this._makeEnumValue();
+
+    if (isSupportDefinedProperty) {
+      Object.defineProperty(this, name, {
+        enumerable: true,
+        configurable: false,
+        writable: false,
+        value: value
+      });
+    } else {
+      this[name] = value;
+    }
+  }
+};
+
+/**
+ * Return a unique value for assigning to a constant.
+ * @private
+ * @returns {number} A unique value
+ */
+Enum.prototype._makeEnumValue = function() {
+  var value;
+
+  value = enumValue;
+  enumValue += 1;
+
+  return value;
+};
+
+/**
+ * Return whether a constant from the given key is in instance or not.
+ * @param {string} key - A constant key
+ * @returns {boolean} Result
+ * @private
+ */
+Enum.prototype._isEnumItem = function(key) {
+  return isNumber(this[key]);
+};
+
+module.exports = Enum;
+
+
+/***/ }),
+/* 46 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
+/* harmony import */ var tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(19);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _mdPreview__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(35);
+/* harmony import */ var _eventManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(36);
+/* harmony import */ var _commandManager__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1);
+/* harmony import */ var _convertor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(37);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(0);
+/* harmony import */ var _codeBlockManager__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(30);
+/* harmony import */ var _pluginHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(31);
+/* harmony import */ var _utils_common__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(12);
+/* harmony import */ var _htmlSanitizer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(25);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * @fileoverview Implements editor preivew
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+var TASK_ATTR_NAME = 'data-te-task';
+var DISABLED_TASK_ATTR_NAME = 'data-te-task-disabled';
+var TASK_CHECKED_CLASS_NAME = 'checked';
+/**
+ * Class ToastUIEditorViewer
+ * @param {object} options Option object
+ *     @param {HTMLElement} options.el - container element
+ *     @param {string} [options.initialValue] Editor's initial value
+ *     @param {Object} [options.events] - Events
+ *         @param {function} [options.events.load] - It would be emitted when editor fully load
+ *         @param {function} [options.events.change] - It would be emitted when content changed
+ *         @param {function} [options.events.stateChange] - It would be emitted when format change by cursor position
+ *         @param {function} [options.events.focus] - It would be emitted when editor get focus
+ *         @param {function} [options.events.blur] - It would be emitted when editor loose focus
+ *     @param {Object} [options.hooks] - Hooks
+ *         @param {function} [options.hooks.previewBeforeHook] - Submit preview to hook URL before preview be shown
+ *     @param {Array.} [options.plugins] - Array of plugins. A plugin can be either a function or an array in the form of [function, options].
+ *     @param {boolean} [options.useDefaultHTMLSanitizer=true] - use default htmlSanitizer
+ *     @param {Object} [options.extendedAutolinks] - Using extended Autolinks specified in GFM spec
+ *     @param {Object} [options.customConvertor] - convertor extention
+ *     @param {Object} [options.linkAttribute] - Attributes of anchor element that should be rel, target, contenteditable, hreflang, type
+ *     @param {Object} [options.customHTMLRenderer] - Object containing custom renderer functions correspond to markdown node
+ *     @param {boolean} [options.referenceDefinition=false] - whether use the specification of link reference definition
+ *     @param {function} [options.customHTMLSanitizer=null] - custom HTML sanitizer
+ *     @param {boolean} [options.frontMatter=false] - whether use the front matter
+ */
+
+var ToastUIEditorViewer = /*#__PURE__*/function () {
+  function ToastUIEditorViewer(options) {
+    var _this = this;
+
+    this.options = tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1___default()({
+      useDefaultHTMLSanitizer: true,
+      linkAttribute: null,
+      extendedAutolinks: false,
+      customConvertor: null,
+      customHTMLRenderer: null,
+      referenceDefinition: false,
+      customHTMLSanitizer: null,
+      frontMatter: false
+    }, options);
+    this.codeBlockLanguages = [];
+    this.eventManager = new _eventManager__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"]();
+    this.commandManager = new _commandManager__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"](this);
+    var linkAttribute = Object(_utils_common__WEBPACK_IMPORTED_MODULE_11__[/* sanitizeLinkAttribute */ "c"])(this.options.linkAttribute);
+
+    var _getPluginInfo = Object(_pluginHelper__WEBPACK_IMPORTED_MODULE_10__[/* getPluginInfo */ "a"])(this.options.plugins),
+        renderer = _getPluginInfo.renderer,
+        parser = _getPluginInfo.parser,
+        plugins = _getPluginInfo.plugins;
+
+    var _this$options = this.options,
+        customHTMLRenderer = _this$options.customHTMLRenderer,
+        customHTMLSanitizer = _this$options.customHTMLSanitizer,
+        extendedAutolinks = _this$options.extendedAutolinks,
+        referenceDefinition = _this$options.referenceDefinition,
+        frontMatter = _this$options.frontMatter;
+    var rendererOptions = {
+      linkAttribute: linkAttribute,
+      customHTMLRenderer: _extends({}, renderer, customHTMLRenderer),
+      extendedAutolinks: extendedAutolinks,
+      referenceDefinition: referenceDefinition,
+      customParser: parser,
+      frontMatter: frontMatter
+    };
+
+    if (this.options.customConvertor) {
+      // eslint-disable-next-line new-cap
+      this.convertor = new this.options.customConvertor(this.eventManager, rendererOptions);
+    } else {
+      this.convertor = new _convertor__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"](this.eventManager, rendererOptions);
+    }
+
+    var sanitizer = customHTMLSanitizer || (this.options.useDefaultHTMLSanitizer ? _htmlSanitizer__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"] : null);
+
+    if (sanitizer) {
+      this.convertor.initHtmlSanitizer(sanitizer);
+    }
+
+    if (this.options.hooks) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(this.options.hooks, function (fn, key) {
+        _this.addHook(key, fn);
+      });
+    }
+
+    if (this.options.events) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(this.options.events, function (fn, key) {
+        _this.on(key, fn);
+      });
+    }
+
+    var _this$options2 = this.options,
+        el = _this$options2.el,
+        initialValue = _this$options2.initialValue;
+    var existingHTML = el.innerHTML;
+    el.innerHTML = '';
+    this.preview = new _mdPreview__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"](el, this.eventManager, this.convertor, _extends({}, rendererOptions, {
+      isViewer: true
+    }));
+    tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2___default()(this.preview.el, 'mousedown', this._toggleTask.bind(this));
+
+    if (plugins) {
+      Object(_pluginHelper__WEBPACK_IMPORTED_MODULE_10__[/* invokePlugins */ "b"])(plugins, this);
+    }
+
+    if (initialValue) {
+      this.setMarkdown(initialValue);
+    } else if (existingHTML) {
+      this.preview.setHTML(existingHTML);
+    }
+
+    this.eventManager.emit('load', this);
+  }
+  /**
+   * Toggle task by detecting mousedown event.
+   * @param {MouseEvent} ev - event
+   * @private
+   */
+
+
+  var _proto = ToastUIEditorViewer.prototype;
+
+  _proto._toggleTask = function _toggleTask(ev) {
+    var style = getComputedStyle(ev.target, ':before');
+
+    if (!ev.target.hasAttribute(DISABLED_TASK_ATTR_NAME) && ev.target.hasAttribute(TASK_ATTR_NAME) && _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"].isInsideButtonBox(style, ev.offsetX, ev.offsetY)) {
+      _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"].toggleClass(ev.target, TASK_CHECKED_CLASS_NAME);
+      this.eventManager.emit('change', {
+        source: 'viewer',
+        data: ev
+      });
+    }
+  }
+  /**
+   * Set content for preview
+   * @param {string} markdown Markdown text
+   */
+  ;
+
+  _proto.setMarkdown = function setMarkdown(markdown) {
+    this.markdownValue = markdown = markdown || '';
+    this.preview.refresh(this.markdownValue);
+    this.eventManager.emit('setMarkdownAfter', this.markdownValue);
+  }
+  /**
+   * Bind eventHandler to event type
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.on = function on(type, handler) {
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Unbind eventHandler from event type
+   * @param {string} type Event type
+   */
+  ;
+
+  _proto.off = function off(type) {
+    this.eventManager.removeEventHandler(type);
+  }
+  /**
+   * Remove Viewer preview from document
+   */
+  ;
+
+  _proto.remove = function remove() {
+    this.eventManager.emit('removeEditor');
+    tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3___default()(this.preview.el, 'mousedown', this._toggleTask.bind(this));
+    this.preview.remove();
+    this.options = null;
+    this.eventManager = null;
+    this.commandManager = null;
+    this.convertor = null;
+    this.preview = null;
+  }
+  /**
+   * Add hook to Viewer preview's event
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.addHook = function addHook(type, handler) {
+    this.eventManager.removeEventHandler(type);
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Return true
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isViewer = function isViewer() {
+    return true;
+  }
+  /**
+   * Return false
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isMarkdownMode = function isMarkdownMode() {
+    return false;
+  }
+  /**
+   * Return false
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isWysiwygMode = function isWysiwygMode() {
+    return false;
+  }
+  /**
+   * Set code block languages
+   * @param {Array} languages - code lauguage list
+   */
+  ;
+
+  _proto.setCodeBlockLanguages = function setCodeBlockLanguages(languages) {
+    var _this2 = this;
+
+    if (languages === void 0) {
+      languages = [];
+    }
+
+    languages.forEach(function (lang) {
+      if (_this2.codeBlockLanguages.indexOf(lang) < 0) {
+        _this2.codeBlockLanguages.push(lang);
+      }
+    });
+  };
+
+  return ToastUIEditorViewer;
+}();
+/**
+ * Check whether is viewer (using in plugins)
+ * @type {boolean}
+ * @ignore
+ */
+
+
+ToastUIEditorViewer.isViewer = true;
+/**
+ * domUtil instance
+ * @type {DomUtil}
+ * @ignore
+ */
+
+ToastUIEditorViewer.domUtils = _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"];
+/**
+ * CodeBlockManager instance using in plugins
+ * @type {CodeBlockManager}
+ * @ignore
+ */
+
+ToastUIEditorViewer.codeBlockManager = _codeBlockManager__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"];
+/**
+ * WwCodeBlockManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwCodeBlockManager = null;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwTableManager = null;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwTableSelectionManager = null;
+/* harmony default export */ __webpack_exports__["a"] = (ToastUIEditorViewer);
+
+/***/ }),
+/* 47 */,
+/* 48 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is null or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is null or not.
+ * If the given variable(arguments[0]) is null, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is null?
+ * @memberof module:type
+ */
+function isNull(obj) {
+  return obj === null;
+}
+
+module.exports = isNull;
+
+
+/***/ }),
+/* 49 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Request image ping.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachOwnProperties = __webpack_require__(10);
+
+/**
+ * @module request
+ */
+
+/**
+ * Request image ping.
+ * @param {String} url url for ping request
+ * @param {Object} trackingInfo infos for make query string
+ * @returns {HTMLElement}
+ * @memberof module:request
+ * @example
+ * var imagePing = require('tui-code-snippet/request/imagePing'); // node, commonjs
+ *
+ * imagePing('https://www.google-analytics.com/collect', {
+ *     v: 1,
+ *     t: 'event',
+ *     tid: 'trackingid',
+ *     cid: 'cid',
+ *     dp: 'dp',
+ *     dh: 'dh'
+ * });
+ */
+function imagePing(url, trackingInfo) {
+  var trackingElement = document.createElement('img');
+  var queryString = '';
+  forEachOwnProperties(trackingInfo, function(value, key) {
+    queryString += '&' + key + '=' + value;
+  });
+  queryString = queryString.substring(1);
+
+  trackingElement.src = url + '?' + queryString;
+
+  trackingElement.style.display = 'none';
+  document.body.appendChild(trackingElement);
+  document.body.removeChild(trackingElement);
+
+  return trackingElement;
+}
+
+module.exports = imagePing;
+
+
+/***/ }),
+/* 50 */,
+/* 51 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 52 */,
+/* 53 */,
+/* 54 */,
+/* 55 */,
+/* 56 */,
+/* 57 */,
+/* 58 */,
+/* 59 */,
+/* 60 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _viewer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(46);
+/* harmony import */ var _css_contents_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
+/* harmony import */ var _css_contents_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_contents_css__WEBPACK_IMPORTED_MODULE_1__);
+/**
+ * @fileoverview entry point for viewer
+ * @author NHN FE Development Lab 
+ */
+
+
+/* harmony default export */ __webpack_exports__["default"] = (_viewer__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"]);
+
+/***/ })
+/******/ ])["default"];
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor.css b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor.css
new file mode 100644
index 0000000000..2cee463091
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor.css
@@ -0,0 +1,1804 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+@charset "utf-8";
+/* height */
+.auto-height,
+.auto-height .tui-editor-defaultUI {
+  height: auto;
+}
+
+.auto-height .tui-editor {
+  position: relative;
+}
+
+:not(.auto-height) > .tui-editor-defaultUI,
+:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+:not(.auto-height) > .tui-editor-defaultUI > .te-editor-section {
+  -ms-flex: 1;
+  flex: 1;
+}
+
+/* tui editor */
+.tui-editor:after,
+.tui-editor-defaultUI-toolbar:after {
+  content: '';
+  display: block;
+  height: 0;
+  clear: both;
+}
+
+.tui-editor {
+  position: absolute;
+  line-height: 1;
+  color: #222;
+  width: 100%;
+  height: inherit;
+}
+
+.te-editor-section {
+  min-height: 0px;
+  position: relative;
+  height: inherit;
+}
+
+.te-md-container {
+  display: none;
+  overflow: hidden;
+  height: 100%;
+}
+
+.te-md-container .te-editor {
+  line-height: 1.5;
+}
+
+.te-md-container .te-editor,
+.te-md-container .te-preview {
+  box-sizing: border-box;
+  padding: 0;
+  height: inherit;
+}
+
+.te-md-container .CodeMirror {
+  font-size: 13px;
+  height: inherit;
+}
+
+.te-md-container .te-preview {
+  overflow: auto;
+  padding: 0 25px;
+  height: 100%;
+}
+
+.te-md-container .te-preview > p:first-child {
+  margin-top: 0 !important;
+}
+
+.te-md-container .te-preview .tui-editor-contents {
+  padding-top: 8px;
+}
+
+.tui-editor .te-preview-style-tab > .te-editor,
+.tui-editor .te-preview-style-tab > .te-preview {
+  float: left;
+  width: 100%;
+  display: none;
+}
+
+.tui-editor .te-preview-style-tab > .te-tab-active {
+  display: block;
+}
+
+.tui-editor .te-preview-style-vertical > .te-tab-section {
+  display: none;
+}
+
+.tui-editor .te-preview-style-tab > .te-tab-section {
+  display: block;
+}
+
+.tui-editor .te-preview-style-vertical .te-editor {
+  float: left;
+  width: 50%;
+}
+
+.tui-editor .te-preview-style-vertical .te-preview {
+  float: left;
+  width: 50%;
+}
+
+.tui-editor .te-md-splitter {
+  display: none;
+  position: absolute;
+  left: 50%;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  border-left: 1px solid #e5e5e5;
+}
+
+.tui-editor .te-preview-style-vertical .te-md-splitter {
+  display: block;
+}
+
+.te-ww-container {
+  display: none;
+  overflow: hidden;
+  z-index: 10;
+  height: inherit;
+  background-color: #fff;
+}
+
+.te-ww-container > .te-editor {
+  overflow: auto;
+  height: inherit;
+}
+
+.te-ww-container .tui-editor-contents:focus {
+  outline: none;
+}
+
+.te-ww-container .tui-editor-contents {
+  padding: 0 25px;
+}
+
+.te-ww-container .tui-editor-contents:first-child {
+  box-sizing: border-box;
+  margin: 0px;
+  padding: 16px 25px 0px 25px;
+  height: inherit;
+}
+
+.te-ww-container .tui-editor-contents:last-child {
+  margin-bottom: 16px;
+}
+
+.te-md-mode .te-md-container {
+  display: block;
+  z-index: 100;
+}
+
+.te-ww-mode .te-ww-container {
+  display: block;
+  z-index: 100;
+}
+
+.tui-editor.te-hide,
+.tui-editor-defaultUI.te-hide {
+  display: none;
+}
+
+.tui-editor-defaultUI .CodeMirror-lines {
+  padding-top: 18px;
+  padding-bottom: 18px;
+}
+
+.tui-editor-defaultUI pre.CodeMirror-line {
+  padding-left: 25px;
+  padding-right: 25px;
+}
+
+.tui-editor-defaultUI .CodeMirror pre.CodeMirror-placeholder {
+  margin: 0;
+  padding-left: 25px;
+  color: grey;
+}
+
+.tui-editor-defaultUI .CodeMirror-scroll {
+  cursor: text;
+}
+
+/* Essential element style */
+.tui-editor-contents td.te-cell-selected {
+  background-color: #d8dfec;
+}
+.tui-editor-contents td.te-cell-selected::selection {
+  background-color: #d8dfec;
+}
+.tui-editor-contents th.te-cell-selected {
+  background-color: #908f8f;
+}
+.tui-editor-contents th.te-cell-selected::selection {
+  background-color: #908f8f;
+}
+
+/* default UI Styles */
+.tui-editor-defaultUI {
+  position: relative;
+  border: 1px solid #e5e5e5;
+  height: 100%;
+  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕',
+    'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;
+}
+
+.tui-editor-defaultUI button {
+  color: #fff;
+  padding: 0px 14px 0px 15px;
+  height: 28px;
+  font-size: 12px;
+  border: none;
+  cursor: pointer;
+  outline: none;
+}
+.tui-editor-defaultUI button.te-ok-button {
+  background-color: #4b96e6;
+}
+.tui-editor-defaultUI button.te-close-button {
+  background-color: #777;
+}
+
+.tui-editor-defaultUI-toolbar {
+  padding: 0 25px;
+  height: 31px;
+  background-color: #fff;
+  border: 0;
+  overflow: hidden;
+}
+
+.tui-toolbar-divider {
+  float: left;
+  display: inline-block;
+  width: 1px;
+  height: 14px;
+  background-color: #ddd;
+  margin: 9px 6px;
+}
+
+.tui-toolbar-button-group {
+  height: 28px;
+  border-right: 1px solid #d9d9d9;
+  float: left;
+}
+
+.te-toolbar-section {
+  height: 32px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.tui-editor-defaultUI-toolbar button {
+  float: left;
+  box-sizing: border-box;
+  outline: none;
+  cursor: pointer;
+  background-color: #fff;
+  width: 22px;
+  height: 22px;
+  padding: 3px;
+  border-radius: 0;
+  margin: 5px 3px;
+  border: 1px solid #fff;
+}
+
+.tui-editor-defaultUI-toolbar button:hover,
+.tui-editor-defaultUI-toolbar button:active,
+.tui-editor-defaultUI-toolbar button.active {
+  border: 1px solid #aaa;
+  background-color: #fff;
+}
+
+.tui-editor-defaultUI-toolbar button:first-child {
+  margin-left: 0;
+}
+
+.tui-editor-defaultUI-toolbar button:last-child {
+  margin-right: 0;
+}
+
+.tui-editor-defaultUI-toolbar button.tui-scrollsync {
+  width: auto;
+  color: #777777;
+  border: 0;
+}
+
+.tui-editor-defaultUI button.tui-scrollsync:after {
+  content: 'Scroll off';
+}
+
+.tui-editor-defaultUI button.tui-scrollsync.active {
+  color: #4b96e6;
+  font-weight: bold;
+}
+
+.tui-editor-defaultUI button.tui-scrollsync.active:after {
+  content: 'Scroll on';
+}
+
+.tui-editor-defaultUI .te-mode-switch-section {
+  background-color: #f9f9f9;
+  border-top: 1px solid #e5e5e5;
+  height: 20px;
+  font-size: 12px;
+}
+
+.tui-editor-defaultUI .te-mode-switch {
+  float: right;
+  height: 100%;
+}
+
+.tui-editor-defaultUI .te-switch-button {
+  width: 92px;
+  height: inherit;
+  background: #e5e5e5;
+  outline: 0;
+  color: #a0aabf;
+  cursor: pointer;
+  border: 0;
+  border-left: 1px solid #ddd;
+  border-right: 1px solid #ddd;
+}
+
+.tui-editor-defaultUI .te-switch-button.active {
+  background-color: #fff;
+  color: #000;
+}
+
+.tui-editor-defaultUI .te-markdown-tab-section {
+  float: left;
+  height: 31px;
+  background: #fff;
+}
+
+.te-markdown-tab-section .te-tab {
+  margin: 0 -7px 0 24px;
+  background: #fff;
+}
+
+.tui-editor-defaultUI .te-tab button {
+  box-sizing: border-box;
+  line-height: 100%;
+  position: relative;
+  cursor: pointer;
+  z-index: 1;
+  font-size: 13px;
+  background-color: #f9f9f9;
+  border: solid 1px #e5e5e5;
+  border-top: 0;
+  padding: 0 9px;
+  color: #777;
+  border-radius: 0;
+  outline: 0;
+}
+
+.te-markdown-tab-section .te-tab button:last-child {
+  margin-left: -1px;
+}
+
+.te-markdown-tab-section .te-tab button.te-tab-active,
+.te-markdown-tab-section .te-tab button:hover.te-tab-active {
+  background-color: #fff;
+  color: #333;
+  border-bottom: 1px solid #fff;
+  z-index: 2;
+}
+
+.te-markdown-tab-section .te-tab button:hover {
+  background-color: #fff;
+  color: #333;
+}
+
+.tui-popup-modal-background {
+  background-color: rgba(202, 202, 202, 0.6);
+  position: fixed;
+  margin: 0px;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+}
+
+.tui-popup-wrapper.fit-window,
+.tui-popup-modal-background.fit-window .tui-popup-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.tui-popup-wrapper {
+  width: 500px;
+  margin-right: auto;
+  border: 1px solid #cacaca;
+  background: white;
+  z-index: 9999;
+}
+
+.tui-popup-modal-background .tui-popup-wrapper {
+  position: absolute;
+  margin: auto;
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+.tui-popup-header {
+  padding: 10px;
+  height: auto;
+  line-height: normal;
+  position: relative;
+  border-bottom: 1px solid #cacaca;
+}
+
+.tui-popup-header .tui-popup-header-buttons {
+  float: right;
+}
+
+.tui-popup-header .tui-popup-header-buttons button {
+  padding: 0px;
+  background-color: transparent;
+  background-size: cover;
+  float: left;
+}
+
+.tui-popup-header .tui-popup-close-button {
+  margin: 3px;
+  width: 13px;
+  height: 13px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMCAxMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5GMjc2Qzc4MC0zM0JBLTQ3MTItQTM3OC04RkQwQUNDOTFDRTk8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImxuYi1mb2xkZXItZGVsIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiM3Nzc3NzciPiAgICAgICAgICAgIDxwYXRoIGQ9Ik01LDMuNTg1Nzg2NDQgTDEuNzA3MTA2NzgsMC4yOTI4OTMyMTkgTDAuMjkyODkzMjE5LDEuNzA3MTA2NzggTDMuNTg1Nzg2NDQsNSBMMC4yOTI4OTMyMTksOC4yOTI4OTMyMiBMMS43MDcxMDY3OCw5LjcwNzEwNjc4IEw1LDYuNDE0MjEzNTYgTDguMjkyODkzMjIsOS43MDcxMDY3OCBMOS43MDcxMDY3OCw4LjI5Mjg5MzIyIEw2LjQxNDIxMzU2LDUgTDkuNzA3MTA2NzgsMS43MDcxMDY3OCBMOC4yOTI4OTMyMiwwLjI5Mjg5MzIxOSBMNSwzLjU4NTc4NjQ0IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
+}
+
+.tui-popup-header .tui-popup-title {
+  font-size: 13px;
+  font-weight: bold;
+  color: #333;
+  vertical-align: bottom;
+}
+
+.tui-popup-body {
+  padding: 15px;
+  font-size: 12px;
+}
+
+.tui-editor-popup {
+  position: absolute;
+  top: 30px;
+  left: 50%;
+  margin-left: -250px;
+}
+
+.tui-editor-popup.tui-popup-modal-background {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  margin: 0px;
+}
+
+.tui-editor-popup .tui-popup-body label {
+  font-weight: bold;
+  color: #666;
+  display: block;
+  margin: 10px 0 5px;
+}
+
+.tui-editor-popup .tui-popup-body .te-button-section {
+  margin-top: 15px;
+}
+
+.tui-editor-popup .tui-popup-body input[type='text'],
+.tui-editor-popup .tui-popup-body input[type='file'] {
+  padding: 4px 10px;
+  border: 1px solid #bfbfbf;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.tui-editor-popup .tui-popup-body input[type='text'].disabled {
+  border-color: #e5e5e5;
+  background-color: #eee;
+  color: #e5e5e5;
+}
+
+.tui-editor-popup .tui-popup-body input.wrong {
+  border-color: #ff0000;
+}
+
+.te-popup-add-link .tui-popup-wrapper {
+  height: 219px;
+}
+
+.te-popup-add-image .tui-popup-wrapper {
+  height: 243px;
+}
+
+.te-popup-add-image .te-tab {
+  display: block;
+  background: none;
+  border-bottom: 1px solid #ebebeb;
+  margin-bottom: 8px;
+}
+
+.te-popup-add-image .te-url-type {
+  display: none;
+}
+
+.te-popup-add-image .te-file-type {
+  display: none;
+}
+
+.te-popup-add-image div.te-tab-active,
+.te-popup-add-image form.te-tab-active {
+  display: block;
+}
+
+.te-popup-add-image .te-tab button {
+  border: 1px solid #ccc;
+  background: #eee;
+  min-width: 100px;
+  margin-left: -1px;
+  border-bottom: 0px;
+  border-radius: 3px 3px 0px 0px;
+}
+
+.te-popup-add-image .te-tab button.te-tab-active {
+  background: #fff;
+}
+
+.te-popup-add-table .te-table-selection {
+  position: relative;
+}
+
+.te-popup-add-table .te-table-body {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZmspKREMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgAMSwQgckFvTgAAAABJRU5ErkJggg==');
+}
+
+.te-popup-add-table .te-table-header {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZksLCxMMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgDxKwPzTeWPdAAAAABJRU5ErkJggg==');
+}
+
+.te-popup-add-table .te-selection-area {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: #80d2ff;
+  opacity: 0.3;
+  z-index: 999;
+}
+
+.te-popup-add-table .te-description {
+  margin: 10px 0 0 0;
+  text-align: center;
+}
+
+.te-popup-table-utils {
+  width: auto;
+  min-width: 120px;
+}
+
+.te-popup-table-utils .tui-popup-body {
+  padding: 0px;
+}
+
+.te-popup-table-utils button {
+  display: block;
+  width: 100%;
+  background-color: #fff;
+  border: none;
+  outline: 0;
+  padding: 0px 10px 0px 10px;
+  font-size: 12px;
+  line-height: 28px;
+  text-align: left;
+  color: #777;
+}
+
+.te-popup-table-utils button:hover {
+  background-color: #f4f4f4;
+}
+
+.te-popup-table-utils hr {
+  margin: 0;
+  background-color: #cacaca;
+  border-style: none;
+  height: 1px;
+}
+
+.te-popup-table-utils .te-context-menu-disabled {
+  color: #ccc;
+}
+
+.te-popup-table-utils .te-context-menu-disabled:hover {
+  background-color: #fff;
+}
+
+.te-heading-add {
+  width: auto;
+}
+
+.te-heading-add .tui-popup-body {
+  padding: 0;
+}
+
+.te-heading-add h1,
+.te-heading-add h2,
+.te-heading-add h3,
+.te-heading-add h4,
+.te-heading-add h5,
+.te-heading-add h6,
+.te-heading-add ul,
+.te-heading-add p {
+  padding: 0;
+  margin: 0;
+}
+
+.te-heading-add ul {
+  list-style: none;
+}
+
+.te-heading-add ul li {
+  padding: 2px 10px;
+  cursor: pointer;
+}
+
+.te-heading-add ul li:hover {
+  background-color: #eee;
+}
+
+.te-heading-add h1 {
+  font-size: 24px;
+}
+
+.te-heading-add h2 {
+  font-size: 22px;
+}
+
+.te-heading-add h3 {
+  font-size: 20px;
+}
+
+.te-heading-add h4 {
+  font-size: 18px;
+}
+
+.te-heading-add h5 {
+  font-size: 16px;
+}
+
+.te-heading-add h6 {
+  font-size: 14px;
+}
+
+.te-dropdown-toolbar {
+  position: absolute;
+  width: auto;
+}
+
+.te-dropdown-toolbar .tui-popup-body {
+  padding: 0px;
+}
+
+.tui-popup-color {
+  padding: 0;
+}
+
+.tui-popup-color .tui-colorpicker-container,
+.tui-popup-color .tui-colorpicker-palette-container {
+  width: 144px;
+}
+
+.tui-popup-color .tui-colorpicker-container ul {
+  width: 144px;
+  margin-bottom: 8px;
+}
+
+.tui-popup-color .tui-colorpicker-container li {
+  padding: 0 1px 1px 0;
+}
+
+.tui-popup-color .tui-colorpicker-container li .tui-colorpicker-palette-button {
+  border: 0;
+  width: 17px;
+  height: 17px;
+}
+
+.tui-popup-color .tui-popup-body {
+  padding: 10px;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-toggle-slider {
+  display: none;
+}
+
+.tui-popup-color .te-apply-button,
+.tui-popup-color .tui-colorpicker-palette-hex {
+  float: right;
+}
+
+.tui-popup-color .te-apply-button {
+  height: 21px;
+  width: 35px;
+  background: #fff;
+  border: 1px solid #efefef;
+  position: absolute;
+  bottom: 135px;
+  right: 10px;
+  color: black;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-hex {
+  border: 1px solid #e1e1e1;
+  padding: 3px 14px;
+  margin-left: -1px;
+}
+
+.tui-popup-color .tui-colorpicker-container div.tui-colorpicker-clearfix {
+  display: inline-block;
+}
+
+.tui-popup-color .tui-colorpicker-container .tui-colorpicker-palette-preview {
+  width: 19px;
+  height: 19px;
+}
+
+.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-slider-right {
+  width: 22px;
+}
+
+.tui-popup-color .tui-colorpicker-slider-container .tui-colorpicker-huebar-handle {
+  display: none;
+}
+
+.tui-tooltip {
+  position: absolute;
+  background-color: #222;
+  z-index: 999;
+  opacity: 0.8;
+  color: #fff;
+  padding: 2px 5px;
+  font-size: 10px;
+}
+
+.tui-tooltip .arrow {
+  content: '';
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  background-color: #222;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+  position: absolute;
+  top: -3px;
+  left: 6px;
+  z-index: -1;
+}
+
+.tui-toolbar-icons {
+  background: url(data:image/png;base64,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);
+  background-size: 218px 188px;
+  display: inline-block;
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2),
+  only screen and (min--moz-device-pixel-ratio: 2),
+  only screen and (-o-min-device-pixel-ratio: 2/1),
+  only screen and (min-device-pixel-ratio: 2),
+  only screen and (min-resolution: 192dpi),
+  only screen and (min-resolution: 2dppx) {
+  .tui-toolbar-icons {
+    background: url(data:image/png;base64,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Xqz8qBcJkED0BGIbcoxe1QtDor4qT80zFpNh01flYWg2e1Fo2C6Me5NnSQLFToAeWpFfITFmxbrCUdCJMeMKxyK/iageCZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACQQgkA5QNlTRRYsWZbwEbNu2LTFdnPSAftc6pas06PesihdTmIurXdekOefi6qBfpJyD8rHrk+s4LM+gfHLpY8+P+r6Ngmc6nf7q1q1b6+26RnEcBc/S0tLmLVu2HI5Cn6Ay7Hxz3V9BywfVx17ezjfX/RW0vL29oMclQSuwPAmQAAnkS0A3ZrW1tR9Gh1ebr6w46unGrK6ubiz0GxdHO5QZD4HEDJo8aeBmmWk7jf2SnuspxFYnlkN50pg8efJLNuHdki67LZ2HJEACAQnYjVl/f/+PIeLxYjFqdmPW0dExC/rNpFELeKELWDwxgybn2NfXt1A/V9zg2/XjQsePHz8+StcBN/gZ/ZhxEiCB/Ai4GLMKSCvFXnCj5mTMYHDVNAiNWn6XPfFaZUm2iJt6YSZzfioN8e1Jtp+rLegzUi8Dfdv14yTiixcvbhw7duxdDQ0Nb/ppL2nvdsmSJZfMmzfvQH19fb9P/Qrq3SbNxw8Tvcxg9/6D8pVhRsMzE2OmthJslodJlRE2DMpXhhnFM9OMWVaFsrKyRB/+w573hVo/0YsEg7FQB42nou36caHj8CAtP6qamprEPTQwuq21tfX3GOa4vNA8nNoHo/G7d++eD/2qnPKZRgJuBFyMWQbGbHVTU9NDbvWSSvcwZvs3b958PCk92E7+BBIzaPJkDzVnaKrux0qi17XjgkbXrFkzDAroT43da9eu7SqQUmLMxKjVFah9z2Z7e3sr8TAyb+nSpTWeBZl5wRGQewKjDP/bfuLFYswwslAmhsuuH42ZncjgPE7MoHH+LPANMhw1HpUhyNWrV0u8qDZczxIYthnyoIJOIrH7qKggUBkLATFmuCf+E4k/xsPYCpVZTMZsx44dc86ePXvpypUrxyv9aMwUicEfJjaHxvmz/G4WYwjyOnQQizAf8LJdCpLPT0raMx2Og855OIiwJBlDkCOgx17I7rBk4gDpnu/32csHnfOw1w96HJSfXX7UPO3yg/Kz10+Kp2bMrsQ9m8LvvRG6pzCc2OowZ5b4MKN4ZmLMwCc7VI55sktg1ES/Ppc5s6IYZgx7f9rvh6iPw96fUeuT2JM1589CXToOQYbCx8pxE8CDzbUwYvNVO/i9l4hRKwZjJjrBmI2A8apU+kkoRq2YjZmuK+P+CCRi0Dh/5u9i5CqFDiKQN5ZLXtT55eXlRa1f1OdLeecJ4Msfv4ARq8U92qNSxaghrs9LO3pmGFavV3XiCuGpnsK87z4YNcs96rCacYBnhv5ralx6UW60BBIxaJw/C33RZKjxOnQaj4WWFIMALGnuxDXetX79+hMxiKfIQUIARuMJu1HTVHc1Zqhzr1YutuimTZtanYyaahD3saMxw709RZVhWNwEEplDw1Mb3z/L8z4Au8e83kuLew4nl9roIE7MnTvX9b20pOZwcunpll9ofm56qfRi56f0VCH0fQLzKrIg5HHs8tJ0doNn9En70nzxzJIyZkoPMWrQT16Ytny1qLKy8uCGDRssS/PFMyu0Mct1fxZ6ji3X/Zn0HFsiBg037UJ1Q0mITnC7flzoOG7agr9/5sDgTRizu4rVK8M17K+oqDhAr8zhyl3gSejkmtCRCYWsUYMx+wSM2TodSyGMmWof+p009MsaNcOYHVX5EhaDMdP1YdwfgdiHHDl/5u9C2EpxiNEGhIeDi4AYNWi83MmYyZkk7ZnZ6YlRQ9o+J2MmZQvtmdn15bE/ArF7aLgxFuqqwOvYrh8XOl5s32/MNcRYaF65hhgLrR/bLx4ChlErHoVsmhhGzZbKw8FMIHaDhg6a82cB7hAMMdYFKC7veVlWbeWqix+xzB/kvQX9ukvQMXTo92zeyjlUDMrHQYRnUlieQfl4KuOQGTVPexNx87W3F/Q4br5B9WH5eAnEPuTI+bN4LyClkwAJkAAJnCMQm4fm9uSGIch9yEuFfbINewHdntxaWlquMPSL1FMIqy/rkwAJkAAJeBOI3UPzbp65JEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJEACJFC8BNJRq7Zo0aKMLnPbtm2ebQQtr8vOJ472rtXrQb9n9WN7PGh5e/24j+38crWX63rkqh80384vV/1c1yNXfXt+UD72+rmOw/IMyieXPvb8qHkq+dB7TDqdvgPHtZlMZrak4/gVBE04fgjtnpI0tfm4Ds2ov728vPwLjz/++CFVL98Q7ZWWlZXV9Pf3j8M+TOSUlJR0YT/Z29t7HPr16bJzXQfI6oF+7T09PYdQt1uvG1fc0Om/bfLf5nRNX5xytaXftdVJvaX5j579sL28n+MVK1aM6OzsnKeXrays3LVhw4azeprEd065xtLv2vPnN//Bsx+2l3c7LnHLYDoJkAAJOBFYvHjxDUh/CYbrO9ivQ3ys7BKXNMkzyiDqe5uCuku7u7ufX758+TTftRwKrlq1ahQM0AIYrmkwZsNRpFR2iUua5EkZh6quSahXDmNWjQKXw9BUuBaMMAMG9E67OKc0e5mkjvv6+mrsbTml2cvEeUyDFiddyiaBIUYAnfn7YXh+jtPyMjrTpMySJUv+Zx6nPw6G4+/yqJetAmM4+uzZs7PFALnJkDwpI2Xdynikl8KL9Dp3j6r+s8B5pBh4ew1Jkzx7etLH0EEeEMbZ25U0ybOnJ3VMg5YUabZDAoOcwK233joFHkITTiM7hOd1Oij3Mzytv+BVxiPvfR55rlmrV68uh4c3C51qzuG10tLSthEjRnS4CvPIgFFJwqAsgwrZdsDy97IbKkma5BV6G4frm7UfGMZ9U3ZRyEgbYOiSUrYsqYbYTjgC+LEOb2trW7d169Y6XRLG03P+ePXyccXr6+tLdu3aNX3Lli2v6204jffr+XHHi4WP23kWmo+bXk7pMBb3ozOXYTd9a0Rn9nUM4x1D/v9Ax3sP9n9oamrapheyx+3XBU/15hwQ2phq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Q4EADMZCdR5O82cqr1BhrvmzQunFdqMhEGr8368KGKb7NDyb7xnl/xHDjWu86sKIrUX+J6UMjMZnMPz3917lw+bJC9dYij/NkHMM+h3wkgn9piM/a2j5TpoXKeaRAAmQQHIEEvHQ9OFGPLW5Djeq09bL6HVVftSh/l4ZPlLsOtyo2tXL6HVVPkMSIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESIAESGKwE0oNV8aGq92uvvZaJ89wuvfTSUNd8//7918ap34wZM56NUz5lkwAJDF0CJUP31HhmJEACJEACFxIBGrQL6WrzXEmABEhgCBOgQRvCF5enRgIkQAIXEoGyOE520aJFEyD389jfg33Otm3barzaCVreS5afvNWrV5efPXt2Un9//8je3t5K6PecV72g5b1kRZF3+PDh1AMPPGAR9alPfSo1depUS1qhDg4cOOCo3/Tp0wulEtslARK4AAhEbtBqa2v/DIZiI9iN9MMvaHk/Mr3K1NXVjT19+vTMvr4+X95p0PJebUeV9+yzA9dNSFqxGLQ//OEPA05V0mjQBmBhAgmQQIQEIjVoixcvfi+M2VboVyE6ptPpdRUVFV930zdoeTc5ftNXrVo1Cp7ZLOioVvodq66ubnarH7S8m5wo02GIU889N9ChlLRbbrklVVpaGmVzgWX19PSkXnzxxQH1JO1DH/pQqry8fEAeE0iABLwJjFtx2HP188kNU1Wf5i0oZG4uPQaKT+8vSaV/MnbspHteXZvuGpgfbUpkBg3DhtKTPog9a8wQ/rapqemTMGqOFyJo+bCnnclk0suWLZuujFlZWdnZTZs2HXTTL2j5sPr5rb9r164UjHK2uPLIZAhS0iRvwYIFfkXFUk50OHXqVFa28shkCFLSJO8tb3lLLO1GJbS+vn6iyEJ4NCqZUcr5wQ9+kH0iuPPOO3uilEtZJBAPgcyM/lTmMydP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VSp27NgxTQnDMOHxMWPG7JIhQ5WmhximPIrjl5E/wDhDRzHI+6L8yr5qW7fqKo0hCZAACZBATATgVaXx+ag/QPxVWhP3whB9TR3Da6tAx38zvJp3I03iexD+BwyehPLVEFl08Uns02F85MXm38HA/Ezm4yQ/is3QU96Py3qQIhOGqhlf+zeNqXhtr7/+unx8eCSGJtNY/NGFMqcbGxuzhk7OA9tEyKrAufSgzFn8r7Y2mY+LQke7DBo0OxEekwAJkEDMBLCwYjbmop5BR69/eeNHMAir8RmpwC9Ew3B8ECr/GkaxPUrVjU9dzYNM8zNWMK5t8+fP3w+jZA59+m0TespnsdqhZ2QvU+ttm0rqiYyTAAmQAAnER+DFF188CU/lWXhWS9GK6ocvhxdzB9JHX3nllbteeuml7Ff43bQQD2r37t0LYVxkwUg9ZHVgWPBXbuXzSX/uued6r7766jfR1jhpT2QgrDx27NgE6FmKvevll1/2NE5S7+DBg6Og5wyc3xSsiOx/4YUXIjW86tzooSkSDEmABEggYQIYenwvOvxtaHaiQ9MvI+3XMFSHUOY4PCMZpqtCXIzLfKRfj/BirV4b3hObieE+c4Wilhcqavwjz1kwSOZ7bkqgzKNBl3bo143VjlmvDWkl0K0UexXSR8AbLVflEfbBEL6Uj4enyXCM0qA5YmEiCZAACSRDAP8j7WIYCvmnnjeFbHEf5q8+ijmuP4aU41hd5sNgnC6BrpbVio6FvRO78f7da1HO96nmaNAUCYYkQAIkUEAC8NZugFGThSHvCaIGvKPnUe8HMBIPyftsQermU1a8NXwJZCrqmv9ixqcc+Wr/Mby6cBw66++x+ayeuxgNWm5GLEECJEACiRFYvnz5NAzRfRBG6gPYZ6JhGY6cYChwCsbgOOIvYn8WHtm/RfmlDaMNX4F4bBhaHA19RmP14jAZjoQHp4YW+xDvRV4HzuEszuc0FoKY/4bGVwMsRAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAIkQAKDgMD/D2WyCk5hENCOAAAAAElFTkSuQmCC);
+    background-size: 218px 188px;
+    display: inline-block;
+  }
+}
+
+.tui-toolbar-icons.tui-heading {
+  background-position: -172px -48px;
+}
+
+.tui-toolbar-icons.tui-heading:disabled {
+  background-position: -193px -48px;
+}
+
+.tui-toolbar-icons.tui-bold {
+  background-position: -4px -4px;
+}
+
+.tui-toolbar-icons.tui-bold:disabled {
+  background-position: -25px -4px;
+}
+
+.tui-toolbar-icons.tui-italic {
+  background-position: -4px -48px;
+}
+
+.tui-toolbar-icons.tui-italic:disabled {
+  background-position: -25px -48px;
+}
+
+.tui-toolbar-icons.tui-color {
+  background-position: -172px -70px;
+}
+
+.tui-toolbar-icons.tui-color:disabled {
+  background-position: -193px -70px;
+}
+
+.tui-toolbar-icons.tui-strike {
+  background-position: -4px -26px;
+}
+
+.tui-toolbar-icons.tui-strike:disabled {
+  background-position: -25px -26px;
+}
+
+.tui-toolbar-icons.tui-hrline {
+  background-position: -46px -92px;
+}
+
+.tui-toolbar-icons.tui-hrline:disabled {
+  background-position: -67px -92px;
+}
+
+.tui-toolbar-icons.tui-quote {
+  background-position: -4px -114px;
+}
+
+.tui-toolbar-icons.tui-quote:disabled {
+  background-position: -25px -114px;
+}
+
+.tui-toolbar-icons.tui-ul {
+  background-position: -46px -4px;
+}
+
+.tui-toolbar-icons.tui-ul:disabled {
+  background-position: -67px -4px;
+}
+
+.tui-toolbar-icons.tui-ol {
+  background-position: -46px -26px;
+}
+
+.tui-toolbar-icons.tui-ol:disabled {
+  background-position: -67px -26px;
+}
+
+.tui-toolbar-icons.tui-task {
+  background-position: -130px -48px;
+}
+
+.tui-toolbar-icons.tui-task:disabled {
+  background-position: -151px -48px;
+}
+
+.tui-toolbar-icons.tui-indent {
+  background-position: -46px -48px;
+}
+
+.tui-toolbar-icons.tui-indent:disabled {
+  background-position: -67px -48px;
+}
+
+.tui-toolbar-icons.tui-outdent {
+  background-position: -46px -70px;
+}
+
+.tui-toolbar-icons.tui-outdent:disabled {
+  background-position: -67px -70px;
+}
+
+.tui-toolbar-icons.tui-table {
+  background-position: -88px -92px;
+}
+
+.tui-toolbar-icons.tui-table:disabled {
+  background-position: -109px -92px;
+}
+
+.tui-toolbar-icons.tui-image {
+  background-position: -130px -4px;
+}
+
+.tui-toolbar-icons.tui-image:disabled {
+  background-position: -151px -4px;
+}
+
+.tui-toolbar-icons.tui-link {
+  background-position: -130px -26px;
+}
+
+.tui-toolbar-icons.tui-link:disabled {
+  background-position: -151px -26px;
+}
+
+.tui-toolbar-icons.tui-code {
+  background-position: -130px -92px;
+}
+
+.tui-toolbar-icons.tui-code:disabled {
+  background-position: -151px -92px;
+}
+
+.tui-toolbar-icons.tui-codeblock {
+  background-position: -130px -70px;
+}
+
+.tui-toolbar-icons.tui-codeblock:disabled {
+  background-position: -151px -70px;
+}
+
+.tui-toolbar-icons.tui-more {
+  background-position: -172px -92px;
+}
+
+.tui-toolbar-icons.tui-more:disabled {
+  background-position: -193px -92px;
+}
+.tui-colorpicker-svg-slider {
+  border: 1px solid #ebebeb;
+}
+.tui-colorpicker-vml-slider {
+  border: 1px solid #ebebeb;
+}
+.tui-colorpicker-svg-huebar {
+  border: 1px solid #ebebeb;
+}
+
+.tui-editor-pseudo-clipboard {
+  position: fixed;
+  left: -1000px;
+  top: -1000px;
+  width: 100px;
+  height: 100px;
+}
+
+.te-ww-block-overlay.code-block-header {
+  text-align: right;
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.te-ww-block-overlay.code-block-header span {
+  font-size: 10px;
+  font-weight: 600;
+  padding: 0px 10px;
+  color: #333333;
+  cursor: default;
+}
+
+.te-ww-block-overlay.code-block-header button {
+  margin: 8px;
+  font-size: 10px;
+  color: #333333;
+  background-color: #f9f9f9;
+  border: 1px solid #dddddd;
+  padding: 4px;
+  height: auto;
+}
+
+.te-popup-code-block-languages {
+  position: fixed;
+  box-sizing: border-box;
+  width: 130px;
+}
+
+.te-popup-code-block-languages .tui-popup-body {
+  max-height: 169px;
+  overflow: auto;
+  padding: 0px;
+}
+
+.te-popup-code-block-languages button {
+  width: 100%;
+  background-color: #fff;
+  border: none;
+  outline: 0;
+  padding: 0px 10px 0px 10px;
+  font-size: 12px;
+  line-height: 24px;
+  text-align: left;
+  color: #777;
+}
+
+.te-popup-code-block-languages button.active {
+  background-color: #f4f4f4;
+}
+
+.tui-popup-code-block-editor .tui-popup-wrapper {
+  width: 70%;
+  height: 70%;
+  margin: auto;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.te-input-language {
+  position: relative;
+  margin-left: 15px;
+  cursor: pointer;
+}
+
+.te-input-language input {
+  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 10px;
+  padding: 3px 5px;
+  border: 1px solid #dddddd;
+  background-color: #f9f9f9;
+  box-sizing: border-box;
+  width: 130px;
+  outline: none;
+}
+
+.te-input-language input::-ms-clear {
+  display: none;
+}
+
+.te-input-language::after {
+  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT42Q0NBRDk2QS0yMjYxLTRFNDAtOTk1RC1DRUUyQUREQUQ3NkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLWQtc2lkZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS03IiBwb2ludHM9IjIgNSAxMCA1IDYgMTAiPjwvcG9seWdvbj4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
+  position: absolute;
+  top: 1px;
+  right: 3px;
+}
+
+.te-input-language.active::after {
+  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5BNEZDRkIzMy0zNjdBLTREMjAtOEEyNC1DQ0I2ODFBMDZDODg8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbS10cmFuZ2xlLXVwLXNpZGUiIGZpbGw9IiM1NTU1NTUiPiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJSZWN0YW5nbGUtNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC02LjAwMDAwMCwgLTYuNTAwMDAwKSAiIHBvaW50cz0iMiA0IDEwIDQgNiA5Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
+}
+
+.tui-popup-code-block-editor button {
+  margin: -1px 3px;
+}
+
+.tui-popup-code-block-editor .tui-popup-header-buttons {
+  height: 20px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-preview::after {
+  content: 'Preview off';
+  color: #777;
+  margin-right: 22px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-preview.active::after {
+  content: 'Preview on';
+  color: #4b96e6;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-scroll::after {
+  content: 'Scroll off';
+  color: #777;
+  margin-right: 16px;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-scroll.active::after {
+  content: 'Scroll on';
+  color: #4b96e6;
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-fit {
+  width: 18px;
+  height: 18px;
+  margin-top: 4px;
+  margin-right: 14px;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT40OUQ4RTYyMy1GRTAyLTQ1RUUtQkQ5Ri0xMjUyQjEzRTU1MkQ8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLWV4cGFuZCIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBhdGggZD0iTTMsMyBMOSwzIEw5LDUgTDUsNSBMNSw5IEwzLDkgTDMsMyBaIE0xNSwxNSBMOSwxNSBMOSwxMyBMMTMsMTMgTDEzLDkgTDE1LDkgTDE1LDE1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4wMDAwMDAsIDkuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC05LjAwMDAwMCwgLTkuMDAwMDAwKSAiPjwvcGF0aD4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS41MDAwMDAsIDYuNTAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMS41MDAwMDAsIC02LjUwMDAwMCkgIiBwb2ludHM9IjkuMDg1Nzg2NDQgNS41IDEyLjUgOC45MTQyMTM1NiAxMy45MTQyMTM2IDcuNSAxMC41IDQuMDg1Nzg2NDQiPjwvcG9seWdvbj4gICAgICAgICAgICA8cG9seWdvbiBpZD0iTGluZS1Db3B5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNTAwMDAwLCAxMS41MDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTYuNTAwMDAwLCAtMTEuNTAwMDAwKSAiIHBvaW50cz0iNC4wODU3ODY0NCAxMC41IDcuNSAxMy45MTQyMTM2IDguOTE0MjEzNTYgMTIuNSA1LjUgOS4wODU3ODY0NCI+PC9wb2x5Z29uPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
+}
+
+.tui-popup-code-block-editor .popup-editor-toggle-fit.active {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT4wN0Q1MjlCRi1GNTIzLTREN0EtQTlGNi05NTUzNTU5RDNEMUE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNvbnRlbnRzLXJlZHVjZSIgZmlsbD0iIzU1NTU1NSI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzIiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS41MDAwMDAsIDEyLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtNS41MDAwMDAsIC0xMi41MDAwMDApICIgcG9pbnRzPSIzLjA4NTc4NjQ0IDExLjUgNi41IDE0LjkxNDIxMzYgNy45MTQyMTM1NiAxMy41IDQuNSAxMC4wODU3ODY0Ij48L3BvbHlnb24+ICAgICAgICAgICAgPHBhdGggZD0iTTksOSBMMTUsOSBMMTUsMTEgTDExLDExIEwxMSwxNSBMOSwxNSBMOSw5IFogTTksOSBMMyw5IEwzLDcgTDcsNyBMNywzIEw5LDMgTDksOSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMDAwMDAwLCA5LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtOS4wMDAwMDAsIC05LjAwMDAwMCkgIj48L3BhdGg+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgtMzMiIGZpbGwtcnVsZT0ibm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCA1LjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMTIuNTAwMDAwLCAtNS41MDAwMDApICIgcG9pbnRzPSIxNC45MTQyMTM2IDYuNSAxMS41IDMuMDg1Nzg2NDQgMTAuMDg1Nzg2NCA0LjUgMTMuNSA3LjkxNDIxMzU2Ij48L3BvbHlnb24+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
+}
+
+.tui-popup-code-block-editor .tui-popup-close-button {
+  margin-top: 6px;
+}
+
+.tui-popup-code-block-editor .tui-popup-body {
+  z-index: -1;
+  padding: 0px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -ms-flex: 1;
+  flex: 1;
+}
+
+.tui-popup-code-block-editor .popup-editor-body {
+  position: relative;
+  -ms-flex: 1;
+  flex: 1;
+  border-bottom: 1px solid #cacaca;
+}
+
+.tui-popup-code-block-editor .te-button-section {
+  padding: 15px;
+}
+
+.tui-popup-code-block-editor .te-button-section button {
+  float: left;
+}
+
+.tui-popup-code-block-editor .tui-editor-contents pre {
+  margin: 0px;
+  background-color: transparent;
+}
+
+.tui-popup-code-block-editor .CodeMirror {
+  height: auto;
+}
+
+.tui-popup-code-block-editor .CodeMirror-line {
+  font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕',
+    'Malgun Gothic', sans-serif;
+  font-size: 13px;
+  line-height: 160%;
+  letter-spacing: -0.3px;
+}
+
+.tui-popup-code-block-editor .popup-editor-editor-wrapper {
+  min-height: 100%;
+}
+
+.tui-split-scroll-wrapper {
+  position: relative;
+}
+
+.tui-split-scroll {
+  position: absolute;
+}
+
+.tui-split-scroll,
+.tui-split-scroll-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.tui-split-scroll .tui-split-content-left,
+.tui-split-scroll .tui-split-content-right {
+  position: absolute;
+  top: 0px;
+  width: 50%;
+  box-sizing: border-box;
+}
+
+.tui-split-scroll .tui-split-content-left {
+  left: 0px;
+}
+
+.tui-split-scroll .tui-split-content-right {
+  left: 50%;
+}
+
+.tui-split-scroll .tui-splitter {
+  position: absolute;
+  left: 50%;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  border-left: 1px solid #cacaca;
+}
+
+.tui-split-scroll .tui-split-scroll-content {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+}
+
+.tui-split-scroll .tui-split-content-left,
+.tui-split-scroll .tui-split-content-right {
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.tui-split-scroll button.tui-scrollsync {
+  top: 10px;
+  opacity: 0.2;
+}
+
+.tui-split-scroll button.tui-scrollsync::after {
+  content: 'scroll off';
+}
+
+.tui-split-scroll.scroll-sync button.tui-scrollsync {
+  opacity: 0.5;
+}
+
+.tui-split-scroll.scroll-sync .tui-split-content-left,
+.tui-split-scroll.scroll-sync .tui-split-content-right {
+  height: auto;
+  overflow: initial;
+}
+
+.tui-split-scroll.scroll-sync button.tui-scrollsync::after {
+  content: 'scroll on';
+}
+
+.tui-split-scroll.scroll-sync .tui-split-scroll-content {
+  overflow-y: auto;
+}
+
+.tui-split-scroll.single-content .tui-splitter {
+  display: none;
+}
+
+.tui-split-scroll.single-content .tui-split-content-left {
+  width: 100%;
+}
+
+.tui-split-scroll.single-content .tui-split-content-right {
+  display: none;
+}
+
+.tui-split-scroll.single-content button.tui-scrollsync {
+  display: none;
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  /* IE10+ */
+  .tui-split-scroll-wrapper .tui-splitter {
+    left: calc(50% - 9px);
+  }
+}
+
+@supports (-ms-accelerator: true) {
+  /* IE Edge 12+ CSS styles go here */
+  .tui-split-scroll-wrapper .tui-splitter {
+    left: calc(50% - 9px);
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .tui-popup-wrapper {
+    max-width: 300px;
+  }
+
+  .tui-editor-popup {
+    margin-left: -150px;
+  }
+
+  .te-dropdown-toolbar {
+    max-width: none;
+  }
+}
+
+@charset "utf-8";
+.tui-editor-contents {
+  margin: 0;
+  padding: 0;
+  font-size: 13px;
+  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕',
+    'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;
+}
+
+.tui-editor-contents *:not(table) {
+  line-height: 160%;
+  box-sizing: content-box;
+}
+
+.tui-editor-contents i,
+.tui-editor-contents cite,
+.tui-editor-contents em,
+.tui-editor-contents var,
+.tui-editor-contents address,
+.tui-editor-contents dfn {
+  font-style: italic;
+}
+
+.tui-editor-contents strong {
+  font-weight: bold;
+}
+
+.tui-editor-contents p {
+  margin: 10px 0;
+  color: #222;
+}
+
+.tui-editor-contents > h1:first-of-type,
+.tui-editor-contents > div > div:first-of-type h1 {
+  margin-top: 14px;
+}
+
+.tui-editor-contents h1,
+.tui-editor-contents h2,
+.tui-editor-contents h3,
+.tui-editor-contents h4,
+.tui-editor-contents h5,
+.tui-editor-contents h6 {
+  font-weight: bold;
+  color: #222;
+}
+
+.tui-editor-contents h1 {
+  font-size: 24px;
+  line-height: 28px;
+  border-bottom: 3px double #999;
+  margin: 52px 0 15px 0;
+  padding-bottom: 7px;
+}
+
+.tui-editor-contents h2 {
+  font-size: 22px;
+  line-height: 23px;
+  border-bottom: 1px solid #dbdbdb;
+  margin: 20px 0 13px 0;
+  padding-bottom: 7px;
+}
+
+.tui-editor-contents h3 {
+  font-size: 20px;
+  margin: 18px 0 2px;
+}
+
+.tui-editor-contents h4 {
+  font-size: 18px;
+  margin: 10px 0 2px;
+}
+
+.tui-editor-contents h3,
+.tui-editor-contents h4 {
+  line-height: 18px;
+}
+
+.tui-editor-contents h5 {
+  font-size: 16px;
+}
+
+.tui-editor-contents h6 {
+  font-size: 14px;
+}
+
+.tui-editor-contents h5,
+.tui-editor-contents h6 {
+  line-height: 17px;
+  margin: 9px 0 -4px;
+}
+
+.tui-editor-contents del {
+  color: #999;
+}
+
+.tui-editor-contents blockquote {
+  margin: 14px 0;
+  border-left: 4px solid #e5e5e5;
+  padding: 0 16px;
+  color: #999;
+}
+
+.tui-editor-contents blockquote p,
+.tui-editor-contents blockquote ul,
+.tui-editor-contents blockquote ol {
+  color: #999;
+}
+
+.tui-editor-contents blockquote > :first-child {
+  margin-top: 0;
+}
+
+.tui-editor-contents blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.tui-editor-contents pre,
+.tui-editor-contents code {
+  font-family: Consolas, Courier, 'Apple SD 산돌고딕 Neo', -apple-system, 'Lucida Grande',
+    'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Segoe UI', '돋움', dotum, sans-serif;
+  border: 0;
+  border-radius: 0;
+}
+
+.tui-editor-contents pre {
+  margin: 2px 0 8px;
+  padding: 18px;
+  background-color: #f5f7f8;
+}
+
+.tui-editor-contents code {
+  color: #c1798b;
+  background-color: #f9f2f4;
+  padding: 2px 3px;
+  letter-spacing: -0.3px;
+  border-radius: 2px;
+}
+
+.tui-editor-contents pre code {
+  padding: 0;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+}
+
+.tui-editor-contents pre.addon {
+  border: 1px solid #e8ebed;
+  background-color: #fff;
+}
+
+.tui-editor-contents img {
+  margin: 4px 0 10px;
+  box-sizing: border-box;
+  vertical-align: top;
+  max-width: 100%;
+}
+
+.tui-editor-contents table {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  margin: 12px 0 14px;
+  color: #222;
+  width: auto;
+  border-collapse: collapse;
+  box-sizing: border-box;
+}
+
+.tui-editor-contents table th,
+.tui-editor-contents table td {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  padding: 5px 14px 5px 12px;
+  height: 32px;
+}
+
+.tui-editor-contents table th {
+  background-color: #555;
+  font-weight: 300;
+  color: #fff;
+  padding-top: 6px;
+}
+
+.tui-editor-contents ul,
+.tui-editor-contents menu,
+.tui-editor-contents ol,
+.tui-editor-contents dir {
+  display: block;
+  list-style-type: none;
+  padding-left: 24px;
+  margin: 6px 0 10px;
+  color: #222;
+}
+
+.tui-editor-contents ol {
+  list-style-type: none;
+  counter-reset: li;
+}
+
+.tui-editor-contents ol > li {
+  counter-increment: li;
+}
+
+.tui-editor-contents ul > li::before,
+.tui-editor-contents ol > li::before {
+  display: inline-block;
+  position: absolute;
+}
+
+.tui-editor-contents ul > li::before {
+  content: '';
+  margin-top: 6px;
+  margin-left: -17px;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background-color: #ccc;
+}
+
+.tui-editor-contents ol > li::before {
+  content: '.' counter(li);
+  margin-left: -28px;
+  width: 24px;
+  text-align: right;
+  direction: rtl;
+  color: #aaa;
+}
+
+.tui-editor-contents ul ul,
+.tui-editor-contents ul ol,
+.tui-editor-contents ol ol,
+.tui-editor-contents ol ul {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.tui-editor-contents ul li,
+.tui-editor-contents ol li {
+  position: relative;
+}
+
+.tui-editor-contents ul p,
+.tui-editor-contents ol p {
+  margin: 0;
+}
+
+.tui-editor-contents ul li.task-list-item::before,
+.tui-editor-contents ol li.task-list-item::before,
+.tui-editor-contents pre ul li::before {
+  content: '';
+}
+
+.tui-editor-contents th ol,
+.tui-editor-contents th ul {
+  color: #fff;
+}
+
+.tui-editor-contents hr {
+  border-top: 1px solid #eee;
+  margin: 16px 0;
+}
+
+.tui-editor-contents a {
+  text-decoration: underline;
+  color: #4b96e6;
+}
+
+.tui-editor-contents a:hover {
+  color: #1f70de;
+}
+
+.tui-editor-contents a.image-link {
+  position: relative;
+}
+
+.tui-editor-contents a.image-link::before {
+  content: '';
+  position: absolute;
+  margin: 0;
+  width: 20px;
+  height: 20px;
+  top: 2px;
+  right: 2px;
+  background-repeat: no-repeat;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAA/0lEQVQ4Ee2UIY6FQAyG/91wAQQJDg8SSwI3QIFAcQHuwFHQoOAEEFAELB6H4wIku+9vQgIP9zLyVbTTTufLtJ3MzzRNf1AoGlmu6ypBzvOMXyWkC+QLvDTjw6VM+Xr2OA6UZYmu67Dvu2zleX6zuq7D933EcQxNuyPu3usYYXVdw/M8mKYpIMMwxEZRJHbbNsmhkySJxE71APJmhGVZhnVdURQFlmU585GmKSzLEp+570Dlz+ZxQ/aGJVNYsm3bCIJA/LZtMY4jmqbBMAwIw1DiV/UAstEUltP3vawdxxFbVZVYDoWwM1eCp+LnoErIUt7DL/Ac1edWng1/WlXyD380myY5A34sAAAAAElFTkSuQmCC');
+  cursor: pointer;
+}
+
+.tui-editor-contents .task-list-item {
+  border: 0;
+  list-style: none;
+  padding-left: 24px;
+  margin-left: -24px;
+}
+
+.tui-editor-contents .task-list-item::before {
+  background-repeat: no-repeat;
+  background-size: 18px 18px;
+  background-position: center;
+  content: '';
+  margin-left: 0;
+  margin-top: 0;
+  border-radius: 0;
+  height: 18px;
+  width: 18px;
+  position: absolute;
+  left: 0;
+  top: 1px;
+  cursor: pointer;
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAAAQklEQVQ4EWM8c+bMfwYqABaQGcbGxhQZdfbsWQYmikxA0jxqEFJg4GCOhhGOgEESHg0jpMDAwRx8YQQuj0DlCaUAAEdBCPJ7TaEPAAAAAElFTkSuQmCC');
+}
+
+.tui-editor-contents .task-list-item.checked::before {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAEgAAAACaqbJVAAAA1ElEQVQ4EWP0nvbsPwMVABMVzAAbMWoQIiT5OJgYvLS5EAJQFguGCB4BkCHt/kIM8kKsYFXbrn6DqyY6sJENefjuN8ORuz/ghoAYWA0COR2kEQbQDanc+I7h049/MGkwjVANFQYZkmXHD/YCyABiDAFpxQgjkJO9dbjA4QAKDxAAhQnIO9hcAlYAJDBcBHIySANII8gAYgwBGYZhEEgQZFjVJohhhFwCUg8CjPgyLT8nE8N/YJZGD1iIVlQSI4yQpT9+R40ZZDl0NlavoSsihj/4DAIAR+hZHUj727YAAAAASUVORK5CYII=');
+}
+
+.tui-editor-contents .task-list-item input[type='checkbox'],
+.tui-editor-contents .task-list-item .task-list-item-checkbox {
+  margin-left: -17px;
+  margin-right: 3.8px;
+  margin-top: 3px;
+}
+
+.tui-editor-contents-placeholder::before {
+  content: attr(data-placeholder);
+  color: grey;
+  line-height: 160%;
+  position: absolute;
+}
+
+.te-preview .tui-editor-contents h1 {
+  min-height: 28px;
+}
+
+.te-preview .tui-editor-contents h2 {
+  min-height: 23px;
+}
+
+.te-preview .tui-editor-contents blockquote {
+  min-height: 20px;
+}
+
+.te-preview .tui-editor-contents li {
+  min-height: 22px;
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  /* IE10+11 */
+  .te-ww-container .tui-editor-contents li {
+    vertical-align: middle;
+  }
+
+  .te-ww-container .tui-editor-contents ul > li::before,
+  .te-ww-container .tui-editor-contents ol > li::before,
+  .te-ww-container .tui-editor-contents .task-list-item:before {
+    position: static;
+    vertical-align: middle;
+  }
+
+  .te-ww-container .tui-editor-contents ul > li::before {
+    margin-top: -3px;
+    margin-right: 12px;
+  }
+
+  .te-ww-container .tui-editor-contents ol > li::before {
+    margin-right: 6px;
+  }
+
+  .te-ww-container .tui-editor-contents .task-list-item {
+    padding-left: 2px;
+  }
+}
+
+.tui-editor-contents .te-preview-highlight {
+  position: relative;
+  z-index: 0;
+}
+
+.tui-editor-contents .te-preview-highlight::after {
+  content: '';
+  background-color: rgba(255, 245, 131, 0.5);
+  border-radius: 4px;
+  z-index: -1;
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  left: -4px;
+  bottom: -4px;
+}
+
+.tui-editor-contents h1.te-preview-highlight::after,
+.tui-editor-contents h2.te-preview-highlight::after {
+  bottom: 0;
+}
+
+.tui-editor-contents td.te-preview-highlight::after,
+.tui-editor-contents th.te-preview-highlight::after {
+  display: none;
+}
+
+.tui-editor-contents th.te-preview-highlight,
+.tui-editor-contents td.te-preview-highlight {
+  background-color: rgba(255, 245, 131, 0.5);
+}
+
+.tui-editor-contents th.te-preview-highlight {
+  color: #222;
+}
+
+.te-md-container .CodeMirror {
+  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕',
+    'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;
+  color: #222;
+}
+
+.tui-md-heading1 {
+  font-size: 24px;
+}
+
+.tui-md-heading2 {
+  font-size: 22px;
+}
+
+.tui-md-heading3 {
+  font-size: 20px;
+}
+
+.tui-md-heading4 {
+  font-size: 18px;
+}
+
+.tui-md-heading5 {
+  font-size: 16px;
+}
+
+.tui-md-heading6 {
+  font-size: 14px;
+}
+
+.tui-md-heading.tui-md-delimiter.setext {
+  line-height: 15px;
+}
+
+.tui-md-strong,
+.tui-md-heading,
+.tui-md-list-item.tui-md-list-item-bullet,
+.tui-md-list-item.tui-md-meta {
+  font-weight: bold;
+}
+
+.tui-md-emph {
+  font-style: italic;
+}
+
+.tui-md-strike {
+  text-decoration: line-through;
+}
+
+.tui-md-strike.tui-md-delimiter {
+  text-decoration: none;
+}
+
+.tui-md-delimiter,
+.tui-md-thematic-break,
+.tui-md-link,
+.tui-md-table,
+.tui-md-block-quote {
+  color: #ccc;
+}
+
+.tui-md-code-block.tui-md-meta,
+.tui-md-code.tui-md-delimiter {
+  color: #aaa;
+}
+
+.tui-md-meta,
+.tui-md-html,
+.tui-md-link.tui-md-link-url.tui-md-marked-text {
+  color: #999;
+}
+
+.tui-md-block-quote.tui-md-marked-text,
+.tui-md-list-item.tui-md-meta {
+  color: #555;
+}
+
+.tui-md-table.tui-md-marked-text {
+  color: #222;
+}
+
+.tui-md-link.tui-md-link-desc.tui-md-marked-text,
+.tui-md-list-item-odd.tui-md-list-item-bullet {
+  color: #4b96e6;
+}
+
+.tui-md-list-item-even.tui-md-list-item-bullet {
+  color: #cb4848;
+}
+
+.tui-md-code.tui-md-marked-text {
+  color: #c1798b;
+}
+
+.tui-md-code {
+  background-color: rgba(243, 229, 233, 0.5);
+  padding: 2px 0;
+  letter-spacing: -0.3px;
+}
+
+.tui-md-code.tui-md-delimiter.start {
+  padding-left: 2px;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+
+.tui-md-code.tui-md-delimiter.end {
+  padding-right: 2px;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+
+.tui-md-code-block.CodeMirror-linebackground {
+  left: 20px;
+  right: 20px;
+  background-color: #f5f7f8;
+}
+
+.tui-md-code-block.CodeMirror-linebackground.start {
+  top: 2px;
+}
+
+.tui-md-code-block.CodeMirror-linebackground.end {
+  bottom: 2px;
+}
+
+.tui-md-code,
+.tui-md-code-block {
+  font-family: Consolas, Courier, 'Lucida Grande', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕',
+    'Malgun Gothic', sans-serif;
+}
+
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor.js
new file mode 100644
index 0000000000..1ecaa485bc
--- /dev/null
+++ b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/toastui-editor.js
@@ -0,0 +1,29366 @@
+/*!
+ * @toast-ui/editor
+ * @version 2.5.1 | Tue Nov 24 2020
+ * @author NHN FE Development Lab 
+ * @license MIT
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("codemirror"));
+	else if(typeof define === 'function' && define.amd)
+		define(["codemirror"], factory);
+	else if(typeof exports === 'object')
+		exports["Editor"] = factory(require("codemirror"));
+	else
+		root["toastui"] = root["toastui"] || {}, root["toastui"]["Editor"] = factory(root["CodeMirror"]);
+})(window, function(__WEBPACK_EXTERNAL_MODULE__15__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 65);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
+/* harmony import */ var tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9);
+/* harmony import */ var tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4);
+/* harmony import */ var tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(16);
+/* harmony import */ var tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(13);
+/* harmony import */ var tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7__);
+/**
+ * @fileoverview DOM Utils
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+var FIND_ZWB = /\u200B/g;
+var _window = window,
+    getComputedStyle = _window.getComputedStyle;
+/**
+ * Check if node is text node
+ * @param {Node} node node to check
+ * @returns {boolean} result
+ * @ignore
+ */
+
+var isTextNode = function isTextNode(node) {
+  return node && node.nodeType === Node.TEXT_NODE;
+};
+/**
+ * Check if node is element node
+ * @param {Node} node node to check
+ * @returns {boolean} result
+ * @ignore
+ */
+
+
+var isElemNode = function isElemNode(node) {
+  return node && node.nodeType === Node.ELEMENT_NODE;
+};
+/**
+ * Check that the node is block node
+ * @param {Node} node node
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isBlockNode = function isBlockNode(node) {
+  return /^(ADDRESS|ARTICLE|ASIDE|BLOCKQUOTE|DETAILS|DIALOG|DD|DIV|DL|DT|FIELDSET|FIGCAPTION|FIGURE|FOOTER|FORM|H[\d]|HEADER|HGROUP|HR|LI|MAIN|NAV|OL|P|PRE|SECTION|UL)$/gi.test(this.getNodeName(node));
+};
+/**
+ * Get node name of node
+ * @param {Node} node node
+ * @returns {string} node name
+ * @ignore
+ */
+
+
+var getNodeName = function getNodeName(node) {
+  if (isElemNode(node)) {
+    return node.tagName;
+  }
+
+  return 'TEXT';
+};
+/**
+ * Get node offset length of node(for Range API)
+ * @param {Node} node node
+ * @returns {number} length
+ * @ignore
+ */
+
+
+var getTextLength = function getTextLength(node) {
+  var len;
+
+  if (isElemNode(node)) {
+    len = node.textContent.replace(FIND_ZWB, '').length;
+  } else if (isTextNode(node)) {
+    len = node.nodeValue.replace(FIND_ZWB, '').length;
+  }
+
+  return len;
+};
+/**
+ * Get node offset length of node(for Range API)
+ * @param {Node} node node
+ * @returns {number} length
+ * @ignore
+ */
+
+
+var getOffsetLength = function getOffsetLength(node) {
+  var len;
+
+  if (isElemNode(node)) {
+    len = node.childNodes.length;
+  } else if (isTextNode(node)) {
+    len = node.nodeValue.replace(FIND_ZWB, '').length;
+  }
+
+  return len;
+};
+/**
+ * get node offset between parent's childnodes
+ * @param {Node} node node
+ * @returns {number} offset(index)
+ * @ignore
+ */
+
+
+var getNodeOffsetOfParent = function getNodeOffsetOfParent(node) {
+  var childNodesOfParent = node.parentNode.childNodes;
+  var i, t, found;
+
+  for (i = 0, t = childNodesOfParent.length; i < t; i += 1) {
+    if (childNodesOfParent[i] === node) {
+      found = i;
+      break;
+    }
+  }
+
+  return found;
+};
+/**
+ * get child node by offset
+ * @param {Node} node node
+ * @param {number} index offset index
+ * @returns {Node} foudned node
+ * @ignore
+ */
+
+
+var getChildNodeByOffset = function getChildNodeByOffset(node, index) {
+  var currentNode;
+
+  if (isTextNode(node)) {
+    currentNode = node;
+  } else if (node.childNodes.length && index >= 0) {
+    currentNode = node.childNodes[index];
+  }
+
+  return currentNode;
+};
+/**
+ * find next node from passed node
+ * @param {strong} direction previous or next
+ * @param {Node} node node
+ * @param {string} untilNodeName parent node name to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getNodeWithDirectionUntil = function getNodeWithDirectionUntil(direction, node, untilNodeName) {
+  var directionKey = direction + "Sibling";
+  var nodeName, foundedNode;
+
+  while (node && !node[directionKey]) {
+    nodeName = getNodeName(node.parentNode);
+
+    if (nodeName === untilNodeName || nodeName === 'BODY') {
+      break;
+    }
+
+    node = node.parentNode;
+  }
+
+  if (node[directionKey]) {
+    foundedNode = node[directionKey];
+  }
+
+  return foundedNode;
+};
+/**
+ * get prev node of childnode pointed with index
+ * @param {Node} node node
+ * @param {number} index offset index
+ * @param {string} untilNodeName parent node name to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getPrevOffsetNodeUntil = function getPrevOffsetNodeUntil(node, index, untilNodeName) {
+  var prevNode;
+
+  if (index > 0) {
+    prevNode = getChildNodeByOffset(node, index - 1);
+  } else {
+    prevNode = getNodeWithDirectionUntil('previous', node, untilNodeName);
+  }
+
+  return prevNode;
+};
+
+var getParentUntilBy = function getParentUntilBy(node, matchCondition, stopCondition) {
+  while (node.parentNode && !matchCondition(node.parentNode)) {
+    node = node.parentNode;
+
+    if (stopCondition && stopCondition(node)) {
+      break;
+    }
+  }
+
+  if (matchCondition(node.parentNode)) {
+    return node;
+  }
+
+  return null;
+};
+/**
+ * get parent node until paseed node name
+ * @param {Node} node node
+ * @param {string|HTMLNode} untilNode node name or node to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getParentUntil = function getParentUntil(node, untilNode) {
+  var foundedNode;
+
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(untilNode)) {
+    foundedNode = getParentUntilBy(node, function (targetNode) {
+      return untilNode === getNodeName(targetNode);
+    });
+  } else {
+    foundedNode = getParentUntilBy(node, function (targetNode) {
+      return untilNode === targetNode;
+    });
+  }
+
+  return foundedNode;
+};
+/**
+ * get node on the given direction under given parent
+ * @param {strong} direction previous or next
+ * @param {Node} node node
+ * @param {string|Node} underNode parent node name to limit
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getNodeWithDirectionUnderParent = function getNodeWithDirectionUnderParent(direction, node, underNode) {
+  var directionKey = direction + "Sibling";
+  var foundedNode;
+  node = getParentUntil(node, underNode);
+
+  if (node && node[directionKey]) {
+    foundedNode = node[directionKey];
+  }
+
+  return foundedNode;
+};
+/**
+ * get top previous top level node under given node
+ * @param {Node} node node
+ * @param {Node} underNode underNode
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getTopPrevNodeUnder = function getTopPrevNodeUnder(node, underNode) {
+  return getNodeWithDirectionUnderParent('previous', node, underNode);
+};
+/**
+ * get next top level block node
+ * @param {Node} node node
+ * @param {Node} underNode underNode
+ * @returns {Node} founded node
+ * @ignore
+ */
+
+
+var getTopNextNodeUnder = function getTopNextNodeUnder(node, underNode) {
+  return getNodeWithDirectionUnderParent('next', node, underNode);
+};
+/**
+ * Get parent element the body element
+ * @param {Node} node Node for start searching
+ * @returns {Node}
+ * @ignore
+ */
+
+
+var getTopBlockNode = function getTopBlockNode(node) {
+  return getParentUntil(node, 'BODY');
+};
+/**
+ * Get previous text node
+ * @param {Node} node Node for start searching
+ * @returns {Node}
+ * @ignore
+ */
+
+
+var getPrevTextNode = function getPrevTextNode(node) {
+  node = node.previousSibling || node.parentNode;
+
+  while (!isTextNode(node) && getNodeName(node) !== 'BODY') {
+    if (node.previousSibling) {
+      node = node.previousSibling;
+
+      while (node.lastChild) {
+        node = node.lastChild;
+      }
+    } else {
+      node = node.parentNode;
+    }
+  }
+
+  if (getNodeName(node) === 'BODY') {
+    node = null;
+  }
+
+  return node;
+};
+/**
+ * test whether root contains the given node
+ * @param {HTMLNode|string} root - root node
+ * @param {HTMLNode} found - node to test
+ * @returns {Boolean} true if root contains node
+ * @ignore
+ */
+
+
+var containsNode = function containsNode(root, node) {
+  var walker = document.createTreeWalker(root, 4, null, false);
+  var found = root === node;
+
+  while (!found && walker.nextNode()) {
+    found = walker.currentNode === node;
+  }
+
+  return found;
+};
+/**
+ * find node by offset
+ * @param {HTMLElement} root Root element
+ * @param {Array.} offsetList offset list
+ * @param {function} textNodeFilter Text node filter
+ * @returns {Array}
+ * @ignore
+ */
+
+
+var findOffsetNode = function findOffsetNode(root, offsetList, textNodeFilter) {
+  var result = [];
+  var text = '';
+  var walkerOffset = 0;
+  var newWalkerOffset;
+
+  if (!offsetList.length) {
+    return result;
+  }
+
+  var offset = offsetList.shift();
+  var walker = document.createTreeWalker(root, 4, null, false);
+
+  while (walker.nextNode()) {
+    text = walker.currentNode.nodeValue || '';
+
+    if (textNodeFilter) {
+      text = textNodeFilter(text);
+    }
+
+    newWalkerOffset = walkerOffset + text.length;
+
+    while (newWalkerOffset >= offset) {
+      result.push({
+        container: walker.currentNode,
+        offsetInContainer: offset - walkerOffset,
+        offset: offset
+      });
+
+      if (!offsetList.length) {
+        return result;
+      }
+
+      offset = offsetList.shift();
+    }
+
+    walkerOffset = newWalkerOffset;
+  } // there should be offset left
+
+
+  do {
+    result.push({
+      container: walker.currentNode,
+      offsetInContainer: text.length,
+      offset: offset
+    });
+    offset = offsetList.shift();
+  } while (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(offset));
+
+  return result;
+};
+
+var getNodeInfo = function getNodeInfo(node) {
+  var path = {};
+  path.tagName = node.nodeName;
+
+  if (node.id) {
+    path.id = node.id;
+  }
+
+  var className = node.className.trim();
+
+  if (className) {
+    path.className = className;
+  }
+
+  return path;
+};
+
+var getPath = function getPath(node, root) {
+  var paths = [];
+
+  while (node && node !== root) {
+    if (isElemNode(node)) {
+      paths.unshift(getNodeInfo(node));
+    }
+
+    node = node.parentNode;
+  }
+
+  return paths;
+};
+/**
+ * Find next, previous TD or TH element by given TE element
+ * @param {HTMLElement} node TD element
+ * @param {string} direction 'next' or 'previous'
+ * @returns {HTMLElement|null}
+ * @ignore
+ */
+
+
+var getTableCellByDirection = function getTableCellByDirection(node, direction) {
+  var targetElement = null;
+
+  if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(direction) && (direction === 'next' || direction === 'previous')) {
+    if (direction === 'next') {
+      targetElement = node.nextElementSibling;
+    } else {
+      targetElement = node.previousElementSibling;
+    }
+  }
+
+  return targetElement;
+};
+/**
+ * Find sibling TR's TD element by given TD and direction
+ * @param {HTMLElement} node TD element
+ * @param {string} direction Boolean value for find first TD in next line
+ * @param {boolean} [needEdgeCell=false] Boolean value for find first TD in next line
+ * @returns {HTMLElement|null}
+ * @ignore
+ */
+
+
+var getSiblingRowCellByDirection = function getSiblingRowCellByDirection(node, direction, needEdgeCell) {
+  var tableCellElement = null;
+  var index, targetRowElement, currentContainer, siblingContainer, isSiblingContainerExists;
+
+  if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(direction) && (direction === 'next' || direction === 'previous')) {
+    if (node) {
+      if (direction === 'next') {
+        targetRowElement = node.parentNode && node.parentNode.nextSibling;
+        currentContainer = parents(node, 'thead');
+        siblingContainer = currentContainer[0] && currentContainer[0].nextSibling;
+        isSiblingContainerExists = siblingContainer && getNodeName(siblingContainer) === 'TBODY';
+        index = 0;
+      } else {
+        targetRowElement = node.parentNode && node.parentNode.previousSibling;
+        currentContainer = parents(node, 'tbody');
+        siblingContainer = currentContainer[0] && currentContainer[0].previousSibling;
+        isSiblingContainerExists = siblingContainer && getNodeName(siblingContainer) === 'THEAD';
+        index = node.parentNode.childNodes.length - 1;
+      }
+
+      if (tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(needEdgeCell) || !needEdgeCell) {
+        index = getNodeOffsetOfParent(node);
+      }
+
+      if (targetRowElement) {
+        tableCellElement = children(targetRowElement, 'td,th')[index];
+      } else if (currentContainer[0] && isSiblingContainerExists) {
+        tableCellElement = findAll(siblingContainer, 'td,th')[index];
+      }
+    }
+  }
+
+  return tableCellElement;
+};
+/**
+ * Check that the inline node is supported by markdown
+ * @param {Node} node TD element
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isMDSupportInlineNode = function isMDSupportInlineNode(node) {
+  return /^(A|B|BR|CODE|DEL|EM|I|IMG|S|SPAN|STRONG)$/gi.test(node.nodeName);
+};
+/**
+ * Check that node is styled node.
+ * Styled node is a node that has text and decorates text.
+ * @param {Node} node TD element
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isStyledNode = function isStyledNode(node) {
+  return /^(A|ABBR|ACRONYM|B|BDI|BDO|BIG|CITE|CODE|DEL|DFN|EM|I|INS|KBD|MARK|Q|S|SAMP|SMALL|SPAN|STRONG|SUB|SUP|U|VAR)$/gi.test(node.nodeName);
+};
+/**
+ * remove node from 'start' node to 'end-1' node inside parent
+ * if 'end' node is null, remove all child nodes after 'start' node.
+ * @param {Node} parentNode - parent node
+ * @param {Node} start - start node to remove
+ * @param {Node} end - end node to remove
+ * @ignore
+ */
+
+
+var removeChildFromStartToEndNode = function removeChildFromStartToEndNode(parentNode, start, end) {
+  var child = start;
+
+  if (!child || parentNode !== child.parentNode) {
+    return;
+  }
+
+  while (child !== end) {
+    var nextNode = child.nextSibling;
+    parentNode.removeChild(child);
+    child = nextNode;
+  }
+};
+/**
+ * remove nodes along the direction from the node to reach targetParent node
+ * @param {Node} targetParent - stop removing when reach target parent node
+ * @param {Node} node - start node
+ * @param {boolean} isForward - direction
+ * @ignore
+ */
+
+
+var removeNodesByDirection = function removeNodesByDirection(targetParent, node, isForward) {
+  var parentNode = node;
+
+  while (parentNode !== targetParent) {
+    var nextParent = parentNode.parentNode;
+    var _parentNode = parentNode,
+        nextSibling = _parentNode.nextSibling,
+        previousSibling = _parentNode.previousSibling;
+
+    if (!isForward && nextSibling) {
+      removeChildFromStartToEndNode(nextParent, nextSibling, null);
+    } else if (isForward && previousSibling) {
+      removeChildFromStartToEndNode(nextParent, nextParent.childNodes[0], parentNode);
+    }
+
+    parentNode = nextParent;
+  }
+};
+
+var getLeafNode = function getLeafNode(node) {
+  var result = node;
+
+  while (result.childNodes && result.childNodes.length) {
+    var _result = result,
+        nextLeaf = _result.firstChild; // When inline tag have empty text node with other childnodes, ignore empty text node.
+
+    if (isTextNode(nextLeaf) && !getTextLength(nextLeaf)) {
+      result = nextLeaf.nextSibling || nextLeaf;
+    } else {
+      result = nextLeaf;
+    }
+  }
+
+  return result;
+};
+/**
+ * check if a coordinates is inside a button box
+ * @param {object} style - computed style of task box
+ * @param {number} offsetX - event x offset
+ * @param {number} offsetY - event y offset
+ * @returns {boolean}
+ * @ignore
+ */
+
+
+var isInsideButtonBox = function isInsideButtonBox(style, offsetX, offsetY) {
+  var rect = {
+    left: parseInt(style.left, 10),
+    top: parseInt(style.top, 10),
+    width: parseInt(style.width, 10),
+    height: parseInt(style.height, 10)
+  };
+  return offsetX >= rect.left && offsetX <= rect.left + rect.width && offsetY >= rect.top && offsetY <= rect.top + rect.height;
+};
+/**
+ * Check whether node is OL or UL
+ * @param {node} node - node
+ * @returns {boolean} - whether node is OL or UL
+ * @ignore
+ */
+
+
+var isListNode = function isListNode(node) {
+  if (!node) {
+    return false;
+  }
+
+  return node.nodeName === 'UL' || node.nodeName === 'OL';
+};
+/**
+ * Check whether node is first list item
+ * @param {node} node - node
+ * @returns {boolean} whether node is first list item
+ * @ignore
+ */
+
+
+var isFirstListItem = function isFirstListItem(node) {
+  var nodeName = node.nodeName,
+      parentNode = node.parentNode;
+  return nodeName === 'LI' && node === parentNode.firstChild;
+};
+/**
+ * Check whether node is first level list item
+ * @param {node} node - node
+ * @returns {boolean} whether node is first level list item
+ * @ignore
+ */
+
+
+var isFirstLevelListItem = function isFirstLevelListItem(node) {
+  var nodeName = node.nodeName,
+      listNode = node.parentNode;
+  var listParentNode = listNode.parentNode;
+  return nodeName === 'LI' && !isListNode(listParentNode);
+};
+/**
+ * Merge node to target node and detach node
+ * @param {node} node - node
+ * @param {node} targetNode - target node
+ * @ignore
+ */
+
+
+var mergeNode = function mergeNode(node, targetNode) {
+  if (node.hasChildNodes()) {
+    tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(node.childNodes).forEach(function () {
+      targetNode.appendChild(node.firstChild);
+    });
+    targetNode.normalize();
+  }
+
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
+};
+/**
+ * Create hr that is not contenteditable
+ * @returns {node} hr is wraped div
+ * @ignore
+ */
+
+
+var createHorizontalRule = function createHorizontalRule() {
+  var div = document.createElement('div');
+  var hr = document.createElement('hr');
+  div.setAttribute('contenteditable', false);
+  hr.setAttribute('contenteditable', false);
+  div.appendChild(hr);
+  return div;
+};
+/**
+ * Create Empty Line
+ * @returns {node} 

        
+ * @private
+ */
+
+
+var createEmptyLine = function createEmptyLine() {
+  var div = document.createElement('div');
+  div.appendChild(document.createElement('br'));
+  return div;
+};
+/**
+ * Find same tagName child node and change wrapping order.
+ * For example, if below node need to optimize 'B' tag.
+ * test
+ * should be changed tag's order.
+ * test
+ * @param {node} node
+ * @param {string} tagName
+ * @returns {node}
+ * @private
+ */
+
+
+var changeTagOrder = function changeTagOrder(node, tagName) {
+  if (node.nodeName !== 'SPAN') {
+    var parentNode = node.parentNode;
+    var tempNode = node;
+
+    while (tempNode.childNodes && tempNode.childNodes.length === 1 && !isTextNode(tempNode.firstChild)) {
+      tempNode = tempNode.firstChild;
+
+      if (tempNode.nodeName === 'SPAN') {
+        break;
+      }
+
+      if (tempNode.nodeName === tagName) {
+        var wrapper = document.createElement(tagName);
+        mergeNode(tempNode, tempNode.parentNode);
+        parentNode.replaceChild(wrapper, node);
+        wrapper.appendChild(node);
+        return wrapper;
+      }
+    }
+  }
+
+  return node;
+};
+/**
+ * Find same tagName nodes and merge from startNode to endNode.
+ * @param {node} startNode
+ * @param {node} endNode
+ * @param {string} tagName
+ * @returns {node}
+ * @private
+ */
+
+
+var mergeSameNodes = function mergeSameNodes(startNode, endNode, tagName) {
+  var startBlockNode = changeTagOrder(startNode, tagName);
+
+  if (startBlockNode.nodeName === tagName) {
+    var endBlockNode = changeTagOrder(endNode, tagName);
+    var mergeTargetNode = startBlockNode;
+    var nextNode = startBlockNode.nextSibling;
+
+    while (nextNode) {
+      var tempNext = nextNode.nextSibling;
+      nextNode = changeTagOrder(nextNode, tagName);
+
+      if (nextNode.nodeName === tagName) {
+        // eslint-disable-next-line max-depth
+        if (mergeTargetNode) {
+          mergeNode(nextNode, mergeTargetNode);
+        } else {
+          mergeTargetNode = nextNode;
+        }
+      } else {
+        mergeTargetNode = null;
+      }
+
+      if (nextNode === endBlockNode) {
+        break;
+      }
+
+      nextNode = tempNext;
+    }
+  }
+};
+/**
+ * Find same tagName nodes in range and merge nodes.
+ * For example range is like this
+ * AAABBB
+ * nodes is changed below
+ * AAABBB
+ * @param {range} range
+ * @param {string} tagName
+ * @private
+ */
+
+
+var optimizeRange = function optimizeRange(range, tagName) {
+  var collapsed = range.collapsed,
+      commonAncestorContainer = range.commonAncestorContainer,
+      startContainer = range.startContainer,
+      endContainer = range.endContainer;
+
+  if (!collapsed) {
+    var optimizedNode = null;
+
+    if (startContainer !== endContainer) {
+      var startNode = getParentUntil(startContainer, commonAncestorContainer);
+      var endNode = getParentUntil(endContainer, commonAncestorContainer);
+
+      if (startNode && endNode) {
+        mergeSameNodes(startNode, endNode, tagName);
+      }
+
+      optimizedNode = commonAncestorContainer;
+    } else if (isTextNode(startContainer)) {
+      optimizedNode = startContainer.parentNode;
+    }
+
+    if (optimizedNode && optimizedNode.nodeName === tagName) {
+      var _optimizedNode = optimizedNode,
+          previousSibling = _optimizedNode.previousSibling;
+      var tempNode;
+
+      if (previousSibling) {
+        tempNode = changeTagOrder(previousSibling);
+
+        if (tempNode.nodeName === tagName) {
+          mergeNode(optimizedNode, tempNode);
+        }
+      }
+
+      var _optimizedNode2 = optimizedNode,
+          nextSibling = _optimizedNode2.nextSibling;
+
+      if (nextSibling) {
+        tempNode = changeTagOrder(nextSibling);
+
+        if (tempNode.nodeName === tagName) {
+          mergeNode(tempNode, optimizedNode);
+        }
+      }
+    }
+  }
+};
+/**
+ * Gets all text node from root element.
+ * @param {HTMLElement} root Root element
+ * @returns {Array} list of text nodes
+ * @ignore
+ */
+
+
+var getAllTextNode = function getAllTextNode(root) {
+  var walker = document.createTreeWalker(root, 4, null, false);
+  var result = [];
+
+  while (walker.nextNode()) {
+    var node = walker.currentNode;
+
+    if (isTextNode(node)) {
+      result.push(node);
+    }
+  }
+
+  return result;
+};
+/**
+ * Check whether the node is 'TD' or 'TH'
+ * @param {HTMLElement} node - the target node
+ * @returns {boolean} - whether the node is 'TD' or 'TH'
+ * @ignore
+ */
+
+
+var isCellNode = function isCellNode(node) {
+  if (!node) {
+    return false;
+  }
+
+  return node.nodeName === 'TD' || node.nodeName === 'TH';
+};
+/**
+ * Get the last node on the target node by the condition
+ * @param {HTMLElement} node - the target node
+ * @returns {function} - the condition to find the node
+ * @ignore
+ */
+
+
+var getLastNodeBy = function getLastNodeBy(node, condition) {
+  var lastNode = node && node.lastChild;
+
+  while (lastNode && condition(lastNode)) {
+    lastNode = lastNode.lastChild;
+  }
+
+  return lastNode;
+};
+/**
+ * Get the parent node on the target node by the condition
+ * @param {HTMLElement} node - the target node
+ * @returns {function} - the condition to find the node
+ * @ignore
+ */
+
+
+var getParentNodeBy = function getParentNodeBy(node, condition) {
+  while (node && condition(node.parentNode, node)) {
+    node = node.parentNode;
+  }
+
+  return node;
+};
+/**
+ * Get the sibling node on the target node by the condition
+ * @param {HTMLElement} node - the target node
+ * @param {string} direction - the direction to find node ('previous', 'next')
+ * @returns {function} - the condition to find the node
+ * @ignore
+ */
+
+
+var getSiblingNodeBy = function getSiblingNodeBy(node, direction, condition) {
+  var directionKey = direction + "Sibling";
+
+  while (node && condition(node[directionKey], node)) {
+    node = node[directionKey];
+  }
+
+  return node;
+};
+/**
+ * Create element with contents
+ * @param {string|Node} contents - contents to appended
+ * @param {HTMLElement} [target] - container element to append contents
+ * @returns {Node} created node
+ * @ignore
+ */
+
+
+function createElementWith(contents, target) {
+  var container = document.createElement('div');
+
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(contents)) {
+    container.innerHTML = contents;
+  } else {
+    container.appendChild(contents);
+  }
+
+  var firstChild = container.firstChild;
+
+  if (target) {
+    target.appendChild(firstChild);
+  }
+
+  return firstChild;
+}
+/**
+ * Find nodes matching by selector
+ * @param {HTMLElement} element - target element
+ * @param {string} selector - selector to find nodes
+ * @returns {Array.} found nodes
+ * @ignore
+ */
+
+
+function findAll(element, selector) {
+  var nodeList = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(element.querySelectorAll(selector));
+
+  if (nodeList.length) {
+    return nodeList;
+  }
+
+  return [];
+}
+/**
+ * Checks whether specific node is included in target node
+ * @param {HTMLElement} element - target to find
+ * @param {Node} containedNode - node to find
+ * @returns {boolean} whether node is contained or not
+ * @ignore
+ */
+
+
+function isContain(element, contained) {
+  return element !== contained && element.contains(contained);
+}
+/**
+ * Gets closest node matching by selector
+ * @param {Node} node - target node
+ * @param {string|Node} found - selector or element to find node
+ * @param {Node} [root] - root node
+ * @returns {?Node} - found node
+ * @ignore
+ */
+
+
+function closest(node, found, root) {
+  var condition;
+  root = root || document;
+
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(found)) {
+    condition = function condition(target) {
+      return tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(target, found);
+    };
+  } else {
+    condition = function condition(target) {
+      return target === found;
+    };
+  }
+
+  while (node && node !== root) {
+    if (isElemNode(node) && condition(node)) {
+      return node;
+    }
+
+    node = node.parentNode;
+  }
+
+  return null;
+}
+/**
+ * Gets parent node matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string} [selector] - selector to find
+ * @returns {Node} found node
+ * @ignore
+ */
+
+
+function parent(node, selector) {
+  var parentNode = node.parentNode;
+
+  if (selector) {
+    return parentNode && tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(parentNode, selector) ? parentNode : null;
+  }
+
+  return parentNode;
+}
+/**
+ * Gets ancestor nodes matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string|Node} found - selector or node to find
+ * @returns {Array.} found nodes
+ * @ignore
+ */
+
+
+function parents(node, found) {
+  var result = [];
+
+  while (node && node !== document) {
+    node = closest(node.parentNode, found);
+
+    if (node) {
+      result.push(node);
+    }
+  }
+
+  return result;
+}
+/**
+ * Gets ancestor nodes until matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string} selector - selector to find
+ * @param {Array.} found nodes
+ * @ignore
+ */
+
+
+function parentsUntil(node, selector) {
+  var result = [];
+
+  while (node.parentNode && !tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(node.parentNode, selector)) {
+    node = node.parentNode;
+
+    if (node) {
+      result.push(node);
+    }
+  }
+
+  return result;
+}
+/**
+ * Gets child nodes matching by selector from target node
+ * @param {Node} node - target node
+ * @param {string} selector - selector to find
+ * @returns {Array.} found nodes
+ * @ignore
+ */
+
+
+function children(node, selector) {
+  var foundChildren;
+
+  if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+    foundChildren = node.childNodes;
+  } else {
+    foundChildren = node.children;
+  }
+
+  return tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(foundChildren).filter(function (child) {
+    return tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(child, selector);
+  });
+}
+/**
+ * Appends node(s) on target node
+ * @param {Node} node - target node
+ * @param {string|Node} appended - html string or node to append
+ * @ignore
+ */
+
+
+function append(node, appended) {
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(appended)) {
+    node.insertAdjacentHTML('beforeEnd', appended);
+  } else {
+    appended = appended.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(appended) : [appended];
+
+    for (var i = 0, len = appended.length; i < len; i += 1) {
+      node.appendChild(appended[i]);
+    }
+  }
+}
+/**
+ * Prepends node(s) on target node
+ * @param {Node} node - target node
+ * @param {string|Node} appended - html string or node to append
+ * @ignore
+ */
+
+
+function prepend(node, appended) {
+  if (tui_code_snippet_type_isString__WEBPACK_IMPORTED_MODULE_2___default()(appended)) {
+    node.insertAdjacentHTML('afterBegin', appended);
+  } else {
+    appended = appended.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(appended) : [appended];
+
+    for (var i = appended.length - 1, len = 0; i >= len; i -= 1) {
+      node.insertBefore(appended[i], node.firstChild);
+    }
+  }
+}
+/**
+ * Inserts new node in front of target node
+ * @param {Node} insertedNode - node to insert
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function insertBefore(insertedNode, node) {
+  var parentNode = node.parentNode;
+
+  if (parentNode) {
+    parentNode.insertBefore(insertedNode, node);
+  }
+}
+/**
+ * Inserts new node after target node
+ * @param {Node} insertedNode - node to insert
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function insertAfter(insertedNode, node) {
+  var parentNode = node.parentNode;
+
+  if (parentNode) {
+    parentNode.insertBefore(insertedNode, node.nextSibling);
+  }
+}
+/**
+ * Replaces target node(s) with html
+ * @param {Node} nodeList - target node(s) to replace
+ * @param {string} html - replaced html
+ * @ignore
+ */
+
+
+function replaceWith(nodeList, html) {
+  nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList];
+  nodeList.forEach(function (node) {
+    node.insertAdjacentHTML('afterEnd', html);
+    node.parentNode.removeChild(node);
+  });
+}
+/**
+ * Adds parent element to target node(s)
+ * @param {Node|Array.} nodeList - target node(s)
+ * @param {string} nodeName - node name to change parent element
+ * @ignore
+ */
+
+
+function wrap(nodeList, nodeName) {
+  nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList];
+  nodeList.forEach(function (node) {
+    var wrapper = document.createElement(nodeName);
+    node.parentNode.insertBefore(wrapper, node);
+    wrapper.appendChild(node);
+  });
+}
+/**
+ * Adds child element to target node(s)
+ * @param {Node|Array.} nodeList - target node(s)
+ * @param {string} nodeName - node name to change child element
+ * @ignore
+ */
+
+
+function wrapInner(nodeList, nodeName) {
+  nodeList = nodeList.length ? tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(nodeList) : [nodeList];
+  nodeList.forEach(function (node) {
+    var wrapper = document.createElement(nodeName);
+    node.appendChild(wrapper);
+
+    while (node.firstChild !== wrapper) {
+      wrapper.appendChild(node.firstChild);
+    }
+  });
+}
+/**
+ * Removes target element and insert children at the same position
+ * @param {Node} node - parent node
+ * @returns {Array.} unwrapped nodes
+ * @ignore
+ */
+
+
+function unwrap(node) {
+  var result = [];
+
+  while (node.firstChild) {
+    result.push(node.firstChild);
+    node.parentNode.insertBefore(node.firstChild, node);
+  }
+
+  remove(node);
+  return result;
+}
+/**
+ * Removes target node from parent node
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function remove(node) {
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
+}
+/**
+ * Removes all children of target node
+ * @param {Node} node - target node
+ * @ignore
+ */
+
+
+function empty(node) {
+  while (node.firstChild) {
+    node.removeChild(node.firstChild);
+  }
+}
+/**
+ * Sets offset value of target element
+ * @param {HTMLElement} element - target element
+ * @returns {Object.} offset values
+ * @ignore
+ */
+
+
+function setOffset(element, offset) {
+  var _element$parentNode$g = element.parentNode.getBoundingClientRect(),
+      top = _element$parentNode$g.top,
+      left = _element$parentNode$g.left;
+
+  tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default()(element, {
+    top: offset.top - top - document.body.scrollTop + "px"
+  });
+  tui_code_snippet_domUtil_css__WEBPACK_IMPORTED_MODULE_3___default()(element, {
+    left: offset.left - left - document.body.scrollLeft + "px"
+  });
+}
+/**
+ * Gets offset value of target element
+ * @param {HTMLElement} element - target element
+ * @param {string} [selector] - selector to stop finding node
+ * @returns {Object.} offset values
+ * @ignore
+ */
+
+
+function getOffset(element, selector) {
+  if (selector === void 0) {
+    selector = 'document';
+  }
+
+  var top = 0;
+  var left = 0;
+
+  do {
+    top += element.offsetTop || 0;
+    left += element.offsetLeft || 0;
+    element = element.offsetParent;
+  } while (element && !tui_code_snippet_domUtil_matches__WEBPACK_IMPORTED_MODULE_7___default()(element, selector));
+
+  return {
+    top: top,
+    left: left
+  };
+}
+/**
+ * Gets outer width value of target element
+ * @param {HTMLElement} element - target element
+ * @param {boolean} includedMargin - whether to include margir or not
+ * @returns {number} outer width value
+ * @ignore
+ */
+
+
+function getOuterWidth(element, includedMargin) {
+  var widthValue = element.offsetWidth;
+
+  if (includedMargin) {
+    var _getComputedStyle = getComputedStyle(element),
+        marginLeft = _getComputedStyle.marginLeft,
+        marginRight = _getComputedStyle.marginRight;
+
+    widthValue += parseInt(marginLeft, 10) + parseInt(marginRight, 10);
+  }
+
+  return widthValue;
+}
+/**
+ * Gets outer height value of target element
+ * @param {HTMLElement} element - target element
+ * @param {boolean} includedMargin - whether to include margir or not
+ * @returns {number} outer height value
+ * @ignore
+ */
+
+
+function getOuterHeight(element, includedMargin) {
+  var heightValue = element.offsetHeight;
+
+  if (includedMargin) {
+    var _getComputedStyle2 = getComputedStyle(element),
+        marginTop = _getComputedStyle2.marginTop,
+        marginBottom = _getComputedStyle2.marginBottom;
+
+    heightValue += parseInt(marginTop, 10) + parseInt(marginBottom, 10);
+  }
+
+  return heightValue;
+}
+/**
+ * Toggles class name of target element
+ * @param {HTMLElement} element - target element
+ * @param {string} className - class name to toggle
+ * @param {boolean} [state] - whether to toggle or not by condition
+ * @ignore
+ */
+
+
+var toggleClass = function toggleClass(element, className, state) {
+  if (tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(state)) {
+    state = !tui_code_snippet_domUtil_hasClass__WEBPACK_IMPORTED_MODULE_6___default()(element, className);
+  }
+
+  var toggleFn = state ? tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_4___default.a : tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_5___default.a;
+  toggleFn(element, className);
+};
+/**
+ * Finalize html result
+ * @param {HTMLElement} html root element
+ * @param {boolean} needHtmlText pass true if need html text
+ * @returns {string|DocumentFragment} result
+ * @ignore
+ */
+
+
+function finalizeHtml(html, needHtmlText) {
+  var result;
+
+  if (needHtmlText) {
+    result = html.innerHTML;
+  } else {
+    var frag = document.createDocumentFragment();
+    var childNodes = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(html.childNodes);
+    var length = childNodes.length;
+
+    for (var i = 0; i < length; i += 1) {
+      frag.appendChild(childNodes[i]);
+    }
+
+    result = frag;
+  }
+
+  return result;
+}
+/**
+ * Get fragment replaced by newline to br tag
+ * @param {string} text original text
+ * @returns {DocumentFragment} fragment
+ * @ignore
+ */
+
+
+function getFragmentReplacedByNewlineToBr(text) {
+  var fragment = document.createDocumentFragment();
+  var texts = text.split('\n');
+  texts.forEach(function (plainText, index) {
+    var textNode = document.createTextNode(plainText);
+    fragment.appendChild(textNode);
+
+    if (index < texts.length - 1) {
+      fragment.appendChild(document.createElement('br'));
+    }
+  });
+  return fragment;
+}
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  getNodeName: getNodeName,
+  isTextNode: isTextNode,
+  isElemNode: isElemNode,
+  isBlockNode: isBlockNode,
+  getTextLength: getTextLength,
+  getOffsetLength: getOffsetLength,
+  getPrevOffsetNodeUntil: getPrevOffsetNodeUntil,
+  getNodeOffsetOfParent: getNodeOffsetOfParent,
+  getChildNodeByOffset: getChildNodeByOffset,
+  getNodeWithDirectionUntil: getNodeWithDirectionUntil,
+  containsNode: containsNode,
+  getTopPrevNodeUnder: getTopPrevNodeUnder,
+  getTopNextNodeUnder: getTopNextNodeUnder,
+  getParentUntilBy: getParentUntilBy,
+  getParentUntil: getParentUntil,
+  getTopBlockNode: getTopBlockNode,
+  getPrevTextNode: getPrevTextNode,
+  findOffsetNode: findOffsetNode,
+  getPath: getPath,
+  getNodeInfo: getNodeInfo,
+  getTableCellByDirection: getTableCellByDirection,
+  getSiblingRowCellByDirection: getSiblingRowCellByDirection,
+  isMDSupportInlineNode: isMDSupportInlineNode,
+  isStyledNode: isStyledNode,
+  removeChildFromStartToEndNode: removeChildFromStartToEndNode,
+  removeNodesByDirection: removeNodesByDirection,
+  getLeafNode: getLeafNode,
+  isInsideButtonBox: isInsideButtonBox,
+  isListNode: isListNode,
+  isFirstListItem: isFirstListItem,
+  isFirstLevelListItem: isFirstLevelListItem,
+  mergeNode: mergeNode,
+  createHorizontalRule: createHorizontalRule,
+  createEmptyLine: createEmptyLine,
+  changeTagOrder: changeTagOrder,
+  mergeSameNodes: mergeSameNodes,
+  optimizeRange: optimizeRange,
+  getAllTextNode: getAllTextNode,
+  isCellNode: isCellNode,
+  getLastNodeBy: getLastNodeBy,
+  getParentNodeBy: getParentNodeBy,
+  getSiblingNodeBy: getSiblingNodeBy,
+  createElementWith: createElementWith,
+  findAll: findAll,
+  isContain: isContain,
+  closest: closest,
+  parent: parent,
+  parents: parents,
+  parentsUntil: parentsUntil,
+  children: children,
+  append: append,
+  prepend: prepend,
+  insertBefore: insertBefore,
+  insertAfter: insertAfter,
+  replaceWith: replaceWith,
+  wrap: wrap,
+  wrapInner: wrapInner,
+  unwrap: unwrap,
+  remove: remove,
+  empty: empty,
+  setOffset: setOffset,
+  getOffset: getOffset,
+  getOuterWidth: getOuterWidth,
+  getOuterHeight: getOuterHeight,
+  toggleClass: toggleClass,
+  finalizeHtml: finalizeHtml,
+  getFragmentReplacedByNewlineToBr: getFragmentReplacedByNewlineToBr
+});
+
+/***/ }),
+/* 1 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/object/extend.js
+var extend = __webpack_require__(7);
+var extend_default = /*#__PURE__*/__webpack_require__.n(extend);
+
+// CONCATENATED MODULE: ./src/js/command.js
+/**
+ * @fileoverview Implements Command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Command
+ * @param {string} name Command name
+ * @param {number} type Command type (Command.TYPE)
+ * @param {Array.} [keyMap] keyMap
+ * @ignore
+ */
+
+var Command = /*#__PURE__*/function () {
+  function Command(name, type, keyMap) {
+    this.name = name;
+    this.type = type;
+
+    if (keyMap) {
+      this.setKeyMap(keyMap);
+    }
+  }
+  /**
+   * returns Name of command
+   * @returns {string} Command Name
+   */
+
+
+  var _proto = Command.prototype;
+
+  _proto.getName = function getName() {
+    return this.name;
+  }
+  /**
+   * returns Type of command
+   * @returns {number} Command Command type number
+   */
+  ;
+
+  _proto.getType = function getType() {
+    return this.type;
+  }
+  /**
+   * returns whether Command Type is Markdown or not
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isMDType = function isMDType() {
+    return this.type === Command.TYPE.MD;
+  }
+  /**
+   * returns whether Command Type is Wysiwyg or not
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isWWType = function isWWType() {
+    return this.type === Command.TYPE.WW;
+  }
+  /**
+   * returns whether Command Type is Global or not
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isGlobalType = function isGlobalType() {
+    return this.type === Command.TYPE.GB;
+  }
+  /**
+   * Set keymap value for each os
+   * @param {string} win Windows Key(and etc)
+   * @param {string} mac Mac osx key
+   */
+  ;
+
+  _proto.setKeyMap = function setKeyMap(win, mac) {
+    this.keyMap = [win, mac];
+  };
+
+  return Command;
+}();
+/**
+ * Command factory method
+ * @param {string} typeStr Editor type name
+ * @param {object} props Property
+ *     @param {string} props.name Command name
+ *     @param {number} props.type Command type number
+ * @returns {Command}
+ * @static
+ */
+
+
+Command.factory = function (typeStr, props) {
+  var type;
+
+  if (typeStr === 'markdown') {
+    type = Command.TYPE.MD;
+  } else if (typeStr === 'wysiwyg') {
+    type = Command.TYPE.WW;
+  } else if (typeStr === 'global') {
+    type = Command.TYPE.GB;
+  }
+
+  var command = new Command(props.name, type);
+  extend_default()(command, props);
+  return command;
+};
+/**
+ * Command Type Constant
+ * markdown : 0
+ * wysiwyg : 1
+ * global : 2
+ * @type {object}
+ * @private
+ */
+
+
+Command.TYPE = {
+  MD: 0,
+  WW: 1,
+  GB: 2
+};
+/* harmony default export */ var js_command = (Command);
+// EXTERNAL MODULE: ./src/js/utils/common.js
+var common = __webpack_require__(12);
+
+// EXTERNAL MODULE: ./src/js/utils/map.js
+var map = __webpack_require__(23);
+
+// CONCATENATED MODULE: ./src/js/commandManager.js
+/**
+ * @fileoverview Implements CommandManager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var KEYMAP_OS_INDEX = common["b" /* isMac */] ? 1 : 0;
+/**
+ * Class CommandManager
+ * @param {ToastUIEditor} base nedInstance
+ * @param {object} [options={}] - option object
+ *     @param {boolean} [options.useCommandShortcut=true] - execute command with keyMap
+ * @ignore
+ */
+
+var commandManager_CommandManager = /*#__PURE__*/function () {
+  function CommandManager(base, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    this._command = new map["a" /* default */]();
+    this._mdCommand = new map["a" /* default */]();
+    this._wwCommand = new map["a" /* default */]();
+    this._options = extend_default()({
+      useCommandShortcut: true
+    }, options);
+    this.base = base;
+    this.keyMapCommand = {};
+
+    this._initEvent();
+  }
+  /**
+   * You can change command before command addition by addCommandBefore event.
+   * @param {object} command - command
+   * @returns {object}
+   * @private
+   */
+
+
+  var _proto = CommandManager.prototype;
+
+  _proto._addCommandBefore = function _addCommandBefore(command) {
+    var commandWrapper = {
+      command: command
+    };
+    this.base.eventManager.emit('addCommandBefore', commandWrapper);
+    return commandWrapper.command || command;
+  }
+  /**
+   * Add command
+   * @param {Command} command Command instance
+   * @returns {Command} Command
+   */
+  ;
+
+  _proto.addCommand = function addCommand(command) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    if (args.length) {
+      command = CommandManager.command.apply(CommandManager, [command].concat(args));
+    }
+
+    command = this._addCommandBefore(command);
+    var name = command.getName();
+    var commandBase;
+
+    if (command.isMDType()) {
+      commandBase = this._mdCommand;
+    } else if (command.isWWType()) {
+      commandBase = this._wwCommand;
+    } else if (command.isGlobalType()) {
+      commandBase = this._command;
+    }
+
+    commandBase.set(name, command);
+
+    if (command.keyMap) {
+      this.keyMapCommand[command.keyMap[KEYMAP_OS_INDEX]] = name;
+    }
+
+    return command;
+  }
+  /**
+   * _initEvent
+   * Bind event handler to eventManager
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.base.eventManager.listen('command', function () {
+      _this.exec.apply(_this, arguments);
+    });
+    this.base.eventManager.listen('keyMap', function (ev) {
+      if (!_this._options.useCommandShortcut) {
+        return;
+      }
+
+      var command = _this.keyMapCommand[ev.keyMap];
+
+      if (command) {
+        ev.data.preventDefault();
+
+        _this.exec(command);
+      }
+    });
+  }
+  /**
+   * Execute command
+   * @param {String} name Command name
+   * @param {*} ...args Command argument
+   * @returns {*}
+   */
+  ;
+
+  _proto.exec = function exec(name) {
+    var commandToRun, result;
+    var context = this.base;
+    commandToRun = this._command.get(name);
+
+    if (!commandToRun) {
+      if (this.base.isMarkdownMode()) {
+        commandToRun = this._mdCommand.get(name);
+        context = this.base.mdEditor;
+      } else {
+        commandToRun = this._wwCommand.get(name);
+        context = this.base.wwEditor;
+      }
+    }
+
+    if (commandToRun) {
+      var _commandToRun;
+
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      args.unshift(context);
+      result = (_commandToRun = commandToRun).exec.apply(_commandToRun, args);
+    }
+
+    return result;
+  };
+
+  return CommandManager;
+}();
+/**
+ * Create command by given editor type and property object
+ * @param {string} type Command type
+ * @param {{name: string, keyMap: Array}} props Property
+ * @returns {*}
+ * @static
+ */
+
+
+commandManager_CommandManager.command = function (type, props) {
+  var command = js_command.factory(type, props.name, props.keyMap);
+  extend_default()(command, props);
+  return command;
+};
+
+/* harmony default export */ var commandManager = __webpack_exports__["a"] = (commandManager_CommandManager);
+
+/***/ }),
+/* 2 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export hasImageOrCodeBlockNode */
+/* unused harmony export hasSameLineParent */
+/* unused harmony export hasSpecificTypeAncestor */
+/* unused harmony export isEmptyLineNode */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return getMdStartLine; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getMdEndLine; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getMdStartCh; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getMdEndCh; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return isMultiLineNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return isHtmlNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return isStyledTextNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return isListItemNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return isTableCellNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return isInlineNode; });
+/* unused harmony export getLastLeafNode */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return findClosestNode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "n", function() { return traverseParentNodes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return addChPos; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "m", function() { return setChPos; });
+/* harmony import */ var _common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
+
+function hasImageOrCodeBlockNode(mdNode) {
+  while (mdNode) {
+    if (Object(_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(['image', 'codeBlock'], mdNode.type)) {
+      return true;
+    }
+
+    mdNode = mdNode.firstChild;
+  }
+
+  return false;
+}
+function hasSameLineParent(mdNode) {
+  return mdNode.parent && mdNode.parent.type !== 'document' && mdNode.parent.sourcepos[0][0] === mdNode.sourcepos[0][0];
+}
+function hasSpecificTypeAncestor(mdNode) {
+  for (var _len = arguments.length, types = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    types[_key - 1] = arguments[_key];
+  }
+
+  while (mdNode.parent && mdNode.parent.type !== 'document') {
+    if (Object(_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(types, mdNode.parent.type)) {
+      return true;
+    }
+
+    mdNode = mdNode.parent;
+  }
+
+  return false;
+}
+function isEmptyLineNode(text, mdNode) {
+  return !text.trim() && !hasImageOrCodeBlockNode(mdNode);
+}
+function getMdStartLine(mdNode) {
+  return mdNode.sourcepos[0][0];
+}
+function getMdEndLine(mdNode) {
+  return mdNode.sourcepos[1][0];
+}
+function getMdStartCh(mdNode) {
+  return mdNode.sourcepos[0][1];
+}
+function getMdEndCh(mdNode) {
+  return mdNode.sourcepos[1][1];
+}
+function isMultiLineNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'codeBlock' || type === 'paragraph';
+}
+function isHtmlNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'htmlBlock' || type === 'htmlInline';
+}
+function isStyledTextNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'strike' || type === 'strong' || type === 'emph';
+}
+function isListItemNode(mdNode) {
+  return mdNode.type === 'item';
+}
+function isTableCellNode(mdNode) {
+  var type = mdNode.type;
+  return type === 'tableCell' || type === 'tableDelimCell';
+}
+function isInlineNode(mdNode) {
+  switch (mdNode.type) {
+    case 'code':
+    case 'text':
+    case 'emph':
+    case 'strong':
+    case 'strike':
+    case 'link':
+    case 'image':
+    case 'htmlInline':
+    case 'linebreak':
+    case 'softbreak':
+      return true;
+
+    default:
+      return false;
+  }
+}
+function getLastLeafNode(mdNode) {
+  while (mdNode.lastChild) {
+    mdNode = mdNode.lastChild;
+  }
+
+  return mdNode;
+}
+function findClosestNode(mdNode, condition, includeSelf) {
+  if (includeSelf === void 0) {
+    includeSelf = true;
+  }
+
+  mdNode = includeSelf ? mdNode : mdNode.parent;
+
+  while (mdNode && mdNode.type !== 'document') {
+    if (condition(mdNode)) {
+      return mdNode;
+    }
+
+    mdNode = mdNode.parent;
+  }
+
+  return null;
+}
+function traverseParentNodes(mdNode, iteratee, includeSelf) {
+  if (includeSelf === void 0) {
+    includeSelf = true;
+  }
+
+  mdNode = includeSelf ? mdNode : mdNode.parent;
+
+  while (mdNode && mdNode.type !== 'document') {
+    iteratee(mdNode);
+    mdNode = mdNode.parent;
+  }
+}
+function addChPos(originPos, addedCh) {
+  return {
+    line: originPos.line,
+    ch: originPos.ch + addedCh
+  };
+}
+function setChPos(originPos, newCh) {
+  return {
+    line: originPos.line,
+    ch: newCh
+  };
+}
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Transform the Array-like object to Array.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachArray = __webpack_require__(21);
+
+/**
+ * Transform the Array-like object to Array.
+ * In low IE (below 8), Array.prototype.slice.call is not perfect. So, try-catch statement is used.
+ * @param {*} arrayLike Array-like object
+ * @returns {Array} Array
+ * @memberof module:collection
+ * @example
+ * var toArray = require('tui-code-snippet/collection/toArray'); // node, commonjs
+ *
+ * var arrayLike = {
+ *     0: 'one',
+ *     1: 'two',
+ *     2: 'three',
+ *     3: 'four',
+ *     length: 4
+ * };
+ * var result = toArray(arrayLike);
+ *
+ * alert(result instanceof Array); // true
+ * alert(result); // one,two,three,four
+ */
+function toArray(arrayLike) {
+  var arr;
+  try {
+    arr = Array.prototype.slice.call(arrayLike);
+  } catch (e) {
+    arr = [];
+    forEachArray(arrayLike, function(value) {
+      arr.push(value);
+    });
+  }
+
+  return arr;
+}
+
+module.exports = toArray;
+
+
+/***/ }),
+/* 4 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Setting element style
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isString = __webpack_require__(9);
+var forEach = __webpack_require__(26);
+
+/**
+ * Setting element style
+ * @param {(HTMLElement|SVGElement)} element - element to setting style
+ * @param {(string|object)} key - style prop name or {prop: value} pair object
+ * @param {string} [value] - style value
+ * @memberof module:domUtil
+ */
+function css(element, key, value) {
+  var style = element.style;
+
+  if (isString(key)) {
+    style[key] = value;
+
+    return;
+  }
+
+  forEach(key, function(v, k) {
+    style[k] = v;
+  });
+}
+
+module.exports = css;
+
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Add css class to element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEach = __webpack_require__(26);
+var inArray = __webpack_require__(14);
+var getClass = __webpack_require__(33);
+var setClassName = __webpack_require__(39);
+
+/**
+ * domUtil module
+ * @module domUtil
+ */
+
+/**
+ * Add css class to element
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {...string} cssClass - css classes to add
+ * @memberof module:domUtil
+ */
+function addClass(element) {
+  var cssClass = Array.prototype.slice.call(arguments, 1);
+  var classList = element.classList;
+  var newClass = [];
+  var origin;
+
+  if (classList) {
+    forEach(cssClass, function(name) {
+      element.classList.add(name);
+    });
+
+    return;
+  }
+
+  origin = getClass(element);
+
+  if (origin) {
+    cssClass = [].concat(origin.split(/\s+/), cssClass);
+  }
+
+  forEach(cssClass, function(cls) {
+    if (inArray(cls, newClass) < 0) {
+      newClass.push(cls);
+    }
+  });
+
+  setClassName(element, newClass);
+}
+
+module.exports = addClass;
+
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Remove css class from element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachArray = __webpack_require__(21);
+var inArray = __webpack_require__(14);
+var getClass = __webpack_require__(33);
+var setClassName = __webpack_require__(39);
+
+/**
+ * Remove css class from element
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {...string} cssClass - css classes to remove
+ * @memberof module:domUtil
+ */
+function removeClass(element) {
+  var cssClass = Array.prototype.slice.call(arguments, 1);
+  var classList = element.classList;
+  var origin, newClass;
+
+  if (classList) {
+    forEachArray(cssClass, function(name) {
+      classList.remove(name);
+    });
+
+    return;
+  }
+
+  origin = getClass(element).split(/\s+/);
+  newClass = [];
+  forEachArray(origin, function(name) {
+    if (inArray(name, cssClass) < 0) {
+      newClass.push(name);
+    }
+  });
+
+  setClassName(element, newClass);
+}
+
+module.exports = removeClass;
+
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Extend the target object from other objects.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * @module object
+ */
+
+/**
+ * Extend the target object from other objects.
+ * @param {object} target - Object that will be extended
+ * @param {...object} objects - Objects as sources
+ * @returns {object} Extended object
+ * @memberof module:object
+ */
+function extend(target, objects) { // eslint-disable-line no-unused-vars
+  var hasOwnProp = Object.prototype.hasOwnProperty;
+  var source, prop, i, len;
+
+  for (i = 1, len = arguments.length; i < len; i += 1) {
+    source = arguments[i];
+    for (prop in source) {
+      if (hasOwnProp.call(source, prop)) {
+        target[prop] = source[prop];
+      }
+    }
+  }
+
+  return target;
+}
+
+module.exports = extend;
+
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is undefined or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is undefined or not.
+ * If the given variable is undefined, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is undefined?
+ * @memberof module:type
+ */
+function isUndefined(obj) {
+  return obj === undefined; // eslint-disable-line no-undefined
+}
+
+module.exports = isUndefined;
+
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a string or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a string or not.
+ * If the given variable is a string, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is string?
+ * @memberof module:type
+ */
+function isString(obj) {
+  return typeof obj === 'string' || obj instanceof String;
+}
+
+module.exports = isString;
+
+
+/***/ }),
+/* 10 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Execute the provided callback once for each property of object which actually exist.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Execute the provided callback once for each property of object which actually exist.
+ * If the callback function returns false, the loop will be stopped.
+ * Callback function(iteratee) is invoked with three arguments:
+ *  1) The value of the property
+ *  2) The name of the property
+ *  3) The object being traversed
+ * @param {Object} obj The object that will be traversed
+ * @param {function} iteratee  Callback function
+ * @param {Object} [context] Context(this) of callback function
+ * @memberof module:collection
+ * @example
+ * var forEachOwnProperties = require('tui-code-snippet/collection/forEachOwnProperties'); // node, commonjs
+ *
+ * var sum = 0;
+ *
+ * forEachOwnProperties({a:1,b:2,c:3}, function(value){
+ *     sum += value;
+ * });
+ * alert(sum); // 6
+ */
+function forEachOwnProperties(obj, iteratee, context) {
+  var key;
+
+  context = context || null;
+
+  for (key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      if (iteratee.call(context, obj[key], key, obj) === false) {
+        break;
+      }
+    }
+  }
+}
+
+module.exports = forEachOwnProperties;
+
+
+/***/ }),
+/* 11 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview This module detects the kind of well-known browser and version.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Browser module
+ * @module browser
+ */
+
+/**
+ * This object has an information that indicate the kind of browser. It can detect IE8 ~ IE11, Chrome, Firefox, Safari, and Edge.
+ * @memberof module:browser
+ * @example
+ * var browser = require('tui-code-snippet/browser/browser'); // node, commonjs
+ *
+ * browser.chrome === true; // chrome
+ * browser.firefox === true; // firefox
+ * browser.safari === true; // safari
+ * browser.msie === true; // IE
+ * browser.edge === true; // edge
+ * browser.others === true; // other browser
+ * browser.version; // browser version
+ */
+var browser = {
+  chrome: false,
+  firefox: false,
+  safari: false,
+  msie: false,
+  edge: false,
+  others: false,
+  version: 0
+};
+
+if (typeof window !== 'undefined' && window.navigator) {
+  detectBrowser();
+}
+
+/**
+ * Detect the browser.
+ * @private
+ */
+function detectBrowser() {
+  var nav = window.navigator;
+  var appName = nav.appName.replace(/\s/g, '_');
+  var userAgent = nav.userAgent;
+
+  var rIE = /MSIE\s([0-9]+[.0-9]*)/;
+  var rIE11 = /Trident.*rv:11\./;
+  var rEdge = /Edge\/(\d+)\./;
+  var versionRegex = {
+    firefox: /Firefox\/(\d+)\./,
+    chrome: /Chrome\/(\d+)\./,
+    safari: /Version\/([\d.]+).*Safari\/(\d+)/
+  };
+
+  var key, tmp;
+
+  var detector = {
+    Microsoft_Internet_Explorer: function() { // eslint-disable-line camelcase
+      var detectedVersion = userAgent.match(rIE);
+
+      if (detectedVersion) { // ie8 ~ ie10
+        browser.msie = true;
+        browser.version = parseFloat(detectedVersion[1]);
+      } else { // no version information
+        browser.others = true;
+      }
+    },
+    Netscape: function() { // eslint-disable-line complexity
+      var detected = false;
+
+      if (rIE11.exec(userAgent)) {
+        browser.msie = true;
+        browser.version = 11;
+        detected = true;
+      } else if (rEdge.exec(userAgent)) {
+        browser.edge = true;
+        browser.version = userAgent.match(rEdge)[1];
+        detected = true;
+      } else {
+        for (key in versionRegex) {
+          if (versionRegex.hasOwnProperty(key)) {
+            tmp = userAgent.match(versionRegex[key]);
+            if (tmp && tmp.length > 1) { // eslint-disable-line max-depth
+              browser[key] = detected = true;
+              browser.version = parseFloat(tmp[1] || 0);
+              break;
+            }
+          }
+        }
+      }
+      if (!detected) {
+        browser.others = true;
+      }
+    }
+  };
+
+  var fn = detector[appName];
+
+  if (fn) {
+    detector[appName]();
+  }
+}
+
+module.exports = browser;
+
+
+/***/ }),
+/* 12 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return isMac; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return sendHostName; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return includes; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return sanitizeLinkAttribute; });
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43);
+/* harmony import */ var tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var isMac = /Mac/.test(navigator.platform);
+function sendHostName() {
+  tui_code_snippet_request_sendHostname__WEBPACK_IMPORTED_MODULE_1___default()('editor', 'UA-129966929-1');
+}
+function includes(arr, targetItem) {
+  return arr.indexOf(targetItem) !== -1;
+}
+var availableLinkAttributes = ['rel', 'target', 'contenteditable', 'hreflang', 'type'];
+/**
+ * sanitize attribute for link
+ * @param {object} attribute - attribute for link
+ * @returns {object} sanitized attribute
+ */
+
+function sanitizeLinkAttribute(attribute) {
+  if (!attribute) {
+    return null;
+  }
+
+  var linkAttribute = {};
+  availableLinkAttributes.forEach(function (key) {
+    if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_0___default()(attribute[key])) {
+      linkAttribute[key] = attribute[key];
+    }
+  });
+  return linkAttribute;
+}
+
+/***/ }),
+/* 13 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check element match selector
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var inArray = __webpack_require__(14);
+var toArray = __webpack_require__(3);
+
+var elProto = Element.prototype;
+var matchSelector = elProto.matches ||
+    elProto.webkitMatchesSelector ||
+    elProto.mozMatchesSelector ||
+    elProto.msMatchesSelector ||
+    function(selector) {
+      var doc = this.document || this.ownerDocument;
+
+      return inArray(this, toArray(doc.querySelectorAll(selector))) > -1;
+    };
+
+/**
+ * Check element match selector
+ * @param {HTMLElement} element - element to check
+ * @param {string} selector - selector to check
+ * @returns {boolean} is selector matched to element?
+ * @memberof module:domUtil
+ */
+function matches(element, selector) {
+  return matchSelector.call(element, selector);
+}
+
+module.exports = matches;
+
+
+/***/ }),
+/* 14 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/* eslint-disable complexity */
+/**
+ * @fileoverview Returns the first index at which a given element can be found in the array.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+
+/**
+ * @module array
+ */
+
+/**
+ * Returns the first index at which a given element can be found in the array
+ * from start index(default 0), or -1 if it is not present.
+ * It compares searchElement to elements of the Array using strict equality
+ * (the same method used by the ===, or triple-equals, operator).
+ * @param {*} searchElement Element to locate in the array
+ * @param {Array} array Array that will be traversed.
+ * @param {number} startIndex Start index in array for searching (default 0)
+ * @returns {number} the First index at which a given element, or -1 if it is not present
+ * @memberof module:array
+ * @example
+ * var inArray = require('tui-code-snippet/array/inArray'); // node, commonjs
+ *
+ * var arr = ['one', 'two', 'three', 'four'];
+ * var idx1 = inArray('one', arr, 3); // -1
+ * var idx2 = inArray('one', arr); // 0
+ */
+function inArray(searchElement, array, startIndex) {
+  var i;
+  var length;
+  startIndex = startIndex || 0;
+
+  if (!isArray(array)) {
+    return -1;
+  }
+
+  if (Array.prototype.indexOf) {
+    return Array.prototype.indexOf.call(array, searchElement, startIndex);
+  }
+
+  length = array.length;
+  for (i = startIndex; startIndex >= 0 && i < length; i += 1) {
+    if (array[i] === searchElement) {
+      return i;
+    }
+  }
+
+  return -1;
+}
+
+module.exports = inArray;
+
+
+/***/ }),
+/* 15 */
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__15__;
+
+/***/ }),
+/* 16 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check element has specific css class
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var inArray = __webpack_require__(14);
+var getClass = __webpack_require__(33);
+
+/**
+ * Check element has specific css class
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {string} cssClass - css class
+ * @returns {boolean}
+ * @memberof module:domUtil
+ */
+function hasClass(element, cssClass) {
+  var origin;
+
+  if (element.classList) {
+    return element.classList.contains(cssClass);
+  }
+
+  origin = getClass(element).split(/\s+/);
+
+  return inArray(cssClass, origin) > -1;
+}
+
+module.exports = hasClass;
+
+
+/***/ }),
+/* 17 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is an instance of Array or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is an instance of Array or not.
+ * If the given variable is an instance of Array, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is array instance?
+ * @memberof module:type
+ */
+function isArray(obj) {
+  return obj instanceof Array;
+}
+
+module.exports = isArray;
+
+
+/***/ }),
+/* 18 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return isNodeToBeCalculated; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getAdditionalTopPos; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return getParentNodeObj; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return getCmRangeHeight; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getNextEmptyLineHeight; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return getTotalOffsetTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return findAdjacentElementToScrollTop; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return getFallbackScrollTop; });
+/* harmony import */ var _utils_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
+/* harmony import */ var _utils_markdown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
+
+
+var nestableTypes = ['list', 'blockQuote'];
+var nestableTagNames = ['UL', 'OL', 'BLOCKQUOTE'];
+var tableElementTagNames = ['TR', 'TH', 'TBODY', 'TD'];
+function isNodeToBeCalculated(mdNode) {
+  return !Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTypes, mdNode.type);
+}
+function getAdditionalTopPos(scrollTop, offsetTop, currentNodeHeight, targetNodeHeight) {
+  var diff = (scrollTop - offsetTop) / currentNodeHeight;
+  return diff < 1 ? diff * targetNodeHeight : targetNodeHeight;
+}
+function getParentNodeObj(mdNode) {
+  var node = document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]");
+
+  while (!node || Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(tableElementTagNames, mdNode.type) || Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* isStyledTextNode */ "k"])(mdNode)) {
+    mdNode = mdNode.parent;
+    node = document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]");
+  }
+
+  return getNonNestableNodeObj(getParentListItemObj(mdNode));
+}
+
+function getParentListItemObj(orgMdNode) {
+  var mdNode = orgMdNode;
+
+  while (orgMdNode && orgMdNode !== 'document') {
+    if (orgMdNode.type === 'item') {
+      mdNode = orgMdNode;
+      break;
+    }
+
+    orgMdNode = orgMdNode.parent;
+  }
+
+  return {
+    mdNode: mdNode,
+    node: document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]")
+  };
+}
+
+function getNonNestableNodeObj(_ref) {
+  var mdNode = _ref.mdNode,
+      node = _ref.node;
+
+  while (Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTypes, mdNode.type) && mdNode.firstChild) {
+    mdNode = mdNode.firstChild;
+    node = node.firstElementChild;
+  }
+
+  return {
+    mdNode: mdNode,
+    node: node
+  };
+}
+
+function getCmRangeHeight(mdNode, cm) {
+  var start = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdStartLine */ "f"])(mdNode);
+  var end = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdEndLine */ "d"])(mdNode);
+  var cmNodeHeight = cm.lineInfo(start - 1).handle.height;
+  var height = cm.heightAtLine(end, 'local') - cm.heightAtLine(start - 1, 'local');
+  return height <= 0 ? cmNodeHeight : height + getNextEmptyLineHeight(cm, Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_1__[/* getMdEndLine */ "d"])(mdNode));
+}
+function getNextEmptyLineHeight(cm, start, end) {
+  if (end === void 0) {
+    end = Number.MAX_VALUE;
+  }
+
+  var lineInfo = cm.lineInfo(start);
+
+  if (!lineInfo) {
+    return 0;
+  }
+
+  var detailLineInfo = lineInfo.handle;
+  var height = 0;
+
+  while (start <= end && !detailLineInfo.text.trim()) {
+    height += detailLineInfo.height;
+    start += 1;
+    detailLineInfo = cm.lineInfo(start).handle;
+  }
+
+  return height;
+}
+function getTotalOffsetTop(el, root) {
+  var offsetTop = 0;
+
+  while (el && el !== root) {
+    if (!Object(_utils_common__WEBPACK_IMPORTED_MODULE_0__[/* includes */ "a"])(nestableTagNames, el.tagName)) {
+      offsetTop += el.offsetTop;
+    }
+
+    if (el.offsetParent === root.offsetParent) {
+      break;
+    }
+
+    el = el.parentElement;
+  }
+
+  return offsetTop;
+}
+function findAdjacentElementToScrollTop(scrollTop, root) {
+  var el = root;
+  var prev = null;
+
+  while (el) {
+    var _el = el,
+        firstElementChild = _el.firstElementChild;
+
+    if (!firstElementChild) {
+      break;
+    }
+
+    var lastSibling = findLastSiblingElementToScrollTop(firstElementChild, scrollTop, getTotalOffsetTop(el, root));
+    prev = el;
+    el = lastSibling;
+  }
+
+  var adjacentEl = el || prev;
+  return adjacentEl === root ? null : adjacentEl;
+}
+
+function findLastSiblingElementToScrollTop(el, scrollTop, offsetTop) {
+  if (el && scrollTop > offsetTop + el.offsetTop) {
+    return findLastSiblingElementToScrollTop(el.nextElementSibling, scrollTop, offsetTop) || el;
+  }
+
+  return null;
+}
+
+function getFallbackScrollTop(scrollInfo) {
+  var latestScrollTop = scrollInfo.latestScrollTop,
+      scrollTop = scrollInfo.scrollTop,
+      targetScrollTop = scrollInfo.targetScrollTop,
+      sourceScrollTop = scrollInfo.sourceScrollTop;
+
+  if (latestScrollTop === null) {
+    return targetScrollTop;
+  }
+
+  return latestScrollTop < scrollTop ? Math.max(targetScrollTop, sourceScrollTop) : Math.min(targetScrollTop, sourceScrollTop);
+}
+
+/***/ }),
+/* 19 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Bind DOM events
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isString = __webpack_require__(9);
+var forEach = __webpack_require__(26);
+
+var safeEvent = __webpack_require__(40);
+
+/**
+ * Bind DOM events.
+ * @param {HTMLElement} element - element to bind events
+ * @param {(string|object)} types - Space splitted events names or eventName:handler object
+ * @param {(function|object)} handler - handler function or context for handler method
+ * @param {object} [context] context - context for handler method.
+ * @memberof module:domEvent
+ * @example
+ * var div = document.querySelector('div');
+ * 
+ * // Bind one event to an element.
+ * on(div, 'click', toggle);
+ * 
+ * // Bind multiple events with a same handler to multiple elements at once.
+ * // Use event names splitted by a space.
+ * on(div, 'mouseenter mouseleave', changeColor);
+ * 
+ * // Bind multiple events with different handlers to an element at once.
+ * // Use an object which of key is an event name and value is a handler function.
+ * on(div, {
+ *   keydown: highlight,
+ *   keyup: dehighlight
+ * });
+ * 
+ * // Set a context for handler method.
+ * var name = 'global';
+ * var repository = {name: 'CodeSnippet'};
+ * on(div, 'drag', function() {
+ *  console.log(this.name);
+ * }, repository);
+ * // Result when you drag a div: "CodeSnippet"
+ */
+function on(element, types, handler, context) {
+  if (isString(types)) {
+    forEach(types.split(/\s+/g), function(type) {
+      bindEvent(element, type, handler, context);
+    });
+
+    return;
+  }
+
+  forEach(types, function(func, type) {
+    bindEvent(element, type, func, handler);
+  });
+}
+
+/**
+ * Bind DOM events
+ * @param {HTMLElement} element - element to bind events
+ * @param {string} type - events name
+ * @param {function} handler - handler function or context for handler method
+ * @param {object} [context] context - context for handler method.
+ * @private
+ */
+function bindEvent(element, type, handler, context) {
+  /**
+     * Event handler
+     * @param {Event} e - event object
+     */
+  function eventHandler(e) {
+    handler.call(context || element, e || window.event);
+  }
+
+  if ('addEventListener' in element) {
+    element.addEventListener(type, eventHandler);
+  } else if ('attachEvent' in element) {
+    element.attachEvent('on' + type, eventHandler);
+  }
+  memorizeHandler(element, type, handler, eventHandler);
+}
+
+/**
+ * Memorize DOM event handler for unbinding.
+ * @param {HTMLElement} element - element to bind events
+ * @param {string} type - events name
+ * @param {function} handler - handler function that user passed at on() use
+ * @param {function} wrappedHandler - handler function that wrapped by domevent for implementing some features
+ * @private
+ */
+function memorizeHandler(element, type, handler, wrappedHandler) {
+  var events = safeEvent(element, type);
+  var existInEvents = false;
+
+  forEach(events, function(obj) {
+    if (obj.handler === handler) {
+      existInEvents = true;
+
+      return false;
+    }
+
+    return true;
+  });
+
+  if (!existInEvents) {
+    events.push({
+      handler: handler,
+      wrappedHandler: wrappedHandler
+    });
+  }
+}
+
+module.exports = on;
+
+
+/***/ }),
+/* 20 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Unbind DOM events
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isString = __webpack_require__(9);
+var forEach = __webpack_require__(26);
+
+var safeEvent = __webpack_require__(40);
+
+/**
+ * Unbind DOM events
+ * If a handler function is not passed, remove all events of that type.
+ * @param {HTMLElement} element - element to unbind events
+ * @param {(string|object)} types - Space splitted events names or eventName:handler object
+ * @param {function} [handler] - handler function
+ * @memberof module:domEvent
+ * @example
+ * // Following the example of domEvent#on
+ * 
+ * // Unbind one event from an element.
+ * off(div, 'click', toggle);
+ * 
+ * // Unbind multiple events with a same handler from multiple elements at once.
+ * // Use event names splitted by a space.
+ * off(element, 'mouseenter mouseleave', changeColor);
+ * 
+ * // Unbind multiple events with different handlers from an element at once.
+ * // Use an object which of key is an event name and value is a handler function.
+ * off(div, {
+ *   keydown: highlight,
+ *   keyup: dehighlight
+ * });
+ * 
+ * // Unbind events without handlers.
+ * off(div, 'drag');
+ */
+function off(element, types, handler) {
+  if (isString(types)) {
+    forEach(types.split(/\s+/g), function(type) {
+      unbindEvent(element, type, handler);
+    });
+
+    return;
+  }
+
+  forEach(types, function(func, type) {
+    unbindEvent(element, type, func);
+  });
+}
+
+/**
+ * Unbind DOM events
+ * If a handler function is not passed, remove all events of that type.
+ * @param {HTMLElement} element - element to unbind events
+ * @param {string} type - events name
+ * @param {function} [handler] - handler function
+ * @private
+ */
+function unbindEvent(element, type, handler) {
+  var events = safeEvent(element, type);
+  var index;
+
+  if (!handler) {
+    forEach(events, function(item) {
+      removeHandler(element, type, item.wrappedHandler);
+    });
+    events.splice(0, events.length);
+  } else {
+    forEach(events, function(item, idx) {
+      if (handler === item.handler) {
+        removeHandler(element, type, item.wrappedHandler);
+        index = idx;
+
+        return false;
+      }
+
+      return true;
+    });
+    events.splice(index, 1);
+  }
+}
+
+/**
+ * Remove an event handler
+ * @param {HTMLElement} element - An element to remove an event
+ * @param {string} type - event type
+ * @param {function} handler - event handler
+ * @private
+ */
+function removeHandler(element, type, handler) {
+  if ('removeEventListener' in element) {
+    element.removeEventListener(type, handler);
+  } else if ('detachEvent' in element) {
+    element.detachEvent('on' + type, handler);
+  }
+}
+
+module.exports = off;
+
+
+/***/ }),
+/* 21 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Execute the provided callback once for each element present in the array(or Array-like object) in ascending order.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Execute the provided callback once for each element present
+ * in the array(or Array-like object) in ascending order.
+ * If the callback function returns false, the loop will be stopped.
+ * Callback function(iteratee) is invoked with three arguments:
+ *  1) The value of the element
+ *  2) The index of the element
+ *  3) The array(or Array-like object) being traversed
+ * @param {Array|Arguments|NodeList} arr The array(or Array-like object) that will be traversed
+ * @param {function} iteratee Callback function
+ * @param {Object} [context] Context(this) of callback function
+ * @memberof module:collection
+ * @example
+ * var forEachArray = require('tui-code-snippet/collection/forEachArray'); // node, commonjs
+ *
+ * var sum = 0;
+ *
+ * forEachArray([1,2,3], function(value){
+ *     sum += value;
+ * });
+ * alert(sum); // 6
+ */
+function forEachArray(arr, iteratee, context) {
+  var index = 0;
+  var len = arr.length;
+
+  context = context || null;
+
+  for (; index < len; index += 1) {
+    if (iteratee.call(context, arr[index], index, arr) === false) {
+      break;
+    }
+  }
+}
+
+module.exports = forEachArray;
+
+
+/***/ }),
+/* 22 */
+/***/ (function(module, exports) {
+
+!function(e,t){for(var r in t)e[r]=t[r]}(exports,function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/dist",r(r.s=11)}([function(e,t,r){"use strict";r.r(t),r.d(t,"__extends",(function(){return i})),r.d(t,"__assign",(function(){return o})),r.d(t,"__rest",(function(){return a})),r.d(t,"__decorate",(function(){return s})),r.d(t,"__param",(function(){return l})),r.d(t,"__metadata",(function(){return u})),r.d(t,"__awaiter",(function(){return c})),r.d(t,"__generator",(function(){return p})),r.d(t,"__createBinding",(function(){return f})),r.d(t,"__exportStar",(function(){return d})),r.d(t,"__values",(function(){return h})),r.d(t,"__read",(function(){return g})),r.d(t,"__spread",(function(){return m})),r.d(t,"__spreadArrays",(function(){return v})),r.d(t,"__await",(function(){return b})),r.d(t,"__asyncGenerator",(function(){return y})),r.d(t,"__asyncDelegator",(function(){return C})),r.d(t,"__asyncValues",(function(){return x})),r.d(t,"__makeTemplateObject",(function(){return k})),r.d(t,"__importStar",(function(){return N})),r.d(t,"__importDefault",(function(){return w})),r.d(t,"__classPrivateFieldGet",(function(){return D})),r.d(t,"__classPrivateFieldSet",(function(){return L}));
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function i(e,t){function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var o=function(){return(o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r=0;s--)(i=e[s])&&(a=(o<3?i(a):o>3?i(t,r,a):i(t,r))||a);return o>3&&a&&Object.defineProperty(t,r,a),a}function l(e,t){return function(r,n){t(r,n,e)}}function u(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function c(e,t,r,n){return new(r||(r=Promise))((function(i,o){function a(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,s)}l((n=n.apply(e,t||[])).next())}))}function p(e,t){var r,n,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(o){return function(s){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;a;)try{if(r=1,n&&(i=2&o[0]?n.return:o[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;switch(n=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,n=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(i=a.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function g(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,i,o=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=o.next()).done;)a.push(n.value)}catch(e){i={error:e}}finally{try{n&&!n.done&&(r=o.return)&&r.call(o)}finally{if(i)throw i.error}}return a}function m(){for(var e=[],t=0;t1||s(e,t)}))})}function s(e,t){try{(r=i[e](t)).value instanceof b?Promise.resolve(r.value.v).then(l,u):c(o[0][2],r)}catch(e){c(o[0][3],e)}var r}function l(e){s("next",e)}function u(e){s("throw",e)}function c(e,t){e(t),o.shift(),o.length&&s(o[0][0],o[0][1])}}function C(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,i){t[n]=e[n]?function(t){return(r=!r)?{value:b(e[n](t)),done:"return"===n}:i?i(t):t}:i}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=h(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,i){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,i,(t=e[r](t)).done,t.value)}))}}}function k(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}function N(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}function w(e){return e&&e.__esModule?e:{default:e}}function D(e,t){if(!t.has(e))throw new TypeError("attempted to get private field on non-instance");return t.get(e)}function L(e,t,r){if(!t.has(e))throw new TypeError("attempted to set private field on non-instance");return t.set(e,r),r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.text=t.isRefDef=t.isTable=t.isList=t.isHeading=t.isHtmlBlock=t.isCodeBlock=t.createNode=t.RefDefNode=t.TableCellNode=t.TableNode=t.CodeNode=t.HtmlBlockNode=t.CodeBlockNode=t.LinkNode=t.HeadingNode=t.ListNode=t.BlockNode=t.Node=t.removeAllNode=t.removeNodeById=t.getNodeById=t.isContainer=void 0;var n=r(0),i=n.__importDefault(r(18));function o(e){switch(e.type){case"document":case"blockQuote":case"list":case"item":case"paragraph":case"heading":case"emph":case"strong":case"strike":case"link":case"image":case"table":case"tableHead":case"tableBody":case"tableRow":case"tableCell":case"tableDelimRow":return!0;default:return!1}}t.isContainer=o;var a=1,s={};t.getNodeById=function(e){return s[e]},t.removeNodeById=function(e){delete s[e]},t.removeAllNode=function(){s={}};var l=function(){function e(e,t){this.parent=null,this.prev=null,this.next=null,this.firstChild=null,this.lastChild=null,this.literal=null,this.id="document"===e?-1:a++,this.type=e,this.sourcepos=t,s[this.id]=this}return e.prototype.isContainer=function(){return o(this)},e.prototype.unlink=function(){this.prev?this.prev.next=this.next:this.parent&&(this.parent.firstChild=this.next),this.next?this.next.prev=this.prev:this.parent&&(this.parent.lastChild=this.prev),this.parent=null,this.next=null,this.prev=null},e.prototype.replaceWith=function(e){this.insertBefore(e),this.unlink()},e.prototype.insertAfter=function(e){e.unlink(),e.next=this.next,e.next&&(e.next.prev=e),e.prev=this,this.next=e,this.parent&&(e.parent=this.parent,e.next||(e.parent.lastChild=e))},e.prototype.insertBefore=function(e){e.unlink(),e.prev=this.prev,e.prev&&(e.prev.next=e),e.next=this,this.prev=e,e.parent=this.parent,e.prev||(e.parent.firstChild=e)},e.prototype.appendChild=function(e){e.unlink(),e.parent=this,this.lastChild?(this.lastChild.next=e,e.prev=this.lastChild,this.lastChild=e):(this.firstChild=e,this.lastChild=e)},e.prototype.prependChild=function(e){e.unlink(),e.parent=this,this.firstChild?(this.firstChild.prev=e,e.next=this.firstChild,this.firstChild=e):(this.firstChild=e,this.lastChild=e)},e.prototype.walker=function(){return new i.default(this)},e}();t.Node=l;var u=function(e){function t(t,r){var n=e.call(this,t,r)||this;return n.open=!0,n.lineOffsets=null,n.stringContent=null,n.lastLineBlank=!1,n.lastLineChecked=!1,n.customType=null,n.type=t,n}return n.__extends(t,e),t}(l);t.BlockNode=u;var c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.listData=null,t}return n.__extends(t,e),t}(u);t.ListNode=c;var p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.level=0,t.headingType="atx",t}return n.__extends(t,e),t}(u);t.HeadingNode=p;var f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.destination=null,t.title=null,t.extendedAutolink=!1,t}return n.__extends(t,e),t}(l);t.LinkNode=f;var d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.isFenced=!1,t.fenceChar=null,t.fenceLength=0,t.fenceOffset=-1,t.info=null,t.infoPadding=0,t}return n.__extends(t,e),t}(u);t.CodeBlockNode=d;var h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.htmlBlockType=-1,t}return n.__extends(t,e),t}(u);t.HtmlBlockNode=h;var g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.tickCount=0,t}return n.__extends(t,e),t}(l);t.CodeNode=g;var m=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.columns=[],t}return n.__extends(t,e),t}(u);t.TableNode=m;var v=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.startIdx=0,t.endIdx=0,t.paddingLeft=0,t.paddingRight=0,t.ignored=!1,t}return n.__extends(t,e),t}(u);t.TableCellNode=v;var b=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.title="",t.dest="",t.label="",t}return n.__extends(t,e),t}(u);function y(e,t){switch(e){case"heading":return new p(e,t);case"list":case"item":return new c(e,t);case"link":case"image":return new f(e,t);case"codeBlock":return new d(e,t);case"htmlBlock":return new h(e,t);case"table":return new m(e,t);case"tableCell":return new v(e,t);case"document":case"paragraph":case"blockQuote":case"thematicBreak":case"tableRow":case"tableBody":case"tableHead":return new u(e,t);case"code":return new g(e,t);case"refDef":return new b(e,t);default:return new l(e,t)}}t.RefDefNode=b,t.createNode=y,t.isCodeBlock=function(e){return"codeBlock"===e.type},t.isHtmlBlock=function(e){return"htmlBlock"===e.type},t.isHeading=function(e){return"heading"===e.type},t.isList=function(e){return"list"===e.type},t.isTable=function(e){return"table"===e.type},t.isRefDef=function(e){return"refDef"===e.type},t.text=function(e,t){var r=y("text",t);return r.literal=e,r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isEmpty=t.last=t.repeat=t.escapeXml=t.normalizeURI=t.unescapeString=t.ESCAPABLE=t.ENTITY=void 0;var n=r(0).__importDefault(r(12)),i=r(8);t.ENTITY="&(?:#x[a-f0-9]{1,6}|#[0-9]{1,7}|[a-z][a-z0-9]{1,31});";var o=/[\\&]/;t.ESCAPABLE="[!\"#$%&'()*+,./:;<=>?@[\\\\\\]^_`{|}~-]";var a=new RegExp("\\\\"+t.ESCAPABLE+"|"+t.ENTITY,"gi"),s=new RegExp('[&<>"]',"g"),l=function(e){return 92===e.charCodeAt(0)?e.charAt(1):i.decodeHTML(e)};function u(e){switch(e){case"&":return"&";case"<":return"<";case">":return">";case'"':return""";default:return e}}t.unescapeString=function(e){return o.test(e)?e.replace(a,l):e},t.normalizeURI=function(e){try{return n.default(e)}catch(t){return e}},t.escapeXml=function(e){return s.test(e)?e.replace(s,u):e},t.repeat=function(e,t){for(var r=[],n=0;nt&&(t+=1),this.root.sourcepos[1]=[t+1,e[t].length]},e.prototype.replaceRangeNodes=function(e,t,r){e?(a.insertNodesBefore(e,r),a.removeNextUntil(e,t),[e.id,t.id].forEach((function(e){return o.removeNodeById(e)})),e.unlink()):t?(a.insertNodesBefore(t,r),o.removeNodeById(t.id),t.unlink()):a.prependChildNodes(this.root,r)},e.prototype.getNodeRange=function(e,t){var r=a.findChildNodeAtLine(this.root,e[0]),n=a.findChildNodeAtLine(this.root,t[0]);return n&&n.next&&t[0]+1===n.next.sourcepos[0][0]&&(n=n.next),a.getRangeForCustomType(r,n)},e.prototype.trigger=function(e,t){this.eventHandlerMap[e].forEach((function(e){e(t)}))},e.prototype.extendEndLine=function(e){for(;""===this.lineTexts[e];)e+=1;return e},e.prototype.parseRange=function(e,t,r,n){var i;e&&e.prev&&(o.isList(e.prev)&&function(e){var t=e.match(/^[ \t]+/);if(t&&(t[0].length>=2||/\t/.test(t[0])))return!0;var r=t?e.slice(t.length):e;return s.reBulletListMarker.test(r)||s.reOrderedListMarker.test(r)}(this.lineTexts[r-1])||o.isTable(e.prev)&&(i=this.lineTexts[r-1],!u.isBlank(i)&&-1!==i.indexOf("|")))&&(r=(e=e.prev).sourcepos[0][0]);for(var l=this.lineTexts.slice(r-1,n),c=this.parser.partialParseStart(r,l),p=t?t.next:this.root.firstChild,f=c.lastChild,d=f&&o.isCodeBlock(f),h=f&&o.isList(f);d&&p||h&&p&&("list"===p.type||p.sourcepos[0][1]>=2);){var g=this.extendEndLine(p.sourcepos[1][0]);this.parser.partialParseExtends(this.lineTexts.slice(n,g)),e||(e=t),t=p,n=g,p=p.next}return this.parser.partialParseFinish(),{newNodes:a.getChildNodes(c),extStartNode:e,extEndNode:t}},e.prototype.getRemovedNodeRange=function(e,t){return!e||e&&o.isRefDef(e)||t&&o.isRefDef(t)?null:{id:[e.id,t.id],line:[e.sourcepos[0][0]-1,t.sourcepos[1][0]-1]}},e.prototype.markDeletedRefMap=function(e,t){var r=this;if(!l.isEmptyObj(this.refMap)){var n=function(e){if(o.isRefDef(e)){var t=r.refMap[e.label];t&&e.id===t.id&&(t.unlinked=!0)}};e&&a.invokeNextUntil(n,e.parent,t),t&&a.invokeNextUntil(n,t)}},e.prototype.replaceWithNewRefDefState=function(e){var t=this;if(!l.isEmptyObj(this.refMap)){var r=function(e){if(o.isRefDef(e)){var r=e.label,n=t.refMap[r];n&&!n.unlinked||(t.refMap[r]=p(e))}};e.forEach((function(e){a.invokeNextUntil(r,e)}))}},e.prototype.replaceWithRefDefCandidate=function(){var e=this;l.isEmptyObj(this.refDefCandidateMap)||l.iterateObject(this.refDefCandidateMap,(function(t,r){var n=r.label,i=r.sourcepos,o=e.refMap[n];(!o||o.unlinked||o.sourcepos[0][0]>i[0][0])&&(e.refMap[n]=p(r))}))},e.prototype.getRangeWithRefDef=function(e,t,r,n,i){if(this.referenceDefinition&&!l.isEmptyObj(this.refMap)){var s=a.findChildNodeAtLine(this.root,e-1),u=a.findChildNodeAtLine(this.root,t+1);s&&o.isRefDef(s)&&s!==r&&s!==n&&(e=(r=s).sourcepos[0][0]),u&&o.isRefDef(u)&&u!==r&&u!==n&&(n=u,t=this.extendEndLine(n.sourcepos[1][0]+i))}return[r,n,e,t]},e.prototype.parseWithFrontMatter=function(e,t,r){void 0===r&&(r=0);var i=n.__spreadArrays(this.lineTexts),o=c.getFrontMatterPos(this.lineTexts),a=o[0],s=o[1];a>-1&&s>-1&&(this.lineTexts[a]=c.frontMatterOpen,this.lineTexts[s]=c.frontMatterClose,a>=t[0]-1&&(t[0]=s+1),a<=e[0]-1&&s>=t[0]-1&&(e[0]=a+1,t[0]=s+1));var l=this.parse(e,t,r);return this.lineTexts=i,l},e.prototype.parse=function(e,t,r){void 0===r&&(r=0);var n=this.getNodeRange(e,t),i=n[0],o=n[1],a=i?Math.min(i.sourcepos[0][0],e[0]):e[0],s=this.extendEndLine((o?Math.max(o.sourcepos[1][0],t[0]):t[0])+r),l=this.parseRange.apply(this,this.getRangeWithRefDef(a,s,i,o,r)),u=l.newNodes,c=l.extStartNode,p=l.extEndNode,f=this.getRemovedNodeRange(c,p),d=p?p.next:this.root.firstChild;return this.referenceDefinition?(this.markDeletedRefMap(c,p),this.replaceRangeNodes(c,p,u),this.replaceWithNewRefDefState(u)):this.replaceRangeNodes(c,p,u),{nodes:u,removedNodeRange:f,nextNode:d}},e.prototype.parseRefLink=function(){var e=this,t=[];return l.isEmptyObj(this.refMap)||l.iterateObject(this.refMap,(function(r,n){n.unlinked&&delete e.refMap[r],l.iterateObject(e.refLinkCandidateMap,(function(n,i){var o=i.node;i.refLabel===r&&t.push(e.parse(o.sourcepos[0],o.sourcepos[1]))}))})),t},e.prototype.removeUnlinkedCandidate=function(){l.isEmptyObj(this.refDefCandidateMap)||[this.refLinkCandidateMap,this.refDefCandidateMap].forEach((function(e){l.iterateObject(e,(function(t){a.isUnlinked(t)&&delete e[t]}))}))},e.prototype.editMarkdown=function(e,t,r){var n=this.updateLineTexts(e,t,r),i=this.frontMatter?this.parseWithFrontMatter(e,t,n):this.parse(e,t,n),o=l.omit(i,"nextNode");a.updateNextLineNumbers(i.nextNode,n),this.updateRootNodeState();var s=[o];return this.referenceDefinition&&(this.removeUnlinkedCandidate(),this.replaceWithRefDefCandidate(),s=s.concat(this.parseRefLink())),this.trigger("change",s),s},e.prototype.getLineTexts=function(){return this.lineTexts},e.prototype.getRootNode=function(){return this.root},e.prototype.findNodeAtPosition=function(e){var t=a.findNodeAtPosition(this.root,e);return t&&t!==this.root?t:null},e.prototype.findFirstNodeAtLine=function(e){return a.findFirstNodeAtLine(this.root,e)},e.prototype.on=function(e,t){this.eventHandlerMap[e].push(t)},e.prototype.off=function(e,t){var r=this.eventHandlerMap[e],n=r.indexOf(t);r.splice(n,1)},e.prototype.findNodeById=function(e){return a.findNodeById(e)},e.prototype.removeAllNode=function(){o.removeAllNode()},e}();t.ToastMark=f},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getFrontMatterPos=t.replaceFrontMatter=t.frontMatterClose=t.frontMatterOpen=void 0,t.frontMatterOpen="{:f",t.frontMatterClose="f:}";var n=/^---$/,i=/^---$([\s\S]*)^---$/m;t.replaceFrontMatter=function(e){var r=e.trim();return/^---/.test(r)&&function(e){return i.test(e)}(r)?e.replace(i,t.frontMatterOpen+"$1"+t.frontMatterClose):e},t.getFrontMatterPos=function(e){for(var t=-1,r=-1,i=0;i0)break;n.test(o)&&(t<0?t=i:r=i)}return[t,r]}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Parser=void 0;var n=r(0),i=r(2),o=r(1),a=r(19),s=r(22),l=r(4),u=r(10),c=r(3),p=r(6),f=r(26),d=[/./,/<\/(?:script|pre|style)>/i,/-->/,/\?>/,/>/,/\]\]>/],h=/^[#`~*+_=<>0-9-]/,g=/\r\n|\n|\r/;function m(){return o.createNode("document",[[1,1],[0,0]])}var v={smart:!1,tagFilter:!1,extendedAutolinks:!1,disallowedHtmlBlockTags:[],referenceDefinition:!1,disallowDeepHeading:!1,customParser:null,frontMatter:!1},b=function(){function e(e){this.options=n.__assign(n.__assign({},v),e),this.doc=m(),this.tip=this.doc,this.oldtip=this.doc,this.lineNumber=0,this.offset=0,this.column=0,this.nextNonspace=0,this.nextNonspaceColumn=0,this.indent=0,this.currentLine="",this.indented=!1,this.blank=!1,this.partiallyConsumedTab=!1,this.allClosed=!0,this.lastMatchedContainer=this.doc,this.refMap={},this.refLinkCandidateMap={},this.refDefCandidateMap={},this.lastLineLength=0,this.options.frontMatter&&(this.options.customParser=n.__assign(n.__assign({},f.frontMatterParser),this.options.customParser)),this.inlineParser=new a.InlineParser(this.options)}return e.prototype.advanceOffset=function(e,t){void 0===t&&(t=!1);for(var r,n,i,o=this.currentLine;e>0&&(i=o[this.offset]);)"\t"===i?(r=4-this.column%4,t?(this.partiallyConsumedTab=r>e,n=r>e?e:r,this.column+=n,this.offset+=this.partiallyConsumedTab?0:1,e-=n):(this.partiallyConsumedTab=!1,this.column+=r,this.offset+=1,e-=1)):(this.partiallyConsumedTab=!1,this.offset+=1,this.column+=1,e-=1)},e.prototype.advanceNextNonspace=function(){this.offset=this.nextNonspace,this.column=this.nextNonspaceColumn,this.partiallyConsumedTab=!1},e.prototype.findNextNonspace=function(){for(var e,t=this.currentLine,r=this.offset,n=this.column;""!==(e=t.charAt(r));)if(" "===e)r++,n++;else{if("\t"!==e)break;r++,n+=4-n%4}this.blank="\n"===e||"\r"===e||""===e,this.nextNonspace=r,this.nextNonspaceColumn=n,this.indent=this.nextNonspaceColumn-this.column,this.indented=this.indent>=l.CODE_INDENT},e.prototype.addLine=function(){if(this.partiallyConsumedTab){this.offset+=1;var e=4-this.column%4;this.tip.stringContent+=i.repeat(" ",e)}this.tip.lineOffsets?this.tip.lineOffsets.push(this.offset):this.tip.lineOffsets=[this.offset],this.tip.stringContent+=this.currentLine.slice(this.offset)+"\n"},e.prototype.addChild=function(e,t){for(;!s.blockHandlers[this.tip.type].canContain(e);)this.finalize(this.tip,this.lineNumber-1);var r=t+1,n=o.createNode(e,[[this.lineNumber,r],[0,0]]);return n.stringContent="",this.tip.appendChild(n),this.tip=n,n},e.prototype.closeUnmatchedBlocks=function(){if(!this.allClosed){for(;this.oldtip!==this.lastMatchedContainer;){var e=this.oldtip.parent;this.finalize(this.oldtip,this.lineNumber-1),this.oldtip=e}this.allClosed=!0}},e.prototype.finalize=function(e,t){var r=e.parent;e.open=!1,e.sourcepos[1]=[t,this.lastLineLength],s.blockHandlers[e.type].finalize(this,e),this.tip=r},e.prototype.processInlines=function(e){var t,r=this.options.customParser,n=e.walker();for(this.inlineParser.refMap=this.refMap,this.inlineParser.refLinkCandidateMap=this.refLinkCandidateMap,this.inlineParser.refDefCandidateMap=this.refDefCandidateMap,this.inlineParser.options=this.options;t=n.next();){var i=t.node,o=t.entering,a=i.type;r&&r[a]&&r[a](i,{entering:o,options:this.options}),o||"paragraph"!==a&&"heading"!==a&&("tableCell"!==a||i.ignored)||this.inlineParser.parse(i)}},e.prototype.incorporateLine=function(e){var t=this.doc;this.oldtip=this.tip,this.offset=0,this.column=0,this.blank=!1,this.partiallyConsumedTab=!1,this.lineNumber+=1,-1!==e.indexOf("\0")&&(e=e.replace(/\0/g,"�")),this.currentLine=e;for(var r,n=!0;(r=t.lastChild)&&r.open;){switch(t=r,this.findNextNonspace(),s.blockHandlers[t.type].continue(this,t)){case 0:break;case 1:n=!1;break;case 2:return void(this.lastLineLength=e.length);default:throw new Error("continue returned illegal value, must be 0, 1, or 2")}if(!n){t=t.parent;break}}this.allClosed=t===this.oldtip,this.lastMatchedContainer=t;for(var i="paragraph"!==t.type&&s.blockHandlers[t.type].acceptsLines,a=u.blockStarts.length;!i;){if(this.findNextNonspace(),"table"!==t.type&&"tableBody"!==t.type&&"paragraph"!==t.type&&!this.indented&&!h.test(e.slice(this.nextNonspace))){this.advanceNextNonspace();break}for(var l=0;l=1&&t.htmlBlockType<=5&&d[t.htmlBlockType].test(this.currentLine.slice(this.offset))&&(this.lastLineLength=e.length,this.finalize(t,this.lineNumber))):this.offset`\\x00-\\x20]+|'[^']*'|\"[^\"]*\"))?)*\\s*/?>",t.CLOSETAG="]";var n="(?:"+t.OPENTAG+"|"+t.CLOSETAG+"|\x3c!----\x3e|\x3c!--(?:-?[^>-])(?:-?[^-])*--\x3e|[<][?].*?[?][>]|]*>|)";t.reHtmlTag=new RegExp("^"+n,"i")},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.blockStarts=t.reOrderedListMarker=t.reBulletListMarker=void 0;var n=r(1),i=r(9),o=r(4),a=r(25),s=/^`{3,}(?!.*`)|^~{3,}/,l=[/./,/^<(?:script|pre|style)(?:\s|>|$)/i,/^/g, '');
+    root.innerHTML = html;
+  } else {
+    root.appendChild(html);
+  }
+
+  removeUnnecessaryTags(root);
+  leaveOnlyWhitelistAttribute(root);
+  return _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].finalizeHtml(root, needHtmlText);
+}
+/**
+ * Removes unnecessary tags.
+ * @param {HTMLElement} html - root element
+ * @private
+ */
+
+
+function removeUnnecessaryTags(html) {
+  var removedTags = _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].findAll(html, 'script, iframe, textarea, form, button, select, input, meta, style, link, title, embed, object, details, summary');
+  removedTags.forEach(function (node) {
+    _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].remove(node);
+  });
+}
+/**
+ * Checks whether the attribute and value that causing XSS or not.
+ * @param {string} attrName - name of attribute
+ * @param {string} attrValue - value of attirbute
+ * @param {boolean} state
+ * @private
+ */
+
+
+function isXSSAttribute(attrName, attrValue) {
+  return attrName.match(XSS_ATTR_RX) && attrValue.match(XSS_VALUE_RX);
+}
+/**
+ * Removes attributes of blacklist from node.
+ * @param {HTMLElement} node - node to remove attributes
+ * @param {NamedNodeMap} blacklistAttrs - attributes of blacklist
+ * @private
+ */
+
+
+function removeBlacklistAttributes(node, blacklistAttrs) {
+  tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(blacklistAttrs).forEach(function (_ref) {
+    var name = _ref.name;
+
+    if (ON_EVENT_RX.test(name)) {
+      node[name] = null;
+    }
+
+    if (node.getAttribute(name)) {
+      node.removeAttribute(name);
+    }
+  });
+}
+/**
+ * Leaves only white list attributes.
+ * @param {HTMLElement} html - root element
+ * @private
+ */
+
+
+function leaveOnlyWhitelistAttribute(html) {
+  _utils_dom__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"].findAll(html, '*').forEach(function (node) {
+    var attributes = node.attributes;
+    var blacklist = tui_code_snippet_collection_toArray__WEBPACK_IMPORTED_MODULE_0___default()(attributes).filter(function (attr) {
+      var name = attr.name,
+          value = attr.value;
+      var htmlAttr = name.match(HTML_ATTR_LIST_RX);
+      var svgAttr = name.match(SVG_ATTR_LIST_RX);
+      var xssAttr = htmlAttr && isXSSAttribute(name, value);
+      return !htmlAttr && !svgAttr || xssAttr;
+    });
+    removeBlacklistAttributes(node, blacklist);
+  });
+}
+
+/* harmony default export */ __webpack_exports__["a"] = (htmlSanitizer);
+
+/***/ }),
+/* 26 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Execute the provided callback once for each property of object(or element of array) which actually exist.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+var forEachArray = __webpack_require__(21);
+var forEachOwnProperties = __webpack_require__(10);
+
+/**
+ * @module collection
+ */
+
+/**
+ * Execute the provided callback once for each property of object(or element of array) which actually exist.
+ * If the object is Array-like object(ex-arguments object), It needs to transform to Array.(see 'ex2' of example).
+ * If the callback function returns false, the loop will be stopped.
+ * Callback function(iteratee) is invoked with three arguments:
+ *  1) The value of the property(or The value of the element)
+ *  2) The name of the property(or The index of the element)
+ *  3) The object being traversed
+ * @param {Object} obj The object that will be traversed
+ * @param {function} iteratee Callback function
+ * @param {Object} [context] Context(this) of callback function
+ * @memberof module:collection
+ * @example
+ * var forEach = require('tui-code-snippet/collection/forEach'); // node, commonjs
+ *
+ * var sum = 0;
+ *
+ * forEach([1,2,3], function(value){
+ *     sum += value;
+ * });
+ * alert(sum); // 6
+ *
+ * // In case of Array-like object
+ * var array = Array.prototype.slice.call(arrayLike); // change to array
+ * forEach(array, function(value){
+ *     sum += value;
+ * });
+ */
+function forEach(obj, iteratee, context) {
+  if (isArray(obj)) {
+    forEachArray(obj, iteratee, context);
+  } else {
+    forEachOwnProperties(obj, iteratee, context);
+  }
+}
+
+module.exports = forEach;
+
+
+/***/ }),
+/* 27 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a function or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a function or not.
+ * If the given variable is a function, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is function?
+ * @memberof module:type
+ */
+function isFunction(obj) {
+  return obj instanceof Function;
+}
+
+module.exports = isFunction;
+
+
+/***/ }),
+/* 28 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is existing or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+var isNull = __webpack_require__(48);
+
+/**
+ * Check whether the given variable is existing or not.
+ * If the given variable is not null and not undefined, returns true.
+ * @param {*} param - Target for checking
+ * @returns {boolean} Is existy?
+ * @memberof module:type
+ * @example
+ * var isExisty = require('tui-code-snippet/type/isExisty'); // node, commonjs
+ *
+ * isExisty(''); //true
+ * isExisty(0); //true
+ * isExisty([]); //true
+ * isExisty({}); //true
+ * isExisty(null); //false
+ * isExisty(undefined); //false
+*/
+function isExisty(param) {
+  return !isUndefined(param) && !isNull(param);
+}
+
+module.exports = isExisty;
+
+
+/***/ }),
+/* 29 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getHTMLRenderConvertors; });
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var baseConvertors = {
+  paragraph: function paragraph(node, _ref) {
+    var entering = _ref.entering,
+        origin = _ref.origin,
+        options = _ref.options;
+    var nodeId = options.nodeId,
+        _options$customProp = options.customProp,
+        customProp = _options$customProp === void 0 ? {} : _options$customProp;
+    var showFrontMatter = customProp.showFrontMatter && node.customType; // prevent paragraph from being removed when it's child of tight list item
+    // to show highlight style in live-preview mode
+
+    if (nodeId && !node.customType || showFrontMatter) {
+      return {
+        type: entering ? 'openTag' : 'closeTag',
+        outerNewLine: true,
+        tagName: 'p'
+      };
+    }
+
+    return origin();
+  },
+  softbreak: function softbreak(node) {
+    var isPrevNodeHTML = node.prev && node.prev.type === 'htmlInline';
+    var isPrevBR = isPrevNodeHTML && /
        /.test(node.prev.literal);
+    var content = isPrevBR ? '\n' : '
        \n';
+    return {
+      type: 'html',
+      content: content
+    };
+  },
+  item: function item(node, _ref2) {
+    var entering = _ref2.entering;
+
+    if (entering) {
+      var attributes = {};
+      var classNames = [];
+
+      if (node.listData.task) {
+        attributes['data-te-task'] = '';
+        classNames.push('task-list-item');
+
+        if (node.listData.checked) {
+          classNames.push('checked');
+        }
+      }
+
+      return {
+        type: 'openTag',
+        tagName: 'li',
+        classNames: classNames,
+        attributes: attributes,
+        outerNewLine: true
+      };
+    }
+
+    return {
+      type: 'closeTag',
+      tagName: 'li',
+      outerNewLine: true
+    };
+  },
+  code: function code(node) {
+    var attributes = {
+      'data-backticks': node.tickCount
+    };
+    return [{
+      type: 'openTag',
+      tagName: 'code',
+      attributes: attributes
+    }, {
+      type: 'text',
+      content: node.literal
+    }, {
+      type: 'closeTag',
+      tagName: 'code'
+    }];
+  },
+  codeBlock: function codeBlock(node) {
+    var infoWords = node.info ? node.info.split(/\s+/) : [];
+    var preClasses = [];
+    var codeAttrs = {};
+
+    if (node.fenceLength > 3) {
+      codeAttrs['data-backticks'] = node.fenceLength;
+    }
+
+    if (infoWords.length > 0 && infoWords[0].length > 0) {
+      var lang = infoWords[0];
+      preClasses.push("lang-" + lang);
+      codeAttrs['data-language'] = lang;
+    }
+
+    return [{
+      type: 'openTag',
+      tagName: 'pre',
+      classNames: preClasses
+    }, {
+      type: 'openTag',
+      tagName: 'code',
+      attributes: codeAttrs
+    }, {
+      type: 'text',
+      content: node.literal
+    }, {
+      type: 'closeTag',
+      tagName: 'code'
+    }, {
+      type: 'closeTag',
+      tagName: 'pre'
+    }];
+  }
+};
+function getHTMLRenderConvertors(linkAttribute, customConvertors) {
+  var convertors = _extends({}, baseConvertors);
+
+  if (linkAttribute) {
+    convertors.link = function (_, _ref3) {
+      var entering = _ref3.entering,
+          origin = _ref3.origin;
+      var result = origin();
+
+      if (entering) {
+        result.attributes = _extends({}, result.attributes, linkAttribute);
+      }
+
+      return result;
+    };
+  }
+
+  if (customConvertors) {
+    Object.keys(customConvertors).forEach(function (nodeType) {
+      var orgConvertor = convertors[nodeType];
+      var customConvertor = customConvertors[nodeType];
+
+      if (orgConvertor) {
+        convertors[nodeType] = function (node, context) {
+          var newContext = _extends({}, context);
+
+          newContext.origin = function () {
+            return orgConvertor(node, context);
+          };
+
+          return customConvertor(node, newContext);
+        };
+      } else {
+        convertors[nodeType] = customConvertor;
+      }
+    });
+  }
+
+  return convertors;
+}
+
+/***/ }),
+/* 30 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export CodeBlockManager */
+/**
+ * @fileoverview Implements CodeBlockManager
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Code Block Manager
+ */
+var CodeBlockManager = /*#__PURE__*/function () {
+  function CodeBlockManager() {
+    this._replacers = {};
+  }
+  /**
+   * Set replacer for code block
+   * @param {string} language - code block language
+   * @param {function} replacer - replacer function to code block element
+   */
+
+
+  var _proto = CodeBlockManager.prototype;
+
+  _proto.setReplacer = function setReplacer(language, replacer) {
+    language = language.toLowerCase();
+    this._replacers[language] = replacer;
+  }
+  /**
+   * get replacer for code block
+   * @param {string} language - code block type
+   * @returns {function} - replacer function
+   */
+  ;
+
+  _proto.getReplacer = function getReplacer(language) {
+    return this._replacers[language];
+  }
+  /**
+   * Create code block html.
+   * @param {string} language - code block language
+   * @param {string} codeText - code text
+   * @returns {string}
+   */
+  ;
+
+  _proto.createCodeBlockHtml = function createCodeBlockHtml(language, codeText) {
+    language = language.toLowerCase();
+    var replacer = this.getReplacer(language);
+
+    if (replacer) {
+      return replacer(codeText, language);
+    }
+
+    return escape(codeText, false);
+  };
+
+  return CodeBlockManager;
+}();
+/**
+ * escape code from markdown-it
+ * @param {string} html HTML string
+ * @param {string} encode Boolean value of whether encode or not
+ * @returns {string}
+ * @ignore
+ */
+
+
+function escape(html, encode) {
+  return html.replace(!encode ? /&(?!#?\w+;)/g : /&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/'/g, ''');
+}
+
+
+/* harmony default export */ __webpack_exports__["a"] = (new CodeBlockManager());
+
+/***/ }),
+/* 31 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return invokePlugins; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getPluginInfo; });
+/* harmony import */ var tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17);
+/* harmony import */ var tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(27);
+/* harmony import */ var tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1__);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+
+
+/**
+ * Invoke plugins
+ * @param {Array.} plugins - list of plugin function only or
+ *                                  plugin function with options
+ * @param {Editor|Viewer} editor - editor or viewer instance
+ */
+
+function invokePlugins(plugins, editor) {
+  plugins.forEach(function (plugin) {
+    if (tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(plugin)) {
+      plugin(editor);
+    } else if (tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin)) {
+      var pluginFn = plugin[0],
+          _plugin$ = plugin[1],
+          options = _plugin$ === void 0 ? {} : _plugin$;
+      pluginFn(editor, options);
+    }
+  });
+}
+/**
+ * Get plugin info
+ * @param {Array.} plugins - list of plugin function only or
+ *                                  plugin function with options
+ * @returns {Object} - plugin info
+ */
+
+function getPluginInfo(plugins) {
+  if (!plugins) {
+    return {};
+  }
+
+  return plugins.reduce(function (acc, plugin) {
+    var pluginInfo = tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin) ? plugin[0] : plugin;
+
+    if (!tui_code_snippet_type_isFunction__WEBPACK_IMPORTED_MODULE_1___default()(pluginInfo)) {
+      var renderer = pluginInfo.renderer,
+          parser = pluginInfo.parser,
+          pluginFn = pluginInfo.pluginFn;
+      plugin = tui_code_snippet_type_isArray__WEBPACK_IMPORTED_MODULE_0___default()(plugin) ? [pluginFn, plugin[1]] : pluginFn;
+
+      if (renderer) {
+        acc.renderer = _extends({}, acc.renderer, renderer);
+      }
+
+      if (parser) {
+        acc.parser = _extends({}, acc.parser, parser);
+      }
+    }
+
+    acc.plugins.push(plugin);
+    return acc;
+  }, {
+    plugins: [],
+    renderer: {},
+    parser: {}
+  });
+}
+
+/***/ }),
+/* 32 */
+/***/ (function(module, exports, __webpack_require__) {
+
+/*!
+ * to-mark
+ * @version 1.0.1 | Tue Nov 24 2020
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(true)
+		module.exports = factory();
+	else {}
+})(window, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./src/domRunner.js
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements DomRunner
+ * @author NHN Ent. FE Development Lab 
+ */
+var NODE = {
+  ELEMENT_NODE: 1,
+  ATTRIBUTE_NODE: 2,
+  TEXT_NODE: 3
+};
+/**
+ * DomRunner
+ * @param {HTMLElement} node A root node that it has nodes to iterate(not iterate itself and its any siblings)
+ * @class
+ */
+
+var DomRunner = /*#__PURE__*/function () {
+  function DomRunner(node) {
+    this._normalizeTextChildren(node);
+
+    this._root = node;
+    this._current = node;
+  }
+  /**
+   * Iterate next node
+   * @returns {HTMLElement} next node
+   */
+
+
+  var _proto = DomRunner.prototype;
+
+  _proto.next = function next() {
+    var current = this._current;
+    var node;
+
+    if (this._current) {
+      node = this._getNextNode(current);
+
+      while (this._isNeedNextSearch(node, current)) {
+        current = current.parentNode;
+        node = current.nextSibling;
+      }
+
+      this._current = node;
+    }
+
+    return this._current;
+  }
+  /**
+   * Return current node
+   * @returns {HTMLElement} current node
+   */
+  ;
+
+  _proto.getNode = function getNode() {
+    this._normalizeTextChildren(this._current);
+
+    return this._current;
+  };
+
+  _proto._normalizeTextChildren = function _normalizeTextChildren(node) {
+    if (!node || node.childNodes.length < 2) {
+      return;
+    }
+
+    var childNode = node.firstChild;
+    var nextNode;
+
+    while (childNode.nextSibling) {
+      nextNode = childNode.nextSibling;
+
+      if (childNode.nodeType === NODE.TEXT_NODE && nextNode.nodeType === NODE.TEXT_NODE) {
+        childNode.nodeValue += nextNode.nodeValue;
+        node.removeChild(nextNode);
+      } else {
+        childNode = nextNode;
+      }
+    }
+  }
+  /**
+   * Get current node's text content
+   * @returns {string} text
+   */
+  ;
+
+  _proto.getNodeText = function getNodeText() {
+    var node = this.getNode();
+    var text;
+
+    if (node.nodeType === NODE.TEXT_NODE) {
+      text = node.nodeValue;
+    } else {
+      text = node.textContent || node.innerText;
+    }
+
+    return text;
+  }
+  /**
+   * Check if there is next node to iterate
+   * @private
+   * @param {HTMLElement} node next node
+   * @param {HTMLElement} current next node
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto._isNeedNextSearch = function _isNeedNextSearch(node, current) {
+    return !node && current !== this._root && current.parentNode !== this._root;
+  }
+  /**
+   * Return available next node
+   * @private
+   * @param {HTMLElement} current current node
+   * @returns {node} next node
+   */
+  ;
+
+  _proto._getNextNode = function _getNextNode(current) {
+    return current.firstChild || current.nextSibling;
+  };
+
+  return DomRunner;
+}();
+
+_defineProperty(DomRunner, "NODE_TYPE", NODE);
+
+
+// CONCATENATED MODULE: ./src/toDom.js
+/**
+ * @fileoverview Implements toDom
+ * @author NHN Ent. FE Development Lab 
+ */
+var FIND_FIRST_LAST_SPACE_OR_RETURN_OR_TAB_RX = /^[\s\r\n\t]+|[\s\r\n\t]+$/g;
+var FIND_RETURN_OR_TAB_BETWEEN_TAGS_RX = />[\r\n\t]+[ ]+<'); // remove spaces more than 1(if need more space, must use  )
+
+  html = html.replace(FIND_WHOLE_SPACE_MORE_THAN_ONE_BETWEEN_TAGS_RX, '> <');
+  return html;
+}
+
+toDom.preProcess = preProcess;
+// CONCATENATED MODULE: ./src/renderer.js
+function renderer_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements Renderer
+ * @author NHN Ent. FE Development Lab 
+ */
+var FIND_LEAD_SPACE_RX = /^\u0020/;
+var FIND_TRAIL_SPACE_RX = /.+\u0020$/;
+var FIND_SPACE_RETURN_TAB_RX = /[\n\s\t]+/g;
+var FIND_CHAR_TO_TRIM_RX = /^[\u0020\r\n\t]+|[\u0020\r\n\t]+$/g; // find first and last characters for trim
+
+var FIND_SPACE_MORE_THAN_ONE_RX = /[\u0020]+/g; // find space more than one
+
+var FIND_CHAR_TO_ESCAPE_RX = /[>(){}[\]+-.!#|]/g; // find characters that need escape
+
+var FIND_CHAR_TO_ESCAPE_IN_LINK_RX = /[[\]]/g; // find characters to be escaped in links or images
+
+var FIND_MARKDOWN_IMAGE_SYNTAX_RX = /!\[.*\]\(.*\)/g; // find markdown image syntax
+
+var TEXT_NODE = 3;
+/**
+ * Iterate properties of object
+ * from https://github.com/nhnent/fe.code-snippet/blob/master/src/collection.js
+ * @param {object} obj object to iterate
+ * @param {function} iteratee callback function
+ * @param {*} [context] context of callback
+ */
+
+function forEachOwnProperties(obj, iteratee, context) {
+  var key;
+  context = context || null;
+
+  for (key in obj) {
+    if (obj.hasOwnProperty(key)) {
+      if (iteratee.call(context, obj[key], key, obj) === false) {
+        break;
+      }
+    }
+  }
+}
+/**
+ * Whether if inline node or not
+ * @param {Node} node Element
+ * @returns {boolean}
+ */
+// eslint-disable-next-line complexity
+
+
+function isInlineNode(node) {
+  var tag = node.tagName;
+  return tag === 'S' || tag === 'B' || tag === 'I' || tag === 'EM' || tag === 'STRONG' || tag === 'A' || tag === 'IMG' || tag === 'CODE';
+}
+/**
+ * Returns HTML string of an element using given subContent
+ * @param {Node} node Element
+ * @param {string} subContent string content of node
+ * @returns {string}
+ */
+
+
+function getRawHtmlString(node, subContent) {
+  var tempNode = node.cloneNode(false);
+  tempNode.innerHTML = subContent;
+  return tempNode.outerHTML;
+}
+/**
+ * Clone rules
+ * @param {object} destination object for apply rules
+ * @param {object} source source object for clone rules
+ */
+
+
+function cloneRules(destination, source) {
+  forEachOwnProperties(source, function (value, key) {
+    if (key !== 'converter') {
+      if (!destination[key]) {
+        destination[key] = {};
+      }
+
+      cloneRules(destination[key], value);
+    } else {
+      destination[key] = value;
+    }
+  });
+}
+/**
+ * Renderer
+ * @param {object} [rules] rules to add
+ * @class
+ */
+
+
+var Renderer = /*#__PURE__*/function () {
+  function Renderer(rules) {
+    this.rules = {};
+    /**
+     * Line feed replacement text
+     * @type string
+     */
+
+    this.lineFeedReplacement = "\u200B\u200B";
+
+    if (rules) {
+      this.addRules(rules);
+    }
+  }
+  /**
+   * Add rule
+   * @param {string} selectorString rule selector
+   * @param {function} converter converter function
+   */
+
+
+  var _proto = Renderer.prototype;
+
+  _proto.addRule = function addRule(selectorString, converter) {
+    var selectors = selectorString.split(', ');
+    var selector = selectors.pop();
+    converter.fname = selectorString;
+
+    while (selector) {
+      this._setConverterWithSelector(selector, converter);
+
+      selector = selectors.pop();
+    }
+  }
+  /**
+   * Add rules using object
+   * @param {object} rules key(rule selector), value(converter function)
+   */
+  ;
+
+  _proto.addRules = function addRules(rules) {
+    forEachOwnProperties(rules, function (converter, selectorString) {
+      this.addRule(selectorString, converter);
+    }, this);
+  }
+  /**
+   * Remove flanked space of dom node
+   * @param {string} content text content
+   * @param {HTMLElement} node current node
+   * @returns {string} result
+   */
+  // eslint-disable-next-line complexity
+  ;
+
+  _proto.getSpaceControlled = function getSpaceControlled(content, node) {
+    var lead = '';
+    var trail = '';
+    var text;
+
+    if (node.previousSibling && (node.previousSibling.nodeType === TEXT_NODE || isInlineNode(node.previousSibling))) {
+      text = node.previousSibling.innerHTML || node.previousSibling.nodeValue;
+
+      if (FIND_TRAIL_SPACE_RX.test(text) || FIND_LEAD_SPACE_RX.test(node.innerHTML || node.nodeValue)) {
+        lead = ' ';
+      }
+    }
+
+    if (node.nextSibling && (node.nextSibling.nodeType === TEXT_NODE || isInlineNode(node.nextSibling))) {
+      text = node.nextSibling.innerHTML || node.nextSibling.nodeValue;
+
+      if (FIND_LEAD_SPACE_RX.test(text) || FIND_TRAIL_SPACE_RX.test(node.innerHTML || node.nodeValue)) {
+        trail = ' ';
+      }
+    }
+
+    return lead + content + trail;
+  }
+  /**
+   * Convert dom node to markdown using dom node and subContent
+   * @param {HTMLElement} node node to convert
+   * @param {string} subContent child nodes converted text
+   * @returns {string} converted text
+   */
+  // eslint-disable-next-line complexity
+  ;
+
+  _proto.convert = function convert(node, subContent) {
+    var result;
+
+    var converter = this._getConverter(node);
+
+    if (node && node.nodeType === Node.ELEMENT_NODE && node.hasAttribute('data-tomark-pass')) {
+      node.removeAttribute('data-tomark-pass');
+      result = getRawHtmlString(node, subContent);
+    } else if (converter) {
+      result = converter.call(this, node, subContent);
+    } else if (node) {
+      result = this.getSpaceControlled(this._getInlineHtml(node, subContent), node);
+    }
+
+    return result || '';
+  };
+
+  _proto._getInlineHtml = function _getInlineHtml(node, subContent) {
+    var html = node.outerHTML;
+    var tagName = node.tagName;
+    var escapedSubContent = subContent.replace(/\$/g, '$$$$'); // escape $: replace all $ char to $$ before we throw this string to replace
+
+    return html.replace(new RegExp("(<" + tagName + " ?.*?>).*()", 'i'), "$1" + escapedSubContent + "$2");
+  }
+  /**
+   * Get converter function for node
+   * @private
+   * @param {HTMLElement} node node
+   * @returns {function} converter function
+   */
+  ;
+
+  _proto._getConverter = function _getConverter(node) {
+    var rulePointer = this.rules;
+    var converter;
+
+    while (node && rulePointer) {
+      rulePointer = this._getNextRule(rulePointer, this._getRuleNameFromNode(node));
+      node = this._getPrevNode(node);
+
+      if (rulePointer && rulePointer.converter) {
+        converter = rulePointer.converter;
+      }
+    }
+
+    return converter;
+  }
+  /**
+   * Get next rule object
+   * @private
+   * @param {object} ruleObj rule object
+   * @param {string} ruleName rule tag name to find
+   * @returns {object} rule Object
+   */
+  ;
+
+  _proto._getNextRule = function _getNextRule(ruleObj, ruleName) {
+    return ruleObj[ruleName];
+  }
+  /**
+   * Get proper rule tag name from node
+   * @private
+   * @param {HTMLElement} node node
+   * @returns {string} rule tag name
+   */
+  ;
+
+  _proto._getRuleNameFromNode = function _getRuleNameFromNode(node) {
+    return node.tagName || 'TEXT_NODE';
+  }
+  /**
+   * Get node's available parent node
+   * @private
+   * @param {HTMLElement} node node
+   * @returns {HTMLElement | undefined} result
+   */
+  ;
+
+  _proto._getPrevNode = function _getPrevNode(node) {
+    var parentNode = node.parentNode;
+    var previousNode;
+
+    if (parentNode && !parentNode.__htmlRootByToMark) {
+      previousNode = parentNode;
+    }
+
+    return previousNode;
+  }
+  /**
+   * Set converter for selector
+   * @private
+   * @param {string} selectors rule selector
+   * @param {function} converter converter function
+   */
+  ;
+
+  _proto._setConverterWithSelector = function _setConverterWithSelector(selectors, converter) {
+    var rulePointer = this.rules;
+
+    this._eachSelector(selectors, function (ruleElem) {
+      if (!rulePointer[ruleElem]) {
+        rulePointer[ruleElem] = {};
+      }
+
+      rulePointer = rulePointer[ruleElem];
+    });
+
+    rulePointer.converter = converter;
+  }
+  /**
+   * Iterate each selectors
+   * @private
+   * @param {string} selectors rule selectors
+   * @param {function} iteratee callback
+   */
+  ;
+
+  _proto._eachSelector = function _eachSelector(selectors, iteratee) {
+    var selectorArray = selectors.split(' ');
+    var selectorIndex = selectorArray.length - 1;
+
+    while (selectorIndex >= 0) {
+      iteratee(selectorArray[selectorIndex]);
+      selectorIndex -= 1;
+    }
+  }
+  /**
+   * Trim text
+   * @param {string} text text be trimed
+   * @returns {string} trimed text
+   */
+  ;
+
+  _proto.trim = function trim(text) {
+    return text.replace(FIND_CHAR_TO_TRIM_RX, '');
+  }
+  /**
+   * Returns whether text empty or not
+   * @param {string} text text be checked
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isEmptyText = function isEmptyText(text) {
+    return text.replace(FIND_SPACE_RETURN_TAB_RX, '') === '';
+  }
+  /**
+   * Collape space more than 2
+   * @param {string} text text be collapsed
+   * @returns {string} result
+   */
+  ;
+
+  _proto.getSpaceCollapsedText = function getSpaceCollapsedText(text) {
+    return text.replace(FIND_SPACE_MORE_THAN_ONE_RX, ' ');
+  }
+  /**
+   * Apply backslash escape to text
+   * @param {string} text text be processed
+   * @returns {string} processed text
+   */
+  ;
+
+  _proto.escapeText = function escapeText(text) {
+    return text.replace(FIND_CHAR_TO_ESCAPE_RX, function (matched) {
+      return "\\" + matched;
+    });
+  }
+  /**
+   * Escape given text for link
+   * @param {string} text - text be processed
+   * @returns {string} - processed text
+   */
+  ;
+
+  _proto.escapeTextForLink = function escapeTextForLink(text) {
+    var imageSyntaxRanges = [];
+    var result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(text);
+
+    while (result) {
+      imageSyntaxRanges.push([result.index, result.index + result[0].length]);
+      result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(text);
+    }
+
+    return text.replace(FIND_CHAR_TO_ESCAPE_IN_LINK_RX, function (matched, offset) {
+      var isDelimiter = imageSyntaxRanges.some(function (range) {
+        return offset > range[0] && offset < range[1];
+      });
+      return isDelimiter ? matched : "\\" + matched;
+    });
+  }
+  /**
+   * Backslash escape to text for html
+   * Apply backslash escape to text
+   * @param {string} text text be processed
+   * @returns {string} processed text
+   */
+  ;
+
+  _proto.escapeTextHtml = function escapeTextHtml(text) {
+    return text.replace(new RegExp(Renderer.markdownTextToEscapeHtmlRx.source, 'g'), function (matched) {
+      return "\\" + matched;
+    });
+  }
+  /**
+   * Backslash is using for escape ASCII punctuation character.
+   * https://spec.commonmark.org/0.29/#backslash-escapes
+   * If user input backslash as text, backslash is kept by inserting backslash.
+   * For example, if input text is "\$", this text is changed "\\$"
+   * @param {string} text text be processed
+   * @returns {string} processed text
+   */
+  ;
+
+  _proto.escapeTextBackSlash = function escapeTextBackSlash(text) {
+    return text.replace(new RegExp(Renderer.markdownTextToEscapeBackSlashRx.source, 'g'), function (matched) {
+      return "\\" + matched;
+    });
+  }
+  /**
+   * Escapes in markdown paired characters
+   * @param {string} text Text to escape
+   * @returns {string} escaped text
+   */
+  ;
+
+  _proto.escapePairedCharacters = function escapePairedCharacters(text) {
+    return text.replace(new RegExp(Renderer.markdownTextToEscapePairedCharsRx.source, 'g'), function (matched) {
+      return "\\" + matched;
+    });
+  };
+
+  _proto._isNeedEscape = function _isNeedEscape(text) {
+    var res = false;
+    var markdownTextToEscapeRx = Renderer.markdownTextToEscapeRx;
+    var type;
+
+    for (type in markdownTextToEscapeRx) {
+      if (markdownTextToEscapeRx.hasOwnProperty(type) && markdownTextToEscapeRx[type].test(text)) {
+        res = true;
+        break;
+      }
+    }
+
+    return res;
+  };
+
+  _proto._isNeedEscapeHtml = function _isNeedEscapeHtml(text) {
+    return Renderer.markdownTextToEscapeHtmlRx.test(text);
+  };
+
+  _proto._isNeedEscapeBackSlash = function _isNeedEscapeBackSlash(text) {
+    return Renderer.markdownTextToEscapeBackSlashRx.test(text);
+  };
+
+  _proto.mix = function mix(renderer) {
+    cloneRules(this.rules, renderer.rules);
+  }
+  /**
+   * Renderer factory
+   * Return new renderer
+   * @param {Renderer} srcRenderer renderer to extend
+   * @param {object} rules rule object, key(rule selector), value(converter function)
+   * @returns {Renderer} renderer
+   */
+  ;
+
+  Renderer.factory = function factory(srcRenderer, rules) {
+    var renderer = new Renderer();
+
+    if (!rules) {
+      rules = srcRenderer;
+    } else {
+      renderer.mix(srcRenderer);
+    }
+
+    renderer.addRules(rules);
+    return renderer;
+  };
+
+  return Renderer;
+}();
+
+renderer_defineProperty(Renderer, "markdownTextToEscapeRx", {
+  codeblock: /(^ {4}[^\n]+\n*)+/,
+  hr: /^ *((\* *){3,}|(- *){3,} *|(_ *){3,}) */,
+  heading: /^(#{1,6}) +[\s\S]+/,
+  lheading: /^([^\n]+)\n *(=|-){2,} */,
+  blockquote: /^( *>[^\n]+.*)+/,
+  list: /^ *(\*+|-+|\d+\.) [\s\S]+/,
+  def: /^ *\[([^\]]+)\]: *]+)>?(?: +["(]([^\n]+)[")])? */,
+  link: /!?\[.*\]\(.*\)/,
+  reflink: /!?\[.*\]\s*\[([^\]]*)\]/,
+  verticalBar: /\u007C/,
+  codeblockGfm: /^(`{3,})/,
+  codeblockTildes: /^(~{3,})/
+});
+
+renderer_defineProperty(Renderer, "markdownTextToEscapeHtmlRx", /<([a-zA-Z_][a-zA-Z0-9\-._]*)(\s|[^\\/>])*\/?>|<(\/)([a-zA-Z_][a-zA-Z0-9\-._]*)\s*\/?>||<([a-zA-Z_][a-zA-Z0-9\-.:/]*)>/);
+
+renderer_defineProperty(Renderer, "markdownTextToEscapeBackSlashRx", /\\[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~\\]/);
+
+renderer_defineProperty(Renderer, "markdownTextToEscapePairedCharsRx", /[*_~`]/);
+
+
+// CONCATENATED MODULE: ./src/renderer.basic.js
+/**
+ * @fileoverview Implements basicRenderer
+ * @author NHN Ent. FE Development Lab 
+ */
+
+var FIND_LAST_RETURN_RX = /\n$/g;
+var FIND_BR_AND_RETURN_RX = /[ \xA0]+\n\n/g;
+var FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX = /([ \xA0]+\n){2,}/g;
+var FIND_LINK_HREF = /href="(.*?)"/;
+var START_OF_LINES_RX = /^/gm;
+/**
+ * Basic Markdown Renderer
+ * @exports basicRenderer
+ * @augments Renderer
+ */
+
+/* harmony default export */ var renderer_basic = (Renderer.factory({
+  // inlines
+  TEXT_NODE: function TEXT_NODE(node) {
+    var managedText = this.trim(this.getSpaceCollapsedText(node.nodeValue));
+
+    if (this._isNeedEscapeBackSlash(managedText)) {
+      managedText = this.escapeTextBackSlash(managedText);
+    }
+
+    managedText = this.escapePairedCharacters(managedText);
+
+    if (this._isNeedEscapeHtml(managedText)) {
+      managedText = this.escapeTextHtml(managedText);
+    }
+
+    if (this._isNeedEscape(managedText)) {
+      managedText = this.escapeText(managedText);
+    }
+
+    return this.getSpaceControlled(managedText, node);
+  },
+  'CODE TEXT_NODE': function CODETEXT_NODE(node) {
+    return node.nodeValue;
+  },
+  'EM, I': function EMI(node, subContent) {
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      res = "*" + subContent + "*";
+    }
+
+    return res;
+  },
+  'STRONG, B': function STRONGB(node, subContent) {
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      res = "**" + subContent + "**";
+    }
+
+    return res;
+  },
+  A: function A(node, subContent) {
+    var res = subContent;
+    var title = '';
+    var url; // "href" attribute is difficult to predict depending on the situation
+    // so use as it is applied to html
+
+    var foundedHref = FIND_LINK_HREF.exec(node.outerHTML);
+
+    if (foundedHref) {
+      url = foundedHref[1].replace(/&/g, '&');
+    }
+
+    if (node.title) {
+      title = " \"" + node.title + "\"";
+    }
+
+    if (!this.isEmptyText(subContent) && url) {
+      res = "[" + this.escapeTextForLink(subContent) + "](" + url + title + ")";
+    }
+
+    return res;
+  },
+  IMG: function IMG(node) {
+    var src = node.getAttribute('src');
+    var alt = node.alt;
+
+    if (src) {
+      return "![" + this.escapeTextForLink(alt) + "](" + src + ")";
+    }
+
+    return '';
+  },
+  BR: function BR() {
+    return '  \n';
+  },
+  CODE: function CODE(node, subContent) {
+    var backticks, numBackticks;
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      numBackticks = parseInt(node.getAttribute('data-backticks'), 10);
+      backticks = isNaN(numBackticks) ? '`' : Array(numBackticks + 1).join('`');
+      res = backticks + subContent + backticks;
+    }
+
+    return res;
+  },
+  // Paragraphs
+  P: function P(node, subContent) {
+    var res = ''; // convert multiple brs to one br
+
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '  \n');
+
+    if (!this.isEmptyText(subContent)) {
+      res = "\n\n" + subContent + "\n\n";
+    }
+
+    return res;
+  },
+  'BLOCKQUOTE P': function BLOCKQUOTEP(node, subContent) {
+    return subContent;
+  },
+  'LI P': function LIP(node, subContent) {
+    var res = '';
+
+    if (!this.isEmptyText(subContent)) {
+      res = subContent;
+    }
+
+    return res;
+  },
+  // Headings
+  'H1, H2, H3, H4, H5, H6': function H1H2H3H4H5H6(node, subContent) {
+    var res = '';
+    var headingNumber = parseInt(node.tagName.charAt(1), 10);
+
+    while (headingNumber) {
+      res += '#';
+      headingNumber -= 1;
+    }
+
+    res += ' ';
+    res += subContent;
+    return "\n\n" + res + "\n\n";
+  },
+  'LI H1, LI H2, LI H3, LI H4, LI H5, LI H6': function LIH1LIH2LIH3LIH4LIH5LIH6(node, subContent) {
+    var headingNumber = parseInt(node.tagName.charAt(1), 10);
+    return Array(headingNumber + 1).join('#') + " " + subContent;
+  },
+  // List
+  'UL, OL': function ULOL(node, subContent) {
+    return "\n\n" + subContent + "\n\n";
+  },
+  'LI OL, LI UL': function LIOLLIUL(node, subContent) {
+    var processedSubContent; // remove last br of li
+
+    processedSubContent = subContent.replace(FIND_BR_AND_RETURN_RX, '\n'); // parent LI converter add \n too, so we remove last return
+
+    processedSubContent = processedSubContent.replace(FIND_LAST_RETURN_RX, '');
+    var res = processedSubContent.replace(START_OF_LINES_RX, '    ');
+    return "\n" + res;
+  },
+  'UL LI': function ULLI(node, subContent) {
+    var res = ''; // convert multiple brs to one br
+
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '  \n');
+
+    if (node.firstChild && node.firstChild.tagName === 'P') {
+      res += '\n';
+    }
+
+    res += "* " + subContent + "\n";
+    return res;
+  },
+  // eslint-disable-next-line complexity
+  'OL LI': function OLLI(node, subContent) {
+    var res = '';
+    var liCounter = parseInt(node.parentNode.getAttribute('start') || 1, 10);
+
+    while (node.previousSibling) {
+      node = node.previousSibling;
+
+      if (node.nodeType === 1 && node.tagName === 'LI') {
+        liCounter += 1;
+      }
+    } // convert multiple brs to one br
+
+
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '  \n');
+
+    if (node.firstChild && node.firstChild.tagName === 'P') {
+      res += '\n';
+    }
+
+    res += liCounter + ". " + subContent + "\n";
+    return res;
+  },
+  // HR
+  HR: function HR() {
+    return '\n\n- - -\n\n';
+  },
+  // Blockquote
+  BLOCKQUOTE: function BLOCKQUOTE(node, subContent) {
+    // convert multiple brs to one emptyline
+    subContent = subContent.replace(FIND_MULTIPLE_EMPTYLINE_BETWEEN_TEXT_RX, '\n\n');
+    var trimmedText = this.trim(subContent);
+    var res = trimmedText.replace(START_OF_LINES_RX, '> ');
+    return "\n\n" + res + "\n\n";
+  },
+  // Code Block
+  'PRE CODE': function PRECODE(node, subContent) {
+    var lastNremoved = subContent.replace(FIND_LAST_RETURN_RX, '');
+    var res = lastNremoved.replace(START_OF_LINES_RX, '    ');
+    return "\n\n" + res + "\n\n";
+  }
+}));
+// CONCATENATED MODULE: ./src/renderer.gfm.js
+/**
+ * @fileoverview Implements Github flavored markdown renderer
+ * @author NHN Ent. FE Development Lab 
+ */
+
+
+/**
+ * gfmRenderer
+ * github flavored Markdown Renderer
+ *
+ * we didnt render gfm br here because we need distingush returns that made by block with br
+ * so we render gfm br later in toMark.js finalize function
+ * @exports gfmRenderer
+ * @augments Renderer
+ */
+
+/* harmony default export */ var renderer_gfm = (Renderer.factory(renderer_basic, {
+  'DEL, S': function DELS(node, subContent) {
+    return "~~" + subContent + "~~";
+  },
+  'PRE CODE': function PRECODE(node, subContent) {
+    var language = '';
+    var numberOfBackticks = node.getAttribute('data-backticks');
+
+    if (node.getAttribute('data-language')) {
+      language = " " + node.getAttribute('data-language');
+    }
+
+    numberOfBackticks = parseInt(numberOfBackticks, 10);
+    var backticks = isNaN(numberOfBackticks) ? '```' : Array(numberOfBackticks + 1).join('`');
+    subContent = subContent.replace(/(\r\n)|(\r)|(\n)/g, this.lineFeedReplacement);
+    return "\n\n" + backticks + language + "\n" + subContent + "\n" + backticks + "\n\n";
+  },
+  PRE: function PRE(node, subContent) {
+    return subContent;
+  },
+  'UL LI': function ULLI(node, subContent) {
+    return renderer_basic.convert(node, makeTaskIfNeed(node, subContent));
+  },
+  'OL LI': function OLLI(node, subContent) {
+    return renderer_basic.convert(node, makeTaskIfNeed(node, subContent));
+  },
+  // Table
+  TABLE: function TABLE(node, subContent) {
+    return "\n\n" + subContent + "\n\n";
+  },
+  'TBODY, TFOOT': function TBODYTFOOT(node, subContent) {
+    return subContent;
+  },
+  'TR TD, TR TH': function TRTDTRTH(node, subContent) {
+    subContent = subContent.replace(/(\r\n)|(\r)|(\n)/g, '');
+    return " " + subContent + " |";
+  },
+  'TD BR, TH BR': function TDBRTHBR() {
+    return '
        ';
+  },
+  TR: function TR(node, subContent) {
+    return "|" + subContent + "\n";
+  },
+  THEAD: function THEAD(node, subContent) {
+    var result = '';
+    var ths = findChildTag(findChildTag(node, 'TR')[0], 'TH');
+
+    for (var i = 0, thsLength = ths.length; i < thsLength; i += 1) {
+      result += " " + makeTableHeadAlignText(ths[i]) + " |";
+    }
+
+    return subContent ? subContent + "|" + result + "\n" : '';
+  }
+}));
+/**
+ * Make task Markdown string if need
+ * @param {HTMLElement} node Passed HTML Element
+ * @param {string} subContent node's content
+ * @returns {string}
+ */
+
+function makeTaskIfNeed(node, subContent) {
+  var condition;
+
+  if (node.className.indexOf('task-list-item') !== -1) {
+    condition = node.className.indexOf('checked') !== -1 ? 'x' : ' ';
+    subContent = "[" + condition + "] " + subContent;
+  }
+
+  return subContent;
+}
+/**
+ * Make table head align text
+ * @param {HTMLElement} th Table head cell element
+ * @returns {string}
+ */
+
+
+function makeTableHeadAlignText(th) {
+  var leftAlignValue, rightAlignValue, textLength;
+  var align = th.align;
+  textLength = th.textContent ? th.textContent.length : th.innerText.length;
+  leftAlignValue = '';
+  rightAlignValue = '';
+
+  if (align) {
+    if (align === 'left') {
+      leftAlignValue = ':';
+      textLength -= 1;
+    } else if (align === 'right') {
+      rightAlignValue = ':';
+      textLength -= 1;
+    } else if (align === 'center') {
+      rightAlignValue = ':';
+      leftAlignValue = ':';
+      textLength -= 2;
+    }
+  }
+
+  return leftAlignValue + repeatString('-', textLength) + rightAlignValue;
+}
+/**
+ * Find child element of given tag name
+ * @param {HTMLElement} node starting element
+ * @param {string} tagName Tag name for search
+ * @returns {Array.}
+ */
+
+
+function findChildTag(node, tagName) {
+  var childNodes = node.childNodes;
+  var result = [];
+
+  for (var i = 0, childLength = childNodes.length; i < childLength; i += 1) {
+    if (childNodes[i].tagName && childNodes[i].tagName === tagName) {
+      result.push(childNodes[i]);
+    }
+  }
+
+  return result;
+}
+/**
+ * Repeat given string
+ * @param {string} pattern String for repeat
+ * @param {number} count Amount of repeat
+ * @returns {string}
+ */
+
+
+function repeatString(pattern, count) {
+  var result = pattern;
+  count = Math.max(count, 3);
+
+  while (count > 1) {
+    result += pattern;
+    count -= 1;
+  }
+
+  return result;
+}
+// CONCATENATED MODULE: ./src/toMark.js
+/**
+ * @fileoverview Implements toMark
+ * @author NHN Ent. FE Development Lab 
+ */
+
+
+
+
+var FIND_UNUSED_BRS_RX = /[ \xA0]+(\n\n)/g;
+var FIND_FIRST_LAST_WITH_SPACE_RETURNS_RX = /^[\n]+|[\s\n]+$/g;
+var FIND_MULTIPLE_BRS_RX = /([ \xA0]+\n){2,}/g;
+var FIND_RETURNS_RX = /([ \xA0]){2,}\n/g;
+var FIND_RETURNS_AND_SPACE_RX = /[ \xA0\n]+/g;
+/**
+ * @exports toMark
+ * @param {string} htmlStr html string to convert
+ * @param {object} options option
+ * @param {boolean} options.gfm if this property is false turn off it cant parse gfm
+ * @param {Renderer} options.renderer pass renderer to use
+ * @returns {string} converted markdown text
+ * @example
+ * toMark('
        hello world
        '); // "# hello world"
+ * toMark('strike'); // "~~strike~~"
+ * toMark('strike', {gfm: false}); // "strike"
+ */
+
+function toMark(htmlStr, options) {
+  var isGfm = true;
+  var renderer;
+
+  if (!htmlStr) {
+    return '';
+  }
+
+  renderer = renderer_gfm;
+
+  if (options) {
+    isGfm = options.gfm;
+
+    if (isGfm === false) {
+      renderer = renderer_basic;
+    }
+
+    renderer = options.renderer || renderer;
+  }
+
+  var runner = new DomRunner(toDom(htmlStr));
+  return finalize(parse(runner, renderer), isGfm, renderer.lineFeedReplacement);
+}
+/**
+ * Parse dom to markdown
+ * @param {DomRunner} runner runner
+ * @param {Renderer} renderer renderer
+ * @returns {string} markdown text
+ */
+
+function parse(runner, renderer) {
+  var markdownContent = '';
+
+  while (runner.next()) {
+    markdownContent += tracker(runner, renderer);
+  }
+
+  return markdownContent;
+}
+/**
+ * Remove first and last return character
+ * @param {string} text text to finalize
+ * @param {boolean} isGfm isGfm flag
+ * @param {string} lineFeedReplacement Line feed replacement text
+ * @returns {string} result
+ */
+
+
+function finalize(text, isGfm, lineFeedReplacement) {
+  // collapse return and 
        
+  text = text.replace(FIND_UNUSED_BRS_RX, '\n'); // collapse multiple br
+
+  text = text.replace(FIND_MULTIPLE_BRS_RX, '\n\n');
+  text = text.replace(FIND_RETURNS_AND_SPACE_RX, function (matched) {
+    var returnCount = (matched.match(/\n/g) || []).length;
+
+    if (returnCount >= 3) {
+      return '\n\n';
+    }
+
+    if (matched >= 1) {
+      return '\n';
+    }
+
+    return matched;
+  }); // remove first and last \n
+
+  text = text.replace(FIND_FIRST_LAST_WITH_SPACE_RETURNS_RX, '');
+  text = text.replace(new RegExp(lineFeedReplacement, 'g'), '\n'); // in gfm replace '  \n' make by 
         to '\n'
+
+  if (isGfm) {
+    text = text.replace(FIND_RETURNS_RX, '\n');
+  }
+
+  return text;
+}
+/**
+ * Iterate childNodes and process conversion using recursive call
+ * @param {DomRunner} runner dom runner
+ * @param {Renderer} renderer renderer to use
+ * @returns {string} processed text
+ */
+
+
+function tracker(runner, renderer) {
+  var subContent = '';
+  var node = runner.getNode();
+
+  for (var i = 0, t = node.childNodes.length; i < t; i += 1) {
+    runner.next();
+    subContent += tracker(runner, renderer);
+  }
+
+  return renderer.convert(node, subContent);
+}
+// CONCATENATED MODULE: ./src/index.js
+/**
+ * @fileoverview Implements entry point
+ * @author NHN Ent. FE Development Lab 
+ */
+
+
+
+
+toMark.Renderer = Renderer;
+toMark.basicRenderer = renderer_basic;
+toMark.gfmRenderer = renderer_gfm;
+/* harmony default export */ var src = __webpack_exports__["default"] = (toMark);
+
+/***/ })
+/******/ ])["default"];
+});
+
+/***/ }),
+/* 33 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Get HTML element's design classes.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+
+/**
+ * Get HTML element's design classes.
+ * @param {(HTMLElement|SVGElement)} element target element
+ * @returns {string} element css class name
+ * @memberof module:domUtil
+ */
+function getClass(element) {
+  if (!element || !element.className) {
+    return '';
+  }
+
+  if (isUndefined(element.className.baseVal)) {
+    return element.className;
+  }
+
+  return element.className.baseVal;
+}
+
+module.exports = getClass;
+
+
+/***/ }),
+/* 34 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a number or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a number or not.
+ * If the given variable is a number, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is number?
+ * @memberof module:type
+ */
+function isNumber(obj) {
+  return typeof obj === 'number' || obj instanceof Number;
+}
+
+module.exports = isNumber;
+
+
+/***/ }),
+/* 35 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* unused harmony export CLASS_HIGHLIGHT */
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(20);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5);
+/* harmony import */ var tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
+/* harmony import */ var tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(22);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _preview__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(38);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(0);
+/* harmony import */ var _htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(29);
+/* harmony import */ var _scroll_helper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(18);
+/* harmony import */ var _scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24);
+/* harmony import */ var _utils_markdown__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2);
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements markdown preview
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+var CLASS_HIGHLIGHT = 'te-preview-highlight';
+
+function findTableCell(tableRow, _ref) {
+  var ch = _ref.ch;
+  var cell = tableRow.firstChild;
+
+  while (cell && cell.next) {
+    if (Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* getMdStartCh */ "e"])(cell.next) > ch + 1) {
+      break;
+    }
+
+    cell = cell.next;
+  }
+
+  return cell;
+}
+/**
+ * Class Markdown Preview
+ * @param {HTMLElement} el - base element
+ * @param {EventManager} eventManager - event manager
+ * @param {Convertor} convertor - convertor
+ * @param {object} options
+ * @param {boolean} options.isViewer - true for view-only mode
+ * @param {boolean} options.highlight - true for using live-highlight feature
+ * @param {object} opitons.linkAttribute - attributes for link element
+ * @param {object} opitons.customHTMLRenderer - map of custom HTML render functions
+
+ * @ignore
+ */
+
+
+var MarkdownPreview = /*#__PURE__*/function (_Preview) {
+  _inheritsLoose(MarkdownPreview, _Preview);
+
+  function MarkdownPreview(el, eventManager, convertor, options) {
+    var _this;
+
+    _this = _Preview.call(this, el, eventManager, convertor, options.isViewer) || this;
+
+    _this.lazyRunner.registerLazyRunFunction('invokeCodeBlock', _this.invokeCodeBlockPlugins, _this.delayCodeBlockTime, _assertThisInitialized(_this));
+
+    var linkAttribute = options.linkAttribute,
+        customHTMLRenderer = options.customHTMLRenderer,
+        _options$highlight = options.highlight,
+        highlight = _options$highlight === void 0 ? false : _options$highlight;
+    _this.renderHTML = Object(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_4__["createRenderHTML"])({
+      gfm: true,
+      nodeId: true,
+      convertors: Object(_htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_7__[/* getHTMLRenderConvertors */ "a"])(linkAttribute, customHTMLRenderer)
+    });
+    _this.cursorNodeId = null;
+
+    _this._initEvent(highlight);
+
+    return _this;
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+
+
+  var _proto = MarkdownPreview.prototype;
+
+  _proto._initEvent = function _initEvent(highlight) {
+    var _this2 = this;
+
+    this.eventManager.listen('contentChangedFromMarkdown', this.update.bind(this)); // need to implement a listener function for 'previewNeedsRefresh' event
+    // to support third-party plugins which requires re-executing script for every re-render
+
+    if (highlight) {
+      this.eventManager.listen('cursorActivity', function (_ref2) {
+        var markdownNode = _ref2.markdownNode,
+            cursor = _ref2.cursor;
+
+        _this2._updateCursorNode(markdownNode, cursor);
+      });
+      this.eventManager.listen('blur', function () {
+        _this2._removeHighlight();
+      });
+    }
+
+    tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_0___default()(this.el, 'scroll', function (event) {
+      _this2.eventManager.emit('scroll', {
+        source: 'preview',
+        data: Object(_scroll_helper__WEBPACK_IMPORTED_MODULE_8__[/* findAdjacentElementToScrollTop */ "a"])(event.target.scrollTop, _this2._previewContent)
+      });
+    });
+  };
+
+  _proto._removeHighlight = function _removeHighlight() {
+    if (this.cursorNodeId) {
+      var currentEl = this._getElementByNodeId(this.cursorNodeId);
+
+      if (currentEl) {
+        tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default()(currentEl, CLASS_HIGHLIGHT);
+      }
+    }
+  };
+
+  _proto._updateCursorNode = function _updateCursorNode(cursorNode, cursorPos) {
+    if (cursorNode) {
+      cursorNode = Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* findClosestNode */ "b"])(cursorNode, function (mdNode) {
+        return !Object(_utils_markdown__WEBPACK_IMPORTED_MODULE_10__[/* isInlineNode */ "h"])(mdNode);
+      });
+
+      if (cursorNode.type === 'tableRow') {
+        cursorNode = findTableCell(cursorNode, cursorPos);
+      } else if (cursorNode.type === 'tableBody') {
+        // empty line next to table
+        cursorNode = null;
+      }
+    }
+
+    var cursorNodeId = cursorNode ? cursorNode.id : null;
+
+    if (this.cursorNodeId === cursorNodeId) {
+      return;
+    }
+
+    var inFrontMatter = cursorNode && cursorNode.customType === 'frontMatter';
+
+    var oldEL = this._getElementByNodeId(this.cursorNodeId);
+
+    var newEL = this._getElementByNodeId(cursorNodeId);
+
+    if (oldEL) {
+      tui_code_snippet_domUtil_removeClass__WEBPACK_IMPORTED_MODULE_3___default()(oldEL, CLASS_HIGHLIGHT);
+    }
+
+    if (newEL && !inFrontMatter) {
+      tui_code_snippet_domUtil_addClass__WEBPACK_IMPORTED_MODULE_2___default()(newEL, CLASS_HIGHLIGHT);
+    }
+
+    this.cursorNodeId = cursorNodeId;
+  };
+
+  _proto._getElementByNodeId = function _getElementByNodeId(nodeId) {
+    if (!nodeId) {
+      return null;
+    }
+
+    return this._previewContent.querySelector("[data-nodeid=\"" + nodeId + "\"]");
+  };
+
+  _proto.update = function update(changed) {
+    var _this3 = this;
+
+    changed.forEach(function (editResult) {
+      return _this3.replaceRangeNodes(editResult);
+    });
+    this.eventManager.emit('previewRenderAfter', this);
+  };
+
+  _proto.replaceRangeNodes = function replaceRangeNodes(editResult) {
+    var _this4 = this;
+
+    var nodes = editResult.nodes,
+        removedNodeRange = editResult.removedNodeRange;
+    var contentEl = this._previewContent;
+    var newHtml = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', nodes.map(function (node) {
+      return _this4.renderHTML(node);
+    }).join(''));
+
+    if (!removedNodeRange) {
+      contentEl.insertAdjacentHTML('afterbegin', newHtml);
+    } else {
+      var _removedNodeRange$id = removedNodeRange.id,
+          startNodeId = _removedNodeRange$id[0],
+          endNodeId = _removedNodeRange$id[1];
+
+      var startEl = this._getElementByNodeId(startNodeId);
+
+      var endEl = this._getElementByNodeId(endNodeId);
+
+      if (startEl) {
+        startEl.insertAdjacentHTML('beforebegin', newHtml);
+        var el = startEl;
+
+        while (el !== endEl) {
+          var nextEl = el.nextElementSibling;
+          el.parentNode.removeChild(el);
+          Object(_scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__[/* removeOffsetInfoByNode */ "c"])(el);
+          el = nextEl;
+        }
+
+        if (el.parentNode) {
+          _utils_dom__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"].remove(el);
+          Object(_scroll_cache_offsetInfo__WEBPACK_IMPORTED_MODULE_9__[/* removeOffsetInfoByNode */ "c"])(el);
+        }
+      }
+    }
+
+    var codeBlockEls = this.getCodeBlockElements(nodes.map(function (node) {
+      return node.id;
+    }));
+
+    if (codeBlockEls.length) {
+      this.lazyRunner.run('invokeCodeBlock', codeBlockEls);
+    }
+  }
+  /**
+   * render
+   * @param {string} html - html string to render
+   * @override
+   */
+  ;
+
+  _proto.render = function render(html) {
+    _Preview.prototype.render.call(this, html);
+
+    this.eventManager.emit('previewRenderAfter', this);
+  };
+
+  _proto.remove = function remove() {
+    tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_1___default()(this.el, 'scroll');
+    this.el = null;
+  };
+
+  return MarkdownPreview;
+}(_preview__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"]);
+
+/* harmony default export */ __webpack_exports__["a"] = (MarkdownPreview);
+
+/***/ }),
+/* 36 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
+/* harmony import */ var tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(44);
+/* harmony import */ var tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(45);
+/* harmony import */ var tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _utils_map__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23);
+/**
+ * @fileoverview Implements EventManager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var eventList = ['previewBeforeHook', 'previewRenderAfter', 'previewNeedsRefresh', 'addImageBlobHook', 'setMarkdownAfter', 'contentChangedFromWysiwyg', 'changeFromWysiwyg', 'contentChangedFromMarkdown', 'changeFromMarkdown', 'change', 'changeModeToWysiwyg', 'changeModeToMarkdown', 'changeModeBefore', 'changeMode', 'changePreviewStyle', 'changePreviewTabPreview', 'changePreviewTabWrite', 'openPopupAddLink', 'openPopupAddImage', 'openPopupAddTable', 'openPopupTableUtils', 'openHeadingSelect', 'openPopupCodeBlockLanguages', 'openPopupCodeBlockEditor', 'openDropdownToolbar', 'closePopupCodeBlockLanguages', 'closePopupCodeBlockEditor', 'closeAllPopup', 'command', 'addCommandBefore', 'htmlUpdate', 'markdownUpdate', 'renderedHtmlUpdated', 'removeEditor', 'convertorAfterMarkdownToHtmlConverted', 'convertorBeforeHtmlToMarkdownConverted', 'convertorAfterHtmlToMarkdownConverted', 'stateChange', 'wysiwygSetValueAfter', 'wysiwygSetValueBefore', 'wysiwygGetValueBefore', 'wysiwygProcessHTMLText', 'wysiwygRangeChangeAfter', 'wysiwygKeyEvent', 'scroll', 'click', 'mousedown', 'mouseover', 'mouseout', 'mouseup', 'contextmenu', 'keydown', 'keyup', 'keyMap', 'load', 'focus', 'blur', 'paste', 'pasteBefore', 'willPaste', 'copy', 'copyBefore', 'copyAfter', 'cut', 'cutAfter', 'drop', 'show', 'hide', 'changeLanguage', 'cursorActivity', 'requireScrollSync', 'requireScrollIntoView', 'setCodeBlockLanguages'];
+/**
+ * Class EventManager
+ * @ignore
+ */
+
+var EventManager = /*#__PURE__*/function () {
+  function EventManager() {
+    this.events = new _utils_map__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"]();
+    this.TYPE = new tui_code_snippet_enum_enum__WEBPACK_IMPORTED_MODULE_3___default.a(eventList);
+  }
+  /**
+   * Listen event and bind event handler
+   * @param {string} typeStr Event type string
+   * @param {function} handler Event handler
+   */
+
+
+  var _proto = EventManager.prototype;
+
+  _proto.listen = function listen(typeStr, handler) {
+    var typeInfo = this._getTypeInfo(typeStr);
+
+    var eventHandlers = this.events.get(typeInfo.type) || [];
+
+    if (!this._hasEventType(typeInfo.type)) {
+      throw new Error("There is no event type " + typeInfo.type);
+    }
+
+    if (typeInfo.namespace) {
+      handler.namespace = typeInfo.namespace;
+    }
+
+    eventHandlers.push(handler);
+    this.events.set(typeInfo.type, eventHandlers);
+  }
+  /**
+   * Emit event
+   * @param {string} eventName Event name to emit
+   * @returns {Array}
+   */
+  ;
+
+  _proto.emit = function emit() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var typeStr = args.shift();
+
+    var typeInfo = this._getTypeInfo(typeStr);
+
+    var eventHandlers = this.events.get(typeInfo.type);
+    var results;
+
+    if (eventHandlers) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(eventHandlers, function (handler) {
+        var result = handler.apply(void 0, args);
+
+        if (!tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(result)) {
+          results = results || [];
+          results.push(result);
+        }
+      });
+    }
+
+    return results;
+  }
+  /**
+   * Emit given event and return result
+   * @param {string} eventName Event name to emit
+   * @param {string} sourceText Source text to change
+   * @returns {string}
+   */
+  ;
+
+  _proto.emitReduce = function emitReduce() {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    var type = args.shift();
+    var eventHandlers = this.events.get(type);
+
+    if (eventHandlers) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(eventHandlers, function (handler) {
+        var result = handler.apply(void 0, args);
+
+        if (!tui_code_snippet_type_isFalsy__WEBPACK_IMPORTED_MODULE_2___default()(result)) {
+          args[0] = result;
+        }
+      });
+    }
+
+    return args[0];
+  }
+  /**
+   * Get event type and namespace
+   * @param {string} typeStr Event type name
+   * @returns {{type: string, namespace: string}}
+   * @private
+   */
+  ;
+
+  _proto._getTypeInfo = function _getTypeInfo(typeStr) {
+    var splited = typeStr.split('.');
+    return {
+      type: splited[0],
+      namespace: splited[1]
+    };
+  }
+  /**
+   * Check whether event type exists or not
+   * @param {string} type Event type name
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._hasEventType = function _hasEventType(type) {
+    return !tui_code_snippet_type_isUndefined__WEBPACK_IMPORTED_MODULE_1___default()(this.TYPE[this._getTypeInfo(type).type]);
+  }
+  /**
+   * Add event type when given event not exists
+   * @param {string} type Event type name
+   */
+  ;
+
+  _proto.addEventType = function addEventType(type) {
+    if (this._hasEventType(type)) {
+      throw new Error("There is already have event type " + type);
+    }
+
+    this.TYPE.set(type);
+  }
+  /**
+   * Remove event handler from given event type
+   * @param {string} typeStr Event type name
+   * @param {function} [handler] - registered event handler
+   */
+  ;
+
+  _proto.removeEventHandler = function removeEventHandler(typeStr, handler) {
+    var _this = this;
+
+    var _this$_getTypeInfo = this._getTypeInfo(typeStr),
+        type = _this$_getTypeInfo.type,
+        namespace = _this$_getTypeInfo.namespace;
+
+    if (type && handler) {
+      this._removeEventHandlerWithHandler(type, handler);
+    } else if (type && !namespace) {
+      // dont use dot notation cuz eslint
+      this.events.delete(type);
+    } else if (!type && namespace) {
+      this.events.forEach(function (eventHandlers, eventType) {
+        _this._removeEventHandlerWithTypeInfo(eventType, namespace);
+      });
+    } else if (type && namespace) {
+      this._removeEventHandlerWithTypeInfo(type, namespace);
+    }
+  }
+  /**
+   * Remove event handler with event handler
+   * @param {string} type - event type name
+   * @param {function} handler - event handler
+   * @private
+   */
+  ;
+
+  _proto._removeEventHandlerWithHandler = function _removeEventHandlerWithHandler(type, handler) {
+    var eventHandlers = this.events.get(type) || [];
+    var handlerIndex = eventHandlers.indexOf(handler);
+
+    if (handlerIndex >= 0) {
+      eventHandlers.splice(handlerIndex, 1);
+    }
+  }
+  /**
+   * Remove event handler with event type information
+   * @param {string} type Event type name
+   * @param {string} namespace Event namespace
+   * @private
+   */
+  ;
+
+  _proto._removeEventHandlerWithTypeInfo = function _removeEventHandlerWithTypeInfo(type, namespace) {
+    var handlersToSurvive = [];
+    var eventHandlers = this.events.get(type);
+
+    if (!eventHandlers) {
+      return;
+    }
+
+    eventHandlers.map(function (handler) {
+      if (handler.namespace !== namespace) {
+        handlersToSurvive.push(handler);
+      }
+
+      return null;
+    });
+    this.events.set(type, handlersToSurvive);
+  };
+
+  return EventManager;
+}();
+
+/* harmony default export */ __webpack_exports__["a"] = (EventManager);
+
+/***/ }),
+/* 37 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(32);
+/* harmony import */ var _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
+/* harmony import */ var _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(29);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0);
+/**
+ * @fileoverview Convertor have responsible to convert markdown and html
+ * @author NHN FE Development Lab 
+ */
+
+
+
+ // This regular expression refere markdownIt.
+// https://github.com/markdown-it/markdown-it/blob/master/lib/common/html_re.js
+
+var attrName = '[a-zA-Z_:][a-zA-Z0-9:._-]*';
+var unquoted = '[^"\'=<>`\\x00-\\x20]+';
+var singleQuoted = "'[^']*'";
+var doubleQuoted = '"[^"]*"';
+var attrValue = "(?:" + unquoted + "|" + singleQuoted + "|" + doubleQuoted + ")";
+var attribute = "(?:\\s+" + attrName + "(?:\\s*=\\s*" + attrValue + ")?)*\\s*";
+var openingTag = "(\\\\<|<)([A-Za-z][A-Za-z0-9\\-]*" + attribute + ")(\\/?>)";
+var HTML_TAG_RX = new RegExp(openingTag, 'g');
+var FRONT_MATTER_RX = /^\s?\\-\\-\\-([\s\S]+?)\\-\\-\\-/;
+/**
+ * Class Convertor
+ * @param {EventManager} em - EventManager instance
+ * @ignore
+ */
+
+var Convertor = /*#__PURE__*/function () {
+  function Convertor(em, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    var _options = options,
+        linkAttribute = _options.linkAttribute,
+        customHTMLRenderer = _options.customHTMLRenderer,
+        extendedAutolinks = _options.extendedAutolinks,
+        referenceDefinition = _options.referenceDefinition,
+        customParser = _options.customParser,
+        frontMatter = _options.frontMatter,
+        customProp = _options.customProp;
+    this.options = options;
+    this.mdReader = new _toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__["Parser"]({
+      extendedAutolinks: extendedAutolinks,
+      disallowedHtmlBlockTags: ['br'],
+      referenceDefinition: referenceDefinition,
+      disallowDeepHeading: true,
+      customParser: customParser,
+      frontMatter: frontMatter
+    });
+    this.renderHTML = Object(_toast_ui_toastmark__WEBPACK_IMPORTED_MODULE_1__["createRenderHTML"])({
+      gfm: true,
+      convertors: Object(_htmlRenderConvertors__WEBPACK_IMPORTED_MODULE_2__[/* getHTMLRenderConvertors */ "a"])(linkAttribute, customHTMLRenderer),
+      customProp: customProp
+    });
+    this.eventManager = em;
+  }
+  /**
+   * _markdownToHtmlWithCodeHighlight
+   * Convert markdown to html with Codehighlight
+   * @param {string} markdown markdown text
+   * @returns {string} html text
+   * @private
+   */
+
+
+  var _proto = Convertor.prototype;
+
+  _proto._markdownToHtmlWithCodeHighlight = function _markdownToHtmlWithCodeHighlight(markdown) {
+    return this.renderHTML(this.mdReader.parse(markdown));
+  }
+  /**
+   * _markdownToHtml
+   * Convert markdown to html
+   * @param {string} markdown markdown text
+   * @param {object} env environment sandbox for markdownit
+   * @returns {string} html text
+   * @private
+   */
+  ;
+
+  _proto._markdownToHtml = function _markdownToHtml(markdown) {
+    markdown = markdown.replace(HTML_TAG_RX, function (match, $1, $2, $3) {
+      return match[0] !== '\\' ? "" + $1 + $2 + " data-tomark-pass " + $3 : match;
+    });
+    return this.renderHTML(this.mdReader.parse(markdown));
+  }
+  /**
+   * Remove BR's data-tomark-pass attribute text when br in code element
+   * @param {string} renderedHTML Rendered HTML string from markdown editor
+   * @returns {string}
+   * @private
+   */
+  ;
+
+  _proto._removeBrToMarkPassAttributeInCode = function _removeBrToMarkPassAttributeInCode(renderedHTML) {
+    var wrapper = _utils_dom__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"].createElementWith("
        " + renderedHTML + "
        ");
+    _utils_dom__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"].findAll(wrapper, 'code, pre').forEach(function (codeOrPre) {
+      var codeEelement = codeOrPre;
+      codeEelement.innerHTML = codeEelement.innerHTML.replace(/\sdata-tomark-pass\s(\/?)>/g, '$1>');
+    });
+    renderedHTML = wrapper.innerHTML;
+    return renderedHTML;
+  }
+  /**
+   * toHTMLWithCodeHighlight
+   * Convert markdown to html with Codehighlight
+   * emit convertorAfterMarkdownToHtmlConverted
+   * @param {string} markdown markdown text
+   * @returns {string} html text
+   */
+  ;
+
+  _proto.toHTMLWithCodeHighlight = function toHTMLWithCodeHighlight(markdown) {
+    var html = this._markdownToHtmlWithCodeHighlight(markdown);
+
+    html = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', html);
+    return html;
+  }
+  /**
+   * toHTML
+   * Convert markdown to html
+   * emit convertorAfterMarkdownToHtmlConverted
+   * @param {string} markdown markdown text
+   * @returns {string} html text
+   */
+  ;
+
+  _proto.toHTML = function toHTML(markdown) {
+    var html = this._markdownToHtml(markdown);
+
+    html = this.eventManager.emitReduce('convertorAfterMarkdownToHtmlConverted', html);
+    html = this._removeBrToMarkPassAttributeInCode(html);
+    return html;
+  };
+
+  _proto.initHtmlSanitizer = function initHtmlSanitizer(sanitizer) {
+    this.eventManager.listen('convertorAfterMarkdownToHtmlConverted', function (html) {
+      return sanitizer(html, true);
+    });
+  }
+  /**
+   * toMarkdown
+   * Convert html to markdown
+   * emit convertorAfterHtmlToMarkdownConverted
+   * @param {string} html html text
+   * @param {object | null} toMarkOptions - toMark library options
+   * @returns {string} markdown text
+   */
+  ;
+
+  _proto.toMarkdown = function toMarkdown(html, toMarkOptions) {
+    var result = [];
+    html = this.eventManager.emitReduce('convertorBeforeHtmlToMarkdownConverted', html);
+    html = this._appendAttributeForLinkIfNeed(html);
+    html = this._appendAttributeForBrIfNeed(html);
+    var markdown = _toast_ui_to_mark__WEBPACK_IMPORTED_MODULE_0___default()(html, toMarkOptions);
+
+    if (this.options.frontMatter) {
+      markdown = markdown.replace(FRONT_MATTER_RX, '---$1---');
+    }
+
+    markdown = this.eventManager.emitReduce('convertorAfterHtmlToMarkdownConverted', markdown);
+    markdown = this._removeNewlinesBeforeAfterAndBlockElement(markdown);
+    markdown.split('\n').forEach(function (line, index) {
+      var FIND_TABLE_RX = /^(
        )+\||\|[^|]*\|/gi;
+      var FIND_CODE_RX = /`[^`]*
        [^`]*`/gi;
+      var FIND_BRS_BEFORE_TABLE = /^(
        )+\|/gi;
+
+      if (FIND_TABLE_RX.test(line)) {
+        line = line.replace(FIND_BRS_BEFORE_TABLE, function (match) {
+          return match.replace(/
        /gi, '
        \n');
+        });
+      } else if (!FIND_CODE_RX.test(line)) {
+        line = line.replace(/
        /gi, '
        \n');
+      }
+
+      result[index] = line;
+    });
+    return result.join('\n');
+  };
+
+  _proto._removeNewlinesBeforeAfterAndBlockElement = function _removeNewlinesBeforeAfterAndBlockElement(markdown) {
+    // Newlines('\n\n') are created on to-mark.
+    var NEWLINES_BEFORE_BLOCK_RX = /
        \n\n(#{1,6} .*|```|\||(\*+|-+|\d+\.) .*| *>[^\n]+.*)/g;
+    var NEWLINES_AFTER_BLOCK_RX = /(#{1,6} .*|```|\|)\n\n
        /g;
+    markdown = markdown.replace(NEWLINES_BEFORE_BLOCK_RX, '
        $1');
+    markdown = markdown.replace(NEWLINES_AFTER_BLOCK_RX, '$1\n
        ');
+    return markdown;
+  };
+
+  _proto._appendAttributeForLinkIfNeed = function _appendAttributeForLinkIfNeed(html) {
+    var LINK_RX = /!?\[.*\]\(<\s*a[^>]*>(.*?)<\s*\/\s*a>\)/gi;
+    return html.replace(LINK_RX, function (match) {
+      return match.replace(//gi;
+    var FIND_DOUBLE_BR_RX = /

        /gi;
+    var FIND_PASSING_AND_NORMAL_BR_RX = /

        (.)/gi;
+    var FIRST_TWO_BRS_BEFORE_RX = /([^>]|<\/a>|<\/code>|<\/span>|<\/b>|<\/i>|<\/s>|]*>)/;
+    var TWO_BRS_RX = /

        /;
+    var FIND_FIRST_TWO_BRS_RX = new RegExp(FIRST_TWO_BRS_BEFORE_RX.source + TWO_BRS_RX.source, 'g');
+    var FIND_ATTRI_WITH_EMTPY_STR_RX = /
        /gi;
+    html = html.replace(FIND_BR_RX, '
        ');
+    html = html.replace(FIND_DOUBLE_BR_RX, '

        ');
+    html = html.replace(FIND_ATTRI_WITH_EMTPY_STR_RX, '
        ');
+    html = html.replace(FIND_PASSING_AND_NORMAL_BR_RX, '

        $1');
+    html = html.replace(FIND_FIRST_TWO_BRS_RX, '$1

        '); // Preserve 
         when there is only one empty line before or after a block element.
+
+    html = html.replace(/(.)

        (|
        |
    |
      |
        |
        )/g, '$1

        $2');
+    html = html.replace(/(<\/h[1-6]>|<\/pre>|<\/table>|<\/ul>|<\/ol>|<\/blockquote>)
        (.)/g, '$1
        $2');
+    return html;
+  };
+
+  return Convertor;
+}();
+
+/* harmony default export */ __webpack_exports__["a"] = (Convertor);
+
+/***/ }),
+/* 38 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/css.js
+var css = __webpack_require__(4);
+var css_default = /*#__PURE__*/__webpack_require__.n(css);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isString.js
+var isString = __webpack_require__(9);
+var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
+
+// CONCATENATED MODULE: ./src/js/lazyRunner.js
+/**
+ * @fileoverview Implements LazyRunner
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class LazyRunner
+ * @ignore
+ */
+
+var lazyRunner_LazyRunner = /*#__PURE__*/function () {
+  function LazyRunner() {
+    this.globalTOID = null;
+    this.lazyRunFunctions = {};
+  }
+
+  var _proto = LazyRunner.prototype;
+
+  _proto.run = function run(fn, params, context, delay) {
+    var TOID;
+
+    if (isString_default()(fn)) {
+      TOID = this._runRegisteredRun(fn, params, context, delay);
+    } else {
+      TOID = this._runSingleRun(fn, params, context, delay, this.globalTOID);
+      this.globalTOID = TOID;
+    }
+
+    return TOID;
+  };
+
+  _proto.registerLazyRunFunction = function registerLazyRunFunction(name, fn, delay, context) {
+    context = context || this;
+    this.lazyRunFunctions[name] = {
+      fn: fn,
+      delay: delay,
+      context: context,
+      TOID: null
+    };
+  };
+
+  _proto._runSingleRun = function _runSingleRun(fn, params, context, delay, TOID) {
+    this._clearTOIDIfNeed(TOID);
+
+    TOID = setTimeout(function () {
+      fn.call(context, params);
+    }, delay);
+    return TOID;
+  };
+
+  _proto._runRegisteredRun = function _runRegisteredRun(lazyRunName, params, context, delay) {
+    var lazyRunFunction = this.lazyRunFunctions[lazyRunName];
+    var fn = lazyRunFunction.fn;
+    var TOID = lazyRunFunction.TOID;
+    delay = delay || lazyRunFunction.delay;
+    context = context || lazyRunFunction.context;
+    TOID = this._runSingleRun(fn, params, context, delay, TOID);
+    lazyRunFunction.TOID = TOID;
+    return TOID;
+  };
+
+  _proto._clearTOIDIfNeed = function _clearTOIDIfNeed(TOID) {
+    if (TOID) {
+      clearTimeout(TOID);
+    }
+  };
+
+  return LazyRunner;
+}();
+
+/* harmony default export */ var lazyRunner = (lazyRunner_LazyRunner);
+// EXTERNAL MODULE: ./src/js/utils/dom.js
+var dom = __webpack_require__(0);
+
+// EXTERNAL MODULE: ./src/js/codeBlockManager.js
+var codeBlockManager = __webpack_require__(30);
+
+// CONCATENATED MODULE: ./src/js/preview.js
+/**
+ * @fileoverview Implements preview
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Class Preview
+ * @param {HTMLElement} el - Container element for preview
+ * @param {EventManager} eventManager -  Event manager instance
+ * @param {Convertor} convertor - Convertor instance
+ * @param {boolean} isViewer - whether viewer mode or not
+ * @ignore
+ */
+
+var preview_Preview = /*#__PURE__*/function () {
+  function Preview(el, eventManager, convertor, isViewer) {
+    this.eventManager = eventManager;
+    this.convertor = convertor;
+    this.el = el;
+    this.isViewer = !!isViewer;
+    this.delayCodeBlockTime = 500;
+
+    this._initContentSection();
+
+    this.lazyRunner = new lazyRunner();
+  }
+  /**
+   * Initialize content selection
+   * @private
+   */
+
+
+  var _proto = Preview.prototype;
+
+  _proto._initContentSection = function _initContentSection() {
+    this._previewContent = dom["a" /* default */].createElementWith("
        ");
+    this.el.appendChild(this._previewContent);
+  };
+
+  _proto.getCodeBlockElements = function getCodeBlockElements(nodeIds) {
+    var contentEl = this._previewContent;
+    var codeEls = [];
+    var targetEls;
+
+    if (nodeIds) {
+      targetEls = nodeIds.map(function (id) {
+        return contentEl.querySelector("[data-nodeid=\"" + id + "\"]");
+      }).filter(Boolean);
+    } else {
+      targetEls = [contentEl];
+    }
+
+    targetEls.forEach(function (targetEl) {
+      codeEls.push.apply(codeEls, dom["a" /* default */].findAll(targetEl, 'code[data-language]'));
+    });
+    return codeEls;
+  };
+
+  _proto.invokeCodeBlockPlugins = function invokeCodeBlockPlugins(codeBlocks) {
+    codeBlocks.forEach(function (codeBlock) {
+      var lang = codeBlock.getAttribute('data-language');
+      var html = codeBlockManager["a" /* default */].createCodeBlockHtml(lang, codeBlock.textContent);
+      codeBlock.innerHTML = html;
+    });
+  }
+  /**
+   * Refresh rendering
+   * @param {string} markdown Markdown text
+   */
+  ;
+
+  _proto.refresh = function refresh(markdown) {
+    if (markdown === void 0) {
+      markdown = '';
+    }
+
+    this.render(this.convertor.toHTMLWithCodeHighlight(markdown));
+    this.invokeCodeBlockPlugins(this.getCodeBlockElements());
+  }
+  /**
+   * get html string
+   * @returns {string} - html preview string
+   */
+  ;
+
+  _proto.getHTML = function getHTML() {
+    return this._previewContent.innerHTML;
+  }
+  /**
+   * set html string
+   * @param {string} html - html preview string
+   */
+  ;
+
+  _proto.setHTML = function setHTML(html) {
+    this._previewContent.innerHTML = html;
+  }
+  /**
+   * Render HTML on preview
+   * @param {string} html HTML string
+   */
+  ;
+
+  _proto.render = function render(html) {
+    var _previewContent = this._previewContent;
+    html = this.eventManager.emit('previewBeforeHook', html) || html;
+    dom["a" /* default */].empty(_previewContent);
+    _previewContent.innerHTML = html;
+  }
+  /**
+   * Set preview height
+   * @param {number} height - Height for preview container
+   */
+  ;
+
+  _proto.setHeight = function setHeight(height) {
+    css_default()(this.el, {
+      height: height + "px"
+    });
+  }
+  /**
+   * set min height
+   * @param {number} minHeight - min height
+   */
+  ;
+
+  _proto.setMinHeight = function setMinHeight(minHeight) {
+    css_default()(this.el, {
+      minHeight: minHeight + "px"
+    });
+  }
+  /**
+   * Is Preview visible
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isVisible = function isVisible() {
+    return this.el.style.display !== 'none';
+  };
+
+  return Preview;
+}();
+
+/* harmony default export */ var preview = __webpack_exports__["a"] = (preview_Preview);
+
+/***/ }),
+/* 39 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Set className value
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isArray = __webpack_require__(17);
+var isUndefined = __webpack_require__(8);
+
+/**
+ * Set className value
+ * @param {(HTMLElement|SVGElement)} element - target element
+ * @param {(string|string[])} cssClass - class names
+ * @private
+ */
+function setClassName(element, cssClass) {
+  cssClass = isArray(cssClass) ? cssClass.join(' ') : cssClass;
+
+  cssClass = cssClass.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
+
+  if (isUndefined(element.className.baseVal)) {
+    element.className = cssClass;
+
+    return;
+  }
+
+  element.className.baseVal = cssClass;
+}
+
+module.exports = setClassName;
+
+
+/***/ }),
+/* 40 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Get event collection for specific HTML element
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var EVENT_KEY = '_feEventKey';
+
+/**
+ * Get event collection for specific HTML element
+ * @param {HTMLElement} element - HTML element
+ * @param {string} type - event type
+ * @returns {array}
+ * @private
+ */
+function safeEvent(element, type) {
+  var events = element[EVENT_KEY];
+  var handlers;
+
+  if (!events) {
+    events = element[EVENT_KEY] = {};
+  }
+
+  handlers = events[type];
+  if (!handlers) {
+    handlers = events[type] = [];
+  }
+
+  return handlers;
+}
+
+module.exports = safeEvent;
+
+
+/***/ }),
+/* 41 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 42 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is truthy or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isExisty = __webpack_require__(28);
+
+/**
+ * Check whether the given variable is truthy or not.
+ * If the given variable is not null or not undefined or not false, returns true.
+ * (It regards 0 as true)
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is truthy?
+ * @memberof module:type
+ */
+function isTruthy(obj) {
+  return isExisty(obj) && obj !== false;
+}
+
+module.exports = isTruthy;
+
+
+/***/ }),
+/* 43 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Send hostname on DOMContentLoaded.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isUndefined = __webpack_require__(8);
+var imagePing = __webpack_require__(49);
+
+var ms7days = 7 * 24 * 60 * 60 * 1000;
+
+/**
+ * Check if the date has passed 7 days
+ * @param {number} date - milliseconds
+ * @returns {boolean}
+ * @private
+ */
+function isExpired(date) {
+  var now = new Date().getTime();
+
+  return now - date > ms7days;
+}
+
+/**
+ * Send hostname on DOMContentLoaded.
+ * To prevent hostname set tui.usageStatistics to false.
+ * @param {string} appName - application name
+ * @param {string} trackingId - GA tracking ID
+ * @ignore
+ */
+function sendHostname(appName, trackingId) {
+  var url = 'https://www.google-analytics.com/collect';
+  var hostname = location.hostname;
+  var hitType = 'event';
+  var eventCategory = 'use';
+  var applicationKeyForStorage = 'TOAST UI ' + appName + ' for ' + hostname + ': Statistics';
+  var date = window.localStorage.getItem(applicationKeyForStorage);
+
+  // skip if the flag is defined and is set to false explicitly
+  if (!isUndefined(window.tui) && window.tui.usageStatistics === false) {
+    return;
+  }
+
+  // skip if not pass seven days old
+  if (date && !isExpired(date)) {
+    return;
+  }
+
+  window.localStorage.setItem(applicationKeyForStorage, new Date().getTime());
+
+  setTimeout(function() {
+    if (document.readyState === 'interactive' || document.readyState === 'complete') {
+      imagePing(url, {
+        v: 1,
+        t: hitType,
+        tid: trackingId,
+        cid: hostname,
+        dp: hostname,
+        dh: appName,
+        el: appName,
+        ec: eventCategory
+      });
+    }
+  }, 1000);
+}
+
+module.exports = sendHostname;
+
+
+/***/ }),
+/* 44 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is falsy or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var isTruthy = __webpack_require__(42);
+
+/**
+ * Check whether the given variable is falsy or not.
+ * If the given variable is null or undefined or false, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is falsy?
+ * @memberof module:type
+ */
+function isFalsy(obj) {
+  return !isTruthy(obj);
+}
+
+module.exports = isFalsy;
+
+
+/***/ }),
+/* 45 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview This module provides a Enum Constructor.
+ * @author NHN FE Development Lab 
+ * @example
+ * // node, commonjs
+ * var Enum = require('tui-code-snippet/enum/enum');
+ */
+
+
+
+var isNumber = __webpack_require__(34);
+var isArray = __webpack_require__(17);
+var toArray = __webpack_require__(3);
+var forEach = __webpack_require__(26);
+
+/**
+ * Check whether the defineProperty() method is supported.
+ * @type {boolean}
+ * @ignore
+ */
+var isSupportDefinedProperty = (function() {
+  try {
+    Object.defineProperty({}, 'x', {});
+
+    return true;
+  } catch (e) {
+    return false;
+  }
+})();
+
+/**
+ * A unique value of a constant.
+ * @type {number}
+ * @ignore
+ */
+var enumValue = 0;
+
+/**
+ * Make a constant-list that has unique values.
+ * In modern browsers (except IE8 and lower),
+ *  a value defined once can not be changed.
+ *
+ * @param {...string|string[]} itemList Constant-list (An array of string is available)
+ * @class
+ *
+ * @example
+ * var Enum = require('tui-code-snippet/enum/enum'); // node, commonjs
+ *
+ * var MYENUM = new Enum('TYPE1', 'TYPE2');
+ * var MYENUM2 = new Enum(['TYPE1', 'TYPE2']);
+ *
+ * //usage
+ * if (value === MYENUM.TYPE1) {
+ *      ....
+ * }
+ *
+ * //add (If a duplicate name is inputted, will be disregarded.)
+ * MYENUM.set('TYPE3', 'TYPE4');
+ *
+ * //get name of a constant by a value
+ * MYENUM.getName(MYENUM.TYPE1); // 'TYPE1'
+ *
+ * // In modern browsers (except IE8 and lower), a value can not be changed in constants.
+ * var originalValue = MYENUM.TYPE1;
+ * MYENUM.TYPE1 = 1234; // maybe TypeError
+ * MYENUM.TYPE1 === originalValue; // true
+ **/
+function Enum(itemList) {
+  if (itemList) {
+    this.set.apply(this, arguments);
+  }
+}
+
+/**
+ * Define a constants-list
+ * @param {...string|string[]} itemList Constant-list (An array of string is available)
+ */
+Enum.prototype.set = function(itemList) {
+  var self = this;
+
+  if (!isArray(itemList)) {
+    itemList = toArray(arguments);
+  }
+
+  forEach(itemList, function itemListIteratee(item) {
+    self._addItem(item);
+  });
+};
+
+/**
+ * Return a key of the constant.
+ * @param {number} value A value of the constant.
+ * @returns {string|undefined} Key of the constant.
+ */
+Enum.prototype.getName = function(value) {
+  var self = this;
+  var foundedKey;
+
+  forEach(this, function(itemValue, key) { // eslint-disable-line consistent-return
+    if (self._isEnumItem(key) && value === itemValue) {
+      foundedKey = key;
+
+      return false;
+    }
+  });
+
+  return foundedKey;
+};
+
+/**
+ * Create a constant.
+ * @private
+ * @param {string} name Constant name. (It will be a key of a constant)
+ */
+Enum.prototype._addItem = function(name) {
+  var value;
+
+  if (!this.hasOwnProperty(name)) {
+    value = this._makeEnumValue();
+
+    if (isSupportDefinedProperty) {
+      Object.defineProperty(this, name, {
+        enumerable: true,
+        configurable: false,
+        writable: false,
+        value: value
+      });
+    } else {
+      this[name] = value;
+    }
+  }
+};
+
+/**
+ * Return a unique value for assigning to a constant.
+ * @private
+ * @returns {number} A unique value
+ */
+Enum.prototype._makeEnumValue = function() {
+  var value;
+
+  value = enumValue;
+  enumValue += 1;
+
+  return value;
+};
+
+/**
+ * Return whether a constant from the given key is in instance or not.
+ * @param {string} key - A constant key
+ * @returns {boolean} Result
+ * @private
+ */
+Enum.prototype._isEnumItem = function(key) {
+  return isNumber(this[key]);
+};
+
+module.exports = Enum;
+
+
+/***/ }),
+/* 46 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
+/* harmony import */ var tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
+/* harmony import */ var tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(19);
+/* harmony import */ var tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(20);
+/* harmony import */ var tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _mdPreview__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(35);
+/* harmony import */ var _eventManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(36);
+/* harmony import */ var _commandManager__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(1);
+/* harmony import */ var _convertor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(37);
+/* harmony import */ var _utils_dom__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(0);
+/* harmony import */ var _codeBlockManager__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(30);
+/* harmony import */ var _pluginHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(31);
+/* harmony import */ var _utils_common__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(12);
+/* harmony import */ var _htmlSanitizer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(25);
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * @fileoverview Implements editor preivew
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+var TASK_ATTR_NAME = 'data-te-task';
+var DISABLED_TASK_ATTR_NAME = 'data-te-task-disabled';
+var TASK_CHECKED_CLASS_NAME = 'checked';
+/**
+ * Class ToastUIEditorViewer
+ * @param {object} options Option object
+ *     @param {HTMLElement} options.el - container element
+ *     @param {string} [options.initialValue] Editor's initial value
+ *     @param {Object} [options.events] - Events
+ *         @param {function} [options.events.load] - It would be emitted when editor fully load
+ *         @param {function} [options.events.change] - It would be emitted when content changed
+ *         @param {function} [options.events.stateChange] - It would be emitted when format change by cursor position
+ *         @param {function} [options.events.focus] - It would be emitted when editor get focus
+ *         @param {function} [options.events.blur] - It would be emitted when editor loose focus
+ *     @param {Object} [options.hooks] - Hooks
+ *         @param {function} [options.hooks.previewBeforeHook] - Submit preview to hook URL before preview be shown
+ *     @param {Array.} [options.plugins] - Array of plugins. A plugin can be either a function or an array in the form of [function, options].
+ *     @param {boolean} [options.useDefaultHTMLSanitizer=true] - use default htmlSanitizer
+ *     @param {Object} [options.extendedAutolinks] - Using extended Autolinks specified in GFM spec
+ *     @param {Object} [options.customConvertor] - convertor extention
+ *     @param {Object} [options.linkAttribute] - Attributes of anchor element that should be rel, target, contenteditable, hreflang, type
+ *     @param {Object} [options.customHTMLRenderer] - Object containing custom renderer functions correspond to markdown node
+ *     @param {boolean} [options.referenceDefinition=false] - whether use the specification of link reference definition
+ *     @param {function} [options.customHTMLSanitizer=null] - custom HTML sanitizer
+ *     @param {boolean} [options.frontMatter=false] - whether use the front matter
+ */
+
+var ToastUIEditorViewer = /*#__PURE__*/function () {
+  function ToastUIEditorViewer(options) {
+    var _this = this;
+
+    this.options = tui_code_snippet_object_extend__WEBPACK_IMPORTED_MODULE_1___default()({
+      useDefaultHTMLSanitizer: true,
+      linkAttribute: null,
+      extendedAutolinks: false,
+      customConvertor: null,
+      customHTMLRenderer: null,
+      referenceDefinition: false,
+      customHTMLSanitizer: null,
+      frontMatter: false
+    }, options);
+    this.codeBlockLanguages = [];
+    this.eventManager = new _eventManager__WEBPACK_IMPORTED_MODULE_5__[/* default */ "a"]();
+    this.commandManager = new _commandManager__WEBPACK_IMPORTED_MODULE_6__[/* default */ "a"](this);
+    var linkAttribute = Object(_utils_common__WEBPACK_IMPORTED_MODULE_11__[/* sanitizeLinkAttribute */ "c"])(this.options.linkAttribute);
+
+    var _getPluginInfo = Object(_pluginHelper__WEBPACK_IMPORTED_MODULE_10__[/* getPluginInfo */ "a"])(this.options.plugins),
+        renderer = _getPluginInfo.renderer,
+        parser = _getPluginInfo.parser,
+        plugins = _getPluginInfo.plugins;
+
+    var _this$options = this.options,
+        customHTMLRenderer = _this$options.customHTMLRenderer,
+        customHTMLSanitizer = _this$options.customHTMLSanitizer,
+        extendedAutolinks = _this$options.extendedAutolinks,
+        referenceDefinition = _this$options.referenceDefinition,
+        frontMatter = _this$options.frontMatter;
+    var rendererOptions = {
+      linkAttribute: linkAttribute,
+      customHTMLRenderer: _extends({}, renderer, customHTMLRenderer),
+      extendedAutolinks: extendedAutolinks,
+      referenceDefinition: referenceDefinition,
+      customParser: parser,
+      frontMatter: frontMatter
+    };
+
+    if (this.options.customConvertor) {
+      // eslint-disable-next-line new-cap
+      this.convertor = new this.options.customConvertor(this.eventManager, rendererOptions);
+    } else {
+      this.convertor = new _convertor__WEBPACK_IMPORTED_MODULE_7__[/* default */ "a"](this.eventManager, rendererOptions);
+    }
+
+    var sanitizer = customHTMLSanitizer || (this.options.useDefaultHTMLSanitizer ? _htmlSanitizer__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"] : null);
+
+    if (sanitizer) {
+      this.convertor.initHtmlSanitizer(sanitizer);
+    }
+
+    if (this.options.hooks) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(this.options.hooks, function (fn, key) {
+        _this.addHook(key, fn);
+      });
+    }
+
+    if (this.options.events) {
+      tui_code_snippet_collection_forEachOwnProperties__WEBPACK_IMPORTED_MODULE_0___default()(this.options.events, function (fn, key) {
+        _this.on(key, fn);
+      });
+    }
+
+    var _this$options2 = this.options,
+        el = _this$options2.el,
+        initialValue = _this$options2.initialValue;
+    var existingHTML = el.innerHTML;
+    el.innerHTML = '';
+    this.preview = new _mdPreview__WEBPACK_IMPORTED_MODULE_4__[/* default */ "a"](el, this.eventManager, this.convertor, _extends({}, rendererOptions, {
+      isViewer: true
+    }));
+    tui_code_snippet_domEvent_on__WEBPACK_IMPORTED_MODULE_2___default()(this.preview.el, 'mousedown', this._toggleTask.bind(this));
+
+    if (plugins) {
+      Object(_pluginHelper__WEBPACK_IMPORTED_MODULE_10__[/* invokePlugins */ "b"])(plugins, this);
+    }
+
+    if (initialValue) {
+      this.setMarkdown(initialValue);
+    } else if (existingHTML) {
+      this.preview.setHTML(existingHTML);
+    }
+
+    this.eventManager.emit('load', this);
+  }
+  /**
+   * Toggle task by detecting mousedown event.
+   * @param {MouseEvent} ev - event
+   * @private
+   */
+
+
+  var _proto = ToastUIEditorViewer.prototype;
+
+  _proto._toggleTask = function _toggleTask(ev) {
+    var style = getComputedStyle(ev.target, ':before');
+
+    if (!ev.target.hasAttribute(DISABLED_TASK_ATTR_NAME) && ev.target.hasAttribute(TASK_ATTR_NAME) && _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"].isInsideButtonBox(style, ev.offsetX, ev.offsetY)) {
+      _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"].toggleClass(ev.target, TASK_CHECKED_CLASS_NAME);
+      this.eventManager.emit('change', {
+        source: 'viewer',
+        data: ev
+      });
+    }
+  }
+  /**
+   * Set content for preview
+   * @param {string} markdown Markdown text
+   */
+  ;
+
+  _proto.setMarkdown = function setMarkdown(markdown) {
+    this.markdownValue = markdown = markdown || '';
+    this.preview.refresh(this.markdownValue);
+    this.eventManager.emit('setMarkdownAfter', this.markdownValue);
+  }
+  /**
+   * Bind eventHandler to event type
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.on = function on(type, handler) {
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Unbind eventHandler from event type
+   * @param {string} type Event type
+   */
+  ;
+
+  _proto.off = function off(type) {
+    this.eventManager.removeEventHandler(type);
+  }
+  /**
+   * Remove Viewer preview from document
+   */
+  ;
+
+  _proto.remove = function remove() {
+    this.eventManager.emit('removeEditor');
+    tui_code_snippet_domEvent_off__WEBPACK_IMPORTED_MODULE_3___default()(this.preview.el, 'mousedown', this._toggleTask.bind(this));
+    this.preview.remove();
+    this.options = null;
+    this.eventManager = null;
+    this.commandManager = null;
+    this.convertor = null;
+    this.preview = null;
+  }
+  /**
+   * Add hook to Viewer preview's event
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.addHook = function addHook(type, handler) {
+    this.eventManager.removeEventHandler(type);
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Return true
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isViewer = function isViewer() {
+    return true;
+  }
+  /**
+   * Return false
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isMarkdownMode = function isMarkdownMode() {
+    return false;
+  }
+  /**
+   * Return false
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isWysiwygMode = function isWysiwygMode() {
+    return false;
+  }
+  /**
+   * Set code block languages
+   * @param {Array} languages - code lauguage list
+   */
+  ;
+
+  _proto.setCodeBlockLanguages = function setCodeBlockLanguages(languages) {
+    var _this2 = this;
+
+    if (languages === void 0) {
+      languages = [];
+    }
+
+    languages.forEach(function (lang) {
+      if (_this2.codeBlockLanguages.indexOf(lang) < 0) {
+        _this2.codeBlockLanguages.push(lang);
+      }
+    });
+  };
+
+  return ToastUIEditorViewer;
+}();
+/**
+ * Check whether is viewer (using in plugins)
+ * @type {boolean}
+ * @ignore
+ */
+
+
+ToastUIEditorViewer.isViewer = true;
+/**
+ * domUtil instance
+ * @type {DomUtil}
+ * @ignore
+ */
+
+ToastUIEditorViewer.domUtils = _utils_dom__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"];
+/**
+ * CodeBlockManager instance using in plugins
+ * @type {CodeBlockManager}
+ * @ignore
+ */
+
+ToastUIEditorViewer.codeBlockManager = _codeBlockManager__WEBPACK_IMPORTED_MODULE_9__[/* default */ "a"];
+/**
+ * WwCodeBlockManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwCodeBlockManager = null;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwTableManager = null;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+ToastUIEditorViewer.WwTableSelectionManager = null;
+/* harmony default export */ __webpack_exports__["a"] = (ToastUIEditorViewer);
+
+/***/ }),
+/* 47 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Creates a debounced function that delays invoking fn until after delay milliseconds has elapsed since the last time the debouced function was invoked.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * @module tricks
+ */
+
+/**
+ * Creates a debounced function that delays invoking fn until after delay milliseconds has elapsed
+ * since the last time the debouced function was invoked.
+ * @param {function} fn The function to debounce.
+ * @param {number} [delay=0] The number of milliseconds to delay
+ * @returns {function} debounced function.
+ * @memberof module:tricks
+ * @example
+ * var debounce = require('tui-code-snippet/tricks/debounce'); // node, commonjs
+ *
+ * function someMethodToInvokeDebounced() {}
+ *
+ * var debounced = debounce(someMethodToInvokeDebounced, 300);
+ *
+ * // invoke repeatedly
+ * debounced();
+ * debounced();
+ * debounced();
+ * debounced();
+ * debounced();
+ * debounced();    // last invoke of debounced()
+ *
+ * // invoke someMethodToInvokeDebounced() after 300 milliseconds.
+ */
+function debounce(fn, delay) {
+  var timer, args;
+
+  /* istanbul ignore next */
+  delay = delay || 0;
+
+  function debounced() { // eslint-disable-line require-jsdoc
+    args = Array.prototype.slice.call(arguments);
+
+    window.clearTimeout(timer);
+    timer = window.setTimeout(function() {
+      fn.apply(null, args);
+    }, delay);
+  }
+
+  return debounced;
+}
+
+module.exports = debounce;
+
+
+/***/ }),
+/* 48 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is null or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is null or not.
+ * If the given variable(arguments[0]) is null, returns true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is null?
+ * @memberof module:type
+ */
+function isNull(obj) {
+  return obj === null;
+}
+
+module.exports = isNull;
+
+
+/***/ }),
+/* 49 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Request image ping.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var forEachOwnProperties = __webpack_require__(10);
+
+/**
+ * @module request
+ */
+
+/**
+ * Request image ping.
+ * @param {String} url url for ping request
+ * @param {Object} trackingInfo infos for make query string
+ * @returns {HTMLElement}
+ * @memberof module:request
+ * @example
+ * var imagePing = require('tui-code-snippet/request/imagePing'); // node, commonjs
+ *
+ * imagePing('https://www.google-analytics.com/collect', {
+ *     v: 1,
+ *     t: 'event',
+ *     tid: 'trackingid',
+ *     cid: 'cid',
+ *     dp: 'dp',
+ *     dh: 'dh'
+ * });
+ */
+function imagePing(url, trackingInfo) {
+  var trackingElement = document.createElement('img');
+  var queryString = '';
+  forEachOwnProperties(trackingInfo, function(value, key) {
+    queryString += '&' + key + '=' + value;
+  });
+  queryString = queryString.substring(1);
+
+  trackingElement.src = url + '?' + queryString;
+
+  trackingElement.style.display = 'none';
+  document.body.appendChild(trackingElement);
+  document.body.removeChild(trackingElement);
+
+  return trackingElement;
+}
+
+module.exports = imagePing;
+
+
+/***/ }),
+/* 50 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 51 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 52 */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+/* 53 */,
+/* 54 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is an object or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is an object or not.
+ * If the given variable is an object, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is object?
+ * @memberof module:type
+ */
+function isObject(obj) {
+  return obj === Object(obj);
+}
+
+module.exports = isObject;
+
+
+/***/ }),
+/* 55 */
+/***/ (function(module, exports, __webpack_require__) {
+
+!function(e,t){"use strict";function n(e,t,n){this.root=this.currentNode=e,this.nodeType=t,this.filter=n||ue}function o(e,t){for(var n=e.length;n--;)if(!t(e[n]))return!1;return!0}function i(e){return e.nodeType===M&&!!pe[e.nodeName]}function r(e){switch(e.nodeType){case H:return me;case M:case z:if(de&&Ne.has(e))return Ne.get(e);break;default:return ge}var t;return t=o(e.childNodes,a)?fe.test(e.nodeName)?me:ve:Ce,de&&Ne.set(e,t),t}function a(e){return r(e)===me}function s(e){return r(e)===ve}function d(e){return r(e)===Ce}function l(e,t){var o=new n(t,q,s);return o.currentNode=e,o}function c(e,t){return e=l(e,t).previousNode(),e!==t?e:null}function h(e,t){return e=l(e,t).nextNode(),e!==t?e:null}function u(e){return!e.textContent&&!e.querySelector("IMG")}function f(e,t){return!i(e)&&e.nodeType===t.nodeType&&e.nodeName===t.nodeName&&"A"!==e.nodeName&&e.className===t.className&&(!e.style&&!t.style||e.style.cssText===t.style.cssText)}function p(e,t,n){if(e.nodeName!==t)return!1;for(var o in n)if(e.getAttribute(o)!==n[o])return!1;return!0}function g(e,t,n,o){for(;e&&e!==t;){if(p(e,n,o))return e;e=e.parentNode}return null}function m(e,t,n){for(;e&&e!==t;){if(n.test(e.nodeName))return e;e=e.parentNode}return null}function v(e,t){for(;t;){if(t===e)return!0;t=t.parentNode}return!1}function C(e,t,n){var o,i,r,a,s,d="";return e&&e!==t&&(d=C(e.parentNode,t,n),e.nodeType===M&&(d+=(d?">":"")+e.nodeName,(o=e.id)&&(d+="#"+o),(i=e.className.trim())&&(r=i.split(/\s\s*/),r.sort(),d+=".",d+=r.join(".")),(a=e.dir)&&(d+="[dir="+a+"]"),r&&(s=n.classNames,ce.call(r,s.highlight)>-1&&(d+="[backgroundColor="+e.style.backgroundColor.replace(/ /g,"")+"]"),ce.call(r,s.colour)>-1&&(d+="[color="+e.style.color.replace(/ /g,"")+"]"),ce.call(r,s.fontFamily)>-1&&(d+="[fontFamily="+e.style.fontFamily.replace(/ /g,"")+"]"),ce.call(r,s.fontSize)>-1&&(d+="[fontSize="+e.style.fontSize+"]")))),d}function N(e){var t=e.nodeType;return t===M||t===z?e.childNodes.length:e.length||0}function _(e){var t=e.parentNode;return t&&t.removeChild(e),e}function S(e,t){var n=e.parentNode;n&&n.replaceChild(t,e)}function y(e){for(var t=e.ownerDocument.createDocumentFragment(),n=e.childNodes,o=n?n.length:0;o--;)t.appendChild(e.firstChild);return t}function T(e,n,o,i){var r,a,s,d=e.createElement(n);if(o instanceof Array&&(i=o,o=null),o)for(r in o)o[r]!==t&&d.setAttribute(r,o[r]);if(i)for(a=0,s=i.length;as?t.startOffset-=1:t.startOffset===s&&(t.startContainer=o,t.startOffset=N(o))),t.endContainer===e&&(t.endOffset>s?t.endOffset-=1:t.endOffset===s&&(t.endContainer=o,t.endOffset=N(o))),_(n),n.nodeType===H?o.appendData(n.data):d.push(y(n));else if(n.nodeType===M){for(i=d.length;i--;)n.appendChild(d.pop());x(n,t)}}function A(e,t){if(e.nodeType===H&&(e=e.parentNode),e.nodeType===M){var n={startContainer:t.startContainer,startOffset:t.startOffset,endContainer:t.endContainer,endOffset:t.endOffset};x(e,n),t.setStart(n.startContainer,n.startOffset),t.setEnd(n.endContainer,n.endOffset)}}function L(e){var t=e.nodeName;return"TD"===t||"TH"===t||"TR"===t||"TBODY"===t||"THEAD"===t}function B(e,t,n,o){var i,r,a,s=t;if(!L(e)||!L(t)){for(;(i=s.parentNode)&&i!==o&&i.nodeType===M&&1===i.childNodes.length;)s=i;_(s),a=e.childNodes.length,r=e.lastChild,r&&"BR"===r.nodeName&&(e.removeChild(r),a-=1),e.appendChild(y(t)),n.setStart(e,a),n.collapse(!0),A(e,n),J&&(r=e.lastChild)&&"BR"===r.nodeName&&e.removeChild(r)}}function O(e,t){var n,o,i=e.previousSibling,r=e.firstChild,a=e.ownerDocument,s="LI"===e.nodeName;if((!s||r&&/^[OU]L$/.test(r.nodeName))&&!L(e))if(i&&f(i,e)&&i.isContentEditable&&e.isContentEditable){if(!d(i)){if(!s)return;o=T(a,"DIV"),o.appendChild(y(i)),i.appendChild(o)}_(e),n=!d(e),i.appendChild(y(e)),n&&b(i,t),r&&O(r,t)}else s&&(i=T(a,"DIV"),e.insertBefore(i,r),E(i,t))}function R(e){this.isShiftDown=e.shiftKey}function D(e,t,n){var o,i;if(e||(e={}),t)for(o in t)!n&&o in e||(i=t[o],e[o]=i&&i.constructor===Object?D(e[o],i,n):i);return e}function P(e,t){e.nodeType===W&&(e=e.body);var n,o=e.ownerDocument,i=o.defaultView;this._win=i,this._doc=o,this._root=e,this._events={},this._isFocused=!1,this._lastSelection=null,ae&&this.addEventListener("beforedeactivate",this.getSelection),this._hasZWS=!1,this._lastAnchorNode=null,this._lastFocusNode=null,this._path="",this._willUpdatePath=!1,"onselectionchange"in o?this.addEventListener("selectionchange",this._updatePathOnEvent):(this.addEventListener("keyup",this._updatePathOnEvent),this.addEventListener("mouseup",this._updatePathOnEvent)),this._undoIndex=-1,this._undoStack=[],this._undoStackLength=0,this._isInUndoState=!1,this._ignoreChange=!1,this._ignoreAllChanges=!1,se?(n=new MutationObserver(this._docWasChanged.bind(this)),n.observe(e,{childList:!0,attributes:!0,characterData:!0,subtree:!0}),this._mutation=n):this.addEventListener("keyup",this._keyUpDetectChange),this._restoreSelection=!1,this.addEventListener("blur",U),this.addEventListener("mousedown",I),this.addEventListener("touchstart",I),this.addEventListener("focus",w),this._awaitingPaste=!1,this.addEventListener(X?"beforecut":"cut",nt),this.addEventListener("copy",ot),this.addEventListener("keydown",R),this.addEventListener("keyup",R),this.addEventListener(X?"beforepaste":"paste",it),this.addEventListener("drop",rt),this.addEventListener(J?"keypress":"keydown",Ie),this._keyHandlers=Object.create(He),this.setConfig(t),X&&(i.Text.prototype.splitText=function(e){var t=this.ownerDocument.createTextNode(this.data.slice(e)),n=this.nextSibling,o=this.parentNode,i=this.length-e;return n?o.insertBefore(t,n):o.appendChild(t),i&&this.deleteData(e,i),t}),e.setAttribute("contenteditable","true");try{o.execCommand("enableObjectResizing",!1,"false"),o.execCommand("enableInlineTableEditing",!1,"false")}catch(e){}e.__squire__=this,this.setHTML("")}function U(){this._restoreSelection=!0}function I(){this._restoreSelection=!1}function w(){this._restoreSelection&&this.setSelection(this._lastSelection)}function F(e,t,n){var o,i;for(o=t.firstChild;o;o=i){if(i=o.nextSibling,a(o)){if(o.nodeType===H||"BR"===o.nodeName||"IMG"===o.nodeName){n.appendChild(o);continue}}else if(s(o)){n.appendChild(e.createDefaultBlock([F(e,o,e._doc.createDocumentFragment())]));continue}F(e,o,n)}return n}var M=1,H=3,W=9,z=11,q=1,K="​",G=e.defaultView,Z=navigator.userAgent,j=/Android/.test(Z),Q=/iP(?:ad|hone|od)/.test(Z),$=/Mac OS X/.test(Z),V=/Windows NT/.test(Z),Y=/Gecko\//.test(Z),X=/Trident\/[456]\./.test(Z),J=!!G.opera,ee=/Edge\//.test(Z),te=!ee&&/WebKit\//.test(Z),ne=/Trident\/[4567]\./.test(Z),oe=$?"meta-":"ctrl-",ie=X||J,re=X||te,ae=X,se="undefined"!=typeof MutationObserver,de="undefined"!=typeof WeakMap,le=/[^ \t\r\n]/,ce=Array.prototype.indexOf;Object.create||(Object.create=function(e){var t=function(){};return t.prototype=e,new t});var he={1:1,2:2,3:4,8:128,9:256,11:1024},ue=function(){return!0};n.prototype.nextNode=function(){for(var e,t=this.currentNode,n=this.root,o=this.nodeType,i=this.filter;;){for(e=t.firstChild;!e&&t&&t!==n;)(e=t.nextSibling)||(t=t.parentNode);if(!e)return null;if(he[e.nodeType]&o&&i(e))return this.currentNode=e,e;t=e}},n.prototype.previousNode=function(){for(var e,t=this.currentNode,n=this.root,o=this.nodeType,i=this.filter;;){if(t===n)return null;if(e=t.previousSibling)for(;t=e.lastChild;)e=t;else e=t.parentNode;if(!e)return null;if(he[e.nodeType]&o&&i(e))return this.currentNode=e,e;t=e}},n.prototype.previousPONode=function(){for(var e,t=this.currentNode,n=this.root,o=this.nodeType,i=this.filter;;){for(e=t.lastChild;!e&&t&&t!==n;)(e=t.previousSibling)||(t=t.parentNode);if(!e)return null;if(he[e.nodeType]&o&&i(e))return this.currentNode=e,e;t=e}};var fe=/^(?:#text|A(?:BBR|CRONYM)?|B(?:R|D[IO])?|C(?:ITE|ODE)|D(?:ATA|EL|FN)|EM|FONT|I(?:FRAME|MG|NPUT|NS)?|KBD|Q|R(?:P|T|UBY)|S(?:AMP|MALL|PAN|TR(?:IKE|ONG)|U[BP])?|TIME|U|VAR|WBR)$/,pe={BR:1,HR:1,IFRAME:1,IMG:1,INPUT:1},ge=0,me=1,ve=2,Ce=3,Ne=de?new WeakMap:null,_e=function(e,t){for(var n=e.childNodes;t&&e.nodeType===M;)e=n[t-1],n=e.childNodes,t=n.length;return e},Se=function(e,t){if(e.nodeType===M){var n=e.childNodes;if(t-1,r=e.compareBoundaryPoints(1,o)<1;return!i&&!r}var a=e.compareBoundaryPoints(0,o)<1,s=e.compareBoundaryPoints(2,o)>-1;return a&&s},xe=function(e){for(var t,n=e.startContainer,o=e.startOffset,r=e.endContainer,a=e.endOffset,s=!0;n.nodeType!==H&&(t=n.childNodes[o])&&!i(t);)n=t,o=0;if(a)for(;r.nodeType!==H;){if(!(t=r.childNodes[a-1])||i(t)){if(s&&t&&"BR"===t.nodeName){a-=1,s=!1;continue}break}r=t,a=N(r)}else for(;r.nodeType!==H&&(t=r.firstChild)&&!i(t);)r=t;e.collapsed?(e.setStart(r,a),e.setEnd(n,o)):(e.setStart(n,o),e.setEnd(r,a))},Ae=function(e,t,n,o){var i,r=e.startContainer,a=e.startOffset,s=e.endContainer,d=e.endOffset,l=!0;for(t||(t=e.commonAncestorContainer),n||(n=t);!a&&r!==t&&r!==o;)i=r.parentNode,a=ce.call(i.childNodes,r),r=i;for(;;){if(l&&s.nodeType!==H&&s.childNodes[d]&&"BR"===s.childNodes[d].nodeName&&(d+=1,l=!1),s===n||s===o||d!==N(s))break;i=s.parentNode,d=ce.call(i.childNodes,s)+1,s=i}e.setStart(r,a),e.setEnd(s,d)},Le=function(e,t){var n,o=e.startContainer;return a(o)?n=c(o,t):o!==t&&s(o)?n=o:(n=_e(o,e.startOffset),n=h(n,t)),n&&ke(e,n,!0)?n:null},Be=function(e,t){var n,o,i=e.endContainer;if(a(i))n=c(i,t);else if(i!==t&&s(i))n=i;else{if(!(n=Se(i,e.endOffset))||!v(t,n))for(n=t;o=n.lastChild;)n=o;n=c(n,t)}return n&&ke(e,n,!0)?n:null},Oe=new n(null,4|q,function(e){return e.nodeType===H?le.test(e.data):"IMG"===e.nodeName}),Re=function(e,t){var n,o=e.startContainer,i=e.startOffset;if(Oe.root=null,o.nodeType===H){if(i)return!1;n=o}else if(n=Se(o,i),n&&!v(t,n)&&(n=null),!n&&(n=_e(o,i),n.nodeType===H&&n.length))return!1;return Oe.currentNode=n,Oe.root=Le(e,t),!Oe.previousNode()},De=function(e,t){var n,o=e.endContainer,i=e.endOffset;if(Oe.root=null,o.nodeType===H){if((n=o.data.length)&&i-1||!Y&&ce.call(i,"text/plain")>-1&&ce.call(i,"text/rtf")<0))return e.preventDefault(),void(!d&&(r=a.getData("text/html"))?this.insertHTML(r,!0):((r=a.getData("text/plain"))||(r=a.getData("text/uri-list")))&&this.insertPlainText(r,!0));this._awaitingPaste=!0;var f=this._doc.body,p=this.getSelection(),g=p.startContainer,m=p.startOffset,v=p.endContainer,C=p.endOffset,N=this.createElement("DIV",{contenteditable:"true",style:"position:fixed; overflow:hidden; top:0; right:100%; width:1px; height:1px;"});f.appendChild(N),p.selectNodeContents(N),this.setSelection(p),setTimeout(function(){try{u._awaitingPaste=!1;for(var e,t,n="",o=N;N=o;)o=N.nextSibling,_(N),e=N.firstChild,e&&e===N.lastChild&&"DIV"===e.nodeName&&(N=e),n+=N.innerHTML;t=u.createRange(g,m,v,C),u.setSelection(t),n&&u.insertHTML(n,!0)}catch(e){u.didError(e)}},0)},rt=function(e){for(var t=e.dataTransfer.types,n=t.length,o=!1,i=!1;n--;)switch(t[n]){case"text/plain":o=!0;break;case"text/html":i=!0;break;default:return}(i||o)&&this.saveUndoState()},at=P.prototype,st=function(e,t,n){var o=n._doc,i=e?DOMPurify.sanitize(e,{ALLOW_UNKNOWN_PROTOCOLS:!0,WHOLE_DOCUMENT:!1,RETURN_DOM:!0,RETURN_DOM_FRAGMENT:!0}):null;return i?o.importNode(i,!0):o.createDocumentFragment()};at.setConfig=function(e){return e=D({blockTag:"DIV",blockAttributes:null,tagAttributes:{blockquote:null,ul:null,ol:null,li:null,a:null},classNames:{colour:"colour",fontFamily:"font",fontSize:"size",highlight:"highlight"},leafNodeNames:pe,undo:{documentSizeThreshold:-1,undoLimit:-1},isInsertedHTMLSanitized:!0,isSetHTMLSanitized:!0,sanitizeToDOMFragment:"undefined"!=typeof DOMPurify&&DOMPurify.isSupported?st:null,willCutCopy:null,allowedBlocks:[]},e,!0),e.blockTag=e.blockTag.toUpperCase(),this._config=e,this},at.createElement=function(e,t,n){return T(this._doc,e,t,n)},at.createDefaultBlock=function(e){var t=this._config;return E(this.createElement(t.blockTag,t.blockAttributes,e),this._root)},at.didError=function(e){console.log(e)},at.getDocument=function(){return this._doc},at.getRoot=function(){return this._root},at.modifyDocument=function(e){var t=this._mutation;t&&(t.takeRecords().length&&this._docWasChanged(),t.disconnect()),this._ignoreAllChanges=!0,e(),this._ignoreAllChanges=!1,t&&(t.observe(this._root,{childList:!0,attributes:!0,characterData:!0,subtree:!0}),this._ignoreChange=!1)};var dt={pathChange:1,select:1,input:1,undoStateChange:1};at.fireEvent=function(e,t){var n,o,i,r=this._events[e];if(/^(?:focus|blur)/.test(e))if(n=this._root===this._doc.activeElement,"focus"===e){if(!n||this._isFocused)return this;this._isFocused=!0}else{if(n||!this._isFocused)return this;this._isFocused=!1}if(r)for(t||(t={}),t.type!==e&&(t.type=e),r=r.slice(),o=r.length;o--;){i=r[o];try{i.handleEvent?i.handleEvent(t):i.call(this,t)}catch(t){t.details="Squire: fireEvent error. Event type: "+e,this.didError(t)}}return this},at.destroy=function(){var e,t=this._events;for(e in t)this.removeEventListener(e);this._mutation&&this._mutation.disconnect(),delete this._root.__squire__,this._undoIndex=-1,this._undoStack=[],this._undoStackLength=0},at.handleEvent=function(e){this.fireEvent(e.type,e)},at.addEventListener=function(e,t){var n=this._events[e],o=this._root;return t?(n||(n=this._events[e]=[],dt[e]||("selectionchange"===e&&(o=this._doc),o.addEventListener(e,this,!0))),n.push(t),this):(this.didError({name:"Squire: addEventListener with null or undefined fn",message:"Event type: "+e}),this)},at.removeEventListener=function(e,t){var n,o=this._events[e],i=this._root;if(o){if(t)for(n=o.length;n--;)o[n]===t&&o.splice(n,1);else o.length=0;o.length||(delete this._events[e],dt[e]||("selectionchange"===e&&(i=this._doc),i.removeEventListener(e,this,!0)))}return this},at.createRange=function(e,t,n,o){if(e instanceof this._win.Range)return e.cloneRange();var i=this._doc.createRange();return i.setStart(e,t),n?i.setEnd(n,o):i.setEnd(e,t),i},at.getCursorPosition=function(e){if(!e&&!(e=this.getSelection())||!e.getBoundingClientRect)return null;var t,n,o=e.getBoundingClientRect();return o&&!o.top&&(this._ignoreChange=!0,t=this._doc.createElement("SPAN"),t.textContent=K,ye(e,t),o=t.getBoundingClientRect(),n=t.parentNode,n.removeChild(t),A(n,e),this._ignoreChange=!1),o},at._moveCursorTo=function(e){var t=this._root,n=this.createRange(t,e?0:t.childNodes.length);return xe(n),this.setSelection(n),this},at.moveCursorToStart=function(){return this._moveCursorTo(!0)},at.moveCursorToEnd=function(){return this._moveCursorTo(!1)};var lt=function(e){return e._win.getSelection()||null};at.setSelection=function(e){if(e)if(this._lastSelection=e,this._isFocused)if(j&&!this._restoreSelection)U.call(this),this.blur(),this.focus();else{Q&&this._win.focus();var t=lt(this);t&&(t.removeAllRanges(),t.addRange(e))}else U.call(this);return this},at.getSelection=function(){var e,t,n,o,r=lt(this),a=this._root;return this._isFocused&&r&&r.rangeCount&&(e=r.getRangeAt(0).cloneRange(),t=e.startContainer,n=e.endContainer,t&&i(t)&&e.setStartBefore(t),n&&i(n)&&e.setEndBefore(n)),e&&v(a,e.commonAncestorContainer)?this._lastSelection=e:(e=this._lastSelection,o=e.commonAncestorContainer,v(o.ownerDocument,o)||(e=null)),e||(e=this.createRange(a.firstChild,0)),e},at.getSelectedText=function(){var e=this.getSelection();if(!e||e.collapsed)return"";var t,o=new n(e.commonAncestorContainer,4|q,function(t){return ke(e,t,!0)}),i=e.startContainer,r=e.endContainer,s=o.currentNode=i,d="",l=!1;for(o.filter(s)||(s=o.nextNode());s;)s.nodeType===H?(t=s.data)&&/\S/.test(t)&&(s===r&&(t=t.slice(0,e.endOffset)),s===i&&(t=t.slice(e.startOffset)),d+=t,l=!0):("BR"===s.nodeName||l&&!a(s))&&(d+="\n",l=!1),s=o.nextNode();return d},at.getPath=function(){return this._path};var ct=function(e,t){for(var o,i,r,s=new n(e,4);i=s.nextNode();)for(;(r=i.data.indexOf(K))>-1&&(!t||i.parentNode!==t);){if(1===i.length){do{o=i.parentNode,o.removeChild(i),i=o,s.currentNode=o}while(a(i)&&!N(i));break}i.deleteData(r,1)}};at._didAddZWS=function(){this._hasZWS=!0},at._removeZWS=function(){this._hasZWS&&(ct(this._root),this._hasZWS=!1)},at._updatePath=function(e,t){if(e){var n,o=e.startContainer,i=e.endContainer;(t||o!==this._lastAnchorNode||i!==this._lastFocusNode)&&(this._lastAnchorNode=o,this._lastFocusNode=i,
+n=o&&i?o===i?C(i,this._root,this._config):"(selection)":"",this._path!==n&&(this._path=n,this.fireEvent("pathChange",{path:n}))),this.fireEvent(e.collapsed?"cursor":"select",{range:e})}},at._updatePathOnEvent=function(e){var t=this;t._isFocused&&!t._willUpdatePath&&(t._willUpdatePath=!0,setTimeout(function(){t._willUpdatePath=!1,t._updatePath(t.getSelection())},0))},at.focus=function(){if(ne){try{this._root.setActive()}catch(e){}this.fireEvent("focus")}else this._root.focus();return this},at.blur=function(){return this._root.blur(),ne&&this.fireEvent("blur"),this};var ht="squire-selection-end";at._saveRangeToBookmark=function(e){var t,n=this.createElement("INPUT",{id:"squire-selection-start",type:"hidden"}),o=this.createElement("INPUT",{id:ht,type:"hidden"});ye(e,n),e.collapse(!1),ye(e,o),2&n.compareDocumentPosition(o)&&(n.id=ht,o.id="squire-selection-start",t=n,n=o,o=t),e.setStartAfter(n),e.setEndBefore(o)},at._getRangeAndRemoveBookmark=function(e){var t=this._root,n=t.querySelector("#squire-selection-start"),o=t.querySelector("#"+ht);if(n&&o){var i=n.parentNode,r=o.parentNode,a=ce.call(i.childNodes,n),s=ce.call(r.childNodes,o);i===r&&(s-=1),_(n),_(o),e||(e=this._doc.createRange()),e.setStart(i,a),e.setEnd(r,s),A(i,e),i!==r&&A(r,e),e.collapsed&&(i=e.startContainer,i.nodeType===H&&(r=i.childNodes[e.startOffset],r&&r.nodeType===H||(r=i.childNodes[e.startOffset-1]),r&&r.nodeType===H&&(e.setStart(r,0),e.collapse(!0))))}return e||null},at._keyUpDetectChange=function(e){var t=e.keyCode;e.ctrlKey||e.metaKey||e.altKey||!(t<16||t>20)||!(t<33||t>45)||this._docWasChanged()},at._docWasChanged=function(){if(de&&(Ne=new WeakMap),!this._ignoreAllChanges){if(se&&this._ignoreChange)return void(this._ignoreChange=!1);this._isInUndoState&&(this._isInUndoState=!1,this.fireEvent("undoStateChange",{canUndo:!0,canRedo:!1})),this.fireEvent("input")}},at._recordUndoState=function(e,t){if(!this._isInUndoState||t){var n,o=this._undoIndex,i=this._undoStack,r=this._config.undo,a=r.documentSizeThreshold,s=r.undoLimit;t||(o+=1),o-1&&2*n.length>a&&s>-1&&o>s&&(i.splice(0,o-s),o=s,this._undoStackLength=s),i[o]=n,this._undoIndex=o,this._undoStackLength+=1,this._isInUndoState=!0}},at.saveUndoState=function(e){return e===t&&(e=this.getSelection()),this._recordUndoState(e,this._isInUndoState),this._getRangeAndRemoveBookmark(e),this},at.undo=function(){if(0!==this._undoIndex||!this._isInUndoState){this._recordUndoState(this.getSelection(),!1),this._undoIndex-=1,this._setHTML(this._undoStack[this._undoIndex]);var e=this._getRangeAndRemoveBookmark();e&&this.setSelection(e),this._isInUndoState=!0,this.fireEvent("undoStateChange",{canUndo:0!==this._undoIndex,canRedo:!0}),this.fireEvent("input")}return this},at.redo=function(){var e=this._undoIndex,t=this._undoStackLength;if(e+1c&&h.splitText(c),h===s&&l&&(h=h.splitText(l),d===s&&(d=h,c-=l),s=h,l=0),i=this.createElement(e,t),S(h,i),i.appendChild(h))}while(r.nextNode());d.nodeType!==H&&(h.nodeType===H?(d=h,c=h.length):(d=h.parentNode,c=1)),o=this.createRange(s,l,d,c)}return o},at._removeFormat=function(e,t,n,o){this._saveRangeToBookmark(n);var i,r=this._doc;n.collapsed&&(re?(i=r.createTextNode(K),this._didAddZWS()):i=r.createTextNode(""),ye(n,i));for(var s=n.commonAncestorContainer;a(s);)s=s.parentNode;var d=n.startContainer,l=n.startOffset,c=n.endContainer,h=n.endOffset,u=[],f=function(e,t){if(!ke(n,e,!1)){var o,i,r=e.nodeType===H;if(!ke(n,e,!0))return void("INPUT"===e.nodeName||r&&!e.data||u.push([t,e]));if(r)e===c&&h!==e.length&&u.push([t,e.splitText(h)]),e===d&&l&&(e.splitText(l),u.push([t,e]));else for(o=e.firstChild;o;o=i)i=o.nextSibling,f(o,t)}},g=Array.prototype.filter.call(s.getElementsByTagName(e),function(o){return ke(n,o,!0)&&p(o,e,t)});return o||g.forEach(function(e){f(e,e)}),u.forEach(function(e){var t=e[0].cloneNode(!1),n=e[1];S(n,t),t.appendChild(n)}),g.forEach(function(e){S(e,y(e))}),this._getRangeAndRemoveBookmark(n),i&&n.collapse(!1),A(s,n),n},at.changeFormat=function(e,t,n,o){return n||(n=this.getSelection())?(this.saveUndoState(n),t&&(n=this._removeFormat(t.tag.toUpperCase(),t.attributes||{},n,o)),e&&(n=this._addFormat(e.tag.toUpperCase(),e.attributes||{},n)),this.setSelection(n),this._updatePath(n,!0),se||this._docWasChanged(),this):this};var ut={DT:"DD",DD:"DT",LI:"LI",PRE:"PRE"},ft=function(e,t,n,o){var i=ut[t.nodeName],r=null,a=k(n,o,t.parentNode,e._root),s=e._config;return i||(i=s.blockTag,r=s.blockAttributes),p(a,i,r)||(t=T(a.ownerDocument,i,r),a.dir&&(t.dir=a.dir),S(a,t),t.appendChild(y(a)),a=t),a};at.forEachBlock=function(e,t,n){if(!n&&!(n=this.getSelection()))return this;t&&this.saveUndoState(n);var o=this._root,i=Le(n,o),r=Be(n,o);if(i&&r)do{if(e(i)||i===r)break}while(i=h(i,o));return t&&(this.setSelection(n),this._updatePath(n,!0),se||this._docWasChanged()),this},at.modifyBlocks=function(e,t){if(!t&&!(t=this.getSelection()))return this;this._recordUndoState(t,this._isInUndoState);var n,o=this._root;return Pe(t,o),Ae(t,o,o,o),n=Te(t,o,o),ye(t,e.call(this,n)),t.endOffset]+|\([^\s()<>]+\))+(?:\((?:[^\s()<>]+|(?:\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?«»“”‘’]))|([\w\-.%+]+@(?:[\w\-]+\.)+[A-Z]{2,}\b)(?:\?[^&?\s]+=[^&?\s]+(?:&[^&?\s]+=[^&?\s]+)*)?/i;var yt=function(e,t,o){var i,r,a,s,d,l,c,h=e.ownerDocument,u=new n(e,4,function(e){return!g(e,t,"A")}),f=o.linkRegExp,p=o._config.tagAttributes.a;if(f)for(;i=u.nextNode();)for(r=i.data,a=i.parentNode;s=f.exec(r);)d=s.index,l=d+s[0].length,d&&(c=h.createTextNode(r.slice(0,d)),a.insertBefore(c,i)),c=o.createElement("A",D({href:s[1]?/^(?:ht|f)tps?:/i.test(s[1])?s[1]:"http://"+s[1]:"mailto:"+s[0]},p,!1)),c.textContent=r.slice(d,l),a.insertBefore(c,i),i.data=r=r.slice(l)};at.insertHTML=function(e,t){var n,o,i,r,a,s,d,l=this._config,c=l.isInsertedHTMLSanitized?l.sanitizeToDOMFragment:null,u=this.getSelection(),f=this._doc;"function"==typeof c?r=c(e,t,this):(t&&(n=e.indexOf("\x3c!--StartFragment--\x3e"),o=e.lastIndexOf("\x3c!--EndFragment--\x3e"),n>-1&&o>-1&&(e=e.slice(n+20,o))),/<\/td>((?!<\/tr>)[\s\S])*$/i.test(e)&&(e="
    "+e+""),/<\/tr>((?!<\/table>)[\s\S])*$/i.test(e)&&(e="
    "+e+"
    "),i=this.createElement("DIV"),i.innerHTML=e,r=f.createDocumentFragment(),r.appendChild(y(i))),this.saveUndoState(u);try{for(a=this._root,s=r,d={fragment:r,preventDefault:function(){this.defaultPrevented=!0},defaultPrevented:!1},yt(r,r,this),Ve(r,l),et(r,a,!1),Ye(r),r.normalize();s=h(s,r);)E(s,a);t&&this.fireEvent("willPaste",d),d.defaultPrevented||(be(u,d.fragment,a),se||this._docWasChanged(),u.collapse(!1),this._ensureBottomLine()),this.setSelection(u),this._updatePath(u,!0),t&&this.focus()}catch(e){this.didError(e)}return this};var Tt=function(e){return e.split("&").join("&").split("<").join("<").split(">").join(">").split('"').join(""")};at.insertPlainText=function(e,t){var n=this.getSelection();if(n.collapsed&&g(n.startContainer,this._root,"PRE")){var o,i,r=n.startContainer,a=n.startOffset;return r&&r.nodeType===H||(o=this._doc.createTextNode(""),r.insertBefore(o,r.childNodes[a]),r=o,a=0),i={text:e,preventDefault:function(){this.defaultPrevented=!0},defaultPrevented:!1},t&&this.fireEvent("willPaste",i),i.defaultPrevented||(e=i.text,r.insertData(a,e),n.setStart(r,a+e.length),n.collapse(!0)),this.setSelection(n),this}var s,d,l,c,h=e.split("\n"),u=this._config,f=u.blockTag,p=u.blockAttributes,m="",v="<"+f;for(s in p)v+=" "+s+'="'+Tt(p[s])+'"';for(v+=">",d=0,l=h.length;d")+m;return this.insertHTML(h.join(""),t)};var Et=function(e,t,n){return function(){return this[e](t,n),this.focus()}};at.addStyles=function(e){if(e){var t=this._doc.documentElement.firstChild,n=this.createElement("STYLE",{type:"text/css"});n.appendChild(this._doc.createTextNode(e)),t.appendChild(n)}return this},at.bold=Et("changeFormat",{tag:"B"}),at.italic=Et("changeFormat",{tag:"I"}),at.underline=Et("changeFormat",{tag:"U"}),at.strikethrough=Et("changeFormat",{tag:"S"}),at.subscript=Et("changeFormat",{tag:"SUB"},{tag:"SUP"}),at.superscript=Et("changeFormat",{tag:"SUP"},{tag:"SUB"}),at.removeBold=Et("changeFormat",null,{tag:"B"}),at.removeItalic=Et("changeFormat",null,{tag:"I"}),at.removeUnderline=Et("changeFormat",null,{tag:"U"}),at.removeStrikethrough=Et("changeFormat",null,{tag:"S"}),at.removeSubscript=Et("changeFormat",null,{tag:"SUB"}),at.removeSuperscript=Et("changeFormat",null,{tag:"SUP"}),at.makeLink=function(e,t){var n=this.getSelection();if(n.collapsed){var o=e.indexOf(":")+1;if(o)for(;"/"===e[o];)o+=1;ye(n,this._doc.createTextNode(e.slice(o)))}return t=D(D({href:e},t,!0),this._config.tagAttributes.a,!1),this.changeFormat({tag:"A",attributes:t},{tag:"A"},n),this.focus()},at.removeLink=function(){return this.changeFormat(null,{tag:"A"},this.getSelection(),!0),this.focus()},at.setFontFace=function(e){var t=this._config.classNames.fontFamily;return this.changeFormat(e?{tag:"SPAN",attributes:{class:t,style:"font-family: "+e+", sans-serif;"}}:null,{tag:"SPAN",attributes:{class:t}}),this.focus()},at.setFontSize=function(e){var t=this._config.classNames.fontSize;return this.changeFormat(e?{tag:"SPAN",attributes:{class:t,style:"font-size: "+("number"==typeof e?e+"px":e)}}:null,{tag:"SPAN",attributes:{class:t}}),this.focus()},at.setTextColour=function(e){var t=this._config.classNames.colour;return this.changeFormat(e?{tag:"SPAN",attributes:{class:t,style:"color:"+e}}:null,{tag:"SPAN",attributes:{class:t}}),this.focus()},at.setHighlightColour=function(e){var t=this._config.classNames.highlight;return this.changeFormat(e?{tag:"SPAN",attributes:{class:t,style:"background-color:"+e}}:e,{tag:"SPAN",attributes:{class:t}}),this.focus()},at.setTextAlignment=function(e){return this.forEachBlock(function(t){var n=t.className.split(/\s+/).filter(function(e){return!!e&&!/^align/.test(e)}).join(" ");e?(t.className=n+" align-"+e,t.style.textAlign=e):(t.className=n,t.style.textAlign="")},!0),this.focus()},at.setTextDirection=function(e){return this.forEachBlock(function(t){e?t.dir=e:t.removeAttribute("dir")},!0),this.focus()};var bt=function(e){for(var t,o=this._root,i=this._doc,r=i.createDocumentFragment(),a=l(e,o);t=a.nextNode();){var s,d,c=t.querySelectorAll("BR"),h=[],u=c.length;for(s=0;s-1;)a.appendChild(d.createTextNode(r.slice(0,s))),a.appendChild(d.createElement("BR")),r=r.slice(s+1);i.parentNode.insertBefore(a,i),i.data=r}b(t,l),S(t,y(t))}return e};at.code=function(){var e=this.getSelection();return e.collapsed||d(e.commonAncestorContainer)?this.modifyBlocks(bt,e):this.changeFormat({tag:"CODE",attributes:this._config.tagAttributes.code},null,e),this.focus()},at.removeCode=function(){var e=this.getSelection();return g(e.commonAncestorContainer,this._root,"PRE")?this.modifyBlocks(kt,e):this.changeFormat(null,{tag:"CODE"},e),this.focus()},at.toggleCode=function(){return this.hasFormat("PRE")||this.hasFormat("CODE")?this.removeCode():this.code(),this},at.removeAllFormatting=function(e){if(!e&&!(e=this.getSelection())||e.collapsed)return this;for(var t=this._root,n=e.commonAncestorContainer;n&&!s(n);)n=n.parentNode;if(n||(Pe(e,t),n=t),n.nodeType===H)return this;this.saveUndoState(e),Ae(e,n,n,t);for(var o,i,r=n.ownerDocument,a=e.startContainer,d=e.startOffset,l=e.endContainer,c=e.endOffset,h=r.createDocumentFragment(),u=r.createDocumentFragment(),f=k(l,c,n,t),p=k(a,d,n,t);p!==f;)o=p.nextSibling,h.appendChild(p),p=o;return F(this,h,u),u.normalize(),p=u.firstChild,o=u.lastChild,i=n.childNodes,p?(n.insertBefore(u,f),d=ce.call(i,p),c=ce.call(i,o)+1):(d=ce.call(i,f),c=d),e.setStart(n,d),e.setEnd(n,c),A(n,e),xe(e),this.setSelection(e),this._updatePath(e,!0),this.focus()},at.increaseQuoteLevel=Et("modifyBlocks",pt),at.decreaseQuoteLevel=Et("modifyBlocks",gt),at.makeUnorderedList=Et("modifyBlocks",Ct),at.makeOrderedList=Et("modifyBlocks",Nt),at.removeList=Et("modifyBlocks",_t),P.isInline=a,P.isBlock=s,P.isContainer=d,P.getBlockWalker=l,P.getPreviousBlock=c,P.getNextBlock=h,P.areAlike=f,P.hasTagAttributes=p,P.getNearest=g,P.isOrContains=v,P.detach=_,P.replaceWith=S,P.empty=y,P.getNodeBefore=_e,P.getNodeAfter=Se,P.insertNodeInRange=ye,P.extractContentsOfRange=Te,P.deleteContentsOfRange=Ee,P.insertTreeFragmentIntoRange=be,P.isNodeContainedInRange=ke,P.moveRangeBoundariesDownTree=xe,P.moveRangeBoundariesUpTree=Ae,P.getStartBlockOfRange=Le,P.getEndBlockOfRange=Be,P.contentWalker=Oe,P.rangeDoesStartAtBlockBoundary=Re,P.rangeDoesEndAtBlockBoundary=De,P.expandRangeToBlockBoundaries=Pe,P.onPaste=it,P.addLinks=yt,P.splitBlock=ft,P.startSelectionId="squire-selection-start",P.endSelectionId=ht, true?module.exports=P:undefined}(document);
+
+/***/ }),
+/* 56 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview Check whether the given variable is a string or not.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Check whether the given variable is a boolean or not.
+ *  If the given variable is a boolean, return true.
+ * @param {*} obj - Target for checking
+ * @returns {boolean} Is boolean?
+ * @memberof module:type
+ */
+function isBoolean(obj) {
+  return typeof obj === 'boolean' || obj instanceof Boolean;
+}
+
+module.exports = isBoolean;
+
+
+/***/ }),
+/* 57 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(global) {/**
+ * A collection of shims that provide minimal functionality of the ES6 collections.
+ *
+ * These implementations are not meant to be used outside of the ResizeObserver
+ * modules as they cover only a limited range of use cases.
+ */
+/* eslint-disable require-jsdoc, valid-jsdoc */
+var MapShim = (function () {
+    if (typeof Map !== 'undefined') {
+        return Map;
+    }
+    /**
+     * Returns index in provided array that matches the specified key.
+     *
+     * @param {Array} arr
+     * @param {*} key
+     * @returns {number}
+     */
+    function getIndex(arr, key) {
+        var result = -1;
+        arr.some(function (entry, index) {
+            if (entry[0] === key) {
+                result = index;
+                return true;
+            }
+            return false;
+        });
+        return result;
+    }
+    return /** @class */ (function () {
+        function class_1() {
+            this.__entries__ = [];
+        }
+        Object.defineProperty(class_1.prototype, "size", {
+            /**
+             * @returns {boolean}
+             */
+            get: function () {
+                return this.__entries__.length;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @param {*} key
+         * @returns {*}
+         */
+        class_1.prototype.get = function (key) {
+            var index = getIndex(this.__entries__, key);
+            var entry = this.__entries__[index];
+            return entry && entry[1];
+        };
+        /**
+         * @param {*} key
+         * @param {*} value
+         * @returns {void}
+         */
+        class_1.prototype.set = function (key, value) {
+            var index = getIndex(this.__entries__, key);
+            if (~index) {
+                this.__entries__[index][1] = value;
+            }
+            else {
+                this.__entries__.push([key, value]);
+            }
+        };
+        /**
+         * @param {*} key
+         * @returns {void}
+         */
+        class_1.prototype.delete = function (key) {
+            var entries = this.__entries__;
+            var index = getIndex(entries, key);
+            if (~index) {
+                entries.splice(index, 1);
+            }
+        };
+        /**
+         * @param {*} key
+         * @returns {void}
+         */
+        class_1.prototype.has = function (key) {
+            return !!~getIndex(this.__entries__, key);
+        };
+        /**
+         * @returns {void}
+         */
+        class_1.prototype.clear = function () {
+            this.__entries__.splice(0);
+        };
+        /**
+         * @param {Function} callback
+         * @param {*} [ctx=null]
+         * @returns {void}
+         */
+        class_1.prototype.forEach = function (callback, ctx) {
+            if (ctx === void 0) { ctx = null; }
+            for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
+                var entry = _a[_i];
+                callback.call(ctx, entry[1], entry[0]);
+            }
+        };
+        return class_1;
+    }());
+})();
+
+/**
+ * Detects whether window and document objects are available in current environment.
+ */
+var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;
+
+// Returns global object of a current environment.
+var global$1 = (function () {
+    if (typeof global !== 'undefined' && global.Math === Math) {
+        return global;
+    }
+    if (typeof self !== 'undefined' && self.Math === Math) {
+        return self;
+    }
+    if (typeof window !== 'undefined' && window.Math === Math) {
+        return window;
+    }
+    // eslint-disable-next-line no-new-func
+    return Function('return this')();
+})();
+
+/**
+ * A shim for the requestAnimationFrame which falls back to the setTimeout if
+ * first one is not supported.
+ *
+ * @returns {number} Requests' identifier.
+ */
+var requestAnimationFrame$1 = (function () {
+    if (typeof requestAnimationFrame === 'function') {
+        // It's required to use a bounded function because IE sometimes throws
+        // an "Invalid calling object" error if rAF is invoked without the global
+        // object on the left hand side.
+        return requestAnimationFrame.bind(global$1);
+    }
+    return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };
+})();
+
+// Defines minimum timeout before adding a trailing call.
+var trailingTimeout = 2;
+/**
+ * Creates a wrapper function which ensures that provided callback will be
+ * invoked only once during the specified delay period.
+ *
+ * @param {Function} callback - Function to be invoked after the delay period.
+ * @param {number} delay - Delay after which to invoke callback.
+ * @returns {Function}
+ */
+function throttle (callback, delay) {
+    var leadingCall = false, trailingCall = false, lastCallTime = 0;
+    /**
+     * Invokes the original callback function and schedules new invocation if
+     * the "proxy" was called during current request.
+     *
+     * @returns {void}
+     */
+    function resolvePending() {
+        if (leadingCall) {
+            leadingCall = false;
+            callback();
+        }
+        if (trailingCall) {
+            proxy();
+        }
+    }
+    /**
+     * Callback invoked after the specified delay. It will further postpone
+     * invocation of the original function delegating it to the
+     * requestAnimationFrame.
+     *
+     * @returns {void}
+     */
+    function timeoutCallback() {
+        requestAnimationFrame$1(resolvePending);
+    }
+    /**
+     * Schedules invocation of the original function.
+     *
+     * @returns {void}
+     */
+    function proxy() {
+        var timeStamp = Date.now();
+        if (leadingCall) {
+            // Reject immediately following calls.
+            if (timeStamp - lastCallTime < trailingTimeout) {
+                return;
+            }
+            // Schedule new call to be in invoked when the pending one is resolved.
+            // This is important for "transitions" which never actually start
+            // immediately so there is a chance that we might miss one if change
+            // happens amids the pending invocation.
+            trailingCall = true;
+        }
+        else {
+            leadingCall = true;
+            trailingCall = false;
+            setTimeout(timeoutCallback, delay);
+        }
+        lastCallTime = timeStamp;
+    }
+    return proxy;
+}
+
+// Minimum delay before invoking the update of observers.
+var REFRESH_DELAY = 20;
+// A list of substrings of CSS properties used to find transition events that
+// might affect dimensions of observed elements.
+var transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];
+// Check if MutationObserver is available.
+var mutationObserverSupported = typeof MutationObserver !== 'undefined';
+/**
+ * Singleton controller class which handles updates of ResizeObserver instances.
+ */
+var ResizeObserverController = /** @class */ (function () {
+    /**
+     * Creates a new instance of ResizeObserverController.
+     *
+     * @private
+     */
+    function ResizeObserverController() {
+        /**
+         * Indicates whether DOM listeners have been added.
+         *
+         * @private {boolean}
+         */
+        this.connected_ = false;
+        /**
+         * Tells that controller has subscribed for Mutation Events.
+         *
+         * @private {boolean}
+         */
+        this.mutationEventsAdded_ = false;
+        /**
+         * Keeps reference to the instance of MutationObserver.
+         *
+         * @private {MutationObserver}
+         */
+        this.mutationsObserver_ = null;
+        /**
+         * A list of connected observers.
+         *
+         * @private {Array}
+         */
+        this.observers_ = [];
+        this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);
+        this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);
+    }
+    /**
+     * Adds observer to observers list.
+     *
+     * @param {ResizeObserverSPI} observer - Observer to be added.
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.addObserver = function (observer) {
+        if (!~this.observers_.indexOf(observer)) {
+            this.observers_.push(observer);
+        }
+        // Add listeners if they haven't been added yet.
+        if (!this.connected_) {
+            this.connect_();
+        }
+    };
+    /**
+     * Removes observer from observers list.
+     *
+     * @param {ResizeObserverSPI} observer - Observer to be removed.
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.removeObserver = function (observer) {
+        var observers = this.observers_;
+        var index = observers.indexOf(observer);
+        // Remove observer if it's present in registry.
+        if (~index) {
+            observers.splice(index, 1);
+        }
+        // Remove listeners if controller has no connected observers.
+        if (!observers.length && this.connected_) {
+            this.disconnect_();
+        }
+    };
+    /**
+     * Invokes the update of observers. It will continue running updates insofar
+     * it detects changes.
+     *
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.refresh = function () {
+        var changesDetected = this.updateObservers_();
+        // Continue running updates if changes have been detected as there might
+        // be future ones caused by CSS transitions.
+        if (changesDetected) {
+            this.refresh();
+        }
+    };
+    /**
+     * Updates every observer from observers list and notifies them of queued
+     * entries.
+     *
+     * @private
+     * @returns {boolean} Returns "true" if any observer has detected changes in
+     *      dimensions of it's elements.
+     */
+    ResizeObserverController.prototype.updateObservers_ = function () {
+        // Collect observers that have active observations.
+        var activeObservers = this.observers_.filter(function (observer) {
+            return observer.gatherActive(), observer.hasActive();
+        });
+        // Deliver notifications in a separate cycle in order to avoid any
+        // collisions between observers, e.g. when multiple instances of
+        // ResizeObserver are tracking the same element and the callback of one
+        // of them changes content dimensions of the observed target. Sometimes
+        // this may result in notifications being blocked for the rest of observers.
+        activeObservers.forEach(function (observer) { return observer.broadcastActive(); });
+        return activeObservers.length > 0;
+    };
+    /**
+     * Initializes DOM listeners.
+     *
+     * @private
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.connect_ = function () {
+        // Do nothing if running in a non-browser environment or if listeners
+        // have been already added.
+        if (!isBrowser || this.connected_) {
+            return;
+        }
+        // Subscription to the "Transitionend" event is used as a workaround for
+        // delayed transitions. This way it's possible to capture at least the
+        // final state of an element.
+        document.addEventListener('transitionend', this.onTransitionEnd_);
+        window.addEventListener('resize', this.refresh);
+        if (mutationObserverSupported) {
+            this.mutationsObserver_ = new MutationObserver(this.refresh);
+            this.mutationsObserver_.observe(document, {
+                attributes: true,
+                childList: true,
+                characterData: true,
+                subtree: true
+            });
+        }
+        else {
+            document.addEventListener('DOMSubtreeModified', this.refresh);
+            this.mutationEventsAdded_ = true;
+        }
+        this.connected_ = true;
+    };
+    /**
+     * Removes DOM listeners.
+     *
+     * @private
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.disconnect_ = function () {
+        // Do nothing if running in a non-browser environment or if listeners
+        // have been already removed.
+        if (!isBrowser || !this.connected_) {
+            return;
+        }
+        document.removeEventListener('transitionend', this.onTransitionEnd_);
+        window.removeEventListener('resize', this.refresh);
+        if (this.mutationsObserver_) {
+            this.mutationsObserver_.disconnect();
+        }
+        if (this.mutationEventsAdded_) {
+            document.removeEventListener('DOMSubtreeModified', this.refresh);
+        }
+        this.mutationsObserver_ = null;
+        this.mutationEventsAdded_ = false;
+        this.connected_ = false;
+    };
+    /**
+     * "Transitionend" event handler.
+     *
+     * @private
+     * @param {TransitionEvent} event
+     * @returns {void}
+     */
+    ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {
+        var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b;
+        // Detect whether transition may affect dimensions of an element.
+        var isReflowProperty = transitionKeys.some(function (key) {
+            return !!~propertyName.indexOf(key);
+        });
+        if (isReflowProperty) {
+            this.refresh();
+        }
+    };
+    /**
+     * Returns instance of the ResizeObserverController.
+     *
+     * @returns {ResizeObserverController}
+     */
+    ResizeObserverController.getInstance = function () {
+        if (!this.instance_) {
+            this.instance_ = new ResizeObserverController();
+        }
+        return this.instance_;
+    };
+    /**
+     * Holds reference to the controller's instance.
+     *
+     * @private {ResizeObserverController}
+     */
+    ResizeObserverController.instance_ = null;
+    return ResizeObserverController;
+}());
+
+/**
+ * Defines non-writable/enumerable properties of the provided target object.
+ *
+ * @param {Object} target - Object for which to define properties.
+ * @param {Object} props - Properties to be defined.
+ * @returns {Object} Target object.
+ */
+var defineConfigurable = (function (target, props) {
+    for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
+        var key = _a[_i];
+        Object.defineProperty(target, key, {
+            value: props[key],
+            enumerable: false,
+            writable: false,
+            configurable: true
+        });
+    }
+    return target;
+});
+
+/**
+ * Returns the global object associated with provided element.
+ *
+ * @param {Object} target
+ * @returns {Object}
+ */
+var getWindowOf = (function (target) {
+    // Assume that the element is an instance of Node, which means that it
+    // has the "ownerDocument" property from which we can retrieve a
+    // corresponding global object.
+    var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;
+    // Return the local global object if it's not possible extract one from
+    // provided element.
+    return ownerGlobal || global$1;
+});
+
+// Placeholder of an empty content rectangle.
+var emptyRect = createRectInit(0, 0, 0, 0);
+/**
+ * Converts provided string to a number.
+ *
+ * @param {number|string} value
+ * @returns {number}
+ */
+function toFloat(value) {
+    return parseFloat(value) || 0;
+}
+/**
+ * Extracts borders size from provided styles.
+ *
+ * @param {CSSStyleDeclaration} styles
+ * @param {...string} positions - Borders positions (top, right, ...)
+ * @returns {number}
+ */
+function getBordersSize(styles) {
+    var positions = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        positions[_i - 1] = arguments[_i];
+    }
+    return positions.reduce(function (size, position) {
+        var value = styles['border-' + position + '-width'];
+        return size + toFloat(value);
+    }, 0);
+}
+/**
+ * Extracts paddings sizes from provided styles.
+ *
+ * @param {CSSStyleDeclaration} styles
+ * @returns {Object} Paddings box.
+ */
+function getPaddings(styles) {
+    var positions = ['top', 'right', 'bottom', 'left'];
+    var paddings = {};
+    for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
+        var position = positions_1[_i];
+        var value = styles['padding-' + position];
+        paddings[position] = toFloat(value);
+    }
+    return paddings;
+}
+/**
+ * Calculates content rectangle of provided SVG element.
+ *
+ * @param {SVGGraphicsElement} target - Element content rectangle of which needs
+ *      to be calculated.
+ * @returns {DOMRectInit}
+ */
+function getSVGContentRect(target) {
+    var bbox = target.getBBox();
+    return createRectInit(0, 0, bbox.width, bbox.height);
+}
+/**
+ * Calculates content rectangle of provided HTMLElement.
+ *
+ * @param {HTMLElement} target - Element for which to calculate the content rectangle.
+ * @returns {DOMRectInit}
+ */
+function getHTMLElementContentRect(target) {
+    // Client width & height properties can't be
+    // used exclusively as they provide rounded values.
+    var clientWidth = target.clientWidth, clientHeight = target.clientHeight;
+    // By this condition we can catch all non-replaced inline, hidden and
+    // detached elements. Though elements with width & height properties less
+    // than 0.5 will be discarded as well.
+    //
+    // Without it we would need to implement separate methods for each of
+    // those cases and it's not possible to perform a precise and performance
+    // effective test for hidden elements. E.g. even jQuery's ':visible' filter
+    // gives wrong results for elements with width & height less than 0.5.
+    if (!clientWidth && !clientHeight) {
+        return emptyRect;
+    }
+    var styles = getWindowOf(target).getComputedStyle(target);
+    var paddings = getPaddings(styles);
+    var horizPad = paddings.left + paddings.right;
+    var vertPad = paddings.top + paddings.bottom;
+    // Computed styles of width & height are being used because they are the
+    // only dimensions available to JS that contain non-rounded values. It could
+    // be possible to utilize the getBoundingClientRect if only it's data wasn't
+    // affected by CSS transformations let alone paddings, borders and scroll bars.
+    var width = toFloat(styles.width), height = toFloat(styles.height);
+    // Width & height include paddings and borders when the 'border-box' box
+    // model is applied (except for IE).
+    if (styles.boxSizing === 'border-box') {
+        // Following conditions are required to handle Internet Explorer which
+        // doesn't include paddings and borders to computed CSS dimensions.
+        //
+        // We can say that if CSS dimensions + paddings are equal to the "client"
+        // properties then it's either IE, and thus we don't need to subtract
+        // anything, or an element merely doesn't have paddings/borders styles.
+        if (Math.round(width + horizPad) !== clientWidth) {
+            width -= getBordersSize(styles, 'left', 'right') + horizPad;
+        }
+        if (Math.round(height + vertPad) !== clientHeight) {
+            height -= getBordersSize(styles, 'top', 'bottom') + vertPad;
+        }
+    }
+    // Following steps can't be applied to the document's root element as its
+    // client[Width/Height] properties represent viewport area of the window.
+    // Besides, it's as well not necessary as the  itself neither has
+    // rendered scroll bars nor it can be clipped.
+    if (!isDocumentElement(target)) {
+        // In some browsers (only in Firefox, actually) CSS width & height
+        // include scroll bars size which can be removed at this step as scroll
+        // bars are the only difference between rounded dimensions + paddings
+        // and "client" properties, though that is not always true in Chrome.
+        var vertScrollbar = Math.round(width + horizPad) - clientWidth;
+        var horizScrollbar = Math.round(height + vertPad) - clientHeight;
+        // Chrome has a rather weird rounding of "client" properties.
+        // E.g. for an element with content width of 314.2px it sometimes gives
+        // the client width of 315px and for the width of 314.7px it may give
+        // 314px. And it doesn't happen all the time. So just ignore this delta
+        // as a non-relevant.
+        if (Math.abs(vertScrollbar) !== 1) {
+            width -= vertScrollbar;
+        }
+        if (Math.abs(horizScrollbar) !== 1) {
+            height -= horizScrollbar;
+        }
+    }
+    return createRectInit(paddings.left, paddings.top, width, height);
+}
+/**
+ * Checks whether provided element is an instance of the SVGGraphicsElement.
+ *
+ * @param {Element} target - Element to be checked.
+ * @returns {boolean}
+ */
+var isSVGGraphicsElement = (function () {
+    // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement
+    // interface.
+    if (typeof SVGGraphicsElement !== 'undefined') {
+        return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; };
+    }
+    // If it's so, then check that element is at least an instance of the
+    // SVGElement and that it has the "getBBox" method.
+    // eslint-disable-next-line no-extra-parens
+    return function (target) { return (target instanceof getWindowOf(target).SVGElement &&
+        typeof target.getBBox === 'function'); };
+})();
+/**
+ * Checks whether provided element is a document element ().
+ *
+ * @param {Element} target - Element to be checked.
+ * @returns {boolean}
+ */
+function isDocumentElement(target) {
+    return target === getWindowOf(target).document.documentElement;
+}
+/**
+ * Calculates an appropriate content rectangle for provided html or svg element.
+ *
+ * @param {Element} target - Element content rectangle of which needs to be calculated.
+ * @returns {DOMRectInit}
+ */
+function getContentRect(target) {
+    if (!isBrowser) {
+        return emptyRect;
+    }
+    if (isSVGGraphicsElement(target)) {
+        return getSVGContentRect(target);
+    }
+    return getHTMLElementContentRect(target);
+}
+/**
+ * Creates rectangle with an interface of the DOMRectReadOnly.
+ * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly
+ *
+ * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.
+ * @returns {DOMRectReadOnly}
+ */
+function createReadOnlyRect(_a) {
+    var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
+    // If DOMRectReadOnly is available use it as a prototype for the rectangle.
+    var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;
+    var rect = Object.create(Constr.prototype);
+    // Rectangle's properties are not writable and non-enumerable.
+    defineConfigurable(rect, {
+        x: x, y: y, width: width, height: height,
+        top: y,
+        right: x + width,
+        bottom: height + y,
+        left: x
+    });
+    return rect;
+}
+/**
+ * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.
+ * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit
+ *
+ * @param {number} x - X coordinate.
+ * @param {number} y - Y coordinate.
+ * @param {number} width - Rectangle's width.
+ * @param {number} height - Rectangle's height.
+ * @returns {DOMRectInit}
+ */
+function createRectInit(x, y, width, height) {
+    return { x: x, y: y, width: width, height: height };
+}
+
+/**
+ * Class that is responsible for computations of the content rectangle of
+ * provided DOM element and for keeping track of it's changes.
+ */
+var ResizeObservation = /** @class */ (function () {
+    /**
+     * Creates an instance of ResizeObservation.
+     *
+     * @param {Element} target - Element to be observed.
+     */
+    function ResizeObservation(target) {
+        /**
+         * Broadcasted width of content rectangle.
+         *
+         * @type {number}
+         */
+        this.broadcastWidth = 0;
+        /**
+         * Broadcasted height of content rectangle.
+         *
+         * @type {number}
+         */
+        this.broadcastHeight = 0;
+        /**
+         * Reference to the last observed content rectangle.
+         *
+         * @private {DOMRectInit}
+         */
+        this.contentRect_ = createRectInit(0, 0, 0, 0);
+        this.target = target;
+    }
+    /**
+     * Updates content rectangle and tells whether it's width or height properties
+     * have changed since the last broadcast.
+     *
+     * @returns {boolean}
+     */
+    ResizeObservation.prototype.isActive = function () {
+        var rect = getContentRect(this.target);
+        this.contentRect_ = rect;
+        return (rect.width !== this.broadcastWidth ||
+            rect.height !== this.broadcastHeight);
+    };
+    /**
+     * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data
+     * from the corresponding properties of the last observed content rectangle.
+     *
+     * @returns {DOMRectInit} Last observed content rectangle.
+     */
+    ResizeObservation.prototype.broadcastRect = function () {
+        var rect = this.contentRect_;
+        this.broadcastWidth = rect.width;
+        this.broadcastHeight = rect.height;
+        return rect;
+    };
+    return ResizeObservation;
+}());
+
+var ResizeObserverEntry = /** @class */ (function () {
+    /**
+     * Creates an instance of ResizeObserverEntry.
+     *
+     * @param {Element} target - Element that is being observed.
+     * @param {DOMRectInit} rectInit - Data of the element's content rectangle.
+     */
+    function ResizeObserverEntry(target, rectInit) {
+        var contentRect = createReadOnlyRect(rectInit);
+        // According to the specification following properties are not writable
+        // and are also not enumerable in the native implementation.
+        //
+        // Property accessors are not being used as they'd require to define a
+        // private WeakMap storage which may cause memory leaks in browsers that
+        // don't support this type of collections.
+        defineConfigurable(this, { target: target, contentRect: contentRect });
+    }
+    return ResizeObserverEntry;
+}());
+
+var ResizeObserverSPI = /** @class */ (function () {
+    /**
+     * Creates a new instance of ResizeObserver.
+     *
+     * @param {ResizeObserverCallback} callback - Callback function that is invoked
+     *      when one of the observed elements changes it's content dimensions.
+     * @param {ResizeObserverController} controller - Controller instance which
+     *      is responsible for the updates of observer.
+     * @param {ResizeObserver} callbackCtx - Reference to the public
+     *      ResizeObserver instance which will be passed to callback function.
+     */
+    function ResizeObserverSPI(callback, controller, callbackCtx) {
+        /**
+         * Collection of resize observations that have detected changes in dimensions
+         * of elements.
+         *
+         * @private {Array}
+         */
+        this.activeObservations_ = [];
+        /**
+         * Registry of the ResizeObservation instances.
+         *
+         * @private {Map}
+         */
+        this.observations_ = new MapShim();
+        if (typeof callback !== 'function') {
+            throw new TypeError('The callback provided as parameter 1 is not a function.');
+        }
+        this.callback_ = callback;
+        this.controller_ = controller;
+        this.callbackCtx_ = callbackCtx;
+    }
+    /**
+     * Starts observing provided element.
+     *
+     * @param {Element} target - Element to be observed.
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.observe = function (target) {
+        if (!arguments.length) {
+            throw new TypeError('1 argument required, but only 0 present.');
+        }
+        // Do nothing if current environment doesn't have the Element interface.
+        if (typeof Element === 'undefined' || !(Element instanceof Object)) {
+            return;
+        }
+        if (!(target instanceof getWindowOf(target).Element)) {
+            throw new TypeError('parameter 1 is not of type "Element".');
+        }
+        var observations = this.observations_;
+        // Do nothing if element is already being observed.
+        if (observations.has(target)) {
+            return;
+        }
+        observations.set(target, new ResizeObservation(target));
+        this.controller_.addObserver(this);
+        // Force the update of observations.
+        this.controller_.refresh();
+    };
+    /**
+     * Stops observing provided element.
+     *
+     * @param {Element} target - Element to stop observing.
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.unobserve = function (target) {
+        if (!arguments.length) {
+            throw new TypeError('1 argument required, but only 0 present.');
+        }
+        // Do nothing if current environment doesn't have the Element interface.
+        if (typeof Element === 'undefined' || !(Element instanceof Object)) {
+            return;
+        }
+        if (!(target instanceof getWindowOf(target).Element)) {
+            throw new TypeError('parameter 1 is not of type "Element".');
+        }
+        var observations = this.observations_;
+        // Do nothing if element is not being observed.
+        if (!observations.has(target)) {
+            return;
+        }
+        observations.delete(target);
+        if (!observations.size) {
+            this.controller_.removeObserver(this);
+        }
+    };
+    /**
+     * Stops observing all elements.
+     *
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.disconnect = function () {
+        this.clearActive();
+        this.observations_.clear();
+        this.controller_.removeObserver(this);
+    };
+    /**
+     * Collects observation instances the associated element of which has changed
+     * it's content rectangle.
+     *
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.gatherActive = function () {
+        var _this = this;
+        this.clearActive();
+        this.observations_.forEach(function (observation) {
+            if (observation.isActive()) {
+                _this.activeObservations_.push(observation);
+            }
+        });
+    };
+    /**
+     * Invokes initial callback function with a list of ResizeObserverEntry
+     * instances collected from active resize observations.
+     *
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.broadcastActive = function () {
+        // Do nothing if observer doesn't have active observations.
+        if (!this.hasActive()) {
+            return;
+        }
+        var ctx = this.callbackCtx_;
+        // Create ResizeObserverEntry instance for every active observation.
+        var entries = this.activeObservations_.map(function (observation) {
+            return new ResizeObserverEntry(observation.target, observation.broadcastRect());
+        });
+        this.callback_.call(ctx, entries, ctx);
+        this.clearActive();
+    };
+    /**
+     * Clears the collection of active observations.
+     *
+     * @returns {void}
+     */
+    ResizeObserverSPI.prototype.clearActive = function () {
+        this.activeObservations_.splice(0);
+    };
+    /**
+     * Tells whether observer has active observations.
+     *
+     * @returns {boolean}
+     */
+    ResizeObserverSPI.prototype.hasActive = function () {
+        return this.activeObservations_.length > 0;
+    };
+    return ResizeObserverSPI;
+}());
+
+// Registry of internal observers. If WeakMap is not available use current shim
+// for the Map collection as it has all required methods and because WeakMap
+// can't be fully polyfilled anyway.
+var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();
+/**
+ * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation
+ * exposing only those methods and properties that are defined in the spec.
+ */
+var ResizeObserver = /** @class */ (function () {
+    /**
+     * Creates a new instance of ResizeObserver.
+     *
+     * @param {ResizeObserverCallback} callback - Callback that is invoked when
+     *      dimensions of the observed elements change.
+     */
+    function ResizeObserver(callback) {
+        if (!(this instanceof ResizeObserver)) {
+            throw new TypeError('Cannot call a class as a function.');
+        }
+        if (!arguments.length) {
+            throw new TypeError('1 argument required, but only 0 present.');
+        }
+        var controller = ResizeObserverController.getInstance();
+        var observer = new ResizeObserverSPI(callback, controller, this);
+        observers.set(this, observer);
+    }
+    return ResizeObserver;
+}());
+// Expose public methods of ResizeObserver.
+[
+    'observe',
+    'unobserve',
+    'disconnect'
+].forEach(function (method) {
+    ResizeObserver.prototype[method] = function () {
+        var _a;
+        return (_a = observers.get(this))[method].apply(_a, arguments);
+    };
+});
+
+var index = (function () {
+    // Export existing implementation if available.
+    if (typeof global$1.ResizeObserver !== 'undefined') {
+        return global$1.ResizeObserver;
+    }
+    return ResizeObserver;
+})();
+
+/* harmony default export */ __webpack_exports__["a"] = (index);
+
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(59)))
+
+/***/ }),
+/* 58 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+/**
+ * @fileoverview This module provides some functions for custom events. And it is implemented in the observer design pattern.
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var extend = __webpack_require__(7);
+var isExisty = __webpack_require__(28);
+var isString = __webpack_require__(9);
+var isObject = __webpack_require__(54);
+var isArray = __webpack_require__(17);
+var isFunction = __webpack_require__(27);
+var forEach = __webpack_require__(26);
+
+var R_EVENTNAME_SPLIT = /\s+/g;
+
+/**
+ * @class
+ * @example
+ * // node, commonjs
+ * var CustomEvents = require('tui-code-snippet/customEvents/customEvents');
+ */
+function CustomEvents() {
+  /**
+     * @type {HandlerItem[]}
+     */
+  this.events = null;
+
+  /**
+     * only for checking specific context event was binded
+     * @type {object[]}
+     */
+  this.contexts = null;
+}
+
+/**
+ * Mixin custom events feature to specific constructor
+ * @param {function} func - constructor
+ * @example
+ * var CustomEvents = require('tui-code-snippet/customEvents/customEvents'); // node, commonjs
+ *
+ * var model;
+ * function Model() {
+ *     this.name = '';
+ * }
+ * CustomEvents.mixin(Model);
+ *
+ * model = new Model();
+ * model.on('change', function() { this.name = 'model'; }, this);
+ * model.fire('change');
+ * alert(model.name); // 'model';
+ */
+CustomEvents.mixin = function(func) {
+  extend(func.prototype, CustomEvents.prototype);
+};
+
+/**
+ * Get HandlerItem object
+ * @param {function} handler - handler function
+ * @param {object} [context] - context for handler
+ * @returns {HandlerItem} HandlerItem object
+ * @private
+ */
+CustomEvents.prototype._getHandlerItem = function(handler, context) {
+  var item = {handler: handler};
+
+  if (context) {
+    item.context = context;
+  }
+
+  return item;
+};
+
+/**
+ * Get event object safely
+ * @param {string} [eventName] - create sub event map if not exist.
+ * @returns {(object|array)} event object. if you supplied `eventName`
+ *  parameter then make new array and return it
+ * @private
+ */
+CustomEvents.prototype._safeEvent = function(eventName) {
+  var events = this.events;
+  var byName;
+
+  if (!events) {
+    events = this.events = {};
+  }
+
+  if (eventName) {
+    byName = events[eventName];
+
+    if (!byName) {
+      byName = [];
+      events[eventName] = byName;
+    }
+
+    events = byName;
+  }
+
+  return events;
+};
+
+/**
+ * Get context array safely
+ * @returns {array} context array
+ * @private
+ */
+CustomEvents.prototype._safeContext = function() {
+  var context = this.contexts;
+
+  if (!context) {
+    context = this.contexts = [];
+  }
+
+  return context;
+};
+
+/**
+ * Get index of context
+ * @param {object} ctx - context that used for bind custom event
+ * @returns {number} index of context
+ * @private
+ */
+CustomEvents.prototype._indexOfContext = function(ctx) {
+  var context = this._safeContext();
+  var index = 0;
+
+  while (context[index]) {
+    if (ctx === context[index][0]) {
+      return index;
+    }
+
+    index += 1;
+  }
+
+  return -1;
+};
+
+/**
+ * Memorize supplied context for recognize supplied object is context or
+ *  name: handler pair object when off()
+ * @param {object} ctx - context object to memorize
+ * @private
+ */
+CustomEvents.prototype._memorizeContext = function(ctx) {
+  var context, index;
+
+  if (!isExisty(ctx)) {
+    return;
+  }
+
+  context = this._safeContext();
+  index = this._indexOfContext(ctx);
+
+  if (index > -1) {
+    context[index][1] += 1;
+  } else {
+    context.push([ctx, 1]);
+  }
+};
+
+/**
+ * Forget supplied context object
+ * @param {object} ctx - context object to forget
+ * @private
+ */
+CustomEvents.prototype._forgetContext = function(ctx) {
+  var context, contextIndex;
+
+  if (!isExisty(ctx)) {
+    return;
+  }
+
+  context = this._safeContext();
+  contextIndex = this._indexOfContext(ctx);
+
+  if (contextIndex > -1) {
+    context[contextIndex][1] -= 1;
+
+    if (context[contextIndex][1] <= 0) {
+      context.splice(contextIndex, 1);
+    }
+  }
+};
+
+/**
+ * Bind event handler
+ * @param {(string|{name:string, handler:function})} eventName - custom
+ *  event name or an object {eventName: handler}
+ * @param {(function|object)} [handler] - handler function or context
+ * @param {object} [context] - context for binding
+ * @private
+ */
+CustomEvents.prototype._bindEvent = function(eventName, handler, context) {
+  var events = this._safeEvent(eventName);
+  this._memorizeContext(context);
+  events.push(this._getHandlerItem(handler, context));
+};
+
+/**
+ * Bind event handlers
+ * @param {(string|{name:string, handler:function})} eventName - custom
+ *  event name or an object {eventName: handler}
+ * @param {(function|object)} [handler] - handler function or context
+ * @param {object} [context] - context for binding
+ * //-- #1. Get Module --//
+ * var CustomEvents = require('tui-code-snippet/customEvents/customEvents'); // node, commonjs
+ *
+ * //-- #2. Use method --//
+ * // # 2.1 Basic Usage
+ * CustomEvents.on('onload', handler);
+ *
+ * // # 2.2 With context
+ * CustomEvents.on('onload', handler, myObj);
+ *
+ * // # 2.3 Bind by object that name, handler pairs
+ * CustomEvents.on({
+ *     'play': handler,
+ *     'pause': handler2
+ * });
+ *
+ * // # 2.4 Bind by object that name, handler pairs with context object
+ * CustomEvents.on({
+ *     'play': handler
+ * }, myObj);
+ */
+CustomEvents.prototype.on = function(eventName, handler, context) {
+  var self = this;
+
+  if (isString(eventName)) {
+    // [syntax 1, 2]
+    eventName = eventName.split(R_EVENTNAME_SPLIT);
+    forEach(eventName, function(name) {
+      self._bindEvent(name, handler, context);
+    });
+  } else if (isObject(eventName)) {
+    // [syntax 3, 4]
+    context = handler;
+    forEach(eventName, function(func, name) {
+      self.on(name, func, context);
+    });
+  }
+};
+
+/**
+ * Bind one-shot event handlers
+ * @param {(string|{name:string,handler:function})} eventName - custom
+ *  event name or an object {eventName: handler}
+ * @param {function|object} [handler] - handler function or context
+ * @param {object} [context] - context for binding
+ */
+CustomEvents.prototype.once = function(eventName, handler, context) {
+  var self = this;
+
+  if (isObject(eventName)) {
+    context = handler;
+    forEach(eventName, function(func, name) {
+      self.once(name, func, context);
+    });
+
+    return;
+  }
+
+  function onceHandler() { // eslint-disable-line require-jsdoc
+    handler.apply(context, arguments);
+    self.off(eventName, onceHandler, context);
+  }
+
+  this.on(eventName, onceHandler, context);
+};
+
+/**
+ * Splice supplied array by callback result
+ * @param {array} arr - array to splice
+ * @param {function} predicate - function return boolean
+ * @private
+ */
+CustomEvents.prototype._spliceMatches = function(arr, predicate) {
+  var i = 0;
+  var len;
+
+  if (!isArray(arr)) {
+    return;
+  }
+
+  for (len = arr.length; i < len; i += 1) {
+    if (predicate(arr[i]) === true) {
+      arr.splice(i, 1);
+      len -= 1;
+      i -= 1;
+    }
+  }
+};
+
+/**
+ * Get matcher for unbind specific handler events
+ * @param {function} handler - handler function
+ * @returns {function} handler matcher
+ * @private
+ */
+CustomEvents.prototype._matchHandler = function(handler) {
+  var self = this;
+
+  return function(item) {
+    var needRemove = handler === item.handler;
+
+    if (needRemove) {
+      self._forgetContext(item.context);
+    }
+
+    return needRemove;
+  };
+};
+
+/**
+ * Get matcher for unbind specific context events
+ * @param {object} context - context
+ * @returns {function} object matcher
+ * @private
+ */
+CustomEvents.prototype._matchContext = function(context) {
+  var self = this;
+
+  return function(item) {
+    var needRemove = context === item.context;
+
+    if (needRemove) {
+      self._forgetContext(item.context);
+    }
+
+    return needRemove;
+  };
+};
+
+/**
+ * Get matcher for unbind specific hander, context pair events
+ * @param {function} handler - handler function
+ * @param {object} context - context
+ * @returns {function} handler, context matcher
+ * @private
+ */
+CustomEvents.prototype._matchHandlerAndContext = function(handler, context) {
+  var self = this;
+
+  return function(item) {
+    var matchHandler = (handler === item.handler);
+    var matchContext = (context === item.context);
+    var needRemove = (matchHandler && matchContext);
+
+    if (needRemove) {
+      self._forgetContext(item.context);
+    }
+
+    return needRemove;
+  };
+};
+
+/**
+ * Unbind event by event name
+ * @param {string} eventName - custom event name to unbind
+ * @param {function} [handler] - handler function
+ * @private
+ */
+CustomEvents.prototype._offByEventName = function(eventName, handler) {
+  var self = this;
+  var andByHandler = isFunction(handler);
+  var matchHandler = self._matchHandler(handler);
+
+  eventName = eventName.split(R_EVENTNAME_SPLIT);
+
+  forEach(eventName, function(name) {
+    var handlerItems = self._safeEvent(name);
+
+    if (andByHandler) {
+      self._spliceMatches(handlerItems, matchHandler);
+    } else {
+      forEach(handlerItems, function(item) {
+        self._forgetContext(item.context);
+      });
+
+      self.events[name] = [];
+    }
+  });
+};
+
+/**
+ * Unbind event by handler function
+ * @param {function} handler - handler function
+ * @private
+ */
+CustomEvents.prototype._offByHandler = function(handler) {
+  var self = this;
+  var matchHandler = this._matchHandler(handler);
+
+  forEach(this._safeEvent(), function(handlerItems) {
+    self._spliceMatches(handlerItems, matchHandler);
+  });
+};
+
+/**
+ * Unbind event by object(name: handler pair object or context object)
+ * @param {object} obj - context or {name: handler} pair object
+ * @param {function} handler - handler function
+ * @private
+ */
+CustomEvents.prototype._offByObject = function(obj, handler) {
+  var self = this;
+  var matchFunc;
+
+  if (this._indexOfContext(obj) < 0) {
+    forEach(obj, function(func, name) {
+      self.off(name, func);
+    });
+  } else if (isString(handler)) {
+    matchFunc = this._matchContext(obj);
+
+    self._spliceMatches(this._safeEvent(handler), matchFunc);
+  } else if (isFunction(handler)) {
+    matchFunc = this._matchHandlerAndContext(handler, obj);
+
+    forEach(this._safeEvent(), function(handlerItems) {
+      self._spliceMatches(handlerItems, matchFunc);
+    });
+  } else {
+    matchFunc = this._matchContext(obj);
+
+    forEach(this._safeEvent(), function(handlerItems) {
+      self._spliceMatches(handlerItems, matchFunc);
+    });
+  }
+};
+
+/**
+ * Unbind custom events
+ * @param {(string|object|function)} eventName - event name or context or
+ *  {name: handler} pair object or handler function
+ * @param {(function)} handler - handler function
+ * @example
+ * //-- #1. Get Module --//
+ * var CustomEvents = require('tui-code-snippet/customEvents/customEvents'); // node, commonjs
+ *
+ * //-- #2. Use method --//
+ * // # 2.1 off by event name
+ * CustomEvents.off('onload');
+ *
+ * // # 2.2 off by event name and handler
+ * CustomEvents.off('play', handler);
+ *
+ * // # 2.3 off by handler
+ * CustomEvents.off(handler);
+ *
+ * // # 2.4 off by context
+ * CustomEvents.off(myObj);
+ *
+ * // # 2.5 off by context and handler
+ * CustomEvents.off(myObj, handler);
+ *
+ * // # 2.6 off by context and event name
+ * CustomEvents.off(myObj, 'onload');
+ *
+ * // # 2.7 off by an Object. that is {eventName: handler}
+ * CustomEvents.off({
+ *   'play': handler,
+ *   'pause': handler2
+ * });
+ *
+ * // # 2.8 off the all events
+ * CustomEvents.off();
+ */
+CustomEvents.prototype.off = function(eventName, handler) {
+  if (isString(eventName)) {
+    // [syntax 1, 2]
+    this._offByEventName(eventName, handler);
+  } else if (!arguments.length) {
+    // [syntax 8]
+    this.events = {};
+    this.contexts = [];
+  } else if (isFunction(eventName)) {
+    // [syntax 3]
+    this._offByHandler(eventName);
+  } else if (isObject(eventName)) {
+    // [syntax 4, 5, 6]
+    this._offByObject(eventName, handler);
+  }
+};
+
+/**
+ * Fire custom event
+ * @param {string} eventName - name of custom event
+ */
+CustomEvents.prototype.fire = function(eventName) {  // eslint-disable-line
+  this.invoke.apply(this, arguments);
+};
+
+/**
+ * Fire a event and returns the result of operation 'boolean AND' with all
+ *  listener's results.
+ *
+ * So, It is different from {@link CustomEvents#fire}.
+ *
+ * In service code, use this as a before event in component level usually
+ *  for notifying that the event is cancelable.
+ * @param {string} eventName - Custom event name
+ * @param {...*} data - Data for event
+ * @returns {boolean} The result of operation 'boolean AND'
+ * @example
+ * var map = new Map();
+ * map.on({
+ *     'beforeZoom': function() {
+ *         // It should cancel the 'zoom' event by some conditions.
+ *         if (that.disabled && this.getState()) {
+ *             return false;
+ *         }
+ *         return true;
+ *     }
+ * });
+ *
+ * if (this.invoke('beforeZoom')) {    // check the result of 'beforeZoom'
+ *     // if true,
+ *     // doSomething
+ * }
+ */
+CustomEvents.prototype.invoke = function(eventName) {
+  var events, args, index, item;
+
+  if (!this.hasListener(eventName)) {
+    return true;
+  }
+
+  events = this._safeEvent(eventName);
+  args = Array.prototype.slice.call(arguments, 1);
+  index = 0;
+
+  while (events[index]) {
+    item = events[index];
+
+    if (item.handler.apply(item.context, args) === false) {
+      return false;
+    }
+
+    index += 1;
+  }
+
+  return true;
+};
+
+/**
+ * Return whether at least one of the handlers is registered in the given
+ *  event name.
+ * @param {string} eventName - Custom event name
+ * @returns {boolean} Is there at least one handler in event name?
+ */
+CustomEvents.prototype.hasListener = function(eventName) {
+  return this.getListenerLength(eventName) > 0;
+};
+
+/**
+ * Return a count of events registered.
+ * @param {string} eventName - Custom event name
+ * @returns {number} number of event
+ */
+CustomEvents.prototype.getListenerLength = function(eventName) {
+  var events = this._safeEvent(eventName);
+
+  return events.length;
+};
+
+module.exports = CustomEvents;
+
+
+/***/ }),
+/* 59 */
+/***/ (function(module, exports) {
+
+var g;
+
+// This works in non-strict mode
+g = (function() {
+	return this;
+})();
+
+try {
+	// This works if eval is allowed (see CSP)
+	g = g || new Function("return this")();
+} catch (e) {
+	// This works if the window reference is available
+	if (typeof window === "object") g = window;
+}
+
+// g can still be undefined, but nothing to do about it...
+// We return undefined, instead of nothing here, so it's
+// easier to handle this case. if(!global) { ...}
+
+module.exports = g;
+
+
+/***/ }),
+/* 60 */,
+/* 61 */,
+/* 62 */,
+/* 63 */,
+/* 64 */,
+/* 65 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/collection/forEachOwnProperties.js
+var forEachOwnProperties = __webpack_require__(10);
+var forEachOwnProperties_default = /*#__PURE__*/__webpack_require__.n(forEachOwnProperties);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isExisty.js
+var isExisty = __webpack_require__(28);
+var isExisty_default = /*#__PURE__*/__webpack_require__.n(isExisty);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isNumber.js
+var isNumber = __webpack_require__(34);
+var isNumber_default = /*#__PURE__*/__webpack_require__.n(isNumber);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/object/extend.js
+var extend = __webpack_require__(7);
+var extend_default = /*#__PURE__*/__webpack_require__.n(extend);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/css.js
+var css = __webpack_require__(4);
+var css_default = /*#__PURE__*/__webpack_require__.n(css);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/addClass.js
+var addClass = __webpack_require__(5);
+var addClass_default = /*#__PURE__*/__webpack_require__.n(addClass);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/removeClass.js
+var removeClass = __webpack_require__(6);
+var removeClass_default = /*#__PURE__*/__webpack_require__.n(removeClass);
+
+// EXTERNAL MODULE: /Users/nhn/project/tui.editor/libs/toastmark/dist/toastmark.js
+var toastmark = __webpack_require__(22);
+
+// EXTERNAL MODULE: ./src/js/htmlRenderConvertors.js
+var htmlRenderConvertors = __webpack_require__(29);
+
+// CONCATENATED MODULE: ./src/js/markdownToHTML.js
+
+
+function createMarkdownToHTML(options) {
+  var extendedAutolinks = options.extendedAutolinks,
+      customHTMLRenderer = options.customHTMLRenderer,
+      referenceDefinition = options.referenceDefinition,
+      customParser = options.customParser,
+      frontMatter = options.frontMatter;
+  var parser = new toastmark["Parser"]({
+    disallowedHtmlBlockTags: ['br'],
+    extendedAutolinks: extendedAutolinks,
+    referenceDefinition: referenceDefinition,
+    disallowDeepHeading: true,
+    customParser: customParser,
+    frontMatter: frontMatter
+  });
+  var renderHTML = Object(toastmark["createRenderHTML"])({
+    gfm: true,
+    convertors: Object(htmlRenderConvertors["a" /* getHTMLRenderConvertors */])(null, customHTMLRenderer)
+  });
+  return function markdownToHTML(markdown) {
+    return renderHTML(parser.parse(markdown));
+  };
+}
+// EXTERNAL MODULE: ./src/js/utils/common.js
+var utils_common = __webpack_require__(12);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isBoolean.js
+var isBoolean = __webpack_require__(56);
+var isBoolean_default = /*#__PURE__*/__webpack_require__.n(isBoolean);
+
+// EXTERNAL MODULE: external {"commonjs":"codemirror","commonjs2":"codemirror","amd":"codemirror","root":["CodeMirror"]}
+var external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_ = __webpack_require__(15);
+var external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_);
+
+// CONCATENATED MODULE: ./src/js/codemirror/fixOrderedListNumber.js
+/**
+ * @fileoverview codemirror extension for fix ordered list number
+ * @author NHN FE Development Lab 
+ */
+
+var listRE = /^(\s*)((\d+)([.)]\s(?:\[(?:x|\s)\]\s)?))(.*)/;
+/**
+ * simple wrapper for indentLess command
+ * to run fixOrderedListNumber on Shift-Tab
+ * @param {CodeMirror} cm - CodeMirror instance
+ * @returns {CodeMirror.Pass|null} - next command
+ * @ignore
+ */
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.indentLessOrderedList = function (cm) {
+  if (cm.getOption('disableInput')) {
+    return external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Pass;
+  }
+
+  cm.execCommand('indentLess');
+  cm.execCommand('fixOrderedListNumber');
+  return null;
+};
+/**
+ * fix ordered list number
+ * @param {CodeMirror} cm - CodeMirror instance
+ * @returns {CodeMirror.Pass|null} - next command
+ * @ignore
+ */
+
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.fixOrderedListNumber = function (cm) {
+  if (cm.getOption('disableInput') || !!cm.state.isCursorInCodeBlock) {
+    return external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Pass;
+  }
+
+  var ranges = cm.listSelections();
+
+  for (var i = 0; i < ranges.length; i += 1) {
+    var pos = ranges[i].head;
+    var lineNumber = findFirstListItem(pos.line, cm);
+
+    if (lineNumber >= 0) {
+      var lineText = cm.getLine(lineNumber);
+
+      var _listRE$exec = listRE.exec(lineText),
+          indent = _listRE$exec[1],
+          index = _listRE$exec[3];
+
+      fixNumber(lineNumber, indent.length, parseInt(index, 10), cm);
+    }
+  }
+
+  return null;
+};
+/**
+ * fix list numbers
+ * @param {number} lineNumber - line number of list item to be normalized
+ * @param {number} prevIndentLength - previous indent length
+ * @param {number} startIndex - start index
+ * @param {CodeMirror} cm - CodeMirror instance
+ * @returns {number} - next line number
+ * @ignore
+ */
+
+
+function fixNumber(lineNumber, prevIndentLength, startIndex, cm) {
+  var indent, delimiter, text, indentLength;
+  var index = startIndex;
+  var lineText = cm.getLine(lineNumber);
+
+  do {
+    var _listRE$exec2 = listRE.exec(lineText);
+
+    indent = _listRE$exec2[1];
+    delimiter = _listRE$exec2[4];
+    text = _listRE$exec2[5];
+    indentLength = indent.length;
+
+    if (indentLength === prevIndentLength) {
+      // fix number
+      cm.replaceRange("" + indent + index + delimiter + text, {
+        line: lineNumber,
+        ch: 0
+      }, {
+        line: lineNumber,
+        ch: lineText.length
+      });
+      index += 1;
+      lineNumber += 1;
+    } else if (indentLength > prevIndentLength) {
+      // nested list start
+      lineNumber = fixNumber(lineNumber, indentLength, 1, cm);
+    } else {
+      // nested list end
+      return lineNumber;
+    }
+
+    lineText = cm.getLine(lineNumber);
+  } while (listRE.test(lineText));
+
+  return lineNumber;
+}
+/**
+ * find line number of list item which contains given lineNumber
+ * @param {number} lineNumber - line number of list item
+ * @param {CodeMirror} cm - CodeMirror instance
+ * @returns {number} - line number of first list item
+ * @ignore
+ */
+
+
+function findFirstListItem(lineNumber, cm) {
+  var nextLineNumber = lineNumber;
+  var lineText = cm.getLine(lineNumber);
+
+  while (listRE.test(lineText)) {
+    nextLineNumber -= 1;
+    lineText = cm.getLine(nextLineNumber);
+  }
+
+  if (lineNumber === nextLineNumber) {
+    nextLineNumber = -1;
+  } else {
+    nextLineNumber += 1;
+  }
+
+  return nextLineNumber;
+}
+// CONCATENATED MODULE: ./src/js/codemirror/overlay.js
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: http://codemirror.net/LICENSE
+// Utility function that allows modes to be combined. The mode given
+// as the base argument takes care of most of the normal mode
+// functionality, but a second (typically simple) mode is used, which
+// can override the style of text. Both modes get to parse all of the
+// text, but when both assign a non-null style to a piece of code, the
+// overlay wins, unless the combine argument was true and not overridden,
+// or state.overlay.combineTokens was true, in which case the styles are
+// combined.
+
+/**
+ * @modifier NHN FE Development Lab 
+ */
+
+/*eslint-disable */
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.overlayMode = function (base, overlay, combine) {
+  return {
+    startState: function startState() {
+      return {
+        base: external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.startState(base),
+        overlay: external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.startState(overlay),
+        basePos: 0,
+        baseCur: null,
+        overlayPos: 0,
+        overlayCur: null,
+        streamSeen: null
+      };
+    },
+    copyState: function copyState(state) {
+      return {
+        base: external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.copyState(base, state.base),
+        overlay: external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.copyState(overlay, state.overlay),
+        basePos: state.basePos,
+        baseCur: null,
+        overlayPos: state.overlayPos,
+        overlayCur: null
+      };
+    },
+    token: function token(stream, state) {
+      if (stream != state.streamSeen || Math.min(state.basePos, state.overlayPos) < stream.start) {
+        state.streamSeen = stream;
+        state.basePos = state.overlayPos = stream.start;
+      }
+
+      if (stream.start == state.basePos) {
+        state.baseCur = base.token(stream, state.base);
+        state.basePos = stream.pos;
+      }
+
+      if (stream.start == state.overlayPos) {
+        stream.pos = stream.start;
+        state.overlayCur = overlay.token(stream, state.overlay);
+        state.overlayPos = stream.pos;
+      }
+
+      stream.pos = Math.min(state.basePos, state.overlayPos); // state.overlay.combineTokens always takes precedence over combine,
+      // unless set to null
+
+      if (state.overlayCur == null) return state.baseCur;else if (state.baseCur != null && state.overlay.combineTokens || combine && state.overlay.combineTokens == null) return state.baseCur + ' ' + state.overlayCur;else return state.overlayCur;
+    },
+    indent: base.indent && function (state, textAfter) {
+      return base.indent(state.base, textAfter);
+    },
+    electricChars: base.electricChars,
+    innerMode: function innerMode(state) {
+      return {
+        state: state.base,
+        mode: base
+      };
+    },
+    blankLine: function blankLine(state) {
+      if (base.blankLine) base.blankLine(state.base);
+      if (overlay.blankLine) overlay.blankLine(state.overlay);
+    }
+  };
+};
+// CONCATENATED MODULE: ./src/js/codemirror/continuelist.js
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: http://codemirror.net/LICENSE
+
+/**
+ * @modifier NHN FE Development Lab 
+ */
+
+/*eslint-disable */
+
+var continuelist_listRE = /^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]\s))(\s*)/,
+    emptyListRE = /^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,
+    unorderedListRE = /[*+-]\s/;
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.indentOrderedList = function (cm) {
+  if (cm.getOption('disableInput')) return external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Pass;
+  var ranges = cm.listSelections();
+
+  for (var i = 0; i < ranges.length; i++) {
+    var pos = ranges[i].head;
+    var line = cm.getLine(pos.line);
+    var cursorBeforeTextInline = line.substr(0, pos.ch);
+
+    if (continuelist_listRE.test(cursorBeforeTextInline) || cm.somethingSelected()) {
+      cm.indentSelection('add');
+    } else {
+      cm.execCommand('insertSoftTab');
+    }
+  }
+
+  cm.execCommand('fixOrderedListNumber');
+};
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.newlineAndIndentContinueMarkdownList = function (cm) {
+  if (cm.getOption('disableInput') || !!cm.state.isCursorInCodeBlock) {
+    cm.execCommand('newlineAndIndent');
+    return;
+  }
+
+  var ranges = cm.listSelections(),
+      replacements = [];
+
+  for (var i = 0; i < ranges.length; i++) {
+    var pos = ranges[i].head;
+    var line = cm.getLine(pos.line),
+        match = continuelist_listRE.exec(line);
+    var cursorBeforeBullet = /^\s*$/.test(line.slice(0, pos.ch));
+
+    if (!ranges[i].empty() || !match || cursorBeforeBullet) {
+      cm.execCommand('newlineAndIndent');
+      return;
+    }
+
+    if (emptyListRE.test(line)) {
+      if (!/>\s*$/.test(line)) cm.replaceRange('', {
+        line: pos.line,
+        ch: 0
+      }, {
+        line: pos.line,
+        ch: pos.ch + 1
+      });
+      replacements[i] = '\n';
+    } else {
+      var indent = match[1],
+          after = match[5];
+      var numbered = !(unorderedListRE.test(match[2]) || match[2].indexOf('>') >= 0);
+      var bullet = numbered ? parseInt(match[3], 10) + 1 + match[4] : match[2].replace('x', ' ');
+      replacements[i] = '\n' + indent + bullet + after;
+      if (numbered) incrementRemainingMarkdownListNumbers(cm, pos);
+    }
+  }
+
+  cm.replaceSelections(replacements);
+}; // Auto-updating Markdown list numbers when a new item is added to the
+// middle of a list
+
+
+function incrementRemainingMarkdownListNumbers(cm, pos) {
+  var startLine = pos.line,
+      lookAhead = 0,
+      skipCount = 0;
+  var startItem = continuelist_listRE.exec(cm.getLine(startLine)),
+      startIndent = startItem[1];
+
+  do {
+    lookAhead += 1;
+    var nextLineNumber = startLine + lookAhead;
+    var nextLine = cm.getLine(nextLineNumber),
+        nextItem = continuelist_listRE.exec(nextLine);
+
+    if (nextItem) {
+      var nextIndent = nextItem[1];
+      var newNumber = parseInt(startItem[3], 10) + lookAhead - skipCount;
+      var nextNumber = parseInt(nextItem[3], 10),
+          itemNumber = nextNumber;
+
+      if (startIndent === nextIndent && !isNaN(nextNumber)) {
+        if (newNumber === nextNumber) itemNumber = nextNumber + 1;
+        if (newNumber > nextNumber) itemNumber = newNumber + 1;
+        cm.replaceRange(nextLine.replace(continuelist_listRE, nextIndent + itemNumber + nextItem[4] + nextItem[5]), {
+          line: nextLineNumber,
+          ch: 0
+        }, {
+          line: nextLineNumber,
+          ch: nextLine.length
+        });
+      } else {
+        if (startIndent.length > nextIndent.length) return; // This doesn't run if the next line immediatley indents, as it is
+        // not clear of the users intention (new indented item or same level)
+
+        if (startIndent.length < nextIndent.length && lookAhead === 1) return;
+        skipCount += 1;
+      }
+    }
+  } while (nextItem);
+}
+// CONCATENATED MODULE: ./src/js/codemirror/arrowKeyFunction.js
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: http://codemirror.net/LICENSE
+
+/**
+ * @modifier NHN FE Development Lab 
+ */
+
+/*eslint-disable */
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.replaceLineTextToUpper = function (cm) {
+  if (cm.getOption('disableInput')) {
+    return external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Pass;
+  }
+
+  var ranges = cm.listSelections();
+  var lineAdjustment = -1;
+
+  for (var i = 0; i < ranges.length; i++) {
+    var range = ranges[i];
+    var from = range.anchor;
+    var to = range.head;
+
+    if (isSameLineSelection(range) && to.line > 0) {
+      replaceSingleLine(cm, from, to, lineAdjustment);
+    } else if (!isRangeCollapsed(range)) {
+      var topLine = from.line < to.line ? from.line : to.line;
+
+      if (topLine > 0) {
+        var upper = from.line === topLine ? from : to;
+        var bottom = from.line === topLine ? to : from;
+        replaceMultiLine(cm, upper, bottom, lineAdjustment);
+      }
+    }
+  }
+};
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.commands.replaceLineTextToLower = function (cm) {
+  if (cm.getOption('disableInput')) {
+    return external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Pass;
+  }
+
+  var ranges = cm.listSelections();
+  var lineAdjustment = 1;
+
+  for (var i = 0; i < ranges.length; i++) {
+    var range = ranges[i];
+    var from = range.anchor;
+    var to = range.head;
+    var isLastLine = to.line === cm.lastLine();
+
+    if (isSameLineSelection(range) && !isLastLine) {
+      replaceSingleLine(cm, from, to, lineAdjustment);
+    } else if (!isRangeCollapsed(range)) {
+      var topLine = from.line < to.line ? from.line : to.line;
+      var upper = from.line === topLine ? from : to;
+      var bottom = from.line === topLine ? to : from;
+
+      if (bottom.line < cm.lastLine()) {
+        replaceMultiLine(cm, upper, bottom, lineAdjustment);
+      }
+    }
+  }
+};
+
+function isRangeCollapsed(range) {
+  return isSameLineSelection(range) && range.anchor.ch === range.head.ch;
+}
+
+function isSameLineSelection(range) {
+  return range.anchor.line === range.head.line;
+}
+
+function replaceSingleLine(cm, from, to, lineAdjustment) {
+  var currentLine = cm.getLine(to.line);
+  var replacement = cm.getLine(to.line + lineAdjustment);
+  var range = {
+    anchor: from,
+    head: to
+  };
+  cm.replaceRange(replacement, {
+    line: to.line,
+    ch: 0
+  }, {
+    line: to.line,
+    ch: currentLine.length
+  }, '+input');
+  cm.replaceRange(currentLine, {
+    line: to.line + lineAdjustment,
+    ch: 0
+  }, {
+    line: to.line + lineAdjustment,
+    ch: replacement.length
+  }, '+input');
+
+  if (isRangeCollapsed(range)) {
+    cm.setCursor({
+      line: to.line + lineAdjustment,
+      ch: to.ch
+    });
+  } else {
+    cm.setSelection({
+      line: from.line + lineAdjustment,
+      ch: from.ch
+    }, {
+      line: to.line + lineAdjustment,
+      ch: to.ch
+    });
+  }
+}
+
+function replaceMultiLine(cm, upper, bottom, lineAdjustment) {
+  var rangeContent = cm.getRange({
+    line: upper.line,
+    ch: 0
+  }, {
+    line: bottom.line,
+    ch: cm.getLine(bottom.line).length
+  });
+  var edgeLineOfConcern = lineAdjustment > 0 ? bottom : upper;
+  var replacement = cm.getLine(edgeLineOfConcern.line + lineAdjustment);
+  var targetLine;
+
+  if (lineAdjustment > 0) {
+    targetLine = upper;
+  } else {
+    targetLine = bottom;
+  }
+
+  cm.replaceRange(replacement, {
+    line: targetLine.line,
+    ch: 0
+  }, {
+    line: targetLine.line,
+    ch: cm.getLine(targetLine.line).length
+  }, '+input');
+  cm.replaceRange(rangeContent, {
+    line: upper.line + lineAdjustment,
+    ch: 0
+  }, {
+    line: bottom.line + lineAdjustment,
+    ch: cm.getLine(bottom.line + lineAdjustment).length
+  }, '+input');
+  cm.setSelection({
+    line: upper.line + lineAdjustment,
+    ch: upper.ch
+  }, {
+    line: bottom.line + lineAdjustment,
+    ch: bottom.ch
+  });
+}
+// CONCATENATED MODULE: ./src/js/codemirror/placeholder.js
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: http://codemirror.net/LICENSE
+
+/**
+ * @modifier NHN FE Development Lab 
+ */
+
+/* eslint-disable */
+
+external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.defineOption('placeholder', '', function (cm, val, old) {
+  var prev = old && old != external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.Init;
+
+  if (val && !prev) {
+    cm.on('blur', onBlur);
+    cm.on('change', onChange);
+    cm.on('swapDoc', onChange);
+    onChange(cm);
+  } else if (!val && prev) {
+    cm.off('blur', onBlur);
+    cm.off('change', onChange);
+    cm.off('swapDoc', onChange);
+    clearPlaceholder(cm);
+    var wrapper = cm.getWrapperElement();
+    wrapper.className = wrapper.className.replace(' CodeMirror-empty', '');
+  }
+
+  if (val && !cm.hasFocus()) onBlur(cm);
+});
+
+function clearPlaceholder(cm) {
+  if (cm.state.placeholder) {
+    cm.state.placeholder.parentNode.removeChild(cm.state.placeholder);
+    cm.state.placeholder = null;
+  }
+}
+
+function setPlaceholder(cm) {
+  clearPlaceholder(cm);
+  var elt = cm.state.placeholder = document.createElement('pre');
+  elt.style.cssText = 'height: 0; overflow: visible';
+  elt.className = 'CodeMirror-placeholder';
+  var placeHolder = cm.getOption('placeholder');
+  if (typeof placeHolder == 'string') placeHolder = document.createTextNode(placeHolder);
+  elt.appendChild(placeHolder);
+  cm.display.lineSpace.insertBefore(elt, cm.display.lineSpace.firstChild);
+}
+
+function onBlur(cm) {
+  if (isEmpty(cm)) setPlaceholder(cm);
+}
+
+function onChange(cm) {
+  var wrapper = cm.getWrapperElement(),
+      empty = isEmpty(cm);
+  wrapper.className = wrapper.className.replace(' CodeMirror-empty', '') + (empty ? ' CodeMirror-empty' : '');
+  if (empty) setPlaceholder(cm);else clearPlaceholder(cm);
+}
+
+function isEmpty(cm) {
+  return cm.lineCount() === 1 && cm.getLine(0) === '';
+}
+// CONCATENATED MODULE: ./src/js/codeMirrorExt.js
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * @fileoverview Implements CodeBlockExt
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+/**
+ * Class CodeMirrorExt
+ * @param {HTMLElement} el - container jquery element
+ * @param {Object} [options={}] - codeMirror options
+ */
+
+var codeMirrorExt_CodeMirrorExt = /*#__PURE__*/function () {
+  function CodeMirrorExt(el, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    this.editorContainerEl = el;
+    /**
+     * CodeMirror instance
+     * @type {CodeMirror.EditorFromTextArea}
+     * @private
+     */
+
+    this.cm = null;
+
+    this._init(options);
+  }
+  /**
+   * init
+   * @param {Object} options - codeMirror option
+   * @private
+   */
+
+
+  var _proto = CodeMirrorExt.prototype;
+
+  _proto._init = function _init(options) {
+    var cmTextarea = document.createElement('textarea');
+    this.editorContainerEl.appendChild(cmTextarea);
+    options = _extends({}, options, {
+      lineWrapping: true,
+      theme: 'default',
+      extraKeys: _extends({
+        'Shift-Tab': 'indentLess',
+        'Alt-Up': 'replaceLineTextToUpper',
+        'Alt-Down': 'replaceLineTextToLower'
+      }, options.extraKeys),
+      indentUnit: 4,
+      cursorScrollMargin: 12,
+      specialCharPlaceholder: function specialCharPlaceholder() {
+        return document.createElement('span');
+      }
+    });
+    this.cm = external_commonjs_codemirror_commonjs2_codemirror_amd_codemirror_root_CodeMirror_default.a.fromTextArea(cmTextarea, options);
+  }
+  /**
+   * getCurrentRange
+   * @returns {Object} - selection range
+   */
+  ;
+
+  _proto.getCurrentRange = function getCurrentRange() {
+    var from = this.cm.getCursor('from');
+    var to = this.cm.getCursor('to');
+    return {
+      from: from,
+      to: to,
+      collapsed: from.line === to.line && from.ch === to.ch
+    };
+  }
+  /**
+   * Set focus to current Editor
+   */
+  ;
+
+  _proto.focus = function focus() {
+    this.cm.focus();
+  }
+  /**
+   * blur focus to current Editor
+   */
+  ;
+
+  _proto.blur = function blur() {
+    this.cm.getInputField().blur();
+  }
+  /**
+   * Remove Editor from document
+   */
+  ;
+
+  _proto.remove = function remove() {
+    this.cm.toTextArea();
+  }
+  /**
+   * Set Editor value
+   * @param {string} markdown - Markdown syntax text
+   * @param {boolean} [cursorToEnd=true] - move cursor to contents end
+   */
+  ;
+
+  _proto.setValue = function setValue(markdown, cursorToEnd) {
+    if (cursorToEnd === void 0) {
+      cursorToEnd = true;
+    }
+
+    this.cm.setValue(markdown);
+
+    if (cursorToEnd) {
+      this.moveCursorToEnd();
+    }
+
+    this.cm.doc.clearHistory();
+    this.cm.refresh();
+  }
+  /**
+   * Get editor value
+   * @returns {string} - codeMirror text value
+   */
+  ;
+
+  _proto.getValue = function getValue() {
+    return this.cm.getValue('\n');
+  }
+  /**
+   * Get CodeMirror instance
+   * @returns {CodeMirror}
+   */
+  ;
+
+  _proto.getEditor = function getEditor() {
+    return this.cm;
+  }
+  /**
+   * Reset Editor
+   */
+  ;
+
+  _proto.reset = function reset() {
+    this.setValue('');
+  }
+  /**
+   * Get current caret position
+   * @returns {{from: {line: number, ch: number}, to: {line: number, ch: number}}}
+   */
+  ;
+
+  _proto.getCaretPosition = function getCaretPosition() {
+    return this.cm.cursorCoords();
+  }
+  /**
+   * Add widget
+   * @param {object} selection - Selection object
+   * @param {HTMLElement} node - Widget node
+   * @param {string} style - Adding style "over" or "bottom"
+   * @param {number} offset - Adding offset
+   */
+  ;
+
+  _proto.addWidget = function addWidget(selection, node, style, offset) {
+    if (offset) {
+      selection.ch += offset;
+    }
+
+    this.cm.addWidget(selection.end, node, true, style);
+  }
+  /**
+   * Replace selection with given replacement content
+   * @param {string} content - Replacement content text
+   * @param {object} selection - Selection object
+   */
+  ;
+
+  _proto.replaceSelection = function replaceSelection(content, selection) {
+    if (selection) {
+      this.cm.setSelection(selection.from, selection.to);
+    }
+
+    this.cm.replaceSelection(content);
+    this.focus();
+  }
+  /**
+   * Replace selection with replacement content and offset
+   * @param {string} content - Replacement content text
+   * @param {number} offset - Offset
+   * @param {number} overwriteLength - Length to overwrite
+   */
+  ;
+
+  _proto.replaceRelativeOffset = function replaceRelativeOffset(content, offset, overwriteLength) {
+    var cursor = this.cm.getCursor();
+    var selection = {
+      from: {
+        line: cursor.line,
+        ch: cursor.ch + offset
+      },
+      to: {
+        line: cursor.line,
+        ch: cursor.ch + offset + overwriteLength
+      }
+    };
+    this.replaceSelection(content, selection);
+  }
+  /**
+   * Set Editor height
+   * @param {number} height - Editor height
+   */
+  ;
+
+  _proto.setHeight = function setHeight(height) {
+    var contentWrapper = this.getWrapperElement();
+    css_default()(contentWrapper, {
+      height: height + "px"
+    });
+  }
+  /**
+   * set min height
+   * @param {number} minHeight - min height
+   */
+  ;
+
+  _proto.setMinHeight = function setMinHeight(minHeight) {
+    var contentWrapper = this.getWrapperElement();
+    css_default()(contentWrapper, {
+      minHeight: minHeight + "px"
+    });
+  }
+  /**
+   * Set the placeholder to CodeMirror
+   * @param {string} placeholder - placeholder to set
+   */
+  ;
+
+  _proto.setPlaceholder = function setPlaceholder(placeholder) {
+    if (placeholder) {
+      this.cm.setOption('placeholder', placeholder);
+    }
+  }
+  /**
+   * get code mirror wrapper element
+   * @returns {HTMLElement} - code mirror wrapper element
+   */
+  ;
+
+  _proto.getWrapperElement = function getWrapperElement() {
+    return this.cm.getWrapperElement();
+  }
+  /**
+   * get code mirror cursor
+   * @param {string} [start='head'] - which end of the selection. 'from'|'to'|'head'|'anchor'
+   * @returns {Cursor} - code mirror cursor
+   */
+  ;
+
+  _proto.getCursor = function getCursor(start) {
+    return this.cm.getCursor(start);
+  }
+  /**
+   * Set cursor position to end
+   */
+  ;
+
+  _proto.moveCursorToEnd = function moveCursorToEnd() {
+    var doc = this.getEditor().getDoc();
+    var lastLine = doc.lastLine();
+    doc.setCursor(lastLine, doc.getLine(lastLine).length);
+  }
+  /**
+   * Set cursor position to start
+   */
+  ;
+
+  _proto.moveCursorToStart = function moveCursorToStart() {
+    var doc = this.getEditor().getDoc();
+    var firstLine = doc.firstLine();
+    doc.setCursor(firstLine, 0);
+  }
+  /**
+   * Scroll Editor content to Top
+   * @param {number} value - Scroll amount
+   * @returns {number} - changed scroll top
+   */
+  ;
+
+  _proto.scrollTop = function scrollTop(value) {
+    if (value) {
+      this.cm.scrollTo(0, value);
+    }
+
+    return this.cm.getScrollInfo().top;
+  }
+  /**
+   * Get start, end position of current selection
+   * @returns {{start: {line: *, ch: *}, end: {line: *, ch: *}}}
+   */
+  ;
+
+  _proto.getRange = function getRange() {
+    var start = this.cm.getCursor('from');
+    var end = this.cm.getCursor('to');
+    return {
+      start: {
+        line: start.line,
+        ch: start.ch
+      },
+      end: {
+        line: end.line,
+        ch: end.ch
+      }
+    };
+  }
+  /**
+   * add codemirror event handler
+   * @param {string} type - event type
+   * @param {function} func - handler function
+   */
+  ;
+
+  _proto.on = function on(type, func) {
+    this.cm.on(type, func);
+  }
+  /**
+   * remove codemirror event handler
+   * @param {string} type - event type
+   * @param {function} func - handler function
+   */
+  ;
+
+  _proto.off = function off(type, func) {
+    this.cm.off(type, func);
+  };
+
+  return CodeMirrorExt;
+}();
+
+/* harmony default export */ var codeMirrorExt = (codeMirrorExt_CodeMirrorExt);
+// CONCATENATED MODULE: ./src/js/keyMapper.js
+/**
+ * @fileoverview Implements KeyMapper
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Constant of key mapping
+ * @type {string[]}
+ * @ignore
+ */
+var KEYBOARD_MAP = ['', // [0]
+'', // [1]
+'', // [2]
+'CANCEL', // [3]
+'', // [4]
+'', // [5]
+'HELP', // [6]
+'', // [7]
+'BACK_SPACE', // [8]
+'TAB', // [9]
+'', // [10]
+'', // [11]
+'CLEAR', // [12]
+'ENTER', // [13]
+'ENTER_SPECIAL', // [14]
+'', // [15]
+'', // [16] SHIFT
+'', // [17] CONTROL
+'', // [18] ALT
+'PAUSE', // [19]
+'CAPS_LOCK', // [20]
+'KANA', // [21]
+'EISU', // [22]
+'JUNJA', // [23]
+'FINAL', // [24]
+'HANJA', // [25]
+'', // [26]
+'ESCAPE', // [27]
+'CONVERT', // [28]
+'NONCONVERT', // [29]
+'ACCEPT', // [30]
+'MODECHANGE', // [31]
+'SPACE', // [32]
+'PAGE_UP', // [33]
+'PAGE_DOWN', // [34]
+'END', // [35]
+'HOME', // [36]
+'LEFT', // [37]
+'UP', // [38]
+'RIGHT', // [39]
+'DOWN', // [40]
+'SELECT', // [41]
+'PRINT', // [42]
+'EXECUTE', // [43]
+'PRINTSCREEN', // [44]
+'INSERT', // [45]
+'DELETE', // [46]
+'', // [47]
+'0', // [48]
+'1', // [49]
+'2', // [50]
+'3', // [51]
+'4', // [52]
+'5', // [53]
+'6', // [54]
+'7', // [55]
+'8', // [56]
+'9', // [57]
+':', // [58]
+';', // [59]
+'<', // [60]
+'=', // [61]
+'>', // [62]
+'?', // [63]
+'AT', // [64]
+'A', // [65]
+'B', // [66]
+'C', // [67]
+'D', // [68]
+'E', // [69]
+'F', // [70]
+'G', // [71]
+'H', // [72]
+'I', // [73]
+'J', // [74]
+'K', // [75]
+'L', // [76]
+'M', // [77]
+'N', // [78]
+'O', // [79]
+'P', // [80]
+'Q', // [81]
+'R', // [82]
+'S', // [83]
+'T', // [84]
+'U', // [85]
+'V', // [86]
+'W', // [87]
+'X', // [88]
+'Y', // [89]
+'Z', // [90]
+'', // [91] META
+'', // [92]
+'CONTEXT_MENU', // [93]
+'', // [94]
+'SLEEP', // [95]
+'NUMPAD0', // [96]
+'NUMPAD1', // [97]
+'NUMPAD2', // [98]
+'NUMPAD3', // [99]
+'NUMPAD4', // [100]
+'NUMPAD5', // [101]
+'NUMPAD6', // [102]
+'NUMPAD7', // [103]
+'NUMPAD8', // [104]
+'NUMPAD9', // [105]
+'MULTIPLY', // [106]
+'ADD', // [107]
+'SEPARATOR', // [108]
+'SUBTRACT', // [109]
+'DECIMAL', // [110]
+'DIVIDE', // [111]
+'F1', // [112]
+'F2', // [113]
+'F3', // [114]
+'F4', // [115]
+'F5', // [116]
+'F6', // [117]
+'F7', // [118]
+'F8', // [119]
+'F9', // [120]
+'F10', // [121]
+'F11', // [122]
+'F12', // [123]
+'F13', // [124]
+'F14', // [125]
+'F15', // [126]
+'F16', // [127]
+'F17', // [128]
+'F18', // [129]
+'F19', // [130]
+'F20', // [131]
+'F21', // [132]
+'F22', // [133]
+'F23', // [134]
+'F24', // [135]
+'', // [136]
+'', // [137]
+'', // [138]
+'', // [139]
+'', // [140]
+'', // [141]
+'', // [142]
+'', // [143]
+'NUM_LOCK', // [144]
+'SCROLL_LOCK', // [145]
+'WIN_OEM_FJ_JISHO', // [146]
+'WIN_OEM_FJ_MASSHOU', // [147]
+'WIN_OEM_FJ_TOUROKU', // [148]
+'WIN_OEM_FJ_LOYA', // [149]
+'WIN_OEM_FJ_ROYA', // [150]
+'', // [151]
+'', // [152]
+'', // [153]
+'', // [154]
+'', // [155]
+'', // [156]
+'', // [157]
+'', // [158]
+'', // [159]
+'@', // [160]
+'!', // [161]
+'"', // [162]
+'#', // [163]
+'$', // [164]
+'%', // [165]
+'&', // [166]
+'_', // [167]
+'(', // [168]
+')', // [169]
+'*', // [170]
+'+', // [171]
+'|', // [172]
+'-', // [173]
+'{', // [174]
+'}', // [175]
+'~', // [176]
+'', // [177]
+'', // [178]
+'', // [179]
+'', // [180]
+'VOLUME_MUTE', // [181]
+'VOLUME_DOWN', // [182]
+'VOLUME_UP', // [183]
+'', // [184]
+'', // [185]
+';', // [186]
+'=', // [187]
+',', // [188]
+'-', // [189]
+'.', // [190]
+'/', // [191]
+'`', // [192]
+'', // [193]
+'', // [194]
+'', // [195]
+'', // [196]
+'', // [197]
+'', // [198]
+'', // [199]
+'', // [200]
+'', // [201]
+'', // [202]
+'', // [203]
+'', // [204]
+'', // [205]
+'', // [206]
+'', // [207]
+'', // [208]
+'', // [209]
+'', // [210]
+'', // [211]
+'', // [212]
+'', // [213]
+'', // [214]
+'', // [215]
+'', // [216]
+'', // [217]
+'', // [218]
+'[', // [219]
+'\\', // [220]
+']', // [221]
+"'", // [222]
+'', // [223]
+'META', // [224]
+'ALTGR', // [225]
+'', // [226]
+'WIN_ICO_HELP', // [227]
+'WIN_ICO_00', // [228]
+'', // [229]
+'WIN_ICO_CLEAR', // [230]
+'', // [231]
+'', // [232]
+'WIN_OEM_RESET', // [233]
+'WIN_OEM_JUMP', // [234]
+'WIN_OEM_PA1', // [235]
+'WIN_OEM_PA2', // [236]
+'WIN_OEM_PA3', // [237]
+'WIN_OEM_WSCTRL', // [238]
+'WIN_OEM_CUSEL', // [239]
+'WIN_OEM_ATTN', // [240]
+'WIN_OEM_FINISH', // [241]
+'WIN_OEM_COPY', // [242]
+'WIN_OEM_AUTO', // [243]
+'WIN_OEM_ENLW', // [244]
+'WIN_OEM_BACKTAB', // [245]
+'ATTN', // [246]
+'CRSEL', // [247]
+'EXSEL', // [248]
+'EREOF', // [249]
+'PLAY', // [250]
+'ZOOM', // [251]
+'', // [252]
+'PA1', // [253]
+'WIN_OEM_CLEAR', // [254]
+'' // [255]
+];
+var sharedInstance;
+/**
+ * Class KeyMapper
+ * @param {object} [options] options
+ * @param {string} options.splitter splitter string default is +
+ * @ignore
+ */
+
+var KeyMapper = /*#__PURE__*/function () {
+  function KeyMapper(options) {
+    this._setSplitter(options);
+  }
+  /**
+   * Set key splitter
+   * @param {object} options Option object
+   * @private
+   */
+
+
+  var _proto = KeyMapper.prototype;
+
+  _proto._setSplitter = function _setSplitter(options) {
+    var splitter = options ? options.splitter : '+';
+    this._splitter = splitter;
+  }
+  /**
+   * Convert event to keyMap
+   * @param {event} event Event object
+   * @returns {string}
+   */
+  ;
+
+  _proto.convert = function convert(event) {
+    var keyMap = [];
+
+    if (event.shiftKey) {
+      keyMap.push('SHIFT');
+    }
+
+    if (event.ctrlKey) {
+      keyMap.push('CTRL');
+    }
+
+    if (event.metaKey) {
+      keyMap.push('META');
+    }
+
+    if (event.altKey) {
+      keyMap.push('ALT');
+    }
+
+    var keyChar = this._getKeyCodeChar(event.keyCode);
+
+    if (keyChar) {
+      keyMap.push(keyChar);
+    }
+
+    return keyMap.join(this._splitter);
+  }
+  /**
+   * Get character from key code
+   * @param {number} keyCode Key code
+   * @returns {string}
+   * @private
+   */
+  ;
+
+  _proto._getKeyCodeChar = function _getKeyCodeChar(keyCode) {
+    var keyCodeCharacter = KEYBOARD_MAP[keyCode];
+    return keyCodeCharacter;
+  }
+  /**
+   * Get sharedInstance
+   * @returns {KeyMapper}
+   */
+  ;
+
+  KeyMapper.getSharedInstance = function getSharedInstance() {
+    if (!sharedInstance) {
+      sharedInstance = new KeyMapper();
+    }
+
+    return sharedInstance;
+  }
+  /**
+   * get key code for a character
+   * @param {string} char - a character to be converted
+   * @returns {number} key code for the char
+   * @static
+   */
+  ;
+
+  KeyMapper.keyCode = function keyCode(char) {
+    return KEYBOARD_MAP.indexOf(char);
+  };
+
+  return KeyMapper;
+}();
+
+/* harmony default export */ var keyMapper = (KeyMapper);
+// CONCATENATED MODULE: ./src/js/mdListManager.js
+/**
+ * @fileoverview Implements markdown list manager
+ * @author NHN FE Development Lab 
+ */
+var FIND_LIST_RX = /^[ \t]*([-*]|[\d]+\.)( \[[ xX]])? /;
+var FIND_TASK_LIST_RX = /^[ \t]*([*-] |[\d]+\. )(\[[ xX]] )/;
+var FIND_UL_RX = /^[ \t]*[-*] .*/;
+var FIND_OL_TASK_RX = /^[ \t]*[\d]+\. \[[ xX]] .*/;
+var LIST_SYNTAX_RX = /([*-] |[\d]+\. )/;
+var TASK_SYNTAX_RX = /([-*] |[\d]+\. )(\[[ xX]] )/;
+var LIST_OR_TASK_SYNTAX_RX = /([-*]|[\d]+\.)( \[[ xX]])? /;
+var UL_TASK_SYNTAX_RX = /([-*])( \[[ xX]]) /;
+var OL_SYNTAX_RX = /([\d])+\.( \[[ xX]])? /;
+var FIND_TABLE_RX = /^\|([-\s\w\d\t<>?!@#$%^&*()_=+\\/'";: \r[\]]*\|+)+/i;
+var FIND_HEADING_RX = /^#+\s/;
+var FIND_BLOCK_RX = /^ {0,3}(```|\||>)/;
+/**
+ * Class MdListManager
+ * @param {MarkdownEditor} mde - MarkdownEditor instance
+ * @ignore
+ */
+
+var MdListManager = /*#__PURE__*/function () {
+  function MdListManager(mde) {
+    this.cm = mde.getEditor();
+    this.doc = this.cm.getDoc();
+    this.toastMark = mde.getToastMark();
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'list';
+  }
+  /**
+   * Sort line number of selection descending
+   * @param {{from, to}} range start, end CodeMirror range information
+   * @returns {{start: {number}, end: {number}}}
+   * @private
+   */
+
+
+  var _proto = MdListManager.prototype;
+
+  _proto._createSortedLineRange = function _createSortedLineRange(range) {
+    var isReversed = range.from.line > range.to.line;
+    var rangeStart = {
+      line: isReversed ? range.to.line : range.from.line,
+      ch: 0
+    };
+    var rangeEnd = {
+      line: isReversed ? range.from.line : range.to.line,
+      ch: 0
+    };
+    return {
+      start: rangeStart.line,
+      end: rangeEnd.line
+    };
+  }
+  /**
+   * For odering the ol list, search preivous lines and
+   * calculate ordinal number when find ol list
+   * @param {number} lineNumber lineNumber
+   * @returns {number}
+   * @private
+   */
+  ;
+
+  _proto._calculateOrdinalNumber = function _calculateOrdinalNumber(lineNumber) {
+    var ordinalNumber = 1;
+
+    for (var i = lineNumber - 1; i >= 0; i -= 1) {
+      var depth = this._getListDepth(i);
+
+      if (depth === 1 && OL_SYNTAX_RX.exec(this.doc.getLine(i))) {
+        ordinalNumber = parseInt(RegExp.$1, 10) + 1;
+        break;
+      } else if (depth === 0) {
+        break;
+      }
+    }
+
+    return ordinalNumber;
+  };
+
+  _proto._isListLine = function _isListLine(lineNumber) {
+    return !!FIND_LIST_RX.exec(this.doc.getLine(lineNumber));
+  }
+  /**
+   * If text already have sytax for heading, table and code block,
+   * can not change to list.
+   * @param {number} lineNumber lineNumber
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isCanBeList = function _isCanBeList(lineNumber) {
+    var line = this.doc.getLine(lineNumber);
+    return !FIND_BLOCK_RX.test(line) && !FIND_TABLE_RX.test(line) && !FIND_HEADING_RX.test(line);
+  }
+  /**
+   * Return a function for change according to type
+   * @param {string} type ol, ul, task
+   * @returns {Function}
+   * @private
+   */
+  ;
+
+  _proto._getChangeFn = function _getChangeFn(type) {
+    var _this = this;
+
+    var fn;
+
+    switch (type) {
+      case 'ol':
+      case 'ul':
+        fn = function fn(lineNumber) {
+          return _this._changeToList(lineNumber, type);
+        };
+
+        break;
+
+      case 'task':
+        fn = function fn(lineNumber) {
+          return _this._changeToTask(lineNumber);
+        };
+
+        break;
+
+      default:
+        break;
+    }
+
+    return fn;
+  }
+  /**
+   * Change syntax by traversing each line selected.
+   * @param {{from, to}} range start, end CodeMirror range information
+   * @param {string} type ol, ul, task
+   */
+  ;
+
+  _proto.changeSyntax = function changeSyntax(range, type) {
+    var newListLine = [];
+
+    var lineRange = this._createSortedLineRange(range);
+
+    var startLineNumber = lineRange.start,
+        endLineNumber = lineRange.end;
+
+    var changeFn = this._getChangeFn(type);
+
+    for (var lineNumber = startLineNumber; lineNumber <= endLineNumber; lineNumber += 1) {
+      if (!this._isCanBeList(lineNumber)) {
+        break;
+      } // If text of lineNumber is not list, cache for inserting blank line
+
+
+      if (!this._isListLine(lineNumber)) {
+        newListLine.push(lineNumber);
+      }
+
+      changeFn(lineNumber);
+    } // Should insert blank line before and after new list
+
+
+    this._insertBlankLineForNewList(newListLine);
+
+    this.cm.focus();
+  };
+
+  _proto._replaceLineText = function _replaceLineText(text, lineNumber) {
+    this.doc.replaceRange(text, {
+      line: lineNumber,
+      ch: 0
+    });
+  }
+  /**
+   * change to list according to the type.
+   * @param {number} lineNumber line number
+   * @param {string} type ol, ul
+   * @private
+   */
+  ;
+
+  _proto._changeToList = function _changeToList(lineNumber, type) {
+    var _this2 = this;
+
+    if (this._isListLine(lineNumber)) {
+      // If type is ol, need ordinal number.
+      this._changeSameDepthList(lineNumber, type === 'ol' ? function (lineNum, ordinalNumber) {
+        _this2._replaceListTypeToOL(lineNum, ordinalNumber);
+      } : function (lineNum) {
+        _this2._replaceListTypeToUL(lineNum);
+      });
+    } else {
+      this._replaceLineText(type === 'ol' ? this._calculateOrdinalNumber(lineNumber) + ". " : '* ', lineNumber);
+    }
+  }
+  /**
+   * change to task list according
+   * @param {number} lineNumber line number
+   * @private
+   */
+  ;
+
+  _proto._changeToTask = function _changeToTask(lineNumber) {
+    if (FIND_TASK_LIST_RX.exec(this.doc.getLine(lineNumber))) {
+      this._replaceLineTextByRegexp(lineNumber, TASK_SYNTAX_RX, '$1');
+    } else if (this._isListLine(lineNumber)) {
+      this._replaceLineTextByRegexp(lineNumber, LIST_SYNTAX_RX, '$1[ ] ');
+    } else {
+      this._replaceLineText('* [ ] ', lineNumber);
+    }
+  };
+
+  _proto._getListDepth = function _getListDepth(lineNumber) {
+    var depth = 0;
+    var text = this.doc.getLine(lineNumber);
+
+    if (text) {
+      var mdNode = this.toastMark.findFirstNodeAtLine(lineNumber + 1);
+
+      while (mdNode && mdNode.type !== 'document') {
+        if (mdNode.type === 'list') {
+          depth += 1;
+        }
+
+        mdNode = mdNode.parent;
+      }
+    }
+
+    return depth;
+  };
+
+  _proto._findSameDepthList = function _findSameDepthList(listNumber, depth, isIncrease) {
+    var lineCount = this.doc.lineCount();
+    var result = [];
+    var i = listNumber;
+    var currentLineDepth;
+
+    while (isIncrease ? i < lineCount - 1 : i > 0) {
+      i = isIncrease ? i + 1 : i - 1;
+      currentLineDepth = this._getListDepth(i);
+
+      if (currentLineDepth === depth) {
+        result.push(i);
+      } else if (currentLineDepth < depth) {
+        break;
+      }
+    }
+
+    return result;
+  }
+  /**
+   * Find Sampe depth list before and after the line number,
+   * and then same depth lines change using replacer function
+   * @param {number} lineNumber line number
+   * @param {Function} replacer The function should be called with line numbers and ordinal number as arguments.
+   * @private
+   */
+  ;
+
+  _proto._changeSameDepthList = function _changeSameDepthList(lineNumber, replacer) {
+    var depth = this._getListDepth(lineNumber);
+
+    var backwardList = this._findSameDepthList(lineNumber, depth, false).reverse();
+
+    var forwardList = this._findSameDepthList(lineNumber, depth, true);
+
+    var sameDepthList = backwardList.concat([lineNumber]).concat(forwardList);
+    sameDepthList.forEach(function (lineNum, i) {
+      replacer(lineNum, i + 1);
+    });
+  }
+  /**
+   * Replace text using regular expression
+   * @param {number} lineNumber Line number
+   * @param {RegExp} regexp Regexp for find list syntax
+   * @param {string} replacePattern Replacement string
+   * @private
+   */
+  ;
+
+  _proto._replaceLineTextByRegexp = function _replaceLineTextByRegexp(lineNumber, regexp, replacePattern) {
+    var line = this.doc.getLine(lineNumber);
+    var currentLineStart = {
+      line: lineNumber,
+      ch: 0
+    };
+    var currentLineEnd = {
+      line: lineNumber,
+      ch: line.length
+    };
+    line = line.replace(regexp, replacePattern);
+    this.doc.replaceRange(line, currentLineStart, currentLineEnd);
+  };
+
+  _proto._replaceListTypeToUL = function _replaceListTypeToUL(lineNumber) {
+    var lineText = this.doc.getLine(lineNumber);
+
+    if (UL_TASK_SYNTAX_RX.exec(lineText)) {
+      this._replaceLineTextByRegexp(lineNumber, UL_TASK_SYNTAX_RX, '$1 ');
+    } else if (OL_SYNTAX_RX.exec(lineText)) {
+      this._replaceLineTextByRegexp(lineNumber, OL_SYNTAX_RX, '* ');
+    }
+  };
+
+  _proto._replaceListTypeToOL = function _replaceListTypeToOL(lineNumber, ordinalNumber) {
+    var lineText = this.doc.getLine(lineNumber);
+
+    if (FIND_UL_RX.exec(lineText) || FIND_OL_TASK_RX.exec(lineText)) {
+      this._replaceLineTextByRegexp(lineNumber, LIST_OR_TASK_SYNTAX_RX, ordinalNumber + ". ");
+    } else if (OL_SYNTAX_RX.exec(lineText)) {
+      if (parseInt(RegExp.$1, 10) !== ordinalNumber) {
+        this._replaceLineTextByRegexp(lineNumber, OL_SYNTAX_RX, ordinalNumber + ". ");
+      }
+    }
+  }
+  /**
+   * The new list must have a blank line before and after.
+   * @param {Array} newListLines lines that changed to list
+   * @private
+   */
+  ;
+
+  _proto._insertBlankLineForNewList = function _insertBlankLineForNewList(newListLines) {
+    var length = newListLines.length;
+
+    if (length) {
+      var startLineNumber = newListLines[0];
+      var endLineNumber = newListLines[length - 1];
+
+      if (this._isNotBlankNotListLine(endLineNumber + 1)) {
+        this.doc.replaceRange('\n', {
+          line: endLineNumber,
+          ch: this.doc.getLine(endLineNumber).length
+        });
+      }
+
+      if (startLineNumber > 0 && this._isNotBlankNotListLine(startLineNumber - 1)) {
+        this.doc.replaceRange('\n', {
+          line: startLineNumber,
+          ch: 0
+        });
+      }
+    }
+  };
+
+  _proto._isNotBlankNotListLine = function _isNotBlankNotListLine(lineNumber) {
+    return !!this.doc.getLine(lineNumber) && !this._isListLine(lineNumber);
+  };
+
+  return MdListManager;
+}();
+
+/* harmony default export */ var mdListManager = (MdListManager);
+// CONCATENATED MODULE: ./src/js/componentManager.js
+/**
+ * @fileoverview Implements ComponentManager
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class ComponentManager
+ * @param {MarkdownEditor|WysiwygEditor} editor - Editor instance
+ * @ignore
+ */
+var ComponentManager = /*#__PURE__*/function () {
+  function ComponentManager(editor) {
+    /**
+     * private
+     * @type {object}
+     * @private
+     */
+    this._managers = {};
+    this._editor = editor;
+  }
+  /**
+   * addManager
+   * Add manager
+   * @param {string|function} nameOrConstructor Manager name or constructor
+   * @param {function} [ManagerConstructor] Constructor
+   */
+
+
+  var _proto = ComponentManager.prototype;
+
+  _proto.addManager = function addManager(nameOrConstructor, ManagerConstructor) {
+    if (!ManagerConstructor) {
+      ManagerConstructor = nameOrConstructor;
+      nameOrConstructor = null;
+    }
+
+    var instance = new ManagerConstructor(this._editor);
+    this._managers[nameOrConstructor || instance.name] = instance;
+  }
+  /**
+   * getManager
+   * Get manager by manager name
+   * @param {string} name Manager name
+   * @returns {object} manager
+   */
+  ;
+
+  _proto.getManager = function getManager(name) {
+    return this._managers[name];
+  }
+  /**
+   * Remove Manager.
+   * @param {string} name - manager name
+   */
+  ;
+
+  _proto.removeManager = function removeManager(name) {
+    var manager = this.getManager(name);
+
+    if (!manager) {
+      return;
+    }
+
+    if (manager.destroy) {
+      manager.destroy();
+    }
+
+    delete this._managers[name];
+  };
+
+  return ComponentManager;
+}();
+
+/* harmony default export */ var componentManager = (ComponentManager);
+// CONCATENATED MODULE: ./src/js/mdTextObject.js
+/**
+ * @fileoverview Implements markdown textObject
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Markdown textObject
+ * @param {MarkdownEditor} mde - MarkdownEditor instance
+ * @param {object} range - range
+ */
+var MdTextObject = /*#__PURE__*/function () {
+  function MdTextObject(mde, range) {
+    this._mde = mde;
+    this.setRange(range || mde.getRange());
+  }
+  /**
+   * Set start
+   * @param {object} rangeStart Start of range
+   * @private
+   */
+
+
+  var _proto = MdTextObject.prototype;
+
+  _proto._setStart = function _setStart(rangeStart) {
+    this._start = rangeStart;
+  }
+  /**
+   * Set end
+   * @param {object} rangeEnd End of range
+   * @private
+   */
+  ;
+
+  _proto._setEnd = function _setEnd(rangeEnd) {
+    this._end = rangeEnd;
+  }
+  /**
+   * Set range to given range
+   * @param {object} range Range object
+   */
+  ;
+
+  _proto.setRange = function setRange(range) {
+    this._setStart(range.start);
+
+    this._setEnd(range.end);
+  }
+  /**
+   * Set start to end
+   * @param {object} range Range object
+   */
+  ;
+
+  _proto.setEndBeforeRange = function setEndBeforeRange(range) {
+    this._setEnd(range.start);
+  }
+  /**
+   * Expand startOffset by 1
+   */
+  ;
+
+  _proto.expandStartOffset = function expandStartOffset() {
+    var start = this._start;
+
+    if (start.ch !== 0) {
+      start.ch -= 1;
+    }
+  }
+  /**
+   * Expand endOffset by 1
+   */
+  ;
+
+  _proto.expandEndOffset = function expandEndOffset() {
+    var end = this._end;
+
+    if (end.ch < this._mde.getEditor().getDoc().getLine(end.line).length) {
+      end.ch += 1;
+    }
+  }
+  /**
+   * Get current selection's text content
+   * @returns {{start: {line: number, ch: number}, end: {line: number, ch: number}}}
+   */
+  ;
+
+  _proto.getTextContent = function getTextContent() {
+    return this._mde.getEditor().getRange(this._start, this._end);
+  }
+  /**
+   * Replace current selection's content with given text content
+   * @param {string} content Replacement content
+   */
+  ;
+
+  _proto.replaceContent = function replaceContent(content) {
+    this._mde.getEditor().replaceRange(content, this._start, this._end, '+input');
+  }
+  /**
+   * Delete current selection's content
+   */
+  ;
+
+  _proto.deleteContent = function deleteContent() {
+    this._mde.getEditor().replaceRange('', this._start, this._end, '+delete');
+  }
+  /**
+   * peek StartBeforeOffset
+   * @param {number} offset Offset
+   * @returns {{start: {line: number, ch: number}, end: {line: number, ch: number}}}
+   */
+  ;
+
+  _proto.peekStartBeforeOffset = function peekStartBeforeOffset(offset) {
+    var peekStart = {
+      line: this._start.line,
+      ch: Math.max(this._start.ch - offset, 0)
+    };
+    return this._mde.getEditor().getRange(peekStart, this._start);
+  };
+
+  return MdTextObject;
+}();
+
+/* harmony default export */ var mdTextObject = (MdTextObject);
+// EXTERNAL MODULE: ./src/js/utils/markdown.js
+var markdown = __webpack_require__(2);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isFunction.js
+var isFunction = __webpack_require__(27);
+var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction);
+
+// CONCATENATED MODULE: ./src/js/markTextHelper.js
+function markTextHelper_extends() { markTextHelper_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return markTextHelper_extends.apply(this, arguments); }
+
+
+
+
+var CLS_PREFIX = 'tui-md-';
+var classNameMap = applyClsToValue({
+  DELIM: 'delimiter',
+  META: 'meta',
+  TEXT: 'marked-text',
+  THEMATIC_BREAK: 'thematic-break',
+  CODE_BLOCK: 'code-block',
+  TABLE: 'table',
+  HTML: 'html'
+});
+var delimSize = {
+  strong: 2,
+  emph: 1,
+  strike: 2
+};
+
+function cls() {
+  for (var _len = arguments.length, names = new Array(_len), _key = 0; _key < _len; _key++) {
+    names[_key] = arguments[_key];
+  }
+
+  return names.map(function (className) {
+    return "" + CLS_PREFIX + className;
+  }).join(' ');
+}
+
+function applyClsToValue(obj) {
+  forEachOwnProperties_default()(obj, function (value, key) {
+    obj[key] = cls(value);
+  });
+  return obj;
+}
+
+function markTextHelper_markInfo(start, end, className) {
+  return {
+    start: start,
+    end: end,
+    className: className
+  };
+}
+
+function heading(_ref, start, end) {
+  var level = _ref.level,
+      headingType = _ref.headingType;
+  var marks = [markTextHelper_markInfo(start, end, cls('heading', "heading" + level))];
+
+  if (headingType === 'atx') {
+    marks.push(markTextHelper_markInfo(start, Object(markdown["a" /* addChPos */])(start, level), classNameMap.DELIM));
+  } else {
+    marks.push(markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(end, 0), end, classNameMap.DELIM + " setext"));
+  }
+
+  return {
+    marks: marks
+  };
+}
+
+function emphasisAndStrikethrough(_ref2, start, end) {
+  var type = _ref2.type;
+  return {
+    marks: [markTextHelper_markInfo(start, end, cls("" + type)), markTextHelper_markInfo(start, Object(markdown["a" /* addChPos */])(start, delimSize[type]), classNameMap.DELIM), markTextHelper_markInfo(Object(markdown["a" /* addChPos */])(end, -delimSize[type]), end, classNameMap.DELIM)]
+  };
+}
+
+function markLink(start, end, linkTextStart, lastChildCh) {
+  return [markTextHelper_markInfo(start, end, cls('link')), markTextHelper_markInfo(linkTextStart, Object(markdown["m" /* setChPos */])(end, lastChildCh), cls('link-desc')), markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(start, linkTextStart.ch + 1), Object(markdown["m" /* setChPos */])(end, lastChildCh - 1), classNameMap.TEXT), markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(end, lastChildCh), end, cls('link-url')), markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(end, lastChildCh + 1), Object(markdown["a" /* addChPos */])(end, -1), classNameMap.TEXT)];
+}
+
+function markTextHelper_image(_ref3, start, end) {
+  var lastChild = _ref3.lastChild;
+  var lastChildCh = lastChild ? Object(markdown["c" /* getMdEndCh */])(lastChild) + 1 : 3; // 3: length of '![]'
+
+  var linkTextEnd = Object(markdown["a" /* addChPos */])(start, 1);
+  return {
+    marks: [markTextHelper_markInfo(start, linkTextEnd, classNameMap.META)].concat(markLink(start, end, linkTextEnd, lastChildCh))
+  };
+}
+
+function markTextHelper_link(_ref4, start, end) {
+  var lastChild = _ref4.lastChild,
+      extendedAutolink = _ref4.extendedAutolink;
+  var lastChildCh = lastChild ? Object(markdown["c" /* getMdEndCh */])(lastChild) + 1 : 2; // 2: length of '[]'
+
+  var marks = extendedAutolink ? [markTextHelper_markInfo(start, end, cls('link', 'link-desc') + " " + classNameMap.TEXT)] : markLink(start, end, start, lastChildCh);
+  return {
+    marks: marks
+  };
+}
+
+function markTextHelper_code(_ref5, start, end) {
+  var tickCount = _ref5.tickCount;
+  var openDelimEnd = Object(markdown["a" /* addChPos */])(start, tickCount);
+  var closeDelimStart = Object(markdown["a" /* addChPos */])(end, -tickCount);
+  return {
+    marks: [markTextHelper_markInfo(start, end, cls('code')), markTextHelper_markInfo(start, openDelimEnd, classNameMap.DELIM + " start"), markTextHelper_markInfo(openDelimEnd, closeDelimStart, classNameMap.TEXT), markTextHelper_markInfo(closeDelimStart, end, classNameMap.DELIM + " end")]
+  };
+}
+
+function markTextHelper_codeBlock(node, start, end, endLine) {
+  var fenceOffset = node.fenceOffset,
+      fenceLength = node.fenceLength,
+      fenceChar = node.fenceChar,
+      info = node.info,
+      infoPadding = node.infoPadding,
+      parent = node.parent;
+  var fenceEnd = fenceOffset + fenceLength;
+  var marks = [markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(start, 0), end, classNameMap.CODE_BLOCK)];
+
+  if (fenceChar) {
+    marks.push(markTextHelper_markInfo(start, Object(markdown["a" /* addChPos */])(start, fenceEnd), classNameMap.DELIM));
+  }
+
+  if (info) {
+    marks.push(markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(start, fenceEnd), Object(markdown["m" /* setChPos */])(start, fenceEnd + infoPadding + info.length), classNameMap.META));
+  }
+
+  var codeBlockEnd = "^(\\s{0,3})(" + fenceChar + "{" + fenceLength + ",})";
+  var CLOSED_RX = new RegExp(codeBlockEnd);
+
+  if (CLOSED_RX.test(endLine)) {
+    marks.push(markTextHelper_markInfo(Object(markdown["m" /* setChPos */])(end, 0), end, classNameMap.DELIM));
+  }
+
+  var lineBackground = parent.type !== 'item' && parent.type !== 'blockQuote' ? {
+    start: start.line,
+    end: end.line,
+    className: classNameMap.CODE_BLOCK
+  } : null;
+  return {
+    marks: marks,
+    lineBackground: markTextHelper_extends({}, lineBackground)
+  };
+}
+
+function markListItemChildren(node, className) {
+  var marks = [];
+
+  while (node) {
+    var _node = node,
+        type = _node.type;
+
+    if (type === 'paragraph' || type === 'codeBlock') {
+      marks.push(markTextHelper_markInfo({
+        line: Object(markdown["f" /* getMdStartLine */])(node) - 1,
+        ch: Object(markdown["e" /* getMdStartCh */])(node) - 1
+      }, {
+        line: Object(markdown["d" /* getMdEndLine */])(node) - 1,
+        ch: Object(markdown["c" /* getMdEndCh */])(node)
+      }, className));
+    }
+
+    node = node.next;
+  }
+
+  return marks;
+}
+
+function markParagraphInBlockQuote(node) {
+  var marks = [];
+
+  while (node) {
+    marks.push(markTextHelper_markInfo({
+      line: Object(markdown["f" /* getMdStartLine */])(node) - 1,
+      ch: Object(markdown["e" /* getMdStartCh */])(node) - 1
+    }, {
+      line: Object(markdown["d" /* getMdEndLine */])(node) - 1,
+      ch: Object(markdown["c" /* getMdEndCh */])(node)
+    }, classNameMap.TEXT));
+    node = node.next;
+  }
+
+  return marks;
+}
+
+function blockQuote(node, start, end) {
+  var marks = node.parent && node.parent.type !== 'blockQuote' ? [markTextHelper_markInfo(start, end, cls('block-quote'))] : [];
+
+  if (node.firstChild) {
+    var childMarks = [];
+
+    if (node.firstChild.type === 'paragraph') {
+      childMarks = markParagraphInBlockQuote(node.firstChild.firstChild, classNameMap.TEXT);
+    } else if (node.firstChild.type === 'list') {
+      childMarks = markListItemChildren(node.firstChild, classNameMap.TEXT);
+    }
+
+    marks = [].concat(marks, childMarks);
+  }
+
+  return {
+    marks: marks
+  };
+}
+
+function getClassNameOfListItem(node) {
+  var depth = 0;
+
+  while (node.parent.parent && node.parent.parent.type === 'item') {
+    node = node.parent.parent;
+    depth += 1;
+  }
+
+  var newClassName = ['list-item-odd', 'list-item-even'][depth % 2]; // @TODO remove it in the next major version
+  // these class names are for the legacy style 'old.css'
+
+  var oldClassName = ['fisrt', 'second', 'third'][depth % 3];
+  return cls('list-item', "" + newClassName) + " " + oldClassName;
+}
+
+function markTextHelper_item(node, start) {
+  var itemClassName = getClassNameOfListItem(node);
+  var _node$listData = node.listData,
+      padding = _node$listData.padding,
+      task = _node$listData.task;
+  return {
+    marks: [markTextHelper_markInfo(start, Object(markdown["a" /* addChPos */])(start, padding), itemClassName + " " + cls('list-item-bullet'))].concat(task ? [markTextHelper_markInfo(Object(markdown["a" /* addChPos */])(start, padding), Object(markdown["a" /* addChPos */])(start, padding + 3), itemClassName + " " + classNameMap.DELIM), markTextHelper_markInfo(Object(markdown["a" /* addChPos */])(start, padding + 1), Object(markdown["a" /* addChPos */])(start, padding + 2), classNameMap.META)] : [], markListItemChildren(node.firstChild, itemClassName + " " + classNameMap.TEXT))
+  };
+}
+
+var markNodeFuncMap = {
+  heading: heading,
+  strong: emphasisAndStrikethrough,
+  emph: emphasisAndStrikethrough,
+  strike: emphasisAndStrikethrough,
+  link: markTextHelper_link,
+  image: markTextHelper_image,
+  code: markTextHelper_code,
+  codeBlock: markTextHelper_codeBlock,
+  blockQuote: blockQuote,
+  item: markTextHelper_item
+};
+var simpleMarkClassNameMap = {
+  thematicBreak: classNameMap.THEMATIC_BREAK,
+  table: classNameMap.TABLE,
+  tableCell: classNameMap.TEXT,
+  htmlInline: classNameMap.HTML
+};
+/**
+ * Gets mark information to the markdown node.
+ * @param {Object} node - node returned from ToastMark
+ * @param {Object} start - start node's data
+ * @param {Object} end - end node's data
+ * @param {Object} endLine - end line's data
+ * @returns {?Object} mark information
+ * @ignore
+ */
+
+function getMarkInfo(node, start, end, endLine) {
+  var type = node.type;
+
+  if (isFunction_default()(markNodeFuncMap[type])) {
+    return markNodeFuncMap[type](node, start, end, endLine);
+  }
+
+  if (simpleMarkClassNameMap[type]) {
+    return {
+      marks: [markTextHelper_markInfo(start, end, simpleMarkClassNameMap[type])]
+    };
+  }
+
+  return null;
+}
+// CONCATENATED MODULE: ./src/js/markdownEditor.js
+function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } it = o[Symbol.iterator](); return it.next.bind(it); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function markdownEditor_extends() { markdownEditor_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return markdownEditor_extends.apply(this, arguments); }
+
+/**
+ * @fileoverview Implements markdown editor
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+var markdownEditor_keyMapper = keyMapper.getSharedInstance();
+var defaultToolbarState = {
+  strong: false,
+  emph: false,
+  strike: false,
+  thematicBreak: false,
+  blockQuote: false,
+  code: false,
+  codeBlock: false,
+  list: false,
+  taskList: false,
+  orderedList: false,
+  heading: false,
+  table: false
+};
+
+function getToolbarStateType(_ref) {
+  var type = _ref.type,
+      listData = _ref.listData;
+
+  if (type === 'list' || type === 'item') {
+    if (listData.task) {
+      return 'taskList';
+    }
+
+    return listData.type === 'ordered' ? 'orderedList' : 'list';
+  }
+
+  if (type.indexOf('table') !== -1) {
+    return 'table';
+  }
+
+  return type;
+}
+
+function getToolbarState(targetNode, ch, mdLine, mdCh) {
+  var state = markdownEditor_extends({}, defaultToolbarState);
+
+  var listEnabled = false;
+  Object(markdown["n" /* traverseParentNodes */])(targetNode, function (mdNode) {
+    var type = getToolbarStateType(mdNode);
+
+    if (!isBoolean_default()(state[type])) {
+      return;
+    }
+
+    if (type === 'list' || type === 'orderedList') {
+      if (!listEnabled) {
+        state[type] = true;
+        listEnabled = true;
+      }
+    } else {
+      state[type] = true;
+    }
+  }); // if position is matched to start, end position of inline node, highlighting is ignored
+
+  if (Object(markdown["k" /* isStyledTextNode */])(targetNode) && (mdCh === ch && Object(markdown["d" /* getMdEndLine */])(targetNode) === mdLine || mdCh === Object(markdown["c" /* getMdEndCh */])(targetNode) + 1 && mdLine === Object(markdown["d" /* getMdEndLine */])(targetNode) || mdCh === Object(markdown["e" /* getMdStartCh */])(targetNode) && mdLine === Object(markdown["f" /* getMdStartLine */])(targetNode))) {
+    state[targetNode.type] = false;
+  }
+
+  return state;
+}
+/**
+ * Return whether state changed or not
+ * @param {object} previousState - Previous state
+ * @param {object} currentState - Current state
+ * @returns {boolean} - changed state
+ * @private
+ */
+
+
+function isToolbarStateChanged(previousState, currentState) {
+  if (!previousState && !currentState) {
+    return false;
+  }
+
+  if (!previousState && currentState || previousState && !currentState) {
+    return true;
+  }
+
+  return Object.keys(currentState).some(function (type) {
+    return previousState[type] !== currentState[type];
+  });
+}
+
+var ATTR_NAME_MARK = 'data-tui-mark';
+var TASK_MARKER_KEY_RX = /x|backspace/i;
+/**
+ * Class MarkdownEditor
+ * @param {HTMLElement} el - container element
+ * @param {EventManager} eventManager - event manager
+ * @param {Object} options - options of editor
+ */
+
+var markdownEditor_MarkdownEditor = /*#__PURE__*/function (_CodeMirrorExt) {
+  _inheritsLoose(MarkdownEditor, _CodeMirrorExt);
+
+  function MarkdownEditor(el, eventManager, toastMark, options) {
+    var _this;
+
+    _this = _CodeMirrorExt.call(this, el, {
+      dragDrop: true,
+      allowDropFileTypes: ['image'],
+      extraKeys: {
+        Enter: function Enter() {
+          return _this.eventManager.emit('command', 'AddLine');
+        },
+        Tab: function Tab() {
+          return _this.eventManager.emit('command', 'MoveNextCursorOrIndent');
+        },
+        'Shift-Tab': function ShiftTab() {
+          return _this.eventManager.emit('command', 'MovePrevCursorOrOutdent');
+        },
+        'Shift-Ctrl-X': function ShiftCtrlX() {
+          return _this.eventManager.emit('command', 'ToggleTaskMarker');
+        }
+      },
+      viewportMargin: options && options.height === 'auto' ? Infinity : 10
+    }) || this;
+    _this.eventManager = eventManager;
+    _this.componentManager = new componentManager(_assertThisInitialized(_this));
+    _this.toastMark = toastMark;
+
+    _this.componentManager.addManager(mdListManager);
+    /**
+     * latest state info
+     * @type {object}
+     * @private
+     */
+
+
+    _this._latestState = null;
+    /**
+     * map of marked lines
+     * @type {Object.
+ */
+
+
+
+
+
+
+
+var DEFAULT_COLOR = 'rgb(34, 34, 34)';
+/**
+ * Class WwPasteContentHelper
+ * @param {WysiwygEditor} wwe - wysiwygEditor instance
+ * @ignore
+ */
+
+var wwPasteContentHelper_WwPasteContentHelper = /*#__PURE__*/function () {
+  function WwPasteContentHelper(wwe) {
+    this.wwe = wwe;
+  }
+  /**
+   * Process paste data before paste
+   * @param {HTMLElement} container - clipboard container
+   */
+
+
+  var _proto = WwPasteContentHelper.prototype;
+
+  _proto.preparePaste = function preparePaste(container) {
+    var range = this.wwe.getEditor().getSelection().cloneRange();
+    var wwCodeblockManager = this.wwe.componentManager.getManager('codeblock');
+    var firstBlockIsTaken = false;
+    var tempContainer = document.createElement('div');
+    var nodeName, node, isPastingList;
+
+    this._pasteFirstAid(container);
+
+    var childNodes = toArray_default()(container.childNodes);
+
+    while (childNodes.length) {
+      node = childNodes[0];
+      nodeName = dom["a" /* default */].getNodeName(node);
+      isPastingList = nodeName === 'LI' || nodeName === 'UL' || nodeName === 'OL';
+
+      if (wwCodeblockManager.isInCodeBlock(range)) {
+        dom["a" /* default */].append(tempContainer, wwCodeblockManager.prepareToPasteOnCodeblock(childNodes));
+      } else if (isPastingList) {
+        dom["a" /* default */].append(tempContainer, this._prepareToPasteList(childNodes, range, firstBlockIsTaken));
+        firstBlockIsTaken = true;
+      } else {
+        dom["a" /* default */].append(tempContainer, childNodes.shift());
+      }
+    }
+
+    container.innerHTML = tempContainer.innerHTML;
+  }
+  /**
+   * Wrap orphan node(inline, text) with div element
+   * @param {HTMLElement} container - clipboard container
+   * @returns {DocumentFragment}
+   * @private
+   */
+  ;
+
+  _proto._wrapOrphanNodeWithDiv = function _wrapOrphanNodeWithDiv(container) {
+    var tempContainer = document.createElement('div');
+    var currentDiv;
+    toArray_default()(container.childNodes).forEach(function (node) {
+      var isTextNode = node.nodeType === 3;
+      /* eslint-disable max-len */
+
+      var isInlineNode = /^(SPAN|A|CODE|EM|I|STRONG|B|S|U|ABBR|ACRONYM|CITE|DFN|KBD|SAMP|VAR|BDO|Q|SUB|SUP)$/gi.test(node.tagName);
+      var isBR = node.nodeName === 'BR';
+      /* eslint-enable max-len */
+
+      if (isTextNode || isInlineNode || isBR) {
+        if (!currentDiv) {
+          currentDiv = document.createElement('div');
+          tempContainer.appendChild(currentDiv);
+        }
+
+        currentDiv.appendChild(node);
+
+        if (isBR) {
+          currentDiv = null;
+        }
+      } else {
+        if (currentDiv && currentDiv.lastChild.tagName !== 'BR') {
+          currentDiv.appendChild(document.createElement('br'));
+        }
+
+        currentDiv = null;
+        tempContainer.appendChild(node);
+      }
+    });
+    return tempContainer.innerHTML;
+  }
+  /**
+   * Sanitize content of element
+   * @param {HTMLElement} container - root element of content to sanitize
+   * @private
+   */
+  ;
+
+  _proto._sanitizeHtml = function _sanitizeHtml(container) {
+    var sanitizer = this.wwe.getSanitizer();
+    var html = Object(htmlSanitizer["a" /* default */])(container.innerHTML, true);
+
+    if (sanitizer && sanitizer !== htmlSanitizer["a" /* default */]) {
+      html = sanitizer(html);
+    }
+
+    container.innerHTML = html;
+  }
+  /**
+   * Processing paste data after paste
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._pasteFirstAid = function _pasteFirstAid(container) {
+    var _this = this;
+
+    this._sanitizeHtml(container);
+
+    dom["a" /* default */].findAll(container, '*').forEach(function (node) {
+      _this._removeStyles(node);
+    });
+    var blockTags = 'div, section, article, aside, nav, menus, p';
+
+    this._unwrapIfNonBlockElementHasBr(container);
+
+    this._unwrapNestedBlocks(container, blockTags);
+
+    this._removeUnnecessaryBlocks(container, blockTags);
+
+    container.innerHTML = this._wrapOrphanNodeWithDiv(container);
+
+    this._preprocessPreElement(container);
+
+    this._preprocessListElement(container);
+
+    this._preprocessTableElement(container);
+
+    toArray_default()(container.children).forEach(function (childNode) {
+      if (dom["a" /* default */].getNodeName(childNode) === 'BR') {
+        dom["a" /* default */].remove(childNode);
+      }
+    });
+  };
+
+  _proto._preprocessListElement = function _preprocessListElement(container) {
+    var wwListManager = this.wwe.componentManager.getManager('list');
+    container.innerHTML = wwListManager.convertToArbitraryNestingList(container.innerHTML);
+  }
+  /**
+   * PRE tag formatting
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._preprocessPreElement = function _preprocessPreElement(container) {
+    var wwCodeblockManager = this.wwe.componentManager.getManager('codeblock');
+    wwCodeblockManager.modifyCodeBlockForWysiwyg(container);
+  }
+  /**
+   * Unwrap span children of document fragment with div element
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._unwrapIfNonBlockElementHasBr = function _unwrapIfNonBlockElementHasBr(container) {
+    var nonBlockElements = dom["a" /* default */].findAll(container, 'span, a, b, em, i, s');
+    nonBlockElements.forEach(function (node) {
+      var brChildren = dom["a" /* default */].children(node, 'br');
+
+      if (brChildren.length && node.nodeName !== 'LI' && node.nodeName !== 'UL') {
+        dom["a" /* default */].unwrap(node);
+      }
+    });
+  }
+  /**
+   * Unwrap nested block elements
+   * @param {HTMLElement} container - clipboard container
+   * @param {string} blockTags - Tag names of block tag
+   * @private
+   */
+  ;
+
+  _proto._unwrapNestedBlocks = function _unwrapNestedBlocks(container, blockTags) {
+    var leafElements = dom["a" /* default */].findAll(container, '*').filter(function (node) {
+      return !matches_default()(node, 'b,s,i,em,code,span,hr') && !node.firstChild;
+    });
+    leafElements.forEach(function (node) {
+      var leafElement = node.nodeName === 'BR' ? node.parentNode : node;
+
+      while (dom["a" /* default */].parents(leafElement, blockTags).length) {
+        var parent = dom["a" /* default */].parent(leafElement, blockTags);
+
+        if (parent && parent !== container) {
+          dom["a" /* default */].unwrap(parent);
+        } else {
+          leafElement = leafElement.parentElement;
+        }
+      }
+    });
+  }
+  /**
+   * Remove unnecessary block element in pasting data
+   * @param {HTMLElement} container - clipboard container
+   * @param {string} blockTags - Tag names of block tag
+   * @private
+   */
+  ;
+
+  _proto._removeUnnecessaryBlocks = function _removeUnnecessaryBlocks(container, blockTags) {
+    dom["a" /* default */].findAll(container, blockTags).forEach(function (blockElement) {
+      var tagName = blockElement.tagName;
+      var isDivElement = tagName === 'DIV';
+      var isInListItem = !!dom["a" /* default */].parent(blockElement, 'li');
+      var isInBlockquote = !!dom["a" /* default */].parent(blockElement, 'blockquote');
+      var hasBlockChildElement = !!dom["a" /* default */].children(blockElement, blockTags).length;
+
+      if (isDivElement && (isInListItem || isInBlockquote || !hasBlockChildElement)) {
+        return;
+      }
+
+      if (blockElement.lastChild && blockElement.lastChild.nodeName !== 'BR') {
+        blockElement.appendChild(document.createElement('br'));
+      }
+
+      dom["a" /* default */].replaceWith(blockElement, blockElement.innerHTML);
+    });
+  }
+  /**
+   * Remove inline style
+   * @param {Node} node Node for remove style attribute
+   * @private
+   */
+  ;
+
+  _proto._removeStyles = function _removeStyles(node) {
+    var colorValue;
+
+    if (dom["a" /* default */].getNodeName(node) !== 'SPAN') {
+      node.removeAttribute('style');
+    } else {
+      // Most browser return computed color value even if without style attribute
+      if (node.getAttribute('style')) {
+        colorValue = node.style.color;
+      }
+
+      node.removeAttribute('style');
+
+      if (colorValue && colorValue !== DEFAULT_COLOR) {
+        css_default()(node, {
+          color: colorValue
+        });
+      } else {
+        dom["a" /* default */].unwrap(node);
+      }
+    }
+  }
+  /**
+   * Processing before paste list
+   * @param {Array.} nodes Pasting data
+   * @param {object} rangeInfo Range information
+   * @param {boolean} firstBlockIsTaken Whether first block element taken or not
+   * @returns {DocumentFragment}
+   * @private
+   */
+  ;
+
+  _proto._prepareToPasteList = function _prepareToPasteList(nodes, rangeInfo, firstBlockIsTaken) {
+    var nodeName = dom["a" /* default */].getNodeName(nodes[0]);
+    var node = nodes.shift();
+    var newFragment = this.wwe.getEditor().getDocument().createDocumentFragment(); // IE somethimes returns ul without li
+
+    if (nodeName !== 'LI' && nodes.length && nodes[0].tagName === 'LI') {
+      nodeName = 'LI';
+      node = this._makeNodeAndAppend({
+        tagName: nodeName
+      }, node);
+    } // pasting list into list, we should care indentation
+
+
+    if (nodeName === 'OL' || nodeName === 'UL') {
+      // ignore cursor if pasting data has block
+      if (!firstBlockIsTaken && this.wwe.getEditor().hasFormat('LI')) {
+        dom["a" /* default */].append(newFragment, this._wrapCurrentFormat(node));
+      } else {
+        newFragment.appendChild(node);
+      }
+    } else if (nodeName === 'LI') {
+      // handle list group
+      var listGroup = this.wwe.getEditor().getDocument().createDocumentFragment();
+      listGroup.appendChild(node);
+
+      while (nodes.length && nodes[0].tagName === 'LI') {
+        listGroup.appendChild(nodes.shift());
+      } // pasting list into list, we should care indentation
+      // ignore cursor if pasting data has block
+
+
+      if (!firstBlockIsTaken && this.wwe.getEditor().hasFormat('LI')) {
+        dom["a" /* default */].append(newFragment, this._wrapCurrentFormat(listGroup));
+      } else if (rangeInfo && (rangeInfo.commonAncestorName === 'UL' || rangeInfo.commonAncestorName === 'OL')) {
+        dom["a" /* default */].append(newFragment, this._makeNodeAndAppend({
+          tagName: rangeInfo.commonAncestorName
+        }, listGroup)); // list from outside
+      } else {
+        dom["a" /* default */].append(newFragment, this._makeNodeAndAppend({
+          tagName: 'UL'
+        }, listGroup));
+      }
+    }
+
+    return this._getResolvePastedListDepthToCurrentDepth(rangeInfo.startContainer, node, newFragment);
+  }
+  /**
+   * Unwrap fragment first child for pasting node inline
+   * @param {Node} node Pasting DocumentFragment
+   * @returns {NodeList}
+   * @private
+   */
+  ;
+
+  _proto._unwrapFragmentFirstChildForPasteAsInline = function _unwrapFragmentFirstChildForPasteAsInline(node) {
+    dom["a" /* default */].findAll(node, 'br').forEach(function (br) {
+      return dom["a" /* default */].remove(br);
+    });
+    return node.childNodes;
+  }
+  /**
+   * Wrap nodes with current format
+   * @param {DocumentFragment} nodes P
+   * @returns {HTMLElement}
+   * @private
+   */
+  ;
+
+  _proto._wrapCurrentFormat = function _wrapCurrentFormat(nodes) {
+    var _this2 = this;
+
+    var currentTagName; // expand to pasting area
+
+    this._eachCurrentPath(function (path) {
+      if (path.tagName !== 'DIV') {
+        if (dom["a" /* default */].isElemNode(nodes)) {
+          currentTagName = nodes.tagName;
+        } else {
+          currentTagName = nodes.firstChild.tagName;
+        }
+
+        if (path.tagName !== currentTagName) {
+          nodes = _this2._makeNodeAndAppend(path, nodes);
+        }
+      }
+    });
+
+    return nodes;
+  };
+
+  _proto._eachCurrentPath = function _eachCurrentPath(iteratee) {
+    var paths = dom["a" /* default */].getPath(this.wwe.getEditor().getSelection().startContainer, this.wwe.getBody());
+
+    for (var i = paths.length - 1; i > -1; i -= 1) {
+      iteratee(paths[i]);
+    }
+  }
+  /** _makeNodeAndAppend
+   * make node and append their own children
+   * @param {HTMLElement} pathInfo HTMLElement to make
+   * @param {HTMLElement} content Nodes to append
+   * @returns {HTMLElement} node
+   * @private
+   */
+  ;
+
+  _proto._makeNodeAndAppend = function _makeNodeAndAppend(pathInfo, content) {
+    var node = document.createElement("" + pathInfo.tagName);
+    node.appendChild(content);
+
+    if (pathInfo.id) {
+      node.setAttribute('id', pathInfo.id);
+    }
+
+    if (pathInfo.className) {
+      addClass_default()(node, pathInfo.className);
+    }
+
+    return node;
+  }
+  /**
+   * Pasting table element pre-process
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._preprocessTableElement = function _preprocessTableElement(container) {
+    this._removeColgroup(container);
+
+    this._completeTableIfNeed(container);
+
+    this._updateTableIDClassName(container);
+  }
+  /**
+   * Remove colgroup tag
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   **/
+  ;
+
+  _proto._removeColgroup = function _removeColgroup(container) {
+    var colgroup = container.querySelector('colgroup');
+
+    if (colgroup) {
+      dom["a" /* default */].remove(colgroup);
+    }
+  }
+  /**
+   * Complete and append table to fragment
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._completeTableIfNeed = function _completeTableIfNeed(container) {
+    var tableManager = this.wwe.componentManager.getManager('table');
+    var wrapperTr = tableManager.wrapDanglingTableCellsIntoTrIfNeed(container);
+
+    if (wrapperTr) {
+      dom["a" /* default */].append(container, wrapperTr);
+    }
+
+    var wrapperTbody = tableManager.wrapTrsIntoTbodyIfNeed(container);
+
+    if (wrapperTbody) {
+      dom["a" /* default */].append(container, wrapperTbody);
+    }
+
+    var wrapperTable = tableManager.wrapTheadAndTbodyIntoTableIfNeed(container);
+
+    if (wrapperTable) {
+      dom["a" /* default */].append(container, wrapperTable);
+    }
+  }
+  /**
+   * Update table ID class name in fragment
+   * @param {HTMLElement} container - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._updateTableIDClassName = function _updateTableIDClassName(container) {
+    var tableManager = this.wwe.componentManager.getManager('table');
+    var tables = dom["a" /* default */].findAll(container, 'table');
+    tables.forEach(function (table) {
+      var foundClassName = table.className.match(/.*\s*(te-content-table-\d+)\s*.*/);
+
+      if (foundClassName) {
+        removeClass_default()(table, foundClassName[0]);
+      }
+    });
+    tables.forEach(function (table) {
+      addClass_default()(table, tableManager.getTableIDClassName());
+    });
+  }
+  /**
+   * get the list resolved the depth to current list depth
+   * @param {HTMLElement} currentEl - current list element
+   * @param {HTMLElement} orgPastedNode - original pasted data
+   * @param {DocumentFragment} fragment - preprocessed data
+   * @returns {HTMLElement} resolved element
+   * @private
+   */
+  ;
+
+  _proto._getResolvePastedListDepthToCurrentDepth = function _getResolvePastedListDepthToCurrentDepth(currentEl, orgPastedNode, fragment) {
+    var currentListDepth = this._getListDepth(currentEl);
+
+    var continuousDepth = this._getContinuousDepth(orgPastedNode);
+
+    fragment = this._getRemovedUnnecessaryListWrapper(fragment, orgPastedNode); // If the depth of the pasted data is greater than current depth, get child element for resolving the depth.
+    // For example, If 2-depth list is pasted to 1-depth list element, 2-depth list should be changed to 1-depth.
+
+    while (currentListDepth < continuousDepth) {
+      if (fragment.firstChild.tagName !== 'UL' && fragment.firstChild.tagName !== 'OL') {
+        break;
+      }
+
+      var childNodes = toArray_default()(fragment.childNodes);
+      fragment = fragment.firstChild;
+      /* eslint-disable no-loop-func */
+
+      childNodes.filter(function (node) {
+        return node !== fragment;
+      }).forEach(function (node) {
+        fragment.insertAdjacentElement('beforeend', node);
+      });
+      /* eslint-enable no-loop-func */
+
+      continuousDepth -= 1;
+    } // If the depth of the pasted data is less than current depth, wrap the list element for resolving the depth.
+    // For example, If 1-depth list is pasted to 2-depth list element, 1-depth list should be changed to 2-depth.
+
+
+    while (currentListDepth && currentListDepth > continuousDepth) {
+      var rootList = fragment.firstChild.parentElement;
+      var list = document.createElement(rootList.tagName);
+      list.appendChild(rootList);
+      fragment = list;
+      continuousDepth += 1;
+    }
+
+    if (currentListDepth && !currentEl.textContent) {
+      dom["a" /* default */].remove(currentEl);
+    }
+
+    return fragment;
+  }
+  /**
+   * get the depth of the list item element
+   * @param {HTMLElement} el - target element
+   * @returns {number} depth
+   * @private
+   */
+  ;
+
+  _proto._getListDepth = function _getListDepth(el) {
+    var depth = 0; // Since the list outside the editor can be found,
+    // so make sure to traverse only the editor's container.
+
+    var root = this.wwe.getBody();
+
+    while (el && el !== root) {
+      if (el.tagName === 'UL' || el.tagName === 'OL') {
+        depth += 1;
+      }
+
+      el = el.parentNode;
+    }
+
+    return depth;
+  }
+  /**
+   * get the continuous depth of the list.
+   * the continuous depth of below example is 2
+   *  
      
+   *    
    • 
+   *      
        
+   *        
      • ...
        • 
+   *        
          ...
        
+   *      
      
+   *    
      • 
+   *  
    
+   *
+   * @param {HTMLElement} el - target element
+   * @returns {number} depth
+   * @private
+   */
+  ;
+
+  _proto._getContinuousDepth = function _getContinuousDepth(el) {
+    var depth = 0;
+
+    while (el && (el.tagName === 'UL' || el.tagName === 'OL')) {
+      depth += 1;
+
+      if (el.childNodes.length > 1) {
+        break;
+      }
+
+      el = el.firstChild;
+    }
+
+    return depth;
+  }
+  /**
+   * get the element which is removed unnecessay list wrapper element
+   * @param {HTMLElement} el - target element
+   * @param {HTMLElement} orgEl - target element
+   * @returns {HTMLElement} el
+   * @private
+   */
+  ;
+
+  _proto._getRemovedUnnecessaryListWrapper = function _getRemovedUnnecessaryListWrapper(el, orgEl) {
+    while (el.querySelectorAll('ul,ol').length > orgEl.querySelectorAll('ul,ol').length) {
+      el = el.firstChild;
+    }
+
+    return el;
+  };
+
+  return WwPasteContentHelper;
+}();
+
+/* harmony default export */ var wwPasteContentHelper = (wwPasteContentHelper_WwPasteContentHelper);
+// CONCATENATED MODULE: ./src/js/wwTablePasteHelper.js
+/**
+ * @fileoverview Paste helper when past to table
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Class WwTablePasteHelper
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwTablePasteHelper_WwTablePasteHelper = /*#__PURE__*/function () {
+  function WwTablePasteHelper(wwe) {
+    this.wwe = wwe;
+  }
+  /**
+   * Prossse paste clipboardEvent
+   * @param {ClipboardEvent} ev - ClipboardEvent
+   */
+
+
+  var _proto = WwTablePasteHelper.prototype;
+
+  _proto.pasteClipboard = function pasteClipboard(ev) {
+    var cbData = ev.clipboardData || window.clipboardData;
+    var items = cbData && cbData.items;
+
+    if (items) {
+      this._pasteClipboardItem(items);
+
+      ev.preventDefault();
+    } else {
+      this._pasteClipboardUsingPasteArea();
+
+      ev.squirePrevented = true;
+    }
+  }
+  /**
+   * ClipboardEvent is not supported in IE.
+   * To get clipboard, create temporay element and then paste into that element.
+   * After end of paste, can get clipboard from that temporary element.
+   * @param {ClipboardEvent} ev - ClipboardEvent
+   * @private
+   */
+  ;
+
+  _proto._pasteClipboardUsingPasteArea = function _pasteClipboardUsingPasteArea() {
+    var _this = this;
+
+    var sq = this.wwe.getEditor();
+    var range = sq.getSelection();
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset,
+        endContainer = range.endContainer,
+        endOffset = range.endOffset;
+    var pasteArea = document.createElement('div');
+    var _document = document,
+        body = _document.body;
+    pasteArea.setAttribute('contenteditable', true);
+    pasteArea.setAttribute('style', 'position:fixed; overflow:hidden; top:0; right:100%; width:1px; height:1px;');
+    body.appendChild(pasteArea);
+    range.selectNodeContents(pasteArea);
+    sq.setSelection(range);
+    setTimeout(function () {
+      var clipboard = body.removeChild(pasteArea);
+      range.setStart(startContainer, startOffset);
+      range.setEnd(endContainer, endOffset);
+      sq.focus();
+      sq.setSelection(range);
+
+      _this._pasteClipboardHtml(clipboard.innerHTML);
+    });
+  }
+  /**
+   * Paste items of clipboard data
+   * @param {DataTransfer.items} items - items of clipboarddata
+   * @private
+   */
+  ;
+
+  _proto._pasteClipboardItem = function _pasteClipboardItem(items) {
+    var _this2 = this;
+
+    var textItem = null;
+    var htmlItem = null;
+    toArray_default()(items).forEach(function (item) {
+      if (item.type === 'text/html') {
+        htmlItem = item;
+      } else if (item.type === 'text/plain') {
+        textItem = item;
+      }
+    });
+
+    if (htmlItem) {
+      htmlItem.getAsString(function (html) {
+        _this2._pasteClipboardHtml(html);
+      });
+    } else if (textItem) {
+      textItem.getAsString(function (text) {
+        var fragment = dom["a" /* default */].getFragmentReplacedByNewlineToBr(text);
+
+        _this2._pasteClipboardContainer(fragment);
+      });
+    }
+  }
+  /**
+   * Get sanitized html as dom fragment
+   * @param {string} html - html string to sanitize
+   * @returns {DocumentFragment} sanitized html
+   * @private
+   */
+  ;
+
+  _proto._getSanitizedHtml = function _getSanitizedHtml(html) {
+    var sanitizer = this.wwe.getSanitizer();
+    html = Object(htmlSanitizer["a" /* default */])(html, true);
+
+    if (sanitizer && sanitizer !== htmlSanitizer["a" /* default */]) {
+      html = sanitizer(html);
+    }
+
+    var container = document.createElement('div');
+    container.innerHTML = html;
+    return dom["a" /* default */].finalizeHtml(container);
+  };
+
+  _proto._convertToMsoList = function _convertToMsoList(html) {
+    var container = document.createElement('div');
+    container.innerHTML = html;
+    convertMsoParagraphsToList(container);
+    return container.innerHTML;
+  }
+  /**
+   * Paste html of clipboard
+   * @param {string} html - html
+   * @private
+   */
+  ;
+
+  _proto._pasteClipboardHtml = function _pasteClipboardHtml(html) {
+    var container = document.createDocumentFragment();
+    var startFramgmentStr = '';
+    var endFragmentStr = '';
+    var startFragmentIndex = html.indexOf(startFramgmentStr);
+    var endFragmentIndex = html.lastIndexOf(endFragmentStr);
+
+    if (startFragmentIndex > -1 && endFragmentIndex > -1) {
+      html = html.slice(startFragmentIndex + startFramgmentStr.length, endFragmentIndex);
+    } // Wrap with  if html contains dangling  tags
+    // Dangling  tag is that tag does not have  as parent node.
+
+
+    if (/<\/td>((?!<\/tr>)[\s\S])*$/i.test(html)) {
+      html = "" + html + "";
+    } // Wrap with  if html contains dangling  tags
+    // Dangling  tag is that tag does not have 
     as parent node.
+
+
+    if (/<\/tr>((?!<\/table>)[\s\S])*$/i.test(html)) {
+      html = "
    " + html + "
    ";
+    }
+
+    if (isFromMso(html)) {
+      html = this._convertToMsoList(html);
+    }
+
+    container.appendChild(this._getSanitizedHtml(html));
+
+    this._pasteClipboardContainer(container);
+  }
+  /**
+   * Paste container of clipboard
+   * @param {DocumentFragment} clipboardContainer - clipboard
+   * @private
+   */
+  ;
+
+  _proto._pasteClipboardContainer = function _pasteClipboardContainer(clipboardContainer) {
+    var sq = this.wwe.getEditor();
+    var childNodes = clipboardContainer.childNodes;
+    var containsOneTableOnly = childNodes.length === 1 && childNodes[0].nodeName === 'TABLE';
+
+    if (containsOneTableOnly) {
+      var tableManager = this.wwe.componentManager.getManager('table');
+      tableManager.pasteTableData(clipboardContainer);
+    } else {
+      var range = sq.getSelection().cloneRange();
+
+      var fragment = this._preparePasteDocumentFragment(clipboardContainer);
+
+      sq.saveUndoState(range);
+
+      if (!range.collapsed) {
+        this._deleteContentsRange(range);
+      }
+
+      if (dom["a" /* default */].isTextNode(range.startContainer)) {
+        this._pasteIntoTextNode(range, fragment);
+      } else {
+        this._pasteIntoElements(range, fragment);
+      }
+
+      sq.setSelection(range);
+    }
+  }
+  /**
+   * Prepare clipboard for paste to table
+   * @param {DocumentFragment} clipboardContainer - clipboard
+   * @returns {DocumentFragment} processed result
+   * @private
+   */
+  ;
+
+  _proto._preparePasteDocumentFragment = function _preparePasteDocumentFragment(clipboardContainer) {
+    var childNodes = clipboardContainer.childNodes;
+    var fragment = document.createDocumentFragment();
+
+    if (childNodes.length) {
+      fragment.appendChild(this._unwrapBlock(clipboardContainer));
+    } else if (this._isPossibleInsertToTable(clipboardContainer)) {
+      fragment.appendChild(clipboardContainer);
+    }
+
+    return fragment;
+  }
+  /**
+   * unwrap block node
+   * @param {Node} node - target node
+   * @returns {DocumentFragment} processed result
+   * @private
+   */
+  ;
+
+  _proto._unwrapBlock = function _unwrapBlock(node) {
+    var fragment = document.createDocumentFragment();
+    var childNodes = toArray_default()(node.childNodes);
+
+    while (childNodes.length) {
+      var child = childNodes.shift();
+
+      if (this._isPossibleInsertToTable(child)) {
+        fragment.appendChild(child);
+      } else {
+        fragment.appendChild(this._unwrapBlock(child)); // If current child is last or fragment already has last br,
+        // appending br would create unintended line break.
+
+        var lastChild = fragment.lastChild;
+
+        if (childNodes.length && lastChild && lastChild.nodeName !== 'BR') {
+          fragment.appendChild(document.createElement('br'));
+        }
+      }
+    }
+
+    return fragment;
+  };
+
+  _proto._isPossibleInsertToTable = function _isPossibleInsertToTable(node) {
+    var nodeName = node.nodeName;
+    var isChildlessCode = nodeName === 'CODE' && node.childNodes.length > 1;
+    var isList = nodeName === 'UL' || nodeName === 'OL';
+    return !isChildlessCode && (isList || dom["a" /* default */].isMDSupportInlineNode(node) || dom["a" /* default */].isTextNode(node));
+  }
+  /**
+   * paste fragment to offset of range.startContainer
+   * @param {Range} range - selection range
+   * @param {DocumentFragment} fragment - paste data
+   * @private
+   */
+  ;
+
+  _proto._pasteIntoElements = function _pasteIntoElements(range, fragment) {
+    var container = range.startContainer,
+        offset = range.startOffset;
+    var node = dom["a" /* default */].getChildNodeByOffset(container, offset);
+
+    if (!node) {
+      // For example when container is br, br don't have child, so node is null
+      if (container.nodeName === 'TD') {
+        container.appendChild(fragment);
+        range.setStart(container, container.childNodes.length);
+      } else {
+        var parentNode = container.parentNode,
+            nextSibling = container.nextSibling;
+        parentNode.insertBefore(fragment, nextSibling);
+
+        if (nextSibling) {
+          range.setStart(nextSibling, 0);
+        } else {
+          range.setStartAfter(parentNode.lastChild);
+        }
+      }
+    } else {
+      container.insertBefore(fragment, node);
+      range.setStart(node, 0);
+    }
+
+    range.collapse(true);
+  }
+  /**
+   * paste fragment to offset of text node
+   * @param {Range} range - selection range
+   * @param {DocumentFragment} fragment - paste data
+   * @private
+   */
+  ;
+
+  _proto._pasteIntoTextNode = function _pasteIntoTextNode(range, fragment) {
+    var container = range.startContainer,
+        offset = range.startOffset;
+    var parentNode = container.parentNode,
+        textContent = container.textContent;
+    var prevText = textContent.slice(0, offset);
+    var postText = textContent.slice(offset, textContent.length);
+    var fragmentChildNodes = fragment.childNodes;
+    var firstChild = fragmentChildNodes[0];
+    var isFragmenthasOneTextNode = fragmentChildNodes.length === 1 && dom["a" /* default */].isTextNode(firstChild);
+
+    if (!prevText) {
+      parentNode.insertBefore(fragment, container);
+      range.setStart(container, 0);
+    } else if (!postText) {
+      var nextSibling = container.nextSibling;
+      parentNode.insertBefore(fragment, nextSibling);
+      range.setStartAfter(nextSibling);
+    } else if (isFragmenthasOneTextNode) {
+      var firstChildText = firstChild.textContent;
+      container.textContent = "" + prevText + firstChildText + postText;
+      range.setStart(container, prevText.length + firstChildText.length);
+    } else {
+      var resultFragment = document.createDocumentFragment();
+      resultFragment.appendChild(document.createTextNode(prevText));
+      resultFragment.appendChild(fragment);
+      resultFragment.appendChild(document.createTextNode(postText));
+      parentNode.replaceChild(resultFragment, container);
+      var childNodesArray = toArray_default()(parentNode.childNodes);
+      var index = 0;
+      childNodesArray.forEach(function (child, i) {
+        if (child.textContent === postText) {
+          index = i;
+        }
+      });
+      range.setStart(parentNode.childNodes[index], 0);
+    }
+
+    range.collapse(true);
+  }
+  /**
+   * delete contents of range that is not collapse
+   * @param {Range} range - range is not collapse
+   * @private
+   */
+  ;
+
+  _proto._deleteContentsRange = function _deleteContentsRange(range) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset,
+        endContainer = range.endContainer,
+        endOffset = range.endOffset;
+
+    if (startContainer === endContainer) {
+      this._deleteContentsByOffset(startContainer, startOffset, endOffset);
+
+      range.setStart(startContainer, startOffset);
+      range.collapse(true);
+    } else {
+      this._deleteNotCollapsedRangeContents(range);
+    }
+  };
+
+  _proto._deleteNotCollapsedRangeContents = function _deleteNotCollapsedRangeContents(range) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset,
+        endContainer = range.endContainer,
+        endOffset = range.endOffset;
+    var common = range.commonAncestorContainer;
+
+    var startBlock = this._getBlock(startContainer, common, startOffset);
+
+    var endBlock = this._getBlock(endContainer, common, endOffset - 1);
+
+    if (startBlock === endBlock) {
+      this._removeInSameBlock(startBlock, startContainer, endContainer, startOffset, endOffset); // When endContainer is not same endBlock, endBlock is removed.
+      // For example, aaa| <- this is cursor.
+      // When cursor is last, endContainer would be 'TD' and endBlock is text node
+      // In this case, remove all 'aaa' so endBlock should be null.
+
+
+      endBlock = endContainer !== endBlock ? null : endBlock;
+    } else {
+      var nextOfstartBlock = startBlock.nextSibling;
+
+      if (startContainer.nodeName === 'TD') {
+        nextOfstartBlock = this._removeOneLine(startBlock);
+      } else {
+        // Remove child nodes from node of startOffset in startContainer.
+        this._deleteContentsByOffset(startContainer, startOffset, dom["a" /* default */].getOffsetLength(startContainer)); // Remove nodes from startContainer in startBlock
+
+
+        dom["a" /* default */].removeNodesByDirection(startBlock, startContainer, false);
+      }
+
+      if (endContainer.nodeName === 'TD') {
+        endBlock = this._removeOneLine(endBlock);
+      } else {
+        // Remove child nodes until node of endOffset in endContainer.
+        this._deleteContentsByOffset(endContainer, 0, endOffset); // Remove nodes until endContainer in endBlock
+
+
+        dom["a" /* default */].removeNodesByDirection(endBlock, endContainer, true);
+      } // Remove nodes between startBlock and endBlock
+
+
+      dom["a" /* default */].removeChildFromStartToEndNode(common, nextOfstartBlock, endBlock);
+    }
+
+    if (endBlock) {
+      range.setStart(endBlock, 0);
+    } else {
+      range.setStartAfter(startBlock);
+    }
+
+    range.collapse(true);
+  };
+
+  _proto._removeInSameBlock = function _removeInSameBlock(block, startContainer, endContainer, startOffset, endOffset) {
+    var start = startContainer === block ? startOffset : 0;
+    var end = endContainer === block ? endOffset : dom["a" /* default */].getOffsetLength(block);
+
+    this._deleteContentsByOffset(block, start, end);
+  };
+
+  _proto._removeOneLine = function _removeOneLine(node) {
+    var nextSibling = node.nextSibling,
+        parentNode = node.parentNode;
+    var next = nextSibling;
+    parentNode.removeChild(node);
+
+    if (nextSibling && nextSibling.nodeName === 'BR') {
+      next = nextSibling.nextSibling;
+      parentNode.removeChild(nextSibling);
+    }
+
+    return next;
+  }
+  /**
+   * Find parent block node of startContainer and endContainer
+   * If startContainer or endContainer is same commonAncestor,
+   * find node at offset of startContainer and endContainer.
+   * @param {Node} node - startContainer or endContainer
+   * @param {Node} parent - commonAncestor
+   * @param {Number} offset - startOffset or endOffset-1
+   * @returns {Node} block node
+   * @private
+   */
+  ;
+
+  _proto._getBlock = function _getBlock(node, parent, offset) {
+    return dom["a" /* default */].getParentUntil(node, parent) || dom["a" /* default */].getChildNodeByOffset(node, offset);
+  }
+  /**
+   * delete contents from start offset to end offset
+   * @param {Node} container - container
+   * @param {Number} startOffset - start offset
+   * @param {Number} endOffset - end offset
+   * @private
+   */
+  ;
+
+  _proto._deleteContentsByOffset = function _deleteContentsByOffset(container, startOffset, endOffset) {
+    if (dom["a" /* default */].isTextNode(container)) {
+      var textContent = container.textContent;
+      var prevText = textContent.slice(0, startOffset);
+      var postText = textContent.slice(endOffset, textContent.length);
+      container.textContent = "" + prevText + postText;
+    } else {
+      var startNode = dom["a" /* default */].getChildNodeByOffset(container, startOffset);
+      var endNode = dom["a" /* default */].getChildNodeByOffset(container, endOffset);
+
+      if (startNode) {
+        dom["a" /* default */].removeChildFromStartToEndNode(container, startNode, endNode || null);
+      }
+    }
+  };
+
+  return WwTablePasteHelper;
+}();
+
+/* harmony default export */ var wwTablePasteHelper = (wwTablePasteHelper_WwTablePasteHelper);
+// CONCATENATED MODULE: ./src/js/wwClipboardManager.js
+/**
+ * @fileoverview Implements wysiwyg editor clipboard manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+var PASTE_TABLE_BOOKMARK = 'tui-paste-table-bookmark';
+var PASTE_TABLE_CELL_BOOKMARK = 'tui-paste-table-cell-bookmark';
+/**
+ * Class WwClipboardManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwClipboardManager_WwClipboardManager = /*#__PURE__*/function () {
+  function WwClipboardManager(wwe) {
+    this.wwe = wwe;
+    this._pch = new wwPasteContentHelper(this.wwe);
+    this._tablePasteHelper = new wwTablePasteHelper(this.wwe);
+    this._selectedSellCount = 0;
+    this._clipboardArea = null;
+  }
+  /**
+   * initialize
+   */
+
+
+  var _proto = WwClipboardManager.prototype;
+
+  _proto.init = function init() {
+    var _this = this;
+
+    this.wwe.eventManager.listen('willPaste', function (ev) {
+      return _this._executeHandler(_this._onWillPaste.bind(_this), ev);
+    });
+    this.wwe.eventManager.listen('copy', function (ev) {
+      return _this._executeHandler(_this._onCopyCut.bind(_this), ev);
+    });
+    this.wwe.eventManager.listen('copyAfter', function (ev) {
+      return _this._executeHandler(_this._onCopyAfter.bind(_this), ev);
+    });
+    this.wwe.eventManager.listen('cut', function (ev) {
+      return _this._executeHandler(_this._onCopyCut.bind(_this), ev);
+    });
+    this.wwe.eventManager.listen('cutAfter', function (ev) {
+      return _this._executeHandler(_this._onCutAfter.bind(_this), ev);
+    });
+    this.wwe.eventManager.listen('paste', function (ev) {
+      return _this._executeHandler(_this._onPasteIntoTable.bind(_this), ev);
+    });
+  };
+
+  _proto._executeHandler = function _executeHandler(handler, event) {
+    if (event.source === 'wysiwyg') {
+      handler(event);
+    }
+  };
+
+  _proto._onCopyCut = function _onCopyCut(event) {
+    var tableManager = this.wwe.componentManager.getManager('tableSelection');
+    var selectedCellCount = tableManager.getSelectedCells().length;
+
+    if (!selectedCellCount) {
+      // preserve selection range in a cell, let squire do the job
+      return;
+    }
+
+    if (!tableManager.mergedTableSelectionManager) {
+      // set selection range to all contents in selected cells, then squire
+      tableManager.createRangeBySelectedCells();
+      return;
+    }
+
+    var editor = this.wwe.getEditor();
+    var clipboardEvent = event.data;
+    var range = editor.getSelection().cloneRange();
+    var clipboardContainer = document.createElement('div');
+
+    this._extendRange(range);
+
+    clipboardContainer.innerHTML = range.cloneContents();
+
+    this._updateCopyDataForListTypeIfNeed(range, clipboardContainer);
+
+    this.wwe.eventManager.emit('copyBefore', {
+      source: 'wysiwyg',
+      clipboardContainer: clipboardContainer
+    });
+
+    this._setClipboardData(clipboardEvent, clipboardContainer.innerHTML, clipboardContainer.textContent);
+  };
+
+  _proto._clearClipboardArea = function _clearClipboardArea() {
+    if (this._clipboardArea) {
+      dom["a" /* default */].remove(this._clipboardArea);
+      this._clipboardArea = null;
+    }
+  };
+
+  _proto._onCopyAfter = function _onCopyAfter() {
+    this.wwe.getEditor().getBody().focus();
+
+    this._clearClipboardArea();
+  };
+
+  _proto._onCutAfter = function _onCutAfter() {
+    var range = this.wwe.getEditor().getSelection();
+    range.deleteContents();
+    this.wwe.getEditor().focus();
+
+    this._clearClipboardArea();
+  }
+  /**
+   * Process paste event when occured in table
+   * @param {{source: string, data: event}} event - event
+   * @private
+   */
+  ;
+
+  _proto._onPasteIntoTable = function _onPasteIntoTable(event) {
+    var ev = event.data;
+    var range = this.wwe.getEditor().getSelection();
+
+    if (this.wwe.isInTable(range) && this._isSingleCellSelected(range)) {
+      this._tablePasteHelper.pasteClipboard(ev);
+    }
+  };
+
+  _proto._isSingleCellSelected = function _isSingleCellSelected(range) {
+    var startContainer = range.startContainer,
+        endContainer = range.endContainer;
+    return this._getCell(startContainer) === this._getCell(endContainer);
+  };
+
+  _proto._getCell = function _getCell(node) {
+    return node.nodeName === 'TD' ? node : dom["a" /* default */].getParentUntil(node, 'TR');
+  };
+
+  _proto._replaceNewLineToBr = function _replaceNewLineToBr(node) {
+    var textNodes = dom["a" /* default */].getAllTextNode(node);
+    textNodes.forEach(function (textNode) {
+      if (/\n/.test(textNode.nodeValue)) {
+        textNode.parentNode.innerHTML = textNode.nodeValue.replace(/\n/g, '
    ');
+      }
+    });
+  };
+
+  _proto._onWillPaste = function _onWillPaste(event) {
+    var _this2 = this;
+
+    var pasteData = event.data;
+    var clipboardContainer = document.createElement('div');
+    clipboardContainer.appendChild(pasteData.fragment.cloneNode(true));
+
+    this._preparePaste(clipboardContainer);
+
+    this._setTableBookmark(clipboardContainer);
+
+    pasteData.fragment = document.createDocumentFragment();
+    toArray_default()(clipboardContainer.childNodes).forEach(function (element) {
+      if (dom["a" /* default */].getNodeName(element) === 'DIV') {
+        _this2._replaceNewLineToBr(element);
+      }
+
+      pasteData.fragment.appendChild(element);
+    }); // once right after the squire insertHTML DOM.
+
+    var handler = function handler() {
+      _this2.wwe.getEditor().removeEventListener('input', handler);
+
+      _this2.wwe.eventManager.emit('wysiwygRangeChangeAfter', _this2);
+
+      _this2._focusTableBookmark();
+    };
+
+    this.wwe.getEditor().addEventListener('input', handler);
+  };
+
+  _proto._setClipboardData = function _setClipboardData(clipboardEvent, htmlContent, textContent) {
+    if (browser_default.a.msie) {
+      clipboardEvent.squirePrevented = true;
+      this._clipboardArea = this._createClipboardArea();
+      this._clipboardArea.innerHTML = htmlContent;
+
+      this._clipboardArea.focus();
+
+      window.getSelection().selectAllChildren(this._clipboardArea);
+    } else {
+      clipboardEvent.preventDefault();
+      clipboardEvent.stopPropagation();
+      clipboardEvent.clipboardData.setData('text/html', htmlContent);
+      clipboardEvent.clipboardData.setData('text/plain', textContent);
+    }
+  };
+
+  _proto._createClipboardArea = function _createClipboardArea() {
+    var element = document.createElement('div');
+    element.setAttribute('contenteditable', true);
+    css_default()(element, {
+      position: 'fixed',
+      overflow: 'hidden',
+      top: 0,
+      right: '100%',
+      width: '1px',
+      height: '1px'
+    });
+    document.body.appendChild(element);
+    return element;
+  }
+  /**
+   * Update copy data, when commonAncestorContainer nodeName is list type like UL or OL.
+   * @param {object} range - text range
+   * @param {HTMLElement} clipboardContainer - clibpard container element
+   * @private
+   */
+  ;
+
+  _proto._updateCopyDataForListTypeIfNeed = function _updateCopyDataForListTypeIfNeed(range, clipboardContainer) {
+    var commonAncestorNodeName = range.commonAncestorContainer.nodeName;
+
+    if (commonAncestorNodeName !== 'UL' && commonAncestorNodeName !== 'OL') {
+      return;
+    }
+
+    var newParent = document.createElement(commonAncestorNodeName);
+    newParent.appendChild(clipboardContainer);
+    clipboardContainer.innerHTML = '';
+    clipboardContainer.appendChild(newParent);
+  }
+  /**
+   * Remove empty font elements.
+   * @param {HTMLElement} clipboardContainer - cliboard container
+   * @private
+   */
+  ;
+
+  _proto._removeEmptyFontElement = function _removeEmptyFontElement(clipboardContainer) {
+    // clipboard data from ms word tend to have unneccesary font tags
+    var children = dom["a" /* default */].children(clipboardContainer, 'font');
+    children.forEach(function (element) {
+      if (!element.textContent.trim()) {
+        dom["a" /* default */].remove(element);
+      }
+    });
+  }
+  /**
+   * P tags append 'BR' to make blank line.
+   * Our viewer renders new line as P tag with margin.
+   * When pasting text from viewer, insert BR between P tags.
+   * @param {Node} node - node
+   * @private
+   */
+  ;
+
+  _proto._preProcessPtag = function _preProcessPtag(node) {
+    dom["a" /* default */].findAll(node, 'p').forEach(function (pTag) {
+      if (pTag.lastChild && pTag.lastChild.nodeName !== 'BR') {
+        pTag.appendChild(document.createElement('br'));
+      }
+
+      pTag.appendChild(document.createElement('br'));
+    });
+  }
+  /**
+   * Prepare paste.
+   * @param {HTMLElement} clipboardContainer - temporary container for clipboard contents
+   * @private
+   */
+  ;
+
+  _proto._preparePaste = function _preparePaste(clipboardContainer) {
+    if (isFromMso(clipboardContainer.innerHTML)) {
+      convertMsoParagraphsToList(clipboardContainer);
+    } else {
+      // When pasting text, the empty line processing differ our viewer and MS Office.
+      // In our viewer case, 
    aaa
    bbb
     have empty line becuase P tags have margin.
+      // In MS Office case, 
    aaa
    bbb
     do not have empty line becuase P tags means just one line.
+      this._preProcessPtag(clipboardContainer);
+    }
+
+    this._removeEmptyFontElement(clipboardContainer);
+
+    this._pch.preparePaste(clipboardContainer);
+
+    this.wwe.eventManager.emit('pasteBefore', {
+      source: 'wysiwyg',
+      clipboardContainer: clipboardContainer
+    });
+  }
+  /**
+   * set table bookmark which will gain focus after document modification ends.
+   * @param {HTMLElement} clipboardContainer - clipboard container
+   * @private
+   */
+  ;
+
+  _proto._setTableBookmark = function _setTableBookmark(clipboardContainer) {
+    var lastNode = clipboardContainer.lastChild;
+    var isLastNodeTable = lastNode && lastNode.nodeName === 'TABLE';
+
+    if (isLastNodeTable) {
+      addClass_default()(lastNode, PASTE_TABLE_BOOKMARK);
+    }
+  }
+  /**
+   * Focus to table after document modification.
+   * @param {object} sq - squire editor instance
+   * @private
+   */
+  ;
+
+  _proto._focusTableBookmark = function _focusTableBookmark() {
+    var sq = this.wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var bookmarkedTable = sq.getBody().querySelector("." + PASTE_TABLE_BOOKMARK);
+    var bookmarkedCell = sq.getBody().querySelector("." + PASTE_TABLE_CELL_BOOKMARK);
+
+    if (bookmarkedTable) {
+      removeClass_default()(bookmarkedTable, PASTE_TABLE_BOOKMARK);
+      range.setEndAfter(bookmarkedTable);
+      range.collapse(false);
+      sq.setSelection(range);
+    }
+
+    if (bookmarkedCell) {
+      removeClass_default()(bookmarkedCell, PASTE_TABLE_CELL_BOOKMARK);
+      range.selectNodeContents(bookmarkedCell);
+      range.collapse(false);
+      sq.setSelection(range);
+    }
+  }
+  /**
+   * extend range if need
+   * @param {Range} range to extend
+   * @private
+   */
+  ;
+
+  _proto._extendRange = function _extendRange(range) {
+    // non-text node && not selected whole area, then expand the range
+    if (dom["a" /* default */].isTextNode(range.commonAncestorContainer) && (range.startOffset !== 0 || range.commonAncestorContainer.textContent.length !== range.endOffset) && range.commonAncestorContainer.nodeName !== 'TD') {
+      return;
+    }
+
+    if (range.startOffset === 0) {
+      range = this._extendStartRange(range);
+    }
+
+    if (range.endOffset === dom["a" /* default */].getOffsetLength(range.endContainer)) {
+      range = this._extendEndRange(range);
+    } // commonAncestor if all of it's children has been selected
+
+
+    if (this._isWholeCommonAncestorContainerSelected(range)) {
+      range.selectNode(range.commonAncestorContainer);
+    }
+
+    this.wwe.getEditor().setSelection(range);
+  }
+  /**
+   * Extends current range's startContainer
+   * @param {Range} range Range object
+   * @returns {Range}
+   * @private
+   */
+  ;
+
+  _proto._extendStartRange = function _extendStartRange(range) {
+    var newBound = range.startContainer; // expand range
+
+    while (newBound.parentNode !== range.commonAncestorContainer && newBound.parentNode !== this.wwe.getBody() && !newBound.previousSibling) {
+      newBound = newBound.parentNode;
+    } // expand range
+
+
+    range.setStart(newBound.parentNode, dom["a" /* default */].getNodeOffsetOfParent(newBound));
+    return range;
+  }
+  /**
+   * Extends current range's endContainer
+   * @param {Range} range Range object
+   * @returns {Range}
+   * @private
+   */
+  ;
+
+  _proto._extendEndRange = function _extendEndRange(range) {
+    var newBound = range.endContainer;
+    var boundNext = newBound.nextSibling; // expand range
+
+    while (newBound.parentNode !== range.commonAncestorContainer && newBound.parentNode !== this.wwe.getBody() && (!boundNext || dom["a" /* default */].getNodeName(boundNext) === 'BR' && newBound.parentNode.lastChild === boundNext)) {
+      newBound = newBound.parentNode;
+      boundNext = newBound.nextSibling;
+    } // expand range level
+
+
+    range.setEnd(newBound.parentNode, dom["a" /* default */].getNodeOffsetOfParent(newBound) + 1);
+    return range;
+  }
+  /**
+   * Check whether whole commonAncestorContainter textContent selected or not
+   * @param {Range} range Range object
+   * @returns {boolean} result
+   * @private
+   */
+  ;
+
+  _proto._isWholeCommonAncestorContainerSelected = function _isWholeCommonAncestorContainerSelected(range) {
+    return range.commonAncestorContainer.nodeType === Node.ELEMENT_NODE && range.commonAncestorContainer !== this.wwe.getBody() && range.startOffset === 0 && range.endOffset === range.commonAncestorContainer.childNodes.length && range.commonAncestorContainer === range.startContainer && range.commonAncestorContainer === range.endContainer;
+  };
+
+  return WwClipboardManager;
+}();
+
+/* harmony default export */ var wwClipboardManager = (wwClipboardManager_WwClipboardManager);
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/domUtil/hasClass.js
+var hasClass = __webpack_require__(16);
+var hasClass_default = /*#__PURE__*/__webpack_require__.n(hasClass);
+
+// CONCATENATED MODULE: ./src/js/wwLinkManager.js
+/**
+ * @fileoverview Implements wysiwyg link manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var CLASS_NAME_IMAGE_LINK = 'image-link';
+/**
+ * Class WwLinkManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwLinkManager_WwLinkManager = /*#__PURE__*/function () {
+  function WwLinkManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'link';
+
+    this._init();
+  }
+
+  var _proto = WwLinkManager.prototype;
+
+  _proto._init = function _init() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._addClassNameToAllImageLinks();
+    });
+    this.wwe.getEditor().addEventListener('click', function (ev) {
+      var target = ev.target,
+          offsetX = ev.offsetX,
+          offsetY = ev.offsetY;
+      var popupButton = getComputedStyle(target, ':before');
+
+      if (hasClass_default()(target, CLASS_NAME_IMAGE_LINK) && dom["a" /* default */].isInsideButtonBox(popupButton, offsetX, offsetY)) {
+        _this._selectImageLink(target.parentNode);
+
+        _this.eventManager.emit('openPopupAddLink', {
+          url: target.getAttribute('href')
+        });
+      }
+    });
+  };
+
+  _proto._selectImageLink = function _selectImageLink(imageLink) {
+    var range = this.wwe.getEditor().getSelection().cloneRange();
+    range.selectNode(imageLink);
+    this.wwe.getEditor().setSelection(range);
+  };
+
+  _proto._addClassNameToImageLinks = function _addClassNameToImageLinks(links) {
+    links.forEach(function (link) {
+      if (link.firstChild && link.firstChild.nodeName === 'IMG') {
+        addClass_default()(link, CLASS_NAME_IMAGE_LINK);
+      }
+    });
+  };
+
+  _proto._addClassNameToAllImageLinks = function _addClassNameToAllImageLinks() {
+    var links = dom["a" /* default */].findAll(this.wwe.getBody(), 'a');
+
+    this._addClassNameToImageLinks(links);
+  }
+  /**
+   * Add class name on all link including image in selection
+   */
+  ;
+
+  _proto.addClassNameToImageLinksInSelection = function addClassNameToImageLinksInSelection() {
+    var sq = this.wwe.getEditor();
+
+    var _sq$getSelection = sq.getSelection(),
+        container = _sq$getSelection.commonAncestorContainer;
+
+    if (dom["a" /* default */].isElemNode(container)) {
+      var links;
+
+      if (container.nodeName === 'A') {
+        links = [container];
+      } else {
+        links = dom["a" /* default */].findAll(container, 'a');
+      }
+
+      this._addClassNameToImageLinks(links);
+    }
+  };
+
+  return WwLinkManager;
+}();
+
+
+// CONCATENATED MODULE: ./src/js/wwListManager.js
+/**
+ * @fileoverview Implements wysiwyg list manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var FIND_LI_ELEMENT = /
  • ]*>)(.*?)(<\/(?:th|td)>)/g;
+var FIND_LIST_OR_LIST_ITEM_TAG_RX = /<(ul|ol|li)([^>]*)>/g;
+/**
+ * Class WwListManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwListManager_WwListManager = /*#__PURE__*/function () {
+  function WwListManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'list';
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwListManager.prototype;
+
+  _proto._init = function _init() {
+    this._initEvent();
+
+    this._initKeyHandler();
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueBefore', function (html) {
+      return _this.convertToArbitraryNestingList(html);
+    });
+    this.eventManager.listen('wysiwygRangeChangeAfter', function () {
+      _this._findAndRemoveEmptyList();
+
+      _this._removeBranchListAll();
+    });
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._removeBranchListAll();
+    });
+    this.eventManager.listen('wysiwygProcessHTMLText', function (html) {
+      html = _this._convertFromArbitraryNestingList(html);
+      return html;
+    });
+    this.eventManager.listen('convertorBeforeHtmlToMarkdownConverted', function (html) {
+      return _this._insertDataToMarkPassForListInTable(html);
+    });
+  };
+
+  _proto._initKeyHandler = function _initKeyHandler() {
+    var _this2 = this;
+
+    this.wwe.addKeyEventHandler(['TAB', 'CTRL+]', 'META+]'], function (ev) {
+      var isNeedNext;
+
+      if (_this2.wwe.getEditor().hasFormat('LI')) {
+        ev.preventDefault();
+
+        _this2.eventManager.emit('command', 'Indent');
+
+        isNeedNext = false;
+      }
+
+      return isNeedNext;
+    });
+    this.wwe.addKeyEventHandler(['SHIFT+TAB', 'CTRL+[', 'META+['], function (ev, range) {
+      var isNeedNext;
+
+      if (_this2.wwe.getEditor().hasFormat('LI')) {
+        ev.preventDefault();
+        var ul = dom["a" /* default */].children(dom["a" /* default */].closest(range.startContainer, 'li'), UL_OR_OL);
+
+        _this2.eventManager.emit('command', 'Outdent');
+
+        if (ul.length && !ul.previousSibling) {
+          _this2._removeBranchList(ul);
+        }
+
+        isNeedNext = false;
+      }
+
+      return isNeedNext;
+    });
+    this.wwe.addKeyEventHandler('ENTER', function (ev, range) {
+      if (range.collapsed) {
+        if (_this2.wwe.getEditor().hasFormat('LI')) {
+          _this2.wwe.defer(function () {
+            var afterRange = _this2.wwe.getRange();
+
+            var _domUtils$parents = dom["a" /* default */].parents(afterRange.startContainer, 'li'),
+                li = _domUtils$parents[0];
+
+            _this2._removeBranchListAll(li);
+          });
+        }
+      }
+    });
+    this.wwe.addKeyEventHandler('BACK_SPACE', function (ev, range) {
+      if (range.collapsed) {
+        if (_this2.wwe.getEditor().hasFormat('LI')) {
+          _this2.wwe.defer(function () {
+            _this2._removeBranchListAll();
+          });
+        }
+      }
+    });
+  }
+  /**
+   * Find empty list for whole container and remove it.
+   * @private
+   */
+  ;
+
+  _proto._findAndRemoveEmptyList = function _findAndRemoveEmptyList() {
+    dom["a" /* default */].findAll(this.wwe.getBody(), UL_OR_OL).forEach(function (node) {
+      if (!FIND_LI_ELEMENT.test(node.innerHTML)) {
+        dom["a" /* default */].remove(node);
+      }
+    });
+  }
+  /**
+   * Remove branch lists all from body
+   * @param {HTMLElement} root root to remove branch list
+   * @private
+   */
+  ;
+
+  _proto._removeBranchListAll = function _removeBranchListAll(root) {
+    var _this3 = this;
+
+    root = !root ? this.wwe.getBody() : root;
+    dom["a" /* default */].findAll(root, 'li > ul, li > ol').forEach(function (node) {
+      if (!node || node.previousSibling) {
+        return;
+      }
+
+      _this3._removeBranchList(node);
+    });
+  }
+  /**
+   * Remove branch list of passed list(ul, ol)
+   * @param {HTMLElement} list list
+   * @private
+   */
+  ;
+
+  _proto._removeBranchList = function _removeBranchList(list) {
+    var branchRoot = list;
+
+    while (!branchRoot.previousSibling && branchRoot.parentElement.tagName.match(/UL|OL|LI/g)) {
+      branchRoot = branchRoot.parentElement;
+    }
+
+    var _domUtils$children = dom["a" /* default */].children(branchRoot, 'li'),
+        firstLi = _domUtils$children[0];
+
+    var unwrappedLIs = dom["a" /* default */].unwrap(list);
+    dom["a" /* default */].prepend(branchRoot, unwrappedLIs);
+    dom["a" /* default */].remove(firstLi);
+  }
+  /**
+   * make arbitrary nesting list out of standard list
+   * `
    • text
      • text2
    ` to
+   * `
    • text
      • text2
    `
+   * @param {string} html string to convert
+   * @returns {string} converted HTML text
+   */
+  ;
+
+  _proto.convertToArbitraryNestingList = function convertToArbitraryNestingList(html) {
+    var NESTED_LIST_QUERY = 'li > ul, li > ol';
+    var wrapper = dom["a" /* default */].createElementWith("
    " + html + "
    ");
+    var nestedList = wrapper.querySelector(NESTED_LIST_QUERY);
+
+    while (nestedList !== null) {
+      var parentLI = nestedList.parentNode;
+      var parentList = parentLI.parentNode;
+      parentList.insertBefore(nestedList, parentLI.nextElementSibling);
+      nestedList = wrapper.querySelector(NESTED_LIST_QUERY);
+    }
+
+    return wrapper.innerHTML;
+  }
+  /**
+   * make standard list out of arbitrary nesting list
+   * `
    • text
      • text2
    ` from
+   * `
    • text
      • text2
    `
+   * @param {string} html string to convert
+   * @returns {string} converted HTML text
+   * @private
+   */
+  ;
+
+  _proto._convertFromArbitraryNestingList = function _convertFromArbitraryNestingList(html) {
+    var NESTED_LIST_QUERY = 'ol > ol, ol > ul, ul > ol, ul > ul';
+    var wrapperDiv = dom["a" /* default */].createElementWith("
    " + html + "
    ");
+    var nestedList = wrapperDiv.querySelector(NESTED_LIST_QUERY);
+
+    while (nestedList !== null) {
+      var prevLI = nestedList.previousElementSibling;
+
+      while (prevLI && prevLI.tagName !== 'LI') {
+        prevLI = prevLI.previousElementSibling;
+      }
+
+      if (prevLI) {
+        prevLI.appendChild(nestedList);
+      } else {
+        this._unwrap(nestedList);
+      }
+
+      nestedList = wrapperDiv.querySelector(NESTED_LIST_QUERY);
+    }
+
+    return wrapperDiv.innerHTML;
+  }
+  /**
+   * unwrap nesting list
+   * @param {Node} nestedList - nested list to unwrap
+   * @private
+   */
+  ;
+
+  _proto._unwrap = function _unwrap(nestedList) {
+    var fragment = document.createDocumentFragment();
+
+    while (nestedList.firstChild) {
+      fragment.appendChild(nestedList.firstChild);
+    }
+
+    nestedList.parentNode.replaceChild(fragment, nestedList);
+  };
+
+  _proto._insertDataToMarkPassForListInTable = function _insertDataToMarkPassForListInTable(html) {
+    var replacedHtml = html.replace(FIND_CELL_TAG_RX, function (match, tdStart, tdContent, tdEnd) {
+      var content = tdContent.replace(FIND_LIST_OR_LIST_ITEM_TAG_RX, '<$1 data-tomark-pass $2>');
+      return "" + tdStart + content + tdEnd;
+    });
+    return replacedHtml;
+  }
+  /**
+   * Return lines in selection
+   * @param {Node} start Start element
+   * @param {Node} end End element
+   * @param {HTMLElement} body Editor body element
+   * @returns {Array.}
+   * @private
+   */
+  ;
+
+  _proto.getLinesOfSelection = function getLinesOfSelection(start, end) {
+    var lines = [];
+    var isLastLine = false;
+    var needNext = true;
+    var nextLine;
+
+    if (dom["a" /* default */].isTextNode(start)) {
+      var _domUtils$parents2 = dom["a" /* default */].parents(start, DIV_OR_LI);
+
+      start = _domUtils$parents2[0];
+    }
+
+    if (dom["a" /* default */].isTextNode(end)) {
+      var _domUtils$parents3 = dom["a" /* default */].parents(end, DIV_OR_LI);
+
+      end = _domUtils$parents3[0];
+    }
+
+    for (var line = start; needNext; line = nextLine) {
+      if (matches_default()(line, DIV_OR_LI)) {
+        lines.push(line);
+
+        if (line === end) {
+          isLastLine = true;
+        } else {
+          nextLine = this._getNextLine(line, end);
+        }
+      } else {
+        break;
+      }
+
+      needNext = nextLine && !isLastLine;
+    }
+
+    return lines;
+  }
+  /**
+   * get next line
+   * @param {Node} currentLine - current line node
+   * @param {Node} end - last node in selection
+   * @returns {Node} - next line node
+   * @private
+   */
+  ;
+
+  _proto._getNextLine = function _getNextLine(currentLine, end) {
+    var nextLine = currentLine.nextElementSibling;
+
+    if (!nextLine) {
+      // current line was the last line in ul/ol
+      // while we have lines those has not been processed yet.
+      nextLine = currentLine.parentNode.nextElementSibling;
+    } else if (matches_default()(nextLine, UL_OR_OL)) {
+      // we don't sure firstChild is LI. arbtrary list can have another ol/ul
+      nextLine = nextLine.querySelector('li');
+    }
+
+    if (matches_default()(nextLine, DIV_OR_LI) || nextLine === end) {
+      return nextLine;
+    }
+
+    return this._getNextLine(nextLine);
+  }
+  /**
+   * merge to previous list
+   * consider remove this function when https://github.com/neilj/Squire/issues/294 resolved
+   * @param {HTMLLIElement} currentLine - current li element
+   */
+  ;
+
+  _proto.mergeList = function mergeList(currentLine) {
+    var currentList = currentLine.parentNode;
+    var prevList = currentList.previousElementSibling;
+    var nextList = currentList.nextElementSibling;
+
+    if (currentList.firstElementChild === currentLine) {
+      if (prevList && matches_default()(prevList, UL_OR_OL)) {
+        this._mergeList(currentList, prevList);
+
+        currentList = prevList;
+      }
+    }
+
+    if (currentList.lastElementChild === currentLine) {
+      if (nextList && matches_default()(nextList, UL_OR_OL)) {
+        this._mergeList(nextList, currentList);
+      }
+    }
+  }
+  /**
+   * merge list to targetList
+   * @param {HTMLOListElement|HTMLUListElement} list - list to merge
+   * @param {HTMLOListElement|HTMLUListElement} targetList - target list
+   * @private
+   */
+  ;
+
+  _proto._mergeList = function _mergeList(list, targetList) {
+    var listItem = list.firstElementChild;
+
+    if (targetList && matches_default()(targetList, UL_OR_OL)) {
+      while (listItem) {
+        var temp = listItem.nextElementSibling;
+        targetList.appendChild(listItem);
+        listItem = temp;
+      }
+
+      list.parentNode.removeChild(list);
+    }
+  }
+  /**
+   * Check whether is available to make List in table.
+   * @returns {boolean} - li element
+   */
+  ;
+
+  _proto.isAvailableMakeListInTable = function isAvailableMakeListInTable() {
+    var selectionManager = this.wwe.componentManager.getManager('tableSelection');
+    var selectedCells = selectionManager.getSelectedCells();
+    var sq = this.wwe.getEditor();
+    return selectedCells && sq.hasFormat('table') && !sq.hasFormat('OL') && !sq.hasFormat('UL');
+  }
+  /**
+   * Find parent node before TD
+   * @param {Node} node - startContainer or endContainer of range
+   * @param {Number} offset - offset
+   * @returns {Node} - parent node before TD
+   * @private
+   */
+  ;
+
+  _proto._getParentNodeBeforeTD = function _getParentNodeBeforeTD(node, offset) {
+    var parentNode = dom["a" /* default */].getParentUntil(node, 'TD');
+
+    if (!parentNode) {
+      var childNodes = node.childNodes;
+      var length = childNodes ? childNodes.length : 0;
+      var newOffset = offset > 0 && offset === length ? offset - 1 : offset;
+      parentNode = dom["a" /* default */].getChildNodeByOffset(node, newOffset);
+    }
+
+    return parentNode;
+  }
+  /**
+   * Find LI node inside cell (TH, TD)
+   * If target node is not li and parents of taget node is not li, return null.
+   * @param {Node} targetNode - startContainer or endContainer of range
+   * @param {Number} offset - offset
+   * @returns {Node} - LI node or null
+   * @private
+   */
+  ;
+
+  _proto._findLINodeInsideCell = function _findLINodeInsideCell(targetNode, offset) {
+    var liNode = null;
+
+    if (targetNode && dom["a" /* default */].isCellNode(targetNode)) {
+      targetNode = targetNode.firstChild;
+    }
+
+    var liParent = dom["a" /* default */].getParentUntilBy(targetNode, function (parentNode) {
+      return parentNode && dom["a" /* default */].isListNode(parentNode);
+    }, function (parentNode) {
+      return parentNode && dom["a" /* default */].isCellNode(parentNode);
+    });
+
+    if (liParent) {
+      liNode = liParent;
+    } else if (targetNode.nodeName === 'LI') {
+      liNode = targetNode;
+    } else if (dom["a" /* default */].isListNode(targetNode)) {
+      var childLength = targetNode.childNodes.length;
+      liNode = targetNode.childNodes[offset >= childLength ? childLength - 1 : offset];
+    }
+
+    return liNode;
+  }
+  /**
+   * Get first node on the line where range start.
+   * @param {Node} targetNode - startContainer
+   * @param {Number} offset - startOffset
+   * @returns {Node} - first node where range start
+   * @private
+   */
+  ;
+
+  _proto._getFirstNodeInLineOfTable = function _getFirstNodeInLineOfTable(targetNode, offset) {
+    var startNode = this._findLINodeInsideCell(targetNode, offset);
+
+    if (!startNode) {
+      startNode = this._getParentNodeBeforeTD(targetNode, offset);
+      var _startNode = startNode,
+          previousSibling = _startNode.previousSibling;
+
+      while (previousSibling && previousSibling.nodeName !== 'BR' && !dom["a" /* default */].isListNode(previousSibling)) {
+        startNode = previousSibling;
+        previousSibling = startNode.previousSibling;
+      }
+    }
+
+    return startNode;
+  }
+  /**
+   * Get last node on the line where range end.
+   * @param {Node} targetNode - endContainer
+   * @param {Number} offset - endOffset
+   * @returns {Node} - last node where range end
+   * @private
+   */
+  ;
+
+  _proto._getLastNodeInLineOfTable = function _getLastNodeInLineOfTable(targetNode, offset) {
+    var endNode = this._findLINodeInsideCell(targetNode, offset);
+
+    if (!endNode) {
+      endNode = this._getParentNodeBeforeTD(targetNode, offset);
+
+      while (endNode.nextSibling) {
+        if (endNode.nodeName === 'BR' || dom["a" /* default */].isListNode(endNode)) {
+          break;
+        }
+
+        endNode = endNode.nextSibling;
+      }
+    }
+
+    return endNode;
+  }
+  /**
+   * Check whether node is last node in the line of table
+   * If the node is li or br, the node is last node in the line of table.
+   * @param {node} node - node
+   * @returns {boolean} - whether node is last node in line of table
+   * @private
+   */
+  ;
+
+  _proto._isLastNodeInLineOfTable = function _isLastNodeInLineOfTable(node) {
+    var nodeName = node.nodeName;
+    return nodeName === 'LI' || nodeName === 'BR';
+  }
+  /**
+   * Get next node in the line of table
+   * If current node is li node and nextSibling is not existing, next node is parent's nextSibling.
+   * If nextSibiling of node is a list node (UL or OL), next node is first child of the list node.
+   * @param {node} node - node
+   * @returns {node} - next node
+   * @private
+   */
+  ;
+
+  _proto._getNextNodeInLineOfTable = function _getNextNodeInLineOfTable(node) {
+    var nextSibling = node.nextSibling;
+
+    if (node.nodeName === 'LI' && !nextSibling) {
+      var parentNode = node.parentNode;
+
+      while (!dom["a" /* default */].isCellNode(parentNode)) {
+        if (parentNode.nextSibling) {
+          nextSibling = parentNode.nextSibling;
+          break;
+        }
+
+        parentNode = parentNode.parentNode;
+      }
+    } else if (dom["a" /* default */].isListNode(nextSibling)) {
+      nextSibling = nextSibling.firstChild;
+    }
+
+    return nextSibling;
+  }
+  /**
+   * get nodes in each lines of table
+   * @param {range} range - range
+   * @returns {array} - each nodes in line
+   * @private
+   */
+  ;
+
+  _proto._getLinesOfSelectionInTable = function _getLinesOfSelectionInTable(range) {
+    var startContainer = range.startContainer,
+        endContainer = range.endContainer,
+        startOffset = range.startOffset,
+        endOffset = range.endOffset;
+
+    var firstNode = this._getFirstNodeInLineOfTable(startContainer, startOffset);
+
+    var lastNode = this._getLastNodeInLineOfTable(endContainer, endOffset);
+
+    var lines = [];
+    var oneLine = [];
+
+    while (firstNode) {
+      oneLine.push(firstNode);
+
+      if (this._isLastNodeInLineOfTable(firstNode)) {
+        lines.push(oneLine);
+        oneLine = [];
+      }
+
+      if (firstNode === lastNode) {
+        if (oneLine.length) {
+          lines.push(oneLine);
+        }
+
+        break;
+      }
+
+      firstNode = this._getNextNodeInLineOfTable(firstNode);
+    }
+
+    return lines;
+  }
+  /**
+   * create OL or UL element
+   * @param {string} listType - OL, UL or TASK
+   * @returns {Node} - OL or UL element
+   * @private
+   */
+  ;
+
+  _proto._createListElement = function _createListElement(listType) {
+    return document.createElement(listType === 'TASK' ? 'UL' : listType);
+  }
+  /**
+   * create li element
+   * @param {array} oneLineNodes - node array
+   * @param {string} listType - OL, UL or TASK
+   * @returns {Node} - li element
+   * @private
+   */
+  ;
+
+  _proto._createListItemElement = function _createListItemElement(oneLineNodes, listType) {
+    var liNode = document.createElement('li');
+    oneLineNodes.forEach(function (node) {
+      liNode.appendChild(node);
+    });
+
+    if (listType === 'TASK') {
+      var taskManager = this.wwe.componentManager.getManager('task');
+      taskManager.formatTask(liNode);
+    }
+
+    return liNode;
+  };
+
+  _proto._mergeListWithPreviousSibiling = function _mergeListWithPreviousSibiling(node) {
+    var previousSibling = node.previousSibling;
+    var result = node;
+
+    if (previousSibling && node.nodeName === previousSibling.nodeName) {
+      this._mergeList(node, previousSibling);
+
+      result = previousSibling;
+    }
+
+    return result;
+  };
+
+  _proto._mergeListWithNextSibiling = function _mergeListWithNextSibiling(node) {
+    var nextSibling = node.nextSibling;
+
+    if (nextSibling && node.nodeName === nextSibling.nodeName) {
+      this._mergeList(nextSibling, node);
+    }
+
+    return node;
+  }
+  /**
+   * make listNode (OL or UL)
+   * @param {range} range - range
+   * @param {staring} listType - UL, OL, TASK
+   * @returns {array} childNodes of list node (OL/UL)
+   */
+  ;
+
+  _proto.createListInTable = function createListInTable(range, listType) {
+    var _this4 = this;
+
+    var lines = this._getLinesOfSelectionInTable(range);
+
+    var lastLine = lines[lines.length - 1];
+    var lastNode = lastLine[lastLine.length - 1];
+    var nextNode = lastNode.nextSibling;
+    var parentNode = lastNode.parentNode;
+
+    var listNode = this._createListElement(listType);
+
+    var _listNode = listNode,
+        listNodeName = _listNode.nodeName;
+    var newLIs = [];
+    lines.forEach(function (oneLineNodes) {
+      var oneLineFirstNode = oneLineNodes[0];
+      var liElement; // oneLineFirstNode was already a list item in the table
+
+      if (oneLineFirstNode.nodeName === 'LI') {
+        var existingListNode = oneLineFirstNode.parentNode;
+        liElement = oneLineFirstNode; // If the existing list that is already in table is not same the list to be created,
+        // change the existing list to the list to be created
+
+        if (existingListNode.nodeName !== listNodeName) {
+          var childNodes = existingListNode.childNodes;
+          toArray_default()(childNodes).forEach(function () {
+            listNode.appendChild(existingListNode.firstChild);
+          });
+          existingListNode.parentNode.replaceChild(listNode, existingListNode);
+        }
+
+        listNode = liElement.parentNode;
+      } else {
+        liElement = _this4._createListItemElement(oneLineNodes, listType);
+        listNode.appendChild(liElement);
+      }
+
+      newLIs.push(liElement);
+    });
+
+    if (!listNode.parentNode) {
+      parentNode.insertBefore(listNode, nextNode);
+    }
+
+    listNode = this._mergeListWithPreviousSibiling(listNode);
+
+    this._mergeListWithNextSibiling(listNode);
+
+    return newLIs;
+  }
+  /**
+   * adjust range for list node (OL/UL)
+   * according to origin startContainer and endContainer
+   * @param {node} startContainer - startContainer
+   * @param {node} endContainer - endContainer
+   * @param {number} startOffset - startOffset
+   * @param {number} endOffset - endOffset
+   * @param {array} listNode - node array
+   */
+  ;
+
+  _proto.adjustRange = function adjustRange(startContainer, endContainer, startOffset, endOffset, listNode) {
+    var newStartContainer = dom["a" /* default */].containsNode(listNode[0], startContainer) ? startContainer : listNode[0];
+    var newEndContainer = dom["a" /* default */].containsNode(listNode[listNode.length - 1], endContainer) ? endContainer : listNode[listNode.length - 1];
+    var newStartOffset = startContainer.nodeName === 'TD' ? 0 : startOffset;
+    var newEndOffset = endContainer.nodeName === 'TD' ? 0 : endOffset;
+    this.wwe.setSelectionByContainerAndOffset(newStartContainer, newStartOffset, newEndContainer, newEndOffset);
+  };
+
+  return WwListManager;
+}();
+
+/* harmony default export */ var wwListManager = (wwListManager_WwListManager);
+// CONCATENATED MODULE: ./src/js/wwTaskManager.js
+/**
+ * @fileoverview Implements wysiwyg task manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var TASK_CLASS_NAME = 'task-list-item';
+var TASK_ATTR_NAME = 'data-te-task';
+var TASK_CHECKED_CLASS_NAME = 'checked';
+/**
+ * Class WwTaskManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwTaskManager_WwTaskManager = /*#__PURE__*/function () {
+  function WwTaskManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'task';
+
+    this._init();
+  }
+  /**
+   * Init
+   * @private
+   */
+
+
+  var _proto = WwTaskManager.prototype;
+
+  _proto._init = function _init() {
+    this._initKeyHandler();
+
+    this._initEvent();
+
+    this.wwe.getEditor().addEventListener('mousedown', function (ev) {
+      var style = getComputedStyle(ev.target, ':before');
+
+      if (ev.target.hasAttribute(TASK_ATTR_NAME) && dom["a" /* default */].isInsideButtonBox(style, ev.offsetX, ev.offsetY)) {
+        // Prevent cursor focusing
+        ev.preventDefault();
+        dom["a" /* default */].toggleClass(ev.target, TASK_CHECKED_CLASS_NAME);
+      }
+    });
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._removeTaskListClass();
+    });
+  }
+  /**
+   * Initialize key event handler
+   * @private
+   */
+  ;
+
+  _proto._initKeyHandler = function _initKeyHandler() {
+    var _this2 = this;
+
+    this.wwe.addKeyEventHandler('ENTER', function (ev, range) {
+      if (_this2.isInTaskList(range)) {
+        _this2.wwe.defer(function () {
+          var newRange = _this2.wwe.getRange();
+
+          var li = dom["a" /* default */].closest(newRange.startContainer, 'li');
+
+          if (li) {
+            removeClass_default()(li, TASK_CHECKED_CLASS_NAME);
+          }
+        });
+      }
+    });
+  }
+  /**
+   * Check whether passed range is in task list or not
+   * @param {Range} range range
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isInTaskList = function isInTaskList(range) {
+    var li;
+
+    if (!range) {
+      range = this.wwe.getEditor().getSelection().cloneRange();
+    }
+
+    if (range.startContainer.nodeType === Node.ELEMENT_NODE && range.startContainer.tagName === 'LI') {
+      li = range.startContainer;
+    } else {
+      var _domUtils$parents = dom["a" /* default */].parents(range.startContainer, 'li');
+
+      li = _domUtils$parents[0];
+    }
+
+    return !!li && hasClass_default()(li, TASK_CLASS_NAME);
+  }
+  /**
+   * Unforamt task
+   * @param {Node} node target
+   */
+  ;
+
+  _proto.unformatTask = function unformatTask(node) {
+    var li = dom["a" /* default */].closest(node, 'li');
+    removeClass_default()(li, TASK_CLASS_NAME);
+    removeClass_default()(li, TASK_CHECKED_CLASS_NAME);
+    li.removeAttribute(TASK_ATTR_NAME);
+
+    if (!li.getAttribute('class')) {
+      li.removeAttribute('class');
+    }
+  }
+  /**
+   * Format task
+   * @param {Node} node target
+   */
+  ;
+
+  _proto.formatTask = function formatTask(node) {
+    var li = dom["a" /* default */].closest(node, 'li');
+    addClass_default()(li, TASK_CLASS_NAME);
+    li.setAttribute(TASK_ATTR_NAME, '');
+  }
+  /**
+   * Format task if current range has task class name
+   * @private
+   */
+  ;
+
+  _proto._formatTaskIfNeed = function _formatTaskIfNeed() {
+    var range = this.wwe.getEditor().getSelection().cloneRange();
+
+    if (this.isInTaskList(range)) {
+      this.formatTask(range.startContainer);
+    }
+  }
+  /**
+   * Remove tasklist class
+   * @private
+   */
+  ;
+
+  _proto._removeTaskListClass = function _removeTaskListClass() {
+    // because task-list class is block merge normal list and task list
+    dom["a" /* default */].findAll(this.wwe.getBody(), '.task-list').forEach(function (node) {
+      removeClass_default()(node, 'task-list');
+    });
+  };
+
+  return WwTaskManager;
+}();
+
+/* harmony default export */ var wwTaskManager = (wwTaskManager_WwTaskManager);
+// CONCATENATED MODULE: ./src/js/wwTableManager.js
+/**
+ * @fileoverview Implements wysiwyg table manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var isIE10 = browser_default.a.msie && browser_default.a.version === 10;
+var TABLE_CLASS_PREFIX = 'te-content-table-';
+var isIE10And11 = browser_default.a.msie && (browser_default.a.version === 10 || browser_default.a.version === 11);
+var BASIC_CELL_CONTENT = browser_default.a.msie ? '' : '
    ';
+var TABLE_CELL_SELECTED_CLASS_NAME = 'te-cell-selected';
+/**
+ * Class WwTableManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwTableManager_WwTableManager = /*#__PURE__*/function () {
+  function WwTableManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'table';
+    this._lastCellNode = null;
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwTableManager.prototype;
+
+  _proto._init = function _init() {
+    this._initKeyHandler();
+
+    this._initEvent();
+
+    this.tableID = 0;
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygRangeChangeAfter.table', function () {
+      var range = _this.wwe.getEditor().getSelection();
+
+      var isRangeInTable = _this.wwe.isInTable(range);
+
+      _this._unwrapBlockInTable();
+
+      _this._completeTableIfNeed();
+
+      if (!isRangeInTable) {
+        var selectionManager = _this.wwe.componentManager.getManager('tableSelection');
+
+        selectionManager.removeClassAttrbuteFromAllCellsIfNeed();
+      }
+
+      _this._insertDefaultBlockBetweenTable();
+    });
+    this.eventManager.listen('wysiwygSetValueAfter.table', function () {
+      _this._unwrapBlockInTable();
+
+      _this._insertDefaultBlockBetweenTable();
+    }); // remove last br in td or th
+
+    this.eventManager.listen('wysiwygProcessHTMLText.table', function (html) {
+      return html.replace(/
    (<\/td>|<\/th>)/g, '$1');
+    });
+    this.eventManager.listen('cut.table', function () {
+      var selectionManager = _this.wwe.componentManager.getManager('tableSelection');
+
+      var selectedCells = selectionManager.getSelectedCells();
+
+      if (selectedCells.length) {
+        selectedCells.forEach(function (cell) {
+          cell.innerHTML = BASIC_CELL_CONTENT;
+        });
+      }
+
+      selectionManager.removeClassAttrbuteFromAllCellsIfNeed();
+    });
+    this.eventManager.listen('copyBefore.table', function (_ref) {
+      var clipboardContainer = _ref.clipboardContainer;
+      return _this.updateTableHtmlOfClipboardIfNeed(clipboardContainer);
+    });
+  }
+  /**
+   * Update table html of clipboard data, if has selected cells.
+   * @param {HTMLElement} clipboardContainer - clipboard element
+   */
+  ;
+
+  _proto.updateTableHtmlOfClipboardIfNeed = function updateTableHtmlOfClipboardIfNeed(clipboardContainer) {
+    var _this2 = this;
+
+    var selectionManager = this.wwe.componentManager.getManager('tableSelection');
+    var selectedCells = selectionManager.getSelectedCells();
+
+    if (selectedCells.length) {
+      selectionManager.createRangeBySelectedCells();
+      var fragment = this.wwe.getEditor().getSelection().cloneContents();
+      toArray_default()(fragment.children).forEach(function (node) {
+        if (!_this2.isTableOrSubTableElement(node.nodeName)) {
+          return;
+        }
+
+        if (node.nodeName === 'TABLE' && node.querySelector('thead') && node.querySelector('tbody')) {
+          dom["a" /* default */].remove(node);
+        } else if (node.previousSibling && node.previousSibling.nodeName === 'TABLE') {
+          node.previousSibling.appendChild(node);
+        } else {
+          _this2._completeIncompleteTable(node);
+
+          if (node.nodeName !== 'TABLE' && node.nodeName !== 'THEAD') {
+            var thead = dom["a" /* default */].closest(node, 'table').querySelector('thead');
+            dom["a" /* default */].remove(thead);
+          }
+        }
+      });
+      clipboardContainer.appendChild(fragment);
+      dom["a" /* default */].findAll(clipboardContainer, "." + TABLE_CELL_SELECTED_CLASS_NAME).forEach(function (cell) {
+        removeClass_default()(cell, TABLE_CELL_SELECTED_CLASS_NAME);
+      });
+    }
+  }
+  /**
+   * Paste clibpard data that contains only table.
+   * @param {Node} clipboardTable - table element of clipboard
+   */
+  ;
+
+  _proto.pasteTableData = function pasteTableData(clipboardTable) {
+    this._expandTableIfNeed(clipboardTable);
+
+    this._pasteDataIntoTable(clipboardTable);
+  }
+  /**
+   * Initialize key event handler
+   * @private
+   */
+  ;
+
+  _proto._initKeyHandler = function _initKeyHandler() {
+    var _this3 = this;
+
+    this.keyEventHandlers = {
+      DEFAULT: function DEFAULT(ev, range, keymap) {
+        var isRangeInTable = _this3.wwe.isInTable(range);
+
+        if (isRangeInTable && !_this3._isModifierKey(keymap)) {
+          _this3._recordUndoStateIfNeed(range);
+
+          _this3._removeContentsAndChangeSelectionIfNeed(range, keymap, ev);
+        } else if (!isRangeInTable && _this3._lastCellNode) {
+          _this3._recordUndoStateAndResetCellNode(range);
+        }
+
+        if (isRangeInTable && !_this3._isModifierKeyPushed(ev)) {
+          _this3.wwe.getEditor().modifyDocument(function () {
+            var selectionManager = _this3.wwe.componentManager.getManager('tableSelection');
+
+            selectionManager.removeClassAttrbuteFromAllCellsIfNeed();
+          });
+        }
+      },
+      ENTER: function ENTER(ev, range) {
+        var isNeedNext;
+
+        if (_this3._isAfterTable(range)) {
+          ev.preventDefault();
+          range.setStart(range.startContainer, range.startOffset - 1);
+
+          _this3.wwe.breakToNewDefaultBlock(range);
+
+          isNeedNext = false;
+        } else if (_this3._isBeforeTable(range)) {
+          ev.preventDefault();
+
+          _this3.wwe.breakToNewDefaultBlock(range, 'before');
+
+          isNeedNext = false;
+        } else if (_this3.wwe.isInTable(range)) {
+          if (!_this3._isInList(range.startContainer) && _this3._isInStyledText(range)) {
+            _this3.wwe.defer(function () {
+              _this3._removeBRinStyleText();
+            });
+          } else if (_this3._isEmptyFirstLevelLI(range)) {
+            _this3.wwe.defer(function () {
+              // Squire make div when LI level is decreased in first level so should replace div to br
+              var afterRange = _this3.wwe.getRange().cloneRange();
+
+              var div = afterRange.startContainer;
+              var br = document.createElement('br');
+              div.parentNode.replaceChild(br, div);
+              afterRange.setStartBefore(br);
+              afterRange.collapse(true);
+
+              _this3.wwe.getEditor().setSelection(afterRange);
+            });
+          }
+
+          _this3._appendBrIfTdOrThNotHaveAsLastChild(range);
+
+          isNeedNext = false;
+        }
+
+        return isNeedNext;
+      },
+      BACK_SPACE: function BACK_SPACE(ev, range, keymap) {
+        return _this3._handleBackspaceAndDeleteKeyEvent(ev, range, keymap);
+      },
+      DELETE: function DELETE(ev, range, keymap) {
+        return _this3._handleBackspaceAndDeleteKeyEvent(ev, range, keymap);
+      },
+      TAB: function TAB() {
+        return _this3._moveCursorTo('next', 'cell');
+      },
+      'SHIFT+TAB': function SHIFTTAB(ev) {
+        return _this3._moveCursorTo('previous', 'cell', ev);
+      },
+      UP: function UP(ev) {
+        return _this3._moveCursorTo('previous', 'row', ev);
+      },
+      DOWN: function DOWN(ev) {
+        return _this3._moveCursorTo('next', 'row', ev);
+      }
+    };
+    forEachOwnProperties_default()(this.keyEventHandlers, function (handler, key) {
+      return _this3.wwe.addKeyEventHandler(key, handler);
+    });
+  }
+  /**
+   * Check whether node is li and empty
+   * @param {node} node node
+   * @returns {boolean} whether node is li and empty
+   * @private
+   */
+  ;
+
+  _proto._isEmptyListItem = function _isEmptyListItem(node) {
+    var childNodes = node.childNodes,
+        nodeName = node.nodeName;
+    return nodeName === 'LI' && childNodes.length === 1 && childNodes[0].nodeName === 'BR';
+  }
+  /**
+   * Check whether range is in empty LI that is first level
+   * @param {range} range range
+   * @returns {boolean} whether range is in empty LI that is first level
+   * @private
+   */
+  ;
+
+  _proto._isEmptyFirstLevelLI = function _isEmptyFirstLevelLI(range) {
+    var collapsed = range.collapsed,
+        startContainer = range.startContainer,
+        startOffset = range.startOffset;
+    return collapsed && startOffset === 0 && this._isEmptyListItem(startContainer) && dom["a" /* default */].isFirstLevelListItem(startContainer);
+  }
+  /**
+   * Check whether range is in style tag that is like 'B', 'I', 'S', 'SPAN', 'CODE'
+   * Those tag is supported in Wysiwyg.
+   * @param {Range} range range
+   * @returns {Boolean} range is in the style tag
+   * @private
+   */
+  ;
+
+  _proto._isInStyledText = function _isInStyledText(range) {
+    var startContainer = range.startContainer;
+    var node;
+
+    if (dom["a" /* default */].isTextNode(startContainer)) {
+      node = startContainer.parentNode;
+    } else {
+      node = startContainer;
+    }
+
+    return range.collapsed && dom["a" /* default */].isStyledNode(node);
+  }
+  /**
+   * When enter key occur in the styled text, 'br' tag insert in the style tag like 'b', 'i' etc.
+   * So in thoes case, 'br' tag would be pulled out in this logic.
+   * @private
+   */
+  ;
+
+  _proto._removeBRinStyleText = function _removeBRinStyleText() {
+    var afterRange = this.wwe.getRange();
+    var startContainer = afterRange.startContainer,
+        startOffset = afterRange.startOffset;
+    var styleNode;
+
+    if (startContainer.nodeName === 'TD') {
+      // This case is TEST
    |
    
+      styleNode = dom["a" /* default */].getChildNodeByOffset(startContainer, startOffset - 1);
+    } else {
+      styleNode = dom["a" /* default */].getParentUntil(startContainer, 'TD');
+    }
+
+    var brNode = styleNode.querySelector('br');
+
+    if (!brNode) {
+      return;
+    }
+
+    var _styleNode = styleNode,
+        tdNode = _styleNode.parentNode,
+        nodeName = _styleNode.nodeName;
+
+    if (nodeName === 'CODE' && !brNode.previousSibling) {
+      // cursor is located in the start of text
+      // Before Enter : |TEST
+      // After Enter  : 
    |TEST    
+      // TO BE        : 
    |TEST
+      tdNode.insertBefore(brNode, styleNode);
+      afterRange.setStart(styleNode, 0);
+    } else if (nodeName === 'CODE' && !brNode.nextSibling) {
+      // cursor is located in the end of text
+      // Before Enter : TEST|
+      // After Enter  : TEST
    |    
+      // TO BE        : TEST
    |
+      tdNode.insertBefore(brNode, styleNode.nextSibling);
+      afterRange.setStart(tdNode, dom["a" /* default */].getNodeOffsetOfParent(brNode) + 1);
+    } else {
+      // [Case 1] cursor is located in the middle of text
+      // Before Enter : TE|ST
+      // After Enter  : TE
    |ST    
+      // TO BE        : TE
    |ST
+      // [Case 2] cursor is located in the start of text
+      // Before Enter : |TEST
+      // After Enter  : 
    |TEST    
+      // TO BE        : |
    TEST
+      // [Case 3] cursor is located in the end of text
+      // Before Enter : TEST|
+      // After Enter  : TEST
    |    
+      // TO BE        : TEST
    |
+      var newNode = this._splitByBR(styleNode, brNode);
+
+      afterRange.setStart(newNode, 0);
+    }
+
+    afterRange.collapse(true);
+    this.wwe.getEditor().setSelection(afterRange);
+  }
+  /**
+   * When container node have br node, split container base on br node and pull out BR.
+   * After Enter  : TE
    ST    
+   * TO BE        : TE
    ST
+   * @param {Node} container container
+   * @param {Node} brNode container
+   * @returns {Node} node for positioning of cursor
+   * @private
+   */
+  ;
+
+  _proto._splitByBR = function _splitByBR(container, brNode) {
+    var cloneStyleNode = container.cloneNode(true);
+    var newBR = document.createElement('br');
+    var parentNode = container.parentNode; // Origin style node should be removed the back nodes of br node.
+
+    dom["a" /* default */].removeNodesByDirection(container, brNode, false);
+    brNode.parentNode.removeChild(brNode); // Cloned style node should be removed the front nodes of br node
+
+    var clonedBR = cloneStyleNode.querySelector('br');
+    dom["a" /* default */].removeNodesByDirection(cloneStyleNode, clonedBR, true);
+    clonedBR.parentNode.removeChild(clonedBR);
+    parentNode.insertBefore(cloneStyleNode, container.nextSibling);
+    parentNode.insertBefore(newBR, cloneStyleNode);
+    var leafNode = dom["a" /* default */].getLeafNode(cloneStyleNode);
+
+    if (!dom["a" /* default */].getTextLength(leafNode)) {
+      leafNode.textContent = "\u200B";
+    }
+
+    return leafNode;
+  }
+  /**
+   * Check whether passed range is right before table or not
+   * @param {Range} range range
+   * @returns {boolean} result
+   * @private
+   */
+  ;
+
+  _proto._isBeforeTable = function _isBeforeTable(range) {
+    return dom["a" /* default */].getNodeName(dom["a" /* default */].getChildNodeByOffset(range.startContainer, range.startOffset)) === 'TABLE';
+  }
+  /**
+   * Check whether passed range is right after table or not
+   * @param {Range} range range
+   * @returns {boolean} result
+   * @private
+   */
+  ;
+
+  _proto._isAfterTable = function _isAfterTable(range) {
+    var prevElem = dom["a" /* default */].getPrevOffsetNodeUntil(range.startContainer, range.startOffset);
+    return dom["a" /* default */].getNodeName(prevElem) === 'TABLE' && range.commonAncestorContainer === this.wwe.getBody();
+  }
+  /**
+   * Handle backspace and delete key event
+   * @param {object} ev - Event object
+   * @param {Range} range - Range Object
+   * @param {string} keymap - keymap
+   * @returns {boolean} - need next
+   * @private
+   */
+  ;
+
+  _proto._handleBackspaceAndDeleteKeyEvent = function _handleBackspaceAndDeleteKeyEvent(ev, range, keymap) {
+    var isBackspace = keymap === 'BACK_SPACE';
+    var selectionManager = this.wwe.componentManager.getManager('tableSelection');
+    var selectedCells = selectionManager.getSelectedCells();
+    var isNeedNext = true;
+
+    if (range.collapsed) {
+      if (this.wwe.isInTable(range)) {
+        if (isBackspace) {
+          this._tableHandlerOnBackspace(range, ev);
+        } else {
+          this._tableHandlerOnDelete(range, ev);
+        }
+
+        this._removeContentsAndChangeSelectionIfNeed(range, keymap, ev);
+
+        isNeedNext = false;
+      } else if (!isBackspace && this._isBeforeTable(range) || isBackspace && this._isAfterTable(range)) {
+        ev.preventDefault();
+        var startOffset = isBackspace ? range.startOffset - 1 : range.startOffset;
+
+        this._removeTable(range, dom["a" /* default */].getChildNodeByOffset(range.startContainer, startOffset));
+
+        isNeedNext = false;
+      }
+    } else if (this.wwe.isInTable(range)) {
+      if (selectedCells.length > 0) {
+        var removed = this._removeContentsAndChangeSelectionIfNeed(range, keymap, ev);
+
+        if (removed) {
+          ev.preventDefault();
+          isNeedNext = false;
+        }
+      }
+    }
+
+    return isNeedNext;
+  }
+  /**
+   * Move Li node to previous node that is previous node of list node.
+   * @param {node} liNode li node
+   * @param {range} range range
+   * @private
+   */
+  ;
+
+  _proto._moveListItemToPreviousOfList = function _moveListItemToPreviousOfList(liNode, range) {
+    var listNode = liNode.parentNode,
+        firstChild = liNode.firstChild;
+    var fragment = document.createDocumentFragment();
+    dom["a" /* default */].mergeNode(liNode, fragment);
+    listNode.parentNode.insertBefore(fragment, listNode);
+    range.setStart(firstChild, 0);
+    range.collapse(true);
+    this.wwe.getEditor().setSelection(range);
+
+    if (!listNode.hasChildNodes()) {
+      listNode.parentNode.removeChild(listNode);
+    }
+  };
+
+  _proto._isInList = function _isInList(targetNode) {
+    return dom["a" /* default */].getParentUntilBy(targetNode, function (node) {
+      return node && (dom["a" /* default */].isListNode(node) || node.nodeName === 'LI');
+    }, function (node) {
+      return node && (node.nodeName === 'TD' || node.nodeName === 'TH');
+    });
+  }
+  /**
+   * Find LI node while search parentNode inside TD
+   * @param {node} startContainer startContainer
+   * @returns {node} liNode or null
+   * @private
+   */
+  ;
+
+  _proto._findListItem = function _findListItem(startContainer) {
+    return dom["a" /* default */].getParentUntilBy(startContainer, function (node) {
+      return node && dom["a" /* default */].isListNode(node);
+    }, function (node) {
+      return node && (node.nodeName === 'TD' || node.nodeName === 'TH');
+    });
+  }
+  /**
+   * Backspace handler in table
+   * @param {Range} range range
+   * @param {Event} event event
+   * @private
+   */
+  ;
+
+  _proto._tableHandlerOnBackspace = function _tableHandlerOnBackspace(range, event) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset;
+
+    var liNode = this._findListItem(startContainer);
+
+    if (liNode && startOffset === 0 && dom["a" /* default */].isFirstListItem(liNode) && dom["a" /* default */].isFirstLevelListItem(liNode)) {
+      this.wwe.getEditor().saveUndoState(range);
+
+      this._moveListItemToPreviousOfList(liNode, range);
+
+      event.preventDefault();
+    } else {
+      var prevNode = dom["a" /* default */].getPrevOffsetNodeUntil(startContainer, startOffset, 'TR');
+      var prevNodeName = dom["a" /* default */].getNodeName(prevNode);
+
+      if (prevNodeName === 'BR' && prevNode.parentNode.childNodes.length !== 1) {
+        event.preventDefault();
+        dom["a" /* default */].remove(prevNode);
+      }
+    }
+  }
+  /**
+   * Return whether delete br in the br
+   * @param {Range} range Range object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isDeletingBR = function _isDeletingBR(range) {
+    var currentNode = this._getCurrentNodeInCell(range);
+
+    var nextSibling = currentNode && currentNode.nextSibling;
+    return dom["a" /* default */].getNodeName(currentNode) === 'BR' && !!nextSibling && dom["a" /* default */].getNodeName(nextSibling) === 'BR';
+  };
+
+  _proto._getCurrentNodeInCell = function _getCurrentNodeInCell(range) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset;
+    var currentNode;
+
+    if (dom["a" /* default */].getNodeName(startContainer) === 'TD') {
+      currentNode = dom["a" /* default */].getChildNodeByOffset(startContainer, startOffset);
+    } else if (dom["a" /* default */].getParentUntil(startContainer, 'TD')) {
+      currentNode = startContainer;
+    }
+
+    return currentNode;
+  }
+  /**
+   * Check whether range is located in end of the list
+   * @param {Node} liNode liNode
+   * @param {Range} range range
+   * @returns {Boolean} whether range is located in end of the list
+   * @private
+   */
+  ;
+
+  _proto._isEndOfList = function _isEndOfList(liNode, range) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset;
+    var result = false;
+
+    if (!liNode.nextSibling) {
+      if (liNode === startContainer) {
+        var liNodeOffset = dom["a" /* default */].getOffsetLength(liNode);
+
+        if (liNode.lastChild.nodeName === 'BR') {
+          liNodeOffset -= 1;
+        }
+
+        result = liNodeOffset === startOffset;
+      } else {
+        var parentNode = dom["a" /* default */].getParentUntil(startContainer, 'li') || startContainer;
+        var startContainerOffset = dom["a" /* default */].getOffsetLength(startContainer);
+        var lastChild = liNode.lastChild;
+
+        if (lastChild.nodeName === 'BR') {
+          lastChild = lastChild.previousSibling;
+        }
+
+        result = lastChild === parentNode && startContainerOffset === startOffset;
+      }
+    }
+
+    return result;
+  }
+  /**
+   * Get next line nodes from target node
+   * @param {Node} node target node
+   * @returns {DocumentFragment} next line nodes
+   * @private
+   */
+  ;
+
+  _proto._getNextLineNode = function _getNextLineNode(node) {
+    var fragment = document.createDocumentFragment();
+    var parentNode = dom["a" /* default */].getParentUntil(node, 'TD');
+    var nextSibling = parentNode.nextSibling;
+
+    while (nextSibling) {
+      var _nextSibling = nextSibling,
+          next = _nextSibling.nextSibling;
+      fragment.appendChild(nextSibling);
+
+      if (nextSibling.nodeName === 'BR') {
+        break;
+      }
+
+      nextSibling = next;
+    }
+
+    return fragment;
+  }
+  /**
+   * Delete handler in table
+   * @param {Range} range range
+   * @param {Event} event event
+   * @private
+   */
+  ;
+
+  _proto._tableHandlerOnDelete = function _tableHandlerOnDelete(range, event) {
+    var liNode = this._findListItem(range.startContainer);
+
+    if (liNode && this._isEndOfList(liNode, range)) {
+      this.wwe.getEditor().saveUndoState(range);
+
+      if (liNode.lastChild.nodeName === 'BR') {
+        liNode.removeChild(liNode.lastChild);
+      }
+
+      dom["a" /* default */].mergeNode(this._getNextLineNode(liNode), liNode);
+      event.preventDefault();
+    } else if (this._isDeletingBR(range)) {
+      var currentNode = this._getCurrentNodeInCell(range);
+
+      currentNode.parentNode.removeChild(currentNode.nextSibling);
+      event.preventDefault();
+    }
+  }
+  /**
+   * Append br if td or th doesn't have br as last child
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._appendBrIfTdOrThNotHaveAsLastChild = function _appendBrIfTdOrThNotHaveAsLastChild(range) {
+    var startContainerNodeName = dom["a" /* default */].getNodeName(range.startContainer);
+    var tdOrTh;
+
+    if (startContainerNodeName === 'TD' || startContainerNodeName === 'TH') {
+      tdOrTh = range.startContainer;
+    } else {
+      var paths = dom["a" /* default */].parentsUntil(range.startContainer, 'tr');
+      tdOrTh = paths[paths.length - 1];
+    }
+
+    var nodeName = dom["a" /* default */].getNodeName(tdOrTh.lastChild);
+
+    if (nodeName !== 'BR' && nodeName !== 'DIV' && nodeName !== 'UL' && nodeName !== 'OL' && !isIE10And11) {
+      dom["a" /* default */].append(tdOrTh, '
    ');
+    }
+  }
+  /**
+   * Unwrap default block tag in table
+   * For Squire default action making abnormal behavior, remove default blocks in Table after setValue() called
+   * @private
+   */
+  ;
+
+  _proto._unwrapBlockInTable = function _unwrapBlockInTable() {
+    var blocks = dom["a" /* default */].findAll(this.wwe.getBody(), 'td div,th div,tr>br,td>br,th>br');
+    blocks.forEach(function (node) {
+      if (dom["a" /* default */].getNodeName(node) === 'BR') {
+        var parentNodeName = dom["a" /* default */].getNodeName(node.parentNode);
+        var isInTableCell = /TD|TH/.test(parentNodeName);
+        var isEmptyTableCell = node.parentNode.textContent.length === 0;
+        var isLastBR = node.parentNode.lastChild === node;
+
+        if (parentNodeName === 'TR' || isInTableCell && !isEmptyTableCell && isLastBR) {
+          dom["a" /* default */].remove(node);
+        }
+      } else {
+        dom["a" /* default */].unwrap(node);
+      }
+    });
+  }
+  /**
+   * Insert default block between table element
+   * @private
+   */
+  ;
+
+  _proto._insertDefaultBlockBetweenTable = function _insertDefaultBlockBetweenTable() {
+    var tables = dom["a" /* default */].findAll(this.wwe.getBody(), 'table');
+    tables.forEach(function (node) {
+      if (node.nextElementSibling && node.nextElementSibling.nodeName === 'TABLE') {
+        var insertedElement = document.createElement('div');
+        insertedElement.appendChild(document.createElement('br'));
+        dom["a" /* default */].insertAfter(insertedElement, node);
+      }
+    });
+  }
+  /**
+   * Remove table
+   * @param {Range} range range
+   * @param {Node} table table
+   * @private
+   */
+  ;
+
+  _proto._removeTable = function _removeTable(range, table) {
+    if (table.tagName === 'TABLE') {
+      this.wwe.getEditor().saveUndoState(range);
+      this.wwe.saveSelection(range);
+      dom["a" /* default */].remove(table);
+      this.wwe.restoreSavedSelection();
+    }
+  }
+  /**
+   * record undo state if need
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._recordUndoStateIfNeed = function _recordUndoStateIfNeed(range) {
+    var currentCellNode = dom["a" /* default */].getParentUntil(range.startContainer, 'TR');
+
+    if (range.collapsed && currentCellNode && this._lastCellNode !== currentCellNode) {
+      this.wwe.getEditor().saveUndoState(range);
+      this._lastCellNode = currentCellNode;
+    }
+  }
+  /**
+   * record undo state and reset last cell node
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._recordUndoStateAndResetCellNode = function _recordUndoStateAndResetCellNode(range) {
+    this.wwe.getEditor().saveUndoState(range);
+    this.resetLastCellNode();
+  }
+  /**
+   * Paste table data into table element
+   * @param {DocumentFragment} fragment Fragment of table element within
+   * @private
+   */
+  ;
+
+  _proto._pasteDataIntoTable = function _pasteDataIntoTable(fragment) {
+    var _this$wwe$getEditor$g = this.wwe.getEditor().getSelection(),
+        startContainer = _this$wwe$getEditor$g.startContainer;
+
+    var tableData = this._getTableDataFromTable(fragment);
+
+    var isTableCell = startContainer.nodeName === 'TD' || startContainer.nodeName === 'TH';
+    var brString = isIE10 ? '' : '
    ';
+    var anchorElement, td, tr, tdContent;
+
+    if (isTableCell) {
+      anchorElement = startContainer;
+    } else {
+      anchorElement = dom["a" /* default */].getParentUntilBy(startContainer, function (node) {
+        return node && (node.nodeName === 'TD' || node.nodeName === 'TH');
+      }, function (node) {
+        return !!dom["a" /* default */].closest(node, 'table');
+      });
+      anchorElement = anchorElement ? anchorElement.parentNode : null;
+    }
+
+    anchorElement = anchorElement ? anchorElement : startContainer.querySelector('th,td');
+    td = anchorElement;
+
+    while (tableData.length) {
+      tr = tableData.shift();
+
+      while (td && tr.length) {
+        tdContent = tr.shift();
+
+        if (tdContent.length) {
+          td.textContent = tdContent;
+        } else {
+          td.innerHTML = brString;
+        }
+
+        td = dom["a" /* default */].getTableCellByDirection(td, 'next');
+      }
+
+      td = dom["a" /* default */].getSiblingRowCellByDirection(anchorElement, 'next', false);
+      anchorElement = td;
+    }
+  }
+  /**
+   * Get array data from table element
+   * @param {DocumentFragment} fragment table element
+   * @returns {Array}
+   * @private
+   */
+  ;
+
+  _proto._getTableDataFromTable = function _getTableDataFromTable(fragment) {
+    var tableData = [];
+    dom["a" /* default */].findAll(fragment, 'tr').forEach(function (tr) {
+      var trData = [];
+      toArray_default()(tr.children).forEach(function (cell) {
+        trData.push(cell.textContent);
+      });
+
+      if (trData.length) {
+        tableData.push(trData);
+      }
+    });
+    return tableData;
+  }
+  /**
+   * Remove selected table contents
+   * @param {HTMLElement} selectedCells Selected cells
+   * @private
+   */
+  ;
+
+  _proto._removeTableContents = function _removeTableContents(selectedCells) {
+    this.wwe.getEditor().saveUndoState();
+    toArray_default()(selectedCells).forEach(function (cell) {
+      var brHTMLString = isIE10 ? '' : '
    ';
+      cell.innerHTML = brHTMLString;
+    });
+  }
+  /**
+   * Wrap dangling table cells with new TR
+   * @param {HTMLElement} container - clipboard container
+   * @returns {HTMLElement|null}
+   */
+  ;
+
+  _proto.wrapDanglingTableCellsIntoTrIfNeed = function wrapDanglingTableCellsIntoTrIfNeed(container) {
+    var danglingTableCells = dom["a" /* default */].children(container, 'td,th');
+    var tr;
+
+    if (danglingTableCells.length) {
+      var wrapperTr = document.createElement('tr');
+      toArray_default()(danglingTableCells).forEach(function (cell) {
+        dom["a" /* default */].append(wrapperTr, cell);
+      });
+      tr = wrapperTr;
+    }
+
+    return tr;
+  }
+  /**
+   * Wrap TRs with new TBODY
+   * @param {HTMLElement} container - clipboard container
+   * @returns {HTMLElement|null}
+   */
+  ;
+
+  _proto.wrapTrsIntoTbodyIfNeed = function wrapTrsIntoTbodyIfNeed(container) {
+    var danglingTrs = dom["a" /* default */].children(container, 'tr');
+    var ths = [];
+    toArray_default()(danglingTrs).forEach(function (tr) {
+      ths = ths.concat(tr.querySelectorAll('th'));
+    });
+    var tbody;
+
+    if (ths.length) {
+      toArray_default()(ths).forEach(function (node) {
+        var td = document.createElement('td');
+        td.innerHTML = node.innerHTML;
+        dom["a" /* default */].insertBefore(node, td);
+        dom["a" /* default */].remove(node);
+      });
+    }
+
+    if (danglingTrs.length) {
+      var wrapperTableBody = document.createElement('tbody');
+      toArray_default()(danglingTrs).forEach(function (tr) {
+        dom["a" /* default */].append(wrapperTableBody, tr);
+      });
+      tbody = wrapperTableBody;
+    }
+
+    return tbody;
+  }
+  /**
+   * Wrap THEAD followed by TBODY both into Table
+   * @param {HTMLElement} container - clipboard container
+   * @returns {HTMLElement|null}
+   */
+  ;
+
+  _proto.wrapTheadAndTbodyIntoTableIfNeed = function wrapTheadAndTbodyIntoTableIfNeed(container) {
+    var danglingThead = dom["a" /* default */].children(container, 'thead');
+    var danglingTbody = dom["a" /* default */].children(container, 'tbody');
+    var wrapperTable = document.createElement('table');
+    var table;
+
+    if (!danglingTbody.length && danglingThead.length) {
+      dom["a" /* default */].append(wrapperTable, danglingThead[0]);
+      dom["a" /* default */].append(wrapperTable, this._createTheadOrTboday('tbody'));
+      table = wrapperTable;
+    } else if (danglingTbody.length && !danglingThead.length) {
+      dom["a" /* default */].append(wrapperTable, this._createTheadOrTboday('thead'));
+      dom["a" /* default */].append(wrapperTable, danglingTbody[0]);
+      table = wrapperTable;
+    } else if (danglingTbody.length && danglingThead.length) {
+      dom["a" /* default */].append(wrapperTable, danglingThead[0]);
+      dom["a" /* default */].append(wrapperTable, danglingTbody[0]);
+      table = wrapperTable;
+    }
+
+    return table;
+  }
+  /**
+   * Whether pasting element is table element
+   * @param {string} pastingNodeName Pasting node name
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isTableOrSubTableElement = function isTableOrSubTableElement(pastingNodeName) {
+    return pastingNodeName === 'TABLE' || pastingNodeName === 'TBODY' || pastingNodeName === 'THEAD' || pastingNodeName === 'TR' || pastingNodeName === 'TD';
+  };
+
+  _proto._createTheadOrTboday = function _createTheadOrTboday(type) {
+    var theadOrTbody = document.createElement(type);
+    var tr = document.createElement('tr');
+    theadOrTbody.appendChild(tr);
+    return theadOrTbody;
+  }
+  /**
+   * Stuff table cells into incomplete rows
+   * @param {HTMLElement} trs HTMLElement wrapped TRs
+   * @param {number} maximumCellLength maximum cell length of table
+   * @private
+   */
+  ;
+
+  _proto._stuffTableCellsIntoIncompleteRow = function _stuffTableCellsIntoIncompleteRow(trs, maximumCellLength) {
+    toArray_default()(trs).forEach(function (row) {
+      var tableCells = row.querySelectorAll('th,td');
+      var parentNodeName = dom["a" /* default */].getNodeName(row.parentNode);
+      var cellTagName = parentNodeName === 'THEAD' ? 'th' : 'td';
+
+      for (var cellLength = tableCells.length; cellLength < maximumCellLength; cellLength += 1) {
+        dom["a" /* default */].append(row, tableCellGenerator(1, cellTagName));
+      }
+    });
+  }
+  /**
+   * Prepare to table cell stuffing
+   * @param {HTMLElement} trs wrapped TRs
+   * @returns {{maximumCellLength: *, needTableCellStuffingAid: boolean}}
+   */
+  ;
+
+  _proto.prepareToTableCellStuffing = function prepareToTableCellStuffing(trs) {
+    var maximumCellLength = trs[0].querySelectorAll('th,td').length;
+    var needTableCellStuffingAid = false;
+    toArray_default()(trs).forEach(function (row) {
+      var cellCount = row.querySelectorAll('th,td').length;
+
+      if (maximumCellLength !== cellCount) {
+        needTableCellStuffingAid = true;
+
+        if (maximumCellLength < cellCount) {
+          maximumCellLength = cellCount;
+        }
+      }
+    });
+    return {
+      maximumCellLength: maximumCellLength,
+      needTableCellStuffingAid: needTableCellStuffingAid
+    };
+  }
+  /**
+   * Add TBODY or THEAD if need
+   * @param {HTMLElement} table - Table HTMLElement element
+   * @private
+   */
+  ;
+
+  _proto._addTbodyOrTheadIfNeed = function _addTbodyOrTheadIfNeed(table) {
+    var isTheadNotExists = !table.querySelector('thead');
+    var isTbodyNotExists = !table.querySelector('tbody');
+
+    if (isTheadNotExists) {
+      dom["a" /* default */].prepend(table, '');
+    } else if (isTbodyNotExists) {
+      dom["a" /* default */].append(table, '');
+    }
+  }
+  /**
+   * Append table cells
+   * @param {HTMLElement} table Table element
+   */
+  ;
+
+  _proto.tableCellAppendAidForTableElement = function tableCellAppendAidForTableElement(table) {
+    this._addTbodyOrTheadIfNeed(table);
+
+    this._addTrIntoContainerIfNeed(table);
+
+    var trs = table.querySelectorAll('tr');
+    var tableAidInformation = this.prepareToTableCellStuffing(trs);
+    var maximumCellLength = tableAidInformation.maximumCellLength,
+        needTableCellStuffingAid = tableAidInformation.needTableCellStuffingAid;
+
+    if (needTableCellStuffingAid) {
+      this._stuffTableCellsIntoIncompleteRow(trs, maximumCellLength);
+    }
+  }
+  /**
+   * Generate THEAD and append TDs with same amount of given TBODY
+   * @param {HTMLElement} node TR element
+   * @returns {{thead: HTMLElement, tbody: HTMLElement}}
+   * @private
+   */
+  ;
+
+  _proto._generateTheadAndTbodyFromTbody = function _generateTheadAndTbodyFromTbody(node) {
+    var tr = document.createElement('tr');
+    var thead = document.createElement('thead');
+    dom["a" /* default */].append(tr, tableCellGenerator(node.querySelector('tr > td').length, 'th'));
+    dom["a" /* default */].append(thead, tr);
+    return {
+      thead: thead,
+      tbody: node
+    };
+  }
+  /**
+   * Generate TBODY and append TDs with same amount of given THEAD
+   * @param {HTMLElement} node TR element
+   * @returns {{thead: HTMLElement, tbody: HTMLElement}}
+   * @private
+   */
+  ;
+
+  _proto._generateTheadAndTbodyFromThead = function _generateTheadAndTbodyFromThead(node) {
+    var tr = document.createElement('tr');
+    var tbody = document.createElement('tbody');
+    dom["a" /* default */].append(tr, tableCellGenerator(node.querySelectorAll('th').length, 'td'));
+    dom["a" /* default */].append(tbody, tr);
+    return {
+      thead: node,
+      tbody: tbody
+    };
+  }
+  /**
+   * Generate THEAD and TBODY and append given TR within
+   * @param {HTMLElement} node TR element
+   * @returns {{thead: HTMLElement, tbody: HTMLElement}}
+   * @private
+   */
+  ;
+
+  _proto._generateTheadAndTbodyFromTr = function _generateTheadAndTbodyFromTr(node) {
+    var thead = document.createElement('thead');
+    var tbody = document.createElement('tbody');
+    var theadRow, tbodyRow;
+
+    if (node.children[0].tagName === 'TH') {
+      theadRow = node;
+      tbodyRow = dom["a" /* default */].createElementWith("" + tableCellGenerator(node.querySelectorAll('th').length, 'td') + "");
+    } else {
+      theadRow = dom["a" /* default */].createElementWith("" + tableCellGenerator(node.querySelectorAll('td').length, 'th') + "");
+      tbodyRow = node;
+    }
+
+    dom["a" /* default */].append(thead, theadRow);
+    dom["a" /* default */].append(tbody, tbodyRow);
+    return {
+      thead: thead,
+      tbody: tbody
+    };
+  }
+  /**
+   * Complete passed table
+   * @param {HTMLElement} node - Table inner element
+   * @private
+   */
+  ;
+
+  _proto._completeIncompleteTable = function _completeIncompleteTable(node) {
+    var nodeName = node.tagName;
+    var table, completedTableContents;
+
+    if (nodeName === 'TABLE') {
+      table = node;
+    } else {
+      table = document.createElement('table');
+      node.parentNode.insertBefore(table, node.nextSibling);
+
+      if (nodeName === 'TBODY') {
+        completedTableContents = this._generateTheadAndTbodyFromTbody(node);
+      } else if (nodeName === 'THEAD') {
+        completedTableContents = this._generateTheadAndTbodyFromThead(node);
+      } else if (nodeName === 'TR') {
+        completedTableContents = this._generateTheadAndTbodyFromTr(node);
+      }
+
+      table.appendChild(completedTableContents.thead);
+      table.appendChild(completedTableContents.tbody);
+    }
+
+    this._removeEmptyRows(table);
+
+    this.tableCellAppendAidForTableElement(table);
+  };
+
+  _proto._removeEmptyRows = function _removeEmptyRows(table) {
+    dom["a" /* default */].findAll(table, 'tr').forEach(function (tr) {
+      if (!tr.cells.length) {
+        tr.parentNode.removeChild(tr);
+      }
+    });
+  }
+  /**
+   * Whole editor body searching incomplete table completion
+   * @private
+   */
+  ;
+
+  _proto._completeTableIfNeed = function _completeTableIfNeed() {
+    var _this4 = this;
+
+    var body = this.wwe.getEditor().getBody();
+    toArray_default()(body.children).forEach(function (node) {
+      if (!_this4.isTableOrSubTableElement(node.nodeName)) {
+        return;
+      }
+
+      if (node.nodeName === 'TABLE' && !node.querySelector('tbody')) {
+        dom["a" /* default */].remove(node);
+      } else {
+        _this4._completeIncompleteTable(node);
+      }
+    });
+  }
+  /**
+   * Reset _lastCellNode to null
+   */
+  ;
+
+  _proto.resetLastCellNode = function resetLastCellNode() {
+    this._lastCellNode = null;
+  }
+  /**
+   * Set _lastCellNode to given node
+   * @param {HTMLElement} node Table cell
+   */
+  ;
+
+  _proto.setLastCellNode = function setLastCellNode(node) {
+    this._lastCellNode = node;
+  }
+  /**
+   * Return whether only modifier key pressed or not
+   * @param {string} keymap Pressed keymap string
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isModifierKey = function _isModifierKey(keymap) {
+    return /((META|SHIFT|ALT|CONTROL)\+?)/g.test(keymap);
+  }
+  /**
+   * Return whether modifier keys pressed or not
+   * @param {object} ev keyboard event object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isModifierKeyPushed = function _isModifierKeyPushed(ev) {
+    return ev.metaKey || ev.ctrlKey || ev.altKey || ev.shiftKey;
+  }
+  /**
+   * Add one row into empty TBODY
+   * @param {HTMLElement} table Currently processing table
+   * @private
+   */
+  ;
+
+  _proto._addTrIntoContainerIfNeed = function _addTrIntoContainerIfNeed(table) {
+    toArray_default()(table.children).forEach(function (container) {
+      var hasNoRows = container.querySelectorAll('tr').length === 0;
+
+      if (hasNoRows) {
+        dom["a" /* default */].append(container, '');
+      }
+    });
+  };
+
+  _proto._expandTableIfNeed = function _expandTableIfNeed(fragment) {
+    var range = this.wwe.getEditor().getSelection().cloneRange();
+
+    var _domUtils$parents = dom["a" /* default */].parents(range.startContainer, 'table'),
+        table = _domUtils$parents[0];
+
+    var difference = this._getColumnAndRowDifference(fragment, range);
+
+    if (difference.column < 0) {
+      this._appendCellForAllRow(table, difference.column);
+    }
+
+    if (difference.row < 0) {
+      this._appendRow(table, difference.row);
+    }
+  };
+
+  _proto._getColumnAndRowDifference = function _getColumnAndRowDifference(fragment, range) {
+    var tableData = this._getTableDataFromTable(fragment);
+
+    var rowLength = tableData.length;
+    var columnLength = tableData[0].length;
+    var currentCell = dom["a" /* default */].closest(range.startContainer, 'th,td');
+    var currentRow = currentCell.parentNode;
+    var currentColumnIndex = dom["a" /* default */].getNodeOffsetOfParent(currentCell);
+    var currentRowIndex = dom["a" /* default */].getNodeOffsetOfParent(currentCell.parentNode);
+
+    var _domUtils$parents2 = dom["a" /* default */].parents(currentRow, 'table'),
+        table = _domUtils$parents2[0];
+
+    var tableColumnLength = table.querySelector('tr').children.length;
+    var tableRowLength = table.querySelectorAll('tr').length;
+    var isInTbody = !!dom["a" /* default */].parents(currentRow, 'tbody').length;
+
+    if (isInTbody) {
+      currentRowIndex += 1;
+    }
+
+    return {
+      row: tableRowLength - (currentRowIndex + rowLength),
+      column: tableColumnLength - (currentColumnIndex + columnLength)
+    };
+  };
+
+  _proto._appendCellForAllRow = function _appendCellForAllRow(table, columnDifference) {
+    var brString = isIE10 ? '' : '
    ';
+    dom["a" /* default */].findAll(table, 'tr').forEach(function (row, i) {
+      var tagName;
+
+      for (var index = columnDifference; index < 0; index += 1) {
+        if (i === 0) {
+          tagName = 'th';
+        } else {
+          tagName = 'td';
+        }
+
+        dom["a" /* default */].append(row, "<" + tagName + ">" + brString + "");
+      }
+    });
+  };
+
+  _proto._appendRow = function _appendRow(table, rowDifference) {
+    var trs = table.querySelectorAll('tr');
+    var newRow = trs[trs.length - 1].cloneNode(true);
+    var brHTMLSting = isIE10 ? '' : '
    ';
+    dom["a" /* default */].findAll(newRow, 'td').forEach(function (td) {
+      td.innerHTML = brHTMLSting;
+    });
+
+    for (; rowDifference < 0; rowDifference += 1) {
+      dom["a" /* default */].append(table.querySelector('tbody'), newRow.cloneNode(true));
+    }
+  }
+  /**
+   * Change selection to sibling cell
+   * @param {HTMLElement} currentCell current TD or TH
+   * @param {Range} range Range object
+   * @param {string} direction 'next' or 'previous'
+   * @param {string} scale 'row' or 'cell'
+   * @private
+   */
+  ;
+
+  _proto._changeSelectionToTargetCell = function _changeSelectionToTargetCell(currentCell, range, direction, scale) {
+    var isNext = direction === 'next';
+    var isRow = scale === 'row';
+    var target;
+
+    if (isRow) {
+      target = dom["a" /* default */].getSiblingRowCellByDirection(currentCell, direction, false);
+    } else {
+      target = dom["a" /* default */].getTableCellByDirection(currentCell, direction);
+
+      if (!target) {
+        target = dom["a" /* default */].getSiblingRowCellByDirection(currentCell, direction, true);
+      }
+    }
+
+    if (target) {
+      if (isRow && !isNext) {
+        this._moveToCursorEndOfCell(target, range);
+      } else {
+        range.setStart(target, 0);
+      }
+
+      range.collapse(true);
+    } else {
+      var _domUtils$parents3 = dom["a" /* default */].parents(currentCell, 'table');
+
+      target = _domUtils$parents3[0];
+
+      if (isNext) {
+        range.setStart(target.nextElementSibling, 0);
+      } else if (target.previousElementSibling && target.previousElementSibling.nodeName !== 'TABLE') {
+        range.setStart(target.previousElementSibling, 1);
+      } else {
+        range.setStartBefore(target);
+      }
+
+      range.collapse(true);
+    }
+  };
+
+  _proto._moveToCursorEndOfCell = function _moveToCursorEndOfCell(cell, range) {
+    var lastListItem;
+
+    if (dom["a" /* default */].isListNode(cell.lastChild)) {
+      lastListItem = dom["a" /* default */].getLastNodeBy(cell.lastChild, function (lastNode) {
+        return lastNode.nodeName !== 'LI' || lastNode.nextSibling !== null;
+      });
+    }
+
+    var lastText = dom["a" /* default */].getLastNodeBy(lastListItem || cell, function (node) {
+      return !dom["a" /* default */].isTextNode(node);
+    });
+    var lastNode = lastText || lastListItem || cell;
+    var offset = lastText ? lastText.length : lastNode.childNodes.length - 1;
+    range.setStart(lastNode, offset);
+  }
+  /**
+   * Move cursor to given direction by interval formatter
+   * @param {string} direction 'next' or 'previous'
+   * @param {string} interval 'row' or 'cell'
+   * @param {object} [ev] Event object
+   * @returns {boolean | null}
+   * @private
+   */
+  ;
+
+  _proto._moveCursorTo = function _moveCursorTo(direction, interval, ev) {
+    var sq = this.wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var currentCell = dom["a" /* default */].closest(range.startContainer, 'td,th');
+    var isNeedNext;
+
+    if (range.collapsed && this.wwe.isInTable(range) && currentCell) {
+      if (interval === 'row' && !this._isMovedCursorToRow(range, direction)) {
+        return isNeedNext;
+      }
+
+      if ((direction === 'previous' || interval === 'row') && !isUndefined_default()(ev)) {
+        ev.preventDefault();
+      }
+
+      this._changeSelectionToTargetCell(currentCell, range, direction, interval);
+
+      sq.setSelection(range);
+      isNeedNext = false;
+    }
+
+    return isNeedNext;
+  };
+
+  _proto._isMovedCursorToRow = function _isMovedCursorToRow(range, direction) {
+    var startContainer = range.startContainer;
+
+    if (this._isInList(startContainer)) {
+      return this._isMovedCursorFromListToRow(startContainer, direction);
+    }
+
+    return this._isMovedCursorFromTextToRow(range, direction);
+  };
+
+  _proto._isMovedCursorFromListToRow = function _isMovedCursorFromListToRow(startContainer, direction) {
+    var directionKey = direction + "Sibling";
+
+    var listItem = this._findListItem(startContainer);
+
+    var parentOfListItem = dom["a" /* default */].getParentNodeBy(listItem, function (parentNode, currentNode) {
+      var firstOrLastItem = currentNode[directionKey] === null && parentNode[directionKey] === null;
+      return !dom["a" /* default */].isCellNode(parentNode) && firstOrLastItem;
+    });
+    var firstOrLastList = dom["a" /* default */].isListNode(parentOfListItem) && parentOfListItem[directionKey] === null;
+    return dom["a" /* default */].isCellNode(parentOfListItem.parentNode) && firstOrLastList;
+  };
+
+  _proto._isMovedCursorFromTextToRow = function _isMovedCursorFromTextToRow(range, direction) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset;
+    var text = dom["a" /* default */].isCellNode(startContainer) ? startContainer.childNodes[startOffset] : startContainer;
+    var parentOfStyledText = dom["a" /* default */].getParentNodeBy(text, function (parentNode) {
+      return !dom["a" /* default */].isCellNode(parentNode) && !dom["a" /* default */].isTextNode(parentNode);
+    });
+    var foundSiblingNode = dom["a" /* default */].getSiblingNodeBy(parentOfStyledText, direction, function (siblingNode) {
+      return siblingNode !== null && siblingNode.nodeName !== 'BR';
+    });
+    return foundSiblingNode && foundSiblingNode[direction + "Sibling"] === null;
+  }
+  /**
+   * Remove contents and change selection if need
+   * @param {Range} range - Range object
+   * @param {string} keymap - keymap
+   * @param {object} ev - Event object
+   * @returns {boolean} - true if contents has been removed
+   * @private
+   */
+  ;
+
+  _proto._removeContentsAndChangeSelectionIfNeed = function _removeContentsAndChangeSelectionIfNeed(range, keymap, ev) {
+    var isTextInput = keymap.length <= 1;
+    var isDeleteOperation = keymap === 'BACK_SPACE' || keymap === 'DELETE';
+    var selectedCells = this.wwe.componentManager.getManager('tableSelection').getSelectedCells();
+    var firstSelectedCell = selectedCells[0];
+    var processed = false;
+
+    if ((isTextInput || isDeleteOperation) && !this._isModifierKeyPushed(ev) && selectedCells.length) {
+      if (isDeleteOperation) {
+        this._recordUndoStateIfNeed(range);
+      }
+
+      this._removeTableContents(selectedCells);
+
+      this._lastCellNode = firstSelectedCell;
+      range.setStart(firstSelectedCell, 0);
+      range.collapse(true);
+      this.wwe.getEditor().setSelection(range);
+      processed = true;
+    }
+
+    return processed;
+  }
+  /**
+   * Return new table ID class name string
+   * @returns {string}
+   */
+  ;
+
+  _proto.getTableIDClassName = function getTableIDClassName() {
+    var tableClassName = TABLE_CLASS_PREFIX + this.tableID;
+    this.tableID += 1;
+    return tableClassName;
+  }
+  /**
+   * Destroy.
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    var _this5 = this;
+
+    this.eventManager.removeEventHandler('wysiwygRangeChangeAfter.table');
+    this.eventManager.removeEventHandler('wysiwygSetValueAfter.table');
+    this.eventManager.removeEventHandler('wysiwygProcessHTMLText.table');
+    this.eventManager.removeEventHandler('cut.table');
+    this.eventManager.removeEventHandler('copyBefore.table');
+    forEachOwnProperties_default()(this.keyEventHandlers, function (handler, key) {
+      return _this5.wwe.removeKeyEventHandler(key, handler);
+    });
+  };
+
+  return WwTableManager;
+}();
+/**
+ * Generate table cell HTML text
+ * @param {number} amount Amount of cells
+ * @param {string} tagName Tag name of cell 'td' or 'th'
+ * @private
+ * @returns {string}
+ */
+
+
+function tableCellGenerator(amount, tagName) {
+  var brHTMLString = '
    ';
+  var cellString = "<" + tagName + ">" + brHTMLString + "";
+  var tdString = '';
+
+  for (var i = 0; i < amount; i += 1) {
+    tdString = tdString + cellString;
+  }
+
+  return tdString;
+}
+
+/* harmony default export */ var wwTableManager = (wwTableManager_WwTableManager);
+// CONCATENATED MODULE: ./src/js/wwTableSelectionManager.js
+/**
+ * @fileoverview Implements wysiwyg table selection manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME = 'te-cell-selected';
+/**
+ * Class WwTableSelectionManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwTableSelectionManager_WwTableSelectionManager = /*#__PURE__*/function () {
+  function WwTableSelectionManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'tableSelection';
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwTableSelectionManager.prototype;
+
+  _proto._init = function _init() {
+    this._initEvent(); // For disable firefox's table tool UI and table resize handler
+
+
+    if (browser_default.a.firefox) {
+      document.execCommand('enableObjectResizing', false, 'false');
+      document.execCommand('enableInlineTableEditing', false, 'false');
+    }
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    var selectionStart, selectionEnd, validSelectionEnd;
+    /**
+     * Start table selection timer
+     * @type {object}
+     * @private
+     */
+
+    this._tableSelectionTimer = null;
+    /**
+     * Remove selection timer for Firefox table selection
+     * @type {object}
+     * @private
+     */
+
+    this._removeSelectionTimer = null;
+    /**
+     * Boolean value for whether selection started
+     * @type {boolean}
+     * @private
+     */
+
+    this._isSelectionStarted = false;
+
+    var onMouseover = function onMouseover(ev) {
+      selectionEnd = dom["a" /* default */].closest(ev.data.target, '[contenteditable=true] td,th');
+
+      var range = _this.wwe.getEditor().getSelection();
+
+      var isEndsInTable = dom["a" /* default */].parents(selectionEnd, '[contenteditable=true] table');
+      var isSameCell = selectionStart === selectionEnd;
+      var isTextSelect = _this._isTextSelect(range, isSameCell) && !hasClass_default()(selectionStart, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+
+      if (_this._isSelectionStarted && isEndsInTable && !isTextSelect) {
+        window.getSelection().removeAllRanges(); // For disable firefox's native table cell selection
+
+        if (browser_default.a.firefox && !_this._removeSelectionTimer) {
+          _this._removeSelectionTimer = setInterval(function () {
+            window.getSelection().removeAllRanges();
+          }, 10);
+        }
+
+        if (selectionStart && selectionEnd) {
+          _this.highlightTableCellsBy(selectionStart, selectionEnd);
+
+          validSelectionEnd = selectionEnd;
+        }
+      }
+    };
+
+    var finishSelection = function finishSelection() {
+      if (_this._isSelectionStarted) {
+        _this._isSelectionStarted = false;
+
+        _this.eventManager.removeEventHandler('mouseover.tableSelection');
+
+        _this.eventManager.removeEventHandler('mouseup.tableSelection');
+      }
+    };
+
+    var onMouseup = function onMouseup(ev) {
+      selectionEnd = dom["a" /* default */].closest(ev.data.target, '[contenteditable=true] td,th');
+
+      var range = _this.wwe.getEditor().getSelection();
+
+      var isSameCell = selectionStart === selectionEnd;
+      var isTextSelect = _this._isTextSelect(range, isSameCell) && !hasClass_default()(selectionStart, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+
+      _this._clearTableSelectionTimerIfNeed();
+
+      if (_this._isSelectionStarted) {
+        if (isTextSelect || _this._isListSelect(range)) {
+          _this.removeClassAttrbuteFromAllCellsIfNeed();
+        } else {
+          _this.wwe.componentManager.getManager('table').resetLastCellNode();
+
+          selectionEnd = selectionEnd || validSelectionEnd;
+          range = _this.wwe.getEditor().getSelection();
+          range.setStart(selectionEnd, 0); // IE wont fire copy/cut event if there is no selected range.
+          // trick IE to fire the event
+
+          if (browser_default.a.msie) {
+            range.setEnd(selectionEnd, 1);
+          } else {
+            range.setEnd(selectionEnd, 0);
+            range.collapse(false);
+          }
+
+          _this.wwe.getEditor().setSelection(range);
+        }
+
+        if (_this.onDragEnd) {
+          _this.onDragEnd();
+        }
+      }
+
+      finishSelection();
+    };
+
+    var onMousedown = function onMousedown(ev) {
+      var MOUSE_RIGHT_BUTTON = 2;
+      selectionStart = dom["a" /* default */].closest(ev.data.target, '[contenteditable=true] td,th');
+      var isSelectedCell = !!selectionStart && hasClass_default()(selectionStart, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+      selectionEnd = null;
+
+      if (!isSelectedCell || isSelectedCell && ev.data.button !== MOUSE_RIGHT_BUTTON) {
+        _this.removeClassAttrbuteFromAllCellsIfNeed();
+
+        if (selectionStart) {
+          _this.setTableSelectionTimerIfNeed(selectionStart);
+
+          _this.eventManager.listen('mouseover.tableSelection', onMouseover);
+
+          _this.eventManager.listen('mouseup.tableSelection', onMouseup);
+
+          if (_this.onDragStart) {
+            _this.onDragStart(selectionStart);
+          }
+        }
+      } else if (ev.data.button === MOUSE_RIGHT_BUTTON) {
+        finishSelection();
+      }
+    };
+
+    this.eventManager.listen('mousedown.tableSelection', onMousedown);
+    this.eventManager.listen('copyBefore.tableSelection', finishSelection);
+    this.eventManager.listen('pasteBefore.tableSelection', finishSelection);
+  }
+  /**
+   * Return whether single cell text selection or not
+   * @param {Range} range Range object
+   * @param {boolean} isSameCell Boolean value for same cell selection
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isTextSelect = function _isTextSelect(range, isSameCell) {
+    return /TD|TH|TEXT/i.test(range.commonAncestorContainer.nodeName) && isSameCell;
+  }
+  /**
+   * Return whether list selection or not
+   * @param {Range} range Range object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isListSelect = function _isListSelect(range) {
+    return /UL|OL|LI/i.test(range.commonAncestorContainer.nodeName);
+  }
+  /**
+   * Set setTimeout and setInterval timer execution if table selecting situation
+   * @param {HTMLElement} selectionStart Start element
+   */
+  ;
+
+  _proto.setTableSelectionTimerIfNeed = function setTableSelectionTimerIfNeed(selectionStart) {
+    var isTableSelecting = dom["a" /* default */].parents(selectionStart, '[contenteditable=true] table').length;
+
+    if (isTableSelecting) {
+      this._isSelectionStarted = true;
+    }
+  }
+  /**
+   * Clear setTimeout and setInterval timer execution
+   * @private
+   */
+  ;
+
+  _proto._clearTableSelectionTimerIfNeed = function _clearTableSelectionTimerIfNeed() {
+    clearTimeout(this._tableSelectionTimer); // For disable firefox's native table selection
+
+    if (browser_default.a.firefox && this._removeSelectionTimer) {
+      clearTimeout(this._removeSelectionTimer);
+      this._removeSelectionTimer = null;
+    }
+  }
+  /**
+   * Re arrange selection when table does not include both start and end selection element
+   * @param {HTMLElement} selectionStart Start element of selection
+   * @param {HTMLElement} selectionEnd End element of selection
+   * @returns {{startContainer: HTMLElement, endContainer: HTMLElement}}
+   * @private
+   */
+  ;
+
+  _proto._reArrangeSelectionIfneed = function _reArrangeSelectionIfneed(selectionStart, selectionEnd) {
+    var isRangeStartInTable = dom["a" /* default */].parents(selectionStart, '[contenteditable=true] table').length;
+    var isRangeEndInTable = dom["a" /* default */].parents(selectionEnd, '[contenteditable=true] table').length;
+    var isStartRangeOut = isRangeEndInTable && !isRangeStartInTable;
+    var isEndRangeOut = !isRangeEndInTable && isRangeStartInTable;
+    var table;
+
+    if (isStartRangeOut) {
+      var _domUtils$parents = dom["a" /* default */].parents(selectionEnd, '[contenteditable=true] table');
+
+      table = _domUtils$parents[0];
+
+      var _table$querySelectorA = table.querySelectorAll('th');
+
+      selectionStart = _table$querySelectorA[0];
+    } else if (isEndRangeOut) {
+      var _domUtils$parents2 = dom["a" /* default */].parents(selectionStart, '[contenteditable=true] table');
+
+      table = _domUtils$parents2[0];
+      var tds = table.querySelectorAll('td');
+      selectionEnd = tds[tds.length - 1];
+    }
+
+    return {
+      startContainer: selectionStart,
+      endContainer: selectionEnd
+    };
+  }
+  /**
+   * Apply select direction to editor
+   * @param {{startContainer: HTMLElement, endContainer: HTMLElement}} selectionInformation
+   *     Selection start and end element
+   * @param {Range} range Range object
+   * @returns {Range}
+   * @private
+   */
+  ;
+
+  _proto._applySelectionDirection = function _applySelectionDirection(selectionInformation, range) {
+    var nodeOffsetOfParent = dom["a" /* default */].getNodeOffsetOfParent;
+    var selectionStart = selectionInformation.startContainer;
+    var selectionEnd = selectionInformation.endContainer;
+    var rowDirection = nodeOffsetOfParent(dom["a" /* default */].closest(selectionStart, '[contenteditable=true] tr')) - nodeOffsetOfParent(dom["a" /* default */].closest(selectionEnd, '[contenteditable=true] tr'));
+    var cellDirection = nodeOffsetOfParent(selectionStart) - nodeOffsetOfParent(selectionEnd);
+    var isSameRow = rowDirection === 0;
+    var isRowIncreases = rowDirection < 0;
+    var isColumnIncreases = cellDirection > 0;
+
+    if (isSameRow) {
+      if (isColumnIncreases) {
+        range.setStart(selectionEnd, 0);
+        range.setEnd(selectionStart, 1);
+      } else {
+        range.setStart(selectionStart, 0);
+        range.setEnd(selectionEnd, 1);
+      }
+    } else if (isRowIncreases) {
+      range.setStart(selectionStart, 0);
+      range.setEnd(selectionEnd, 1);
+    } else {
+      range.setStart(selectionEnd, 0);
+      range.setEnd(selectionStart, 1);
+    }
+
+    return range;
+  }
+  /**
+   * Get selection coordinate by current selection
+   * @param {HTMLElement} selectionStart start element
+   * @param {HTMLElement} selectionEnd end element
+   * @returns {{from: {row: number, cell: number}, to: {row: number, cell: number}}}
+   */
+  ;
+
+  _proto.getSelectionRangeFromTable = function getSelectionRangeFromTable(selectionStart, selectionEnd) {
+    var nodeOffsetOfParent = dom["a" /* default */].getNodeOffsetOfParent;
+    var startRowOffset = nodeOffsetOfParent(selectionStart.parentNode);
+    var endRowOffset = nodeOffsetOfParent(selectionEnd.parentNode);
+    var startCellOffset = nodeOffsetOfParent(selectionStart);
+    var endCellOffset = nodeOffsetOfParent(selectionEnd);
+    var startCellContainer = dom["a" /* default */].getParentUntil(selectionStart, 'TABLE');
+    var endCellContainer = dom["a" /* default */].getParentUntil(selectionEnd, 'TABLE');
+    var isReversedTheadAndTbodySelect = dom["a" /* default */].getNodeName(startCellContainer) === 'TBODY' && dom["a" /* default */].getNodeName(endCellContainer) === 'THEAD';
+    var isTheadAndTbodySelect = startCellContainer !== endCellContainer;
+    var isBothInTbody = !!dom["a" /* default */].parents(selectionStart, 'tbody').length && !!dom["a" /* default */].parents(selectionEnd, 'tbody').length;
+    var start = {
+      row: startRowOffset,
+      cell: startCellOffset
+    };
+    var end = {
+      row: endRowOffset,
+      cell: endCellOffset
+    };
+    var from, to;
+
+    if (isReversedTheadAndTbodySelect) {
+      start.row += 1;
+    } else if (isTheadAndTbodySelect) {
+      end.row += 1;
+    } else if (isBothInTbody) {
+      start.row += 1;
+      end.row += 1;
+    }
+
+    if (startRowOffset > endRowOffset || startRowOffset === endRowOffset && startCellOffset > endCellOffset) {
+      from = end;
+      to = start;
+    } else {
+      from = start;
+      to = end;
+    }
+
+    return {
+      from: from,
+      to: to
+    };
+  }
+  /**
+   * Highlight selected table cells
+   * @param {HTMLElement} selectionStart start element
+   * @param {HTMLElement} selectionEnd end element
+   */
+  ;
+
+  _proto.highlightTableCellsBy = function highlightTableCellsBy(selectionStart, selectionEnd) {
+    var trs = dom["a" /* default */].findAll(dom["a" /* default */].parents(selectionStart, '[contenteditable=true] table')[0], 'tr');
+    var selection = this.getSelectionRangeFromTable(selectionStart, selectionEnd);
+    var rowFrom = selection.from.row;
+    var cellFrom = selection.from.cell;
+    var rowTo = selection.to.row;
+    var cellTo = selection.to.cell;
+    trs.forEach(function (row, rowIndex) {
+      dom["a" /* default */].findAll(row, 'td,th').forEach(function (cell, cellIndex) {
+        var isFromRow = rowIndex === rowFrom;
+        var isToRow = rowIndex === rowTo;
+
+        if (isFromRow && cellIndex < cellFrom || isToRow && cellIndex > cellTo || rowIndex < rowFrom || rowIndex > rowTo) {
+          removeClass_default()(cell, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+        } else {
+          addClass_default()(cell, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+        }
+      });
+    });
+  }
+  /**
+   * Remove '.te-cell-selected' class from all of table Cell
+   */
+  ;
+
+  _proto.removeClassAttrbuteFromAllCellsIfNeed = function removeClassAttrbuteFromAllCellsIfNeed() {
+    var cells = dom["a" /* default */].findAll(this.wwe.getBody(), "td." + wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME + ",th." + wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+    cells.forEach(function (node) {
+      removeClass_default()(node, wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+
+      if (!node.getAttribute('class')) {
+        node.removeAttribute('class');
+      }
+    });
+  }
+  /**
+   * gets selected cells
+   * @returns {HTMLElement} selected cells
+   */
+  ;
+
+  _proto.getSelectedCells = function getSelectedCells() {
+    return this.wwe.getBody().querySelectorAll("." + wwTableSelectionManager_TABLE_CELL_SELECTED_CLASS_NAME);
+  }
+  /**
+   * Create selection by selected cells and collapse that selection to end
+   */
+  ;
+
+  _proto.createRangeBySelectedCells = function createRangeBySelectedCells() {
+    var sq = this.wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var selectedCells = this.getSelectedCells();
+    var firstSelectedCell = selectedCells[0];
+    var lastSelectedCell = selectedCells[selectedCells.length - 1];
+
+    if (selectedCells.length && this.wwe.isInTable(range)) {
+      range.setStart(firstSelectedCell, 0);
+      range.setEnd(lastSelectedCell, lastSelectedCell.childNodes.length);
+      sq.setSelection(range);
+    }
+  }
+  /**
+   * Style to selected cells.
+   * @param {function} onStyle - function for styling
+   * @param {Object} [options] - options to be passed into onStyle
+   */
+  ;
+
+  _proto.styleToSelectedCells = function styleToSelectedCells(onStyle, options) {
+    this.createRangeBySelectedCells();
+    onStyle(this.wwe.getEditor(), options);
+  }
+  /**
+   * Destroy.
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    this.eventManager.removeEventHandler('mousedown.tableSelection');
+    this.eventManager.removeEventHandler('mouseover.tableSelection');
+    this.eventManager.removeEventHandler('mouseup.tableSelection');
+    this.eventManager.removeEventHandler('copyBefore.tableSelection');
+    this.eventManager.removeEventHandler('pasteBefore.tableSelection');
+  };
+
+  return WwTableSelectionManager;
+}();
+
+/* harmony default export */ var wwTableSelectionManager = (wwTableSelectionManager_WwTableSelectionManager);
+// CONCATENATED MODULE: ./src/js/wwHrManager.js
+/**
+ * @fileoverview Implements wysiwyg hr manager
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class WwHrManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwHrManager_WwHrManager = /*#__PURE__*/function () {
+  function WwHrManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'hr';
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwHrManager.prototype;
+
+  _proto._init = function _init() {
+    this._initEvent();
+  }
+  /**
+   * Initialize eventmanager event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._insertEmptyLineIfNeed();
+
+      _this._changeHRForWysiwyg();
+    });
+  }
+  /**
+   * If 
     is frist or last child of root, insert empty line before or after HR
+   * @private
+   */
+  ;
+
+  _proto._insertEmptyLineIfNeed = function _insertEmptyLineIfNeed() {
+    var editorContentBody = this.wwe.getBody();
+    var firstChild = editorContentBody.firstChild,
+        lastChild = editorContentBody.lastChild;
+
+    if (firstChild && firstChild.nodeName === 'HR') {
+      editorContentBody.insertBefore(dom["a" /* default */].createEmptyLine(), firstChild);
+    } else if (lastChild && lastChild.nodeName === 'HR') {
+      editorContentBody.appendChild(dom["a" /* default */].createEmptyLine());
+    }
+  }
+  /**
+   * 
     is set contenteditable to false with wrapping div like below.
+   * 
    
+   * @private
+   */
+  ;
+
+  _proto._changeHRForWysiwyg = function _changeHRForWysiwyg() {
+    var editorContentBody = this.wwe.getBody();
+    dom["a" /* default */].findAll(editorContentBody, 'hr').forEach(function (hrNode) {
+      var parentNode = hrNode.parentNode;
+      parentNode.replaceChild(dom["a" /* default */].createHorizontalRule(), hrNode);
+    });
+  };
+
+  return WwHrManager;
+}();
+
+/* harmony default export */ var wwHrManager = (wwHrManager_WwHrManager);
+// CONCATENATED MODULE: ./src/js/wwPManager.js
+/**
+ * @fileoverview Implements wysiwyg p tag manager
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Class WwPManager
+ * @param {WysiwygEditor} wwe - wysiwygEditor instance
+ * @ignore
+ */
+
+var wwPManager_WwPManager = /*#__PURE__*/function () {
+  function WwPManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'p';
+
+    this._initEvent();
+  }
+  /**
+   * Initialize event
+   * @private
+   */
+
+
+  var _proto = WwPManager.prototype;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueBefore', function (html) {
+      return _this._splitPtagContentLines(html);
+    });
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._ensurePtagContentWrappedWithDiv();
+
+      _this._unwrapPtags();
+    });
+  }
+  /**
+   * Split multiple line content of p tags
+   * @param {string} html html text
+   * @returns {string} result
+   * @private
+   */
+  ;
+
+  _proto._splitPtagContentLines = function _splitPtagContentLines(html) {
+    if (html) {
+      var wrapper = dom["a" /* default */].createElementWith("
    " + html + "
    ");
+      dom["a" /* default */].findAll(wrapper, 'p').forEach(function (para) {
+        var attributes = para.attributes,
+            nextElementSibling = para.nextElementSibling;
+        var content = para.innerHTML;
+        var lines = content.split(/
    /gi);
+        var lastIndex = lines.length - 1;
+        var splitedContent = '';
+        splitedContent = lines.map(function (line, index) {
+          if (index > 0 && index < lastIndex) {
+            line = line ? line : '
    ';
+          }
+
+          if (line) {
+            var block = document.createElement('div');
+            Object.keys(attributes).forEach(function (key) {
+              var _attributes$key = attributes[key],
+                  name = _attributes$key.name,
+                  value = _attributes$key.value;
+              block.setAttribute(name, value);
+            });
+            block.innerHTML = line;
+            return block.outerHTML;
+          }
+
+          return '';
+        }); // For paragraph, we add empty line
+
+        if (nextElementSibling && nextElementSibling.nodeName === 'P' || para.getAttribute('contenteditable') === 'false') {
+          splitedContent.push('

    ');
+        }
+
+        dom["a" /* default */].replaceWith(para, splitedContent.join(''));
+      });
+      html = wrapper.innerHTML;
+    }
+
+    return html;
+  }
+  /**
+   * Wrap new line inside P tag to DIV, and additional empty line added within too
+   * @private
+   */
+  ;
+
+  _proto._ensurePtagContentWrappedWithDiv = function _ensurePtagContentWrappedWithDiv() {
+    var _this2 = this;
+
+    dom["a" /* default */].findAll(this.wwe.getBody(), 'p').forEach(function (node) {
+      if (!node.querySelectorAll('div').length) {
+        dom["a" /* default */].wrapInner(node, 'div');
+      }
+
+      if (_this2._findNextParagraph(node, 'p')) {
+        dom["a" /* default */].append(node, '

    ');
+      }
+    });
+  }
+  /**
+   * Unwrap P tag
+   * @private
+   */
+  ;
+
+  _proto._unwrapPtags = function _unwrapPtags() {
+    dom["a" /* default */].findAll(this.wwe.getBody(), 'div').forEach(function (node) {
+      var parent = node.parentNode;
+
+      if (parent.tagName === 'P') {
+        dom["a" /* default */].unwrap(parent);
+      }
+    });
+  };
+
+  _proto._findNextParagraph = function _findNextParagraph(node, selector) {
+    var nextElementSibling = node.nextElementSibling;
+
+    if (selector) {
+      return nextElementSibling && matches_default()(nextElementSibling, selector) ? nextElementSibling : null;
+    }
+
+    return nextElementSibling;
+  };
+
+  return WwPManager;
+}();
+
+/* harmony default export */ var wwPManager = (wwPManager_WwPManager);
+// CONCATENATED MODULE: ./src/js/wwHeadingManager.js
+/**
+ * @fileoverview Implements wysiwyg heading manager
+ * @author NHN FE Development Lab 
+ */
+
+
+var wwHeadingManager_FIND_HEADING_RX = /h[\d]/i;
+var wwHeadingManager_isIE10 = browser_default.a.msie && browser_default.a.version === 10;
+/**
+ * Class WwHeadingManager
+ * @param {WysiwygEditor} wwe - WysiwygEditor instance
+ * @ignore
+ */
+
+var wwHeadingManager_WwHeadingManager = /*#__PURE__*/function () {
+  function WwHeadingManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'heading';
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwHeadingManager.prototype;
+
+  _proto._init = function _init() {
+    this._initEvent();
+
+    this._initKeyHandler();
+  };
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('wysiwygSetValueAfter', function () {
+      _this._wrapDefaultBlockToHeadingInner();
+    });
+  }
+  /**
+   * Initialize key event handler
+   * @private
+   */
+  ;
+
+  _proto._initKeyHandler = function _initKeyHandler() {
+    var _this2 = this;
+
+    this.wwe.addKeyEventHandler('ENTER', function (ev, range) {
+      if (_this2.wwe.hasFormatWithRx(wwHeadingManager_FIND_HEADING_RX)) {
+        _this2._onEnter(ev, range);
+
+        return false;
+      }
+
+      return true;
+    });
+    this.wwe.addKeyEventHandler('BACK_SPACE', function (ev, range) {
+      if (_this2.wwe.hasFormatWithRx(wwHeadingManager_FIND_HEADING_RX)) {
+        _this2._addBrToEmptyBlock(range);
+
+        _this2._removePrevTopNodeIfNeed(ev, range);
+
+        return false;
+      }
+
+      return true;
+    });
+  }
+  /**
+   * Wrap default block to heading inner contents
+   * @private
+   */
+  ;
+
+  _proto._wrapDefaultBlockToHeadingInner = function _wrapDefaultBlockToHeadingInner() {
+    var headingTags = dom["a" /* default */].findAll(this.wwe.getBody(), 'h1, h2, h3, h4, h5, h6');
+    headingTags.forEach(function (headingTag) {
+      var exceptedForWrapping = !dom["a" /* default */].children(headingTag, 'div, p').length;
+
+      if (exceptedForWrapping) {
+        dom["a" /* default */].wrapInner(headingTag, 'div');
+      }
+    });
+  }
+  /**
+   * Unwrap heading
+   * @private
+   */
+  ;
+
+  _proto._unwrapHeading = function _unwrapHeading() {
+    this.wwe.unwrapBlockTag(function (node) {
+      return wwHeadingManager_FIND_HEADING_RX.test(node);
+    });
+  }
+  /**
+   * Enter key handler
+   * @param {Event} event event object
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._onEnter = function _onEnter(event, range) {
+    var _this3 = this;
+
+    if (range.startOffset > 0) {
+      // I hate this but there's no way
+      this.wwe.defer(function (wwe) {
+        _this3._unwrapHeading();
+
+        wwe.getEditor().removeLastUndoStack();
+      });
+    } else {
+      event.preventDefault();
+
+      this._insertEmptyBlockToPrevious(range);
+    }
+  }
+  /**
+   * Insert empty block to previous of passed range
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._insertEmptyBlockToPrevious = function _insertEmptyBlockToPrevious(range) {
+    this.wwe.getEditor().saveUndoState(range);
+    var element = dom["a" /* default */].createElementWith('

    ');
+    dom["a" /* default */].insertBefore(element, dom["a" /* default */].getParentUntil(range.startContainer, this.wwe.getBody()));
+  }
+  /**
+   * Remove previous top node if need
+   * @param {Event} event event object
+   * @param {Range} range range
+   * @returns {Boolean} whether needed or not
+   * @private
+   */
+  ;
+
+  _proto._removePrevTopNodeIfNeed = function _removePrevTopNodeIfNeed(event, range) {
+    var isHandled = false;
+
+    if (range.collapsed && range.startOffset === 0) {
+      var startContainer = range.startContainer;
+      var prevTopNode = dom["a" /* default */].getTopPrevNodeUnder(startContainer, this.wwe.getBody());
+      var isPrevTopNodeEmpty = prevTopNode && prevTopNode.textContent.length === 0;
+      var sq = this.wwe.getEditor();
+
+      if (startContainer.textContent.length === 0) {
+        isHandled = this._removeHedingAndChangeSelection(event, range, prevTopNode);
+      } else if (isPrevTopNodeEmpty) {
+        event.preventDefault();
+        sq.saveUndoState(range);
+        dom["a" /* default */].remove(prevTopNode);
+        isHandled = true;
+      }
+    }
+
+    return isHandled;
+  };
+
+  _proto._getHeadingElement = function _getHeadingElement(element) {
+    var isHeading = wwHeadingManager_FIND_HEADING_RX.test(dom["a" /* default */].getNodeName(element));
+    return isHeading ? element : dom["a" /* default */].parents(element, 'h1,h2,h3,h4,h5,h6')[0];
+  };
+
+  _proto._addBrToEmptyBlock = function _addBrToEmptyBlock(range) {
+    var collapsed = range.collapsed,
+        startOffset = range.startOffset,
+        startContainer = range.startContainer;
+
+    if (collapsed && startOffset === 1) {
+      var headingElement = this._getHeadingElement(startContainer);
+
+      var brs = dom["a" /* default */].children(headingElement.firstChild, 'br');
+
+      if (!wwHeadingManager_isIE10 && !brs.length) {
+        var br = document.createElement('br');
+        startContainer.parentNode.appendChild(br);
+      }
+    }
+  }
+  /**
+   * Remove heading and change selection
+   * @param {object} event Event object
+   * @param {Range} range Range object
+   * @param {HTMLElement} prevTopNode Previous top node
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._removeHedingAndChangeSelection = function _removeHedingAndChangeSelection(event, range, prevTopNode) {
+    var startContainer = range.startContainer;
+    var sq = this.wwe.getEditor();
+    var body = this.wwe.getBody();
+
+    var headingElement = this._getHeadingElement(startContainer);
+
+    var targetNode = prevTopNode;
+    var offset = 1;
+
+    if (!event.defaultPrevented) {
+      event.preventDefault();
+      sq.saveUndoState(range);
+    }
+
+    dom["a" /* default */].remove(headingElement);
+
+    if (!prevTopNode) {
+      var _domUtils$children = dom["a" /* default */].children(body, 'div');
+
+      targetNode = _domUtils$children[0];
+      offset = 0;
+    }
+
+    range.setStart(targetNode, offset);
+    range.collapse(true);
+    sq.setSelection(range);
+    return true;
+  };
+
+  return WwHeadingManager;
+}();
+
+/* harmony default export */ var wwHeadingManager = (wwHeadingManager_WwHeadingManager);
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isTruthy.js
+var isTruthy = __webpack_require__(42);
+var isTruthy_default = /*#__PURE__*/__webpack_require__.n(isTruthy);
+
+// CONCATENATED MODULE: ./src/js/wwCodeBlockManager.js
+/**
+ * @fileoverview Implements wysiwyg code block manager
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var wwCodeBlockManager_isIE10 = browser_default.a.msie && browser_default.a.version === 10;
+var wwCodeBlockManager_brString = wwCodeBlockManager_isIE10 ? '' : '
    ';
+var tagEntities = {
+  '&': '&',
+  '<': '<',
+  '>': '>'
+};
+var FIND_ZWS_RX = /\u200B/g;
+var CODEBLOCK_ATTR_NAME = 'data-te-codeblock';
+/**
+ * Class WwCodeBlockManager
+ * @param {WysiwygEditor} wwe - wysiwygEditor instance
+ * @ignore
+ */
+
+var wwCodeBlockManager_WwCodeBlockManager = /*#__PURE__*/function () {
+  function WwCodeBlockManager(wwe) {
+    this.wwe = wwe;
+    this.eventManager = wwe.eventManager;
+    /**
+     * Name property
+     * @type {string}
+     */
+
+    this.name = 'codeblock';
+
+    this._init();
+  }
+  /**
+   * Initialize
+   * @private
+   */
+
+
+  var _proto = WwCodeBlockManager.prototype;
+
+  _proto._init = function _init() {
+    this._initKeyHandler();
+
+    this._initEvent();
+  }
+  /**
+   * Initialize key event handler
+   * @private
+   */
+  ;
+
+  _proto._initKeyHandler = function _initKeyHandler() {
+    var _this = this;
+
+    this._keyEventHandlers = {
+      BACK_SPACE: this._onBackspaceKeyEventHandler.bind(this),
+      ENTER: function ENTER(ev, range) {
+        if (!_this.wwe.isInTable(range) && _this.wwe.getEditor().hasFormat('CODE')) {
+          _this.wwe.defer(function () {
+            var _this$wwe$getRange = _this.wwe.getRange(),
+                startContainer = _this$wwe$getRange.startContainer;
+
+            var codeNode = _this._getCodeNode(startContainer);
+
+            if (codeNode && !dom["a" /* default */].getTextLength(codeNode)) {
+              codeNode.parentNode.removeChild(codeNode);
+            }
+          });
+        }
+      }
+    };
+    forEachOwnProperties_default()(this._keyEventHandlers, function (handler, key) {
+      return _this.wwe.addKeyEventHandler(key, handler);
+    });
+  };
+
+  _proto._getCodeNode = function _getCodeNode(node) {
+    var result;
+
+    if (node.nodeName === 'CODE') {
+      result = node;
+    } else if (node.parentNode.nodeName === 'CODE') {
+      result = node.parentNode;
+    }
+
+    return result;
+  }
+  /**
+   * Initialize eventmanager event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this.eventManager.listen('wysiwygSetValueAfter.codeblock', function () {
+      _this2.modifyCodeBlockForWysiwyg();
+    });
+    this.eventManager.listen('wysiwygProcessHTMLText.codeblock', function (html) {
+      return _this2._changePreToPreCode(html);
+    });
+  }
+  /**
+   * Prepare nodes for pasting to code block
+   * @param {Array.} nodes Node array
+   * @returns {DocumentFragment}
+   */
+  ;
+
+  _proto.prepareToPasteOnCodeblock = function prepareToPasteOnCodeblock(nodes) {
+    var frag = this.wwe.getEditor().getDocument().createDocumentFragment();
+    var text = this.convertNodesToText(nodes);
+    text = text.replace(/\n$/, '');
+    frag.appendChild(document.createTextNode(text));
+    return frag;
+  }
+  /**
+   * Convert nodes to text for pasting to code block
+   * @param {Array.} nodes Node array
+   * @returns {string} coverted string
+   */
+  ;
+
+  _proto.convertNodesToText = function convertNodesToText(nodes) {
+    var str = '';
+    var node = nodes.shift();
+
+    while (isTruthy_default()(node)) {
+      var _node = node,
+          childNodes = _node.childNodes;
+
+      if (childNodes && dom["a" /* default */].isBlockNode(node)) {
+        str += this.convertNodesToText(toArray_default()(node.childNodes));
+      } else if (node.nodeName === 'BR') {
+        str += '\n';
+      } else {
+        str += node.textContent;
+      }
+
+      node = nodes.shift();
+    }
+
+    return str;
+  }
+  /**
+   * Copy content with code block style from code block selection
+   * @param {HTMLElement} element Copied element
+   * @param {Range} range Range object
+   * @returns {HTMLElement}
+   * @private
+   */
+  ;
+
+  _proto._copyCodeblockTypeFromRangeCodeblock = function _copyCodeblockTypeFromRangeCodeblock(element, range) {
+    var blockNode = dom["a" /* default */].getParentUntil(range.commonAncestorContainer, this.wwe.getBody());
+
+    if (dom["a" /* default */].getNodeName(blockNode) === 'PRE') {
+      var attrs = blockNode.attributes;
+      forEachOwnProperties_default()(attrs, function (attr) {
+        element.setAttribute(attr.name, attr.value);
+      });
+    }
+
+    return element;
+  }
+  /**
+   * Change pre tag to pre and code
+   * @param {string} html HTML string
+   * @returns {string}
+   * @private
+   */
+  ;
+
+  _proto._changePreToPreCode = function _changePreToPreCode(html) {
+    return html.replace(/((.|\n)*?)<\/pre>/g, function (match, codeAttr, code) {
+      return "
    " + code + "
    ";
+    });
+  }
+  /**
+   * Modify Code Block for Wysiwyg
+   * @param {HTMLElement} node root node to find pre
+   */
+  ;
+
+  _proto.modifyCodeBlockForWysiwyg = function modifyCodeBlockForWysiwyg(node) {
+    if (!node) {
+      node = this.wwe.getBody();
+    }
+
+    dom["a" /* default */].findAll(node, 'pre').forEach(function (pre) {
+      var codeTag = pre.querySelector('code');
+      var lang, numberOfBackticks;
+
+      if (codeTag) {
+        lang = codeTag.getAttribute('data-language');
+        numberOfBackticks = codeTag.getAttribute('data-backticks');
+      } // if this pre can have lines
+
+
+      if (pre.children.length > 1) {
+        toArray_default()(pre.children).forEach(function (childNode) {
+          if ((childNode.nodeName === 'DIV' || childNode.nodeName === 'P') && !childNode.querySelectorAll('br').length) {
+            childNode.innerHTML += childNode.innerHTML + "\n";
+          }
+        });
+      }
+
+      var brs = pre.querySelectorAll('br');
+
+      if (brs.length) {
+        dom["a" /* default */].replaceWith(brs, '\n');
+      }
+
+      var resultText = pre.textContent.replace(/\s+$/, '');
+      dom["a" /* default */].empty(pre);
+      pre.innerHTML = resultText ? sanitizeHtmlCode(resultText) : wwCodeBlockManager_brString;
+
+      if (lang) {
+        pre.setAttribute('data-language', lang);
+        addClass_default()(pre, "lang-" + lang);
+      }
+
+      if (numberOfBackticks) {
+        pre.setAttribute('data-backticks', numberOfBackticks);
+      }
+
+      pre.setAttribute(CODEBLOCK_ATTR_NAME, '');
+    });
+  }
+  /**
+   * Remove codeblock of first line when press backspace in first line
+   * @param {Event} ev Event object
+   * @param {Range} range Range object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._onBackspaceKeyEventHandler = function _onBackspaceKeyEventHandler(ev, range) {
+    var isNeedNext = true;
+    var sq = this.wwe.getEditor();
+    var container = range.commonAncestorContainer;
+
+    if (this._isCodeBlockFirstLine(range) && !this._isFrontCodeblock(range)) {
+      this._removeCodeblockFirstLine(container);
+
+      range.collapse(true);
+      isNeedNext = false;
+    } else if (range.collapsed && this._isEmptyLine(container) && this._isBetweenSameCodeblocks(container)) {
+      var previousSibling = container.previousSibling,
+          nextSibling = container.nextSibling;
+      var prevTextLength = previousSibling.textContent.length;
+      sq.saveUndoState(range);
+      container.parentNode.removeChild(container);
+
+      this._mergeCodeblocks(previousSibling, nextSibling);
+
+      range.setStart(previousSibling.childNodes[0], prevTextLength);
+      range.collapse(true);
+      isNeedNext = false;
+    }
+
+    if (!isNeedNext) {
+      sq.setSelection(range);
+      ev.preventDefault();
+    }
+
+    return isNeedNext;
+  }
+  /**
+   * Check node is empty line
+   * @param {Node} node node
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isEmptyLine = function _isEmptyLine(node) {
+    var nodeName = node.nodeName,
+        childNodes = node.childNodes;
+    var isEmpty = wwCodeBlockManager_isIE10 ? node.textContent === '' : childNodes.length === 1 && childNodes[0].nodeName === 'BR';
+    return nodeName === 'DIV' && isEmpty;
+  }
+  /**
+   * Check whether node is between same codeblocks
+   * @param {Node} node Node
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isBetweenSameCodeblocks = function _isBetweenSameCodeblocks(node) {
+    var previousSibling = node.previousSibling,
+        nextSibling = node.nextSibling;
+    return dom["a" /* default */].getNodeName(previousSibling) === 'PRE' && dom["a" /* default */].getNodeName(nextSibling) === 'PRE' && previousSibling.getAttribute('data-language') === nextSibling.getAttribute('data-language');
+  };
+
+  _proto._mergeCodeblocks = function _mergeCodeblocks(frontCodeblock, backCodeblock) {
+    var postText = backCodeblock.textContent;
+    frontCodeblock.childNodes[0].textContent += "\n" + postText;
+    backCodeblock.parentNode.removeChild(backCodeblock);
+  }
+  /**
+   * Check whether range is first line of code block
+   * @param {Range} range Range object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isCodeBlockFirstLine = function _isCodeBlockFirstLine(range) {
+    return this.isInCodeBlock(range) && range.collapsed && range.startOffset === 0;
+  }
+  /**
+   * Check whether front block of range is code block
+   * @param {Range} range Range object
+   * @returns {boolean}
+   * @private
+   */
+  ;
+
+  _proto._isFrontCodeblock = function _isFrontCodeblock(range) {
+    var block = dom["a" /* default */].getParentUntil(range.startContainer, this.wwe.getEditor().getRoot());
+    var previousSibling = block.previousSibling;
+    return previousSibling && previousSibling.nodeName === 'PRE';
+  }
+  /**
+   * Remove codeblock first line of codeblock
+   * @param {Node} node Pre Node
+   * @private
+   */
+  ;
+
+  _proto._removeCodeblockFirstLine = function _removeCodeblockFirstLine(node) {
+    var sq = this.wwe.getEditor();
+    var preNode = node.nodeName === 'PRE' ? node : node.parentNode;
+    var codeContent = preNode.textContent.replace(FIND_ZWS_RX, '');
+    sq.modifyBlocks(function () {
+      var newFrag = sq.getDocument().createDocumentFragment();
+      var strArray = codeContent.split('\n');
+      var firstDiv = document.createElement('div');
+      var firstLine = strArray.shift();
+      firstDiv.innerHTML = "" + sanitizeHtmlCode(firstLine) + wwCodeBlockManager_brString;
+      newFrag.appendChild(firstDiv);
+
+      if (strArray.length) {
+        var newPreNode = preNode.cloneNode();
+        newPreNode.textContent = strArray.join('\n');
+        newFrag.appendChild(newPreNode);
+      }
+
+      return newFrag;
+    });
+  }
+  /**
+   * Return boolean value of whether current range is in the code block
+   * @param {Range} range Range object
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isInCodeBlock = function isInCodeBlock(range) {
+    var target;
+
+    if (range.collapsed) {
+      target = range.startContainer;
+    } else {
+      target = range.commonAncestorContainer;
+    }
+
+    return !!dom["a" /* default */].closest(target, 'pre');
+  }
+  /**
+   * Destroy
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    var _this3 = this;
+
+    this.eventManager.removeEventHandler('wysiwygSetValueAfter.codeblock');
+    this.eventManager.removeEventHandler('wysiwygProcessHTMLText.codeblock');
+    forEachOwnProperties_default()(this._keyEventHandlers, function (handler, key) {
+      return _this3.wwe.removeKeyEventHandler(key, handler);
+    });
+  };
+
+  return WwCodeBlockManager;
+}();
+/**
+ * Sanitize HTML code
+ * @param {string} code code string
+ * @returns {string}
+ * @ignore
+ */
+
+
+function sanitizeHtmlCode(code) {
+  return code ? code.replace(/[<>&]/g, function (tag) {
+    return tagEntities[tag] || tag;
+  }) : '';
+}
+
+/* harmony default export */ var wwCodeBlockManager = (wwCodeBlockManager_WwCodeBlockManager);
+// EXTERNAL MODULE: /Users/nhn/project/tui.editor/libs/squire/build/squire.js
+var build_squire = __webpack_require__(55);
+var squire_default = /*#__PURE__*/__webpack_require__.n(build_squire);
+
+// CONCATENATED MODULE: ./src/js/squireExt.js
+function squireExt_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements squire extension
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var FIND_BLOCK_TAGNAME_RX = /\b(H[\d]|LI|P|BLOCKQUOTE|TD)\b/;
+var isIElt11 = /Trident\/[456]\./.test(navigator.userAgent);
+/**
+ * Class SquireExt
+ * @params {Squire} ...args
+ */
+
+var squireExt_SquireExt = /*#__PURE__*/function (_Squire) {
+  squireExt_inheritsLoose(SquireExt, _Squire);
+
+  function SquireExt() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _Squire.call.apply(_Squire, [this].concat(args)) || this;
+
+    _this._decorateHandlerToCancelable('copy');
+
+    _this._decorateHandlerToCancelable(isIElt11 ? 'beforecut' : 'cut');
+
+    _this._decorateHandlerToCancelable(isIElt11 ? 'beforepaste' : 'paste');
+
+    _this.getBody = function () {
+      _this.body = _this.body || _this.getRoot();
+      return _this.body;
+    };
+
+    return _this;
+  }
+  /**
+   * Decorate squire handler to cancelable cuz sometimes, we dont need squire handler process
+   * event.preventDefault() will cancel squire and browser default behavior
+   * event.squirePrevented = true will cancel squire but allow browser default behavior
+   * @param {string} eventName event name
+   * @private
+   */
+
+
+  var _proto = SquireExt.prototype;
+
+  _proto._decorateHandlerToCancelable = function _decorateHandlerToCancelable(eventName) {
+    var handlers = this._events[eventName];
+
+    if (handlers.length > 1) {
+      throw new Error("too many" + eventName + "handlers in squire");
+    }
+
+    var handler = handlers[0].bind(this);
+
+    handlers[0] = function (event) {
+      if (!event.defaultPrevented && !event.squirePrevented) {
+        handler(event);
+      }
+    };
+  };
+
+  _proto.changeBlockFormat = function changeBlockFormat(srcCondition, targetTagName) {
+    var _this2 = this;
+
+    this.modifyBlocks(function (frag) {
+      var current, newFrag, newBlock, nextBlock, tagName, lastNodeOfNextBlock, appendChidToNextBlock; // HR is non-block element, so frag don't have it
+      // make a default block
+
+      if (frag.childNodes.length) {
+        current = frag.childNodes.item(0);
+      } else {
+        current = _this2.createDefaultBlock();
+        frag.appendChild(current);
+      }
+
+      if (srcCondition) {
+        // find last depth
+        while (current.firstChild) {
+          current = current.firstChild;
+        }
+
+        appendChidToNextBlock = function appendChidToNextBlock(node) {
+          nextBlock.appendChild(node);
+        }; // find tag
+
+
+        while (current !== frag) {
+          var _current = current;
+          tagName = _current.tagName;
+
+          if (isFunction_default()(srcCondition) ? srcCondition(tagName) : tagName === srcCondition) {
+            nextBlock = current.childNodes.item(0); // there is no next blocktag
+            // eslint-disable-next-line max-depth
+
+            if (!dom["a" /* default */].isElemNode(nextBlock) || current.childNodes.length > 1) {
+              nextBlock = _this2.createDefaultBlock();
+              toArray_default()(current.childNodes).forEach(appendChidToNextBlock);
+              lastNodeOfNextBlock = nextBlock.lastChild; // remove unneccesary br
+              // eslint-disable-next-line max-depth
+
+              if (lastNodeOfNextBlock && dom["a" /* default */].getNodeName(lastNodeOfNextBlock) === 'BR') {
+                nextBlock.removeChild(lastNodeOfNextBlock);
+              }
+            } // eslint-disable-next-line max-depth
+
+
+            if (targetTagName) {
+              newBlock = _this2.createElement(targetTagName, [nextBlock]);
+            } else {
+              newBlock = nextBlock;
+            }
+
+            newFrag = _this2.getDocument().createDocumentFragment();
+            newFrag.appendChild(newBlock);
+            frag = newFrag;
+            break;
+          }
+
+          current = current.parentNode;
+        }
+      } // if source condition node is not founded, we wrap current div node with node named targetTagName
+
+
+      if ((!newFrag || !srcCondition) && targetTagName && dom["a" /* default */].getNodeName(frag.childNodes[0]) === 'DIV') {
+        frag = _this2.createElement(targetTagName, [frag.childNodes[0]]);
+      }
+
+      return frag;
+    });
+  };
+
+  _proto.changeBlockFormatTo = function changeBlockFormatTo(targetTagName) {
+    this.changeBlockFormat(function (tagName) {
+      return FIND_BLOCK_TAGNAME_RX.test(tagName);
+    }, targetTagName);
+  };
+
+  _proto.getCaretPosition = function getCaretPosition() {
+    return this.getCursorPosition();
+  };
+
+  _proto.replaceSelection = function replaceSelection(content, selection) {
+    if (selection) {
+      this.setSelection(selection);
+    }
+
+    this._ignoreChange = true;
+    this.insertHTML(content);
+  };
+
+  _proto.replaceRelativeOffset = function replaceRelativeOffset(content, offset, overwriteLength) {
+    var selection = this.getSelection().cloneRange();
+
+    this._replaceRelativeOffsetOfSelection(content, offset, overwriteLength, selection);
+  };
+
+  _proto._replaceRelativeOffsetOfSelection = function _replaceRelativeOffsetOfSelection(content, offset, overwriteLength, selection) {
+    var startSelectionInfo, endSelectionInfo, finalOffset;
+    var endOffsetNode = selection.endContainer;
+    var endTextOffset = selection.endOffset;
+
+    if (dom["a" /* default */].getNodeName(endOffsetNode) !== 'TEXT') {
+      endOffsetNode = this._getClosestTextNode(endOffsetNode, endTextOffset);
+
+      if (endOffsetNode) {
+        if (dom["a" /* default */].isTextNode(endOffsetNode)) {
+          endTextOffset = endOffsetNode.nodeValue.length;
+        } else {
+          endTextOffset = endOffsetNode.textContent.length;
+        }
+      }
+    }
+
+    if (endOffsetNode) {
+      startSelectionInfo = this.getSelectionInfoByOffset(endOffsetNode, endTextOffset + offset);
+      selection.setStart(startSelectionInfo.element, startSelectionInfo.offset);
+      finalOffset = endTextOffset + (offset + overwriteLength);
+      endSelectionInfo = this.getSelectionInfoByOffset(endOffsetNode, finalOffset);
+      selection.setEnd(endSelectionInfo.element, endSelectionInfo.offset);
+      this.replaceSelection(content, selection);
+    } else {
+      this.replaceSelection(content);
+    }
+  };
+
+  _proto._getClosestTextNode = function _getClosestTextNode(node, offset) {
+    var foundNode = dom["a" /* default */].getChildNodeByOffset(node, offset - 1);
+
+    if (dom["a" /* default */].getNodeName(foundNode) !== 'TEXT') {
+      foundNode = foundNode.previousSibling;
+    }
+
+    return foundNode;
+  };
+
+  _proto.getSelectionInfoByOffset = function getSelectionInfoByOffset(anchorElement, offset) {
+    var traceElement, traceElementLength, traceOffset, stepLength;
+    var direction = offset >= 0 ? 'next' : 'previous';
+    var offsetAbs = Math.abs(offset);
+    var latestAvailableElement = traceElement;
+
+    if (direction === 'next') {
+      traceElement = anchorElement;
+    } else {
+      traceElement = anchorElement.previousSibling;
+    }
+
+    traceOffset = offsetAbs;
+    stepLength = 0;
+
+    while (traceElement) {
+      if (dom["a" /* default */].isTextNode(traceElement)) {
+        traceElementLength = traceElement.nodeValue.length;
+      } else {
+        traceElementLength = traceElement.textContent.length;
+      }
+
+      stepLength += traceElementLength;
+
+      if (offsetAbs <= stepLength) {
+        break;
+      }
+
+      traceOffset -= traceElementLength;
+
+      if (dom["a" /* default */].getTextLength(traceElement) > 0) {
+        latestAvailableElement = traceElement;
+      }
+
+      traceElement = traceElement[direction + "Sibling"];
+    }
+
+    if (!traceElement) {
+      traceElement = latestAvailableElement;
+      traceOffset = dom["a" /* default */].getTextLength(traceElement);
+    }
+
+    if (direction === 'previous') {
+      traceOffset = dom["a" /* default */].getTextLength(traceElement) - traceOffset;
+    }
+
+    return {
+      element: traceElement,
+      offset: traceOffset
+    };
+  };
+
+  _proto.getSelectionPosition = function getSelectionPosition(selection, style, offset) {
+    var marker = this.createElement('INPUT');
+    var range = selection.cloneRange();
+    var endSelectionInfo = this.getSelectionInfoByOffset(selection.endContainer, selection.endOffset + (offset || 0));
+    range.setStart(range.startContainer, range.startOffset);
+    range.setEnd(endSelectionInfo.element, endSelectionInfo.offset); // to prevent squire input event fire
+
+    this._ignoreChange = true;
+    this.insertElement(marker, range);
+    var pos = dom["a" /* default */].getOffset(marker);
+
+    if (style !== 'over') {
+      pos.top += marker.offsetHeight;
+    }
+
+    marker.parentNode.removeChild(marker);
+    selection.setStart(selection.endContainer, selection.endOffset);
+    selection.collapse(true);
+    this.setSelection(selection);
+    return pos;
+  };
+
+  _proto.removeLastUndoStack = function removeLastUndoStack() {
+    if (this._undoStack.length) {
+      this._undoStackLength -= 1;
+      this._undoIndex -= 1;
+
+      this._undoStack.pop();
+
+      this._isInUndoState = false;
+    }
+  };
+
+  _proto.replaceParent = function replaceParent(node, from, to) {
+    var target = dom["a" /* default */].closest(node, from, this.getBody());
+
+    if (target) {
+      dom["a" /* default */].wrapInner(target, to);
+      dom["a" /* default */].unwrap(target);
+    }
+  };
+
+  _proto.preserveLastLine = function preserveLastLine() {
+    var blocks = this.getBody().children;
+    var lastBlock = blocks[blocks.length - 1];
+
+    if (lastBlock && dom["a" /* default */].getNodeName(lastBlock) !== 'DIV') {
+      this._ignoreChange = true;
+      dom["a" /* default */].insertAfter(this.createDefaultBlock(), lastBlock);
+    }
+  };
+
+  _proto.scrollTop = function scrollTop(top) {
+    if (!isUndefined_default()(top)) {
+      this.getBody().scrollTop = top;
+    }
+
+    return this.getBody().scrollTop;
+  };
+
+  _proto.isIgnoreChange = function isIgnoreChange() {
+    return this._ignoreChange;
+  };
+
+  _proto.focus = function focus() {
+    squire_default.a.prototype.focus.call(this);
+  };
+
+  _proto.blockCommandShortcuts = function blockCommandShortcuts() {
+    var _this3 = this;
+
+    var meta = utils_common["b" /* isMac */] ? 'meta' : 'ctrl';
+    var keys = ['b', 'i', 'u', 'shift-7', 'shift-5', 'shift-6', 'shift-8', 'shift-9', '[', ']', 'd'];
+    keys.forEach(function (key) {
+      _this3.setKeyHandler(meta + "-" + key, function (editor, keyboardEvent) {
+        keyboardEvent.preventDefault();
+      });
+    });
+  };
+
+  return SquireExt;
+}(squire_default.a);
+
+/* harmony default export */ var squireExt = (squireExt_SquireExt);
+// CONCATENATED MODULE: ./src/js/wwTextObject.js
+/**
+ * @fileoverview Implements WwTextObject
+ * @author NHN FE Development Lab 
+ */
+
+
+var isIE11 = browser_default.a.msie && browser_default.a.version === 11;
+var isWindowChrome = navigator.appVersion.indexOf('Win') !== -1 && browser_default.a.chrome;
+var isWindows10 = /Windows (NT )?10/g.test(navigator.appVersion);
+var isNeedOffsetFix = isIE11 || isWindowChrome && !isWindows10;
+/**
+ * Class WwTextObject
+ * @param {WysiwygEditor} wwe - wysiwygEditor
+ * @param {Range} range - Range object
+ */
+
+var wwTextObject_WwTextObject = /*#__PURE__*/function () {
+  function WwTextObject(wwe, range) {
+    this._wwe = wwe; // msie11 and window chrome can't make start offset of range api correctly when compositing korean.
+    // so we need fix this when compositing korean.(and maybe other languages that needs composition.)
+
+    if (isNeedOffsetFix) {
+      this.isComposition = false;
+
+      this._initCompositionEvent();
+    }
+
+    this.setRange(range || this._wwe.getRange());
+  }
+  /**
+   * Initialize composition event
+   * @private
+   */
+
+
+  var _proto = WwTextObject.prototype;
+
+  _proto._initCompositionEvent = function _initCompositionEvent() {
+    var _this = this;
+
+    this._wwe.getEditor().addEventListener('compositionstart', function () {
+      _this.isComposition = true;
+    });
+
+    this._wwe.getEditor().addEventListener('compositionend', function () {
+      _this.isComposition = false;
+    });
+  }
+  /**
+   * Set _range object to given range object
+   * @param {Range} range Range object
+   */
+  ;
+
+  _proto.setRange = function setRange(range) {
+    if (this._range) {
+      this._range.detach();
+    }
+
+    this._range = range;
+  }
+  /**
+   * Expand start offset by one
+   */
+  ;
+
+  _proto.expandStartOffset = function expandStartOffset() {
+    var range = this._range;
+
+    if (dom["a" /* default */].isTextNode(range.startContainer) && range.startOffset > 0) {
+      range.setStart(range.startContainer, range.startOffset - 1);
+    }
+  }
+  /**
+   * Expand end offset by one
+   */
+  ;
+
+  _proto.expandEndOffset = function expandEndOffset() {
+    var range = this._range;
+
+    if (dom["a" /* default */].isTextNode(range.endContainer) && range.endOffset < range.endContainer.nodeValue.length) {
+      range.setEnd(range.endContainer, range.endOffset + 1);
+    }
+  }
+  /**
+   * setEnd range on start
+   * @param {Range} range Range object
+   */
+  ;
+
+  _proto.setEndBeforeRange = function setEndBeforeRange(range) {
+    var offset = range.startOffset;
+
+    if (this.isComposition) {
+      offset += 1;
+    }
+
+    this._range.setEnd(range.startContainer, offset);
+  }
+  /**
+   * Get text content
+   * @returns {string}
+   */
+  ;
+
+  _proto.getTextContent = function getTextContent() {
+    return this._range.cloneContents().textContent;
+  }
+  /**
+   * Replace current selection content to given text
+   * @param {string} content Text content
+   */
+  ;
+
+  _proto.replaceContent = function replaceContent(content) {
+    this._wwe.getEditor().setSelection(this._range);
+
+    this._wwe.getEditor().insertHTML(content); // When range is in table, 'insertHTML' makes div in table.
+    // So after 'insertHTML', div in table should be unwrap.
+    // 'wysiwygRangeChangeAfter' event let wwTableManager call '_unwrapBlockInTable'
+
+
+    if (this._wwe.isInTable(this._range)) {
+      this._wwe.eventManager.emit('wysiwygRangeChangeAfter', this._wwe);
+    }
+
+    this._range = this._wwe.getRange();
+  }
+  /**
+   * Delete current selection content
+   */
+  ;
+
+  _proto.deleteContent = function deleteContent() {
+    this._wwe.getEditor().setSelection(this._range);
+
+    this._wwe.getEditor().insertHTML('');
+
+    this._range = this._wwe.getRange();
+  }
+  /**
+   * Peek previous element's content
+   * @param {number} offset Offset to peek
+   * @returns {string}
+   */
+  ;
+
+  _proto.peekStartBeforeOffset = function peekStartBeforeOffset(offset) {
+    var range = this._range.cloneRange();
+
+    range.setStart(range.startContainer, Math.max(range.startOffset - offset, 0));
+    range.setEnd(this._range.startContainer, this._range.startOffset);
+    return range.cloneContents().textContent;
+  };
+
+  return WwTextObject;
+}();
+
+/* harmony default export */ var wwTextObject = (wwTextObject_WwTextObject);
+// CONCATENATED MODULE: ./src/js/ui/blockOverlay.js
+/**
+ * @fileoverview Implements UI block overlay
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Class BlockOverlay
+ * @param {Object} options - options
+ *     @param {EventManager} options.eventManager - event manager instance
+ *     @param {HTMLElement} options.container - container element
+ *     @param {string} options.attachedSelector - selector string to find attached element
+ * @ignore
+ */
+
+var blockOverlay_BlockOverlay = /*#__PURE__*/function () {
+  function BlockOverlay(_ref) {
+    var eventManager = _ref.eventManager,
+        container = _ref.container,
+        attachedSelector = _ref.attachedSelector;
+    this._eventManager = eventManager;
+    this._attachedSelector = "[contenteditable=true] " + attachedSelector;
+    this._container = container;
+    this._attachedElement = null;
+    /**
+     * is activated.
+     * if this blockOverlay is active, It always be visible unconditionally.
+     * @type {boolean}
+     * @private
+     */
+
+    this.active = false;
+
+    this._createElement();
+
+    this._initEvent();
+  }
+
+  var _proto = BlockOverlay.prototype;
+
+  _proto._createElement = function _createElement() {
+    this.el = dom["a" /* default */].createElementWith('
    ');
+    css_default()(this.el, {
+      position: 'absolute',
+      display: 'none',
+      zIndex: 1
+    });
+    dom["a" /* default */].append(this._container, this.el);
+  };
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this._eventManager.listen('change', this._onChange.bind(this));
+
+    this._eventManager.listen('mouseover', this._onMouseOver.bind(this));
+
+    this._eventManager.listen('focus', function () {
+      _this.setVisibility(false);
+    });
+
+    this._eventManager.listen('mousedown', function () {
+      _this.setVisibility(false);
+    });
+  };
+
+  _proto._onChange = function _onChange() {
+    if (this._attachedElement && dom["a" /* default */].isContain(document.body, this._attachedElement)) {
+      this.syncLayout();
+    } else {
+      this.setVisibility(false);
+    }
+  };
+
+  _proto._onMouseOver = function _onMouseOver(ev) {
+    var originalEvent = ev.data;
+    var eventTarget = originalEvent.target;
+    var attachedElement = dom["a" /* default */].closest(eventTarget, this._attachedSelector);
+
+    if (attachedElement) {
+      this._attachedElement = attachedElement;
+      this.setVisibility(true);
+    } else if (dom["a" /* default */].closest(eventTarget, this.el)) {
+      this.setVisibility(true);
+    } else if (!this.active) {
+      this.setVisibility(false);
+    }
+  }
+  /**
+   * update blockOverlay position & size update to attached element
+   * you may want to override this to adjust position & size
+   * @protected
+   */
+  ;
+
+  _proto.syncLayout = function syncLayout() {
+    var offset = dom["a" /* default */].getOffset(this._attachedElement);
+    var outerWidth = dom["a" /* default */].getOuterWidth(this._attachedElement);
+    var outerHeight = dom["a" /* default */].getOuterHeight(this._attachedElement);
+    dom["a" /* default */].setOffset(this.el, offset);
+    css_default()(this.el, {
+      width: outerWidth + "px"
+    });
+    css_default()(this.el, {
+      height: outerHeight + "px"
+    });
+  }
+  /**
+   * attached element
+   * @protected
+   * @returns {HTMLElement} - attached element
+   */
+  ;
+
+  _proto.getAttachedElement = function getAttachedElement() {
+    return this._attachedElement || null;
+  }
+  /**
+   * visibility
+   * @protected
+   * @returns {boolean} visibility
+   */
+  ;
+
+  _proto.getVisibility = function getVisibility() {
+    return this.el.style.display === 'block';
+  }
+  /**
+   * visibility
+   * @param {boolean} visibility - is visible
+   * @protected
+   */
+  ;
+
+  _proto.setVisibility = function setVisibility(visibility) {
+    if (visibility && this._attachedElement) {
+      if (!this.getVisibility()) {
+        css_default()(this.el, {
+          display: 'block'
+        });
+        this.syncLayout();
+        this.onShow();
+      }
+    } else if (!visibility) {
+      if (this.getVisibility()) {
+        css_default()(this.el, {
+          display: 'none'
+        });
+        this.onHide();
+      }
+    }
+  }
+  /**
+   * called on show. you may want to override to get the event
+   * @protected
+   * @abstract
+   */
+  ;
+
+  _proto.onShow = function onShow() {}
+  /**
+   * called on hide. you may want to override to get the event
+   * @protected
+   */
+  ;
+
+  _proto.onHide = function onHide() {
+    this.active = false;
+    this._attachedElement = null;
+  };
+
+  return BlockOverlay;
+}();
+
+/* harmony default export */ var blockOverlay = (blockOverlay_BlockOverlay);
+// CONCATENATED MODULE: ./src/js/ui/codeBlockGadget.js
+function codeBlockGadget_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements UI code block gadget
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var GADGET_RIGHT = 26;
+var GADGET_WIDTH = 250;
+var GADGET_HEIGHT = 30;
+/**
+ * Class CodeBlockGadget
+ * @param {Object} options - options
+ *     @param {EventManager} options.eventManager - event manager instance
+ *     @param {HTMLElement} options.container - container element
+ *     @param {WysiwygEditor} options.wysiwygEditor - wysiwyg editor instance
+ * @ignore
+ */
+
+var codeBlockGadget_CodeBlockGadget = /*#__PURE__*/function (_BlockOverlay) {
+  codeBlockGadget_inheritsLoose(CodeBlockGadget, _BlockOverlay);
+
+  function CodeBlockGadget(_ref) {
+    var _this;
+
+    var eventManager = _ref.eventManager,
+        container = _ref.container,
+        wysiwygEditor = _ref.wysiwygEditor;
+    _this = _BlockOverlay.call(this, {
+      eventManager: eventManager,
+      container: container,
+      attachedSelector: 'pre'
+    }) || this;
+    _this._wysiwygEditor = wysiwygEditor;
+    _this._popupCodeBlockLanguages = null;
+
+    _this._initDOM();
+
+    _this._initDOMEvent();
+
+    return _this;
+  }
+
+  var _proto = CodeBlockGadget.prototype;
+
+  _proto._initDOM = function _initDOM() {
+    var _this2 = this;
+
+    addClass_default()(this.el, 'code-block-header');
+    this._languageLabel = dom["a" /* default */].createElementWith('text');
+    dom["a" /* default */].append(this.el, this._languageLabel);
+    this._buttonOpenModalEditor = dom["a" /* default */].createElementWith("");
+    dom["a" /* default */].append(this.el, this._buttonOpenModalEditor);
+
+    this._eventManager.emit('removeEditor', function () {
+      off_default()(_this2._buttonOpenModalEditor, 'click');
+      _this2._buttonOpenModalEditor = null;
+    });
+  };
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this3 = this;
+
+    on_default()(this._buttonOpenModalEditor, 'click', function () {
+      return _this3._openPopupCodeBlockEditor();
+    });
+  };
+
+  _proto._openPopupCodeBlockEditor = function _openPopupCodeBlockEditor() {
+    this._eventManager.emit('openPopupCodeBlockEditor', this.getAttachedElement());
+  };
+
+  _proto._updateLanguage = function _updateLanguage() {
+    var attachedElement = this.getAttachedElement();
+    var language = attachedElement ? attachedElement.getAttribute('data-language') : null;
+    this._languageLabel.textContent = language || 'text';
+  }
+  /**
+   * update gadget position
+   * @protected
+   * @override
+   */
+  ;
+
+  _proto.syncLayout = function syncLayout() {
+    var attachedElement = this.getAttachedElement();
+
+    var _domUtils$getOffset = dom["a" /* default */].getOffset(attachedElement, '.te-editor'),
+        top = _domUtils$getOffset.top;
+
+    css_default()(this.el, {
+      top: top + "px",
+      right: GADGET_RIGHT + "px",
+      width: GADGET_WIDTH + "px",
+      height: GADGET_HEIGHT + "px"
+    });
+  }
+  /**
+   * on show
+   * @protected
+   * @override
+   */
+  ;
+
+  _proto.onShow = function onShow() {
+    var _this4 = this;
+
+    _BlockOverlay.prototype.onShow.call(this);
+
+    this._onAttachedElementChange = function () {
+      return _this4._updateLanguage();
+    };
+
+    this._eventManager.listen('changeLanguage', this._onAttachedElementChange);
+
+    this._updateLanguage();
+  }
+  /**
+   * on hide
+   * @protected
+   * @override
+   */
+  ;
+
+  _proto.onHide = function onHide() {
+    this._eventManager.removeEventHandler('changeLanguage', this._onAttachedElementChange);
+
+    _BlockOverlay.prototype.onHide.call(this);
+  };
+
+  return CodeBlockGadget;
+}(blockOverlay);
+
+/* harmony default export */ var codeBlockGadget = (codeBlockGadget_CodeBlockGadget);
+// CONCATENATED MODULE: ./src/js/wysiwygEditor.js
+/**
+ * @fileoverview Implments wysiwygEditor
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var wysiwygEditor_keyMapper = keyMapper.getSharedInstance();
+var FIND_EMPTY_LINE = /<([a-z]+|h\d)>(
    |
    )<\/\1>/gi;
+var FIND_UNNECESSARY_BR = /(?:
    |
    )<\/(.+?)>/gi;
+var wysiwygEditor_FIND_BLOCK_TAGNAME_RX = /\b(H[\d]|LI|P|BLOCKQUOTE|TD|PRE)\b/;
+var FIND_OPENING_SPAN_WITH_SPACE = /]*)>[\u0020]/g;
+var FIND_CLOSING_SPAN_WITH_SPACE = /[\u0020]<\/span>/g;
+var FIND_TABLE_AND_HEADING_RX = /^(TABLE|H[1-6])$/;
+var EDITOR_CONTENT_CSS_CLASSNAME = 'tui-editor-contents';
+var PLACEHOLDER_CSS_CLASSNAME = 'tui-editor-contents-placeholder';
+var canObserveMutations = typeof MutationObserver !== 'undefined';
+/**
+ * Class WysiwygEditor
+ * @param {HTMLElement} el - element to insert editor
+ * @param {EventManager} eventManager - EventManager instance
+ */
+
+var wysiwygEditor_WysiwygEditor = /*#__PURE__*/function () {
+  function WysiwygEditor(el, eventManager, options) {
+    var _this = this;
+
+    if (options === void 0) {
+      options = {};
+    }
+
+    this.componentManager = new componentManager(this);
+    this.eventManager = eventManager;
+    this.editorContainerEl = el;
+    this._height = 0;
+    this._silentChange = false;
+    this._keyEventHandlers = {};
+    this._managers = {};
+    this._linkAttribute = options.linkAttribute || {};
+    this._sanitizer = options.sanitizer;
+
+    this._initEvent();
+
+    this._initDefaultKeyEventHandler();
+
+    this.debouncedPostProcessForChange = debounce_default()(function () {
+      return _this.postProcessForChange();
+    }, 0);
+  }
+  /**
+   * init
+   */
+
+
+  var _proto = WysiwygEditor.prototype;
+
+  _proto.init = function init() {
+    var editorBody = document.createElement('div');
+    this.editorContainerEl.appendChild(editorBody);
+    this.editor = new squireExt(editorBody, {
+      blockTag: 'DIV',
+      leafNodeNames: {
+        HR: false
+      },
+      allowedBlocks: this._sanitizer ? [] : ['details', 'summary']
+    });
+    this.editor.blockCommandShortcuts();
+    this._clipboardManager = new wwClipboardManager(this);
+
+    this._initSquireEvent();
+
+    this._clipboardManager.init();
+
+    addClass_default()(this.getBody(), EDITOR_CONTENT_CSS_CLASSNAME);
+    css_default()(this.editorContainerEl, 'position', 'relative');
+
+    this._togglePlaceholder();
+
+    this.codeBlockGadget = new codeBlockGadget({
+      eventManager: this.eventManager,
+      container: this.editorContainerEl,
+      wysiwygEditor: this
+    });
+  }
+  /**
+   * Initialize EventManager event handler
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this.eventManager.listen('wysiwygKeyEvent', function (ev) {
+      return _this2._runKeyEventHandlers(ev.data, ev.keyMap);
+    });
+    this.eventManager.listen('wysiwygRangeChangeAfter', function () {
+      return _this2.scrollIntoCursor();
+    });
+    this.eventManager.listen('contentChangedFromWysiwyg', function () {
+      _this2._togglePlaceholder();
+    });
+  }
+  /**
+   * Add key event handler
+   * @param {string|Array.} keyMap - keyMap string or array of string
+   * @param {function} handler handler
+   */
+  ;
+
+  _proto.addKeyEventHandler = function addKeyEventHandler(keyMap, handler) {
+    var _this3 = this;
+
+    if (!handler) {
+      handler = keyMap;
+      keyMap = 'DEFAULT';
+    }
+
+    if (!isArray_default()(keyMap)) {
+      keyMap = [keyMap];
+    }
+
+    keyMap.forEach(function (key) {
+      if (!_this3._keyEventHandlers[key]) {
+        _this3._keyEventHandlers[key] = [];
+      }
+
+      _this3._keyEventHandlers[key].push(handler);
+    });
+  }
+  /**
+   * Remove key event handler.
+   * @param {string} keyMap keyMap string
+   * @param {function} handler handler
+   */
+  ;
+
+  _proto.removeKeyEventHandler = function removeKeyEventHandler(keyMap, handler) {
+    if (!handler) {
+      handler = keyMap;
+      keyMap = 'DEFAULT';
+    }
+
+    var handlers = this._keyEventHandlers[keyMap];
+
+    if (handlers) {
+      this._keyEventHandlers[keyMap] = handlers.filter(function (_handler) {
+        return _handler !== handler;
+      });
+    }
+  }
+  /**
+   * Run key event handler
+   * @param {Event} event event object
+   * @param {string} keyMap keyMapString
+   * @private
+   */
+  ;
+
+  _proto._runKeyEventHandlers = function _runKeyEventHandlers(event, keyMap) {
+    var range = this.getRange();
+    var handlers, isNeedNext;
+    handlers = this._keyEventHandlers.DEFAULT;
+
+    if (handlers) {
+      forEachArray_default()(handlers, function (handler) {
+        isNeedNext = handler(event, range, keyMap);
+        return isNeedNext;
+      });
+    }
+
+    handlers = this._keyEventHandlers[keyMap];
+
+    if (handlers && isNeedNext !== false) {
+      forEachArray_default()(handlers, function (handler) {
+        return handler(event, range, keyMap);
+      });
+    }
+  }
+  /**
+   * Initialize squire event
+   * @private
+   */
+  ;
+
+  _proto._initSquireEvent = function _initSquireEvent() {
+    var _this4 = this;
+
+    var squire = this.getEditor();
+    var isNeedFirePostProcessForRangeChange = false;
+    squire.addEventListener('copy', function (clipboardEvent) {
+      _this4.eventManager.emit('copy', {
+        source: 'wysiwyg',
+        data: clipboardEvent
+      });
+
+      debounce_default()(function () {
+        if (!_this4.isEditorValid()) {
+          return;
+        }
+
+        _this4.eventManager.emit('copyAfter', {
+          source: 'wysiwyg',
+          data: clipboardEvent
+        });
+      })();
+    });
+    squire.addEventListener(browser_default.a.msie ? 'beforecut' : 'cut', function (clipboardEvent) {
+      _this4.eventManager.emit('cut', {
+        source: 'wysiwyg',
+        data: clipboardEvent
+      });
+
+      debounce_default()(function () {
+        if (!_this4.isEditorValid()) {
+          return;
+        }
+
+        _this4.eventManager.emit('cutAfter', {
+          source: 'wysiwyg',
+          data: clipboardEvent
+        });
+      })();
+    });
+    squire.addEventListener(browser_default.a.msie ? 'beforepaste' : 'paste', function (clipboardEvent) {
+      _this4.eventManager.emit('paste', {
+        source: 'wysiwyg',
+        data: clipboardEvent
+      });
+    });
+    squire.addEventListener('dragover', function (ev) {
+      ev.preventDefault();
+      return false;
+    });
+    squire.addEventListener('drop', function (ev) {
+      ev.preventDefault();
+
+      _this4.eventManager.emit('drop', {
+        source: 'wysiwyg',
+        data: ev
+      });
+
+      return false;
+    }); // change event will fired after range has been updated
+
+    squire.addEventListener('input', debounce_default()(function () {
+      if (!_this4.isEditorValid()) {
+        return;
+      }
+
+      if (!_this4._silentChange) {
+        var eventObj = {
+          source: 'wysiwyg'
+        };
+
+        _this4.eventManager.emit('changeFromWysiwyg', eventObj);
+
+        _this4.eventManager.emit('change', eventObj);
+
+        _this4.eventManager.emit('contentChangedFromWysiwyg', _this4);
+      } else {
+        _this4._silentChange = false;
+      }
+
+      _this4.getEditor().preserveLastLine();
+    }, 0));
+    squire.addEventListener('keydown', function (keyboardEvent) {
+      var range = _this4.getEditor().getSelection();
+
+      if (!range.collapsed) {
+        isNeedFirePostProcessForRangeChange = true;
+      }
+
+      _this4.eventManager.emit('keydown', {
+        source: 'wysiwyg',
+        data: keyboardEvent
+      });
+
+      _this4._onKeyDown(keyboardEvent);
+    });
+
+    if (browser_default.a.firefox) {
+      squire.addEventListener('keypress', function (keyboardEvent) {
+        var keyCode = keyboardEvent.keyCode;
+
+        if (keyCode === 13 || keyCode === 9) {
+          var range = _this4.getEditor().getSelection();
+
+          if (!range.collapsed) {
+            isNeedFirePostProcessForRangeChange = true;
+          }
+
+          _this4.eventManager.emit('keydown', {
+            source: 'wysiwyg',
+            data: keyboardEvent
+          });
+
+          _this4._onKeyDown(keyboardEvent);
+        }
+      }); // firefox produces shattered text nodes
+
+      squire.addEventListener('keyup', function () {
+        var range = _this4.getRange();
+
+        if (dom["a" /* default */].isTextNode(range.commonAncestorContainer) && dom["a" /* default */].isTextNode(range.commonAncestorContainer.previousSibling)) {
+          var prevLen = range.commonAncestorContainer.previousSibling.length;
+          var curEl = range.commonAncestorContainer;
+          range.commonAncestorContainer.previousSibling.appendData(range.commonAncestorContainer.data);
+          range.setStart(range.commonAncestorContainer.previousSibling, prevLen + range.startOffset);
+          range.collapse(true);
+          dom["a" /* default */].remove(curEl);
+
+          _this4.setRange(range);
+
+          range.detach();
+        }
+      });
+    }
+
+    squire.addEventListener('keyup', function (keyboardEvent) {
+      if (isNeedFirePostProcessForRangeChange) {
+        _this4.debouncedPostProcessForChange();
+
+        isNeedFirePostProcessForRangeChange = false;
+      }
+
+      _this4.eventManager.emit('keyup', {
+        source: 'wysiwyg',
+        data: keyboardEvent
+      });
+    });
+    on_default()(this.editorContainerEl, 'scroll', function (ev) {
+      _this4.eventManager.emit('scroll', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('click', function (ev) {
+      _this4.eventManager.emit('click', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('mousedown', function (ev) {
+      _this4.eventManager.emit('mousedown', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('mouseover', function (ev) {
+      _this4.eventManager.emit('mouseover', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('mouseout', function (ev) {
+      _this4.eventManager.emit('mouseout', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('mouseup', function (ev) {
+      _this4.eventManager.emit('mouseup', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('contextmenu', function (ev) {
+      _this4.eventManager.emit('contextmenu', {
+        source: 'wysiwyg',
+        data: ev
+      });
+    });
+    squire.addEventListener('focus', function () {
+      _this4.eventManager.emit('focus', {
+        source: 'wysiwyg'
+      });
+    });
+    squire.addEventListener('blur', function () {
+      _this4.fixIMERange();
+
+      _this4.eventManager.emit('blur', {
+        source: 'wysiwyg'
+      });
+    }); // Toolbar status active/inactive
+
+    squire.addEventListener('pathChange', function (data) {
+      var state = {
+        strong: /(^B>|>B$|>B>|^B$|STRONG)/.test(data.path),
+        emph: /(>I|>EM|^I$|^EM$)/.test(data.path),
+        strike: /(^S>|>S$|>S>|^S$|DEL)/.test(data.path),
+        code: /CODE/.test(data.path),
+        codeBlock: /PRE/.test(data.path),
+        blockQuote: /BLOCKQUOTE/.test(data.path),
+        table: /TABLE/.test(data.path),
+        heading: /H[1-6]/.test(data.path),
+        list: /UL>LI(?!.task-list-item)/.test(data.path),
+        orderedList: /OL>LI(?!.task-list-item)/.test(data.path),
+        taskList: /[UL|OL]>LI.task-list-item/.test(data.path),
+        source: 'wysiwyg'
+      };
+
+      _this4.eventManager.emit('stateChange', state);
+    });
+    squire.addEventListener('willPaste', function (ev) {
+      // ev has 'fragment' when event occurs from 'insertHTML' of squire
+      // ev has 'text' when event occurs from 'insertPlainText' of squire
+      if (ev.fragment) {
+        _this4.eventManager.emit('willPaste', {
+          source: 'wysiwyg',
+          data: ev
+        });
+      }
+    });
+  };
+
+  _proto._togglePlaceholder = function _togglePlaceholder() {
+    var squire = this.getEditor();
+    squire.modifyDocument(function () {
+      var root = squire.getRoot();
+
+      if (root.textContent || root.childNodes.length > 1) {
+        root.classList.remove(PLACEHOLDER_CSS_CLASSNAME);
+      } else {
+        root.classList.add(PLACEHOLDER_CSS_CLASSNAME);
+      }
+    });
+  }
+  /**
+   * Handler of keydown event
+   * @param {object} keyboardEvent Event object
+   * @private
+   */
+  ;
+
+  _proto._onKeyDown = function _onKeyDown(keyboardEvent) {
+    var keyMap = wysiwygEditor_keyMapper.convert(keyboardEvent); // to avoid duplicate event firing in firefox
+
+    if (keyboardEvent.keyCode) {
+      this.eventManager.emit('keyMap', {
+        source: 'wysiwyg',
+        keyMap: keyMap,
+        data: keyboardEvent
+      });
+
+      if (!keyboardEvent.defaultPrevented) {
+        this.eventManager.emit('wysiwygKeyEvent', {
+          keyMap: keyMap,
+          data: keyboardEvent
+        });
+      }
+    }
+  }
+  /**
+   * Initialize default event handler
+   * @private
+   */
+  ;
+
+  _proto._initDefaultKeyEventHandler = function _initDefaultKeyEventHandler() {
+    var _this5 = this;
+
+    this.addKeyEventHandler('ENTER', function (ev, range) {
+      if (_this5._isInOrphanText(range)) {
+        // We need this cuz input text right after table make orphan text in webkit
+        _this5.defer(function () {
+          _this5._wrapDefaultBlockToOrphanTexts();
+
+          _this5.breakToNewDefaultBlock(range, 'before');
+        });
+      }
+
+      _this5.defer(function () {
+        return _this5.scrollIntoCursor();
+      });
+    });
+    this.addKeyEventHandler('TAB', function (ev) {
+      var sq = _this5.getEditor();
+
+      var range = sq.getSelection();
+
+      var isAbleToInput4Spaces = range.collapsed && _this5._isCursorNotInRestrictedAreaOfTabAction(sq);
+
+      var isTextSelection = !range.collapsed && dom["a" /* default */].isTextNode(range.commonAncestorContainer);
+      ev.preventDefault();
+
+      if (isAbleToInput4Spaces || isTextSelection) {
+        sq.insertPlainText("\xA0\xA0\xA0\xA0");
+        return false;
+      }
+
+      return true;
+    });
+    this.addKeyEventHandler('BACK_SPACE', function (ev, range, keymap) {
+      return _this5._handleRemoveKeyEvent(ev, range, keymap);
+    });
+    this.addKeyEventHandler('DELETE', function (ev, range, keymap) {
+      return _this5._handleRemoveKeyEvent(ev, range, keymap);
+    });
+  };
+
+  _proto._handleRemoveKeyEvent = function _handleRemoveKeyEvent(ev, range, keyMap) {
+    var sq = this.getEditor();
+
+    if (this._isStartHeadingOrTableAndContainsThem(range)) {
+      var keyStr = keyMap === 'BACK_SPACE' ? 'backspace' : 'delete';
+      sq.removeAllFormatting();
+
+      sq._keyHandlers[keyStr](sq, ev, sq.getSelection());
+
+      sq.removeLastUndoStack();
+      return false;
+    }
+
+    return true;
+  };
+
+  _proto._isStartHeadingOrTableAndContainsThem = function _isStartHeadingOrTableAndContainsThem(range) {
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset,
+        commonAncestorContainer = range.commonAncestorContainer,
+        collapsed = range.collapsed;
+    var root = this.getEditor().getRoot();
+    var result = false;
+
+    if (!collapsed && commonAncestorContainer === root) {
+      if (startContainer === root) {
+        result = FIND_TABLE_AND_HEADING_RX.test(dom["a" /* default */].getChildNodeByOffset(startContainer, startOffset).nodeName);
+      } else if (startOffset === 0) {
+        result = FIND_TABLE_AND_HEADING_RX.test(dom["a" /* default */].getParentUntil(startContainer, root).nodeName);
+      }
+    }
+
+    return result;
+  };
+
+  _proto._wrapDefaultBlockToOrphanTexts = function _wrapDefaultBlockToOrphanTexts() {
+    var textNodes = toArray_default()(this.getBody().childNodes).filter(function (node) {
+      return dom["a" /* default */].isTextNode(node);
+    });
+    dom["a" /* default */].getAllTextNode(this.getBody());
+    textNodes.forEach(function (node) {
+      if (node.nextSibling && node.nextSibling.tagName === 'BR') {
+        dom["a" /* default */].remove(node.nextSibling);
+      }
+
+      dom["a" /* default */].wrap(node, document.createElement('div'));
+    });
+  }
+  /**
+   * check if range is orphan text
+   * @param {Range} range range
+   * @returns {boolean} result
+   * @private
+   */
+  ;
+
+  _proto._isInOrphanText = function _isInOrphanText(range) {
+    return range.startContainer.nodeType === Node.TEXT_NODE && range.startContainer.parentNode === this.getBody();
+  }
+  /**
+   * Wrap default block to passed range
+   * @param {Range} range range
+   * @private
+   */
+  ;
+
+  _proto._wrapDefaultBlockTo = function _wrapDefaultBlockTo(range) {
+    this.saveSelection(range);
+
+    this._joinSplitedTextNodes();
+
+    this.restoreSavedSelection();
+    range = this.getRange();
+    var textElem = range.startContainer;
+    var cursorOffset = range.startOffset; // after code below, range range is arranged by body
+
+    var block = this.getEditor().createDefaultBlock([range.startContainer]); // range for insert block
+
+    var insertTargetNode = dom["a" /* default */].getChildNodeByOffset(range.startContainer, range.startOffset);
+
+    if (insertTargetNode) {
+      range.setStartBefore(insertTargetNode);
+    } else {
+      // only child in container
+      range.selectNodeContents(range.startContainer);
+    }
+
+    range.collapse(true);
+    range.insertNode(block); // revert range to original node
+
+    range.setStart(textElem, cursorOffset);
+    range.collapse(true);
+    this.setRange(range);
+  }
+  /**
+   * Join spliated text nodes
+   * @private
+   */
+  ;
+
+  _proto._joinSplitedTextNodes = function _joinSplitedTextNodes() {
+    var prevNode, lastGroup;
+    var nodesToRemove = [];
+    var textNodes = toArray_default()(this.getBody().childNodes).filter(function (node) {
+      return dom["a" /* default */].isTextNode(node);
+    });
+    textNodes.forEach(function (node) {
+      if (prevNode === node.previousSibling) {
+        lastGroup.nodeValue += node.nodeValue;
+        nodesToRemove.push(node);
+      } else {
+        lastGroup = node;
+      }
+
+      prevNode = node;
+    });
+    dom["a" /* default */].remove(nodesToRemove);
+  }
+  /**
+   * Save current selection before modification
+   * @param {Range} range Range object
+   */
+  ;
+
+  _proto.saveSelection = function saveSelection(range) {
+    if (!range) {
+      range = this.getRange();
+    }
+
+    this.getEditor()._saveRangeToBookmark(range);
+  }
+  /**
+   * set selection by start/end container/offset
+   * @param {HTMLNode} startContainer - start container
+   * @param {Number} startOffset - start offset
+   * @param {HTMLNode} endContainer - end container
+   * @param {Number} endOffset - end offset
+   * @returns {Range} - range instance
+   */
+  ;
+
+  _proto.setSelectionByContainerAndOffset = function setSelectionByContainerAndOffset(startContainer, startOffset, endContainer, endOffset) {
+    var sq = this.getEditor();
+    var range = sq.getSelection();
+    range.setStart(startContainer, startOffset);
+    range.setEnd(endContainer, endOffset);
+    sq.setSelection(range);
+    return range;
+  }
+  /**
+   * Restore saved selection
+   */
+  ;
+
+  _proto.restoreSavedSelection = function restoreSavedSelection() {
+    this.setRange(this.getEditor()._getRangeAndRemoveBookmark());
+  }
+  /**
+   * Reset wysiwyg editor
+   */
+  ;
+
+  _proto.reset = function reset() {
+    this.setValue('');
+  }
+  /**
+   * Change current range block format to passed tag
+   * @param {string} targetTagName Target element tag name
+   */
+  ;
+
+  _proto.changeBlockFormatTo = function changeBlockFormatTo(targetTagName) {
+    this.getEditor().changeBlockFormatTo(targetTagName);
+    this.eventManager.emit('wysiwygRangeChangeAfter', this);
+  }
+  /**
+   * Make empty block to current selection
+   */
+  ;
+
+  _proto.makeEmptyBlockCurrentSelection = function makeEmptyBlockCurrentSelection() {
+    var _this6 = this;
+
+    this.getEditor().modifyBlocks(function (frag) {
+      if (!frag.textContent) {
+        frag = _this6.getEditor().createDefaultBlock();
+      }
+
+      return frag;
+    });
+  }
+  /**
+   * Focus to editor
+   */
+  ;
+
+  _proto.focus = function focus() {
+    var scrollTop = this.scrollTop();
+    this.editor.focus(); // In webkit, if contenteditable element focus method have been invoked when another input element has focus,
+    // contenteditable scroll to top automatically so we need scroll it back
+
+    if (scrollTop !== this.scrollTop()) {
+      this.scrollTop(scrollTop);
+    }
+  }
+  /**
+   * Remove focus of editor
+   */
+  ;
+
+  _proto.blur = function blur() {
+    this.editor.blur();
+  }
+  /**
+   * Remove wysiwyg editor
+   */
+  ;
+
+  _proto.remove = function remove() {
+    off_default()(this.editorContainerEl, 'scroll');
+    this.getEditor().destroy();
+    this.editor = null;
+    this.body = null;
+    this.eventManager = null;
+  }
+  /**
+   * Set editor height
+   * @param {number|string} height pixel of height or "auto"
+   */
+  ;
+
+  _proto.setHeight = function setHeight(height) {
+    this._height = height;
+    css_default()(this.editorContainerEl, {
+      overflow: 'auto',
+      height: '100%'
+    });
+    css_default()(this.editorContainerEl.parentNode, {
+      height: isNumber_default()(height) ? height + "px" : height
+    });
+    var containerStyles = this.editorContainerEl.style;
+    var bodyStyles = this.getBody().style;
+    var paddingHeight = parseInt(containerStyles.paddingTop, 10) - parseInt(containerStyles.paddingBottom, 10);
+    var marginHeight = parseInt(bodyStyles.marginTop, 10) - parseInt(bodyStyles.marginBottom, 10);
+    css_default()(this.getBody(), {
+      minHeight: height - marginHeight - paddingHeight + "px"
+    });
+  }
+  /**
+   * Set min height
+   * @param {number} minHeight - min height in px
+   */
+  ;
+
+  _proto.setMinHeight = function setMinHeight(minHeight) {
+    var editorBody = this.getBody();
+    css_default()(editorBody, 'minHeight', minHeight + "px");
+  }
+  /**
+   * Set the placeholder to wysiwyg editor
+   * @param {string} placeholder - placeholder to set
+   */
+  ;
+
+  _proto.setPlaceholder = function setPlaceholder(placeholder) {
+    if (placeholder) {
+      this.getEditor().getRoot().setAttribute('data-placeholder', placeholder);
+    }
+  }
+  /**
+   * Get attribute of link for wysiwyg
+   * @returns {object} attribute - attribute of anchor tag
+   */
+  ;
+
+  _proto.getLinkAttribute = function getLinkAttribute() {
+    return this._linkAttribute;
+  }
+  /**
+   * Set value to wysiwyg editor
+   * @param {string} html - HTML text
+   * @param {boolean} [cursorToEnd=true] - move cursor to contents end
+   */
+  ;
+
+  _proto.setValue = function setValue(html, cursorToEnd) {
+    if (cursorToEnd === void 0) {
+      cursorToEnd = true;
+    }
+
+    html = this.eventManager.emitReduce('wysiwygSetValueBefore', html);
+    this.editor.setHTML(html);
+    this.eventManager.emit('wysiwygSetValueAfter', this);
+    this.eventManager.emit('contentChangedFromWysiwyg', this);
+
+    if (cursorToEnd) {
+      this.moveCursorToEnd();
+    }
+
+    this.getEditor().preserveLastLine();
+    this.getEditor().removeLastUndoStack();
+    this.getEditor().saveUndoState();
+  }
+  /**
+   * Insert given text to cursor position or selected area
+   * @param {string} text - text string to insert
+   */
+  ;
+
+  _proto.insertText = function insertText(text) {
+    this.editor.insertPlainText(text);
+  }
+  /**
+   * Get value of wysiwyg editor
+   * @returns {string} html
+   */
+  ;
+
+  _proto.getValue = function getValue() {
+    this._prepareGetHTML();
+
+    var html = this.editor.getHTML(); // empty line replace to br
+
+    html = html.replace(FIND_EMPTY_LINE, function (match, tag) {
+      var result; // we maintain empty list
+
+      if (tag === 'li') {
+        result = match; // we maintain empty table
+      } else if (tag === 'td' || tag === 'th') {
+        result = "<" + tag + ">";
+      } else {
+        result = '
    ';
+      }
+
+      return result;
+    }); // replace a space of the first and end in span tag to  .
+
+    html = html.replace(FIND_OPENING_SPAN_WITH_SPACE, ' ');
+    html = html.replace(FIND_CLOSING_SPAN_WITH_SPACE, ' '); // remove unnecessary brs
+
+    html = html.replace(FIND_UNNECESSARY_BR, ''); // remove contenteditable block, in this case div
+
+    html = html.replace(/]*>/g, '');
+    html = html.replace(/<\/div>/g, '
    ');
+    html = this.eventManager.emitReduce('wysiwygProcessHTMLText', html);
+    return html;
+  }
+  /**
+   * Prepare before get html
+   * @private
+   */
+  ;
+
+  _proto._prepareGetHTML = function _prepareGetHTML() {
+    var _this7 = this;
+
+    this.getEditor().modifyDocument(function () {
+      _this7._joinSplitedTextNodes();
+
+      _this7.eventManager.emit('wysiwygGetValueBefore', _this7);
+    });
+  }
+  /**
+   * postProcessForChange
+   */
+  ;
+
+  _proto.postProcessForChange = function postProcessForChange() {
+    var _this8 = this;
+
+    if (!this.isEditorValid()) {
+      return;
+    }
+
+    this.getEditor().modifyDocument(function () {
+      _this8.eventManager.emit('wysiwygRangeChangeAfter', _this8);
+    });
+  }
+  /**
+   * Ready to silent change
+   */
+  ;
+
+  _proto.readySilentChange = function readySilentChange() {
+    if (canObserveMutations && !this.getEditor().isIgnoreChange()) {
+      this._silentChange = true;
+    }
+  }
+  /**
+   * Get squire
+   * @returns {SquireExt} squire
+   */
+  ;
+
+  _proto.getEditor = function getEditor() {
+    return this.editor;
+  }
+  /**
+   * Replace text of passed range
+   * @param {string} content Content for change current selection
+   * @param {Range} range range
+   */
+  ;
+
+  _proto.replaceSelection = function replaceSelection(content, range) {
+    this.getEditor().replaceSelection(content, range);
+  }
+  /**
+   * Replace content by relative offset
+   * @param {string} content Content for change current selection
+   * @param {number} offset Offset of current range
+   * @param {number} overwriteLength Length to overwrite content
+   */
+  ;
+
+  _proto.replaceRelativeOffset = function replaceRelativeOffset(content, offset, overwriteLength) {
+    this.getEditor().replaceRelativeOffset(content, offset, overwriteLength);
+  }
+  /**
+   * Add widget to selection
+   * @param {Range} range Range object
+   * @param {Node} node Widget node
+   * @param {string} style Adding style "over" or "bottom"
+   * @param {number} [offset] Offset to adjust position
+   */
+  ;
+
+  _proto.addWidget = function addWidget(range, node, style, offset) {
+    var pos = this.getEditor().getSelectionPosition(range, style, offset);
+    var editorContainerPos = dom["a" /* default */].getOffset(this.editorContainerEl);
+    this.editorContainerEl.appendChild(node);
+    css_default()(node, {
+      position: 'absolute',
+      top: pos.top - editorContainerPos.top + "px",
+      left: pos.left - editorContainerPos.left + "px"
+    });
+  }
+  /**
+   * Get body container of Squire
+   * @returns {HTMLElement} body element
+   */
+  ;
+
+  _proto.getBody = function getBody() {
+    return this.getEditor().getBody();
+  }
+  /**
+   * Check with given regexp whether current path has some format or not
+   * @param {RegExp} rx Regexp
+   * @returns {boolean} Match result
+   */
+  ;
+
+  _proto.hasFormatWithRx = function hasFormatWithRx(rx) {
+    return this.getEditor().getPath().match(rx);
+  }
+  /**
+   * Break line to new default block from passed range
+   * @param {Range} range Range object
+   * @param {string} [where] "before" or not
+   */
+  ;
+
+  _proto.breakToNewDefaultBlock = function breakToNewDefaultBlock(range, where) {
+    var div = this.editor.createDefaultBlock();
+    var currentNode = dom["a" /* default */].getChildNodeByOffset(range.startContainer, range.startOffset) || dom["a" /* default */].getChildNodeByOffset(range.startContainer, range.startOffset - 1);
+    var appendBefore = dom["a" /* default */].getParentUntil(currentNode, this.getBody());
+
+    if (where === 'before') {
+      dom["a" /* default */].insertBefore(div, appendBefore);
+    } else {
+      dom["a" /* default */].insertAfter(div, appendBefore);
+    }
+
+    range.setStart(div, 0);
+    range.collapse(true);
+    this.setRange(range);
+  }
+  /**
+   * Replace textContet of node
+   * @param {Node} container Container node
+   * @param {string} from Target text to change
+   * @param {string} to Replacement text
+   */
+  ;
+
+  _proto.replaceContentText = function replaceContentText(container, from, to) {
+    var beforeText = container.innerHTML;
+    container.innerHTML = beforeText.replace(from, to);
+  }
+  /**
+   * Unwrap Block tag of current range
+   * @param {function} [condition] iterate with tagName
+   */
+  ;
+
+  _proto.unwrapBlockTag = function unwrapBlockTag(condition) {
+    if (!condition) {
+      condition = function condition(tagName) {
+        return wysiwygEditor_FIND_BLOCK_TAGNAME_RX.test(tagName);
+      };
+    }
+
+    this.getEditor().changeBlockFormat(condition);
+    this.eventManager.emit('wysiwygRangeChangeAfter', this);
+  }
+  /**
+   * move scroll to cursor
+   * scrollIntoView browser function may cause scrolling on document.
+   * this function aims to replace scrollIntoView function to prevent that.
+   * it will move the scroll of squire only.
+   */
+  ;
+
+  _proto.scrollIntoCursor = function scrollIntoCursor() {
+    var scrollTop = this.scrollTop();
+
+    var _this$getEditor$getCu = this.getEditor().getCursorPosition(),
+        cursorTop = _this$getEditor$getCu.top,
+        cursorHeight = _this$getEditor$getCu.height;
+
+    var _this$editorContainer = this.editorContainerEl.getBoundingClientRect(),
+        editorTop = _this$editorContainer.top,
+        editorHeight = _this$editorContainer.height;
+
+    var cursorAboveEditor = cursorTop - editorTop;
+    var cursorBelowEditor = cursorTop + cursorHeight - (editorTop + editorHeight);
+
+    if (cursorAboveEditor < 0) {
+      this.scrollTop(scrollTop + cursorAboveEditor);
+    } else if (cursorBelowEditor > 0) {
+      this.scrollTop(Math.ceil(scrollTop + cursorBelowEditor));
+    }
+  }
+  /**
+   * Set cursor position to end
+   */
+  ;
+
+  _proto.moveCursorToEnd = function moveCursorToEnd() {
+    this.getEditor().moveCursorToEnd();
+    this.scrollIntoCursor();
+
+    this._correctRangeAfterMoveCursor('end');
+  }
+  /**
+   * Set cursor position to start
+   */
+  ;
+
+  _proto.moveCursorToStart = function moveCursorToStart() {
+    this.getEditor().moveCursorToStart();
+    this.scrollTop(0);
+  }
+  /**
+   * Set cursor position to start
+   * @param {number} value Scroll amount
+   * @returns {number} value of scrollTop
+   */
+  ;
+
+  _proto.scrollTop = function scrollTop(value) {
+    if (!isUndefined_default()(value)) {
+      this.editorContainerEl.scrollTop = value;
+    }
+
+    return this.editorContainerEl.scrollTop;
+  }
+  /**
+   * For arrange Range after moveCursorToEnd api invocation. Squire has bug in Firefox, IE.
+   * @param {string} direction Direction of cursor move
+   * @private
+   */
+  ;
+
+  _proto._correctRangeAfterMoveCursor = function _correctRangeAfterMoveCursor(direction) {
+    var range = this.getRange();
+    var cursorContainer = this.getBody();
+
+    if (direction === 'start') {
+      while (cursorContainer.firstChild) {
+        cursorContainer = cursorContainer.firstChild;
+      }
+    } else {
+      while (cursorContainer.lastChild) {
+        cursorContainer = cursorContainer.lastChild;
+      }
+    } // IE have problem with cursor after br
+
+
+    if (cursorContainer.tagName === 'BR') {
+      range.setStartBefore(cursorContainer);
+    } else {
+      range.setStartAfter(cursorContainer);
+    }
+
+    range.collapse(true);
+    this.setRange(range);
+  }
+  /**
+   * Get current Range object
+   * @returns {Range}
+   */
+  ;
+
+  _proto.getRange = function getRange() {
+    return this.getEditor().getSelection().cloneRange();
+  }
+  /**
+   * get IME range
+   * cjk composition causes wrong caret position.
+   * it returns fixed IME composition range
+   * @returns {Range}
+   */
+  ;
+
+  _proto.getIMERange = function getIMERange() {
+    var range;
+    var selection = getSelection();
+
+    if (selection && selection.rangeCount) {
+      range = selection.getRangeAt(0).cloneRange();
+    }
+
+    return range;
+  }
+  /**
+   * get IME range
+   * cjk composition causes wrong caret position.
+   * it sets fixed IME composition range
+   */
+  ;
+
+  _proto.fixIMERange = function fixIMERange() {
+    var range = this.getIMERange(); // range exists and it's an WYSIWYG editor content
+
+    if (range) {
+      var contentElement = dom["a" /* default */].getParentUntil(range.commonAncestorContainer, this.editorContainerEl);
+      var foundEditorElement = !!(contentElement && contentElement.parentNode);
+
+      if (foundEditorElement) {
+        this.setRange(range);
+      }
+    }
+  }
+  /**
+   * set range
+   * @param {Range} range - range to set
+   */
+  ;
+
+  _proto.setRange = function setRange(range) {
+    this.getEditor().setSelection(range);
+  }
+  /**
+   * Check whether passed range is in table or not
+   * @param {Range} range range
+   * @returns {boolean} result
+   */
+  ;
+
+  _proto.isInTable = function isInTable(range) {
+    var target = range.collapsed ? range.startContainer : range.commonAncestorContainer;
+    return !!dom["a" /* default */].closest(target, '[contenteditable=true] table');
+  }
+  /**
+   * Get text object of current range
+   * @param {Range} range Range object
+   * @returns {WwTextObject}
+   */
+  ;
+
+  _proto.getTextObject = function getTextObject(range) {
+    return new wwTextObject(this, range);
+  };
+
+  _proto.defer = function defer(callback, delayOffset) {
+    var _this9 = this;
+
+    var delay = delayOffset ? delayOffset : 0;
+    setTimeout(function () {
+      if (_this9.isEditorValid()) {
+        callback(_this9);
+      }
+    }, delay);
+  };
+
+  _proto.isEditorValid = function isEditorValid() {
+    return this.getEditor() && dom["a" /* default */].isContain(document.body, this.editorContainerEl);
+  };
+
+  _proto._isCursorNotInRestrictedAreaOfTabAction = function _isCursorNotInRestrictedAreaOfTabAction(editor) {
+    return !editor.hasFormat('li') && !editor.hasFormat('blockquote') && !editor.hasFormat('table');
+  };
+
+  _proto.getSanitizer = function getSanitizer() {
+    return this._sanitizer;
+  }
+  /**
+   * WysiwygEditor factory method
+   * @param {HTMLElement} el Container element for editor
+   * @param {EventManager} eventManager EventManager instance
+   * @param {object} [options={}] - option object
+   * @returns {WysiwygEditor} wysiwygEditor
+   * @ignore
+   */
+  ;
+
+  WysiwygEditor.factory = function factory(el, eventManager, options) {
+    var wwe = new WysiwygEditor(el, eventManager, options);
+    wwe.init();
+    wwe.componentManager.addManager(wwLinkManager_WwLinkManager);
+    wwe.componentManager.addManager(wwListManager);
+    wwe.componentManager.addManager(wwTaskManager);
+    wwe.componentManager.addManager(wwTableSelectionManager);
+    wwe.componentManager.addManager(wwTableManager);
+    wwe.componentManager.addManager(wwHrManager);
+    wwe.componentManager.addManager(wwPManager);
+    wwe.componentManager.addManager(wwHeadingManager);
+    wwe.componentManager.addManager(wwCodeBlockManager);
+    return wwe;
+  };
+
+  return WysiwygEditor;
+}();
+
+/* harmony default export */ var wysiwygEditor = (wysiwygEditor_WysiwygEditor);
+// CONCATENATED MODULE: ./src/js/layout.js
+/**
+ * @fileoverview editor layout
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Editor container template
+ * @type {string}
+ * @ignore
+ */
+
+var containerTmpl = ['
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    '].join('');
+/**
+ * Class Layout
+ * @param {object} options - Option object
+ * @param {EventManager} eventManager - Event manager instance
+ * @ignore
+ */
+
+var layout_Layout = /*#__PURE__*/function () {
+  function Layout(options, eventManager) {
+    this.el = options.el;
+    this.height = options.height;
+    this.type = options.initialEditType;
+    this.eventManager = eventManager;
+    this.init();
+
+    this._initEvent();
+  }
+  /**
+   * Initializer
+   * @protected
+   */
+
+
+  var _proto = Layout.prototype;
+
+  _proto.init = function init() {
+    this._renderLayout();
+
+    this._initMarkdownAndPreviewSection();
+
+    this._initWysiwygSection();
+  }
+  /**
+   * Initialize show and hide event
+   * @private
+   */
+  ;
+
+  _proto._initEvent = function _initEvent() {
+    this.eventManager.listen('hide', this.hide.bind(this));
+    this.eventManager.listen('show', this.show.bind(this));
+  }
+  /**
+   * Create editor container with template
+   * @private
+   */
+  ;
+
+  _proto._renderLayout = function _renderLayout() {
+    css_default()(this.el, {
+      boxSizing: 'border-box'
+    });
+    this.containerEl = dom["a" /* default */].createElementWith(containerTmpl, this.el);
+  }
+  /**
+   * Switch editor mode to WYSIWYG
+   */
+  ;
+
+  _proto.switchToWYSIWYG = function switchToWYSIWYG() {
+    removeClass_default()(this.containerEl, 'te-md-mode');
+    addClass_default()(this.containerEl, 'te-ww-mode');
+  }
+  /**
+   * Switch editor mode to Markdown
+   */
+  ;
+
+  _proto.switchToMarkdown = function switchToMarkdown() {
+    removeClass_default()(this.containerEl, 'te-ww-mode');
+    addClass_default()(this.containerEl, 'te-md-mode');
+  }
+  /**
+   * Initialize editor to Markdown and set preview section
+   * @private
+   */
+  ;
+
+  _proto._initMarkdownAndPreviewSection = function _initMarkdownAndPreviewSection() {
+    this.mdEditorContainerEl = this.containerEl.querySelector('.te-md-container .te-editor');
+    this.previewEl = this.containerEl.querySelector('.te-md-container .te-preview');
+  }
+  /**
+   * Initialize editor to WYSIWYG
+   * @private
+   */
+  ;
+
+  _proto._initWysiwygSection = function _initWysiwygSection() {
+    this.wwEditorContainerEl = this.containerEl.querySelector('.te-ww-container .te-editor');
+  }
+  /**
+   * Set preview to vertical split style
+   * @private
+   */
+  ;
+
+  _proto._verticalSplitStyle = function _verticalSplitStyle() {
+    var mdContainer = this.containerEl.querySelector('.te-md-container');
+    removeClass_default()(mdContainer, 'te-preview-style-tab');
+    addClass_default()(mdContainer, 'te-preview-style-vertical');
+  }
+  /**
+   * Set tab style preview mode
+   * @private
+   */
+  ;
+
+  _proto._tabStyle = function _tabStyle() {
+    var mdContainer = this.containerEl.querySelector('.te-md-container');
+    removeClass_default()(mdContainer, 'te-preview-style-vertical');
+    addClass_default()(mdContainer, 'te-preview-style-tab');
+  }
+  /**
+   * Toggle preview style between tab and vertical split
+   * @param {string} style Preview style ('tab' or 'vertical')
+   */
+  ;
+
+  _proto.changePreviewStyle = function changePreviewStyle(style) {
+    if (style === 'tab') {
+      this._tabStyle();
+    } else if (style === 'vertical') {
+      this._verticalSplitStyle();
+    }
+  }
+  /**
+   * Hide Editor
+   */
+  ;
+
+  _proto.hide = function hide() {
+    addClass_default()(this.el.querySelector('.tui-editor'), 'te-hide');
+  }
+  /**
+   * Show Editor
+   */
+  ;
+
+  _proto.show = function show() {
+    removeClass_default()(this.el.querySelector('.tui-editor'), 'te-hide');
+  }
+  /**
+   * Remove Editor
+   */
+  ;
+
+  _proto.remove = function remove() {
+    dom["a" /* default */].remove(this.el.querySelector('.tui-editor'));
+  }
+  /**
+   * Get wrapped editor container element
+   * @returns {HTMLElement}
+   */
+  ;
+
+  _proto.getEditorEl = function getEditorEl() {
+    return this.containerEl;
+  }
+  /**
+   * Get wrapped preview element
+   * @returns {HTMLElement}
+   */
+  ;
+
+  _proto.getPreviewEl = function getPreviewEl() {
+    return this.previewEl;
+  }
+  /**
+   * Get wrapped Markdown editor element
+   * @returns {HTMLElement}
+   */
+  ;
+
+  _proto.getMdEditorContainerEl = function getMdEditorContainerEl() {
+    return this.mdEditorContainerEl;
+  }
+  /**
+   * Get wrapped WYSIWYG editor element
+   * @returns {HTMLElement}
+   */
+  ;
+
+  _proto.getWwEditorContainerEl = function getWwEditorContainerEl() {
+    return this.wwEditorContainerEl;
+  };
+
+  return Layout;
+}();
+
+/* harmony default export */ var js_layout = (layout_Layout);
+// EXTERNAL MODULE: ./src/js/eventManager.js
+var js_eventManager = __webpack_require__(36);
+
+// EXTERNAL MODULE: ./src/js/commandManager.js + 1 modules
+var commandManager = __webpack_require__(1);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/array/inArray.js
+var inArray = __webpack_require__(14);
+var inArray_default = /*#__PURE__*/__webpack_require__.n(inArray);
+
+// CONCATENATED MODULE: ./src/js/importManager.js
+/**
+ * @fileoverview Implement Module for managing import external data such as image
+ * @author NHN FE Development Lab 
+ */
+
+
+var URLRegex = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})(\/([^\s]*))?$/g;
+/**
+ * Class ImportManager
+ * @param {EventManager} eventManager - eventManager
+ * @ignore
+ */
+
+var importManager_ImportManager = /*#__PURE__*/function () {
+  function ImportManager(eventManager) {
+    this.eventManager = eventManager;
+
+    this._initEvent();
+
+    this._initDefaultImageImporter();
+  }
+  /**
+   * graceful decode uri component
+   * @param {string} originalURI - string to be decoded
+   * @returns {string} decoded string
+   * @static
+   */
+
+
+  ImportManager.decodeURIGraceful = function decodeURIGraceful(originalURI) {
+    var uris = originalURI.split(' ');
+    var decodedURIs = [];
+    var decodedURI;
+    forEachArray_default()(uris, function (uri) {
+      try {
+        decodedURI = decodeURIComponent(uri);
+        decodedURI = decodedURI.replace(/ /g, '%20');
+      } catch (e) {
+        decodedURI = uri;
+      }
+
+      return decodedURIs.push(decodedURI);
+    });
+    return decodedURIs.join(' ');
+  }
+  /**
+   * encode markdown critical characters
+   * @param {string} text - string to encode
+   * @returns {string} - markdown character encoded string
+   * @static
+   */
+  ;
+
+  ImportManager.encodeMarkdownCharacters = function encodeMarkdownCharacters(text) {
+    return text.replace(/\(/g, '%28').replace(/\)/g, '%29').replace(/\[/g, '%5B').replace(/\]/g, '%5D').replace(//g, '%3E');
+  }
+  /**
+   * escape markdown critical characters
+   * @param {string} text - string to escape
+   * @returns {string} - markdown character escaped string
+   * @static
+   */
+  ;
+
+  ImportManager.escapeMarkdownCharacters = function escapeMarkdownCharacters(text) {
+    return text.replace(/\(/g, '\\(').replace(/\)/g, '\\)').replace(/\[/g, '\\[').replace(/\]/g, '\\]').replace(//g, '\\>');
+  }
+  /**
+   * Initialize event handler
+   * @private
+   */
+  ;
+
+  var _proto = ImportManager.prototype;
+
+  _proto._initEvent = function _initEvent() {
+    var _this = this;
+
+    this.eventManager.listen('drop', function (ev) {
+      var items = ev.data.dataTransfer && ev.data.dataTransfer.files;
+
+      _this._processBlobItems(items, ev.data);
+    });
+    this.eventManager.listen('willPaste', function (ev) {
+      // IE has no interface to handle clipboard image. #976
+      var fragment = ev.data.fragment;
+      var descendant = fragment.querySelectorAll('*'); // only if paste event data has one img element and the element has base64 encoded image
+
+      if (descendant.length !== 1 || descendant[0].tagName !== 'IMG' || !/^data:image/.test(descendant[0].src)) {
+        return;
+      }
+
+      ev.data.preventDefault();
+      var blob = dataURItoBlob(descendant[0].src);
+
+      _this._emitAddImageBlobHook(blob, 'paste');
+    });
+    this.eventManager.listen('paste', function (ev) {
+      _this._processClipboard(ev.data);
+    });
+    this.eventManager.listen('pasteBefore', function (ev) {
+      _this._decodeURL(ev);
+    });
+  }
+  /**
+   * Initialize default image importer
+   * @private
+   */
+  ;
+
+  _proto._initDefaultImageImporter = function _initDefaultImageImporter() {
+    this.eventManager.listen('addImageBlobHook', function (blob, callback) {
+      var reader = new FileReader();
+
+      reader.onload = function (event) {
+        callback(event.target.result);
+      };
+
+      reader.readAsDataURL(blob);
+    });
+  }
+  /**
+   * Emit add image blob hook
+   * @param {object} blob - blob or file
+   * @param {string} type - type of an event the item belongs to. paste or drop
+   * @private
+   */
+  ;
+
+  _proto._emitAddImageBlobHook = function _emitAddImageBlobHook(blob, type) {
+    var _this2 = this;
+
+    this.eventManager.emit('addImageBlobHook', blob, function (imageUrl, altText) {
+      _this2.eventManager.emit('command', 'AddImage', {
+        imageUrl: imageUrl,
+        altText: altText || blob.name || 'image'
+      });
+    }, type);
+  }
+  /**
+   * Decode url when paste link
+   * @param {object} ev - event object
+   * @private
+   */
+  ;
+
+  _proto._decodeURL = function _decodeURL(ev) {
+    var decodeURIGraceful = ImportManager.decodeURIGraceful,
+        encodeMarkdownCharacters = ImportManager.encodeMarkdownCharacters;
+
+    if (ev.source === 'markdown' && ev.data.text) {
+      var texts = ev.data.text;
+      var text = texts[0];
+
+      if (texts.length === 1 && text.match(URLRegex)) {
+        text = decodeURIGraceful(text);
+        text = encodeMarkdownCharacters(text);
+        ev.data.update(null, null, [text]);
+      }
+    } else if (ev.source === 'wysiwyg') {
+      var container = ev.clipboardContainer;
+      var _container$childNodes = container.childNodes,
+          firstChild = _container$childNodes[0];
+      var _text = firstChild.innerText;
+
+      if (container.childNodes.length === 1 && firstChild.tagName === 'A' && _text.match(URLRegex)) {
+        firstChild.innerText = decodeURIGraceful(_text);
+        firstChild.href = encodeMarkdownCharacters(firstChild.href);
+      }
+    }
+  }
+  /**
+   * Get blob or excel data from clipboard
+   * @param {object} evData Clipboard data
+   * @private
+   */
+  ;
+
+  _proto._processClipboard = function _processClipboard(evData) {
+    var cbData = evData.clipboardData || window.clipboardData;
+    var blobItems = cbData && cbData.items;
+    var types = cbData.types;
+
+    if (blobItems && types && types.length === 1 && inArray_default()('Files', [].slice.call(types)) !== -1) {
+      this._processBlobItems(blobItems, evData);
+    }
+  }
+  /**
+   * Process for blob item
+   * @param {Array.} items Item array
+   * @param {object} evData Event data
+   * @private
+   */
+  ;
+
+  _proto._processBlobItems = function _processBlobItems(items, evData) {
+    var _this3 = this;
+
+    if (items) {
+      forEachArray_default()(items, function (item) {
+        if (item.type.indexOf('image') !== -1) {
+          evData.preventDefault();
+          evData.stopPropagation();
+          evData.codemirrorIgnore = true;
+          var blob = item.name ? item : item.getAsFile(); // Blob or File
+
+          _this3._emitAddImageBlobHook(blob, evData.type);
+
+          return false;
+        }
+
+        return true;
+      });
+    }
+  };
+
+  return ImportManager;
+}();
+/**
+ * data URI to Blob
+ * @param {string} dataURI - data URI string
+ * @returns {Blob} - blob data
+ * @ignore
+ */
+
+
+function dataURItoBlob(dataURI) {
+  var byteString = atob(dataURI.split(',')[1]);
+  var ab = new ArrayBuffer(byteString.length);
+  var ia = new Uint8Array(ab);
+
+  for (var i = 0; i < byteString.length; i += 1) {
+    ia[i] = byteString.charCodeAt(i);
+  }
+
+  var _dataURI$split = dataURI.split(','),
+      mimeString = _dataURI$split[0];
+
+  var blob = new Blob([ab], {
+    type: mimeString.split(':')[1].split(';')[0]
+  });
+  return blob;
+}
+
+/* harmony default export */ var importManager = (importManager_ImportManager);
+// EXTERNAL MODULE: ./src/js/convertor.js
+var convertor = __webpack_require__(37);
+
+// EXTERNAL MODULE: ./src/js/viewer.js
+var viewer = __webpack_require__(46);
+
+// EXTERNAL MODULE: ./src/js/utils/map.js
+var map = __webpack_require__(23);
+
+// CONCATENATED MODULE: ./src/js/i18n.js
+/**
+ * @fileoverview Implements i18n
+ * @author NHN FE Development Lab 
+ */
+
+
+var DEFAULT_CODE = 'en-US';
+/**
+ * Class I18n
+ * @ignore
+ */
+
+var i18n_I18n = /*#__PURE__*/function () {
+  function I18n() {
+    this._code = DEFAULT_CODE;
+    this._langs = new map["a" /* default */]();
+  }
+  /**
+   * Set locale code
+   * @param {string} code locale code
+   */
+
+
+  var _proto = I18n.prototype;
+
+  _proto.setCode = function setCode(code) {
+    this._code = code;
+  }
+  /**
+   * Set language set
+   * @param {string|string[]} codes locale code
+   * @param {object} data language set
+   */
+  ;
+
+  _proto.setLanguage = function setLanguage(codes, data) {
+    var _this = this;
+
+    codes = [].concat(codes);
+    codes.forEach(function (code) {
+      if (!_this._langs.has(code)) {
+        _this._langs.set(code, data);
+      } else {
+        var langData = _this._langs.get(code);
+
+        _this._langs.set(code, extend_default()(langData, data));
+      }
+    });
+  }
+  /**
+   * Get text of key
+   * @param {string} key key of text
+   * @param {string} code locale code
+   * @returns {string}
+   */
+  ;
+
+  _proto.get = function get(key, code) {
+    if (!code) {
+      code = this._code;
+    }
+
+    var langSet = this._langs.get(code);
+
+    if (!langSet) {
+      langSet = this._langs.get(DEFAULT_CODE);
+    }
+
+    var text = langSet[key];
+
+    if (!text) {
+      throw new Error("There is no text key \"" + key + "\" in " + code);
+    }
+
+    return text;
+  };
+
+  return I18n;
+}();
+
+
+/* harmony default export */ var i18n = (new i18n_I18n());
+// EXTERNAL MODULE: ./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
+var ResizeObserver_es = __webpack_require__(57);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isString.js
+var isString = __webpack_require__(9);
+var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/type/isObject.js
+var isObject = __webpack_require__(54);
+var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject);
+
+// EXTERNAL MODULE: ./node_modules/tui-code-snippet/customEvents/customEvents.js
+var customEvents = __webpack_require__(58);
+var customEvents_default = /*#__PURE__*/__webpack_require__.n(customEvents);
+
+// CONCATENATED MODULE: ./src/js/ui/uicontroller.js
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements ui controller
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+var DOM_EVENTS = ['click', 'mousedown', 'mousemove', 'mouseup', 'mouseover', 'mouseout', 'scroll'];
+
+var _uiInstanceId = -1;
+/**
+ * get ui instance id
+ * @returns {number} - new instance id
+ * @ignore
+ */
+
+
+function makeUIInstanceId() {
+  _uiInstanceId += 1;
+  return _uiInstanceId;
+}
+/**
+ * Class UIController
+ * @param {Object} [options] - options
+ *     @param {HTMLElement} [options.rootElement] - root element
+ *     @param {string} [options.tagName] - tag name
+ *     @param {string} [options.className] - class name
+ */
+
+
+var uicontroller_UIController = /*#__PURE__*/function () {
+  /**
+   * tag name
+   * @type {string}
+   */
+
+  /**
+   * ui controller class name
+   * @type {string}
+   */
+
+  /**
+   * UI element
+   * @type {Object}
+   */
+
+  /**
+   * UI Id
+   * @type {number}
+   * @private
+   */
+  function UIController(options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    _defineProperty(this, "tagName", void 0);
+
+    _defineProperty(this, "className", void 0);
+
+    _defineProperty(this, "el", void 0);
+
+    _defineProperty(this, "_id", void 0);
+
+    options = extend_default()({
+      tagName: 'div'
+    }, options);
+    this.tagName = options.tagName;
+    this.className = options.className;
+    this._id = makeUIInstanceId();
+    this.customEventManager = new customEvents_default.a();
+
+    this._setRootElement(options.rootElement);
+  }
+  /**
+   * @param {string|object} aType - event name and selector string
+   * @param {function} aFn - event handler
+   */
+
+
+  var _proto = UIController.prototype;
+
+  _proto.on = function on(aType, aFn) {
+    var _this = this;
+
+    if (isObject_default()(aType)) {
+      forEachOwnProperties_default()(aType, function (fn, type) {
+        _this._addEvent(type, fn);
+      });
+    } else {
+      this._addEvent(aType, aFn);
+    }
+  };
+
+  _proto._bindDomEvent = function _bindDomEvent(event, selector, fn) {
+    if (selector) {
+      dom["a" /* default */].findAll(this.el, selector).forEach(function (el) {
+        on_default()(el, event, fn);
+      });
+    } else {
+      on_default()(this.el, event, fn);
+    }
+  }
+  /**
+   * bind event
+   * @param {string} type - event name and selector
+   * @param {function} fn - handler function
+   * @private
+   */
+  ;
+
+  _proto._addEvent = function _addEvent(type, fn) {
+    var _this$_parseEventType = this._parseEventType(type),
+        event = _this$_parseEventType.event,
+        selector = _this$_parseEventType.selector;
+
+    if (inArray_default()(event, DOM_EVENTS) > -1) {
+      this._bindDomEvent(event, selector, fn);
+    } else {
+      this.customEventManager.on(event, fn);
+    }
+  };
+
+  _proto._unbindDomEvent = function _unbindDomEvent(event, selector, fn) {
+    if (selector) {
+      dom["a" /* default */].findAll(this.el, selector).forEach(function (el) {
+        off_default()(el, event, fn);
+      });
+    } else {
+      off_default()(this.el, event, fn);
+    }
+  }
+  /**
+   * unbind event handler
+   * @param {string} type - event name and selector
+   * @param {function} fn - handler function
+   */
+  ;
+
+  _proto.off = function off(type, fn) {
+    var _this$_parseEventType2 = this._parseEventType(type),
+        event = _this$_parseEventType2.event,
+        selector = _this$_parseEventType2.selector;
+
+    if (inArray_default()(event, DOM_EVENTS) > -1) {
+      this._unbindDomEvent(event, selector, fn);
+    } else {
+      this.customEventManager.off(event, fn);
+    }
+  }
+  /**
+   * parse string into event name & selector
+   * 'click td' => ['click', 'td']
+   * @param {string} type - string to be parsed
+   * @returns {Object} event, selector
+   * @private
+   */
+  ;
+
+  _proto._parseEventType = function _parseEventType(type) {
+    var splitType = type.split(' ');
+    var event = splitType.shift();
+    var selector = splitType.join(' ');
+    return {
+      event: event,
+      selector: selector
+    };
+  }
+  /**
+   * set root element
+   * @param {HTMLElement} el - root element
+   * @private
+   */
+  ;
+
+  _proto._setRootElement = function _setRootElement(el) {
+    if (!el) {
+      var tagName = this.tagName;
+      el = document.createElement(tagName);
+      el.className = this.className || "uic" + this._id;
+    }
+
+    this.el = el;
+  }
+  /**
+   * trigger event
+   * @param {string} eventName - event name
+   * @param {*} eventData - event data
+   */
+  ;
+
+  _proto.trigger = function trigger(eventName, eventData) {
+    this.customEventManager.fire(eventName, eventData);
+  }
+  /**
+   * remove
+   */
+  ;
+
+  _proto.remove = function remove() {
+    if (this.el) {
+      dom["a" /* default */].remove(this.el);
+    }
+  }
+  /**
+   * destroy
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    var _this2 = this;
+
+    this.remove();
+    forEachOwnProperties_default()(this, function (value, key) {
+      _this2[key] = null;
+    });
+  };
+
+  return UIController;
+}();
+
+/* harmony default export */ var uicontroller = (uicontroller_UIController);
+// CONCATENATED MODULE: ./src/js/ui/toolbarItem.js
+function toolbarItem_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function toolbarItem_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements Toolbar Item
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Class ToolbarItem
+ * @param {Object} [options={name: 'toolbar-item'}] [description]
+ */
+
+var toolbarItem_ToolbarItem = /*#__PURE__*/function (_UIController) {
+  toolbarItem_inheritsLoose(ToolbarItem, _UIController);
+
+  /**
+   * item name
+   * @type {String}
+   * @static
+   * @private
+   */
+
+  /**
+   * toolbar item class name
+   * @type {String}
+   * @static
+   * @private
+   */
+  function ToolbarItem(options) {
+    var _this;
+
+    if (options === void 0) {
+      options = {
+        name: ToolbarItem.name
+      };
+    }
+
+    _this = _UIController.call(this, extend_default()({
+      className: ToolbarItem.className
+    }, options)) || this;
+    _this._name = options.name;
+    return _this;
+  }
+  /**
+   * get the name of the toolbar item
+   * @returns {string} - the name of the toolbar item
+   */
+
+
+  var _proto = ToolbarItem.prototype;
+
+  _proto.getName = function getName() {
+    return this._name;
+  };
+
+  return ToolbarItem;
+}(uicontroller);
+
+toolbarItem_defineProperty(toolbarItem_ToolbarItem, "name", 'item');
+
+toolbarItem_defineProperty(toolbarItem_ToolbarItem, "className", 'tui-toolbar-item');
+
+/* harmony default export */ var ui_toolbarItem = (toolbarItem_ToolbarItem);
+// CONCATENATED MODULE: ./src/js/ui/tooltip.js
+/**
+ * @fileoverview Implements tooltip
+ * @author NHN FE Development Lab 
+ */
+
+
+var TOOLTIP_CONTENT = '
    ';
+var TOOLTIP_TOP_INDENT = 7;
+/**
+ * Class Tooltip
+ * @ignore
+ */
+
+var tooltip_Tooltip = /*#__PURE__*/function () {
+  function Tooltip() {
+    this.el = dom["a" /* default */].createElementWith("
    " + TOOLTIP_CONTENT + "
    ");
+    document.body.appendChild(this.el);
+    this.hide();
+  }
+  /**
+   * show tooltop
+   * @param {HTMLElement} target - target element to bind
+   * @param {String} text - text to show
+   */
+
+
+  var _proto = Tooltip.prototype;
+
+  _proto.show = function show(target, text) {
+    var targetRect = target.getBoundingClientRect();
+    var left = targetRect.left + window.pageXOffset;
+    var top = targetRect.top + window.pageYOffset;
+    css_default()(this.el, {
+      top: top + target.clientHeight + TOOLTIP_TOP_INDENT + "px",
+      left: left + 3 + "px"
+    });
+    this.el.querySelector('.text').innerHTML = text;
+    css_default()(this.el, {
+      display: 'block'
+    });
+  };
+
+  _proto.hide = function hide() {
+    css_default()(this.el, {
+      display: 'none'
+    });
+  };
+
+  _proto.remove = function remove() {
+    dom["a" /* default */].remove(this.el);
+  };
+
+  return Tooltip;
+}();
+
+/* harmony default export */ var tooltip = (new tooltip_Tooltip());
+// CONCATENATED MODULE: ./src/js/ui/toolbarButton.js
+function toolbarButton_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function toolbarButton_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function toolbarButton_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements UI ToolbarButton
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * @typedef {object} toolbarItemsValue
+ * @property {string} type - type of toolbar item (default value is 'button')
+ * @property {toolbarButtonOptions} options - options of toolbar item
+ */
+
+/**
+ * @typedef {object} toolbarButtonOptions
+ * @property {HTMLElement} el - target element
+ * @property {string} className - button's class name
+ * @property {string} command - command name to execute on click
+ * @property {string} event - event name to trigger on click
+ * @property {string} text - text on button
+ * @property {string} tooltip - text on tooltip
+ * @property {string} style - button's style
+ * @property {string} state - button's state
+ */
+
+/**
+ * Class ToolbarButton UI
+ * @param {toolbarButtonOptions} options - button options
+ * @ignore
+ */
+
+var toolbarButton_ToolbarButton = /*#__PURE__*/function (_ToolbarItem) {
+  toolbarButton_inheritsLoose(ToolbarButton, _ToolbarItem);
+
+  /**
+   * item name
+   * @type {String}
+   * @static
+   */
+
+  /**
+   * ToolbarItem className
+   * @type {String}
+   * @static
+   */
+  function ToolbarButton(options) {
+    var _this;
+
+    if (options === void 0) {
+      options = {
+        tagName: 'button',
+        name: ToolbarButton.name
+      };
+    }
+
+    _this = _ToolbarItem.call(this, {
+      name: options.name,
+      tagName: 'button',
+      className: options.className + " " + ToolbarButton.className,
+      rootElement: options.el
+    }) || this;
+
+    _this._setOptions(options);
+
+    _this._render();
+
+    _this.on('click', _this._onClick.bind(toolbarButton_assertThisInitialized(_this)));
+
+    if (options.tooltip) {
+      _this.on('mouseover', _this._onOver.bind(toolbarButton_assertThisInitialized(_this)));
+
+      _this.on('mouseout', _this._onOut.bind(toolbarButton_assertThisInitialized(_this)));
+    }
+
+    return _this;
+  }
+  /**
+   * set tooltip text
+   * @param {string} text - tooltip text to show
+   */
+
+
+  var _proto = ToolbarButton.prototype;
+
+  _proto.setTooltip = function setTooltip(text) {
+    this._tooltip = text;
+  };
+
+  _proto._setOptions = function _setOptions(options) {
+    this._command = options.command;
+    this._event = options.event;
+    this._text = options.text;
+    this._tooltip = options.tooltip;
+    this._style = options.style;
+    this._state = options.state;
+  };
+
+  _proto._render = function _render() {
+    var text = document.createTextNode(this._text || '');
+    this.el.appendChild(text);
+    this.el.setAttribute('type', 'button');
+
+    if (this._style) {
+      this.el.setAttribute('style', this._style);
+    }
+  };
+
+  _proto._onClick = function _onClick() {
+    if (!this.isEnabled()) {
+      return;
+    }
+
+    if (this._command) {
+      this.trigger('command', this._command);
+    } else if (this._event) {
+      this.trigger('event', this._event);
+    }
+
+    this.trigger('clicked');
+  };
+
+  _proto._onOver = function _onOver() {
+    if (!this.isEnabled()) {
+      return;
+    }
+
+    tooltip.show(this.el, this._tooltip);
+  };
+
+  _proto._onOut = function _onOut() {
+    tooltip.hide();
+  }
+  /**
+   * enable button
+   */
+  ;
+
+  _proto.enable = function enable() {
+    this.el.disabled = false;
+  }
+  /**
+   * disable button
+   */
+  ;
+
+  _proto.disable = function disable() {
+    this.el.disabled = true;
+  }
+  /**
+   * check whether this button is enabled
+   * @returns {Boolean} - true for enabled
+   */
+  ;
+
+  _proto.isEnabled = function isEnabled() {
+    return !this.el.disabled;
+  };
+
+  return ToolbarButton;
+}(ui_toolbarItem);
+
+toolbarButton_defineProperty(toolbarButton_ToolbarButton, "name", 'button');
+
+toolbarButton_defineProperty(toolbarButton_ToolbarButton, "className", 'tui-toolbar-icons');
+
+/* harmony default export */ var toolbarButton = (toolbarButton_ToolbarButton);
+// CONCATENATED MODULE: ./src/js/ui/toolbarDivider.js
+function toolbarDivider_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function toolbarDivider_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements Toolbar Divider
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class ToolbarDivider
+ * @ignore
+ */
+
+var ToolbarDivider = /*#__PURE__*/function (_ToolbarItem) {
+  toolbarDivider_inheritsLoose(ToolbarDivider, _ToolbarItem);
+
+  /**
+   * item name
+   * @type {String}
+   * @static
+   */
+
+  /**
+   * item class name
+   * @type {String}
+   * @static
+   */
+  function ToolbarDivider() {
+    return _ToolbarItem.call(this, {
+      name: ToolbarDivider.name,
+      tagName: 'div',
+      className: ToolbarDivider.className
+    }) || this;
+  }
+
+  return ToolbarDivider;
+}(ui_toolbarItem);
+
+toolbarDivider_defineProperty(ToolbarDivider, "name", 'divider');
+
+toolbarDivider_defineProperty(ToolbarDivider, "className", 'tui-toolbar-divider');
+
+/* harmony default export */ var toolbarDivider = (ToolbarDivider);
+// CONCATENATED MODULE: ./src/js/ui/toolbarItemFactory.js
+/**
+ * @fileoverview Implements Toolbar Item Factory
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Toolbar Item Factory
+ * @ignore
+ */
+
+var toolbarItemFactory_ToolbarItemFactory = /*#__PURE__*/function () {
+  function ToolbarItemFactory() {}
+
+  /**
+   * create toolbar item instance
+   * @param {string} name - toolbar item name
+   * @param {object} [options] - options to the constructor
+   * @return {ToolbarItem} - created toolbar item instance
+   * @static
+   */
+
+  /* eslint-disable complexity */
+  ToolbarItemFactory.create = function create(name, options) {
+    var toolbarItem;
+
+    switch (name) {
+      case 'heading':
+        toolbarItem = new toolbarButton({
+          name: 'heading',
+          className: 'tui-heading',
+          event: 'openHeadingSelect',
+          tooltip: i18n.get('Headings'),
+          state: 'heading'
+        });
+        break;
+
+      case 'bold':
+        toolbarItem = new toolbarButton({
+          name: 'bold',
+          className: 'tui-bold',
+          command: 'Bold',
+          tooltip: i18n.get('Bold'),
+          state: 'strong'
+        });
+        break;
+
+      case 'italic':
+        toolbarItem = new toolbarButton({
+          name: 'italic',
+          className: 'tui-italic',
+          command: 'Italic',
+          tooltip: i18n.get('Italic'),
+          state: 'emph'
+        });
+        break;
+
+      case 'strike':
+        toolbarItem = new toolbarButton({
+          name: 'strike',
+          className: 'tui-strike',
+          command: 'Strike',
+          tooltip: i18n.get('Strike'),
+          state: 'strike'
+        });
+        break;
+
+      case 'hr':
+        toolbarItem = new toolbarButton({
+          name: 'hr',
+          className: 'tui-hrline',
+          command: 'HR',
+          tooltip: i18n.get('Line'),
+          state: 'thematicBreak'
+        });
+        break;
+
+      case 'quote':
+        toolbarItem = new toolbarButton({
+          name: 'quote',
+          className: 'tui-quote',
+          command: 'Blockquote',
+          tooltip: i18n.get('Blockquote'),
+          state: 'blockQuote'
+        });
+        break;
+
+      case 'ul':
+        toolbarItem = new toolbarButton({
+          name: 'ul',
+          className: 'tui-ul',
+          command: 'UL',
+          tooltip: i18n.get('Unordered list'),
+          state: 'list'
+        });
+        break;
+
+      case 'ol':
+        toolbarItem = new toolbarButton({
+          name: 'ol',
+          className: 'tui-ol',
+          command: 'OL',
+          tooltip: i18n.get('Ordered list'),
+          state: 'orderedList'
+        });
+        break;
+
+      case 'task':
+        toolbarItem = new toolbarButton({
+          name: 'task',
+          className: 'tui-task',
+          command: 'Task',
+          tooltip: i18n.get('Task'),
+          state: 'taskList'
+        });
+        break;
+
+      case 'table':
+        toolbarItem = new toolbarButton({
+          name: 'table',
+          className: 'tui-table',
+          event: 'openPopupAddTable',
+          tooltip: i18n.get('Insert table'),
+          state: 'table'
+        });
+        break;
+
+      case 'image':
+        toolbarItem = new toolbarButton({
+          name: 'image',
+          className: 'tui-image',
+          event: 'openPopupAddImage',
+          tooltip: i18n.get('Insert image'),
+          state: ''
+        });
+        break;
+
+      case 'link':
+        toolbarItem = new toolbarButton({
+          name: 'link',
+          className: 'tui-link',
+          event: 'openPopupAddLink',
+          tooltip: i18n.get('Insert link')
+        });
+        break;
+
+      case 'code':
+        toolbarItem = new toolbarButton({
+          name: 'code',
+          className: 'tui-code',
+          command: 'Code',
+          tooltip: i18n.get('Code'),
+          state: 'code'
+        });
+        break;
+
+      case 'codeblock':
+        toolbarItem = new toolbarButton({
+          name: 'codeblock',
+          className: 'tui-codeblock',
+          command: 'CodeBlock',
+          tooltip: i18n.get('Insert CodeBlock'),
+          state: 'codeBlock'
+        });
+        break;
+
+      case 'indent':
+        toolbarItem = new toolbarButton({
+          name: 'indent',
+          className: 'tui-indent',
+          command: 'Indent',
+          tooltip: i18n.get('Indent')
+        });
+        break;
+
+      case 'outdent':
+        toolbarItem = new toolbarButton({
+          name: 'outdent',
+          className: 'tui-outdent',
+          command: 'Outdent',
+          tooltip: i18n.get('Outdent')
+        });
+        break;
+
+      case 'divider':
+        toolbarItem = new toolbarDivider();
+        break;
+
+      case 'button':
+        toolbarItem = new toolbarButton(options);
+        break;
+
+      case 'item':
+      default:
+        toolbarItem = new ui_toolbarItem(options);
+    }
+
+    return toolbarItem;
+  }
+  /* eslint-enable complexity */
+  ;
+
+  return ToolbarItemFactory;
+}();
+
+/* harmony default export */ var toolbarItemFactory = (toolbarItemFactory_ToolbarItemFactory);
+// CONCATENATED MODULE: ./src/js/ui/toolbar.js
+function toolbar_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function toolbar_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function toolbar_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements toolbar
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+/**
+ * Class Toolbar
+ * @param {EventManager} eventManager - event manager
+ * @param {ToolbarItem[]} [items=[]] - toolbar items
+ */
+
+var toolbar_Toolbar = /*#__PURE__*/function (_UIController) {
+  toolbar_inheritsLoose(Toolbar, _UIController);
+
+  /**
+   * items
+   * @type {Array}
+   * @private
+   */
+
+  /**
+   * event manager
+   * @type {EventManager}
+   * @private
+   */
+  function Toolbar(eventManager, items) {
+    var _this;
+
+    if (items === void 0) {
+      items = [];
+    }
+
+    _this = _UIController.call(this, {
+      tagName: 'div',
+      className: 'tui-editor-defaultUI-toolbar'
+    }) || this;
+
+    toolbar_defineProperty(toolbar_assertThisInitialized(_this), "_items", []);
+
+    toolbar_defineProperty(toolbar_assertThisInitialized(_this), "_eventManager", void 0);
+
+    _this._eventManager = eventManager;
+
+    _this.setItems(items);
+
+    _this._initEvent(eventManager);
+
+    return _this;
+  }
+  /**
+   * init event
+   * @param  {EventManager} eventManager - event manager
+   * @private
+   * @override
+   */
+
+
+  var _proto = Toolbar.prototype;
+
+  _proto._initEvent = function _initEvent(eventManager) {
+    var _this2 = this;
+
+    eventManager.listen('stateChange', function (ev) {
+      _this2._items.forEach(function (item) {
+        if (item._state) {
+          dom["a" /* default */].toggleClass(item.el, 'active', !!ev[item._state]);
+        }
+      });
+    });
+    eventManager.listen('changePreviewTabPreview', function () {
+      return _this2.disableAllButton();
+    });
+    eventManager.listen('changePreviewTabWrite', function () {
+      return _this2.enableAllButton();
+    });
+    eventManager.listen('changeMode', function () {
+      return _this2.enableAllButton();
+    });
+  }
+  /**
+   * disable all toolbar button
+   */
+  ;
+
+  _proto.disableAllButton = function disableAllButton() {
+    this._items.forEach(function (item) {
+      if (item instanceof toolbarButton) {
+        item.disable();
+      }
+    });
+  }
+  /**
+   * enable all toolbar button
+   */
+  ;
+
+  _proto.enableAllButton = function enableAllButton() {
+    this._items.forEach(function (item) {
+      if (item instanceof toolbarButton) {
+        item.enable();
+      }
+    });
+  }
+  /**
+   * get toolbar items
+   * @returns {ToolbarItem[]} - toolbar items
+   */
+  ;
+
+  _proto.getItems = function getItems() {
+    return this._items.slice(0);
+  }
+  /**
+   * get toolbar item at given index
+   * @param  {number} index - item index
+   * @returns {ToolbarItem} - toolbar item at the index
+   */
+  ;
+
+  _proto.getItem = function getItem(index) {
+    return this._items[index];
+  }
+  /**
+   * set toolbar items
+   * @param {ToolbarItem[]} items - toolbar items
+   */
+  ;
+
+  _proto.setItems = function setItems(items) {
+    this.removeAllItems();
+    items.forEach(this.addItem.bind(this));
+  }
+  /**
+   * add toolbar item
+   * @param {ToolbarItem|string|object} item - toolbar item
+   */
+  ;
+
+  _proto.addItem = function addItem(item) {
+    this.insertItem(this._items.length, item);
+  }
+  /**
+   * insert toolbar item
+   * @param  {number} index - index at given item inserted
+   * @param  {ToolbarItem|string|object} item - toolbar item
+   */
+  ;
+
+  _proto.insertItem = function insertItem(index, item) {
+    var _this3 = this;
+
+    if (isString_default()(item)) {
+      item = toolbarItemFactory.create(item);
+    } else if (isString_default()(item.type)) {
+      item = toolbarItemFactory.create(item.type, item.options);
+    }
+
+    var children = this.el.children;
+
+    if (index >= 0 && index < children.length) {
+      dom["a" /* default */].insertBefore(item.el, children[index]);
+
+      this._items.splice(index, 0, item);
+    } else {
+      this.el.appendChild(item.el);
+
+      this._items.push(item);
+    }
+
+    item.onCommandHandler = function (commandName) {
+      return _this3._eventManager.emit('command', commandName);
+    };
+
+    item.onEventHandler = function (eventName) {
+      return _this3._eventManager.emit(eventName);
+    };
+
+    item.on('command', item.onCommandHandler);
+    item.on('event', item.onEventHandler);
+  }
+  /**
+   * get index of given item
+   * @param  {ToolbarItem} item - toolbar item
+   * @returns {number} - index of given toolbar item
+   */
+  ;
+
+  _proto.indexOfItem = function indexOfItem(item) {
+    var index;
+
+    if (item instanceof ui_toolbarItem) {
+      index = this._items.indexOf(item);
+    } else if (isString_default()(item)) {
+      var itemName = item;
+      index = this._items.map(function (itemToTest) {
+        return itemToTest.getName();
+      }).indexOf(itemName);
+    }
+
+    return index;
+  }
+  /**
+   * remove an item
+   * @param  {ToolbarItem|number} item - an toolbar item or index of the item to remove
+   * @param  {boolean} destroy - destroy item or not
+   * @returns {ToolbarItem|undefined} - removed item
+   */
+  ;
+
+  _proto.removeItem = function removeItem(item, destroy) {
+    if (destroy === void 0) {
+      destroy = true;
+    }
+
+    var index;
+    var removedItem;
+
+    if (item instanceof ui_toolbarItem) {
+      index = this.indexOfItem(item);
+    } else {
+      index = item;
+    }
+
+    if (index >= 0) {
+      removedItem = this._items.splice(index, 1)[0];
+    }
+
+    if (removedItem) {
+      if (destroy) {
+        removedItem.destroy();
+      } else {
+        removedItem.off('command', removedItem.onCommandHandler);
+        removedItem.off('event', removedItem.onEventHandler);
+        dom["a" /* default */].remove(removedItem.el);
+      }
+    }
+
+    return removedItem;
+  }
+  /**
+   * remove all toolbar items
+   */
+  ;
+
+  _proto.removeAllItems = function removeAllItems() {
+    while (this._items && this._items.length > 0) {
+      this.removeItem(0);
+    }
+  }
+  /**
+   * destroy instance
+   * @override
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    this.removeAllItems();
+
+    _UIController.prototype.destroy.call(this);
+  };
+
+  return Toolbar;
+}(uicontroller);
+
+/* harmony default export */ var ui_toolbar = (toolbar_Toolbar);
+// CONCATENATED MODULE: ./src/js/ui/layerpopup.js
+function layerpopup_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function layerpopup_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements LayerPopup
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+var CLASS_PREFIX = 'tui-popup-';
+var CLASS_FIT_WINDOW = 'fit-window';
+var LAYOUT_TEMPLATE_MODELESS = "
    \n        \n        
    \n            \n        
    \n    
    \n    
    ";
+var LAYOUT_TEMPLATE_MODAL = "
    \n        
    \n            \n            
    \n                \n            
    \n        
    \n        
    \n    
    ";
+/**
+ * A number, or a string containing a number.
+ * @typedef {object} LayerPopupOption
+ * @property {string[]} [openerCssQuery] - Css Query list to bind clickevent that open popup
+ * @property {string[]} [closerCssQuery] - Css Query list to bind clickevent that close popup
+ * @property {HTMLElement} el - popup root element
+ * @property {HTMLElement|string} [content] - popup content that html string or element
+ * @property {string} [textContent] - popup text content
+ * @property {string} title - popup title
+ * @property {boolean} [header] - whether to draw header
+ * @property {HTMLElement} [target] - element to append popup
+ * @property {boolean} modal - true: modal, false: modeless
+ * @property {string} [headerButtons] - replace header(close) button
+ */
+
+/**
+ * Class LayerPopup
+ * @param {LayerPopupOption} options - popup option
+ */
+
+var layerpopup_LayerPopup = /*#__PURE__*/function (_UIController) {
+  layerpopup_inheritsLoose(LayerPopup, _UIController);
+
+  function LayerPopup(options) {
+    var _this;
+
+    options = extend_default()({
+      header: true,
+      target: document.body,
+      textContent: ''
+    }, options);
+    _this = _UIController.call(this, {
+      tagName: 'div',
+      className: options.modal ? CLASS_PREFIX + "modal-background" : CLASS_PREFIX + "wrapper",
+      rootElement: options.el
+    }) || this;
+    _this._clickEventMap = {};
+    _this._onClickCloseButton = _this.hide.bind(layerpopup_assertThisInitialized(_this));
+
+    _this._initInstance(options);
+
+    _this._initDOM(options);
+
+    _this._initDOMEvent(options);
+
+    _this._initEditorEvent(options);
+
+    return _this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   */
+
+
+  var _proto = LayerPopup.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    this._target = options.target;
+
+    if (options.el) {
+      this.el = options.el;
+      this._isExternalHtmlUse = true;
+    }
+
+    if (options.content) {
+      this.content = options.content;
+    } else {
+      this.content = options.textContent;
+    }
+
+    this.options = options;
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   */
+  ;
+
+  _proto._initDOM = function _initDOM() {
+    this._initLayout();
+
+    if (!this._isExternalHtmlUse) {
+      if (isExisty_default()(this.options.title)) {
+        this.setTitle(this.options.title);
+      }
+
+      this.setContent(this.content);
+    }
+
+    var buttons = this.options.headerButtons;
+
+    if (buttons) {
+      var closeButtons = dom["a" /* default */].findAll(this.el, "." + CLASS_PREFIX + "close-button");
+      closeButtons.forEach(function (button) {
+        dom["a" /* default */].remove(button);
+      });
+      var buttonWrapper = this.el.querySelector("." + CLASS_PREFIX + "header-buttons");
+      dom["a" /* default */].empty(buttonWrapper);
+      buttonWrapper.innerHTML = buttons;
+    }
+
+    if (this.options.css) {
+      css_default()(this.el, this.options.css);
+    }
+  }
+  /**
+   * bind DOM events
+   * @private
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this2 = this;
+
+    var _this$options = this.options,
+        openerCssQuery = _this$options.openerCssQuery,
+        closerCssQuery = _this$options.closerCssQuery;
+    var _document = document,
+        body = _document.body;
+
+    if (openerCssQuery) {
+      dom["a" /* default */].findAll(body, openerCssQuery).forEach(function (el) {
+        var eventKey = "click." + _this2._id;
+        _this2._clickEventMap[eventKey] = _this2.show.bind(_this2);
+        on_default()(el, 'click', _this2._clickEventMap[eventKey]);
+      });
+    }
+
+    if (closerCssQuery) {
+      dom["a" /* default */].findAll(body, closerCssQuery).forEach(function (el) {
+        var eventKey = "click." + _this2._id;
+        _this2._clickEventMap[eventKey] = _this2.hide.bind(_this2);
+        on_default()(el, 'click', _this2._clickEventMap[eventKey]);
+      });
+    }
+
+    this.on("click ." + CLASS_PREFIX + "close-button", this._onClickCloseButton);
+  }
+  /**
+   * bind editor events
+   * @private
+   * @abstract
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {};
+
+  _proto._initLayout = function _initLayout() {
+    var options = this.options;
+
+    if (!this._isExternalHtmlUse) {
+      var layout = options.modal ? LAYOUT_TEMPLATE_MODAL : LAYOUT_TEMPLATE_MODELESS;
+      this.el.innerHTML = layout;
+
+      if (options.className) {
+        addClass_default.a.apply(void 0, [this.el].concat(options.className.split(/\s+/g)));
+      }
+
+      this.hide();
+
+      this._target.appendChild(this.el);
+
+      this.body = this.el.querySelector("." + CLASS_PREFIX + "body");
+
+      if (!options.header) {
+        dom["a" /* default */].remove(this.el.querySelector("." + CLASS_PREFIX + "header"));
+      }
+    } else {
+      this.hide();
+
+      this._target.appendChild(this.el);
+    }
+  }
+  /**
+   * set popup content
+   * @param {HTMLElement|string} content - content
+   */
+  ;
+
+  _proto.setContent = function setContent(content) {
+    dom["a" /* default */].empty(this.body);
+
+    if (isString_default()(content)) {
+      this.body.innerHTML = content;
+    } else {
+      this.body.appendChild(content);
+    }
+  }
+  /**
+   * set title
+   * @param {string} title - title text
+   */
+  ;
+
+  _proto.setTitle = function setTitle(title) {
+    var titleWrapper = this.el.querySelector("." + CLASS_PREFIX + "title");
+    dom["a" /* default */].empty(titleWrapper);
+    titleWrapper.innerHTML = title;
+  }
+  /**
+   * get title element
+   * @returns {HTMLElement} - title html element
+   */
+  ;
+
+  _proto.getTitleElement = function getTitleElement() {
+    return this.el.querySelector("." + CLASS_PREFIX + "title");
+  }
+  /**
+   * hide popup
+   */
+  ;
+
+  _proto.hide = function hide() {
+    css_default()(this.el, {
+      display: 'none'
+    });
+    this._isShow = false;
+    this.trigger('hidden', this);
+  }
+  /**
+   * show popup
+   */
+  ;
+
+  _proto.show = function show() {
+    css_default()(this.el, {
+      display: 'block'
+    });
+    this._isShow = true;
+    this.trigger('shown', this);
+  }
+  /**
+   * whether this popup is visible
+   * @returns {boolean} - true: shown, false: hidden
+   */
+  ;
+
+  _proto.isShow = function isShow() {
+    return this._isShow;
+  }
+  /**
+   * remove popup content
+   */
+  ;
+
+  _proto.remove = function remove() {
+    var _this3 = this;
+
+    var _this$options2 = this.options,
+        openerCssQuery = _this$options2.openerCssQuery,
+        closerCssQuery = _this$options2.closerCssQuery;
+    var _document2 = document,
+        body = _document2.body;
+    this.trigger('remove', this);
+    this.off("click ." + CLASS_PREFIX + "close-button", this._onClickCloseButton);
+
+    if (openerCssQuery) {
+      dom["a" /* default */].findAll(body, openerCssQuery).forEach(function (opener) {
+        off_default()(opener, 'click', _this3._clickEventMap["click." + _this3._id]);
+        delete _this3._clickEventMap["click." + _this3._id];
+      });
+    }
+
+    if (closerCssQuery) {
+      dom["a" /* default */].findAll(body, closerCssQuery).forEach(function (closer) {
+        off_default()(closer, 'click', _this3._clickEventMap["click." + _this3._id]);
+        delete _this3._clickEventMap["click." + _this3._id];
+      });
+    }
+
+    dom["a" /* default */].remove(this.el);
+    this.el = null;
+  }
+  /**
+   * make popup size fit to window
+   * @param {boolean} fit - true to make popup fit to window
+   * @protected
+   * @ignore
+   */
+  ;
+
+  _proto.setFitToWindow = function setFitToWindow(fit) {
+    dom["a" /* default */].toggleClass(this.el, CLASS_FIT_WINDOW, fit);
+  }
+  /**
+   * make popup size fit to window
+   * @returns {boolean} - true for fit to window
+   * @protected
+   * @ignore
+   */
+  ;
+
+  _proto.isFitToWindow = function isFitToWindow() {
+    return hasClass_default()(this.el, CLASS_FIT_WINDOW);
+  }
+  /**
+   * toggle size fit to window
+   * @returns {boolean} - true for fit to window
+   * @protected
+   * @ignore
+   */
+  ;
+
+  _proto.toggleFitToWindow = function toggleFitToWindow() {
+    var fitToWindow = !this.isFitToWindow();
+    this.setFitToWindow(fitToWindow);
+    return fitToWindow;
+  };
+
+  return LayerPopup;
+}(uicontroller);
+
+/* harmony default export */ var layerpopup = (layerpopup_LayerPopup);
+// CONCATENATED MODULE: ./src/js/ui/popupDropdownToolbar.js
+function popupDropdownToolbar_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function popupDropdownToolbar_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview implements DefaultToolbar
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+/**
+ * Class PopupDropdownToolbar
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+var popupDropdownToolbar_PopupDropdownToolbar = /*#__PURE__*/function (_LayerPopup) {
+  popupDropdownToolbar_inheritsLoose(PopupDropdownToolbar, _LayerPopup);
+
+  /**
+   * open event string
+   * @type {string}
+   */
+  function PopupDropdownToolbar(options) {
+    options = extend_default()({
+      header: false,
+      className: 'te-dropdown-toolbar'
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * get toolbar instance it contains
+   * @returns {Toolbar} - toolbar instance
+   */
+
+
+  var _proto = PopupDropdownToolbar.prototype;
+
+  _proto.getToolbar = function getToolbar() {
+    return this._toolbar;
+  }
+  /**
+   * get toolbar items
+   * @returns {ToolbarItem[]} - toolbar items
+   */
+  ;
+
+  _proto.getItems = function getItems() {
+    return this.getToolbar().getItems();
+  }
+  /**
+   * get toolbar item at given index
+   * @param  {number} index - item index
+   * @returns {ToolbarItem} - toolbar item at the index
+   */
+  ;
+
+  _proto.getItem = function getItem(index) {
+    return this.getToolbar().getItem(index);
+  }
+  /**
+   * set toolbar items
+   * @param {ToolbarItem[]} items - toolbar items
+   */
+  ;
+
+  _proto.setItems = function setItems(items) {
+    this.getToolbar().setItems(items);
+  }
+  /**
+   * add toolbar item
+   * @param {ToolbarItem|string|object} item - toolbar item
+   */
+  ;
+
+  _proto.addItem = function addItem(item) {
+    this.getToolbar().addItem(item);
+  }
+  /**
+   * insert toolbar item
+   * @param  {number} index - index at given item inserted
+   * @param  {ToolbarItem|string|object} item - toolbar item
+   */
+  ;
+
+  _proto.insertItem = function insertItem(index, item) {
+    this.getToolbar().insertItem(index, item);
+  }
+  /**
+   * get index of given item
+   * @param  {ToolbarItem} item - toolbar item
+   * @returns {number} - index of given toolbar item
+   */
+  ;
+
+  _proto.indexOfItem = function indexOfItem(item) {
+    return this.getToolbar().indexOfItem(item);
+  }
+  /**
+   * remove an item
+   * @param  {number} index - item index to remove
+   * @param  {boolean} destroy - destroy item or not
+   * @returns {ToolbarItem} - removed item
+   */
+  ;
+
+  _proto.removeItem = function removeItem(index, destroy) {
+    return this.getToolbar().removeItem(index, destroy);
+  }
+  /**
+   * remove all toolbar items
+   */
+  ;
+
+  _proto.removeAllItems = function removeAllItems() {
+    this.getToolbar().removeAllItems();
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    var button = options.button,
+        eventManager = options.eventManager;
+    this._button = button;
+    this._eventManager = eventManager;
+    this._toolbar = new ui_toolbar(eventManager);
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM() {
+    _LayerPopup.prototype._initDOM.call(this);
+
+    this.setContent(this._toolbar.el);
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this._eventManager.listen('focus', function () {
+      return _this.hide();
+    });
+
+    this._eventManager.listen('closeAllPopup', function () {
+      return _this.hide();
+    });
+
+    this._eventManager.listen(PopupDropdownToolbar.OPEN_EVENT, function () {
+      var isShown = _this.isShow();
+
+      _this._eventManager.emit('closeAllPopup');
+
+      if (!isShown) {
+        _this.show();
+      } // to give toolbar element enough width before the calculation
+
+
+      css_default()(_this.el, {
+        left: '-1000px'
+      });
+      var button = _this._button;
+      var buttonOuterHeightWithMargin = dom["a" /* default */].getOuterHeight(button, true);
+      var buttonMarginBottom = (buttonOuterHeightWithMargin - dom["a" /* default */].getOuterHeight(button)) / 2;
+      var top = button.offsetTop + buttonOuterHeightWithMargin - buttonMarginBottom;
+      var left = button.offsetLeft + dom["a" /* default */].getOuterWidth(button, true) - dom["a" /* default */].getOuterWidth(_this.el, true);
+      css_default()(_this.el, {
+        top: top + "px",
+        left: left + "px"
+      });
+    });
+  };
+
+  return PopupDropdownToolbar;
+}(layerpopup);
+
+popupDropdownToolbar_defineProperty(popupDropdownToolbar_PopupDropdownToolbar, "OPEN_EVENT", 'openDropdownToolbar');
+
+/* harmony default export */ var popupDropdownToolbar = (popupDropdownToolbar_PopupDropdownToolbar);
+// CONCATENATED MODULE: ./src/js/ui/defaultToolbar.js
+function defaultToolbar_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function defaultToolbar_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function defaultToolbar_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview implements DefaultToolbar
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var MORE_BUTTON_NAME = 'more';
+/**
+ * Class DefaultToolbar
+ */
+
+var defaultToolbar_DefaultToolbar = /*#__PURE__*/function (_Toolbar) {
+  defaultToolbar_inheritsLoose(DefaultToolbar, _Toolbar);
+
+  /**
+   * more button
+   * @type {ToolbarButton}
+   * @private
+   */
+
+  /**
+   * popup dropdown toolbar
+   * @type {PopupDropdownToolbar}
+   * @private
+   */
+
+  /**
+   * resize observer
+   * @type {ResizeObserver}
+   * @private
+   */
+  function DefaultToolbar(eventManager, options) {
+    var _this;
+
+    _this = _Toolbar.call(this, eventManager, options) || this;
+
+    defaultToolbar_defineProperty(defaultToolbar_assertThisInitialized(_this), "_moreButton", void 0);
+
+    defaultToolbar_defineProperty(defaultToolbar_assertThisInitialized(_this), "_popupDropdownToolbar", void 0);
+
+    defaultToolbar_defineProperty(defaultToolbar_assertThisInitialized(_this), "_observer", void 0);
+
+    _this._init(eventManager);
+
+    _this._bindWidthChangedEvent();
+
+    return _this;
+  }
+  /**
+   * insert toolbar item
+   * @param  {number} index - index at given item inserted
+   * @param  {ToolbarItem|string|object} item - toolbar item
+   * @override
+   */
+
+
+  var _proto = DefaultToolbar.prototype;
+
+  _proto.insertItem = function insertItem(index, item) {
+    _Toolbar.prototype.insertItem.call(this, index, item);
+
+    this._arrangeMoreButton();
+  };
+
+  _proto._init = function _init(eventManager) {
+    var moreButton = toolbarItemFactory.create('button', {
+      name: MORE_BUTTON_NAME,
+      className: 'tui-more',
+      tooltip: i18n.get('More'),
+      event: popupDropdownToolbar.OPEN_EVENT
+    });
+    this._moreButton = moreButton;
+    this._popupDropdownToolbar = new popupDropdownToolbar({
+      eventManager: eventManager,
+      target: this.el,
+      button: moreButton.el
+    });
+    this.addItem(moreButton);
+  };
+
+  _proto._bindWidthChangedEvent = function _bindWidthChangedEvent() {
+    var _this2 = this;
+
+    this._observer = new ResizeObserver_es["a" /* default */](function () {
+      _this2._popupDropdownToolbar.hide();
+
+      _this2._balanceButtons();
+    });
+
+    this._observer.observe(this.el);
+  };
+
+  _proto._balanceButtons = function _balanceButtons() {
+    var _this3 = this;
+
+    var dropDownToolbarItems = this._popupDropdownToolbar.getItems();
+
+    dropDownToolbarItems.forEach(function (item) {
+      _this3._popupDropdownToolbar.removeItem(item, false);
+
+      var itemLength = _this3.getItems().length;
+
+      _Toolbar.prototype.insertItem.call(_this3, itemLength, item);
+    });
+    this.removeItem(this._moreButton, false);
+
+    _Toolbar.prototype.insertItem.call(this, 0, this._moreButton);
+
+    var defaultToolbarItems = this.getItems();
+    var overflowItems = defaultToolbarItems.filter(function (item) {
+      return item.el.offsetTop > _this3.el.clientHeight;
+    });
+    overflowItems.forEach(function (item) {
+      _this3.removeItem(item, false);
+
+      _this3._popupDropdownToolbar.addItem(item);
+    });
+
+    this._arrangeMoreButton();
+  };
+
+  _proto._arrangeMoreButton = function _arrangeMoreButton() {
+    if (!this._popupDropdownToolbar) {
+      return;
+    }
+
+    this.removeItem(this._moreButton, false);
+    var hasOverflow = this._popupDropdownToolbar.getItems().length > 0;
+    var itemLength = this.getItems().length;
+
+    if (hasOverflow) {
+      _Toolbar.prototype.insertItem.call(this, itemLength, this._moreButton);
+    }
+  }
+  /**
+   * destroy
+   * @override
+   */
+  ;
+
+  _proto.destroy = function destroy() {
+    if (this._observer) {
+      this._observer.disconnect();
+
+      this._observer = null;
+    }
+  };
+
+  return DefaultToolbar;
+}(ui_toolbar);
+
+/* harmony default export */ var defaultToolbar = (defaultToolbar_DefaultToolbar);
+// CONCATENATED MODULE: ./src/js/ui/tab.js
+function tab_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements tab button ui
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var CLASS_TAB_ACTIVE = 'te-tab-active';
+/**
+ * Class Tab
+ * @param {object} options - options
+ *     @param {string} [options.initName] - name of the default activated button
+ *     @param {string[]} options.items - button names to be created
+ *     @param {DOMElement[]} options.sections - dom elements for tab
+ *     @param {function} [options.onItemClick] - when button is clicked pass button name to function
+ * @ignore
+ */
+
+var tab_Tab = /*#__PURE__*/function (_UIController) {
+  tab_inheritsLoose(Tab, _UIController);
+
+  function Tab(options) {
+    var _this;
+
+    if (options === void 0) {
+      options = {};
+    }
+
+    _this = _UIController.call(this, {
+      tagName: 'div',
+      className: 'te-tab'
+    }) || this;
+    _this.sections = options.sections;
+    _this._activeButton = null;
+
+    _this._render(options);
+
+    _this._initEvent(options);
+
+    return _this;
+  }
+
+  var _proto = Tab.prototype;
+
+  _proto._initEvent = function _initEvent(options) {
+    var onItemClick = options.onItemClick;
+
+    if (onItemClick) {
+      this.on('itemClick', onItemClick);
+    }
+
+    this.on('click button', this._onTabButton.bind(this));
+  };
+
+  _proto._render = function _render(options) {
+    var items = options.items,
+        initName = options.initName;
+    var tabButtons = [];
+
+    for (var i = 0, len = items.length; i < len; i += 1) {
+      tabButtons.push("");
+    }
+
+    this.el.innerHTML = tabButtons.join('');
+    this.activate(initName);
+  };
+
+  _proto._findButtonContained = function _findButtonContained(element, selector, text) {
+    return dom["a" /* default */].findAll(element, selector).filter(function (node) {
+      return new RegExp(text).test(node.textContent);
+    });
+  }
+  /**
+   * Activate section & button
+   * @param {string} name button name to activate
+   */
+  ;
+
+  _proto.activate = function activate(name) {
+    var _this$_findButtonCont = this._findButtonContained(this.el, 'button', name),
+        button = _this$_findButtonCont[0];
+
+    this._activateTabByButton(button);
+  };
+
+  _proto._onTabButton = function _onTabButton(ev) {
+    var button = ev.target;
+
+    this._activateTabByButton(button);
+
+    this.trigger('itemClick', button.textContent);
+  };
+
+  _proto._activateTabByButton = function _activateTabByButton(button) {
+    if (this._isActivatedButton(button)) {
+      return;
+    }
+
+    this._updateClassByButton(button);
+  };
+
+  _proto._updateClassByButton = function _updateClassByButton(activeButton) {
+    // deactivate previously activated button
+    if (this._activeButton) {
+      var sectionIndex = this._activeButton.getAttribute('data-index');
+
+      removeClass_default()(this._activeButton, CLASS_TAB_ACTIVE);
+
+      if (this.sections) {
+        removeClass_default()(this.sections[sectionIndex], CLASS_TAB_ACTIVE);
+      }
+    } // activate new button
+
+
+    addClass_default()(activeButton, CLASS_TAB_ACTIVE);
+    this._activeButton = activeButton;
+    var index = activeButton.getAttribute('data-index');
+
+    if (this.sections) {
+      addClass_default()(this.sections[index], CLASS_TAB_ACTIVE);
+    }
+  };
+
+  _proto._isActivatedButton = function _isActivatedButton(button) {
+    return this._activeButton && this._activeButton.textContent === button.textContent;
+  };
+
+  return Tab;
+}(uicontroller);
+
+/* harmony default export */ var tab = (tab_Tab);
+// CONCATENATED MODULE: ./src/js/ui/modeSwitch.js
+function modeSwitch_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function modeSwitch_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+function modeSwitch_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview Implements ui mode switch
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+var MARKDOWN = 'markdown';
+var WYSIWYG = 'wysiwyg';
+/**
+ * Class ModeSwitch
+ * UI Control for switch between Markdown and WYSIWYG
+ * @param {HTMLElement} rootElement - root element
+ * @param {string} initialType - initial type of editor
+ */
+
+var modeSwitch_ModeSwitch = /*#__PURE__*/function (_UIController) {
+  modeSwitch_inheritsLoose(ModeSwitch, _UIController);
+
+  /**
+   * mode switch type
+   * @property {string} MARKDOWN - Markdown
+   * @property {string} WYSIWYG - WYSIWYG
+   * @static
+   * @ignore
+   */
+
+  /**
+   * mode switch buttons
+   * @type {Object}
+   * @private
+   */
+
+  /**
+   * current mode
+   * @type {String}
+   * @private
+   */
+
+  /**
+   * root element
+   * @type {HTMLElement}
+   * @private
+   */
+  function ModeSwitch(rootElement, initialType, eventManager) {
+    var _this;
+
+    _this = _UIController.call(this, {
+      tagName: 'div',
+      className: 'te-mode-switch'
+    }) || this;
+
+    modeSwitch_defineProperty(modeSwitch_assertThisInitialized(_this), "_buttons", {});
+
+    modeSwitch_defineProperty(modeSwitch_assertThisInitialized(_this), "_type", void 0);
+
+    modeSwitch_defineProperty(modeSwitch_assertThisInitialized(_this), "_rootElement", void 0);
+
+    _this._eventManager = eventManager;
+
+    _this._render(rootElement);
+
+    _this._switchType(isExisty_default()(initialType) ? initialType : MARKDOWN);
+
+    _this._initEvent();
+
+    return _this;
+  }
+  /**
+   * is the switch tab bar shown
+   * @returns {Boolean} - showing status
+   */
+
+
+  var _proto = ModeSwitch.prototype;
+
+  _proto.isShown = function isShown() {
+    return this._rootElement.style.display === 'block';
+  }
+  /**
+   * show switch tab bar
+   */
+  ;
+
+  _proto.show = function show() {
+    css_default()(this._rootElement, {
+      display: 'block'
+    });
+  }
+  /**
+   * hide switch tab bar
+   */
+  ;
+
+  _proto.hide = function hide() {
+    css_default()(this._rootElement, {
+      display: 'none'
+    });
+  };
+
+  _proto._render = function _render(rootElement) {
+    this._buttons.markdown = dom["a" /* default */].createElementWith("");
+    this._buttons.wysiwyg = dom["a" /* default */].createElementWith("");
+    this.el.appendChild(this._buttons.markdown);
+    this.el.appendChild(this._buttons.wysiwyg);
+
+    if (rootElement) {
+      rootElement.appendChild(this.el);
+      this._rootElement = rootElement;
+    }
+
+    this.on('click .markdown', this._changeMarkdown.bind(this));
+    this.on('click .wysiwyg', this._changeWysiwyg.bind(this));
+    this.show();
+  };
+
+  _proto._changeMarkdown = function _changeMarkdown() {
+    this._switchType(MARKDOWN);
+  };
+
+  _proto._changeWysiwyg = function _changeWysiwyg() {
+    this._switchType(WYSIWYG);
+  };
+
+  _proto._setActiveButton = function _setActiveButton(type) {
+    removeClass_default()(this._buttons.markdown, 'active');
+    removeClass_default()(this._buttons.wysiwyg, 'active');
+    addClass_default()(this._buttons["" + type], 'active');
+  };
+
+  _proto._switchType = function _switchType(type) {
+    if (this._type === type) {
+      return;
+    }
+
+    this._type = type;
+
+    this._setActiveButton(type);
+
+    this.trigger('modeSwitched', this._type);
+  };
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this._eventManager.listen('changeMode', function (type) {
+      if (_this2._type !== type) {
+        _this2._type = type;
+
+        _this2._setActiveButton(type);
+      }
+    });
+  };
+
+  return ModeSwitch;
+}(uicontroller);
+
+modeSwitch_defineProperty(modeSwitch_ModeSwitch, "TYPE", {
+  MARKDOWN: MARKDOWN,
+  WYSIWYG: WYSIWYG
+});
+
+/* harmony default export */ var ui_modeSwitch = (modeSwitch_ModeSwitch);
+// CONCATENATED MODULE: ./src/js/ui/popupAddLink.js
+function popupAddLink_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements PopupAddLink
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var URL_REGEX = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})(\/([^\s]*))?$/;
+/**
+ * Class PopupAddLink
+ * It implements a link Add Popup
+ * @param {LayerPopupOption} options - layer popup options
+ * @ignore
+ */
+
+var popupAddLink_PopupAddLink = /*#__PURE__*/function (_LayerPopup) {
+  popupAddLink_inheritsLoose(PopupAddLink, _LayerPopup);
+
+  function PopupAddLink(options) {
+    var _this;
+
+    var POPUP_CONTENT = "\n            \n            \n            \n            \n            
    \n                \n                \n            
    \n        ";
+    options = extend_default()({
+      header: true,
+      title: i18n.get('Insert link'),
+      className: 'te-popup-add-link tui-editor-popup',
+      content: POPUP_CONTENT
+    }, options);
+    _this = _LayerPopup.call(this, options) || this;
+    _this._disabledLinkText = false;
+    return _this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupAddLink.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this._editor = options.editor;
+    this._eventManager = options.editor.eventManager;
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM() {
+    _LayerPopup.prototype._initDOM.call(this);
+
+    var el = this.el;
+    this._inputText = el.querySelector('.te-link-text-input');
+    this._inputURL = el.querySelector('.te-url-input');
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this.on('click .te-close-button', function () {
+      return _this2.hide();
+    });
+    this.on('click .te-ok-button', function () {
+      return _this2._addLink();
+    });
+    this.on('shown', function () {
+      _this2._disabledLinkText = _this2._editor.isWysiwygMode() && !_this2._editor.getRange().collapsed;
+
+      _this2._disableLinkTextInput();
+
+      var inputText = _this2._inputText;
+      var inputURL = _this2._inputURL;
+
+      var selectedText = _this2._editor.getSelectedText().trim();
+
+      inputText.value = selectedText;
+
+      if (URL_REGEX.exec(selectedText)) {
+        inputURL.value = selectedText;
+      }
+
+      inputURL.focus();
+    });
+    this.on('hidden', function () {
+      _this2._resetInputs();
+    });
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this3 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    var eventManager = this._eventManager;
+    eventManager.listen('focus', function () {
+      return _this3.hide();
+    });
+    eventManager.listen('closeAllPopup', function () {
+      return _this3.hide();
+    });
+    eventManager.listen('openPopupAddLink', function (linkData) {
+      eventManager.emit('closeAllPopup');
+
+      if (linkData) {
+        _this3._inputURL.value = linkData.url;
+      }
+
+      _this3.show();
+    });
+  };
+
+  _proto._disableLinkTextInput = function _disableLinkTextInput() {
+    var input = this._inputText;
+
+    if (this._disabledLinkText) {
+      input.setAttribute('disabled', 'disabled');
+      addClass_default()(input, 'disabled');
+    } else {
+      input.removeAttribute('disabled');
+      removeClass_default()(input, 'disabled');
+    }
+  };
+
+  _proto._addLink = function _addLink() {
+    var _this$_getValue = this._getValue(),
+        url = _this$_getValue.url,
+        linkText = _this$_getValue.linkText;
+
+    this._clearValidationStyle();
+
+    if (!this._disabledLinkText && linkText.length < 1) {
+      addClass_default()(this._inputText, 'wrong');
+      return;
+    }
+
+    if (url.length < 1) {
+      addClass_default()(this._inputURL, 'wrong');
+      return;
+    }
+
+    this._eventManager.emit('command', 'AddLink', {
+      linkText: linkText,
+      url: url
+    });
+
+    this.hide();
+  };
+
+  _proto._getValue = function _getValue() {
+    var url = this._inputURL.value;
+    var linkText = this._inputText.value;
+    return {
+      url: url,
+      linkText: linkText
+    };
+  };
+
+  _proto._clearValidationStyle = function _clearValidationStyle() {
+    removeClass_default()(this._inputURL, 'wrong', 'disabled');
+    removeClass_default()(this._inputText, 'wrong');
+  };
+
+  _proto._resetInputs = function _resetInputs() {
+    this._inputText.removeAttribute('disabled');
+
+    this._inputText.value = '';
+    this._inputURL.value = '';
+
+    this._clearValidationStyle();
+  };
+
+  return PopupAddLink;
+}(layerpopup);
+
+/* harmony default export */ var popupAddLink = (popupAddLink_PopupAddLink);
+// CONCATENATED MODULE: ./src/js/ui/popupAddImage.js
+function popupAddImage_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements PopupAddImage
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+var CLASS_IMAGE_URL_INPUT = 'te-image-url-input';
+var CLASS_IMAGE_FILE_INPUT = 'te-image-file-input';
+var CLASS_ALT_TEXT_INPUT = 'te-alt-text-input';
+var CLASS_OK_BUTTON = 'te-ok-button';
+var CLASS_CLOSE_BUTTON = 'te-close-button';
+var CLASS_FILE_TYPE = 'te-file-type';
+var CLASS_URL_TYPE = 'te-url-type';
+var CLASS_TAB_SECTION = 'te-tab-section';
+var TYPE_UI = 'ui';
+/**
+ * Class PopupAddImage
+ * It implements a Image Add Popup
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+var popupAddImage_PopupAddImage = /*#__PURE__*/function (_LayerPopup) {
+  popupAddImage_inheritsLoose(PopupAddImage, _LayerPopup);
+
+  function PopupAddImage(options) {
+    var POPUP_CONTENT = "\n            
    \n            
    \n                \n                \n            
    \n            
    \n                \n                \n            
    \n            \n            \n            
    \n                \n                \n            
    \n        ";
+    options = extend_default()({
+      header: true,
+      title: i18n.get('Insert image'),
+      className: 'te-popup-add-image tui-editor-popup',
+      content: POPUP_CONTENT
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupAddImage.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this.eventManager = options.eventManager;
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM() {
+    _LayerPopup.prototype._initDOM.call(this);
+
+    var popup = this.el;
+    this._imageUrlInput = popup.querySelector("." + CLASS_IMAGE_URL_INPUT);
+    this._imageFileInput = popup.querySelector("." + CLASS_IMAGE_FILE_INPUT);
+    this._altTextInput = popup.querySelector("." + CLASS_ALT_TEXT_INPUT);
+    var fileTypeSection = popup.querySelector("." + CLASS_FILE_TYPE);
+    var urlTypeSection = popup.querySelector("." + CLASS_URL_TYPE);
+    var tabSection = this.body.querySelector("." + CLASS_TAB_SECTION);
+    this.tab = new tab({
+      initName: i18n.get('File'),
+      items: [i18n.get('File'), i18n.get('URL')],
+      sections: [fileTypeSection, urlTypeSection]
+    });
+    tabSection.appendChild(this.tab.el);
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this.on('shown', function () {
+      return _this._imageUrlInput.focus();
+    });
+    this.on('hidden', function () {
+      return _this._resetInputs();
+    });
+    this.on("change ." + CLASS_IMAGE_FILE_INPUT, function () {
+      var filename = _this._imageFileInput.value.split('\\').pop();
+
+      _this._altTextInput.value = filename;
+    });
+    this.on("click ." + CLASS_CLOSE_BUTTON, function () {
+      return _this.hide();
+    });
+    this.on("click ." + CLASS_OK_BUTTON, function () {
+      var imageUrl = _this._imageUrlInput.value;
+      var altText = _this._altTextInput.value;
+
+      if (imageUrl) {
+        _this._applyImage(imageUrl, altText);
+      } else {
+        var files = _this._imageFileInput.files;
+
+        if (files.length) {
+          var imageFile = files.item(0);
+
+          var hookCallback = function hookCallback(url, text) {
+            return _this._applyImage(url, text || altText);
+          };
+
+          _this.eventManager.emit('addImageBlobHook', imageFile, hookCallback, TYPE_UI);
+        }
+      }
+
+      _this.hide();
+    });
+    this.tab.on('itemClick', function () {
+      return _this._resetInputs();
+    });
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this.eventManager.listen('focus', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('closeAllPopup', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('openPopupAddImage', function () {
+      _this2.eventManager.emit('closeAllPopup');
+
+      _this2.show();
+    });
+  };
+
+  _proto._applyImage = function _applyImage(imageUrl, altText) {
+    this.eventManager.emit('command', 'AddImage', {
+      imageUrl: imageUrl,
+      altText: altText || 'image'
+    });
+    this.hide();
+  };
+
+  _proto._resetInputs = function _resetInputs() {
+    dom["a" /* default */].findAll(this.el, 'input').forEach(function (input) {
+      input.value = '';
+    });
+  }
+  /**
+   * Remove popup
+   * @override
+   */
+  ;
+
+  _proto.remove = function remove() {
+    this.tab.remove();
+
+    _LayerPopup.prototype.remove.call(this);
+  };
+
+  return PopupAddImage;
+}(layerpopup);
+
+/* harmony default export */ var popupAddImage = (popupAddImage_PopupAddImage);
+// CONCATENATED MODULE: ./src/js/ui/popupTableUtils.js
+function popupTableUtils_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements PopupTableUtils
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var REMOVE_ROW_MENU_CLASS_NAME = 'te-table-remove-row';
+var DISABLED_MENU_CLASS_NAME = 'te-context-menu-disabled';
+/**
+ * PopupTableUtils
+ * It implements table utils popup
+ * @param {LayerPopupOption} options - layer popup options
+ */
+
+var popupTableUtils_PopupTableUtils = /*#__PURE__*/function (_LayerPopup) {
+  popupTableUtils_inheritsLoose(PopupTableUtils, _LayerPopup);
+
+  function PopupTableUtils(options) {
+    var POPUP_CONTENT = "\n      \n      \n      \n      \n      
    \n      \n      \n      \n      
    \n      \n    ";
+    options = extend_default()({
+      header: false,
+      className: 'te-popup-table-utils',
+      content: POPUP_CONTENT
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupTableUtils.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this.eventManager = options.eventManager;
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this.on('click .te-table-add-row', function () {
+      return _this.eventManager.emit('command', 'AddRow');
+    });
+    this.on('click .te-table-add-col', function () {
+      return _this.eventManager.emit('command', 'AddCol');
+    });
+    this.on('click .te-table-col-align-left', function () {
+      return _this.eventManager.emit('command', 'AlignCol', 'left');
+    });
+    this.on('click .te-table-col-align-center', function () {
+      return _this.eventManager.emit('command', 'AlignCol', 'center');
+    });
+    this.on('click .te-table-col-align-right', function () {
+      return _this.eventManager.emit('command', 'AlignCol', 'right');
+    });
+    this.on('click .te-table-remove-col', function () {
+      return _this.eventManager.emit('command', 'RemoveCol');
+    });
+    this.on('click .te-table-remove', function () {
+      return _this.eventManager.emit('command', 'RemoveTable');
+    });
+
+    this._bindClickEventOnRemoveRowMenu();
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this.eventManager.listen('focus', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('mousedown', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('closeAllPopup', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('openPopupTableUtils', function (ev) {
+      var _this2$el$parentNode$ = _this2.el.parentNode.getBoundingClientRect(),
+          left = _this2$el$parentNode$.left,
+          top = _this2$el$parentNode$.top;
+
+      _this2._disableRemoveRowMenu(ev.target);
+
+      css_default()(_this2.el, {
+        position: 'absolute',
+        top: ev.clientY - top + 5 + "px",
+        // beside mouse pointer
+        left: ev.clientX - left + 10 + "px"
+      });
+
+      _this2.eventManager.emit('closeAllPopup');
+
+      _this2.show();
+    });
+  };
+
+  _proto._bindClickEventOnRemoveRowMenu = function _bindClickEventOnRemoveRowMenu() {
+    var _this3 = this;
+
+    this.on("click ." + REMOVE_ROW_MENU_CLASS_NAME, function (ev) {
+      var target = ev.target;
+
+      if (hasClass_default()(target, DISABLED_MENU_CLASS_NAME)) {
+        ev.preventDefault();
+      } else {
+        _this3.eventManager.emit('command', 'RemoveRow');
+      }
+    });
+  };
+
+  _proto._disableRemoveRowMenu = function _disableRemoveRowMenu(target) {
+    var menu = this.el.querySelector("." + REMOVE_ROW_MENU_CLASS_NAME);
+    dom["a" /* default */].toggleClass(menu, DISABLED_MENU_CLASS_NAME, target.nodeName === 'TH');
+  };
+
+  return PopupTableUtils;
+}(layerpopup);
+
+/* harmony default export */ var popupTableUtils = (popupTableUtils_PopupTableUtils);
+// CONCATENATED MODULE: ./src/js/ui/popupAddTable.js
+function popupAddTable_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements PopupAddTable
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var CLASS_TABLE_SELECTION = 'te-table-selection';
+var CLASS_TABLE_HEADER = 'te-table-header';
+var CLASS_TABLE_BODY = 'te-table-body';
+var CLASS_SELECTION_AREA = 'te-selection-area';
+var CLASS_DESCRIPTION = 'te-description';
+var popupAddTable_POPUP_CONTENT = "\n    
    \n        
    \n        
    \n        
    \n    
    \n    
    \n";
+var CELL_WIDTH = 25;
+var CELL_HEIGHT = 17;
+var MIN_ROW_INDEX = 7;
+var MAX_ROW_INDEX = 14;
+var MIN_COL_INDEX = 5;
+var MAX_COL_INDEX = 9;
+var MIN_ROW_SELECTION_INDEX = 1;
+var MIN_COL_SELECTION_INDEX = 1;
+var HEADER_ROW_COUNT = 1;
+var LAST_BORDER = 1;
+/**
+ * Class PopupAddTable
+ * It implements Popup to add a table
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+var popupAddTable_PopupAddTable = /*#__PURE__*/function (_LayerPopup) {
+  popupAddTable_inheritsLoose(PopupAddTable, _LayerPopup);
+
+  function PopupAddTable(options) {
+    options = extend_default()({
+      header: false,
+      className: 'te-popup-add-table',
+      content: popupAddTable_POPUP_CONTENT
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupAddTable.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this._selectedBound = {};
+    this._tableBound = {};
+    this._eventManager = options.eventManager;
+    this._button = options.button;
+    this._eventHandlers = {
+      onMousedown: this._selectTableRange.bind(this),
+      onClick: this._fireCommandEvent.bind(this)
+    };
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM() {
+    _LayerPopup.prototype._initDOM.call(this);
+
+    this._cacheElements();
+
+    this._setTableSizeByBound(MIN_COL_INDEX, MIN_ROW_INDEX);
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent(options) {
+    _LayerPopup.prototype._initDOMEvent.call(this, options);
+
+    this.on("mousemove ." + CLASS_TABLE_SELECTION, this._eventHandlers.onMousedown);
+    this.on("click ." + CLASS_TABLE_SELECTION, this._eventHandlers.onClick);
+  };
+
+  _proto._selectTableRange = function _selectTableRange(ev) {
+    var x = ev.pageX - this._selectionOffset.left;
+    var y = ev.pageY - this._selectionOffset.top;
+
+    var bound = this._getSelectionBoundByOffset(x, y);
+
+    this._resizeTableBySelectionIfNeed(bound.col, bound.row);
+
+    this._setSelectionAreaByBound(bound.col, bound.row);
+
+    this._setDisplayText(bound.col, bound.row);
+
+    this._setSelectedBound(bound.col, bound.row);
+  };
+
+  _proto._fireCommandEvent = function _fireCommandEvent() {
+    var tableSize = this._getSelectedTableSize();
+
+    this._eventManager.emit('command', 'Table', tableSize.col, tableSize.row);
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this._eventManager.listen('focus', function () {
+      return _this.hide();
+    });
+
+    this._eventManager.listen('closeAllPopup', function () {
+      return _this.hide();
+    });
+
+    this._eventManager.listen('openPopupAddTable', function () {
+      var button = _this._button;
+      var offsetTop = button.offsetTop,
+          offsetLeft = button.offsetLeft;
+      css_default()(_this.el, {
+        top: offsetTop + dom["a" /* default */].getOuterHeight(button) + "px",
+        left: offsetLeft + "px"
+      });
+
+      _this._eventManager.emit('closeAllPopup');
+
+      _this.show();
+
+      var _this$el$querySelecto = _this.el.querySelector("." + CLASS_TABLE_SELECTION).getBoundingClientRect(),
+          left = _this$el$querySelecto.left,
+          top = _this$el$querySelecto.top;
+
+      _this._selectionOffset = {
+        left: left + window.pageXOffset,
+        top: top + window.pageYOffset
+      };
+    });
+  }
+  /**
+   * Cache elements for use
+   * @private
+   */
+  ;
+
+  _proto._cacheElements = function _cacheElements() {
+    this.header = this.el.querySelector("." + CLASS_TABLE_HEADER);
+    this.body = this.el.querySelector("." + CLASS_TABLE_BODY);
+    this.selection = this.el.querySelector("." + CLASS_SELECTION_AREA);
+    this.desc = this.el.querySelector("." + CLASS_DESCRIPTION);
+  }
+  /**
+   * Resize table if need
+   * @param {number} col column index
+   * @param {number} row row index
+   * @private
+   */
+  ;
+
+  _proto._resizeTableBySelectionIfNeed = function _resizeTableBySelectionIfNeed(col, row) {
+    var resizedBound = this._getResizedTableBound(col, row);
+
+    if (resizedBound) {
+      this._setTableSizeByBound(resizedBound.col, resizedBound.row);
+    }
+  }
+  /**
+   * Get resized table bound if Need
+   * @param {number} col column index
+   * @param {number} row row index
+   * @returns {object} bound
+   * @private
+   */
+  ;
+
+  _proto._getResizedTableBound = function _getResizedTableBound(col, row) {
+    var resizedCol, resizedRow, resizedBound;
+
+    if (col >= MIN_COL_INDEX && col < MAX_COL_INDEX) {
+      resizedCol = col + 1;
+    } else if (col < MIN_COL_INDEX) {
+      resizedCol = MIN_COL_INDEX;
+    }
+
+    if (row >= MIN_ROW_INDEX && row < MAX_ROW_INDEX) {
+      resizedRow = row + 1;
+    } else if (row < MIN_ROW_INDEX) {
+      resizedRow = MIN_ROW_INDEX;
+    }
+
+    if (this._isNeedResizeTable(resizedCol, resizedRow)) {
+      resizedBound = {
+        row: resizedRow || this._tableBound.row,
+        col: resizedCol || this._tableBound.col
+      };
+    }
+
+    return resizedBound;
+  }
+  /**
+   * check if need resize table
+   * @param {number} col column index
+   * @param {number} row row index
+   * @returns {boolean} result
+   * @private
+   */
+  ;
+
+  _proto._isNeedResizeTable = function _isNeedResizeTable(col, row) {
+    return col && col !== this._tableBound.col || row && row !== this._tableBound.row;
+  }
+  /**
+   * Get bound by offset
+   * @param {number} x offset
+   * @param {number} y offset
+   * @returns {object} bound
+   * @private
+   */
+  ;
+
+  _proto._getBoundByOffset = function _getBoundByOffset(x, y) {
+    var row = parseInt(y / CELL_HEIGHT, 10);
+    var col = parseInt(x / CELL_WIDTH, 10);
+    return {
+      row: row,
+      col: col
+    };
+  }
+  /**
+   * Get offset by bound
+   * @param {number} col column index
+   * @param {number} row row index
+   * @returns {object} offset
+   * @private
+   */
+  ;
+
+  _proto._getOffsetByBound = function _getOffsetByBound(col, row) {
+    var x = col * CELL_WIDTH + CELL_WIDTH,
+        y = row * CELL_HEIGHT + CELL_HEIGHT;
+    return {
+      x: x,
+      y: y
+    };
+  }
+  /**
+   * Set table size with bound
+   * @param {number} col column index
+   * @param {number} row row index
+   * @private
+   */
+  ;
+
+  _proto._setTableSizeByBound = function _setTableSizeByBound(col, row) {
+    var boundOffset = this._getOffsetByBound(col, row - HEADER_ROW_COUNT);
+
+    this._setTableSize(boundOffset.x, boundOffset.y);
+
+    this._tableBound.row = row;
+    this._tableBound.col = col;
+  }
+  /**
+   * Get selection bound that process with range by offset
+   * @param {number} x offset
+   * @param {number} y offset
+   * @returns {object} bound
+   * @private
+   */
+  ;
+
+  _proto._getSelectionBoundByOffset = function _getSelectionBoundByOffset(x, y) {
+    var bound = this._getBoundByOffset(x, y);
+
+    if (bound.row < MIN_ROW_SELECTION_INDEX) {
+      bound.row = MIN_ROW_SELECTION_INDEX;
+    } else if (bound.row > this._tableBound.row) {
+      bound.row = this._tableBound.row;
+    }
+
+    if (bound.col < MIN_COL_SELECTION_INDEX) {
+      bound.col = MIN_COL_SELECTION_INDEX;
+    } else if (bound.col > this._tableBound.col) {
+      bound.col = this._tableBound.col;
+    }
+
+    return bound;
+  }
+  /**
+   * Set selection area with bound
+   * @param {number} col column index
+   * @param {number} row row index
+   * @private
+   */
+  ;
+
+  _proto._setSelectionAreaByBound = function _setSelectionAreaByBound(col, row) {
+    var boundOffset = this._getOffsetByBound(col, row);
+
+    this._setSelectionArea(boundOffset.x, boundOffset.y);
+  }
+  /**
+   * Set selected bound
+   * @param {number} col column index
+   * @param {number} row row index
+   * @private
+   */
+  ;
+
+  _proto._setSelectedBound = function _setSelectedBound(col, row) {
+    this._selectedBound.col = col;
+    this._selectedBound.row = row;
+  }
+  /**
+   * Get selected table size
+   * @returns {object} bound
+   * @private
+   */
+  ;
+
+  _proto._getSelectedTableSize = function _getSelectedTableSize() {
+    return {
+      row: this._selectedBound.row + 1,
+      col: this._selectedBound.col + 1
+    };
+  }
+  /**
+   * Set selected table size text for display
+   * @param {number} col column index
+   * @param {number} row row index
+   * @private
+   */
+  ;
+
+  _proto._setDisplayText = function _setDisplayText(col, row) {
+    this.desc.innerHTML = col + 1 + " x " + (row + 1);
+  }
+  /**
+   * Set table element size
+   * @param {number} x offset
+   * @param {number} y offset
+   * @private
+   */
+  ;
+
+  _proto._setTableSize = function _setTableSize(x, y) {
+    x += LAST_BORDER;
+    y += LAST_BORDER;
+    css_default()(this.header, {
+      height: CELL_HEIGHT + "px",
+      width: x + "px"
+    });
+    css_default()(this.body, {
+      height: y + "px",
+      width: x + "px"
+    });
+    css_default()(this.el, {
+      width: x + 30 + "px"
+    });
+  }
+  /**
+   * Set selection element size
+   * @param {number} x offset
+   * @param {number} y offset
+   * @private
+   */
+  ;
+
+  _proto._setSelectionArea = function _setSelectionArea(x, y) {
+    x += LAST_BORDER;
+    y += LAST_BORDER;
+    css_default()(this.selection, {
+      height: y + "px",
+      width: x + "px"
+    });
+  };
+
+  _proto.remove = function remove() {
+    this.off("mousemove ." + CLASS_TABLE_SELECTION, this._eventHandlers.onMousedown);
+    this.off("click ." + CLASS_TABLE_SELECTION, this._eventHandlers.onClick);
+
+    _LayerPopup.prototype.remove.call(this);
+  };
+
+  return PopupAddTable;
+}(layerpopup);
+
+popupAddTable_PopupAddTable.CELL_WIDTH = CELL_WIDTH;
+popupAddTable_PopupAddTable.CELL_HEIGHT = CELL_HEIGHT;
+popupAddTable_PopupAddTable.MIN_ROW_SELECTION_INDEX = MIN_ROW_SELECTION_INDEX;
+popupAddTable_PopupAddTable.MIN_COL_SELECTION_INDEX = MIN_COL_SELECTION_INDEX;
+/* harmony default export */ var popupAddTable = (popupAddTable_PopupAddTable);
+// CONCATENATED MODULE: ./src/js/ui/popupAddHeading.js
+function popupAddHeading_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements PopupAddHeading
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+/**
+ * Class PopupAddHeading
+ * It implements Popup to add headings
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+var popupAddHeading_PopupAddHeading = /*#__PURE__*/function (_LayerPopup) {
+  popupAddHeading_inheritsLoose(PopupAddHeading, _LayerPopup);
+
+  function PopupAddHeading(options) {
+    var POPUP_CONTENT = "\n      
      \n        
    • " + i18n.get('Heading') + " 1
      • \n        
    • " + i18n.get('Heading') + " 2
      • \n        
    • " + i18n.get('Heading') + " 3
      • \n        
    • " + i18n.get('Heading') + " 4
      • \n        
    • " + i18n.get('Heading') + " 5
      • \n        
    • " + i18n.get('Heading') + " 6
      • \n        
    • " + i18n.get('Paragraph') + "
      • \n      
    \n    ";
+    options = extend_default()({
+      header: false,
+      className: 'te-heading-add',
+      content: POPUP_CONTENT
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupAddHeading.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this._eventManager = options.eventManager;
+    this._button = options.button;
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this.on('click li', function (ev) {
+      var li = dom["a" /* default */].closest(ev.target, 'li');
+
+      _this._eventManager.emit('command', li.getAttribute('data-type'), li.getAttribute('data-value'));
+    });
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this._eventManager.listen('focus', this.hide.bind(this));
+
+    this._eventManager.listen('closeAllPopup', this.hide.bind(this));
+
+    this._eventManager.listen('openHeadingSelect', function () {
+      var button = _this2._button;
+      var offsetTop = button.offsetTop,
+          offsetLeft = button.offsetLeft;
+      css_default()(_this2.el, {
+        top: offsetTop + dom["a" /* default */].getOuterHeight(button) + "px",
+        left: offsetLeft + "px"
+      });
+
+      _this2._eventManager.emit('closeAllPopup');
+
+      _this2.show();
+    });
+  };
+
+  return PopupAddHeading;
+}(layerpopup);
+
+/* harmony default export */ var popupAddHeading = (popupAddHeading_PopupAddHeading);
+// CONCATENATED MODULE: ./src/js/ui/popupCodeBlockLanguages.js
+function popupCodeBlockLanguages_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements popup code block languages
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+var BUTTON_CLASS_PREFIX = 'te-popup-code-block-lang-';
+
+function getButtonsHTML(languages) {
+  return languages.map(function (lang) {
+    return "";
+  }).join('');
+}
+/**
+ * Class Popup code block languages select list
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+
+var popupCodeBlockLanguages_PopupCodeBlockLanguages = /*#__PURE__*/function (_LayerPopup) {
+  popupCodeBlockLanguages_inheritsLoose(PopupCodeBlockLanguages, _LayerPopup);
+
+  function PopupCodeBlockLanguages(options) {
+    var _options = options,
+        languages = _options.languages;
+    options = extend_default()({
+      header: false,
+      className: 'te-popup-code-block-languages',
+      content: getButtonsHTML(languages)
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupCodeBlockLanguages.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    var _this = this;
+
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this.eventManager = options.eventManager;
+    this._onSelectedLanguage = null;
+    this._onDismissed = null;
+    this._currentButton = null;
+    this._buttons = null;
+    this._languages = options.languages;
+
+    this._btnMousedownHandler = function (event) {
+      var language = event.target.getAttribute('data-lang');
+
+      if (_this._onSelectedLanguage) {
+        _this._onSelectedLanguage(language);
+      }
+
+      _this.hide();
+    };
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM(options) {
+    _LayerPopup.prototype._initDOM.call(this, options);
+
+    css_default()(this.el, 'zIndex', 10000);
+    this._buttons = dom["a" /* default */].findAll(this.el, 'button');
+
+    this._activateButtonByIndex(0);
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this._addBtnMouseDownHandler();
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this.eventManager.listen('openPopupCodeBlockLanguages', function (data) {
+      _this2.show(data.callback);
+
+      css_default()(_this2.el, {
+        top: data.offset.top + "px"
+      });
+      css_default()(_this2.el, {
+        left: data.offset.left + "px"
+      });
+
+      _this2.setCurrentLanguage(data.language);
+
+      return _this2;
+    });
+    this.eventManager.listen('focus', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('mousedown', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('closeAllPopup', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('closePopupCodeBlockLanguages', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('scroll', function () {
+      return _this2.hide();
+    });
+    this.eventManager.listen('setCodeBlockLanguages', function (languages) {
+      return _this2._changeLanguageButtons(languages);
+    });
+  }
+  /**
+   * activate an item by index
+   * @param {number} index - item index
+   * @private
+   */
+  ;
+
+  _proto._activateButtonByIndex = function _activateButtonByIndex(index) {
+    if (this._currentButton) {
+      removeClass_default()(this._currentButton, 'active');
+    }
+
+    if (this._buttons.length) {
+      this._currentButton = this._buttons[index];
+      addClass_default()(this._currentButton, 'active');
+
+      this._currentButton.scrollIntoView();
+    }
+  }
+  /**
+   * move to prev language
+   */
+  ;
+
+  _proto.prev = function prev() {
+    var index = inArray_default()(this._currentButton, this._buttons) - 1;
+
+    if (index < 0) {
+      index = this._buttons.length - 1;
+    }
+
+    this._activateButtonByIndex(index);
+  }
+  /**
+   * move to next language
+   */
+  ;
+
+  _proto.next = function next() {
+    var index = inArray_default()(this._currentButton, this._buttons) + 1;
+
+    if (index >= this._buttons.length) {
+      index = 0;
+    }
+
+    this._activateButtonByIndex(index);
+  }
+  /**
+   * current language
+   * @returns {string} language
+   */
+  ;
+
+  _proto.getCurrentLanguage = function getCurrentLanguage() {
+    var language = this._currentButton.getAttribute('data-lang');
+
+    return language;
+  }
+  /**
+   * set current language
+   * @param {string} language - current language
+   */
+  ;
+
+  _proto.setCurrentLanguage = function setCurrentLanguage(language) {
+    var item = this._buttons.filter(function (button) {
+      return matches_default()(button, "." + BUTTON_CLASS_PREFIX + language);
+    });
+
+    if (item.length > 0) {
+      var index = inArray_default()(item[0], this._buttons);
+
+      this._activateButtonByIndex(index);
+    }
+  }
+  /**
+   * show popup
+   * @param {object} callback - to be called on language selected & dismissed
+   * @override
+   */
+  ;
+
+  _proto.show = function show(callback) {
+    this._onSelectedLanguage = callback.selected;
+    this._onDismissed = callback.dismissed;
+
+    _LayerPopup.prototype.show.call(this);
+  }
+  /**
+   * hide popup
+   * @override
+   */
+  ;
+
+  _proto.hide = function hide() {
+    if (this._onDismissed) {
+      this._onDismissed();
+    }
+
+    this._onSelectedLanguage = null;
+    this._onDismissed = null;
+
+    _LayerPopup.prototype.hide.call(this);
+  };
+
+  _proto._addBtnMouseDownHandler = function _addBtnMouseDownHandler() {
+    var _this3 = this;
+
+    this._languages.forEach(function (lang) {
+      _this3.off("mousedown ." + BUTTON_CLASS_PREFIX + lang, _this3._btnMousedownHandler);
+
+      _this3.on("mousedown ." + BUTTON_CLASS_PREFIX + lang, _this3._btnMousedownHandler);
+    });
+  };
+
+  _proto._changeLanguageButtons = function _changeLanguageButtons(languages) {
+    this._languages = languages;
+
+    if (languages && languages.length) {
+      this.content = getButtonsHTML(languages);
+      this.setContent(this.content);
+
+      this._addBtnMouseDownHandler();
+
+      this._buttons = dom["a" /* default */].findAll(this.el, 'button');
+
+      this._activateButtonByIndex(0);
+    }
+  };
+
+  return PopupCodeBlockLanguages;
+}(layerpopup);
+
+/* harmony default export */ var popupCodeBlockLanguages = (popupCodeBlockLanguages_PopupCodeBlockLanguages);
+// CONCATENATED MODULE: ./src/js/ui/scrollSyncSplit.js
+/**
+ * @fileoverview Implements scroll sync split
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+var CLASS_SPLIT_SCROLL = 'tui-split-scroll';
+var CLASS_SINGLE_CONTENT = 'single-content';
+var CLASS_SCROLL_SYNC = 'scroll-sync';
+var CLASS_SCROLL_WRAPPER = 'tui-split-scroll-wrapper';
+var CLASS_SCROLL_CONTENT = 'tui-split-scroll-content';
+var CLASS_SPLITTER = 'tui-splitter';
+var EVENT_REQUIRE_SCROLL_INTO_VIEW = 'requireScrollIntoView';
+var CLASS_CONTENT_LEFT = 'tui-split-content-left';
+var CLASS_CONTENT_RIGHT = 'tui-split-content-right';
+var CLASS_CONTENT = {
+  left: CLASS_CONTENT_LEFT,
+  right: CLASS_CONTENT_RIGHT
+};
+/**
+ * Class ScrollSyncSplit
+ * @param {Element} baseElement - an element which attach a splitSyncSplit
+ * @param {Element} leftElement - an element to be on left side split view
+ * @param {Element} rightElement - an element to be on right side split view
+ * @param {object} options - options
+ *     @param {boolean} [options.showScrollSyncButton=false] - show scroll sync button on top right corner
+ *     @param {boolean} [options.scrollSync=true] - true for enable scroll sync
+ *     @param {boolean} [options.splitView=true] - true for split, false for single view
+ * @ignore
+ */
+
+var scrollSyncSplit_ScrollSyncSplit = /*#__PURE__*/function () {
+  function ScrollSyncSplit(baseElement, leftElement, rightElement, options) {
+    if (options === void 0) {
+      options = {};
+    }
+
+    options = extend_default()({
+      showScrollSyncButton: false,
+      scrollSync: true,
+      splitView: true
+    }, options);
+    this._baseElement = baseElement;
+    this._eventManager = options.eventManager;
+    /**
+     * left, right side content elements
+     * @type {HTMLElement[]}
+     * @private
+     */
+
+    this._contentElements = [];
+
+    this._initDom(leftElement, rightElement, options);
+
+    this._initDomEvent();
+  }
+
+  var _proto = ScrollSyncSplit.prototype;
+
+  _proto._initDom = function _initDom(leftElement, rightElement, options) {
+    var el = document.createElement('div');
+    el.className = CLASS_SPLIT_SCROLL;
+    this._el = el;
+    var scrollWrapper = document.createElement('div');
+    scrollWrapper.className = CLASS_SCROLL_WRAPPER;
+    this._scrollWrapper = scrollWrapper;
+
+    this._setScrollSync(options.scrollSync);
+
+    this.setSplitView(options.splitView);
+    var contentWrapper = document.createElement('div');
+    contentWrapper.className = CLASS_SCROLL_CONTENT;
+    this._contentWrapper = contentWrapper;
+    var splitter = document.createElement('div');
+    splitter.className = CLASS_SPLITTER;
+
+    this._baseElement.appendChild(el);
+
+    el.appendChild(scrollWrapper);
+    scrollWrapper.appendChild(contentWrapper);
+    scrollWrapper.appendChild(splitter);
+
+    this._setLeft(leftElement);
+
+    this._setRight(rightElement);
+  };
+
+  _proto._initDomEvent = function _initDomEvent() {
+    this._contentWrapper.addEventListener('scroll', this.sync.bind(this));
+  };
+
+  _proto._requireScrollIntoView = function _requireScrollIntoView(element) {
+    var _element$getBoundingC = element.getBoundingClientRect(),
+        targetTop = _element$getBoundingC.top,
+        targetBottom = _element$getBoundingC.bottom;
+
+    var wrapperElement;
+
+    if (this.isScrollSynced()) {
+      wrapperElement = this._contentWrapper;
+    } else if (dom["a" /* default */].parents(element, this._contentElements.left).length) {
+      wrapperElement = this._contentElements.left;
+    } else if (dom["a" /* default */].parents(element, this._contentElements.right).length) {
+      wrapperElement = this._contentElements.right;
+    } else {
+      return;
+    }
+
+    var _wrapperElement$getBo = wrapperElement.getBoundingClientRect(),
+        wrapperTop = _wrapperElement$getBo.top,
+        wrapperBottom = _wrapperElement$getBo.bottom;
+
+    if (targetTop < wrapperTop) {
+      wrapperElement.scrollTop = wrapperElement.scrollTop + targetTop - wrapperTop;
+    } else if (targetBottom > wrapperBottom) {
+      wrapperElement.scrollTop = wrapperElement.scrollTop + targetBottom - wrapperBottom;
+    }
+
+    this.sync();
+  }
+  /**
+   * set content element for given side
+   * @param {Element} element - content element
+   * @param {string} side - 'left' | 'right'
+   * @private
+   */
+  ;
+
+  _proto._setContentElement = function _setContentElement(element, side) {
+    var _this = this;
+
+    var contentElement = this._contentElements[side];
+
+    if (contentElement) {
+      this._eventManager.removeEventHandler(EVENT_REQUIRE_SCROLL_INTO_VIEW);
+
+      this._contentWrapper.removeChild(contentElement);
+    }
+
+    addClass_default()(element, CLASS_CONTENT[side]);
+
+    this._contentWrapper.appendChild(element);
+
+    this._eventManager.listen(EVENT_REQUIRE_SCROLL_INTO_VIEW, function (ev) {
+      return _this._requireScrollIntoView(ev);
+    });
+
+    this._eventManager.listen('requireScrollSync', function () {
+      return _this.sync();
+    });
+
+    this._contentElements[side] = element;
+    this.sync();
+  }
+  /**
+   * set left side element
+   * @param {Element} element - an element to be on left side split view
+   * @private
+   */
+  ;
+
+  _proto._setLeft = function _setLeft(element) {
+    this._setContentElement(element, 'left');
+  }
+  /**
+   * set right side element
+   * @param {Element} element - an element to be on right side split view
+   * @private
+   */
+  ;
+
+  _proto._setRight = function _setRight(element) {
+    this._setContentElement(element, 'right');
+  };
+
+  _proto._setScrollSync = function _setScrollSync(activate) {
+    dom["a" /* default */].toggleClass(this._el, CLASS_SCROLL_SYNC, activate);
+  }
+  /**
+   * toggle multi scroll
+   */
+  ;
+
+  _proto.toggleScrollSync = function toggleScrollSync() {
+    dom["a" /* default */].toggleClass(this._el, CLASS_SCROLL_SYNC);
+  };
+
+  _proto.setSplitView = function setSplitView(activate) {
+    if (!activate) {
+      addClass_default()(this._el, CLASS_SINGLE_CONTENT);
+    } else {
+      removeClass_default()(this._el, CLASS_SINGLE_CONTENT);
+    }
+  }
+  /**
+   * toggle split
+   */
+  ;
+
+  _proto.toggleSplitView = function toggleSplitView() {
+    dom["a" /* default */].toggleClass(this._el, CLASS_SINGLE_CONTENT);
+  }
+  /**
+   * is scroll synced
+   * @returns {boolean} - true for synced, false for each scroll
+   */
+  ;
+
+  _proto.isScrollSynced = function isScrollSynced() {
+    return hasClass_default()(this._el, CLASS_SCROLL_SYNC);
+  }
+  /**
+   * is split view
+   * @returns {boolean} - true for split view, false for single view
+   */
+  ;
+
+  _proto.isSplitView = function isSplitView() {
+    return !hasClass_default()(this._el, CLASS_SINGLE_CONTENT);
+  }
+  /**
+   * sync scroll
+   */
+  ;
+
+  _proto.sync = function sync() {
+    if (!this._contentElements.left || !this._contentElements.right) {
+      return;
+    }
+
+    var wrapperHeight = this._contentWrapper.clientHeight;
+    var scrollTop = this._contentWrapper.scrollTop;
+    var leftElement = this._contentElements.left;
+    var rightElement = this._contentElements.right;
+    var scrollingElement = leftElement.offsetHeight - wrapperHeight > 0 ? leftElement : rightElement;
+    var followingElement = scrollingElement === leftElement ? rightElement : leftElement;
+    var scrollingElementHeight = scrollingElement.offsetHeight;
+    var scrollingElementScrollMax = Math.max(scrollingElementHeight - wrapperHeight, 0);
+    var followingElementHeight = Math.max(followingElement.offsetHeight, wrapperHeight);
+    var followingElementTopMax = scrollingElementHeight - followingElementHeight;
+    css_default()(scrollingElement, {
+      top: 0
+    });
+    css_default()(followingElement, {
+      top: scrollTop / scrollingElementScrollMax * followingElementTopMax + "px"
+    });
+  }
+  /**
+   * scroll top
+   * @param {number} top - scroll top in pixel
+   */
+  ;
+
+  _proto.scrollTop = function scrollTop(top) {
+    this._contentWrapper.scrollTop = top;
+  };
+
+  return ScrollSyncSplit;
+}();
+
+/* harmony default export */ var scrollSyncSplit = (scrollSyncSplit_ScrollSyncSplit);
+// CONCATENATED MODULE: ./src/js/codeBlockEditor.js
+function codeBlockEditor_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements code block editor
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Code Block Editor
+ * @param {HTMLElement} el - code block editor container element
+ * @param {EventManager} eventManager - event manager
+ * @ignore
+ */
+
+var CodeBlockEditor = /*#__PURE__*/function (_CodeMirrorExt) {
+  codeBlockEditor_inheritsLoose(CodeBlockEditor, _CodeMirrorExt);
+
+  function CodeBlockEditor(el, eventManager) {
+    var _this;
+
+    _this = _CodeMirrorExt.call(this, el, {
+      singleCursorHeightPerLine: false,
+      theme: 'none'
+    }) || this;
+    _this._language = '';
+    _this._eventManager = eventManager;
+
+    _this._initEvent();
+
+    return _this;
+  }
+
+  var _proto = CodeBlockEditor.prototype;
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this.on('cursorActivity', this._onRequireScrollIntoView.bind(this));
+    this.on('beforeChange', function (cm, ev) {
+      if (ev.origin === 'paste') {
+        _this2._eventManager.emit('pasteBefore', {
+          source: 'codeblock',
+          data: ev
+        });
+      }
+    });
+  };
+
+  _proto._onRequireScrollIntoView = function _onRequireScrollIntoView() {
+    var _this3 = this;
+
+    var cursor = this.getCursor();
+    var wrapper = this.getWrapperElement(); // CodeMirror cursorActivity event fires before actually attach a new line element to DOM
+    // we should proceed at next tick
+
+    setTimeout(function () {
+      var lineElement = wrapper.querySelector("pre:nth-child(" + (cursor.line + 1) + ")");
+
+      if (lineElement) {
+        _this3._eventManager.emit('requireScrollIntoView', lineElement);
+      }
+    }, 0);
+  }
+  /**
+   * load code from code block element
+   * @param {HTMLElement} codeBlockElement - code block element
+   */
+  ;
+
+  _proto.load = function load(codeBlockElement) {
+    var el = codeBlockElement.cloneNode(true);
+    this.setLanguage(el.getAttribute('data-language') || '');
+    this.setEditorCodeText(el.textContent);
+  }
+  /**
+   * save code to code block element
+   * @param {HTMLElement} codeBlockElement - code block element
+   */
+  ;
+
+  _proto.save = function save(codeBlockElement) {
+    codeBlockElement.innerHTML = '';
+    codeBlockElement.textContent = this.getEditorCodeText();
+    codeBlockElement.setAttribute('data-language', this._language);
+
+    this._eventManager.emit('changeLanguage');
+  }
+  /**
+   * clear code and language
+   */
+  ;
+
+  _proto.clear = function clear() {
+    this.setLanguage('');
+    this.setEditorCodeText('');
+  }
+  /**
+   * get code language
+   * @returns {string} - code language
+   */
+  ;
+
+  _proto.getLanguage = function getLanguage() {
+    return this._language;
+  }
+  /**
+   * set code language
+   * @param {string} [language=''] - code language
+   */
+  ;
+
+  _proto.setLanguage = function setLanguage(language) {
+    if (language === void 0) {
+      language = '';
+    }
+
+    this._language = language;
+  }
+  /**
+   * get code text
+   * @returns {string} - code text
+   */
+  ;
+
+  _proto.getEditorCodeText = function getEditorCodeText() {
+    return this.getValue();
+  }
+  /**
+   * set code text
+   * @param {string} [code=''] - code text
+   */
+  ;
+
+  _proto.setEditorCodeText = function setEditorCodeText(code) {
+    if (code === void 0) {
+      code = '';
+    }
+
+    this.setValue(code);
+  }
+  /**
+   * refresh. call if codemirror resized
+   */
+  ;
+
+  _proto.refresh = function refresh() {
+    this.cm.refresh();
+  };
+
+  return CodeBlockEditor;
+}(codeMirrorExt);
+
+/* harmony default export */ var codeBlockEditor = (CodeBlockEditor);
+// EXTERNAL MODULE: ./src/js/preview.js + 1 modules
+var js_preview = __webpack_require__(38);
+
+// CONCATENATED MODULE: ./src/js/codeBlockPreview.js
+function codeBlockPreview_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function codeBlockPreview_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements CodeBlockPreview
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Class Code block preview
+ * @param {HTMLElement} el - base element
+ * @param {EventManager} eventManager - event manager
+ * @param {Convertor} convertor - convertor
+ * @param {CodeBlockEditor} codeBlockEditor - code block editor
+ * @ignore
+ */
+
+var CodeBlockPreview = /*#__PURE__*/function (_Preview) {
+  codeBlockPreview_inheritsLoose(CodeBlockPreview, _Preview);
+
+  function CodeBlockPreview(el, eventManager, convertor, codeBlockEditor) {
+    var _this;
+
+    _this = _Preview.call(this, el, eventManager, convertor, true) || this;
+    _this._codeBlockEditor = codeBlockEditor;
+
+    _this._initEvent();
+
+    _this.lazyRunner.registerLazyRunFunction('refresh', _this.refresh, _this.delayCodeBlockTime, codeBlockPreview_assertThisInitialized(_this));
+
+    return _this;
+  }
+
+  var _proto = CodeBlockPreview.prototype;
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this._codeBlockEditor.on('update', function () {
+      return _this2.lazyRunner.run('refresh');
+    });
+  }
+  /**
+   * refresh preview
+   * @override
+   */
+  ;
+
+  _proto.refresh = function refresh() {
+    var language = this._codeBlockEditor.getLanguage();
+
+    var codeText = this._codeBlockEditor.getEditorCodeText();
+
+    _Preview.prototype.refresh.call(this, "```" + language + "\n" + codeText + "\n```");
+
+    this.eventManager.emit('requireScrollSync');
+  }
+  /**
+   * clear preview
+   */
+  ;
+
+  _proto.clear = function clear() {
+    _Preview.prototype.render.call(this, '');
+  };
+
+  return CodeBlockPreview;
+}(js_preview["a" /* default */]);
+
+/* harmony default export */ var codeBlockPreview = (CodeBlockPreview);
+// CONCATENATED MODULE: ./src/js/ui/codeBlockLanguagesCombo.js
+/**
+ * @fileoverview Implements UI code block languages combo
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+/**
+ * Class CodeBlockLanguagesCombo
+ * @param {EventManager} eventManager - event manager instance
+ * @ignore
+ */
+
+var codeBlockLanguagesCombo_CodeBlockLanguagesCombo = /*#__PURE__*/function () {
+  function CodeBlockLanguagesCombo(eventManager, languages) {
+    this._eventManager = eventManager;
+    this._languages = languages;
+
+    this._initDOM();
+
+    this._initDOMEvent();
+
+    this._initEvent();
+  }
+
+  var _proto = CodeBlockLanguagesCombo.prototype;
+
+  _proto._initDOM = function _initDOM() {
+    this._inputLanguage = dom["a" /* default */].createElementWith("");
+    this._wrapper = dom["a" /* default */].createElementWith("");
+
+    this._wrapper.appendChild(this._inputLanguage);
+
+    this._hide();
+  };
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this = this;
+
+    this._inputLanguage.addEventListener('keydown', function (event) {
+      return _this._onKeyEvent(event);
+    });
+
+    this._inputLanguage.addEventListener('focus', function () {
+      return _this._showPopupCodeBlockLanguages();
+    });
+
+    this._inputLanguage.addEventListener('focusout', function () {
+      return _this._onFocusOut();
+    });
+
+    this._wrapper.addEventListener('mousedown', function (ev) {
+      if (ev.target !== _this._wrapper) {
+        return;
+      }
+
+      ev.preventDefault();
+
+      _this._toggleFocus();
+    });
+  };
+
+  _proto._initEvent = function _initEvent() {
+    var _this2 = this;
+
+    this._eventManager.listen('setCodeBlockLanguages', function (languages) {
+      _this2._languages = languages;
+
+      if (languages && languages.length) {
+        _this2._show();
+      } else {
+        _this2._hide();
+      }
+    });
+  }
+  /**
+   * show popup
+   * @private
+   */
+  ;
+
+  _proto._showPopupCodeBlockLanguages = function _showPopupCodeBlockLanguages() {
+    var _this3 = this;
+
+    var clientRect = this._inputLanguage.getBoundingClientRect();
+
+    addClass_default()(this._wrapper, 'active');
+    this.active = true;
+    this._popupCodeBlockLanguages = this._eventManager.emitReduce('openPopupCodeBlockLanguages', {
+      language: this._prevStoredLanguage,
+      offset: {
+        left: clientRect.left,
+        top: clientRect.bottom
+      },
+      callback: {
+        selected: function selected(selectedLanguage) {
+          return _this3._onLanguageSelectedFromList(selectedLanguage);
+        },
+        dismissed: function dismissed() {
+          _this3._popupCodeBlockLanguages = null;
+        }
+      }
+    });
+  };
+
+  _proto._toggleFocus = function _toggleFocus() {
+    var inputLanguage = this._inputLanguage;
+
+    if (hasClass_default()(this._wrapper, 'active')) {
+      inputLanguage.blur();
+    } else {
+      inputLanguage.focus();
+    }
+  };
+
+  _proto._onFocusOut = function _onFocusOut() {
+    removeClass_default()(this._wrapper, 'active');
+    this._inputLanguage.value = this._prevStoredLanguage;
+
+    this._hidePopupCodeBlockLanguages();
+  };
+
+  _proto._onKeyEvent = function _onKeyEvent(event) {
+    if (this._popupCodeBlockLanguages) {
+      switch (event.which) {
+        case keyMapper.keyCode('UP'):
+          this._popupCodeBlockLanguages.prev();
+
+          event.preventDefault();
+          break;
+
+        case keyMapper.keyCode('DOWN'):
+          this._popupCodeBlockLanguages.next();
+
+          event.preventDefault();
+          break;
+
+        case keyMapper.keyCode('ENTER'):
+        case keyMapper.keyCode('TAB'):
+          {
+            var language = this._popupCodeBlockLanguages.getCurrentLanguage();
+
+            this._inputLanguage.value = language;
+
+            this._storeInputLanguage();
+
+            event.preventDefault();
+            break;
+          }
+
+        default:
+          this._popupCodeBlockLanguages.hide();
+
+      }
+    } else if (event.which === keyMapper.keyCode('ENTER') || event.which === keyMapper.keyCode('TAB')) {
+      this._storeInputLanguage();
+
+      event.preventDefault();
+    }
+  };
+
+  _proto._onLanguageSelectedFromList = function _onLanguageSelectedFromList(selectedLanguage) {
+    this._inputLanguage.value = selectedLanguage;
+
+    this._storeInputLanguage();
+  }
+  /**
+   * set a callback to be called on language selected
+   * @param {function} callback - callback function
+   * @protected
+   */
+  ;
+
+  _proto.setOnLanguageSelected = function setOnLanguageSelected(callback) {
+    this._onLanguageSelected = callback;
+  }
+  /**
+   * hide popup
+   * @private
+   */
+  ;
+
+  _proto._hidePopupCodeBlockLanguages = function _hidePopupCodeBlockLanguages() {
+    this._eventManager.emit('closePopupCodeBlockLanguages');
+  }
+  /**
+   * set language
+   * @param {string} language - code block language
+   * @protected
+   */
+  ;
+
+  _proto.setLanguage = function setLanguage(language) {
+    this._prevStoredLanguage = language;
+    this._inputLanguage.value = language;
+  }
+  /**
+   * store selection(typed) language & hide popup
+   * @private
+   */
+  ;
+
+  _proto._storeInputLanguage = function _storeInputLanguage() {
+    var selectedLanguage = this._inputLanguage.value;
+    this.setLanguage(selectedLanguage);
+
+    if (this._onLanguageSelected) {
+      this._onLanguageSelected(selectedLanguage);
+    }
+
+    this._hidePopupCodeBlockLanguages();
+  }
+  /**
+   * get element body
+   * @returns {HTMLElement} - CodeBlockLanguagesCombo body element
+   * @protected
+   */
+  ;
+
+  _proto.getElement = function getElement() {
+    return this._wrapper;
+  };
+
+  _proto._show = function _show() {
+    css_default()(this._wrapper, {
+      display: 'inline-block'
+    });
+  };
+
+  _proto._hide = function _hide() {
+    css_default()(this._wrapper, {
+      display: 'none'
+    });
+  };
+
+  return CodeBlockLanguagesCombo;
+}();
+
+/* harmony default export */ var ui_codeBlockLanguagesCombo = (codeBlockLanguagesCombo_CodeBlockLanguagesCombo);
+// CONCATENATED MODULE: ./src/js/ui/popupCodeBlockEditor.js
+function popupCodeBlockEditor_inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+
+/**
+ * @fileoverview Implements popup code block editor
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+var popupCodeBlockEditor_CLASS_PREFIX = 'popup-editor-';
+var popupCodeBlockEditor_CLASS_OK_BUTTON = 'te-ok-button';
+var popupCodeBlockEditor_CLASS_CLOSE_BUTTON = 'te-close-button';
+var CLASS_POPUP_CLOSE_BUTTON = 'tui-popup-close-button';
+var TEMPLATE_HEADER_BUTTONS = "\n    \n    \n    \n    \n";
+/**
+ * Class popup code block editor
+ * @param {LayerPopupOption} options - layer popup option
+ * @ignore
+ */
+
+var popupCodeBlockEditor_PopupCodeBlockEditor = /*#__PURE__*/function (_LayerPopup) {
+  popupCodeBlockEditor_inheritsLoose(PopupCodeBlockEditor, _LayerPopup);
+
+  function PopupCodeBlockEditor(options) {
+    var TEMPLATE_CONTENT = "\n            
    \n            
    \n                \n                \n            
    \n        ";
+    options = extend_default()({
+      header: true,
+      title: 'CodeBlock Editor',
+      content: TEMPLATE_CONTENT,
+      className: 'tui-popup-code-block-editor',
+      headerButtons: TEMPLATE_HEADER_BUTTONS,
+      modal: true
+    }, options);
+    return _LayerPopup.call(this, options) || this;
+  }
+  /**
+   * init instance.
+   * store properties & prepare before initialize DOM
+   * @param {LayerPopupOption} options - layer popup options
+   * @private
+   * @override
+   */
+
+
+  var _proto = PopupCodeBlockEditor.prototype;
+
+  _proto._initInstance = function _initInstance(options) {
+    _LayerPopup.prototype._initInstance.call(this, options);
+
+    this.eventManager = options.eventManager;
+    this.convertor = options.convertor;
+    this.languages = options.languages;
+  }
+  /**
+   * initialize DOM, render popup
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOM = function _initDOM(options) {
+    _LayerPopup.prototype._initDOM.call(this, options);
+
+    var el = this.el,
+        eventManager = this.eventManager;
+    this._body = el.querySelector("." + popupCodeBlockEditor_CLASS_PREFIX + "body");
+    this._toggleFitButton = el.querySelector("." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-fit");
+    this._togglePreviewButton = el.querySelector("." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-preview");
+    this._toggleScrollButton = el.querySelector("." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-scroll");
+    this._okButton = el.querySelector("." + popupCodeBlockEditor_CLASS_OK_BUTTON);
+    this._closeButton = el.querySelector("." + popupCodeBlockEditor_CLASS_CLOSE_BUTTON);
+    this._codeMirrorWrapper = this._createCodeBlockEditor();
+    this._previewWrapper = this._createPreview();
+    this._scrollSyncSplit = new scrollSyncSplit(this._body, this._codeMirrorWrapper, this._previewWrapper, {
+      eventManager: eventManager
+    });
+
+    this._updateFitWindowButton();
+
+    this._updatePreviewButton();
+
+    this._updateScrollButton();
+
+    this._codeBlockLanguagesCombo = this._createCodeBlockLanguagesCombo();
+  }
+  /**
+   * bind DOM events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initDOMEvent = function _initDOMEvent() {
+    var _this = this;
+
+    _LayerPopup.prototype._initDOMEvent.call(this);
+
+    this.on('scroll', function (ev) {
+      return ev.preventDefault();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-fit", function () {
+      return _this._toggleFitToWindow();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-preview", function () {
+      return _this._togglePreview();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_PREFIX + "toggle-scroll", function () {
+      return _this._toggleScroll();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_OK_BUTTON, function () {
+      return _this._save();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_CLOSE_BUTTON, function () {
+      return _this.hide();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_PREFIX + "close", function () {
+      return _this.hide();
+    });
+    this.on("click ." + popupCodeBlockEditor_CLASS_PREFIX + "editor-wrapper", function (ev) {
+      if (ev.target === _this._codeMirrorWrapper) {
+        _this._focusEditor(true);
+      }
+    });
+  }
+  /**
+   * bind editor events
+   * @private
+   * @override
+   */
+  ;
+
+  _proto._initEditorEvent = function _initEditorEvent() {
+    var _this2 = this;
+
+    _LayerPopup.prototype._initEditorEvent.call(this);
+
+    this.eventManager.listen('openPopupCodeBlockEditor', function (codeBlockElement) {
+      _this2.eventManager.emit('closeAllPopup');
+
+      _this2.show(codeBlockElement);
+
+      return _this2;
+    });
+    this.eventManager.listen('closeAllPopup', this.hide.bind(this));
+    this.eventManager.listen('closePopupCodeBlockEditor', this.hide.bind(this));
+  };
+
+  _proto._createCodeBlockEditor = function _createCodeBlockEditor() {
+    var codeMirrorWrapper = document.createElement('div');
+    codeMirrorWrapper.className = popupCodeBlockEditor_CLASS_PREFIX + "editor-wrapper";
+    this._codeBlockEditor = new codeBlockEditor(codeMirrorWrapper, this.eventManager);
+    return codeMirrorWrapper;
+  };
+
+  _proto._createPreview = function _createPreview() {
+    var previewWrapper = document.createElement('div');
+    this._codeBlockPreview = new codeBlockPreview(previewWrapper, this.eventManager, this.convertor, this._codeBlockEditor);
+    return previewWrapper;
+  };
+
+  _proto._createCodeBlockLanguagesCombo = function _createCodeBlockLanguagesCombo() {
+    var _this3 = this;
+
+    var titleElement = this.getTitleElement();
+    var codeBlockLanguagesCombo = new ui_codeBlockLanguagesCombo(this.eventManager, this.languages);
+    codeBlockLanguagesCombo.setOnLanguageSelected(function (selectedLanguage) {
+      _this3._codeBlockEditor.setLanguage(selectedLanguage);
+
+      _this3._codeBlockEditor.refresh();
+
+      _this3._focusEditor();
+    });
+    titleElement.innerHTML = 'CodeBlock Editor';
+    titleElement.appendChild(codeBlockLanguagesCombo.getElement());
+    return codeBlockLanguagesCombo;
+  };
+
+  _proto._updateFitWindowButton = function _updateFitWindowButton() {
+    dom["a" /* default */].toggleClass(this._toggleFitButton, 'active', this.isFitToWindow());
+  };
+
+  _proto._updatePreviewButton = function _updatePreviewButton() {
+    dom["a" /* default */].toggleClass(this._togglePreviewButton, 'active', this._scrollSyncSplit.isSplitView());
+  };
+
+  _proto._updateScrollButton = function _updateScrollButton() {
+    if (this._scrollSyncSplit.isSplitView()) {
+      css_default()(this._toggleScrollButton, {
+        display: 'inline-block'
+      });
+    } else {
+      css_default()(this._toggleScrollButton, {
+        display: 'none'
+      });
+    }
+
+    dom["a" /* default */].toggleClass(this._toggleScrollButton, 'active', this._scrollSyncSplit.isScrollSynced());
+  };
+
+  _proto._focusEditor = function _focusEditor(cursorToEnd) {
+    this._codeBlockEditor.focus();
+
+    if (cursorToEnd) {
+      this._codeBlockEditor.moveCursorToEnd();
+    } else {
+      this._codeBlockEditor.moveCursorToStart();
+    }
+  };
+
+  _proto._togglePreview = function _togglePreview() {
+    this._scrollSyncSplit.toggleSplitView();
+
+    this._updatePreviewButton();
+
+    this._updateScrollButton();
+
+    this._codeBlockEditor.refresh();
+  };
+
+  _proto._toggleFitToWindow = function _toggleFitToWindow() {
+    this.toggleFitToWindow();
+
+    this._updateFitWindowButton();
+
+    this._codeBlockEditor.refresh();
+  };
+
+  _proto._toggleScroll = function _toggleScroll() {
+    this._scrollSyncSplit.toggleScrollSync();
+
+    this._updateScrollButton();
+  }
+  /**
+   * store code mirror text to wysiwyg code block
+   * @private
+   */
+  ;
+
+  _proto._save = function _save() {
+    this._codeBlockEditor.save(this._codeBlockElement);
+
+    this.hide();
+  }
+  /**
+   * load code mirror text from wysiwyg code block
+   * @param {HTMLElement} codeBlockElement - code block element instance to load code from
+   * @private
+   */
+  ;
+
+  _proto._load = function _load(codeBlockElement) {
+    this._codeBlockElement = codeBlockElement;
+
+    this._codeBlockEditor.load(codeBlockElement);
+
+    this._codeBlockLanguagesCombo.setLanguage(this._codeBlockEditor.getLanguage());
+
+    this._focusEditor();
+
+    this._codeBlockPreview.refresh();
+  }
+  /**
+   * show popup
+   * @param {HTMLElement} codeBlockElement - code block element
+   * @override
+   */
+  ;
+
+  _proto.show = function show(codeBlockElement) {
+    _LayerPopup.prototype.show.call(this);
+
+    if (!codeBlockElement) {
+      throw new Error('should be called with codeBlockElement');
+    }
+
+    this._load(codeBlockElement);
+  }
+  /**
+   * hide popup
+   * @override
+   */
+  ;
+
+  _proto.hide = function hide() {
+    this.setFitToWindow(false);
+
+    if (this._codeBlockEditor) {
+      this._codeBlockEditor.clear();
+    }
+
+    if (this._codeBlockPreview) {
+      this._codeBlockPreview.clear();
+    }
+
+    this._codeBlockElement = null;
+
+    _LayerPopup.prototype.hide.call(this);
+  };
+
+  return PopupCodeBlockEditor;
+}(layerpopup);
+
+/* harmony default export */ var popupCodeBlockEditor = (popupCodeBlockEditor_PopupCodeBlockEditor);
+// CONCATENATED MODULE: ./src/js/ui/defaultUI.js
+function defaultUI_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+/**
+ * @fileoverview default UI
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var CLASS_TOOLBAR = 'te-toolbar-section';
+var CLASS_MARKDOWN_TAB = 'te-markdown-tab-section';
+var CLASS_EDITOR = 'te-editor-section';
+var CLASS_MODE_SWITCH = 'te-mode-switch-section';
+var CONTAINER_TEMPLATE = ['
    ', "
    ", "
    ", "
    ", '
    '].join('');
+/**
+ * Class DefaultUI
+ * @param {ToastUIEditor} editor - editor instance
+ */
+
+var defaultUI_DefaultUI = /*#__PURE__*/function () {
+  /**
+   * UI name
+   * @type {string}
+   */
+
+  /**
+   * DefaultToolbar wrapper element
+   * @type {HTMLElement}
+   */
+
+  /**
+   * DefaultToolbar instance
+   * @type {DefaultToolbar}
+   * @private
+   */
+
+  /**
+   * @type {HTMLElement}
+   * @private
+   */
+
+  /**
+   * editor section element
+   * @private
+   * @type {HTMLElement}
+   */
+
+  /**
+   * editor type ww/md
+   * @private
+   * @type {string}
+   */
+
+  /**
+   * editor instance
+   * @private
+   * @type {ToastUIEditor}
+   */
+
+  /**
+   * markdown tab section element
+   * @private
+   * @type {HTMLElement}
+   */
+
+  /**
+   * markdown tab
+   * @private
+   * @type {Tab}
+   */
+
+  /**
+   * mode switch instance
+   * @private
+   * @type {ModeSwitch}
+   */
+
+  /**
+   * popup instances
+   * @private
+   * @type {Array}
+   */
+  function DefaultUI(editor) {
+    defaultUI_defineProperty(this, "name", 'default');
+
+    defaultUI_defineProperty(this, "el", void 0);
+
+    defaultUI_defineProperty(this, "_toolbar", void 0);
+
+    defaultUI_defineProperty(this, "_container", void 0);
+
+    defaultUI_defineProperty(this, "_editorSection", void 0);
+
+    defaultUI_defineProperty(this, "_initialEditType", void 0);
+
+    defaultUI_defineProperty(this, "_editor", void 0);
+
+    defaultUI_defineProperty(this, "_markdownTabSection", void 0);
+
+    defaultUI_defineProperty(this, "_markdownTab", void 0);
+
+    defaultUI_defineProperty(this, "_modeSwitch", void 0);
+
+    defaultUI_defineProperty(this, "_popups", []);
+
+    this._editor = editor;
+    this._initialEditType = editor.options.initialEditType;
+
+    this._init(editor.options);
+
+    this._initEvent();
+  }
+
+  var _proto = DefaultUI.prototype;
+
+  _proto._init = function _init(_ref) {
+    var container = _ref.el,
+        toolbarItems = _ref.toolbarItems,
+        hideModeSwitch = _ref.hideModeSwitch;
+    this.el = dom["a" /* default */].createElementWith(CONTAINER_TEMPLATE, container);
+    this._container = container;
+    this._editorSection = this.el.querySelector("." + CLASS_EDITOR);
+
+    this._editorSection.appendChild(this._editor.layout.getEditorEl());
+
+    this._initToolbar(this._editor.eventManager, toolbarItems);
+
+    this._initModeSwitch(this._editor.eventManager, hideModeSwitch);
+
+    this._initPopupAddLink();
+
+    this._initPopupAddImage();
+
+    this._initPopupAddTable();
+
+    this._initPopupAddHeading();
+
+    this._initPopupTableUtils();
+
+    this._initPopupCodeBlockLanguages();
+
+    this._initPopupCodeBlockEditor();
+
+    this._initMarkdownTab();
+  };
+
+  _proto._initEvent = function _initEvent() {
+    this._editor.eventManager.listen('hide', this.hide.bind(this));
+
+    this._editor.eventManager.listen('show', this.show.bind(this));
+
+    this._editor.eventManager.listen('changeMode', this._markdownTabControl.bind(this));
+
+    this._editor.eventManager.listen('changePreviewStyle', this._markdownTabControl.bind(this));
+  };
+
+  _proto._initToolbar = function _initToolbar(eventManager, toolbarItems) {
+    var toolbar = new defaultToolbar(eventManager, toolbarItems);
+    this._toolbar = toolbar;
+    this.el.querySelector("." + CLASS_TOOLBAR).appendChild(toolbar.el);
+  };
+
+  _proto._initModeSwitch = function _initModeSwitch(eventManager, hideModeSwitch) {
+    var _this = this;
+
+    var modeSwitchTabBar = this.el.querySelector("." + CLASS_MODE_SWITCH);
+    var editType = this._initialEditType === 'markdown' ? ui_modeSwitch.TYPE.MARKDOWN : ui_modeSwitch.TYPE.WYSIWYG;
+    var modeSwitch = new ui_modeSwitch(modeSwitchTabBar, editType, eventManager);
+    this._modeSwitch = modeSwitch;
+
+    if (hideModeSwitch) {
+      modeSwitch.hide();
+    }
+
+    modeSwitch.on('modeSwitched', function (type) {
+      return _this._editor.changeMode(type);
+    });
+  };
+
+  _proto._initMarkdownTab = function _initMarkdownTab() {
+    var editor = this._editor;
+    this._markdownTab = new tab({
+      initName: i18n.get('Write'),
+      items: [i18n.get('Write'), i18n.get('Preview')],
+      sections: [editor.layout.getMdEditorContainerEl(), editor.layout.getPreviewEl()]
+    });
+    this._markdownTabSection = this.el.querySelector("." + CLASS_MARKDOWN_TAB);
+
+    this._markdownTabSection.appendChild(this._markdownTab.el);
+
+    this._markdownTab.on('itemClick', function (itemText) {
+      if (itemText === i18n.get('Preview')) {
+        editor.eventManager.emit('previewNeedsRefresh');
+        editor.eventManager.emit('changePreviewTabPreview');
+        editor.eventManager.emit('closeAllPopup');
+      } else {
+        editor.getCodeMirror().focus();
+        editor.eventManager.emit('changePreviewTabWrite');
+      }
+    });
+  };
+
+  _proto._markdownTabControl = function _markdownTabControl() {
+    if (this._editor.isMarkdownMode() && this._editor.getCurrentPreviewStyle() === 'tab') {
+      css_default()(this._markdownTabSection, {
+        display: 'block'
+      });
+
+      this._markdownTab.activate(i18n.get('Write'));
+    } else {
+      css_default()(this._markdownTabSection, {
+        display: 'none'
+      });
+    }
+  };
+
+  _proto._initPopupAddLink = function _initPopupAddLink() {
+    this._popups.push(new popupAddLink({
+      target: this.el,
+      editor: this._editor
+    }));
+  };
+
+  _proto._initPopupAddImage = function _initPopupAddImage() {
+    this._popups.push(new popupAddImage({
+      target: this.el,
+      eventManager: this._editor.eventManager
+    }));
+  };
+
+  _proto._initPopupAddTable = function _initPopupAddTable() {
+    this._popups.push(new popupAddTable({
+      target: this._toolbar.el,
+      eventManager: this._editor.eventManager,
+      button: this.el.querySelector('button.tui-table'),
+      css: {
+        position: 'absolute'
+      }
+    }));
+  };
+
+  _proto._initPopupAddHeading = function _initPopupAddHeading() {
+    this._popups.push(new popupAddHeading({
+      target: this._toolbar.el,
+      eventManager: this._editor.eventManager,
+      button: this.el.querySelector('button.tui-heading'),
+      css: {
+        position: 'absolute'
+      }
+    }));
+  };
+
+  _proto._initPopupTableUtils = function _initPopupTableUtils() {
+    var _this2 = this;
+
+    this._editor.eventManager.listen('contextmenu', function (ev) {
+      if (dom["a" /* default */].parents(ev.data.target, '[contenteditable=true] table').length > 0) {
+        ev.data.preventDefault();
+
+        _this2._editor.eventManager.emit('openPopupTableUtils', ev.data);
+      }
+    });
+
+    this._popups.push(new popupTableUtils({
+      target: this.el,
+      eventManager: this._editor.eventManager
+    }));
+  };
+
+  _proto._initPopupCodeBlockLanguages = function _initPopupCodeBlockLanguages() {
+    var editor = this._editor;
+
+    this._popups.push(new popupCodeBlockLanguages({
+      target: this.el,
+      eventManager: editor.eventManager,
+      languages: editor.codeBlockLanguages
+    }));
+  };
+
+  _proto._initPopupCodeBlockEditor = function _initPopupCodeBlockEditor() {
+    this._popups.push(new popupCodeBlockEditor({
+      target: this.el,
+      eventManager: this._editor.eventManager,
+      convertor: this._editor.convertor,
+      languages: this._editor.codeBlockLanguages
+    }));
+  }
+  /**
+   * get toolbar instance
+   * @returns {Toolbar} - toolbar instance
+   */
+  ;
+
+  _proto.getToolbar = function getToolbar() {
+    return this._toolbar;
+  }
+  /**
+   * set toolbar instance
+   * @param {Toolbar} toolbar - toolbar
+   */
+  ;
+
+  _proto.setToolbar = function setToolbar(toolbar) {
+    this._toolbar.destroy();
+
+    this._toolbar = toolbar;
+  }
+  /**
+   * get mode switch instance
+   * @returns {ModeSwitch} - mode switch instance
+   */
+  ;
+
+  _proto.getModeSwitch = function getModeSwitch() {
+    return this._modeSwitch;
+  }
+  /**
+   * get editor section height
+   * @returns {Number} - height of editor section
+   */
+  ;
+
+  _proto.getEditorSectionHeight = function getEditorSectionHeight() {
+    var clientRect = this._editorSection.getBoundingClientRect();
+
+    return clientRect.bottom - clientRect.top;
+  }
+  /**
+   * get editor height
+   * @returns {Number} - height of editor
+   */
+  ;
+
+  _proto.getEditorHeight = function getEditorHeight() {
+    var clientRect = this._container.getBoundingClientRect();
+
+    return clientRect.bottom - clientRect.top;
+  }
+  /**
+   * get Table Popup
+   * @returns {PopupTableUtils} - PopupTableUtils
+   */
+  ;
+
+  _proto.getPopupTableUtils = function getPopupTableUtils() {
+    var tablePopup;
+
+    this._popups.forEach(function (popup) {
+      if (popup instanceof popupTableUtils) {
+        tablePopup = popup;
+      }
+    });
+
+    return tablePopup;
+  }
+  /**
+   * hide
+   */
+  ;
+
+  _proto.hide = function hide() {
+    addClass_default()(this.el, 'te-hide');
+  }
+  /**
+   * show
+   */
+  ;
+
+  _proto.show = function show() {
+    removeClass_default()(this.el, 'te-hide');
+  }
+  /**
+   * remove
+   */
+  ;
+
+  _proto.remove = function remove() {
+    dom["a" /* default */].remove(this.el);
+
+    this._markdownTab.remove();
+
+    this._modeSwitch.remove();
+
+    this._toolbar.destroy();
+
+    this._popups.forEach(function (popup) {
+      return popup.remove();
+    });
+
+    this._popups = [];
+    tooltip.hide();
+  }
+  /**
+   * creates popup
+   * @param {LayerPopupOption} options - layerPopup options
+   * @returns {LayerPopup} - crated layerPopup
+   */
+  ;
+
+  _proto.createPopup = function createPopup(options) {
+    return new layerpopup(options);
+  };
+
+  return DefaultUI;
+}();
+
+/* harmony default export */ var defaultUI = (defaultUI_DefaultUI);
+// EXTERNAL MODULE: ./src/js/codeBlockManager.js
+var codeBlockManager = __webpack_require__(30);
+
+// EXTERNAL MODULE: /Users/nhn/project/tui.editor/libs/to-mark/dist/to-mark.js
+var to_mark = __webpack_require__(32);
+var to_mark_default = /*#__PURE__*/__webpack_require__.n(to_mark);
+
+// CONCATENATED MODULE: ./src/js/toMarkRenderer.js
+
+
+/**
+ * Check if given node is valid delimiter run.
+ * According to common-mark spec, following examples are not valid delimiter runs.
+ * 1. opening (*|**) preceded by an alphanumeric and followed by a punctuation.
+ *    (ex: a**~~c~~b**)
+ * 2. closing (*|**) preceded by a punctuation and followed by an alphanumeric.
+ *    (ex: **b~~c~~**a)
+ * @see {@link https://spec.commonmark.org/0.29/#delimiter-run}
+ * @see {@link https://github.com/commonmark/commonmark-spec/issues/611#issuecomment-533578503}
+ */
+
+function isValidDelimiterRun(node) {
+  var isElemNode = dom["a" /* default */].isElemNode,
+      isTextNode = dom["a" /* default */].isTextNode;
+  var isInvalidOpener = isTextNode(node.previousSibling) && isElemNode(node.firstChild);
+  var isInvalidCloser = isTextNode(node.nextSibling) && isElemNode(node.lastChild);
+  return !isInvalidOpener && !isInvalidCloser;
+}
+
+function convertEmphasis(node, subContent, delimiter) {
+  var FIND_BEFORE_AND_AFTER_SPACES_RX = /^(\s*)((?:.|\n)*\S)(\s*)$/m;
+
+  var _subContent$match = subContent.match(FIND_BEFORE_AND_AFTER_SPACES_RX),
+      beforeSpaces = _subContent$match[1],
+      trimmedContent = _subContent$match[2],
+      afterSpaces = _subContent$match[3];
+
+  var convertedContent;
+
+  if (isValidDelimiterRun(node)) {
+    convertedContent = "" + delimiter + trimmedContent + delimiter;
+  } else {
+    var tagName = node.nodeName.toLowerCase();
+    convertedContent = "<" + tagName + ">" + trimmedContent + "";
+  }
+
+  return "" + beforeSpaces + convertedContent + afterSpaces;
+}
+
+/* harmony default export */ var toMarkRenderer = (to_mark_default.a.Renderer.factory(to_mark_default.a.gfmRenderer, {
+  'EM, I': function EMI(node, subContent) {
+    if (this.isEmptyText(subContent)) {
+      return '';
+    }
+
+    return convertEmphasis(node, subContent, '*');
+  },
+  'STRONG, B': function STRONGB(node, subContent) {
+    if (this.isEmptyText(subContent)) {
+      return '';
+    }
+
+    return convertEmphasis(node, subContent, '**');
+  },
+  'DEL, S': function DELS(node, subContent) {
+    if (this.isEmptyText(subContent)) {
+      return '';
+    }
+
+    return convertEmphasis(node, subContent, '~~');
+  }
+}));
+// EXTERNAL MODULE: ./src/js/pluginHelper.js
+var pluginHelper = __webpack_require__(31);
+
+// CONCATENATED MODULE: ./src/js/markdownCommands/emphasisCommon.js
+/**
+ * @fileoverview This file is common logic for italic, bold, strike makrdown commands.
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * range expand according to expendSize
+ * If can not expand, return null
+ * @param {range} range - range
+ * @param {number} expendSize - expendSize
+ * @returns {object} expanded range or null
+ * @ignore
+ */
+var getExpandedRange = function getExpandedRange(range, expendSize) {
+  var start = range.start,
+      end = range.end;
+  var expendRange;
+
+  if (start.ch >= expendSize) {
+    var from = {
+      line: start.line,
+      ch: start.ch - expendSize
+    };
+    var to = {
+      line: end.line,
+      ch: end.ch + expendSize
+    };
+    expendRange = {
+      from: from,
+      to: to
+    };
+  }
+
+  return expendRange;
+};
+/**
+ * remove symbol in the front and back of text
+ * @param {string} text - text
+ * @param {string} symbol - text
+ * @returns {string}
+ * @ignore
+ */
+
+
+var removeSyntax = function removeSyntax(text, symbol) {
+  var symbolLength = symbol.length;
+  return text.substr(symbolLength, text.length - symbolLength * 2);
+};
+/**
+ * append symbol in the front and back of text
+ * @param {string} text - text
+ * @param {string} symbol - text
+ * @returns {string}
+ * @ignore
+ */
+
+var appendSyntax = function appendSyntax(text, symbol) {
+  return "" + symbol + text + symbol;
+};
+/**
+ * check expanded text and replace text using replacer
+ * @param {CodeMirror.doc} doc - doc of codemirror
+ * @param {range} range - origin range
+ * @param {number} expandSize - expandSize
+ * @param {function} checker - sytax check function
+ * @param {function} replacer - text replace function
+ * @returns {boolean} - if replace text, return true.
+ * @ignore
+ */
+
+var expandReplace = function expandReplace(doc, range, expandSize, checker, replacer) {
+  var expendRange = getExpandedRange(range, expandSize);
+  var result = false;
+
+  if (expendRange) {
+    var from = expendRange.from,
+        to = expendRange.to;
+    var expendRangeText = doc.getRange(from, to);
+
+    if (checker(expendRangeText)) {
+      doc.setSelection(from, to);
+      doc.replaceSelection(replacer(expendRangeText), 'around');
+      result = true;
+    }
+  }
+
+  return result;
+};
+/**
+ * check text and replace text using replacer
+ * @param {CodeMirror.doc} doc - doc of codemirror
+ * @param {string} text - text
+ * @param {function} checker - sytax check function
+ * @param {function} replacer - text replace function
+ * @returns {boolean} - if replace text, return true.
+ * @ignore
+ */
+
+var replace = function replace(doc, text, checker, replacer) {
+  var result = false;
+
+  if (checker(text)) {
+    doc.replaceSelection(replacer(text), 'around');
+    result = true;
+  }
+
+  return result;
+};
+var changeSyntax = function changeSyntax(doc, range, symbol, syntaxRegex, contentRegex) {
+  var _doc$getCursor = doc.getCursor(),
+      line = _doc$getCursor.line,
+      ch = _doc$getCursor.ch;
+
+  var selectionStr = doc.getSelection();
+  var symbolLength = symbol.length;
+
+  var isSyntax = function isSyntax(t) {
+    return syntaxRegex.test(t);
+  }; // 1. expand text and check syntax => remove syntax
+  // 2. check text is syntax => remove syntax
+  // 3. If text does not match syntax, remove syntax inside text and then append syntax
+
+
+  if (!(expandReplace(doc, range, symbolLength, isSyntax, function (t) {
+    return removeSyntax(t, symbol);
+  }) || replace(doc, selectionStr, isSyntax, function (t) {
+    return removeSyntax(t, symbol);
+  }))) {
+    var removeSyntaxInsideText = selectionStr.replace(contentRegex, '$1');
+    doc.replaceSelection(appendSyntax(removeSyntaxInsideText, symbol), 'around');
+  }
+
+  var afterSelectStr = doc.getSelection();
+  var size = ch;
+
+  if (!selectionStr) {
+    // If text was not selected, after replace text, move cursor
+    // For example **|** => | (move cusor -symbolLenth)
+    if (isSyntax(afterSelectStr)) {
+      size += symbolLength;
+    } else {
+      size -= symbolLength;
+    }
+
+    doc.setCursor(line, size);
+  }
+};
+// CONCATENATED MODULE: ./src/js/markdownCommands/bold.js
+/**
+ * @fileoverview Implements Bold markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var boldRangeRegex = /^(\*{2}|_{2}).*\1$/;
+var boldContentRegex = /[*_]{2,}([^*_]*)[*_]{2,}/g;
+var boldSymbol = '**';
+/**
+ * Bold
+ * Add bold markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Bold
+ * @ignore
+ */
+
+var Bold = commandManager["a" /* default */].command('markdown',
+/** @lends Bold */
+{
+  name: 'Bold',
+  keyMap: ['CTRL+B', 'META+B'],
+
+  /**
+   * Command Handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var originRange = mde.getRange();
+    changeSyntax(doc, originRange, boldSymbol, boldRangeRegex, boldContentRegex);
+    cm.focus();
+  }
+});
+/* harmony default export */ var bold = (Bold);
+// CONCATENATED MODULE: ./src/js/markdownCommands/italic.js
+/**
+ * @fileoverview Implements Italic markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var boldItalicRangeRegex = /^(\*{3}|_{3}).*\1$/;
+var italic_boldRangeRegex = /^(\*{2}|_{2}).*\1$/;
+var italicRangeRegex = /^(\*|_).*\1$/;
+var italicContentRegex = /([^*_])[*_]([^*_]+)[*_]([^*_])/g;
+
+var isBoldItalic = function isBoldItalic(t) {
+  return boldItalicRangeRegex.test(t);
+};
+
+var isBold = function isBold(t) {
+  return italic_boldRangeRegex.test(t);
+};
+
+var isItalic = function isItalic(t) {
+  return italicRangeRegex.test(t);
+};
+
+var italicSymbol = '*';
+var italic_boldSymbol = '**';
+var boldItalicSymbol = '***';
+var italicLength = italicSymbol.length;
+var boldLength = italic_boldSymbol.length;
+var boldItalicLength = boldItalicSymbol.length;
+/**
+ * remove italic syntax in the middle of given text
+ * @param {string} text - text selected
+ * @returns {string} - text eliminated all italic in the middle of it's content
+ * @ignore
+ */
+
+var removeItalicInsideText = function removeItalicInsideText(text) {
+  return text ? text.replace(italicContentRegex, '$1$2$3') : '';
+};
+
+var italic_replaceText = function replaceText(doc, text, range) {
+  // Check 3 cases when both text and expand text
+  // case 1 : bold & italic (when expand 3 both front and end) => remove italic
+  // case 2 : bold (when expand 2 both front and end) => append
+  // case 3 : italic (expand 1 both front and end) => remove
+  var expandReplaceBind = expandReplace.bind(this, doc, range);
+  return expandReplaceBind(boldItalicLength, isBoldItalic, function (t) {
+    return removeSyntax(t, italicSymbol);
+  }) || expandReplaceBind(boldLength, isBold, function (t) {
+    return appendSyntax(removeItalicInsideText(t), italicSymbol);
+  }) || expandReplaceBind(italicLength, isItalic, function (t) {
+    return removeSyntax(t, italicSymbol);
+  }) || replace(doc, text, isBoldItalic, function (t) {
+    return removeSyntax(t, italicSymbol);
+  }) || replace(doc, text, isBold, function (t) {
+    return appendSyntax(removeItalicInsideText(t), italicSymbol);
+  }) || replace(doc, text, isItalic, function (t) {
+    return removeSyntax(t, italicSymbol);
+  });
+};
+
+var italic_replaceEmptyText = function replaceEmptyText(doc, range) {
+  // Check 3 cases when expand text
+  // case 1 : bold & italic => remove italic
+  // case 2 : bold => append
+  // case 3 : italic => remove
+  // if there is no match, make italic
+  return expandReplace(doc, range, boldItalicLength, isBoldItalic, function (t) {
+    return removeSyntax(t, italicSymbol);
+  }) || expandReplace(doc, range, boldLength, isBold, function (t) {
+    return appendSyntax(t, italicSymbol);
+  }) || expandReplace(doc, range, italicLength, isItalic, function () {
+    return '';
+  }) || doc.replaceSelection("" + italicSymbol + italicSymbol, 'around');
+};
+/**
+ * Italic
+ * Add italic markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Italic
+ * @ignore
+ */
+
+
+var Italic = commandManager["a" /* default */].command('markdown',
+/** @lends Italic */
+{
+  name: 'Italic',
+  keyMap: ['CTRL+I', 'META+I'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+
+    var _doc$getCursor = doc.getCursor(),
+        line = _doc$getCursor.line,
+        ch = _doc$getCursor.ch;
+
+    var range = mde.getRange();
+    var selectionStr = doc.getSelection();
+
+    if (selectionStr) {
+      // check selectionStr match bold & italic, bold, italic and then
+      // if there is no match, append italic
+      if (!italic_replaceText(doc, selectionStr, range)) {
+        // Before append italic, remove italic inside text and then append italic
+        // Example: One*Two*Three => *OneTwoThree*
+        doc.replaceSelection(appendSyntax(removeItalicInsideText(selectionStr), italicSymbol), 'around');
+      }
+    } else {
+      italic_replaceEmptyText(doc, range);
+      var afterSelectStr = doc.getSelection();
+      var size = ch; // If text was not selected, after replace text, move cursor
+
+      if (isBoldItalic(afterSelectStr) || isItalic(afterSelectStr) && !isBold(afterSelectStr)) {
+        // For example **|** => ***|*** (move cusor +symbolLenth)
+        size += italicLength;
+      } else {
+        // For example *|* => | (move cusor -symbolLenth)
+        size -= italicLength;
+      }
+
+      doc.setCursor(line, size);
+    }
+
+    cm.focus();
+  }
+});
+/* harmony default export */ var italic = (Italic);
+// CONCATENATED MODULE: ./src/js/markdownCommands/strike.js
+/**
+ * @fileoverview Implements StrikeThrough markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var strikeRangeRegex = /^~~.*~~$/;
+var strikeContentRegex = /~~([^~]*)~~/g;
+var strikeSymbol = '~~';
+/**
+ * Strike
+ * Add strike markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Strike
+ * @ignore
+ */
+
+var Strike = commandManager["a" /* default */].command('markdown',
+/** @lends Strike */
+{
+  name: 'Strike',
+  keyMap: ['CTRL+S', 'META+S'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var originRange = mde.getRange();
+    changeSyntax(doc, originRange, strikeSymbol, strikeRangeRegex, strikeContentRegex);
+    cm.focus();
+  }
+});
+/* harmony default export */ var strike = (Strike);
+// CONCATENATED MODULE: ./src/js/markdownCommands/blockquote.js
+/**
+ * @fileoverview Implements Blockquote markdown command
+ * @author NHN FE Development Lab 
+ */
+
+var BlockquoteRegex = /^> ?/;
+/**
+ * Blockquote
+ * Add blockquote markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Blockquote
+ * @ignore
+ */
+
+var Blockquote = commandManager["a" /* default */].command('markdown',
+/** @lends Blockquote */
+{
+  name: 'Blockquote',
+  keyMap: ['ALT+Q', 'ALT+Q'],
+
+  /**
+   * command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: 0
+    };
+    var to = {
+      line: range.to.line,
+      ch: doc.getLineHandle(range.to.line).text.length
+    };
+    var textToModify = doc.getRange(from, to);
+    var textLinesToModify = textToModify.split('\n');
+
+    var isNeedToRemove = this._haveBlockquote(textLinesToModify);
+
+    var resultText;
+
+    if (isNeedToRemove) {
+      resultText = this._removeBlockquote(textLinesToModify);
+    } else {
+      resultText = this._addBlockquote(textLinesToModify);
+    }
+
+    doc.replaceRange(resultText.join('\n'), from, to);
+
+    if (isNeedToRemove) {
+      var length = textLinesToModify.length;
+
+      if (this._isBlockquoteWithSpace(textLinesToModify[length - 1])) {
+        range.to.ch -= 2;
+      } else {
+        range.to.ch -= 1;
+      }
+    } else {
+      range.to.ch += 2;
+    }
+
+    doc.setCursor(range.to);
+    cm.focus();
+  },
+
+  /**
+   * check all text in textArr starts with '>'
+   * @param {Array} textArr - text array
+   * @returns {boolean} - true if all text in textArr starts with '>'
+   * @private
+   */
+  _haveBlockquote: function _haveBlockquote(textArr) {
+    for (var i = 0; i < textArr.length; i += 1) {
+      if (!BlockquoteRegex.test(textArr[i])) {
+        return false;
+      }
+    }
+
+    return true;
+  },
+
+  /**
+   * add '> ' to all text in textArr
+   * @param {Array} textArr - text array
+   * @returns {Array} - new text array added '> '
+   * @private
+   */
+  _addBlockquote: function _addBlockquote(textArr) {
+    return textArr.map(function (text) {
+      return "> " + text;
+    });
+  },
+
+  /**
+   * remove '> ' or '>' to all text in textArr
+   * @param {Array} textArr - text array
+   * @returns {Array} - new text array removed '> ' or  '>'
+   * @private
+   */
+  _removeBlockquote: function _removeBlockquote(textArr) {
+    return textArr.map(function (text) {
+      return text.replace(BlockquoteRegex, '');
+    });
+  },
+
+  /**
+   * check text start '> '
+   * @param {string} text - text
+   * @returns {boolean} - if text start '> ', true
+   * @private
+   */
+  _isBlockquoteWithSpace: function _isBlockquoteWithSpace(text) {
+    return /^> /.test(text);
+  }
+});
+/* harmony default export */ var blockquote = (Blockquote);
+// CONCATENATED MODULE: ./src/js/markdownCommands/heading.js
+/**
+ * @fileoverview Implements Heading markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var heading_FIND_HEADING_RX = /^#+\s/g;
+/**
+ * Heading
+ * Add heading markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Heading
+ * @ignore
+ */
+
+var Heading = commandManager["a" /* default */].command('markdown',
+/** @lends Heading */
+{
+  name: 'Heading',
+
+  /**
+   * Command Handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   * @param {number} size heading size
+   */
+  exec: function exec(mde, size) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: 0
+    };
+    var to = {
+      line: range.to.line,
+      ch: doc.getLineHandle(range.to.line).text.length
+    };
+    var lengthOfCurrentLineBefore = doc.getLine(to.line).length;
+    var textToModify = doc.getRange(from, to);
+    var textLinesToModify = textToModify.split('\n');
+    toArray_default()(textLinesToModify).forEach(function (line, index) {
+      textLinesToModify[index] = getHeadingMarkdown(line, size);
+    });
+    doc.replaceRange(textLinesToModify.join('\n'), from, to);
+    range.to.ch += doc.getLine(to.line).length - lengthOfCurrentLineBefore;
+    doc.setSelection(from, range.to);
+    cm.focus();
+  }
+});
+/**
+ * Get heading markdown
+ * @param {string} text Source test
+ * @param {number} size size
+ * @returns {string}
+ */
+
+function getHeadingMarkdown(text, size) {
+  var foundedHeading = text.match(heading_FIND_HEADING_RX);
+  var heading = '';
+
+  do {
+    heading += '#';
+    size -= 1;
+  } while (size > 0);
+
+  if (foundedHeading) {
+    var _text$split = text.split(foundedHeading[0]);
+
+    text = _text$split[1];
+  }
+
+  return heading + " " + text;
+}
+
+/* harmony default export */ var markdownCommands_heading = (Heading);
+// CONCATENATED MODULE: ./src/js/markdownCommands/paragraph.js
+/**
+ * @fileoverview Implements Paragraph markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Paragraph
+ * Convert selected lines to paragraph
+ * @extends Command
+ * @module markdownCommands/Paragraph
+ * @ignore
+ */
+
+var Paragraph = commandManager["a" /* default */].command('markdown',
+/** @lends Paragraph */
+{
+  name: 'Paragraph',
+
+  /**
+   * Command Handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: 0
+    };
+    var to = {
+      line: range.to.line,
+      ch: doc.getLineHandle(range.to.line).text.length
+    };
+    var lengthOfCurrentLineBefore = doc.getLine(to.line).length;
+    var textToModify = doc.getRange(from, to);
+    var textLines = textToModify.split('\n');
+    toArray_default()(textLines).forEach(function (line, index) {
+      textLines[index] = getParagraphMarkdown(line);
+    });
+    doc.replaceRange(textLines.join('\n'), from, to);
+    range.to.ch += doc.getLine(to.line).length - lengthOfCurrentLineBefore;
+    doc.setSelection(from, to);
+    cm.focus();
+  }
+});
+/**
+ * Get paragraph markdown lineText
+ * @param {string} lineText line lineText
+ * @returns {string}
+ */
+
+function getParagraphMarkdown(lineText) {
+  var headingRx = /^(#{1,6}| *((?:\*|-|\d\.)(?: \[[ xX]])?)) /;
+  return lineText.replace(headingRx, '');
+}
+
+/* harmony default export */ var paragraph = (Paragraph);
+// CONCATENATED MODULE: ./src/js/markdownCommands/hr.js
+/**
+ * @fileoverview Implements HR markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * HR
+ * Add HR markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/HR
+ * @ignore
+ */
+
+var HR = commandManager["a" /* default */].command('markdown',
+/** @lends HR */
+{
+  name: 'HR',
+  keyMap: ['CTRL+L', 'META+L'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var replaceText = '';
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: range.from.ch
+    };
+    var to = {
+      line: range.to.line,
+      ch: range.to.ch
+    };
+
+    if (range.collapsed) {
+      replaceText = doc.getLine(from.line);
+      from.ch = 0;
+      to.ch = doc.getLineHandle(range.to.line).text.length;
+    }
+
+    if (doc.getLine(from.line).length) {
+      replaceText += '\n\n* * *\n\n';
+    } else {
+      replaceText += '\n* * *\n';
+    }
+
+    doc.replaceRange(replaceText, from, to);
+    cm.focus();
+  }
+});
+/* harmony default export */ var markdownCommands_hr = (HR);
+// CONCATENATED MODULE: ./src/js/markdownCommands/addLink.js
+/**
+ * @fileoverview Implements Addlink markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var addLink_decodeURIGraceful = importManager.decodeURIGraceful,
+    encodeMarkdownCharacters = importManager.encodeMarkdownCharacters;
+var FIND_MARKDOWN_IMAGE_SYNTAX_RX = /!\[.*\]\(.*\)/g;
+var FIND_ESCAPED_CHARS_RX = /\(|\)|\[|\]|<|>/g;
+
+function escapeLinkTextExceptImageSyntax(linkText) {
+  var imageSyntaxRanges = [];
+  var result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(linkText);
+
+  while (result) {
+    var _result = result,
+        index = _result.index;
+    imageSyntaxRanges.push([index, index + result[0].length]);
+    result = FIND_MARKDOWN_IMAGE_SYNTAX_RX.exec(linkText);
+  }
+
+  return linkText.replace(FIND_ESCAPED_CHARS_RX, function (matched, offset) {
+    var isDelimiter = imageSyntaxRanges.some(function (range) {
+      return offset > range[0] && offset < range[1];
+    });
+    return isDelimiter ? matched : "\\" + matched;
+  });
+}
+/**
+ * AddLink
+ * Add link markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/AddLink
+ * @ignore
+ */
+
+
+var AddLink = commandManager["a" /* default */].command('markdown',
+/** @lends AddLink */
+{
+  name: 'AddLink',
+
+  /**
+   * command handler for AddLink
+   * @param {MarkdownEditor} mde - MarkdownEditor instance
+   * @param {object} data - data for image
+   */
+  exec: function exec(mde, data) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: range.from.ch
+    };
+    var to = {
+      line: range.to.line,
+      ch: range.to.ch
+    };
+    var linkText = data.linkText,
+        url = data.url;
+    linkText = addLink_decodeURIGraceful(linkText);
+    linkText = escapeLinkTextExceptImageSyntax(linkText);
+    url = encodeMarkdownCharacters(url);
+    var replaceText = "[" + linkText + "](" + url + ")";
+    doc.replaceRange(replaceText, from, to);
+    cm.focus();
+  }
+});
+/* harmony default export */ var addLink = (AddLink);
+// CONCATENATED MODULE: ./src/js/markdownCommands/addImage.js
+/**
+ * @fileoverview Implments AddImage markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var addImage_decodeURIGraceful = importManager.decodeURIGraceful,
+    addImage_encodeMarkdownCharacters = importManager.encodeMarkdownCharacters,
+    escapeMarkdownCharacters = importManager.escapeMarkdownCharacters;
+/**
+ * AddImage
+ * Add Image markdown syntax to markdown Editor
+ * @extends Command
+ * @module markdownCommands/AddImage
+ * @ignore
+ */
+
+var AddImage = commandManager["a" /* default */].command('markdown',
+/** @lends AddImage */
+{
+  name: 'AddImage',
+
+  /**
+   * Command Handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   * @param {object} data data for image
+   */
+  exec: function exec(mde, data) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var from = {
+      line: range.from.line,
+      ch: range.from.ch
+    };
+    var to = {
+      line: range.to.line,
+      ch: range.to.ch
+    };
+    var altText = data.altText,
+        imageUrl = data.imageUrl;
+    altText = addImage_decodeURIGraceful(altText);
+    altText = escapeMarkdownCharacters(altText);
+    imageUrl = addImage_encodeMarkdownCharacters(imageUrl);
+    var replaceText = "![" + altText + "](" + imageUrl + ")";
+    doc.replaceRange(replaceText, from, to, '+addImage');
+    cm.focus();
+  }
+});
+/* harmony default export */ var addImage = (AddImage);
+// CONCATENATED MODULE: ./src/js/markdownCommands/ul.js
+/**
+ * @fileoverview Implements UL markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * UL
+ * Add unordered list markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/UL
+ * @ignore
+ */
+
+var UL = commandManager["a" /* default */].command('markdown',
+/** @lends UL */
+{
+  name: 'UL',
+  keyMap: ['CTRL+U', 'META+U'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var range = mde.getCurrentRange();
+    var listManager = mde.componentManager.getManager('list');
+    listManager.changeSyntax(range, 'ul');
+  }
+});
+/* harmony default export */ var markdownCommands_ul = (UL);
+// CONCATENATED MODULE: ./src/js/markdownCommands/ol.js
+/**
+ * @fileoverview Implements OL markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * OL
+ * Add ordered list markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/OL
+ * @ignore
+ */
+
+var OL = commandManager["a" /* default */].command('markdown',
+/** @lends OL */
+{
+  name: 'OL',
+  keyMap: ['CTRL+O', 'META+O'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var range = mde.getCurrentRange();
+    var listManager = mde.componentManager.getManager('list');
+    listManager.changeSyntax(range, 'ol');
+  }
+});
+/* harmony default export */ var ol = (OL);
+// CONCATENATED MODULE: ./src/js/markdownCommands/indent.js
+/**
+ * @fileoverview Implements Indent markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Indent
+ * Add Indent markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/inent
+ * @ignore
+ */
+
+var Indent = commandManager["a" /* default */].command('markdown',
+/** @lends Indent */
+{
+  name: 'Indent',
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    cm.execCommand('indentOrderedList');
+  }
+});
+/* harmony default export */ var markdownCommands_indent = (Indent);
+// CONCATENATED MODULE: ./src/js/markdownCommands/outdent.js
+/**
+ * @fileoverview Implements Outdent markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Outdent
+ * Add Outdent markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/outdent
+ * @ignore
+ */
+
+var Outdent = commandManager["a" /* default */].command('markdown',
+/** @lends Outdent */
+{
+  name: 'Outdent',
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    cm.execCommand('indentLessOrderedList');
+  }
+});
+/* harmony default export */ var outdent = (Outdent);
+// CONCATENATED MODULE: ./src/js/markdownCommands/table.js
+/**
+ * @fileoverview Implements Table markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Table
+ * Add table markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Table
+ * @ignore
+ */
+
+var Table = commandManager["a" /* default */].command('markdown',
+/** @lends Table */
+{
+  name: 'Table',
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   * @param {number} col column count
+   * @param {number} row row count
+   * @param {Array} data initial table data
+   */
+  exec: function exec(mde, col, row, data) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var table = '\n';
+
+    if (cm.getCursor().ch > 0) {
+      table += '\n';
+    }
+
+    table += makeHeader(col, data);
+    table += makeBody(col, row - 1, data);
+    doc.replaceSelection(table);
+
+    if (!data) {
+      cm.setCursor(cm.getCursor().line - row, 2);
+    }
+
+    mde.focus();
+  }
+});
+/**
+ * makeHeader
+ * make table header markdown string
+ * @param {number} col Column count
+ * @param {array} data Cell's text content
+ * @returns {string} markdown string
+ */
+
+function makeHeader(col, data) {
+  var header = '|';
+  var border = '|';
+  var index = 0;
+
+  while (col) {
+    if (data) {
+      header += " " + data[index] + " |";
+      index += 1;
+    } else {
+      header += '  |';
+    }
+
+    border += ' --- |';
+    col -= 1;
+  }
+
+  return header + "\n" + border + "\n";
+}
+/**
+ * makeBody
+ * make table body markdown string
+ * @param {number} col column count
+ * @param {number} row row count
+ * @param {Array} data initial table data
+ * @returns {string} html string
+ */
+
+
+function makeBody(col, row, data) {
+  var body = '';
+  var index = col;
+
+  for (var irow = 0; irow < row; irow += 1) {
+    body += '|';
+
+    for (var icol = 0; icol < col; icol += 1) {
+      if (data) {
+        body += " " + data[index] + " |";
+        index += 1;
+      } else {
+        body += '  |';
+      }
+    }
+
+    body += '\n';
+  }
+
+  body = body.replace(/\n$/g, '');
+  return body;
+}
+
+/* harmony default export */ var markdownCommands_table = (Table);
+// CONCATENATED MODULE: ./src/js/markdownCommands/task.js
+/**
+ * @fileoverview Implements Task markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Task
+ * @extends Command
+ * @module markdownCommands/Task
+ * @ignore
+ */
+
+var Task = commandManager["a" /* default */].command('markdown',
+/** @lends Task */
+{
+  name: 'Task',
+  keyMap: ['ALT+T', 'ALT+T'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var range = mde.getCurrentRange();
+    var listManager = mde.componentManager.getManager('list');
+    listManager.changeSyntax(range, 'task');
+  }
+});
+/* harmony default export */ var markdownCommands_task = (Task);
+// CONCATENATED MODULE: ./src/js/markdownCommands/code.js
+/**
+ * @fileoverview Implements Code markdown command
+ * @author NHN FE Development Lab 
+ */
+
+var codeRangeRegex = /^`([^`]+)`$/;
+var codeContentRegex = /`([^`]+)`/g;
+/**
+ * Code
+ * Add code markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/Code
+ * @ignore
+ */
+
+var Code = commandManager["a" /* default */].command('markdown',
+/** @lends Code */
+{
+  name: 'Code',
+  keyMap: ['SHIFT+CTRL+C', 'SHIFT+META+C'],
+
+  /**
+   * Command Handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var selection = doc.getSelection();
+    var cursor = cm.getCursor();
+    var hasSyntax = this.hasStrikeSyntax(selection);
+    var result;
+
+    if (hasSyntax) {
+      result = this.remove(selection);
+      result = this._removeCodeSyntax(result);
+    } else {
+      result = this._removeCodeSyntax(selection);
+      result = this.append(result);
+    }
+
+    doc.replaceSelection(result, 'around');
+
+    if (!selection && !hasSyntax) {
+      this.setCursorToCenter(doc, cursor, hasSyntax);
+    }
+
+    cm.focus();
+  },
+
+  /**
+   * set cursor to center
+   * @param {CodeMirror.doc} doc - codemirror document
+   * @param {object} cursor - codemirror cursor
+   * @param {boolean} isRemoved - whether it involes deletion
+   */
+  setCursorToCenter: function setCursorToCenter(doc, cursor, isRemoved) {
+    var pos = isRemoved ? -1 : 1;
+    doc.setCursor(cursor.line, cursor.ch + pos);
+  },
+
+  /**
+   * has code syntax
+   * @param {string} text Source text
+   * @returns {boolean} true if the given text has a code syntax
+   */
+  hasStrikeSyntax: function hasStrikeSyntax(text) {
+    return codeRangeRegex.test(text);
+  },
+
+  /**
+   * apply Code
+   * @param {string} text - selected text
+   * @returns {string} - text after code syntax applied
+   */
+  append: function append(text) {
+    return "`" + text + "`";
+  },
+
+  /**
+   * remove Code
+   * @param {string} text - selected text
+   * @returns {string} - text after code syntax removed
+   */
+  remove: function remove(text) {
+    return text.substr(1, text.length - 2);
+  },
+
+  /**
+   * remove bold syntax in the middle of given text
+   * @param {string} text - text selected
+   * @returns {string} - text eliminated all code in the middle of it's content
+   * @private
+   */
+  _removeCodeSyntax: function _removeCodeSyntax(text) {
+    return text ? text.replace(codeContentRegex, '$1') : '';
+  }
+});
+/* harmony default export */ var markdownCommands_code = (Code);
+// CONCATENATED MODULE: ./src/js/markdownCommands/codeBlock.js
+/**
+ * @fileoverview Implements CodeBlock markdown command
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * CodeBlock
+ * Add CodeBlock markdown syntax to markdown editor
+ * @extends Command
+ * @module markdownCommands/CodeBlock
+ * @ignore
+ */
+
+var CodeBlock = commandManager["a" /* default */].command('markdown',
+/** @lends CodeBlock */
+{
+  name: 'CodeBlock',
+  keyMap: ['SHIFT+CTRL+P', 'SHIFT+META+P'],
+
+  /**
+   * Command handler
+   * @param {MarkdownEditor} mde MarkdownEditor instance
+   */
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+    var doc = cm.getDoc();
+    var range = mde.getCurrentRange();
+    var replaceText = ['```', doc.getSelection(), '```'];
+    var cursorOffset = 1; // insert a line break to the front if the selection starts in the middle of a text
+
+    if (range.from.ch !== 0) {
+      replaceText.unshift('');
+      cursorOffset += 1;
+    } // insert a line break to the end if the selection has trailing text
+
+
+    if (range.to.ch !== doc.getLine(range.to.line).length) {
+      replaceText.push('');
+    }
+
+    doc.replaceSelection(replaceText.join('\n'));
+    cm.setCursor(range.from.line + cursorOffset, 0);
+    cm.focus();
+  }
+});
+/* harmony default export */ var markdownCommands_codeBlock = (CodeBlock);
+// CONCATENATED MODULE: ./src/js/markdownCommands/changeTaskMarker.js
+/**
+ * @fileoverview Implements ChangeTaskMarker markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+var TASK_MARKER_RX = /^\[(\s*)(x?)(\s*)\](?:\s+)/i;
+/**
+ * Add ChangeTaskMarker command
+ * @extends Command
+ * @module markdownCommands/ToggleTaskMarker
+ * @ignore
+ */
+
+var ChangeTaskMarker = commandManager["a" /* default */].command('markdown',
+/** @lends ChangeTaskMarker */
+{
+  name: 'ChangeTaskMarker',
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+
+    var _cm$getCursor = cm.getCursor(),
+        line = _cm$getCursor.line,
+        ch = _cm$getCursor.ch;
+
+    var mdCh = cm.getLine(line).length === ch ? ch : ch + 1;
+    var mdNode = mde.getToastMark().findNodeAtPosition([line + 1, mdCh]);
+    var paraNode = Object(markdown["b" /* findClosestNode */])(mdNode, function (node) {
+      return node.type === 'paragraph' && node.parent && node.parent.type === 'item';
+    });
+
+    if (paraNode && paraNode.firstChild) {
+      var _paraNode$firstChild = paraNode.firstChild,
+          literal = _paraNode$firstChild.literal,
+          sourcepos = _paraNode$firstChild.sourcepos;
+      var _sourcepos$ = sourcepos[0],
+          startLine = _sourcepos$[0],
+          startCh = _sourcepos$[1];
+      var matched = literal.match(TASK_MARKER_RX);
+
+      if (matched) {
+        var startSpaces = matched[1],
+            stateChar = matched[2],
+            lastSpaces = matched[3];
+        var spaces = startSpaces.length + lastSpaces.length;
+        var startPos = {
+          line: startLine - 1,
+          ch: startCh
+        };
+
+        if (stateChar) {
+          cm.replaceRange(stateChar, startPos, Object(markdown["a" /* addChPos */])(startPos, spaces ? spaces + 1 : 0));
+        } else if (!spaces) {
+          cm.replaceRange(' ', startPos, startPos);
+        }
+      }
+    }
+  }
+});
+/* harmony default export */ var changeTaskMarker = (ChangeTaskMarker);
+// CONCATENATED MODULE: ./src/js/markdownCommands/toggleTaskMarker.js
+/**
+ * @fileoverview Implements ToggleTaskMarker markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Add ToggleTaskMarker command
+ * @extends Command
+ * @module markdownCommands/ToggleTaskMarker
+ * @ignore
+ */
+
+var ToggleTaskMarker = commandManager["a" /* default */].command('markdown',
+/** @lends ToggleTaskMarker */
+{
+  name: 'ToggleTaskMarker',
+  exec: function exec(mde) {
+    var _this = this;
+
+    var cm = mde.getEditor();
+    var ranges = cm.listSelections();
+    ranges.forEach(function (range) {
+      var anchor = range.anchor,
+          head = range.head;
+      var startLine = Math.min(anchor.line, head.line);
+      var endLine = Math.max(anchor.line, head.line);
+      var mdNode;
+
+      for (var index = startLine, len = endLine; index <= len; index += 1) {
+        mdNode = mde.getToastMark().findFirstNodeAtLine(index + 1);
+
+        if (mdNode.type === 'list' || mdNode.type === 'item') {
+          _this._changeTaskState(mdNode, index, cm);
+        }
+      }
+    });
+  },
+  _changeTaskState: function _changeTaskState(list, line, cm) {
+    var listData = list.listData,
+        sourcepos = list.sourcepos;
+    var task = listData.task,
+        checked = listData.checked,
+        padding = listData.padding;
+
+    if (task) {
+      var stateChar = checked ? ' ' : 'x';
+      var _sourcepos$ = sourcepos[0],
+          startCh = _sourcepos$[1];
+      var startPos = {
+        line: line,
+        ch: startCh + padding
+      };
+      cm.replaceRange(stateChar, startPos, Object(markdown["a" /* addChPos */])(startPos, 1));
+    }
+  }
+});
+/* harmony default export */ var toggleTaskMarker = (ToggleTaskMarker);
+// CONCATENATED MODULE: ./src/js/markdownCommands/moveNextCursorOrIndent.js
+/**
+ * @fileoverview Implements MoveNextCursorOrIndent markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Add MoveNextCursorOrIndent command
+ * @extends Command
+ * @module markdownCommands/MoveNextCursorOrIndent
+ * @ignore
+ */
+
+var MoveNextCursorOrIndent = commandManager["a" /* default */].command('markdown',
+/** @lends MoveNextCursorOrIndent */
+{
+  name: 'MoveNextCursorOrIndent',
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+
+    var _cm$getCursor = cm.getCursor(),
+        line = _cm$getCursor.line,
+        ch = _cm$getCursor.ch;
+
+    var mdCh = cm.getLine(line).length === ch ? ch : ch + 1;
+    var mdNode = mde.getToastMark().findNodeAtPosition([line + 1, mdCh]);
+    var cellNode = Object(markdown["b" /* findClosestNode */])(mdNode, function (node) {
+      return Object(markdown["l" /* isTableCellNode */])(node);
+    });
+
+    if (cellNode) {
+      this._moveCursorNextCell(cellNode, cm);
+    } else {
+      cm.execCommand('indentOrderedList');
+    }
+  },
+  _moveCursorNextCell: function _moveCursorNextCell(cell, cm) {
+    var next = cell.next,
+        parent = cell.parent;
+    var line = Object(markdown["f" /* getMdStartLine */])(cell);
+    var ch = Object(markdown["c" /* getMdEndCh */])(cell) + 2;
+
+    if (next) {
+      ch = Object(markdown["c" /* getMdEndCh */])(next);
+    } else {
+      var nextRow = !parent.next && parent.parent.type === 'tableHead' ? parent.parent.next.firstChild : parent.next;
+
+      if (nextRow) {
+        line = line + 1;
+        ch = Object(markdown["c" /* getMdEndCh */])(nextRow.firstChild);
+      }
+    }
+
+    cm.setCursor({
+      line: line - 1,
+      ch: ch - 1
+    });
+  }
+});
+/* harmony default export */ var moveNextCursorOrIndent = (MoveNextCursorOrIndent);
+// CONCATENATED MODULE: ./src/js/markdownCommands/movePrevCursorOrOutdent.js
+/**
+ * @fileoverview Implements MoveCursorOrOutdent markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Add MovePrevCursorOrOutdent command
+ * @extends Command
+ * @module markdownCommands/MovePrevCursorOrOutdent
+ * @ignore
+ */
+
+var MovePrevCursorOrOutdent = commandManager["a" /* default */].command('markdown',
+/** @lends MovePrevCursorOrOutdent */
+{
+  name: 'MovePrevCursorOrOutdent',
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+
+    var _cm$getCursor = cm.getCursor(),
+        line = _cm$getCursor.line,
+        ch = _cm$getCursor.ch;
+
+    var mdCh = cm.getLine(line).length === ch ? ch : ch + 1;
+    var mdNode = mde.getToastMark().findNodeAtPosition([line + 1, mdCh]);
+    var cellNode = Object(markdown["b" /* findClosestNode */])(mdNode, function (node) {
+      return Object(markdown["l" /* isTableCellNode */])(node);
+    });
+
+    if (cellNode) {
+      this._moveCursorPrevCell(cellNode, cm);
+    } else {
+      cm.execCommand('indentLessOrderedList');
+    }
+  },
+  _moveCursorPrevCell: function _moveCursorPrevCell(cell, cm) {
+    var prev = cell.prev,
+        parent = cell.parent;
+    var line = Object(markdown["f" /* getMdStartLine */])(cell);
+    var ch = 1;
+
+    if (prev) {
+      ch = Object(markdown["c" /* getMdEndCh */])(prev);
+    } else {
+      var prevRow = !parent.prev && parent.parent.type === 'tableBody' ? parent.parent.prev.lastChild : parent.prev;
+
+      if (prevRow) {
+        line = line - 1;
+        ch = Object(markdown["c" /* getMdEndCh */])(prevRow.lastChild);
+      }
+    }
+
+    cm.setCursor({
+      line: line - 1,
+      ch: ch - 1
+    });
+  }
+});
+/* harmony default export */ var movePrevCursorOrOutdent = (MovePrevCursorOrOutdent);
+// CONCATENATED MODULE: ./src/js/markdownCommands/addLine.js
+/**
+ * @fileoverview Implements AddLine markdown command
+ * @author NHN FE Development Lab 
+ */
+
+
+
+function createTableRow(row) {
+  var columnLen = row.parent.parent.columns.length;
+  var result = '|';
+
+  for (var i = 0; i < columnLen; i += 1) {
+    result += '  |';
+  }
+
+  return result;
+}
+/**
+ * Add AddLine command
+ * @extends Command
+ * @module markdownCommands/AddLine
+ * @ignore
+ */
+
+
+var AddLine = commandManager["a" /* default */].command('markdown',
+/** @lends AddLine */
+{
+  name: 'AddLine',
+  exec: function exec(mde) {
+    var cm = mde.getEditor();
+
+    var _cm$getCursor = cm.getCursor(),
+        line = _cm$getCursor.line,
+        ch = _cm$getCursor.ch;
+
+    var mdCh = cm.getLine(line).length === ch ? ch : ch + 1;
+    var mdNode = mde.getToastMark().findNodeAtPosition([line + 1, mdCh]);
+    var cellNode = Object(markdown["b" /* findClosestNode */])(mdNode, function (node) {
+      return Object(markdown["l" /* isTableCellNode */])(node) && (node.parent.type === 'tableDelimRow' || node.parent.parent.type === 'tableBody');
+    });
+
+    if (cellNode) {
+      this._addTableRowByCell(cellNode, cm);
+    } else {
+      cm.execCommand('newlineAndIndentContinueMarkdownList');
+    }
+  },
+  _addTableRowByCell: function _addTableRowByCell(cell, cm) {
+    var line = Object(markdown["f" /* getMdStartLine */])(cell);
+    var parent = cell.parent;
+    var nextRow = parent.next;
+    var currentLineText = cm.getLine(line - 1);
+    var rowStr = createTableRow(parent);
+
+    if (nextRow && nextRow.type === 'tableRow' || currentLineText !== rowStr) {
+      cm.setCursor(line - 1, Object(markdown["c" /* getMdEndCh */])(parent));
+      cm.replaceSelection("\n" + rowStr);
+      cm.setCursor(line, 2);
+    } else {
+      cm.execCommand('deleteLine');
+    }
+  }
+});
+/* harmony default export */ var addLine = (AddLine);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/bold.js
+/**
+ * @fileoverview Implements bold WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Bold
+ * Add bold to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Bold
+ * @ignore
+ */
+
+var bold_Bold = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Bold */
+{
+  name: 'Bold',
+  keyMap: ['CTRL+B', 'META+B'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
+    wwe.focus();
+
+    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
+      tableSelectionManager.styleToSelectedCells(styleBold);
+      var range = sq.getSelection();
+      range.collapse(true);
+      sq.setSelection(range);
+    } else {
+      styleBold(sq);
+      dom["a" /* default */].optimizeRange(sq.getSelection(), 'B');
+    }
+  }
+});
+/**
+ * Style bold.
+ * @param {object} sq - squire editor instance
+ */
+
+function styleBold(sq) {
+  if (sq.hasFormat('b') || sq.hasFormat('strong')) {
+    sq.changeFormat(null, {
+      tag: 'b'
+    });
+  } else if (!sq.hasFormat('PRE')) {
+    if (sq.hasFormat('code')) {
+      sq.changeFormat(null, {
+        tag: 'code'
+      });
+    }
+
+    sq.bold();
+  }
+}
+
+/* harmony default export */ var wysiwygCommands_bold = (bold_Bold);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/italic.js
+/**
+ * @fileoverview Implements italic WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Italic
+ * Add Italic to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Italic
+ * @ignore
+ */
+
+var italic_Italic = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Italic */
+{
+  name: 'Italic',
+  keyMap: ['CTRL+I', 'META+I'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
+    wwe.focus();
+
+    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
+      tableSelectionManager.styleToSelectedCells(styleItalic);
+      var range = sq.getSelection();
+      range.collapse(true);
+      sq.setSelection(range);
+    } else {
+      styleItalic(sq);
+      dom["a" /* default */].optimizeRange(sq.getSelection(), 'I');
+    }
+  }
+});
+/**
+ * Style italic.
+ * @param {object} sq - squire editor instance
+ */
+
+function styleItalic(sq) {
+  if (sq.hasFormat('i') || sq.hasFormat('em')) {
+    sq.changeFormat(null, {
+      tag: 'i'
+    });
+  } else if (!sq.hasFormat('PRE')) {
+    if (sq.hasFormat('code')) {
+      sq.changeFormat(null, {
+        tag: 'code'
+      });
+    }
+
+    sq.italic();
+  }
+}
+
+/* harmony default export */ var wysiwygCommands_italic = (italic_Italic);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/strike.js
+/**
+ * @fileoverview Implements strike WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Strike
+ * Add strike to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Strike
+ * @ignore
+ */
+
+var strike_Strike = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Strike */
+{
+  name: 'Strike',
+  keyMap: ['CTRL+S', 'META+S'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe WysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
+    wwe.focus();
+
+    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
+      tableSelectionManager.styleToSelectedCells(styleStrike);
+      var range = sq.getSelection();
+      range.collapse(true);
+      sq.setSelection(range);
+    } else {
+      styleStrike(sq);
+      dom["a" /* default */].optimizeRange(sq.getSelection(), 'S');
+    }
+  }
+});
+/**
+ * Style strike.
+ * @param {object} sq - squire editor instance
+ */
+
+function styleStrike(sq) {
+  if (sq.hasFormat('S')) {
+    sq.changeFormat(null, {
+      tag: 'S'
+    });
+  } else if (!sq.hasFormat('PRE')) {
+    if (sq.hasFormat('code')) {
+      sq.changeFormat(null, {
+        tag: 'code'
+      });
+    }
+
+    sq.strikethrough();
+  }
+}
+
+/* harmony default export */ var wysiwygCommands_strike = (strike_Strike);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/blockquote.js
+/**
+ * @fileoverview Implements block quote WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Blockquote
+ * Add Blockquote to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Blockquote
+ * @ignore
+ */
+
+var blockquote_Blockquote = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Blockquote */
+{
+  name: 'Blockquote',
+  keyMap: ['ALT+Q', 'ALT+Q'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    wwe.focus();
+
+    if (!sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
+      if (sq.hasFormat('BLOCKQUOTE')) {
+        sq.decreaseQuoteLevel();
+      } else {
+        sq.increaseQuoteLevel();
+      }
+    }
+  }
+});
+/* harmony default export */ var wysiwygCommands_blockquote = (blockquote_Blockquote);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/addImage.js
+/**
+ * @fileoverview Implements AddImage wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+var wysiwygCommands_addImage_decodeURIGraceful = importManager.decodeURIGraceful,
+    wysiwygCommands_addImage_encodeMarkdownCharacters = importManager.encodeMarkdownCharacters;
+/**
+ * AddImage
+ * Add Image markdown syntax to wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/AddImage
+ * @ignore
+ */
+
+var addImage_AddImage = commandManager["a" /* default */].command('wysiwyg',
+/** @lends AddImage */
+{
+  name: 'AddImage',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   * @param {object} data data for image
+   */
+  exec: function exec(wwe, data) {
+    var sq = wwe.getEditor();
+    var altText = data.altText,
+        imageUrl = data.imageUrl;
+    altText = wysiwygCommands_addImage_decodeURIGraceful(altText);
+    imageUrl = wysiwygCommands_addImage_encodeMarkdownCharacters(imageUrl);
+    wwe.focus();
+
+    if (!sq.hasFormat('PRE')) {
+      sq.insertImage(imageUrl, {
+        alt: altText
+      });
+    }
+  }
+});
+/* harmony default export */ var wysiwygCommands_addImage = (addImage_AddImage);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/addLink.js
+/**
+ * @fileoverview Implements AddLink wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+var wysiwygCommands_addLink_decodeURIGraceful = importManager.decodeURIGraceful,
+    addLink_encodeMarkdownCharacters = importManager.encodeMarkdownCharacters;
+/**
+ * Add link markdown syntax to wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/AddLink
+ * @ignore
+ */
+
+var addLink_AddLink = commandManager["a" /* default */].command('wysiwyg',
+/** @lends AddLink */
+{
+  name: 'AddLink',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe - wysiwygEditor instance
+   * @param {object} data - data for link
+   */
+  exec: function exec(wwe, data) {
+    var sq = wwe.getEditor();
+    var linkAttribute = wwe.getLinkAttribute();
+    var url = data.url,
+        linkText = data.linkText;
+    var linkManager = wwe.componentManager.getManager('link');
+    linkText = wysiwygCommands_addLink_decodeURIGraceful(linkText);
+    url = addLink_encodeMarkdownCharacters(url);
+    wwe.focus();
+
+    if (!sq.hasFormat('PRE')) {
+      sq.removeAllFormatting();
+      var selectedText = sq.getSelectedText();
+
+      var selectedImageOnly = this._isSelectedImageOnly(sq.getSelection());
+
+      if (selectedText || selectedImageOnly) {
+        sq.makeLink(url, linkAttribute);
+      } else {
+        var link = sq.createElement('A', extend_default()({
+          href: url
+        }, linkAttribute));
+        link.textContent = linkText;
+        sq.insertElement(link);
+      }
+
+      linkManager.addClassNameToImageLinksInSelection();
+    }
+  },
+  _isSelectedImageOnly: function _isSelectedImageOnly(range) {
+    if (!range.collapsed) {
+      var startContainer = range.startContainer,
+          endContainer = range.endContainer;
+
+      if (startContainer && startContainer === endContainer) {
+        return dom["a" /* default */].isElemNode(startContainer) && startContainer.firstChild.nodeName === 'IMG';
+      }
+    }
+
+    return false;
+  }
+});
+/* harmony default export */ var wysiwygCommands_addLink = (addLink_AddLink);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/hr.js
+/**
+ * @fileoverview Implements HR wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * HR
+ * Add horizontal line markdown syntax to wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/HR
+ * @ignore
+ */
+
+var hr_HR = commandManager["a" /* default */].command('wysiwyg',
+/** @lends HR */
+{
+  name: 'HR',
+  keyMap: ['CTRL+L', 'META+L'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+
+    if (range.collapsed && !sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
+      var hr = document.createElement('hr');
+      var currentNode = dom["a" /* default */].getChildNodeByOffset(range.startContainer, range.startOffset);
+      var nextBlockNode = dom["a" /* default */].getTopNextNodeUnder(currentNode, wwe.getBody()); // If nextBlockNode is div that has hr and has contenteditable as false,
+      // nextBlockNode should be set as nextSibling that is normal block.
+
+      if (nextBlockNode && !dom["a" /* default */].isTextNode(nextBlockNode)) {
+        while (nextBlockNode && nextBlockNode.getAttribute('contenteditable') === 'false') {
+          nextBlockNode = nextBlockNode.nextSibling;
+        }
+      }
+
+      if (!nextBlockNode) {
+        nextBlockNode = dom["a" /* default */].createEmptyLine();
+        dom["a" /* default */].append(wwe.getBody(), nextBlockNode);
+      }
+
+      sq.modifyBlocks(function (frag) {
+        frag.appendChild(hr);
+        return frag;
+      });
+      var previousSibling = hr.previousSibling;
+
+      if (previousSibling && dom["a" /* default */].isTextNode(previousSibling) && dom["a" /* default */].getTextLength(previousSibling) === 0) {
+        hr.parentNode.removeChild(previousSibling);
+      }
+
+      hr.parentNode.replaceChild(dom["a" /* default */].createHorizontalRule(), hr);
+      range.selectNodeContents(nextBlockNode);
+      range.collapse(true);
+      sq.setSelection(range);
+      sq.saveUndoState(range);
+    }
+
+    wwe.focus();
+  }
+});
+/* harmony default export */ var wysiwygCommands_hr = (hr_HR);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/heading.js
+/**
+ * @fileoverview Implements Heading wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Heading
+ * Convert selected root level contents to heading with size wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/Heading
+ * @ignore
+ */
+
+var heading_Heading = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Heading */
+{
+  name: 'Heading',
+
+  /**
+   * Command handler
+   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
+   * @param {Number} size size
+   */
+  exec: function exec(wwe, size) {
+    var sq = wwe.getEditor();
+    var blockTagName = 'h1, h2, h3, h4, h5, h6, div';
+    wwe.focus();
+
+    if (!sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
+      sq.modifyBlocks(function (fragment) {
+        var blocks = dom["a" /* default */].children(fragment, blockTagName);
+        toArray_default()(blocks).forEach(function (block) {
+          var headingHTML = "h" + size;
+
+          if (dom["a" /* default */].getNodeName(block) === 'DIV') {
+            dom["a" /* default */].wrap(block, headingHTML);
+          } else {
+            var wrapperHeading = document.createElement(headingHTML);
+            dom["a" /* default */].insertBefore(wrapperHeading, block);
+            wrapperHeading.innerHTML = block.innerHTML;
+            dom["a" /* default */].remove(block);
+          }
+        });
+        return fragment;
+      });
+    }
+  }
+});
+/* harmony default export */ var wysiwygCommands_heading = (heading_Heading);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/paragraph.js
+/**
+ * @fileoverview Implements Paragraph wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * Paragraph
+ * Convert selected contents to paragraph only heading and list
+ * @extends Command
+ * @module wysiwygCommands/Paragraph
+ * @ignore
+ */
+
+var paragraph_Paragraph = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Paragraph */
+{
+  name: 'Paragraph',
+
+  /**
+   * Command handler
+   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    wwe.focus();
+
+    if (!sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
+      sq.modifyBlocks(function (fragment) {
+        var newFragment = document.createDocumentFragment();
+        toArray_default()(fragment.childNodes).forEach(function (block) {
+          if (block.nodeName.match(/h\d/i)) {
+            appendChildrenTo(newFragment, block.children);
+          } else if (block.nodeName.match(/ul|ol/i)) {
+            dom["a" /* default */].findAll(block, 'li').forEach(function (listItem) {
+              appendChildrenTo(newFragment, listItem.children);
+            });
+          } else {
+            newFragment.appendChild(block);
+          }
+        });
+        return newFragment;
+      });
+    }
+  }
+});
+/**
+ * Append children
+ * @param {HTMLElement} parent - target to append
+ * @param {Array.} children - appending children
+ */
+
+function appendChildrenTo(parent, children) {
+  toArray_default()(children).forEach(function (child) {
+    parent.appendChild(child.cloneNode(true));
+  });
+}
+
+/* harmony default export */ var wysiwygCommands_paragraph = (paragraph_Paragraph);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/ul.js
+/**
+ * @fileoverview Implements ul WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * UL
+ * Add UL to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/UL
+ * @ignore
+ */
+
+var ul_UL = commandManager["a" /* default */].command('wysiwyg',
+/** @lends UL */
+{
+  name: 'UL',
+  keyMap: ['CTRL+U', 'META+U'],
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var listManager = wwe.componentManager.getManager('list');
+    var startContainer = range.startContainer,
+        endContainer = range.endContainer,
+        startOffset = range.startOffset,
+        endOffset = range.endOffset;
+    var newLIs = [];
+    wwe.focus();
+    sq.saveUndoState(range);
+
+    if (listManager.isAvailableMakeListInTable()) {
+      newLIs = listManager.createListInTable(range, 'UL');
+    } else {
+      var lines = listManager.getLinesOfSelection(startContainer, endContainer);
+
+      for (var i = 0; i < lines.length; i += 1) {
+        var newLI = this._changeFormatToUnorderedListIfNeed(wwe, lines[i]);
+
+        if (newLI) {
+          newLIs.push(newLI);
+        }
+      }
+    }
+
+    if (newLIs.length) {
+      listManager.adjustRange(startContainer, endContainer, startOffset, endOffset, newLIs);
+    }
+  },
+
+  /**
+   * Change format to unordered list if need
+   * @param {WysiwygEditor} wwe Wysiwyg editor instance
+   * @param {HTMLElement} target Element target for change
+   * @returns {HTMLElement} newly created list
+   * @private
+   */
+  _changeFormatToUnorderedListIfNeed: function _changeFormatToUnorderedListIfNeed(wwe, target) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var taskManager = wwe.componentManager.getManager('task');
+    var newLI;
+
+    if (!sq.hasFormat('PRE')) {
+      range.setStart(target, 0);
+      range.collapse(true);
+      sq.setSelection(range);
+
+      if (sq.hasFormat('LI')) {
+        wwe.saveSelection(range);
+        taskManager.unformatTask(range.startContainer);
+        sq.replaceParent(range.startContainer, 'ol', 'ul');
+        wwe.restoreSavedSelection();
+      } else {
+        wwe.unwrapBlockTag();
+        sq.makeUnorderedList();
+      }
+
+      newLI = sq.getSelection().startContainer;
+    }
+
+    return newLI;
+  }
+});
+/* harmony default export */ var wysiwygCommands_ul = (ul_UL);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/ol.js
+/**
+ * @fileoverview Implements ol WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * OL
+ * Add OL to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/OL
+ * @ignore
+ */
+
+var ol_OL = commandManager["a" /* default */].command('wysiwyg',
+/** @lends OL */
+{
+  name: 'OL',
+  keyMap: ['CTRL+O', 'META+O'],
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var listManager = wwe.componentManager.getManager('list');
+    var startContainer = range.startContainer,
+        startOffset = range.startOffset,
+        endContainer = range.endContainer,
+        endOffset = range.endOffset;
+    var newLIs = [];
+    wwe.focus();
+    sq.saveUndoState(range);
+
+    if (listManager.isAvailableMakeListInTable()) {
+      newLIs = listManager.createListInTable(range, 'OL');
+    } else {
+      var lines = listManager.getLinesOfSelection(startContainer, endContainer);
+
+      for (var i = 0; i < lines.length; i += 1) {
+        var newLI = this._changeFormatToOrderedListIfNeed(wwe, lines[i]);
+
+        if (newLI) {
+          newLIs.push(newLI);
+        }
+      }
+    }
+
+    if (newLIs.length) {
+      listManager.adjustRange(startContainer, endContainer, startOffset, endOffset, newLIs);
+    }
+  },
+
+  /**
+   * Change format to unordered list if need
+   * @param {WysiwygEditor} wwe Wysiwyg editor instance
+   * @param {HTMLElement} target Element target for change
+   * @returns {HTMLElement} newly created list item
+   * @private
+   */
+  _changeFormatToOrderedListIfNeed: function _changeFormatToOrderedListIfNeed(wwe, target) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var taskManager = wwe.componentManager.getManager('task');
+    var newLI;
+
+    if (!sq.hasFormat('PRE')) {
+      range.setStart(target, 0);
+      range.collapse(true);
+      sq.setSelection(range);
+
+      if (sq.hasFormat('LI')) {
+        wwe.saveSelection(range);
+        taskManager.unformatTask(range.startContainer);
+        sq.replaceParent(range.startContainer, 'ul', 'ol');
+        wwe.restoreSavedSelection();
+      } else {
+        wwe.unwrapBlockTag();
+        sq.makeOrderedList();
+      }
+
+      newLI = sq.getSelection().startContainer;
+    }
+
+    return newLI;
+  }
+});
+/* harmony default export */ var wysiwygCommands_ol = (ol_OL);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/table.js
+/**
+ * @fileoverview Implements table WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+/**
+ * Table
+ * Add table to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Table
+ * @ignore
+ */
+
+var table_Table = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Table */
+{
+  name: 'Table',
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   * @param {number} col column count
+   * @param {number} row row count
+   * @param {Array} data initial table data
+   */
+  exec: function exec(wwe, col, row, data) {
+    var sq = wwe.getEditor();
+    var tableIDClassName = wwe.componentManager.getManager('table').getTableIDClassName();
+    var tableHTMLString;
+
+    if (!sq.getSelection().collapsed || sq.hasFormat('TABLE') || sq.hasFormat('PRE')) {
+      wwe.focus();
+      return;
+    }
+
+    tableHTMLString = "";
+    tableHTMLString += table_makeHeader(col, data);
+    tableHTMLString += table_makeBody(col, row - 1, data);
+    tableHTMLString += '
    ';
+    sq.insertHTML(tableHTMLString);
+    wwe.focus();
+
+    if (!data) {
+      focusToFirstTh(sq, wwe.getBody().querySelector("." + tableIDClassName));
+    }
+  }
+});
+/**
+ * Focus to first th
+ * @param {Squire} sq Squire instance
+ * @param {HTMLElement} table wrapped table element
+ */
+
+function focusToFirstTh(sq, table) {
+  var range = sq.getSelection();
+  range.selectNodeContents(table.querySelector('th'));
+  range.collapse(true);
+  sq.setSelection(range);
+}
+/**
+ * makeHeader
+ * make table header html string
+ * @param {number} col column count
+ * @param {string} data cell data
+ * @returns {string} html string
+ */
+
+
+function table_makeHeader(col, data) {
+  var header = '';
+  var index = 0;
+
+  while (col) {
+    header += '';
+
+    if (data) {
+      header += data[index];
+      index += 1;
+    }
+
+    header += '';
+    col -= 1;
+  }
+
+  header += '';
+  return header;
+}
+/**
+ * makeBody
+ * make table body html string
+ * @param {number} col column count
+ * @param {number} row row count
+ * @param {string} data cell data
+ * @returns {string} html string
+ */
+
+
+function table_makeBody(col, row, data) {
+  var body = '';
+  var index = col;
+
+  for (var irow = 0; irow < row; irow += 1) {
+    body += '';
+
+    for (var icol = 0; icol < col; icol += 1) {
+      body += '';
+
+      if (data) {
+        body += data[index];
+        index += 1;
+      }
+
+      body += '';
+    }
+
+    body += '';
+  }
+
+  body += '';
+  return body;
+}
+
+/* harmony default export */ var wysiwygCommands_table = (table_Table);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableAddRow.js
+/**
+ * @fileoverview Implements table add row WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * AddRow
+ * Add Row to selected table
+ * @extends Command
+ * @module wysiwygCommands/TableAddRow
+ * @ignore
+ */
+
+var TableAddRow = commandManager["a" /* default */].command('wysiwyg',
+/** @lends AddRow */
+{
+  name: 'AddRow',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var selectedRowLength = getSelectedRowsLength(wwe);
+    var tr, newRow;
+    wwe.focus();
+
+    if (sq.hasFormat('TD')) {
+      sq.saveUndoState(range);
+      tr = dom["a" /* default */].closest(range.startContainer, 'tr');
+
+      for (var i = 0; i < selectedRowLength; i += 1) {
+        newRow = getNewRow(tr);
+        dom["a" /* default */].insertAfter(newRow, tr);
+      }
+
+      focusToFirstTd(sq, newRow);
+    } else if (sq.hasFormat('TH')) {
+      sq.saveUndoState(range);
+      tr = dom["a" /* default */].closest(range.startContainer, 'tr');
+
+      var _domUtils$parents = dom["a" /* default */].parents(tr, 'thead'),
+          thead = _domUtils$parents[0];
+
+      var tbody = thead.nextSibling;
+
+      if (matches_default()(tbody, 'tbody')) {
+        var _domUtils$children = dom["a" /* default */].children(tbody, 'tr');
+
+        tr = _domUtils$children[0];
+      }
+
+      for (var _i = 0; _i < selectedRowLength; _i += 1) {
+        newRow = getNewRow(tr);
+        dom["a" /* default */].insertBefore(newRow, tr);
+      }
+
+      focusToFirstTd(sq, newRow);
+    }
+  }
+});
+/**
+ * get number of selected rows
+ * @param {WysiwygEditor} wwe - wysiwygEditor instance
+ * @returns {number} - number of selected rows
+ * @ignore
+ */
+
+function getSelectedRowsLength(wwe) {
+  var selectionMgr = wwe.componentManager.getManager('tableSelection');
+  var selectedCells = selectionMgr.getSelectedCells();
+  var length = 1;
+
+  if (selectedCells.length > 1) {
+    var first = selectedCells[0];
+    var last = selectedCells[selectedCells.length - 1];
+    var range = selectionMgr.getSelectionRangeFromTable(first, last);
+    length = range.to.row - range.from.row + 1;
+  }
+
+  return length;
+}
+/**
+ * Get new row of given row
+ * @param {HTMLElement} tr - wrapped table row
+ * @returns {HTMLElement} - new cloned element
+ * @ignore
+ */
+
+
+function getNewRow(tr) {
+  var cloned = tr.cloneNode(true);
+  var htmlString = browser_default.a.msie ? '' : '
    ';
+  dom["a" /* default */].findAll(cloned, 'td').forEach(function (td) {
+    td.innerHTML = htmlString;
+  });
+  return cloned;
+}
+/**
+ * Focus to first table cell
+ * @param {Squire} sq - Squire instance
+ * @param {HTMLElement} tr - wrapped table row
+ * @ignore
+ */
+
+
+function focusToFirstTd(sq, tr) {
+  var range = sq.getSelection();
+  range.selectNodeContents(tr.querySelector('td'));
+  range.collapse(true);
+  sq.setSelection(range);
+}
+
+/* harmony default export */ var tableAddRow = (TableAddRow);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableAddCol.js
+/**
+ * @fileoverview Implements table add column WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+/**
+ * AddCol
+ * Add col to selected table
+ * @extends Command
+ * @module wysiwygCommands/TableAddCol
+ * @ignore
+ */
+
+var TableAddCol = commandManager["a" /* default */].command('wysiwyg',
+/** @lends AddCol */
+{
+  name: 'AddCol',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var numberOfCols = getNumberOfCols(wwe);
+    var cell;
+    wwe.focus();
+
+    if (sq.hasFormat('TR')) {
+      sq.saveUndoState(range);
+      cell = getCellByRange(range);
+      addColToCellAfter(cell, numberOfCols);
+      focusToNextCell(sq, cell);
+    }
+  }
+});
+/**
+ * get number of selected cols
+ * @param {WysiwygEditor} wwe - wysiwyg editor instance
+ * @returns {number} - number of selected cols
+ * @ignore
+ */
+
+function getNumberOfCols(wwe) {
+  var selectionMgr = wwe.componentManager.getManager('tableSelection');
+  var selectedCells = selectionMgr.getSelectedCells();
+  var length = 1;
+
+  if (selectedCells.length > 0) {
+    var maxLength = selectedCells[0].parentNode.querySelectorAll('td, th').length;
+    length = Math.min(maxLength, selectedCells.length);
+  }
+
+  return length;
+}
+/**
+ * Get cell by range object
+ * @param {Range} range - range
+ * @returns {HTMLElement} - html element
+ * @ignore
+ */
+
+
+function getCellByRange(range) {
+  var cell = range.startContainer;
+
+  if (dom["a" /* default */].getNodeName(cell) !== 'TD' && dom["a" /* default */].getNodeName(cell) !== 'TH') {
+    cell = dom["a" /* default */].closest(cell, 'td, th');
+  }
+
+  return cell;
+}
+/**
+ * Add column to after the current cell
+ * @param {HTMLElement} cell - wrapped table cell
+ * @param {number} [numberOfCols=1] - number of cols
+ * @ignore
+ */
+
+
+function addColToCellAfter(cell, numberOfCols) {
+  if (numberOfCols === void 0) {
+    numberOfCols = 1;
+  }
+
+  var _domUtils$parents = dom["a" /* default */].parents(cell, 'table'),
+      table = _domUtils$parents[0];
+
+  if (table) {
+    var index = inArray_default()(cell, toArray_default()(cell.parentNode.childNodes));
+    var cellToAdd;
+    dom["a" /* default */].findAll(table, 'tr').forEach(function (tr) {
+      var isTBody = dom["a" /* default */].getNodeName(tr.parentNode) === 'TBODY';
+      var isMSIE = browser_default.a.msie;
+      var currentCell = tr.children[index];
+
+      for (var i = 0; i < numberOfCols; i += 1) {
+        if (isTBody) {
+          cellToAdd = document.createElement('td');
+        } else {
+          cellToAdd = document.createElement('th');
+        }
+
+        if (!isMSIE) {
+          cellToAdd.appendChild(document.createElement('br'));
+        }
+
+        dom["a" /* default */].insertAfter(cellToAdd, currentCell);
+      }
+    });
+  }
+}
+/**
+ * Focus to next cell
+ * @param {Squire} sq - Squire instance
+ * @param {HTMLElement} cell - wrapped table cell
+ * @ignore
+ */
+
+
+function focusToNextCell(sq, cell) {
+  var range = sq.getSelection();
+  range.selectNodeContents(cell.nextSibling);
+  range.collapse(true);
+  sq.setSelection(range);
+}
+
+/* harmony default export */ var tableAddCol = (TableAddCol);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableRemoveRow.js
+/**
+ * @fileoverview Implements table remove row WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * RemoveRow
+ * remove Row to selected table
+ * @extends Command
+ * @module wysiwygCommands/TableRemoveRow
+ * @ignore
+ */
+
+var TableRemoveRow = commandManager["a" /* default */].command('wysiwyg',
+/** @lends RemoveRow */
+{
+  name: 'RemoveRow',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+
+    var _domUtils$parents = dom["a" /* default */].parents(range.startContainer, 'table'),
+        table = _domUtils$parents[0];
+
+    var selectionMgr = wwe.componentManager.getManager('tableSelection');
+    var tableMgr = wwe.componentManager.getManager('table');
+    var trs = getTrs(range, selectionMgr, table);
+    var tbodyRowLength = table.querySelectorAll('tbody tr').length;
+    wwe.focus();
+
+    if ((sq.hasFormat('TD') || sq.hasFormat('TABLE')) && tbodyRowLength > 1) {
+      sq.saveUndoState(range);
+      var firstTr = trs[0];
+      var lastTr = trs[trs.length - 1];
+      var nextFocus = lastTr && lastTr.nextSibling ? lastTr.nextSibling : firstTr && firstTr.previousSibling;
+
+      if (nextFocus) {
+        tableRemoveRow_focusToFirstTd(sq, range, nextFocus, tableMgr);
+      }
+
+      trs.forEach(function (tr) {
+        return dom["a" /* default */].remove(tr);
+      });
+    }
+
+    selectionMgr.removeClassAttrbuteFromAllCellsIfNeed();
+  }
+});
+/**
+ * Focus to first TD in given TR
+ * @param {SquireExt} sq Squire instance
+ * @param {Range} range Range object
+ * @param {HTMLElement} tr HTMLElement wrapped TR
+ * @param {object} tableMgr Table manager
+ */
+
+function tableRemoveRow_focusToFirstTd(sq, range, tr, tableMgr) {
+  var nextFocusCell = tr.querySelector('td');
+  range.setStart(nextFocusCell, 0);
+  range.collapse(true);
+  tableMgr.setLastCellNode(nextFocusCell);
+  sq.setSelection(range);
+}
+/**
+ * Get start, end row index from current range
+ * @param {HTMLElement} firstSelectedCell Range object
+ * @param {object} rangeInformation Range information object
+ * @param {HTMLElement} table HTMLElement wrapped TABLE
+ * @returns {HTMLElement}
+ */
+
+
+function getSelectedRows(firstSelectedCell, rangeInformation, table) {
+  var tbodyRowLength = table.querySelectorAll('tbody tr').length;
+  var isStartContainerInThead = dom["a" /* default */].parents(firstSelectedCell, 'thead').length;
+  var startRowIndex = rangeInformation.from.row;
+  var endRowIndex = rangeInformation.to.row;
+
+  if (isStartContainerInThead) {
+    startRowIndex += 1;
+  }
+
+  var isWholeTbodySelected = (startRowIndex === 1 || isStartContainerInThead) && endRowIndex === tbodyRowLength;
+
+  if (isWholeTbodySelected) {
+    endRowIndex -= 1;
+  }
+
+  return dom["a" /* default */].findAll(table, 'tr').slice(startRowIndex, endRowIndex + 1);
+}
+/**
+ * Get TRs
+ * @param {Range} range Range object
+ * @param {object} selectionMgr Table selection manager
+ * @param {HTMLElement} table current table
+ * @returns {Array.}
+ */
+
+
+function getTrs(range, selectionMgr, table) {
+  var selectedCells = selectionMgr.getSelectedCells();
+  var rangeInformation, trs;
+
+  if (selectedCells.length) {
+    rangeInformation = selectionMgr.getSelectionRangeFromTable(selectedCells[0], selectedCells[selectedCells.length - 1]);
+    trs = getSelectedRows(selectedCells[0], rangeInformation, table);
+  } else {
+    var cell = dom["a" /* default */].closest(range.startContainer, 'td,th');
+    rangeInformation = selectionMgr.getSelectionRangeFromTable(cell, cell);
+    trs = getSelectedRows(cell, rangeInformation, table);
+  }
+
+  return trs;
+}
+
+/* harmony default export */ var tableRemoveRow = (TableRemoveRow);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableRemoveCol.js
+/**
+ * @fileoverview Implements table remove column WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * RemoveCol
+ * remove Row to selected table
+ * @extends Command
+ * @module wysiwygCommands/TableRemoveCol
+ * @ignore
+ */
+
+var TableRemoveCol = commandManager["a" /* default */].command('wysiwyg',
+/** @lends RemoveCol */
+{
+  name: 'RemoveCol',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+
+    var _domUtils$parents = dom["a" /* default */].parents(range.startContainer, 'table'),
+        table = _domUtils$parents[0];
+
+    var tableMgr = wwe.componentManager.getManager('table');
+    var selectionMgr = wwe.componentManager.getManager('tableSelection');
+    var hasMultipleCols = dom["a" /* default */].closest(range.startContainer, 'table').querySelectorAll('thead tr th').length > 1;
+    wwe.focus(); // IE 800a025e error on removing part of selection range. collapse
+
+    range.collapse(true);
+    sq.setSelection(range);
+
+    if (sq.hasFormat('TR', null, range) && hasMultipleCols) {
+      var trs = table.querySelectorAll('tbody tr');
+      var tbodyColLength = trs.length ? trs[0].querySelectorAll('td').length : 0;
+      var selectedCells = selectionMgr.getSelectedCells();
+
+      if (selectedCells.length < tbodyColLength) {
+        sq.saveUndoState(range);
+        var nextFocus;
+
+        if (selectedCells.length > 1) {
+          var tailCell = selectedCells[selectedCells.length - 1];
+          var headCell = selectedCells[0];
+          nextFocus = tailCell.nextSibling ? tailCell.nextSibling : headCell.previousSibling;
+          removeMultipleColsByCells(selectedCells);
+        } else {
+          var cell = tableRemoveCol_getCellByRange(range);
+          nextFocus = cell.nextSibling ? cell.nextSibling : cell.previousSibling;
+          removeColByCell(cell);
+        }
+
+        focusToCell(sq, nextFocus, tableMgr);
+      }
+    }
+  }
+});
+/**
+ * Get cell by range object
+ * @param {Range} range range
+ * @returns {HTMLElement|Node}
+ */
+
+function tableRemoveCol_getCellByRange(range) {
+  var cell = range.startContainer;
+
+  if (dom["a" /* default */].getNodeName(cell) !== 'TD' && !dom["a" /* default */].getNodeName(cell) === 'TH') {
+    cell = dom["a" /* default */].parentsUntil(cell, 'tr');
+  }
+
+  return cell;
+}
+/**
+ * Remove columns by given cells
+ * @param {HTMLElement} cells - table cells
+ */
+
+
+function removeMultipleColsByCells(cells) {
+  var numberOfCells = cells.length;
+
+  for (var i = 0; i < numberOfCells; i += 1) {
+    var cellToDelete = cells[i];
+
+    if (cellToDelete) {
+      removeColByCell(cells[i]);
+    }
+  }
+}
+/**
+ * Remove column by given cell
+ * @param {HTMLElement} cell - wrapped table cell
+ */
+
+
+function removeColByCell(cell) {
+  var _domUtils$parents2 = dom["a" /* default */].parents(cell, 'table'),
+      table = _domUtils$parents2[0];
+
+  if (table) {
+    var index = inArray_default()(cell, toArray_default()(cell.parentNode.childNodes));
+    dom["a" /* default */].findAll(table, 'tr').forEach(function (tr) {
+      var td = tr.children[index];
+      dom["a" /* default */].remove(td);
+    });
+  }
+}
+/**
+ * Focus to given cell
+ * @param {Squire} sq - Squire instance
+ * @param {HTMLElement} cell - wrapped table cell
+ * @param {object} tableMgr - Table manager instance
+ */
+
+
+function focusToCell(sq, cell, tableMgr) {
+  var nextFocusCell = cell;
+
+  if (cell && dom["a" /* default */].isContain(document.body, cell)) {
+    var range = sq.getSelection();
+    range.selectNodeContents(cell);
+    range.collapse(true);
+    sq.setSelection(range);
+    tableMgr.setLastCellNode(nextFocusCell);
+  }
+}
+
+/* harmony default export */ var tableRemoveCol = (TableRemoveCol);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableAlignCol.js
+/**
+ * @fileoverview Implements table align column WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+
+/**
+ * AlignCol
+ * Align selected column's text content to given direction
+ * @extends Command
+ * @module wysiwygCommands/TableAlignCol
+ * @ignore
+ */
+
+var TableAlignCol = commandManager["a" /* default */].command('wysiwyg',
+/** @lends AlignCol */
+{
+  name: 'AlignCol',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   * @param {string} alignDirection Align direction
+   */
+  exec: function exec(wwe, alignDirection) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+    var selectionMgr = wwe.componentManager.getManager('tableSelection');
+    var rangeInformation = getRangeInformation(range, selectionMgr);
+    wwe.focus();
+
+    if (sq.hasFormat('TR')) {
+      sq.saveUndoState(range);
+
+      var _domUtils$parents = dom["a" /* default */].parents(range.startContainer, 'table'),
+          table = _domUtils$parents[0];
+
+      var selectionInformation = getSelectionInformation(table, rangeInformation);
+      setAlignAttributeToTableCells(table, alignDirection, selectionInformation);
+    }
+
+    selectionMgr.removeClassAttrbuteFromAllCellsIfNeed();
+  }
+});
+/**
+ * Set Column align
+ * @param {HTMLElement} table wrapped TABLE
+ * @param {string} alignDirection 'left' or 'center' or 'right'
+ * @param {{
+ *     startColumnIndex: number,
+ *     endColumnIndex: number,
+ *     isDivided: boolean
+ *     }} selectionInformation start, end column index and boolean value for whether range divided or not
+ */
+
+function setAlignAttributeToTableCells(table, alignDirection, selectionInformation) {
+  var isDivided = selectionInformation.isDivided || false;
+  var start = selectionInformation.startColumnIndex;
+  var end = selectionInformation.endColumnIndex;
+  var trs = dom["a" /* default */].findAll(table, 'tr');
+  var columnLength = trs.length ? trs[0].querySelectorAll('td,th').length : 0;
+  trs.forEach(function (tr) {
+    var cells = toArray_default()(dom["a" /* default */].children(tr, 'td,th'));
+    cells.forEach(function (cell, index) {
+      if (isDivided && (start <= index && index <= columnLength || index <= end)) {
+        cell.setAttribute('align', alignDirection);
+      } else if (start <= index && index <= end) {
+        cell.setAttribute('align', alignDirection);
+      }
+    });
+  });
+}
+/**
+ * Return start, end column index and boolean value for whether range divided or not
+ * @param {HTMLElement} table wrapped TABLE
+ * @param {{startColumnIndex: number, endColumnIndex: number}} rangeInformation Range information
+ * @returns {{startColumnIndex: number, endColumnIndex: number, isDivided: boolean}}
+ */
+
+
+function getSelectionInformation(table, rangeInformation) {
+  var trs = table.querySelectorAll('tr');
+  var columnLength = trs.length ? trs[0].querySelectorAll('td,th').length : 0;
+  var from = rangeInformation.from,
+      to = rangeInformation.to;
+  var startColumnIndex, endColumnIndex, isDivided;
+
+  if (from.row === to.row) {
+    startColumnIndex = from.cell;
+    endColumnIndex = to.cell;
+  } else if (from.row < to.row) {
+    if (from.cell <= to.cell) {
+      startColumnIndex = 0;
+      endColumnIndex = columnLength - 1;
+    } else {
+      startColumnIndex = from.cell;
+      endColumnIndex = to.cell;
+      isDivided = true;
+    }
+  }
+
+  return {
+    startColumnIndex: startColumnIndex,
+    endColumnIndex: endColumnIndex,
+    isDivided: isDivided
+  };
+}
+/**
+ * Get range information
+ * @param {Range} range Range object
+ * @param {object} selectionMgr Table selection manager
+ * @returns {object}
+ */
+
+
+function getRangeInformation(range, selectionMgr) {
+  var selectedCells = selectionMgr.getSelectedCells();
+  var rangeInformation, startCell;
+
+  if (selectedCells.length) {
+    rangeInformation = selectionMgr.getSelectionRangeFromTable(selectedCells[0], selectedCells[selectedCells.length - 1]);
+  } else {
+    var startContainer = range.startContainer;
+    startCell = dom["a" /* default */].isTextNode(startContainer) ? dom["a" /* default */].parent(startContainer, 'td,th') : startContainer;
+    rangeInformation = selectionMgr.getSelectionRangeFromTable(startCell, startCell);
+  }
+
+  return rangeInformation;
+}
+
+/* harmony default export */ var tableAlignCol = (TableAlignCol);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/tableRemove.js
+/**
+ * @fileoverview Implements table remove WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * RemoveTable
+ * Remove selected table
+ * @extends Command
+ * @module wysiwygCommands/TableRemove
+ * @ignore
+ */
+
+var TableRemove = commandManager["a" /* default */].command('wysiwyg',
+/** @lends RemoveTable */
+{
+  name: 'RemoveTable',
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+
+    if (sq.hasFormat('TABLE')) {
+      sq.saveUndoState(range);
+      dom["a" /* default */].remove(dom["a" /* default */].closest(range.startContainer, 'table'));
+    }
+
+    wwe.focus();
+  }
+});
+/* harmony default export */ var tableRemove = (TableRemove);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/indent.js
+/**
+ * @fileoverview Implements Indent wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+/**
+ * Indent
+ * Indent list or task to wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/indent
+ * @ignore
+ */
+
+var indent_Indent = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Indent */
+{
+  name: 'Indent',
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var listManager = wwe.componentManager.getManager('list');
+    var range = wwe.getEditor().getSelection();
+    var node = dom["a" /* default */].closest(range.startContainer, 'li');
+    var prevClasses, nodeClasses, nextClasses;
+    var prev = node && node.previousSibling;
+
+    if (prev) {
+      var next = node.querySelector('li');
+      wwe.getEditor().saveUndoState();
+      nodeClasses = node.className;
+      prevClasses = prev.className;
+      node.className = '';
+      prev.className = '';
+
+      if (next) {
+        nextClasses = next.className;
+        var divElements = toArray_default()(next.children).filter(function (child) {
+          return matches_default()(child, 'div');
+        });
+
+        if (!divElements.length) {
+          next.className = '';
+        }
+      }
+
+      wwe.getEditor().increaseListLevel();
+      listManager.mergeList(node);
+      node.className = nodeClasses;
+      prev.className = prevClasses;
+
+      if (next) {
+        next.className = nextClasses;
+      }
+    }
+  }
+});
+/* harmony default export */ var wysiwygCommands_indent = (indent_Indent);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/outdent.js
+/**
+ * @fileoverview Implements Outdent wysiwyg command
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Outdent
+ * Outdent list or task to wysiwyg Editor
+ * @extends Command
+ * @module wysiwygCommands/Outdent
+ * @ignore
+ */
+
+var outdent_Outdent = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Outdent */
+{
+  name: 'Outdent',
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe WysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var node = getCurrentLi(wwe);
+
+    if (node && isExecutable(node)) {
+      wwe.getEditor().saveUndoState();
+      var nodeClasses = node.className;
+      wwe.getEditor().decreaseListLevel();
+      node = getCurrentLi(wwe);
+
+      if (node && nodeClasses) {
+        node.className = nodeClasses;
+      }
+    }
+  }
+});
+/**
+ * test if outdent the given list item
+ * arbitrary list allows list item to be in any position
+ * while markdown spec does not
+ * @param {HTMLElement} currentLiNode - list item element
+ * @returns {boolean} - true to executable
+ * @ignore
+ */
+
+function isExecutable(currentLiNode) {
+  var nodeName = dom["a" /* default */].getNodeName(currentLiNode.nextSibling);
+  return nodeName !== 'OL' && nodeName !== 'UL';
+}
+/**
+ * Get list item element of current selection
+ * @param {object} wwe Wysiwyg editor instance
+ * @returns {HTMLElement}
+ * @ignore
+ */
+
+
+function getCurrentLi(wwe) {
+  var range = wwe.getEditor().getSelection();
+  return dom["a" /* default */].closest(range.startContainer, 'li');
+}
+
+/* harmony default export */ var wysiwygCommands_outdent = (outdent_Outdent);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/task.js
+/**
+ * @fileoverview Implements Task WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Task
+ * Add Task to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Task
+ * @ignore
+ */
+
+var task_Task = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Task */
+{
+  name: 'Task',
+  keyMap: ['ALT+T', 'ALT+T'],
+
+  /**
+   * Command Handler
+   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var listManager = wwe.componentManager.getManager('list');
+    var startContainer = range.startContainer,
+        endContainer = range.endContainer,
+        startOffset = range.startOffset,
+        endOffset = range.endOffset;
+    var newLIs = [];
+    wwe.focus();
+    sq.saveUndoState(range);
+
+    if (listManager.isAvailableMakeListInTable()) {
+      newLIs = listManager.createListInTable(range, 'TASK');
+    } else {
+      var lines = listManager.getLinesOfSelection(startContainer, endContainer);
+
+      for (var i = 0; i < lines.length; i += 1) {
+        var newLI = this._changeFormatToTaskIfNeed(wwe, lines[i]);
+
+        if (newLI) {
+          newLIs.push(newLI);
+        }
+      }
+    }
+
+    if (newLIs.length) {
+      listManager.adjustRange(startContainer, endContainer, startOffset, endOffset, newLIs);
+    }
+  },
+
+  /**
+   * Change format to unordered list and return current li element if need
+   * @param {WysiwygEditor} wwe Wysiwyg editor instance
+   * @param {HTMLElement} target Element target for change
+   * @returns {HTMLElement} newly created list
+   * @private
+   */
+  _changeFormatToTaskIfNeed: function _changeFormatToTaskIfNeed(wwe, target) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection();
+    var taskManager = wwe.componentManager.getManager('task');
+    var newLI;
+
+    if (!sq.hasFormat('PRE')) {
+      range.setStart(target, 0);
+      range.collapse(true);
+      sq.setSelection(range);
+
+      if (!sq.hasFormat('li')) {
+        sq.makeUnorderedList();
+        target = sq.getSelection().startContainer;
+      }
+
+      if (hasClass_default()(target, 'task-list-item')) {
+        taskManager.unformatTask(target);
+      } else {
+        taskManager.formatTask(target);
+      }
+
+      newLI = sq.getSelection().startContainer;
+    }
+
+    return newLI;
+  }
+});
+/* harmony default export */ var wysiwygCommands_task = (task_Task);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/code.js
+/**
+ * @fileoverview Implements code WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+/**
+ * Code
+ * Add bold to selected wysiwyg editor content
+ * @extends Command
+ * @module wysiwygCommands/Code
+ * @ignore
+ */
+
+var code_Code = commandManager["a" /* default */].command('wysiwyg',
+/** @lends Code */
+{
+  name: 'Code',
+  keyMap: ['SHIFT+CTRL+C', 'SHIFT+META+C'],
+
+  /**
+   * command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   */
+  exec: function exec(wwe) {
+    var sq = wwe.getEditor();
+    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
+
+    var _styleCode = styleCode.bind(null, wwe.getEditor());
+
+    wwe.focus();
+
+    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
+      tableSelectionManager.styleToSelectedCells(_styleCode);
+      var range = sq.getSelection();
+      range.collapse(true);
+      sq.setSelection(range);
+    } else {
+      _styleCode(sq);
+    }
+  }
+});
+/**
+ * removeUnnecessaryCodeInNextToRange
+ * Remove unnecessary code tag next to range, code tag made by squire
+ * @param {Range} range range object
+ */
+
+function removeUnnecessaryCodeInNextToRange(range) {
+  if (dom["a" /* default */].getNodeName(range.startContainer.nextSibling) === 'CODE' && dom["a" /* default */].getTextLength(range.startContainer.nextSibling) === 0) {
+    dom["a" /* default */].remove(range.startContainer.nextSibling);
+  }
+}
+/**
+ * Style code.
+ * @param {object} editor - editor instance
+ * @param {object} sq - squire editor instance
+ */
+
+
+function styleCode(editor, sq) {
+  if (!sq.hasFormat('PRE') && sq.hasFormat('code')) {
+    sq.changeFormat(null, {
+      tag: 'code'
+    });
+    removeUnnecessaryCodeInNextToRange(editor.getSelection().cloneRange());
+  } else if (!sq.hasFormat('a') && !sq.hasFormat('PRE')) {
+    if (sq.hasFormat('b')) {
+      sq.removeBold();
+    } else if (sq.hasFormat('i')) {
+      sq.removeItalic();
+    }
+
+    sq.changeFormat({
+      tag: 'code'
+    });
+    var range = sq.getSelection().cloneRange();
+    range.setStart(range.endContainer, range.endOffset);
+    range.collapse(true);
+    sq.setSelection(range);
+  }
+}
+
+/* harmony default export */ var wysiwygCommands_code = (code_Code);
+// CONCATENATED MODULE: ./src/js/wysiwygCommands/codeBlock.js
+/**
+ * @fileoverview Implements code block WysiwygCommand
+ * @author NHN FE Development Lab 
+ */
+
+
+
+var CODEBLOCK_CLASS_TEMP = 'te-content-codeblock-temp';
+var codeBlock_CODEBLOCK_ATTR_NAME = 'data-te-codeblock';
+/**
+ * CodeBlock
+ * Add CodeBlock to wysiwygEditor
+ * @extends Command
+ * @module wysiwygCommands/Codeblock
+ * @ignore
+ */
+
+var codeBlock_CodeBlock = commandManager["a" /* default */].command('wysiwyg',
+/** @lends CodeBlock */
+{
+  name: 'CodeBlock',
+  keyMap: ['SHIFT+CTRL+P', 'SHIFT+META+P'],
+
+  /**
+   * Command handler
+   * @param {WysiwygEditor} wwe wysiwygEditor instance
+   * @param {string} type of language
+   */
+  exec: function exec(wwe, type) {
+    var sq = wwe.getEditor();
+    var range = sq.getSelection().cloneRange();
+
+    if (!sq.hasFormat('PRE') && !sq.hasFormat('TABLE')) {
+      var attr = codeBlock_CODEBLOCK_ATTR_NAME + " class = \"" + CODEBLOCK_CLASS_TEMP + "\"";
+
+      if (type) {
+        attr += " data-language=\"" + type + "\"";
+      }
+
+      var codeBlockBody = getCodeBlockBody(range, wwe);
+      sq.insertHTML("
    " + codeBlockBody + "
    ");
+      focusToFirstCode(wwe.getBody().querySelector("." + CODEBLOCK_CLASS_TEMP), wwe);
+    }
+
+    wwe.focus();
+  }
+});
+/**
+ * focusToFirstCode
+ * Focus to first code tag content of pre tag
+ * @param {HTMLElement} pre pre tag
+ * @param {WysiwygEditor} wwe wysiwygEditor
+ */
+
+function focusToFirstCode(pre, wwe) {
+  var range = wwe.getEditor().getSelection().cloneRange();
+  removeClass_default()(pre, CODEBLOCK_CLASS_TEMP);
+  range.setStartBefore(pre.firstChild);
+  range.collapse(true);
+  wwe.getEditor().setSelection(range);
+}
+/**
+ * getCodeBlockBody
+ * get text wrapped by code
+ * @param {object} range range object
+ * @param {object} wwe wysiwyg editor
+ * @returns {string}
+ */
+
+
+function getCodeBlockBody(range, wwe) {
+  var mgr = wwe.componentManager.getManager('codeblock');
+  var codeBlock;
+
+  if (range.collapsed) {
+    codeBlock = '
    ';
+  } else {
+    var contents = range.extractContents();
+    var nodes = toArray_default()(contents.childNodes);
+    var tempDiv = document.createElement('div');
+    tempDiv.appendChild(mgr.prepareToPasteOnCodeblock(nodes));
+    codeBlock = tempDiv.innerHTML;
+  }
+
+  return codeBlock;
+}
+
+/* harmony default export */ var wysiwygCommands_codeBlock = (codeBlock_CodeBlock);
+// CONCATENATED MODULE: ./src/js/scroll/animation.js
+var ANIMATION_TIME = 200;
+var SCROLL_BOCKING_RESET_DELAY = 15;
+var currentTimeoutId = null;
+var releaseTimer = null;
+
+function run(deltaScrollTop, _ref) {
+  var syncScrollTop = _ref.syncScrollTop,
+      releaseEventBlock = _ref.releaseEventBlock;
+  clearTimeout(releaseTimer);
+  syncScrollTop(deltaScrollTop);
+  releaseTimer = setTimeout(function () {
+    releaseEventBlock();
+  }, SCROLL_BOCKING_RESET_DELAY);
+}
+
+function animate(sourceScrollTop, targetScrollTop, callbackObjForSync) {
+  var diff = targetScrollTop - sourceScrollTop;
+  var startTime = Date.now();
+  /**
+   * Each animation step
+   */
+
+  var step = function step() {
+    var stepTime = Date.now();
+    var progress = (stepTime - startTime) / ANIMATION_TIME;
+    var deltaValue; // if already doing animation
+
+    if (currentTimeoutId) {
+      clearTimeout(currentTimeoutId);
+    }
+
+    if (progress < 1) {
+      deltaValue = sourceScrollTop + diff * Math.cos((1 - progress) * Math.PI / 2);
+      run(Math.ceil(deltaValue), callbackObjForSync);
+      currentTimeoutId = setTimeout(step, 1);
+    } else {
+      run(targetScrollTop, callbackObjForSync);
+      currentTimeoutId = null;
+    }
+  };
+
+  step();
+}
+// EXTERNAL MODULE: ./src/js/scroll/helper.js
+var helper = __webpack_require__(18);
+
+// EXTERNAL MODULE: ./src/js/scroll/cache/offsetInfo.js
+var offsetInfo = __webpack_require__(24);
+
+// CONCATENATED MODULE: ./src/js/scroll/editorScroll.js
+
+
+
+
+var EDITING_POSITION_RATIO = 0.5;
+var blockedPreviewScrollEvent = false;
+var latestScrollTop = null;
+/* eslint-disable no-return-assign */
+
+function getAndSaveOffsetHeight(node, mdNodeId) {
+  var cachedHeight = Object(offsetInfo["a" /* getOffsetHeight */])(mdNodeId);
+  var offsetHeight = cachedHeight || node.offsetHeight;
+
+  if (!cachedHeight) {
+    Object(offsetInfo["d" /* setOffsetHeight */])(mdNodeId, offsetHeight);
+  }
+
+  return offsetHeight;
+}
+
+function getTopInfo(cm, startLine, mdNode, node, previewEl) {
+  var mdNodeStartLine = Object(markdown["f" /* getMdStartLine */])(mdNode);
+  var height = cm.lineInfo(startLine).handle.height;
+  var previewElHeight = getAndSaveOffsetHeight(previewEl, 0);
+  var top = node.getBoundingClientRect().top - previewEl.getBoundingClientRect().top; // position editing node on middle of preview as default
+
+  var additionalScrollTop = -previewElHeight * EDITING_POSITION_RATIO;
+
+  if (Object(markdown["j" /* isMultiLineNode */])(mdNode)) {
+    var additionalTopPos = (startLine - mdNodeStartLine + 1) * height;
+    additionalScrollTop = additionalTopPos;
+    top += additionalTopPos;
+  }
+
+  return {
+    top: top,
+    additionalScrollTop: additionalScrollTop
+  };
+}
+
+function syncPreviewScrollTopToMarkdown(editor, preview, scrollEvent) {
+  var root = preview._previewContent,
+      previewEl = preview.el;
+  var cm = editor.cm,
+      toastMark = editor.toastMark;
+
+  var _cm$getScrollInfo = cm.getScrollInfo(),
+      left = _cm$getScrollInfo.left,
+      scrollTop = _cm$getScrollInfo.top,
+      height = _cm$getScrollInfo.height,
+      clientHeight = _cm$getScrollInfo.clientHeight;
+
+  var isBottomPos = height - scrollTop <= clientHeight;
+  var sourceScrollTop = previewEl.scrollTop;
+  var targetScrollTop = isBottomPos ? previewEl.scrollHeight : 0;
+
+  if (scrollTop && !isBottomPos) {
+    var _ref = scrollEvent ? cm.coordsChar({
+      left: left,
+      top: scrollTop
+    }, 'local') : cm.getCursor('from'),
+        startLine = _ref.line;
+
+    var firstMdNode = toastMark.findFirstNodeAtLine(startLine + 1);
+
+    if (!firstMdNode || Object(markdown["g" /* isHtmlNode */])(firstMdNode)) {
+      return;
+    } // if DOM element does not exist, should get its parent node using markdown node
+    // in case of text node, rendererd DOM element is not matched to markdown node
+
+
+    var nodeObj = Object(helper["f" /* getParentNodeObj */])(firstMdNode);
+    var node = nodeObj.node,
+        mdNode = nodeObj.mdNode;
+    var mdNodeStartLine = Object(markdown["f" /* getMdStartLine */])(mdNode);
+    var previewElHeight = getAndSaveOffsetHeight(previewEl, 0);
+    targetScrollTop = Object(helper["g" /* getTotalOffsetTop */])(node, root) || node.offsetTop;
+
+    if (!scrollEvent) {
+      var _getTopInfo = getTopInfo(cm, startLine, mdNode, node, previewEl),
+          top = _getTopInfo.top,
+          additionalScrollTop = _getTopInfo.additionalScrollTop;
+
+      if (top > 0 && top < previewElHeight) {
+        return;
+      }
+
+      targetScrollTop += additionalScrollTop; // assign the null to sync scrollTop position when scrolling
+
+      latestScrollTop = null;
+    } else if (Object(helper["h" /* isNodeToBeCalculated */])(mdNode)) {
+      var offsetHeight = getAndSaveOffsetHeight(node, mdNode.id);
+      var offsetTop = cm.heightAtLine(mdNodeStartLine - 1, 'local');
+      var cmNodeHeight = Object(helper["c" /* getCmRangeHeight */])(mdNode, cm);
+      targetScrollTop += Object(helper["b" /* getAdditionalTopPos */])(scrollTop, offsetTop, cmNodeHeight, offsetHeight);
+      var scrollTopInfo = {
+        latestScrollTop: latestScrollTop,
+        scrollTop: scrollTop,
+        targetScrollTop: targetScrollTop,
+        sourceScrollTop: sourceScrollTop
+      };
+      targetScrollTop = Object(helper["d" /* getFallbackScrollTop */])(scrollTopInfo);
+      latestScrollTop = scrollTop;
+
+      if (targetScrollTop === sourceScrollTop) {
+        return;
+      }
+    }
+  }
+
+  blockedPreviewScrollEvent = true;
+  var callbackObjForSync = {
+    syncScrollTop: function syncScrollTop(deltaScrollTop) {
+      return previewEl.scrollTop = deltaScrollTop;
+    },
+    releaseEventBlock: function releaseEventBlock() {
+      return blockedPreviewScrollEvent = false;
+    }
+  };
+  animate(sourceScrollTop, targetScrollTop, callbackObjForSync);
+}
+function isBlockedPreviewScrollEvent() {
+  return blockedPreviewScrollEvent;
+}
+// CONCATENATED MODULE: ./src/js/scroll/previewScroll.js
+
+
+
+
+var blockedMarkdownScrollEvent = false;
+var previewScroll_latestScrollTop = null;
+/* eslint-disable no-return-assign */
+
+function getAndSaveOffsetInfo(node, mdNodeId, root) {
+  var cachedHeight = Object(offsetInfo["a" /* getOffsetHeight */])(mdNodeId);
+  var cachedTop = Object(offsetInfo["b" /* getOffsetTop */])(mdNodeId);
+  var offsetHeight = cachedHeight || node.offsetHeight;
+  var offsetTop = cachedTop || Object(helper["g" /* getTotalOffsetTop */])(node, root) || node.offsetTop;
+
+  if (!cachedHeight) {
+    Object(offsetInfo["d" /* setOffsetHeight */])(mdNodeId, offsetHeight);
+  }
+
+  if (!cachedTop) {
+    Object(offsetInfo["e" /* setOffsetTop */])(mdNodeId, offsetTop);
+  }
+
+  return {
+    offsetHeight: offsetHeight,
+    offsetTop: offsetTop
+  };
+}
+
+function getAncestorHavingId(node, root) {
+  while (!node.getAttribute('data-nodeid') && node.parentElement !== root) {
+    node = node.parentElement;
+  }
+
+  return node;
+}
+
+function syncMarkdownScrollTopToPreview(editor, preview, targetNode) {
+  var toastMark = editor.toastMark,
+      cm = editor.cm;
+  var _preview$el = preview.el,
+      scrollTop = _preview$el.scrollTop,
+      clientHeight = _preview$el.clientHeight,
+      scrollHeight = _preview$el.scrollHeight;
+  var root = preview._previewContent;
+  var isBottomPos = scrollHeight - scrollTop <= clientHeight;
+
+  var _cm$getScrollInfo = cm.getScrollInfo(),
+      left = _cm$getScrollInfo.left,
+      sourceScrollTop = _cm$getScrollInfo.top,
+      height = _cm$getScrollInfo.height;
+
+  var targetScrollTop = isBottomPos ? height : 0;
+
+  if (scrollTop && targetNode && !isBottomPos) {
+    targetNode = getAncestorHavingId(targetNode, root);
+
+    if (!targetNode.getAttribute('data-nodeid')) {
+      return;
+    }
+
+    var _cm$coordsChar = cm.coordsChar({
+      left: left,
+      top: sourceScrollTop
+    }, 'local'),
+        startLine = _cm$coordsChar.line;
+
+    var mdNodeId = Number(targetNode.getAttribute('data-nodeid'));
+
+    var _getParentNodeObj = Object(helper["f" /* getParentNodeObj */])(toastMark.findNodeById(mdNodeId)),
+        mdNode = _getParentNodeObj.mdNode,
+        node = _getParentNodeObj.node;
+
+    var mdNodeStartLine = Object(markdown["f" /* getMdStartLine */])(mdNode);
+    targetScrollTop = cm.heightAtLine(mdNodeStartLine - 1, 'local');
+
+    if (Object(markdown["i" /* isListItemNode */])(mdNode)) {
+      targetScrollTop += Object(helper["e" /* getNextEmptyLineHeight */])(cm, mdNodeStartLine, startLine);
+    }
+
+    if (Object(helper["h" /* isNodeToBeCalculated */])(mdNode)) {
+      var cmNodeHeight = Object(helper["c" /* getCmRangeHeight */])(mdNode, cm);
+
+      var _getAndSaveOffsetInfo = getAndSaveOffsetInfo(node, mdNodeId, root),
+          offsetHeight = _getAndSaveOffsetInfo.offsetHeight,
+          offsetTop = _getAndSaveOffsetInfo.offsetTop;
+
+      targetScrollTop += Object(helper["b" /* getAdditionalTopPos */])(scrollTop, offsetTop, offsetHeight, cmNodeHeight);
+      var scrollTopInfo = {
+        latestScrollTop: previewScroll_latestScrollTop,
+        scrollTop: scrollTop,
+        targetScrollTop: targetScrollTop,
+        sourceScrollTop: sourceScrollTop
+      };
+      targetScrollTop = Object(helper["d" /* getFallbackScrollTop */])(scrollTopInfo);
+      previewScroll_latestScrollTop = scrollTop;
+
+      if (targetScrollTop === sourceScrollTop) {
+        return;
+      }
+    }
+  }
+
+  blockedMarkdownScrollEvent = true;
+  var callbackObjForSync = {
+    syncScrollTop: function syncScrollTop(deltaScrollTop) {
+      return cm.scrollTo(0, deltaScrollTop);
+    },
+    releaseEventBlock: function releaseEventBlock() {
+      return blockedMarkdownScrollEvent = false;
+    }
+  };
+  animate(sourceScrollTop, targetScrollTop, callbackObjForSync);
+}
+function isBlockedMarkdownScrollEvent() {
+  return blockedMarkdownScrollEvent;
+}
+// CONCATENATED MODULE: ./src/js/scroll/ui/button.js
+
+var button_className = 'tui-scrollsync';
+var activeClassName = 'tui-scrollsync active';
+var active = true;
+function isActive() {
+  return active;
+}
+function createButton(editor) {
+  if (editor.isViewer() || editor.getUI().name !== 'default') {
+    return;
+  }
+
+  var i18n = editor.i18n;
+  var tooltip = {
+    ACTIVE: i18n.get('Auto scroll enabled'),
+    INACTIVE: i18n.get('Auto scroll disabled')
+  };
+  var toolbar = editor.getUI().getToolbar();
+  var buttonEl = document.createElement('button');
+  buttonEl.className = activeClassName;
+  toolbar.addItem('divider');
+  toolbar.addItem({
+    type: 'button',
+    options: {
+      command: 'scrollSyncToggle',
+      tooltip: tooltip.ACTIVE,
+      el: buttonEl
+    }
+  });
+  var items = toolbar.getItems();
+  var divider = items[items.length - 2].el;
+  var button = items[items.length - 1];
+  changeButtonVisiblityStateIfNeed(editor, button, divider);
+  addEventListener(editor, button, divider);
+  addEditorCommand(editor, button, tooltip);
+}
+
+function addEventListener(editor, button, divider) {
+  // hide scroll follow button in wysiwyg
+  editor.on('changeMode', function () {
+    return changeButtonVisiblityStateIfNeed(editor, button, divider);
+  });
+  editor.on('changePreviewStyle', function () {
+    return changeButtonVisiblityStateIfNeed(editor, button, divider);
+  });
+}
+
+function addEditorCommand(editor, button, tooltip) {
+  // Commands
+  editor.addCommand('markdown', {
+    name: 'scrollSyncToggle',
+    exec: function exec() {
+      active = !active;
+
+      button._onOut();
+
+      if (active) {
+        button.el.className = activeClassName;
+        button.setTooltip(tooltip.ACTIVE);
+      } else {
+        button.el.className = button_className;
+        button.setTooltip(tooltip.INACTIVE);
+      }
+
+      button._onOver();
+    }
+  });
+}
+
+function changeButtonVisiblityStateIfNeed(editor, button, divider) {
+  if (editor.mdPreviewStyle === 'vertical' && editor.currentMode === 'markdown') {
+    css_default()(button.el, {
+      display: 'inline-block'
+    });
+    css_default()(divider, {
+      display: 'inline-block'
+    });
+  } else {
+    css_default()(button.el, {
+      display: 'none'
+    });
+    css_default()(divider, {
+      display: 'none'
+    });
+  }
+}
+// CONCATENATED MODULE: ./src/js/scroll/sync.js
+
+
+
+var isScrollable = true;
+/* eslint-disable no-return-assign */
+
+function register(editor) {
+  var mdEditor = editor.mdEditor,
+      preview = editor.preview;
+  createButton(editor);
+  addScrollEvent(mdEditor, preview);
+  addPreviewRenderedEvent(mdEditor, preview);
+  mdEditor.cm.on('change', function () {
+    return isScrollable = false;
+  });
+}
+
+function addPreviewRenderedEvent(editor, preview) {
+  editor.eventManager.listen('previewRenderAfter', function () {
+    // Immediately after the 'previewRenderAfter' event has occurred,
+    // browser rendering is not yet complete.
+    // So the size of elements can not be accurately measured.
+    setTimeout(function () {
+      if (isActive()) {
+        syncPreviewScrollTopToMarkdown(editor, preview);
+      }
+
+      isScrollable = true;
+    }, 200);
+  });
+}
+
+function addScrollEvent(editor, preview) {
+  var eventManager = editor.eventManager;
+  eventManager.listen('scroll', function (_ref) {
+    var source = _ref.source,
+        data = _ref.data;
+
+    if (!isActive()) {
+      return;
+    }
+
+    if (isScrollable && preview.isVisible()) {
+      if (source === 'markdown' && !isBlockedMarkdownScrollEvent()) {
+        syncPreviewScrollTopToMarkdown(editor, preview, true);
+      } else if (source === 'preview' && !isBlockedPreviewScrollEvent()) {
+        syncMarkdownScrollTopToPreview(editor, preview, data);
+      }
+    }
+  });
+}
+// CONCATENATED MODULE: ./src/js/editor.js
+function editor_extends() { editor_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return editor_extends.apply(this, arguments); }
+
+/**
+ * @fileoverview Implements Editor
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ // markdown commands
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ // wysiwyg Commands
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var __nedInstance = [];
+/**
+ * @callback addImageBlobHook
+ * @param {File|Blob} fileOrBlob - image blob
+ * @param {callback} callback - callback function to be called after
+ * @param {string} source - source of an event the item belongs to. 'paste', 'drop', 'ui'
+ */
+
+/**
+ * ToastUI Editor
+ * @param {Object} options Option object
+ *     @param {HTMLElement} options.el - container element
+ *     @param {string} [options.height='300px'] - Editor's height style value. Height is applied as border-box ex) '300px', '100%', 'auto'
+ *     @param {string} [options.minHeight='200px'] - Editor's min-height style value in pixel ex) '300px'
+ *     @param {string} [options.initialValue] - Editor's initial value
+ *     @param {string} [options.previewStyle] - Markdown editor's preview style (tab, vertical)
+ *     @param {boolean} [options.previewHighlight = true] - Highlight a preview element corresponds to the cursor position in the markdwon editor
+ *     @param {string} [options.initialEditType] - Initial editor type (markdown, wysiwyg)
+ *     @param {Object} [options.events] - Events
+ *         @param {function} [options.events.load] - It would be emitted when editor fully load
+ *         @param {function} [options.events.change] - It would be emitted when content changed
+ *         @param {function} [options.events.stateChange] - It would be emitted when format change by cursor position
+ *         @param {function} [options.events.focus] - It would be emitted when editor get focus
+ *         @param {function} [options.events.blur] - It would be emitted when editor loose focus
+ *     @param {Object} [options.hooks] - Hooks
+ *         @param {function} [options.hooks.previewBeforeHook] - Submit preview to hook URL before preview be shown
+ *         @param {addImageBlobHook} [options.hooks.addImageBlobHook] - hook for image upload
+ *     @param {string} [options.language='en-US'] - language
+ *     @param {boolean} [options.useCommandShortcut=true] - whether use keyboard shortcuts to perform commands
+ *     @param {boolean} [options.useDefaultHTMLSanitizer=true] - use default htmlSanitizer
+ *     @param {boolean} [options.usageStatistics=true] - send hostname to google analytics
+ *     @param {Array.} [options.toolbarItems] - toolbar items.
+ *     @param {boolean} [options.hideModeSwitch=false] - hide mode switch tab bar
+ *     @param {Array.} [options.plugins] - Array of plugins. A plugin can be either a function or an array in the form of [function, options].
+ *     @param {Object} [options.extendedAutolinks] - Using extended Autolinks specified in GFM spec
+ *     @param {Object} [options.customConvertor] - convertor extention
+ *     @param {string} [options.placeholder] - The placeholder text of the editable element.
+ *     @param {Object} [options.linkAttribute] - Attributes of anchor element that should be rel, target, contenteditable, hreflang, type
+ *     @param {Object} [options.customHTMLRenderer] - Object containing custom renderer functions correspond to markdown node
+ *     @param {boolean} [options.referenceDefinition=false] - whether use the specification of link reference definition
+ *     @param {function} [options.customHTMLSanitizer=null] - custom HTML sanitizer
+ *     @param {boolean} [options.frontMatter=false] - whether use the front matter
+ */
+
+var editor_ToastUIEditor = /*#__PURE__*/function () {
+  function ToastUIEditor(options) {
+    var _this = this;
+
+    this.initialHtml = options.el.innerHTML;
+    options.el.innerHTML = '';
+    this.options = extend_default()({
+      previewStyle: 'tab',
+      previewHighlight: true,
+      initialEditType: 'markdown',
+      height: '300px',
+      minHeight: '200px',
+      language: 'en-US',
+      useDefaultHTMLSanitizer: true,
+      useCommandShortcut: true,
+      usageStatistics: true,
+      toolbarItems: ['heading', 'bold', 'italic', 'strike', 'divider', 'hr', 'quote', 'divider', 'ul', 'ol', 'task', 'indent', 'outdent', 'divider', 'table', 'image', 'link', 'divider', 'code', 'codeblock'],
+      hideModeSwitch: false,
+      linkAttribute: null,
+      extendedAutolinks: false,
+      customConvertor: null,
+      customHTMLRenderer: null,
+      referenceDefinition: false,
+      customHTMLSanitizer: null,
+      frontMatter: false
+    }, options);
+    this.codeBlockLanguages = [];
+    this.eventManager = new js_eventManager["a" /* default */]();
+    this.importManager = new importManager(this.eventManager);
+    this.commandManager = new commandManager["a" /* default */](this, {
+      useCommandShortcut: this.options.useCommandShortcut
+    });
+    var linkAttribute = Object(utils_common["c" /* sanitizeLinkAttribute */])(this.options.linkAttribute);
+
+    var _getPluginInfo = Object(pluginHelper["a" /* getPluginInfo */])(this.options.plugins),
+        renderer = _getPluginInfo.renderer,
+        parser = _getPluginInfo.parser,
+        plugins = _getPluginInfo.plugins;
+
+    var _this$options = this.options,
+        customHTMLRenderer = _this$options.customHTMLRenderer,
+        customHTMLSanitizer = _this$options.customHTMLSanitizer,
+        extendedAutolinks = _this$options.extendedAutolinks,
+        referenceDefinition = _this$options.referenceDefinition,
+        useDefaultHTMLSanitizer = _this$options.useDefaultHTMLSanitizer,
+        frontMatter = _this$options.frontMatter;
+    var rendererOptions = {
+      linkAttribute: linkAttribute,
+      customHTMLRenderer: editor_extends({}, renderer, customHTMLRenderer),
+      extendedAutolinks: extendedAutolinks,
+      referenceDefinition: referenceDefinition,
+      customParser: parser,
+      frontMatter: frontMatter,
+      customProp: {
+        showFrontMatter: frontMatter
+      }
+    };
+
+    if (this.options.customConvertor) {
+      // eslint-disable-next-line new-cap
+      this.convertor = new this.options.customConvertor(this.eventManager, rendererOptions);
+    } else {
+      this.convertor = new convertor["a" /* default */](this.eventManager, rendererOptions);
+    }
+
+    var sanitizer = customHTMLSanitizer || (useDefaultHTMLSanitizer ? htmlSanitizer["a" /* default */] : null);
+
+    if (sanitizer) {
+      this.convertor.initHtmlSanitizer(sanitizer);
+    }
+
+    if (this.options.hooks) {
+      forEachOwnProperties_default()(this.options.hooks, function (fn, key) {
+        return _this.addHook(key, fn);
+      });
+    }
+
+    if (this.options.events) {
+      forEachOwnProperties_default()(this.options.events, function (fn, key) {
+        return _this.on(key, fn);
+      });
+    }
+
+    this.layout = new js_layout(options, this.eventManager);
+    this.i18n = i18n;
+    this.i18n.setCode(this.options.language);
+    this.setUI(this.options.UI || new defaultUI(this));
+    this.toastMark = new toastmark["ToastMark"]('', {
+      disallowedHtmlBlockTags: ['br'],
+      extendedAutolinks: extendedAutolinks,
+      referenceDefinition: referenceDefinition,
+      disallowDeepHeading: true,
+      customParser: parser,
+      frontMatter: frontMatter
+    });
+    this.mdEditor = markdownEditor.factory(this.layout.getMdEditorContainerEl(), this.eventManager, this.toastMark, this.options);
+    this.preview = new mdPreview["a" /* default */](this.layout.getPreviewEl(), this.eventManager, this.convertor, editor_extends({}, rendererOptions, {
+      isViewer: false,
+      highlight: this.options.previewHighlight
+    }));
+    this.wwEditor = wysiwygEditor.factory(this.layout.getWwEditorContainerEl(), this.eventManager, {
+      sanitizer: sanitizer,
+      linkAttribute: linkAttribute
+    });
+    this.toMarkOptions = {
+      gfm: true,
+      renderer: toMarkRenderer
+    };
+
+    if (plugins) {
+      Object(pluginHelper["b" /* invokePlugins */])(plugins, this);
+    }
+
+    this.changePreviewStyle(this.options.previewStyle);
+    this.changeMode(this.options.initialEditType, true);
+    this.minHeight(this.options.minHeight);
+    this.height(this.options.height);
+    this.setMarkdown(this.options.initialValue, false);
+
+    if (this.options.placeholder) {
+      this.setPlaceholder(this.options.placeholder);
+    }
+
+    if (!this.options.initialValue) {
+      this.setHtml(this.initialHtml, false);
+    }
+
+    this.eventManager.emit('load', this);
+
+    __nedInstance.push(this);
+
+    this._addDefaultCommands();
+
+    if (this.options.usageStatistics) {
+      Object(utils_common["d" /* sendHostName */])();
+    }
+
+    register(this);
+  }
+  /**
+   * change preview style
+   * @param {string} style - 'tab'|'vertical'
+   */
+
+
+  var _proto = ToastUIEditor.prototype;
+
+  _proto.changePreviewStyle = function changePreviewStyle(style) {
+    this.layout.changePreviewStyle(style);
+    this.mdPreviewStyle = style;
+    this.eventManager.emit('changePreviewStyle', style);
+    this.eventManager.emit('previewNeedsRefresh', this.getMarkdown());
+  }
+  /**
+   * call commandManager's exec method
+   * @param {*} ...args Command argument
+   */
+  ;
+
+  _proto.exec = function exec() {
+    var _this$commandManager;
+
+    (_this$commandManager = this.commandManager).exec.apply(_this$commandManager, arguments);
+  }
+  /**
+   * add default commands
+   * @private
+   */
+  ;
+
+  _proto._addDefaultCommands = function _addDefaultCommands() {
+    this.addCommand(bold);
+    this.addCommand(italic);
+    this.addCommand(blockquote);
+    this.addCommand(markdownCommands_heading);
+    this.addCommand(paragraph);
+    this.addCommand(markdownCommands_hr);
+    this.addCommand(addLink);
+    this.addCommand(addImage);
+    this.addCommand(markdownCommands_ul);
+    this.addCommand(ol);
+    this.addCommand(markdownCommands_indent);
+    this.addCommand(outdent);
+    this.addCommand(markdownCommands_table);
+    this.addCommand(markdownCommands_task);
+    this.addCommand(markdownCommands_code);
+    this.addCommand(markdownCommands_codeBlock);
+    this.addCommand(strike);
+    this.addCommand(changeTaskMarker);
+    this.addCommand(toggleTaskMarker);
+    this.addCommand(moveNextCursorOrIndent);
+    this.addCommand(movePrevCursorOrOutdent);
+    this.addCommand(addLine);
+    this.addCommand(wysiwygCommands_bold);
+    this.addCommand(wysiwygCommands_italic);
+    this.addCommand(wysiwygCommands_blockquote);
+    this.addCommand(wysiwygCommands_ul);
+    this.addCommand(wysiwygCommands_ol);
+    this.addCommand(wysiwygCommands_addImage);
+    this.addCommand(wysiwygCommands_addLink);
+    this.addCommand(wysiwygCommands_hr);
+    this.addCommand(wysiwygCommands_heading);
+    this.addCommand(wysiwygCommands_paragraph);
+    this.addCommand(wysiwygCommands_indent);
+    this.addCommand(wysiwygCommands_outdent);
+    this.addCommand(wysiwygCommands_task);
+    this.addCommand(wysiwygCommands_table);
+    this.addCommand(tableAddRow);
+    this.addCommand(tableAddCol);
+    this.addCommand(tableRemoveRow);
+    this.addCommand(tableRemoveCol);
+    this.addCommand(tableAlignCol);
+    this.addCommand(tableRemove);
+    this.addCommand(wysiwygCommands_code);
+    this.addCommand(wysiwygCommands_codeBlock);
+    this.addCommand(wysiwygCommands_strike);
+  };
+
+  _proto.addCommand = function addCommand(type, props) {
+    if (!props) {
+      this.commandManager.addCommand(type);
+    } else {
+      this.commandManager.addCommand(commandManager["a" /* default */].command(type, props));
+    }
+  }
+  /**
+   * After added command.
+   */
+  ;
+
+  _proto.afterAddedCommand = function afterAddedCommand() {
+    this.eventManager.emit('afterAddedCommand', this);
+  }
+  /**
+   * Bind eventHandler to event type
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.on = function on(type, handler) {
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Unbind eventHandler from event type
+   * @param {string} type Event type
+   */
+  ;
+
+  _proto.off = function off(type) {
+    this.eventManager.removeEventHandler(type);
+  }
+  /**
+   * Add hook to TUIEditor event
+   * @param {string} type Event type
+   * @param {function} handler Event handler
+   */
+  ;
+
+  _proto.addHook = function addHook(type, handler) {
+    this.eventManager.removeEventHandler(type);
+    this.eventManager.listen(type, handler);
+  }
+  /**
+   * Remove hook from TUIEditor event
+   * @param {string} type Event type
+   */
+  ;
+
+  _proto.removeHook = function removeHook(type) {
+    this.eventManager.removeEventHandler(type);
+  }
+  /**
+   * Get CodeMirror instance
+   * @returns {CodeMirror}
+   */
+  ;
+
+  _proto.getCodeMirror = function getCodeMirror() {
+    return this.mdEditor.getEditor();
+  }
+  /**
+   * Get SquireExt instance
+   * @returns {SquireExt}
+   */
+  ;
+
+  _proto.getSquire = function getSquire() {
+    return this.wwEditor.getEditor();
+  }
+  /**
+   * Set focus to current Editor
+   */
+  ;
+
+  _proto.focus = function focus() {
+    this.getCurrentModeEditor().focus();
+  }
+  /**
+   * Remove focus of current Editor
+   */
+  ;
+
+  _proto.blur = function blur() {
+    this.getCurrentModeEditor().blur();
+  }
+  /**
+   * Set cursor position to end
+   */
+  ;
+
+  _proto.moveCursorToEnd = function moveCursorToEnd() {
+    this.getCurrentModeEditor().moveCursorToEnd();
+  }
+  /**
+   * Set cursor position to start
+   */
+  ;
+
+  _proto.moveCursorToStart = function moveCursorToStart() {
+    this.getCurrentModeEditor().moveCursorToStart();
+  }
+  /**
+   * Set markdown syntax text.
+   * @param {string} markdown - markdown syntax text.
+   * @param {boolean} [cursorToEnd=true] - move cursor to contents end
+   */
+  ;
+
+  _proto.setMarkdown = function setMarkdown(markdown, cursorToEnd) {
+    if (cursorToEnd === void 0) {
+      cursorToEnd = true;
+    }
+
+    markdown = markdown || '';
+
+    if (this.isMarkdownMode()) {
+      this.mdEditor.setValue(markdown, cursorToEnd);
+    } else {
+      this.wwEditor.setValue(this.convertor.toHTML(markdown), cursorToEnd);
+    }
+
+    this.eventManager.emit('setMarkdownAfter', markdown);
+  }
+  /**
+   * Set html value.
+   * @param {string} html - html syntax text
+   * @param {boolean} [cursorToEnd=true] - move cursor to contents end
+   */
+  ;
+
+  _proto.setHtml = function setHtml(html, cursorToEnd) {
+    if (cursorToEnd === void 0) {
+      cursorToEnd = true;
+    }
+
+    html = html || '';
+    this.wwEditor.setValue(html, cursorToEnd);
+
+    if (this.isMarkdownMode()) {
+      var markdown = this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions);
+      this.mdEditor.setValue(markdown, cursorToEnd);
+      this.eventManager.emit('setMarkdownAfter', markdown);
+    }
+  }
+  /**
+   * Get markdown syntax text.
+   * @returns {string}
+   */
+  ;
+
+  _proto.getMarkdown = function getMarkdown() {
+    var markdown;
+
+    if (this.isMarkdownMode()) {
+      markdown = this.mdEditor.getValue();
+    } else {
+      markdown = this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions);
+    }
+
+    return markdown;
+  }
+  /**
+   * Get html syntax text.
+   * @returns {string}
+   */
+  ;
+
+  _proto.getHtml = function getHtml() {
+    if (this.isWysiwygMode()) {
+      this.mdEditor.setValue(this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions));
+    }
+
+    return this.convertor.toHTML(this.mdEditor.getValue());
+  }
+  /**
+   * Insert text
+   * @param {string} text - text string to insert
+   */
+  ;
+
+  _proto.insertText = function insertText(text) {
+    if (this.isMarkdownMode()) {
+      this.mdEditor.replaceSelection(text);
+    } else {
+      this.wwEditor.insertText(text);
+    }
+  }
+  /**
+   * Add widget to selection
+   * @param {Range} selection Current selection
+   * @param {Node} node widget node
+   * @param {string} style Adding style "over" or "bottom"
+   * @param {number} [offset] Offset for adjust position
+   */
+  ;
+
+  _proto.addWidget = function addWidget(selection, node, style, offset) {
+    this.getCurrentModeEditor().addWidget(selection, node, style, offset);
+  }
+  /**
+   * Set and return edithr height
+   * @param {string} height - editor height
+   * @returns {string} editor height
+   */
+  ;
+
+  _proto.height = function height(_height) {
+    if (isExisty_default()(_height)) {
+      var el = this.options.el;
+
+      if (_height === 'auto') {
+        addClass_default()(el, 'auto-height');
+        this.minHeight(this.minHeight());
+      } else {
+        removeClass_default()(el, 'auto-height');
+        this.minHeight(_height);
+      }
+
+      if (isNumber_default()(_height)) {
+        _height = _height + "px";
+      }
+
+      css_default()(this.options.el, {
+        height: _height
+      });
+      this._height = _height;
+    }
+
+    return this._height;
+  }
+  /**
+   * Set / Get min content height
+   * @param {string} minHeight - min content height in pixel
+   * @returns {string} - min height in pixel
+   */
+  ;
+
+  _proto.minHeight = function minHeight(_minHeight) {
+    if (isExisty_default()(_minHeight)) {
+      var editorHeight = this._ui.getEditorHeight();
+
+      var editorSectionHeight = this._ui.getEditorSectionHeight();
+
+      var diffHeight = editorHeight - editorSectionHeight;
+      this._minHeight = _minHeight;
+      _minHeight = parseInt(_minHeight, 10);
+      _minHeight = Math.max(_minHeight - diffHeight, 0);
+      this.wwEditor.setMinHeight(_minHeight);
+      this.mdEditor.setMinHeight(_minHeight);
+      this.preview.setMinHeight(_minHeight);
+    }
+
+    return this._minHeight;
+  }
+  /**
+   * Get current editor mode name
+   * @returns {Object} MarkdownEditor or WysiwygEditor
+   */
+  ;
+
+  _proto.getCurrentModeEditor = function getCurrentModeEditor() {
+    var editor;
+
+    if (this.isMarkdownMode()) {
+      editor = this.mdEditor;
+    } else {
+      editor = this.wwEditor;
+    }
+
+    return editor;
+  }
+  /**
+   * Return true if current editor mode is Markdown
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isMarkdownMode = function isMarkdownMode() {
+    return this.currentMode === 'markdown';
+  }
+  /**
+   * Return true if current editor mode is WYSIWYG
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isWysiwygMode = function isWysiwygMode() {
+    return this.currentMode === 'wysiwyg';
+  }
+  /**
+   * Return false
+   * @returns {boolean}
+   */
+  ;
+
+  _proto.isViewer = function isViewer() {
+    return false;
+  }
+  /**
+   * Get current Markdown editor's preview style
+   * @returns {string}
+   */
+  ;
+
+  _proto.getCurrentPreviewStyle = function getCurrentPreviewStyle() {
+    return this.mdPreviewStyle;
+  }
+  /**
+   * Change editor's mode to given mode string
+   * @param {string} mode - Editor mode name of want to change
+   * @param {boolean} [isWithoutFocus] - Change mode without focus
+   */
+  ;
+
+  _proto.changeMode = function changeMode(mode, isWithoutFocus) {
+    if (this.currentMode === mode) {
+      return;
+    }
+
+    this.eventManager.emit('changeModeBefore', this.currentMode);
+    this.currentMode = mode;
+
+    if (this.isWysiwygMode()) {
+      this.layout.switchToWYSIWYG();
+      this.wwEditor.setValue(this.convertor.toHTML(this.mdEditor.getValue()), !isWithoutFocus);
+      this.eventManager.emit('changeModeToWysiwyg');
+    } else {
+      this.layout.switchToMarkdown();
+      this.mdEditor.resetState();
+      this.mdEditor.setValue(this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions), !isWithoutFocus);
+      this.getCodeMirror().refresh();
+      this.eventManager.emit('changeModeToMarkdown');
+    }
+
+    this.eventManager.emit('changeMode', mode);
+
+    if (!isWithoutFocus) {
+      this.focus();
+    }
+  }
+  /**
+   * Remove TUIEditor from document
+   */
+  ;
+
+  _proto.remove = function remove() {
+    var self = this;
+    var i = __nedInstance.length - 1;
+    this.wwEditor.remove();
+    this.mdEditor.remove();
+    this.layout.remove();
+    this.preview.remove();
+
+    if (this.getUI()) {
+      this.getUI().remove();
+    }
+
+    this.eventManager.emit('removeEditor');
+    this.eventManager.events.forEach(function (value, key) {
+      self.off(key);
+    });
+    this.eventManager = null;
+
+    for (; i >= 0; i -= 1) {
+      if (__nedInstance[i] === this) {
+        __nedInstance.splice(i, 1);
+      }
+    }
+  }
+  /**
+   * Hide TUIEditor
+   */
+  ;
+
+  _proto.hide = function hide() {
+    this.eventManager.emit('hide', this);
+  }
+  /**
+   * Show TUIEditor
+   */
+  ;
+
+  _proto.show = function show() {
+    this.eventManager.emit('show', this);
+    this.getCodeMirror().refresh();
+  }
+  /**
+   * Scroll Editor content to Top
+   * @param {number} value Scroll amount
+   * @returns {number}
+   */
+  ;
+
+  _proto.scrollTop = function scrollTop(value) {
+    return this.getCurrentModeEditor().scrollTop(value);
+  }
+  /**
+   * Set UI to private UI property
+   * @param {UI} UI UI instance
+   */
+  ;
+
+  _proto.setUI = function setUI(UI) {
+    this._ui = UI;
+  }
+  /**
+   * Get _ui property
+   * @returns {DefaultUI|UI}
+   */
+  ;
+
+  _proto.getUI = function getUI() {
+    return this._ui;
+  }
+  /**
+   * Reset TUIEditor
+   */
+  ;
+
+  _proto.reset = function reset() {
+    this.wwEditor.reset();
+    this.mdEditor.reset();
+  }
+  /**
+   * Get current range
+   * @returns {{start, end}|Range}
+   */
+  ;
+
+  _proto.getRange = function getRange() {
+    return this.getCurrentModeEditor().getRange();
+  }
+  /**
+   * Get text object of current range
+   * @param {{start, end}|Range} range Range object of each editor
+   * @returns {MdTextObject|WwTextObject} TextObject class
+   */
+  ;
+
+  _proto.getTextObject = function getTextObject(range) {
+    return this.getCurrentModeEditor().getTextObject(range);
+  }
+  /**
+   * get selected text
+   * @returns {string} - selected text
+   */
+  ;
+
+  _proto.getSelectedText = function getSelectedText() {
+    var range = this.getRange();
+    var textObject = this.getTextObject(range);
+    return textObject.getTextContent() || '';
+  }
+  /**
+   * Set the placeholder on all editors
+   * @param {string} placeholder - placeholder to set
+   */
+  ;
+
+  _proto.setPlaceholder = function setPlaceholder(placeholder) {
+    this.mdEditor.setPlaceholder(placeholder);
+    this.wwEditor.setPlaceholder(placeholder);
+  }
+  /**
+   * Set code block languages
+   * @param {Array} languages - code language list
+   */
+  ;
+
+  _proto.setCodeBlockLanguages = function setCodeBlockLanguages(languages) {
+    var _this2 = this;
+
+    if (languages === void 0) {
+      languages = [];
+    }
+
+    languages.forEach(function (lang) {
+      if (_this2.codeBlockLanguages.indexOf(lang) < 0) {
+        _this2.codeBlockLanguages.push(lang);
+      }
+    });
+    this.eventManager.emit('setCodeBlockLanguages', this.codeBlockLanguages);
+  }
+  /**
+   * Get instance of TUIEditor
+   * @returns {Array}
+   */
+  ;
+
+  ToastUIEditor.getInstances = function getInstances() {
+    return __nedInstance;
+  }
+  /**
+   * Factory method for Editor
+   * @param {object} options Option for initialize TUIEditor
+   * @returns {object} ToastUIEditor or ToastUIEditorViewer
+   */
+  ;
+
+  ToastUIEditor.factory = function factory(options) {
+    var tuiEditor;
+
+    if (options.viewer) {
+      tuiEditor = new viewer["a" /* default */](options);
+    } else {
+      tuiEditor = new ToastUIEditor(options);
+    }
+
+    return tuiEditor;
+  }
+  /**
+   * Set language
+   * @param {string} code - code for I18N language
+   * @param {object} data - language set
+   */
+  ;
+
+  ToastUIEditor.setLanguage = function setLanguage(code, data) {
+    i18n.setLanguage(code, data);
+  };
+
+  return ToastUIEditor;
+}(); // (Not an official API)
+// Create a function converting markdown to HTML using the internal parser and renderer.
+
+
+editor_ToastUIEditor._createMarkdownToHTML = createMarkdownToHTML;
+/**
+ * Check whether is viewer (using in plugins)
+ * @type {boolean}
+ */
+
+editor_ToastUIEditor.isViewer = false;
+/**
+ * CodeBlockManager instance using in plugins
+ * @type {CodeBlockManager}
+ * @ignore
+ */
+
+editor_ToastUIEditor.codeBlockManager = codeBlockManager["a" /* default */];
+/**
+ * WwCodeBlockManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+editor_ToastUIEditor.WwCodeBlockManager = wwCodeBlockManager;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+editor_ToastUIEditor.WwTableManager = wwTableManager;
+/**
+ * WwTableManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+editor_ToastUIEditor.WwTableSelectionManager = wwTableSelectionManager;
+/**
+ * CommandManager class using in plugins
+ * @type {Class.}
+ * @ignore
+ */
+
+editor_ToastUIEditor.CommandManager = commandManager["a" /* default */];
+/* harmony default export */ var js_editor = (editor_ToastUIEditor);
+// EXTERNAL MODULE: ./src/css/editor.css
+var css_editor = __webpack_require__(50);
+
+// EXTERNAL MODULE: ./src/css/contents.css
+var css_contents = __webpack_require__(51);
+
+// EXTERNAL MODULE: ./src/css/preview-highlighting.css
+var preview_highlighting = __webpack_require__(41);
+
+// EXTERNAL MODULE: ./src/css/md-syntax-highlighting.css
+var md_syntax_highlighting = __webpack_require__(52);
+
+// CONCATENATED MODULE: ./src/js/i18n/en-us.js
+/**
+ * @fileoverview I18N for English
+ * @author NHN FE Development Lab 
+ */
+
+js_editor.setLanguage(['en', 'en-US'], {
+  Markdown: 'Markdown',
+  WYSIWYG: 'WYSIWYG',
+  Write: 'Write',
+  Preview: 'Preview',
+  Headings: 'Headings',
+  Paragraph: 'Paragraph',
+  Bold: 'Bold',
+  Italic: 'Italic',
+  Strike: 'Strike',
+  Code: 'Inline code',
+  Line: 'Line',
+  Blockquote: 'Blockquote',
+  'Unordered list': 'Unordered list',
+  'Ordered list': 'Ordered list',
+  Task: 'Task',
+  Indent: 'Indent',
+  Outdent: 'Outdent',
+  'Insert link': 'Insert link',
+  'Insert CodeBlock': 'Insert codeBlock',
+  'Insert table': 'Insert table',
+  'Insert image': 'Insert image',
+  Heading: 'Heading',
+  'Image URL': 'Image URL',
+  'Select image file': 'Select image file',
+  Description: 'Description',
+  OK: 'OK',
+  More: 'More',
+  Cancel: 'Cancel',
+  File: 'File',
+  URL: 'URL',
+  'Link text': 'Link text',
+  'Add row': 'Add row',
+  'Add col': 'Add col',
+  'Remove row': 'Remove row',
+  'Remove col': 'Remove col',
+  'Align left': 'Align left',
+  'Align center': 'Align center',
+  'Align right': 'Align right',
+  'Remove table': 'Remove table',
+  'Would you like to paste as table?': 'Would you like to paste as table?',
+  'Text color': 'Text color',
+  'Auto scroll enabled': 'Auto scroll enabled',
+  'Auto scroll disabled': 'Auto scroll disabled',
+  'Choose language': 'Choose language'
+});
+// CONCATENATED MODULE: ./src/js/index.js
+/**
+ * @fileoverview entry point for editor
+ * @author NHN FE Development Lab 
+ */
+
+
+
+
+
+
+/* harmony default export */ var js = __webpack_exports__["default"] = (js_editor);
+
+/***/ })
+/******/ ])["default"];
+});
\ No newline at end of file
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/tui-editor-2x.png b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/tui-editor-2x.png
deleted file mode 100644
index 557607b4cb..0000000000
Binary files a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/tui-editor-2x.png and /dev/null differ
diff --git a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/tui-editor-Editor-all.js b/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/tui-editor-Editor-all.js
deleted file mode 100644
index 54f7319f4d..0000000000
--- a/modules/cms-kit/host/Volo.CmsKit.Web.Unified/wwwroot/libs/tui-editor/tui-editor-Editor-all.js
+++ /dev/null
@@ -1,42211 +0,0 @@
-/*!
- * tui-editor
- * @version 1.4.10
- * @author NHN FE Development Lab  (https://nhn.github.io/tui.editor/)
- * @license MIT
- */
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("jquery"), require("tui-code-snippet"), require("codemirror"), require("to-mark"), require("tui-chart"), require("squire-rte"), require("markdown-it"), require("highlight.js"), require("tui-color-picker"), require("plantuml-encoder"));
-	else if(typeof define === 'function' && define.amd)
-		define(["jquery", "tui-code-snippet", "codemirror", "to-mark", "tui-chart", "squire-rte", "markdown-it", "highlight.js", "tui-color-picker", "plantuml-encoder"], factory);
-	else if(typeof exports === 'object')
-		exports["Editor"] = factory(require("jquery"), require("tui-code-snippet"), require("codemirror"), require("to-mark"), require("tui-chart"), require("squire-rte"), require("markdown-it"), require("highlight.js"), require("tui-color-picker"), require("plantuml-encoder"));
-	else
-		root["tui"] = root["tui"] || {}, root["tui"]["Editor"] = factory(root["$"], root["tui"]["util"], root["CodeMirror"], root["toMark"], root["tui"]["chart"], root["Squire"], root["markdownit"], root["hljs"], root["tui"]["colorPicker"], root["plantumlEncoder"]);
-})(window, function(__WEBPACK_EXTERNAL_MODULE__0__, __WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__10__, __WEBPACK_EXTERNAL_MODULE__24__, __WEBPACK_EXTERNAL_MODULE__57__, __WEBPACK_EXTERNAL_MODULE__79__, __WEBPACK_EXTERNAL_MODULE__85__, __WEBPACK_EXTERNAL_MODULE__94__, __WEBPACK_EXTERNAL_MODULE__207__, __WEBPACK_EXTERNAL_MODULE__209__) {
-return /******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/dist";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 55);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__0__;
-
-/***/ }),
-/* 1 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__1__;
-
-/***/ }),
-/* 2 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @fileoverview Implements CommandManager
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */
-
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _command = __webpack_require__(84);
-
-var _command2 = _interopRequireDefault(_command);
-
-var _util = __webpack_require__(39);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var KEYMAP_OS_INDEX = _util.isMac ? 1 : 0;
-
-/**
- * Class CommandManager
- * @param {ToastUIEditor} base nedInstance
- * @param {object} [options={}] - option object
- *     @param {boolean} [options.useCommandShortcut=true] - execute command with keyMap
- * @ignore
- */
-
-var CommandManager = function () {
-  function CommandManager(base) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    _classCallCheck(this, CommandManager);
-
-    this._command = new _tuiCodeSnippet2.default.Map();
-    this._mdCommand = new _tuiCodeSnippet2.default.Map();
-    this._wwCommand = new _tuiCodeSnippet2.default.Map();
-    this._options = _jquery2.default.extend({
-      'useCommandShortcut': true
-    }, options);
-
-    this.base = base;
-
-    this.keyMapCommand = {};
-
-    this._initEvent();
-  }
-
-  /**
-   * You can change command before command addition by addCommandBefore event.
-   * @param {object} command - command
-   * @returns {object}
-   * @private
-   */
-
-
-  _createClass(CommandManager, [{
-    key: '_addCommandBefore',
-    value: function _addCommandBefore(command) {
-      var commandWrapper = { command: command };
-
-      this.base.eventManager.emit('addCommandBefore', commandWrapper);
-
-      return commandWrapper.command || command;
-    }
-
-    /**
-     * Add command
-     * @param {Command} command Command instance
-     * @returns {Command} Command
-     */
-
-  }, {
-    key: 'addCommand',
-    value: function addCommand(command) {
-      for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        args[_key - 1] = arguments[_key];
-      }
-
-      if (args.length) {
-        command = CommandManager.command.apply(CommandManager, [command].concat(args));
-      }
-
-      command = this._addCommandBefore(command);
-
-      var name = command.getName();
-
-      var commandBase = void 0;
-
-      if (command.isMDType()) {
-        commandBase = this._mdCommand;
-      } else if (command.isWWType()) {
-        commandBase = this._wwCommand;
-      } else if (command.isGlobalType()) {
-        commandBase = this._command;
-      }
-
-      commandBase.set(name, command);
-
-      if (command.keyMap) {
-        this.keyMapCommand[command.keyMap[KEYMAP_OS_INDEX]] = name;
-      }
-
-      return command;
-    }
-
-    /**
-     * _initEvent
-     * Bind event handler to eventManager
-     * @private
-     */
-
-  }, {
-    key: '_initEvent',
-    value: function _initEvent() {
-      var _this = this;
-
-      this.base.eventManager.listen('command', function () {
-        _this.exec.apply(_this, arguments);
-      });
-
-      this.base.eventManager.listen('keyMap', function (ev) {
-        if (!_this._options.useCommandShortcut) {
-          return;
-        }
-        var command = _this.keyMapCommand[ev.keyMap];
-
-        if (command) {
-          ev.data.preventDefault();
-          _this.exec(command);
-        }
-      });
-    }
-
-    /**
-     * Execute command
-     * @param {String} name Command name
-     * @param {*} ...args Command argument
-     * @returns {*}
-     */
-
-  }, {
-    key: 'exec',
-    value: function exec(name) {
-      var commandToRun = void 0,
-          result = void 0;
-      var context = this.base;
-
-      commandToRun = this._command.get(name);
-
-      if (!commandToRun) {
-        if (this.base.isMarkdownMode()) {
-          commandToRun = this._mdCommand.get(name);
-          context = this.base.mdEditor;
-        } else {
-          commandToRun = this._wwCommand.get(name);
-          context = this.base.wwEditor;
-        }
-      }
-
-      if (commandToRun) {
-        var _commandToRun;
-
-        for (var _len2 = arguments.length, args = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-          args[_key2 - 1] = arguments[_key2];
-        }
-
-        args.unshift(context);
-        result = (_commandToRun = commandToRun).exec.apply(_commandToRun, args);
-      }
-
-      return result;
-    }
-  }]);
-
-  return CommandManager;
-}();
-
-/**
- * Create command by given editor type and property object
- * @param {string} type Command type
- * @param {{name: string, keyMap: Array}} props Property
- * @returns {*}
- * @static
- */
-
-
-CommandManager.command = function (type, props) {
-  var command = _command2.default.factory(type, props.name, props.keyMap);
-
-  _tuiCodeSnippet2.default.extend(command, props);
-
-  return command;
-};
-
-exports.default = CommandManager;
-
-/***/ }),
-/* 3 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.I18n = undefined;
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @fileoverview Implements i18n
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */
-
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var sharedInstance = void 0;
-
-var DEFAULT_CODE = 'en_US';
-
-/**
- * Class I18n
- */
-
-var I18n = function () {
-  function I18n() {
-    _classCallCheck(this, I18n);
-
-    this._code = DEFAULT_CODE;
-    this._langs = new _tuiCodeSnippet2.default.Map();
-  }
-
-  /**
-   * Set locale code
-   * @param {string} code locale code
-   */
-
-
-  _createClass(I18n, [{
-    key: 'setCode',
-    value: function setCode(code) {
-      this._code = code;
-    }
-
-    /**
-     * Set language set
-     * @param {string|string[]} codes locale code
-     * @param {object} data language set
-     */
-
-  }, {
-    key: 'setLanguage',
-    value: function setLanguage(codes, data) {
-      var _this = this;
-
-      codes = [].concat(codes);
-
-      codes.forEach(function (code) {
-        if (!_this._langs.has(code)) {
-          _this._langs.set(code, data);
-        } else {
-          var langData = _this._langs.get(code);
-          _this._langs.set(code, _tuiCodeSnippet2.default.extend(langData, data));
-        }
-      });
-    }
-
-    /**
-     * Get text of key
-     * @param {string} key key of text
-     * @param {string} code locale code
-     * @returns {string}
-     */
-
-  }, {
-    key: 'get',
-    value: function get(key, code) {
-      if (!code) {
-        code = this._code;
-      }
-
-      var langSet = this._langs.get(code);
-
-      if (!langSet) {
-        langSet = this._langs.get(DEFAULT_CODE);
-      }
-
-      var text = langSet[key];
-
-      if (!text) {
-        throw new Error('There is no text key "' + key + '" in ' + code);
-      }
-
-      return text;
-    }
-  }], [{
-    key: 'getSharedInstance',
-    value: function getSharedInstance() {
-      if (!sharedInstance) {
-        sharedInstance = new I18n();
-      }
-
-      return sharedInstance;
-    }
-  }]);
-
-  return I18n;
-}();
-
-exports.I18n = I18n;
-exports.default = new I18n();
-
-/***/ }),
-/* 4 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @fileoverview DOM Utils
- * @author NHN FE Development Lab 
- */
-var FIND_ZWB = /\u200B/g;
-
-/**
- * Check if node is text node
- * @param {Node} node node to check
- * @returns {boolean} result
- * @ignore
- */
-var isTextNode = function isTextNode(node) {
-  return node && node.nodeType === Node.TEXT_NODE;
-};
-
-/**
- * Check if node is element node
- * @param {Node} node node to check
- * @returns {boolean} result
- * @ignore
- */
-var isElemNode = function isElemNode(node) {
-  return node && node.nodeType === Node.ELEMENT_NODE;
-};
-
-/**
- * Check that the node is block node
- * @param {Node} node node
- * @returns {boolean}
- * @ignore
- */
-var isBlockNode = function isBlockNode(node) {
-  return (/^(ADDRESS|ARTICLE|ASIDE|BLOCKQUOTE|DETAILS|DIALOG|DD|DIV|DL|DT|FIELDSET|FIGCAPTION|FIGURE|FOOTER|FORM|H[\d]|HEADER|HGROUP|HR|LI|MAIN|NAV|OL|P|PRE|SECTION|UL)$/ig.test(this.getNodeName(node))
-  );
-};
-
-/**
- * Get node name of node
- * @param {Node} node node
- * @returns {string} node name
- * @ignore
- */
-var getNodeName = function getNodeName(node) {
-  if (isElemNode(node)) {
-    return node.tagName;
-  }
-
-  return 'TEXT';
-};
-
-/**
- * Get node offset length of node(for Range API)
- * @param {Node} node node
- * @returns {number} length
- * @ignore
- */
-var getTextLength = function getTextLength(node) {
-  var len = void 0;
-
-  if (isElemNode(node)) {
-    len = node.textContent.replace(FIND_ZWB, '').length;
-  } else if (isTextNode(node)) {
-    len = node.nodeValue.replace(FIND_ZWB, '').length;
-  }
-
-  return len;
-};
-
-/**
- * Get node offset length of node(for Range API)
- * @param {Node} node node
- * @returns {number} length
- * @ignore
- */
-var getOffsetLength = function getOffsetLength(node) {
-  var len = void 0;
-
-  if (isElemNode(node)) {
-    len = node.childNodes.length;
-  } else if (isTextNode(node)) {
-    len = node.nodeValue.replace(FIND_ZWB, '').length;
-  }
-
-  return len;
-};
-
-/**
- * get node offset between parent's childnodes
- * @param {Node} node node
- * @returns {number} offset(index)
- * @ignore
- */
-var getNodeOffsetOfParent = function getNodeOffsetOfParent(node) {
-  var childNodesOfParent = node.parentNode.childNodes;
-  var i = void 0,
-      t = void 0,
-      found = void 0;
-
-  for (i = 0, t = childNodesOfParent.length; i < t; i += 1) {
-    if (childNodesOfParent[i] === node) {
-      found = i;
-      break;
-    }
-  }
-
-  return found;
-};
-
-/**
- * get child node by offset
- * @param {Node} node node
- * @param {number} index offset index
- * @returns {Node} foudned node
- * @ignore
- */
-var getChildNodeByOffset = function getChildNodeByOffset(node, index) {
-  var currentNode = void 0;
-
-  if (isTextNode(node)) {
-    currentNode = node;
-  } else if (node.childNodes.length && index >= 0) {
-    currentNode = node.childNodes[index];
-  }
-
-  return currentNode;
-};
-
-/**
- * find next node from passed node
- * @param {strong} direction previous or next
- * @param {Node} node node
- * @param {string} untilNodeName parent node name to limit
- * @returns {Node} founded node
- * @ignore
- */
-var getNodeWithDirectionUntil = function getNodeWithDirectionUntil(direction, node, untilNodeName) {
-  var directionKey = direction + 'Sibling';
-  var nodeName = void 0,
-      foundedNode = void 0;
-
-  while (node && !node[directionKey]) {
-    nodeName = getNodeName(node.parentNode);
-
-    if (nodeName === untilNodeName || nodeName === 'BODY') {
-      break;
-    }
-
-    node = node.parentNode;
-  }
-
-  if (node[directionKey]) {
-    foundedNode = node[directionKey];
-  }
-
-  return foundedNode;
-};
-
-/**
- * get prev node of childnode pointed with index
- * @param {Node} node node
- * @param {number} index offset index
- * @param {string} untilNodeName parent node name to limit
- * @returns {Node} founded node
- * @ignore
- */
-var getPrevOffsetNodeUntil = function getPrevOffsetNodeUntil(node, index, untilNodeName) {
-  var prevNode = void 0;
-
-  if (index > 0) {
-    prevNode = getChildNodeByOffset(node, index - 1);
-  } else {
-    prevNode = getNodeWithDirectionUntil('previous', node, untilNodeName);
-  }
-
-  return prevNode;
-};
-
-var getParentUntilBy = function getParentUntilBy(node, matchCondition, stopCondition) {
-  var foundedNode = void 0;
-
-  while (node.parentNode && !matchCondition(node.parentNode)) {
-    node = node.parentNode;
-
-    if (stopCondition && stopCondition(node.parentNode)) {
-      break;
-    }
-  }
-
-  if (matchCondition(node.parentNode)) {
-    foundedNode = node;
-  }
-
-  return foundedNode;
-};
-
-/**
- * get parent node until paseed node name
- * @param {Node} node node
- * @param {string|HTMLNode} untilNode node name or node to limit
- * @returns {Node} founded node
- * @ignore
- */
-var getParentUntil = function getParentUntil(node, untilNode) {
-  var foundedNode = void 0;
-
-  if (_tuiCodeSnippet2.default.isString(untilNode)) {
-    foundedNode = getParentUntilBy(node, function (targetNode) {
-      return untilNode === getNodeName(targetNode);
-    });
-  } else {
-    foundedNode = getParentUntilBy(node, function (targetNode) {
-      return untilNode === targetNode;
-    });
-  }
-
-  return foundedNode;
-};
-
-/**
- * get node on the given direction under given parent
- * @param {strong} direction previous or next
- * @param {Node} node node
- * @param {string|Node} underNode parent node name to limit
- * @returns {Node} founded node
- * @ignore
- */
-var getNodeWithDirectionUnderParent = function getNodeWithDirectionUnderParent(direction, node, underNode) {
-  var directionKey = direction + 'Sibling';
-  var foundedNode = void 0;
-
-  node = getParentUntil(node, underNode);
-
-  if (node && node[directionKey]) {
-    foundedNode = node[directionKey];
-  }
-
-  return foundedNode;
-};
-
-/**
- * get top previous top level node under given node
- * @param {Node} node node
- * @param {Node} underNode underNode
- * @returns {Node} founded node
- * @ignore
- */
-var getTopPrevNodeUnder = function getTopPrevNodeUnder(node, underNode) {
-  return getNodeWithDirectionUnderParent('previous', node, underNode);
-};
-
-/**
- * get next top level block node
- * @param {Node} node node
- * @param {Node} underNode underNode
- * @returns {Node} founded node
- * @ignore
- */
-var getTopNextNodeUnder = function getTopNextNodeUnder(node, underNode) {
-  return getNodeWithDirectionUnderParent('next', node, underNode);
-};
-
-/**
- * Get parent element the body element
- * @param {Node} node Node for start searching
- * @returns {Node}
- * @ignore
- */
-var getTopBlockNode = function getTopBlockNode(node) {
-  return getParentUntil(node, 'BODY');
-};
-
-/**
- * Get previous text node
- * @param {Node} node Node for start searching
- * @returns {Node}
- * @ignore
- */
-var getPrevTextNode = function getPrevTextNode(node) {
-  node = node.previousSibling || node.parentNode;
-
-  while (!isTextNode(node) && getNodeName(node) !== 'BODY') {
-    if (node.previousSibling) {
-      node = node.previousSibling;
-
-      while (node.lastChild) {
-        node = node.lastChild;
-      }
-    } else {
-      node = node.parentNode;
-    }
-  }
-
-  if (getNodeName(node) === 'BODY') {
-    node = null;
-  }
-
-  return node;
-};
-
-/**
- * test whether root contains the given node
- * @param {HTMLNode} root - root node
- * @param {HTMLNode} node - node to test
- * @returns {Boolean} true if root contains node
- * @ignore
- */
-var containsNode = function containsNode(root, node) {
-  var walker = document.createTreeWalker(root, 4, null, false);
-  var found = root === node;
-
-  while (!found && walker.nextNode()) {
-    found = walker.currentNode === node;
-  }
-
-  return found;
-};
-
-/**
- * find node by offset
- * @param {HTMLElement} root Root element
- * @param {Array.} offsetList offset list
- * @param {function} textNodeFilter Text node filter
- * @returns {Array}
- * @ignore
- */
-var findOffsetNode = function findOffsetNode(root, offsetList, textNodeFilter) {
-  var result = [];
-  var text = '';
-  var walkerOffset = 0;
-  var newWalkerOffset = void 0;
-
-  if (!offsetList.length) {
-    return result;
-  }
-
-  var offset = offsetList.shift();
-  var walker = document.createTreeWalker(root, 4, null, false);
-
-  while (walker.nextNode()) {
-    text = walker.currentNode.nodeValue || '';
-
-    if (textNodeFilter) {
-      text = textNodeFilter(text);
-    }
-
-    newWalkerOffset = walkerOffset + text.length;
-
-    while (newWalkerOffset >= offset) {
-      result.push({
-        container: walker.currentNode,
-        offsetInContainer: offset - walkerOffset,
-        offset: offset
-      });
-
-      if (!offsetList.length) {
-        return result;
-      }
-      offset = offsetList.shift();
-    }
-    walkerOffset = newWalkerOffset;
-  }
-
-  // there should be offset left
-  do {
-    result.push({
-      container: walker.currentNode,
-      offsetInContainer: text.length,
-      offset: offset
-    });
-    offset = offsetList.shift();
-  } while (!_tuiCodeSnippet2.default.isUndefined(offset));
-
-  return result;
-};
-
-var getNodeInfo = function getNodeInfo(node) {
-  var path = {};
-
-  path.tagName = node.nodeName;
-
-  if (node.id) {
-    path.id = node.id;
-  }
-
-  var className = node.className.trim();
-
-  if (className) {
-    path.className = className;
-  }
-
-  return path;
-};
-
-var getPath = function getPath(node, root) {
-  var paths = [];
-
-  while (node && node !== root) {
-    if (isElemNode(node)) {
-      paths.unshift(getNodeInfo(node));
-    }
-
-    node = node.parentNode;
-  }
-
-  return paths;
-};
-
-/**
- * Find next, previous TD or TH element by given TE element
- * @param {HTMLElement} node TD element
- * @param {string} direction 'next' or 'previous'
- * @returns {HTMLElement|null}
- * @ignore
- */
-var getTableCellByDirection = function getTableCellByDirection(node, direction) {
-  var targetElement = null;
-
-  if (!_tuiCodeSnippet2.default.isUndefined(direction) && (direction === 'next' || direction === 'previous')) {
-    if (direction === 'next') {
-      targetElement = node.nextElementSibling;
-    } else {
-      targetElement = node.previousElementSibling;
-    }
-  }
-
-  return targetElement;
-};
-
-/**
- * Find sibling TR's TD element by given TD and direction
- * @param {HTMLElement} node TD element
- * @param {string} direction Boolean value for find first TD in next line
- * @param {boolean} [needEdgeCell=false] Boolean value for find first TD in next line
- * @returns {HTMLElement|null}
- * @ignore
- */
-var getSiblingRowCellByDirection = function getSiblingRowCellByDirection(node, direction, needEdgeCell) {
-  var tableCellElement = null;
-  var $node = void 0,
-      index = void 0,
-      $targetRowElement = void 0,
-      $currentContainer = void 0,
-      $siblingContainer = void 0,
-      isSiblingContainerExists = void 0;
-
-  if (!_tuiCodeSnippet2.default.isUndefined(direction) && (direction === 'next' || direction === 'previous')) {
-    if (node) {
-      $node = (0, _jquery2.default)(node);
-
-      if (direction === 'next') {
-        $targetRowElement = $node.parent().next();
-        $currentContainer = $node.parents('thead');
-        $siblingContainer = $currentContainer[0] && $currentContainer.next();
-        isSiblingContainerExists = $siblingContainer && getNodeName($siblingContainer[0]) === 'TBODY';
-
-        index = 0;
-      } else {
-        $targetRowElement = $node.parent().prev();
-        $currentContainer = $node.parents('tbody');
-        $siblingContainer = $currentContainer[0] && $currentContainer.prev();
-        isSiblingContainerExists = $siblingContainer && getNodeName($siblingContainer[0]) === 'THEAD';
-
-        index = node.parentNode.childNodes.length - 1;
-      }
-
-      if (_tuiCodeSnippet2.default.isUndefined(needEdgeCell) || !needEdgeCell) {
-        index = getNodeOffsetOfParent(node);
-      }
-
-      if ($targetRowElement[0]) {
-        tableCellElement = $targetRowElement.children('td,th')[index];
-      } else if ($currentContainer[0] && isSiblingContainerExists) {
-        tableCellElement = $siblingContainer.find('td,th')[index];
-      }
-    }
-  }
-
-  return tableCellElement;
-};
-
-/**
- * Check that the inline node is supported by markdown
- * @param {Node} node TD element
- * @returns {boolean}
- * @ignore
- */
-var isMDSupportInlineNode = function isMDSupportInlineNode(node) {
-  return (/^(A|B|BR|CODE|DEL|EM|I|IMG|S|SPAN|STRONG)$/ig.test(node.nodeName)
-  );
-};
-
-/**
- * Check that node is styled node.
- * Styled node is a node that has text and decorates text.
- * @param {Node} node TD element
- * @returns {boolean}
- * @ignore
- */
-var isStyledNode = function isStyledNode(node) {
-  return (/^(A|ABBR|ACRONYM|B|BDI|BDO|BIG|CITE|CODE|DEL|DFN|EM|I|INS|KBD|MARK|Q|S|SAMP|SMALL|SPAN|STRONG|SUB|SUP|U|VAR)$/ig.test(node.nodeName)
-  );
-};
-
-/**
- * remove node from 'start' node to 'end-1' node inside parent
- * if 'end' node is null, remove all child nodes after 'start' node.
- * @param {Node} parent - parent node
- * @param {Node} start - start node to remove
- * @param {Node} end - end node to remove
- * @ignore
- */
-var removeChildFromStartToEndNode = function removeChildFromStartToEndNode(parent, start, end) {
-  var child = start;
-
-  if (!child || parent !== child.parentNode) {
-    return;
-  }
-
-  while (child !== end) {
-    var next = child.nextSibling;
-    parent.removeChild(child);
-    child = next;
-  }
-};
-
-/**
- * remove nodes along the direction from the node to reach targetParent node
- * @param {Node} targetParent - stop removing when reach target parent node
- * @param {Node} node - start node
- * @param {boolean} isForward - direction
- * @ignore
- */
-var removeNodesByDirection = function removeNodesByDirection(targetParent, node, isForward) {
-  var parent = node;
-
-  while (parent !== targetParent) {
-    var nextParent = parent.parentNode;
-    var _parent = parent,
-        nextSibling = _parent.nextSibling,
-        previousSibling = _parent.previousSibling;
-
-
-    if (!isForward && nextSibling) {
-      removeChildFromStartToEndNode(nextParent, nextSibling, null);
-    } else if (isForward && previousSibling) {
-      removeChildFromStartToEndNode(nextParent, nextParent.childNodes[0], parent);
-    }
-
-    parent = nextParent;
-  }
-};
-
-var getLeafNode = function getLeafNode(node) {
-  var result = node;
-  while (result.childNodes && result.childNodes.length) {
-    var _result = result,
-        nextLeaf = _result.firstChild;
-
-    // When inline tag have empty text node with other childnodes, ignore empty text node.
-
-    if (isTextNode(nextLeaf) && !getTextLength(nextLeaf)) {
-      result = nextLeaf.nextSibling || nextLeaf;
-    } else {
-      result = nextLeaf;
-    }
-  }
-
-  return result;
-};
-/**
- * check if a coordinates is inside a task box
- * @param {object} style - computed style of task box
- * @param {number} offsetX - event x offset
- * @param {number} offsetY - event y offset
- * @returns {boolean}
- * @ignore
- */
-var isInsideTaskBox = function isInsideTaskBox(style, offsetX, offsetY) {
-  var rect = {
-    left: parseInt(style.left, 10),
-    top: parseInt(style.top, 10),
-    width: parseInt(style.width, 10),
-    height: parseInt(style.height, 10)
-  };
-
-  return offsetX >= rect.left && offsetX <= rect.left + rect.width && offsetY >= rect.top && offsetY <= rect.top + rect.height;
-};
-
-/**
- * Check whether node is OL or UL
- * @param {node} node - node
- * @returns {boolean} - whether node is OL or UL
- * @ignore
- */
-var isListNode = function isListNode(node) {
-  if (!node) {
-    return false;
-  }
-
-  return node.nodeName === 'UL' || node.nodeName === 'OL';
-};
-
-/**
- * Check whether node is first list item
- * @param {node} node - node
- * @returns {boolean} whether node is first list item
- * @ignore
- */
-var isFirstListItem = function isFirstListItem(node) {
-  var nodeName = node.nodeName,
-      parentNode = node.parentNode;
-
-
-  return nodeName === 'LI' && node === parentNode.firstChild;
-};
-
-/**
- * Check whether node is first level list item
- * @param {node} node - node
- * @returns {boolean} whether node is first level list item
- * @ignore
- */
-var isFirstLevelListItem = function isFirstLevelListItem(node) {
-  var nodeName = node.nodeName,
-      listNode = node.parentNode;
-  var listParentNode = listNode.parentNode;
-
-
-  return nodeName === 'LI' && !isListNode(listParentNode);
-};
-
-/**
- * Merge node to target node and detach node
- * @param {node} node - node
- * @param {node} targetNode - target node
- * @ignore
- */
-var mergeNode = function mergeNode(node, targetNode) {
-  if (node.hasChildNodes()) {
-    _tuiCodeSnippet2.default.forEachArray(node.childNodes, function () {
-      targetNode.appendChild(node.firstChild);
-    });
-
-    targetNode.normalize();
-  }
-
-  if (node.parentNode) {
-    node.parentNode.removeChild(node);
-  }
-};
-
-/**
- * Create hr that is not contenteditable
- * @returns {node} hr is wraped div
- * @ignore
- */
-var createHorizontalRule = function createHorizontalRule() {
-  var div = document.createElement('div');
-  var hr = document.createElement('hr');
-
-  div.setAttribute('contenteditable', false);
-  hr.setAttribute('contenteditable', false);
-
-  div.appendChild(hr);
-
-  return div;
-};
-
-/**
- * Create Empty Line
- * @returns {node} 

    
- * @private
- */
-var createEmptyLine = function createEmptyLine() {
-  var div = document.createElement('div');
-  div.appendChild(document.createElement('br'));
-
-  return div;
-};
-
-/**
- * Find same tagName child node and change wrapping order.
- * For example, if below node need to optimize 'B' tag.
- * test
- * should be changed tag's order.
- * test
- * @param {node} node
- * @param {string} tagName
- * @returns {node}
- * @private
- */
-var changeTagOrder = function changeTagOrder(node, tagName) {
-  if (node.nodeName !== 'SPAN') {
-    var parentNode = node.parentNode;
-
-    var tempNode = node;
-
-    while (tempNode.childNodes && tempNode.childNodes.length === 1 && !isTextNode(tempNode.firstChild)) {
-      tempNode = tempNode.firstChild;
-
-      if (tempNode.nodeName === 'SPAN') {
-        break;
-      }
-
-      if (tempNode.nodeName === tagName) {
-        var wrapper = document.createElement(tagName);
-
-        mergeNode(tempNode, tempNode.parentNode);
-        parentNode.replaceChild(wrapper, node);
-        wrapper.appendChild(node);
-
-        return wrapper;
-      }
-    }
-  }
-
-  return node;
-};
-
-/**
- * Find same tagName nodes and merge from startNode to endNode.
- * @param {node} startNode
- * @param {node} endNode
- * @param {string} tagName
- * @returns {node}
- * @private
- */
-var mergeSameNodes = function mergeSameNodes(startNode, endNode, tagName) {
-  var startBlockNode = changeTagOrder(startNode, tagName);
-
-  if (startBlockNode.nodeName === tagName) {
-    var endBlockNode = changeTagOrder(endNode, tagName);
-    var mergeTargetNode = startBlockNode;
-    var nextNode = startBlockNode.nextSibling;
-
-    while (nextNode) {
-      var tempNext = nextNode.nextSibling;
-
-      nextNode = changeTagOrder(nextNode, tagName);
-
-      if (nextNode.nodeName === tagName) {
-        // eslint-disable-next-line max-depth
-        if (mergeTargetNode) {
-          mergeNode(nextNode, mergeTargetNode);
-        } else {
-          mergeTargetNode = nextNode;
-        }
-      } else {
-        mergeTargetNode = null;
-      }
-
-      if (nextNode === endBlockNode) {
-        break;
-      }
-
-      nextNode = tempNext;
-    }
-  }
-};
-
-/**
- * Find same tagName nodes in range and merge nodes.
- * For example range is like this
- * AAABBB
- * nodes is changed below
- * AAABBB
- * @param {range} range
- * @param {string} tagName
- * @private
- */
-var optimizeRange = function optimizeRange(range, tagName) {
-  var collapsed = range.collapsed,
-      commonAncestorContainer = range.commonAncestorContainer,
-      startContainer = range.startContainer,
-      endContainer = range.endContainer;
-
-
-  if (!collapsed) {
-    var optimizedNode = null;
-
-    if (startContainer !== endContainer) {
-      mergeSameNodes(getParentUntil(startContainer, commonAncestorContainer), getParentUntil(endContainer, commonAncestorContainer), tagName);
-
-      optimizedNode = commonAncestorContainer;
-    } else if (isTextNode(startContainer)) {
-      optimizedNode = startContainer.parentNode;
-    }
-
-    if (optimizedNode && optimizedNode.nodeName === tagName) {
-      var _optimizedNode = optimizedNode,
-          previousSibling = _optimizedNode.previousSibling;
-
-      var tempNode = void 0;
-
-      if (previousSibling) {
-        tempNode = changeTagOrder(previousSibling);
-
-        if (tempNode.nodeName === tagName) {
-          mergeNode(optimizedNode, tempNode);
-        }
-      }
-
-      var _optimizedNode2 = optimizedNode,
-          nextSibling = _optimizedNode2.nextSibling;
-
-
-      if (nextSibling) {
-        tempNode = changeTagOrder(nextSibling);
-
-        if (tempNode.nodeName === tagName) {
-          mergeNode(tempNode, optimizedNode);
-        }
-      }
-    }
-  }
-};
-
-/**
- * Gets all text node from root element.
- * @param {HTMLElement} root Root element
- * @returns {Array} list of text nodes
- * @ignore
- */
-var getAllTextNode = function getAllTextNode(root) {
-  var walker = document.createTreeWalker(root, 4, null, false);
-  var result = [];
-
-  while (walker.nextNode()) {
-    var node = walker.currentNode;
-
-    if (isTextNode(node)) {
-      result.push(node);
-    }
-  }
-
-  return result;
-};
-
-/**
- * Check whether the node is 'TD' or 'TH'
- * @param {HTMLElement} node - the target node
- * @returns {boolean} - whether the node is 'TD' or 'TH'
- * @ignore
- */
-var isCellNode = function isCellNode(node) {
-  if (!node) {
-    return false;
-  }
-
-  return node.nodeName === 'TD' || node.nodeName === 'TH';
-};
-
-/**
- * Get the last node on the target node by the condition
- * @param {HTMLElement} node - the target node
- * @returns {function} - the condition to find the node
- * @ignore
- */
-var getLastNodeBy = function getLastNodeBy(node, condition) {
-  var lastNode = node && node.lastChild;
-
-  while (lastNode && condition(lastNode)) {
-    lastNode = lastNode.lastChild;
-  }
-
-  return lastNode;
-};
-
-/**
- * Get the parent node on the target node by the condition
- * @param {HTMLElement} node - the target node
- * @returns {function} - the condition to find the node
- * @ignore
- */
-var getParentNodeBy = function getParentNodeBy(node, condition) {
-  while (node && condition(node.parentNode, node)) {
-    node = node.parentNode;
-  }
-
-  return node;
-};
-
-/**
- * Get the sibling node on the target node by the condition
- * @param {HTMLElement} node - the target node
- * @param {string} direction - the direction to find node ('previous', 'next')
- * @returns {function} - the condition to find the node
- * @ignore
- */
-var getSiblingNodeBy = function getSiblingNodeBy(node, direction, condition) {
-  var directionKey = direction + 'Sibling';
-
-  while (node && condition(node[directionKey], node)) {
-    node = node[directionKey];
-  }
-
-  return node;
-};
-
-exports.default = {
-  getNodeName: getNodeName,
-  isTextNode: isTextNode,
-  isElemNode: isElemNode,
-  isBlockNode: isBlockNode,
-  getTextLength: getTextLength,
-  getOffsetLength: getOffsetLength,
-  getPrevOffsetNodeUntil: getPrevOffsetNodeUntil,
-  getNodeOffsetOfParent: getNodeOffsetOfParent,
-  getChildNodeByOffset: getChildNodeByOffset,
-  getNodeWithDirectionUntil: getNodeWithDirectionUntil,
-  containsNode: containsNode,
-  getTopPrevNodeUnder: getTopPrevNodeUnder,
-  getTopNextNodeUnder: getTopNextNodeUnder,
-  getParentUntilBy: getParentUntilBy,
-  getParentUntil: getParentUntil,
-  getTopBlockNode: getTopBlockNode,
-  getPrevTextNode: getPrevTextNode,
-  findOffsetNode: findOffsetNode,
-  getPath: getPath,
-  getNodeInfo: getNodeInfo,
-  getTableCellByDirection: getTableCellByDirection,
-  getSiblingRowCellByDirection: getSiblingRowCellByDirection,
-  isMDSupportInlineNode: isMDSupportInlineNode,
-  isStyledNode: isStyledNode,
-  removeChildFromStartToEndNode: removeChildFromStartToEndNode,
-  removeNodesByDirection: removeNodesByDirection,
-  getLeafNode: getLeafNode,
-  isInsideTaskBox: isInsideTaskBox,
-  isListNode: isListNode,
-  isFirstListItem: isFirstListItem,
-  isFirstLevelListItem: isFirstLevelListItem,
-  mergeNode: mergeNode,
-  createHorizontalRule: createHorizontalRule,
-  createEmptyLine: createEmptyLine,
-  changeTagOrder: changeTagOrder,
-  mergeSameNodes: mergeSameNodes,
-  optimizeRange: optimizeRange,
-  getAllTextNode: getAllTextNode,
-  isCellNode: isCellNode,
-  getLastNodeBy: getLastNodeBy,
-  getParentNodeBy: getParentNodeBy,
-  getSiblingNodeBy: getSiblingNodeBy
-};
-
-/***/ }),
-/* 5 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-/**
-* @fileoverview Editor/Viewer proxy for extensions
-* @author NHN FE Development Lab 
-*/
-/* eslint global-require: 0 no-empty: 0 */
-
-var Editor = void 0;
-try {
-  Editor = __webpack_require__(30);
-} catch (e) {}
-if (!Editor) {
-  try {
-    Editor = __webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module '../viewer'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()));
-  } catch (e) {}
-}
-
-exports.default = Editor;
-
-/***/ }),
-/* 6 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createTableData = createTableData;
-exports.createCellIndexData = createCellIndexData;
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Parse cell like td or th.
- * @param {HTMLElement} cell - cell element like td or th
- * @param {number} rowIndex - row index
- * @param {number} colIndex - column index
- * @returns {{
- *   nodeName: string,
- *   colspan: number,
- *   rowspan: number,
- *   content: string,
- *   align: ?string
- * }}
- * @private
- */
-/**
-* @fileoverview Implements tableDataHandler
-* @author NHN FE Development Lab 
-*/
-function _parseCell(cell, rowIndex, colIndex) {
-  var $cell = (0, _jquery2.default)(cell);
-  var colspan = $cell.attr('colspan');
-  var rowspan = $cell.attr('rowspan');
-  var nodeName = cell.nodeName;
-
-
-  if (nodeName !== 'TH' && nodeName !== 'TD') {
-    return null;
-  }
-
-  var cellData = {
-    nodeName: cell.nodeName,
-    colspan: colspan ? parseInt(colspan, 10) : 1,
-    rowspan: rowspan ? parseInt(rowspan, 10) : 1,
-    content: $cell.html(),
-    elementIndex: {
-      rowIndex: rowIndex,
-      colIndex: colIndex
-    }
-  };
-
-  if (cell.nodeName === 'TH' && cell.align) {
-    cellData.align = cell.align;
-  }
-
-  return cellData;
-}
-
-/**
- * Add merged cell.
- * @param {object} base - base table data
- * @param {object} cellData - cell data
- * @param {number} startRowIndex - start row index
- * @param {number} startCellIndex - start cell index
- * @private
- */
-function _addMergedCell(base, cellData, startRowIndex, startCellIndex) {
-  var colspan = cellData.colspan,
-      rowspan = cellData.rowspan,
-      nodeName = cellData.nodeName;
-
-  var colMerged = colspan > 1;
-  var rowMerged = rowspan > 1;
-
-  if (!colMerged && !rowMerged) {
-    return;
-  }
-
-  var limitRowIndex = startRowIndex + rowspan;
-  var limitCellIndex = startCellIndex + colspan;
-
-  _tuiCodeSnippet2.default.range(startRowIndex, limitRowIndex).forEach(function (rowIndex) {
-    base[rowIndex] = base[rowIndex] || [];
-
-    _tuiCodeSnippet2.default.range(startCellIndex, limitCellIndex).forEach(function (cellIndex) {
-      var mergedData = {
-        nodeName: nodeName
-      };
-
-      if (rowIndex === startRowIndex && cellIndex === startCellIndex) {
-        return;
-      }
-
-      if (colMerged) {
-        mergedData.colMergeWith = startCellIndex;
-      }
-
-      if (rowMerged) {
-        mergedData.rowMergeWith = startRowIndex;
-      }
-
-      base[rowIndex][cellIndex] = mergedData;
-    });
-  });
-}
-
-/**
- * Create table data from jQuery table Element.
- * @param {jQuery} $table - jQuery table element
- * @returns {Array.>}
- * @ignore
- */
-function createTableData($table) {
-  var tableData = [];
-
-  $table.find('tr').each(function (rowIndex, tr) {
-    var stackedColCount = 0;
-
-    tableData[rowIndex] = tableData[rowIndex] || [];
-
-    (0, _jquery2.default)(tr).children().each(function (colIndex, cell) {
-      var cellData = _parseCell(cell, rowIndex, colIndex);
-
-      if (!cellData) {
-        return;
-      }
-      var dataColIndex = colIndex + stackedColCount;
-
-      while (tableData[rowIndex][dataColIndex]) {
-        dataColIndex += 1;
-        stackedColCount += 1;
-      }
-
-      tableData[rowIndex][dataColIndex] = cellData;
-      _addMergedCell(tableData, cellData, rowIndex, dataColIndex);
-    });
-  });
-
-  if ($table[0].className) {
-    tableData.className = $table[0].className;
-  }
-
-  return tableData;
-}
-
-/**
- * Create cell index data of table data.
- * @param {Array.>} tableData - table data
- * @returns {Array.>}
- * @ignore
- */
-function createCellIndexData(tableData) {
-  var mappingData = [];
-
-  tableData.forEach(function (row, rowIndex) {
-    var mappingRow = [];
-
-    row.forEach(function (cell, colIndex) {
-      if (_tuiCodeSnippet2.default.isUndefined(cell.colMergeWith) && _tuiCodeSnippet2.default.isUndefined(cell.rowMergeWith)) {
-        mappingRow.push({
-          rowIndex: rowIndex,
-          colIndex: colIndex
-        });
-      }
-    });
-    mappingData.push(mappingRow);
-  });
-
-  return mappingData;
-}
-
-/**
- * Get header aligns.
- * @param {Array.>} tableData - table data
- * @returns {Array.}
- * @private
- */
-function _getHeaderAligns(tableData) {
-  var headRowData = tableData[0];
-
-
-  return headRowData.map(function (cellData) {
-    var align = void 0;
-
-    if (_tuiCodeSnippet2.default.isExisty(cellData.colMergeWith)) {
-      align = headRowData[cellData.colMergeWith].align;
-    } else {
-      align = cellData.align;
-    }
-
-    return align;
-  });
-}
-
-/**
- * Create render data.
- * @param {Array.} tableData - table data
- * @param {Array.} cellIndexData - cell index data
- * @returns {Array.>}
- * @ignore
- */
-function createRenderData(tableData, cellIndexData) {
-  var headerAligns = _getHeaderAligns(tableData);
-  var renderData = cellIndexData.map(function (row) {
-    return row.map(function (_ref) {
-      var rowIndex = _ref.rowIndex,
-          colIndex = _ref.colIndex;
-      return _tuiCodeSnippet2.default.extend({
-        align: headerAligns[colIndex]
-      }, tableData[rowIndex][colIndex]);
-    });
-  });
-
-  if (tableData.className) {
-    renderData.className = tableData.className;
-  }
-
-  return renderData;
-}
-
-var BASIC_CELL_CONTENT = _tuiCodeSnippet2.default.browser.msie ? '' : '
    ';
-
-/**
- * Create basic cell data.
- * @param {number} rowIndex - row index
- * @param {number} colIndex - column index
- * @param {string} nodeName - node name
- * @returns {{
- *   nodeName: string,
- *   colspan: number,
- *   rowspan: number,
- *   content: string
- * }}
- * @ignore
- */
-function createBasicCell(rowIndex, colIndex, nodeName) {
-  return {
-    nodeName: nodeName || 'TD',
-    colspan: 1,
-    rowspan: 1,
-    content: BASIC_CELL_CONTENT,
-    elementIndex: {
-      rowIndex: rowIndex,
-      colIndex: colIndex
-    }
-  };
-}
-
-/**
- * Find element row index.
- * @param {jQuery} $cell - cell jQuery element like td or th
- * @returns {number}
- * @ignore
- */
-function findElementRowIndex($cell) {
-  var $tr = $cell.closest('tr');
-  var rowIndex = $tr.prevAll().length;
-
-  if ($tr.parent()[0].nodeName === 'TBODY') {
-    rowIndex += 1;
-  }
-
-  return rowIndex;
-}
-
-/**
- * Find element col index.
- * @param {jQuery} $cell - cell jQuery element like td or th
- * @returns {number}
- * @ignore
- */
-function findElementColIndex($cell) {
-  return $cell.closest('td, th').prevAll().length;
-}
-
-/**
- * Find indexes of base table data from mappin data.
- * @param {Array.>} cellIndexData - cell index data
- * @param {jQuery} $cell - cell jQuery element like td or th
- * @returns {{rowIndex: number, cellIndex: number}}
- * @ignore
- */
-function findCellIndex(cellIndexData, $cell) {
-  var elementRowIndex = findElementRowIndex($cell);
-  var elementColIndex = findElementColIndex($cell);
-
-  return cellIndexData[elementRowIndex][elementColIndex];
-}
-
-/**
- * Find last index of col merged cells.
- * @param {Array.>} tableData - tableData data
- * @param {number} rowIndex - row index of base data
- * @param {number} colIndex - column index of tabld data
- * @returns {number}
- * @ignore
- */
-function findRowMergedLastIndex(tableData, rowIndex, colIndex) {
-  var cellData = tableData[rowIndex][colIndex];
-  var foundRowIndex = rowIndex;
-
-  if (cellData.rowspan > 1) {
-    foundRowIndex += cellData.rowspan - 1;
-  }
-
-  return foundRowIndex;
-}
-
-/**
- * Find last index of col merged cells.
- * @param {Array.>} tableData - tableData data
- * @param {number} rowIndex - row index of base data
- * @param {number} colIndex - column index of tabld data
- * @returns {number}
- * @ignore
- */
-function findColMergedLastIndex(tableData, rowIndex, colIndex) {
-  var cellData = tableData[rowIndex][colIndex];
-  var foundColIndex = colIndex;
-
-  if (cellData.colspan > 1) {
-    foundColIndex += cellData.colspan - 1;
-  }
-
-  return foundColIndex;
-}
-
-/**
- * Find cell element index.
- * @param {Array.>} tableData - tableData data
- * @param {number} rowIndex - row index of base data
- * @param {number} colIndex - col index of base data
- * @returns {{rowIndex: number, colIndex: number}}
- * @ignore
- */
-function findElementIndex(tableData, rowIndex, colIndex) {
-  var cellData = tableData[rowIndex][colIndex];
-
-  rowIndex = _tuiCodeSnippet2.default.isExisty(cellData.rowMergeWith) ? cellData.rowMergeWith : rowIndex;
-  colIndex = _tuiCodeSnippet2.default.isExisty(cellData.colMergeWith) ? cellData.colMergeWith : colIndex;
-
-  return tableData[rowIndex][colIndex].elementIndex;
-}
-
-/**
- * Stuff cells into incomplete row.
- * @param {Array.>} tableData - table data
- * @param {number} limitIndex - limit index
- * @ignore
- */
-function stuffCellsIntoIncompleteRow(tableData, limitIndex) {
-  tableData.forEach(function (rowData, rowIndex) {
-    var startIndex = rowData.length;
-    if (startIndex) {
-      var nodeName = rowData[0].nodeName;
-
-
-      _tuiCodeSnippet2.default.range(startIndex, limitIndex).forEach(function (colIndex) {
-        rowData.push(createBasicCell(rowIndex, colIndex, nodeName));
-      });
-    }
-  });
-}
-
-/**
- * Add tbody or thead of table data if need.
- * @param {Array.>} tableData - table data
- * @returns {boolean}
- * @ignore
- */
-function addTbodyOrTheadIfNeed(tableData) {
-  var header = tableData[0];
-
-  var cellCount = header.length;
-  var added = true;
-
-  if (!cellCount && tableData[1]) {
-    _tuiCodeSnippet2.default.range(0, tableData[1].length).forEach(function (colIndex) {
-      header.push(createBasicCell(0, colIndex, 'TH'));
-    });
-  } else if (tableData[0][0].nodeName !== 'TH') {
-    var _ref2;
-
-    var newHeader = _tuiCodeSnippet2.default.range(0, cellCount).map(function (colIndex) {
-      return createBasicCell(0, colIndex, 'TH');
-    });
-
-    (_ref2 = []).concat.apply(_ref2, tableData).forEach(function (cellData) {
-      if (cellData.elementIndex) {
-        cellData.elementIndex.rowIndex += 1;
-      }
-    });
-
-    tableData.unshift(newHeader);
-  } else if (tableData.length === 1) {
-    var newRow = _tuiCodeSnippet2.default.range(0, cellCount).map(function (colIndex) {
-      return createBasicCell(1, colIndex, 'TD');
-    });
-
-    tableData.push(newRow);
-  } else {
-    added = false;
-  }
-
-  return added;
-}
-
-exports.default = {
-  createTableData: createTableData,
-  createCellIndexData: createCellIndexData,
-  createRenderData: createRenderData,
-  findElementRowIndex: findElementRowIndex,
-  findElementColIndex: findElementColIndex,
-  findCellIndex: findCellIndex,
-  createBasicCell: createBasicCell,
-  findRowMergedLastIndex: findRowMergedLastIndex,
-  findColMergedLastIndex: findColMergedLastIndex,
-  findElementIndex: findElementIndex,
-  stuffCellsIntoIncompleteRow: stuffCellsIntoIncompleteRow,
-  addTbodyOrTheadIfNeed: addTbodyOrTheadIfNeed
-};
-
-/***/ }),
-/* 7 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _uicontroller = __webpack_require__(14);
-
-var _uicontroller2 = _interopRequireDefault(_uicontroller);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview Implements LayerPopup
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-var CLASS_PREFIX = 'tui-popup-';
-var CLASS_FIT_WINDOW = 'fit-window';
-
-var LAYOUT_TEMPLATE_MODELESS = '
    \n        \n        
    \n            \n        
    \n    
    \n    
    ';
-
-var LAYOUT_TEMPLATE_MODAL = '
    \n        
    \n            \n            
    \n                \n            
    \n        
    \n        
    \n    
    ';
-
-/**
- * A number, or a string containing a number.
- * @typedef {object} LayerPopupOption
- * @property {string[]} [openerCssQuery] - Css Query list to bind clickevent that open popup
- * @property {string[]} [closerCssQuery] - Css Query list to bind clickevent that close popup
- * @property {jQuery} $el - popup root element
- * @property {jQuery|string} [content] - popup content that html string or jQuery element
- * @property {string} [textContent] - popup text content
- * @property {string} title - popup title
- * @property {boolean} [header] - whether to draw header
- * @property {jQuery} [$target] - element to append popup
- * @property {boolean} modal - true: modal, false: modeless
- * @property {string} [headerButtons] - replace header(close) button
- */
-
-/**
- * Class LayerPopup
- * @param {LayerPopupOption} options - popup option
- */
-
-var LayerPopup = function (_UIController) {
-  _inherits(LayerPopup, _UIController);
-
-  function LayerPopup(options) {
-    _classCallCheck(this, LayerPopup);
-
-    options = _tuiCodeSnippet2.default.extend({
-      header: true,
-      $target: (0, _jquery2.default)('body'),
-      textContent: ''
-    }, options);
-
-    var _this = _possibleConstructorReturn(this, (LayerPopup.__proto__ || Object.getPrototypeOf(LayerPopup)).call(this, {
-      tagName: 'div',
-      className: options.modal ? CLASS_PREFIX + 'modal-background' : CLASS_PREFIX + 'wrapper',
-      rootElement: options.$el
-    }));
-
-    _this._initInstance(options);
-    _this._initDOM(options);
-    _this._initDOMEvent(options);
-    _this._initEditorEvent(options);
-    return _this;
-  }
-
-  /**
-   * init instance.
-   * store properties & prepare before initialize DOM
-   * @param {LayerPopupOption} options - layer popup options
-   * @private
-   */
-
-
-  _createClass(LayerPopup, [{
-    key: '_initInstance',
-    value: function _initInstance(options) {
-      this._$target = options.$target;
-
-      if (options.$el) {
-        this.$el = options.$el;
-        this._isExternalHtmlUse = true;
-      }
-
-      if (options.content) {
-        this.$content = (0, _jquery2.default)(options.content);
-      } else {
-        this.$content = options.textContent;
-      }
-
-      this.options = options;
-    }
-
-    /**
-     * initialize DOM, render popup
-     * @private
-     */
-
-  }, {
-    key: '_initDOM',
-    value: function _initDOM() {
-      this._initLayout();
-
-      if (!this._isExternalHtmlUse) {
-        if (_tuiCodeSnippet2.default.isExisty(this.options.title)) {
-          this.setTitle(this.options.title);
-        }
-        this.setContent(this.$content);
-      }
-
-      var buttons = this.options.headerButtons;
-      if (buttons) {
-        this.$el.find('.' + CLASS_PREFIX + 'close-button').remove();
-
-        var $buttonWrapper = this.$el.find('.' + CLASS_PREFIX + 'header-buttons');
-        $buttonWrapper.empty();
-        $buttonWrapper.append((0, _jquery2.default)(buttons));
-      }
-
-      if (this.options.css) {
-        this.$el.css(this.options.css);
-      }
-    }
-
-    /**
-     * bind DOM events
-     * @private
-     */
-
-  }, {
-    key: '_initDOMEvent',
-    value: function _initDOMEvent() {
-      var _this2 = this;
-
-      var _options = this.options,
-          openerCssQuery = _options.openerCssQuery,
-          closerCssQuery = _options.closerCssQuery;
-
-      if (openerCssQuery) {
-        (0, _jquery2.default)(openerCssQuery).on('click.' + this._id, function () {
-          return _this2.show();
-        });
-      }
-      if (closerCssQuery) {
-        (0, _jquery2.default)(closerCssQuery).on('click.' + this._id, function () {
-          return _this2.hide();
-        });
-      }
-
-      this.on('click .' + CLASS_PREFIX + 'close-button', function () {
-        return _this2.hide();
-      });
-    }
-
-    /**
-     * bind editor events
-     * @private
-     * @abstract
-     */
-
-  }, {
-    key: '_initEditorEvent',
-    value: function _initEditorEvent() {}
-  }, {
-    key: '_initLayout',
-    value: function _initLayout() {
-      var options = this.options;
-
-
-      if (!this._isExternalHtmlUse) {
-        var layout = options.modal ? LAYOUT_TEMPLATE_MODAL : LAYOUT_TEMPLATE_MODELESS;
-        this.$el.html(layout);
-        this.$el.addClass(options.className);
-        this.hide();
-        this._$target.append(this.$el);
-        this.$body = this.$el.find('.' + CLASS_PREFIX + 'body');
-
-        if (!options.header) {
-          this.$el.find('.' + CLASS_PREFIX + 'header').remove();
-        }
-      } else {
-        this.hide();
-        this._$target.append(this.$el);
-      }
-    }
-
-    /**
-     * set popup content
-     * @param {jQuery|HTMLElement|string} $content - content
-     */
-
-  }, {
-    key: 'setContent',
-    value: function setContent($content) {
-      this.$body.empty();
-      this.$body.append($content);
-    }
-
-    /**
-     * set title
-     * @param {string} title - title text
-     */
-
-  }, {
-    key: 'setTitle',
-    value: function setTitle(title) {
-      var $title = this.$el.find('.' + CLASS_PREFIX + 'title');
-
-      $title.empty();
-      $title.append(title);
-    }
-
-    /**
-     * get title element
-     * @returns {HTMLElement} - title html element
-     */
-
-  }, {
-    key: 'getTitleElement',
-    value: function getTitleElement() {
-      return this.$el.find('.' + CLASS_PREFIX + 'title').get(0);
-    }
-
-    /**
-     * hide popup
-     */
-
-  }, {
-    key: 'hide',
-    value: function hide() {
-      this.$el.css('display', 'none');
-      this._isShow = false;
-      this.trigger('hidden', this);
-    }
-
-    /**
-     * show popup
-     */
-
-  }, {
-    key: 'show',
-    value: function show() {
-      this.$el.css('display', 'block');
-      this._isShow = true;
-      this.trigger('shown', this);
-    }
-
-    /**
-     * whether this popup is visible
-     * @returns {boolean} - true: shown, false: hidden
-     */
-
-  }, {
-    key: 'isShow',
-    value: function isShow() {
-      return this._isShow;
-    }
-
-    /**
-     * remove popup content
-     */
-
-  }, {
-    key: 'remove',
-    value: function remove() {
-      var _options2 = this.options,
-          openerCssQuery = _options2.openerCssQuery,
-          closerCssQuery = _options2.closerCssQuery;
-
-
-      this.trigger('remove', this);
-      this.off();
-
-      if (openerCssQuery) {
-        (0, _jquery2.default)(openerCssQuery).off('.' + this._id);
-      }
-      if (closerCssQuery) {
-        (0, _jquery2.default)(closerCssQuery).off('.' + this._id);
-      }
-
-      this.$el.remove();
-      this.$el = null;
-    }
-
-    /**
-     * make popup size fit to window
-     * @param {boolean} fit - true to make popup fit to window
-     * @protected
-     * @ignore
-     */
-
-  }, {
-    key: 'setFitToWindow',
-    value: function setFitToWindow(fit) {
-      this.$el.toggleClass(CLASS_FIT_WINDOW, fit);
-    }
-
-    /**
-     * make popup size fit to window
-     * @returns {boolean} - true for fit to window
-     * @protected
-     * @ignore
-     */
-
-  }, {
-    key: 'isFitToWindow',
-    value: function isFitToWindow() {
-      return this.$el.hasClass(CLASS_FIT_WINDOW);
-    }
-
-    /**
-     * toggle size fit to window
-     * @returns {boolean} - true for fit to window
-     * @protected
-     * @ignore
-     */
-
-  }, {
-    key: 'toggleFitToWindow',
-    value: function toggleFitToWindow() {
-      var fitToWindow = !this.isFitToWindow();
-      this.setFitToWindow(fitToWindow);
-
-      return fitToWindow;
-    }
-  }]);
-
-  return LayerPopup;
-}(_uicontroller2.default);
-
-exports.default = LayerPopup;
-
-/***/ }),
-/* 8 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tableDataHandler = __webpack_require__(6);
-
-var _tableDataHandler2 = _interopRequireDefault(_tableDataHandler);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Create cell html.
- * @param {object} cell - cell data of table base data
- * @returns {string}
- * @private
- */
-/**
-* @fileoverview Implements tableRenderer
-* @author NHN FE Development Lab 
-*/
-function _createCellHtml(cell) {
-  var attrs = cell.colspan > 1 ? ' colspan="' + cell.colspan + '"' : '';
-  attrs += cell.rowspan > 1 ? ' rowspan="' + cell.rowspan + '"' : '';
-  attrs += cell.align ? ' align="' + cell.align + '"' : '';
-
-  return '<' + cell.nodeName + attrs + '>' + cell.content + '';
-}
-
-/**
- * Create html for thead or tbody.
- * @param {Array.>} trs - tr list
- * @param {string} wrapperNodeName - wrapper node name like THEAD, TBODY
- * @returns {string}
- * @private
- */
-function _createTheadOrTbodyHtml(trs, wrapperNodeName) {
-  var html = '';
-
-  if (trs.length) {
-    html = trs.map(function (tr) {
-      var tdHtml = tr.map(_createCellHtml).join('');
-
-      return '' + tdHtml + '';
-    }).join('');
-    html = '<' + wrapperNodeName + '>' + html + '';
-  }
-
-  return html;
-}
-
-/**
- * Create table html.
- * @param {Array.>} renderData - table data for render
- * @returns {string}
- * @private
- */
-function createTableHtml(renderData) {
-  var thead = renderData[0] ? [renderData[0]] : [];
-  var tbody = renderData.slice(1);
-  var theadHtml = _createTheadOrTbodyHtml(thead, 'THEAD');
-  var tbodyHtml = _createTheadOrTbodyHtml(tbody, 'TBODY');
-  var className = renderData.className ? ' class="' + renderData.className + '"' : '';
-
-  return '' + (theadHtml + tbodyHtml) + '';
-}
-
-/**
- * Replace table.
- * @param {jQuery} $table - table jQuery element
- * @param {Array.>} tableData - table data
- * @returns {jQuery}
- * @ignore
- */
-function replaceTable($table, tableData) {
-  var cellIndexData = _tableDataHandler2.default.createCellIndexData(tableData);
-  var renderData = _tableDataHandler2.default.createRenderData(tableData, cellIndexData);
-  var $newTable = (0, _jquery2.default)(createTableHtml(renderData));
-
-  $table.replaceWith($newTable);
-
-  return $newTable;
-}
-
-/**
- * Focus to cell.
- * @param {squireext} sq - squire instance
- * @param {range} range - range object
- * @param {HTMLElement} targetCell - cell element for focus
- * @ignore
- */
-function focusToCell(sq, range, targetCell) {
-  range.selectNodeContents(targetCell);
-  range.collapse(true);
-  sq.setSelection(range);
-}
-
-exports.default = {
-  createTableHtml: createTableHtml,
-  replaceTable: replaceTable,
-  focusToCell: focusToCell
-};
-
-/***/ }),
-/* 9 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _tableDataHandler = __webpack_require__(6);
-
-var _tableDataHandler2 = _interopRequireDefault(_tableDataHandler);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Find unmerged table range.
- * @param {Array.>} tableData - table data
- * @param {jQuery} $start - start talbe cell jQuery element
- * @param {jQuery} $end - end table cell jQuery element
- * @returns {{
- *   start: {rowIndex: number, colIndex: number},
- *   end: {rowIndex: number, colIndex: number}
- * }}
- * @private
- */
-function _findUnmergedRange(tableData, $start, $end) {
-  var cellIndexData = _tableDataHandler2.default.createCellIndexData(tableData);
-  var startCellIndex = _tableDataHandler2.default.findCellIndex(cellIndexData, $start);
-  var endCellIndex = _tableDataHandler2.default.findCellIndex(cellIndexData, $end);
-  var startRowIndex = void 0,
-      endRowIndex = void 0,
-      startColIndex = void 0,
-      endColIndex = void 0;
-
-  if (startCellIndex.rowIndex > endCellIndex.rowIndex) {
-    startRowIndex = endCellIndex.rowIndex;
-    endRowIndex = startCellIndex.rowIndex;
-  } else {
-    startRowIndex = startCellIndex.rowIndex;
-    endRowIndex = endCellIndex.rowIndex;
-  }
-
-  if (startCellIndex.colIndex > endCellIndex.colIndex) {
-    startColIndex = endCellIndex.colIndex;
-    endColIndex = startCellIndex.colIndex;
-  } else {
-    startColIndex = startCellIndex.colIndex;
-    endColIndex = endCellIndex.colIndex;
-  }
-
-  return {
-    start: {
-      rowIndex: startRowIndex,
-      colIndex: startColIndex
-    },
-    end: {
-      rowIndex: endRowIndex,
-      colIndex: endColIndex
-    }
-  };
-}
-
-/**
- * Expand table range by row merge properties like rowspan, rowMergeWith.
- * @param {Array.>} tableData - table data
- * @param {{
- *   start: {rowIndex: number, colIndex: number},
- *   end: {rowIndex: number, colIndex: number}
- * }} tableRange - table range
- * @param {string} rangeType - range type like start, end
- * @private
- */
-/**
-* @fileoverview Implements tableRangeHandler
-* @author NHN FE Development Lab 
-*/
-function _expandRowMergedRange(tableData, tableRange, rangeType) {
-  var rowIndex = tableRange[rangeType].rowIndex;
-
-  var rowData = tableData[rowIndex];
-
-  _tuiCodeSnippet2.default.range(tableRange.start.colIndex, tableRange.end.colIndex + 1).forEach(function (colIndex) {
-    var cellData = rowData[colIndex];
-    var rowMergeWith = cellData.rowMergeWith;
-
-    var lastRowMergedIndex = -1;
-
-    if (_tuiCodeSnippet2.default.isExisty(rowMergeWith)) {
-      if (rowMergeWith < tableRange.start.rowIndex) {
-        tableRange.start.rowIndex = rowMergeWith;
-      }
-
-      lastRowMergedIndex = rowMergeWith + tableData[rowMergeWith][colIndex].rowspan - 1;
-    } else if (cellData.rowspan > 1) {
-      lastRowMergedIndex = rowIndex + cellData.rowspan - 1;
-    }
-
-    if (lastRowMergedIndex > tableRange.end.rowIndex) {
-      tableRange.end.rowIndex = lastRowMergedIndex;
-    }
-  });
-}
-
-/**
- * Expand table range by column merge properties like colspan, colMergeWith.
- * @param {Array.>} tableData - table data
- * @param {{
- *   start: {rowIndex: number, colIndex: number},
- *   end: {rowIndex: number, colIndex: number}
- * }} tableRange - table range
- * @param {number} rowIndex - row index
- * @param {number} colIndex - column index
- * @private
- */
-function _expandColMergedRange(tableData, tableRange, rowIndex, colIndex) {
-  var rowData = tableData[rowIndex];
-  var cellData = rowData[colIndex];
-  var colMergeWith = cellData.colMergeWith;
-
-  var lastColMergedIndex = -1;
-
-  if (_tuiCodeSnippet2.default.isExisty(colMergeWith)) {
-    if (colMergeWith < tableRange.start.colIndex) {
-      tableRange.start.colIndex = colMergeWith;
-    }
-
-    lastColMergedIndex = colMergeWith + rowData[colMergeWith].colspan - 1;
-  } else if (cellData.colspan > 1) {
-    lastColMergedIndex = colIndex + cellData.colspan - 1;
-  }
-
-  if (lastColMergedIndex > tableRange.end.colIndex) {
-    tableRange.end.colIndex = lastColMergedIndex;
-  }
-}
-
-/**
- * Expand table range by merge properties like colspan, rowspan.
- * @param {Array.>} tableData - table data
- * @param {{
- *   start: {rowIndex: number, colIndex: number},
- *   end: {rowIndex: number, colIndex: number}
- * }} tableRange - table range
- * @returns {{
- *   start: {rowIndex: number, colIndex: number},
- *   end: {rowIndex: number, colIndex: number}
- * }}
- * @private
- */
-function _expandMergedRange(tableData, tableRange) {
-  var rangeStr = '';
-
-  while (rangeStr !== JSON.stringify(tableRange)) {
-    rangeStr = JSON.stringify(tableRange);
-
-    _expandRowMergedRange(tableData, tableRange, 'start');
-    _expandRowMergedRange(tableData, tableRange, 'end');
-
-    _tuiCodeSnippet2.default.range(tableRange.start.rowIndex, tableRange.end.rowIndex + 1).forEach(function (rowIndex) {
-      _expandColMergedRange(tableData, tableRange, rowIndex, tableRange.start.colIndex);
-      _expandColMergedRange(tableData, tableRange, rowIndex, tableRange.end.colIndex);
-    });
-  }
-
-  return tableRange;
-}
-
-/**
- * Find table range for selection.
- * @param {Array.>} tableData - table data
- * @param {jQuery} $start - start jQuery element
- * @param {jQuery} $end - end jQuery element
- * @returns {{
- *   start: {rowIndex: number, colIndex: number},
- *   end: {rowIndex: number, colIndex: number}
- * }}
- * @ignore
- */
-function findSelectionRange(tableData, $start, $end) {
-  var unmergedRange = _findUnmergedRange(tableData, $start, $end);
-
-  return _expandMergedRange(tableData, unmergedRange);
-}
-
-/**
- * Get table selection range.
- * @param {Array.>} tableData - table data
- * @param {jQuery} $selectedCells - selected cells jQuery elements
- * @param {jQuery} $startContainer - start container jQuery element of text range
- * @returns {{
- *   start: {rowIndex: number, colIndex: number},
- *   end: {rowIndex: number, colIndex: number}
- *}}
- * @ignore
- */
-function getTableSelectionRange(tableData, $selectedCells, $startContainer) {
-  var cellIndexData = _tableDataHandler2.default.createCellIndexData(tableData);
-  var tableRange = {};
-
-  if ($selectedCells.length) {
-    var startRange = _tableDataHandler2.default.findCellIndex(cellIndexData, $selectedCells.first());
-    var endRange = _tuiCodeSnippet2.default.extend({}, startRange);
-
-    $selectedCells.each(function (index, cell) {
-      var cellIndex = _tableDataHandler2.default.findCellIndex(cellIndexData, (0, _jquery2.default)(cell));
-      var cellData = tableData[cellIndex.rowIndex][cellIndex.colIndex];
-      var lastRowMergedIndex = cellIndex.rowIndex + cellData.rowspan - 1;
-      var lastColMergedIndex = cellIndex.colIndex + cellData.colspan - 1;
-
-      endRange.rowIndex = Math.max(endRange.rowIndex, lastRowMergedIndex);
-      endRange.colIndex = Math.max(endRange.colIndex, lastColMergedIndex);
-    });
-
-    tableRange.start = startRange;
-    tableRange.end = endRange;
-  } else {
-    var cellIndex = _tableDataHandler2.default.findCellIndex(cellIndexData, $startContainer);
-
-    tableRange.start = cellIndex;
-    tableRange.end = _tuiCodeSnippet2.default.extend({}, cellIndex);
-  }
-
-  return tableRange;
-}
-
-exports.default = {
-  findSelectionRange: findSelectionRange,
-  getTableSelectionRange: getTableSelectionRange
-};
-
-/***/ }),
-/* 10 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__10__;
-
-/***/ }),
-/* 11 */
-/***/ (function(module, exports) {
-
-var g;
-
-// This works in non-strict mode
-g = (function() {
-	return this;
-})();
-
-try {
-	// This works if eval is allowed (see CSP)
-	g = g || new Function("return this")();
-} catch (e) {
-	// This works if the window reference is available
-	if (typeof window === "object") g = window;
-}
-
-// g can still be undefined, but nothing to do about it...
-// We return undefined, instead of nothing here, so it's
-// easier to handle this case. if(!global) { ...}
-
-module.exports = g;
-
-
-/***/ }),
-/* 12 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-// Copyright Joyent, Inc. and other Node contributors.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a
-// copy of this software and associated documentation files (the
-// "Software"), to deal in the Software without restriction, including
-// without limitation the rights to use, copy, modify, merge, publish,
-// distribute, sublicense, and/or sell copies of the Software, and to permit
-// persons to whom the Software is furnished to do so, subject to the
-// following conditions:
-//
-// The above copyright notice and this permission notice shall be included
-// in all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
-// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
-// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
-// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
-// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
-// USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-// a duplex stream is just a stream that is both readable and writable.
-// Since JS doesn't have multiple prototypal inheritance, this class
-// prototypally inherits from Readable, and then parasitically from
-// Writable.
-
-
-
-/**/
-
-var pna = __webpack_require__(19);
-/**/
-
-/**/
-var objectKeys = Object.keys || function (obj) {
-  var keys = [];
-  for (var key in obj) {
-    keys.push(key);
-  }return keys;
-};
-/**/
-
-module.exports = Duplex;
-
-/**/
-var util = __webpack_require__(16);
-util.inherits = __webpack_require__(13);
-/**/
-
-var Readable = __webpack_require__(48);
-var Writable = __webpack_require__(29);
-
-util.inherits(Duplex, Readable);
-
-{
-  // avoid scope creep, the keys array can then be collected
-  var keys = objectKeys(Writable.prototype);
-  for (var v = 0; v < keys.length; v++) {
-    var method = keys[v];
-    if (!Duplex.prototype[method]) Duplex.prototype[method] = Writable.prototype[method];
-  }
-}
-
-function Duplex(options) {
-  if (!(this instanceof Duplex)) return new Duplex(options);
-
-  Readable.call(this, options);
-  Writable.call(this, options);
-
-  if (options && options.readable === false) this.readable = false;
-
-  if (options && options.writable === false) this.writable = false;
-
-  this.allowHalfOpen = true;
-  if (options && options.allowHalfOpen === false) this.allowHalfOpen = false;
-
-  this.once('end', onend);
-}
-
-Object.defineProperty(Duplex.prototype, 'writableHighWaterMark', {
-  // making it explicit this property is not enumerable
-  // because otherwise some prototype manipulation in
-  // userland will fail
-  enumerable: false,
-  get: function () {
-    return this._writableState.highWaterMark;
-  }
-});
-
-// the no-half-open enforcer
-function onend() {
-  // if we allow half-open state, or if the writable side ended,
-  // then we're ok.
-  if (this.allowHalfOpen || this._writableState.ended) return;
-
-  // no more data can be written.
-  // But allow more writes to happen in this tick.
-  pna.nextTick(onEndNT, this);
-}
-
-function onEndNT(self) {
-  self.end();
-}
-
-Object.defineProperty(Duplex.prototype, 'destroyed', {
-  get: function () {
-    if (this._readableState === undefined || this._writableState === undefined) {
-      return false;
-    }
-    return this._readableState.destroyed && this._writableState.destroyed;
-  },
-  set: function (value) {
-    // we ignore the value if the stream
-    // has not been initialized yet
-    if (this._readableState === undefined || this._writableState === undefined) {
-      return;
-    }
-
-    // backward compatibility, the user is explicitly
-    // managing destroyed
-    this._readableState.destroyed = value;
-    this._writableState.destroyed = value;
-  }
-});
-
-Duplex.prototype._destroy = function (err, cb) {
-  this.push(null);
-  this.end();
-
-  pna.nextTick(cb, err);
-};
-
-/***/ }),
-/* 13 */
-/***/ (function(module, exports) {
-
-if (typeof Object.create === 'function') {
-  // implementation from standard node.js 'util' module
-  module.exports = function inherits(ctor, superCtor) {
-    if (superCtor) {
-      ctor.super_ = superCtor
-      ctor.prototype = Object.create(superCtor.prototype, {
-        constructor: {
-          value: ctor,
-          enumerable: false,
-          writable: true,
-          configurable: true
-        }
-      })
-    }
-  };
-} else {
-  // old school shim for old browsers
-  module.exports = function inherits(ctor, superCtor) {
-    if (superCtor) {
-      ctor.super_ = superCtor
-      var TempCtor = function () {}
-      TempCtor.prototype = superCtor.prototype
-      ctor.prototype = new TempCtor()
-      ctor.prototype.constructor = ctor
-    }
-  }
-}
-
-
-/***/ }),
-/* 14 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @fileoverview Implements ui controller
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */
-
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var _uiInstanceId = -1;
-
-/**
- * get ui instance id
- * @returns {number} - new instance id
- * @ignore
- */
-function makeUIInstanceId() {
-  _uiInstanceId += 1;
-
-  return _uiInstanceId;
-}
-
-/**
- * Class UIController
- * @param {Object} [options] - options
- *     @param {jQuery} [options.rootElement] - root element
- *     @param {string} [options.tagName] - tag name
- *     @param {string} [options.className] - class name
- */
-
-var UIController = function () {
-
-  /**
-   * UI jQuery element
-   * @type {Object}
-   */
-
-  /**
-   * tag name
-   * @type {string}
-   */
-  function UIController() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    _classCallCheck(this, UIController);
-
-    options = _tuiCodeSnippet2.default.extend({
-      tagName: 'div'
-    }, options);
-
-    this.tagName = options.tagName;
-
-    this.className = options.className;
-
-    this._id = makeUIInstanceId();
-
-    this._setRootElement(options.rootElement);
-  }
-
-  /**
-   * @param {string|object} aType - event name and selector string
-   * @param {function} aFn - event handler
-   */
-
-
-  /**
-   * UI Id
-   * @type {number}
-   * @private
-   */
-
-
-  /**
-   * ui controller class name
-   * @type {string}
-   */
-
-
-  _createClass(UIController, [{
-    key: 'on',
-    value: function on(aType, aFn) {
-      var _this = this;
-
-      if (_tuiCodeSnippet2.default.isObject(aType)) {
-        _tuiCodeSnippet2.default.forEach(aType, function (fn, type) {
-          _this._addEvent(type, fn);
-        });
-      } else {
-        this._addEvent(aType, aFn);
-      }
-    }
-
-    /**
-     * bind event
-     * @param {string} type - event name and selector
-     * @param {function} fn - handler function
-     * @private
-     */
-
-  }, {
-    key: '_addEvent',
-    value: function _addEvent(type, fn) {
-      var _parseEventType2 = this._parseEventType(type),
-          event = _parseEventType2.event,
-          selector = _parseEventType2.selector;
-
-      if (selector) {
-        this.$el.on(event, selector, fn);
-      } else {
-        this.$el.on(event, fn);
-      }
-    }
-
-    /**
-     * unbind event handler
-     * @param {string} type - event name and selector
-     * @param {function} fn - handler function
-     */
-
-  }, {
-    key: 'off',
-    value: function off(type, fn) {
-      if (type) {
-        var _parseEventType3 = this._parseEventType(type),
-            event = _parseEventType3.event,
-            selector = _parseEventType3.selector;
-
-        if (selector) {
-          this.$el.off(event, selector, fn);
-        } else {
-          this.$el.off(event, fn);
-        }
-      } else {
-        this.$el.off();
-      }
-    }
-
-    /**
-     * parse string into event name & selector
-     * 'click td' => ['click', 'td]
-     * @param {string} type - string to be parsed
-     * @returns {Object} event, selector
-     * @private
-     */
-
-  }, {
-    key: '_parseEventType',
-    value: function _parseEventType(type) {
-      var splitType = type.split(' ');
-      var event = splitType.shift();
-      var selector = splitType.join(' ');
-
-      return {
-        event: event,
-        selector: selector
-      };
-    }
-
-    /**
-     * set root element
-     * @param {jQuery} $el - root jQuery element
-     * @private
-     */
-
-  }, {
-    key: '_setRootElement',
-    value: function _setRootElement($el) {
-      var tagName = this.tagName;
-      var className = this.className;
-
-
-      if (!$el) {
-        className = className || 'uic' + this._id;
-        $el = (0, _jquery2.default)('<' + tagName + ' class="' + className + '"/>');
-      }
-      this.$el = $el;
-    }
-
-    /**
-     * trigger event
-     * @param {...object} args - event name & extra params
-     */
-
-  }, {
-    key: 'trigger',
-    value: function trigger() {
-      var _$el;
-
-      (_$el = this.$el).trigger.apply(_$el, arguments);
-    }
-  }, {
-    key: '_getEventNameWithNamespace',
-    value: function _getEventNameWithNamespace(event) {
-      var eventSplited = event.split(' ');
-      eventSplited[0] += '.uicEvent' + this._id;
-
-      return eventSplited.join(' ');
-    }
-
-    /**
-     * remove
-     */
-
-  }, {
-    key: 'remove',
-    value: function remove() {
-      if (this.$el) {
-        this.$el.remove();
-      }
-    }
-
-    /**
-     * destroy
-     */
-
-  }, {
-    key: 'destroy',
-    value: function destroy() {
-      var _this2 = this;
-
-      this.remove();
-
-      _tuiCodeSnippet2.default.forEachOwnProperties(this, function (value, key) {
-        _this2[key] = null;
-      });
-    }
-  }]);
-
-  return UIController;
-}();
-
-exports.default = UIController;
-
-/***/ }),
-/* 15 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @fileoverview Implement Module for managing import external data such as image
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */
-
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var URLRegex = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})(\/([^\s]*))?$/g;
-
-/**
- * Class ImportManager
- * @param {EventManager} eventManager - eventManager
- * @ignore
- */
-
-var ImportManager = function () {
-  function ImportManager(eventManager) {
-    _classCallCheck(this, ImportManager);
-
-    this.eventManager = eventManager;
-
-    this._initEvent();
-    this._initDefaultImageImporter();
-  }
-
-  /**
-   * graceful decode uri component
-   * @param {string} originalURI - string to be decoded
-   * @returns {string} decoded string
-   * @static
-   */
-
-
-  _createClass(ImportManager, [{
-    key: '_initEvent',
-
-
-    /**
-     * Initialize event handler
-     * @private
-     */
-    value: function _initEvent() {
-      var _this = this;
-
-      this.eventManager.listen('drop', function (ev) {
-        var items = ev.data.dataTransfer && ev.data.dataTransfer.files;
-        _this._processBlobItems(items, ev.data);
-      });
-
-      this.eventManager.listen('willPaste', function (ev) {
-        // IE has no interface to handle clipboard image. #976
-        var fragment = ev.data.fragment;
-        var descendant = fragment.querySelectorAll('*');
-        // only if paste event data has one img element and the element has base64 encoded image
-        if (descendant.length !== 1 || descendant[0].tagName !== 'IMG' || !/^data:image/.test(descendant[0].src)) {
-          return;
-        }
-        ev.data.preventDefault();
-
-        var blob = dataURItoBlob(descendant[0].src);
-        _this._emitAddImageBlobHook(blob, 'paste');
-      });
-
-      this.eventManager.listen('paste', function (ev) {
-        _this._processClipboard(ev.data);
-      });
-
-      this.eventManager.listen('pasteBefore', function (ev) {
-        _this._decodeURL(ev);
-      });
-    }
-
-    /**
-     * Initialize default image importer
-     * @private
-     */
-
-  }, {
-    key: '_initDefaultImageImporter',
-    value: function _initDefaultImageImporter() {
-      this.eventManager.listen('addImageBlobHook', function (blob, callback) {
-        var reader = new FileReader();
-
-        reader.onload = function (event) {
-          callback(event.target.result);
-        };
-
-        reader.readAsDataURL(blob);
-      });
-    }
-
-    /**
-     * Emit add image blob hook
-     * @param {object} blob - blob or file
-     * @param {string} type - type of an event the item belongs to. paste or drop
-     * @private
-     */
-
-  }, {
-    key: '_emitAddImageBlobHook',
-    value: function _emitAddImageBlobHook(blob, type) {
-      var _this2 = this;
-
-      this.eventManager.emit('addImageBlobHook', blob, function (imageUrl, altText) {
-        _this2.eventManager.emit('command', 'AddImage', {
-          imageUrl: imageUrl,
-          altText: altText || blob.name || 'image'
-        });
-      }, type);
-    }
-
-    /**
-     * Decode url when paste link
-     * @param {object} ev - event object
-     * @private
-     */
-
-  }, {
-    key: '_decodeURL',
-    value: function _decodeURL(ev) {
-      var decodeURIGraceful = ImportManager.decodeURIGraceful,
-          encodeMarkdownCharacters = ImportManager.encodeMarkdownCharacters;
-
-
-      if (ev.source === 'markdown' && ev.data.text) {
-        var texts = ev.data.text;
-        var text = texts[0];
-        if (texts.length === 1 && text.match(URLRegex)) {
-          text = decodeURIGraceful(text);
-          text = encodeMarkdownCharacters(text);
-          ev.data.update(null, null, [text]);
-        }
-      } else if (ev.source === 'wysiwyg') {
-        var container = ev.$clipboardContainer.get(0);
-        var firstChild = container.childNodes[0];
-        var _text = firstChild.innerText;
-        if (container.childNodes.length === 1 && firstChild.tagName === 'A' && _text.match(URLRegex)) {
-          firstChild.innerText = decodeURIGraceful(_text);
-          firstChild.href = encodeMarkdownCharacters(firstChild.href);
-        }
-      }
-    }
-
-    /**
-     * Get blob or excel data from clipboard
-     * @param {object} evData Clipboard data
-     * @private
-     */
-
-  }, {
-    key: '_processClipboard',
-    value: function _processClipboard(evData) {
-      var cbData = evData.clipboardData || window.clipboardData;
-      var blobItems = cbData && cbData.items;
-      var types = cbData.types;
-
-
-      if (blobItems && types && types.length === 1 && _tuiCodeSnippet2.default.inArray('Files', [].slice.call(types)) !== -1) {
-        this._processBlobItems(blobItems, evData);
-      }
-    }
-
-    /**
-     * Process for blob item
-     * @param {Array.} items Item array
-     * @param {object} evData Event data
-     * @private
-     */
-
-  }, {
-    key: '_processBlobItems',
-    value: function _processBlobItems(items, evData) {
-      var _this3 = this;
-
-      if (items) {
-        _tuiCodeSnippet2.default.forEachArray(items, function (item) {
-          if (item.type.indexOf('image') !== -1) {
-            evData.preventDefault();
-            evData.stopPropagation();
-            evData.codemirrorIgnore = true;
-
-            var blob = item.name ? item : item.getAsFile(); // Blob or File
-            _this3._emitAddImageBlobHook(blob, evData.type);
-
-            return false;
-          }
-
-          return true;
-        });
-      }
-    }
-  }], [{
-    key: 'decodeURIGraceful',
-    value: function decodeURIGraceful(originalURI) {
-      var uris = originalURI.split(' ');
-      var decodedURIs = [];
-      var decodedURI = void 0;
-
-      _tuiCodeSnippet2.default.forEachArray(uris, function (uri) {
-        try {
-          decodedURI = decodeURIComponent(uri);
-          decodedURI = decodedURI.replace(/ /g, '%20');
-        } catch (e) {
-          decodedURI = uri;
-        }
-
-        return decodedURIs.push(decodedURI);
-      });
-
-      return decodedURIs.join(' ');
-    }
-
-    /**
-     * encode markdown critical characters
-     * @param {string} text - string to encode
-     * @returns {string} - markdown character encoded string
-     * @static
-     */
-
-  }, {
-    key: 'encodeMarkdownCharacters',
-    value: function encodeMarkdownCharacters(text) {
-      return text.replace(/\(/g, '%28').replace(/\)/g, '%29').replace(/\[/g, '%5B').replace(/\]/g, '%5D').replace(//g, '%3E');
-    }
-
-    /**
-     * escape markdown critical characters
-     * @param {string} text - string to escape
-     * @returns {string} - markdown character escaped string
-     * @static
-     */
-
-  }, {
-    key: 'escapeMarkdownCharacters',
-    value: function escapeMarkdownCharacters(text) {
-      return text.replace(/\(/g, '\\(').replace(/\)/g, '\\)').replace(/\[/g, '\\[').replace(/\]/g, '\\]').replace(//g, '\\>');
-    }
-  }]);
-
-  return ImportManager;
-}();
-
-/**
- * data URI to Blob
- * @param {string} dataURI - data URI string
- * @returns {Blob} - blob data
- * @ignore
- */
-
-
-function dataURItoBlob(dataURI) {
-  var byteString = atob(dataURI.split(',')[1]);
-  var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
-  var ab = new ArrayBuffer(byteString.length);
-  var ia = new Uint8Array(ab);
-  for (var i = 0; i < byteString.length; i += 1) {
-    ia[i] = byteString.charCodeAt(i);
-  }
-  var blob = new Blob([ab], { type: mimeString });
-
-  return blob;
-}
-
-exports.default = ImportManager;
-
-/***/ }),
-/* 16 */
-/***/ (function(module, exports, __webpack_require__) {
-
-/* WEBPACK VAR INJECTION */(function(Buffer) {// Copyright Joyent, Inc. and other Node contributors.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a
-// copy of this software and associated documentation files (the
-// "Software"), to deal in the Software without restriction, including
-// without limitation the rights to use, copy, modify, merge, publish,
-// distribute, sublicense, and/or sell copies of the Software, and to permit
-// persons to whom the Software is furnished to do so, subject to the
-// following conditions:
-//
-// The above copyright notice and this permission notice shall be included
-// in all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
-// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
-// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
-// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
-// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
-// USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-// NOTE: These type checking functions intentionally don't use `instanceof`
-// because it is fragile and can be easily faked with `Object.create()`.
-
-function isArray(arg) {
-  if (Array.isArray) {
-    return Array.isArray(arg);
-  }
-  return objectToString(arg) === '[object Array]';
-}
-exports.isArray = isArray;
-
-function isBoolean(arg) {
-  return typeof arg === 'boolean';
-}
-exports.isBoolean = isBoolean;
-
-function isNull(arg) {
-  return arg === null;
-}
-exports.isNull = isNull;
-
-function isNullOrUndefined(arg) {
-  return arg == null;
-}
-exports.isNullOrUndefined = isNullOrUndefined;
-
-function isNumber(arg) {
-  return typeof arg === 'number';
-}
-exports.isNumber = isNumber;
-
-function isString(arg) {
-  return typeof arg === 'string';
-}
-exports.isString = isString;
-
-function isSymbol(arg) {
-  return typeof arg === 'symbol';
-}
-exports.isSymbol = isSymbol;
-
-function isUndefined(arg) {
-  return arg === void 0;
-}
-exports.isUndefined = isUndefined;
-
-function isRegExp(re) {
-  return objectToString(re) === '[object RegExp]';
-}
-exports.isRegExp = isRegExp;
-
-function isObject(arg) {
-  return typeof arg === 'object' && arg !== null;
-}
-exports.isObject = isObject;
-
-function isDate(d) {
-  return objectToString(d) === '[object Date]';
-}
-exports.isDate = isDate;
-
-function isError(e) {
-  return (objectToString(e) === '[object Error]' || e instanceof Error);
-}
-exports.isError = isError;
-
-function isFunction(arg) {
-  return typeof arg === 'function';
-}
-exports.isFunction = isFunction;
-
-function isPrimitive(arg) {
-  return arg === null ||
-         typeof arg === 'boolean' ||
-         typeof arg === 'number' ||
-         typeof arg === 'string' ||
-         typeof arg === 'symbol' ||  // ES6 symbol
-         typeof arg === 'undefined';
-}
-exports.isPrimitive = isPrimitive;
-
-exports.isBuffer = Buffer.isBuffer;
-
-function objectToString(o) {
-  return Object.prototype.toString.call(o);
-}
-
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(51).Buffer))
-
-/***/ }),
-/* 17 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _uicontroller = __webpack_require__(14);
-
-var _uicontroller2 = _interopRequireDefault(_uicontroller);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview Implements Toolbar Item
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-/**
- * Class ToolbarItem
- * @param {Object} [options={name: 'toolbar-item'}] [description]
- */
-var ToolbarItem = function (_UIController) {
-  _inherits(ToolbarItem, _UIController);
-
-  /**
-   * item name
-   * @type {String}
-   * @static
-   * @private
-   */
-  function ToolbarItem() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-      name: ToolbarItem.name
-    };
-
-    _classCallCheck(this, ToolbarItem);
-
-    var _this = _possibleConstructorReturn(this, (ToolbarItem.__proto__ || Object.getPrototypeOf(ToolbarItem)).call(this, _tuiCodeSnippet2.default.extend({
-      className: ToolbarItem.className
-    }, options)));
-
-    _this._name = options.name;
-    return _this;
-  }
-
-  /**
-   * get the name of the toolbar item
-   * @returns {string} - the name of the toolbar item
-   */
-
-
-  /**
-   * toolbar item class name
-   * @type {String}
-   * @static
-   * @private
-   */
-
-
-  _createClass(ToolbarItem, [{
-    key: 'getName',
-    value: function getName() {
-      return this._name;
-    }
-  }]);
-
-  return ToolbarItem;
-}(_uicontroller2.default);
-
-Object.defineProperty(ToolbarItem, 'name', {
-  enumerable: true,
-  writable: true,
-  value: 'item'
-});
-Object.defineProperty(ToolbarItem, 'className', {
-  enumerable: true,
-  writable: true,
-  value: 'tui-toolbar-item'
-});
-exports.default = ToolbarItem;
-
-/***/ }),
-/* 18 */
-/***/ (function(module, exports) {
-
-// shim for using process in browser
-var process = module.exports = {};
-
-// cached from whatever global is present so that test runners that stub it
-// don't break things.  But we need to wrap it in a try catch in case it is
-// wrapped in strict mode code which doesn't define any globals.  It's inside a
-// function because try/catches deoptimize in certain engines.
-
-var cachedSetTimeout;
-var cachedClearTimeout;
-
-function defaultSetTimout() {
-    throw new Error('setTimeout has not been defined');
-}
-function defaultClearTimeout () {
-    throw new Error('clearTimeout has not been defined');
-}
-(function () {
-    try {
-        if (typeof setTimeout === 'function') {
-            cachedSetTimeout = setTimeout;
-        } else {
-            cachedSetTimeout = defaultSetTimout;
-        }
-    } catch (e) {
-        cachedSetTimeout = defaultSetTimout;
-    }
-    try {
-        if (typeof clearTimeout === 'function') {
-            cachedClearTimeout = clearTimeout;
-        } else {
-            cachedClearTimeout = defaultClearTimeout;
-        }
-    } catch (e) {
-        cachedClearTimeout = defaultClearTimeout;
-    }
-} ())
-function runTimeout(fun) {
-    if (cachedSetTimeout === setTimeout) {
-        //normal enviroments in sane situations
-        return setTimeout(fun, 0);
-    }
-    // if setTimeout wasn't available but was latter defined
-    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
-        cachedSetTimeout = setTimeout;
-        return setTimeout(fun, 0);
-    }
-    try {
-        // when when somebody has screwed with setTimeout but no I.E. maddness
-        return cachedSetTimeout(fun, 0);
-    } catch(e){
-        try {
-            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
-            return cachedSetTimeout.call(null, fun, 0);
-        } catch(e){
-            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
-            return cachedSetTimeout.call(this, fun, 0);
-        }
-    }
-
-
-}
-function runClearTimeout(marker) {
-    if (cachedClearTimeout === clearTimeout) {
-        //normal enviroments in sane situations
-        return clearTimeout(marker);
-    }
-    // if clearTimeout wasn't available but was latter defined
-    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
-        cachedClearTimeout = clearTimeout;
-        return clearTimeout(marker);
-    }
-    try {
-        // when when somebody has screwed with setTimeout but no I.E. maddness
-        return cachedClearTimeout(marker);
-    } catch (e){
-        try {
-            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
-            return cachedClearTimeout.call(null, marker);
-        } catch (e){
-            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
-            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
-            return cachedClearTimeout.call(this, marker);
-        }
-    }
-
-
-
-}
-var queue = [];
-var draining = false;
-var currentQueue;
-var queueIndex = -1;
-
-function cleanUpNextTick() {
-    if (!draining || !currentQueue) {
-        return;
-    }
-    draining = false;
-    if (currentQueue.length) {
-        queue = currentQueue.concat(queue);
-    } else {
-        queueIndex = -1;
-    }
-    if (queue.length) {
-        drainQueue();
-    }
-}
-
-function drainQueue() {
-    if (draining) {
-        return;
-    }
-    var timeout = runTimeout(cleanUpNextTick);
-    draining = true;
-
-    var len = queue.length;
-    while(len) {
-        currentQueue = queue;
-        queue = [];
-        while (++queueIndex < len) {
-            if (currentQueue) {
-                currentQueue[queueIndex].run();
-            }
-        }
-        queueIndex = -1;
-        len = queue.length;
-    }
-    currentQueue = null;
-    draining = false;
-    runClearTimeout(timeout);
-}
-
-process.nextTick = function (fun) {
-    var args = new Array(arguments.length - 1);
-    if (arguments.length > 1) {
-        for (var i = 1; i < arguments.length; i++) {
-            args[i - 1] = arguments[i];
-        }
-    }
-    queue.push(new Item(fun, args));
-    if (queue.length === 1 && !draining) {
-        runTimeout(drainQueue);
-    }
-};
-
-// v8 likes predictible objects
-function Item(fun, array) {
-    this.fun = fun;
-    this.array = array;
-}
-Item.prototype.run = function () {
-    this.fun.apply(null, this.array);
-};
-process.title = 'browser';
-process.browser = true;
-process.env = {};
-process.argv = [];
-process.version = ''; // empty string to avoid regexp issues
-process.versions = {};
-
-function noop() {}
-
-process.on = noop;
-process.addListener = noop;
-process.once = noop;
-process.off = noop;
-process.removeListener = noop;
-process.removeAllListeners = noop;
-process.emit = noop;
-process.prependListener = noop;
-process.prependOnceListener = noop;
-
-process.listeners = function (name) { return [] }
-
-process.binding = function (name) {
-    throw new Error('process.binding is not supported');
-};
-
-process.cwd = function () { return '/' };
-process.chdir = function (dir) {
-    throw new Error('process.chdir is not supported');
-};
-process.umask = function() { return 0; };
-
-
-/***/ }),
-/* 19 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {
-
-if (typeof process === 'undefined' ||
-    !process.version ||
-    process.version.indexOf('v0.') === 0 ||
-    process.version.indexOf('v1.') === 0 && process.version.indexOf('v1.8.') !== 0) {
-  module.exports = { nextTick: nextTick };
-} else {
-  module.exports = process
-}
-
-function nextTick(fn, arg1, arg2, arg3) {
-  if (typeof fn !== 'function') {
-    throw new TypeError('"callback" argument must be a function');
-  }
-  var len = arguments.length;
-  var args, i;
-  switch (len) {
-  case 0:
-  case 1:
-    return process.nextTick(fn);
-  case 2:
-    return process.nextTick(function afterTickOne() {
-      fn.call(null, arg1);
-    });
-  case 3:
-    return process.nextTick(function afterTickTwo() {
-      fn.call(null, arg1, arg2);
-    });
-  case 4:
-    return process.nextTick(function afterTickThree() {
-      fn.call(null, arg1, arg2, arg3);
-    });
-  default:
-    args = new Array(len - 1);
-    i = 0;
-    while (i < args.length) {
-      args[i++] = arguments[i];
-    }
-    return process.nextTick(function afterTick() {
-      fn.apply(null, args);
-    });
-  }
-}
-
-
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(18)))
-
-/***/ }),
-/* 20 */
-/***/ (function(module, exports, __webpack_require__) {
-
-/* eslint-disable node/no-deprecated-api */
-var buffer = __webpack_require__(51)
-var Buffer = buffer.Buffer
-
-// alternative to using Object.keys for old browsers
-function copyProps (src, dst) {
-  for (var key in src) {
-    dst[key] = src[key]
-  }
-}
-if (Buffer.from && Buffer.alloc && Buffer.allocUnsafe && Buffer.allocUnsafeSlow) {
-  module.exports = buffer
-} else {
-  // Copy properties from require('buffer')
-  copyProps(buffer, exports)
-  exports.Buffer = SafeBuffer
-}
-
-function SafeBuffer (arg, encodingOrOffset, length) {
-  return Buffer(arg, encodingOrOffset, length)
-}
-
-// Copy static methods from Buffer
-copyProps(Buffer, SafeBuffer)
-
-SafeBuffer.from = function (arg, encodingOrOffset, length) {
-  if (typeof arg === 'number') {
-    throw new TypeError('Argument must not be a number')
-  }
-  return Buffer(arg, encodingOrOffset, length)
-}
-
-SafeBuffer.alloc = function (size, fill, encoding) {
-  if (typeof size !== 'number') {
-    throw new TypeError('Argument must be a number')
-  }
-  var buf = Buffer(size)
-  if (fill !== undefined) {
-    if (typeof encoding === 'string') {
-      buf.fill(fill, encoding)
-    } else {
-      buf.fill(fill)
-    }
-  } else {
-    buf.fill(0)
-  }
-  return buf
-}
-
-SafeBuffer.allocUnsafe = function (size) {
-  if (typeof size !== 'number') {
-    throw new TypeError('Argument must be a number')
-  }
-  return Buffer(size)
-}
-
-SafeBuffer.allocUnsafeSlow = function (size) {
-  if (typeof size !== 'number') {
-    throw new TypeError('Argument must be a number')
-  }
-  return buffer.SlowBuffer(size)
-}
-
-
-/***/ }),
-/* 21 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _toolbarItem = __webpack_require__(17);
-
-var _toolbarItem2 = _interopRequireDefault(_toolbarItem);
-
-var _tooltip = __webpack_require__(31);
-
-var _tooltip2 = _interopRequireDefault(_tooltip);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview Implements UI Button
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-/**
- * Class Button UI
- * @param {object} options - button options
- *     @param {string} options.className - button class name
- *     @param {string} options.command - command name to execute on click
- *     @param {string} options.event - event name to trigger on click
- *     @param {string} options.text - text on button
- *     @param {string} options.tooltip - text on tooltip
- *     @param {string} options.style - button style
- *     @param {string} options.state - button state
- * @param {jquery} $el - button rootElement
- * @deprecated
- */
-var Button = function (_ToolbarItem) {
-  _inherits(Button, _ToolbarItem);
-
-  /**
-   * item name
-   * @type {String}
-   * @static
-   */
-  function Button() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-      tagName: 'button',
-      name: Button.name
-    };
-
-    _classCallCheck(this, Button);
-
-    var _this = _possibleConstructorReturn(this, (Button.__proto__ || Object.getPrototypeOf(Button)).call(this, {
-      name: options.name,
-      tagName: 'button',
-      className: options.className + ' ' + Button.className,
-      rootElement: options.$el
-    }));
-
-    _this._setOptions(options);
-
-    _this._render();
-    _this.on('click', _this._onClick.bind(_this));
-    if (options.tooltip) {
-      _this.on('mouseover', _this._onOver.bind(_this));
-      _this.on('mouseout', _this._onOut.bind(_this));
-    }
-    return _this;
-  }
-
-  /**
-   * set tooltip text
-   * @param {string} text - tooltip text to show
-   */
-
-
-  /**
-   * ToolbarItem className
-   * @type {String}
-   * @static
-   */
-
-
-  _createClass(Button, [{
-    key: 'setTooltip',
-    value: function setTooltip(text) {
-      this._tooltip = text;
-    }
-  }, {
-    key: '_setOptions',
-    value: function _setOptions(options) {
-      this._command = options.command;
-      this._event = options.event;
-      this._text = options.text;
-      this._tooltip = options.tooltip;
-      this._style = options.style;
-      this._state = options.state;
-    }
-  }, {
-    key: '_render',
-    value: function _render() {
-      this.$el.text(this._text);
-      this.$el.attr('type', 'button');
-
-      if (this._style) {
-        this.$el.attr('style', this._style);
-      }
-    }
-  }, {
-    key: '_onClick',
-    value: function _onClick() {
-      if (!this.isEnabled()) {
-        return;
-      }
-
-      if (this._command) {
-        this.trigger('command', this._command);
-      } else if (this._event) {
-        this.trigger('event', this._event);
-      }
-
-      this.trigger('clicked');
-    }
-  }, {
-    key: '_onOver',
-    value: function _onOver() {
-      if (!this.isEnabled()) {
-        return;
-      }
-
-      _tooltip2.default.show(this.$el, this._tooltip);
-    }
-  }, {
-    key: '_onOut',
-    value: function _onOut() {
-      _tooltip2.default.hide();
-    }
-
-    /**
-     * enable button
-     */
-
-  }, {
-    key: 'enable',
-    value: function enable() {
-      this.$el.attr('disabled', false);
-    }
-
-    /**
-     * disable button
-     */
-
-  }, {
-    key: 'disable',
-    value: function disable() {
-      this.$el.attr('disabled', true);
-    }
-
-    /**
-     * check whether this button is enabled
-     * @returns {Boolean} - true for enabled
-     */
-
-  }, {
-    key: 'isEnabled',
-    value: function isEnabled() {
-      return !this.$el.attr('disabled');
-    }
-  }]);
-
-  return Button;
-}(_toolbarItem2.default);
-
-Object.defineProperty(Button, 'name', {
-  enumerable: true,
-  writable: true,
-  value: 'button'
-});
-Object.defineProperty(Button, 'className', {
-  enumerable: true,
-  writable: true,
-  value: 'tui-toolbar-icons'
-});
-exports.default = Button;
-
-/***/ }),
-/* 22 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-/**
- * @fileoverview Implements KeyMapper
- * @author NHN FE Development Lab 
- */
-
-/**
- * Constant of key mapping
- * @type {string[]}
- * @ignore
- */
-var KEYBOARD_MAP = ['', // [0]
-'', // [1]
-'', // [2]
-'CANCEL', // [3]
-'', // [4]
-'', // [5]
-'HELP', // [6]
-'', // [7]
-'BACK_SPACE', // [8]
-'TAB', // [9]
-'', // [10]
-'', // [11]
-'CLEAR', // [12]
-'ENTER', // [13]
-'ENTER_SPECIAL', // [14]
-'', // [15]
-'', // [16] SHIFT
-'', // [17] CONTROL
-'', // [18] ALT
-'PAUSE', // [19]
-'CAPS_LOCK', // [20]
-'KANA', // [21]
-'EISU', // [22]
-'JUNJA', // [23]
-'FINAL', // [24]
-'HANJA', // [25]
-'', // [26]
-'ESCAPE', // [27]
-'CONVERT', // [28]
-'NONCONVERT', // [29]
-'ACCEPT', // [30]
-'MODECHANGE', // [31]
-'SPACE', // [32]
-'PAGE_UP', // [33]
-'PAGE_DOWN', // [34]
-'END', // [35]
-'HOME', // [36]
-'LEFT', // [37]
-'UP', // [38]
-'RIGHT', // [39]
-'DOWN', // [40]
-'SELECT', // [41]
-'PRINT', // [42]
-'EXECUTE', // [43]
-'PRINTSCREEN', // [44]
-'INSERT', // [45]
-'DELETE', // [46]
-'', // [47]
-'0', // [48]
-'1', // [49]
-'2', // [50]
-'3', // [51]
-'4', // [52]
-'5', // [53]
-'6', // [54]
-'7', // [55]
-'8', // [56]
-'9', // [57]
-':', // [58]
-';', // [59]
-'<', // [60]
-'=', // [61]
-'>', // [62]
-'?', // [63]
-'AT', // [64]
-'A', // [65]
-'B', // [66]
-'C', // [67]
-'D', // [68]
-'E', // [69]
-'F', // [70]
-'G', // [71]
-'H', // [72]
-'I', // [73]
-'J', // [74]
-'K', // [75]
-'L', // [76]
-'M', // [77]
-'N', // [78]
-'O', // [79]
-'P', // [80]
-'Q', // [81]
-'R', // [82]
-'S', // [83]
-'T', // [84]
-'U', // [85]
-'V', // [86]
-'W', // [87]
-'X', // [88]
-'Y', // [89]
-'Z', // [90]
-'', // [91] META
-'', // [92]
-'CONTEXT_MENU', // [93]
-'', // [94]
-'SLEEP', // [95]
-'NUMPAD0', // [96]
-'NUMPAD1', // [97]
-'NUMPAD2', // [98]
-'NUMPAD3', // [99]
-'NUMPAD4', // [100]
-'NUMPAD5', // [101]
-'NUMPAD6', // [102]
-'NUMPAD7', // [103]
-'NUMPAD8', // [104]
-'NUMPAD9', // [105]
-'MULTIPLY', // [106]
-'ADD', // [107]
-'SEPARATOR', // [108]
-'SUBTRACT', // [109]
-'DECIMAL', // [110]
-'DIVIDE', // [111]
-'F1', // [112]
-'F2', // [113]
-'F3', // [114]
-'F4', // [115]
-'F5', // [116]
-'F6', // [117]
-'F7', // [118]
-'F8', // [119]
-'F9', // [120]
-'F10', // [121]
-'F11', // [122]
-'F12', // [123]
-'F13', // [124]
-'F14', // [125]
-'F15', // [126]
-'F16', // [127]
-'F17', // [128]
-'F18', // [129]
-'F19', // [130]
-'F20', // [131]
-'F21', // [132]
-'F22', // [133]
-'F23', // [134]
-'F24', // [135]
-'', // [136]
-'', // [137]
-'', // [138]
-'', // [139]
-'', // [140]
-'', // [141]
-'', // [142]
-'', // [143]
-'NUM_LOCK', // [144]
-'SCROLL_LOCK', // [145]
-'WIN_OEM_FJ_JISHO', // [146]
-'WIN_OEM_FJ_MASSHOU', // [147]
-'WIN_OEM_FJ_TOUROKU', // [148]
-'WIN_OEM_FJ_LOYA', // [149]
-'WIN_OEM_FJ_ROYA', // [150]
-'', // [151]
-'', // [152]
-'', // [153]
-'', // [154]
-'', // [155]
-'', // [156]
-'', // [157]
-'', // [158]
-'', // [159]
-'@', // [160]
-'!', // [161]
-'"', // [162]
-'#', // [163]
-'$', // [164]
-'%', // [165]
-'&', // [166]
-'_', // [167]
-'(', // [168]
-')', // [169]
-'*', // [170]
-'+', // [171]
-'|', // [172]
-'-', // [173]
-'{', // [174]
-'}', // [175]
-'~', // [176]
-'', // [177]
-'', // [178]
-'', // [179]
-'', // [180]
-'VOLUME_MUTE', // [181]
-'VOLUME_DOWN', // [182]
-'VOLUME_UP', // [183]
-'', // [184]
-'', // [185]
-';', // [186]
-'=', // [187]
-',', // [188]
-'-', // [189]
-'.', // [190]
-'/', // [191]
-'`', // [192]
-'', // [193]
-'', // [194]
-'', // [195]
-'', // [196]
-'', // [197]
-'', // [198]
-'', // [199]
-'', // [200]
-'', // [201]
-'', // [202]
-'', // [203]
-'', // [204]
-'', // [205]
-'', // [206]
-'', // [207]
-'', // [208]
-'', // [209]
-'', // [210]
-'', // [211]
-'', // [212]
-'', // [213]
-'', // [214]
-'', // [215]
-'', // [216]
-'', // [217]
-'', // [218]
-'[', // [219]
-'\\', // [220]
-']', // [221]
-'\'', // [222]
-'', // [223]
-'META', // [224]
-'ALTGR', // [225]
-'', // [226]
-'WIN_ICO_HELP', // [227]
-'WIN_ICO_00', // [228]
-'', // [229]
-'WIN_ICO_CLEAR', // [230]
-'', // [231]
-'', // [232]
-'WIN_OEM_RESET', // [233]
-'WIN_OEM_JUMP', // [234]
-'WIN_OEM_PA1', // [235]
-'WIN_OEM_PA2', // [236]
-'WIN_OEM_PA3', // [237]
-'WIN_OEM_WSCTRL', // [238]
-'WIN_OEM_CUSEL', // [239]
-'WIN_OEM_ATTN', // [240]
-'WIN_OEM_FINISH', // [241]
-'WIN_OEM_COPY', // [242]
-'WIN_OEM_AUTO', // [243]
-'WIN_OEM_ENLW', // [244]
-'WIN_OEM_BACKTAB', // [245]
-'ATTN', // [246]
-'CRSEL', // [247]
-'EXSEL', // [248]
-'EREOF', // [249]
-'PLAY', // [250]
-'ZOOM', // [251]
-'', // [252]
-'PA1', // [253]
-'WIN_OEM_CLEAR', // [254]
-'' // [255]
-];
-
-var sharedInstance = void 0;
-
-/**
- * Class KeyMapper
- * @param {object} [options] options
- * @param {string} options.splitter splitter string default is +
- * @ignore
- */
-
-var KeyMapper = function () {
-  function KeyMapper(options) {
-    _classCallCheck(this, KeyMapper);
-
-    this._setSplitter(options);
-  }
-
-  /**
-   * Set key splitter
-   * @param {object} options Option object
-   * @private
-   */
-
-
-  _createClass(KeyMapper, [{
-    key: '_setSplitter',
-    value: function _setSplitter(options) {
-      var splitter = options ? options.splitter : '+';
-      this._splitter = splitter;
-    }
-
-    /**
-     * Convert event to keyMap
-     * @param {event} event Event object
-     * @returns {string}
-     */
-
-  }, {
-    key: 'convert',
-    value: function convert(event) {
-      var keyMap = [];
-
-      if (event.shiftKey) {
-        keyMap.push('SHIFT');
-      }
-
-      if (event.ctrlKey) {
-        keyMap.push('CTRL');
-      }
-
-      if (event.metaKey) {
-        keyMap.push('META');
-      }
-
-      if (event.altKey) {
-        keyMap.push('ALT');
-      }
-
-      var keyChar = this._getKeyCodeChar(event.keyCode);
-
-      if (keyChar) {
-        keyMap.push(keyChar);
-      }
-
-      return keyMap.join(this._splitter);
-    }
-
-    /**
-     * Get character from key code
-     * @param {number} keyCode Key code
-     * @returns {string}
-     * @private
-     */
-
-  }, {
-    key: '_getKeyCodeChar',
-    value: function _getKeyCodeChar(keyCode) {
-      var keyCodeCharacter = KEYBOARD_MAP[keyCode];
-
-      return keyCodeCharacter;
-    }
-
-    /**
-     * Get sharedInstance
-     * @returns {KeyMapper}
-     */
-
-  }], [{
-    key: 'getSharedInstance',
-    value: function getSharedInstance() {
-      if (!sharedInstance) {
-        sharedInstance = new KeyMapper();
-      }
-
-      return sharedInstance;
-    }
-
-    /**
-     * get key code for a character
-     * @param {string} char - a character to be converted
-     * @returns {number} key code for the char
-     * @static
-     */
-
-  }, {
-    key: 'keyCode',
-    value: function keyCode(char) {
-      return KEYBOARD_MAP.indexOf(char);
-    }
-  }]);
-
-  return KeyMapper;
-}();
-
-exports.default = KeyMapper;
-
-/***/ }),
-/* 23 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @fileoverview Implements htmlSanitizer
- * @author NHN FE Development Lab 
- */
-var HTML_ATTR_LIST_RX = new RegExp('^(abbr|align|alt|axis|bgcolor|border|cellpadding|cellspacing|class|clear|' + 'color|cols|compact|coords|dir|face|headers|height|hreflang|hspace|' + 'ismap|lang|language|nohref|nowrap|rel|rev|rows|rules|' + 'scope|scrolling|shape|size|span|start|summary|tabindex|target|title|type|' + 'valign|value|vspace|width|checked|mathvariant|encoding|id|name|' + 'background|cite|href|longdesc|src|usemap|xlink:href|data-+|checked|style)', 'g');
-
-var SVG_ATTR_LIST_RX = new RegExp('^(accent-height|accumulate|additive|alphabetic|arabic-form|ascent|' + 'baseProfile|bbox|begin|by|calcMode|cap-height|class|color|color-rendering|content|' + 'cx|cy|d|dx|dy|descent|display|dur|end|fill|fill-rule|font-family|font-size|font-stretch|' + 'font-style|font-variant|font-weight|from|fx|fy|g1|g2|glyph-name|gradientUnits|hanging|' + 'height|horiz-adv-x|horiz-origin-x|ideographic|k|keyPoints|keySplines|keyTimes|lang|' + 'marker-end|marker-mid|marker-start|markerHeight|markerUnits|markerWidth|mathematical|' + 'max|min|offset|opacity|orient|origin|overline-position|overline-thickness|panose-1|' + 'path|pathLength|points|preserveAspectRatio|r|refX|refY|repeatCount|repeatDur|' + 'requiredExtensions|requiredFeatures|restart|rotate|rx|ry|slope|stemh|stemv|stop-color|' + 'stop-opacity|strikethrough-position|strikethrough-thickness|stroke|stroke-dasharray|' + 'stroke-dashoffset|stroke-linecap|stroke-linejoin|stroke-miterlimit|stroke-opacity|' + 'stroke-width|systemLanguage|target|text-anchor|to|transform|type|u1|u2|underline-position|' + 'underline-thickness|unicode|unicode-range|units-per-em|values|version|viewBox|visibility|' + 'width|widths|x|x-height|x1|x2|xlink:actuate|xlink:arcrole|xlink:role|xlink:show|xlink:title|' + 'xlink:type|xml:base|xml:lang|xml:space|xmlns|xmlns:xlink|y|y1|y2|zoomAndPan)', 'g');
-
-var ATTR_VALUE_BLACK_LIST_RX = {
-  'href': /^(javascript:).*/g
-};
-
-/**
- * htmlSanitizer
- * @param {string|Node} html html or Node
- * @param {boolean} [needHtmlText] pass true if need html text
- * @returns {string|DocumentFragment} result
- * @ignore
- */
-function htmlSanitizer(html, needHtmlText) {
-  var $html = (0, _jquery2.default)('
    ');
-
-  html = html.replace(//g, '');
-
-  $html.append(html);
-
-  removeUnnecessaryTags($html);
-  leaveOnlyWhitelistAttribute($html);
-  removeInvalidAttributeValues($html);
-
-  return finalizeHtml($html, needHtmlText);
-}
-
-/**
- * Remove unnecessary tags
- * @private
- * @param {jQuery} $html jQuery instance
- */
-function removeUnnecessaryTags($html) {
-  $html.find('script, iframe, textarea, form, button, select, meta, style, link, title, embed, object, details, summary').remove();
-}
-
-/**
- * Leave only white list attributes
- * @private
- * @param {jQuery} $html jQuery instance
- */
-function leaveOnlyWhitelistAttribute($html) {
-  $html.find('*').each(function (index, node) {
-    var attrs = node.attributes;
-    var blacklist = _tuiCodeSnippet2.default.toArray(attrs).filter(function (attr) {
-      var isHTMLAttr = attr.name.match(HTML_ATTR_LIST_RX);
-      var isSVGAttr = attr.name.match(SVG_ATTR_LIST_RX);
-
-      return !isHTMLAttr && !isSVGAttr;
-    });
-
-    _tuiCodeSnippet2.default.forEachArray(blacklist, function (attr) {
-      // Edge svg attribute name returns uppercase bug. error guard.
-      // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/5579311/
-      if (attrs.getNamedItem(attr.name)) {
-        attrs.removeNamedItem(attr.name);
-      }
-    });
-  });
-}
-
-/**
- * Remove invalid attribute values
- * @private
- * @param {jQuery} $html jQuery instance
- */
-function removeInvalidAttributeValues($html) {
-  var _loop = function _loop(attr) {
-    if (ATTR_VALUE_BLACK_LIST_RX.hasOwnProperty(attr)) {
-      $html.find('[' + attr + ']').each(function (index, node) {
-        var attrs = node.attributes;
-        var valueBlackListRX = ATTR_VALUE_BLACK_LIST_RX[attr];
-        var attrItem = attrs.getNamedItem(attr);
-        if (valueBlackListRX && attrItem && attrItem.value.toLowerCase().match(valueBlackListRX)) {
-          attrs.removeNamedItem(attr);
-        }
-      });
-    }
-  };
-
-  for (var attr in ATTR_VALUE_BLACK_LIST_RX) {
-    _loop(attr);
-  }
-}
-
-/**
- * Finalize html result
- * @private
- * @param {jQuery} $html jQuery instance
- * @param {boolean} needHtmlText pass true if need html text
- * @returns {string|DocumentFragment} result
- */
-function finalizeHtml($html, needHtmlText) {
-  var returnValue = void 0;
-
-  if (needHtmlText) {
-    returnValue = $html[0].innerHTML;
-  } else {
-    var frag = document.createDocumentFragment();
-    var childNodes = _tuiCodeSnippet2.default.toArray($html[0].childNodes);
-    var length = childNodes.length;
-
-
-    for (var i = 0; i < length; i += 1) {
-      frag.appendChild(childNodes[i]);
-    }
-    returnValue = frag;
-  }
-
-  return returnValue;
-}
-
-exports.default = htmlSanitizer;
-
-/***/ }),
-/* 24 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__24__;
-
-/***/ }),
-/* 25 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CodeBlockManager = undefined;
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @fileoverview Implements CodeBlockManager
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */
-
-
-var _highlight = __webpack_require__(94);
-
-var _highlight2 = _interopRequireDefault(_highlight);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-/**
- * Class Code Block Manager
- */
-var CodeBlockManager = function () {
-  function CodeBlockManager() {
-    _classCallCheck(this, CodeBlockManager);
-
-    this._replacers = {};
-  }
-
-  /**
-   * Set replacer for code block
-   * @param {string} language - code block language
-   * @param {function} replacer - replacer function to code block element
-   */
-
-
-  _createClass(CodeBlockManager, [{
-    key: 'setReplacer',
-    value: function setReplacer(language, replacer) {
-      this._replacers[language] = replacer;
-    }
-
-    /**
-     * get replacer for code block
-     * @param {string} language - code block type
-     * @returns {function} - replacer function
-     */
-
-  }, {
-    key: 'getReplacer',
-    value: function getReplacer(language) {
-      return this._replacers[language];
-    }
-
-    /**
-     * Create code block html.
-     * @param {string} language - code block language
-     * @param {string} codeText - code text
-     * @returns {string}
-     */
-
-  }, {
-    key: 'createCodeBlockHtml',
-    value: function createCodeBlockHtml(language, codeText) {
-      var replacer = this.getReplacer(language);
-      var html = void 0;
-
-      if (replacer) {
-        html = replacer(codeText, language);
-      } else {
-        html = _highlight2.default.getLanguage(language) ? _highlight2.default.highlight(language, codeText).value : escape(codeText, false);
-      }
-
-      return html;
-    }
-
-    /**
-     * get supported languages by highlight-js
-     * @returns {Array} - supported languages by highlight-js
-     */
-
-  }], [{
-    key: 'getHighlightJSLanguages',
-    value: function getHighlightJSLanguages() {
-      return _highlight2.default.listLanguages();
-    }
-  }]);
-
-  return CodeBlockManager;
-}();
-
-/**
- * escape code from markdown-it
- * @param {string} html HTML string
- * @param {string} encode Boolean value of whether encode or not
- * @returns {string}
- * @ignore
- */
-
-
-function escape(html, encode) {
-  return html.replace(!encode ? /&(?!#?\w+;)/g : /&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/'/g, ''');
-}
-
-exports.CodeBlockManager = CodeBlockManager;
-exports.default = new CodeBlockManager();
-
-/***/ }),
-/* 26 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-/**
- * @fileoverview This file is common logic for italic, bold, strike makrdown commands.
- * @author NHN FE Development Lab 
- */
-
-/**
- * range expand according to expendSize
- * If can not expand, return null
- * @param {range} range - range
- * @param {number} expendSize - expendSize
- * @returns {object} expanded range or null
- * @ignore
- */
-var getExpandedRange = function getExpandedRange(range, expendSize) {
-  var start = range.start,
-      end = range.end;
-
-  var expendRange = void 0;
-
-  if (start.ch >= expendSize) {
-    var from = {
-      line: start.line,
-      ch: start.ch - expendSize
-    };
-    var to = {
-      line: end.line,
-      ch: end.ch + expendSize
-    };
-
-    expendRange = {
-      from: from,
-      to: to
-    };
-  }
-
-  return expendRange;
-};
-
-/**
- * remove symbol in the front and back of text
- * @param {string} text - text
- * @param {string} symbol - text
- * @returns {string}
- * @ignore
- */
-var removeSyntax = exports.removeSyntax = function removeSyntax(text, symbol) {
-  var symbolLength = symbol.length;
-
-  return text.substr(symbolLength, text.length - symbolLength * 2);
-};
-
-/**
- * append symbol in the front and back of text
- * @param {string} text - text
- * @param {string} symbol - text
- * @returns {string}
- * @ignore
- */
-var appendSyntax = exports.appendSyntax = function appendSyntax(text, symbol) {
-  return '' + symbol + text + symbol;
-};
-
-/**
- * check expanded text and replace text using replacer
- * @param {CodeMirror.doc} doc - doc of codemirror
- * @param {range} range - origin range
- * @param {number} expandSize - expandSize
- * @param {function} checker - sytax check function
- * @param {function} replacer - text replace function
- * @returns {boolean} - if replace text, return true.
- * @ignore
- */
-var expandReplace = exports.expandReplace = function expandReplace(doc, range, expandSize, checker, replacer) {
-  var expendRange = getExpandedRange(range, expandSize);
-  var result = false;
-
-  if (expendRange) {
-    var from = expendRange.from,
-        to = expendRange.to;
-
-    var expendRangeText = doc.getRange(from, to);
-    if (checker(expendRangeText)) {
-      doc.setSelection(from, to);
-      doc.replaceSelection(replacer(expendRangeText), 'around');
-      result = true;
-    }
-  }
-
-  return result;
-};
-
-/**
- * check text and replace text using replacer
- * @param {CodeMirror.doc} doc - doc of codemirror
- * @param {string} text - text
- * @param {function} checker - sytax check function
- * @param {function} replacer - text replace function
- * @returns {boolean} - if replace text, return true.
- * @ignore
- */
-var replace = exports.replace = function replace(doc, text, checker, replacer) {
-  var result = false;
-
-  if (checker(text)) {
-    doc.replaceSelection(replacer(text), 'around');
-    result = true;
-  }
-
-  return result;
-};
-
-var changeSyntax = exports.changeSyntax = function changeSyntax(doc, range, symbol, syntaxRegex, contentRegex) {
-  var _doc$getCursor = doc.getCursor(),
-      line = _doc$getCursor.line,
-      ch = _doc$getCursor.ch;
-
-  var selectionStr = doc.getSelection();
-  var symbolLength = symbol.length;
-  var isSyntax = function isSyntax(t) {
-    return syntaxRegex.test(t);
-  };
-
-  // 1. expand text and check syntax => remove syntax
-  // 2. check text is syntax => remove syntax
-  // 3. If text does not match syntax, remove syntax inside text and then append syntax
-  if (!(expandReplace(doc, range, symbolLength, isSyntax, function (t) {
-    return removeSyntax(t, symbol);
-  }) || replace(doc, selectionStr, isSyntax, function (t) {
-    return removeSyntax(t, symbol);
-  }))) {
-    var removeSyntaxInsideText = selectionStr.replace(contentRegex, '$1');
-    doc.replaceSelection(appendSyntax(removeSyntaxInsideText, symbol), 'around');
-  }
-
-  var afterSelectStr = doc.getSelection();
-  var size = ch;
-
-  if (!selectionStr) {
-    // If text was not selected, after replace text, move cursor
-    // For example **|** => | (move cusor -symbolLenth)
-    if (isSyntax(afterSelectStr)) {
-      size += symbolLength;
-    } else {
-      size -= symbolLength;
-    }
-    doc.setCursor(line, size);
-  }
-};
-
-/***/ }),
-/* 27 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-// Copyright Joyent, Inc. and other Node contributors.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a
-// copy of this software and associated documentation files (the
-// "Software"), to deal in the Software without restriction, including
-// without limitation the rights to use, copy, modify, merge, publish,
-// distribute, sublicense, and/or sell copies of the Software, and to permit
-// persons to whom the Software is furnished to do so, subject to the
-// following conditions:
-//
-// The above copyright notice and this permission notice shall be included
-// in all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
-// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
-// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
-// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
-// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
-// USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-
-
-var R = typeof Reflect === 'object' ? Reflect : null
-var ReflectApply = R && typeof R.apply === 'function'
-  ? R.apply
-  : function ReflectApply(target, receiver, args) {
-    return Function.prototype.apply.call(target, receiver, args);
-  }
-
-var ReflectOwnKeys
-if (R && typeof R.ownKeys === 'function') {
-  ReflectOwnKeys = R.ownKeys
-} else if (Object.getOwnPropertySymbols) {
-  ReflectOwnKeys = function ReflectOwnKeys(target) {
-    return Object.getOwnPropertyNames(target)
-      .concat(Object.getOwnPropertySymbols(target));
-  };
-} else {
-  ReflectOwnKeys = function ReflectOwnKeys(target) {
-    return Object.getOwnPropertyNames(target);
-  };
-}
-
-function ProcessEmitWarning(warning) {
-  if (console && console.warn) console.warn(warning);
-}
-
-var NumberIsNaN = Number.isNaN || function NumberIsNaN(value) {
-  return value !== value;
-}
-
-function EventEmitter() {
-  EventEmitter.init.call(this);
-}
-module.exports = EventEmitter;
-
-// Backwards-compat with node 0.10.x
-EventEmitter.EventEmitter = EventEmitter;
-
-EventEmitter.prototype._events = undefined;
-EventEmitter.prototype._eventsCount = 0;
-EventEmitter.prototype._maxListeners = undefined;
-
-// By default EventEmitters will print a warning if more than 10 listeners are
-// added to it. This is a useful default which helps finding memory leaks.
-var defaultMaxListeners = 10;
-
-Object.defineProperty(EventEmitter, 'defaultMaxListeners', {
-  enumerable: true,
-  get: function() {
-    return defaultMaxListeners;
-  },
-  set: function(arg) {
-    if (typeof arg !== 'number' || arg < 0 || NumberIsNaN(arg)) {
-      throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + arg + '.');
-    }
-    defaultMaxListeners = arg;
-  }
-});
-
-EventEmitter.init = function() {
-
-  if (this._events === undefined ||
-      this._events === Object.getPrototypeOf(this)._events) {
-    this._events = Object.create(null);
-    this._eventsCount = 0;
-  }
-
-  this._maxListeners = this._maxListeners || undefined;
-};
-
-// Obviously not all Emitters should be limited to 10. This function allows
-// that to be increased. Set to zero for unlimited.
-EventEmitter.prototype.setMaxListeners = function setMaxListeners(n) {
-  if (typeof n !== 'number' || n < 0 || NumberIsNaN(n)) {
-    throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received ' + n + '.');
-  }
-  this._maxListeners = n;
-  return this;
-};
-
-function $getMaxListeners(that) {
-  if (that._maxListeners === undefined)
-    return EventEmitter.defaultMaxListeners;
-  return that._maxListeners;
-}
-
-EventEmitter.prototype.getMaxListeners = function getMaxListeners() {
-  return $getMaxListeners(this);
-};
-
-EventEmitter.prototype.emit = function emit(type) {
-  var args = [];
-  for (var i = 1; i < arguments.length; i++) args.push(arguments[i]);
-  var doError = (type === 'error');
-
-  var events = this._events;
-  if (events !== undefined)
-    doError = (doError && events.error === undefined);
-  else if (!doError)
-    return false;
-
-  // If there is no 'error' event listener then throw.
-  if (doError) {
-    var er;
-    if (args.length > 0)
-      er = args[0];
-    if (er instanceof Error) {
-      // Note: The comments on the `throw` lines are intentional, they show
-      // up in Node's output if this results in an unhandled exception.
-      throw er; // Unhandled 'error' event
-    }
-    // At least give some kind of context to the user
-    var err = new Error('Unhandled error.' + (er ? ' (' + er.message + ')' : ''));
-    err.context = er;
-    throw err; // Unhandled 'error' event
-  }
-
-  var handler = events[type];
-
-  if (handler === undefined)
-    return false;
-
-  if (typeof handler === 'function') {
-    ReflectApply(handler, this, args);
-  } else {
-    var len = handler.length;
-    var listeners = arrayClone(handler, len);
-    for (var i = 0; i < len; ++i)
-      ReflectApply(listeners[i], this, args);
-  }
-
-  return true;
-};
-
-function _addListener(target, type, listener, prepend) {
-  var m;
-  var events;
-  var existing;
-
-  if (typeof listener !== 'function') {
-    throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof listener);
-  }
-
-  events = target._events;
-  if (events === undefined) {
-    events = target._events = Object.create(null);
-    target._eventsCount = 0;
-  } else {
-    // To avoid recursion in the case that type === "newListener"! Before
-    // adding it to the listeners, first emit "newListener".
-    if (events.newListener !== undefined) {
-      target.emit('newListener', type,
-                  listener.listener ? listener.listener : listener);
-
-      // Re-assign `events` because a newListener handler could have caused the
-      // this._events to be assigned to a new object
-      events = target._events;
-    }
-    existing = events[type];
-  }
-
-  if (existing === undefined) {
-    // Optimize the case of one listener. Don't need the extra array object.
-    existing = events[type] = listener;
-    ++target._eventsCount;
-  } else {
-    if (typeof existing === 'function') {
-      // Adding the second element, need to change to array.
-      existing = events[type] =
-        prepend ? [listener, existing] : [existing, listener];
-      // If we've already got an array, just append.
-    } else if (prepend) {
-      existing.unshift(listener);
-    } else {
-      existing.push(listener);
-    }
-
-    // Check for listener leak
-    m = $getMaxListeners(target);
-    if (m > 0 && existing.length > m && !existing.warned) {
-      existing.warned = true;
-      // No error code for this since it is a Warning
-      // eslint-disable-next-line no-restricted-syntax
-      var w = new Error('Possible EventEmitter memory leak detected. ' +
-                          existing.length + ' ' + String(type) + ' listeners ' +
-                          'added. Use emitter.setMaxListeners() to ' +
-                          'increase limit');
-      w.name = 'MaxListenersExceededWarning';
-      w.emitter = target;
-      w.type = type;
-      w.count = existing.length;
-      ProcessEmitWarning(w);
-    }
-  }
-
-  return target;
-}
-
-EventEmitter.prototype.addListener = function addListener(type, listener) {
-  return _addListener(this, type, listener, false);
-};
-
-EventEmitter.prototype.on = EventEmitter.prototype.addListener;
-
-EventEmitter.prototype.prependListener =
-    function prependListener(type, listener) {
-      return _addListener(this, type, listener, true);
-    };
-
-function onceWrapper() {
-  var args = [];
-  for (var i = 0; i < arguments.length; i++) args.push(arguments[i]);
-  if (!this.fired) {
-    this.target.removeListener(this.type, this.wrapFn);
-    this.fired = true;
-    ReflectApply(this.listener, this.target, args);
-  }
-}
-
-function _onceWrap(target, type, listener) {
-  var state = { fired: false, wrapFn: undefined, target: target, type: type, listener: listener };
-  var wrapped = onceWrapper.bind(state);
-  wrapped.listener = listener;
-  state.wrapFn = wrapped;
-  return wrapped;
-}
-
-EventEmitter.prototype.once = function once(type, listener) {
-  if (typeof listener !== 'function') {
-    throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof listener);
-  }
-  this.on(type, _onceWrap(this, type, listener));
-  return this;
-};
-
-EventEmitter.prototype.prependOnceListener =
-    function prependOnceListener(type, listener) {
-      if (typeof listener !== 'function') {
-        throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof listener);
-      }
-      this.prependListener(type, _onceWrap(this, type, listener));
-      return this;
-    };
-
-// Emits a 'removeListener' event if and only if the listener was removed.
-EventEmitter.prototype.removeListener =
-    function removeListener(type, listener) {
-      var list, events, position, i, originalListener;
-
-      if (typeof listener !== 'function') {
-        throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof listener);
-      }
-
-      events = this._events;
-      if (events === undefined)
-        return this;
-
-      list = events[type];
-      if (list === undefined)
-        return this;
-
-      if (list === listener || list.listener === listener) {
-        if (--this._eventsCount === 0)
-          this._events = Object.create(null);
-        else {
-          delete events[type];
-          if (events.removeListener)
-            this.emit('removeListener', type, list.listener || listener);
-        }
-      } else if (typeof list !== 'function') {
-        position = -1;
-
-        for (i = list.length - 1; i >= 0; i--) {
-          if (list[i] === listener || list[i].listener === listener) {
-            originalListener = list[i].listener;
-            position = i;
-            break;
-          }
-        }
-
-        if (position < 0)
-          return this;
-
-        if (position === 0)
-          list.shift();
-        else {
-          spliceOne(list, position);
-        }
-
-        if (list.length === 1)
-          events[type] = list[0];
-
-        if (events.removeListener !== undefined)
-          this.emit('removeListener', type, originalListener || listener);
-      }
-
-      return this;
-    };
-
-EventEmitter.prototype.off = EventEmitter.prototype.removeListener;
-
-EventEmitter.prototype.removeAllListeners =
-    function removeAllListeners(type) {
-      var listeners, events, i;
-
-      events = this._events;
-      if (events === undefined)
-        return this;
-
-      // not listening for removeListener, no need to emit
-      if (events.removeListener === undefined) {
-        if (arguments.length === 0) {
-          this._events = Object.create(null);
-          this._eventsCount = 0;
-        } else if (events[type] !== undefined) {
-          if (--this._eventsCount === 0)
-            this._events = Object.create(null);
-          else
-            delete events[type];
-        }
-        return this;
-      }
-
-      // emit removeListener for all listeners on all events
-      if (arguments.length === 0) {
-        var keys = Object.keys(events);
-        var key;
-        for (i = 0; i < keys.length; ++i) {
-          key = keys[i];
-          if (key === 'removeListener') continue;
-          this.removeAllListeners(key);
-        }
-        this.removeAllListeners('removeListener');
-        this._events = Object.create(null);
-        this._eventsCount = 0;
-        return this;
-      }
-
-      listeners = events[type];
-
-      if (typeof listeners === 'function') {
-        this.removeListener(type, listeners);
-      } else if (listeners !== undefined) {
-        // LIFO order
-        for (i = listeners.length - 1; i >= 0; i--) {
-          this.removeListener(type, listeners[i]);
-        }
-      }
-
-      return this;
-    };
-
-function _listeners(target, type, unwrap) {
-  var events = target._events;
-
-  if (events === undefined)
-    return [];
-
-  var evlistener = events[type];
-  if (evlistener === undefined)
-    return [];
-
-  if (typeof evlistener === 'function')
-    return unwrap ? [evlistener.listener || evlistener] : [evlistener];
-
-  return unwrap ?
-    unwrapListeners(evlistener) : arrayClone(evlistener, evlistener.length);
-}
-
-EventEmitter.prototype.listeners = function listeners(type) {
-  return _listeners(this, type, true);
-};
-
-EventEmitter.prototype.rawListeners = function rawListeners(type) {
-  return _listeners(this, type, false);
-};
-
-EventEmitter.listenerCount = function(emitter, type) {
-  if (typeof emitter.listenerCount === 'function') {
-    return emitter.listenerCount(type);
-  } else {
-    return listenerCount.call(emitter, type);
-  }
-};
-
-EventEmitter.prototype.listenerCount = listenerCount;
-function listenerCount(type) {
-  var events = this._events;
-
-  if (events !== undefined) {
-    var evlistener = events[type];
-
-    if (typeof evlistener === 'function') {
-      return 1;
-    } else if (evlistener !== undefined) {
-      return evlistener.length;
-    }
-  }
-
-  return 0;
-}
-
-EventEmitter.prototype.eventNames = function eventNames() {
-  return this._eventsCount > 0 ? ReflectOwnKeys(this._events) : [];
-};
-
-function arrayClone(arr, n) {
-  var copy = new Array(n);
-  for (var i = 0; i < n; ++i)
-    copy[i] = arr[i];
-  return copy;
-}
-
-function spliceOne(list, index) {
-  for (; index + 1 < list.length; index++)
-    list[index] = list[index + 1];
-  list.pop();
-}
-
-function unwrapListeners(arr) {
-  var ret = new Array(arr.length);
-  for (var i = 0; i < ret.length; ++i) {
-    ret[i] = arr[i].listener || arr[i];
-  }
-  return ret;
-}
-
-
-/***/ }),
-/* 28 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(48);
-exports.Stream = exports;
-exports.Readable = exports;
-exports.Writable = __webpack_require__(29);
-exports.Duplex = __webpack_require__(12);
-exports.Transform = __webpack_require__(54);
-exports.PassThrough = __webpack_require__(182);
-
-
-/***/ }),
-/* 29 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(process, setImmediate, global) {// Copyright Joyent, Inc. and other Node contributors.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a
-// copy of this software and associated documentation files (the
-// "Software"), to deal in the Software without restriction, including
-// without limitation the rights to use, copy, modify, merge, publish,
-// distribute, sublicense, and/or sell copies of the Software, and to permit
-// persons to whom the Software is furnished to do so, subject to the
-// following conditions:
-//
-// The above copyright notice and this permission notice shall be included
-// in all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
-// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
-// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
-// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
-// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
-// USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-// A bit simpler than readable streams.
-// Implement an async ._write(chunk, encoding, cb), and it'll handle all
-// the drain event emission and buffering.
-
-
-
-/**/
-
-var pna = __webpack_require__(19);
-/**/
-
-module.exports = Writable;
-
-/*  */
-function WriteReq(chunk, encoding, cb) {
-  this.chunk = chunk;
-  this.encoding = encoding;
-  this.callback = cb;
-  this.next = null;
-}
-
-// It seems a linked list but it is not
-// there will be only 2 of these for each stream
-function CorkedRequest(state) {
-  var _this = this;
-
-  this.next = null;
-  this.entry = null;
-  this.finish = function () {
-    onCorkedFinish(_this, state);
-  };
-}
-/*  */
-
-/**/
-var asyncWrite = !process.browser && ['v0.10', 'v0.9.'].indexOf(process.version.slice(0, 5)) > -1 ? setImmediate : pna.nextTick;
-/**/
-
-/**/
-var Duplex;
-/**/
-
-Writable.WritableState = WritableState;
-
-/**/
-var util = __webpack_require__(16);
-util.inherits = __webpack_require__(13);
-/**/
-
-/**/
-var internalUtil = {
-  deprecate: __webpack_require__(181)
-};
-/**/
-
-/**/
-var Stream = __webpack_require__(50);
-/**/
-
-/**/
-
-var Buffer = __webpack_require__(20).Buffer;
-var OurUint8Array = global.Uint8Array || function () {};
-function _uint8ArrayToBuffer(chunk) {
-  return Buffer.from(chunk);
-}
-function _isUint8Array(obj) {
-  return Buffer.isBuffer(obj) || obj instanceof OurUint8Array;
-}
-
-/**/
-
-var destroyImpl = __webpack_require__(52);
-
-util.inherits(Writable, Stream);
-
-function nop() {}
-
-function WritableState(options, stream) {
-  Duplex = Duplex || __webpack_require__(12);
-
-  options = options || {};
-
-  // Duplex streams are both readable and writable, but share
-  // the same options object.
-  // However, some cases require setting options to different
-  // values for the readable and the writable sides of the duplex stream.
-  // These options can be provided separately as readableXXX and writableXXX.
-  var isDuplex = stream instanceof Duplex;
-
-  // object stream flag to indicate whether or not this stream
-  // contains buffers or objects.
-  this.objectMode = !!options.objectMode;
-
-  if (isDuplex) this.objectMode = this.objectMode || !!options.writableObjectMode;
-
-  // the point at which write() starts returning false
-  // Note: 0 is a valid value, means that we always return false if
-  // the entire buffer is not flushed immediately on write()
-  var hwm = options.highWaterMark;
-  var writableHwm = options.writableHighWaterMark;
-  var defaultHwm = this.objectMode ? 16 : 16 * 1024;
-
-  if (hwm || hwm === 0) this.highWaterMark = hwm;else if (isDuplex && (writableHwm || writableHwm === 0)) this.highWaterMark = writableHwm;else this.highWaterMark = defaultHwm;
-
-  // cast to ints.
-  this.highWaterMark = Math.floor(this.highWaterMark);
-
-  // if _final has been called
-  this.finalCalled = false;
-
-  // drain event flag.
-  this.needDrain = false;
-  // at the start of calling end()
-  this.ending = false;
-  // when end() has been called, and returned
-  this.ended = false;
-  // when 'finish' is emitted
-  this.finished = false;
-
-  // has it been destroyed
-  this.destroyed = false;
-
-  // should we decode strings into buffers before passing to _write?
-  // this is here so that some node-core streams can optimize string
-  // handling at a lower level.
-  var noDecode = options.decodeStrings === false;
-  this.decodeStrings = !noDecode;
-
-  // Crypto is kind of old and crusty.  Historically, its default string
-  // encoding is 'binary' so we have to make this configurable.
-  // Everything else in the universe uses 'utf8', though.
-  this.defaultEncoding = options.defaultEncoding || 'utf8';
-
-  // not an actual buffer we keep track of, but a measurement
-  // of how much we're waiting to get pushed to some underlying
-  // socket or file.
-  this.length = 0;
-
-  // a flag to see when we're in the middle of a write.
-  this.writing = false;
-
-  // when true all writes will be buffered until .uncork() call
-  this.corked = 0;
-
-  // a flag to be able to tell if the onwrite cb is called immediately,
-  // or on a later tick.  We set this to true at first, because any
-  // actions that shouldn't happen until "later" should generally also
-  // not happen before the first write call.
-  this.sync = true;
-
-  // a flag to know if we're processing previously buffered items, which
-  // may call the _write() callback in the same tick, so that we don't
-  // end up in an overlapped onwrite situation.
-  this.bufferProcessing = false;
-
-  // the callback that's passed to _write(chunk,cb)
-  this.onwrite = function (er) {
-    onwrite(stream, er);
-  };
-
-  // the callback that the user supplies to write(chunk,encoding,cb)
-  this.writecb = null;
-
-  // the amount that is being written when _write is called.
-  this.writelen = 0;
-
-  this.bufferedRequest = null;
-  this.lastBufferedRequest = null;
-
-  // number of pending user-supplied write callbacks
-  // this must be 0 before 'finish' can be emitted
-  this.pendingcb = 0;
-
-  // emit prefinish if the only thing we're waiting for is _write cbs
-  // This is relevant for synchronous Transform streams
-  this.prefinished = false;
-
-  // True if the error was already emitted and should not be thrown again
-  this.errorEmitted = false;
-
-  // count buffered requests
-  this.bufferedRequestCount = 0;
-
-  // allocate the first CorkedRequest, there is always
-  // one allocated and free to use, and we maintain at most two
-  this.corkedRequestsFree = new CorkedRequest(this);
-}
-
-WritableState.prototype.getBuffer = function getBuffer() {
-  var current = this.bufferedRequest;
-  var out = [];
-  while (current) {
-    out.push(current);
-    current = current.next;
-  }
-  return out;
-};
-
-(function () {
-  try {
-    Object.defineProperty(WritableState.prototype, 'buffer', {
-      get: internalUtil.deprecate(function () {
-        return this.getBuffer();
-      }, '_writableState.buffer is deprecated. Use _writableState.getBuffer ' + 'instead.', 'DEP0003')
-    });
-  } catch (_) {}
-})();
-
-// Test _writableState for inheritance to account for Duplex streams,
-// whose prototype chain only points to Readable.
-var realHasInstance;
-if (typeof Symbol === 'function' && Symbol.hasInstance && typeof Function.prototype[Symbol.hasInstance] === 'function') {
-  realHasInstance = Function.prototype[Symbol.hasInstance];
-  Object.defineProperty(Writable, Symbol.hasInstance, {
-    value: function (object) {
-      if (realHasInstance.call(this, object)) return true;
-      if (this !== Writable) return false;
-
-      return object && object._writableState instanceof WritableState;
-    }
-  });
-} else {
-  realHasInstance = function (object) {
-    return object instanceof this;
-  };
-}
-
-function Writable(options) {
-  Duplex = Duplex || __webpack_require__(12);
-
-  // Writable ctor is applied to Duplexes, too.
-  // `realHasInstance` is necessary because using plain `instanceof`
-  // would return false, as no `_writableState` property is attached.
-
-  // Trying to use the custom `instanceof` for Writable here will also break the
-  // Node.js LazyTransform implementation, which has a non-trivial getter for
-  // `_writableState` that would lead to infinite recursion.
-  if (!realHasInstance.call(Writable, this) && !(this instanceof Duplex)) {
-    return new Writable(options);
-  }
-
-  this._writableState = new WritableState(options, this);
-
-  // legacy.
-  this.writable = true;
-
-  if (options) {
-    if (typeof options.write === 'function') this._write = options.write;
-
-    if (typeof options.writev === 'function') this._writev = options.writev;
-
-    if (typeof options.destroy === 'function') this._destroy = options.destroy;
-
-    if (typeof options.final === 'function') this._final = options.final;
-  }
-
-  Stream.call(this);
-}
-
-// Otherwise people can pipe Writable streams, which is just wrong.
-Writable.prototype.pipe = function () {
-  this.emit('error', new Error('Cannot pipe, not readable'));
-};
-
-function writeAfterEnd(stream, cb) {
-  var er = new Error('write after end');
-  // TODO: defer error events consistently everywhere, not just the cb
-  stream.emit('error', er);
-  pna.nextTick(cb, er);
-}
-
-// Checks that a user-supplied chunk is valid, especially for the particular
-// mode the stream is in. Currently this means that `null` is never accepted
-// and undefined/non-string values are only allowed in object mode.
-function validChunk(stream, state, chunk, cb) {
-  var valid = true;
-  var er = false;
-
-  if (chunk === null) {
-    er = new TypeError('May not write null values to stream');
-  } else if (typeof chunk !== 'string' && chunk !== undefined && !state.objectMode) {
-    er = new TypeError('Invalid non-string/buffer chunk');
-  }
-  if (er) {
-    stream.emit('error', er);
-    pna.nextTick(cb, er);
-    valid = false;
-  }
-  return valid;
-}
-
-Writable.prototype.write = function (chunk, encoding, cb) {
-  var state = this._writableState;
-  var ret = false;
-  var isBuf = !state.objectMode && _isUint8Array(chunk);
-
-  if (isBuf && !Buffer.isBuffer(chunk)) {
-    chunk = _uint8ArrayToBuffer(chunk);
-  }
-
-  if (typeof encoding === 'function') {
-    cb = encoding;
-    encoding = null;
-  }
-
-  if (isBuf) encoding = 'buffer';else if (!encoding) encoding = state.defaultEncoding;
-
-  if (typeof cb !== 'function') cb = nop;
-
-  if (state.ended) writeAfterEnd(this, cb);else if (isBuf || validChunk(this, state, chunk, cb)) {
-    state.pendingcb++;
-    ret = writeOrBuffer(this, state, isBuf, chunk, encoding, cb);
-  }
-
-  return ret;
-};
-
-Writable.prototype.cork = function () {
-  var state = this._writableState;
-
-  state.corked++;
-};
-
-Writable.prototype.uncork = function () {
-  var state = this._writableState;
-
-  if (state.corked) {
-    state.corked--;
-
-    if (!state.writing && !state.corked && !state.finished && !state.bufferProcessing && state.bufferedRequest) clearBuffer(this, state);
-  }
-};
-
-Writable.prototype.setDefaultEncoding = function setDefaultEncoding(encoding) {
-  // node::ParseEncoding() requires lower case.
-  if (typeof encoding === 'string') encoding = encoding.toLowerCase();
-  if (!(['hex', 'utf8', 'utf-8', 'ascii', 'binary', 'base64', 'ucs2', 'ucs-2', 'utf16le', 'utf-16le', 'raw'].indexOf((encoding + '').toLowerCase()) > -1)) throw new TypeError('Unknown encoding: ' + encoding);
-  this._writableState.defaultEncoding = encoding;
-  return this;
-};
-
-function decodeChunk(state, chunk, encoding) {
-  if (!state.objectMode && state.decodeStrings !== false && typeof chunk === 'string') {
-    chunk = Buffer.from(chunk, encoding);
-  }
-  return chunk;
-}
-
-Object.defineProperty(Writable.prototype, 'writableHighWaterMark', {
-  // making it explicit this property is not enumerable
-  // because otherwise some prototype manipulation in
-  // userland will fail
-  enumerable: false,
-  get: function () {
-    return this._writableState.highWaterMark;
-  }
-});
-
-// if we're already writing something, then just put this
-// in the queue, and wait our turn.  Otherwise, call _write
-// If we return false, then we need a drain event, so set that flag.
-function writeOrBuffer(stream, state, isBuf, chunk, encoding, cb) {
-  if (!isBuf) {
-    var newChunk = decodeChunk(state, chunk, encoding);
-    if (chunk !== newChunk) {
-      isBuf = true;
-      encoding = 'buffer';
-      chunk = newChunk;
-    }
-  }
-  var len = state.objectMode ? 1 : chunk.length;
-
-  state.length += len;
-
-  var ret = state.length < state.highWaterMark;
-  // we must ensure that previous needDrain will not be reset to false.
-  if (!ret) state.needDrain = true;
-
-  if (state.writing || state.corked) {
-    var last = state.lastBufferedRequest;
-    state.lastBufferedRequest = {
-      chunk: chunk,
-      encoding: encoding,
-      isBuf: isBuf,
-      callback: cb,
-      next: null
-    };
-    if (last) {
-      last.next = state.lastBufferedRequest;
-    } else {
-      state.bufferedRequest = state.lastBufferedRequest;
-    }
-    state.bufferedRequestCount += 1;
-  } else {
-    doWrite(stream, state, false, len, chunk, encoding, cb);
-  }
-
-  return ret;
-}
-
-function doWrite(stream, state, writev, len, chunk, encoding, cb) {
-  state.writelen = len;
-  state.writecb = cb;
-  state.writing = true;
-  state.sync = true;
-  if (writev) stream._writev(chunk, state.onwrite);else stream._write(chunk, encoding, state.onwrite);
-  state.sync = false;
-}
-
-function onwriteError(stream, state, sync, er, cb) {
-  --state.pendingcb;
-
-  if (sync) {
-    // defer the callback if we are being called synchronously
-    // to avoid piling up things on the stack
-    pna.nextTick(cb, er);
-    // this can emit finish, and it will always happen
-    // after error
-    pna.nextTick(finishMaybe, stream, state);
-    stream._writableState.errorEmitted = true;
-    stream.emit('error', er);
-  } else {
-    // the caller expect this to happen before if
-    // it is async
-    cb(er);
-    stream._writableState.errorEmitted = true;
-    stream.emit('error', er);
-    // this can emit finish, but finish must
-    // always follow error
-    finishMaybe(stream, state);
-  }
-}
-
-function onwriteStateUpdate(state) {
-  state.writing = false;
-  state.writecb = null;
-  state.length -= state.writelen;
-  state.writelen = 0;
-}
-
-function onwrite(stream, er) {
-  var state = stream._writableState;
-  var sync = state.sync;
-  var cb = state.writecb;
-
-  onwriteStateUpdate(state);
-
-  if (er) onwriteError(stream, state, sync, er, cb);else {
-    // Check if we're actually ready to finish, but don't emit yet
-    var finished = needFinish(state);
-
-    if (!finished && !state.corked && !state.bufferProcessing && state.bufferedRequest) {
-      clearBuffer(stream, state);
-    }
-
-    if (sync) {
-      /**/
-      asyncWrite(afterWrite, stream, state, finished, cb);
-      /**/
-    } else {
-      afterWrite(stream, state, finished, cb);
-    }
-  }
-}
-
-function afterWrite(stream, state, finished, cb) {
-  if (!finished) onwriteDrain(stream, state);
-  state.pendingcb--;
-  cb();
-  finishMaybe(stream, state);
-}
-
-// Must force callback to be called on nextTick, so that we don't
-// emit 'drain' before the write() consumer gets the 'false' return
-// value, and has a chance to attach a 'drain' listener.
-function onwriteDrain(stream, state) {
-  if (state.length === 0 && state.needDrain) {
-    state.needDrain = false;
-    stream.emit('drain');
-  }
-}
-
-// if there's something in the buffer waiting, then process it
-function clearBuffer(stream, state) {
-  state.bufferProcessing = true;
-  var entry = state.bufferedRequest;
-
-  if (stream._writev && entry && entry.next) {
-    // Fast case, write everything using _writev()
-    var l = state.bufferedRequestCount;
-    var buffer = new Array(l);
-    var holder = state.corkedRequestsFree;
-    holder.entry = entry;
-
-    var count = 0;
-    var allBuffers = true;
-    while (entry) {
-      buffer[count] = entry;
-      if (!entry.isBuf) allBuffers = false;
-      entry = entry.next;
-      count += 1;
-    }
-    buffer.allBuffers = allBuffers;
-
-    doWrite(stream, state, true, state.length, buffer, '', holder.finish);
-
-    // doWrite is almost always async, defer these to save a bit of time
-    // as the hot path ends with doWrite
-    state.pendingcb++;
-    state.lastBufferedRequest = null;
-    if (holder.next) {
-      state.corkedRequestsFree = holder.next;
-      holder.next = null;
-    } else {
-      state.corkedRequestsFree = new CorkedRequest(state);
-    }
-    state.bufferedRequestCount = 0;
-  } else {
-    // Slow case, write chunks one-by-one
-    while (entry) {
-      var chunk = entry.chunk;
-      var encoding = entry.encoding;
-      var cb = entry.callback;
-      var len = state.objectMode ? 1 : chunk.length;
-
-      doWrite(stream, state, false, len, chunk, encoding, cb);
-      entry = entry.next;
-      state.bufferedRequestCount--;
-      // if we didn't call the onwrite immediately, then
-      // it means that we need to wait until it does.
-      // also, that means that the chunk and cb are currently
-      // being processed, so move the buffer counter past them.
-      if (state.writing) {
-        break;
-      }
-    }
-
-    if (entry === null) state.lastBufferedRequest = null;
-  }
-
-  state.bufferedRequest = entry;
-  state.bufferProcessing = false;
-}
-
-Writable.prototype._write = function (chunk, encoding, cb) {
-  cb(new Error('_write() is not implemented'));
-};
-
-Writable.prototype._writev = null;
-
-Writable.prototype.end = function (chunk, encoding, cb) {
-  var state = this._writableState;
-
-  if (typeof chunk === 'function') {
-    cb = chunk;
-    chunk = null;
-    encoding = null;
-  } else if (typeof encoding === 'function') {
-    cb = encoding;
-    encoding = null;
-  }
-
-  if (chunk !== null && chunk !== undefined) this.write(chunk, encoding);
-
-  // .end() fully uncorks
-  if (state.corked) {
-    state.corked = 1;
-    this.uncork();
-  }
-
-  // ignore unnecessary end() calls.
-  if (!state.ending && !state.finished) endWritable(this, state, cb);
-};
-
-function needFinish(state) {
-  return state.ending && state.length === 0 && state.bufferedRequest === null && !state.finished && !state.writing;
-}
-function callFinal(stream, state) {
-  stream._final(function (err) {
-    state.pendingcb--;
-    if (err) {
-      stream.emit('error', err);
-    }
-    state.prefinished = true;
-    stream.emit('prefinish');
-    finishMaybe(stream, state);
-  });
-}
-function prefinish(stream, state) {
-  if (!state.prefinished && !state.finalCalled) {
-    if (typeof stream._final === 'function') {
-      state.pendingcb++;
-      state.finalCalled = true;
-      pna.nextTick(callFinal, stream, state);
-    } else {
-      state.prefinished = true;
-      stream.emit('prefinish');
-    }
-  }
-}
-
-function finishMaybe(stream, state) {
-  var need = needFinish(state);
-  if (need) {
-    prefinish(stream, state);
-    if (state.pendingcb === 0) {
-      state.finished = true;
-      stream.emit('finish');
-    }
-  }
-  return need;
-}
-
-function endWritable(stream, state, cb) {
-  state.ending = true;
-  finishMaybe(stream, state);
-  if (cb) {
-    if (state.finished) pna.nextTick(cb);else stream.once('finish', cb);
-  }
-  state.ended = true;
-  stream.writable = false;
-}
-
-function onCorkedFinish(corkReq, state, err) {
-  var entry = corkReq.entry;
-  corkReq.entry = null;
-  while (entry) {
-    var cb = entry.callback;
-    state.pendingcb--;
-    cb(err);
-    entry = entry.next;
-  }
-  if (state.corkedRequestsFree) {
-    state.corkedRequestsFree.next = corkReq;
-  } else {
-    state.corkedRequestsFree = corkReq;
-  }
-}
-
-Object.defineProperty(Writable.prototype, 'destroyed', {
-  get: function () {
-    if (this._writableState === undefined) {
-      return false;
-    }
-    return this._writableState.destroyed;
-  },
-  set: function (value) {
-    // we ignore the value if the stream
-    // has not been initialized yet
-    if (!this._writableState) {
-      return;
-    }
-
-    // backward compatibility, the user is explicitly
-    // managing destroyed
-    this._writableState.destroyed = value;
-  }
-});
-
-Writable.prototype.destroy = destroyImpl.destroy;
-Writable.prototype._undestroy = destroyImpl.undestroy;
-Writable.prototype._destroy = function (err, cb) {
-  this.end();
-  cb(err);
-};
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(18), __webpack_require__(179).setImmediate, __webpack_require__(11)))
-
-/***/ }),
-/* 30 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @fileoverview Implements Editor
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */
-
-
-// markdown commands
-
-
-// wysiwyg Commands
-
-
-// langs
-
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _button = __webpack_require__(21);
-
-var _button2 = _interopRequireDefault(_button);
-
-var _markdownEditor = __webpack_require__(58);
-
-var _markdownEditor2 = _interopRequireDefault(_markdownEditor);
-
-var _mdPreview = __webpack_require__(34);
-
-var _mdPreview2 = _interopRequireDefault(_mdPreview);
-
-var _wysiwygEditor = __webpack_require__(69);
-
-var _wysiwygEditor2 = _interopRequireDefault(_wysiwygEditor);
-
-var _layout = __webpack_require__(83);
-
-var _layout2 = _interopRequireDefault(_layout);
-
-var _eventManager = __webpack_require__(40);
-
-var _eventManager2 = _interopRequireDefault(_eventManager);
-
-var _commandManager2 = __webpack_require__(2);
-
-var _commandManager3 = _interopRequireDefault(_commandManager2);
-
-var _extManager = __webpack_require__(41);
-
-var _extManager2 = _interopRequireDefault(_extManager);
-
-var _importManager = __webpack_require__(15);
-
-var _importManager2 = _interopRequireDefault(_importManager);
-
-var _wwCodeBlockManager = __webpack_require__(38);
-
-var _wwCodeBlockManager2 = _interopRequireDefault(_wwCodeBlockManager);
-
-var _convertor = __webpack_require__(42);
-
-var _convertor2 = _interopRequireDefault(_convertor);
-
-var _viewer = __webpack_require__(95);
-
-var _viewer2 = _interopRequireDefault(_viewer);
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-var _defaultUI = __webpack_require__(96);
-
-var _defaultUI2 = _interopRequireDefault(_defaultUI);
-
-var _domUtils = __webpack_require__(4);
-
-var _domUtils2 = _interopRequireDefault(_domUtils);
-
-var _wwTableManager = __webpack_require__(36);
-
-var _wwTableManager2 = _interopRequireDefault(_wwTableManager);
-
-var _wwTableSelectionManager = __webpack_require__(37);
-
-var _wwTableSelectionManager2 = _interopRequireDefault(_wwTableSelectionManager);
-
-var _codeBlockManager = __webpack_require__(25);
-
-var _codeBlockManager2 = _interopRequireDefault(_codeBlockManager);
-
-var _toMarkRenderer = __webpack_require__(113);
-
-var _toMarkRenderer2 = _interopRequireDefault(_toMarkRenderer);
-
-var _bold = __webpack_require__(114);
-
-var _bold2 = _interopRequireDefault(_bold);
-
-var _italic = __webpack_require__(115);
-
-var _italic2 = _interopRequireDefault(_italic);
-
-var _strike = __webpack_require__(116);
-
-var _strike2 = _interopRequireDefault(_strike);
-
-var _blockquote = __webpack_require__(117);
-
-var _blockquote2 = _interopRequireDefault(_blockquote);
-
-var _heading = __webpack_require__(118);
-
-var _heading2 = _interopRequireDefault(_heading);
-
-var _paragraph = __webpack_require__(119);
-
-var _paragraph2 = _interopRequireDefault(_paragraph);
-
-var _hr = __webpack_require__(120);
-
-var _hr2 = _interopRequireDefault(_hr);
-
-var _addLink = __webpack_require__(121);
-
-var _addLink2 = _interopRequireDefault(_addLink);
-
-var _addImage = __webpack_require__(122);
-
-var _addImage2 = _interopRequireDefault(_addImage);
-
-var _ul = __webpack_require__(123);
-
-var _ul2 = _interopRequireDefault(_ul);
-
-var _ol = __webpack_require__(124);
-
-var _ol2 = _interopRequireDefault(_ol);
-
-var _indent = __webpack_require__(125);
-
-var _indent2 = _interopRequireDefault(_indent);
-
-var _outdent = __webpack_require__(126);
-
-var _outdent2 = _interopRequireDefault(_outdent);
-
-var _table = __webpack_require__(127);
-
-var _table2 = _interopRequireDefault(_table);
-
-var _task = __webpack_require__(128);
-
-var _task2 = _interopRequireDefault(_task);
-
-var _code = __webpack_require__(129);
-
-var _code2 = _interopRequireDefault(_code);
-
-var _codeBlock = __webpack_require__(130);
-
-var _codeBlock2 = _interopRequireDefault(_codeBlock);
-
-var _bold3 = __webpack_require__(131);
-
-var _bold4 = _interopRequireDefault(_bold3);
-
-var _italic3 = __webpack_require__(132);
-
-var _italic4 = _interopRequireDefault(_italic3);
-
-var _strike3 = __webpack_require__(133);
-
-var _strike4 = _interopRequireDefault(_strike3);
-
-var _blockquote3 = __webpack_require__(134);
-
-var _blockquote4 = _interopRequireDefault(_blockquote3);
-
-var _addImage3 = __webpack_require__(135);
-
-var _addImage4 = _interopRequireDefault(_addImage3);
-
-var _addLink3 = __webpack_require__(136);
-
-var _addLink4 = _interopRequireDefault(_addLink3);
-
-var _hr3 = __webpack_require__(137);
-
-var _hr4 = _interopRequireDefault(_hr3);
-
-var _heading3 = __webpack_require__(138);
-
-var _heading4 = _interopRequireDefault(_heading3);
-
-var _paragraph3 = __webpack_require__(139);
-
-var _paragraph4 = _interopRequireDefault(_paragraph3);
-
-var _ul3 = __webpack_require__(140);
-
-var _ul4 = _interopRequireDefault(_ul3);
-
-var _ol3 = __webpack_require__(141);
-
-var _ol4 = _interopRequireDefault(_ol3);
-
-var _table3 = __webpack_require__(142);
-
-var _table4 = _interopRequireDefault(_table3);
-
-var _tableAddRow = __webpack_require__(143);
-
-var _tableAddRow2 = _interopRequireDefault(_tableAddRow);
-
-var _tableAddCol = __webpack_require__(144);
-
-var _tableAddCol2 = _interopRequireDefault(_tableAddCol);
-
-var _tableRemoveRow = __webpack_require__(145);
-
-var _tableRemoveRow2 = _interopRequireDefault(_tableRemoveRow);
-
-var _tableRemoveCol = __webpack_require__(146);
-
-var _tableRemoveCol2 = _interopRequireDefault(_tableRemoveCol);
-
-var _tableAlignCol = __webpack_require__(147);
-
-var _tableAlignCol2 = _interopRequireDefault(_tableAlignCol);
-
-var _tableRemove = __webpack_require__(148);
-
-var _tableRemove2 = _interopRequireDefault(_tableRemove);
-
-var _indent3 = __webpack_require__(149);
-
-var _indent4 = _interopRequireDefault(_indent3);
-
-var _outdent3 = __webpack_require__(150);
-
-var _outdent4 = _interopRequireDefault(_outdent3);
-
-var _task3 = __webpack_require__(151);
-
-var _task4 = _interopRequireDefault(_task3);
-
-var _code3 = __webpack_require__(152);
-
-var _code4 = _interopRequireDefault(_code3);
-
-var _codeBlock3 = __webpack_require__(153);
-
-var _codeBlock4 = _interopRequireDefault(_codeBlock3);
-
-__webpack_require__(154);
-
-__webpack_require__(155);
-
-__webpack_require__(156);
-
-__webpack_require__(157);
-
-__webpack_require__(158);
-
-__webpack_require__(159);
-
-__webpack_require__(160);
-
-__webpack_require__(161);
-
-__webpack_require__(162);
-
-__webpack_require__(163);
-
-__webpack_require__(164);
-
-__webpack_require__(165);
-
-__webpack_require__(166);
-
-__webpack_require__(167);
-
-__webpack_require__(168);
-
-__webpack_require__(169);
-
-__webpack_require__(170);
-
-__webpack_require__(171);
-
-__webpack_require__(172);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var __nedInstance = [];
-var gaTrackingId = 'UA-129966929-1';
-
-var availableLinkAttributes = ['rel', 'target', 'contenteditable', 'hreflang', 'type'];
-
-/**
- * @callback addImageBlobHook
- * @param {File|Blob} fileOrBlob - image blob
- * @param {callback} callback - callback function to be called after
- * @param {string} source - source of an event the item belongs to. 'paste', 'drop', 'ui'
- */
-
-/**
- * ToastUI Editor
- * @param {object} options Option object
- *     @param {HTMLElement} options.el - container element
- *     @param {string} [options.height='300px'] - Editor's height style value. Height is applied as border-box ex) '300px', '100%', 'auto'
- *     @param {string} [options.minHeight='200px'] - Editor's min-height style value in pixel ex) '300px'
- *     @param {string} [options.initialValue] - Editor's initial value
- *     @param {string} [options.previewStyle] - Markdown editor's preview style (tab, vertical)
- *     @param {string} [options.initialEditType] - Initial editor type (markdown, wysiwyg)
- *     @param {object[]} [options.events] - eventlist Event list
- *         @param {function} options.events.load - It would be emitted when editor fully load
- *         @param {function} options.events.change - It would be emitted when content changed
- *         @param {function} options.events.stateChange - It would be emitted when format change by cursor position
- *         @param {function} options.events.focus - It would be emitted when editor get focus
- *         @param {function} options.events.blur - It would be emitted when editor loose focus
- *     @param {object[]} [options.hooks] - Hook list
- *         @param {function} options.hooks.previewBeforeHook - Submit preview to hook URL before preview be shown
- *         @param {addImageBlobHook} options.hooks.addImageBlobHook - hook for image upload.
- *     @param {string} [options.language='en_US'] - language
- *     @param {boolean} [options.useCommandShortcut=true] - whether use keyboard shortcuts to perform commands
- *     @param {boolean} [options.useDefaultHTMLSanitizer=true] - use default htmlSanitizer
- *     @param {string[]} [options.codeBlockLanguages] - supported code block languages to be listed. default is what highlight.js supports
- *     @param {boolean} [options.usageStatistics=true] - send hostname to google analytics
- *     @param {string[]} [options.toolbarItems] - toolbar items.
- *     @param {boolean} [options.hideModeSwitch=false] - hide mode switch tab bar
- *     @param {string[]} [options.exts] - extensions
- *     @param {object} [options.customConvertor] - convertor extention
- *     @param {string} [options.placeholder] - The placeholder text of the editable element.
- *     @param {string} [options.previewDelayTime] - the delay time for rendering preview
- *     @param {object} [options.linkAttribute] - Attributes of anchor element that shold be rel, target, contenteditable, hreflang, type
- */
-
-var ToastUIEditor = function () {
-  function ToastUIEditor(options) {
-    var _this = this;
-
-    _classCallCheck(this, ToastUIEditor);
-
-    this.initialHtml = options.el.innerHTML;
-    options.el.innerHTML = '';
-
-    this.options = _jquery2.default.extend({
-      previewStyle: 'tab',
-      initialEditType: 'markdown',
-      height: '300px',
-      minHeight: '200px',
-      language: 'en_US',
-      useDefaultHTMLSanitizer: true,
-      useCommandShortcut: true,
-      codeBlockLanguages: _codeBlockManager.CodeBlockManager.getHighlightJSLanguages(),
-      usageStatistics: true,
-      toolbarItems: ['heading', 'bold', 'italic', 'strike', 'divider', 'hr', 'quote', 'divider', 'ul', 'ol', 'task', 'indent', 'outdent', 'divider', 'table', 'image', 'link', 'divider', 'code', 'codeblock'],
-      hideModeSwitch: false,
-      customConvertor: null
-    }, options);
-
-    this.eventManager = new _eventManager2.default();
-
-    this.importManager = new _importManager2.default(this.eventManager);
-
-    this.commandManager = new _commandManager3.default(this, {
-      useCommandShortcut: this.options.useCommandShortcut
-    });
-
-    if (this.options.customConvertor) {
-      // eslint-disable-next-line new-cap
-      this.convertor = new this.options.customConvertor(this.eventManager);
-    } else {
-      this.convertor = new _convertor2.default(this.eventManager);
-    }
-
-    if (this.options.useDefaultHTMLSanitizer) {
-      this.convertor.initHtmlSanitizer();
-    }
-
-    if (this.options.hooks) {
-      _tuiCodeSnippet2.default.forEach(this.options.hooks, function (fn, key) {
-        return _this.addHook(key, fn);
-      });
-    }
-
-    if (this.options.events) {
-      _tuiCodeSnippet2.default.forEach(this.options.events, function (fn, key) {
-        return _this.on(key, fn);
-      });
-    }
-
-    this.layout = new _layout2.default(options, this.eventManager);
-
-    this.i18n = _i18n2.default;
-    this.i18n.setCode(this.options.language);
-
-    this.setUI(this.options.UI || new _defaultUI2.default(this));
-
-    this.mdEditor = _markdownEditor2.default.factory(this.layout.getMdEditorContainerEl(), this.eventManager, this.options);
-    this.preview = new _mdPreview2.default(this.layout.getPreviewEl(), this.eventManager, this.convertor, false, this.options.previewDelayTime);
-    this.wwEditor = _wysiwygEditor2.default.factory(this.layout.getWwEditorContainerEl(), this.eventManager, {
-      useDefaultHTMLSanitizer: this.options.useDefaultHTMLSanitizer
-    });
-    this.toMarkOptions = {
-      gfm: true,
-      renderer: _toMarkRenderer2.default
-    };
-
-    if (this.options.linkAttribute) {
-      var attribute = this._sanitizeLinkAttribute(this.options.linkAttribute);
-
-      this.convertor.setLinkAttribute(attribute);
-      this.wwEditor.setLinkAttribute(attribute);
-    }
-
-    this.changePreviewStyle(this.options.previewStyle);
-
-    this.changeMode(this.options.initialEditType, true);
-
-    this.minHeight(this.options.minHeight);
-
-    this.height(this.options.height);
-
-    this.setValue(this.options.initialValue, false);
-
-    if (this.options.placeholder) {
-      this.setPlaceholder(this.options.placeholder);
-    }
-
-    if (!this.options.initialValue) {
-      this.setHtml(this.initialHtml, false);
-    }
-
-    _extManager2.default.applyExtension(this, this.options.exts);
-
-    this.eventManager.emit('load', this);
-
-    __nedInstance.push(this);
-
-    this._addDefaultCommands();
-
-    if (this.options.usageStatistics) {
-      _tuiCodeSnippet2.default.sendHostname('editor', gaTrackingId);
-    }
-  }
-
-  /**
-   * sanitize attribute for link
-   * @param {object} attribute - attribute for link
-   * @returns {object} sanitized attribute
-   * @private
-   */
-
-
-  _createClass(ToastUIEditor, [{
-    key: '_sanitizeLinkAttribute',
-    value: function _sanitizeLinkAttribute(attribute) {
-      var linkAttribute = {};
-
-      availableLinkAttributes.forEach(function (key) {
-        if (!_tuiCodeSnippet2.default.isUndefined(attribute[key])) {
-          linkAttribute[key] = attribute[key];
-        }
-      });
-
-      return linkAttribute;
-    }
-
-    /**
-     * change preview style
-     * @param {string} style - 'tab'|'vertical'
-     */
-
-  }, {
-    key: 'changePreviewStyle',
-    value: function changePreviewStyle(style) {
-      this.layout.changePreviewStyle(style);
-      this.mdPreviewStyle = style;
-      this.eventManager.emit('changePreviewStyle', style);
-      this.eventManager.emit('previewNeedsRefresh');
-    }
-
-    /**
-     * call commandManager's exec method
-     * @param {*} ...args Command argument
-     */
-
-  }, {
-    key: 'exec',
-    value: function exec() {
-      var _commandManager;
-
-      (_commandManager = this.commandManager).exec.apply(_commandManager, arguments);
-    }
-
-    /**
-     * add default commands
-     * @private
-     */
-
-  }, {
-    key: '_addDefaultCommands',
-    value: function _addDefaultCommands() {
-      this.addCommand(_bold2.default);
-      this.addCommand(_italic2.default);
-      this.addCommand(_blockquote2.default);
-      this.addCommand(_heading2.default);
-      this.addCommand(_paragraph2.default);
-      this.addCommand(_hr2.default);
-      this.addCommand(_addLink2.default);
-      this.addCommand(_addImage2.default);
-      this.addCommand(_ul2.default);
-      this.addCommand(_ol2.default);
-      this.addCommand(_indent2.default);
-      this.addCommand(_outdent2.default);
-      this.addCommand(_table2.default);
-      this.addCommand(_task2.default);
-      this.addCommand(_code2.default);
-      this.addCommand(_codeBlock2.default);
-      this.addCommand(_strike2.default);
-
-      this.addCommand(_bold4.default);
-      this.addCommand(_italic4.default);
-      this.addCommand(_blockquote4.default);
-      this.addCommand(_ul4.default);
-      this.addCommand(_ol4.default);
-      this.addCommand(_addImage4.default);
-      this.addCommand(_addLink4.default);
-      this.addCommand(_hr4.default);
-      this.addCommand(_heading4.default);
-      this.addCommand(_paragraph4.default);
-      this.addCommand(_indent4.default);
-      this.addCommand(_outdent4.default);
-      this.addCommand(_task4.default);
-      this.addCommand(_table4.default);
-      this.addCommand(_tableAddRow2.default);
-      this.addCommand(_tableAddCol2.default);
-      this.addCommand(_tableRemoveRow2.default);
-      this.addCommand(_tableRemoveCol2.default);
-      this.addCommand(_tableAlignCol2.default);
-      this.addCommand(_tableRemove2.default);
-      this.addCommand(_code4.default);
-      this.addCommand(_codeBlock4.default);
-      this.addCommand(_strike4.default);
-    }
-  }, {
-    key: 'addCommand',
-    value: function addCommand(type, props) {
-      if (!props) {
-        this.commandManager.addCommand(type);
-      } else {
-        this.commandManager.addCommand(_commandManager3.default.command(type, props));
-      }
-    }
-
-    /**
-     * After added command.
-     */
-
-  }, {
-    key: 'afterAddedCommand',
-    value: function afterAddedCommand() {
-      this.eventManager.emit('afterAddedCommand', this);
-    }
-
-    /**
-     * Bind eventHandler to event type
-     * @param {string} type Event type
-     * @param {function} handler Event handler
-     */
-
-  }, {
-    key: 'on',
-    value: function on(type, handler) {
-      this.eventManager.listen(type, handler);
-    }
-
-    /**
-     * Unbind eventHandler from event type
-     * @param {string} type Event type
-     */
-
-  }, {
-    key: 'off',
-    value: function off(type) {
-      this.eventManager.removeEventHandler(type);
-    }
-
-    /**
-     * Add hook to TUIEditor event
-     * @param {string} type Event type
-     * @param {function} handler Event handler
-     */
-
-  }, {
-    key: 'addHook',
-    value: function addHook(type, handler) {
-      this.eventManager.removeEventHandler(type);
-      this.eventManager.listen(type, handler);
-    }
-
-    /**
-     * Remove hook from TUIEditor event
-     * @param {string} type Event type
-     */
-
-  }, {
-    key: 'removeHook',
-    value: function removeHook(type) {
-      this.eventManager.removeEventHandler(type);
-    }
-
-    /**
-     * Get CodeMirror instance
-     * @returns {CodeMirror}
-     */
-
-  }, {
-    key: 'getCodeMirror',
-    value: function getCodeMirror() {
-      return this.mdEditor.getEditor();
-    }
-
-    /**
-     * Get SquireExt instance
-     * @returns {SquireExt}
-     */
-
-  }, {
-    key: 'getSquire',
-    value: function getSquire() {
-      return this.wwEditor.getEditor();
-    }
-
-    /**
-     * Set focus to current Editor
-     */
-
-  }, {
-    key: 'focus',
-    value: function focus() {
-      this.getCurrentModeEditor().focus();
-    }
-
-    /**
-     * Remove focus of current Editor
-     */
-
-  }, {
-    key: 'blur',
-    value: function blur() {
-      this.getCurrentModeEditor().blur();
-    }
-
-    /**
-     * Set cursor position to end
-     */
-
-  }, {
-    key: 'moveCursorToEnd',
-    value: function moveCursorToEnd() {
-      this.getCurrentModeEditor().moveCursorToEnd();
-    }
-
-    /**
-     * Set cursor position to start
-     */
-
-  }, {
-    key: 'moveCursorToStart',
-    value: function moveCursorToStart() {
-      this.getCurrentModeEditor().moveCursorToStart();
-    }
-
-    /**
-     * Set markdown syntax text.
-     * @param {string} markdown - markdown syntax text.
-     * @param {boolean} [cursorToEnd=true] - move cursor to contents end
-     */
-
-  }, {
-    key: 'setMarkdown',
-    value: function setMarkdown(markdown) {
-      var cursorToEnd = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
-      markdown = markdown || '';
-
-      if (this.isMarkdownMode()) {
-        this.mdEditor.setValue(markdown, cursorToEnd);
-      } else {
-        this.wwEditor.setValue(this.convertor.toHTML(markdown), cursorToEnd);
-      }
-
-      this.eventManager.emit('setMarkdownAfter', markdown);
-    }
-
-    /**
-     * Set html value.
-     * @param {string} html - html syntax text
-     * @param {boolean} [cursorToEnd=true] - move cursor to contents end
-     */
-
-  }, {
-    key: 'setHtml',
-    value: function setHtml(html) {
-      var cursorToEnd = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
-      html = html || '';
-      this.wwEditor.setValue(html, cursorToEnd);
-
-      if (this.isMarkdownMode()) {
-        var markdown = this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions);
-        this.mdEditor.setValue(markdown, cursorToEnd);
-        this.eventManager.emit('setMarkdownAfter', markdown);
-      }
-    }
-
-    /**
-     * Set markdown syntax text.
-     * @param {string} value - markdown syntax text
-     * @param {boolean} [cursorToEnd=true] - move cursor to contents end
-     * @deprecated
-     */
-
-  }, {
-    key: 'setValue',
-    value: function setValue(value) {
-      var cursorToEnd = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
-      this.setMarkdown(value, cursorToEnd);
-    }
-
-    /**
-     * Get markdown syntax text.
-     * @returns {string}
-     */
-
-  }, {
-    key: 'getMarkdown',
-    value: function getMarkdown() {
-      var markdown = void 0;
-
-      if (this.isMarkdownMode()) {
-        markdown = this.mdEditor.getValue();
-      } else {
-        markdown = this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions);
-      }
-
-      return markdown;
-    }
-
-    /**
-     * Get html syntax text.
-     * @returns {string}
-     */
-
-  }, {
-    key: 'getHtml',
-    value: function getHtml() {
-      if (this.isWysiwygMode()) {
-        this.mdEditor.setValue(this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions));
-      }
-
-      return this.convertor.toHTML(this.mdEditor.getValue());
-    }
-
-    /**
-     * Get editor value.
-     * @returns {string}
-     * @deprecated
-     */
-
-  }, {
-    key: 'getValue',
-    value: function getValue() {
-      return this.getMarkdown();
-    }
-
-    /**
-     * Insert text
-     * @param {string} text - text string to insert
-     */
-
-  }, {
-    key: 'insertText',
-    value: function insertText(text) {
-      if (this.isMarkdownMode()) {
-        this.mdEditor.replaceSelection(text);
-      } else {
-        this.wwEditor.insertText(text);
-      }
-    }
-
-    /**
-     * Add widget to selection
-     * @param {Range} selection Current selection
-     * @param {Node} node widget node
-     * @param {string} style Adding style "over" or "bottom"
-     * @param {number} [offset] Offset for adjust position
-     */
-
-  }, {
-    key: 'addWidget',
-    value: function addWidget(selection, node, style, offset) {
-      this.getCurrentModeEditor().addWidget(selection, node, style, offset);
-    }
-
-    /**
-     * Set and return edithr height
-     * @param {string} height - editor height
-     * @returns {string} editor height
-     */
-
-  }, {
-    key: 'height',
-    value: function height(_height) {
-      if (_tuiCodeSnippet2.default.isExisty(_height)) {
-        if (_height === 'auto') {
-          (0, _jquery2.default)(this.options.el).addClass('auto-height');
-          this.minHeight(this.minHeight());
-        } else {
-          (0, _jquery2.default)(this.options.el).removeClass('auto-height');
-          this.minHeight(_height);
-        }
-        if (_tuiCodeSnippet2.default.isNumber(_height)) {
-          _height = _height + 'px';
-        }
-
-        this.options.el.style.height = _height;
-        this._height = _height;
-      }
-
-      return this._height;
-    }
-
-    /**
-     * Set / Get min content height
-     * @param {string} minHeight - min content height in pixel
-     * @returns {string} - min height in pixel
-     */
-
-  }, {
-    key: 'minHeight',
-    value: function minHeight(_minHeight) {
-      if (_tuiCodeSnippet2.default.isExisty(_minHeight)) {
-        var editorHeight = this._ui.getEditorHeight();
-        var editorSectionHeight = this._ui.getEditorSectionHeight();
-        var diffHeight = editorHeight - editorSectionHeight;
-        this._minHeight = _minHeight;
-
-        _minHeight = parseInt(_minHeight, 10);
-        _minHeight = Math.max(_minHeight - diffHeight, 0);
-
-        this.wwEditor.setMinHeight(_minHeight);
-        this.mdEditor.setMinHeight(_minHeight);
-        this.preview.setMinHeight(_minHeight);
-      }
-
-      return this._minHeight;
-    }
-
-    /**
-     * Get current editor mode name
-     * @returns {Object} MarkdownEditor or WysiwygEditor
-     */
-
-  }, {
-    key: 'getCurrentModeEditor',
-    value: function getCurrentModeEditor() {
-      var editor = void 0;
-
-      if (this.isMarkdownMode()) {
-        editor = this.mdEditor;
-      } else {
-        editor = this.wwEditor;
-      }
-
-      return editor;
-    }
-
-    /**
-     * Return true if current editor mode is Markdown
-     * @returns {boolean}
-     */
-
-  }, {
-    key: 'isMarkdownMode',
-    value: function isMarkdownMode() {
-      return this.currentMode === 'markdown';
-    }
-
-    /**
-     * Return true if current editor mode is WYSIWYG
-     * @returns {boolean}
-     */
-
-  }, {
-    key: 'isWysiwygMode',
-    value: function isWysiwygMode() {
-      return this.currentMode === 'wysiwyg';
-    }
-
-    /**
-     * Return false
-     * @returns {boolean}
-     */
-
-  }, {
-    key: 'isViewer',
-    value: function isViewer() {
-      return false;
-    }
-
-    /**
-     * Get current Markdown editor's preview style
-     * @returns {string}
-     */
-
-  }, {
-    key: 'getCurrentPreviewStyle',
-    value: function getCurrentPreviewStyle() {
-      return this.mdPreviewStyle;
-    }
-
-    /**
-     * Change editor's mode to given mode string
-     * @param {string} mode - Editor mode name of want to change
-     * @param {boolean} [isWithoutFocus] - Change mode without focus
-     */
-
-  }, {
-    key: 'changeMode',
-    value: function changeMode(mode, isWithoutFocus) {
-      if (this.currentMode === mode) {
-        return;
-      }
-
-      this.eventManager.emit('changeModeBefore', this.currentMode);
-
-      this.currentMode = mode;
-
-      if (this.isWysiwygMode()) {
-        this.layout.switchToWYSIWYG();
-        this.wwEditor.setValue(this.convertor.toHTML(this.mdEditor.getValue()), !isWithoutFocus);
-        this.eventManager.emit('changeModeToWysiwyg');
-      } else {
-        this.layout.switchToMarkdown();
-        this.mdEditor.resetState();
-        this.mdEditor.setValue(this.convertor.toMarkdown(this.wwEditor.getValue(), this.toMarkOptions), !isWithoutFocus);
-        this.getCodeMirror().refresh();
-        this.eventManager.emit('changeModeToMarkdown');
-      }
-
-      this.eventManager.emit('changeMode', mode);
-
-      if (!isWithoutFocus) {
-        this.focus();
-      }
-    }
-
-    /**
-     * Remove TUIEditor from document
-     */
-
-  }, {
-    key: 'remove',
-    value: function remove() {
-      var self = this;
-      var i = __nedInstance.length - 1;
-      this.wwEditor.remove();
-      this.mdEditor.remove();
-      this.layout.remove();
-      this.preview.remove();
-
-      if (this.getUI()) {
-        this.getUI().remove();
-      }
-
-      this.eventManager.emit('removeEditor');
-      this.eventManager.events.forEach(function (value, key) {
-        self.off(key);
-      });
-      this.eventManager = null;
-
-      for (; i >= 0; i -= 1) {
-        if (__nedInstance[i] === this) {
-          __nedInstance.splice(i, 1);
-        }
-      }
-    }
-
-    /**
-     * Hide TUIEditor
-     */
-
-  }, {
-    key: 'hide',
-    value: function hide() {
-      this.eventManager.emit('hide', this);
-    }
-
-    /**
-     * Show TUIEditor
-     */
-
-  }, {
-    key: 'show',
-    value: function show() {
-      this.eventManager.emit('show', this);
-      this.getCodeMirror().refresh();
-    }
-
-    /**
-     * Scroll Editor content to Top
-     * @param {number} value Scroll amount
-     * @returns {number}
-     */
-
-  }, {
-    key: 'scrollTop',
-    value: function scrollTop(value) {
-      return this.getCurrentModeEditor().scrollTop(value);
-    }
-
-    /**
-     * Set UI to private UI property
-     * @param {UI} UI UI instance
-     */
-
-  }, {
-    key: 'setUI',
-    value: function setUI(UI) {
-      this._ui = UI;
-    }
-
-    /**
-     * Get _ui property
-     * @returns {DefaultUI|UI}
-     */
-
-  }, {
-    key: 'getUI',
-    value: function getUI() {
-      return this._ui;
-    }
-
-    /**
-     * Reset TUIEditor
-     */
-
-  }, {
-    key: 'reset',
-    value: function reset() {
-      this.wwEditor.reset();
-      this.mdEditor.reset();
-    }
-
-    /**
-     * Get current range
-     * @returns {{start, end}|Range}
-     */
-
-  }, {
-    key: 'getRange',
-    value: function getRange() {
-      return this.getCurrentModeEditor().getRange();
-    }
-
-    /**
-     * Get text object of current range
-     * @param {{start, end}|Range} range Range object of each editor
-     * @returns {MdTextObject|WwTextObject} TextObject class
-     */
-
-  }, {
-    key: 'getTextObject',
-    value: function getTextObject(range) {
-      return this.getCurrentModeEditor().getTextObject(range);
-    }
-
-    /**
-     * get selected text
-     * @returns {string} - selected text
-     */
-
-  }, {
-    key: 'getSelectedText',
-    value: function getSelectedText() {
-      var range = this.getRange();
-      var textObject = this.getTextObject(range);
-
-      return textObject.getTextContent() || '';
-    }
-
-    /**
-     * Set the placeholder on all editors
-     * @param {string} placeholder - placeholder to set
-     */
-
-  }, {
-    key: 'setPlaceholder',
-    value: function setPlaceholder(placeholder) {
-      this.mdEditor.setPlaceholder(placeholder);
-      this.wwEditor.setPlaceholder(placeholder);
-    }
-
-    /**
-     * Get instance of TUIEditor
-     * @returns {Array}
-     */
-
-  }], [{
-    key: 'getInstances',
-    value: function getInstances() {
-      return __nedInstance;
-    }
-
-    /**
-     * Define extension
-     * @param {string} name Extension name
-     * @param {function} ext extension
-     */
-
-  }, {
-    key: 'defineExtension',
-    value: function defineExtension(name, ext) {
-      _extManager2.default.defineExtension(name, ext);
-    }
-
-    /**
-     * Factory method for Editor
-     * @param {object} options Option for initialize TUIEditor
-     * @returns {object} ToastUIEditor or ToastUIEditorViewer
-     */
-
-  }, {
-    key: 'factory',
-    value: function factory(options) {
-      var tuiEditor = void 0;
-
-      if (options.viewer) {
-        tuiEditor = new _viewer2.default(options);
-      } else {
-        tuiEditor = new ToastUIEditor(options);
-      }
-
-      return tuiEditor;
-    }
-  }]);
-
-  return ToastUIEditor;
-}();
-
-/**
- * check whther is viewer
- * @type {boolean}
- */
-
-
-ToastUIEditor.isViewer = false;
-
-/**
- * I18n instance
- * @type {I18n}
- */
-ToastUIEditor.i18n = _i18n2.default;
-
-/**
- * domUtil instance
- * @type {DomUtil}
- * @ignore
- */
-ToastUIEditor.domUtils = _domUtils2.default;
-
-/**
- * CodeBlockManager instance
- * @type {CodeBlockManager}
- */
-ToastUIEditor.codeBlockManager = _codeBlockManager2.default;
-
-/**
- * Button class
- * @type {Class.');
-      this.$el.append(this._$buttonOpenModalEditor);
-      this._eventManager.emit('removeEditor', function () {
-        _this2._$buttonOpenModalEditor.off('click');
-        _this2._$buttonOpenModalEditor = null;
-      });
-    }
-  }, {
-    key: '_initDOMEvent',
-    value: function _initDOMEvent() {
-      var _this3 = this;
-
-      this._$buttonOpenModalEditor.on('click', function () {
-        return _this3._openPopupCodeBlockEditor();
-      });
-    }
-  }, {
-    key: '_openPopupCodeBlockEditor',
-    value: function _openPopupCodeBlockEditor() {
-      this._eventManager.emit('openPopupCodeBlockEditor', this.getAttachedElement());
-    }
-  }, {
-    key: '_updateLanguage',
-    value: function _updateLanguage() {
-      var attachedElement = this.getAttachedElement();
-      var language = attachedElement ? attachedElement.getAttribute('data-language') : null;
-
-      this._$languageLabel.text(language ? language : 'text');
-    }
-
-    /**
-     * update gadget position
-     * @protected
-     * @override
-     */
-
-  }, {
-    key: 'syncLayout',
-    value: function syncLayout() {
-      var $attachedElement = (0, _jquery2.default)(this.getAttachedElement());
-      var offset = $attachedElement.offset();
-
-      offset.left = offset.left + ($attachedElement.outerWidth() - GADGET_WIDTH);
-
-      this.$el.offset(offset);
-      this.$el.height(GADGET_HEIGHT);
-      this.$el.width(GADGET_WIDTH);
-    }
-
-    /**
-     * on show
-     * @protected
-     * @override
-     */
-
-  }, {
-    key: 'onShow',
-    value: function onShow() {
-      var _this4 = this;
-
-      _get(CodeBlockGadget.prototype.__proto__ || Object.getPrototypeOf(CodeBlockGadget.prototype), 'onShow', this).call(this);
-
-      this._onAttachedElementChange = function () {
-        return _this4._updateLanguage();
-      };
-      (0, _jquery2.default)(this.getAttachedElement()).on(EVENT_LANGUAGE_CHANGED, this._onAttachedElementChange);
-
-      this._updateLanguage();
-    }
-
-    /**
-     * on hide
-     * @protected
-     * @override
-     */
-
-  }, {
-    key: 'onHide',
-    value: function onHide() {
-      (0, _jquery2.default)(this.getAttachedElement()).off(EVENT_LANGUAGE_CHANGED, this._onAttachedElementChange);
-
-      _get(CodeBlockGadget.prototype.__proto__ || Object.getPrototypeOf(CodeBlockGadget.prototype), 'onHide', this).call(this);
-    }
-  }]);
-
-  return CodeBlockGadget;
-}(_blockOverlay2.default);
-
-exports.default = CodeBlockGadget;
-
-/***/ }),
-/* 82 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @fileoverview Implements UI block overlay
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */
-
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-/**
- * Class BlockOverlay
- * @param {Object} options - options
- *     @param {EventManager} options.eventManager - event manager instance
- *     @param {HTMLElement} options.container - container element
- *     @param {string} options.attachedSelector - selector string to find attached element
- * @ignore
- */
-var BlockOverlay = function () {
-  function BlockOverlay(_ref) {
-    var eventManager = _ref.eventManager,
-        container = _ref.container,
-        attachedSelector = _ref.attachedSelector;
-
-    _classCallCheck(this, BlockOverlay);
-
-    this._eventManager = eventManager;
-    this._attachedSelector = '[contenteditable=true] ' + attachedSelector;
-    this._$container = (0, _jquery2.default)(container);
-    this._$attachedElement = null;
-
-    /**
-     * is activated.
-     * if this blockOverlay is active, It always be visible unconditionally.
-     * @type {boolean}
-     * @private
-     */
-    this.active = false;
-
-    this._createElement();
-    this._initEvent();
-  }
-
-  _createClass(BlockOverlay, [{
-    key: '_createElement',
-    value: function _createElement() {
-      this.$el = (0, _jquery2.default)('
    ');
-      this.$el.css({
-        position: 'absolute',
-        display: 'none',
-        'z-index': 1
-      });
-      this._$container.append(this.$el);
-    }
-  }, {
-    key: '_initEvent',
-    value: function _initEvent() {
-      var _this = this;
-
-      this._eventManager.listen('change', this._onChange.bind(this));
-      this._eventManager.listen('mouseover', this._onMouseOver.bind(this));
-      this._eventManager.listen('focus', function () {
-        _this.setVisibility(false);
-      });
-      this._eventManager.listen('mousedown', function () {
-        _this.setVisibility(false);
-      });
-    }
-  }, {
-    key: '_onChange',
-    value: function _onChange() {
-      if (this._$attachedElement && _jquery2.default.contains(document, this._$attachedElement[0])) {
-        this.syncLayout();
-      } else {
-        this.setVisibility(false);
-      }
-    }
-  }, {
-    key: '_onMouseOver',
-    value: function _onMouseOver(ev) {
-      var originalEvent = ev.data;
-      var $eventTarget = (0, _jquery2.default)(originalEvent.target);
-      var $attachedElement = $eventTarget.closest(this._attachedSelector);
-
-      if ($attachedElement.length) {
-        this._$attachedElement = $attachedElement;
-        this.setVisibility(true);
-      } else if ($eventTarget.closest(this.$el).length) {
-        this.setVisibility(true);
-      } else if (!this.active) {
-        this.setVisibility(false);
-      }
-    }
-
-    /**
-     * update blockOverlay position & size update to attached element
-     * you may want to override this to adjust position & size
-     * @protected
-     */
-
-  }, {
-    key: 'syncLayout',
-    value: function syncLayout() {
-      this.$el.offset(this._$attachedElement.offset());
-      this.$el.width(this._$attachedElement.outerWidth());
-      this.$el.height(this._$attachedElement.outerHeight());
-    }
-
-    /**
-     * attached element
-     * @protected
-     * @returns {HTMLElement} - attached element
-     */
-
-  }, {
-    key: 'getAttachedElement',
-    value: function getAttachedElement() {
-      return this._$attachedElement ? this._$attachedElement.get(0) : null;
-    }
-
-    /**
-     * visibility
-     * @protected
-     * @returns {boolean} visibility
-     */
-
-  }, {
-    key: 'getVisibility',
-    value: function getVisibility() {
-      return this.$el.css('display') === 'block';
-    }
-
-    /**
-     * visibility
-     * @param {boolean} visibility - is visible
-     * @protected
-     */
-
-  }, {
-    key: 'setVisibility',
-    value: function setVisibility(visibility) {
-      if (visibility && this._$attachedElement) {
-        if (!this.getVisibility()) {
-          this.$el.css('display', 'block');
-          this.syncLayout();
-          this.onShow();
-        }
-      } else if (!visibility) {
-        if (this.getVisibility()) {
-          this.$el.css('display', 'none');
-          this.onHide();
-        }
-      }
-    }
-
-    /**
-     * called on show. you may want to override to get the event
-     * @protected
-     * @abstract
-     */
-
-  }, {
-    key: 'onShow',
-    value: function onShow() {}
-
-    /**
-     * called on hide. you may want to override to get the event
-     * @protected
-     */
-
-  }, {
-    key: 'onHide',
-    value: function onHide() {
-      this.active = false;
-      this._$attachedElement = null;
-    }
-  }]);
-
-  return BlockOverlay;
-}();
-
-exports.default = BlockOverlay;
-
-/***/ }),
-/* 83 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @fileoverview editor layout
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */
-
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-/**
- * Editor container template
- * @type {string}
- * @ignore
- */
-var containerTmpl = ['
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    ', '
    '].join('');
-
-/**
- * Class Layout
- * @param {object} options - Option object
- * @param {EventManager} eventManager - Event manager instance
- * @ignore
- */
-
-var Layout = function () {
-  function Layout(options, eventManager) {
-    _classCallCheck(this, Layout);
-
-    this.$el = (0, _jquery2.default)(options.el);
-    this.height = options.height;
-    this.type = options.initialEditType;
-    this.eventManager = eventManager;
-
-    this.init();
-    this._initEvent();
-  }
-
-  /**
-   * Initializer
-   * @protected
-   */
-
-
-  _createClass(Layout, [{
-    key: 'init',
-    value: function init() {
-      this._renderLayout();
-
-      this._initMarkdownAndPreviewSection();
-      this._initWysiwygSection();
-    }
-
-    /**
-     * Initialize show and hide event
-     * @private
-     */
-
-  }, {
-    key: '_initEvent',
-    value: function _initEvent() {
-      this.eventManager.listen('hide', this.hide.bind(this));
-      this.eventManager.listen('show', this.show.bind(this));
-    }
-
-    /**
-     * Create editor container with template
-     * @private
-     */
-
-  }, {
-    key: '_renderLayout',
-    value: function _renderLayout() {
-      this.$el.css('box-sizing', 'border-box');
-      this.$containerEl = (0, _jquery2.default)(containerTmpl).appendTo(this.$el);
-    }
-
-    /**
-     * Switch editor mode to WYSIWYG
-     */
-
-  }, {
-    key: 'switchToWYSIWYG',
-    value: function switchToWYSIWYG() {
-      this.$containerEl.removeClass('te-md-mode');
-      this.$containerEl.addClass('te-ww-mode');
-    }
-
-    /**
-     * Switch editor mode to Markdown
-     */
-
-  }, {
-    key: 'switchToMarkdown',
-    value: function switchToMarkdown() {
-      this.$containerEl.removeClass('te-ww-mode');
-      this.$containerEl.addClass('te-md-mode');
-    }
-
-    /**
-     * Initialize editor to Markdown and set preview section
-     * @private
-     */
-
-  }, {
-    key: '_initMarkdownAndPreviewSection',
-    value: function _initMarkdownAndPreviewSection() {
-      this.$mdEditorContainerEl = this.$containerEl.find('.te-md-container .te-editor');
-      this.$previewEl = this.$containerEl.find('.te-md-container .te-preview');
-    }
-
-    /**
-     * Initialize editor to WYSIWYG
-     * @private
-     */
-
-  }, {
-    key: '_initWysiwygSection',
-    value: function _initWysiwygSection() {
-      this.$wwEditorContainerEl = this.$containerEl.find('.te-ww-container .te-editor');
-    }
-
-    /**
-     * Set preview to vertical split style
-     * @private
-     */
-
-  }, {
-    key: '_verticalSplitStyle',
-    value: function _verticalSplitStyle() {
-      this.$containerEl.find('.te-md-container').removeClass('te-preview-style-tab');
-      this.$containerEl.find('.te-md-container').addClass('te-preview-style-vertical');
-    }
-
-    /**
-     * Set tab style preview mode
-     * @private
-     */
-
-  }, {
-    key: '_tabStyle',
-    value: function _tabStyle() {
-      this.$containerEl.find('.te-md-container').removeClass('te-preview-style-vertical');
-      this.$containerEl.find('.te-md-container').addClass('te-preview-style-tab');
-    }
-
-    /**
-     * Toggle preview style between tab and vertical split
-     * @param {string} style Preview style ('tab' or 'vertical')
-     */
-
-  }, {
-    key: 'changePreviewStyle',
-    value: function changePreviewStyle(style) {
-      if (style === 'tab') {
-        this._tabStyle();
-      } else if (style === 'vertical') {
-        this._verticalSplitStyle();
-      }
-    }
-
-    /**
-     * Hide Editor
-     */
-
-  }, {
-    key: 'hide',
-    value: function hide() {
-      this.$el.find('.tui-editor').addClass('te-hide');
-    }
-
-    /**
-     * Show Editor
-     */
-
-  }, {
-    key: 'show',
-    value: function show() {
-      this.$el.find('.tui-editor').removeClass('te-hide');
-    }
-
-    /**
-     * Remove Editor
-     */
-
-  }, {
-    key: 'remove',
-    value: function remove() {
-      this.$el.find('.tui-editor').remove();
-    }
-
-    /**
-     * Get jQuery wrapped editor container element
-     * @returns {jQuery}
-     */
-
-  }, {
-    key: 'getEditorEl',
-    value: function getEditorEl() {
-      return this.$containerEl;
-    }
-
-    /**
-     * Get jQuery wrapped preview element
-     * @returns {jQuery}
-     */
-
-  }, {
-    key: 'getPreviewEl',
-    value: function getPreviewEl() {
-      return this.$previewEl;
-    }
-
-    /**
-     * Get jQuery wrapped Markdown editor element
-     * @returns {jQuery}
-     */
-
-  }, {
-    key: 'getMdEditorContainerEl',
-    value: function getMdEditorContainerEl() {
-      return this.$mdEditorContainerEl;
-    }
-
-    /**
-     * Get jQuery wrapped WYSIWYG editor element
-     * @returns {jQuery}
-     */
-
-  }, {
-    key: 'getWwEditorContainerEl',
-    value: function getWwEditorContainerEl() {
-      return this.$wwEditorContainerEl;
-    }
-  }]);
-
-  return Layout;
-}();
-
-exports.default = Layout;
-
-/***/ }),
-/* 84 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @fileoverview Implements Command
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */
-
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-/**
- * Class Command
- * @param {string} name Command name
- * @param {number} type Command type (Command.TYPE)
- * @param {Array.} [keyMap] keyMap
- * @ignore
- */
-var Command = function () {
-  function Command(name, type, keyMap) {
-    _classCallCheck(this, Command);
-
-    this.name = name;
-    this.type = type;
-
-    if (keyMap) {
-      this.setKeyMap(keyMap);
-    }
-  }
-
-  /**
-   * returns Name of command
-   * @returns {string} Command Name
-   */
-
-
-  _createClass(Command, [{
-    key: 'getName',
-    value: function getName() {
-      return this.name;
-    }
-
-    /**
-     * returns Type of command
-     * @returns {number} Command Command type number
-     */
-
-  }, {
-    key: 'getType',
-    value: function getType() {
-      return this.type;
-    }
-
-    /**
-     * returns whether Command Type is Markdown or not
-     * @returns {boolean} result
-     */
-
-  }, {
-    key: 'isMDType',
-    value: function isMDType() {
-      return this.type === Command.TYPE.MD;
-    }
-
-    /**
-     * returns whether Command Type is Wysiwyg or not
-     * @returns {boolean} result
-     */
-
-  }, {
-    key: 'isWWType',
-    value: function isWWType() {
-      return this.type === Command.TYPE.WW;
-    }
-
-    /**
-     * returns whether Command Type is Global or not
-     * @returns {boolean} result
-     */
-
-  }, {
-    key: 'isGlobalType',
-    value: function isGlobalType() {
-      return this.type === Command.TYPE.GB;
-    }
-
-    /**
-     * Set keymap value for each os
-     * @param {string} win Windows Key(and etc)
-     * @param {string} mac Mac osx key
-     */
-
-  }, {
-    key: 'setKeyMap',
-    value: function setKeyMap(win, mac) {
-      this.keyMap = [win, mac];
-    }
-  }]);
-
-  return Command;
-}();
-
-/**
- * Command factory method
- * @param {string} typeStr Editor type name
- * @param {object} props Property
- *     @param {string} props.name Command name
- *     @param {number} props.type Command type number
- * @returns {Command}
- * @static
- */
-
-
-Command.factory = function (typeStr, props) {
-  var type = void 0;
-
-  if (typeStr === 'markdown') {
-    type = Command.TYPE.MD;
-  } else if (typeStr === 'wysiwyg') {
-    type = Command.TYPE.WW;
-  } else if (typeStr === 'global') {
-    type = Command.TYPE.GB;
-  }
-
-  var command = new Command(props.name, type);
-
-  _tuiCodeSnippet2.default.extend(command, props);
-
-  return command;
-};
-
-/**
- * Command Type Constant
- * markdown : 0
- * wysiwyg : 1
- * global : 2
- * @type {object}
- * @private
- */
-Command.TYPE = {
-  MD: 0,
-  WW: 1,
-  GB: 2
-};
-
-exports.default = Command;
-
-/***/ }),
-/* 85 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__85__;
-
-/***/ }),
-/* 86 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-// Copyright (c) 2016, Revin Guillen.
-// Distributed under an MIT license: https://github.com/revin/markdown-it-task-lists/
-
-/**
- * @fileoverview Implements markdownitTaskPlugin
- * @modifier Sungho Kim(sungho-kim@nhn.com) FE Development Lab/NHN
- * @modifier Junghwan Park(junghwan.park@nhn.com) FE Development Lab/NHN
- */
-/* eslint-disable */
-
-/**
- * Task list renderer for Markdown-it
- * @param {object} markdownit Markdown-it instance
- * @ignore
- */
-var MarkdownitTaskRenderer = function MarkdownitTaskRenderer(markdownit) {
-    markdownit.core.ruler.after('inline', 'tui-task-list', function (state) {
-        var TASK_LIST_ITEM_CLASS_NAME = 'task-list-item';
-        var CHECKED_CLASS_NAME = 'checked';
-        var tokens = state.tokens;
-        var className;
-        var tokenIndex;
-
-        // tokenIndex=0 'ul', tokenIndex=1 'li', tokenIndex=2 'p_open'
-        for (tokenIndex = 2; tokenIndex < tokens.length; tokenIndex += 1) {
-            if (isTaskListItemToken(tokens, tokenIndex)) {
-                if (isChecked(tokens[tokenIndex])) {
-                    className = TASK_LIST_ITEM_CLASS_NAME + ' ' + CHECKED_CLASS_NAME;
-                } else {
-                    className = TASK_LIST_ITEM_CLASS_NAME;
-                }
-
-                removeMarkdownTaskFormatText(tokens[tokenIndex]);
-
-                setTokenAttribute(tokens[tokenIndex - 2], 'class', className);
-                setTokenAttribute(tokens[tokenIndex - 2], 'data-te-task', '');
-            }
-        }
-    });
-};
-
-/**
- * Remove task format text for rendering
- * @param {object} token Token object
- * @ignore
- */
-function removeMarkdownTaskFormatText(token) {
-    // '[X] ' length is 4
-    // FIXED: we don't need first space
-    token.content = token.content.slice(4);
-    token.children[0].content = token.children[0].content.slice(4);
-}
-
-/**
- * Return boolean value whether task checked or not
- * @param {object} token Token object
- * @returns {boolean}
- * @ignore
- */
-function isChecked(token) {
-    var checked = false;
-
-    if (token.content.indexOf('[x]') === 0 || token.content.indexOf('[X]') === 0) {
-        checked = true;
-    }
-
-    return checked;
-}
-
-/**
- * Set attribute of passed token
- * @param {object} token Token object
- * @param {string} attributeName Attribute name for set
- * @param {string} attributeValue Attribute value for set
- * @ignore
- */
-function setTokenAttribute(token, attributeName, attributeValue) {
-    var index = token.attrIndex(attributeName);
-    var attr = [attributeName, attributeValue];
-
-    if (index < 0) {
-        token.attrPush(attr);
-    } else {
-        token.attrs[index] = attr;
-    }
-}
-
-/**
- * Return boolean value whether task list item or not
- * @param {array} tokens Token object
- * @param {number} index Number of token index
- * @returns {boolean}
- * @ignore
- */
-function isTaskListItemToken(tokens, index) {
-    return tokens[index].type === 'inline' && tokens[index - 1].type === 'paragraph_open' && tokens[index - 2].type === 'list_item_open' && (tokens[index].content.indexOf('[ ]') === 0 || tokens[index].content.indexOf('[x]') === 0 || tokens[index].content.indexOf('[X]') === 0);
-}
-/* eslint-enable */
-
-module.exports = MarkdownitTaskRenderer;
-
-/***/ }),
-/* 87 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-// Copyright (c) 2016, Revin Guillen.
-// Distributed under an MIT license: https://github.com/revin/markdown-it-task-lists/
-/* eslint-disable */
-/**
- * @fileoverview Implements markdownitCodeBlockPlugin
- * @modifier NHN FE Development Lab 
- */
-
-/**
- * Code block renderer for Markdown-it
- * @param {object} markdownit Markdown-it instance
- * @ignore
- */
-var MarkdownitCodeBlockRenderer = function MarkdownitCodeBlockRenderer(markdownit) {
-    markdownit.core.ruler.after('block', 'tui-code-block', function (state) {
-        var DEFAULT_NUMBER_OF_BACKTICKS = 3;
-        var tokens = state.tokens;
-        var currentToken, tokenIndex, numberOfBackticks;
-
-        for (tokenIndex = 0; tokenIndex < tokens.length; tokenIndex += 1) {
-            currentToken = tokens[tokenIndex];
-
-            if (isCodeFenceToken(currentToken)) {
-                numberOfBackticks = currentToken.markup.length;
-                if (numberOfBackticks > DEFAULT_NUMBER_OF_BACKTICKS) {
-                    setTokenAttribute(currentToken, 'data-backticks', numberOfBackticks, true);
-                }
-                if (currentToken.info) {
-                    setTokenAttribute(currentToken, 'data-language', escape(currentToken.info.replace(' ', ''), true));
-                }
-            }
-        }
-    });
-};
-
-/**
- * Set attribute of passed token
- * @param {object} token Token object
- * @param {string} attributeName Attribute name for set
- * @param {string} attributeValue Attribute value for set
- * @ignore
- */
-function setTokenAttribute(token, attributeName, attributeValue) {
-    var index = token.attrIndex(attributeName);
-    var attr = [attributeName, attributeValue];
-
-    if (index < 0) {
-        token.attrPush(attr);
-    } else {
-        token.attrs[index] = attr;
-    }
-}
-/**
- * Return boolean value whether passed token is code fence or not
- * @param {object} token Token object
- * @returns {boolean}
- * @ignore
- */
-function isCodeFenceToken(token) {
-    return token.block === true && token.tag === 'code' && token.type === 'fence';
-}
-
-/**
- * escape code from markdown-it
- * @param {string} html HTML string
- * @param {string} encode Boolean value of whether encode or not
- * @returns {string}
- * @ignore
- */
-function escape(html, encode) {
-    return html.replace(!encode ? /&(?!#?\w+;)/g : /&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/'/g, ''');
-}
-/* eslint-enable */
-
-module.exports = MarkdownitCodeBlockRenderer;
-
-/***/ }),
-/* 88 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-// Copyright (c) 2014 Vitaly Puzrin, Alex Kocharin.
-// Distributed under an ISC license: https://github.com/markdown-it/markdown-it/
-/**
- * @fileoverview Implements MarkdownItCodeRenderer
- * @modifier NHN FE Development Lab 
- */
-
-/* eslint-disable */
-module.exports = function code(state, startLine, endLine /*, silent*/) {
-    // Added by Junghwan Park
-    var FIND_LIST_RX = / {0,3}(?:-|\*|\d\.) /;
-    var lines = state.src.split('\n');
-    var currentLine = lines[startLine];
-    // Added by Junghwan Park
-
-    var nextLine,
-        last,
-        token,
-        emptyLines = 0;
-
-    // Add condition by Junghwan Park
-    if (currentLine.match(FIND_LIST_RX) || state.sCount[startLine] - state.blkIndent < 4) {
-        // Add condition by Junghwan Park
-        return false;
-    }
-
-    last = nextLine = startLine + 1;
-
-    while (nextLine < endLine) {
-        if (state.isEmpty(nextLine)) {
-            emptyLines++;
-
-            // workaround for lists: 2 blank lines should terminate indented
-            // code block, but not fenced code block
-            if (emptyLines >= 2 && state.parentType === 'list') {
-                break;
-            }
-
-            nextLine++;
-            continue;
-        }
-
-        emptyLines = 0;
-
-        if (state.sCount[nextLine] - state.blkIndent >= 4) {
-            nextLine++;
-            last = nextLine;
-            continue;
-        }
-        break;
-    }
-
-    state.line = last;
-
-    token = state.push('code_block', 'code', 0);
-    token.content = state.getLines(startLine, last, 4 + state.blkIndent, true);
-    token.map = [startLine, state.line];
-
-    return true;
-};
-/* eslint-enable */
-
-/***/ }),
-/* 89 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-// Copyright (c) 2014 Vitaly Puzrin, Alex Kocharin.
-// Distributed under MIT license: https://github.com/markdown-it/markdown-it/
-/**
- * @fileoverview Implements markdownitCodeBlockQuoteRenderer
- * @modifier NHN FE Development Lab 
- */
-
-/* eslint-disable */
-
-// Block quotes
-
-
-
-// prevent quote, pre in list #811
-// ref: #989
-// #811 START
-// var isSpace = require('../common/utils').isSpace;
-
-function isSpace(code) {
-  switch (code) {
-    case 0x09:
-    case 0x20:
-      return true;
-  }
-  return false;
-}
-// #811 END
-
-module.exports = function blockquote(state, startLine, endLine, silent) {
-  var adjustTab,
-      ch,
-      i,
-      initial,
-      l,
-      lastLineEmpty,
-      lines,
-      nextLine,
-      offset,
-      oldBMarks,
-      oldBSCount,
-      oldIndent,
-      oldParentType,
-      oldSCount,
-      oldTShift,
-      spaceAfterMarker,
-      terminate,
-      terminatorRules,
-      token,
-      wasOutdented,
-      oldLineMax = state.lineMax,
-      pos = state.bMarks[startLine] + state.tShift[startLine],
-      max = state.eMarks[startLine];
-
-  // #811 START
-  var FIND_LIST_RX = /(?:-|\*|\d+\.) {1,4}(?:> {0,3})[^>]*$/;
-  var sourceLines = state.src.split('\n');
-  var currentLine = sourceLines[startLine];
-  // #811 END
-
-  // if it's indented more than 3 spaces, it should be a code block
-  if (state.sCount[startLine] - state.blkIndent >= 4) {
-    return false;
-  }
-
-  // check the block quote marker
-  if (state.src.charCodeAt(pos++) !== 0x3E /* > */) {
-      return false;
-    }
-  // #811 START
-  // check block quote in list
-  if (currentLine.match(FIND_LIST_RX) /*&& !currentLine.match(/^ {0,6}>/)*/) {
-      return false;
-    }
-  // #811 END
-
-  // we know that it's going to be a valid blockquote,
-  // so no point trying to find the end of it in silent mode
-  if (silent) {
-    return true;
-  }
-
-  // skip spaces after ">" and re-calculate offset
-  initial = offset = state.sCount[startLine] + pos - (state.bMarks[startLine] + state.tShift[startLine]);
-
-  // skip one optional space after '>'
-  if (state.src.charCodeAt(pos) === 0x20 /* space */) {
-      // ' >   test '
-      //     ^ -- position start of line here:
-      pos++;
-      initial++;
-      offset++;
-      adjustTab = false;
-      spaceAfterMarker = true;
-    } else if (state.src.charCodeAt(pos) === 0x09 /* tab */) {
-      spaceAfterMarker = true;
-
-      if ((state.bsCount[startLine] + offset) % 4 === 3) {
-        // '  >\t  test '
-        //       ^ -- position start of line here (tab has width===1)
-        pos++;
-        initial++;
-        offset++;
-        adjustTab = false;
-      } else {
-        // ' >\t  test '
-        //    ^ -- position start of line here + shift bsCount slightly
-        //         to make extra space appear
-        adjustTab = true;
-      }
-    } else {
-    spaceAfterMarker = false;
-  }
-
-  oldBMarks = [state.bMarks[startLine]];
-  state.bMarks[startLine] = pos;
-
-  while (pos < max) {
-    ch = state.src.charCodeAt(pos);
-
-    if (isSpace(ch)) {
-      if (ch === 0x09) {
-        offset += 4 - (offset + state.bsCount[startLine] + (adjustTab ? 1 : 0)) % 4;
-      } else {
-        offset++;
-      }
-    } else {
-      break;
-    }
-
-    pos++;
-  }
-
-  oldBSCount = [state.bsCount[startLine]];
-  state.bsCount[startLine] = state.sCount[startLine] + 1 + (spaceAfterMarker ? 1 : 0);
-
-  lastLineEmpty = pos >= max;
-
-  oldSCount = [state.sCount[startLine]];
-  state.sCount[startLine] = offset - initial;
-
-  oldTShift = [state.tShift[startLine]];
-  state.tShift[startLine] = pos - state.bMarks[startLine];
-
-  terminatorRules = state.md.block.ruler.getRules('blockquote');
-
-  oldParentType = state.parentType;
-  state.parentType = 'blockquote';
-  wasOutdented = false;
-
-  // Search the end of the block
-  //
-  // Block ends with either:
-  //  1. an empty line outside:
-  //     ```
-  //     > test
-  //
-  //     ```
-  //  2. an empty line inside:
-  //     ```
-  //     >
-  //     test
-  //     ```
-  //  3. another tag:
-  //     ```
-  //     > test
-  //      - - -
-  //     ```
-  for (nextLine = startLine + 1; nextLine < endLine; nextLine++) {
-    // check if it's outdented, i.e. it's inside list item and indented
-    // less than said list item:
-    //
-    // ```
-    // 1. anything
-    //    > current blockquote
-    // 2. checking this line
-    // ```
-    if (state.sCount[nextLine] < state.blkIndent) wasOutdented = true;
-
-    pos = state.bMarks[nextLine] + state.tShift[nextLine];
-    max = state.eMarks[nextLine];
-
-    if (pos >= max) {
-      // Case 1: line is not inside the blockquote, and this line is empty.
-      break;
-    }
-
-    if (state.src.charCodeAt(pos++) === 0x3E /* > */ && !wasOutdented) {
-      // This line is inside the blockquote.
-
-      // skip spaces after ">" and re-calculate offset
-      initial = offset = state.sCount[nextLine] + pos - (state.bMarks[nextLine] + state.tShift[nextLine]);
-
-      // skip one optional space after '>'
-      if (state.src.charCodeAt(pos) === 0x20 /* space */) {
-          // ' >   test '
-          //     ^ -- position start of line here:
-          pos++;
-          initial++;
-          offset++;
-          adjustTab = false;
-          spaceAfterMarker = true;
-        } else if (state.src.charCodeAt(pos) === 0x09 /* tab */) {
-          spaceAfterMarker = true;
-
-          if ((state.bsCount[nextLine] + offset) % 4 === 3) {
-            // '  >\t  test '
-            //       ^ -- position start of line here (tab has width===1)
-            pos++;
-            initial++;
-            offset++;
-            adjustTab = false;
-          } else {
-            // ' >\t  test '
-            //    ^ -- position start of line here + shift bsCount slightly
-            //         to make extra space appear
-            adjustTab = true;
-          }
-        } else {
-        spaceAfterMarker = false;
-      }
-
-      oldBMarks.push(state.bMarks[nextLine]);
-      state.bMarks[nextLine] = pos;
-
-      while (pos < max) {
-        ch = state.src.charCodeAt(pos);
-
-        if (isSpace(ch)) {
-          if (ch === 0x09) {
-            offset += 4 - (offset + state.bsCount[nextLine] + (adjustTab ? 1 : 0)) % 4;
-          } else {
-            offset++;
-          }
-        } else {
-          break;
-        }
-
-        pos++;
-      }
-
-      lastLineEmpty = pos >= max;
-
-      oldBSCount.push(state.bsCount[nextLine]);
-      state.bsCount[nextLine] = state.sCount[nextLine] + 1 + (spaceAfterMarker ? 1 : 0);
-
-      oldSCount.push(state.sCount[nextLine]);
-      state.sCount[nextLine] = offset - initial;
-
-      oldTShift.push(state.tShift[nextLine]);
-      state.tShift[nextLine] = pos - state.bMarks[nextLine];
-      continue;
-    }
-
-    // Case 2: line is not inside the blockquote, and the last line was empty.
-    if (lastLineEmpty) {
-      break;
-    }
-
-    // Case 3: another tag found.
-    terminate = false;
-    for (i = 0, l = terminatorRules.length; i < l; i++) {
-      if (terminatorRules[i](state, nextLine, endLine, true)) {
-        terminate = true;
-        break;
-      }
-    }
-
-    if (terminate) {
-      // Quirk to enforce "hard termination mode" for paragraphs;
-      // normally if you call `tokenize(state, startLine, nextLine)`,
-      // paragraphs will look below nextLine for paragraph continuation,
-      // but if blockquote is terminated by another tag, they shouldn't
-      state.lineMax = nextLine;
-
-      if (state.blkIndent !== 0) {
-        // state.blkIndent was non-zero, we now set it to zero,
-        // so we need to re-calculate all offsets to appear as
-        // if indent wasn't changed
-        oldBMarks.push(state.bMarks[nextLine]);
-        oldBSCount.push(state.bsCount[nextLine]);
-        oldTShift.push(state.tShift[nextLine]);
-        oldSCount.push(state.sCount[nextLine]);
-        state.sCount[nextLine] -= state.blkIndent;
-      }
-
-      break;
-    }
-
-    oldBMarks.push(state.bMarks[nextLine]);
-    oldBSCount.push(state.bsCount[nextLine]);
-    oldTShift.push(state.tShift[nextLine]);
-    oldSCount.push(state.sCount[nextLine]);
-
-    // A negative indentation means that this is a paragraph continuation
-    //
-    state.sCount[nextLine] = -1;
-  }
-
-  oldIndent = state.blkIndent;
-  state.blkIndent = 0;
-
-  token = state.push('blockquote_open', 'blockquote', 1);
-  token.markup = '>';
-  token.map = lines = [startLine, 0];
-
-  state.md.block.tokenize(state, startLine, nextLine);
-
-  token = state.push('blockquote_close', 'blockquote', -1);
-  token.markup = '>';
-
-  state.lineMax = oldLineMax;
-  state.parentType = oldParentType;
-  lines[1] = state.line;
-
-  // Restore original tShift; this might not be necessary since the parser
-  // has already been here, but just to make sure we can do that.
-  for (i = 0; i < oldTShift.length; i++) {
-    state.bMarks[i + startLine] = oldBMarks[i];
-    state.tShift[i + startLine] = oldTShift[i];
-    state.sCount[i + startLine] = oldSCount[i];
-    state.bsCount[i + startLine] = oldBSCount[i];
-  }
-  state.blkIndent = oldIndent;
-
-  return true;
-};
-
-/***/ }),
-/* 90 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-// Copyright (c) 2014 Vitaly Puzrin, Alex Kocharin.
-// Distributed under an ISC license: https://github.com/markdown-it/markdown-it/
-
-/**
- * @fileoverview Implements markdownitTableRenderer
- * @modifier NHN FE Development Lab 
- */
-
-/*eslint-disable */
-function getLine(state, line) {
-    var pos = state.bMarks[line] + state.blkIndent,
-        max = state.eMarks[line];
-
-    return state.src.substr(pos, max - pos);
-}
-
-function escapedSplit(str) {
-    var result = [],
-        pos = 0,
-        max = str.length,
-        ch,
-        escapes = 0,
-        lastPos = 0,
-        backTicked = false,
-        lastBackTick = 0;
-
-    ch = str.charCodeAt(pos);
-
-    while (pos < max) {
-        if (ch === 0x60 /* ` */ && escapes % 2 === 0) {
-            backTicked = !backTicked;
-            lastBackTick = pos;
-        } else if (ch === 0x7c /* | */ && escapes % 2 === 0 && !backTicked) {
-            result.push(str.substring(lastPos, pos));
-            lastPos = pos + 1;
-        } else if (ch === 0x5c /* \ */) {
-                escapes += 1;
-            } else {
-            escapes = 0;
-        }
-
-        pos += 1;
-
-        // If there was an un-closed backtick, go back to just after
-        // the last backtick, but as if it was a normal character
-        if (pos === max && backTicked) {
-            backTicked = false;
-            pos = lastBackTick + 1;
-        }
-
-        ch = str.charCodeAt(pos);
-    }
-
-    result.push(str.substring(lastPos));
-
-    return result;
-}
-
-module.exports = function table(state, startLine, endLine, silent) {
-    var ch, lineText, pos, i, nextLine, columns, columnCount, token, aligns, alignCount, t, tableLines, tbodyLines;
-
-    // should have at least three lines
-    if (startLine + 2 > endLine) {
-        return false;
-    }
-
-    nextLine = startLine + 1;
-
-    if (state.sCount[nextLine] < state.blkIndent) {
-        return false;
-    }
-
-    // first character of the second line should be '|' or '-'
-
-    pos = state.bMarks[nextLine] + state.tShift[nextLine];
-    if (pos >= state.eMarks[nextLine]) {
-        return false;
-    }
-
-    ch = state.src.charCodeAt(pos);
-    if (ch !== 0x7C /* | */ && ch !== 0x2D /* - */ && ch !== 0x3A /* : */) {
-            return false;
-        }
-
-    lineText = getLine(state, startLine + 1);
-    if (!/^[-:| ]+$/.test(lineText)) {
-        return false;
-    }
-
-    columns = lineText.split('|');
-    aligns = [];
-    for (i = 0; i < columns.length; i += 1) {
-        t = columns[i].trim();
-        if (!t) {
-            // allow empty columns before and after table, but not in between columns;
-            // e.g. allow ` |---| `, disallow ` ---||--- `
-            if (i === 0 || i === columns.length - 1) {
-                continue;
-            } else {
-                return false;
-            }
-        }
-
-        if (!/^:?-+:?$/.test(t)) {
-            return false;
-        }
-        if (t.charCodeAt(t.length - 1) === 0x3A /* : */) {
-                aligns.push(t.charCodeAt(0) === 0x3A /* : */ ? 'center' : 'right');
-            } else if (t.charCodeAt(0) === 0x3A /* : */) {
-                aligns.push('left');
-            } else {
-            aligns.push('');
-        }
-    }
-    alignCount = aligns.length;
-
-    lineText = getLine(state, startLine).trim();
-    if (lineText.indexOf('|') === -1) {
-        return false;
-    }
-    columns = escapedSplit(lineText.replace(/^\||\|$/g, ''));
-
-    // header row will define an amount of columns in the entire table,
-    // and align row shouldn't be smaller than that (the rest of the rows can)
-    columnCount = columns.length;
-    if (columnCount > alignCount) {
-        return false;
-    } else if (columnCount < alignCount) {
-        for (i = 0; i < alignCount - columnCount; i += 1) {
-            columns.push('');
-        }
-        columnCount = columns.length;
-    }
-
-    if (silent) {
-        return true;
-    }
-
-    token = state.push('table_open', 'table', 1);
-    token.map = tableLines = [startLine, 0];
-
-    token = state.push('thead_open', 'thead', 1);
-    token.map = [startLine, startLine + 1];
-
-    token = state.push('tr_open', 'tr', 1);
-    token.map = [startLine, startLine + 1];
-
-    for (i = 0; i < columnCount; i += 1) {
-        token = state.push('th_open', 'th', 1);
-        token.map = [startLine, startLine + 1];
-        if (aligns[i]) {
-            // FIXED: change property style to align
-            token.attrs = [['align', aligns[i]]];
-        }
-
-        token = state.push('inline', '', 0);
-        token.content = columns[i].trim();
-        token.map = [startLine, startLine + 1];
-        token.children = [];
-
-        token = state.push('th_close', 'th', -1);
-    }
-
-    token = state.push('tr_close', 'tr', -1);
-    token = state.push('thead_close', 'thead', -1);
-
-    token = state.push('tbody_open', 'tbody', 1);
-    token.map = tbodyLines = [startLine + 2, 0];
-
-    for (nextLine = startLine + 2; nextLine < endLine; nextLine += 1) {
-        if (state.sCount[nextLine] < state.blkIndent) {
-            break;
-        }
-
-        lineText = getLine(state, nextLine);
-        if (lineText.indexOf('|') === -1) {
-            break;
-        }
-
-        // keep spaces at beginning of line to indicate an empty first cell, but
-        // strip trailing whitespace
-        columns = escapedSplit(lineText.replace(/^\||\|\s*$/g, ''));
-
-        token = state.push('tr_open', 'tr', 1);
-        for (i = 0; i < columnCount; i += 1) {
-            token = state.push('td_open', 'td', 1);
-            if (aligns[i]) {
-                // FIXED: change property style to align
-                token.attrs = [['align', aligns[i]]];
-            }
-
-            token = state.push('inline', '', 0);
-            token.content = columns[i] ? columns[i].trim() : '';
-            token.children = [];
-
-            token = state.push('td_close', 'td', -1);
-        }
-        token = state.push('tr_close', 'tr', -1);
-    }
-    token = state.push('tbody_close', 'tbody', -1);
-    token = state.push('table_close', 'table', -1);
-
-    tableLines[1] = tbodyLines[1] = nextLine;
-    state.line = nextLine;
-    return true;
-};
-
-/***/ }),
-/* 91 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-// Copyright (c) 2014 Vitaly Puzrin, Alex Kocharin.
-// Distributed under an ISC license: https://github.com/markdown-it/markdown-it/
-
-/**
- * @fileoverview Implements markdownitHtmlBlockRenderer
- * @modifier NHN FE Development Lab 
- */
-/* eslint-disable */
-// HTML block
-
-
-
-// An array of opening and corresponding closing sequences for html tags,
-// last argument defines whether it can terminate a paragraph or not
-//
-
-// void tag names --- Added by Junghwan Park
-
-var voidTagNames = ['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr'];
-var HTML_SEQUENCES = [[/^<(script|pre|style)(?=(\s|>|$))/i, /<\/(script|pre|style)>/i, true], [/^/, true], [/^<\?/, /\?>/, true], [/^/, true], [/^/, true], [new RegExp('^<(' + voidTagNames.join('|') + ')', 'i'), /^\/?>$/, true], [new RegExp('^|$))', 'i'), /^$/, true], [/^(?:<[A-Za-z][A-Za-z0-9\-]*(?:\s+[a-zA-Z_:][a-zA-Z0-9:._-]*(?:\s*=\s*(?:[^"'=<>`\x00-\x20]+|'[^']*'|"[^"]*"))?)*\s*\/?>|<\/[A-Za-z][A-Za-z0-9\-]*\s*>)\s*$/, /^$/, false]];
-
-module.exports = function html_block(state, startLine, endLine, silent) {
-    var i,
-        nextLine,
-        token,
-        lineText,
-        pos = state.bMarks[startLine] + state.tShift[startLine],
-        max = state.eMarks[startLine];
-
-    if (!state.md.options.html) {
-        return false;
-    }
-
-    if (state.src.charCodeAt(pos) !== 0x3C /* < */) {
-            return false;
-        }
-
-    lineText = state.src.slice(pos, max);
-
-    for (i = 0; i < HTML_SEQUENCES.length; i++) {
-        if (HTML_SEQUENCES[i][0].test(lineText)) {
-            // add condition for return when meet void element --- Added by Junghwan Park
-            if (i === 5) {
-                return false;
-            } else {
-                break;
-            }
-        }
-    }
-
-    if (i === HTML_SEQUENCES.length) {
-        return false;
-    }
-
-    if (silent) {
-        // true if this sequence can be a terminator, false otherwise
-        return HTML_SEQUENCES[i][2];
-    }
-
-    nextLine = startLine + 1;
-
-    // If we are here - we detected HTML block.
-    // Let's roll down till block end.
-    if (!HTML_SEQUENCES[i][1].test(lineText)) {
-        for (; nextLine < endLine; nextLine++) {
-            if (state.sCount[nextLine] < state.blkIndent) {
-                break;
-            }
-
-            pos = state.bMarks[nextLine] + state.tShift[nextLine];
-            max = state.eMarks[nextLine];
-            lineText = state.src.slice(pos, max);
-
-            if (HTML_SEQUENCES[i][1].test(lineText)) {
-                if (lineText.length !== 0) {
-                    nextLine++;
-                }
-                break;
-            }
-        }
-    }
-
-    state.line = nextLine;
-
-    token = state.push('html_block', '', 0);
-    token.map = [startLine, nextLine];
-    token.content = state.getLines(startLine, nextLine, state.blkIndent, true);
-
-    return true;
-};
-/* eslint-enable */
-
-/***/ }),
-/* 92 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-// Copyright (c) 2014 Vitaly Puzrin, Alex Kocharin.
-// Distributed under MIT license: https://github.com/markdown-it/markdown-it/
-/**
- * @fileoverview Implements markdownitBackticksRenderer
- * @modifier NHN FE Development Lab 
- */
-/* eslint-disable */
-
-// Parse backticks
-module.exports = function backtick(state, silent) {
-  var start,
-      max,
-      marker,
-      matchStart,
-      matchEnd,
-      token,
-      pos = state.pos,
-      ch = state.src.charCodeAt(pos);
-
-  if (ch !== 0x60 /* ` */) {
-      return false;
-    }
-
-  start = pos;
-  pos++;
-  max = state.posMax;
-
-  while (pos < max && state.src.charCodeAt(pos) === 0x60 /* ` */) {
-    pos++;
-  }
-
-  marker = state.src.slice(start, pos);
-
-  matchStart = matchEnd = pos;
-
-  while ((matchStart = state.src.indexOf('`', matchEnd)) !== -1) {
-    matchEnd = matchStart + 1;
-
-    while (matchEnd < max && state.src.charCodeAt(matchEnd) === 0x60 /* ` */) {
-      matchEnd++;
-    }
-
-    if (matchEnd - matchStart === marker.length) {
-      if (!silent) {
-        token = state.push('code_inline', 'code', 0);
-        token.markup = marker;
-        token.content = state.src.slice(pos, matchStart).replace(/[ \n]+/g, ' ').trim();
-        // TUI.EDITOR MODIFICATION START
-        // store number of backtick in data-backtick
-        // https://github.nhn.com/fe/tui.editor/pull/981
-        token.attrSet('data-backticks', token.markup.length);
-        // TUI.EDITOR MODIFICATION END
-      }
-      state.pos = matchEnd;
-      return true;
-    }
-  }
-
-  if (!silent) {
-    state.pending += marker;
-  }
-  state.pos += marker.length;
-  return true;
-};
-
-/***/ }),
-/* 93 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-// Copyright (c) 2014, Vitaly Puzrin.
-// Distributed under an MIT license: https://github.com/markdown-it/markdown-it-for-inline
-/* eslint-disable */
-
-/**
- * @fileoverview Implements markdownItLinkPlugin
- * @modifier NHN FE Development Lab 
- */
-
-function for_inline_plugin(md, ruleName, tokenType, iteartor) {
-
-  function scan(state) {
-    var i, blkIdx, inlineTokens;
-
-    for (blkIdx = state.tokens.length - 1; blkIdx >= 0; blkIdx--) {
-      if (state.tokens[blkIdx].type !== 'inline') {
-        continue;
-      }
-
-      inlineTokens = state.tokens[blkIdx].children;
-
-      for (i = inlineTokens.length - 1; i >= 0; i--) {
-        if (inlineTokens[i].type !== tokenType) {
-          continue;
-        }
-
-        iteartor(inlineTokens, i);
-      }
-    }
-  }
-
-  md.core.ruler.push(ruleName, scan);
-};
-
-var linkAttribute = exports.linkAttribute = function linkAttribute(markdownit, iteartor) {
-  for_inline_plugin(markdownit, 'url_attribute', 'link_open', iteartor);
-};
-
-/***/ }),
-/* 94 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__94__;
-
-/***/ }),
-/* 95 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @fileoverview Implements editor preivew
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */
-
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _mdPreview = __webpack_require__(34);
-
-var _mdPreview2 = _interopRequireDefault(_mdPreview);
-
-var _eventManager = __webpack_require__(40);
-
-var _eventManager2 = _interopRequireDefault(_eventManager);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _extManager = __webpack_require__(41);
-
-var _extManager2 = _interopRequireDefault(_extManager);
-
-var _convertor = __webpack_require__(42);
-
-var _convertor2 = _interopRequireDefault(_convertor);
-
-var _domUtils = __webpack_require__(4);
-
-var _domUtils2 = _interopRequireDefault(_domUtils);
-
-var _codeBlockManager = __webpack_require__(25);
-
-var _codeBlockManager2 = _interopRequireDefault(_codeBlockManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var TASK_ATTR_NAME = 'data-te-task';
-var TASK_CHECKED_CLASS_NAME = 'checked';
-
-/**
- * Class ToastUIEditorViewer
- * @param {object} options Option object
- *     @param {HTMLElement} options.el - container element
- *     @param {string} options.initialValue Editor's initial value
- *     @param {object} options.events eventlist Event list
- *         @param {function} options.events.load It would be emitted when editor fully load
- *         @param {function} options.events.change It would be emitted when content changed
- *         @param {function} options.events.stateChange It would be emitted when format change by cursor position
- *         @param {function} options.events.focus It would be emitted when editor get focus
- *         @param {function} options.events.blur It would be emitted when editor loose focus
- *     @param {object} options.hooks Hook list
- *     @param {function} options.hooks.previewBeforeHook Submit preview to hook URL before preview be shown
- *     @param {string[]} [options.exts] - extensions
- */
-
-var ToastUIEditorViewer = function () {
-  function ToastUIEditorViewer(options) {
-    var _this = this;
-
-    _classCallCheck(this, ToastUIEditorViewer);
-
-    this.options = _jquery2.default.extend({
-      useDefaultHTMLSanitizer: true,
-      codeBlockLanguages: _codeBlockManager.CodeBlockManager.getHighlightJSLanguages(),
-      customConvertor: null
-    }, options);
-
-    this.eventManager = new _eventManager2.default();
-    this.commandManager = new _commandManager2.default(this);
-    if (this.options.customConvertor) {
-      // eslint-disable-next-line new-cap
-      this.convertor = new this.options.customConvertor(this.eventManager);
-    } else {
-      this.convertor = new _convertor2.default(this.eventManager);
-    }
-
-    if (this.options.useDefaultHTMLSanitizer) {
-      this.convertor.initHtmlSanitizer();
-    }
-
-    if (this.options.hooks) {
-      _tuiCodeSnippet2.default.forEach(this.options.hooks, function (fn, key) {
-        _this.addHook(key, fn);
-      });
-    }
-
-    if (this.options.events) {
-      _tuiCodeSnippet2.default.forEach(this.options.events, function (fn, key) {
-        _this.on(key, fn);
-      });
-    }
-
-    var _options = this.options,
-        el = _options.el,
-        initialValue = _options.initialValue;
-
-    var existingHTML = el.innerHTML;
-    el.innerHTML = '';
-
-    this.preview = new _mdPreview2.default((0, _jquery2.default)(el), this.eventManager, this.convertor, true);
-
-    this.preview.$el.on('mousedown', _jquery2.default.proxy(this._toggleTask, this));
-
-    _extManager2.default.applyExtension(this, this.options.exts);
-
-    if (initialValue) {
-      this.setValue(initialValue);
-    } else if (existingHTML) {
-      this.preview.setHTML(existingHTML);
-    }
-
-    this.eventManager.emit('load', this);
-  }
-
-  /**
-   * Toggle task by detecting mousedown event.
-   * @param {MouseEvent} ev - event
-   * @private
-   */
-
-
-  _createClass(ToastUIEditorViewer, [{
-    key: '_toggleTask',
-    value: function _toggleTask(ev) {
-      var style = getComputedStyle(ev.target, ':before');
-
-      if (ev.target.hasAttribute(TASK_ATTR_NAME) && _domUtils2.default.isInsideTaskBox(style, ev.offsetX, ev.offsetY)) {
-        (0, _jquery2.default)(ev.target).toggleClass(TASK_CHECKED_CLASS_NAME);
-        this.eventManager.emit('change', {
-          source: 'viewer',
-          data: ev
-        });
-      }
-    }
-
-    /**
-     * Set content for preview
-     * @param {string} markdown Markdown text
-     */
-
-  }, {
-    key: 'setMarkdown',
-    value: function setMarkdown(markdown) {
-      this.markdownValue = markdown = markdown || '';
-
-      this.preview.refresh(this.markdownValue);
-      this.eventManager.emit('setMarkdownAfter', this.markdownValue);
-    }
-
-    /**
-     * Set content for preview
-     * @param {string} markdown Markdown text
-     * @deprecated
-     */
-
-  }, {
-    key: 'setValue',
-    value: function setValue(markdown) {
-      this.setMarkdown(markdown);
-    }
-
-    /**
-     * Bind eventHandler to event type
-     * @param {string} type Event type
-     * @param {function} handler Event handler
-     */
-
-  }, {
-    key: 'on',
-    value: function on(type, handler) {
-      this.eventManager.listen(type, handler);
-    }
-
-    /**
-     * Unbind eventHandler from event type
-     * @param {string} type Event type
-     */
-
-  }, {
-    key: 'off',
-    value: function off(type) {
-      this.eventManager.removeEventHandler(type);
-    }
-
-    /**
-     * Remove Viewer preview from document
-     */
-
-  }, {
-    key: 'remove',
-    value: function remove() {
-      this.eventManager.emit('removeEditor');
-      this.preview.$el.off('mousedown', _jquery2.default.proxy(this._toggleTask, this));
-      this.preview.remove();
-      this.options = null;
-      this.eventManager = null;
-      this.commandManager = null;
-      this.convertor = null;
-      this.preview = null;
-    }
-
-    /**
-     * Add hook to Viewer preview's event
-     * @param {string} type Event type
-     * @param {function} handler Event handler
-     */
-
-  }, {
-    key: 'addHook',
-    value: function addHook(type, handler) {
-      this.eventManager.removeEventHandler(type);
-      this.eventManager.listen(type, handler);
-    }
-
-    /**
-     * Return true
-     * @returns {boolean}
-     */
-
-  }, {
-    key: 'isViewer',
-    value: function isViewer() {
-      return true;
-    }
-
-    /**
-     * Return false
-     * @returns {boolean}
-     */
-
-  }, {
-    key: 'isMarkdownMode',
-    value: function isMarkdownMode() {
-      return false;
-    }
-
-    /**
-     * Return false
-     * @returns {boolean}
-     */
-
-  }, {
-    key: 'isWysiwygMode',
-    value: function isWysiwygMode() {
-      return false;
-    }
-
-    /**
-     * Define extension
-     * @param {string} name Extension name
-     * @param {ExtManager~extension} ext extension
-     */
-
-  }], [{
-    key: 'defineExtension',
-    value: function defineExtension(name, ext) {
-      _extManager2.default.defineExtension(name, ext);
-    }
-  }]);
-
-  return ToastUIEditorViewer;
-}();
-
-/**
- * check whther is viewer
- * @type {boolean}
- */
-
-
-ToastUIEditorViewer.isViewer = true;
-
-/**
- * domUtil instance
- * @type {DomUtil}
- * @ignore
- */
-ToastUIEditorViewer.domUtils = _domUtils2.default;
-
-/**
- * CodeBlockManager instance
- * @type {CodeBlockManager}
- */
-ToastUIEditorViewer.codeBlockManager = _codeBlockManager2.default;
-
-/**
- * MarkdownIt hightlight instance
- * @type {MarkdownIt}
- */
-ToastUIEditorViewer.markdownitHighlight = _convertor2.default.getMarkdownitHighlightRenderer();
-
-/**
- * MarkdownIt instance
- * @type {MarkdownIt}
- */
-ToastUIEditorViewer.markdownit = _convertor2.default.getMarkdownitRenderer();
-
-/**
- * @ignore
- */
-ToastUIEditorViewer.i18n = null;
-
-/**
- * @ignore
- */
-ToastUIEditorViewer.Button = null;
-
-/**
- * @ignore
- */
-ToastUIEditorViewer.WwCodeBlockManager = null;
-
-/**
- * @ignore
- */
-ToastUIEditorViewer.WwTableManager = null;
-
-/**
- * @ignore
- */
-ToastUIEditorViewer.WwTableSelectionManager = null;
-
-module.exports = ToastUIEditorViewer;
-
-/***/ }),
-/* 96 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @fileoverview default UI
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */
-
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _defaultToolbar = __webpack_require__(97);
-
-var _defaultToolbar2 = _interopRequireDefault(_defaultToolbar);
-
-var _tab = __webpack_require__(46);
-
-var _tab2 = _interopRequireDefault(_tab);
-
-var _layerpopup = __webpack_require__(7);
-
-var _layerpopup2 = _interopRequireDefault(_layerpopup);
-
-var _modeSwitch = __webpack_require__(101);
-
-var _modeSwitch2 = _interopRequireDefault(_modeSwitch);
-
-var _popupAddLink = __webpack_require__(102);
-
-var _popupAddLink2 = _interopRequireDefault(_popupAddLink);
-
-var _popupAddImage = __webpack_require__(103);
-
-var _popupAddImage2 = _interopRequireDefault(_popupAddImage);
-
-var _popupTableUtils = __webpack_require__(104);
-
-var _popupTableUtils2 = _interopRequireDefault(_popupTableUtils);
-
-var _popupAddTable = __webpack_require__(105);
-
-var _popupAddTable2 = _interopRequireDefault(_popupAddTable);
-
-var _popupAddHeading = __webpack_require__(106);
-
-var _popupAddHeading2 = _interopRequireDefault(_popupAddHeading);
-
-var _popupCodeBlockLanguages = __webpack_require__(107);
-
-var _popupCodeBlockLanguages2 = _interopRequireDefault(_popupCodeBlockLanguages);
-
-var _popupCodeBlockEditor = __webpack_require__(108);
-
-var _popupCodeBlockEditor2 = _interopRequireDefault(_popupCodeBlockEditor);
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-var _tooltip = __webpack_require__(31);
-
-var _tooltip2 = _interopRequireDefault(_tooltip);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var CLASS_TOOLBAR = 'te-toolbar-section';
-var CLASS_MARKDOWN_TAB = 'te-markdown-tab-section';
-var CLASS_EDITOR = 'te-editor-section';
-var CLASS_MODE_SWITCH = 'te-mode-switch-section';
-var CONTAINER_TEMPLATE = '\n    
    \n        
    \n        
    \n        
    \n    
    \n';
-
-/**
- * Class DefaultUI
- * @param {ToastUIEditor} editor - editor instance
- */
-
-var DefaultUI = function () {
-
-  /**
-   * mode switch instance
-   * @private
-   * @type {ModeSwitch}
-   */
-
-
-  /**
-   * markdown tab section jQuery element
-   * @private
-   * @type {HTMLElement}
-   */
-
-
-  /**
-   * editor type ww/md
-   * @private
-   * @type {string}
-   */
-
-
-  /**
-   * @type {HTMLElement}
-   * @private
-   */
-
-
-  /**
-   * DefaultToolbar wrapper element
-   * @type {jQuery}
-   */
-  function DefaultUI(editor) {
-    _classCallCheck(this, DefaultUI);
-
-    Object.defineProperty(this, 'name', {
-      enumerable: true,
-      writable: true,
-      value: 'default'
-    });
-    Object.defineProperty(this, '_popups', {
-      enumerable: true,
-      writable: true,
-      value: []
-    });
-
-    this._editor = editor;
-    this._initialEditType = editor.options.initialEditType;
-
-    this._init(editor.options);
-    this._initEvent();
-  }
-
-  /**
-   * popup instances
-   * @private
-   * @type {Array}
-   */
-
-
-  /**
-   * markdown tab
-   * @private
-   * @type {Tab}
-   */
-
-
-  /**
-   * editor instance
-   * @private
-   * @type {ToastUIEditor}
-   */
-
-
-  /**
-   * editor section element
-   * @private
-   * @type {HTMLElement}
-   */
-
-
-  /**
-   * DefaultToolbar instance
-   * @type {DefaultToolbar}
-   * @private
-   */
-
-  /**
-   * UI name
-   * @type {string}
-   */
-
-
-  _createClass(DefaultUI, [{
-    key: '_init',
-    value: function _init(_ref) {
-      var container = _ref.el,
-          toolbarItems = _ref.toolbarItems,
-          hideModeSwitch = _ref.hideModeSwitch;
-
-      this.$el = (0, _jquery2.default)(CONTAINER_TEMPLATE).appendTo(container);
-      this._container = container;
-      this._editorSection = this.$el.find('.' + CLASS_EDITOR).get(0);
-      this._editorSection.appendChild(this._editor.layout.getEditorEl().get(0));
-
-      this._initToolbar(this._editor.eventManager, toolbarItems);
-      this._initModeSwitch(hideModeSwitch);
-
-      this._initPopupAddLink();
-      this._initPopupAddImage();
-      this._initPopupAddTable();
-      this._initPopupAddHeading();
-      this._initPopupTableUtils();
-      this._initPopupCodeBlockLanguages();
-      this._initPopupCodeBlockEditor();
-
-      this._initMarkdownTab();
-    }
-  }, {
-    key: '_initEvent',
-    value: function _initEvent() {
-      this._editor.eventManager.listen('hide', this.hide.bind(this));
-      this._editor.eventManager.listen('show', this.show.bind(this));
-      this._editor.eventManager.listen('changeMode', this._markdownTabControl.bind(this));
-      this._editor.eventManager.listen('changePreviewStyle', this._markdownTabControl.bind(this));
-    }
-  }, {
-    key: '_initToolbar',
-    value: function _initToolbar(eventManager, toolbarItems) {
-      var toolbar = new _defaultToolbar2.default(eventManager, toolbarItems);
-      this._toolbar = toolbar;
-      this.$el.find('.' + CLASS_TOOLBAR).append(toolbar.$el);
-    }
-  }, {
-    key: '_initModeSwitch',
-    value: function _initModeSwitch(hideModeSwitch) {
-      var _this = this;
-
-      var modeSwitchTabBar = this.$el.find('.' + CLASS_MODE_SWITCH);
-      var editType = this._initialEditType === 'markdown' ? _modeSwitch2.default.TYPE.MARKDOWN : _modeSwitch2.default.TYPE.WYSIWYG;
-      var modeSwitch = new _modeSwitch2.default(modeSwitchTabBar, editType);
-      this._modeSwitch = modeSwitch;
-
-      if (hideModeSwitch) {
-        modeSwitch.hide();
-      }
-
-      modeSwitch.on('modeSwitched', function (ev, type) {
-        return _this._editor.changeMode(type);
-      });
-    }
-  }, {
-    key: '_initMarkdownTab',
-    value: function _initMarkdownTab() {
-      var editor = this._editor;
-
-      this._markdownTab = new _tab2.default({
-        initName: _i18n2.default.get('Write'),
-        items: [_i18n2.default.get('Write'), _i18n2.default.get('Preview')],
-        sections: [editor.layout.getMdEditorContainerEl(), editor.layout.getPreviewEl()]
-      });
-      this._$markdownTabSection = this.$el.find('.' + CLASS_MARKDOWN_TAB);
-      this._$markdownTabSection.append(this._markdownTab.$el);
-
-      this._markdownTab.on('itemClick', function (ev, itemText) {
-        if (itemText === _i18n2.default.get('Preview')) {
-          editor.eventManager.emit('previewNeedsRefresh');
-          editor.eventManager.emit('changePreviewTabPreview');
-          editor.eventManager.emit('closeAllPopup');
-        } else {
-          editor.getCodeMirror().focus();
-          editor.eventManager.emit('changePreviewTabWrite');
-        }
-      });
-    }
-  }, {
-    key: '_markdownTabControl',
-    value: function _markdownTabControl() {
-      if (this._editor.isMarkdownMode() && this._editor.getCurrentPreviewStyle() === 'tab') {
-        this._$markdownTabSection.show();
-        this._markdownTab.activate(_i18n2.default.get('Write'));
-      } else {
-        this._$markdownTabSection.hide();
-      }
-    }
-  }, {
-    key: '_initPopupAddLink',
-    value: function _initPopupAddLink() {
-      this._popups.push(new _popupAddLink2.default({
-        $target: this.$el,
-        editor: this._editor
-      }));
-    }
-  }, {
-    key: '_initPopupAddImage',
-    value: function _initPopupAddImage() {
-      this._popups.push(new _popupAddImage2.default({
-        $target: this.$el,
-        eventManager: this._editor.eventManager
-      }));
-    }
-  }, {
-    key: '_initPopupAddTable',
-    value: function _initPopupAddTable() {
-      this._popups.push(new _popupAddTable2.default({
-        $target: this._toolbar.$el,
-        eventManager: this._editor.eventManager,
-        $button: this.$el.find('button.tui-table'),
-        css: {
-          'position': 'absolute'
-        }
-      }));
-    }
-  }, {
-    key: '_initPopupAddHeading',
-    value: function _initPopupAddHeading() {
-      this._popups.push(new _popupAddHeading2.default({
-        $target: this._toolbar.$el,
-        eventManager: this._editor.eventManager,
-        $button: this.$el.find('button.tui-heading'),
-        css: {
-          'position': 'absolute'
-        }
-      }));
-    }
-  }, {
-    key: '_initPopupTableUtils',
-    value: function _initPopupTableUtils() {
-      var _this2 = this;
-
-      this._editor.eventManager.listen('contextmenu', function (ev) {
-        if ((0, _jquery2.default)(ev.data.target).parents('[contenteditable=true] table').length > 0) {
-          ev.data.preventDefault();
-          _this2._editor.eventManager.emit('openPopupTableUtils', ev.data);
-        }
-      });
-
-      this._popups.push(new _popupTableUtils2.default({
-        $target: this.$el,
-        eventManager: this._editor.eventManager
-      }));
-    }
-  }, {
-    key: '_initPopupCodeBlockLanguages',
-    value: function _initPopupCodeBlockLanguages() {
-      var editor = this._editor;
-      this._popups.push(new _popupCodeBlockLanguages2.default({
-        $target: this.$el,
-        eventManager: editor.eventManager,
-        languages: editor.options.codeBlockLanguages
-      }));
-    }
-  }, {
-    key: '_initPopupCodeBlockEditor',
-    value: function _initPopupCodeBlockEditor() {
-      this._popups.push(new _popupCodeBlockEditor2.default({
-        $target: this.$el,
-        eventManager: this._editor.eventManager,
-        convertor: this._editor.convertor
-      }));
-    }
-
-    /**
-     * get toolbar instance
-     * @returns {Toolbar} - toolbar instance
-     */
-
-  }, {
-    key: 'getToolbar',
-    value: function getToolbar() {
-      return this._toolbar;
-    }
-
-    /**
-     * set toolbar instance
-     * @param {Toolbar} toolbar - toolbar
-     */
-
-  }, {
-    key: 'setToolbar',
-    value: function setToolbar(toolbar) {
-      this._toolbar.destroy();
-      this._toolbar = toolbar;
-    }
-
-    /**
-     * get mode switch instance
-     * @returns {ModeSwitch} - mode switch instance
-     */
-
-  }, {
-    key: 'getModeSwitch',
-    value: function getModeSwitch() {
-      return this._modeSwitch;
-    }
-
-    /**
-     * get editor section height
-     * @returns {Number} - height of editor section
-     */
-
-  }, {
-    key: 'getEditorSectionHeight',
-    value: function getEditorSectionHeight() {
-      var clientRect = this._editorSection.getBoundingClientRect();
-
-      return clientRect.bottom - clientRect.top;
-    }
-
-    /**
-     * get editor height
-     * @returns {Number} - height of editor
-     */
-
-  }, {
-    key: 'getEditorHeight',
-    value: function getEditorHeight() {
-      var clientRect = this._container.getBoundingClientRect();
-
-      return clientRect.bottom - clientRect.top;
-    }
-
-    /**
-     * get Table Popup
-     * @returns {PopupTableUtils} - PopupTableUtils
-     */
-
-  }, {
-    key: 'getPopupTableUtils',
-    value: function getPopupTableUtils() {
-      var tablePopup = void 0;
-      this._popups.forEach(function (popup) {
-        if (popup instanceof _popupTableUtils2.default) {
-          tablePopup = popup;
-        }
-      });
-
-      return tablePopup;
-    }
-
-    /**
-     * hide
-     */
-
-  }, {
-    key: 'hide',
-    value: function hide() {
-      this.$el.addClass('te-hide');
-    }
-
-    /**
-     * show
-     */
-
-  }, {
-    key: 'show',
-    value: function show() {
-      this.$el.removeClass('te-hide');
-    }
-
-    /**
-     * remove
-     */
-
-  }, {
-    key: 'remove',
-    value: function remove() {
-      this.$el.remove();
-      this._markdownTab.remove();
-      this._modeSwitch.remove();
-      this._toolbar.destroy();
-      this._popups.forEach(function (popup) {
-        return popup.remove();
-      });
-      this._popups = [];
-      _tooltip2.default.hide();
-    }
-
-    /**
-     * creates popup
-     * @param {LayerPopupOption} options - layerPopup options
-     * @returns {LayerPopup} - crated layerPopup
-     */
-
-  }, {
-    key: 'createPopup',
-    value: function createPopup(options) {
-      return new _layerpopup2.default(options);
-    }
-  }]);
-
-  return DefaultUI;
-}();
-
-exports.default = DefaultUI;
-
-/***/ }),
-/* 97 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
-
-var _resizeObserverPolyfill = __webpack_require__(98);
-
-var _resizeObserverPolyfill2 = _interopRequireDefault(_resizeObserverPolyfill);
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-var _toolbar = __webpack_require__(43);
-
-var _toolbar2 = _interopRequireDefault(_toolbar);
-
-var _popupDropdownToolbar = __webpack_require__(100);
-
-var _popupDropdownToolbar2 = _interopRequireDefault(_popupDropdownToolbar);
-
-var _toolbarItemFactory = __webpack_require__(45);
-
-var _toolbarItemFactory2 = _interopRequireDefault(_toolbarItemFactory);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview implements DefaultToolbar
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-var MORE_BUTTON_NAME = 'more';
-
-/**
- * Class DefaultToolbar
- */
-
-var DefaultToolbar = function (_Toolbar) {
-  _inherits(DefaultToolbar, _Toolbar);
-
-  /**
-   * popup dropdown toolbar
-   * @type {PopupDropdownToolbar}
-   * @private
-   */
-  function DefaultToolbar(eventManager, options) {
-    _classCallCheck(this, DefaultToolbar);
-
-    var _this = _possibleConstructorReturn(this, (DefaultToolbar.__proto__ || Object.getPrototypeOf(DefaultToolbar)).call(this, eventManager, options));
-
-    _this._init(eventManager);
-    _this._bindWidthChangedEvent();
-    return _this;
-  }
-
-  /**
-   * insert toolbar item
-   * @param  {number} index - index at given item inserted
-   * @param  {ToolbarItem|string|object} item - toolbar item
-   * @override
-   */
-
-
-  /**
-   * resize observer
-   * @type {ResizeObserver}
-   * @private
-   */
-
-  /**
-   * more button
-   * @type {ToolbarButton}
-   * @private
-   */
-
-
-  _createClass(DefaultToolbar, [{
-    key: 'insertItem',
-    value: function insertItem(index, item) {
-      _get(DefaultToolbar.prototype.__proto__ || Object.getPrototypeOf(DefaultToolbar.prototype), 'insertItem', this).call(this, index, item);
-      this._arrangeMoreButton();
-    }
-  }, {
-    key: '_init',
-    value: function _init(eventManager) {
-      var moreButton = _toolbarItemFactory2.default.create('button', {
-        name: MORE_BUTTON_NAME,
-        className: 'tui-more',
-        tooltip: _i18n2.default.get('More'),
-        event: _popupDropdownToolbar2.default.OPEN_EVENT
-      });
-      this._moreButton = moreButton;
-
-      this._popupDropdownToolbar = new _popupDropdownToolbar2.default({
-        eventManager: eventManager,
-        $target: this.$el,
-        $button: moreButton.$el
-      });
-
-      this.addItem(moreButton);
-    }
-  }, {
-    key: '_bindWidthChangedEvent',
-    value: function _bindWidthChangedEvent() {
-      var _this2 = this;
-
-      this._observer = new _resizeObserverPolyfill2.default(function () {
-        _this2._popupDropdownToolbar.hide();
-        _this2._balanceButtons();
-      });
-      this._observer.observe(this.$el.get(0));
-    }
-  }, {
-    key: '_balanceButtons',
-    value: function _balanceButtons() {
-      var _this3 = this;
-
-      var dropDownToolbarItems = this._popupDropdownToolbar.getItems();
-      dropDownToolbarItems.forEach(function (item) {
-        _this3._popupDropdownToolbar.removeItem(item, false);
-
-        var itemLength = _this3.getItems().length;
-        _get(DefaultToolbar.prototype.__proto__ || Object.getPrototypeOf(DefaultToolbar.prototype), 'insertItem', _this3).call(_this3, itemLength, item);
-      });
-
-      this.removeItem(this._moreButton, false);
-      _get(DefaultToolbar.prototype.__proto__ || Object.getPrototypeOf(DefaultToolbar.prototype), 'insertItem', this).call(this, 0, this._moreButton);
-
-      var toolbarHeight = this.$el.height();
-      var defaultToolbarItems = this.getItems();
-      var overflowItems = defaultToolbarItems.filter(function (item) {
-        return item.$el.position().top > toolbarHeight;
-      });
-
-      overflowItems.forEach(function (item) {
-        _this3.removeItem(item, false);
-        _this3._popupDropdownToolbar.addItem(item);
-      });
-
-      this._arrangeMoreButton();
-    }
-  }, {
-    key: '_arrangeMoreButton',
-    value: function _arrangeMoreButton() {
-      if (!this._popupDropdownToolbar) {
-        return;
-      }
-
-      this.removeItem(this._moreButton, false);
-
-      var hasOverflow = this._popupDropdownToolbar.getItems().length > 0;
-      var itemLength = this.getItems().length;
-      if (hasOverflow) {
-        _get(DefaultToolbar.prototype.__proto__ || Object.getPrototypeOf(DefaultToolbar.prototype), 'insertItem', this).call(this, itemLength, this._moreButton);
-      }
-    }
-
-    /**
-     * destroy
-     * @override
-     */
-
-  }, {
-    key: 'destroy',
-    value: function destroy() {
-      if (this._observer) {
-        this._observer.disconnect();
-        this._observer = null;
-      }
-    }
-  }]);
-
-  return DefaultToolbar;
-}(_toolbar2.default);
-
-exports.default = DefaultToolbar;
-
-/***/ }),
-/* 98 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* WEBPACK VAR INJECTION */(function(global) {/**
- * A collection of shims that provide minimal functionality of the ES6 collections.
- *
- * These implementations are not meant to be used outside of the ResizeObserver
- * modules as they cover only a limited range of use cases.
- */
-/* eslint-disable require-jsdoc, valid-jsdoc */
-var MapShim = (function () {
-    if (typeof Map !== 'undefined') {
-        return Map;
-    }
-    /**
-     * Returns index in provided array that matches the specified key.
-     *
-     * @param {Array} arr
-     * @param {*} key
-     * @returns {number}
-     */
-    function getIndex(arr, key) {
-        var result = -1;
-        arr.some(function (entry, index) {
-            if (entry[0] === key) {
-                result = index;
-                return true;
-            }
-            return false;
-        });
-        return result;
-    }
-    return /** @class */ (function () {
-        function class_1() {
-            this.__entries__ = [];
-        }
-        Object.defineProperty(class_1.prototype, "size", {
-            /**
-             * @returns {boolean}
-             */
-            get: function () {
-                return this.__entries__.length;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        /**
-         * @param {*} key
-         * @returns {*}
-         */
-        class_1.prototype.get = function (key) {
-            var index = getIndex(this.__entries__, key);
-            var entry = this.__entries__[index];
-            return entry && entry[1];
-        };
-        /**
-         * @param {*} key
-         * @param {*} value
-         * @returns {void}
-         */
-        class_1.prototype.set = function (key, value) {
-            var index = getIndex(this.__entries__, key);
-            if (~index) {
-                this.__entries__[index][1] = value;
-            }
-            else {
-                this.__entries__.push([key, value]);
-            }
-        };
-        /**
-         * @param {*} key
-         * @returns {void}
-         */
-        class_1.prototype.delete = function (key) {
-            var entries = this.__entries__;
-            var index = getIndex(entries, key);
-            if (~index) {
-                entries.splice(index, 1);
-            }
-        };
-        /**
-         * @param {*} key
-         * @returns {void}
-         */
-        class_1.prototype.has = function (key) {
-            return !!~getIndex(this.__entries__, key);
-        };
-        /**
-         * @returns {void}
-         */
-        class_1.prototype.clear = function () {
-            this.__entries__.splice(0);
-        };
-        /**
-         * @param {Function} callback
-         * @param {*} [ctx=null]
-         * @returns {void}
-         */
-        class_1.prototype.forEach = function (callback, ctx) {
-            if (ctx === void 0) { ctx = null; }
-            for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
-                var entry = _a[_i];
-                callback.call(ctx, entry[1], entry[0]);
-            }
-        };
-        return class_1;
-    }());
-})();
-
-/**
- * Detects whether window and document objects are available in current environment.
- */
-var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;
-
-// Returns global object of a current environment.
-var global$1 = (function () {
-    if (typeof global !== 'undefined' && global.Math === Math) {
-        return global;
-    }
-    if (typeof self !== 'undefined' && self.Math === Math) {
-        return self;
-    }
-    if (typeof window !== 'undefined' && window.Math === Math) {
-        return window;
-    }
-    // eslint-disable-next-line no-new-func
-    return Function('return this')();
-})();
-
-/**
- * A shim for the requestAnimationFrame which falls back to the setTimeout if
- * first one is not supported.
- *
- * @returns {number} Requests' identifier.
- */
-var requestAnimationFrame$1 = (function () {
-    if (typeof requestAnimationFrame === 'function') {
-        // It's required to use a bounded function because IE sometimes throws
-        // an "Invalid calling object" error if rAF is invoked without the global
-        // object on the left hand side.
-        return requestAnimationFrame.bind(global$1);
-    }
-    return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };
-})();
-
-// Defines minimum timeout before adding a trailing call.
-var trailingTimeout = 2;
-/**
- * Creates a wrapper function which ensures that provided callback will be
- * invoked only once during the specified delay period.
- *
- * @param {Function} callback - Function to be invoked after the delay period.
- * @param {number} delay - Delay after which to invoke callback.
- * @returns {Function}
- */
-function throttle (callback, delay) {
-    var leadingCall = false, trailingCall = false, lastCallTime = 0;
-    /**
-     * Invokes the original callback function and schedules new invocation if
-     * the "proxy" was called during current request.
-     *
-     * @returns {void}
-     */
-    function resolvePending() {
-        if (leadingCall) {
-            leadingCall = false;
-            callback();
-        }
-        if (trailingCall) {
-            proxy();
-        }
-    }
-    /**
-     * Callback invoked after the specified delay. It will further postpone
-     * invocation of the original function delegating it to the
-     * requestAnimationFrame.
-     *
-     * @returns {void}
-     */
-    function timeoutCallback() {
-        requestAnimationFrame$1(resolvePending);
-    }
-    /**
-     * Schedules invocation of the original function.
-     *
-     * @returns {void}
-     */
-    function proxy() {
-        var timeStamp = Date.now();
-        if (leadingCall) {
-            // Reject immediately following calls.
-            if (timeStamp - lastCallTime < trailingTimeout) {
-                return;
-            }
-            // Schedule new call to be in invoked when the pending one is resolved.
-            // This is important for "transitions" which never actually start
-            // immediately so there is a chance that we might miss one if change
-            // happens amids the pending invocation.
-            trailingCall = true;
-        }
-        else {
-            leadingCall = true;
-            trailingCall = false;
-            setTimeout(timeoutCallback, delay);
-        }
-        lastCallTime = timeStamp;
-    }
-    return proxy;
-}
-
-// Minimum delay before invoking the update of observers.
-var REFRESH_DELAY = 20;
-// A list of substrings of CSS properties used to find transition events that
-// might affect dimensions of observed elements.
-var transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];
-// Check if MutationObserver is available.
-var mutationObserverSupported = typeof MutationObserver !== 'undefined';
-/**
- * Singleton controller class which handles updates of ResizeObserver instances.
- */
-var ResizeObserverController = /** @class */ (function () {
-    /**
-     * Creates a new instance of ResizeObserverController.
-     *
-     * @private
-     */
-    function ResizeObserverController() {
-        /**
-         * Indicates whether DOM listeners have been added.
-         *
-         * @private {boolean}
-         */
-        this.connected_ = false;
-        /**
-         * Tells that controller has subscribed for Mutation Events.
-         *
-         * @private {boolean}
-         */
-        this.mutationEventsAdded_ = false;
-        /**
-         * Keeps reference to the instance of MutationObserver.
-         *
-         * @private {MutationObserver}
-         */
-        this.mutationsObserver_ = null;
-        /**
-         * A list of connected observers.
-         *
-         * @private {Array}
-         */
-        this.observers_ = [];
-        this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);
-        this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);
-    }
-    /**
-     * Adds observer to observers list.
-     *
-     * @param {ResizeObserverSPI} observer - Observer to be added.
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.addObserver = function (observer) {
-        if (!~this.observers_.indexOf(observer)) {
-            this.observers_.push(observer);
-        }
-        // Add listeners if they haven't been added yet.
-        if (!this.connected_) {
-            this.connect_();
-        }
-    };
-    /**
-     * Removes observer from observers list.
-     *
-     * @param {ResizeObserverSPI} observer - Observer to be removed.
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.removeObserver = function (observer) {
-        var observers = this.observers_;
-        var index = observers.indexOf(observer);
-        // Remove observer if it's present in registry.
-        if (~index) {
-            observers.splice(index, 1);
-        }
-        // Remove listeners if controller has no connected observers.
-        if (!observers.length && this.connected_) {
-            this.disconnect_();
-        }
-    };
-    /**
-     * Invokes the update of observers. It will continue running updates insofar
-     * it detects changes.
-     *
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.refresh = function () {
-        var changesDetected = this.updateObservers_();
-        // Continue running updates if changes have been detected as there might
-        // be future ones caused by CSS transitions.
-        if (changesDetected) {
-            this.refresh();
-        }
-    };
-    /**
-     * Updates every observer from observers list and notifies them of queued
-     * entries.
-     *
-     * @private
-     * @returns {boolean} Returns "true" if any observer has detected changes in
-     *      dimensions of it's elements.
-     */
-    ResizeObserverController.prototype.updateObservers_ = function () {
-        // Collect observers that have active observations.
-        var activeObservers = this.observers_.filter(function (observer) {
-            return observer.gatherActive(), observer.hasActive();
-        });
-        // Deliver notifications in a separate cycle in order to avoid any
-        // collisions between observers, e.g. when multiple instances of
-        // ResizeObserver are tracking the same element and the callback of one
-        // of them changes content dimensions of the observed target. Sometimes
-        // this may result in notifications being blocked for the rest of observers.
-        activeObservers.forEach(function (observer) { return observer.broadcastActive(); });
-        return activeObservers.length > 0;
-    };
-    /**
-     * Initializes DOM listeners.
-     *
-     * @private
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.connect_ = function () {
-        // Do nothing if running in a non-browser environment or if listeners
-        // have been already added.
-        if (!isBrowser || this.connected_) {
-            return;
-        }
-        // Subscription to the "Transitionend" event is used as a workaround for
-        // delayed transitions. This way it's possible to capture at least the
-        // final state of an element.
-        document.addEventListener('transitionend', this.onTransitionEnd_);
-        window.addEventListener('resize', this.refresh);
-        if (mutationObserverSupported) {
-            this.mutationsObserver_ = new MutationObserver(this.refresh);
-            this.mutationsObserver_.observe(document, {
-                attributes: true,
-                childList: true,
-                characterData: true,
-                subtree: true
-            });
-        }
-        else {
-            document.addEventListener('DOMSubtreeModified', this.refresh);
-            this.mutationEventsAdded_ = true;
-        }
-        this.connected_ = true;
-    };
-    /**
-     * Removes DOM listeners.
-     *
-     * @private
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.disconnect_ = function () {
-        // Do nothing if running in a non-browser environment or if listeners
-        // have been already removed.
-        if (!isBrowser || !this.connected_) {
-            return;
-        }
-        document.removeEventListener('transitionend', this.onTransitionEnd_);
-        window.removeEventListener('resize', this.refresh);
-        if (this.mutationsObserver_) {
-            this.mutationsObserver_.disconnect();
-        }
-        if (this.mutationEventsAdded_) {
-            document.removeEventListener('DOMSubtreeModified', this.refresh);
-        }
-        this.mutationsObserver_ = null;
-        this.mutationEventsAdded_ = false;
-        this.connected_ = false;
-    };
-    /**
-     * "Transitionend" event handler.
-     *
-     * @private
-     * @param {TransitionEvent} event
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {
-        var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b;
-        // Detect whether transition may affect dimensions of an element.
-        var isReflowProperty = transitionKeys.some(function (key) {
-            return !!~propertyName.indexOf(key);
-        });
-        if (isReflowProperty) {
-            this.refresh();
-        }
-    };
-    /**
-     * Returns instance of the ResizeObserverController.
-     *
-     * @returns {ResizeObserverController}
-     */
-    ResizeObserverController.getInstance = function () {
-        if (!this.instance_) {
-            this.instance_ = new ResizeObserverController();
-        }
-        return this.instance_;
-    };
-    /**
-     * Holds reference to the controller's instance.
-     *
-     * @private {ResizeObserverController}
-     */
-    ResizeObserverController.instance_ = null;
-    return ResizeObserverController;
-}());
-
-/**
- * Defines non-writable/enumerable properties of the provided target object.
- *
- * @param {Object} target - Object for which to define properties.
- * @param {Object} props - Properties to be defined.
- * @returns {Object} Target object.
- */
-var defineConfigurable = (function (target, props) {
-    for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
-        var key = _a[_i];
-        Object.defineProperty(target, key, {
-            value: props[key],
-            enumerable: false,
-            writable: false,
-            configurable: true
-        });
-    }
-    return target;
-});
-
-/**
- * Returns the global object associated with provided element.
- *
- * @param {Object} target
- * @returns {Object}
- */
-var getWindowOf = (function (target) {
-    // Assume that the element is an instance of Node, which means that it
-    // has the "ownerDocument" property from which we can retrieve a
-    // corresponding global object.
-    var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;
-    // Return the local global object if it's not possible extract one from
-    // provided element.
-    return ownerGlobal || global$1;
-});
-
-// Placeholder of an empty content rectangle.
-var emptyRect = createRectInit(0, 0, 0, 0);
-/**
- * Converts provided string to a number.
- *
- * @param {number|string} value
- * @returns {number}
- */
-function toFloat(value) {
-    return parseFloat(value) || 0;
-}
-/**
- * Extracts borders size from provided styles.
- *
- * @param {CSSStyleDeclaration} styles
- * @param {...string} positions - Borders positions (top, right, ...)
- * @returns {number}
- */
-function getBordersSize(styles) {
-    var positions = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        positions[_i - 1] = arguments[_i];
-    }
-    return positions.reduce(function (size, position) {
-        var value = styles['border-' + position + '-width'];
-        return size + toFloat(value);
-    }, 0);
-}
-/**
- * Extracts paddings sizes from provided styles.
- *
- * @param {CSSStyleDeclaration} styles
- * @returns {Object} Paddings box.
- */
-function getPaddings(styles) {
-    var positions = ['top', 'right', 'bottom', 'left'];
-    var paddings = {};
-    for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
-        var position = positions_1[_i];
-        var value = styles['padding-' + position];
-        paddings[position] = toFloat(value);
-    }
-    return paddings;
-}
-/**
- * Calculates content rectangle of provided SVG element.
- *
- * @param {SVGGraphicsElement} target - Element content rectangle of which needs
- *      to be calculated.
- * @returns {DOMRectInit}
- */
-function getSVGContentRect(target) {
-    var bbox = target.getBBox();
-    return createRectInit(0, 0, bbox.width, bbox.height);
-}
-/**
- * Calculates content rectangle of provided HTMLElement.
- *
- * @param {HTMLElement} target - Element for which to calculate the content rectangle.
- * @returns {DOMRectInit}
- */
-function getHTMLElementContentRect(target) {
-    // Client width & height properties can't be
-    // used exclusively as they provide rounded values.
-    var clientWidth = target.clientWidth, clientHeight = target.clientHeight;
-    // By this condition we can catch all non-replaced inline, hidden and
-    // detached elements. Though elements with width & height properties less
-    // than 0.5 will be discarded as well.
-    //
-    // Without it we would need to implement separate methods for each of
-    // those cases and it's not possible to perform a precise and performance
-    // effective test for hidden elements. E.g. even jQuery's ':visible' filter
-    // gives wrong results for elements with width & height less than 0.5.
-    if (!clientWidth && !clientHeight) {
-        return emptyRect;
-    }
-    var styles = getWindowOf(target).getComputedStyle(target);
-    var paddings = getPaddings(styles);
-    var horizPad = paddings.left + paddings.right;
-    var vertPad = paddings.top + paddings.bottom;
-    // Computed styles of width & height are being used because they are the
-    // only dimensions available to JS that contain non-rounded values. It could
-    // be possible to utilize the getBoundingClientRect if only it's data wasn't
-    // affected by CSS transformations let alone paddings, borders and scroll bars.
-    var width = toFloat(styles.width), height = toFloat(styles.height);
-    // Width & height include paddings and borders when the 'border-box' box
-    // model is applied (except for IE).
-    if (styles.boxSizing === 'border-box') {
-        // Following conditions are required to handle Internet Explorer which
-        // doesn't include paddings and borders to computed CSS dimensions.
-        //
-        // We can say that if CSS dimensions + paddings are equal to the "client"
-        // properties then it's either IE, and thus we don't need to subtract
-        // anything, or an element merely doesn't have paddings/borders styles.
-        if (Math.round(width + horizPad) !== clientWidth) {
-            width -= getBordersSize(styles, 'left', 'right') + horizPad;
-        }
-        if (Math.round(height + vertPad) !== clientHeight) {
-            height -= getBordersSize(styles, 'top', 'bottom') + vertPad;
-        }
-    }
-    // Following steps can't be applied to the document's root element as its
-    // client[Width/Height] properties represent viewport area of the window.
-    // Besides, it's as well not necessary as the  itself neither has
-    // rendered scroll bars nor it can be clipped.
-    if (!isDocumentElement(target)) {
-        // In some browsers (only in Firefox, actually) CSS width & height
-        // include scroll bars size which can be removed at this step as scroll
-        // bars are the only difference between rounded dimensions + paddings
-        // and "client" properties, though that is not always true in Chrome.
-        var vertScrollbar = Math.round(width + horizPad) - clientWidth;
-        var horizScrollbar = Math.round(height + vertPad) - clientHeight;
-        // Chrome has a rather weird rounding of "client" properties.
-        // E.g. for an element with content width of 314.2px it sometimes gives
-        // the client width of 315px and for the width of 314.7px it may give
-        // 314px. And it doesn't happen all the time. So just ignore this delta
-        // as a non-relevant.
-        if (Math.abs(vertScrollbar) !== 1) {
-            width -= vertScrollbar;
-        }
-        if (Math.abs(horizScrollbar) !== 1) {
-            height -= horizScrollbar;
-        }
-    }
-    return createRectInit(paddings.left, paddings.top, width, height);
-}
-/**
- * Checks whether provided element is an instance of the SVGGraphicsElement.
- *
- * @param {Element} target - Element to be checked.
- * @returns {boolean}
- */
-var isSVGGraphicsElement = (function () {
-    // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement
-    // interface.
-    if (typeof SVGGraphicsElement !== 'undefined') {
-        return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; };
-    }
-    // If it's so, then check that element is at least an instance of the
-    // SVGElement and that it has the "getBBox" method.
-    // eslint-disable-next-line no-extra-parens
-    return function (target) { return (target instanceof getWindowOf(target).SVGElement &&
-        typeof target.getBBox === 'function'); };
-})();
-/**
- * Checks whether provided element is a document element ().
- *
- * @param {Element} target - Element to be checked.
- * @returns {boolean}
- */
-function isDocumentElement(target) {
-    return target === getWindowOf(target).document.documentElement;
-}
-/**
- * Calculates an appropriate content rectangle for provided html or svg element.
- *
- * @param {Element} target - Element content rectangle of which needs to be calculated.
- * @returns {DOMRectInit}
- */
-function getContentRect(target) {
-    if (!isBrowser) {
-        return emptyRect;
-    }
-    if (isSVGGraphicsElement(target)) {
-        return getSVGContentRect(target);
-    }
-    return getHTMLElementContentRect(target);
-}
-/**
- * Creates rectangle with an interface of the DOMRectReadOnly.
- * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly
- *
- * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.
- * @returns {DOMRectReadOnly}
- */
-function createReadOnlyRect(_a) {
-    var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
-    // If DOMRectReadOnly is available use it as a prototype for the rectangle.
-    var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;
-    var rect = Object.create(Constr.prototype);
-    // Rectangle's properties are not writable and non-enumerable.
-    defineConfigurable(rect, {
-        x: x, y: y, width: width, height: height,
-        top: y,
-        right: x + width,
-        bottom: height + y,
-        left: x
-    });
-    return rect;
-}
-/**
- * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.
- * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit
- *
- * @param {number} x - X coordinate.
- * @param {number} y - Y coordinate.
- * @param {number} width - Rectangle's width.
- * @param {number} height - Rectangle's height.
- * @returns {DOMRectInit}
- */
-function createRectInit(x, y, width, height) {
-    return { x: x, y: y, width: width, height: height };
-}
-
-/**
- * Class that is responsible for computations of the content rectangle of
- * provided DOM element and for keeping track of it's changes.
- */
-var ResizeObservation = /** @class */ (function () {
-    /**
-     * Creates an instance of ResizeObservation.
-     *
-     * @param {Element} target - Element to be observed.
-     */
-    function ResizeObservation(target) {
-        /**
-         * Broadcasted width of content rectangle.
-         *
-         * @type {number}
-         */
-        this.broadcastWidth = 0;
-        /**
-         * Broadcasted height of content rectangle.
-         *
-         * @type {number}
-         */
-        this.broadcastHeight = 0;
-        /**
-         * Reference to the last observed content rectangle.
-         *
-         * @private {DOMRectInit}
-         */
-        this.contentRect_ = createRectInit(0, 0, 0, 0);
-        this.target = target;
-    }
-    /**
-     * Updates content rectangle and tells whether it's width or height properties
-     * have changed since the last broadcast.
-     *
-     * @returns {boolean}
-     */
-    ResizeObservation.prototype.isActive = function () {
-        var rect = getContentRect(this.target);
-        this.contentRect_ = rect;
-        return (rect.width !== this.broadcastWidth ||
-            rect.height !== this.broadcastHeight);
-    };
-    /**
-     * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data
-     * from the corresponding properties of the last observed content rectangle.
-     *
-     * @returns {DOMRectInit} Last observed content rectangle.
-     */
-    ResizeObservation.prototype.broadcastRect = function () {
-        var rect = this.contentRect_;
-        this.broadcastWidth = rect.width;
-        this.broadcastHeight = rect.height;
-        return rect;
-    };
-    return ResizeObservation;
-}());
-
-var ResizeObserverEntry = /** @class */ (function () {
-    /**
-     * Creates an instance of ResizeObserverEntry.
-     *
-     * @param {Element} target - Element that is being observed.
-     * @param {DOMRectInit} rectInit - Data of the element's content rectangle.
-     */
-    function ResizeObserverEntry(target, rectInit) {
-        var contentRect = createReadOnlyRect(rectInit);
-        // According to the specification following properties are not writable
-        // and are also not enumerable in the native implementation.
-        //
-        // Property accessors are not being used as they'd require to define a
-        // private WeakMap storage which may cause memory leaks in browsers that
-        // don't support this type of collections.
-        defineConfigurable(this, { target: target, contentRect: contentRect });
-    }
-    return ResizeObserverEntry;
-}());
-
-var ResizeObserverSPI = /** @class */ (function () {
-    /**
-     * Creates a new instance of ResizeObserver.
-     *
-     * @param {ResizeObserverCallback} callback - Callback function that is invoked
-     *      when one of the observed elements changes it's content dimensions.
-     * @param {ResizeObserverController} controller - Controller instance which
-     *      is responsible for the updates of observer.
-     * @param {ResizeObserver} callbackCtx - Reference to the public
-     *      ResizeObserver instance which will be passed to callback function.
-     */
-    function ResizeObserverSPI(callback, controller, callbackCtx) {
-        /**
-         * Collection of resize observations that have detected changes in dimensions
-         * of elements.
-         *
-         * @private {Array}
-         */
-        this.activeObservations_ = [];
-        /**
-         * Registry of the ResizeObservation instances.
-         *
-         * @private {Map}
-         */
-        this.observations_ = new MapShim();
-        if (typeof callback !== 'function') {
-            throw new TypeError('The callback provided as parameter 1 is not a function.');
-        }
-        this.callback_ = callback;
-        this.controller_ = controller;
-        this.callbackCtx_ = callbackCtx;
-    }
-    /**
-     * Starts observing provided element.
-     *
-     * @param {Element} target - Element to be observed.
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.observe = function (target) {
-        if (!arguments.length) {
-            throw new TypeError('1 argument required, but only 0 present.');
-        }
-        // Do nothing if current environment doesn't have the Element interface.
-        if (typeof Element === 'undefined' || !(Element instanceof Object)) {
-            return;
-        }
-        if (!(target instanceof getWindowOf(target).Element)) {
-            throw new TypeError('parameter 1 is not of type "Element".');
-        }
-        var observations = this.observations_;
-        // Do nothing if element is already being observed.
-        if (observations.has(target)) {
-            return;
-        }
-        observations.set(target, new ResizeObservation(target));
-        this.controller_.addObserver(this);
-        // Force the update of observations.
-        this.controller_.refresh();
-    };
-    /**
-     * Stops observing provided element.
-     *
-     * @param {Element} target - Element to stop observing.
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.unobserve = function (target) {
-        if (!arguments.length) {
-            throw new TypeError('1 argument required, but only 0 present.');
-        }
-        // Do nothing if current environment doesn't have the Element interface.
-        if (typeof Element === 'undefined' || !(Element instanceof Object)) {
-            return;
-        }
-        if (!(target instanceof getWindowOf(target).Element)) {
-            throw new TypeError('parameter 1 is not of type "Element".');
-        }
-        var observations = this.observations_;
-        // Do nothing if element is not being observed.
-        if (!observations.has(target)) {
-            return;
-        }
-        observations.delete(target);
-        if (!observations.size) {
-            this.controller_.removeObserver(this);
-        }
-    };
-    /**
-     * Stops observing all elements.
-     *
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.disconnect = function () {
-        this.clearActive();
-        this.observations_.clear();
-        this.controller_.removeObserver(this);
-    };
-    /**
-     * Collects observation instances the associated element of which has changed
-     * it's content rectangle.
-     *
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.gatherActive = function () {
-        var _this = this;
-        this.clearActive();
-        this.observations_.forEach(function (observation) {
-            if (observation.isActive()) {
-                _this.activeObservations_.push(observation);
-            }
-        });
-    };
-    /**
-     * Invokes initial callback function with a list of ResizeObserverEntry
-     * instances collected from active resize observations.
-     *
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.broadcastActive = function () {
-        // Do nothing if observer doesn't have active observations.
-        if (!this.hasActive()) {
-            return;
-        }
-        var ctx = this.callbackCtx_;
-        // Create ResizeObserverEntry instance for every active observation.
-        var entries = this.activeObservations_.map(function (observation) {
-            return new ResizeObserverEntry(observation.target, observation.broadcastRect());
-        });
-        this.callback_.call(ctx, entries, ctx);
-        this.clearActive();
-    };
-    /**
-     * Clears the collection of active observations.
-     *
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.clearActive = function () {
-        this.activeObservations_.splice(0);
-    };
-    /**
-     * Tells whether observer has active observations.
-     *
-     * @returns {boolean}
-     */
-    ResizeObserverSPI.prototype.hasActive = function () {
-        return this.activeObservations_.length > 0;
-    };
-    return ResizeObserverSPI;
-}());
-
-// Registry of internal observers. If WeakMap is not available use current shim
-// for the Map collection as it has all required methods and because WeakMap
-// can't be fully polyfilled anyway.
-var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();
-/**
- * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation
- * exposing only those methods and properties that are defined in the spec.
- */
-var ResizeObserver = /** @class */ (function () {
-    /**
-     * Creates a new instance of ResizeObserver.
-     *
-     * @param {ResizeObserverCallback} callback - Callback that is invoked when
-     *      dimensions of the observed elements change.
-     */
-    function ResizeObserver(callback) {
-        if (!(this instanceof ResizeObserver)) {
-            throw new TypeError('Cannot call a class as a function.');
-        }
-        if (!arguments.length) {
-            throw new TypeError('1 argument required, but only 0 present.');
-        }
-        var controller = ResizeObserverController.getInstance();
-        var observer = new ResizeObserverSPI(callback, controller, this);
-        observers.set(this, observer);
-    }
-    return ResizeObserver;
-}());
-// Expose public methods of ResizeObserver.
-[
-    'observe',
-    'unobserve',
-    'disconnect'
-].forEach(function (method) {
-    ResizeObserver.prototype[method] = function () {
-        var _a;
-        return (_a = observers.get(this))[method].apply(_a, arguments);
-    };
-});
-
-var index = (function () {
-    // Export existing implementation if available.
-    if (typeof global$1.ResizeObserver !== 'undefined') {
-        return global$1.ResizeObserver;
-    }
-    return ResizeObserver;
-})();
-
-/* harmony default export */ __webpack_exports__["default"] = (index);
-
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(11)))
-
-/***/ }),
-/* 99 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _button = __webpack_require__(21);
-
-var _button2 = _interopRequireDefault(_button);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview Implements UI Button
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-/**
- * Toolbar Button UI
- * @ignore
- */
-var ToolbarButton = function (_Button) {
-  _inherits(ToolbarButton, _Button);
-
-  function ToolbarButton() {
-    _classCallCheck(this, ToolbarButton);
-
-    return _possibleConstructorReturn(this, (ToolbarButton.__proto__ || Object.getPrototypeOf(ToolbarButton)).apply(this, arguments));
-  }
-
-  return ToolbarButton;
-}(_button2.default);
-
-exports.default = ToolbarButton;
-
-/***/ }),
-/* 100 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _layerpopup = __webpack_require__(7);
-
-var _layerpopup2 = _interopRequireDefault(_layerpopup);
-
-var _toolbar = __webpack_require__(43);
-
-var _toolbar2 = _interopRequireDefault(_toolbar);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview implements DefaultToolbar
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-/**
- * Class PopupDropdownToolbar
- * @param {LayerPopupOption} options - layer popup option
- * @ignore
- */
-var PopupDropdownToolbar = function (_LayerPopup) {
-  _inherits(PopupDropdownToolbar, _LayerPopup);
-
-  function PopupDropdownToolbar(options) {
-    _classCallCheck(this, PopupDropdownToolbar);
-
-    options = _tuiCodeSnippet2.default.extend({
-      header: false,
-      className: 'te-dropdown-toolbar'
-    }, options);
-    return _possibleConstructorReturn(this, (PopupDropdownToolbar.__proto__ || Object.getPrototypeOf(PopupDropdownToolbar)).call(this, options));
-  }
-
-  /**
-   * get toolbar instance it contains
-   * @returns {Toolbar} - toolbar instance
-   */
-
-  /**
-   * open event string
-   * @type {string}
-   */
-
-
-  _createClass(PopupDropdownToolbar, [{
-    key: 'getToolbar',
-    value: function getToolbar() {
-      return this._toolbar;
-    }
-
-    /**
-     * get toolbar items
-     * @returns {ToolbarItem[]} - toolbar items
-     */
-
-  }, {
-    key: 'getItems',
-    value: function getItems() {
-      return this.getToolbar().getItems();
-    }
-
-    /**
-     * get toolbar item at given index
-     * @param  {number} index - item index
-     * @returns {ToolbarItem} - toolbar item at the index
-     */
-
-  }, {
-    key: 'getItem',
-    value: function getItem(index) {
-      return this.getToolbar().getItem(index);
-    }
-
-    /**
-     * set toolbar items
-     * @param {ToolbarItem[]} items - toolbar items
-     */
-
-  }, {
-    key: 'setItems',
-    value: function setItems(items) {
-      this.getToolbar().setItems(items);
-    }
-
-    /**
-     * add toolbar item
-     * @param {ToolbarItem|string|object} item - toolbar item
-     */
-
-  }, {
-    key: 'addItem',
-    value: function addItem(item) {
-      this.getToolbar().addItem(item);
-    }
-
-    /**
-     * insert toolbar item
-     * @param  {number} index - index at given item inserted
-     * @param  {ToolbarItem|string|object} item - toolbar item
-     */
-
-  }, {
-    key: 'insertItem',
-    value: function insertItem(index, item) {
-      this.getToolbar().insertItem(index, item);
-    }
-
-    /**
-     * get index of given item
-     * @param  {ToolbarItem} item - toolbar item
-     * @returns {number} - index of given toolbar item
-     */
-
-  }, {
-    key: 'indexOfItem',
-    value: function indexOfItem(item) {
-      return this.getToolbar().indexOfItem(item);
-    }
-
-    /**
-     * remove an item
-     * @param  {number} index - item index to remove
-     * @param  {boolean} destroy - destroy item or not
-     * @returns {ToolbarItem} - removed item
-     */
-
-  }, {
-    key: 'removeItem',
-    value: function removeItem(index, destroy) {
-      return this.getToolbar().removeItem(index, destroy);
-    }
-
-    /**
-     * remove all toolbar items
-     */
-
-  }, {
-    key: 'removeAllItems',
-    value: function removeAllItems() {
-      this.getToolbar().removeAllItems();
-    }
-
-    /**
-     * init instance.
-     * store properties & prepare before initialize DOM
-     * @param {LayerPopupOption} options - layer popup options
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initInstance',
-    value: function _initInstance(options) {
-      _get(PopupDropdownToolbar.prototype.__proto__ || Object.getPrototypeOf(PopupDropdownToolbar.prototype), '_initInstance', this).call(this, options);
-
-      var $button = options.$button,
-          eventManager = options.eventManager;
-
-
-      this._$button = $button;
-      this._eventManager = eventManager;
-      this._toolbar = new _toolbar2.default(eventManager);
-    }
-
-    /**
-     * initialize DOM, render popup
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initDOM',
-    value: function _initDOM() {
-      _get(PopupDropdownToolbar.prototype.__proto__ || Object.getPrototypeOf(PopupDropdownToolbar.prototype), '_initDOM', this).call(this);
-
-      this.setContent(this._toolbar.$el);
-    }
-
-    /**
-     * bind editor events
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initEditorEvent',
-    value: function _initEditorEvent() {
-      var _this2 = this;
-
-      _get(PopupDropdownToolbar.prototype.__proto__ || Object.getPrototypeOf(PopupDropdownToolbar.prototype), '_initEditorEvent', this).call(this);
-
-      this._eventManager.listen('focus', function () {
-        return _this2.hide();
-      });
-      this._eventManager.listen('closeAllPopup', function () {
-        return _this2.hide();
-      });
-      this._eventManager.listen(PopupDropdownToolbar.OPEN_EVENT, function () {
-        var isShown = _this2.isShow();
-        _this2._eventManager.emit('closeAllPopup');
-        if (!isShown) {
-          _this2.show();
-        }
-
-        // to give toolbar element enough width before the calculation
-        _this2.$el.css({
-          left: '-1000px'
-        });
-        var $button = _this2._$button;
-        var position = $button.position();
-        var buttonOuterHeightWithMargin = $button.outerHeight(true);
-        var buttonMarginBottom = (buttonOuterHeightWithMargin - $button.outerHeight()) / 2;
-        var top = position.top + buttonOuterHeightWithMargin - buttonMarginBottom;
-        var left = position.left + $button.outerWidth(true) - _this2.$el.outerWidth(true);
-
-        _this2.$el.css({
-          top: top,
-          left: left
-        });
-      });
-    }
-  }]);
-
-  return PopupDropdownToolbar;
-}(_layerpopup2.default);
-
-Object.defineProperty(PopupDropdownToolbar, 'OPEN_EVENT', {
-  enumerable: true,
-  writable: true,
-  value: 'openDropdownToolbar'
-});
-exports.default = PopupDropdownToolbar;
-
-/***/ }),
-/* 101 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _uicontroller = __webpack_require__(14);
-
-var _uicontroller2 = _interopRequireDefault(_uicontroller);
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview Implements ui mode switch
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-var MARKDOWN = 'markdown';
-var WYSIWYG = 'wysiwyg';
-
-/**
- * Class ModeSwitch
- * UI Control for switch between Markdown and WYSIWYG
- * @param {jQuery} $rootElement - root jquery element
- * @param {string} initialType - initial type of editor
- */
-
-var ModeSwitch = function (_UIController) {
-  _inherits(ModeSwitch, _UIController);
-
-  /**
-   * current mode
-   * @type {String}
-   * @private
-   */
-
-  /**
-   * mode switch type
-   * @property {string} MARKDOWN - Markdown
-   * @property {string} WYSIWYG - WYSIWYG
-   * @static
-   * @ignore
-   */
-  function ModeSwitch($rootElement, initialType) {
-    _classCallCheck(this, ModeSwitch);
-
-    var _this = _possibleConstructorReturn(this, (ModeSwitch.__proto__ || Object.getPrototypeOf(ModeSwitch)).call(this, {
-      tagName: 'div',
-      className: 'te-mode-switch'
-    }));
-
-    Object.defineProperty(_this, '_buttons', {
-      enumerable: true,
-      writable: true,
-      value: {}
-    });
-
-
-    _this._render($rootElement);
-    _this._switchType(_tuiCodeSnippet2.default.isExisty(initialType) ? initialType : MARKDOWN);
-    return _this;
-  }
-
-  /**
-   * is the switch tab bar shown
-   * @returns {Boolean} - showing status
-   */
-
-
-  /**
-   * root element
-   * @type {jQuery}
-   * @private
-   */
-
-
-  /**
-   * mode switch buttons
-   * @type {Object}
-   * @private
-   */
-
-
-  _createClass(ModeSwitch, [{
-    key: 'isShown',
-    value: function isShown() {
-      return this._$rootElement.css('display') === 'block';
-    }
-
-    /**
-     * show switch tab bar
-     */
-
-  }, {
-    key: 'show',
-    value: function show() {
-      this._$rootElement.css('display', 'block');
-    }
-
-    /**
-     * hide switch tab bar
-     */
-
-  }, {
-    key: 'hide',
-    value: function hide() {
-      this._$rootElement.css('display', 'none');
-    }
-  }, {
-    key: '_render',
-    value: function _render($rootElement) {
-      this._buttons.$markdown = (0, _jquery2.default)('');
-      this._buttons.$wysiwyg = (0, _jquery2.default)('');
-      this.$el.append(this._buttons.$markdown);
-      this.$el.append(this._buttons.$wysiwyg);
-
-      if ($rootElement) {
-        $rootElement.append(this.$el);
-        this._$rootElement = $rootElement;
-      }
-
-      this.on('click .markdown', this._changeMarkdown.bind(this));
-      this.on('click .wysiwyg', this._changeWysiwyg.bind(this));
-
-      this.show();
-    }
-  }, {
-    key: '_changeMarkdown',
-    value: function _changeMarkdown() {
-      this._switchType(MARKDOWN);
-    }
-  }, {
-    key: '_changeWysiwyg',
-    value: function _changeWysiwyg() {
-      this._switchType(WYSIWYG);
-    }
-  }, {
-    key: '_setActiveButton',
-    value: function _setActiveButton(type) {
-      this._buttons.$markdown.removeClass('active');
-      this._buttons.$wysiwyg.removeClass('active');
-      this._buttons['$' + type].addClass('active');
-    }
-  }, {
-    key: '_switchType',
-    value: function _switchType(type) {
-      if (this._type === type) {
-        return;
-      }
-
-      this._type = type;
-      this._setActiveButton(type);
-      this.trigger('modeSwitched', this._type);
-    }
-  }]);
-
-  return ModeSwitch;
-}(_uicontroller2.default);
-
-Object.defineProperty(ModeSwitch, 'TYPE', {
-  enumerable: true,
-  writable: true,
-  value: {
-    MARKDOWN: MARKDOWN,
-    WYSIWYG: WYSIWYG
-  }
-});
-exports.default = ModeSwitch;
-
-/***/ }),
-/* 102 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _layerpopup = __webpack_require__(7);
-
-var _layerpopup2 = _interopRequireDefault(_layerpopup);
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview Implements PopupAddLink
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-var URL_REGEX = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})(\/([^\s]*))?$/;
-
-/**
- * Class PopupAddLink
- * It implements a link Add Popup
- * @param {LayerPopupOption} options - layer popup options
- * @ignore
- */
-
-var PopupAddLink = function (_LayerPopup) {
-  _inherits(PopupAddLink, _LayerPopup);
-
-  function PopupAddLink(options) {
-    _classCallCheck(this, PopupAddLink);
-
-    var POPUP_CONTENT = '\n            \n            \n            \n            \n            
    \n                \n                \n            
    \n        ';
-    options = _tuiCodeSnippet2.default.extend({
-      header: true,
-      title: _i18n2.default.get('Insert link'),
-      className: 'te-popup-add-link tui-editor-popup',
-      content: POPUP_CONTENT
-    }, options);
-    return _possibleConstructorReturn(this, (PopupAddLink.__proto__ || Object.getPrototypeOf(PopupAddLink)).call(this, options));
-  }
-
-  /**
-   * init instance.
-   * store properties & prepare before initialize DOM
-   * @param {LayerPopupOption} options - layer popup options
-   * @private
-   * @override
-   */
-
-
-  _createClass(PopupAddLink, [{
-    key: '_initInstance',
-    value: function _initInstance(options) {
-      _get(PopupAddLink.prototype.__proto__ || Object.getPrototypeOf(PopupAddLink.prototype), '_initInstance', this).call(this, options);
-
-      this._editor = options.editor;
-      this._eventManager = options.editor.eventManager;
-    }
-
-    /**
-     * initialize DOM, render popup
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initDOM',
-    value: function _initDOM() {
-      _get(PopupAddLink.prototype.__proto__ || Object.getPrototypeOf(PopupAddLink.prototype), '_initDOM', this).call(this);
-
-      var el = this.$el.get(0);
-      this._inputText = el.querySelector('.te-link-text-input');
-      this._inputURL = el.querySelector('.te-url-input');
-    }
-
-    /**
-     * bind DOM events
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initDOMEvent',
-    value: function _initDOMEvent() {
-      var _this2 = this;
-
-      _get(PopupAddLink.prototype.__proto__ || Object.getPrototypeOf(PopupAddLink.prototype), '_initDOMEvent', this).call(this);
-
-      this.on('click .te-close-button', function () {
-        return _this2.hide();
-      });
-      this.on('click .te-ok-button', function () {
-        return _this2._addLink();
-      });
-
-      this.on('shown', function () {
-        var inputText = _this2._inputText;
-        var inputURL = _this2._inputURL;
-
-        var selectedText = _this2._editor.getSelectedText().trim();
-
-        inputText.value = selectedText;
-        if (URL_REGEX.exec(selectedText)) {
-          inputURL.value = selectedText;
-        }
-
-        inputURL.focus();
-      });
-
-      this.on('hidden', function () {
-        _this2._resetInputs();
-      });
-    }
-
-    /**
-     * bind editor events
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initEditorEvent',
-    value: function _initEditorEvent() {
-      var _this3 = this;
-
-      _get(PopupAddLink.prototype.__proto__ || Object.getPrototypeOf(PopupAddLink.prototype), '_initEditorEvent', this).call(this);
-
-      var eventManager = this._eventManager;
-      eventManager.listen('focus', function () {
-        return _this3.hide();
-      });
-      eventManager.listen('closeAllPopup', function () {
-        return _this3.hide();
-      });
-      eventManager.listen('openPopupAddLink', function () {
-        eventManager.emit('closeAllPopup');
-        _this3.show();
-      });
-    }
-  }, {
-    key: '_addLink',
-    value: function _addLink() {
-      var _getValue2 = this._getValue(),
-          url = _getValue2.url,
-          linkText = _getValue2.linkText;
-
-      this._clearValidationStyle();
-
-      if (linkText.length < 1) {
-        (0, _jquery2.default)(this._inputText).addClass('wrong');
-
-        return;
-      }
-      if (url.length < 1) {
-        (0, _jquery2.default)(this._inputURL).addClass('wrong');
-
-        return;
-      }
-
-      this._eventManager.emit('command', 'AddLink', {
-        linkText: linkText,
-        url: url
-      });
-      this.hide();
-    }
-  }, {
-    key: '_getValue',
-    value: function _getValue() {
-      var url = this._inputURL.value;
-      var linkText = this._inputText.value;
-
-      return {
-        url: url,
-        linkText: linkText
-      };
-    }
-  }, {
-    key: '_clearValidationStyle',
-    value: function _clearValidationStyle() {
-      (0, _jquery2.default)(this._inputURL).removeClass('wrong');
-      (0, _jquery2.default)(this._inputText).removeClass('wrong');
-    }
-  }, {
-    key: '_resetInputs',
-    value: function _resetInputs() {
-      this._inputText.value = '';
-      this._inputURL.value = '';
-      this._clearValidationStyle();
-    }
-  }]);
-
-  return PopupAddLink;
-}(_layerpopup2.default);
-
-exports.default = PopupAddLink;
-
-/***/ }),
-/* 103 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _layerpopup = __webpack_require__(7);
-
-var _layerpopup2 = _interopRequireDefault(_layerpopup);
-
-var _tab = __webpack_require__(46);
-
-var _tab2 = _interopRequireDefault(_tab);
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview Implements PopupAddImage
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-var CLASS_IMAGE_URL_INPUT = 'te-image-url-input';
-var CLASS_IMAGE_FILE_INPUT = 'te-image-file-input';
-var CLASS_ALT_TEXT_INPUT = 'te-alt-text-input';
-var CLASS_OK_BUTTON = 'te-ok-button';
-var CLASS_CLOSE_BUTTON = 'te-close-button';
-var CLASS_FILE_TYPE = 'te-file-type';
-var CLASS_URL_TYPE = 'te-url-type';
-var CLASS_TAB_SECTION = 'te-tab-section';
-var TYPE_UI = 'ui';
-
-/**
- * Class PopupAddImage
- * It implements a Image Add Popup
- * @param {LayerPopupOption} options - layer popup option
- * @ignore
- */
-
-var PopupAddImage = function (_LayerPopup) {
-  _inherits(PopupAddImage, _LayerPopup);
-
-  function PopupAddImage(options) {
-    _classCallCheck(this, PopupAddImage);
-
-    var POPUP_CONTENT = '\n            
    \n            
    \n                \n                \n            
    \n            
    \n                \n                \n            
    \n            \n            \n            
    \n                \n                \n            
    \n        ';
-    options = _tuiCodeSnippet2.default.extend({
-      header: true,
-      title: _i18n2.default.get('Insert image'),
-      className: 'te-popup-add-image tui-editor-popup',
-      content: POPUP_CONTENT
-    }, options);
-    return _possibleConstructorReturn(this, (PopupAddImage.__proto__ || Object.getPrototypeOf(PopupAddImage)).call(this, options));
-  }
-
-  /**
-   * init instance.
-   * store properties & prepare before initialize DOM
-   * @param {LayerPopupOption} options - layer popup options
-   * @private
-   * @override
-   */
-
-
-  _createClass(PopupAddImage, [{
-    key: '_initInstance',
-    value: function _initInstance(options) {
-      _get(PopupAddImage.prototype.__proto__ || Object.getPrototypeOf(PopupAddImage.prototype), '_initInstance', this).call(this, options);
-
-      this.eventManager = options.eventManager;
-    }
-
-    /**
-     * initialize DOM, render popup
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initDOM',
-    value: function _initDOM() {
-      _get(PopupAddImage.prototype.__proto__ || Object.getPrototypeOf(PopupAddImage.prototype), '_initDOM', this).call(this);
-
-      var $popup = this.$el;
-
-      this._$imageUrlInput = $popup.find('.' + CLASS_IMAGE_URL_INPUT);
-      this._$imageFileInput = $popup.find('.' + CLASS_IMAGE_FILE_INPUT);
-      this._$altTextInput = $popup.find('.' + CLASS_ALT_TEXT_INPUT);
-
-      var $fileTypeSection = $popup.find('.' + CLASS_FILE_TYPE);
-      var $urlTypeSection = $popup.find('.' + CLASS_URL_TYPE);
-      var $tabSection = this.$body.find('.' + CLASS_TAB_SECTION);
-      this.tab = new _tab2.default({
-        initName: _i18n2.default.get('File'),
-        items: [_i18n2.default.get('File'), _i18n2.default.get('URL')],
-        sections: [$fileTypeSection, $urlTypeSection]
-      });
-      $tabSection.append(this.tab.$el);
-    }
-
-    /**
-     * bind DOM events
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initDOMEvent',
-    value: function _initDOMEvent() {
-      var _this2 = this;
-
-      _get(PopupAddImage.prototype.__proto__ || Object.getPrototypeOf(PopupAddImage.prototype), '_initDOMEvent', this).call(this);
-
-      this.on('shown', function () {
-        return _this2._$imageUrlInput.focus();
-      });
-      this.on('hidden', function () {
-        return _this2._resetInputs();
-      });
-
-      this.on('change .' + CLASS_IMAGE_FILE_INPUT, function () {
-        var filename = _this2._$imageFileInput.val().split('\\').pop();
-        _this2._$altTextInput.val(filename);
-      });
-
-      this.on('click .' + CLASS_CLOSE_BUTTON, function () {
-        return _this2.hide();
-      });
-      this.on('click .' + CLASS_OK_BUTTON, function () {
-        var imageUrl = _this2._$imageUrlInput.val();
-        var altText = _this2._$altTextInput.val();
-
-        if (imageUrl) {
-          _this2._applyImage(imageUrl, altText);
-        } else {
-          var _$imageFileInput$get = _this2._$imageFileInput.get(0),
-              files = _$imageFileInput$get.files;
-
-          if (files.length) {
-            var imageFile = files.item(0);
-            var hookCallback = function hookCallback(url, text) {
-              return _this2._applyImage(url, text || altText);
-            };
-
-            _this2.eventManager.emit('addImageBlobHook', imageFile, hookCallback, TYPE_UI);
-          }
-        }
-
-        _this2.hide();
-      });
-
-      this.tab.on('itemClick', function () {
-        return _this2._resetInputs();
-      });
-    }
-
-    /**
-     * bind editor events
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initEditorEvent',
-    value: function _initEditorEvent() {
-      var _this3 = this;
-
-      _get(PopupAddImage.prototype.__proto__ || Object.getPrototypeOf(PopupAddImage.prototype), '_initEditorEvent', this).call(this);
-
-      this.eventManager.listen('focus', function () {
-        return _this3.hide();
-      });
-      this.eventManager.listen('closeAllPopup', function () {
-        return _this3.hide();
-      });
-
-      this.eventManager.listen('openPopupAddImage', function () {
-        _this3.eventManager.emit('closeAllPopup');
-        _this3.show();
-      });
-    }
-  }, {
-    key: '_applyImage',
-    value: function _applyImage(imageUrl, altText) {
-      this.eventManager.emit('command', 'AddImage', {
-        imageUrl: imageUrl,
-        altText: altText || 'image'
-      });
-      this.hide();
-    }
-  }, {
-    key: '_resetInputs',
-    value: function _resetInputs() {
-      this.$el.find('input').val('');
-    }
-
-    /**
-     * Remove popup
-     * @override
-     */
-
-  }, {
-    key: 'remove',
-    value: function remove() {
-      this.tab.remove();
-      _get(PopupAddImage.prototype.__proto__ || Object.getPrototypeOf(PopupAddImage.prototype), 'remove', this).call(this);
-    }
-  }]);
-
-  return PopupAddImage;
-}(_layerpopup2.default);
-
-exports.default = PopupAddImage;
-
-/***/ }),
-/* 104 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DISABLED_MENU_CLASS_NAME = exports.REMOVE_ROW_MENU_CLASS_NAME = undefined;
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _layerpopup = __webpack_require__(7);
-
-var _layerpopup2 = _interopRequireDefault(_layerpopup);
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview Implements PopupTableUtils
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-var REMOVE_ROW_MENU_CLASS_NAME = exports.REMOVE_ROW_MENU_CLASS_NAME = 'te-table-remove-row';
-var DISABLED_MENU_CLASS_NAME = exports.DISABLED_MENU_CLASS_NAME = 'te-context-menu-disabled';
-
-/**
- * PopupTableUtils
- * It implements table utils popup
- * @param {LayerPopupOption} options - layer popup options
- */
-
-var PopupTableUtils = function (_LayerPopup) {
-  _inherits(PopupTableUtils, _LayerPopup);
-
-  function PopupTableUtils(options) {
-    _classCallCheck(this, PopupTableUtils);
-
-    var POPUP_CONTENT = '\n            \n            \n            \n            \n            
    \n            \n            \n            \n            
    \n            \n        ';
-    options = _tuiCodeSnippet2.default.extend({
-      header: false,
-      className: 'te-popup-table-utils',
-      content: POPUP_CONTENT
-    }, options);
-    return _possibleConstructorReturn(this, (PopupTableUtils.__proto__ || Object.getPrototypeOf(PopupTableUtils)).call(this, options));
-  }
-
-  /**
-   * init instance.
-   * store properties & prepare before initialize DOM
-   * @param {LayerPopupOption} options - layer popup options
-   * @private
-   * @override
-   */
-
-
-  _createClass(PopupTableUtils, [{
-    key: '_initInstance',
-    value: function _initInstance(options) {
-      _get(PopupTableUtils.prototype.__proto__ || Object.getPrototypeOf(PopupTableUtils.prototype), '_initInstance', this).call(this, options);
-      this.eventManager = options.eventManager;
-    }
-
-    /**
-     * bind DOM events
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initDOMEvent',
-    value: function _initDOMEvent() {
-      var _this2 = this;
-
-      _get(PopupTableUtils.prototype.__proto__ || Object.getPrototypeOf(PopupTableUtils.prototype), '_initDOMEvent', this).call(this);
-
-      this.on('click .te-table-add-row', function () {
-        return _this2.eventManager.emit('command', 'AddRow');
-      });
-      this.on('click .te-table-add-col', function () {
-        return _this2.eventManager.emit('command', 'AddCol');
-      });
-      this.on('click .te-table-col-align-left', function () {
-        return _this2.eventManager.emit('command', 'AlignCol', 'left');
-      });
-      this.on('click .te-table-col-align-center', function () {
-        return _this2.eventManager.emit('command', 'AlignCol', 'center');
-      });
-      this.on('click .te-table-col-align-right', function () {
-        return _this2.eventManager.emit('command', 'AlignCol', 'right');
-      });
-      this.on('click .te-table-remove-col', function () {
-        return _this2.eventManager.emit('command', 'RemoveCol');
-      });
-      this.on('click .te-table-remove', function () {
-        return _this2.eventManager.emit('command', 'RemoveTable');
-      });
-      this._bindClickEventOnRemoveRowMenu();
-    }
-
-    /**
-     * bind editor events
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initEditorEvent',
-    value: function _initEditorEvent() {
-      var _this3 = this;
-
-      _get(PopupTableUtils.prototype.__proto__ || Object.getPrototypeOf(PopupTableUtils.prototype), '_initEditorEvent', this).call(this);
-
-      this.eventManager.listen('focus', function () {
-        return _this3.hide();
-      });
-      this.eventManager.listen('mousedown', function () {
-        return _this3.hide();
-      });
-      this.eventManager.listen('closeAllPopup', function () {
-        return _this3.hide();
-      });
-      this.eventManager.listen('openPopupTableUtils', function (ev) {
-        var offset = _this3.$el.parent().offset();
-        var x = ev.clientX - offset.left;
-        var y = ev.clientY - offset.top + (0, _jquery2.default)(window).scrollTop();
-
-        _this3._disableRemoveRowMenu(ev.target);
-
-        _this3.$el.css({
-          position: 'absolute',
-          top: y + 5, // beside mouse pointer
-          left: x + 10
-        });
-        _this3.eventManager.emit('closeAllPopup');
-        _this3.show();
-      });
-    }
-  }, {
-    key: '_bindClickEventOnRemoveRowMenu',
-    value: function _bindClickEventOnRemoveRowMenu() {
-      var _this4 = this;
-
-      this.on('click .' + REMOVE_ROW_MENU_CLASS_NAME, function (ev) {
-        var target = ev.target;
-
-
-        if ((0, _jquery2.default)(target).hasClass(DISABLED_MENU_CLASS_NAME)) {
-          ev.preventDefault();
-        } else {
-          _this4.eventManager.emit('command', 'RemoveRow');
-        }
-      });
-    }
-  }, {
-    key: '_disableRemoveRowMenu',
-    value: function _disableRemoveRowMenu(target) {
-      var $menu = this.$el.find('.' + REMOVE_ROW_MENU_CLASS_NAME);
-
-      if (target.nodeName === 'TH') {
-        $menu.addClass(DISABLED_MENU_CLASS_NAME);
-      } else {
-        $menu.removeClass(DISABLED_MENU_CLASS_NAME);
-      }
-    }
-  }]);
-
-  return PopupTableUtils;
-}(_layerpopup2.default);
-
-exports.default = PopupTableUtils;
-
-/***/ }),
-/* 105 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _layerpopup = __webpack_require__(7);
-
-var _layerpopup2 = _interopRequireDefault(_layerpopup);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview Implements PopupAddTable
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-var CLASS_TABLE_SELECTION = 'te-table-selection';
-var CLASS_TABLE_HEADER = 'te-table-header';
-var CLASS_TABLE_BODY = 'te-table-body';
-var CLASS_SELECTION_AREA = 'te-selection-area';
-var CLASS_DESCRIPTION = 'te-description';
-
-var POPUP_CONTENT = '\n    
    \n        
    \n        
    \n        
    \n    
    \n    
    \n';
-
-var CELL_WIDTH = 25;
-var CELL_HEIGHT = 17;
-var MIN_ROW_INDEX = 7;
-var MAX_ROW_INDEX = 14;
-var MIN_COL_INDEX = 5;
-var MAX_COL_INDEX = 9;
-var MIN_ROW_SELECTION_INDEX = 1;
-var MIN_COL_SELECTION_INDEX = 1;
-var HEADER_ROW_COUNT = 1;
-var LAST_BORDER = 1;
-
-/**
- * Class PopupAddTable
- * It implements Popup to add a table
- * @param {LayerPopupOption} options - layer popup option
- * @ignore
- */
-
-var PopupAddTable = function (_LayerPopup) {
-  _inherits(PopupAddTable, _LayerPopup);
-
-  /**
-   * Toolbar Button which the Popup is bound to.
-   * @type {jQuery}
-   * @private
-   */
-  function PopupAddTable(options) {
-    _classCallCheck(this, PopupAddTable);
-
-    options = _tuiCodeSnippet2.default.extend({
-      header: false,
-      className: 'te-popup-add-table',
-      content: POPUP_CONTENT
-    }, options);
-    return _possibleConstructorReturn(this, (PopupAddTable.__proto__ || Object.getPrototypeOf(PopupAddTable)).call(this, options));
-  }
-
-  /**
-   * init instance.
-   * store properties & prepare before initialize DOM
-   * @param {LayerPopupOption} options - layer popup options
-   * @private
-   * @override
-   */
-
-
-  /**
-   * EventManager instance
-   * @type {EventManager}
-   * @private
-   */
-
-
-  _createClass(PopupAddTable, [{
-    key: '_initInstance',
-    value: function _initInstance(options) {
-      _get(PopupAddTable.prototype.__proto__ || Object.getPrototypeOf(PopupAddTable.prototype), '_initInstance', this).call(this, options);
-
-      this._selectedBound = {};
-      this._tableBound = {};
-      this._eventManager = options.eventManager;
-      this._$button = options.$button;
-    }
-
-    /**
-     * initialize DOM, render popup
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initDOM',
-    value: function _initDOM() {
-      _get(PopupAddTable.prototype.__proto__ || Object.getPrototypeOf(PopupAddTable.prototype), '_initDOM', this).call(this);
-
-      this._cacheElements();
-      this._setTableSizeByBound(MIN_COL_INDEX, MIN_ROW_INDEX);
-    }
-
-    /**
-     * bind DOM events
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initDOMEvent',
-    value: function _initDOMEvent(options) {
-      var _this2 = this;
-
-      _get(PopupAddTable.prototype.__proto__ || Object.getPrototypeOf(PopupAddTable.prototype), '_initDOMEvent', this).call(this, options);
-
-      this.on('mousemove .' + CLASS_TABLE_SELECTION, function (ev) {
-        var x = ev.pageX - _this2._selectionOffset.left;
-        var y = ev.pageY - _this2._selectionOffset.top;
-        var bound = _this2._getSelectionBoundByOffset(x, y);
-
-        _this2._resizeTableBySelectionIfNeed(bound.col, bound.row);
-
-        _this2._setSelectionAreaByBound(bound.col, bound.row);
-        _this2._setDisplayText(bound.col, bound.row);
-        _this2._setSelectedBound(bound.col, bound.row);
-      });
-
-      this.on('click .' + CLASS_TABLE_SELECTION, function () {
-        var tableSize = _this2._getSelectedTableSize();
-        _this2._eventManager.emit('command', 'Table', tableSize.col, tableSize.row);
-      });
-    }
-
-    /**
-     * bind editor events
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initEditorEvent',
-    value: function _initEditorEvent() {
-      var _this3 = this;
-
-      _get(PopupAddTable.prototype.__proto__ || Object.getPrototypeOf(PopupAddTable.prototype), '_initEditorEvent', this).call(this);
-
-      this._eventManager.listen('focus', function () {
-        return _this3.hide();
-      });
-      this._eventManager.listen('closeAllPopup', function () {
-        return _this3.hide();
-      });
-
-      this._eventManager.listen('openPopupAddTable', function () {
-        var $button = _this3._$button;
-
-        var _$button$get = $button.get(0),
-            offsetTop = _$button$get.offsetTop,
-            offsetLeft = _$button$get.offsetLeft;
-
-        _this3.$el.css({
-          top: offsetTop + $button.outerHeight(),
-          left: offsetLeft
-        });
-        _this3._eventManager.emit('closeAllPopup');
-        _this3.show();
-        _this3._selectionOffset = _this3.$el.find('.' + CLASS_TABLE_SELECTION).offset();
-      });
-    }
-
-    /**
-     * Cache elements for use
-     * @private
-     */
-
-  }, {
-    key: '_cacheElements',
-    value: function _cacheElements() {
-      this.$header = this.$el.find('.' + CLASS_TABLE_HEADER);
-      this.$body = this.$el.find('.' + CLASS_TABLE_BODY);
-      this.$selection = this.$el.find('.' + CLASS_SELECTION_AREA);
-      this.$desc = this.$el.find('.' + CLASS_DESCRIPTION);
-    }
-
-    /**
-     * Resize table if need
-     * @param {number} col column index
-     * @param {number} row row index
-     * @private
-     */
-
-  }, {
-    key: '_resizeTableBySelectionIfNeed',
-    value: function _resizeTableBySelectionIfNeed(col, row) {
-      var resizedBound = this._getResizedTableBound(col, row);
-
-      if (resizedBound) {
-        this._setTableSizeByBound(resizedBound.col, resizedBound.row);
-      }
-    }
-
-    /**
-     * Get resized table bound if Need
-     * @param {number} col column index
-     * @param {number} row row index
-     * @returns {object} bound
-     * @private
-     */
-
-  }, {
-    key: '_getResizedTableBound',
-    value: function _getResizedTableBound(col, row) {
-      var resizedCol = void 0,
-          resizedRow = void 0,
-          resizedBound = void 0;
-
-      if (col >= MIN_COL_INDEX && col < MAX_COL_INDEX) {
-        resizedCol = col + 1;
-      } else if (col < MIN_COL_INDEX) {
-        resizedCol = MIN_COL_INDEX;
-      }
-
-      if (row >= MIN_ROW_INDEX && row < MAX_ROW_INDEX) {
-        resizedRow = row + 1;
-      } else if (row < MIN_ROW_INDEX) {
-        resizedRow = MIN_ROW_INDEX;
-      }
-
-      if (this._isNeedResizeTable(resizedCol, resizedRow)) {
-        resizedBound = {
-          row: resizedRow || this._tableBound.row,
-          col: resizedCol || this._tableBound.col
-        };
-      }
-
-      return resizedBound;
-    }
-
-    /**
-     * check if need resize table
-     * @param {number} col column index
-     * @param {number} row row index
-     * @returns {boolean} result
-     * @private
-     */
-
-  }, {
-    key: '_isNeedResizeTable',
-    value: function _isNeedResizeTable(col, row) {
-      return col && col !== this._tableBound.col || row && row !== this._tableBound.row;
-    }
-
-    /**
-     * Get bound by offset
-     * @param {number} x offset
-     * @param {number} y offset
-     * @returns {object} bound
-     * @private
-     */
-
-  }, {
-    key: '_getBoundByOffset',
-    value: function _getBoundByOffset(x, y) {
-      var row = parseInt(y / CELL_HEIGHT, 10);
-      var col = parseInt(x / CELL_WIDTH, 10);
-
-      return {
-        row: row,
-        col: col
-      };
-    }
-
-    /**
-     * Get offset by bound
-     * @param {number} col column index
-     * @param {number} row row index
-     * @returns {object} offset
-     * @private
-     */
-
-  }, {
-    key: '_getOffsetByBound',
-    value: function _getOffsetByBound(col, row) {
-      var x = col * CELL_WIDTH + CELL_WIDTH,
-          y = row * CELL_HEIGHT + CELL_HEIGHT;
-
-      return {
-        x: x,
-        y: y
-      };
-    }
-
-    /**
-     * Set table size with bound
-     * @param {number} col column index
-     * @param {number} row row index
-     * @private
-     */
-
-  }, {
-    key: '_setTableSizeByBound',
-    value: function _setTableSizeByBound(col, row) {
-      var boundOffset = this._getOffsetByBound(col, row - HEADER_ROW_COUNT);
-      this._setTableSize(boundOffset.x, boundOffset.y);
-      this._tableBound.row = row;
-      this._tableBound.col = col;
-    }
-
-    /**
-     * Get selection bound that process with range by offset
-     * @param {number} x offset
-     * @param {number} y offset
-     * @returns {object} bound
-     * @private
-     */
-
-  }, {
-    key: '_getSelectionBoundByOffset',
-    value: function _getSelectionBoundByOffset(x, y) {
-      var bound = this._getBoundByOffset(x, y);
-
-      if (bound.row < MIN_ROW_SELECTION_INDEX) {
-        bound.row = MIN_ROW_SELECTION_INDEX;
-      } else if (bound.row > this._tableBound.row) {
-        bound.row = this._tableBound.row;
-      }
-
-      if (bound.col < MIN_COL_SELECTION_INDEX) {
-        bound.col = MIN_COL_SELECTION_INDEX;
-      } else if (bound.col > this._tableBound.col) {
-        bound.col = this._tableBound.col;
-      }
-
-      return bound;
-    }
-
-    /**
-     * Set selection area with bound
-     * @param {number} col column index
-     * @param {number} row row index
-     * @private
-     */
-
-  }, {
-    key: '_setSelectionAreaByBound',
-    value: function _setSelectionAreaByBound(col, row) {
-      var boundOffset = this._getOffsetByBound(col, row);
-      this._setSelectionArea(boundOffset.x, boundOffset.y);
-    }
-
-    /**
-     * Set selected bound
-     * @param {number} col column index
-     * @param {number} row row index
-     * @private
-     */
-
-  }, {
-    key: '_setSelectedBound',
-    value: function _setSelectedBound(col, row) {
-      this._selectedBound.col = col;
-      this._selectedBound.row = row;
-    }
-
-    /**
-     * Get selected table size
-     * @returns {object} bound
-     * @private
-     */
-
-  }, {
-    key: '_getSelectedTableSize',
-    value: function _getSelectedTableSize() {
-      return {
-        row: this._selectedBound.row + 1,
-        col: this._selectedBound.col + 1
-      };
-    }
-
-    /**
-     * Set selected table size text for display
-     * @param {number} col column index
-     * @param {number} row row index
-     * @private
-     */
-
-  }, {
-    key: '_setDisplayText',
-    value: function _setDisplayText(col, row) {
-      this.$desc.html(col + 1 + ' x ' + (row + 1));
-    }
-
-    /**
-     * Set table element size
-     * @param {number} x offset
-     * @param {number} y offset
-     * @private
-     */
-
-  }, {
-    key: '_setTableSize',
-    value: function _setTableSize(x, y) {
-      x += LAST_BORDER;
-      y += LAST_BORDER;
-
-      this.$header.css({
-        height: CELL_HEIGHT,
-        width: x
-      });
-
-      this.$body.css({
-        height: y,
-        width: x
-      });
-
-      this.$el.css({
-        width: x + 30
-      });
-    }
-
-    /**
-     * Set selection element size
-     * @param {number} x offset
-     * @param {number} y offset
-     * @private
-     */
-
-  }, {
-    key: '_setSelectionArea',
-    value: function _setSelectionArea(x, y) {
-      x += LAST_BORDER;
-      y += LAST_BORDER;
-
-      this.$selection.css({
-        height: y,
-        width: x
-      });
-    }
-  }]);
-
-  return PopupAddTable;
-}(_layerpopup2.default);
-
-PopupAddTable.CELL_WIDTH = CELL_WIDTH;
-PopupAddTable.CELL_HEIGHT = CELL_HEIGHT;
-PopupAddTable.MIN_ROW_SELECTION_INDEX = MIN_ROW_SELECTION_INDEX;
-PopupAddTable.MIN_COL_SELECTION_INDEX = MIN_COL_SELECTION_INDEX;
-
-exports.default = PopupAddTable;
-
-/***/ }),
-/* 106 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _layerpopup = __webpack_require__(7);
-
-var _layerpopup2 = _interopRequireDefault(_layerpopup);
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview Implements PopupAddHeading
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-/**
- * Class PopupAddHeading
- * It implements Popup to add headings
- * @param {LayerPopupOption} options - layer popup option
- * @ignore
- */
-var PopupAddHeading = function (_LayerPopup) {
-  _inherits(PopupAddHeading, _LayerPopup);
-
-  function PopupAddHeading(options) {
-    _classCallCheck(this, PopupAddHeading);
-
-    var POPUP_CONTENT = '\n            
      \n                
    • ' + _i18n2.default.get('Heading') + ' 1
      • \n                
    • ' + _i18n2.default.get('Heading') + ' 2
      • \n                
    • ' + _i18n2.default.get('Heading') + ' 3
      • \n                
    • ' + _i18n2.default.get('Heading') + ' 4
      • \n                
    • ' + _i18n2.default.get('Heading') + ' 5
      • \n                
    • ' + _i18n2.default.get('Heading') + ' 6
      • \n                
    • ' + _i18n2.default.get('Paragraph') + '
      • \n            
    \n        ';
-    options = _tuiCodeSnippet2.default.extend({
-      header: false,
-      className: 'te-heading-add',
-      content: POPUP_CONTENT
-    }, options);
-    return _possibleConstructorReturn(this, (PopupAddHeading.__proto__ || Object.getPrototypeOf(PopupAddHeading)).call(this, options));
-  }
-
-  /**
-   * init instance.
-   * store properties & prepare before initialize DOM
-   * @param {LayerPopupOption} options - layer popup options
-   * @private
-   * @override
-   */
-
-
-  _createClass(PopupAddHeading, [{
-    key: '_initInstance',
-    value: function _initInstance(options) {
-      _get(PopupAddHeading.prototype.__proto__ || Object.getPrototypeOf(PopupAddHeading.prototype), '_initInstance', this).call(this, options);
-
-      this._eventManager = options.eventManager;
-      this._$button = options.$button;
-    }
-
-    /**
-     * bind DOM events
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initDOMEvent',
-    value: function _initDOMEvent() {
-      var _this2 = this;
-
-      _get(PopupAddHeading.prototype.__proto__ || Object.getPrototypeOf(PopupAddHeading.prototype), '_initDOMEvent', this).call(this);
-
-      this.on('click li', function (ev) {
-        var $li = (0, _jquery2.default)(ev.target).closest('li');
-        _this2._eventManager.emit('command', $li.data('type'), $li.data('value'));
-      });
-    }
-
-    /**
-     * bind editor events
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initEditorEvent',
-    value: function _initEditorEvent() {
-      var _this3 = this;
-
-      _get(PopupAddHeading.prototype.__proto__ || Object.getPrototypeOf(PopupAddHeading.prototype), '_initEditorEvent', this).call(this);
-
-      this._eventManager.listen('focus', this.hide.bind(this));
-      this._eventManager.listen('closeAllPopup', this.hide.bind(this));
-      this._eventManager.listen('openHeadingSelect', function () {
-        var $button = _this3._$button;
-
-        var _$button$get = $button.get(0),
-            offsetTop = _$button$get.offsetTop,
-            offsetLeft = _$button$get.offsetLeft;
-
-        _this3.$el.css({
-          top: offsetTop + $button.outerHeight(),
-          left: offsetLeft
-        });
-
-        _this3._eventManager.emit('closeAllPopup');
-        _this3.show();
-      });
-    }
-  }]);
-
-  return PopupAddHeading;
-}(_layerpopup2.default);
-
-exports.default = PopupAddHeading;
-
-/***/ }),
-/* 107 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _layerpopup = __webpack_require__(7);
-
-var _layerpopup2 = _interopRequireDefault(_layerpopup);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview Implements popup code block languages
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-var BUTTON_CLASS_PREFIX = 'te-popup-code-block-lang-';
-
-/**
- * Class Popup code block languages select list
- * @param {LayerPopupOption} options - layer popup option
- * @ignore
- */
-
-var PopupCodeBlockLanguages = function (_LayerPopup) {
-  _inherits(PopupCodeBlockLanguages, _LayerPopup);
-
-  function PopupCodeBlockLanguages(options) {
-    _classCallCheck(this, PopupCodeBlockLanguages);
-
-    var popupButtonsHTML = [];
-    var _options = options,
-        languages = _options.languages;
-
-    languages.forEach(function (lang) {
-      return popupButtonsHTML.push('');
-    });
-
-    options = _tuiCodeSnippet2.default.extend({
-      header: false,
-      className: 'te-popup-code-block-languages',
-      content: popupButtonsHTML.join('')
-    }, options);
-    return _possibleConstructorReturn(this, (PopupCodeBlockLanguages.__proto__ || Object.getPrototypeOf(PopupCodeBlockLanguages)).call(this, options));
-  }
-
-  /**
-   * init instance.
-   * store properties & prepare before initialize DOM
-   * @param {LayerPopupOption} options - layer popup options
-   * @private
-   * @override
-   */
-
-
-  _createClass(PopupCodeBlockLanguages, [{
-    key: '_initInstance',
-    value: function _initInstance(options) {
-      _get(PopupCodeBlockLanguages.prototype.__proto__ || Object.getPrototypeOf(PopupCodeBlockLanguages.prototype), '_initInstance', this).call(this, options);
-
-      this._onSelectedLanguage = null;
-      this._onDismissed = null;
-      this._currentButton = null;
-      this._$buttons = null;
-      this._languages = options.languages;
-
-      this.eventManager = options.eventManager;
-    }
-
-    /**
-     * initialize DOM, render popup
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initDOM',
-    value: function _initDOM(options) {
-      _get(PopupCodeBlockLanguages.prototype.__proto__ || Object.getPrototypeOf(PopupCodeBlockLanguages.prototype), '_initDOM', this).call(this, options);
-
-      this.$el.css('z-index', 10000);
-
-      this._$buttons = this.$el.find('button');
-      this._activateButtonByIndex(0);
-    }
-
-    /**
-     * bind DOM events
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initDOMEvent',
-    value: function _initDOMEvent() {
-      var _this2 = this;
-
-      _get(PopupCodeBlockLanguages.prototype.__proto__ || Object.getPrototypeOf(PopupCodeBlockLanguages.prototype), '_initDOMEvent', this).call(this);
-
-      var handler = function handler(event) {
-        var language = (0, _jquery2.default)(event.target).data('lang');
-        if (_this2._onSelectedLanguage) {
-          _this2._onSelectedLanguage(language);
-        }
-        _this2.hide();
-      };
-      this._languages.forEach(function (lang) {
-        return _this2.on('mousedown .' + BUTTON_CLASS_PREFIX + lang, handler);
-      });
-    }
-
-    /**
-     * bind editor events
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initEditorEvent',
-    value: function _initEditorEvent() {
-      var _this3 = this;
-
-      _get(PopupCodeBlockLanguages.prototype.__proto__ || Object.getPrototypeOf(PopupCodeBlockLanguages.prototype), '_initEditorEvent', this).call(this);
-
-      this.eventManager.listen('openPopupCodeBlockLanguages', function (data) {
-        _this3.show(data.callback);
-        var elementStyle = _this3.$el.get(0).style;
-        elementStyle.top = data.offset.top + 'px';
-        elementStyle.left = data.offset.left + 'px';
-        _this3.setCurrentLanguage(data.language);
-
-        return _this3;
-      });
-      this.eventManager.listen('focus', function () {
-        return _this3.hide();
-      });
-      this.eventManager.listen('mousedown', function () {
-        return _this3.hide();
-      });
-      this.eventManager.listen('closeAllPopup', function () {
-        return _this3.hide();
-      });
-      this.eventManager.listen('closePopupCodeBlockLanguages', function () {
-        return _this3.hide();
-      });
-      this.eventManager.listen('scroll', function () {
-        return _this3.hide();
-      });
-    }
-
-    /**
-     * activate an item by index
-     * @param {number} index - item index
-     * @private
-     */
-
-  }, {
-    key: '_activateButtonByIndex',
-    value: function _activateButtonByIndex(index) {
-      if (this._currentButton) {
-        (0, _jquery2.default)(this._currentButton).removeClass('active');
-      }
-      this._currentButton = this._$buttons.get(index);
-      (0, _jquery2.default)(this._currentButton).addClass('active');
-      this._currentButton.scrollIntoView();
-    }
-
-    /**
-     * move to prev language
-     */
-
-  }, {
-    key: 'prev',
-    value: function prev() {
-      var index = this._$buttons.index(this._currentButton) - 1;
-      if (index < 0) {
-        index = this._$buttons.length - 1;
-      }
-      this._activateButtonByIndex(index);
-    }
-
-    /**
-     * move to next language
-     */
-
-  }, {
-    key: 'next',
-    value: function next() {
-      var index = this._$buttons.index(this._currentButton) + 1;
-      if (index >= this._$buttons.length) {
-        index = 0;
-      }
-      this._activateButtonByIndex(index);
-    }
-
-    /**
-     * current language
-     * @returns {string} language
-     */
-
-  }, {
-    key: 'getCurrentLanguage',
-    value: function getCurrentLanguage() {
-      var language = (0, _jquery2.default)(this._currentButton).data('lang');
-
-      return language;
-    }
-
-    /**
-     * set current language
-     * @param {string} language - current language
-     */
-
-  }, {
-    key: 'setCurrentLanguage',
-    value: function setCurrentLanguage(language) {
-      var item = this._$buttons.filter('.' + BUTTON_CLASS_PREFIX + language);
-      if (item.length > 0) {
-        var index = this._$buttons.index(item);
-        this._activateButtonByIndex(index);
-      }
-    }
-
-    /**
-     * show popup
-     * @param {object} callback - to be called on language selected & dismissed
-     * @override
-     */
-
-  }, {
-    key: 'show',
-    value: function show(callback) {
-      this._onSelectedLanguage = callback.selected;
-      this._onDismissed = callback.dismissed;
-      _get(PopupCodeBlockLanguages.prototype.__proto__ || Object.getPrototypeOf(PopupCodeBlockLanguages.prototype), 'show', this).call(this);
-    }
-
-    /**
-     * hide popup
-     * @override
-     */
-
-  }, {
-    key: 'hide',
-    value: function hide() {
-      if (this._onDismissed) {
-        this._onDismissed();
-      }
-      this._onSelectedLanguage = null;
-      this._onDismissed = null;
-      _get(PopupCodeBlockLanguages.prototype.__proto__ || Object.getPrototypeOf(PopupCodeBlockLanguages.prototype), 'hide', this).call(this);
-    }
-  }]);
-
-  return PopupCodeBlockLanguages;
-}(_layerpopup2.default);
-
-exports.default = PopupCodeBlockLanguages;
-
-/***/ }),
-/* 108 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _layerpopup = __webpack_require__(7);
-
-var _layerpopup2 = _interopRequireDefault(_layerpopup);
-
-var _scrollSyncSplit = __webpack_require__(109);
-
-var _scrollSyncSplit2 = _interopRequireDefault(_scrollSyncSplit);
-
-var _codeBlockEditor = __webpack_require__(110);
-
-var _codeBlockEditor2 = _interopRequireDefault(_codeBlockEditor);
-
-var _codeBlockPreview = __webpack_require__(111);
-
-var _codeBlockPreview2 = _interopRequireDefault(_codeBlockPreview);
-
-var _codeBlockLanguagesCombo = __webpack_require__(112);
-
-var _codeBlockLanguagesCombo2 = _interopRequireDefault(_codeBlockLanguagesCombo);
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview Implements popup code block editor
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-var CLASS_PREFIX = 'popup-editor-';
-var CLASS_OK_BUTTON = 'te-ok-button';
-var CLASS_CLOSE_BUTTON = 'te-close-button';
-var CLASS_POPUP_CLOSE_BUTTON = 'tui-popup-close-button';
-var TEMPLATE_HEADER_BUTTONS = '\n    \n    \n    \n    \n';
-
-/**
- * Class popup code block editor
- * @param {LayerPopupOption} options - layer popup option
- * @ignore
- */
-
-var PopupCodeBlockEditor = function (_LayerPopup) {
-  _inherits(PopupCodeBlockEditor, _LayerPopup);
-
-  function PopupCodeBlockEditor(options) {
-    _classCallCheck(this, PopupCodeBlockEditor);
-
-    var TEMPLATE_CONTENT = '\n            
    \n            
    \n                \n                \n            
    \n        ';
-    options = _tuiCodeSnippet2.default.extend({
-      header: true,
-      title: 'CodeBlock Editor',
-      content: TEMPLATE_CONTENT,
-      className: 'tui-popup-code-block-editor',
-      headerButtons: TEMPLATE_HEADER_BUTTONS,
-      modal: true
-    }, options);
-    return _possibleConstructorReturn(this, (PopupCodeBlockEditor.__proto__ || Object.getPrototypeOf(PopupCodeBlockEditor)).call(this, options));
-  }
-
-  /**
-   * init instance.
-   * store properties & prepare before initialize DOM
-   * @param {LayerPopupOption} options - layer popup options
-   * @private
-   * @override
-   */
-
-
-  _createClass(PopupCodeBlockEditor, [{
-    key: '_initInstance',
-    value: function _initInstance(options) {
-      _get(PopupCodeBlockEditor.prototype.__proto__ || Object.getPrototypeOf(PopupCodeBlockEditor.prototype), '_initInstance', this).call(this, options);
-
-      this.eventManager = options.eventManager;
-      this.convertor = options.convertor;
-    }
-
-    /**
-     * initialize DOM, render popup
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initDOM',
-    value: function _initDOM(options) {
-      _get(PopupCodeBlockEditor.prototype.__proto__ || Object.getPrototypeOf(PopupCodeBlockEditor.prototype), '_initDOM', this).call(this, options);
-
-      var el = this.$el.get(0);
-      this._body = el.querySelector('.' + CLASS_PREFIX + 'body');
-      this._toggleFitButton = el.querySelector('.' + CLASS_PREFIX + 'toggle-fit');
-      this._togglePreviewButton = el.querySelector('.' + CLASS_PREFIX + 'toggle-preview');
-      this._toggleScrollButton = el.querySelector('.' + CLASS_PREFIX + 'toggle-scroll');
-      this._okButton = el.querySelector('.' + CLASS_OK_BUTTON);
-      this._closeButton = el.querySelector('.' + CLASS_CLOSE_BUTTON);
-
-      this._codeMirrorWrapper = this._createCodeBlockEditor();
-      this._previewWrapper = this._createPreview();
-      this._scrollSyncSplit = new _scrollSyncSplit2.default(this._body, this._codeMirrorWrapper, this._previewWrapper);
-
-      this._updateFitWindowButton();
-      this._updatePreviewButton();
-      this._updateScrollButton();
-
-      this._codeBlockLanguagesCombo = this._createCodeBlockLanguagesCombo();
-    }
-
-    /**
-     * bind DOM events
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initDOMEvent',
-    value: function _initDOMEvent() {
-      var _this2 = this;
-
-      _get(PopupCodeBlockEditor.prototype.__proto__ || Object.getPrototypeOf(PopupCodeBlockEditor.prototype), '_initDOMEvent', this).call(this);
-
-      this.on('scroll', function (ev) {
-        return ev.preventDefault();
-      });
-      this.on('click .' + CLASS_PREFIX + 'toggle-fit', function () {
-        return _this2._toggleFitToWindow();
-      });
-      this.on('click .' + CLASS_PREFIX + 'toggle-preview', function () {
-        return _this2._togglePreview();
-      });
-      this.on('click .' + CLASS_PREFIX + 'toggle-scroll', function () {
-        return _this2._toggleScroll();
-      });
-      this.on('click .' + CLASS_OK_BUTTON, function () {
-        return _this2._save();
-      });
-      this.on('click .' + CLASS_CLOSE_BUTTON, function () {
-        return _this2.hide();
-      });
-      this.on('click .' + CLASS_PREFIX + 'close', function () {
-        return _this2.hide();
-      });
-      this.on('click .' + CLASS_PREFIX + 'editor-wrapper', function (ev) {
-        if (ev.target === _this2._codeMirrorWrapper) {
-          _this2._focusEditor(true);
-        }
-      });
-    }
-
-    /**
-     * bind editor events
-     * @private
-     * @override
-     */
-
-  }, {
-    key: '_initEditorEvent',
-    value: function _initEditorEvent() {
-      var _this3 = this;
-
-      _get(PopupCodeBlockEditor.prototype.__proto__ || Object.getPrototypeOf(PopupCodeBlockEditor.prototype), '_initEditorEvent', this).call(this);
-
-      this.eventManager.listen('openPopupCodeBlockEditor', function (codeBlockElement) {
-        _this3.eventManager.emit('closeAllPopup');
-        _this3.show(codeBlockElement);
-
-        return _this3;
-      });
-      this.eventManager.listen('closeAllPopup', this.hide.bind(this));
-      this.eventManager.listen('closePopupCodeBlockEditor', this.hide.bind(this));
-    }
-  }, {
-    key: '_createCodeBlockEditor',
-    value: function _createCodeBlockEditor() {
-      var codeMirrorWrapper = document.createElement('div');
-      codeMirrorWrapper.className = CLASS_PREFIX + 'editor-wrapper';
-
-      this._codeBlockEditor = new _codeBlockEditor2.default(codeMirrorWrapper, this.eventManager);
-
-      return codeMirrorWrapper;
-    }
-  }, {
-    key: '_createPreview',
-    value: function _createPreview() {
-      var previewWrapper = document.createElement('div');
-      this._codeBlockPreview = new _codeBlockPreview2.default((0, _jquery2.default)(previewWrapper), this.eventManager, this.convertor, this._codeBlockEditor);
-
-      return previewWrapper;
-    }
-  }, {
-    key: '_createCodeBlockLanguagesCombo',
-    value: function _createCodeBlockLanguagesCombo() {
-      var _this4 = this;
-
-      var titleElement = this.getTitleElement();
-      var codeBlockLanguagesCombo = new _codeBlockLanguagesCombo2.default(this.eventManager);
-
-      codeBlockLanguagesCombo.setOnLanguageSelected(function (selectedLanguage) {
-        _this4._codeBlockEditor.setLanguage(selectedLanguage);
-        _this4._codeBlockEditor.refresh();
-        _this4._focusEditor();
-      });
-
-      titleElement.innerHTML = 'CodeBlock Editor';
-      titleElement.appendChild(codeBlockLanguagesCombo.getElement());
-
-      return codeBlockLanguagesCombo;
-    }
-  }, {
-    key: '_updateFitWindowButton',
-    value: function _updateFitWindowButton() {
-      (0, _jquery2.default)(this._toggleFitButton).toggleClass('active', this.isFitToWindow());
-    }
-  }, {
-    key: '_updatePreviewButton',
-    value: function _updatePreviewButton() {
-      (0, _jquery2.default)(this._togglePreviewButton).toggleClass('active', this._scrollSyncSplit.isSplitView());
-    }
-  }, {
-    key: '_updateScrollButton',
-    value: function _updateScrollButton() {
-      if (this._scrollSyncSplit.isSplitView()) {
-        this._toggleScrollButton.style.display = 'inline-block';
-      } else {
-        this._toggleScrollButton.style.display = 'none';
-      }
-      (0, _jquery2.default)(this._toggleScrollButton).toggleClass('active', this._scrollSyncSplit.isScrollSynced());
-    }
-  }, {
-    key: '_focusEditor',
-    value: function _focusEditor(cursorToEnd) {
-      this._codeBlockEditor.focus();
-      if (cursorToEnd) {
-        this._codeBlockEditor.moveCursorToEnd();
-      } else {
-        this._codeBlockEditor.moveCursorToStart();
-      }
-    }
-  }, {
-    key: '_togglePreview',
-    value: function _togglePreview() {
-      this._scrollSyncSplit.toggleSplitView();
-      this._updatePreviewButton();
-      this._updateScrollButton();
-      this._codeBlockEditor.refresh();
-    }
-  }, {
-    key: '_toggleFitToWindow',
-    value: function _toggleFitToWindow() {
-      this.toggleFitToWindow();
-      this._updateFitWindowButton();
-      this._codeBlockEditor.refresh();
-    }
-  }, {
-    key: '_toggleScroll',
-    value: function _toggleScroll() {
-      this._scrollSyncSplit.toggleScrollSync();
-      this._updateScrollButton();
-    }
-
-    /**
-     * store code mirror text to wysiwyg code block
-     * @private
-     */
-
-  }, {
-    key: '_save',
-    value: function _save() {
-      this._codeBlockEditor.save(this._codeBlockElement);
-      this.hide();
-    }
-
-    /**
-     * load code mirror text from wysiwyg code block
-     * @param {HTMLElement} codeBlockElement - code block element instance to load code from
-     * @private
-     */
-
-  }, {
-    key: '_load',
-    value: function _load(codeBlockElement) {
-      this._codeBlockElement = codeBlockElement;
-      this._codeBlockEditor.load(codeBlockElement);
-      this._codeBlockLanguagesCombo.setLanguage(this._codeBlockEditor.getLanguage());
-      this._focusEditor();
-      this._codeBlockPreview.refresh();
-    }
-
-    /**
-     * show popup
-     * @param {HTMLElement} codeBlockElement - code block element
-     * @override
-     */
-
-  }, {
-    key: 'show',
-    value: function show(codeBlockElement) {
-      _get(PopupCodeBlockEditor.prototype.__proto__ || Object.getPrototypeOf(PopupCodeBlockEditor.prototype), 'show', this).call(this);
-
-      if (!codeBlockElement) {
-        throw new Error('should be called with codeBlockElement');
-      }
-      this._load(codeBlockElement);
-    }
-
-    /**
-     * hide popup
-     * @override
-     */
-
-  }, {
-    key: 'hide',
-    value: function hide() {
-      this.setFitToWindow(false);
-
-      if (this._codeBlockEditor) {
-        this._codeBlockEditor.clear();
-      }
-      if (this._codeBlockPreview) {
-        this._codeBlockPreview.clear();
-      }
-      this._codeBlockElement = null;
-
-      _get(PopupCodeBlockEditor.prototype.__proto__ || Object.getPrototypeOf(PopupCodeBlockEditor.prototype), 'hide', this).call(this);
-    }
-  }]);
-
-  return PopupCodeBlockEditor;
-}(_layerpopup2.default);
-
-exports.default = PopupCodeBlockEditor;
-
-/***/ }),
-/* 109 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @fileoverview Implements scroll sync split
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */
-
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var CLASS_SPLIT_SCROLL = 'tui-split-scroll';
-var CLASS_SINGLE_CONTENT = 'single-content';
-var CLASS_SCROLL_SYNC = 'scroll-sync';
-var CLASS_SCROLL_WRAPPER = 'tui-split-scroll-wrapper';
-var CLASS_SCROLL_CONTENT = 'tui-split-scroll-content';
-var CLASS_SPLITTER = 'tui-splitter';
-var EVENT_REQUIRE_SCROLL_SYNC = 'requireScrollSync';
-var EVENT_REQUIRE_SCROLL_INTO_VIEW = 'requireScrollIntoView';
-var CLASS_CONTENT_LEFT = 'tui-split-content-left';
-var CLASS_CONTENT_RIGHT = 'tui-split-content-right';
-var CLASS_CONTENT = {
-  'left': CLASS_CONTENT_LEFT,
-  'right': CLASS_CONTENT_RIGHT
-};
-
-/**
- * Class ScrollSyncSplit
- * @param {Element} baseElement - an element which attach a splitSyncSplit
- * @param {Element} leftElement - an element to be on left side split view
- * @param {Element} rightElement - an element to be on right side split view
- * @param {object} options - options
- *     @param {boolean} [options.showScrollSyncButton=false] - show scroll sync button on top right corner
- *     @param {boolean} [options.scrollSync=true] - true for enable scroll sync
- *     @param {boolean} [options.splitView=true] - true for split, false for single view
- * @ignore
- */
-
-var ScrollSyncSplit = function () {
-  function ScrollSyncSplit(baseElement, leftElement, rightElement) {
-    var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-
-    _classCallCheck(this, ScrollSyncSplit);
-
-    options = _tuiCodeSnippet2.default.extend({
-      showScrollSyncButton: false,
-      scrollSync: true,
-      splitView: true
-    }, options);
-    this._baseElement = baseElement;
-
-    /**
-     * left, right side content elements
-     * @type {HTMLElement[]}
-     * @private
-     */
-    this._contentElements = [];
-
-    this._initDom(leftElement, rightElement, options);
-    this._initDomEvent();
-  }
-
-  _createClass(ScrollSyncSplit, [{
-    key: '_initDom',
-    value: function _initDom(leftElement, rightElement, options) {
-      var el = document.createElement('div');
-      el.className = CLASS_SPLIT_SCROLL;
-      this._el = el;
-
-      var scrollWrapper = document.createElement('div');
-      scrollWrapper.className = CLASS_SCROLL_WRAPPER;
-      this._scrollWrapper = scrollWrapper;
-      this._setScrollSync(options.scrollSync);
-      this.setSplitView(options.splitView);
-
-      var contentWrapper = document.createElement('div');
-      contentWrapper.className = CLASS_SCROLL_CONTENT;
-      this._contentWrapper = contentWrapper;
-
-      var splitter = document.createElement('div');
-      splitter.className = CLASS_SPLITTER;
-
-      this._baseElement.appendChild(el);
-      el.appendChild(scrollWrapper);
-      scrollWrapper.appendChild(contentWrapper);
-      scrollWrapper.appendChild(splitter);
-      this._setLeft(leftElement);
-      this._setRight(rightElement);
-    }
-  }, {
-    key: '_initDomEvent',
-    value: function _initDomEvent() {
-      this._contentWrapper.addEventListener('scroll', this.sync.bind(this));
-    }
-  }, {
-    key: '_requireScrollIntoView',
-    value: function _requireScrollIntoView(event) {
-      var element = event.target;
-
-      var _element$getBoundingC = element.getBoundingClientRect(),
-          targetTop = _element$getBoundingC.top,
-          targetBottom = _element$getBoundingC.bottom;
-
-      var wrapperTop = void 0,
-          wrapperBottom = void 0,
-          wrapperElement = void 0;
-
-      if (this.isScrollSynced()) {
-        wrapperElement = this._contentWrapper;
-      } else if ((0, _jquery2.default)(element).parents(this._contentElements.left).length) {
-        wrapperElement = this._contentElements.left;
-      } else if ((0, _jquery2.default)(element).parents(this._contentElements.right).length) {
-        wrapperElement = this._contentElements.right;
-      } else {
-        return;
-      }
-
-      var _wrapperElement$getBo = wrapperElement.getBoundingClientRect();
-
-      wrapperTop = _wrapperElement$getBo.top;
-      wrapperBottom = _wrapperElement$getBo.bottom;
-
-
-      if (targetTop < wrapperTop) {
-        wrapperElement.scrollTop = wrapperElement.scrollTop + targetTop - wrapperTop;
-      } else if (targetBottom > wrapperBottom) {
-        wrapperElement.scrollTop = wrapperElement.scrollTop + targetBottom - wrapperBottom;
-      }
-
-      this.sync();
-    }
-
-    /**
-     * set content element for given side
-     * @param {Element} element - content element
-     * @param {string} side - 'left' | 'right'
-     * @private
-     */
-
-  }, {
-    key: '_setContentElement',
-    value: function _setContentElement(element, side) {
-      var _this = this;
-
-      var contentElement = this._contentElements[side];
-
-      if (contentElement) {
-        (0, _jquery2.default)(contentElement).off(EVENT_REQUIRE_SCROLL_INTO_VIEW);
-        this._contentWrapper.removeChild(contentElement);
-      }
-      (0, _jquery2.default)(element).addClass(CLASS_CONTENT[side]);
-      this._contentWrapper.appendChild(element);
-      (0, _jquery2.default)(element).on(EVENT_REQUIRE_SCROLL_INTO_VIEW, function (ev) {
-        return _this._requireScrollIntoView(ev);
-      });
-      (0, _jquery2.default)(element).on(EVENT_REQUIRE_SCROLL_SYNC, function () {
-        return _this.sync();
-      });
-
-      this._contentElements[side] = element;
-
-      this.sync();
-    }
-
-    /**
-     * set left side element
-     * @param {Element} element - an element to be on left side split view
-     * @private
-     */
-
-  }, {
-    key: '_setLeft',
-    value: function _setLeft(element) {
-      this._setContentElement(element, 'left');
-    }
-
-    /**
-     * set right side element
-     * @param {Element} element - an element to be on right side split view
-     * @private
-     */
-
-  }, {
-    key: '_setRight',
-    value: function _setRight(element) {
-      this._setContentElement(element, 'right');
-    }
-  }, {
-    key: '_setScrollSync',
-    value: function _setScrollSync(activate) {
-      (0, _jquery2.default)(this._el).toggleClass(CLASS_SCROLL_SYNC, activate);
-    }
-
-    /**
-     * toggle multi scroll
-     */
-
-  }, {
-    key: 'toggleScrollSync',
-    value: function toggleScrollSync() {
-      (0, _jquery2.default)(this._el).toggleClass(CLASS_SCROLL_SYNC);
-    }
-  }, {
-    key: 'setSplitView',
-    value: function setSplitView(activate) {
-      (0, _jquery2.default)(this._el).toggleClass(CLASS_SINGLE_CONTENT, !activate);
-    }
-
-    /**
-     * toggle split
-     */
-
-  }, {
-    key: 'toggleSplitView',
-    value: function toggleSplitView() {
-      (0, _jquery2.default)(this._el).toggleClass(CLASS_SINGLE_CONTENT);
-    }
-
-    /**
-     * is scroll synced
-     * @returns {boolean} - true for synced, false for each scroll
-     */
-
-  }, {
-    key: 'isScrollSynced',
-    value: function isScrollSynced() {
-      return (0, _jquery2.default)(this._el).hasClass(CLASS_SCROLL_SYNC);
-    }
-
-    /**
-     * is split view
-     * @returns {boolean} - true for split view, false for single view
-     */
-
-  }, {
-    key: 'isSplitView',
-    value: function isSplitView() {
-      return !(0, _jquery2.default)(this._el).hasClass(CLASS_SINGLE_CONTENT);
-    }
-
-    /**
-     * sync scroll
-     */
-
-  }, {
-    key: 'sync',
-    value: function sync() {
-      if (!this._contentElements.left || !this._contentElements.right) {
-        return;
-      }
-
-      var wrapperHeight = this._contentWrapper.clientHeight;
-      var scrollTop = this._contentWrapper.scrollTop;
-
-      var leftElement = this._contentElements.left;
-      var rightElement = this._contentElements.right;
-
-      var scrollingElement = leftElement.offsetHeight - wrapperHeight > 0 ? leftElement : rightElement;
-      var followingElement = scrollingElement === leftElement ? rightElement : leftElement;
-
-      var scrollingElementHeight = scrollingElement.offsetHeight;
-      var scrollingElementScrollMax = Math.max(scrollingElementHeight - wrapperHeight, 0);
-      var followingElementHeight = Math.max(followingElement.offsetHeight, wrapperHeight);
-      var followingElementTopMax = scrollingElementHeight - followingElementHeight;
-
-      scrollingElement.style.top = '0px';
-      followingElement.style.top = scrollTop / scrollingElementScrollMax * followingElementTopMax + 'px';
-    }
-
-    /**
-     * scroll top
-     * @param {number} top - scroll top in pixel
-     */
-
-  }, {
-    key: 'scrollTop',
-    value: function scrollTop(top) {
-      this._contentWrapper.scrollTop = top;
-    }
-  }]);
-
-  return ScrollSyncSplit;
-}();
-
-exports.default = ScrollSyncSplit;
-
-/***/ }),
-/* 110 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _codeMirrorExt = __webpack_require__(32);
-
-var _codeMirrorExt2 = _interopRequireDefault(_codeMirrorExt);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview Implements code block editor
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-var EVENT_LANGUAGE_CHANGED = 'language-changed';
-
-/**
- * Class Code Block Editor
- * @param {HTMLElement} el - code block editor container element
- * @param {EventManager} eventManager - event manager
- * @ignore
- */
-
-var CodeBlockEditor = function (_CodeMirrorExt) {
-  _inherits(CodeBlockEditor, _CodeMirrorExt);
-
-  function CodeBlockEditor(el, eventManager) {
-    _classCallCheck(this, CodeBlockEditor);
-
-    var _this = _possibleConstructorReturn(this, (CodeBlockEditor.__proto__ || Object.getPrototypeOf(CodeBlockEditor)).call(this, el, {
-      singleCursorHeightPerLine: false,
-      theme: 'none'
-    }));
-
-    _this._language = '';
-    _this._eventManager = eventManager;
-
-    _this._initEvent();
-    return _this;
-  }
-
-  _createClass(CodeBlockEditor, [{
-    key: '_initEvent',
-    value: function _initEvent() {
-      var _this2 = this;
-
-      this.on('cursorActivity', this._onRequireScrollIntoView.bind(this));
-      this.on('beforeChange', function (cm, ev) {
-        if (ev.origin === 'paste') {
-          _this2._eventManager.emit('pasteBefore', {
-            source: 'codeblock',
-            data: ev
-          });
-        }
-      });
-    }
-  }, {
-    key: '_onRequireScrollIntoView',
-    value: function _onRequireScrollIntoView() {
-      var cursor = this.getCursor();
-      var wrapper = this.getWrapperElement();
-
-      // CodeMirror cursorActivity event fires before actually attach a new line element to DOM
-      // we should proceed at next tick
-      setTimeout(function () {
-        var lineElement = wrapper.querySelector('pre:nth-child(' + (cursor.line + 1) + ')');
-        (0, _jquery2.default)(lineElement).trigger('requireScrollIntoView');
-      }, 0);
-    }
-
-    /**
-     * load code from code block element
-     * @param {HTMLElement} codeBlockElement - code block element
-     */
-
-  }, {
-    key: 'load',
-    value: function load(codeBlockElement) {
-      var el = codeBlockElement.cloneNode(true);
-      this.setLanguage(el.getAttribute('data-language') || '');
-      this.setEditorCodeText(el.textContent);
-    }
-
-    /**
-     * save code to code block element
-     * @param {HTMLElement} codeBlockElement - code block element
-     */
-
-  }, {
-    key: 'save',
-    value: function save(codeBlockElement) {
-      codeBlockElement.innerHTML = '';
-      codeBlockElement.textContent = this.getEditorCodeText();
-      codeBlockElement.setAttribute('data-language', this._language);
-      (0, _jquery2.default)(codeBlockElement).trigger(EVENT_LANGUAGE_CHANGED);
-    }
-
-    /**
-     * clear code and language
-     */
-
-  }, {
-    key: 'clear',
-    value: function clear() {
-      this.setLanguage('');
-      this.setEditorCodeText('');
-    }
-
-    /**
-     * get code language
-     * @returns {string} - code language
-     */
-
-  }, {
-    key: 'getLanguage',
-    value: function getLanguage() {
-      return this._language;
-    }
-
-    /**
-     * set code language
-     * @param {string} [language=''] - code language
-     */
-
-  }, {
-    key: 'setLanguage',
-    value: function setLanguage() {
-      var language = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-
-      this._language = language;
-    }
-
-    /**
-     * get code text
-     * @returns {string} - code text
-     */
-
-  }, {
-    key: 'getEditorCodeText',
-    value: function getEditorCodeText() {
-      return this.getValue();
-    }
-
-    /**
-     * set code text
-     * @param {string} [code=''] - code text
-     */
-
-  }, {
-    key: 'setEditorCodeText',
-    value: function setEditorCodeText() {
-      var code = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-
-      this.setValue(code);
-    }
-
-    /**
-     * refresh. call if codemirror resized
-     */
-
-  }, {
-    key: 'refresh',
-    value: function refresh() {
-      this.cm.refresh();
-    }
-  }]);
-
-  return CodeBlockEditor;
-}(_codeMirrorExt2.default);
-
-exports.default = CodeBlockEditor;
-
-/***/ }),
-/* 111 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
-
-var _preview = __webpack_require__(35);
-
-var _preview2 = _interopRequireDefault(_preview);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @fileoverview Implements CodeBlockPreview
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
-
-
-var EVENT_REQUIRE_SCROLL_SYNC = 'requireScrollSync';
-
-/**
- * Class Code block preview
- * @param {jQuery} $el - base element
- * @param {EventManager} eventManager - event manager
- * @param {Convertor} convertor - convertor
- * @param {CodeBlockEditor} codeBlockEditor - code block editor
- * @ignore
- */
-
-var CodeBlockPreview = function (_Preview) {
-  _inherits(CodeBlockPreview, _Preview);
-
-  function CodeBlockPreview($el, eventManager, convertor, codeBlockEditor) {
-    _classCallCheck(this, CodeBlockPreview);
-
-    var _this = _possibleConstructorReturn(this, (CodeBlockPreview.__proto__ || Object.getPrototypeOf(CodeBlockPreview)).call(this, $el, eventManager, convertor, true));
-
-    _this._codeBlockEditor = codeBlockEditor;
-
-    _this._initEvent();
-    return _this;
-  }
-
-  _createClass(CodeBlockPreview, [{
-    key: '_initEvent',
-    value: function _initEvent() {
-      var _this2 = this;
-
-      this._codeBlockEditor.on('update', function () {
-        return _this2.lazyRunner.run('refresh');
-      });
-    }
-
-    /**
-     * refresh preview
-     * @override
-     */
-
-  }, {
-    key: 'refresh',
-    value: function refresh() {
-      var language = this._codeBlockEditor.getLanguage();
-      var codeText = this._codeBlockEditor.getEditorCodeText();
-
-      _get(CodeBlockPreview.prototype.__proto__ || Object.getPrototypeOf(CodeBlockPreview.prototype), 'refresh', this).call(this, '```' + language + '\n' + codeText + '\n```');
-      this.$el.trigger(EVENT_REQUIRE_SCROLL_SYNC);
-    }
-
-    /**
-     * clear preview
-     */
-
-  }, {
-    key: 'clear',
-    value: function clear() {
-      _get(CodeBlockPreview.prototype.__proto__ || Object.getPrototypeOf(CodeBlockPreview.prototype), 'render', this).call(this, '');
-    }
-  }]);
-
-  return CodeBlockPreview;
-}(_preview2.default);
-
-exports.default = CodeBlockPreview;
-
-/***/ }),
-/* 112 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @fileoverview Implements UI code block languages combo
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @author NHN FE Development Lab 
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */
-
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-var _keyMapper = __webpack_require__(22);
-
-var _keyMapper2 = _interopRequireDefault(_keyMapper);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-/**
- * Class CodeBlockLanguagesCombo
- * @param {EventManager} eventManager - event manager instance
- * @ignore
- */
-var CodeBlockLanguagesCombo = function () {
-  function CodeBlockLanguagesCombo(eventManager) {
-    _classCallCheck(this, CodeBlockLanguagesCombo);
-
-    this._eventManager = eventManager;
-
-    this._initDOM();
-    this._initDOMEvent();
-  }
-
-  _createClass(CodeBlockLanguagesCombo, [{
-    key: '_initDOM',
-    value: function _initDOM() {
-      this._inputLanguage = (0, _jquery2.default)('').get(0);
-      this._wrapper = (0, _jquery2.default)('').get(0);
-      this._wrapper.appendChild(this._inputLanguage);
-    }
-  }, {
-    key: '_initDOMEvent',
-    value: function _initDOMEvent() {
-      var _this = this;
-
-      this._inputLanguage.addEventListener('keydown', function (event) {
-        return _this._onKeyEvent(event);
-      });
-      this._inputLanguage.addEventListener('focus', function () {
-        return _this._showPopupCodeBlockLanguages();
-      });
-      this._inputLanguage.addEventListener('focusout', function () {
-        return _this._onFocusOut();
-      });
-      this._wrapper.addEventListener('mousedown', function (ev) {
-        if (ev.target !== _this._wrapper) {
-          return;
-        }
-        ev.preventDefault();
-        _this._toggleFocus();
-      });
-    }
-
-    /**
-     * show popup
-     * @private
-     */
-
-  }, {
-    key: '_showPopupCodeBlockLanguages',
-    value: function _showPopupCodeBlockLanguages() {
-      var _this2 = this;
-
-      var clientRect = this._inputLanguage.getBoundingClientRect();
-      (0, _jquery2.default)(this._wrapper).toggleClass('active', true);
-      this.active = true;
-
-      this._popupCodeBlockLanguages = this._eventManager.emitReduce('openPopupCodeBlockLanguages', {
-        language: this._prevStoredLanguage,
-        offset: {
-          left: clientRect.left,
-          top: clientRect.bottom
-        },
-        callback: {
-          selected: function selected(selectedLanguage) {
-            return _this2._onLanguageSelectedFromList(selectedLanguage);
-          },
-          dismissed: function dismissed() {
-            _this2._popupCodeBlockLanguages = null;
-          }
-        }
-      });
-    }
-  }, {
-    key: '_toggleFocus',
-    value: function _toggleFocus() {
-      var inputLanguage = this._inputLanguage;
-      if ((0, _jquery2.default)(this._wrapper).hasClass('active')) {
-        inputLanguage.blur();
-      } else {
-        inputLanguage.focus();
-      }
-    }
-  }, {
-    key: '_onFocusOut',
-    value: function _onFocusOut() {
-      (0, _jquery2.default)(this._wrapper).toggleClass('active', false);
-      this._inputLanguage.value = this._prevStoredLanguage;
-      this._hidePopupCodeBlockLanguages();
-    }
-  }, {
-    key: '_onKeyEvent',
-    value: function _onKeyEvent(event) {
-      if (this._popupCodeBlockLanguages) {
-        switch (event.which) {
-          case _keyMapper2.default.keyCode('UP'):
-            this._popupCodeBlockLanguages.prev();
-            event.preventDefault();
-            break;
-          case _keyMapper2.default.keyCode('DOWN'):
-            this._popupCodeBlockLanguages.next();
-            event.preventDefault();
-            break;
-          case _keyMapper2.default.keyCode('ENTER'):
-          case _keyMapper2.default.keyCode('TAB'):
-            {
-              var language = this._popupCodeBlockLanguages.getCurrentLanguage();
-              this._inputLanguage.value = language;
-              this._storeInputLanguage();
-              event.preventDefault();
-              break;
-            }
-          default:
-            this._popupCodeBlockLanguages.hide();
-        }
-      } else if (event.which === _keyMapper2.default.keyCode('ENTER') || event.which === _keyMapper2.default.keyCode('TAB')) {
-        this._storeInputLanguage();
-        event.preventDefault();
-      }
-    }
-  }, {
-    key: '_onLanguageSelectedFromList',
-    value: function _onLanguageSelectedFromList(selectedLanguage) {
-      this._inputLanguage.value = selectedLanguage;
-      this._storeInputLanguage();
-    }
-
-    /**
-     * set a callback to be called on language selected
-     * @param {function} callback - callback function
-     * @protected
-     */
-
-  }, {
-    key: 'setOnLanguageSelected',
-    value: function setOnLanguageSelected(callback) {
-      this._onLanguageSelected = callback;
-    }
-
-    /**
-     * hide popup
-     * @private
-     */
-
-  }, {
-    key: '_hidePopupCodeBlockLanguages',
-    value: function _hidePopupCodeBlockLanguages() {
-      this._eventManager.emit('closePopupCodeBlockLanguages');
-    }
-
-    /**
-     * set language
-     * @param {string} language - code block language
-     * @protected
-     */
-
-  }, {
-    key: 'setLanguage',
-    value: function setLanguage(language) {
-      this._prevStoredLanguage = language;
-      this._inputLanguage.value = language;
-    }
-
-    /**
-     * store selection(typed) language & hide popup
-     * @private
-     */
-
-  }, {
-    key: '_storeInputLanguage',
-    value: function _storeInputLanguage() {
-      var selectedLanguage = this._inputLanguage.value;
-
-      this.setLanguage(selectedLanguage);
-      if (this._onLanguageSelected) {
-        this._onLanguageSelected(selectedLanguage);
-      }
-
-      this._hidePopupCodeBlockLanguages();
-    }
-
-    /**
-     * get element body
-     * @returns {HTMLElement} - CodeBlockLanguagesCombo body element
-     * @protected
-     */
-
-  }, {
-    key: 'getElement',
-    value: function getElement() {
-      return this._wrapper;
-    }
-  }]);
-
-  return CodeBlockLanguagesCombo;
-}();
-
-exports.default = CodeBlockLanguagesCombo;
-
-/***/ }),
-/* 113 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _toMark = __webpack_require__(24);
-
-var _toMark2 = _interopRequireDefault(_toMark);
-
-var _domUtils = __webpack_require__(4);
-
-var _domUtils2 = _interopRequireDefault(_domUtils);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Check if given node is valid delimiter run.
- * According to common-mark spec, following examples are not valid delimiter runs.
- * 1. opening (*|**) preceded by an alphanumeric and followed by a punctuation.
- *    (ex: a**~~c~~b**)
- * 2. closing (*|**) preceded by a punctuation and followed by an alphanumeric.
- *    (ex: **b~~c~~**a)
- * @see {@link https://spec.commonmark.org/0.29/#delimiter-run}
- * @see {@link https://github.com/commonmark/commonmark-spec/issues/611#issuecomment-533578503}
- */
-function isValidDelimiterRun(node) {
-  var isElemNode = _domUtils2.default.isElemNode,
-      isTextNode = _domUtils2.default.isTextNode;
-
-  var isInvalidOpener = isTextNode(node.previousSibling) && isElemNode(node.firstChild);
-  var isInvalidCloser = isTextNode(node.nextSibling) && isElemNode(node.lastChild);
-
-  return !isInvalidOpener && !isInvalidCloser;
-}
-
-function convertEmphasis(node, subContent, delimiter) {
-  var FIND_BEFORE_AND_AFTER_SPACES_RX = /^(\s*)((?:.|\n)*\S)(\s*)$/m;
-
-  var _subContent$match = subContent.match(FIND_BEFORE_AND_AFTER_SPACES_RX),
-      beforeSpaces = _subContent$match[1],
-      trimmedContent = _subContent$match[2],
-      afterSpaces = _subContent$match[3];
-
-  var convertedContent = void 0;
-
-  if (isValidDelimiterRun(node)) {
-    convertedContent = '' + delimiter + trimmedContent + delimiter;
-  } else {
-    var tagName = node.nodeName.toLowerCase();
-
-    convertedContent = '<' + tagName + '>' + trimmedContent + '';
-  }
-
-  return '' + beforeSpaces + convertedContent + afterSpaces;
-}
-
-exports.default = _toMark2.default.Renderer.factory(_toMark2.default.gfmRenderer, {
-  'EM, I': function EMI(node, subContent) {
-    if (this.isEmptyText(subContent)) {
-      return '';
-    }
-
-    return convertEmphasis(node, subContent, '*');
-  },
-  'STRONG, B': function STRONGB(node, subContent) {
-    if (this.isEmptyText(subContent)) {
-      return '';
-    }
-
-    return convertEmphasis(node, subContent, '**');
-  },
-  'DEL, S': function DELS(node, subContent) {
-    if (this.isEmptyText(subContent)) {
-      return '';
-    }
-
-    return convertEmphasis(node, subContent, '~~');
-  }
-});
-
-/***/ }),
-/* 114 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _emphasisCommon = __webpack_require__(26);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
-* @fileoverview Implements Bold markdown command
-* @author NHN FE Development Lab 
-*/
-var boldRangeRegex = /^(\*{2}|_{2}).*\1$/;
-var boldContentRegex = /[*_]{2,}([^*_]*)[*_]{2,}/g;
-var boldSymbol = '**';
-
-/**
- * Bold
- * Add bold markdown syntax to markdown editor
- * @extends Command
- * @module markdownCommands/Bold
- * @ignore
- */
-var Bold = _commandManager2.default.command('markdown', /** @lends Bold */{
-  name: 'Bold',
-  keyMap: ['CTRL+B', 'META+B'],
-  /**
-   * Command Handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   */
-  exec: function exec(mde) {
-    var cm = mde.getEditor();
-    var doc = cm.getDoc();
-    var originRange = mde.getRange();
-
-    (0, _emphasisCommon.changeSyntax)(doc, originRange, boldSymbol, boldRangeRegex, boldContentRegex);
-
-    cm.focus();
-  }
-});
-
-exports.default = Bold;
-
-/***/ }),
-/* 115 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _emphasisCommon = __webpack_require__(26);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @fileoverview Implements Italic markdown command
- * @author NHN FE Development Lab 
- */
-var boldItalicRangeRegex = /^(\*{3}|_{3}).*\1$/;
-var boldRangeRegex = /^(\*{2}|_{2}).*\1$/;
-var italicRangeRegex = /^(\*|_).*\1$/;
-var italicContentRegex = /([^*_])[*_]([^*_]+)[*_]([^*_])/g;
-
-var isBoldItalic = function isBoldItalic(t) {
-  return boldItalicRangeRegex.test(t);
-};
-var isBold = function isBold(t) {
-  return boldRangeRegex.test(t);
-};
-var isItalic = function isItalic(t) {
-  return italicRangeRegex.test(t);
-};
-
-var italicSymbol = '*';
-var boldSymbol = '**';
-var boldItalicSymbol = '***';
-var italicLength = italicSymbol.length;
-var boldLength = boldSymbol.length;
-var boldItalicLength = boldItalicSymbol.length;
-
-/**
- * remove italic syntax in the middle of given text
- * @param {string} text - text selected
- * @returns {string} - text eliminated all italic in the middle of it's content
- * @ignore
- */
-var removeItalicInsideText = function removeItalicInsideText(text) {
-  return text ? text.replace(italicContentRegex, '$1$2$3') : '';
-};
-
-var replaceText = function replaceText(doc, text, range) {
-  // Check 3 cases when both text and expand text
-  // case 1 : bold & italic (when expand 3 both front and end) => remove italic
-  // case 2 : bold (when expand 2 both front and end) => append
-  // case 3 : italic (expand 1 both front and end) => remove
-  var expandReplaceBind = _emphasisCommon.expandReplace.bind(this, doc, range);
-
-  return expandReplaceBind(boldItalicLength, isBoldItalic, function (t) {
-    return (0, _emphasisCommon.removeSyntax)(t, italicSymbol);
-  }) || expandReplaceBind(boldLength, isBold, function (t) {
-    return (0, _emphasisCommon.appendSyntax)(removeItalicInsideText(t), italicSymbol);
-  }) || expandReplaceBind(italicLength, isItalic, function (t) {
-    return (0, _emphasisCommon.removeSyntax)(t, italicSymbol);
-  }) || (0, _emphasisCommon.replace)(doc, text, isBoldItalic, function (t) {
-    return (0, _emphasisCommon.removeSyntax)(t, italicSymbol);
-  }) || (0, _emphasisCommon.replace)(doc, text, isBold, function (t) {
-    return (0, _emphasisCommon.appendSyntax)(removeItalicInsideText(t), italicSymbol);
-  }) || (0, _emphasisCommon.replace)(doc, text, isItalic, function (t) {
-    return (0, _emphasisCommon.removeSyntax)(t, italicSymbol);
-  });
-};
-
-var replaceEmptyText = function replaceEmptyText(doc, range) {
-  // Check 3 cases when expand text
-  // case 1 : bold & italic => remove italic
-  // case 2 : bold => append
-  // case 3 : italic => remove
-  // if there is no match, make italic
-  return (0, _emphasisCommon.expandReplace)(doc, range, boldItalicLength, isBoldItalic, function (t) {
-    return (0, _emphasisCommon.removeSyntax)(t, italicSymbol);
-  }) || (0, _emphasisCommon.expandReplace)(doc, range, boldLength, isBold, function (t) {
-    return (0, _emphasisCommon.appendSyntax)(t, italicSymbol);
-  }) || (0, _emphasisCommon.expandReplace)(doc, range, italicLength, isItalic, function () {
-    return '';
-  }) || doc.replaceSelection('' + italicSymbol + italicSymbol, 'around');
-};
-
-/**
- * Italic
- * Add italic markdown syntax to markdown editor
- * @extends Command
- * @module markdownCommands/Italic
- * @ignore
- */
-var Italic = _commandManager2.default.command('markdown', /** @lends Italic */{
-  name: 'Italic',
-  keyMap: ['CTRL+I', 'META+I'],
-  /**
-   * Command handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   */
-  exec: function exec(mde) {
-    var cm = mde.getEditor();
-    var doc = cm.getDoc();
-
-    var _doc$getCursor = doc.getCursor(),
-        line = _doc$getCursor.line,
-        ch = _doc$getCursor.ch;
-
-    var range = mde.getRange();
-    var selectionStr = doc.getSelection();
-
-    if (selectionStr) {
-      // check selectionStr match bold & italic, bold, italic and then
-      // if there is no match, append italic
-      if (!replaceText(doc, selectionStr, range)) {
-        // Before append italic, remove italic inside text and then append italic
-        // Example: One*Two*Three => *OneTwoThree*
-        doc.replaceSelection((0, _emphasisCommon.appendSyntax)(removeItalicInsideText(selectionStr), italicSymbol), 'around');
-      }
-    } else {
-      replaceEmptyText(doc, range);
-
-      var afterSelectStr = doc.getSelection();
-      var size = ch;
-
-      // If text was not selected, after replace text, move cursor
-      if (isBoldItalic(afterSelectStr) || isItalic(afterSelectStr) && !isBold(afterSelectStr)) {
-        // For example **|** => ***|*** (move cusor +symbolLenth)
-        size += italicLength;
-      } else {
-        // For example *|* => | (move cusor -symbolLenth)
-        size -= italicLength;
-      }
-
-      doc.setCursor(line, size);
-    }
-
-    cm.focus();
-  }
-});
-
-exports.default = Italic;
-
-/***/ }),
-/* 116 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _emphasisCommon = __webpack_require__(26);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @fileoverview Implements StrikeThrough markdown command
- * @author NHN FE Development Lab 
- */
-var strikeRangeRegex = /^~~.*~~$/;
-var strikeContentRegex = /~~([^~]*)~~/g;
-var strikeSymbol = '~~';
-
-/**
- * Strike
- * Add strike markdown syntax to markdown editor
- * @extends Command
- * @module markdownCommands/Strike
- * @ignore
- */
-var Strike = _commandManager2.default.command('markdown', /** @lends Strike */{
-  name: 'Strike',
-  keyMap: ['CTRL+S', 'META+S'],
-  /**
-   * Command handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   */
-  exec: function exec(mde) {
-    var cm = mde.getEditor();
-    var doc = cm.getDoc();
-    var originRange = mde.getRange();
-
-    (0, _emphasisCommon.changeSyntax)(doc, originRange, strikeSymbol, strikeRangeRegex, strikeContentRegex);
-
-    cm.focus();
-  }
-});
-
-exports.default = Strike;
-
-/***/ }),
-/* 117 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var BlockquoteRegex = /^> ?/;
-
-/**
- * Blockquote
- * Add blockquote markdown syntax to markdown editor
- * @extends Command
- * @module markdownCommands/Blockquote
- * @ignore
- */
-/**
-* @fileoverview Implements Blockquote markdown command
-* @author NHN FE Development Lab 
-*/
-var Blockquote = _commandManager2.default.command('markdown', /** @lends Blockquote */{
-  name: 'Blockquote',
-  keyMap: ['ALT+Q', 'ALT+Q'],
-  /**
-   * command handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   */
-  exec: function exec(mde) {
-    var cm = mde.getEditor();
-    var doc = cm.getDoc();
-
-    var range = mde.getCurrentRange();
-
-    var from = {
-      line: range.from.line,
-      ch: 0
-    };
-
-    var to = {
-      line: range.to.line,
-      ch: doc.getLineHandle(range.to.line).text.length
-    };
-
-    var textToModify = doc.getRange(from, to);
-    var textLinesToModify = textToModify.split('\n');
-    var isNeedToRemove = this._haveBlockquote(textLinesToModify);
-    var resultText = void 0;
-
-    if (isNeedToRemove) {
-      resultText = this._removeBlockquote(textLinesToModify);
-    } else {
-      resultText = this._addBlockquote(textLinesToModify);
-    }
-
-    doc.replaceRange(resultText.join('\n'), from, to);
-
-    if (isNeedToRemove) {
-      var length = textLinesToModify.length;
-      if (this._isBlockquoteWithSpace(textLinesToModify[length - 1])) {
-        range.to.ch -= 2;
-      } else {
-        range.to.ch -= 1;
-      }
-    } else {
-      range.to.ch += 2;
-    }
-
-    doc.setCursor(range.to);
-
-    cm.focus();
-  },
-
-
-  /**
-   * check all text in textArr starts with '>'
-   * @param {Array} textArr - text array
-   * @returns {boolean} - true if all text in textArr starts with '>'
-   * @private
-   */
-  _haveBlockquote: function _haveBlockquote(textArr) {
-    for (var i = 0; i < textArr.length; i += 1) {
-      if (!BlockquoteRegex.test(textArr[i])) {
-        return false;
-      }
-    }
-
-    return true;
-  },
-
-
-  /**
-   * add '> ' to all text in textArr
-   * @param {Array} textArr - text array
-   * @returns {Array} - new text array added '> '
-   * @private
-   */
-  _addBlockquote: function _addBlockquote(textArr) {
-    return textArr.map(function (text) {
-      return '> ' + text;
-    });
-  },
-
-
-  /**
-   * remove '> ' or '>' to all text in textArr
-   * @param {Array} textArr - text array
-   * @returns {Array} - new text array removed '> ' or  '>'
-   * @private
-   */
-  _removeBlockquote: function _removeBlockquote(textArr) {
-    return textArr.map(function (text) {
-      return text.replace(BlockquoteRegex, '');
-    });
-  },
-
-
-  /**
-   * check text start '> '
-   * @param {string} text - text
-   * @returns {boolean} - if text start '> ', true
-   * @private
-   */
-  _isBlockquoteWithSpace: function _isBlockquoteWithSpace(text) {
-    return (/^> /.test(text)
-    );
-  }
-});
-
-exports.default = Blockquote;
-
-/***/ }),
-/* 118 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @fileoverview Implements Heading markdown command
- * @author NHN FE Development Lab 
- */
-var FIND_HEADING_RX = /^#+\s/g;
-
-/**
- * Heading
- * Add heading markdown syntax to markdown editor
- * @extends Command
- * @module markdownCommands/Heading
- * @ignore
- */
-var Heading = _commandManager2.default.command('markdown', /** @lends Heading */{
-  name: 'Heading',
-  /**
-   * Command Handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   * @param {number} size heading size
-   */
-  exec: function exec(mde, size) {
-    var cm = mde.getEditor();
-    var doc = cm.getDoc();
-
-    var range = mde.getCurrentRange();
-
-    var from = {
-      line: range.from.line,
-      ch: 0
-    };
-
-    var to = {
-      line: range.to.line,
-      ch: doc.getLineHandle(range.to.line).text.length
-    };
-
-    var lengthOfCurrentLineBefore = doc.getLine(to.line).length;
-    var textToModify = doc.getRange(from, to);
-    var textLinesToModify = textToModify.split('\n');
-
-    _tuiCodeSnippet2.default.forEachArray(textLinesToModify, function (line, index) {
-      textLinesToModify[index] = getHeadingMarkdown(line, size);
-    });
-
-    doc.replaceRange(textLinesToModify.join('\n'), from, to);
-
-    range.to.ch += doc.getLine(to.line).length - lengthOfCurrentLineBefore;
-
-    doc.setSelection(from, range.to);
-
-    cm.focus();
-  }
-});
-
-/**
- * Get heading markdown
- * @param {string} text Source test
- * @param {number} size size
- * @returns {string}
- */
-function getHeadingMarkdown(text, size) {
-  var foundedHeading = text.match(FIND_HEADING_RX);
-  var heading = '';
-
-  do {
-    heading += '#';
-    size -= 1;
-  } while (size > 0);
-
-  if (foundedHeading) {
-    var _text$split = text.split(foundedHeading[0]);
-
-    text = _text$split[1];
-  }
-
-  return heading + ' ' + text;
-}
-
-exports.default = Heading;
-
-/***/ }),
-/* 119 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Paragraph
- * Convert selected lines to paragraph
- * @extends Command
- * @module markdownCommands/Paragraph
- * @ignore
- */
-/**
- * @fileoverview Implements Paragraph markdown command
- * @author NHN FE Development Lab 
- */
-var Paragraph = _commandManager2.default.command('markdown', /** @lends Paragraph */{
-  name: 'Paragraph',
-  /**
-   * Command Handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   */
-  exec: function exec(mde) {
-    var cm = mde.getEditor();
-    var doc = cm.getDoc();
-    var range = mde.getCurrentRange();
-    var from = {
-      line: range.from.line,
-      ch: 0
-    };
-    var to = {
-      line: range.to.line,
-      ch: doc.getLineHandle(range.to.line).text.length
-    };
-
-    var lengthOfCurrentLineBefore = doc.getLine(to.line).length;
-    var textToModify = doc.getRange(from, to);
-    var textLines = textToModify.split('\n');
-
-    _tuiCodeSnippet2.default.forEachArray(textLines, function (line, index) {
-      textLines[index] = getParagraphMarkdown(line);
-    });
-
-    doc.replaceRange(textLines.join('\n'), from, to);
-
-    range.to.ch += doc.getLine(to.line).length - lengthOfCurrentLineBefore;
-
-    doc.setSelection(from, to);
-
-    cm.focus();
-  }
-});
-/**
- * Get paragraph markdown lineText
- * @param {string} lineText line lineText
- * @returns {string}
- */
-function getParagraphMarkdown(lineText) {
-  var headingRx = /^(#{1,6}| *((?:\*|-|\d\.)(?: \[[ xX]])?)) /;
-
-  return lineText.replace(headingRx, '');
-}
-
-exports.default = Paragraph;
-
-/***/ }),
-/* 120 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * HR
- * Add HR markdown syntax to markdown editor
- * @extends Command
- * @module markdownCommands/HR
- * @ignore
- */
-var HR = _commandManager2.default.command('markdown', /** @lends HR */{
-  name: 'HR',
-  keyMap: ['CTRL+L', 'META+L'],
-  /**
-   * Command handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   */
-  exec: function exec(mde) {
-    var cm = mde.getEditor();
-    var doc = cm.getDoc();
-    var replaceText = '';
-
-    var range = mde.getCurrentRange();
-
-    var from = {
-      line: range.from.line,
-      ch: range.from.ch
-    };
-
-    var to = {
-      line: range.to.line,
-      ch: range.to.ch
-    };
-
-    if (range.collapsed) {
-      replaceText = doc.getLine(from.line);
-      from.ch = 0;
-      to.ch = doc.getLineHandle(range.to.line).text.length;
-    }
-
-    if (doc.getLine(from.line).length) {
-      replaceText += '\n\n* * *\n\n';
-    } else {
-      replaceText += '\n* * *\n';
-    }
-
-    doc.replaceRange(replaceText, from, to);
-
-    cm.focus();
-  }
-}); /**
-     * @fileoverview Implements HR markdown command
-     * @author NHN FE Development Lab 
-     */
-
-exports.default = HR;
-
-/***/ }),
-/* 121 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _importManager = __webpack_require__(15);
-
-var _importManager2 = _interopRequireDefault(_importManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
-* @fileoverview Implements Addlink markdown command
-* @author NHN FE Development Lab 
-*/
-var decodeURIGraceful = _importManager2.default.decodeURIGraceful,
-    encodeMarkdownCharacters = _importManager2.default.encodeMarkdownCharacters,
-    escapeMarkdownCharacters = _importManager2.default.escapeMarkdownCharacters;
-
-/**
- * AddLink
- * Add link markdown syntax to markdown editor
- * @extends Command
- * @module markdownCommands/AddLink
- * @ignore
- */
-
-var AddLink = _commandManager2.default.command('markdown', /** @lends AddLink */{
-  name: 'AddLink',
-  /**
-   * command handler for AddLink
-   * @param {MarkdownEditor} mde - MarkdownEditor instance
-   * @param {object} data - data for image
-   */
-  exec: function exec(mde, data) {
-    var cm = mde.getEditor();
-    var doc = cm.getDoc();
-
-    var range = mde.getCurrentRange();
-
-    var from = {
-      line: range.from.line,
-      ch: range.from.ch
-    };
-
-    var to = {
-      line: range.to.line,
-      ch: range.to.ch
-    };
-
-    var linkText = data.linkText,
-        url = data.url;
-
-    linkText = decodeURIGraceful(linkText);
-    linkText = escapeMarkdownCharacters(linkText);
-    url = encodeMarkdownCharacters(url);
-
-    var replaceText = '[' + linkText + '](' + url + ')';
-
-    doc.replaceRange(replaceText, from, to);
-
-    cm.focus();
-  }
-});
-
-exports.default = AddLink;
-
-/***/ }),
-/* 122 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _importManager = __webpack_require__(15);
-
-var _importManager2 = _interopRequireDefault(_importManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
-* @fileoverview Implments AddImage markdown command
-* @author NHN FE Development Lab 
-*/
-var decodeURIGraceful = _importManager2.default.decodeURIGraceful,
-    encodeMarkdownCharacters = _importManager2.default.encodeMarkdownCharacters,
-    escapeMarkdownCharacters = _importManager2.default.escapeMarkdownCharacters;
-
-/**
- * AddImage
- * Add Image markdown syntax to markdown Editor
- * @extends Command
- * @module markdownCommands/AddImage
- * @ignore
- */
-
-var AddImage = _commandManager2.default.command('markdown', /** @lends AddImage */{
-  name: 'AddImage',
-  /**
-   * Command Handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   * @param {object} data data for image
-   */
-  exec: function exec(mde, data) {
-    var cm = mde.getEditor();
-    var doc = cm.getDoc();
-
-    var range = mde.getCurrentRange();
-
-    var from = {
-      line: range.from.line,
-      ch: range.from.ch
-    };
-
-    var to = {
-      line: range.to.line,
-      ch: range.to.ch
-    };
-
-    var altText = data.altText,
-        imageUrl = data.imageUrl;
-
-    altText = decodeURIGraceful(altText);
-    altText = escapeMarkdownCharacters(altText);
-    imageUrl = encodeMarkdownCharacters(imageUrl);
-    var replaceText = '![' + altText + '](' + imageUrl + ')';
-
-    doc.replaceRange(replaceText, from, to, '+addImage');
-
-    cm.focus();
-  }
-});
-
-exports.default = AddImage;
-
-/***/ }),
-/* 123 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * UL
- * Add unordered list markdown syntax to markdown editor
- * @extends Command
- * @module markdownCommands/UL
- * @ignore
- */
-var UL = _commandManager2.default.command('markdown', /** @lends UL */{
-  name: 'UL',
-  keyMap: ['CTRL+U', 'META+U'],
-  /**
-   * Command handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   */
-  exec: function exec(mde) {
-    var range = mde.getCurrentRange();
-    var listManager = mde.componentManager.getManager('list');
-
-    listManager.changeSyntax(range, 'ul');
-  }
-}); /**
-     * @fileoverview Implements UL markdown command
-     * @author NHN FE Development Lab 
-     */
-exports.default = UL;
-
-/***/ }),
-/* 124 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * OL
- * Add ordered list markdown syntax to markdown editor
- * @extends Command
- * @module markdownCommands/OL
- * @ignore
- */
-var OL = _commandManager2.default.command('markdown', /** @lends OL */{
-  name: 'OL',
-  keyMap: ['CTRL+O', 'META+O'],
-  /**
-   * Command handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   */
-  exec: function exec(mde) {
-    var range = mde.getCurrentRange();
-    var listManager = mde.componentManager.getManager('list');
-
-    listManager.changeSyntax(range, 'ol');
-  }
-}); /**
-     * @fileoverview Implements OL markdown command
-     * @author NHN FE Development Lab 
-     */
-
-exports.default = OL;
-
-/***/ }),
-/* 125 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Indent
- * Add Indent markdown syntax to markdown editor
- * @extends Command
- * @module markdownCommands/inent
- * @ignore
- */
-var Indent = _commandManager2.default.command('markdown', /** @lends Indent */{
-  name: 'Indent',
-  /**
-   * Command handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   */
-  exec: function exec(mde) {
-    var cm = mde.getEditor();
-    cm.execCommand('indentOrderedList');
-  }
-}); /**
-     * @fileoverview Implements Indent markdown command
-     * @author NHN FE Development Lab 
-     */
-
-exports.default = Indent;
-
-/***/ }),
-/* 126 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Outdent
- * Add Outdent markdown syntax to markdown editor
- * @extends Command
- * @module markdownCommands/outdent
- * @ignore
- */
-var Outdent = _commandManager2.default.command('markdown', /** @lends Outdent */{
-  name: 'Outdent',
-  /**
-   * Command handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   */
-  exec: function exec(mde) {
-    var cm = mde.getEditor();
-    cm.execCommand('indentLessOrderedList');
-  }
-}); /**
-     * @fileoverview Implements Outdent markdown command
-     * @author NHN FE Development Lab 
-     */
-
-exports.default = Outdent;
-
-/***/ }),
-/* 127 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Table
- * Add table markdown syntax to markdown editor
- * @extends Command
- * @module markdownCommands/Table
- * @ignore
- */
-var Table = _commandManager2.default.command('markdown', /** @lends Table */{
-  name: 'Table',
-  /**
-   * Command handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   * @param {number} col column count
-   * @param {number} row row count
-   * @param {Array} data initial table data
-   */
-  exec: function exec(mde, col, row, data) {
-    var cm = mde.getEditor();
-    var doc = cm.getDoc();
-    var table = '\n';
-
-    if (cm.getCursor().ch > 0) {
-      table += '\n';
-    }
-
-    table += makeHeader(col, data);
-    table += makeBody(col, row - 1, data);
-
-    doc.replaceSelection(table);
-
-    if (!data) {
-      cm.setCursor(cm.getCursor().line - row, 2);
-    }
-
-    mde.focus();
-  }
-});
-
-/**
- * makeHeader
- * make table header markdown string
- * @param {number} col Column count
- * @param {array} data Cell's text content
- * @returns {string} markdown string
- */
-/**
- * @fileoverview Implements Table markdown command
- * @author NHN FE Development Lab 
- */
-
-function makeHeader(col, data) {
-  var header = '|';
-  var border = '|';
-  var index = 0;
-
-  while (col) {
-    if (data) {
-      header += ' ' + data[index] + ' |';
-      index += 1;
-    } else {
-      header += '  |';
-    }
-
-    border += ' --- |';
-
-    col -= 1;
-  }
-
-  return header + '\n' + border + '\n';
-}
-
-/**
- * makeBody
- * make table body markdown string
- * @param {number} col column count
- * @param {number} row row count
- * @param {Array} data initial table data
- * @returns {string} html string
- */
-function makeBody(col, row, data) {
-  var body = '';
-  var index = col;
-
-  for (var irow = 0; irow < row; irow += 1) {
-    body += '|';
-
-    for (var icol = 0; icol < col; icol += 1) {
-      if (data) {
-        body += ' ' + data[index] + ' |';
-        index += 1;
-      } else {
-        body += '  |';
-      }
-    }
-
-    body += '\n';
-  }
-
-  body = body.replace(/\n$/g, '');
-
-  return body;
-}
-exports.default = Table;
-
-/***/ }),
-/* 128 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Task
- * @extends Command
- * @module markdownCommands/Task
- * @ignore
- */
-var Task = _commandManager2.default.command('markdown', /** @lends Task */{
-  name: 'Task',
-  keyMap: ['ALT+T', 'ALT+T'],
-  /**
-   * Command handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   */
-  exec: function exec(mde) {
-    var range = mde.getCurrentRange();
-    var listManager = mde.componentManager.getManager('list');
-
-    listManager.changeSyntax(range, 'task');
-  }
-}); /**
-     * @fileoverview Implements Task markdown command
-     * @author NHN FE Development Lab 
-     */
-exports.default = Task;
-
-/***/ }),
-/* 129 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var codeRangeRegex = /^`([^`]+)`$/; /**
-                                    * @fileoverview Implements Code markdown command
-                                    * @author NHN FE Development Lab 
-                                    */
-
-var codeContentRegex = /`([^`]+)`/g;
-
-/**
- * Code
- * Add code markdown syntax to markdown editor
- * @extends Command
- * @module markdownCommands/Code
- * @ignore
- */
-var Code = _commandManager2.default.command('markdown', /** @lends Code */{
-  name: 'Code',
-  keyMap: ['SHIFT+CTRL+C', 'SHIFT+META+C'],
-  /**
-   * Command Handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   */
-  exec: function exec(mde) {
-    var cm = mde.getEditor();
-    var doc = cm.getDoc();
-    var selection = doc.getSelection();
-    var cursor = cm.getCursor();
-    var hasSyntax = this.hasStrikeSyntax(selection);
-
-    var result = void 0;
-    if (hasSyntax) {
-      result = this.remove(selection);
-      result = this._removeCodeSyntax(result);
-    } else {
-      result = this._removeCodeSyntax(selection);
-      result = this.append(result);
-    }
-
-    doc.replaceSelection(result, 'around');
-
-    if (!selection && !hasSyntax) {
-      this.setCursorToCenter(doc, cursor, hasSyntax);
-    }
-
-    cm.focus();
-  },
-
-
-  /**
-   * set cursor to center
-   * @param {CodeMirror.doc} doc - codemirror document
-   * @param {object} cursor - codemirror cursor
-   * @param {boolean} isRemoved - whether it involes deletion
-   */
-  setCursorToCenter: function setCursorToCenter(doc, cursor, isRemoved) {
-    var pos = isRemoved ? -1 : 1;
-    doc.setCursor(cursor.line, cursor.ch + pos);
-  },
-
-
-  /**
-   * has code syntax
-   * @param {string} text Source text
-   * @returns {boolean} true if the given text has a code syntax
-   */
-  hasStrikeSyntax: function hasStrikeSyntax(text) {
-    return codeRangeRegex.test(text);
-  },
-
-
-  /**
-   * apply Code
-   * @param {string} text - selected text
-   * @returns {string} - text after code syntax applied
-   */
-  append: function append(text) {
-    return '`' + text + '`';
-  },
-
-
-  /**
-   * remove Code
-   * @param {string} text - selected text
-   * @returns {string} - text after code syntax removed
-   */
-  remove: function remove(text) {
-    return text.substr(1, text.length - 2);
-  },
-
-
-  /**
-   * remove bold syntax in the middle of given text
-   * @param {string} text - text selected
-   * @returns {string} - text eliminated all code in the middle of it's content
-   * @private
-   */
-  _removeCodeSyntax: function _removeCodeSyntax(text) {
-    return text ? text.replace(codeContentRegex, '$1') : '';
-  }
-});
-
-exports.default = Code;
-
-/***/ }),
-/* 130 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * CodeBlock
- * Add CodeBlock markdown syntax to markdown editor
- * @extends Command
- * @module markdownCommands/CodeBlock
- * @ignore
- */
-var CodeBlock = _commandManager2.default.command('markdown', /** @lends CodeBlock */{
-  name: 'CodeBlock',
-  keyMap: ['SHIFT+CTRL+P', 'SHIFT+META+P'],
-  /**
-   * Command handler
-   * @param {MarkdownEditor} mde MarkdownEditor instance
-   */
-  exec: function exec(mde) {
-    var cm = mde.getEditor();
-    var doc = cm.getDoc();
-    var range = mde.getCurrentRange();
-    var replaceText = ['```', doc.getSelection(), '```'];
-    var cursorOffset = 1;
-    // insert a line break to the front if the selection starts in the middle of a text
-    if (range.from.ch !== 0) {
-      replaceText.unshift('');
-      cursorOffset += 1;
-    }
-    // insert a line break to the end if the selection has trailing text
-    if (range.to.ch !== doc.getLine(range.to.line).length) {
-      replaceText.push('');
-    }
-    doc.replaceSelection(replaceText.join('\n'));
-
-    cm.setCursor(range.from.line + cursorOffset, 0);
-
-    cm.focus();
-  }
-}); /**
-     * @fileoverview Implements CodeBlock markdown command
-     * @author NHN FE Development Lab 
-     */
-exports.default = CodeBlock;
-
-/***/ }),
-/* 131 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _domUtils = __webpack_require__(4);
-
-var _domUtils2 = _interopRequireDefault(_domUtils);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Bold
- * Add bold to selected wysiwyg editor content
- * @extends Command
- * @module wysiwygCommands/Bold
- * @ignore
- */
-/**
- * @fileoverview Implements bold WysiwygCommand
- * @author NHN FE Development Lab 
- */
-var Bold = _commandManager2.default.command('wysiwyg', /** @lends Bold */{
-  name: 'Bold',
-  keyMap: ['CTRL+B', 'META+B'],
-  /**
-   * command handler
-   * @param {WysiwygEditor} wwe wysiwygEditor instance
-   */
-  exec: function exec(wwe) {
-    var sq = wwe.getEditor();
-    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
-
-    wwe.focus();
-
-    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
-      tableSelectionManager.styleToSelectedCells(styleBold);
-
-      var range = sq.getSelection();
-      range.collapse(true);
-      sq.setSelection(range);
-    } else {
-      styleBold(sq);
-      _domUtils2.default.optimizeRange(sq.getSelection(), 'B');
-    }
-  }
-});
-
-/**
- * Style bold.
- * @param {object} sq - squire editor instance
- */
-function styleBold(sq) {
-  if (sq.hasFormat('b') || sq.hasFormat('strong')) {
-    sq.changeFormat(null, { tag: 'b' });
-  } else if (!sq.hasFormat('PRE')) {
-    if (sq.hasFormat('code')) {
-      sq.changeFormat(null, { tag: 'code' });
-    }
-    sq.bold();
-  }
-}
-
-exports.default = Bold;
-
-/***/ }),
-/* 132 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _domUtils = __webpack_require__(4);
-
-var _domUtils2 = _interopRequireDefault(_domUtils);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Italic
- * Add Italic to selected wysiwyg editor content
- * @extends Command
- * @module wysiwygCommands/Italic
- * @ignore
- */
-/**
- * @fileoverview Implements italic WysiwygCommand
- * @author NHN FE Development Lab 
- */
-
-var Italic = _commandManager2.default.command('wysiwyg', /** @lends Italic */{
-  name: 'Italic',
-  keyMap: ['CTRL+I', 'META+I'],
-  /**
-   * command handler
-   * @param {WysiwygEditor} wwe wysiwygEditor instance
-   */
-  exec: function exec(wwe) {
-    var sq = wwe.getEditor();
-    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
-
-    wwe.focus();
-
-    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
-      tableSelectionManager.styleToSelectedCells(styleItalic);
-
-      var range = sq.getSelection();
-      range.collapse(true);
-      sq.setSelection(range);
-    } else {
-      styleItalic(sq);
-      _domUtils2.default.optimizeRange(sq.getSelection(), 'I');
-    }
-  }
-});
-
-/**
- * Style italic.
- * @param {object} sq - squire editor instance
- */
-function styleItalic(sq) {
-  if (sq.hasFormat('i') || sq.hasFormat('em')) {
-    sq.changeFormat(null, { tag: 'i' });
-  } else if (!sq.hasFormat('PRE')) {
-    if (sq.hasFormat('code')) {
-      sq.changeFormat(null, { tag: 'code' });
-    }
-    sq.italic();
-  }
-}
-
-exports.default = Italic;
-
-/***/ }),
-/* 133 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _domUtils = __webpack_require__(4);
-
-var _domUtils2 = _interopRequireDefault(_domUtils);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Strike
- * Add strike to selected wysiwyg editor content
- * @extends Command
- * @module wysiwygCommands/Strike
- * @ignore
- */
-/**
- * @fileoverview Implements strike WysiwygCommand
- * @author NHN FE Development Lab 
- */
-
-var Strike = _commandManager2.default.command('wysiwyg', /** @lends Strike */{
-  name: 'Strike',
-  keyMap: ['CTRL+S', 'META+S'],
-  /**
-   * command handler
-   * @param {WysiwygEditor} wwe WysiwygEditor instance
-   */
-  exec: function exec(wwe) {
-    var sq = wwe.getEditor();
-    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
-
-    wwe.focus();
-
-    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
-      tableSelectionManager.styleToSelectedCells(styleStrike);
-
-      var range = sq.getSelection();
-      range.collapse(true);
-      sq.setSelection(range);
-    } else {
-      styleStrike(sq);
-      _domUtils2.default.optimizeRange(sq.getSelection(), 'S');
-    }
-  }
-});
-
-/**
- * Style strike.
- * @param {object} sq - squire editor instance
- */
-function styleStrike(sq) {
-  if (sq.hasFormat('S')) {
-    sq.changeFormat(null, { tag: 'S' });
-  } else if (!sq.hasFormat('PRE')) {
-    if (sq.hasFormat('code')) {
-      sq.changeFormat(null, { tag: 'code' });
-    }
-    sq.strikethrough();
-  }
-}
-
-exports.default = Strike;
-
-/***/ }),
-/* 134 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Blockquote
- * Add Blockquote to selected wysiwyg editor content
- * @extends Command
- * @module wysiwygCommands/Blockquote
- * @ignore
- */
-var Blockquote = _commandManager2.default.command('wysiwyg', /** @lends Blockquote */{
-  name: 'Blockquote',
-  keyMap: ['ALT+Q', 'ALT+Q'],
-  /**
-   * command handler
-   * @param {WysiwygEditor} wwe wysiwygEditor instance
-   */
-  exec: function exec(wwe) {
-    var sq = wwe.getEditor();
-
-    wwe.focus();
-
-    if (!sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
-      if (sq.hasFormat('BLOCKQUOTE')) {
-        sq.decreaseQuoteLevel();
-      } else {
-        sq.increaseQuoteLevel();
-      }
-    }
-  }
-}); /**
-     * @fileoverview Implements block quote WysiwygCommand
-     * @author NHN FE Development Lab 
-     */
-
-exports.default = Blockquote;
-
-/***/ }),
-/* 135 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _importManager = __webpack_require__(15);
-
-var _importManager2 = _interopRequireDefault(_importManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @fileoverview Implements AddImage wysiwyg command
- * @author NHN FE Development Lab 
- */
-var decodeURIGraceful = _importManager2.default.decodeURIGraceful,
-    encodeMarkdownCharacters = _importManager2.default.encodeMarkdownCharacters;
-
-/**
- * AddImage
- * Add Image markdown syntax to wysiwyg Editor
- * @extends Command
- * @module wysiwygCommands/AddImage
- * @ignore
- */
-
-var AddImage = _commandManager2.default.command('wysiwyg', /** @lends AddImage */{
-  name: 'AddImage',
-  /**
-   * command handler
-   * @param {WysiwygEditor} wwe wysiwygEditor instance
-   * @param {object} data data for image
-   */
-  exec: function exec(wwe, data) {
-    var sq = wwe.getEditor();
-    var altText = data.altText,
-        imageUrl = data.imageUrl;
-
-    altText = decodeURIGraceful(altText);
-    imageUrl = encodeMarkdownCharacters(imageUrl);
-
-    wwe.focus();
-
-    if (!sq.hasFormat('PRE')) {
-      sq.insertImage(imageUrl, { 'alt': altText });
-    }
-  }
-});
-
-exports.default = AddImage;
-
-/***/ }),
-/* 136 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _importManager = __webpack_require__(15);
-
-var _importManager2 = _interopRequireDefault(_importManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * @fileoverview Implements AddLink wysiwyg command
- * @author NHN FE Development Lab 
- */
-var decodeURIGraceful = _importManager2.default.decodeURIGraceful,
-    encodeMarkdownCharacters = _importManager2.default.encodeMarkdownCharacters;
-
-/**
- * AddLink
- * Add link markdown syntax to wysiwyg Editor
- * @extends Command
- * @module wysiwygCommands/AddLink
- * @ignore
- */
-
-var AddLink = _commandManager2.default.command('wysiwyg', /** @lends AddLink */{
-  name: 'AddLink',
-  /**
-   * command handler
-   * @param {WysiwygEditor} wwe - wysiwygEditor instance
-   * @param {object} data - data for image
-   */
-  exec: function exec(wwe, data) {
-    var sq = wwe.getEditor();
-    var linkAttibute = wwe.getLinkAttribute();
-    var url = data.url,
-        linkText = data.linkText;
-
-    linkText = decodeURIGraceful(linkText);
-    url = encodeMarkdownCharacters(url);
-
-    wwe.focus();
-
-    if (!sq.hasFormat('PRE')) {
-      sq.removeAllFormatting();
-
-      if (sq.getSelectedText()) {
-        sq.makeLink(url, linkAttibute);
-      } else {
-        var link = sq.createElement('A', _tuiCodeSnippet2.default.extend({
-          href: url
-        }, linkAttibute));
-
-        (0, _jquery2.default)(link).text(linkText);
-        sq.insertElement(link);
-      }
-    }
-  }
-});
-
-exports.default = AddLink;
-
-/***/ }),
-/* 137 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _domUtils = __webpack_require__(4);
-
-var _domUtils2 = _interopRequireDefault(_domUtils);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * HR
- * Add horizontal line markdown syntax to wysiwyg Editor
- * @extends Command
- * @module wysiwygCommands/HR
- * @ignore
- */
-/**
- * @fileoverview Implements HR wysiwyg command
- * @author NHN FE Development Lab 
- */
-var HR = _commandManager2.default.command('wysiwyg', /** @lends HR */{
-  name: 'HR',
-  keyMap: ['CTRL+L', 'META+L'],
-  /**
-   * command handler
-   * @param {WysiwygEditor} wwe wysiwygEditor instance
-   */
-  exec: function exec(wwe) {
-    var sq = wwe.getEditor();
-    var range = sq.getSelection();
-
-    if (range.collapsed && !sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
-      var hr = document.createElement('hr');
-      var currentNode = _domUtils2.default.getChildNodeByOffset(range.startContainer, range.startOffset);
-      var nextBlockNode = _domUtils2.default.getTopNextNodeUnder(currentNode, wwe.get$Body()[0]);
-
-      // If nextBlockNode is div that has hr and has contenteditable as false,
-      // nextBlockNode should be set as nextSibling that is normal block.
-      if (nextBlockNode && !_domUtils2.default.isTextNode(nextBlockNode)) {
-        while (nextBlockNode && nextBlockNode.getAttribute('contenteditable') === 'false') {
-          nextBlockNode = nextBlockNode.nextSibling;
-        }
-      }
-
-      if (!nextBlockNode) {
-        nextBlockNode = _domUtils2.default.createEmptyLine();
-        wwe.get$Body().append(nextBlockNode);
-      }
-
-      sq.modifyBlocks(function (frag) {
-        frag.appendChild(hr);
-
-        return frag;
-      });
-
-      var previousSibling = hr.previousSibling;
-
-      if (previousSibling && _domUtils2.default.isTextNode(previousSibling) && _domUtils2.default.getTextLength(previousSibling) === 0) {
-        hr.parentNode.removeChild(previousSibling);
-      }
-
-      hr.parentNode.replaceChild(_domUtils2.default.createHorizontalRule(), hr);
-
-      range.selectNodeContents(nextBlockNode);
-      range.collapse(true);
-
-      sq.setSelection(range);
-      sq.saveUndoState(range);
-    }
-
-    wwe.focus();
-  }
-});
-
-exports.default = HR;
-
-/***/ }),
-/* 138 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Heading
- * Convert selected root level contents to heading with size wysiwyg Editor
- * @extends Command
- * @module wysiwygCommands/Heading
- * @ignore
- */
-/**
- * @fileoverview Implements Heading wysiwyg command
- * @author NHN FE Development Lab 
- */
-var Heading = _commandManager2.default.command('wysiwyg', /** @lends Heading */{
-  name: 'Heading',
-  /**
-   * Command handler
-   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
-   * @param {Number} size size
-   */
-  exec: function exec(wwe, size) {
-    var sq = wwe.getEditor();
-    var blockTagName = 'h1, h2, h3, h4, h5, h6, div';
-
-    wwe.focus();
-
-    if (!sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
-      sq.modifyBlocks(function (fragment) {
-        (0, _jquery2.default)(fragment).children(blockTagName).each(function (index, block) {
-          var headingHTML = '';
-          var $block = (0, _jquery2.default)(block);
-
-          if ($block.is('DIV')) {
-            $block.wrap(headingHTML);
-          } else {
-            var $wrapperHeading = (0, _jquery2.default)(headingHTML);
-
-            $wrapperHeading.insertBefore(block);
-            $wrapperHeading.html($block.html());
-            $block.remove();
-          }
-        });
-
-        return fragment;
-      });
-    }
-  }
-});
-
-exports.default = Heading;
-
-/***/ }),
-/* 139 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Paragraph
- * Convert selected contents to paragraph only heading and list
- * @extends Command
- * @module wysiwygCommands/Paragraph
- * @ignore
- */
-/**
- * @fileoverview Implements Paragraph wysiwyg command
- * @author NHN FE Development Lab 
- */
-var Paragraph = _commandManager2.default.command('wysiwyg', /** @lends Paragraph */{
-  name: 'Paragraph',
-  /**
-   * Command handler
-   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
-   */
-  exec: function exec(wwe) {
-    var sq = wwe.getEditor();
-
-    wwe.focus();
-
-    if (!sq.hasFormat('TABLE') && !sq.hasFormat('PRE')) {
-      sq.modifyBlocks(function (fragment) {
-        var $newFragment = (0, _jquery2.default)(document.createDocumentFragment());
-
-        (0, _jquery2.default)(fragment).children().each(function (index, block) {
-          if (block.nodeName.match(/h\d/i)) {
-            $newFragment.append((0, _jquery2.default)(block).children());
-          } else if (block.nodeName.match(/ul|ol/i)) {
-            (0, _jquery2.default)(block).find('li').each(function (i, listItem) {
-              $newFragment.append((0, _jquery2.default)(listItem).children());
-            });
-          } else {
-            $newFragment.append(block);
-          }
-        });
-
-        return $newFragment[0];
-      });
-    }
-  }
-});
-
-exports.default = Paragraph;
-
-/***/ }),
-/* 140 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * UL
- * Add UL to selected wysiwyg editor content
- * @extends Command
- * @module wysiwygCommands/UL
- * @ignore
- */
-var UL = _commandManager2.default.command('wysiwyg', /** @lends UL */{
-  name: 'UL',
-  keyMap: ['CTRL+U', 'META+U'],
-  /**
-   * Command Handler
-   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
-   */
-  exec: function exec(wwe) {
-    var sq = wwe.getEditor();
-    var range = sq.getSelection();
-    var listManager = wwe.componentManager.getManager('list');
-    var startContainer = range.startContainer,
-        endContainer = range.endContainer,
-        startOffset = range.startOffset,
-        endOffset = range.endOffset;
-
-    var newLIs = [];
-
-    wwe.focus();
-    sq.saveUndoState(range);
-
-    if (listManager.isAvailableMakeListInTable()) {
-      newLIs = listManager.createListInTable(range, 'UL');
-    } else {
-      var lines = listManager.getLinesOfSelection(startContainer, endContainer);
-
-      for (var i = 0; i < lines.length; i += 1) {
-        var newLI = this._changeFormatToUnorderedListIfNeed(wwe, lines[i]);
-        if (newLI) {
-          newLIs.push(newLI);
-        }
-      }
-    }
-
-    if (newLIs.length) {
-      listManager.adjustRange(startContainer, endContainer, startOffset, endOffset, newLIs);
-    }
-  },
-
-
-  /**
-   * Change format to unordered list if need
-   * @param {WysiwygEditor} wwe Wysiwyg editor instance
-   * @param {HTMLElement} target Element target for change
-   * @returns {HTMLElement} newly created list
-   * @private
-   */
-  _changeFormatToUnorderedListIfNeed: function _changeFormatToUnorderedListIfNeed(wwe, target) {
-    var sq = wwe.getEditor();
-    var range = sq.getSelection();
-    var taskManager = wwe.componentManager.getManager('task');
-    var newLI = void 0;
-
-    if (!sq.hasFormat('PRE')) {
-      range.setStart(target, 0);
-      range.collapse(true);
-      sq.setSelection(range);
-
-      if (sq.hasFormat('LI')) {
-        wwe.saveSelection(range);
-        taskManager.unformatTask(range.startContainer);
-        sq.replaceParent(range.startContainer, 'ol', 'ul');
-        wwe.restoreSavedSelection();
-      } else {
-        wwe.unwrapBlockTag();
-        sq.makeUnorderedList();
-      }
-
-      newLI = sq.getSelection().startContainer;
-    }
-
-    return newLI;
-  }
-}); /**
-     * @fileoverview Implements ul WysiwygCommand
-     * @author NHN FE Development Lab 
-     */
-exports.default = UL;
-
-/***/ }),
-/* 141 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * OL
- * Add OL to selected wysiwyg editor content
- * @extends Command
- * @module wysiwygCommands/OL
- * @ignore
- */
-var OL = _commandManager2.default.command('wysiwyg', /** @lends OL */{
-  name: 'OL',
-  keyMap: ['CTRL+O', 'META+O'],
-  /**
-   * Command Handler
-   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
-   */
-  exec: function exec(wwe) {
-    var sq = wwe.getEditor();
-    var range = sq.getSelection();
-    var listManager = wwe.componentManager.getManager('list');
-    var startContainer = range.startContainer,
-        startOffset = range.startOffset,
-        endContainer = range.endContainer,
-        endOffset = range.endOffset;
-
-    var newLIs = [];
-
-    wwe.focus();
-    sq.saveUndoState(range);
-
-    if (listManager.isAvailableMakeListInTable()) {
-      newLIs = listManager.createListInTable(range, 'OL');
-    } else {
-      var lines = listManager.getLinesOfSelection(startContainer, endContainer);
-
-      for (var i = 0; i < lines.length; i += 1) {
-        var newLI = this._changeFormatToOrderedListIfNeed(wwe, lines[i]);
-        if (newLI) {
-          newLIs.push(newLI);
-        }
-      }
-    }
-
-    if (newLIs.length) {
-      listManager.adjustRange(startContainer, endContainer, startOffset, endOffset, newLIs);
-    }
-  },
-
-
-  /**
-   * Change format to unordered list if need
-   * @param {WysiwygEditor} wwe Wysiwyg editor instance
-   * @param {HTMLElement} target Element target for change
-   * @returns {HTMLElement} newly created list item
-   * @private
-   */
-  _changeFormatToOrderedListIfNeed: function _changeFormatToOrderedListIfNeed(wwe, target) {
-    var sq = wwe.getEditor();
-    var range = sq.getSelection();
-    var taskManager = wwe.componentManager.getManager('task');
-    var newLI = void 0;
-
-    if (!sq.hasFormat('PRE')) {
-      range.setStart(target, 0);
-      range.collapse(true);
-      sq.setSelection(range);
-
-      if (sq.hasFormat('LI')) {
-        wwe.saveSelection(range);
-        taskManager.unformatTask(range.startContainer);
-        sq.replaceParent(range.startContainer, 'ul', 'ol');
-        wwe.restoreSavedSelection();
-      } else {
-        wwe.unwrapBlockTag();
-        sq.makeOrderedList();
-      }
-
-      newLI = sq.getSelection().startContainer;
-    }
-
-    return newLI;
-  }
-}); /**
-     * @fileoverview Implements ol WysiwygCommand
-     * @author NHN FE Development Lab 
-     */
-
-exports.default = OL;
-
-/***/ }),
-/* 142 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Table
- * Add table to selected wysiwyg editor content
- * @extends Command
- * @module wysiwygCommands/Table
- * @ignore
- */
-var Table = _commandManager2.default.command('wysiwyg', /** @lends Table */{
-  name: 'Table',
-  /**
-   * Command Handler
-   * @param {WysiwygEditor} wwe wysiwygEditor instance
-   * @param {number} col column count
-   * @param {number} row row count
-   * @param {Array} data initial table data
-   */
-  exec: function exec(wwe, col, row, data) {
-    var sq = wwe.getEditor();
-    var tableIDClassName = wwe.componentManager.getManager('table').getTableIDClassName();
-    var tableHTMLString = void 0;
-
-    if (!sq.getSelection().collapsed || sq.hasFormat('TABLE') || sq.hasFormat('PRE')) {
-      wwe.focus();
-
-      return;
-    }
-
-    tableHTMLString = '';
-    tableHTMLString += makeHeader(col, data);
-    tableHTMLString += makeBody(col, row - 1, data);
-    tableHTMLString += '
    ';
-
-    sq.insertHTML(tableHTMLString);
-
-    wwe.focus();
-
-    if (!data) {
-      focusToFirstTh(sq, wwe.get$Body().find('.' + tableIDClassName));
-    }
-  }
-});
-
-/**
- * Focus to first th
- * @param {Squire} sq Squire instance
- * @param {jQuery} $table jQuery wrapped table element
- */
-/**
- * @fileoverview Implements table WysiwygCommand
- * @author NHN FE Development Lab 
- */
-function focusToFirstTh(sq, $table) {
-  var range = sq.getSelection();
-
-  range.selectNodeContents($table.find('th')[0]);
-  range.collapse(true);
-  sq.setSelection(range);
-}
-
-/**
- * makeHeader
- * make table header html string
- * @param {number} col column count
- * @param {string} data cell data
- * @returns {string} html string
- */
-function makeHeader(col, data) {
-  var header = '';
-  var index = 0;
-
-  while (col) {
-    header += '';
-
-    if (data) {
-      header += data[index];
-      index += 1;
-    }
-
-    header += '';
-    col -= 1;
-  }
-
-  header += '';
-
-  return header;
-}
-
-/**
- * makeBody
- * make table body html string
- * @param {number} col column count
- * @param {number} row row count
- * @param {string} data cell data
- * @returns {string} html string
- */
-function makeBody(col, row, data) {
-  var body = '';
-  var index = col;
-
-  for (var irow = 0; irow < row; irow += 1) {
-    body += '';
-
-    for (var icol = 0; icol < col; icol += 1) {
-      body += '';
-
-      if (data) {
-        body += data[index];
-        index += 1;
-      }
-
-      body += '';
-    }
-
-    body += '';
-  }
-
-  body += '';
-
-  return body;
-}
-
-exports.default = Table;
-
-/***/ }),
-/* 143 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * AddRow
- * Add Row to selected table
- * @extends Command
- * @module wysiwygCommands/TableAddRow
- * @ignore
- */
-var TableAddRow = _commandManager2.default.command('wysiwyg', /** @lends AddRow */{
-  name: 'AddRow',
-  /**
-   * command handler
-   * @param {WysiwygEditor} wwe wysiwygEditor instance
-   */
-  exec: function exec(wwe) {
-    var sq = wwe.getEditor();
-    var range = sq.getSelection().cloneRange();
-    var selectedRowLength = getSelectedRowsLength(wwe);
-    var $tr = void 0,
-        $newRow = void 0;
-
-    wwe.focus();
-
-    if (sq.hasFormat('TD')) {
-      sq.saveUndoState(range);
-      $tr = (0, _jquery2.default)(range.startContainer).closest('tr');
-      for (var i = 0; i < selectedRowLength; i += 1) {
-        $newRow = getNewRow($tr);
-        $newRow.insertAfter($tr);
-      }
-
-      focusToFirstTd(sq, $newRow);
-    } else if (sq.hasFormat('TH')) {
-      sq.saveUndoState(range);
-      $tr = (0, _jquery2.default)(range.startContainer).parents('thead').next('tbody').children('tr').eq(0);
-      for (var _i = 0; _i < selectedRowLength; _i += 1) {
-        $newRow = getNewRow($tr);
-        $newRow.insertBefore($tr);
-      }
-
-      focusToFirstTd(sq, $newRow);
-    }
-  }
-});
-
-/**
- * get number of selected rows
- * @param {WysiwygEditor} wwe - wysiwygEditor instance
- * @returns {number} - number of selected rows
- * @ignore
- */
-/**
- * @fileoverview Implements table add row WysiwygCommand
- * @author NHN FE Development Lab 
- */
-function getSelectedRowsLength(wwe) {
-  var selectionMgr = wwe.componentManager.getManager('tableSelection');
-  var $selectedCells = selectionMgr.getSelectedCells();
-  var length = 1;
-
-  if ($selectedCells.length > 1) {
-    var first = $selectedCells.first().get(0);
-    var last = $selectedCells.last().get(0);
-    var range = selectionMgr.getSelectionRangeFromTable(first, last);
-    length = range.to.row - range.from.row + 1;
-  }
-
-  return length;
-}
-
-/**
- * Get new row of given row
- * @param {jQuery} $tr - jQuery wrapped table row
- * @returns {jQuery} - new cloned jquery element
- * @ignore
- */
-function getNewRow($tr) {
-  var cloned = $tr.clone();
-  var htmlString = _tuiCodeSnippet2.default.browser.msie ? '' : '
    ';
-
-  cloned.find('td').html(htmlString);
-
-  return cloned;
-}
-
-/**
- * Focus to first table cell
- * @param {Squire} sq - Squire instance
- * @param {jQuery} $tr - jQuery wrapped table row
- * @ignore
- */
-function focusToFirstTd(sq, $tr) {
-  var range = sq.getSelection();
-
-  range.selectNodeContents($tr.find('td')[0]);
-  range.collapse(true);
-  sq.setSelection(range);
-}
-
-exports.default = TableAddRow;
-
-/***/ }),
-/* 144 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _domUtils = __webpack_require__(4);
-
-var _domUtils2 = _interopRequireDefault(_domUtils);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * AddCol
- * Add col to selected table
- * @extends Command
- * @module wysiwygCommands/TableAddCol
- * @ignore
- */
-/**
- * @fileoverview Implements table add column WysiwygCommand
- * @author NHN FE Development Lab 
- */
-var TableAddCol = _commandManager2.default.command('wysiwyg', /** @lends AddCol */{
-  name: 'AddCol',
-  /**
-   * command handler
-   * @param {WysiwygEditor} wwe wysiwygEditor instance
-   */
-  exec: function exec(wwe) {
-    var sq = wwe.getEditor();
-    var range = sq.getSelection().cloneRange();
-    var numberOfCols = getNumberOfCols(wwe);
-    var $cell = void 0;
-
-    wwe.focus();
-
-    if (sq.hasFormat('TR')) {
-      sq.saveUndoState(range);
-
-      $cell = getCellByRange(range);
-      addColToCellAfter($cell, numberOfCols);
-
-      focusToNextCell(sq, $cell);
-    }
-  }
-});
-
-/**
- * get number of selected cols
- * @param {WysiwygEditor} wwe - wysiwyg editor instance
- * @returns {number} - number of selected cols
- * @ignore
- */
-function getNumberOfCols(wwe) {
-  var selectionMgr = wwe.componentManager.getManager('tableSelection');
-  var $selectedCells = selectionMgr.getSelectedCells();
-  var length = 1;
-
-  if ($selectedCells.length > 0) {
-    var maxLength = $selectedCells.get(0).parentNode.querySelectorAll('td, th').length;
-    length = Math.min(maxLength, $selectedCells.length);
-  }
-
-  return length;
-}
-
-/**
- * Get cell by range object
- * @param {Range} range - range
- * @returns {jQuery} - jQuery html element
- * @ignore
- */
-function getCellByRange(range) {
-  var cell = range.startContainer;
-
-  if (_domUtils2.default.getNodeName(cell) === 'TD' || _domUtils2.default.getNodeName(cell) === 'TH') {
-    cell = (0, _jquery2.default)(cell);
-  } else {
-    cell = (0, _jquery2.default)(cell).parentsUntil('tr');
-  }
-
-  return cell;
-}
-
-/**
- * Add column to after the current cell
- * @param {jQuery} $cell - jQuery wrapped table cell
- * @param {number} [numberOfCols=1] - number of cols
- * @ignore
- */
-function addColToCellAfter($cell) {
-  var numberOfCols = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-
-  var index = $cell.index();
-  var cellToAdd = void 0;
-
-  $cell.parents('table').find('tr').each(function (n, tr) {
-    var isTBody = _domUtils2.default.getNodeName(tr.parentNode) === 'TBODY';
-    var isMSIE = _tuiCodeSnippet2.default.browser.msie;
-    var cell = tr.children[index];
-    for (var i = 0; i < numberOfCols; i += 1) {
-      if (isTBody) {
-        cellToAdd = document.createElement('td');
-      } else {
-        cellToAdd = document.createElement('th');
-      }
-      if (!isMSIE) {
-        cellToAdd.appendChild(document.createElement('br'));
-      }
-      (0, _jquery2.default)(cellToAdd).insertAfter(cell);
-    }
-  });
-}
-
-/**
- * Focus to next cell
- * @param {Squire} sq - Squire instance
- * @param {jQuery} $cell - jQuery wrapped table cell
- * @ignore
- */
-function focusToNextCell(sq, $cell) {
-  var range = sq.getSelection();
-
-  range.selectNodeContents($cell.next()[0]);
-  range.collapse(true);
-
-  sq.setSelection(range);
-}
-
-exports.default = TableAddCol;
-
-/***/ }),
-/* 145 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * RemoveRow
- * remove Row to selected table
- * @extends Command
- * @module wysiwygCommands/TableRemoveRow
- * @ignore
- */
-/**
- * @fileoverview Implements table remove row WysiwygCommand
- * @author NHN FE Development Lab 
- */
-var TableRemoveRow = _commandManager2.default.command('wysiwyg', /** @lends RemoveRow */{
-  name: 'RemoveRow',
-  /**
-   * command handler
-   * @param {WysiwygEditor} wwe wysiwygEditor instance
-   */
-  exec: function exec(wwe) {
-    var sq = wwe.getEditor();
-    var range = sq.getSelection().cloneRange();
-    var $table = (0, _jquery2.default)(range.startContainer).parents('table');
-    var selectionMgr = wwe.componentManager.getManager('tableSelection');
-    var tableMgr = wwe.componentManager.getManager('table');
-    var $tr = getTrs(range, selectionMgr, $table);
-    var tbodyRowLength = $table.find('tbody tr').length;
-
-    wwe.focus();
-
-    if ((sq.hasFormat('TD') || sq.hasFormat('TABLE')) && tbodyRowLength > 1) {
-      sq.saveUndoState(range);
-      var $nextFocus = $tr.last().next()[0] ? $tr.last().next() : $tr.first().prev();
-
-      if ($nextFocus.length) {
-        focusToFirstTd(sq, range, $nextFocus, tableMgr);
-      }
-      $tr.remove();
-    }
-    selectionMgr.removeClassAttrbuteFromAllCellsIfNeed();
-  }
-});
-
-/**
- * Focus to first TD in given TR
- * @param {SquireExt} sq Squire instance
- * @param {Range} range Range object
- * @param {jQuery} $tr jQuery wrapped TR
- * @param {object} tableMgr Table manager
- */
-function focusToFirstTd(sq, range, $tr, tableMgr) {
-  var nextFocusCell = $tr.find('td').get(0);
-  range.setStart(nextFocusCell, 0);
-  range.collapse(true);
-
-  tableMgr.setLastCellNode(nextFocusCell);
-  sq.setSelection(range);
-}
-
-/**
- * Get start, end row index from current range
- * @param {HTMLElement} firstSelectedCell Range object
- * @param {object} rangeInformation Range information object
- * @param {jQuery} $table jquery wrapped TABLE
- * @returns {jQuery}
- */
-function getSelectedRows(firstSelectedCell, rangeInformation, $table) {
-  var tbodyRowLength = $table.find('tbody tr').length;
-  var isStartContainerInThead = (0, _jquery2.default)(firstSelectedCell).parents('thead').length;
-  var startRowIndex = rangeInformation.from.row;
-  var endRowIndex = rangeInformation.to.row;
-
-  if (isStartContainerInThead) {
-    startRowIndex += 1;
-  }
-
-  var isWholeTbodySelected = (startRowIndex === 1 || isStartContainerInThead) && endRowIndex === tbodyRowLength;
-
-  if (isWholeTbodySelected) {
-    endRowIndex -= 1;
-  }
-
-  return $table.find('tr').slice(startRowIndex, endRowIndex + 1);
-}
-
-/**
- * Get TRs
- * @param {Range} range Range object
- * @param {object} selectionMgr Table selection manager
- * @param {jQuery} $table current table
- * @returns {jQuery}
- */
-function getTrs(range, selectionMgr, $table) {
-  var $selectedCells = selectionMgr.getSelectedCells();
-  var rangeInformation = void 0,
-      trs = void 0;
-
-  if ($selectedCells.length) {
-    rangeInformation = selectionMgr.getSelectionRangeFromTable($selectedCells.first().get(0), $selectedCells.last().get(0));
-    trs = getSelectedRows($selectedCells.first()[0], rangeInformation, $table);
-  } else {
-    var cell = (0, _jquery2.default)(range.startContainer).closest('td,th').get(0);
-    rangeInformation = selectionMgr.getSelectionRangeFromTable(cell, cell);
-    trs = getSelectedRows(cell, rangeInformation, $table);
-  }
-
-  return trs;
-}
-exports.default = TableRemoveRow;
-
-/***/ }),
-/* 146 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _domUtils = __webpack_require__(4);
-
-var _domUtils2 = _interopRequireDefault(_domUtils);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * RemoveCol
- * remove Row to selected table
- * @extends Command
- * @module wysiwygCommands/TableRemoveCol
- * @ignore
- */
-var TableRemoveCol = _commandManager2.default.command('wysiwyg', /** @lends RemoveCol */{
-  name: 'RemoveCol',
-  /**
-   * command handler
-   * @param {WysiwygEditor} wwe wysiwygEditor instance
-   */
-  exec: function exec(wwe) {
-    var sq = wwe.getEditor();
-    var range = sq.getSelection().cloneRange();
-    var $table = (0, _jquery2.default)(range.startContainer).parents('table');
-    var tableMgr = wwe.componentManager.getManager('table');
-    var selectionMgr = wwe.componentManager.getManager('tableSelection');
-    var hasMultipleCols = (0, _jquery2.default)(range.startContainer).closest('table').find('thead tr th').length > 1;
-
-    wwe.focus();
-    // IE 800a025e error on removing part of selection range. collapse
-    range.collapse(true);
-    sq.setSelection(range);
-
-    if (sq.hasFormat('TR', null, range) && hasMultipleCols) {
-      var tbodyColLength = $table.find('tbody tr:first td').length;
-      var $selectedCellsByManager = selectionMgr.getSelectedCells();
-
-      if ($selectedCellsByManager.length < tbodyColLength) {
-        sq.saveUndoState(range);
-        var $nextFocus = void 0;
-
-        if ($selectedCellsByManager.length > 1) {
-          var $tailCell = $selectedCellsByManager.last();
-          var $headCell = $selectedCellsByManager.first();
-          $nextFocus = $tailCell.next().length ? $tailCell.next() : $headCell.prev();
-
-          removeMultipleColsByCells($selectedCellsByManager);
-        } else {
-          var $cell = getCellByRange(range);
-          $nextFocus = $cell.next().length ? $cell.next() : $cell.prev();
-
-          removeColByCell($cell);
-        }
-
-        focusToCell(sq, $nextFocus, tableMgr);
-      }
-    }
-  }
-});
-
-/**
- * Get cell by range object
- * @param {Range} range range
- * @returns {HTMLElement|Node}
- */
-/**
- * @fileoverview Implements table remove column WysiwygCommand
- * @author NHN FE Development Lab 
- */
-function getCellByRange(range) {
-  var cell = range.startContainer;
-
-  if (_domUtils2.default.getNodeName(cell) === 'TD' || _domUtils2.default.getNodeName(cell) === 'TH') {
-    cell = (0, _jquery2.default)(cell);
-  } else {
-    cell = (0, _jquery2.default)(cell).parentsUntil('tr');
-  }
-
-  return cell;
-}
-
-/**
- * Remove columns by given cells
- * @param {jQuery} $cells - jQuery table cells
- */
-function removeMultipleColsByCells($cells) {
-  var numberOfCells = $cells.length;
-  for (var i = 0; i < numberOfCells; i += 1) {
-    var $cellToDelete = $cells.eq(i);
-    if ($cellToDelete.length > 0) {
-      removeColByCell($cells.eq(i));
-    }
-  }
-}
-
-/**
- * Remove column by given cell
- * @param {jQuery} $cell - jQuery wrapped table cell
- */
-function removeColByCell($cell) {
-  var index = $cell.index();
-
-  $cell.parents('table').find('tr').each(function (n, tr) {
-    (0, _jquery2.default)(tr).children().eq(index).remove();
-  });
-}
-
-/**
- * Focus to given cell
- * @param {Squire} sq - Squire instance
- * @param {jQuery} $cell - jQuery wrapped table cell
- * @param {object} tableMgr - Table manager instance
- */
-function focusToCell(sq, $cell, tableMgr) {
-  var nextFocusCell = $cell.get(0);
-
-  if ($cell.length && _jquery2.default.contains(document, $cell)) {
-    var range = sq.getSelection();
-    range.selectNodeContents($cell[0]);
-    range.collapse(true);
-    sq.setSelection(range);
-
-    tableMgr.setLastCellNode(nextFocusCell);
-  }
-}
-
-exports.default = TableRemoveCol;
-
-/***/ }),
-/* 147 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _domUtils = __webpack_require__(4);
-
-var _domUtils2 = _interopRequireDefault(_domUtils);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * AlignCol
- * Align selected column's text content to given direction
- * @extends Command
- * @module wysiwygCommands/TableAlignCol
- * @ignore
- */
-var TableAlignCol = _commandManager2.default.command('wysiwyg', /** @lends AlignCol */{
-  name: 'AlignCol',
-  /**
-   * command handler
-   * @param {WysiwygEditor} wwe wysiwygEditor instance
-   * @param {string} alignDirection Align direction
-   */
-  exec: function exec(wwe, alignDirection) {
-    var sq = wwe.getEditor();
-    var range = sq.getSelection().cloneRange();
-    var selectionMgr = wwe.componentManager.getManager('tableSelection');
-    var rangeInformation = getRangeInformation(range, selectionMgr);
-
-    wwe.focus();
-
-    if (sq.hasFormat('TR')) {
-      sq.saveUndoState(range);
-
-      var $table = (0, _jquery2.default)(range.startContainer).parents('table');
-
-      var selectionInformation = getSelectionInformation($table, rangeInformation);
-
-      setAlignAttributeToTableCells($table, alignDirection, selectionInformation);
-    }
-    selectionMgr.removeClassAttrbuteFromAllCellsIfNeed();
-  }
-});
-
-/**
- * Set Column align
- * @param {jQuery} $table jQuery wrapped TABLE
- * @param {string} alignDirection 'left' or 'center' or 'right'
- * @param {{
- *     startColumnIndex: number,
- *     endColumnIndex: number,
- *     isDivided: boolean
- *     }} selectionInformation start, end column index and boolean value for whether range divided or not
- */
-/**
- * @fileoverview Implements table align column WysiwygCommand
- * @author NHN FE Development Lab 
- */
-function setAlignAttributeToTableCells($table, alignDirection, selectionInformation) {
-  var isDivided = selectionInformation.isDivided || false;
-  var start = selectionInformation.startColumnIndex;
-  var end = selectionInformation.endColumnIndex;
-  var columnLength = $table.find('tr').eq(0).find('td,th').length;
-
-  $table.find('tr').each(function (n, tr) {
-    (0, _jquery2.default)(tr).children('td,th').each(function (index, cell) {
-      if (isDivided && (start <= index && index <= columnLength || index <= end)) {
-        (0, _jquery2.default)(cell).attr('align', alignDirection);
-      } else if (start <= index && index <= end) {
-        (0, _jquery2.default)(cell).attr('align', alignDirection);
-      }
-    });
-  });
-}
-
-/**
- * Return start, end column index and boolean value for whether range divided or not
- * @param {jQuery} $table jQuery wrapped TABLE
- * @param {{startColumnIndex: number, endColumnIndex: number}} rangeInformation Range information
- * @returns {{startColumnIndex: number, endColumnIndex: number, isDivided: boolean}}
- */
-function getSelectionInformation($table, rangeInformation) {
-  var columnLength = $table.find('tr').eq(0).find('td,th').length;
-  var from = rangeInformation.from,
-      to = rangeInformation.to;
-
-  var startColumnIndex = void 0,
-      endColumnIndex = void 0,
-      isDivided = void 0;
-
-  if (from.row === to.row) {
-    startColumnIndex = from.cell;
-    endColumnIndex = to.cell;
-  } else if (from.row < to.row) {
-    if (from.cell <= to.cell) {
-      startColumnIndex = 0;
-      endColumnIndex = columnLength - 1;
-    } else {
-      startColumnIndex = from.cell;
-      endColumnIndex = to.cell;
-      isDivided = true;
-    }
-  }
-
-  return {
-    startColumnIndex: startColumnIndex,
-    endColumnIndex: endColumnIndex,
-    isDivided: isDivided
-  };
-}
-
-/**
- * Get range information
- * @param {Range} range Range object
- * @param {object} selectionMgr Table selection manager
- * @returns {object}
- */
-function getRangeInformation(range, selectionMgr) {
-  var $selectedCells = selectionMgr.getSelectedCells();
-  var rangeInformation = void 0,
-      startCell = void 0;
-
-  if ($selectedCells.length) {
-    rangeInformation = selectionMgr.getSelectionRangeFromTable($selectedCells.first().get(0), $selectedCells.last().get(0));
-  } else {
-    var startContainer = range.startContainer;
-
-    startCell = _domUtils2.default.isTextNode(startContainer) ? (0, _jquery2.default)(startContainer).parent('td,th')[0] : startContainer;
-    rangeInformation = selectionMgr.getSelectionRangeFromTable(startCell, startCell);
-  }
-
-  return rangeInformation;
-}
-
-exports.default = TableAlignCol;
-
-/***/ }),
-/* 148 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * RemoveTable
- * Remove selected table
- * @extends Command
- * @module wysiwygCommands/TableRemove
- * @ignore
- */
-/**
- * @fileoverview Implements table remove WysiwygCommand
- * @author NHN FE Development Lab 
- */
-var TableRemove = _commandManager2.default.command('wysiwyg', /** @lends RemoveTable */{
-  name: 'RemoveTable',
-  /**
-   * command handler
-   * @param {WysiwygEditor} wwe wysiwygEditor instance
-   */
-  exec: function exec(wwe) {
-    var sq = wwe.getEditor();
-    var range = sq.getSelection().cloneRange();
-
-    if (sq.hasFormat('TABLE')) {
-      sq.saveUndoState(range);
-      var $table = (0, _jquery2.default)(range.startContainer).closest('table');
-
-      $table.remove();
-    }
-
-    wwe.focus();
-  }
-});
-
-exports.default = TableRemove;
-
-/***/ }),
-/* 149 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Indent
- * Indent list or task to wysiwyg Editor
- * @extends Command
- * @module wysiwygCommands/indent
- * @ignore
- */
-/**
- * @fileoverview Implements Indent wysiwyg command
- * @author NHN FE Development Lab 
- */
-var Indent = _commandManager2.default.command('wysiwyg', /** @lends Indent */{
-  name: 'Indent',
-  /**
-   * Command Handler
-   * @param {WysiwygEditor} wwe wysiwygEditor instance
-   */
-  exec: function exec(wwe) {
-    var listManager = wwe.componentManager.getManager('list');
-    var range = wwe.getEditor().getSelection();
-    var $node = (0, _jquery2.default)(range.startContainer).closest('li');
-    var prevClasses = void 0,
-        nodeClasses = void 0,
-        nextClasses = void 0;
-
-    var $prev = $node.prev();
-
-    if ($prev.length && $node.length) {
-      var $next = $node.find('li').eq(0);
-
-      wwe.getEditor().saveUndoState();
-
-      nodeClasses = $node.attr('class');
-      prevClasses = $prev.attr('class');
-      nextClasses = $next.attr('class');
-
-      $node.removeAttr('class');
-      $prev.removeAttr('class');
-
-      if ($next.length && !$next.children('div').length) {
-        $next.removeAttr('class');
-      }
-
-      wwe.getEditor().increaseListLevel();
-      listManager.mergeList($node.get(0));
-
-      $node.attr('class', nodeClasses);
-      $prev.attr('class', prevClasses);
-      $next.attr('class', nextClasses);
-    }
-  }
-});
-
-exports.default = Indent;
-
-/***/ }),
-/* 150 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Outdent
- * Outdent list or task to wysiwyg Editor
- * @extends Command
- * @module wysiwygCommands/Outdent
- * @ignore
- */
-/**
- * @fileoverview Implements Outdent wysiwyg command
- * @author NHN FE Development Lab 
- */
-var Outdent = _commandManager2.default.command('wysiwyg', /** @lends Outdent */{
-  name: 'Outdent',
-
-  /**
-   * Command Handler
-   * @param {WysiwygEditor} wwe WysiwygEditor instance
-   */
-  exec: function exec(wwe) {
-    var $node = getCurrent$Li(wwe);
-
-    if ($node.length && isExecutable($node)) {
-      wwe.getEditor().saveUndoState();
-
-      var nodeClasses = $node.attr('class');
-      wwe.getEditor().decreaseListLevel();
-
-      $node = getCurrent$Li(wwe);
-      $node.attr('class', nodeClasses);
-    }
-  }
-});
-
-/**
- * test if outdent the given list item
- * arbitrary list allows list item to be in any position
- * while markdown spec does not
- * @param {jQuery} $currentLiNode - jQuery list item element
- * @returns {boolean} - true to executable
- * @ignore
- */
-function isExecutable($currentLiNode) {
-  return !$currentLiNode.next().is('OL,UL');
-}
-
-/**
- * Get list item element of current selection
- * @param {object} wwe Wysiwyg editor instance
- * @returns {jQuery}
- * @ignore
- */
-function getCurrent$Li(wwe) {
-  var range = wwe.getEditor().getSelection();
-
-  return (0, _jquery2.default)(range.startContainer).closest('li');
-}
-
-exports.default = Outdent;
-
-/***/ }),
-/* 151 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Task
- * Add Task to selected wysiwyg editor content
- * @extends Command
- * @module wysiwygCommands/Task
- * @ignore
- */
-/**
- * @fileoverview Implements Task WysiwygCommand
- * @author NHN FE Development Lab 
- */
-var Task = _commandManager2.default.command('wysiwyg', /** @lends Task */{
-  name: 'Task',
-  keyMap: ['ALT+T', 'ALT+T'],
-  /**
-   * Command Handler
-   * @param {WysiwygEditor} wwe WYSIWYGEditor instance
-   */
-  exec: function exec(wwe) {
-    var sq = wwe.getEditor();
-    var range = sq.getSelection();
-    var listManager = wwe.componentManager.getManager('list');
-    var startContainer = range.startContainer,
-        endContainer = range.endContainer,
-        startOffset = range.startOffset,
-        endOffset = range.endOffset;
-
-    var newLIs = [];
-
-    wwe.focus();
-
-    sq.saveUndoState(range);
-
-    if (listManager.isAvailableMakeListInTable()) {
-      newLIs = listManager.createListInTable(range, 'TASK');
-    } else {
-      var lines = listManager.getLinesOfSelection(startContainer, endContainer);
-
-      for (var i = 0; i < lines.length; i += 1) {
-        var newLI = this._changeFormatToTaskIfNeed(wwe, lines[i]);
-        if (newLI) {
-          newLIs.push(newLI);
-        }
-      }
-    }
-
-    if (newLIs.length) {
-      listManager.adjustRange(startContainer, endContainer, startOffset, endOffset, newLIs);
-    }
-  },
-
-
-  /**
-   * Change format to unordered list and return current li element if need
-   * @param {WysiwygEditor} wwe Wysiwyg editor instance
-   * @param {HTMLElement} target Element target for change
-   * @returns {HTMLElement} newly created list
-   * @private
-   */
-  _changeFormatToTaskIfNeed: function _changeFormatToTaskIfNeed(wwe, target) {
-    var sq = wwe.getEditor();
-    var range = sq.getSelection();
-    var taskManager = wwe.componentManager.getManager('task');
-    var newLI = void 0;
-
-    if (!sq.hasFormat('PRE')) {
-      range.setStart(target, 0);
-      range.collapse(true);
-      sq.setSelection(range);
-
-      if (!sq.hasFormat('li')) {
-        sq.makeUnorderedList();
-        target = sq.getSelection().startContainer;
-      }
-
-      if ((0, _jquery2.default)(target).hasClass('task-list-item')) {
-        taskManager.unformatTask(target);
-      } else {
-        taskManager.formatTask(target);
-      }
-
-      newLI = sq.getSelection().startContainer;
-    }
-
-    return newLI;
-  }
-});
-
-exports.default = Task;
-
-/***/ }),
-/* 152 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-var _domUtils = __webpack_require__(4);
-
-var _domUtils2 = _interopRequireDefault(_domUtils);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Code
- * Add bold to selected wysiwyg editor content
- * @extends Command
- * @module wysiwygCommands/Code
- * @ignore
- */
-/**
- * @fileoverview Implements code WysiwygCommand
- * @author NHN FE Development Lab 
- */
-var Code = _commandManager2.default.command('wysiwyg', /** @lends Code */{
-  name: 'Code',
-  keyMap: ['SHIFT+CTRL+C', 'SHIFT+META+C'],
-  /**
-   * command handler
-   * @param {WysiwygEditor} wwe wysiwygEditor instance
-   */
-  exec: function exec(wwe) {
-    var sq = wwe.getEditor();
-    var tableSelectionManager = wwe.componentManager.getManager('tableSelection');
-    var _styleCode = _tuiCodeSnippet2.default.bind(styleCode, null, wwe.getEditor());
-
-    wwe.focus();
-
-    if (sq.hasFormat('table') && tableSelectionManager.getSelectedCells().length) {
-      tableSelectionManager.styleToSelectedCells(_styleCode);
-
-      var range = sq.getSelection();
-      range.collapse(true);
-      sq.setSelection(range);
-    } else {
-      _styleCode(sq);
-    }
-  }
-});
-
-/**
- * removeUnnecessaryCodeInNextToRange
- * Remove unnecessary code tag next to range, code tag made by squire
- * @param {Range} range range object
- */
-function removeUnnecessaryCodeInNextToRange(range) {
-  if (_domUtils2.default.getNodeName(range.startContainer.nextSibling) === 'CODE' && _domUtils2.default.getTextLength(range.startContainer.nextSibling) === 0) {
-    (0, _jquery2.default)(range.startContainer.nextSibling).remove();
-  }
-}
-
-/**
- * Style code.
- * @param {object} editor - editor instance
- * @param {object} sq - squire editor instance
- */
-function styleCode(editor, sq) {
-  if (!sq.hasFormat('PRE') && sq.hasFormat('code')) {
-    sq.changeFormat(null, { tag: 'code' });
-    removeUnnecessaryCodeInNextToRange(editor.getSelection().cloneRange());
-  } else if (!sq.hasFormat('a') && !sq.hasFormat('PRE')) {
-    if (sq.hasFormat('b')) {
-      sq.removeBold();
-    } else if (sq.hasFormat('i')) {
-      sq.removeItalic();
-    }
-
-    sq.changeFormat({ tag: 'code' });
-
-    var range = sq.getSelection().cloneRange();
-    range.setStart(range.endContainer, range.endOffset);
-    range.collapse(true);
-
-    sq.setSelection(range);
-  }
-}
-
-exports.default = Code;
-
-/***/ }),
-/* 153 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _jquery = __webpack_require__(0);
-
-var _jquery2 = _interopRequireDefault(_jquery);
-
-var _tuiCodeSnippet = __webpack_require__(1);
-
-var _tuiCodeSnippet2 = _interopRequireDefault(_tuiCodeSnippet);
-
-var _commandManager = __webpack_require__(2);
-
-var _commandManager2 = _interopRequireDefault(_commandManager);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var CODEBLOCK_CLASS_TEMP = 'te-content-codeblock-temp'; /**
-                                                         * @fileoverview Implements code block WysiwygCommand
-                                                         * @author NHN FE Development Lab 
-                                                         */
-
-var CODEBLOCK_ATTR_NAME = 'data-te-codeblock';
-
-/**
- * CodeBlock
- * Add CodeBlock to wysiwygEditor
- * @extends Command
- * @module wysiwygCommands/Codeblock
- * @ignore
- */
-var CodeBlock = _commandManager2.default.command('wysiwyg', /** @lends CodeBlock */{
-  name: 'CodeBlock',
-  keyMap: ['SHIFT+CTRL+P', 'SHIFT+META+P'],
-  /**
-   * Command handler
-   * @param {WysiwygEditor} wwe wysiwygEditor instance
-   * @param {string} type of language
-   */
-  exec: function exec(wwe, type) {
-    var sq = wwe.getEditor();
-    var range = sq.getSelection().cloneRange();
-    if (!sq.hasFormat('PRE') && !sq.hasFormat('TABLE')) {
-      var attr = CODEBLOCK_ATTR_NAME + ' class = "' + CODEBLOCK_CLASS_TEMP + '"';
-
-      if (type) {
-        attr += ' data-language="' + type + '"';
-      }
-
-      var codeBlockBody = getCodeBlockBody(range, wwe);
-      sq.insertHTML('
    ' + codeBlockBody + '
    ');
-
-      focusToFirstCode(wwe.get$Body().find('.' + CODEBLOCK_CLASS_TEMP), wwe);
-    }
-
-    wwe.focus();
-  }
-});
-
-/**
- * focusToFirstCode
- * Focus to first code tag content of pre tag
- * @param {jQuery} $pre pre tag
- * @param {WysiwygEditor} wwe wysiwygEditor
- */
-function focusToFirstCode($pre, wwe) {
-  var range = wwe.getEditor().getSelection().cloneRange();
-  $pre.removeClass(CODEBLOCK_CLASS_TEMP);
-
-  range.setStartBefore($pre.get(0).firstChild);
-  range.collapse(true);
-
-  wwe.getEditor().setSelection(range);
-}
-/**
- * getCodeBlockBody
- * get text wrapped by code
- * @param {object} range range object
- * @param {object} wwe wysiwyg editor
- * @returns {string}
- */
-function getCodeBlockBody(range, wwe) {
-  var mgr = wwe.componentManager.getManager('codeblock');
-  var codeBlock = void 0;
-  if (range.collapsed) {
-    codeBlock = '
    ';
-  } else {
-    var contents = range.extractContents();
-    var nodes = _tuiCodeSnippet2.default.toArray(contents.childNodes);
-    var tempDiv = (0, _jquery2.default)('
    ').append(mgr.prepareToPasteOnCodeblock(nodes));
-    codeBlock = tempDiv.html();
-  }
-
-  return codeBlock;
-}
-
-exports.default = CodeBlock;
-
-/***/ }),
-/* 154 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['en', 'en_US'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': 'WYSIWYG',
-  'Write': 'Write',
-  'Preview': 'Preview',
-  'Headings': 'Headings',
-  'Paragraph': 'Paragraph',
-  'Bold': 'Bold',
-  'Italic': 'Italic',
-  'Strike': 'Strike',
-  'Code': 'Inline code',
-  'Line': 'Line',
-  'Blockquote': 'Blockquote',
-  'Unordered list': 'Unordered list',
-  'Ordered list': 'Ordered list',
-  'Task': 'Task',
-  'Indent': 'Indent',
-  'Outdent': 'Outdent',
-  'Insert link': 'Insert link',
-  'Insert CodeBlock': 'Insert codeBlock',
-  'Insert table': 'Insert table',
-  'Insert image': 'Insert image',
-  'Heading': 'Heading',
-  'Image URL': 'Image URL',
-  'Select image file': 'Select image file',
-  'Description': 'Description',
-  'OK': 'OK',
-  'More': 'More',
-  'Cancel': 'Cancel',
-  'File': 'File',
-  'URL': 'URL',
-  'Link text': 'Link text',
-  'Add row': 'Add row',
-  'Add col': 'Add col',
-  'Remove row': 'Remove row',
-  'Remove col': 'Remove col',
-  'Align left': 'Align left',
-  'Align center': 'Align center',
-  'Align right': 'Align right',
-  'Remove table': 'Remove table',
-  'Would you like to paste as table?': 'Would you like to paste as table?',
-  'Text color': 'Text color',
-  'Auto scroll enabled': 'Auto scroll enabled',
-  'Auto scroll disabled': 'Auto scroll disabled',
-  'Choose language': 'Choose language'
-}); /**
-    * @fileoverview I18N for English
-    * @author NHN FE Development Lab 
-    */
-
-/***/ }),
-/* 155 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['ko', 'ko_KR'], {
-  'Markdown': '마크다운',
-  'WYSIWYG': '위지윅',
-  'Write': '편집하기',
-  'Preview': '미리보기',
-  'Headings': '제목크기',
-  'Paragraph': '본문',
-  'Bold': '굵게',
-  'Italic': '기울임꼴',
-  'Strike': '취소선',
-  'Code': '인라인 코드',
-  'Line': '문단나눔',
-  'Blockquote': '인용구',
-  'Unordered list': '글머리 기호',
-  'Ordered list': '번호 매기기',
-  'Task': '체크박스',
-  'Indent': '들여쓰기',
-  'Outdent': '내어쓰기',
-  'Insert link': '링크 삽입',
-  'Insert CodeBlock': '코드블럭 삽입',
-  'Insert table': '표 삽입',
-  'Insert image': '이미지 삽입',
-  'Heading': '제목',
-  'Image URL': '이미지 주소',
-  'Select image file': '이미지 파일을 선택하세요.',
-  'Description': '설명',
-  'OK': '확인',
-  'More': '더 보기',
-  'Cancel': '취소',
-  'File': '파일',
-  'URL': '주소',
-  'Link text': '링크 텍스트',
-  'Add row': '행 추가',
-  'Add col': '열 추가',
-  'Remove row': '행 삭제',
-  'Remove col': '열 삭제',
-  'Align left': '왼쪽 정렬',
-  'Align center': '가운데 정렬',
-  'Align right': '오른쪽 정렬',
-  'Remove table': '표 삭제',
-  'Would you like to paste as table?': '표형태로 붙여 넣겠습니까?',
-  'Text color': '글자 색상',
-  'Auto scroll enabled': '자동 스크롤 켜짐',
-  'Auto scroll disabled': '자동 스크롤 꺼짐',
-  'Choose language': '언어 선택'
-}); /**
-    * @fileoverview I18N for Korean
-    * @author NHN FE Development Lab 
-    */
-
-/***/ }),
-/* 156 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['zh', 'zh_CN'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': '所见即所得',
-  'Write': '编辑',
-  'Preview': '预览',
-  'Headings': '标题',
-  'Paragraph': '文本',
-  'Bold': '加粗',
-  'Italic': '斜体字',
-  'Strike': '删除线',
-  'Code': '内嵌代码',
-  'Line': '水平线',
-  'Blockquote': '引用块',
-  'Unordered list': '无序列表',
-  'Ordered list': '有序列表',
-  'Task': '任务',
-  'Indent': '缩进',
-  'Outdent': '减少缩进',
-  'Insert link': '插入链接',
-  'Insert CodeBlock': '插入代码块',
-  'Insert table': '插入表格',
-  'Insert image': '插入图片',
-  'Heading': '标题',
-  'Image URL': '图片网址',
-  'Select image file': '选择图片文件',
-  'Description': '说明',
-  'OK': '确认',
-  'More': '更多',
-  'Cancel': '取消',
-  'File': '文件',
-  'URL': 'URL',
-  'Link text': '链接文本',
-  'Add row': '添加行',
-  'Add col': '添加列',
-  'Remove row': '删除行',
-  'Remove col': '删除列',
-  'Align left': '左对齐',
-  'Align center': '居中对齐',
-  'Align right': '右对齐',
-  'Remove table': '删除表格',
-  'Would you like to paste as table?': '需要粘贴为表格吗?',
-  'Text color': '文字颜色',
-  'Auto scroll enabled': '自动滚动已启用',
-  'Auto scroll disabled': '自动滚动已禁用',
-  'Choose language': '选择语言'
-}); /**
-    * @fileoverview I18N for Chinese
-    * @author NHN FE Development Lab 
-    */
-
-/***/ }),
-/* 157 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['ja', 'ja_JP'], {
-  'Markdown': 'マークダウン',
-  'WYSIWYG': 'WYSIWYG',
-  'Write': '編集する',
-  'Preview': 'プレビュー',
-  'Headings': '見出し',
-  'Paragraph': '本文',
-  'Bold': '太字',
-  'Italic': 'イタリック',
-  'Strike': 'ストライク',
-  'Code': 'インラインコード',
-  'Line': 'ライン',
-  'Blockquote': '引用',
-  'Unordered list': '番号なしリスト',
-  'Ordered list': '順序付きリスト',
-  'Task': 'タスク',
-  'Indent': 'インデント',
-  'Outdent': 'アウトデント',
-  'Insert link': 'リンク挿入',
-  'Insert CodeBlock': 'コードブロック挿入',
-  'Insert table': 'テーブル挿入',
-  'Insert image': '画像挿入',
-  'Heading': '見出し',
-  'Image URL': 'イメージURL',
-  'Select image file': '画像ファイル選択',
-  'Description': 'ディスクリプション ',
-  'OK': 'はい',
-  'More': 'もっと',
-  'Cancel': 'キャンセル',
-  'File': 'ファイル',
-  'URL': 'URL',
-  'Link text': 'リンクテキスト',
-  'Add row': '行追加',
-  'Add col': '列追加',
-  'Remove row': '行削除',
-  'Remove col': '列削除',
-  'Align left': '左揃え',
-  'Align center': '中央揃え',
-  'Align right': '右揃え',
-  'Remove table': 'テーブル削除',
-  'Would you like to paste as table?': 'テーブルを貼り付けますか?',
-  'Text color': '文字色相',
-  'Auto scroll enabled': '自動スクロールが有効',
-  'Auto scroll disabled': '自動スクロールを無効に',
-  'Choose language': '言語選択'
-}); /**
-    * @fileoverview I18N for Japanese
-    * @author NHN FE Development Lab 
-    */
-
-/***/ }),
-/* 158 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['nl', 'nl_NL'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': 'WYSIWYG',
-  'Write': 'Opslaan',
-  'Preview': 'Voorbeeld',
-  'Headings': 'Koppen',
-  'Paragraph': 'Alinea',
-  'Bold': 'Vet',
-  'Italic': 'Cursief',
-  'Strike': 'Doorhalen',
-  'Code': 'Inline code',
-  'Line': 'Regel',
-  'Blockquote': 'Citaatblok',
-  'Unordered list': 'Opsomming',
-  'Ordered list': 'Genummerde opsomming',
-  'Task': 'Taak',
-  'Indent': 'Niveau verhogen',
-  'Outdent': 'Niveau verlagen',
-  'Insert link': 'Link invoegen',
-  'Insert CodeBlock': 'Codeblok toevoegen',
-  'Insert table': 'Tabel invoegen',
-  'Insert image': 'Afbeelding invoegen',
-  'Heading': 'Kop',
-  'Image URL': 'Afbeelding URL',
-  'Select image file': 'Selecteer een afbeelding',
-  'Description': 'Omschrijving',
-  'OK': 'OK',
-  'More': 'Meer',
-  'Cancel': 'Annuleren',
-  'File': 'Bestand',
-  'URL': 'URL',
-  'Link text': 'Link tekst',
-  'Add row': 'Rij toevoegen',
-  'Add col': 'Kolom toevoegen',
-  'Remove row': 'Rij verwijderen',
-  'Remove col': 'Kolom verwijderen',
-  'Align left': 'Links uitlijnen',
-  'Align center': 'Centreren',
-  'Align right': 'Rechts uitlijnen',
-  'Remove table': 'Verwijder tabel',
-  'Would you like to paste as table?': 'Wil je dit als tabel plakken?',
-  'Text color': 'Tekstkleur',
-  'Auto scroll enabled': 'Autoscroll ingeschakeld',
-  'Auto scroll disabled': 'Autoscroll uitgeschakeld',
-  'Choose language': 'Kies een taal'
-}); /**
-    * @fileoverview I18N for Dutch
-    * @author NHN FE Development Lab 
-    */
-
-/***/ }),
-/* 159 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['es', 'es_ES'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': 'WYSIWYG',
-  'Write': 'Escribir',
-  'Preview': 'Vista previa',
-  'Headings': 'Encabezados',
-  'Paragraph': 'Párrafo',
-  'Bold': 'Negrita',
-  'Italic': 'Itálica',
-  'Strike': 'Tachado',
-  'Code': 'Código',
-  'Line': 'Línea',
-  'Blockquote': 'Cita',
-  'Unordered list': 'Lista desordenada',
-  'Ordered list': 'Lista ordenada',
-  'Task': 'Tarea',
-  'Indent': 'Sangría',
-  'Outdent': 'Saliendo',
-  'Insert link': 'Insertar enlace',
-  'Insert CodeBlock': 'Insertar bloque de código',
-  'Insert table': 'Insertar tabla',
-  'Insert image': 'Insertar imagen',
-  'Heading': 'Encabezado',
-  'Image URL': 'URL de la imagen',
-  'Select image file': 'Seleccionar archivo de imagen',
-  'Description': 'Descripción',
-  'OK': 'Aceptar',
-  'More': 'Más',
-  'Cancel': 'Cancelar',
-  'File': 'Archivo',
-  'URL': 'URL',
-  'Link text': 'Texto del enlace',
-  'Add row': 'Agregar fila',
-  'Add col': 'Agregar columna',
-  'Remove row': 'Eliminar fila',
-  'Remove col': 'Eliminar columna',
-  'Align left': 'Alinear a la izquierda',
-  'Align center': 'Centrar',
-  'Align right': 'Alinear a la derecha',
-  'Remove table': 'Eliminar tabla',
-  'Would you like to paste as table?': '¿Desea pegar como tabla?',
-  'Text color': 'Color del texto',
-  'Auto scroll enabled': 'Desplazamiento automático habilitado',
-  'Auto scroll disabled': 'Desplazamiento automático deshabilitado',
-  'Choose language': 'Elegir idioma'
-}); /**
-    * @fileoverview I18N for Spanish
-    * @author Enrico Lamperti 
-    */
-
-/***/ }),
-/* 160 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['de', 'de_DE'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': 'WYSIWYG',
-  'Write': 'Verfassen',
-  'Preview': 'Vorschau',
-  'Headings': 'Überschriften',
-  'Paragraph': 'Text',
-  'Bold': 'Fett',
-  'Italic': 'Kursiv',
-  'Strike': 'Durchgestrichen',
-  'Code': 'Code',
-  'Line': 'Trennlinie',
-  'Blockquote': 'Blocktext',
-  'Unordered list': 'Aufzählung',
-  'Ordered list': 'Nummerierte Aufzählung',
-  'Task': 'Aufgabe',
-  'Indent': 'Einrücken',
-  'Outdent': 'Ausrücken',
-  'Insert link': 'Link einfügen',
-  'Insert CodeBlock': 'Codeblock einfügen',
-  'Insert table': 'Tabelle einfügen',
-  'Insert image': 'Grafik einfügen',
-  'Heading': 'Titel',
-  'Image URL': 'Bild URL',
-  'Select image file': 'Grafik auswählen',
-  'Description': 'Beschreibung',
-  'OK': 'OK',
-  'More': 'Mehr',
-  'Cancel': 'Abbrechen',
-  'File': 'Datei',
-  'URL': 'URL',
-  'Link text': 'Anzuzeigender Text',
-  'Add row': 'Zeile hinzufügen',
-  'Add col': 'Spalte hinzufügen',
-  'Remove row': 'Zeile entfernen',
-  'Remove col': 'Spalte entfernen',
-  'Align left': 'Links ausrichten',
-  'Align center': 'Zentrieren',
-  'Align right': 'Rechts ausrichten',
-  'Remove table': 'Tabelle entfernen',
-  'Would you like to paste as table?': 'Möchten Sie eine Tabelle einfügen?',
-  'Text color': 'Textfarbe',
-  'Auto scroll enabled': 'Autoscrollen aktiviert',
-  'Auto scroll disabled': 'Autoscrollen deaktiviert',
-  'Choose language': 'Sprache auswählen'
-}); /**
-    * @fileoverview I18N for German
-    * @author Jann-Niklas Kiepert 
-    */
-
-/***/ }),
-/* 161 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['ru', 'ru_RU'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': 'WYSIWYG',
-  'Write': 'Написать',
-  'Preview': 'Предварительный просмотр',
-  'Headings': 'Заголовки',
-  'Paragraph': 'Абзац',
-  'Bold': 'Жирный',
-  'Italic': 'Курсив',
-  'Strike': 'Зачеркнутый',
-  'Code': 'Встроенный код',
-  'Line': 'Строка',
-  'Blockquote': 'Блок цитирования',
-  'Unordered list': 'Неупорядоченный список',
-  'Ordered list': 'Упорядоченный список',
-  'Task': 'Задача',
-  'Indent': 'отступ',
-  'Outdent': 'Выступ',
-  'Insert link': 'Вставить ссылку',
-  'Insert CodeBlock': 'Вставить код',
-  'Insert table': 'Вставить таблицу',
-  'Insert image': 'Вставить изображение',
-  'Heading': 'Заголовок',
-  'Image URL': 'URL изображения',
-  'Select image file': 'Выбрать файл изображения',
-  'Description': 'Описание',
-  'OK': 'Хорошо',
-  'More': 'еще',
-  'Cancel': 'Отмена',
-  'File': 'Файл',
-  'URL': 'URL',
-  'Link text': 'Текст ссылки',
-  'Add row': 'Добавить ряд',
-  'Add col': 'Добавить столбец',
-  'Remove row': 'Удалить ряд',
-  'Remove col': 'Удалить столбец',
-  'Align left': 'Выровнять по левому краю',
-  'Align center': 'Выровнять по центру',
-  'Align right': 'Выровнять по правому краю',
-  'Remove table': 'Удалить таблицу',
-  'Would you like to paste as table?': 'Вы хотите вставить в виде таблицы?',
-  'Text color': 'Цвет текста',
-  'Auto scroll enabled': 'Автоматическая прокрутка включена',
-  'Auto scroll disabled': 'Автоматическая прокрутка отключена',
-  'Choose language': 'Выбрать язык'
-}); /**
-    * @fileoverview I18N for Russian
-    * @author Stepan Samko 
-    */
-
-/***/ }),
-/* 162 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['fr', 'fr_FR'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': 'WYSIWYG',
-  'Write': 'Écrire',
-  'Preview': 'Aperçu',
-  'Headings': 'En-têtes',
-  'Paragraph': 'Paragraphe',
-  'Bold': 'Gras',
-  'Italic': 'Italique',
-  'Strike': 'Barré',
-  'Code': 'Code en ligne',
-  'Line': 'Ligne',
-  'Blockquote': 'Citation',
-  'Unordered list': 'Liste non-ordonnée',
-  'Ordered list': 'Liste ordonnée',
-  'Task': 'Tâche',
-  'Indent': 'Retrait',
-  'Outdent': 'Sortir',
-  'Insert link': 'Insérer un lien',
-  'Insert CodeBlock': 'Insérer un bloc de code',
-  'Insert table': 'Insérer un tableau',
-  'Insert image': 'Insérer une image',
-  'Heading': 'En-tête',
-  'Image URL': 'URL de l\'image',
-  'Select image file': 'Sélectionnez un fichier image',
-  'Description': 'Description',
-  'OK': 'OK',
-  'More': 'de plus',
-  'Cancel': 'Annuler',
-  'File': 'Fichier',
-  'URL': 'URL',
-  'Link text': 'Texte du lien',
-  'Add row': 'Ajouter une ligne',
-  'Add col': 'Ajouter une colonne',
-  'Remove row': 'Supprimer une ligne',
-  'Remove col': 'Supprimer une colonne',
-  'Align left': 'Aligner à gauche',
-  'Align center': 'Aligner au centre',
-  'Align right': 'Aligner à droite',
-  'Remove table': 'Supprimer le tableau',
-  'Would you like to paste as table?': 'Voulez-vous coller ce contenu en tant que tableau ?',
-  'Text color': 'Couleur du texte',
-  'Auto scroll enabled': 'Défilement automatique activé',
-  'Auto scroll disabled': 'Défilement automatique désactivé',
-  'Choose language': 'Choix de la langue'
-}); /**
-    * @fileoverview I18N for French
-    * @author Stanislas Michalak 
-    */
-
-/***/ }),
-/* 163 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['uk', 'uk_UA'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': 'WYSIWYG',
-  'Write': 'Написати',
-  'Preview': 'Попередній перегляд',
-  'Headings': 'Заголовки',
-  'Paragraph': 'Абзац',
-  'Bold': 'Жирний',
-  'Italic': 'Курсив',
-  'Strike': 'Закреслений',
-  'Code': 'Вбудований код',
-  'Line': 'Лінія',
-  'Blockquote': 'Блок цитування',
-  'Unordered list': 'Невпорядкований список',
-  'Ordered list': 'Упорядкований список',
-  'Task': 'Завдання',
-  'Indent': 'відступ',
-  'Outdent': 'застарілий',
-  'Insert link': 'Вставити посилання',
-  'Insert CodeBlock': 'Вставити код',
-  'Insert table': 'Вставити таблицю',
-  'Insert image': 'Вставити зображення',
-  'Heading': 'Заголовок',
-  'Image URL': 'URL зображення',
-  'Select image file': 'Вибрати файл зображення',
-  'Description': 'Опис',
-  'OK': 'OK',
-  'More': 'ще',
-  'Cancel': 'Скасувати',
-  'File': 'Файл',
-  'URL': 'URL',
-  'Link text': 'Текст посилання',
-  'Add row': 'Додати ряд',
-  'Add col': 'Додати стовпчик',
-  'Remove row': 'Видалити ряд',
-  'Remove col': 'Видалити стовпчик',
-  'Align left': 'Вирівняти по лівому краю',
-  'Align center': 'Вирівняти по центру',
-  'Align right': 'Вирівняти по правому краю',
-  'Remove table': 'Видалити таблицю',
-  'Would you like to paste as table?': 'Ви хочете вставити у вигляді таблиці?',
-  'Text color': 'Колір тексту',
-  'Auto scroll enabled': 'Автоматична прокрутка включена',
-  'Auto scroll disabled': 'Автоматична прокрутка відключена',
-  'Choose language': 'Вибрати мову'
-}); /**
-    * @fileoverview I18N for Ukrainian
-    * @author Nikolya 
-    */
-
-/***/ }),
-/* 164 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['tr', 'tr_TR'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': 'WYSIWYG',
-  'Write': 'Düzenle',
-  'Preview': 'Ön izleme',
-  'Headings': 'Başlıklar',
-  'Paragraph': 'Paragraf',
-  'Bold': 'Kalın',
-  'Italic': 'İtalik',
-  'Strike': 'Altı çizgili',
-  'Code': 'Satır içi kod',
-  'Line': 'Çizgi',
-  'Blockquote': 'Alıntı',
-  'Unordered list': 'Sıralanmamış liste',
-  'Ordered list': 'Sıralı liste',
-  'Task': 'Görev kutusu',
-  'Indent': 'Girintiyi arttır',
-  'Outdent': 'Girintiyi azalt',
-  'Insert link': 'Bağlantı ekle',
-  'Insert CodeBlock': 'Kod bloku ekle',
-  'Insert table': 'Tablo ekle',
-  'Insert image': 'İmaj ekle',
-  'Heading': 'Başlık',
-  'Image URL': 'İmaj URL',
-  'Select image file': 'İmaj dosyası seç',
-  'Description': 'Açıklama',
-  'OK': 'Onay',
-  'More': 'Daha Fazla',
-  'Cancel': 'İptal',
-  'File': 'Dosya',
-  'URL': 'URL',
-  'Link text': 'Bağlantı yazısı',
-  'Add row': 'Satır ekle',
-  'Add col': 'Sütun ekle',
-  'Remove row': 'Satır sil',
-  'Remove col': 'Sütun sil',
-  'Align left': 'Sola hizala',
-  'Align center': 'Merkeze hizala',
-  'Align right': 'Sağa hizala',
-  'Remove table': 'Tabloyu kaldır',
-  'Would you like to paste as table?': 'Tablo olarak yapıştırmak ister misiniz?',
-  'Text color': 'Metin rengi',
-  'Auto scroll enabled': 'Otomatik kaydırma açık',
-  'Auto scroll disabled': 'Otomatik kaydırma kapalı',
-  'Choose language': 'Dil seçiniz'
-}); /**
-    * @fileoverview I18N for Turkish
-    * @author Mesut Gölcük 
-    */
-
-/***/ }),
-/* 165 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['fi', 'fi_FI'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': 'WYSIWYG',
-  'Write': 'Kirjoita',
-  'Preview': 'Esikatselu',
-  'Headings': 'Otsikot',
-  'Paragraph': 'Kappale',
-  'Bold': 'Lihavointi',
-  'Italic': 'Kursivointi',
-  'Strike': 'Yliviivaus',
-  'Code': 'Koodi',
-  'Line': 'Vaakaviiva',
-  'Blockquote': 'Lainaus',
-  'Unordered list': 'Luettelo',
-  'Ordered list': 'Numeroitu luettelo',
-  'Task': 'Tehtävä',
-  'Indent': 'Suurenna sisennystä',
-  'Outdent': 'Pienennä sisennystä',
-  'Insert link': 'Lisää linkki',
-  'Insert CodeBlock': 'Lisää koodia',
-  'Insert table': 'Lisää taulukko',
-  'Insert image': 'Lisää kuva',
-  'Heading': 'Otsikko',
-  'Image URL': 'Kuvan URL',
-  'Select image file': 'Valitse kuvatiedosto',
-  'Description': 'Kuvaus',
-  'OK': 'OK',
-  'More': 'Lisää',
-  'Cancel': 'Peruuta',
-  'File': 'Tiedosto',
-  'URL': 'URL',
-  'Link text': 'Linkkiteksti',
-  'Add row': 'Lisää rivi',
-  'Add col': 'Lisää sarake',
-  'Remove row': 'Poista rivi',
-  'Remove col': 'Poista sarake',
-  'Align left': 'Tasaus vasemmalle',
-  'Align center': 'Keskitä',
-  'Align right': 'Tasaus oikealle',
-  'Remove table': 'Poista taulukko',
-  'Would you like to paste as table?': 'Haluatko liittää taulukkomuodossa?',
-  'Text color': 'Tekstin väri',
-  'Auto scroll enabled': 'Automaattinen skrollaus käytössä',
-  'Auto scroll disabled': 'Automaattinen skrollaus pois käytöstä',
-  'Choose language': 'Valitse kieli'
-}); /**
-    * @fileoverview I18N for Finnish
-    * @author Tomi Mynttinen 
-    */
-
-/***/ }),
-/* 166 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['cs', 'cs_CZ'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': 'WYSIWYG',
-  'Write': 'Napsat',
-  'Preview': 'Náhled',
-  'Headings': 'Nadpisy',
-  'Paragraph': 'Odstavec',
-  'Bold': 'Tučné',
-  'Italic': 'Kurzíva',
-  'Strike': 'Přeškrtnuté',
-  'Code': 'Kód',
-  'Line': 'Vodorovná čára',
-  'Blockquote': 'Citace',
-  'Unordered list': 'Seznam s odrážkami',
-  'Ordered list': 'Číslovaný seznam',
-  'Task': 'Úkol',
-  'Indent': 'Zvětšit odsazení',
-  'Outdent': 'Zmenšit odsazení',
-  'Insert link': 'Vložit odkaz',
-  'Insert CodeBlock': 'Vložit blok kódu',
-  'Insert table': 'Vložit tabulku',
-  'Insert image': 'Vložit obrázek',
-  'Heading': 'Nadpis',
-  'Image URL': 'URL obrázku',
-  'Select image file': 'Vybrat obrázek',
-  'Description': 'Popis',
-  'OK': 'OK',
-  'More': 'Více',
-  'Cancel': 'Zrušit',
-  'File': 'Soubor',
-  'URL': 'URL',
-  'Link text': 'Text odkazu',
-  'Add row': 'Přidat řádek',
-  'Add col': 'Přidat sloupec',
-  'Remove row': 'Odebrat řádek',
-  'Remove col': 'Odebrat sloupec',
-  'Align left': 'Zarovnat vlevo',
-  'Align center': 'Zarovnat na střed',
-  'Align right': 'Zarovnat vpravo',
-  'Remove table': 'Odstranit tabulku',
-  'Would you like to paste as table?': 'Chcete vložit jako tabulku?',
-  'Text color': 'Barva textu',
-  'Auto scroll enabled': 'Automatické rolování zapnuto',
-  'Auto scroll disabled': 'Automatické rolování vypnuto',
-  'Choose language': 'Vybrat jazyk'
-}); /**
-    * @fileoverview I18N for Czech
-    * @author Dmitrij Tkačenko 
-    */
-
-/***/ }),
-/* 167 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['ar', 'ar_AR'], {
-  'Markdown': 'لغة ترميز',
-  'WYSIWYG': 'ما تراه هو ما تحصل عليه',
-  'Write': 'يكتب',
-  'Preview': 'عرض مسبق',
-  'Headings': 'العناوين',
-  'Paragraph': 'فقرة',
-  'Bold': 'خط عريض',
-  'Italic': 'خط مائل',
-  'Strike': 'إضراب',
-  'Code': 'رمز',
-  'Line': 'خط',
-  'Blockquote': 'فقرة مقتبسة',
-  'Unordered list': 'قائمة غير مرتبة',
-  'Ordered list': 'قائمة مرتبة',
-  'Task': 'مهمة',
-  'Indent': 'المسافة البادئة',
-  'Outdent': 'المسافة الخارجة',
-  'Insert link': 'أدخل الرابط',
-  'Insert CodeBlock': 'أدخل الكود',
-  'Insert table': 'أدخل جدول',
-  'Insert image': 'أدخل صورة',
-  'Heading': 'عنوان',
-  'Image URL': 'رابط الصورة',
-  'Select image file': 'حدد ملف الصورة',
-  'Description': 'وصف',
-  'OK': 'موافقة',
-  'More': 'أكثر',
-  'Cancel': 'إلغاء',
-  'File': 'ملف',
-  'URL': 'رابط',
-  'Link text': 'نص الرابط',
-  'Add row': 'ضف سطر',
-  'Add col': 'ضف عمود',
-  'Remove row': 'حذف سطر',
-  'Remove col': 'حذف عمود',
-  'Align left': 'محاذاة اليسار',
-  'Align center': 'محاذاة الوسط',
-  'Align right': 'محاذاة اليمين',
-  'Remove table': 'حذف الجدول',
-  'Would you like to paste as table?': 'هل تريد اللصق كجدول',
-  'Text color': 'لون النص',
-  'Auto scroll enabled': 'التحريك التلقائي ممكّن',
-  'Auto scroll disabled': 'التحريك التلقائي معطّل',
-  'Choose language': 'اختر اللغة'
-}); /**
-    * @fileoverview I18N for Arabic
-    * @author Amira Salah 
-    */
-
-/***/ }),
-/* 168 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['pl', 'pl_PL'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': 'WYSIWYG',
-  'Write': 'Napisz',
-  'Preview': 'Podgląd',
-  'Headings': 'Nagłówki',
-  'Paragraph': 'Akapit',
-  'Bold': 'Pogrubienie',
-  'Italic': 'Kursywa',
-  'Strike': 'Przekreślenie',
-  'Code': 'Fragment kodu',
-  'Line': 'Linia',
-  'Blockquote': 'Cytat',
-  'Unordered list': 'Lista nieuporządkowana',
-  'Ordered list': 'Lista uporządkowana',
-  'Task': 'Zadanie',
-  'Indent': 'Utwórz wcięcie',
-  'Outdent': 'Usuń wcięcie',
-  'Insert link': 'Umieść odnośnik',
-  'Insert CodeBlock': 'Umieść blok kodu',
-  'Insert table': 'Umieść tabelę',
-  'Insert image': 'Umieść obraz',
-  'Heading': 'Nagłówek',
-  'Image URL': 'Adres URL obrazu',
-  'Select image file': 'Wybierz plik obrazu',
-  'Description': 'Opis',
-  'OK': 'OK',
-  'More': 'Więcej',
-  'Cancel': 'Anuluj',
-  'File': 'Plik',
-  'URL': 'URL',
-  'Link text': 'Tekst odnośnika',
-  'Add row': 'Dodaj rząd',
-  'Add col': 'Dodaj kolumnę',
-  'Remove row': 'Usuń rząd',
-  'Remove col': 'Usuń kolumnę',
-  'Align left': 'Wyrównaj do lewej',
-  'Align center': 'Wyśrodkuj',
-  'Align right': 'Wyrównaj do prawej',
-  'Remove table': 'Usuń tabelę',
-  'Would you like to paste as table?': 'Czy chcesz wkleić tekst jako tabelę?',
-  'Text color': 'Kolor tekstu',
-  'Auto scroll enabled': 'Włączono automatyczne przewijanie',
-  'Auto scroll disabled': 'Wyłączono automatyczne przewijanie',
-  'Choose language': 'Wybierz język'
-}); /**
-    * @fileoverview I18N for Polish
-    * @author Marcin Mikołajczak 
-    */
-
-/***/ }),
-/* 169 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['zhtw', 'zh_TW'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': '所見即所得',
-  'Write': '編輯',
-  'Preview': '預覽',
-  'Headings': '標題',
-  'Paragraph': '內文',
-  'Bold': '粗體',
-  'Italic': '斜體',
-  'Strike': '刪除線',
-  'Code': '內嵌程式碼',
-  'Line': '分隔線',
-  'Blockquote': '引言',
-  'Unordered list': '項目符號清單',
-  'Ordered list': '編號清單',
-  'Task': '核取方塊清單',
-  'Indent': '增加縮排',
-  'Outdent': '減少縮排',
-  'Insert link': '插入超連結',
-  'Insert CodeBlock': '插入程式碼區塊',
-  'Insert table': '插入表格',
-  'Insert image': '插入圖片',
-  'Heading': '標題',
-  'Image URL': '圖片網址',
-  'Select image file': '選擇圖片檔案',
-  'Description': '描述',
-  'OK': '確認',
-  'More': '更多',
-  'Cancel': '取消',
-  'File': '檔案',
-  'URL': 'URL',
-  'Link text': '超連結文字',
-  'Add row': '增加行',
-  'Add col': '增加列',
-  'Remove row': '刪除行',
-  'Remove col': '刪除列',
-  'Align left': '靠左對齊',
-  'Align center': '置中',
-  'Align right': '靠右對齊',
-  'Remove table': '刪除表格',
-  'Would you like to paste as table?': '您要以表格貼上嗎？',
-  'Text color': '文字顏色',
-  'Auto scroll enabled': '已啟用自動滾動',
-  'Auto scroll disabled': '已停用自動滾動',
-  'Choose language': '選擇語言'
-}); /**
-    * @fileoverview I18N for Traditional Chinese
-    * @author Tzu-Ray Su 
-    */
-
-/***/ }),
-/* 170 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['gl', 'gl_ES'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': 'WYSIWYG',
-  'Write': 'Escribir',
-  'Preview': 'Vista previa',
-  'Headings': 'Encabezados',
-  'Paragraph': 'Parágrafo',
-  'Bold': 'Negriña',
-  'Italic': 'Cursiva',
-  'Strike': 'Riscado',
-  'Code': 'Código',
-  'Line': 'Liña',
-  'Blockquote': 'Cita',
-  'Unordered list': 'Lista desordenada',
-  'Ordered list': 'Lista ordenada',
-  'Task': 'Tarefa',
-  'Indent': 'Sangría',
-  'Outdent': 'Anular sangría',
-  'Insert link': 'Inserir enlace',
-  'Insert CodeBlock': 'Inserir bloque de código',
-  'Insert table': 'Inserir táboa',
-  'Insert image': 'Inserir imaxe',
-  'Heading': 'Encabezado',
-  'Image URL': 'URL da imaxe',
-  'Select image file': 'Seleccionar arquivo da imaxe',
-  'Description': 'Descrición',
-  'OK': 'Aceptar',
-  'More': 'Máis',
-  'Cancel': 'Cancelar',
-  'File': 'Arquivo',
-  'URL': 'URL',
-  'Link text': 'Texto do enlace',
-  'Add row': 'Agregar fila',
-  'Add col': 'Agregar columna',
-  'Remove row': 'Eliminar fila',
-  'Remove col': 'Eliminar columna',
-  'Align left': 'Aliñar á esquerda',
-  'Align center': 'Centrar',
-  'Align right': 'Aliñar á dereita',
-  'Remove table': 'Eliminar táboa',
-  'Would you like to paste as table?': 'Desexa pegar como táboa?',
-  'Text color': 'Cor do texto',
-  'Auto scroll enabled': 'Desprazamento automático habilitado',
-  'Auto scroll disabled': 'Desprazamento automático deshabilitado',
-  'Choose language': 'Elixir idioma'
-}); /**
-    * @fileoverview I18N for Spanish
-    * @author Aida Vidal 
-    */
-
-/***/ }),
-/* 171 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['sv', 'sv_SE'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': 'WYSIWYG',
-  'Write': 'Skriv',
-  'Preview': 'Förhandsgranska',
-  'Headings': 'Överskrifter',
-  'Paragraph': 'Paragraf',
-  'Bold': 'Fet',
-  'Italic': 'Kursiv',
-  'Strike': 'Genomstruken',
-  'Code': 'Kodrad',
-  'Line': 'Linje',
-  'Blockquote': 'Citatblock',
-  'Unordered list': 'Punktlista',
-  'Ordered list': 'Numrerad lista',
-  'Task': 'Att göra',
-  'Indent': 'Öka indrag',
-  'Outdent': 'Minska indrag',
-  'Insert link': 'Infoga länk',
-  'Insert CodeBlock': 'Infoga kodblock',
-  'Insert table': 'Infoga tabell',
-  'Insert image': 'Infoga bild',
-  'Heading': 'Överskrift',
-  'Image URL': 'Bildadress',
-  'Select image file': 'Välj en bildfil',
-  'Description': 'Beskrivning',
-  'OK': 'OK',
-  'More': 'Mer',
-  'Cancel': 'Avbryt',
-  'File': 'Fil',
-  'URL': 'Adress',
-  'Link text': 'Länktext',
-  'Add row': 'Infoga rad',
-  'Add col': 'Infoga kolumn',
-  'Remove row': 'Radera rad',
-  'Remove col': 'Radera kolumn',
-  'Align left': 'Vänsterjustera',
-  'Align center': 'Centrera',
-  'Align right': 'Högerjustera',
-  'Remove table': 'Radera tabell',
-  'Would you like to paste as table?': 'Vill du klistra in som en tabell?',
-  'Text color': 'Textfärg',
-  'Auto scroll enabled': 'Automatisk scroll aktiverad',
-  'Auto scroll disabled': 'Automatisk scroll inaktiverad',
-  'Choose language': 'Välj språk'
-}); /**
-     * @fileoverview I18N for Swedish
-     * @author Magnus Aspling 
-     */
-
-/***/ }),
-/* 172 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _i18n = __webpack_require__(3);
-
-var _i18n2 = _interopRequireDefault(_i18n);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_i18n2.default.setLanguage(['it', 'it_IT'], {
-  'Markdown': 'Markdown',
-  'WYSIWYG': 'WYSIWYG',
-  'Write': 'Scrivere',
-  'Preview': 'Anteprima',
-  'Headings': 'Intestazioni',
-  'Paragraph': 'Paragrafo',
-  'Bold': 'Grassetto',
-  'Italic': 'Corsivo',
-  'Strike': 'Barrato',
-  'Code': 'Codice',
-  'Line': 'Linea',
-  'Blockquote': 'Blocco citazione',
-  'Unordered list': 'Lista puntata',
-  'Ordered list': 'Lista numerata',
-  'Task': 'Attività',
-  'Indent': 'Aggiungi indentazione',
-  'Outdent': 'Rimuovi indentazione',
-  'Insert link': 'Inserisci link',
-  'Insert CodeBlock': 'Inserisci blocco di codice',
-  'Insert table': 'Inserisci tabella',
-  'Insert image': 'Inserisci immagine',
-  'Heading': 'Intestazione',
-  'Image URL': 'URL immagine',
-  'Select image file': 'Seleziona file immagine',
-  'Description': 'Descrizione',
-  'OK': 'OK',
-  'More': 'Più',
-  'Cancel': 'Cancella',
-  'File': 'File',
-  'URL': 'URL',
-  'Link text': 'Testo del collegamento',
-  'Add row': 'Aggiungi riga',
-  'Add col': 'Aggiungi colonna',
-  'Remove row': 'Rimuovi riga',
-  'Remove col': 'Rimuovi colonna',
-  'Align left': 'Allinea a sinistra',
-  'Align center': 'Allinea al centro',
-  'Align right': 'Allinea a destra',
-  'Remove table': 'Rimuovi tabella',
-  'Would you like to paste as table?': 'Desideri incollare sotto forma di tabella?',
-  'Text color': 'Colore del testo',
-  'Auto scroll enabled': 'Scrolling automatico abilitato',
-  'Auto scroll disabled': 'Scrolling automatico disabilitato',
-  'Choose language': 'Scegli la lingua'
-}); /**
-    * @fileoverview I18N for Italian
-    * @author Massimo Redaelli 
-    */
-
-/***/ }),
-/* 173 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
-/* eslint-disable */
-/*
- CSV-JS - A Comma-Separated Values parser for JS
-
- Built to rfc4180 standard, with options for adjusting strictness:
-    - optional carriage returns for non-microsoft sources
-    - automatically type-cast numeric an boolean values
-    - relaxed mode which: ignores blank lines, ignores gargabe following quoted tokens, does not enforce a consistent record length
-
- Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
-
- Permission is hereby granted, free of charge, to any person obtaining a copy
- of this software and associated documentation files (the "Software"), to deal
- in the Software without restriction, including without limitation the rights
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- copies of the Software, and to permit persons to whom the Software is
- furnished to do so, subject to the following conditions:
-
- The above copyright notice and this permission notice shall be included in
- all copies or substantial portions of the Software.
-
- Author Greg Kindel (twitter @gkindel), 2014
- */
-/**
- * @modifier NHN FE Development Lab 
- */
-
-(function (global) {
-    'use strict';
-    /**
-     * @name CSV
-     * @namespace
-     * @ignore
-     */
-    // implemented as a singleton because JS is single threaded
-
-    var CSV = {};
-    CSV.RELAXED = false;
-    CSV.IGNORE_RECORD_LENGTH = false;
-    CSV.IGNORE_QUOTES = false;
-    CSV.LINE_FEED_OK = true;
-    CSV.CARRIAGE_RETURN_OK = true;
-    CSV.DETECT_TYPES = true;
-    CSV.IGNORE_QUOTE_WHITESPACE = true;
-    CSV.DEBUG = false;
-
-    CSV.COLUMN_SEPARATOR = ",";
-
-    CSV.ERROR_EOF = "UNEXPECTED_END_OF_FILE";
-    CSV.ERROR_CHAR = "UNEXPECTED_CHARACTER";
-    CSV.ERROR_EOL = "UNEXPECTED_END_OF_RECORD";
-    CSV.WARN_SPACE = "UNEXPECTED_WHITESPACE"; // not per spec, but helps debugging
-
-    var QUOTE = "\"",
-        CR = "\r",
-        LF = "\n",
-        SPACE = " ",
-        TAB = "\t";
-
-    // states
-    var PRE_TOKEN = 0,
-        MID_TOKEN = 1,
-        POST_TOKEN = 2,
-        POST_RECORD = 4;
-    /**
-     * @name CSV.parse
-     * @function
-     * @description rfc4180 standard csv parse
-     * with options for strictness and data type conversion
-     * By default, will automatically type-cast numeric an boolean values.
-     * @param {String} str A CSV string
-     * @return {Array} An array records, each of which is an array of scalar values.
-     * @example
-     * // simple
-     * var rows = CSV.parse("one,two,three\nfour,five,six")
-     * // rows equals [["one","two","three"],["four","five","six"]]
-     * @example
-     * // Though not a jQuery plugin, it is recommended to use with the $.ajax pipe() method:
-     * $.get("csv.txt")
-     *    .pipe( CSV.parse )
-     *    .done( function(rows) {
-     *        for( var i =0; i < rows.length; i++){
-     *            console.log(rows[i])
-     *        }
-     *  });
-     * @see http://www.ietf.org/rfc/rfc4180.txt
-     */
-    CSV.parse = function (str) {
-        var result = CSV.result = [];
-        CSV.COLUMN_SEPARATOR = CSV.COLUMN_SEPARATOR instanceof RegExp ? new RegExp('^' + CSV.COLUMN_SEPARATOR.source) : CSV.COLUMN_SEPARATOR;
-
-        CSV.offset = 0;
-        CSV.str = str;
-        CSV.record_begin();
-
-        CSV.debug("parse()", str);
-
-        var c;
-        while (1) {
-            // pull char
-            c = str[CSV.offset++];
-            CSV.debug("c", c);
-
-            // detect eof
-            if (c == null) {
-                if (CSV.escaped) {
-                    CSV.error(CSV.ERROR_EOF);
-                }
-
-                if (CSV.record) {
-                    CSV.token_end();
-                    CSV.record_end();
-                }
-
-                CSV.debug("...bail", c, CSV.state, CSV.record);
-                CSV.reset();
-                break;
-            }
-
-            if (CSV.record == null) {
-                // if relaxed mode, ignore blank lines
-                if (CSV.RELAXED && (c == LF || c == CR && str[CSV.offset + 1] == LF)) {
-                    continue;
-                }
-                CSV.record_begin();
-            }
-
-            // pre-token: look for start of escape sequence
-            if (CSV.state == PRE_TOKEN) {
-
-                if ((c === SPACE || c === TAB) && CSV.next_nonspace() == QUOTE) {
-                    if (CSV.RELAXED || CSV.IGNORE_QUOTE_WHITESPACE) {
-                        continue;
-                    } else {
-                        // not technically an error, but ambiguous and hard to debug otherwise
-                        CSV.warn(CSV.WARN_SPACE);
-                    }
-                }
-
-                if (c == QUOTE && !CSV.IGNORE_QUOTES) {
-                    CSV.debug("...escaped start", c);
-                    CSV.escaped = true;
-                    CSV.state = MID_TOKEN;
-                    continue;
-                }
-                CSV.state = MID_TOKEN;
-            }
-
-            // mid-token and escaped, look for sequences and end quote
-            if (CSV.state == MID_TOKEN && CSV.escaped) {
-                if (c == QUOTE) {
-                    if (str[CSV.offset] == QUOTE) {
-                        CSV.debug("...escaped quote", c);
-                        CSV.token += QUOTE;
-                        CSV.offset++;
-                    } else {
-                        CSV.debug("...escaped end", c);
-                        CSV.escaped = false;
-                        CSV.state = POST_TOKEN;
-                    }
-                } else {
-                    CSV.token += c;
-                    CSV.debug("...escaped add", c, CSV.token);
-                }
-                continue;
-            }
-
-            // fall-through: mid-token or post-token, not escaped
-            if (c == CR) {
-                if (str[CSV.offset] == LF) CSV.offset++;else if (!CSV.CARRIAGE_RETURN_OK) CSV.error(CSV.ERROR_CHAR);
-                CSV.token_end();
-                CSV.record_end();
-            } else if (c == LF) {
-                if (!(CSV.LINE_FEED_OK || CSV.RELAXED)) CSV.error(CSV.ERROR_CHAR);
-                CSV.token_end();
-                CSV.record_end();
-            } else if (CSV.test_regex_separator(str) || CSV.COLUMN_SEPARATOR == c) {
-                CSV.token_end();
-            } else if (CSV.state == MID_TOKEN) {
-                CSV.token += c;
-                CSV.debug("...add", c, CSV.token);
-            } else if (c === SPACE || c === TAB) {
-                if (!CSV.IGNORE_QUOTE_WHITESPACE) CSV.error(CSV.WARN_SPACE);
-            } else if (!CSV.RELAXED) {
-                CSV.error(CSV.ERROR_CHAR);
-            }
-        }
-        return result;
-    };
-
-    /**
-     * @name CSV.stream
-     * @function
-     * @description stream a CSV file
-     * @example
-     * node -e "c=require('CSV-JS');require('fs').createReadStream('csv.txt').pipe(c.stream()).pipe(c.stream.json()).pipe(process.stdout)"
-     * @ignore
-     */
-    CSV.stream = function () {
-        var stream = __webpack_require__(47);
-        var s = new stream.Transform({ objectMode: true });
-        s.EOL = '\n';
-        s.prior = "";
-        s.emitter = function (s) {
-            return function (e) {
-                s.push(CSV.parse(e + s.EOL));
-            };
-        }(s);
-
-        s._transform = function (chunk, encoding, done) {
-            var lines = this.prior == "" ? chunk.toString().split(this.EOL) : (this.prior + chunk.toString()).split(this.EOL);
-            this.prior = lines.pop();
-            lines.forEach(this.emitter);
-            done();
-        };
-
-        s._flush = function (done) {
-            if (this.prior != "") {
-                this.emitter(this.prior);
-                this.prior = "";
-            }
-            done();
-        };
-        return s;
-    };
-
-    CSV.test_regex_separator = function (str) {
-        if (!(CSV.COLUMN_SEPARATOR instanceof RegExp)) {
-            return false;
-        }
-
-        var match;
-        str = str.slice(CSV.offset - 1);
-        match = CSV.COLUMN_SEPARATOR.exec(str);
-        if (match) {
-            CSV.offset += match[0].length - 1;
-        }
-
-        return match !== null;
-    };
-
-    CSV.stream.json = function () {
-        var os = __webpack_require__(187);
-        var stream = __webpack_require__(47);
-        var s = new streamTransform({ objectMode: true });
-        s._transform = function (chunk, encoding, done) {
-            s.push(JSON.stringify(chunk.toString()) + os.EOL);
-            done();
-        };
-        return s;
-    };
-
-    CSV.reset = function () {
-        CSV.state = null;
-        CSV.token = null;
-        CSV.escaped = null;
-        CSV.record = null;
-        CSV.offset = null;
-        CSV.result = null;
-        CSV.str = null;
-    };
-
-    CSV.next_nonspace = function () {
-        var i = CSV.offset;
-        var c;
-        while (i < CSV.str.length) {
-            c = CSV.str[i++];
-            if (!(c == SPACE || c === TAB)) {
-                return c;
-            }
-        }
-        return null;
-    };
-
-    CSV.record_begin = function () {
-        CSV.escaped = false;
-        CSV.record = [];
-        CSV.token_begin();
-        CSV.debug("record_begin");
-    };
-
-    CSV.record_end = function () {
-        CSV.state = POST_RECORD;
-        if (!(CSV.IGNORE_RECORD_LENGTH || CSV.RELAXED) && CSV.result.length > 0 && CSV.record.length != CSV.result[0].length) {
-            CSV.error(CSV.ERROR_EOL);
-        }
-        CSV.result.push(CSV.record);
-        CSV.debug("record end", CSV.record);
-        CSV.record = null;
-    };
-
-    CSV.resolve_type = function (token) {
-        if (token.match(/^[-+]?[0-9]+(\.[0-9]+)?([eE][-+]?[0-9]+)?$/)) {
-            token = parseFloat(token);
-        } else if (token.match(/^(true|false)$/i)) {
-            token = Boolean(token.match(/true/i));
-        } else if (token === "undefined") {
-            token = undefined;
-        } else if (token === "null") {
-            token = null;
-        }
-        return token;
-    };
-
-    CSV.token_begin = function () {
-        CSV.state = PRE_TOKEN;
-        // considered using array, but http://www.sitepen.com/blog/2008/05/09/string-performance-an-analysis/
-        CSV.token = "";
-    };
-
-    CSV.token_end = function () {
-        if (CSV.DETECT_TYPES) {
-            CSV.token = CSV.resolve_type(CSV.token);
-        }
-        CSV.record.push(CSV.token);
-        CSV.debug("token end", CSV.token);
-        CSV.token_begin();
-    };
-
-    CSV.debug = function () {
-        if (CSV.DEBUG) console.log(arguments);
-    };
-
-    CSV.dump = function (msg) {
-        return [msg, "at char", CSV.offset, ":", CSV.str.substr(CSV.offset - 50, 50).replace(/\r/mg, "\\r").replace(/\n/mg, "\\n").replace(/\t/mg, "\\t")].join(" ");
-    };
-
-    CSV.error = function (err) {
-        var msg = CSV.dump(err);
-        CSV.reset();
-        throw msg;
-    };
-
-    CSV.warn = function (err) {
-        if (!CSV.DEBUG) {
-            return;
-        }
-
-        var msg = CSV.dump(err);
-        try {
-            console.warn(msg);
-            return;
-        } catch (e) {}
-
-        try {
-            console.log(msg);
-        } catch (e) {}
-    };
-
-    // Node, PhantomJS, etc
-    // eg.  var CSV = require("CSV"); CSV.parse(...);
-    if ( true && module.exports) {
-        module.exports = CSV;
-    }
-
-    // CommonJS http://wiki.commonjs.org/wiki/Modules
-    // eg.  var CSV = require("CSV").CSV; CSV.parse(...);
-    else if (true) {
-            exports.CSV = CSV;
-        }
-
-        // AMD https://github.com/amdjs/amdjs-api/wiki/AMD
-        // eg.  require(['./csv.js'], function (CSV) { CSV.parse(...); } );
-        else {}
-})(undefined);
-
-/***/ }),
-/* 174 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.byteLength = byteLength
-exports.toByteArray = toByteArray
-exports.fromByteArray = fromByteArray
-
-var lookup = []
-var revLookup = []
-var Arr = typeof Uint8Array !== 'undefined' ? Uint8Array : Array
-
-var code = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'
-for (var i = 0, len = code.length; i < len; ++i) {
-  lookup[i] = code[i]
-  revLookup[code.charCodeAt(i)] = i
-}
-
-// Support decoding URL-safe base64 strings, as Node.js does.
-// See: https://en.wikipedia.org/wiki/Base64#URL_applications
-revLookup['-'.charCodeAt(0)] = 62
-revLookup['_'.charCodeAt(0)] = 63
-
-function getLens (b64) {
-  var len = b64.length
-
-  if (len % 4 > 0) {
-    throw new Error('Invalid string. Length must be a multiple of 4')
-  }
-
-  // Trim off extra bytes after placeholder bytes are found
-  // See: https://github.com/beatgammit/base64-js/issues/42
-  var validLen = b64.indexOf('=')
-  if (validLen === -1) validLen = len
-
-  var placeHoldersLen = validLen === len
-    ? 0
-    : 4 - (validLen % 4)
-
-  return [validLen, placeHoldersLen]
-}
-
-// base64 is 4/3 + up to two characters of the original data
-function byteLength (b64) {
-  var lens = getLens(b64)
-  var validLen = lens[0]
-  var placeHoldersLen = lens[1]
-  return ((validLen + placeHoldersLen) * 3 / 4) - placeHoldersLen
-}
-
-function _byteLength (b64, validLen, placeHoldersLen) {
-  return ((validLen + placeHoldersLen) * 3 / 4) - placeHoldersLen
-}
-
-function toByteArray (b64) {
-  var tmp
-  var lens = getLens(b64)
-  var validLen = lens[0]
-  var placeHoldersLen = lens[1]
-
-  var arr = new Arr(_byteLength(b64, validLen, placeHoldersLen))
-
-  var curByte = 0
-
-  // if there are placeholders, only get up to the last complete 4 chars
-  var len = placeHoldersLen > 0
-    ? validLen - 4
-    : validLen
-
-  var i
-  for (i = 0; i < len; i += 4) {
-    tmp =
-      (revLookup[b64.charCodeAt(i)] << 18) |
-      (revLookup[b64.charCodeAt(i + 1)] << 12) |
-      (revLookup[b64.charCodeAt(i + 2)] << 6) |
-      revLookup[b64.charCodeAt(i + 3)]
-    arr[curByte++] = (tmp >> 16) & 0xFF
-    arr[curByte++] = (tmp >> 8) & 0xFF
-    arr[curByte++] = tmp & 0xFF
-  }
-
-  if (placeHoldersLen === 2) {
-    tmp =
-      (revLookup[b64.charCodeAt(i)] << 2) |
-      (revLookup[b64.charCodeAt(i + 1)] >> 4)
-    arr[curByte++] = tmp & 0xFF
-  }
-
-  if (placeHoldersLen === 1) {
-    tmp =
-      (revLookup[b64.charCodeAt(i)] << 10) |
-      (revLookup[b64.charCodeAt(i + 1)] << 4) |
-      (revLookup[b64.charCodeAt(i + 2)] >> 2)
-    arr[curByte++] = (tmp >> 8) & 0xFF
-    arr[curByte++] = tmp & 0xFF
-  }
-
-  return arr
-}
-
-function tripletToBase64 (num) {
-  return lookup[num >> 18 & 0x3F] +
-    lookup[num >> 12 & 0x3F] +
-    lookup[num >> 6 & 0x3F] +
-    lookup[num & 0x3F]
-}
-
-function encodeChunk (uint8, start, end) {
-  var tmp
-  var output = []
-  for (var i = start; i < end; i += 3) {
-    tmp =
-      ((uint8[i] << 16) & 0xFF0000) +
-      ((uint8[i + 1] << 8) & 0xFF00) +
-      (uint8[i + 2] & 0xFF)
-    output.push(tripletToBase64(tmp))
-  }
-  return output.join('')
-}
-
-function fromByteArray (uint8) {
-  var tmp
-  var len = uint8.length
-  var extraBytes = len % 3 // if we have 1 byte left, pad 2 bytes
-  var parts = []
-  var maxChunkLength = 16383 // must be multiple of 3
-
-  // go through the array every three bytes, we'll deal with trailing stuff later
-  for (var i = 0, len2 = len - extraBytes; i < len2; i += maxChunkLength) {
-    parts.push(encodeChunk(
-      uint8, i, (i + maxChunkLength) > len2 ? len2 : (i + maxChunkLength)
-    ))
-  }
-
-  // pad the end with zeros, but make sure to not forget the extra bytes
-  if (extraBytes === 1) {
-    tmp = uint8[len - 1]
-    parts.push(
-      lookup[tmp >> 2] +
-      lookup[(tmp << 4) & 0x3F] +
-      '=='
-    )
-  } else if (extraBytes === 2) {
-    tmp = (uint8[len - 2] << 8) + uint8[len - 1]
-    parts.push(
-      lookup[tmp >> 10] +
-      lookup[(tmp >> 4) & 0x3F] +
-      lookup[(tmp << 2) & 0x3F] +
-      '='
-    )
-  }
-
-  return parts.join('')
-}
-
-
-/***/ }),
-/* 175 */
-/***/ (function(module, exports) {
-
-exports.read = function (buffer, offset, isLE, mLen, nBytes) {
-  var e, m
-  var eLen = (nBytes * 8) - mLen - 1
-  var eMax = (1 << eLen) - 1
-  var eBias = eMax >> 1
-  var nBits = -7
-  var i = isLE ? (nBytes - 1) : 0
-  var d = isLE ? -1 : 1
-  var s = buffer[offset + i]
-
-  i += d
-
-  e = s & ((1 << (-nBits)) - 1)
-  s >>= (-nBits)
-  nBits += eLen
-  for (; nBits > 0; e = (e * 256) + buffer[offset + i], i += d, nBits -= 8) {}
-
-  m = e & ((1 << (-nBits)) - 1)
-  e >>= (-nBits)
-  nBits += mLen
-  for (; nBits > 0; m = (m * 256) + buffer[offset + i], i += d, nBits -= 8) {}
-
-  if (e === 0) {
-    e = 1 - eBias
-  } else if (e === eMax) {
-    return m ? NaN : ((s ? -1 : 1) * Infinity)
-  } else {
-    m = m + Math.pow(2, mLen)
-    e = e - eBias
-  }
-  return (s ? -1 : 1) * m * Math.pow(2, e - mLen)
-}
-
-exports.write = function (buffer, value, offset, isLE, mLen, nBytes) {
-  var e, m, c
-  var eLen = (nBytes * 8) - mLen - 1
-  var eMax = (1 << eLen) - 1
-  var eBias = eMax >> 1
-  var rt = (mLen === 23 ? Math.pow(2, -24) - Math.pow(2, -77) : 0)
-  var i = isLE ? 0 : (nBytes - 1)
-  var d = isLE ? 1 : -1
-  var s = value < 0 || (value === 0 && 1 / value < 0) ? 1 : 0
-
-  value = Math.abs(value)
-
-  if (isNaN(value) || value === Infinity) {
-    m = isNaN(value) ? 1 : 0
-    e = eMax
-  } else {
-    e = Math.floor(Math.log(value) / Math.LN2)
-    if (value * (c = Math.pow(2, -e)) < 1) {
-      e--
-      c *= 2
-    }
-    if (e + eBias >= 1) {
-      value += rt / c
-    } else {
-      value += rt * Math.pow(2, 1 - eBias)
-    }
-    if (value * c >= 2) {
-      e++
-      c /= 2
-    }
-
-    if (e + eBias >= eMax) {
-      m = 0
-      e = eMax
-    } else if (e + eBias >= 1) {
-      m = ((value * c) - 1) * Math.pow(2, mLen)
-      e = e + eBias
-    } else {
-      m = value * Math.pow(2, eBias - 1) * Math.pow(2, mLen)
-      e = 0
-    }
-  }
-
-  for (; mLen >= 8; buffer[offset + i] = m & 0xff, i += d, m /= 256, mLen -= 8) {}
-
-  e = (e << mLen) | m
-  eLen += mLen
-  for (; eLen > 0; buffer[offset + i] = e & 0xff, i += d, e /= 256, eLen -= 8) {}
-
-  buffer[offset + i - d] |= s * 128
-}
-
-
-/***/ }),
-/* 176 */
-/***/ (function(module, exports) {
-
-/* (ignored) */
-
-/***/ }),
-/* 177 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var Buffer = __webpack_require__(20).Buffer;
-var util = __webpack_require__(178);
-
-function copyBuffer(src, target, offset) {
-  src.copy(target, offset);
-}
-
-module.exports = function () {
-  function BufferList() {
-    _classCallCheck(this, BufferList);
-
-    this.head = null;
-    this.tail = null;
-    this.length = 0;
-  }
-
-  BufferList.prototype.push = function push(v) {
-    var entry = { data: v, next: null };
-    if (this.length > 0) this.tail.next = entry;else this.head = entry;
-    this.tail = entry;
-    ++this.length;
-  };
-
-  BufferList.prototype.unshift = function unshift(v) {
-    var entry = { data: v, next: this.head };
-    if (this.length === 0) this.tail = entry;
-    this.head = entry;
-    ++this.length;
-  };
-
-  BufferList.prototype.shift = function shift() {
-    if (this.length === 0) return;
-    var ret = this.head.data;
-    if (this.length === 1) this.head = this.tail = null;else this.head = this.head.next;
-    --this.length;
-    return ret;
-  };
-
-  BufferList.prototype.clear = function clear() {
-    this.head = this.tail = null;
-    this.length = 0;
-  };
-
-  BufferList.prototype.join = function join(s) {
-    if (this.length === 0) return '';
-    var p = this.head;
-    var ret = '' + p.data;
-    while (p = p.next) {
-      ret += s + p.data;
-    }return ret;
-  };
-
-  BufferList.prototype.concat = function concat(n) {
-    if (this.length === 0) return Buffer.alloc(0);
-    if (this.length === 1) return this.head.data;
-    var ret = Buffer.allocUnsafe(n >>> 0);
-    var p = this.head;
-    var i = 0;
-    while (p) {
-      copyBuffer(p.data, ret, i);
-      i += p.data.length;
-      p = p.next;
-    }
-    return ret;
-  };
-
-  return BufferList;
-}();
-
-if (util && util.inspect && util.inspect.custom) {
-  module.exports.prototype[util.inspect.custom] = function () {
-    var obj = util.inspect({ length: this.length });
-    return this.constructor.name + ' ' + obj;
-  };
-}
-
-/***/ }),
-/* 178 */
-/***/ (function(module, exports) {
-
-/* (ignored) */
-
-/***/ }),
-/* 179 */
-/***/ (function(module, exports, __webpack_require__) {
-
-/* WEBPACK VAR INJECTION */(function(global) {var scope = (typeof global !== "undefined" && global) ||
-            (typeof self !== "undefined" && self) ||
-            window;
-var apply = Function.prototype.apply;
-
-// DOM APIs, for completeness
-
-exports.setTimeout = function() {
-  return new Timeout(apply.call(setTimeout, scope, arguments), clearTimeout);
-};
-exports.setInterval = function() {
-  return new Timeout(apply.call(setInterval, scope, arguments), clearInterval);
-};
-exports.clearTimeout =
-exports.clearInterval = function(timeout) {
-  if (timeout) {
-    timeout.close();
-  }
-};
-
-function Timeout(id, clearFn) {
-  this._id = id;
-  this._clearFn = clearFn;
-}
-Timeout.prototype.unref = Timeout.prototype.ref = function() {};
-Timeout.prototype.close = function() {
-  this._clearFn.call(scope, this._id);
-};
-
-// Does not start the time, just sets up the members needed.
-exports.enroll = function(item, msecs) {
-  clearTimeout(item._idleTimeoutId);
-  item._idleTimeout = msecs;
-};
-
-exports.unenroll = function(item) {
-  clearTimeout(item._idleTimeoutId);
-  item._idleTimeout = -1;
-};
-
-exports._unrefActive = exports.active = function(item) {
-  clearTimeout(item._idleTimeoutId);
-
-  var msecs = item._idleTimeout;
-  if (msecs >= 0) {
-    item._idleTimeoutId = setTimeout(function onTimeout() {
-      if (item._onTimeout)
-        item._onTimeout();
-    }, msecs);
-  }
-};
-
-// setimmediate attaches itself to the global object
-__webpack_require__(180);
-// On some exotic environments, it's not clear which object `setimmediate` was
-// able to install onto.  Search each possibility in the same order as the
-// `setimmediate` library.
-exports.setImmediate = (typeof self !== "undefined" && self.setImmediate) ||
-                       (typeof global !== "undefined" && global.setImmediate) ||
-                       (this && this.setImmediate);
-exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
-                         (typeof global !== "undefined" && global.clearImmediate) ||
-                         (this && this.clearImmediate);
-
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(11)))
-
-/***/ }),
-/* 180 */
-/***/ (function(module, exports, __webpack_require__) {
-
-/* WEBPACK VAR INJECTION */(function(global, process) {(function (global, undefined) {
-    "use strict";
-
-    if (global.setImmediate) {
-        return;
-    }
-
-    var nextHandle = 1; // Spec says greater than zero
-    var tasksByHandle = {};
-    var currentlyRunningATask = false;
-    var doc = global.document;
-    var registerImmediate;
-
-    function setImmediate(callback) {
-      // Callback can either be a function or a string
-      if (typeof callback !== "function") {
-        callback = new Function("" + callback);
-      }
-      // Copy function arguments
-      var args = new Array(arguments.length - 1);
-      for (var i = 0; i < args.length; i++) {
-          args[i] = arguments[i + 1];
-      }
-      // Store and register the task
-      var task = { callback: callback, args: args };
-      tasksByHandle[nextHandle] = task;
-      registerImmediate(nextHandle);
-      return nextHandle++;
-    }
-
-    function clearImmediate(handle) {
-        delete tasksByHandle[handle];
-    }
-
-    function run(task) {
-        var callback = task.callback;
-        var args = task.args;
-        switch (args.length) {
-        case 0:
-            callback();
-            break;
-        case 1:
-            callback(args[0]);
-            break;
-        case 2:
-            callback(args[0], args[1]);
-            break;
-        case 3:
-            callback(args[0], args[1], args[2]);
-            break;
-        default:
-            callback.apply(undefined, args);
-            break;
-        }
-    }
-
-    function runIfPresent(handle) {
-        // From the spec: "Wait until any invocations of this algorithm started before this one have completed."
-        // So if we're currently running a task, we'll need to delay this invocation.
-        if (currentlyRunningATask) {
-            // Delay by doing a setTimeout. setImmediate was tried instead, but in Firefox 7 it generated a
-            // "too much recursion" error.
-            setTimeout(runIfPresent, 0, handle);
-        } else {
-            var task = tasksByHandle[handle];
-            if (task) {
-                currentlyRunningATask = true;
-                try {
-                    run(task);
-                } finally {
-                    clearImmediate(handle);
-                    currentlyRunningATask = false;
-                }
-            }
-        }
-    }
-
-    function installNextTickImplementation() {
-        registerImmediate = function(handle) {
-            process.nextTick(function () { runIfPresent(handle); });
-        };
-    }
-
-    function canUsePostMessage() {
-        // The test against `importScripts` prevents this implementation from being installed inside a web worker,
-        // where `global.postMessage` means something completely different and can't be used for this purpose.
-        if (global.postMessage && !global.importScripts) {
-            var postMessageIsAsynchronous = true;
-            var oldOnMessage = global.onmessage;
-            global.onmessage = function() {
-                postMessageIsAsynchronous = false;
-            };
-            global.postMessage("", "*");
-            global.onmessage = oldOnMessage;
-            return postMessageIsAsynchronous;
-        }
-    }
-
-    function installPostMessageImplementation() {
-        // Installs an event handler on `global` for the `message` event: see
-        // * https://developer.mozilla.org/en/DOM/window.postMessage
-        // * http://www.whatwg.org/specs/web-apps/current-work/multipage/comms.html#crossDocumentMessages
-
-        var messagePrefix = "setImmediate$" + Math.random() + "$";
-        var onGlobalMessage = function(event) {
-            if (event.source === global &&
-                typeof event.data === "string" &&
-                event.data.indexOf(messagePrefix) === 0) {
-                runIfPresent(+event.data.slice(messagePrefix.length));
-            }
-        };
-
-        if (global.addEventListener) {
-            global.addEventListener("message", onGlobalMessage, false);
-        } else {
-            global.attachEvent("onmessage", onGlobalMessage);
-        }
-
-        registerImmediate = function(handle) {
-            global.postMessage(messagePrefix + handle, "*");
-        };
-    }
-
-    function installMessageChannelImplementation() {
-        var channel = new MessageChannel();
-        channel.port1.onmessage = function(event) {
-            var handle = event.data;
-            runIfPresent(handle);
-        };
-
-        registerImmediate = function(handle) {
-            channel.port2.postMessage(handle);
-        };
-    }
-
-    function installReadyStateChangeImplementation() {
-        var html = doc.documentElement;
-        registerImmediate = function(handle) {
-            // Create a 
-	 * ";
-	 *  var result = util.encodeHTMLEntity(htmlEntityString);
-	 * //"<script> alert('test');</script><a href='test'>"
-	 */
-	function encodeHTMLEntity(html) {
-	    var entities = {
-	        '"': 'quot',
-	        '&': 'amp',
-	        '<': 'lt',
-	        '>': 'gt',
-	        '\'': '#39'
-	    };
-
-	    return html.replace(/[<>&"']/g, function(m0) {
-	        return entities[m0] ? '&' + entities[m0] + ';' : m0;
-	    });
-	}
-
-	/**
-	 * Return whether the string capable to transform into plain string is in the given string or not.
-	 * @param {String} string - test string
-	 * @memberof tui.util
-	 * @returns {boolean}
-	 */
-	function hasEncodableString(string) {
-	    return (/[<>&"']/).test(string);
-	}
-
-	/**
-	 * Return duplicate charters
-	 * @param {string} operandStr1 The operand string
-	 * @param {string} operandStr2 The operand string
-	 * @private
-	 * @memberof tui.util
-	 * @returns {string}
-	 * @example
-	 * //-- #1. Get Module --//
-	 * var util = require('tui-code-snippet'); // node, commonjs
-	 * var util = tui.util; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * util.getDuplicatedChar('fe dev', 'nhn entertainment'); // 'e'
-	 * util.getDuplicatedChar('fdsa', 'asdf'); // 'asdf'
-	 */
-	function getDuplicatedChar(operandStr1, operandStr2) {
-	    var i = 0;
-	    var len = operandStr1.length;
-	    var pool = {};
-	    var dupl, key;
-
-	    for (; i < len; i += 1) {
-	        key = operandStr1.charAt(i);
-	        pool[key] = 1;
-	    }
-
-	    for (i = 0, len = operandStr2.length; i < len; i += 1) {
-	        key = operandStr2.charAt(i);
-	        if (pool[key]) {
-	            pool[key] += 1;
-	        }
-	    }
-
-	    pool = collection.filter(pool, function(item) {
-	        return item > 1;
-	    });
-
-	    pool = object.keys(pool).sort();
-	    dupl = pool.join('');
-
-	    return dupl;
-	}
-
-	module.exports = {
-	    decodeHTMLEntity: decodeHTMLEntity,
-	    encodeHTMLEntity: encodeHTMLEntity,
-	    hasEncodableString: hasEncodableString,
-	    getDuplicatedChar: getDuplicatedChar
-	};
-
-
-/***/ }),
-/* 8 */
-/***/ (function(module, exports) {
-
-	/**
-	 * @fileoverview collections of some technic methods.
-	 * @author NHN.
-	 *         FE Development Lab 
-	 */
-
-	'use strict';
-
-	var tricks = {};
-	var aps = Array.prototype.slice;
-
-	/**
-	 * Creates a debounced function that delays invoking fn until after delay milliseconds has elapsed
-	 * since the last time the debouced function was invoked.
-	 * @param {function} fn The function to debounce.
-	 * @param {number} [delay=0] The number of milliseconds to delay
-	 * @memberof tui.util
-	 * @returns {function} debounced function.
-	 * @example
-	 * //-- #1. Get Module --//
-	 * var util = require('tui-code-snippet'); // node, commonjs
-	 * var util = tui.util; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * function someMethodToInvokeDebounced() {}
-	 *
-	 * var debounced = util.debounce(someMethodToInvokeDebounced, 300);
-	 *
-	 * // invoke repeatedly
-	 * debounced();
-	 * debounced();
-	 * debounced();
-	 * debounced();
-	 * debounced();
-	 * debounced();    // last invoke of debounced()
-	 *
-	 * // invoke someMethodToInvokeDebounced() after 300 milliseconds.
-	 */
-	function debounce(fn, delay) {
-	    var timer, args;
-
-	    /* istanbul ignore next */
-	    delay = delay || 0;
-
-	    function debounced() { // eslint-disable-line require-jsdoc
-	        args = aps.call(arguments);
-
-	        window.clearTimeout(timer);
-	        timer = window.setTimeout(function() {
-	            fn.apply(null, args);
-	        }, delay);
-	    }
-
-	    return debounced;
-	}
-
-	/**
-	 * return timestamp
-	 * @memberof tui.util
-	 * @returns {number} The number of milliseconds from Jan. 1970 00:00:00 (GMT)
-	 */
-	function timestamp() {
-	    return Number(new Date());
-	}
-
-	/**
-	 * Creates a throttled function that only invokes fn at most once per every interval milliseconds.
-	 *
-	 * You can use this throttle short time repeatedly invoking functions. (e.g MouseMove, Resize ...)
-	 *
-	 * if you need reuse throttled method. you must remove slugs (e.g. flag variable) related with throttling.
-	 * @param {function} fn function to throttle
-	 * @param {number} [interval=0] the number of milliseconds to throttle invocations to.
-	 * @memberof tui.util
-	 * @returns {function} throttled function
-	 * @example
-	 * //-- #1. Get Module --//
-	 * var util = require('tui-code-snippet'); // node, commonjs
-	 * var util = tui.util; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * function someMethodToInvokeThrottled() {}
-	 *
-	 * var throttled = util.throttle(someMethodToInvokeThrottled, 300);
-	 *
-	 * // invoke repeatedly
-	 * throttled();    // invoke (leading)
-	 * throttled();
-	 * throttled();    // invoke (near 300 milliseconds)
-	 * throttled();
-	 * throttled();
-	 * throttled();    // invoke (near 600 milliseconds)
-	 * // ...
-	 * // invoke (trailing)
-	 *
-	 * // if you need reuse throttled method. then invoke reset()
-	 * throttled.reset();
-	 */
-	function throttle(fn, interval) {
-	    var base;
-	    var isLeading = true;
-	    var tick = function(_args) {
-	        fn.apply(null, _args);
-	        base = null;
-	    };
-	    var debounced, stamp, args;
-
-	    /* istanbul ignore next */
-	    interval = interval || 0;
-
-	    debounced = tricks.debounce(tick, interval);
-
-	    function throttled() { // eslint-disable-line require-jsdoc
-	        args = aps.call(arguments);
-
-	        if (isLeading) {
-	            tick(args);
-	            isLeading = false;
-
-	            return;
-	        }
-
-	        stamp = tricks.timestamp();
-
-	        base = base || stamp;
-
-	        // pass array directly because `debounce()`, `tick()` are already use
-	        // `apply()` method to invoke developer's `fn` handler.
-	        //
-	        // also, this `debounced` line invoked every time for implements
-	        // `trailing` features.
-	        debounced(args);
-
-	        if ((stamp - base) >= interval) {
-	            tick(args);
-	        }
-	    }
-
-	    function reset() { // eslint-disable-line require-jsdoc
-	        isLeading = true;
-	        base = null;
-	    }
-
-	    throttled.reset = reset;
-
-	    return throttled;
-	}
-
-	tricks.timestamp = timestamp;
-	tricks.debounce = debounce;
-	tricks.throttle = throttle;
-
-	module.exports = tricks;
-
-
-/***/ }),
-/* 9 */
-/***/ (function(module, exports, __webpack_require__) {
-
-	/**
-	 * @fileoverview This module has some functions for handling object as collection.
-	 * @author NHN.
-	 *         FE Development Lab 
-	 */
-	'use strict';
-
-	var object = __webpack_require__(1);
-	var collection = __webpack_require__(4);
-	var type = __webpack_require__(2);
-	var ms7days = 7 * 24 * 60 * 60 * 1000;
-
-	/**
-	 * Check if the date has passed 7 days
-	 * @param {number} date - milliseconds
-	 * @returns {boolean}
-	 * @ignore
-	 */
-	function isExpired(date) {
-	    var now = new Date().getTime();
-
-	    return now - date > ms7days;
-	}
-
-	/**
-	 * Send hostname on DOMContentLoaded.
-	 * To prevent hostname set tui.usageStatistics to false.
-	 * @param {string} appName - application name
-	 * @param {string} trackingId - GA tracking ID
-	 * @ignore
-	 */
-	function sendHostname(appName, trackingId) {
-	    var url = 'https://www.google-analytics.com/collect';
-	    var hostname = location.hostname;
-	    var hitType = 'event';
-	    var eventCategory = 'use';
-	    var applicationKeyForStorage = 'TOAST UI ' + appName + ' for ' + hostname + ': Statistics';
-	    var date = window.localStorage.getItem(applicationKeyForStorage);
-
-	    // skip if the flag is defined and is set to false explicitly
-	    if (!type.isUndefined(window.tui) && window.tui.usageStatistics === false) {
-	        return;
-	    }
-
-	    // skip if not pass seven days old
-	    if (date && !isExpired(date)) {
-	        return;
-	    }
-
-	    window.localStorage.setItem(applicationKeyForStorage, new Date().getTime());
-
-	    setTimeout(function() {
-	        if (document.readyState === 'interactive' || document.readyState === 'complete') {
-	            imagePing(url, {
-	                v: 1,
-	                t: hitType,
-	                tid: trackingId,
-	                cid: hostname,
-	                dp: hostname,
-	                dh: appName,
-	                el: appName,
-	                ec: eventCategory
-	            });
-	        }
-	    }, 1000);
-	}
-
-	/**
-	 * Request image ping.
-	 * @param {String} url url for ping request
-	 * @param {Object} trackingInfo infos for make query string
-	 * @returns {HTMLElement}
-	 * @memberof tui.util
-	 * @example
-	 * //-- #1. Get Module --//
-	 * var util = require('tui-code-snippet'); // node, commonjs
-	 * var util = tui.util; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * util.imagePing('https://www.google-analytics.com/collect', {
-	 *     v: 1,
-	 *     t: 'event',
-	 *     tid: 'trackingid',
-	 *     cid: 'cid',
-	 *     dp: 'dp',
-	 *     dh: 'dh'
-	 * });
-	 */
-	function imagePing(url, trackingInfo) {
-	    var queryString = collection.map(object.keys(trackingInfo), function(key, index) {
-	        var startWith = index === 0 ? '' : '&';
-
-	        return startWith + key + '=' + trackingInfo[key];
-	    }).join('');
-	    var trackingElement = document.createElement('img');
-
-	    trackingElement.src = url + '?' + queryString;
-
-	    trackingElement.style.display = 'none';
-	    document.body.appendChild(trackingElement);
-	    document.body.removeChild(trackingElement);
-
-	    return trackingElement;
-	}
-
-	module.exports = {
-	    imagePing: imagePing,
-	    sendHostname: sendHostname
-	};
-
-
-/***/ }),
-/* 10 */
-/***/ (function(module, exports) {
-
-	/**
-	 * @fileoverview This module detects the kind of well-known browser and version.
-	 * @author NHN.
-	 *         FE Development Lab 
-	 */
-
-	'use strict';
-
-	/**
-	 * This object has an information that indicate the kind of browser.
    
-	 * The list below is a detectable browser list.
-	 *  - ie8 ~ ie11
-	 *  - chrome
-	 *  - firefox
-	 *  - safari
-	 *  - edge
-	 * @memberof tui.util
-	 * @example
-	 * //-- #1. Get Module --//
-	 * var util = require('tui-code-snippet'); // node, commonjs
-	 * var util = tui.util; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * util.browser.chrome === true; // chrome
-	 * util.browser.firefox === true; // firefox
-	 * util.browser.safari === true; // safari
-	 * util.browser.msie === true; // IE
-	 * util.browser.edge === true; // edge
-	 * util.browser.others === true; // other browser
-	 * util.browser.version; // browser version
-	 */
-	var browser = {
-	    chrome: false,
-	    firefox: false,
-	    safari: false,
-	    msie: false,
-	    edge: false,
-	    others: false,
-	    version: 0
-	};
-
-	if (window && window.navigator) {
-	    detectBrowser();
-	}
-
-	/**
-	 * Detect the browser.
-	 * @private
-	 */
-	function detectBrowser() {
-	    var nav = window.navigator;
-	    var appName = nav.appName.replace(/\s/g, '_');
-	    var userAgent = nav.userAgent;
-
-	    var rIE = /MSIE\s([0-9]+[.0-9]*)/;
-	    var rIE11 = /Trident.*rv:11\./;
-	    var rEdge = /Edge\/(\d+)\./;
-	    var versionRegex = {
-	        firefox: /Firefox\/(\d+)\./,
-	        chrome: /Chrome\/(\d+)\./,
-	        safari: /Version\/([\d.]+).*Safari\/(\d+)/
-	    };
-
-	    var key, tmp;
-
-	    var detector = {
-	        Microsoft_Internet_Explorer: function() { // eslint-disable-line camelcase
-	            var detectedVersion = userAgent.match(rIE);
-
-	            if (detectedVersion) { // ie8 ~ ie10
-	                browser.msie = true;
-	                browser.version = parseFloat(detectedVersion[1]);
-	            } else { // no version information
-	                browser.others = true;
-	            }
-	        },
-	        Netscape: function() { // eslint-disable-line complexity
-	            var detected = false;
-
-	            if (rIE11.exec(userAgent)) {
-	                browser.msie = true;
-	                browser.version = 11;
-	                detected = true;
-	            } else if (rEdge.exec(userAgent)) {
-	                browser.edge = true;
-	                browser.version = userAgent.match(rEdge)[1];
-	                detected = true;
-	            } else {
-	                for (key in versionRegex) {
-	                    if (versionRegex.hasOwnProperty(key)) {
-	                        tmp = userAgent.match(versionRegex[key]);
-	                        if (tmp && tmp.length > 1) { // eslint-disable-line max-depth
-	                            browser[key] = detected = true;
-	                            browser.version = parseFloat(tmp[1] || 0);
-	                            break;
-	                        }
-	                    }
-	                }
-	            }
-	            if (!detected) {
-	                browser.others = true;
-	            }
-	        }
-	    };
-
-	    var fn = detector[appName];
-
-	    if (fn) {
-	        detector[appName]();
-	    }
-	}
-
-	module.exports = browser;
-
-
-/***/ }),
-/* 11 */
-/***/ (function(module, exports, __webpack_require__) {
-
-	/**
-	 * @fileoverview This module has some methods for handling popup-window
-	 * @author NHN.
-	 *         FE Development Lab 
-	 */
-
-	'use strict';
-
-	var collection = __webpack_require__(4);
-	var type = __webpack_require__(2);
-	var func = __webpack_require__(5);
-	var browser = __webpack_require__(10);
-	var object = __webpack_require__(1);
-
-	var popupId = 0;
-
-	/**
-	 * Popup management class
-	 * @constructor
-	 * @memberof tui.util
-	 * @example
-	 * // node, commonjs
-	 * var popup = require('tui-code-snippet').popup;
-	 * @example
-	 * // distribution file, script
-	 * 
-	 * 
-	 * 
-	 */
-	function CustomEvents() {
-	    /**
-	     * @type {HandlerItem[]}
-	     */
-	    this.events = null;
-
-	    /**
-	     * only for checking specific context event was binded
-	     * @type {object[]}
-	     */
-	    this.contexts = null;
-	}
-
-	/**
-	 * Mixin custom events feature to specific constructor
-	 * @param {function} func - constructor
-	 * @example
-	 * //-- #1. Get Module --//
-	 * var CustomEvents = require('tui-code-snippet').CustomEvents; // node, commonjs
-	 * var CustomEvents = tui.util.CustomEvents; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * var model;
-	 * function Model() {
-	 *     this.name = '';
-	 * }
-	 * CustomEvents.mixin(Model);
-	 *
-	 * model = new Model();
-	 * model.on('change', function() { this.name = 'model'; }, this);
-	 * model.fire('change');
-	 * alert(model.name); // 'model';
-	 */
-	CustomEvents.mixin = function(func) {
-	    object.extend(func.prototype, CustomEvents.prototype);
-	};
-
-	/**
-	 * Get HandlerItem object
-	 * @param {function} handler - handler function
-	 * @param {object} [context] - context for handler
-	 * @returns {HandlerItem} HandlerItem object
-	 * @private
-	 */
-	CustomEvents.prototype._getHandlerItem = function(handler, context) {
-	    var item = {handler: handler};
-
-	    if (context) {
-	        item.context = context;
-	    }
-
-	    return item;
-	};
-
-	/**
-	 * Get event object safely
-	 * @param {string} [eventName] - create sub event map if not exist.
-	 * @returns {(object|array)} event object. if you supplied `eventName`
-	 *  parameter then make new array and return it
-	 * @private
-	 */
-	CustomEvents.prototype._safeEvent = function(eventName) {
-	    var events = this.events;
-	    var byName;
-
-	    if (!events) {
-	        events = this.events = {};
-	    }
-
-	    if (eventName) {
-	        byName = events[eventName];
-
-	        if (!byName) {
-	            byName = [];
-	            events[eventName] = byName;
-	        }
-
-	        events = byName;
-	    }
-
-	    return events;
-	};
-
-	/**
-	 * Get context array safely
-	 * @returns {array} context array
-	 * @private
-	 */
-	CustomEvents.prototype._safeContext = function() {
-	    var context = this.contexts;
-
-	    if (!context) {
-	        context = this.contexts = [];
-	    }
-
-	    return context;
-	};
-
-	/**
-	 * Get index of context
-	 * @param {object} ctx - context that used for bind custom event
-	 * @returns {number} index of context
-	 * @private
-	 */
-	CustomEvents.prototype._indexOfContext = function(ctx) {
-	    var context = this._safeContext();
-	    var index = 0;
-
-	    while (context[index]) {
-	        if (ctx === context[index][0]) {
-	            return index;
-	        }
-
-	        index += 1;
-	    }
-
-	    return -1;
-	};
-
-	/**
-	 * Memorize supplied context for recognize supplied object is context or
-	 *  name: handler pair object when off()
-	 * @param {object} ctx - context object to memorize
-	 * @private
-	 */
-	CustomEvents.prototype._memorizeContext = function(ctx) {
-	    var context, index;
-
-	    if (!type.isExisty(ctx)) {
-	        return;
-	    }
-
-	    context = this._safeContext();
-	    index = this._indexOfContext(ctx);
-
-	    if (index > -1) {
-	        context[index][1] += 1;
-	    } else {
-	        context.push([ctx, 1]);
-	    }
-	};
-
-	/**
-	 * Forget supplied context object
-	 * @param {object} ctx - context object to forget
-	 * @private
-	 */
-	CustomEvents.prototype._forgetContext = function(ctx) {
-	    var context, contextIndex;
-
-	    if (!type.isExisty(ctx)) {
-	        return;
-	    }
-
-	    context = this._safeContext();
-	    contextIndex = this._indexOfContext(ctx);
-
-	    if (contextIndex > -1) {
-	        context[contextIndex][1] -= 1;
-
-	        if (context[contextIndex][1] <= 0) {
-	            context.splice(contextIndex, 1);
-	        }
-	    }
-	};
-
-	/**
-	 * Bind event handler
-	 * @param {(string|{name:string, handler:function})} eventName - custom
-	 *  event name or an object {eventName: handler}
-	 * @param {(function|object)} [handler] - handler function or context
-	 * @param {object} [context] - context for binding
-	 * @private
-	 */
-	CustomEvents.prototype._bindEvent = function(eventName, handler, context) {
-	    var events = this._safeEvent(eventName);
-	    this._memorizeContext(context);
-	    events.push(this._getHandlerItem(handler, context));
-	};
-
-	/**
-	 * Bind event handlers
-	 * @param {(string|{name:string, handler:function})} eventName - custom
-	 *  event name or an object {eventName: handler}
-	 * @param {(function|object)} [handler] - handler function or context
-	 * @param {object} [context] - context for binding
-	 * //-- #1. Get Module --//
-	 * var CustomEvents = require('tui-code-snippet').CustomEvents; // node, commonjs
-	 * var CustomEvents = tui.util.CustomEvents; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * // # 2.1 Basic Usage
-	 * CustomEvents.on('onload', handler);
-	 *
-	 * // # 2.2 With context
-	 * CustomEvents.on('onload', handler, myObj);
-	 *
-	 * // # 2.3 Bind by object that name, handler pairs
-	 * CustomEvents.on({
-	 *     'play': handler,
-	 *     'pause': handler2
-	 * });
-	 *
-	 * // # 2.4 Bind by object that name, handler pairs with context object
-	 * CustomEvents.on({
-	 *     'play': handler
-	 * }, myObj);
-	 */
-	CustomEvents.prototype.on = function(eventName, handler, context) {
-	    var self = this;
-
-	    if (type.isString(eventName)) {
-	        // [syntax 1, 2]
-	        eventName = eventName.split(R_EVENTNAME_SPLIT);
-	        collection.forEach(eventName, function(name) {
-	            self._bindEvent(name, handler, context);
-	        });
-	    } else if (type.isObject(eventName)) {
-	        // [syntax 3, 4]
-	        context = handler;
-	        collection.forEach(eventName, function(func, name) {
-	            self.on(name, func, context);
-	        });
-	    }
-	};
-
-	/**
-	 * Bind one-shot event handlers
-	 * @param {(string|{name:string,handler:function})} eventName - custom
-	 *  event name or an object {eventName: handler}
-	 * @param {function|object} [handler] - handler function or context
-	 * @param {object} [context] - context for binding
-	 */
-	CustomEvents.prototype.once = function(eventName, handler, context) {
-	    var self = this;
-
-	    if (type.isObject(eventName)) {
-	        context = handler;
-	        collection.forEach(eventName, function(func, name) {
-	            self.once(name, func, context);
-	        });
-
-	        return;
-	    }
-
-	    function onceHandler() { // eslint-disable-line require-jsdoc
-	        handler.apply(context, arguments);
-	        self.off(eventName, onceHandler, context);
-	    }
-
-	    this.on(eventName, onceHandler, context);
-	};
-
-	/**
-	 * Splice supplied array by callback result
-	 * @param {array} arr - array to splice
-	 * @param {function} predicate - function return boolean
-	 * @private
-	 */
-	CustomEvents.prototype._spliceMatches = function(arr, predicate) {
-	    var i = 0;
-	    var len;
-
-	    if (!type.isArray(arr)) {
-	        return;
-	    }
-
-	    for (len = arr.length; i < len; i += 1) {
-	        if (predicate(arr[i]) === true) {
-	            arr.splice(i, 1);
-	            len -= 1;
-	            i -= 1;
-	        }
-	    }
-	};
-
-	/**
-	 * Get matcher for unbind specific handler events
-	 * @param {function} handler - handler function
-	 * @returns {function} handler matcher
-	 * @private
-	 */
-	CustomEvents.prototype._matchHandler = function(handler) {
-	    var self = this;
-
-	    return function(item) {
-	        var needRemove = handler === item.handler;
-
-	        if (needRemove) {
-	            self._forgetContext(item.context);
-	        }
-
-	        return needRemove;
-	    };
-	};
-
-	/**
-	 * Get matcher for unbind specific context events
-	 * @param {object} context - context
-	 * @returns {function} object matcher
-	 * @private
-	 */
-	CustomEvents.prototype._matchContext = function(context) {
-	    var self = this;
-
-	    return function(item) {
-	        var needRemove = context === item.context;
-
-	        if (needRemove) {
-	            self._forgetContext(item.context);
-	        }
-
-	        return needRemove;
-	    };
-	};
-
-	/**
-	 * Get matcher for unbind specific hander, context pair events
-	 * @param {function} handler - handler function
-	 * @param {object} context - context
-	 * @returns {function} handler, context matcher
-	 * @private
-	 */
-	CustomEvents.prototype._matchHandlerAndContext = function(handler, context) {
-	    var self = this;
-
-	    return function(item) {
-	        var matchHandler = (handler === item.handler);
-	        var matchContext = (context === item.context);
-	        var needRemove = (matchHandler && matchContext);
-
-	        if (needRemove) {
-	            self._forgetContext(item.context);
-	        }
-
-	        return needRemove;
-	    };
-	};
-
-	/**
-	 * Unbind event by event name
-	 * @param {string} eventName - custom event name to unbind
-	 * @param {function} [handler] - handler function
-	 * @private
-	 */
-	CustomEvents.prototype._offByEventName = function(eventName, handler) {
-	    var self = this;
-	    var forEach = collection.forEachArray;
-	    var andByHandler = type.isFunction(handler);
-	    var matchHandler = self._matchHandler(handler);
-
-	    eventName = eventName.split(R_EVENTNAME_SPLIT);
-
-	    forEach(eventName, function(name) {
-	        var handlerItems = self._safeEvent(name);
-
-	        if (andByHandler) {
-	            self._spliceMatches(handlerItems, matchHandler);
-	        } else {
-	            forEach(handlerItems, function(item) {
-	                self._forgetContext(item.context);
-	            });
-
-	            self.events[name] = [];
-	        }
-	    });
-	};
-
-	/**
-	 * Unbind event by handler function
-	 * @param {function} handler - handler function
-	 * @private
-	 */
-	CustomEvents.prototype._offByHandler = function(handler) {
-	    var self = this;
-	    var matchHandler = this._matchHandler(handler);
-
-	    collection.forEach(this._safeEvent(), function(handlerItems) {
-	        self._spliceMatches(handlerItems, matchHandler);
-	    });
-	};
-
-	/**
-	 * Unbind event by object(name: handler pair object or context object)
-	 * @param {object} obj - context or {name: handler} pair object
-	 * @param {function} handler - handler function
-	 * @private
-	 */
-	CustomEvents.prototype._offByObject = function(obj, handler) {
-	    var self = this;
-	    var matchFunc;
-
-	    if (this._indexOfContext(obj) < 0) {
-	        collection.forEach(obj, function(func, name) {
-	            self.off(name, func);
-	        });
-	    } else if (type.isString(handler)) {
-	        matchFunc = this._matchContext(obj);
-
-	        self._spliceMatches(this._safeEvent(handler), matchFunc);
-	    } else if (type.isFunction(handler)) {
-	        matchFunc = this._matchHandlerAndContext(handler, obj);
-
-	        collection.forEach(this._safeEvent(), function(handlerItems) {
-	            self._spliceMatches(handlerItems, matchFunc);
-	        });
-	    } else {
-	        matchFunc = this._matchContext(obj);
-
-	        collection.forEach(this._safeEvent(), function(handlerItems) {
-	            self._spliceMatches(handlerItems, matchFunc);
-	        });
-	    }
-	};
-
-	/**
-	 * Unbind custom events
-	 * @param {(string|object|function)} eventName - event name or context or
-	 *  {name: handler} pair object or handler function
-	 * @param {(function)} handler - handler function
-	 * @example
-	 * //-- #1. Get Module --//
-	 * var CustomEvents = require('tui-code-snippet').CustomEvents; // node, commonjs
-	 * var CustomEvents = tui.util.CustomEvents; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * // # 2.1 off by event name
-	 * CustomEvents.off('onload');
-	 *
-	 * // # 2.2 off by event name and handler
-	 * CustomEvents.off('play', handler);
-	 *
-	 * // # 2.3 off by handler
-	 * CustomEvents.off(handler);
-	 *
-	 * // # 2.4 off by context
-	 * CustomEvents.off(myObj);
-	 *
-	 * // # 2.5 off by context and handler
-	 * CustomEvents.off(myObj, handler);
-	 *
-	 * // # 2.6 off by context and event name
-	 * CustomEvents.off(myObj, 'onload');
-	 *
-	 * // # 2.7 off by an Object. that is {eventName: handler}
-	 * CustomEvents.off({
-	 *   'play': handler,
-	 *   'pause': handler2
-	 * });
-	 *
-	 * // # 2.8 off the all events
-	 * CustomEvents.off();
-	 */
-	CustomEvents.prototype.off = function(eventName, handler) {
-	    if (type.isString(eventName)) {
-	        // [syntax 1, 2]
-	        this._offByEventName(eventName, handler);
-	    } else if (!arguments.length) {
-	        // [syntax 8]
-	        this.events = {};
-	        this.contexts = [];
-	    } else if (type.isFunction(eventName)) {
-	        // [syntax 3]
-	        this._offByHandler(eventName);
-	    } else if (type.isObject(eventName)) {
-	        // [syntax 4, 5, 6]
-	        this._offByObject(eventName, handler);
-	    }
-	};
-
-	/**
-	 * Fire custom event
-	 * @param {string} eventName - name of custom event
-	 */
-	CustomEvents.prototype.fire = function(eventName) {  // eslint-disable-line
-	    this.invoke.apply(this, arguments);
-	};
-
-	/**
-	 * Fire a event and returns the result of operation 'boolean AND' with all
-	 *  listener's results.
-	 *
-	 * So, It is different from {@link CustomEvents#fire}.
-	 *
-	 * In service code, use this as a before event in component level usually
-	 *  for notifying that the event is cancelable.
-	 * @param {string} eventName - Custom event name
-	 * @param {...*} data - Data for event
-	 * @returns {boolean} The result of operation 'boolean AND'
-	 * @example
-	 * var map = new Map();
-	 * map.on({
-	 *     'beforeZoom': function() {
-	 *         // It should cancel the 'zoom' event by some conditions.
-	 *         if (that.disabled && this.getState()) {
-	 *             return false;
-	 *         }
-	 *         return true;
-	 *     }
-	 * });
-	 *
-	 * if (this.invoke('beforeZoom')) {    // check the result of 'beforeZoom'
-	 *     // if true,
-	 *     // doSomething
-	 * }
-	 */
-	CustomEvents.prototype.invoke = function(eventName) {
-	    var events, args, index, item;
-
-	    if (!this.hasListener(eventName)) {
-	        return true;
-	    }
-
-	    events = this._safeEvent(eventName);
-	    args = Array.prototype.slice.call(arguments, 1);
-	    index = 0;
-
-	    while (events[index]) {
-	        item = events[index];
-
-	        if (item.handler.apply(item.context, args) === false) {
-	            return false;
-	        }
-
-	        index += 1;
-	    }
-
-	    return true;
-	};
-
-	/**
-	 * Return whether at least one of the handlers is registered in the given
-	 *  event name.
-	 * @param {string} eventName - Custom event name
-	 * @returns {boolean} Is there at least one handler in event name?
-	 */
-	CustomEvents.prototype.hasListener = function(eventName) {
-	    return this.getListenerLength(eventName) > 0;
-	};
-
-	/**
-	 * Return a count of events registered.
-	 * @param {string} eventName - Custom event name
-	 * @returns {number} number of event
-	 */
-	CustomEvents.prototype.getListenerLength = function(eventName) {
-	    var events = this._safeEvent(eventName);
-
-	    return events.length;
-	};
-
-	module.exports = CustomEvents;
-
-
-/***/ }),
-/* 17 */
-/***/ (function(module, exports, __webpack_require__) {
-
-	/**
-	 * @fileoverview This module provides a Enum Constructor.
-	 * @author NHN.
-	 *         FE Development Lab 
-	 * @example
-	 * // node, commonjs
-	 * var Enum = require('tui-code-snippet').Enum;
-	 * @example
-	 * // distribution file, script
-	 * 
-	 * 
-	 * 
-	 * 
-	 * 
-	 *     ";
-	 *  var result = util.encodeHTMLEntity(htmlEntityString);
-	 * //"<script> alert('test');</script><a href='test'>"
-	 */
-	function encodeHTMLEntity(html) {
-	    var entities = {
-	        '"': 'quot',
-	        '&': 'amp',
-	        '<': 'lt',
-	        '>': 'gt',
-	        '\'': '#39'
-	    };
-
-	    return html.replace(/[<>&"']/g, function(m0) {
-	        return entities[m0] ? '&' + entities[m0] + ';' : m0;
-	    });
-	}
-
-	/**
-	 * Return whether the string capable to transform into plain string is in the given string or not.
-	 * @param {String} string - test string
-	 * @memberof tui.util
-	 * @returns {boolean}
-	 */
-	function hasEncodableString(string) {
-	    return (/[<>&"']/).test(string);
-	}
-
-	/**
-	 * Return duplicate charters
-	 * @param {string} operandStr1 The operand string
-	 * @param {string} operandStr2 The operand string
-	 * @private
-	 * @memberof tui.util
-	 * @returns {string}
-	 * @example
-	 * //-- #1. Get Module --//
-	 * var util = require('tui-code-snippet'); // node, commonjs
-	 * var util = tui.util; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * util.getDuplicatedChar('fe dev', 'nhn entertainment'); // 'e'
-	 * util.getDuplicatedChar('fdsa', 'asdf'); // 'asdf'
-	 */
-	function getDuplicatedChar(operandStr1, operandStr2) {
-	    var i = 0;
-	    var len = operandStr1.length;
-	    var pool = {};
-	    var dupl, key;
-
-	    for (; i < len; i += 1) {
-	        key = operandStr1.charAt(i);
-	        pool[key] = 1;
-	    }
-
-	    for (i = 0, len = operandStr2.length; i < len; i += 1) {
-	        key = operandStr2.charAt(i);
-	        if (pool[key]) {
-	            pool[key] += 1;
-	        }
-	    }
-
-	    pool = collection.filter(pool, function(item) {
-	        return item > 1;
-	    });
-
-	    pool = object.keys(pool).sort();
-	    dupl = pool.join('');
-
-	    return dupl;
-	}
-
-	module.exports = {
-	    decodeHTMLEntity: decodeHTMLEntity,
-	    encodeHTMLEntity: encodeHTMLEntity,
-	    hasEncodableString: hasEncodableString,
-	    getDuplicatedChar: getDuplicatedChar
-	};
-
-
-/***/ }),
-/* 8 */
-/***/ (function(module, exports) {
-
-	/**
-	 * @fileoverview collections of some technic methods.
-	 * @author NHN.
-	 *         FE Development Lab 
-	 */
-
-	'use strict';
-
-	var tricks = {};
-	var aps = Array.prototype.slice;
-
-	/**
-	 * Creates a debounced function that delays invoking fn until after delay milliseconds has elapsed
-	 * since the last time the debouced function was invoked.
-	 * @param {function} fn The function to debounce.
-	 * @param {number} [delay=0] The number of milliseconds to delay
-	 * @memberof tui.util
-	 * @returns {function} debounced function.
-	 * @example
-	 * //-- #1. Get Module --//
-	 * var util = require('tui-code-snippet'); // node, commonjs
-	 * var util = tui.util; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * function someMethodToInvokeDebounced() {}
-	 *
-	 * var debounced = util.debounce(someMethodToInvokeDebounced, 300);
-	 *
-	 * // invoke repeatedly
-	 * debounced();
-	 * debounced();
-	 * debounced();
-	 * debounced();
-	 * debounced();
-	 * debounced();    // last invoke of debounced()
-	 *
-	 * // invoke someMethodToInvokeDebounced() after 300 milliseconds.
-	 */
-	function debounce(fn, delay) {
-	    var timer, args;
-
-	    /* istanbul ignore next */
-	    delay = delay || 0;
-
-	    function debounced() { // eslint-disable-line require-jsdoc
-	        args = aps.call(arguments);
-
-	        window.clearTimeout(timer);
-	        timer = window.setTimeout(function() {
-	            fn.apply(null, args);
-	        }, delay);
-	    }
-
-	    return debounced;
-	}
-
-	/**
-	 * return timestamp
-	 * @memberof tui.util
-	 * @returns {number} The number of milliseconds from Jan. 1970 00:00:00 (GMT)
-	 */
-	function timestamp() {
-	    return Number(new Date());
-	}
-
-	/**
-	 * Creates a throttled function that only invokes fn at most once per every interval milliseconds.
-	 *
-	 * You can use this throttle short time repeatedly invoking functions. (e.g MouseMove, Resize ...)
-	 *
-	 * if you need reuse throttled method. you must remove slugs (e.g. flag variable) related with throttling.
-	 * @param {function} fn function to throttle
-	 * @param {number} [interval=0] the number of milliseconds to throttle invocations to.
-	 * @memberof tui.util
-	 * @returns {function} throttled function
-	 * @example
-	 * //-- #1. Get Module --//
-	 * var util = require('tui-code-snippet'); // node, commonjs
-	 * var util = tui.util; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * function someMethodToInvokeThrottled() {}
-	 *
-	 * var throttled = util.throttle(someMethodToInvokeThrottled, 300);
-	 *
-	 * // invoke repeatedly
-	 * throttled();    // invoke (leading)
-	 * throttled();
-	 * throttled();    // invoke (near 300 milliseconds)
-	 * throttled();
-	 * throttled();
-	 * throttled();    // invoke (near 600 milliseconds)
-	 * // ...
-	 * // invoke (trailing)
-	 *
-	 * // if you need reuse throttled method. then invoke reset()
-	 * throttled.reset();
-	 */
-	function throttle(fn, interval) {
-	    var base;
-	    var isLeading = true;
-	    var tick = function(_args) {
-	        fn.apply(null, _args);
-	        base = null;
-	    };
-	    var debounced, stamp, args;
-
-	    /* istanbul ignore next */
-	    interval = interval || 0;
-
-	    debounced = tricks.debounce(tick, interval);
-
-	    function throttled() { // eslint-disable-line require-jsdoc
-	        args = aps.call(arguments);
-
-	        if (isLeading) {
-	            tick(args);
-	            isLeading = false;
-
-	            return;
-	        }
-
-	        stamp = tricks.timestamp();
-
-	        base = base || stamp;
-
-	        // pass array directly because `debounce()`, `tick()` are already use
-	        // `apply()` method to invoke developer's `fn` handler.
-	        //
-	        // also, this `debounced` line invoked every time for implements
-	        // `trailing` features.
-	        debounced(args);
-
-	        if ((stamp - base) >= interval) {
-	            tick(args);
-	        }
-	    }
-
-	    function reset() { // eslint-disable-line require-jsdoc
-	        isLeading = true;
-	        base = null;
-	    }
-
-	    throttled.reset = reset;
-
-	    return throttled;
-	}
-
-	tricks.timestamp = timestamp;
-	tricks.debounce = debounce;
-	tricks.throttle = throttle;
-
-	module.exports = tricks;
-
-
-/***/ }),
-/* 9 */
-/***/ (function(module, exports, __webpack_require__) {
-
-	/**
-	 * @fileoverview This module has some functions for handling object as collection.
-	 * @author NHN.
-	 *         FE Development Lab 
-	 */
-	'use strict';
-
-	var object = __webpack_require__(1);
-	var collection = __webpack_require__(4);
-	var type = __webpack_require__(2);
-	var ms7days = 7 * 24 * 60 * 60 * 1000;
-
-	/**
-	 * Check if the date has passed 7 days
-	 * @param {number} date - milliseconds
-	 * @returns {boolean}
-	 * @ignore
-	 */
-	function isExpired(date) {
-	    var now = new Date().getTime();
-
-	    return now - date > ms7days;
-	}
-
-	/**
-	 * Send hostname on DOMContentLoaded.
-	 * To prevent hostname set tui.usageStatistics to false.
-	 * @param {string} appName - application name
-	 * @param {string} trackingId - GA tracking ID
-	 * @ignore
-	 */
-	function sendHostname(appName, trackingId) {
-	    var url = 'https://www.google-analytics.com/collect';
-	    var hostname = location.hostname;
-	    var hitType = 'event';
-	    var eventCategory = 'use';
-	    var applicationKeyForStorage = 'TOAST UI ' + appName + ' for ' + hostname + ': Statistics';
-	    var date = window.localStorage.getItem(applicationKeyForStorage);
-
-	    // skip if the flag is defined and is set to false explicitly
-	    if (!type.isUndefined(window.tui) && window.tui.usageStatistics === false) {
-	        return;
-	    }
-
-	    // skip if not pass seven days old
-	    if (date && !isExpired(date)) {
-	        return;
-	    }
-
-	    window.localStorage.setItem(applicationKeyForStorage, new Date().getTime());
-
-	    setTimeout(function() {
-	        if (document.readyState === 'interactive' || document.readyState === 'complete') {
-	            imagePing(url, {
-	                v: 1,
-	                t: hitType,
-	                tid: trackingId,
-	                cid: hostname,
-	                dp: hostname,
-	                dh: appName,
-	                el: appName,
-	                ec: eventCategory
-	            });
-	        }
-	    }, 1000);
-	}
-
-	/**
-	 * Request image ping.
-	 * @param {String} url url for ping request
-	 * @param {Object} trackingInfo infos for make query string
-	 * @returns {HTMLElement}
-	 * @memberof tui.util
-	 * @example
-	 * //-- #1. Get Module --//
-	 * var util = require('tui-code-snippet'); // node, commonjs
-	 * var util = tui.util; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * util.imagePing('https://www.google-analytics.com/collect', {
-	 *     v: 1,
-	 *     t: 'event',
-	 *     tid: 'trackingid',
-	 *     cid: 'cid',
-	 *     dp: 'dp',
-	 *     dh: 'dh'
-	 * });
-	 */
-	function imagePing(url, trackingInfo) {
-	    var queryString = collection.map(object.keys(trackingInfo), function(key, index) {
-	        var startWith = index === 0 ? '' : '&';
-
-	        return startWith + key + '=' + trackingInfo[key];
-	    }).join('');
-	    var trackingElement = document.createElement('img');
-
-	    trackingElement.src = url + '?' + queryString;
-
-	    trackingElement.style.display = 'none';
-	    document.body.appendChild(trackingElement);
-	    document.body.removeChild(trackingElement);
-
-	    return trackingElement;
-	}
-
-	module.exports = {
-	    imagePing: imagePing,
-	    sendHostname: sendHostname
-	};
-
-
-/***/ }),
-/* 10 */
-/***/ (function(module, exports) {
-
-	/**
-	 * @fileoverview This module detects the kind of well-known browser and version.
-	 * @author NHN.
-	 *         FE Development Lab 
-	 */
-
-	'use strict';
-
-	/**
-	 * This object has an information that indicate the kind of browser.
    
-	 * The list below is a detectable browser list.
-	 *  - ie8 ~ ie11
-	 *  - chrome
-	 *  - firefox
-	 *  - safari
-	 *  - edge
-	 * @memberof tui.util
-	 * @example
-	 * //-- #1. Get Module --//
-	 * var util = require('tui-code-snippet'); // node, commonjs
-	 * var util = tui.util; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * util.browser.chrome === true; // chrome
-	 * util.browser.firefox === true; // firefox
-	 * util.browser.safari === true; // safari
-	 * util.browser.msie === true; // IE
-	 * util.browser.edge === true; // edge
-	 * util.browser.others === true; // other browser
-	 * util.browser.version; // browser version
-	 */
-	var browser = {
-	    chrome: false,
-	    firefox: false,
-	    safari: false,
-	    msie: false,
-	    edge: false,
-	    others: false,
-	    version: 0
-	};
-
-	if (window && window.navigator) {
-	    detectBrowser();
-	}
-
-	/**
-	 * Detect the browser.
-	 * @private
-	 */
-	function detectBrowser() {
-	    var nav = window.navigator;
-	    var appName = nav.appName.replace(/\s/g, '_');
-	    var userAgent = nav.userAgent;
-
-	    var rIE = /MSIE\s([0-9]+[.0-9]*)/;
-	    var rIE11 = /Trident.*rv:11\./;
-	    var rEdge = /Edge\/(\d+)\./;
-	    var versionRegex = {
-	        firefox: /Firefox\/(\d+)\./,
-	        chrome: /Chrome\/(\d+)\./,
-	        safari: /Version\/([\d.]+).*Safari\/(\d+)/
-	    };
-
-	    var key, tmp;
-
-	    var detector = {
-	        Microsoft_Internet_Explorer: function() { // eslint-disable-line camelcase
-	            var detectedVersion = userAgent.match(rIE);
-
-	            if (detectedVersion) { // ie8 ~ ie10
-	                browser.msie = true;
-	                browser.version = parseFloat(detectedVersion[1]);
-	            } else { // no version information
-	                browser.others = true;
-	            }
-	        },
-	        Netscape: function() { // eslint-disable-line complexity
-	            var detected = false;
-
-	            if (rIE11.exec(userAgent)) {
-	                browser.msie = true;
-	                browser.version = 11;
-	                detected = true;
-	            } else if (rEdge.exec(userAgent)) {
-	                browser.edge = true;
-	                browser.version = userAgent.match(rEdge)[1];
-	                detected = true;
-	            } else {
-	                for (key in versionRegex) {
-	                    if (versionRegex.hasOwnProperty(key)) {
-	                        tmp = userAgent.match(versionRegex[key]);
-	                        if (tmp && tmp.length > 1) { // eslint-disable-line max-depth
-	                            browser[key] = detected = true;
-	                            browser.version = parseFloat(tmp[1] || 0);
-	                            break;
-	                        }
-	                    }
-	                }
-	            }
-	            if (!detected) {
-	                browser.others = true;
-	            }
-	        }
-	    };
-
-	    var fn = detector[appName];
-
-	    if (fn) {
-	        detector[appName]();
-	    }
-	}
-
-	module.exports = browser;
-
-
-/***/ }),
-/* 11 */
-/***/ (function(module, exports, __webpack_require__) {
-
-	/**
-	 * @fileoverview This module has some methods for handling popup-window
-	 * @author NHN.
-	 *         FE Development Lab 
-	 */
-
-	'use strict';
-
-	var collection = __webpack_require__(4);
-	var type = __webpack_require__(2);
-	var func = __webpack_require__(5);
-	var browser = __webpack_require__(10);
-	var object = __webpack_require__(1);
-
-	var popupId = 0;
-
-	/**
-	 * Popup management class
-	 * @constructor
-	 * @memberof tui.util
-	 * @example
-	 * // node, commonjs
-	 * var popup = require('tui-code-snippet').popup;
-	 * @example
-	 * // distribution file, script
-	 * 
-	 * 
-	 * 
-	 */
-	function CustomEvents() {
-	    /**
-	     * @type {HandlerItem[]}
-	     */
-	    this.events = null;
-
-	    /**
-	     * only for checking specific context event was binded
-	     * @type {object[]}
-	     */
-	    this.contexts = null;
-	}
-
-	/**
-	 * Mixin custom events feature to specific constructor
-	 * @param {function} func - constructor
-	 * @example
-	 * //-- #1. Get Module --//
-	 * var CustomEvents = require('tui-code-snippet').CustomEvents; // node, commonjs
-	 * var CustomEvents = tui.util.CustomEvents; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * var model;
-	 * function Model() {
-	 *     this.name = '';
-	 * }
-	 * CustomEvents.mixin(Model);
-	 *
-	 * model = new Model();
-	 * model.on('change', function() { this.name = 'model'; }, this);
-	 * model.fire('change');
-	 * alert(model.name); // 'model';
-	 */
-	CustomEvents.mixin = function(func) {
-	    object.extend(func.prototype, CustomEvents.prototype);
-	};
-
-	/**
-	 * Get HandlerItem object
-	 * @param {function} handler - handler function
-	 * @param {object} [context] - context for handler
-	 * @returns {HandlerItem} HandlerItem object
-	 * @private
-	 */
-	CustomEvents.prototype._getHandlerItem = function(handler, context) {
-	    var item = {handler: handler};
-
-	    if (context) {
-	        item.context = context;
-	    }
-
-	    return item;
-	};
-
-	/**
-	 * Get event object safely
-	 * @param {string} [eventName] - create sub event map if not exist.
-	 * @returns {(object|array)} event object. if you supplied `eventName`
-	 *  parameter then make new array and return it
-	 * @private
-	 */
-	CustomEvents.prototype._safeEvent = function(eventName) {
-	    var events = this.events;
-	    var byName;
-
-	    if (!events) {
-	        events = this.events = {};
-	    }
-
-	    if (eventName) {
-	        byName = events[eventName];
-
-	        if (!byName) {
-	            byName = [];
-	            events[eventName] = byName;
-	        }
-
-	        events = byName;
-	    }
-
-	    return events;
-	};
-
-	/**
-	 * Get context array safely
-	 * @returns {array} context array
-	 * @private
-	 */
-	CustomEvents.prototype._safeContext = function() {
-	    var context = this.contexts;
-
-	    if (!context) {
-	        context = this.contexts = [];
-	    }
-
-	    return context;
-	};
-
-	/**
-	 * Get index of context
-	 * @param {object} ctx - context that used for bind custom event
-	 * @returns {number} index of context
-	 * @private
-	 */
-	CustomEvents.prototype._indexOfContext = function(ctx) {
-	    var context = this._safeContext();
-	    var index = 0;
-
-	    while (context[index]) {
-	        if (ctx === context[index][0]) {
-	            return index;
-	        }
-
-	        index += 1;
-	    }
-
-	    return -1;
-	};
-
-	/**
-	 * Memorize supplied context for recognize supplied object is context or
-	 *  name: handler pair object when off()
-	 * @param {object} ctx - context object to memorize
-	 * @private
-	 */
-	CustomEvents.prototype._memorizeContext = function(ctx) {
-	    var context, index;
-
-	    if (!type.isExisty(ctx)) {
-	        return;
-	    }
-
-	    context = this._safeContext();
-	    index = this._indexOfContext(ctx);
-
-	    if (index > -1) {
-	        context[index][1] += 1;
-	    } else {
-	        context.push([ctx, 1]);
-	    }
-	};
-
-	/**
-	 * Forget supplied context object
-	 * @param {object} ctx - context object to forget
-	 * @private
-	 */
-	CustomEvents.prototype._forgetContext = function(ctx) {
-	    var context, contextIndex;
-
-	    if (!type.isExisty(ctx)) {
-	        return;
-	    }
-
-	    context = this._safeContext();
-	    contextIndex = this._indexOfContext(ctx);
-
-	    if (contextIndex > -1) {
-	        context[contextIndex][1] -= 1;
-
-	        if (context[contextIndex][1] <= 0) {
-	            context.splice(contextIndex, 1);
-	        }
-	    }
-	};
-
-	/**
-	 * Bind event handler
-	 * @param {(string|{name:string, handler:function})} eventName - custom
-	 *  event name or an object {eventName: handler}
-	 * @param {(function|object)} [handler] - handler function or context
-	 * @param {object} [context] - context for binding
-	 * @private
-	 */
-	CustomEvents.prototype._bindEvent = function(eventName, handler, context) {
-	    var events = this._safeEvent(eventName);
-	    this._memorizeContext(context);
-	    events.push(this._getHandlerItem(handler, context));
-	};
-
-	/**
-	 * Bind event handlers
-	 * @param {(string|{name:string, handler:function})} eventName - custom
-	 *  event name or an object {eventName: handler}
-	 * @param {(function|object)} [handler] - handler function or context
-	 * @param {object} [context] - context for binding
-	 * //-- #1. Get Module --//
-	 * var CustomEvents = require('tui-code-snippet').CustomEvents; // node, commonjs
-	 * var CustomEvents = tui.util.CustomEvents; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * // # 2.1 Basic Usage
-	 * CustomEvents.on('onload', handler);
-	 *
-	 * // # 2.2 With context
-	 * CustomEvents.on('onload', handler, myObj);
-	 *
-	 * // # 2.3 Bind by object that name, handler pairs
-	 * CustomEvents.on({
-	 *     'play': handler,
-	 *     'pause': handler2
-	 * });
-	 *
-	 * // # 2.4 Bind by object that name, handler pairs with context object
-	 * CustomEvents.on({
-	 *     'play': handler
-	 * }, myObj);
-	 */
-	CustomEvents.prototype.on = function(eventName, handler, context) {
-	    var self = this;
-
-	    if (type.isString(eventName)) {
-	        // [syntax 1, 2]
-	        eventName = eventName.split(R_EVENTNAME_SPLIT);
-	        collection.forEach(eventName, function(name) {
-	            self._bindEvent(name, handler, context);
-	        });
-	    } else if (type.isObject(eventName)) {
-	        // [syntax 3, 4]
-	        context = handler;
-	        collection.forEach(eventName, function(func, name) {
-	            self.on(name, func, context);
-	        });
-	    }
-	};
-
-	/**
-	 * Bind one-shot event handlers
-	 * @param {(string|{name:string,handler:function})} eventName - custom
-	 *  event name or an object {eventName: handler}
-	 * @param {function|object} [handler] - handler function or context
-	 * @param {object} [context] - context for binding
-	 */
-	CustomEvents.prototype.once = function(eventName, handler, context) {
-	    var self = this;
-
-	    if (type.isObject(eventName)) {
-	        context = handler;
-	        collection.forEach(eventName, function(func, name) {
-	            self.once(name, func, context);
-	        });
-
-	        return;
-	    }
-
-	    function onceHandler() { // eslint-disable-line require-jsdoc
-	        handler.apply(context, arguments);
-	        self.off(eventName, onceHandler, context);
-	    }
-
-	    this.on(eventName, onceHandler, context);
-	};
-
-	/**
-	 * Splice supplied array by callback result
-	 * @param {array} arr - array to splice
-	 * @param {function} predicate - function return boolean
-	 * @private
-	 */
-	CustomEvents.prototype._spliceMatches = function(arr, predicate) {
-	    var i = 0;
-	    var len;
-
-	    if (!type.isArray(arr)) {
-	        return;
-	    }
-
-	    for (len = arr.length; i < len; i += 1) {
-	        if (predicate(arr[i]) === true) {
-	            arr.splice(i, 1);
-	            len -= 1;
-	            i -= 1;
-	        }
-	    }
-	};
-
-	/**
-	 * Get matcher for unbind specific handler events
-	 * @param {function} handler - handler function
-	 * @returns {function} handler matcher
-	 * @private
-	 */
-	CustomEvents.prototype._matchHandler = function(handler) {
-	    var self = this;
-
-	    return function(item) {
-	        var needRemove = handler === item.handler;
-
-	        if (needRemove) {
-	            self._forgetContext(item.context);
-	        }
-
-	        return needRemove;
-	    };
-	};
-
-	/**
-	 * Get matcher for unbind specific context events
-	 * @param {object} context - context
-	 * @returns {function} object matcher
-	 * @private
-	 */
-	CustomEvents.prototype._matchContext = function(context) {
-	    var self = this;
-
-	    return function(item) {
-	        var needRemove = context === item.context;
-
-	        if (needRemove) {
-	            self._forgetContext(item.context);
-	        }
-
-	        return needRemove;
-	    };
-	};
-
-	/**
-	 * Get matcher for unbind specific hander, context pair events
-	 * @param {function} handler - handler function
-	 * @param {object} context - context
-	 * @returns {function} handler, context matcher
-	 * @private
-	 */
-	CustomEvents.prototype._matchHandlerAndContext = function(handler, context) {
-	    var self = this;
-
-	    return function(item) {
-	        var matchHandler = (handler === item.handler);
-	        var matchContext = (context === item.context);
-	        var needRemove = (matchHandler && matchContext);
-
-	        if (needRemove) {
-	            self._forgetContext(item.context);
-	        }
-
-	        return needRemove;
-	    };
-	};
-
-	/**
-	 * Unbind event by event name
-	 * @param {string} eventName - custom event name to unbind
-	 * @param {function} [handler] - handler function
-	 * @private
-	 */
-	CustomEvents.prototype._offByEventName = function(eventName, handler) {
-	    var self = this;
-	    var forEach = collection.forEachArray;
-	    var andByHandler = type.isFunction(handler);
-	    var matchHandler = self._matchHandler(handler);
-
-	    eventName = eventName.split(R_EVENTNAME_SPLIT);
-
-	    forEach(eventName, function(name) {
-	        var handlerItems = self._safeEvent(name);
-
-	        if (andByHandler) {
-	            self._spliceMatches(handlerItems, matchHandler);
-	        } else {
-	            forEach(handlerItems, function(item) {
-	                self._forgetContext(item.context);
-	            });
-
-	            self.events[name] = [];
-	        }
-	    });
-	};
-
-	/**
-	 * Unbind event by handler function
-	 * @param {function} handler - handler function
-	 * @private
-	 */
-	CustomEvents.prototype._offByHandler = function(handler) {
-	    var self = this;
-	    var matchHandler = this._matchHandler(handler);
-
-	    collection.forEach(this._safeEvent(), function(handlerItems) {
-	        self._spliceMatches(handlerItems, matchHandler);
-	    });
-	};
-
-	/**
-	 * Unbind event by object(name: handler pair object or context object)
-	 * @param {object} obj - context or {name: handler} pair object
-	 * @param {function} handler - handler function
-	 * @private
-	 */
-	CustomEvents.prototype._offByObject = function(obj, handler) {
-	    var self = this;
-	    var matchFunc;
-
-	    if (this._indexOfContext(obj) < 0) {
-	        collection.forEach(obj, function(func, name) {
-	            self.off(name, func);
-	        });
-	    } else if (type.isString(handler)) {
-	        matchFunc = this._matchContext(obj);
-
-	        self._spliceMatches(this._safeEvent(handler), matchFunc);
-	    } else if (type.isFunction(handler)) {
-	        matchFunc = this._matchHandlerAndContext(handler, obj);
-
-	        collection.forEach(this._safeEvent(), function(handlerItems) {
-	            self._spliceMatches(handlerItems, matchFunc);
-	        });
-	    } else {
-	        matchFunc = this._matchContext(obj);
-
-	        collection.forEach(this._safeEvent(), function(handlerItems) {
-	            self._spliceMatches(handlerItems, matchFunc);
-	        });
-	    }
-	};
-
-	/**
-	 * Unbind custom events
-	 * @param {(string|object|function)} eventName - event name or context or
-	 *  {name: handler} pair object or handler function
-	 * @param {(function)} handler - handler function
-	 * @example
-	 * //-- #1. Get Module --//
-	 * var CustomEvents = require('tui-code-snippet').CustomEvents; // node, commonjs
-	 * var CustomEvents = tui.util.CustomEvents; // distribution file
-	 *
-	 * //-- #2. Use property --//
-	 * // # 2.1 off by event name
-	 * CustomEvents.off('onload');
-	 *
-	 * // # 2.2 off by event name and handler
-	 * CustomEvents.off('play', handler);
-	 *
-	 * // # 2.3 off by handler
-	 * CustomEvents.off(handler);
-	 *
-	 * // # 2.4 off by context
-	 * CustomEvents.off(myObj);
-	 *
-	 * // # 2.5 off by context and handler
-	 * CustomEvents.off(myObj, handler);
-	 *
-	 * // # 2.6 off by context and event name
-	 * CustomEvents.off(myObj, 'onload');
-	 *
-	 * // # 2.7 off by an Object. that is {eventName: handler}
-	 * CustomEvents.off({
-	 *   'play': handler,
-	 *   'pause': handler2
-	 * });
-	 *
-	 * // # 2.8 off the all events
-	 * CustomEvents.off();
-	 */
-	CustomEvents.prototype.off = function(eventName, handler) {
-	    if (type.isString(eventName)) {
-	        // [syntax 1, 2]
-	        this._offByEventName(eventName, handler);
-	    } else if (!arguments.length) {
-	        // [syntax 8]
-	        this.events = {};
-	        this.contexts = [];
-	    } else if (type.isFunction(eventName)) {
-	        // [syntax 3]
-	        this._offByHandler(eventName);
-	    } else if (type.isObject(eventName)) {
-	        // [syntax 4, 5, 6]
-	        this._offByObject(eventName, handler);
-	    }
-	};
-
-	/**
-	 * Fire custom event
-	 * @param {string} eventName - name of custom event
-	 */
-	CustomEvents.prototype.fire = function(eventName) {  // eslint-disable-line
-	    this.invoke.apply(this, arguments);
-	};
-
-	/**
-	 * Fire a event and returns the result of operation 'boolean AND' with all
-	 *  listener's results.
-	 *
-	 * So, It is different from {@link CustomEvents#fire}.
-	 *
-	 * In service code, use this as a before event in component level usually
-	 *  for notifying that the event is cancelable.
-	 * @param {string} eventName - Custom event name
-	 * @param {...*} data - Data for event
-	 * @returns {boolean} The result of operation 'boolean AND'
-	 * @example
-	 * var map = new Map();
-	 * map.on({
-	 *     'beforeZoom': function() {
-	 *         // It should cancel the 'zoom' event by some conditions.
-	 *         if (that.disabled && this.getState()) {
-	 *             return false;
-	 *         }
-	 *         return true;
-	 *     }
-	 * });
-	 *
-	 * if (this.invoke('beforeZoom')) {    // check the result of 'beforeZoom'
-	 *     // if true,
-	 *     // doSomething
-	 * }
-	 */
-	CustomEvents.prototype.invoke = function(eventName) {
-	    var events, args, index, item;
-
-	    if (!this.hasListener(eventName)) {
-	        return true;
-	    }
-
-	    events = this._safeEvent(eventName);
-	    args = Array.prototype.slice.call(arguments, 1);
-	    index = 0;
-
-	    while (events[index]) {
-	        item = events[index];
-
-	        if (item.handler.apply(item.context, args) === false) {
-	            return false;
-	        }
-
-	        index += 1;
-	    }
-
-	    return true;
-	};
-
-	/**
-	 * Return whether at least one of the handlers is registered in the given
-	 *  event name.
-	 * @param {string} eventName - Custom event name
-	 * @returns {boolean} Is there at least one handler in event name?
-	 */
-	CustomEvents.prototype.hasListener = function(eventName) {
-	    return this.getListenerLength(eventName) > 0;
-	};
-
-	/**
-	 * Return a count of events registered.
-	 * @param {string} eventName - Custom event name
-	 * @returns {number} number of event
-	 */
-	CustomEvents.prototype.getListenerLength = function(eventName) {
-	    var events = this._safeEvent(eventName);
-
-	    return events.length;
-	};
-
-	module.exports = CustomEvents;
-
-
-/***/ }),
-/* 17 */
-/***/ (function(module, exports, __webpack_require__) {
-
-	/**
-	 * @fileoverview This module provides a Enum Constructor.
-	 * @author NHN.
-	 *         FE Development Lab 
-	 * @example
-	 * // node, commonjs
-	 * var Enum = require('tui-code-snippet').Enum;
-	 * @example
-	 * // distribution file, script
-	 * 
-	 * 
-	 * 
-	 * 
-	 *