@toast-ui/editor 3.0.3 → 3.1.3

package/dist/toastui-editor.js

@@ -1,6 +1,6 @@
 /*!
  * @toast-ui/editor
- * @version 3.0.3 | Tue Aug 17 2021
+ * @version 3.1.3 | Thu Feb 10 2022
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */
@@ -13,14 +13,1418 @@
 		exports["toastui"] = factory(require("prosemirror-commands"), require("prosemirror-history"), require("prosemirror-inputrules"), require("prosemirror-keymap"), require("prosemirror-model"), require("prosemirror-state"), require("prosemirror-transform"), require("prosemirror-view"));
 	else
 		root["toastui"] = root["toastui"] || {}, root["toastui"]["Editor"] = factory(root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined]);
-})(self, function(__WEBPACK_EXTERNAL_MODULE__818__, __WEBPACK_EXTERNAL_MODULE__168__, __WEBPACK_EXTERNAL_MODULE__925__, __WEBPACK_EXTERNAL_MODULE__703__, __WEBPACK_EXTERNAL_MODULE__959__, __WEBPACK_EXTERNAL_MODULE__676__, __WEBPACK_EXTERNAL_MODULE__747__, __WEBPACK_EXTERNAL_MODULE__754__) {
+})(self, function(__WEBPACK_EXTERNAL_MODULE__695__, __WEBPACK_EXTERNAL_MODULE__412__, __WEBPACK_EXTERNAL_MODULE__479__, __WEBPACK_EXTERNAL_MODULE__481__, __WEBPACK_EXTERNAL_MODULE__43__, __WEBPACK_EXTERNAL_MODULE__814__, __WEBPACK_EXTERNAL_MODULE__785__, __WEBPACK_EXTERNAL_MODULE__311__) {
 return /******/ (function() { // webpackBootstrap
-/******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
+/***/ 368:
+/***/ (function(module) {
+
+/*! @license DOMPurify 2.3.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.3.3/LICENSE */
+
+(function (global, factory) {
+   true ? module.exports = factory() :
+  0;
+}(this, function () { 'use strict';
+
+  function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+
+  var hasOwnProperty = Object.hasOwnProperty,
+      setPrototypeOf = Object.setPrototypeOf,
+      isFrozen = Object.isFrozen,
+      getPrototypeOf = Object.getPrototypeOf,
+      getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+  var freeze = Object.freeze,
+      seal = Object.seal,
+      create = Object.create; // eslint-disable-line import/no-mutable-exports
+
+  var _ref = typeof Reflect !== 'undefined' && Reflect,
+      apply = _ref.apply,
+      construct = _ref.construct;
+
+  if (!apply) {
+    apply = function apply(fun, thisValue, args) {
+      return fun.apply(thisValue, args);
+    };
+  }
+
+  if (!freeze) {
+    freeze = function freeze(x) {
+      return x;
+    };
+  }
+
+  if (!seal) {
+    seal = function seal(x) {
+      return x;
+    };
+  }
+
+  if (!construct) {
+    construct = function construct(Func, args) {
+      return new (Function.prototype.bind.apply(Func, [null].concat(_toConsumableArray(args))))();
+    };
+  }
+
+  var arrayForEach = unapply(Array.prototype.forEach);
+  var arrayPop = unapply(Array.prototype.pop);
+  var arrayPush = unapply(Array.prototype.push);
+
+  var stringToLowerCase = unapply(String.prototype.toLowerCase);
+  var stringMatch = unapply(String.prototype.match);
+  var stringReplace = unapply(String.prototype.replace);
+  var stringIndexOf = unapply(String.prototype.indexOf);
+  var stringTrim = unapply(String.prototype.trim);
+
+  var regExpTest = unapply(RegExp.prototype.test);
+
+  var typeErrorCreate = unconstruct(TypeError);
+
+  function unapply(func) {
+    return function (thisArg) {
+      for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+
+      return apply(func, thisArg, args);
+    };
+  }
+
+  function unconstruct(func) {
+    return function () {
+      for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+
+      return construct(func, args);
+    };
+  }
+
+  /* Add properties to a lookup table */
+  function addToSet(set, array) {
+    if (setPrototypeOf) {
+      // Make 'in' and truthy checks like Boolean(set.constructor)
+      // independent of any properties defined on Object.prototype.
+      // Prevent prototype setters from intercepting set as a this value.
+      setPrototypeOf(set, null);
+    }
+
+    var l = array.length;
+    while (l--) {
+      var element = array[l];
+      if (typeof element === 'string') {
+        var lcElement = stringToLowerCase(element);
+        if (lcElement !== element) {
+          // Config presets (e.g. tags.js, attrs.js) are immutable.
+          if (!isFrozen(array)) {
+            array[l] = lcElement;
+          }
+
+          element = lcElement;
+        }
+      }
+
+      set[element] = true;
+    }
+
+    return set;
+  }
+
+  /* Shallow clone an object */
+  function clone(object) {
+    var newObject = create(null);
+
+    var property = void 0;
+    for (property in object) {
+      if (apply(hasOwnProperty, object, [property])) {
+        newObject[property] = object[property];
+      }
+    }
+
+    return newObject;
+  }
+
+  /* IE10 doesn't support __lookupGetter__ so lets'
+   * simulate it. It also automatically checks
+   * if the prop is function or getter and behaves
+   * accordingly. */
+  function lookupGetter(object, prop) {
+    while (object !== null) {
+      var desc = getOwnPropertyDescriptor(object, prop);
+      if (desc) {
+        if (desc.get) {
+          return unapply(desc.get);
+        }
+
+        if (typeof desc.value === 'function') {
+          return unapply(desc.value);
+        }
+      }
+
+      object = getPrototypeOf(object);
+    }
+
+    function fallbackValue(element) {
+      console.warn('fallback value for', element);
+      return null;
+    }
+
+    return fallbackValue;
+  }
+
+  var html = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
+
+  // SVG
+  var svg = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
+
+  var svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
+
+  // List of SVG elements that are disallowed by default.
+  // We still need to know them so that we can do namespace
+  // checks properly in case one wants to add them to
+  // allow-list.
+  var svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'fedropshadow', 'feimage', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
+
+  var mathMl = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover']);
+
+  // Similarly to SVG, we want to know all MathML elements,
+  // even those that we disallow by default.
+  var mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
+
+  var text = freeze(['#text']);
+
+  var html$1 = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'xmlns', 'slot']);
+
+  var svg$1 = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'targetx', 'targety', 'transform', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
+
+  var mathMl$1 = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
+
+  var xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
+
+  // eslint-disable-next-line unicorn/better-regex
+  var MUSTACHE_EXPR = seal(/\{\{[\s\S]*|[\s\S]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
+  var ERB_EXPR = seal(/<%[\s\S]*|[\s\S]*%>/gm);
+  var DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]/); // eslint-disable-line no-useless-escape
+  var ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
+  var IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
+  );
+  var IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
+  var ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex
+  );
+
+  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; };
+
+  function _toConsumableArray$1(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+
+  var getGlobal = function getGlobal() {
+    return typeof window === 'undefined' ? null : window;
+  };
+
+  /**
+   * Creates a no-op policy for internal use only.
+   * Don't export this function outside this module!
+   * @param {?TrustedTypePolicyFactory} trustedTypes The policy factory.
+   * @param {Document} document The document object (to determine policy name suffix)
+   * @return {?TrustedTypePolicy} The policy created (or null, if Trusted Types
+   * are not supported).
+   */
+  var _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, document) {
+    if ((typeof trustedTypes === 'undefined' ? 'undefined' : _typeof(trustedTypes)) !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
+      return null;
+    }
+
+    // Allow the callers to control the unique policy name
+    // by adding a data-tt-policy-suffix to the script element with the DOMPurify.
+    // Policy creation with duplicate names throws in Trusted Types.
+    var suffix = null;
+    var ATTR_NAME = 'data-tt-policy-suffix';
+    if (document.currentScript && document.currentScript.hasAttribute(ATTR_NAME)) {
+      suffix = document.currentScript.getAttribute(ATTR_NAME);
+    }
+
+    var policyName = 'dompurify' + (suffix ? '#' + suffix : '');
+
+    try {
+      return trustedTypes.createPolicy(policyName, {
+        createHTML: function createHTML(html$$1) {
+          return html$$1;
+        }
+      });
+    } catch (_) {
+      // Policy creation failed (most likely another DOMPurify script has
+      // already run). Skip creating the policy, as this will only cause errors
+      // if TT are enforced.
+      console.warn('TrustedTypes policy ' + policyName + ' could not be created.');
+      return null;
+    }
+  };
+
+  function createDOMPurify() {
+    var window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
+
+    var DOMPurify = function DOMPurify(root) {
+      return createDOMPurify(root);
+    };
+
+    /**
+     * Version label, exposed for easier checks
+     * if DOMPurify is up to date or not
+     */
+    DOMPurify.version = '2.3.3';
+
+    /**
+     * Array of elements that DOMPurify removed during sanitation.
+     * Empty if nothing was removed.
+     */
+    DOMPurify.removed = [];
+
+    if (!window || !window.document || window.document.nodeType !== 9) {
+      // Not running in a browser, provide a factory function
+      // so that you can pass your own Window
+      DOMPurify.isSupported = false;
+
+      return DOMPurify;
+    }
+
+    var originalDocument = window.document;
+
+    var document = window.document;
+    var DocumentFragment = window.DocumentFragment,
+        HTMLTemplateElement = window.HTMLTemplateElement,
+        Node = window.Node,
+        Element = window.Element,
+        NodeFilter = window.NodeFilter,
+        _window$NamedNodeMap = window.NamedNodeMap,
+        NamedNodeMap = _window$NamedNodeMap === undefined ? window.NamedNodeMap || window.MozNamedAttrMap : _window$NamedNodeMap,
+        Text = window.Text,
+        Comment = window.Comment,
+        DOMParser = window.DOMParser,
+        trustedTypes = window.trustedTypes;
+
+
+    var ElementPrototype = Element.prototype;
+
+    var cloneNode = lookupGetter(ElementPrototype, 'cloneNode');
+    var getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');
+    var getChildNodes = lookupGetter(ElementPrototype, 'childNodes');
+    var getParentNode = lookupGetter(ElementPrototype, 'parentNode');
+
+    // As per issue #47, the web-components registry is inherited by a
+    // new document created via createHTMLDocument. As per the spec
+    // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)
+    // a new empty registry is used when creating a template contents owner
+    // document, so we use that as our parent document to ensure nothing
+    // is inherited.
+    if (typeof HTMLTemplateElement === 'function') {
+      var template = document.createElement('template');
+      if (template.content && template.content.ownerDocument) {
+        document = template.content.ownerDocument;
+      }
+    }
+
+    var trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, originalDocument);
+    var emptyHTML = trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML('') : '';
+
+    var _document = document,
+        implementation = _document.implementation,
+        createNodeIterator = _document.createNodeIterator,
+        createDocumentFragment = _document.createDocumentFragment,
+        getElementsByTagName = _document.getElementsByTagName;
+    var importNode = originalDocument.importNode;
+
+
+    var documentMode = {};
+    try {
+      documentMode = clone(document).documentMode ? document.documentMode : {};
+    } catch (_) {}
+
+    var hooks = {};
+
+    /**
+     * Expose whether this browser supports running the full DOMPurify.
+     */
+    DOMPurify.isSupported = typeof getParentNode === 'function' && implementation && typeof implementation.createHTMLDocument !== 'undefined' && documentMode !== 9;
+
+    var MUSTACHE_EXPR$$1 = MUSTACHE_EXPR,
+        ERB_EXPR$$1 = ERB_EXPR,
+        DATA_ATTR$$1 = DATA_ATTR,
+        ARIA_ATTR$$1 = ARIA_ATTR,
+        IS_SCRIPT_OR_DATA$$1 = IS_SCRIPT_OR_DATA,
+        ATTR_WHITESPACE$$1 = ATTR_WHITESPACE;
+    var IS_ALLOWED_URI$$1 = IS_ALLOWED_URI;
+
+    /**
+     * We consider the elements and attributes below to be safe. Ideally
+     * don't add any new ones but feel free to remove unwanted ones.
+     */
+
+    /* allowed element names */
+
+    var ALLOWED_TAGS = null;
+    var DEFAULT_ALLOWED_TAGS = addToSet({}, [].concat(_toConsumableArray$1(html), _toConsumableArray$1(svg), _toConsumableArray$1(svgFilters), _toConsumableArray$1(mathMl), _toConsumableArray$1(text)));
+
+    /* Allowed attribute names */
+    var ALLOWED_ATTR = null;
+    var DEFAULT_ALLOWED_ATTR = addToSet({}, [].concat(_toConsumableArray$1(html$1), _toConsumableArray$1(svg$1), _toConsumableArray$1(mathMl$1), _toConsumableArray$1(xml)));
+
+    /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
+    var FORBID_TAGS = null;
+
+    /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
+    var FORBID_ATTR = null;
+
+    /* Decide if ARIA attributes are okay */
+    var ALLOW_ARIA_ATTR = true;
+
+    /* Decide if custom data attributes are okay */
+    var ALLOW_DATA_ATTR = true;
+
+    /* Decide if unknown protocols are okay */
+    var ALLOW_UNKNOWN_PROTOCOLS = false;
+
+    /* Output should be safe for common template engines.
+     * This means, DOMPurify removes data attributes, mustaches and ERB
+     */
+    var SAFE_FOR_TEMPLATES = false;
+
+    /* Decide if document with <html>... should be returned */
+    var WHOLE_DOCUMENT = false;
+
+    /* Track whether config is already set on this instance of DOMPurify. */
+    var SET_CONFIG = false;
+
+    /* Decide if all elements (e.g. style, script) must be children of
+     * document.body. By default, browsers might move them to document.head */
+    var FORCE_BODY = false;
+
+    /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html
+     * string (or a TrustedHTML object if Trusted Types are supported).
+     * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead
+     */
+    var RETURN_DOM = false;
+
+    /* Decide if a DOM `DocumentFragment` should be returned, instead of a html
+     * string  (or a TrustedHTML object if Trusted Types are supported) */
+    var RETURN_DOM_FRAGMENT = false;
+
+    /* If `RETURN_DOM` or `RETURN_DOM_FRAGMENT` is enabled, decide if the returned DOM
+     * `Node` is imported into the current `Document`. If this flag is not enabled the
+     * `Node` will belong (its ownerDocument) to a fresh `HTMLDocument`, created by
+     * DOMPurify.
+     *
+     * This defaults to `true` starting DOMPurify 2.2.0. Note that setting it to `false`
+     * might cause XSS from attacks hidden in closed shadowroots in case the browser
+     * supports Declarative Shadow: DOM https://web.dev/declarative-shadow-dom/
+     */
+    var RETURN_DOM_IMPORT = true;
+
+    /* Try to return a Trusted Type object instead of a string, return a string in
+     * case Trusted Types are not supported  */
+    var RETURN_TRUSTED_TYPE = false;
+
+    /* Output should be free from DOM clobbering attacks? */
+    var SANITIZE_DOM = true;
+
+    /* Keep element content when removing element? */
+    var KEEP_CONTENT = true;
+
+    /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead
+     * of importing it into a new Document and returning a sanitized copy */
+    var IN_PLACE = false;
+
+    /* Allow usage of profiles like html, svg and mathMl */
+    var USE_PROFILES = {};
+
+    /* Tags to ignore content of when KEEP_CONTENT is true */
+    var FORBID_CONTENTS = null;
+    var DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
+
+    /* Tags that are safe for data: URIs */
+    var DATA_URI_TAGS = null;
+    var DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);
+
+    /* Attributes safe for values like "javascript:" */
+    var URI_SAFE_ATTRIBUTES = null;
+    var DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
+
+    var MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
+    var SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+    var HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
+    /* Document namespace */
+    var NAMESPACE = HTML_NAMESPACE;
+    var IS_EMPTY_INPUT = false;
+
+    /* Parsing of strict XHTML documents */
+    var PARSER_MEDIA_TYPE = void 0;
+    var SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
+    var DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
+    var transformCaseFunc = void 0;
+
+    /* Keep a reference to config to pass to hooks */
+    var CONFIG = null;
+
+    /* Ideally, do not touch anything below this line */
+    /* ______________________________________________ */
+
+    var formElement = document.createElement('form');
+
+    /**
+     * _parseConfig
+     *
+     * @param  {Object} cfg optional config literal
+     */
+    // eslint-disable-next-line complexity
+    var _parseConfig = function _parseConfig(cfg) {
+      if (CONFIG && CONFIG === cfg) {
+        return;
+      }
+
+      /* Shield configuration object from tampering */
+      if (!cfg || (typeof cfg === 'undefined' ? 'undefined' : _typeof(cfg)) !== 'object') {
+        cfg = {};
+      }
+
+      /* Shield configuration object from prototype pollution */
+      cfg = clone(cfg);
+
+      /* Set configuration parameters */
+      ALLOWED_TAGS = 'ALLOWED_TAGS' in cfg ? addToSet({}, cfg.ALLOWED_TAGS) : DEFAULT_ALLOWED_TAGS;
+      ALLOWED_ATTR = 'ALLOWED_ATTR' in cfg ? addToSet({}, cfg.ALLOWED_ATTR) : DEFAULT_ALLOWED_ATTR;
+      URI_SAFE_ATTRIBUTES = 'ADD_URI_SAFE_ATTR' in cfg ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR) : DEFAULT_URI_SAFE_ATTRIBUTES;
+      DATA_URI_TAGS = 'ADD_DATA_URI_TAGS' in cfg ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS) : DEFAULT_DATA_URI_TAGS;
+      FORBID_CONTENTS = 'FORBID_CONTENTS' in cfg ? addToSet({}, cfg.FORBID_CONTENTS) : DEFAULT_FORBID_CONTENTS;
+      FORBID_TAGS = 'FORBID_TAGS' in cfg ? addToSet({}, cfg.FORBID_TAGS) : {};
+      FORBID_ATTR = 'FORBID_ATTR' in cfg ? addToSet({}, cfg.FORBID_ATTR) : {};
+      USE_PROFILES = 'USE_PROFILES' in cfg ? cfg.USE_PROFILES : false;
+      ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true
+      ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true
+      ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false
+      SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false
+      WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
+      RETURN_DOM = cfg.RETURN_DOM || false; // Default false
+      RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
+      RETURN_DOM_IMPORT = cfg.RETURN_DOM_IMPORT !== false; // Default true
+      RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
+      FORCE_BODY = cfg.FORCE_BODY || false; // Default false
+      SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
+      KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
+      IN_PLACE = cfg.IN_PLACE || false; // Default false
+      IS_ALLOWED_URI$$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI$$1;
+      NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
+
+      PARSER_MEDIA_TYPE =
+      // eslint-disable-next-line unicorn/prefer-includes
+      SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? PARSER_MEDIA_TYPE = DEFAULT_PARSER_MEDIA_TYPE : PARSER_MEDIA_TYPE = cfg.PARSER_MEDIA_TYPE;
+
+      // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.
+      transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? function (x) {
+        return x;
+      } : stringToLowerCase;
+
+      if (SAFE_FOR_TEMPLATES) {
+        ALLOW_DATA_ATTR = false;
+      }
+
+      if (RETURN_DOM_FRAGMENT) {
+        RETURN_DOM = true;
+      }
+
+      /* Parse profile info */
+      if (USE_PROFILES) {
+        ALLOWED_TAGS = addToSet({}, [].concat(_toConsumableArray$1(text)));
+        ALLOWED_ATTR = [];
+        if (USE_PROFILES.html === true) {
+          addToSet(ALLOWED_TAGS, html);
+          addToSet(ALLOWED_ATTR, html$1);
+        }
+
+        if (USE_PROFILES.svg === true) {
+          addToSet(ALLOWED_TAGS, svg);
+          addToSet(ALLOWED_ATTR, svg$1);
+          addToSet(ALLOWED_ATTR, xml);
+        }
+
+        if (USE_PROFILES.svgFilters === true) {
+          addToSet(ALLOWED_TAGS, svgFilters);
+          addToSet(ALLOWED_ATTR, svg$1);
+          addToSet(ALLOWED_ATTR, xml);
+        }
+
+        if (USE_PROFILES.mathMl === true) {
+          addToSet(ALLOWED_TAGS, mathMl);
+          addToSet(ALLOWED_ATTR, mathMl$1);
+          addToSet(ALLOWED_ATTR, xml);
+        }
+      }
+
+      /* Merge configuration parameters */
+      if (cfg.ADD_TAGS) {
+        if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
+          ALLOWED_TAGS = clone(ALLOWED_TAGS);
+        }
+
+        addToSet(ALLOWED_TAGS, cfg.ADD_TAGS);
+      }
+
+      if (cfg.ADD_ATTR) {
+        if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
+          ALLOWED_ATTR = clone(ALLOWED_ATTR);
+        }
+
+        addToSet(ALLOWED_ATTR, cfg.ADD_ATTR);
+      }
+
+      if (cfg.ADD_URI_SAFE_ATTR) {
+        addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR);
+      }
+
+      if (cfg.FORBID_CONTENTS) {
+        if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
+          FORBID_CONTENTS = clone(FORBID_CONTENTS);
+        }
+
+        addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS);
+      }
+
+      /* Add #text in case KEEP_CONTENT is set to true */
+      if (KEEP_CONTENT) {
+        ALLOWED_TAGS['#text'] = true;
+      }
+
+      /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */
+      if (WHOLE_DOCUMENT) {
+        addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);
+      }
+
+      /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */
+      if (ALLOWED_TAGS.table) {
+        addToSet(ALLOWED_TAGS, ['tbody']);
+        delete FORBID_TAGS.tbody;
+      }
+
+      // Prevent further manipulation of configuration.
+      // Not available in IE8, Safari 5, etc.
+      if (freeze) {
+        freeze(cfg);
+      }
+
+      CONFIG = cfg;
+    };
+
+    var MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);
+
+    var HTML_INTEGRATION_POINTS = addToSet({}, ['foreignobject', 'desc', 'title', 'annotation-xml']);
+
+    /* Keep track of all possible SVG and MathML tags
+     * so that we can perform the namespace checks
+     * correctly. */
+    var ALL_SVG_TAGS = addToSet({}, svg);
+    addToSet(ALL_SVG_TAGS, svgFilters);
+    addToSet(ALL_SVG_TAGS, svgDisallowed);
+
+    var ALL_MATHML_TAGS = addToSet({}, mathMl);
+    addToSet(ALL_MATHML_TAGS, mathMlDisallowed);
+
+    /**
+     *
+     *
+     * @param  {Element} element a DOM element whose namespace is being checked
+     * @returns {boolean} Return false if the element has a
+     *  namespace that a spec-compliant parser would never
+     *  return. Return true otherwise.
+     */
+    var _checkValidNamespace = function _checkValidNamespace(element) {
+      var parent = getParentNode(element);
+
+      // In JSDOM, if we're inside shadow DOM, then parentNode
+      // can be null. We just simulate parent in this case.
+      if (!parent || !parent.tagName) {
+        parent = {
+          namespaceURI: HTML_NAMESPACE,
+          tagName: 'template'
+        };
+      }
+
+      var tagName = stringToLowerCase(element.tagName);
+      var parentTagName = stringToLowerCase(parent.tagName);
+
+      if (element.namespaceURI === SVG_NAMESPACE) {
+        // The only way to switch from HTML namespace to SVG
+        // is via <svg>. If it happens via any other tag, then
+        // it should be killed.
+        if (parent.namespaceURI === HTML_NAMESPACE) {
+          return tagName === 'svg';
+        }
+
+        // The only way to switch from MathML to SVG is via
+        // svg if parent is either <annotation-xml> or MathML
+        // text integration points.
+        if (parent.namespaceURI === MATHML_NAMESPACE) {
+          return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
+        }
+
+        // We only allow elements that are defined in SVG
+        // spec. All others are disallowed in SVG namespace.
+        return Boolean(ALL_SVG_TAGS[tagName]);
+      }
+
+      if (element.namespaceURI === MATHML_NAMESPACE) {
+        // The only way to switch from HTML namespace to MathML
+        // is via <math>. If it happens via any other tag, then
+        // it should be killed.
+        if (parent.namespaceURI === HTML_NAMESPACE) {
+          return tagName === 'math';
+        }
+
+        // The only way to switch from SVG to MathML is via
+        // <math> and HTML integration points
+        if (parent.namespaceURI === SVG_NAMESPACE) {
+          return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];
+        }
+
+        // We only allow elements that are defined in MathML
+        // spec. All others are disallowed in MathML namespace.
+        return Boolean(ALL_MATHML_TAGS[tagName]);
+      }
+
+      if (element.namespaceURI === HTML_NAMESPACE) {
+        // The only way to switch from SVG to HTML is via
+        // HTML integration points, and from MathML to HTML
+        // is via MathML text integration points
+        if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
+          return false;
+        }
+
+        if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
+          return false;
+        }
+
+        // Certain elements are allowed in both SVG and HTML
+        // namespace. We need to specify them explicitly
+        // so that they don't get erronously deleted from
+        // HTML namespace.
+        var commonSvgAndHTMLElements = addToSet({}, ['title', 'style', 'font', 'a', 'script']);
+
+        // We disallow tags that are specific for MathML
+        // or SVG and should never appear in HTML namespace
+        return !ALL_MATHML_TAGS[tagName] && (commonSvgAndHTMLElements[tagName] || !ALL_SVG_TAGS[tagName]);
+      }
+
+      // The code should never reach this place (this means
+      // that the element somehow got namespace that is not
+      // HTML, SVG or MathML). Return false just in case.
+      return false;
+    };
+
+    /**
+     * _forceRemove
+     *
+     * @param  {Node} node a DOM node
+     */
+    var _forceRemove = function _forceRemove(node) {
+      arrayPush(DOMPurify.removed, { element: node });
+      try {
+        // eslint-disable-next-line unicorn/prefer-dom-node-remove
+        node.parentNode.removeChild(node);
+      } catch (_) {
+        try {
+          node.outerHTML = emptyHTML;
+        } catch (_) {
+          node.remove();
+        }
+      }
+    };
+
+    /**
+     * _removeAttribute
+     *
+     * @param  {String} name an Attribute name
+     * @param  {Node} node a DOM node
+     */
+    var _removeAttribute = function _removeAttribute(name, node) {
+      try {
+        arrayPush(DOMPurify.removed, {
+          attribute: node.getAttributeNode(name),
+          from: node
+        });
+      } catch (_) {
+        arrayPush(DOMPurify.removed, {
+          attribute: null,
+          from: node
+        });
+      }
+
+      node.removeAttribute(name);
+
+      // We void attribute values for unremovable "is"" attributes
+      if (name === 'is' && !ALLOWED_ATTR[name]) {
+        if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
+          try {
+            _forceRemove(node);
+          } catch (_) {}
+        } else {
+          try {
+            node.setAttribute(name, '');
+          } catch (_) {}
+        }
+      }
+    };
+
+    /**
+     * _initDocument
+     *
+     * @param  {String} dirty a string of dirty markup
+     * @return {Document} a DOM, filled with the dirty markup
+     */
+    var _initDocument = function _initDocument(dirty) {
+      /* Create a HTML document */
+      var doc = void 0;
+      var leadingWhitespace = void 0;
+
+      if (FORCE_BODY) {
+        dirty = '<remove></remove>' + dirty;
+      } else {
+        /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */
+        var matches = stringMatch(dirty, /^[\r\n\t ]+/);
+        leadingWhitespace = matches && matches[0];
+      }
+
+      if (PARSER_MEDIA_TYPE === 'application/xhtml+xml') {
+        // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)
+        dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + '</body></html>';
+      }
+
+      var dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
+      /*
+       * Use the DOMParser API by default, fallback later if needs be
+       * DOMParser not work for svg when has multiple root element.
+       */
+      if (NAMESPACE === HTML_NAMESPACE) {
+        try {
+          doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
+        } catch (_) {}
+      }
+
+      /* Use createHTMLDocument in case DOMParser is not available */
+      if (!doc || !doc.documentElement) {
+        doc = implementation.createDocument(NAMESPACE, 'template', null);
+        try {
+          doc.documentElement.innerHTML = IS_EMPTY_INPUT ? '' : dirtyPayload;
+        } catch (_) {
+          // Syntax error if dirtyPayload is invalid xml
+        }
+      }
+
+      var body = doc.body || doc.documentElement;
+
+      if (dirty && leadingWhitespace) {
+        body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
+      }
+
+      /* Work on whole document or just its body */
+      if (NAMESPACE === HTML_NAMESPACE) {
+        return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
+      }
+
+      return WHOLE_DOCUMENT ? doc.documentElement : body;
+    };
+
+    /**
+     * _createIterator
+     *
+     * @param  {Document} root document/fragment to create iterator for
+     * @return {Iterator} iterator instance
+     */
+    var _createIterator = function _createIterator(root) {
+      return createNodeIterator.call(root.ownerDocument || root, root, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT, null, false);
+    };
+
+    /**
+     * _isClobbered
+     *
+     * @param  {Node} elm element to check for clobbering attacks
+     * @return {Boolean} true if clobbered, false if safe
+     */
+    var _isClobbered = function _isClobbered(elm) {
+      if (elm instanceof Text || elm instanceof Comment) {
+        return false;
+      }
+
+      if (typeof elm.nodeName !== 'string' || typeof elm.textContent !== 'string' || typeof elm.removeChild !== 'function' || !(elm.attributes instanceof NamedNodeMap) || typeof elm.removeAttribute !== 'function' || typeof elm.setAttribute !== 'function' || typeof elm.namespaceURI !== 'string' || typeof elm.insertBefore !== 'function') {
+        return true;
+      }
+
+      return false;
+    };
+
+    /**
+     * _isNode
+     *
+     * @param  {Node} obj object to check whether it's a DOM node
+     * @return {Boolean} true is object is a DOM node
+     */
+    var _isNode = function _isNode(object) {
+      return (typeof Node === 'undefined' ? 'undefined' : _typeof(Node)) === 'object' ? object instanceof Node : object && (typeof object === 'undefined' ? 'undefined' : _typeof(object)) === 'object' && typeof object.nodeType === 'number' && typeof object.nodeName === 'string';
+    };
+
+    /**
+     * _executeHook
+     * Execute user configurable hooks
+     *
+     * @param  {String} entryPoint  Name of the hook's entry point
+     * @param  {Node} currentNode node to work on with the hook
+     * @param  {Object} data additional hook parameters
+     */
+    var _executeHook = function _executeHook(entryPoint, currentNode, data) {
+      if (!hooks[entryPoint]) {
+        return;
+      }
+
+      arrayForEach(hooks[entryPoint], function (hook) {
+        hook.call(DOMPurify, currentNode, data, CONFIG);
+      });
+    };
+
+    /**
+     * _sanitizeElements
+     *
+     * @protect nodeName
+     * @protect textContent
+     * @protect removeChild
+     *
+     * @param   {Node} currentNode to check for permission to exist
+     * @return  {Boolean} true if node was killed, false if left alive
+     */
+    var _sanitizeElements = function _sanitizeElements(currentNode) {
+      var content = void 0;
+
+      /* Execute a hook if present */
+      _executeHook('beforeSanitizeElements', currentNode, null);
+
+      /* Check if element is clobbered or can clobber */
+      if (_isClobbered(currentNode)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+
+      /* Check if tagname contains Unicode */
+      if (stringMatch(currentNode.nodeName, /[\u0080-\uFFFF]/)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+
+      /* Now let's check the element's type and name */
+      var tagName = transformCaseFunc(currentNode.nodeName);
+
+      /* Execute a hook if present */
+      _executeHook('uponSanitizeElement', currentNode, {
+        tagName: tagName,
+        allowedTags: ALLOWED_TAGS
+      });
+
+      /* Detect mXSS attempts abusing namespace confusion */
+      if (!_isNode(currentNode.firstElementChild) && (!_isNode(currentNode.content) || !_isNode(currentNode.content.firstElementChild)) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+
+      /* Mitigate a problem with templates inside select */
+      if (tagName === 'select' && regExpTest(/<template/i, currentNode.innerHTML)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+
+      /* Remove element if anything forbids its presence */
+      if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+        /* Keep content except for bad-listed elements */
+        if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
+          var parentNode = getParentNode(currentNode) || currentNode.parentNode;
+          var childNodes = getChildNodes(currentNode) || currentNode.childNodes;
+
+          if (childNodes && parentNode) {
+            var childCount = childNodes.length;
+
+            for (var i = childCount - 1; i >= 0; --i) {
+              parentNode.insertBefore(cloneNode(childNodes[i], true), getNextSibling(currentNode));
+            }
+          }
+        }
+
+        _forceRemove(currentNode);
+        return true;
+      }
+
+      /* Check whether element has a valid namespace */
+      if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+
+      if ((tagName === 'noscript' || tagName === 'noembed') && regExpTest(/<\/no(script|embed)/i, currentNode.innerHTML)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+
+      /* Sanitize element content to be template-safe */
+      if (SAFE_FOR_TEMPLATES && currentNode.nodeType === 3) {
+        /* Get the element's text content */
+        content = currentNode.textContent;
+        content = stringReplace(content, MUSTACHE_EXPR$$1, ' ');
+        content = stringReplace(content, ERB_EXPR$$1, ' ');
+        if (currentNode.textContent !== content) {
+          arrayPush(DOMPurify.removed, { element: currentNode.cloneNode() });
+          currentNode.textContent = content;
+        }
+      }
+
+      /* Execute a hook if present */
+      _executeHook('afterSanitizeElements', currentNode, null);
+
+      return false;
+    };
+
+    /**
+     * _isValidAttribute
+     *
+     * @param  {string} lcTag Lowercase tag name of containing element.
+     * @param  {string} lcName Lowercase attribute name.
+     * @param  {string} value Attribute value.
+     * @return {Boolean} Returns true if `value` is valid, otherwise false.
+     */
+    // eslint-disable-next-line complexity
+    var _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
+      /* Make sure attribute cannot clobber */
+      if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
+        return false;
+      }
+
+      /* Allow valid data-* attributes: At least one character after "-"
+          (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
+          XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
+          We don't need to check the value; it's always URI safe. */
+      if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR$$1, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR$$1, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
+        return false;
+
+        /* Check value is safe. First, is attr inert? If so, is safe */
+      } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$$1, stringReplace(value, ATTR_WHITESPACE$$1, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA$$1, stringReplace(value, ATTR_WHITESPACE$$1, ''))) ; else if (!value) ; else {
+        return false;
+      }
+
+      return true;
+    };
+
+    /**
+     * _sanitizeAttributes
+     *
+     * @protect attributes
+     * @protect nodeName
+     * @protect removeAttribute
+     * @protect setAttribute
+     *
+     * @param  {Node} currentNode to sanitize
+     */
+    var _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
+      var attr = void 0;
+      var value = void 0;
+      var lcName = void 0;
+      var l = void 0;
+      /* Execute a hook if present */
+      _executeHook('beforeSanitizeAttributes', currentNode, null);
+
+      var attributes = currentNode.attributes;
+
+      /* Check if we have attributes; if not we might have a text node */
+
+      if (!attributes) {
+        return;
+      }
+
+      var hookEvent = {
+        attrName: '',
+        attrValue: '',
+        keepAttr: true,
+        allowedAttributes: ALLOWED_ATTR
+      };
+      l = attributes.length;
+
+      /* Go backwards over all attributes; safely remove bad ones */
+      while (l--) {
+        attr = attributes[l];
+        var _attr = attr,
+            name = _attr.name,
+            namespaceURI = _attr.namespaceURI;
+
+        value = stringTrim(attr.value);
+        lcName = transformCaseFunc(name);
+
+        /* Execute a hook if present */
+        hookEvent.attrName = lcName;
+        hookEvent.attrValue = value;
+        hookEvent.keepAttr = true;
+        hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set
+        _executeHook('uponSanitizeAttribute', currentNode, hookEvent);
+        value = hookEvent.attrValue;
+        /* Did the hooks approve of the attribute? */
+        if (hookEvent.forceKeepAttr) {
+          continue;
+        }
+
+        /* Remove attribute */
+        _removeAttribute(name, currentNode);
+
+        /* Did the hooks approve of the attribute? */
+        if (!hookEvent.keepAttr) {
+          continue;
+        }
+
+        /* Work around a security issue in jQuery 3.0 */
+        if (regExpTest(/\/>/i, value)) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+
+        /* Sanitize attribute content to be template-safe */
+        if (SAFE_FOR_TEMPLATES) {
+          value = stringReplace(value, MUSTACHE_EXPR$$1, ' ');
+          value = stringReplace(value, ERB_EXPR$$1, ' ');
+        }
+
+        /* Is `value` valid for this attribute? */
+        var lcTag = transformCaseFunc(currentNode.nodeName);
+        if (!_isValidAttribute(lcTag, lcName, value)) {
+          continue;
+        }
+
+        /* Handle invalid data-* attribute set by try-catching it */
+        try {
+          if (namespaceURI) {
+            currentNode.setAttributeNS(namespaceURI, name, value);
+          } else {
+            /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
+            currentNode.setAttribute(name, value);
+          }
+
+          arrayPop(DOMPurify.removed);
+        } catch (_) {}
+      }
+
+      /* Execute a hook if present */
+      _executeHook('afterSanitizeAttributes', currentNode, null);
+    };
+
+    /**
+     * _sanitizeShadowDOM
+     *
+     * @param  {DocumentFragment} fragment to iterate over recursively
+     */
+    var _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
+      var shadowNode = void 0;
+      var shadowIterator = _createIterator(fragment);
+
+      /* Execute a hook if present */
+      _executeHook('beforeSanitizeShadowDOM', fragment, null);
+
+      while (shadowNode = shadowIterator.nextNode()) {
+        /* Execute a hook if present */
+        _executeHook('uponSanitizeShadowNode', shadowNode, null);
+
+        /* Sanitize tags and elements */
+        if (_sanitizeElements(shadowNode)) {
+          continue;
+        }
+
+        /* Deep shadow DOM detected */
+        if (shadowNode.content instanceof DocumentFragment) {
+          _sanitizeShadowDOM(shadowNode.content);
+        }
+
+        /* Check attributes, sanitize if necessary */
+        _sanitizeAttributes(shadowNode);
+      }
+
+      /* Execute a hook if present */
+      _executeHook('afterSanitizeShadowDOM', fragment, null);
+    };
+
+    /**
+     * Sanitize
+     * Public method providing core sanitation functionality
+     *
+     * @param {String|Node} dirty string or DOM node
+     * @param {Object} configuration object
+     */
+    // eslint-disable-next-line complexity
+    DOMPurify.sanitize = function (dirty, cfg) {
+      var body = void 0;
+      var importedNode = void 0;
+      var currentNode = void 0;
+      var oldNode = void 0;
+      var returnNode = void 0;
+      /* Make sure we have a string to sanitize.
+        DO NOT return early, as this will return the wrong type if
+        the user has requested a DOM object rather than a string */
+      IS_EMPTY_INPUT = !dirty;
+      if (IS_EMPTY_INPUT) {
+        dirty = '<!-->';
+      }
+
+      /* Stringify, in case dirty is an object */
+      if (typeof dirty !== 'string' && !_isNode(dirty)) {
+        // eslint-disable-next-line no-negated-condition
+        if (typeof dirty.toString !== 'function') {
+          throw typeErrorCreate('toString is not a function');
+        } else {
+          dirty = dirty.toString();
+          if (typeof dirty !== 'string') {
+            throw typeErrorCreate('dirty is not a string, aborting');
+          }
+        }
+      }
+
+      /* Check we can run. Otherwise fall back or ignore */
+      if (!DOMPurify.isSupported) {
+        if (_typeof(window.toStaticHTML) === 'object' || typeof window.toStaticHTML === 'function') {
+          if (typeof dirty === 'string') {
+            return window.toStaticHTML(dirty);
+          }
+
+          if (_isNode(dirty)) {
+            return window.toStaticHTML(dirty.outerHTML);
+          }
+        }
+
+        return dirty;
+      }
+
+      /* Assign config vars */
+      if (!SET_CONFIG) {
+        _parseConfig(cfg);
+      }
+
+      /* Clean up removed elements */
+      DOMPurify.removed = [];
+
+      /* Check if dirty is correctly typed for IN_PLACE */
+      if (typeof dirty === 'string') {
+        IN_PLACE = false;
+      }
+
+      if (IN_PLACE) ; else if (dirty instanceof Node) {
+        /* If dirty is a DOM element, append to an empty document to avoid
+           elements being stripped by the parser */
+        body = _initDocument('<!---->');
+        importedNode = body.ownerDocument.importNode(dirty, true);
+        if (importedNode.nodeType === 1 && importedNode.nodeName === 'BODY') {
+          /* Node is already a body, use as is */
+          body = importedNode;
+        } else if (importedNode.nodeName === 'HTML') {
+          body = importedNode;
+        } else {
+          // eslint-disable-next-line unicorn/prefer-dom-node-append
+          body.appendChild(importedNode);
+        }
+      } else {
+        /* Exit directly if we have nothing to do */
+        if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT &&
+        // eslint-disable-next-line unicorn/prefer-includes
+        dirty.indexOf('<') === -1) {
+          return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
+        }
+
+        /* Initialize the document to work on */
+        body = _initDocument(dirty);
+
+        /* Check we have a DOM node from the data */
+        if (!body) {
+          return RETURN_DOM ? null : emptyHTML;
+        }
+      }
+
+      /* Remove first element node (ours) if FORCE_BODY is set */
+      if (body && FORCE_BODY) {
+        _forceRemove(body.firstChild);
+      }
+
+      /* Get node iterator */
+      var nodeIterator = _createIterator(IN_PLACE ? dirty : body);
+
+      /* Now start iterating over the created document */
+      while (currentNode = nodeIterator.nextNode()) {
+        /* Fix IE's strange behavior with manipulated textNodes #89 */
+        if (currentNode.nodeType === 3 && currentNode === oldNode) {
+          continue;
+        }
+
+        /* Sanitize tags and elements */
+        if (_sanitizeElements(currentNode)) {
+          continue;
+        }
+
+        /* Shadow DOM detected, sanitize it */
+        if (currentNode.content instanceof DocumentFragment) {
+          _sanitizeShadowDOM(currentNode.content);
+        }
+
+        /* Check attributes, sanitize if necessary */
+        _sanitizeAttributes(currentNode);
+
+        oldNode = currentNode;
+      }
+
+      oldNode = null;
+
+      /* If we sanitized `dirty` in-place, return it. */
+      if (IN_PLACE) {
+        return dirty;
+      }
+
+      /* Return sanitized string or DOM */
+      if (RETURN_DOM) {
+        if (RETURN_DOM_FRAGMENT) {
+          returnNode = createDocumentFragment.call(body.ownerDocument);
+
+          while (body.firstChild) {
+            // eslint-disable-next-line unicorn/prefer-dom-node-append
+            returnNode.appendChild(body.firstChild);
+          }
+        } else {
+          returnNode = body;
+        }
+
+        if (RETURN_DOM_IMPORT) {
+          /*
+            AdoptNode() is not used because internal state is not reset
+            (e.g. the past names map of a HTMLFormElement), this is safe
+            in theory but we would rather not risk another attack vector.
+            The state that is cloned by importNode() is explicitly defined
+            by the specs.
+          */
+          returnNode = importNode.call(originalDocument, returnNode, true);
+        }
+
+        return returnNode;
+      }
+
+      var serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
+
+      /* Sanitize final string template-safe */
+      if (SAFE_FOR_TEMPLATES) {
+        serializedHTML = stringReplace(serializedHTML, MUSTACHE_EXPR$$1, ' ');
+        serializedHTML = stringReplace(serializedHTML, ERB_EXPR$$1, ' ');
+      }
+
+      return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
+    };
+
+    /**
+     * Public method to set the configuration once
+     * setConfig
+     *
+     * @param {Object} cfg configuration object
+     */
+    DOMPurify.setConfig = function (cfg) {
+      _parseConfig(cfg);
+      SET_CONFIG = true;
+    };
+
+    /**
+     * Public method to remove the configuration
+     * clearConfig
+     *
+     */
+    DOMPurify.clearConfig = function () {
+      CONFIG = null;
+      SET_CONFIG = false;
+    };
+
+    /**
+     * Public method to check if an attribute value is valid.
+     * Uses last set config, if any. Otherwise, uses config defaults.
+     * isValidAttribute
+     *
+     * @param  {string} tag Tag name of containing element.
+     * @param  {string} attr Attribute name.
+     * @param  {string} value Attribute value.
+     * @return {Boolean} Returns true if `value` is valid. Otherwise, returns false.
+     */
+    DOMPurify.isValidAttribute = function (tag, attr, value) {
+      /* Initialize shared config vars if necessary. */
+      if (!CONFIG) {
+        _parseConfig({});
+      }
+
+      var lcTag = transformCaseFunc(tag);
+      var lcName = transformCaseFunc(attr);
+      return _isValidAttribute(lcTag, lcName, value);
+    };
+
+    /**
+     * AddHook
+     * Public method to add DOMPurify hooks
+     *
+     * @param {String} entryPoint entry point for the hook to add
+     * @param {Function} hookFunction function to execute
+     */
+    DOMPurify.addHook = function (entryPoint, hookFunction) {
+      if (typeof hookFunction !== 'function') {
+        return;
+      }
+
+      hooks[entryPoint] = hooks[entryPoint] || [];
+      arrayPush(hooks[entryPoint], hookFunction);
+    };
+
+    /**
+     * RemoveHook
+     * Public method to remove a DOMPurify hook at a given entryPoint
+     * (pops it from the stack of hooks if more are present)
+     *
+     * @param {String} entryPoint entry point for the hook to remove
+     */
+    DOMPurify.removeHook = function (entryPoint) {
+      if (hooks[entryPoint]) {
+        arrayPop(hooks[entryPoint]);
+      }
+    };
+
+    /**
+     * RemoveHooks
+     * Public method to remove all DOMPurify hooks at a given entryPoint
+     *
+     * @param  {String} entryPoint entry point for the hooks to remove
+     */
+    DOMPurify.removeHooks = function (entryPoint) {
+      if (hooks[entryPoint]) {
+        hooks[entryPoint] = [];
+      }
+    };
+
+    /**
+     * RemoveAllHooks
+     * Public method to remove all DOMPurify hooks
+     *
+     */
+    DOMPurify.removeAllHooks = function () {
+      hooks = {};
+    };
+
+    return DOMPurify;
+  }
+
+  var purify = createDOMPurify();
+
+  return purify;
+
+}));
+//# sourceMappingURL=purify.js.map
+
+
+/***/ }),
+
 /***/ 928:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /* eslint-disable complexity */
 /**
  * @fileoverview Returns the first index at which a given element can be found in the array.
@@ -46,11 +1450,15 @@ var isArray = __webpack_require__(322);
  * @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
+ * // ES6
+ * import inArray from 'tui-code-snippet/array/inArray';
+ * 
+ * // CommonJS
+ * const inArray = require('tui-code-snippet/array/inArray');
  *
- * var arr = ['one', 'two', 'three', 'four'];
- * var idx1 = inArray('one', arr, 3); // -1
- * var idx2 = inArray('one', arr); // 0
+ * const arr = ['one', 'two', 'three', 'four'];
+ * const idx1 = inArray('one', arr, 3); // -1
+ * const idx2 = inArray('one', arr); // 0
  */
 function inArray(searchElement, array, startIndex) {
   var i;
@@ -83,6 +1491,7 @@ module.exports = inArray;
 /***/ 690:
 /***/ (function(module, __unused_webpack_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 <dl_javascript@nhn.com>
@@ -111,19 +1520,23 @@ var forEachOwnProperties = __webpack_require__(956);
  * @param {Object} [context] Context(this) of callback function
  * @memberof module:collection
  * @example
- * var forEach = require('tui-code-snippet/collection/forEach'); // node, commonjs
+ * // ES6
+ * import forEach from 'tui-code-snippet/collection/forEach'; 
+ * 
+ * // CommonJS
+ * const forEach = require('tui-code-snippet/collection/forEach'); 
  *
- * var sum = 0;
+ * let sum = 0;
  *
  * forEach([1,2,3], function(value){
- *     sum += value;
+ *   sum += value;
  * });
  * alert(sum); // 6
  *
  * // In case of Array-like object
- * var array = Array.prototype.slice.call(arrayLike); // change to array
+ * const array = Array.prototype.slice.call(arrayLike); // change to array
  * forEach(array, function(value){
- *     sum += value;
+ *   sum += value;
  * });
  */
 function forEach(obj, iteratee, context) {
@@ -142,6 +1555,7 @@ module.exports = forEach;
 /***/ 893:
 /***/ (function(module) {
 
+"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 <dl_javascript@nhn.com>
@@ -162,12 +1576,16 @@ module.exports = forEach;
  * @param {Object} [context] Context(this) of callback function
  * @memberof module:collection
  * @example
- * var forEachArray = require('tui-code-snippet/collection/forEachArray'); // node, commonjs
+ * // ES6
+ * import forEachArray from 'tui-code-snippet/collection/forEachArray';
+ * 
+ * // CommonJS
+ * const forEachArray = require('tui-code-snippet/collection/forEachArray'); 
  *
- * var sum = 0;
+ * let sum = 0;
  *
  * forEachArray([1,2,3], function(value){
- *     sum += value;
+ *   sum += value;
  * });
  * alert(sum); // 6
  */
@@ -192,6 +1610,7 @@ module.exports = forEachArray;
 /***/ 956:
 /***/ (function(module) {
 
+"use strict";
 /**
  * @fileoverview Execute the provided callback once for each property of object which actually exist.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -211,12 +1630,16 @@ module.exports = forEachArray;
  * @param {Object} [context] Context(this) of callback function
  * @memberof module:collection
  * @example
- * var forEachOwnProperties = require('tui-code-snippet/collection/forEachOwnProperties'); // node, commonjs
+ * // ES6
+ * import forEachOwnProperties from 'tui-code-snippet/collection/forEachOwnProperties';
+ * 
+ * // CommonJS
+ * const forEachOwnProperties = require('tui-code-snippet/collection/forEachOwnProperties'); 
  *
- * var sum = 0;
+ * let sum = 0;
  *
  * forEachOwnProperties({a:1,b:2,c:3}, function(value){
- *     sum += value;
+ *   sum += value;
  * });
  * alert(sum); // 6
  */
@@ -242,6 +1665,7 @@ module.exports = forEachOwnProperties;
 /***/ 990:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Transform the Array-like object to Array.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -258,16 +1682,20 @@ var forEachArray = __webpack_require__(893);
  * @returns {Array} Array
  * @memberof module:collection
  * @example
- * var toArray = require('tui-code-snippet/collection/toArray'); // node, commonjs
+ * // ES6
+ * import toArray from 'tui-code-snippet/collection/toArray'; 
+ * 
+ * // CommonJS
+ * const toArray = require('tui-code-snippet/collection/toArray'); 
  *
- * var arrayLike = {
- *     0: 'one',
- *     1: 'two',
- *     2: 'three',
- *     3: 'four',
- *     length: 4
+ * const arrayLike = {
+ *   0: 'one',
+ *   1: 'two',
+ *   2: 'three',
+ *   3: 'four',
+ *   length: 4
  * };
- * var result = toArray(arrayLike);
+ * const result = toArray(arrayLike);
  *
  * alert(result instanceof Array); // true
  * alert(result); // one,two,three,four
@@ -294,6 +1722,7 @@ module.exports = toArray;
 /***/ 755:
 /***/ (function(module) {
 
+"use strict";
 /**
  * @fileoverview Get event collection for specific HTML element
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -334,6 +1763,7 @@ module.exports = safeEvent;
 /***/ 349:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Unbind DOM events
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -442,6 +1872,7 @@ module.exports = off;
 /***/ 348:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Bind DOM events
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -462,7 +1893,7 @@ var safeEvent = __webpack_require__(755);
  * @param {object} [context] context - context for handler method.
  * @memberof module:domEvent
  * @example
- * var div = document.querySelector('div');
+ * const div = document.querySelector('div');
  * 
  * // Bind one event to an element.
  * on(div, 'click', toggle);
@@ -479,10 +1910,10 @@ var safeEvent = __webpack_require__(755);
  * });
  * 
  * // Set a context for handler method.
- * var name = 'global';
- * var repository = {name: 'CodeSnippet'};
+ * const name = 'global';
+ * const repository = {name: 'CodeSnippet'};
  * on(div, 'drag', function() {
- *  console.log(this.name);
+ *   console.log(this.name);
  * }, repository);
  * // Result when you drag a div: "CodeSnippet"
  */
@@ -563,6 +1994,7 @@ module.exports = on;
 /***/ 24:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Set className value
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -601,6 +2033,7 @@ module.exports = setClassName;
 /***/ 204:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Add css class to element
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -661,6 +2094,7 @@ module.exports = addClass;
 /***/ 522:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Setting element style
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -700,6 +2134,7 @@ module.exports = css;
 /***/ 902:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Get HTML element's design classes.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -735,6 +2170,7 @@ module.exports = getClass;
 /***/ 714:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Check element has specific css class
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -772,6 +2208,7 @@ module.exports = hasClass;
 /***/ 471:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Check element match selector
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -812,6 +2249,7 @@ module.exports = matches;
 /***/ 462:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Remove css class from element
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -862,6 +2300,7 @@ module.exports = removeClass;
 /***/ 969:
 /***/ (function(module) {
 
+"use strict";
 /**
  * @fileoverview Extend the target object from other objects.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -904,6 +2343,7 @@ module.exports = extend;
 /***/ 254:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Request image ping.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -924,15 +2364,19 @@ var forEachOwnProperties = __webpack_require__(956);
  * @returns {HTMLElement}
  * @memberof module:request
  * @example
- * var imagePing = require('tui-code-snippet/request/imagePing'); // node, commonjs
+ * // ES6
+ * import imagePing from 'tui-code-snippet/request/imagePing';
+ * 
+ * // CommonJS
+ * const imagePing = require('tui-code-snippet/request/imagePing');
  *
  * imagePing('https://www.google-analytics.com/collect', {
- *     v: 1,
- *     t: 'event',
- *     tid: 'trackingid',
- *     cid: 'cid',
- *     dp: 'dp',
- *     dh: 'dh'
+ *   v: 1,
+ *   t: 'event',
+ *   tid: 'trackingid',
+ *   cid: 'cid',
+ *   dp: 'dp',
+ *   dh: 'dh'
  * });
  */
 function imagePing(url, trackingInfo) {
@@ -960,6 +2404,7 @@ module.exports = imagePing;
 /***/ 391:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Send hostname on DOMContentLoaded.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -1035,6 +2480,7 @@ module.exports = sendHostname;
 /***/ 516:
 /***/ (function(module) {
 
+"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 <dl_javascript.nhn.com>
@@ -1054,11 +2500,15 @@ module.exports = sendHostname;
  * @returns {function} debounced function.
  * @memberof module:tricks
  * @example
- * var debounce = require('tui-code-snippet/tricks/debounce'); // node, commonjs
+ * // ES6
+ * import debounce from 'tui-code-snippet/tricks/debounce';
+ * 
+ * // CommonJS
+ * const debounce = require('tui-code-snippet/tricks/debounce');
  *
  * function someMethodToInvokeDebounced() {}
  *
- * var debounced = debounce(someMethodToInvokeDebounced, 300);
+ * const debounced = debounce(someMethodToInvokeDebounced, 300);
  *
  * // invoke repeatedly
  * debounced();
@@ -1096,6 +2546,7 @@ module.exports = debounce;
 /***/ 423:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Creates a throttled function that only invokes fn at most once per every interval milliseconds.
  * @author NHN FE Development Lab <dl_javascript.nhn.com>
@@ -1114,11 +2565,15 @@ var debounce = __webpack_require__(516);
  * @returns {function} throttled function
  * @memberof module:tricks
  * @example
- * var throttle = require('tui-code-snippet/tricks/throttle'); // node, commonjs
+ * // ES6
+ * import throttle from 'tui-code-snippet/tricks/throttle';
+ * 
+ * // CommonJS
+ * const throttle = require('tui-code-snippet/tricks/throttle');
  *
  * function someMethodToInvokeThrottled() {}
  *
- * var throttled = throttle(someMethodToInvokeThrottled, 300);
+ * const throttled = throttle(someMethodToInvokeThrottled, 300);
  *
  * // invoke repeatedly
  * throttled();    // invoke (leading)
@@ -1191,6 +2646,7 @@ module.exports = throttle;
 /***/ 322:
 /***/ (function(module) {
 
+"use strict";
 /**
  * @fileoverview Check whether the given variable is an instance of Array or not.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -1217,6 +2673,7 @@ module.exports = isArray;
 /***/ 326:
 /***/ (function(module) {
 
+"use strict";
 /**
  * @fileoverview Check whether the given variable is a string or not.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -1243,6 +2700,7 @@ module.exports = isBoolean;
 /***/ 65:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Check whether the given variable is existing or not.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -1260,7 +2718,11 @@ var isNull = __webpack_require__(934);
  * @returns {boolean} Is existy?
  * @memberof module:type
  * @example
- * var isExisty = require('tui-code-snippet/type/isExisty'); // node, commonjs
+ * // ES6
+ * import isExisty from 'tui-code-snippet/type/isExisty');
+ * 
+ * // CommonJS
+ * const isExisty = require('tui-code-snippet/type/isExisty');
  *
  * isExisty(''); //true
  * isExisty(0); //true
@@ -1281,6 +2743,7 @@ module.exports = isExisty;
 /***/ 404:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Check whether the given variable is falsy or not.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -1309,6 +2772,7 @@ module.exports = isFalsy;
 /***/ 294:
 /***/ (function(module) {
 
+"use strict";
 /**
  * @fileoverview Check whether the given variable is a function or not.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -1335,6 +2799,7 @@ module.exports = isFunction;
 /***/ 934:
 /***/ (function(module) {
 
+"use strict";
 /**
  * @fileoverview Check whether the given variable is null or not.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -1361,6 +2826,7 @@ module.exports = isNull;
 /***/ 321:
 /***/ (function(module) {
 
+"use strict";
 /**
  * @fileoverview Check whether the given variable is a number or not.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -1387,6 +2853,7 @@ module.exports = isNumber;
 /***/ 73:
 /***/ (function(module) {
 
+"use strict";
 /**
  * @fileoverview Check whether the given variable is an object or not.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -1413,6 +2880,7 @@ module.exports = isObject;
 /***/ 758:
 /***/ (function(module) {
 
+"use strict";
 /**
  * @fileoverview Check whether the given variable is a string or not.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -1439,6 +2907,7 @@ module.exports = isString;
 /***/ 790:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
+"use strict";
 /**
  * @fileoverview Check whether the given variable is truthy or not.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -1468,6 +2937,7 @@ module.exports = isTruthy;
 /***/ 929:
 /***/ (function(module) {
 
+"use strict";
 /**
  * @fileoverview Check whether the given variable is undefined or not.
  * @author NHN FE Development Lab <dl_javascript@nhn.com>
@@ -1491,59 +2961,67 @@ module.exports = isUndefined;
 
 /***/ }),
 
-/***/ 818:
+/***/ 695:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__818__;
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__695__;
 
 /***/ }),
 
-/***/ 168:
+/***/ 412:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__168__;
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__412__;
 
 /***/ }),
 
-/***/ 925:
+/***/ 479:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__925__;
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__479__;
 
 /***/ }),
 
-/***/ 703:
+/***/ 481:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__703__;
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__481__;
 
 /***/ }),
 
-/***/ 959:
+/***/ 43:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__959__;
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__43__;
 
 /***/ }),
 
-/***/ 676:
+/***/ 814:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__676__;
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__814__;
 
 /***/ }),
 
-/***/ 747:
+/***/ 785:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__747__;
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__785__;
 
 /***/ }),
 
-/***/ 754:
+/***/ 311:
 /***/ (function(module) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE__754__;
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__311__;
 
 /***/ })
 
@@ -1567,7 +3045,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__754__;
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 /******/ 	
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -1617,8 +3095,9 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__754__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+// This entry need to be wrapped in an IIFE because it need to be in strict mode.
 !function() {
+"use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
@@ -1792,10 +3271,14 @@ function __spreadArrays() {
     return r;
 }
 
-function __spreadArray(to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 }
 
 function __await(v) {
@@ -1851,23 +3334,21 @@ function __importDefault(mod) {
     return (mod && mod.__esModule) ? mod : { default: mod };
 }
 
-function __classPrivateFieldGet(receiver, privateMap) {
-    if (!privateMap.has(receiver)) {
-        throw new TypeError("attempted to get private field on non-instance");
-    }
-    return privateMap.get(receiver);
+function __classPrivateFieldGet(receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 }
 
-function __classPrivateFieldSet(receiver, privateMap, value) {
-    if (!privateMap.has(receiver)) {
-        throw new TypeError("attempted to set private field on non-instance");
-    }
-    privateMap.set(receiver, value);
-    return value;
+function __classPrivateFieldSet(receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 }
 
 // EXTERNAL MODULE: external {"commonjs":"prosemirror-model","commonjs2":"prosemirror-model","amd":"prosemirror-model"}
-var external_commonjs_prosemirror_model_commonjs2_prosemirror_model_amd_prosemirror_model_ = __webpack_require__(959);
+var external_commonjs_prosemirror_model_commonjs2_prosemirror_model_amd_prosemirror_model_ = __webpack_require__(43);
 // EXTERNAL MODULE: ../../node_modules/tui-code-snippet/collection/forEachOwnProperties.js
 var forEachOwnProperties = __webpack_require__(956);
 var forEachOwnProperties_default = /*#__PURE__*/__webpack_require__.n(forEachOwnProperties);
@@ -1910,6 +3391,30 @@ var reEscapeChars = /[>(){}[\]+-.!#|]/g;
 var reEscapeHTML = /<([a-zA-Z_][a-zA-Z0-9\-._]*)(\s|[^\\/>])*\/?>|<(\/)([a-zA-Z_][a-zA-Z0-9\-._]*)\s*\/?>|<!--[^-]+-->|<([a-zA-Z_][a-zA-Z0-9\-.:/]*)>/g;
 var reEscapeBackSlash = /\\[!"#$%&'()*+,-./:;<=>?@[\]^_`{|}~\\]/g;
 var reEscapePairedChars = /[*_~`]/g;
+var reMdImageSyntax = /!\[.*\]\(.*\)/g;
+var reEscapedCharInLinkSyntax = /[[\]]/g; //
+var XMLSPECIAL = '[&<>"]';
+var reXmlSpecial = new RegExp(XMLSPECIAL, 'g');
+function replaceUnsafeChar(char) {
+    switch (char) {
+        case '&':
+            return '&amp;';
+        case '<':
+            return '&lt;';
+        case '>':
+            return '&gt;';
+        case '"':
+            return '&quot;';
+        default:
+            return char;
+    }
+}
+function escapeXml(text) {
+    if (reXmlSpecial.test(text)) {
+        return text.replace(reXmlSpecial, replaceUnsafeChar);
+    }
+    return text;
+}
 function sendHostName() {
     sendHostname_default()('editor', 'UA-129966929-1');
 }
@@ -1959,6 +3464,18 @@ function isNeedEscapeText(text) {
     });
     return needEscape;
 }
+function escapeTextForLink(text) {
+    var imageSyntaxRanges = [];
+    var result = reMdImageSyntax.exec(text);
+    while (result) {
+        imageSyntaxRanges.push([result.index, result.index + result[0].length]);
+        result = reMdImageSyntax.exec(text);
+    }
+    return text.replace(reEscapedCharInLinkSyntax, function (matched, offset) {
+        var isDelimiter = imageSyntaxRanges.some(function (range) { return offset > range[0] && offset < range[1]; });
+        return isDelimiter ? matched : "\\" + matched;
+    });
+}
 function common_escape(text) {
     var replacer = function (matched) { return "\\" + matched; };
     var escapedText = text.replace(reSpaceMoreThanOne, ' ');
@@ -2082,19 +3599,22 @@ function getSortedNumPair(valueA, valueB) {
 }
 
 // EXTERNAL MODULE: external {"commonjs":"prosemirror-view","commonjs2":"prosemirror-view","amd":"prosemirror-view"}
-var external_commonjs_prosemirror_view_commonjs2_prosemirror_view_amd_prosemirror_view_ = __webpack_require__(754);
+var external_commonjs_prosemirror_view_commonjs2_prosemirror_view_amd_prosemirror_view_ = __webpack_require__(311);
 // EXTERNAL MODULE: external {"commonjs":"prosemirror-transform","commonjs2":"prosemirror-transform","amd":"prosemirror-transform"}
-var external_commonjs_prosemirror_transform_commonjs2_prosemirror_transform_amd_prosemirror_transform_ = __webpack_require__(747);
+var external_commonjs_prosemirror_transform_commonjs2_prosemirror_transform_amd_prosemirror_transform_ = __webpack_require__(785);
+// EXTERNAL MODULE: ../../node_modules/tui-code-snippet/collection/toArray.js
+var collection_toArray = __webpack_require__(990);
+var toArray_default = /*#__PURE__*/__webpack_require__.n(collection_toArray);
 // EXTERNAL MODULE: external {"commonjs":"prosemirror-state","commonjs2":"prosemirror-state","amd":"prosemirror-state"}
-var external_commonjs_prosemirror_state_commonjs2_prosemirror_state_amd_prosemirror_state_ = __webpack_require__(676);
+var external_commonjs_prosemirror_state_commonjs2_prosemirror_state_amd_prosemirror_state_ = __webpack_require__(814);
 // EXTERNAL MODULE: external {"commonjs":"prosemirror-keymap","commonjs2":"prosemirror-keymap","amd":"prosemirror-keymap"}
-var external_commonjs_prosemirror_keymap_commonjs2_prosemirror_keymap_amd_prosemirror_keymap_ = __webpack_require__(703);
+var external_commonjs_prosemirror_keymap_commonjs2_prosemirror_keymap_amd_prosemirror_keymap_ = __webpack_require__(481);
 // EXTERNAL MODULE: external {"commonjs":"prosemirror-commands","commonjs2":"prosemirror-commands","amd":"prosemirror-commands"}
-var external_commonjs_prosemirror_commands_commonjs2_prosemirror_commands_amd_prosemirror_commands_ = __webpack_require__(818);
+var external_commonjs_prosemirror_commands_commonjs2_prosemirror_commands_amd_prosemirror_commands_ = __webpack_require__(695);
 // EXTERNAL MODULE: external {"commonjs":"prosemirror-inputrules","commonjs2":"prosemirror-inputrules","amd":"prosemirror-inputrules"}
-var external_commonjs_prosemirror_inputrules_commonjs2_prosemirror_inputrules_amd_prosemirror_inputrules_ = __webpack_require__(925);
+var external_commonjs_prosemirror_inputrules_commonjs2_prosemirror_inputrules_amd_prosemirror_inputrules_ = __webpack_require__(479);
 // EXTERNAL MODULE: external {"commonjs":"prosemirror-history","commonjs2":"prosemirror-history","amd":"prosemirror-history"}
-var external_commonjs_prosemirror_history_commonjs2_prosemirror_history_amd_prosemirror_history_ = __webpack_require__(168);
+var external_commonjs_prosemirror_history_commonjs2_prosemirror_history_amd_prosemirror_history_ = __webpack_require__(412);
 ;// CONCATENATED MODULE: ./src/helper/manipulation.ts
 
 
@@ -2453,22 +3973,275 @@ function placeholder(options) {
     });
 }
 
+// EXTERNAL MODULE: ../../node_modules/tui-code-snippet/type/isArray.js
+var isArray = __webpack_require__(322);
+var isArray_default = /*#__PURE__*/__webpack_require__.n(isArray);
+// EXTERNAL MODULE: ../../node_modules/tui-code-snippet/domUtil/hasClass.js
+var hasClass = __webpack_require__(714);
+var hasClass_default = /*#__PURE__*/__webpack_require__.n(hasClass);
+// EXTERNAL MODULE: ../../node_modules/tui-code-snippet/domUtil/matches.js
+var matches = __webpack_require__(471);
+var matches_default = /*#__PURE__*/__webpack_require__.n(matches);
+;// CONCATENATED MODULE: ./src/utils/constants.ts
+var TAG_NAME = '[A-Za-z][A-Za-z0-9-]*';
+var ATTRIBUTE_NAME = '[a-zA-Z_:][a-zA-Z0-9:._-]*';
+var UNQUOTED_VALUE = '[^"\'=<>`\\x00-\\x20]+';
+var SINGLE_QUOTED_VALUE = "'[^']*'";
+var DOUBLE_QUOTED_VALUE = '"[^"]*"';
+var ATTRIBUTE_VALUE = "(?:" + UNQUOTED_VALUE + "|" + SINGLE_QUOTED_VALUE + "|" + DOUBLE_QUOTED_VALUE + ")";
+var ATTRIBUTE_VALUE_SPEC = "" + '(?:\\s*=\\s*' + ATTRIBUTE_VALUE + ")";
+var ATTRIBUTE = "" + '(?:\\s+' + ATTRIBUTE_NAME + ATTRIBUTE_VALUE_SPEC + "?)";
+var OPEN_TAG = "<(" + TAG_NAME + ")(" + ATTRIBUTE + ")*\\s*/?>";
+var CLOSE_TAG = "</(" + TAG_NAME + ")\\s*[>]";
+var HTML_TAG = "(?:" + OPEN_TAG + "|" + CLOSE_TAG + ")";
+var reHTMLTag = new RegExp("^" + HTML_TAG, 'i');
+var reBR = /<br\s*\/*>/i;
+var reHTMLComment = /<! ---->|<!--(?:-?[^>-])(?:-?[^-])*-->/;
+var ALTERNATIVE_TAG_FOR_BR = '</p><p>';
+
+;// CONCATENATED MODULE: ./src/utils/dom.ts
+
+
+
+
+
+
+
+
+
+
+function isPositionInBox(style, offsetX, offsetY) {
+    var left = parseInt(style.left, 10);
+    var top = parseInt(style.top, 10);
+    var width = parseInt(style.width, 10) + parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
+    var height = parseInt(style.height, 10) + parseInt(style.paddingTop, 10) + parseInt(style.paddingBottom, 10);
+    return offsetX >= left && offsetX <= left + width && offsetY >= top && offsetY <= top + height;
+}
+var CLS_PREFIX = 'toastui-editor-';
+function cls() {
+    var names = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        names[_i] = arguments[_i];
+    }
+    var result = [];
+    for (var _a = 0, names_1 = names; _a < names_1.length; _a++) {
+        var name = names_1[_a];
+        var className = void 0;
+        if (Array.isArray(name)) {
+            className = name[0] ? name[1] : null;
+        }
+        else {
+            className = name;
+        }
+        if (className) {
+            result.push("" + CLS_PREFIX + className);
+        }
+    }
+    return result.join(' ');
+}
+function clsWithMdPrefix() {
+    var names = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        names[_i] = arguments[_i];
+    }
+    return names.map(function (className) { return CLS_PREFIX + "md-" + className; }).join(' ');
+}
+function isTextNode(node) {
+    return (node === null || node === void 0 ? void 0 : node.nodeType) === Node.TEXT_NODE;
+}
+function isElemNode(node) {
+    return node && node.nodeType === Node.ELEMENT_NODE;
+}
+function findNodes(element, selector) {
+    var nodeList = toArray_default()(element.querySelectorAll(selector));
+    if (nodeList.length) {
+        return nodeList;
+    }
+    return [];
+}
+function appendNodes(node, nodesToAppend) {
+    nodesToAppend = isArray_default()(nodesToAppend) ? toArray_default()(nodesToAppend) : [nodesToAppend];
+    nodesToAppend.forEach(function (nodeToAppend) {
+        node.appendChild(nodeToAppend);
+    });
+}
+function insertBeforeNode(insertedNode, node) {
+    if (node.parentNode) {
+        node.parentNode.insertBefore(insertedNode, node);
+    }
+}
+function removeNode(node) {
+    if (node.parentNode) {
+        node.parentNode.removeChild(node);
+    }
+}
+function unwrapNode(node) {
+    var result = [];
+    while (node.firstChild) {
+        result.push(node.firstChild);
+        if (node.parentNode) {
+            node.parentNode.insertBefore(node.firstChild, node);
+        }
+    }
+    removeNode(node);
+    return result;
+}
+function toggleClass(element, className, state) {
+    if (isUndefined_default()(state)) {
+        state = !hasClass_default()(element, className);
+    }
+    var toggleFn = state ? (addClass_default()) : (removeClass_default());
+    toggleFn(element, className);
+}
+function createElementWith(contents, target) {
+    var container = document.createElement('div');
+    if (isString_default()(contents)) {
+        container.innerHTML = contents;
+    }
+    else {
+        container.appendChild(contents);
+    }
+    var firstChild = container.firstChild;
+    if (target) {
+        target.appendChild(firstChild);
+    }
+    return firstChild;
+}
+function getOuterWidth(el) {
+    var computed = window.getComputedStyle(el);
+    return (['margin-left', 'margin-right'].reduce(function (acc, type) { return acc + parseInt(computed.getPropertyValue(type), 10); }, 0) + el.offsetWidth);
+}
+function closest(node, found) {
+    var condition;
+    if (isString_default()(found)) {
+        condition = function (target) { return matches_default()(target, found); };
+    }
+    else {
+        condition = function (target) { return target === found; };
+    }
+    while (node && node !== document) {
+        if (isElemNode(node) && condition(node)) {
+            return node;
+        }
+        node = node.parentNode;
+    }
+    return null;
+}
+function getTotalOffset(el, root) {
+    var offsetTop = 0;
+    var offsetLeft = 0;
+    while (el && el !== root) {
+        var top = el.offsetTop, left = el.offsetLeft, offsetParent = el.offsetParent;
+        offsetTop += top;
+        offsetLeft += left;
+        if (offsetParent === root.offsetParent) {
+            break;
+        }
+        el = el.offsetParent;
+    }
+    return { offsetTop: offsetTop, offsetLeft: offsetLeft };
+}
+function finalizeHtml(html, needHtmlText) {
+    var result;
+    if (needHtmlText) {
+        result = html.innerHTML;
+    }
+    else {
+        var frag = document.createDocumentFragment();
+        var childNodes = toArray(html.childNodes);
+        var length = childNodes.length;
+        for (var i = 0; i < length; i += 1) {
+            frag.appendChild(childNodes[i]);
+        }
+        result = frag;
+    }
+    return result;
+}
+function empty(node) {
+    while (node.firstChild) {
+        node.removeChild(node.firstChild);
+    }
+}
+function appendNode(node, appended) {
+    if (isString(appended)) {
+        node.insertAdjacentHTML('beforeend', appended);
+    }
+    else {
+        var nodes = appended.length
+            ? toArray(appended)
+            : [appended];
+        for (var i = 0, len = nodes.length; i < len; i += 1) {
+            node.appendChild(nodes[i]);
+        }
+    }
+}
+function prependNode(node, appended) {
+    if (isString(appended)) {
+        node.insertAdjacentHTML('afterbegin', appended);
+    }
+    else {
+        var nodes = appended.length
+            ? toArray(appended)
+            : [appended];
+        for (var i = nodes.length - 1, len = 0; i >= len; i -= 1) {
+            node.insertBefore(nodes[i], node.firstChild);
+        }
+    }
+}
+function setAttributes(attributes, element) {
+    Object.keys(attributes).forEach(function (attrName) {
+        if (isNil(attributes[attrName])) {
+            element.removeAttribute(attrName);
+        }
+        else {
+            element.setAttribute(attrName, attributes[attrName]);
+        }
+    });
+}
+function replaceBRWithEmptyBlock(html) {
+    // remove br in paragraph to compatible with markdown
+    var replacedHTML = html.replace(/<p><br\s*\/*><\/p>/gi, '<p></p>');
+    var reHTMLTag = new RegExp(HTML_TAG, 'ig');
+    var htmlTagMatched = replacedHTML.match(reHTMLTag);
+    htmlTagMatched === null || htmlTagMatched === void 0 ? void 0 : htmlTagMatched.forEach(function (htmlTag, index) {
+        if (reBR.test(htmlTag)) {
+            var alternativeTag = ALTERNATIVE_TAG_FOR_BR;
+            if (index) {
+                var prevTag = htmlTagMatched[index - 1];
+                var openTagMatched = prevTag.match(OPEN_TAG);
+                if (openTagMatched && !/br/i.test(openTagMatched[1])) {
+                    var tagName = openTagMatched[1];
+                    alternativeTag = "</" + tagName + "><" + tagName + ">";
+                }
+            }
+            replacedHTML = replacedHTML.replace(reBR, alternativeTag);
+        }
+    });
+    return replacedHTML;
+}
+
 ;// CONCATENATED MODULE: ./src/plugins/popupWidget.ts
 
 
+
 var pluginKey = new external_commonjs_prosemirror_state_commonjs2_prosemirror_state_amd_prosemirror_state_.PluginKey('widget');
+var MARGIN = 5;
 var PopupWidget = /** @class */ (function () {
-    function PopupWidget(eventEmitter) {
+    function PopupWidget(view, eventEmitter) {
         var _this = this;
         this.popup = null;
         this.removeWidget = function () {
             if (_this.popup) {
-                document.body.removeChild(_this.popup);
+                _this.rootEl.removeChild(_this.popup);
                 _this.popup = null;
             }
         };
+        this.rootEl = view.dom.parentElement;
         this.eventEmitter = eventEmitter;
         this.eventEmitter.listen('blur', this.removeWidget);
+        this.eventEmitter.listen('loadUI', function () {
+            _this.rootEl = closest(view.dom.parentElement, "." + cls('defaultUI'));
+        });
         this.eventEmitter.listen('removePopupWidget', this.removeWidget);
     }
     PopupWidget.prototype.update = function (view) {
@@ -2478,10 +4251,14 @@ var PopupWidget = /** @class */ (function () {
             var node = widget.node, style = widget.style;
             var _a = view.coordsAtPos(widget.pos), top = _a.top, left = _a.left, bottom = _a.bottom;
             var height = bottom - top;
-            css_default()(node, { position: 'absolute', left: left + "px", opacity: '0' });
-            document.body.appendChild(node);
+            var rect = this.rootEl.getBoundingClientRect();
+            var relTopPos = top - rect.top;
+            css_default()(node, { opacity: '0' });
+            this.rootEl.appendChild(node);
             css_default()(node, {
-                top: (style === 'bottom' ? top + height : top - node.clientHeight - height) + "px",
+                position: 'absolute',
+                left: left - rect.left + MARGIN + "px",
+                top: (style === 'bottom' ? relTopPos + height - MARGIN : relTopPos - height) + "px",
                 opacity: '1',
             });
             this.popup = node;
@@ -2504,8 +4281,8 @@ function addWidget(eventEmitter) {
                 return tr.getMeta('widget');
             },
         },
-        view: function () {
-            return new PopupWidget(eventEmitter);
+        view: function (editorView) {
+            return new PopupWidget(editorView, eventEmitter);
         },
     });
 }
@@ -2513,9 +4290,6 @@ function addWidget(eventEmitter) {
 // EXTERNAL MODULE: ../../node_modules/tui-code-snippet/collection/forEachArray.js
 var forEachArray = __webpack_require__(893);
 var forEachArray_default = /*#__PURE__*/__webpack_require__.n(forEachArray);
-// EXTERNAL MODULE: ../../node_modules/tui-code-snippet/collection/toArray.js
-var collection_toArray = __webpack_require__(990);
-var toArray_default = /*#__PURE__*/__webpack_require__.n(collection_toArray);
 ;// CONCATENATED MODULE: ./src/helper/image.ts
 
 function addDefaultImageBlobHook(eventEmitter) {
@@ -2677,6 +4451,7 @@ var Widget = /** @class */ (function (_super) {
 
 var EditorBase = /** @class */ (function () {
     function EditorBase(eventEmitter) {
+        this.timer = null;
         this.el = document.createElement('div');
         this.el.className = 'toastui-editor';
         this.eventEmitter = eventEmitter;
@@ -2701,10 +4476,9 @@ var EditorBase = /** @class */ (function () {
     };
     Object.defineProperty(EditorBase.prototype, "defaultPlugins", {
         get: function () {
-            var _a = getDefaultCommands(), undo = _a.undo, redo = _a.redo;
             var rules = this.createInputRules();
             var plugins = __spreadArray(__spreadArray([], this.keymaps), [
-                (0,external_commonjs_prosemirror_keymap_commonjs2_prosemirror_keymap_amd_prosemirror_keymap_.keymap)(__assign({ 'Mod-z': undo(), 'Shift-Mod-z': redo() }, external_commonjs_prosemirror_commands_commonjs2_prosemirror_commands_amd_prosemirror_commands_.baseKeymap)),
+                (0,external_commonjs_prosemirror_keymap_commonjs2_prosemirror_keymap_amd_prosemirror_keymap_.keymap)(__assign({ 'Shift-Enter': external_commonjs_prosemirror_commands_commonjs2_prosemirror_commands_amd_prosemirror_commands_.baseKeymap.Enter }, external_commonjs_prosemirror_commands_commonjs2_prosemirror_commands_amd_prosemirror_commands_.baseKeymap)),
                 (0,external_commonjs_prosemirror_history_commonjs2_prosemirror_history_amd_prosemirror_history_.history)(),
                 placeholder(this.placeholder),
                 addWidget(this.eventEmitter),
@@ -2741,6 +4515,12 @@ var EditorBase = /** @class */ (function () {
         });
         return rules.length ? (0,external_commonjs_prosemirror_inputrules_commonjs2_prosemirror_inputrules_amd_prosemirror_inputrules_.inputRules)({ rules: rules }) : null;
     };
+    EditorBase.prototype.clearTimer = function () {
+        if (this.timer) {
+            clearTimeout(this.timer);
+            this.timer = null;
+        }
+    };
     EditorBase.prototype.createSchema = function () {
         return new external_commonjs_prosemirror_model_commonjs2_prosemirror_model_amd_prosemirror_model_.Schema({
             nodes: this.specs.nodes,
@@ -2748,7 +4528,13 @@ var EditorBase = /** @class */ (function () {
         });
     };
     EditorBase.prototype.createKeymaps = function (useCommandShortcut) {
-        return useCommandShortcut ? this.specs.keymaps() : [];
+        var _a = getDefaultCommands(), undo = _a.undo, redo = _a.redo;
+        var allKeymaps = this.specs.keymaps(useCommandShortcut);
+        var historyKeymap = {
+            'Mod-z': undo(),
+            'Shift-Mod-z': redo(),
+        };
+        return useCommandShortcut ? allKeymaps.concat((0,external_commonjs_prosemirror_keymap_commonjs2_prosemirror_keymap_amd_prosemirror_keymap_.keymap)(historyKeymap)) : allKeymaps;
     };
     EditorBase.prototype.createCommands = function () {
         return this.specs.commands(this.view);
@@ -2759,8 +4545,9 @@ var EditorBase = /** @class */ (function () {
     };
     EditorBase.prototype.focus = function () {
         var _this = this;
+        this.clearTimer();
         // prevent the error for IE11
-        setTimeout(function () {
+        this.timer = setTimeout(function () {
             _this.view.focus();
             _this.view.dispatch(_this.view.state.tr.scrollIntoView());
         });
@@ -2770,20 +4557,25 @@ var EditorBase = /** @class */ (function () {
     };
     EditorBase.prototype.destroy = function () {
         var _this = this;
+        this.clearTimer();
         this.view.destroy();
         Object.keys(this).forEach(function (prop) {
             delete _this[prop];
         });
     };
-    EditorBase.prototype.moveCursorToStart = function () {
+    EditorBase.prototype.moveCursorToStart = function (focus) {
         var tr = this.view.state.tr;
         this.view.dispatch(tr.setSelection(createTextSelection(tr, 1)).scrollIntoView());
-        this.focus();
+        if (focus) {
+            this.focus();
+        }
     };
-    EditorBase.prototype.moveCursorToEnd = function () {
+    EditorBase.prototype.moveCursorToEnd = function (focus) {
         var tr = this.view.state.tr;
         this.view.dispatch(tr.setSelection(createTextSelection(tr, tr.doc.content.size - 1)).scrollIntoView());
-        this.focus();
+        if (focus) {
+            this.focus();
+        }
     };
     EditorBase.prototype.setScrollTop = function (top) {
         this.view.dom.scrollTop = top;
@@ -2816,6 +4608,26 @@ var isFunction_default = /*#__PURE__*/__webpack_require__.n(isFunction);
 
 
 
+
+var defaultCommandShortcuts = [
+    'Enter',
+    'Shift-Enter',
+    'Mod-Enter',
+    'Tab',
+    'Shift-Tab',
+    'Delete',
+    'Backspace',
+    'Mod-Delete',
+    'Mod-Backspace',
+    'ArrowUp',
+    'ArrowDown',
+    'ArrowLeft',
+    'ArrowRight',
+    'Mod-d',
+    'Mod-D',
+    'Alt-ArrowUp',
+    'Alt-ArrowDown',
+];
 function execCommand(view, command, payload) {
     view.focus();
     return command(payload)(view.state, view.dispatch, view);
@@ -2880,260 +4692,27 @@ var SpecManager = /** @class */ (function () {
         }
         return specCommands;
     };
-    SpecManager.prototype.keymaps = function () {
+    SpecManager.prototype.keymaps = function (useCommandShortcut) {
         var specKeymaps = this.specs.filter(function (spec) { return spec.keymaps; }).map(function (spec) { return spec.keymaps(); });
-        return specKeymaps.map(function (keys) { return (0,external_commonjs_prosemirror_keymap_commonjs2_prosemirror_keymap_amd_prosemirror_keymap_.keymap)(keys); });
-    };
-    SpecManager.prototype.setContext = function (context) {
-        this.specs.forEach(function (spec) {
-            spec.setContext(context);
+        return specKeymaps.map(function (keys) {
+            if (!useCommandShortcut) {
+                Object.keys(keys).forEach(function (key) {
+                    if (!common_includes(defaultCommandShortcuts, key)) {
+                        delete keys[key];
+                    }
+                });
+            }
+            return (0,external_commonjs_prosemirror_keymap_commonjs2_prosemirror_keymap_amd_prosemirror_keymap_.keymap)(keys);
         });
     };
-    return SpecManager;
-}());
-/* harmony default export */ var specManager = (SpecManager);
-
-// EXTERNAL MODULE: ../../node_modules/tui-code-snippet/type/isArray.js
-var isArray = __webpack_require__(322);
-var isArray_default = /*#__PURE__*/__webpack_require__.n(isArray);
-// EXTERNAL MODULE: ../../node_modules/tui-code-snippet/domUtil/hasClass.js
-var hasClass = __webpack_require__(714);
-var hasClass_default = /*#__PURE__*/__webpack_require__.n(hasClass);
-// EXTERNAL MODULE: ../../node_modules/tui-code-snippet/domUtil/matches.js
-var matches = __webpack_require__(471);
-var matches_default = /*#__PURE__*/__webpack_require__.n(matches);
-;// CONCATENATED MODULE: ./src/utils/constants.ts
-var TAG_NAME = '[A-Za-z][A-Za-z0-9-]*';
-var ATTRIBUTE_NAME = '[a-zA-Z_:][a-zA-Z0-9:._-]*';
-var UNQUOTED_VALUE = '[^"\'=<>`\\x00-\\x20]+';
-var SINGLE_QUOTED_VALUE = "'[^']*'";
-var DOUBLE_QUOTED_VALUE = '"[^"]*"';
-var ATTRIBUTE_VALUE = "(?:" + UNQUOTED_VALUE + "|" + SINGLE_QUOTED_VALUE + "|" + DOUBLE_QUOTED_VALUE + ")";
-var ATTRIBUTE_VALUE_SPEC = "" + '(?:\\s*=\\s*' + ATTRIBUTE_VALUE + ")";
-var ATTRIBUTE = "" + '(?:\\s+' + ATTRIBUTE_NAME + ATTRIBUTE_VALUE_SPEC + "?)";
-var OPEN_TAG = "<(" + TAG_NAME + ")(" + ATTRIBUTE + ")*\\s*/?>";
-var CLOSE_TAG = "</(" + TAG_NAME + ")\\s*[>]";
-var HTML_TAG = "(?:" + OPEN_TAG + "|" + CLOSE_TAG + ")";
-var reHTMLTag = new RegExp("^" + HTML_TAG, 'i');
-
-;// CONCATENATED MODULE: ./src/utils/dom.ts
-
-
-
-
-
-
-
-
-
-function isPositionInBox(style, offsetX, offsetY) {
-    var left = parseInt(style.left, 10);
-    var top = parseInt(style.top, 10);
-    var width = parseInt(style.width, 10) + parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
-    var height = parseInt(style.height, 10) + parseInt(style.paddingTop, 10) + parseInt(style.paddingBottom, 10);
-    return offsetX >= left && offsetX <= left + width && offsetY >= top && offsetY <= top + height;
-}
-var CLS_PREFIX = 'toastui-editor-';
-function cls() {
-    var names = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        names[_i] = arguments[_i];
-    }
-    var result = [];
-    for (var _a = 0, names_1 = names; _a < names_1.length; _a++) {
-        var name = names_1[_a];
-        var className = void 0;
-        if (Array.isArray(name)) {
-            className = name[0] ? name[1] : null;
-        }
-        else {
-            className = name;
-        }
-        if (className) {
-            result.push("" + CLS_PREFIX + className);
-        }
-    }
-    return result.join(' ');
-}
-function clsWithMdPrefix() {
-    var names = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        names[_i] = arguments[_i];
-    }
-    return names.map(function (className) { return CLS_PREFIX + "md-" + className; }).join(' ');
-}
-function isTextNode(node) {
-    return (node === null || node === void 0 ? void 0 : node.nodeType) === Node.TEXT_NODE;
-}
-function isElemNode(node) {
-    return node && node.nodeType === Node.ELEMENT_NODE;
-}
-function findNodes(element, selector) {
-    var nodeList = toArray_default()(element.querySelectorAll(selector));
-    if (nodeList.length) {
-        return nodeList;
-    }
-    return [];
-}
-function appendNodes(node, nodesToAppend) {
-    nodesToAppend = isArray_default()(nodesToAppend) ? toArray_default()(nodesToAppend) : [nodesToAppend];
-    nodesToAppend.forEach(function (nodeToAppend) {
-        node.appendChild(nodeToAppend);
-    });
-}
-function insertBeforeNode(insertedNode, node) {
-    if (node.parentNode) {
-        node.parentNode.insertBefore(insertedNode, node);
-    }
-}
-function removeNode(node) {
-    if (node.parentNode) {
-        node.parentNode.removeChild(node);
-    }
-}
-function unwrapNode(node) {
-    var result = [];
-    while (node.firstChild) {
-        result.push(node.firstChild);
-        if (node.parentNode) {
-            node.parentNode.insertBefore(node.firstChild, node);
-        }
-    }
-    removeNode(node);
-    return result;
-}
-function toggleClass(element, className, state) {
-    if (isUndefined_default()(state)) {
-        state = !hasClass_default()(element, className);
-    }
-    var toggleFn = state ? (addClass_default()) : (removeClass_default());
-    toggleFn(element, className);
-}
-function createElementWith(contents, target) {
-    var container = document.createElement('div');
-    if (isString_default()(contents)) {
-        container.innerHTML = contents;
-    }
-    else {
-        container.appendChild(contents);
-    }
-    var firstChild = container.firstChild;
-    if (target) {
-        target.appendChild(firstChild);
-    }
-    return firstChild;
-}
-function getOuterWidth(el) {
-    var computed = window.getComputedStyle(el);
-    return (['margin-left', 'margin-right'].reduce(function (acc, type) { return acc + parseInt(computed.getPropertyValue(type), 10); }, 0) + el.offsetWidth);
-}
-function closest(node, found) {
-    var condition;
-    if (isString_default()(found)) {
-        condition = function (target) { return matches_default()(target, found); };
-    }
-    else {
-        condition = function (target) { return target === found; };
-    }
-    while (node && node !== document) {
-        if (isElemNode(node) && condition(node)) {
-            return node;
-        }
-        node = node.parentNode;
-    }
-    return null;
-}
-function getTotalOffset(el, root) {
-    var offsetTop = 0;
-    var offsetLeft = 0;
-    while (el && el !== root) {
-        var top = el.offsetTop, left = el.offsetLeft, offsetParent = el.offsetParent;
-        offsetTop += top;
-        offsetLeft += left;
-        if (offsetParent === root.offsetParent) {
-            break;
-        }
-        el = el.offsetParent;
-    }
-    return { offsetTop: offsetTop, offsetLeft: offsetLeft };
-}
-function finalizeHtml(html, needHtmlText) {
-    var result;
-    if (needHtmlText) {
-        result = html.innerHTML;
-    }
-    else {
-        var frag = document.createDocumentFragment();
-        var childNodes = toArray_default()(html.childNodes);
-        var length = childNodes.length;
-        for (var i = 0; i < length; i += 1) {
-            frag.appendChild(childNodes[i]);
-        }
-        result = frag;
-    }
-    return result;
-}
-function empty(node) {
-    while (node.firstChild) {
-        node.removeChild(node.firstChild);
-    }
-}
-function appendNode(node, appended) {
-    if (isString(appended)) {
-        node.insertAdjacentHTML('beforeend', appended);
-    }
-    else {
-        var nodes = appended.length
-            ? toArray(appended)
-            : [appended];
-        for (var i = 0, len = nodes.length; i < len; i += 1) {
-            node.appendChild(nodes[i]);
-        }
-    }
-}
-function prependNode(node, appended) {
-    if (isString(appended)) {
-        node.insertAdjacentHTML('afterbegin', appended);
-    }
-    else {
-        var nodes = appended.length
-            ? toArray(appended)
-            : [appended];
-        for (var i = nodes.length - 1, len = 0; i >= len; i -= 1) {
-            node.insertBefore(nodes[i], node.firstChild);
-        }
-    }
-}
-function setAttributes(attributes, element) {
-    Object.keys(attributes).forEach(function (attrName) {
-        if (attributes[attrName]) {
-            element.setAttribute(attrName, attributes[attrName]);
-        }
-        else {
-            element.removeAttribute(attrName);
-        }
-    });
-}
-function replaceBRWithEmptyBlock(html) {
-    var reBr = /<br\s*\/*>/i;
-    var reHTMLTag = new RegExp(HTML_TAG, 'ig');
-    var htmlTagMatched = html.match(reHTMLTag);
-    htmlTagMatched === null || htmlTagMatched === void 0 ? void 0 : htmlTagMatched.forEach(function (htmlTag, index) {
-        if (reBr.test(htmlTag)) {
-            var alternativeTag = '';
-            if (index) {
-                var prevTag = htmlTagMatched[index - 1];
-                var openTagMatched = prevTag.match(OPEN_TAG);
-                if (openTagMatched) {
-                    var tagName = openTagMatched[1];
-                    alternativeTag = "</" + tagName + "><" + tagName + ">";
-                }
-            }
-            html = html.replace(reBr, alternativeTag);
-        }
-    });
-    return html;
-}
+    SpecManager.prototype.setContext = function (context) {
+        this.specs.forEach(function (spec) {
+            spec.setContext(context);
+        });
+    };
+    return SpecManager;
+}());
+/* harmony default export */ var specManager = (SpecManager);
 
 ;// CONCATENATED MODULE: ./src/markdown/helper/pos.ts
 
@@ -3610,34 +5189,61 @@ function getMarkForAdding(node, toastMark) {
 ;// CONCATENATED MODULE: ./src/markdown/plugins/previewHighlight.ts
 
 
+
+var defaultToolbarStateKeys = [
+    'taskList',
+    'orderedList',
+    'bulletList',
+    'table',
+    'strong',
+    'emph',
+    'strike',
+    'heading',
+    'thematicBreak',
+    'blockQuote',
+    'code',
+    'codeBlock',
+    'indent',
+    'outdent',
+];
 function getToolbarStateType(mdNode) {
+    var type = mdNode.type;
     if (isListNode(mdNode)) {
         if (mdNode.listData.task) {
             return 'taskList';
         }
         return mdNode.listData.type === 'ordered' ? 'orderedList' : 'bulletList';
     }
-    if (mdNode.type.indexOf('table') !== -1) {
+    if (type.indexOf('table') !== -1) {
         return 'table';
     }
-    return mdNode.type;
+    if (!common_includes(defaultToolbarStateKeys, type)) {
+        return null;
+    }
+    return type;
 }
 function getToolbarState(targetNode) {
-    var toolbarState = {};
+    var toolbarState = {
+        indent: { active: false, disabled: true },
+        outdent: { active: false, disabled: true },
+    };
     var listEnabled = true;
     traverseParentNodes(targetNode, function (mdNode) {
         var type = getToolbarStateType(mdNode);
-        if (type === 'customBlock' || type === 'image' || type === 'link') {
+        if (!type) {
             return;
         }
         if (type === 'bulletList' || type === 'orderedList') {
+            // to apply the nearlist list state in the nested list
             if (listEnabled) {
-                toolbarState[type] = true;
+                toolbarState[type] = { active: true };
+                toolbarState.indent.disabled = false;
+                toolbarState.outdent.disabled = false;
                 listEnabled = false;
             }
         }
         else {
-            toolbarState[type] = true;
+            toolbarState[type] = { active: true };
         }
     });
     return toolbarState;
@@ -4678,9 +6284,11 @@ var ThematicBreak = /** @class */ (function (_super) {
 
 
 
-function cannotBeListNode(_a) {
-    var type = _a.type;
-    return type === 'codeBlock' || type === 'heading' || type.indexOf('table') !== -1;
+function cannotBeListNode(_a, line) {
+    var type = _a.type, sourcepos = _a.sourcepos;
+    // eslint-disable-next-line prefer-destructuring
+    var startLine = sourcepos[0][0];
+    return line <= startLine && (type === 'codeBlock' || type === 'heading' || type.match('table'));
 }
 var ListItem = /** @class */ (function (_super) {
     __extends(ListItem, _super);
@@ -4783,7 +6391,7 @@ var ListItem = /** @class */ (function (_super) {
             var skipLines = [];
             for (var line = startLine; line <= endLine; line += 1) {
                 var mdNode = toastMark.findFirstNodeAtLine(line);
-                if (mdNode && cannotBeListNode(mdNode)) {
+                if (mdNode && cannotBeListNode(mdNode, line)) {
                     break;
                 }
                 // to skip unnecessary processing
@@ -5103,57 +6711,6 @@ var Code = /** @class */ (function (_super) {
 }(mark));
 
 
-;// CONCATENATED MODULE: ./src/utils/encoder.ts
-var encoderList = [
-    {
-        regExp: /\(/g,
-        encoded: '%28',
-        escaped: '\\(',
-    },
-    {
-        regExp: /\)/g,
-        encoded: '%29',
-        escaped: '\\)',
-    },
-    {
-        regExp: /\[/g,
-        encoded: '%5B',
-        escaped: '\\[',
-    },
-    {
-        regExp: /\]/g,
-        encoded: '%5D',
-        escaped: '\\]',
-    },
-    {
-        regExp: /</g,
-        encoded: '%3C',
-        escaped: '\\<',
-    },
-    {
-        regExp: />/g,
-        encoded: '%3E',
-        escaped: '\\>',
-    },
-    {
-        regExp: / /g,
-        encoded: '%20',
-        escaped: ' ',
-    },
-];
-function escapeMarkdownText(text) {
-    return encoderList.reduce(function (result, _a) {
-        var regExp = _a.regExp, escaped = _a.escaped;
-        return result.replace(regExp, escaped);
-    }, text);
-}
-function encodeMarkdownText(text) {
-    return encoderList.reduce(function (result, _a) {
-        var regExp = _a.regExp, encoded = _a.encoded;
-        return result.replace(regExp, encoded);
-    }, text);
-}
-
 ;// CONCATENATED MODULE: ./src/markdown/marks/link.ts
 
 
@@ -5210,8 +6767,7 @@ var Link = /** @class */ (function (_super) {
                 url = imageUrl;
                 syntax = '!';
             }
-            text = escapeMarkdownText(text);
-            url = encodeMarkdownText(url);
+            text = escapeTextForLink(text);
             syntax += "[" + text + "](" + url + ")";
             dispatch(tr.replaceWith(from, to, createTextNode(schema, syntax)));
             return true;
@@ -5397,6 +6953,9 @@ var Html = /** @class */ (function (_super) {
 
 
 
+
+
+var customBlockSyntax = '$$';
 var CustomBlock = /** @class */ (function (_super) {
     __extends(CustomBlock, _super);
     function CustomBlock() {
@@ -5420,6 +6979,22 @@ var CustomBlock = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    CustomBlock.prototype.commands = function () {
+        return function (payload) { return function (state, dispatch) {
+            var selection = state.selection, schema = state.schema, tr = state.tr;
+            var _a = getRangeInfo(selection), startFromOffset = _a.startFromOffset, endToOffset = _a.endToOffset;
+            if (!(payload === null || payload === void 0 ? void 0 : payload.info)) {
+                return false;
+            }
+            var customBlock = "" + customBlockSyntax + payload.info;
+            var startNode = createTextNode(schema, customBlock);
+            var endNode = createTextNode(schema, customBlockSyntax);
+            tr.insert(startFromOffset, startNode).split(startFromOffset + customBlock.length);
+            tr.split(tr.mapping.map(endToOffset)).insert(tr.mapping.map(endToOffset), endNode);
+            dispatch(tr.setSelection(createTextSelection(tr, tr.mapping.map(endToOffset) - (customBlockSyntax.length + 2))));
+            return true;
+        }; };
+    };
     return CustomBlock;
 }(mark));
 
@@ -5504,6 +7079,7 @@ function smartTask(_a) {
 
 
 
+
 
 
 var EVENT_TYPE = 'cut';
@@ -5525,15 +7101,20 @@ var MdEditor = /** @class */ (function (_super) {
         _this.commands = _this.createCommands();
         _this.specs.setContext(__assign(__assign({}, _this.context), { view: _this.view }));
         _this.createClipboard();
-        _this.eventEmitter.listen('changePreviewTabWrite', function () { return _this.toggleActive(true); });
+        // To prevent unnecessary focus setting during initial rendering
+        _this.eventEmitter.listen('changePreviewTabWrite', function (isMarkdownTabMounted) {
+            return _this.toggleActive(true, isMarkdownTabMounted);
+        });
         _this.eventEmitter.listen('changePreviewTabPreview', function () { return _this.toggleActive(false); });
         _this.initEvent();
         return _this;
     }
-    MdEditor.prototype.toggleActive = function (active) {
+    MdEditor.prototype.toggleActive = function (active, isMarkdownTabMounted) {
         toggleClass(this.el, 'active', active);
         if (active) {
-            this.focus();
+            if (!isMarkdownTabMounted) {
+                this.focus();
+            }
         }
         else {
             this.blur();
@@ -5547,10 +7128,14 @@ var MdEditor = /** @class */ (function (_super) {
             var clipboardData = ev.clipboardData || window.clipboardData;
             var items = clipboardData && clipboardData.items;
             if (items) {
-                var imageBlob = pasteImageOnly(items);
-                if (imageBlob) {
-                    ev.preventDefault();
-                    emitImageBlobHook(_this.eventEmitter, imageBlob, ev.type);
+                var containRtfItem = toArray_default()(items).some(function (item) { return item.kind === 'string' && item.type === 'text/rtf'; });
+                // if it contains rtf, it's most likely copy paste from office -> no image
+                if (!containRtfItem) {
+                    var imageBlob = pasteImageOnly(items);
+                    if (imageBlob) {
+                        ev.preventDefault();
+                        emitImageBlobHook(_this.eventEmitter, imageBlob, ev.type);
+                    }
                 }
             }
         });
@@ -5750,7 +7335,7 @@ var MdEditor = /** @class */ (function (_super) {
         });
         this.view.dispatch(tr.replaceWith(0, doc.content.size, nodes));
         if (cursorToEnd) {
-            this.moveCursorToEnd();
+            this.moveCursorToEnd(true);
         }
     };
     MdEditor.prototype.addWidget = function (node, style, mdPos) {
@@ -5837,10 +7422,16 @@ var esm_assign = function () {
     };
     return esm_assign.apply(this, arguments);
 };
-function esm_spreadArray(to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+function esm_spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2)
+        for (var i = 0, l = from.length, ar; i < l; i++) {
+            if (ar || !(i in from)) {
+                if (!ar)
+                    ar = Array.prototype.slice.call(from, 0, i);
+                ar[i] = from[i];
+            }
+        }
+    return to.concat(ar || Array.prototype.slice.call(from));
 }
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof __webpack_require__.g !== 'undefined' ? __webpack_require__.g : typeof self !== 'undefined' ? self : {};
 var encodeCache = {};
@@ -10707,8 +12298,8 @@ var C_BACKSLASH$1 = 92;
 var reBackslashOrAmp = /[\\&]/;
 var ESCAPABLE = '[!"#$%&\'()*+,./:;<=>?@[\\\\\\]^_`{|}~-]';
 var reEntityOrEscapedChar = new RegExp("\\\\" + ESCAPABLE + "|" + ENTITY, 'gi');
-var XMLSPECIAL = '[&<>"]';
-var reXmlSpecial = new RegExp(XMLSPECIAL, 'g');
+var esm_XMLSPECIAL = '[&<>"]';
+var esm_reXmlSpecial = new RegExp(esm_XMLSPECIAL, 'g');
 var unescapeChar = function (s) {
     if (s.charCodeAt(0) === C_BACKSLASH$1) {
         return s.charAt(1);
@@ -10730,7 +12321,7 @@ function normalizeURI(uri) {
         return uri;
     }
 }
-function replaceUnsafeChar(s) {
+function esm_replaceUnsafeChar(s) {
     switch (s) {
         case '&':
             return '&amp;';
@@ -10744,9 +12335,9 @@ function replaceUnsafeChar(s) {
             return s;
     }
 }
-function escapeXml(s) {
-    if (reXmlSpecial.test(s)) {
-        return s.replace(reXmlSpecial, replaceUnsafeChar);
+function esm_escapeXml(s) {
+    if (esm_reXmlSpecial.test(s)) {
+        return s.replace(esm_reXmlSpecial, esm_replaceUnsafeChar);
     }
     return s;
 }
@@ -11791,7 +13382,7 @@ var InlineParser = /** @class */ (function () {
                             var literal = textNode.literal || '';
                             var info = literal.split(/\s/)[0];
                             newNode.info = info;
-                            if (literal.length === info.length + 1) {
+                            if (literal.length <= info.length) {
                                 textNode.unlink();
                             }
                             else {
@@ -14352,7 +15943,7 @@ var baseConvertors = {
         var infoWords = infoStr ? infoStr.split(/\s+/) : [];
         var codeClassNames = [];
         if (infoWords.length > 0 && infoWords[0].length > 0) {
-            codeClassNames.push("language-" + escapeXml(infoWords[0]));
+            codeClassNames.push("language-" + esm_escapeXml(infoWords[0]));
         }
         return [
             { type: 'openTag', tagName: 'pre', outerNewLine: true },
@@ -14369,7 +15960,7 @@ var baseConvertors = {
             return {
                 type: 'openTag',
                 tagName: 'a',
-                attributes: esm_assign({ href: escapeXml(destination) }, (title && { title: escapeXml(title) })),
+                attributes: esm_assign({ href: esm_escapeXml(destination) }, (title && { title: esm_escapeXml(title) })),
             };
         }
         return { type: 'closeTag', tagName: 'a' };
@@ -14382,7 +15973,7 @@ var baseConvertors = {
             type: 'openTag',
             tagName: 'img',
             selfClose: true,
-            attributes: esm_assign({ src: escapeXml(destination), alt: getChildrenText(node) }, (title && { title: escapeXml(title) })),
+            attributes: esm_assign({ src: esm_escapeXml(destination), alt: getChildrenText(node) }, (title && { title: esm_escapeXml(title) })),
         };
     },
     customBlock: function (node, context, convertors) {
@@ -14393,7 +15984,7 @@ var baseConvertors = {
                 return customConvertor(node, context);
             }
             catch (e) {
-                console.warn(e);
+                console.warn("[@toast-ui/editor] - The error occurred when " + info + " block node was parsed in markdown renderer: " + e);
             }
         }
         return [
@@ -14416,15 +16007,27 @@ var baseConvertors = {
         ];
     },
     customInline: function (node, context, convertors) {
-        var info = node.info.trim().toLowerCase();
-        var customConvertor = convertors[info];
+        var _a = node, info = _a.info, firstChild = _a.firstChild;
+        var nomalizedInfo = info.trim().toLowerCase();
+        var customConvertor = convertors[nomalizedInfo];
+        var entering = context.entering;
         if (customConvertor) {
-            return customConvertor(node, context);
+            try {
+                return customConvertor(node, context);
+            }
+            catch (e) {
+                console.warn("[@toast-ui/editor] - The error occurred when " + nomalizedInfo + " inline node was parsed in markdown renderer: " + e);
+            }
         }
-        return {
-            type: context.entering ? 'openTag' : 'closeTag',
-            tagName: 'span',
-        };
+        return entering
+            ? [
+                { type: 'openTag', tagName: 'span' },
+                { type: 'text', content: "$$" + info + (firstChild ? ' ' : '') },
+            ]
+            : [
+                { type: 'text', content: '$$' },
+                { type: 'closeTag', tagName: 'span' },
+            ];
     },
 };
 var gfmConvertors = {
@@ -14587,8 +16190,8 @@ var Renderer = /** @class */ (function () {
                     ? nodeType.toLowerCase()
                     : nodeType;
                 if (orgConvertor) {
-                    convertors[convertorType] = function (node, context) {
-                        context.origin = function () { return orgConvertor(node, context); };
+                    convertors[convertorType] = function (node, context, convertors) {
+                        context.origin = function () { return orgConvertor(node, context, convertors); };
                         return convertor(node, context);
                     };
                 }
@@ -14706,7 +16309,7 @@ var Renderer = /** @class */ (function () {
         }
     };
     Renderer.prototype.renderTextNode = function (node) {
-        this.buffer.push(escapeXml(node.content));
+        this.buffer.push(esm_escapeXml(node.content));
     };
     Renderer.prototype.renderRawHtmlNode = function (node) {
         this.addOuterNewLine(node);
@@ -14734,112 +16337,35 @@ var Renderer = /** @class */ (function () {
 }());
 
 
+// EXTERNAL MODULE: ../../node_modules/dompurify/dist/purify.js
+var purify = __webpack_require__(368);
+var purify_default = /*#__PURE__*/__webpack_require__.n(purify);
 ;// CONCATENATED MODULE: ./src/sanitizer/htmlSanitizer.ts
 
 
 
-
-
-
-var reHTMLAttr = 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 reSvgAttr = 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 reXSSAttr = /href|src|background/i;
-var reXSSAttrValue = /((java|vb|live)script|x):/i;
-var reOnEvent = /^on\S+/i;
-var reXSSOnload = new RegExp("(<" + TAG_NAME + "[^>]*)(onload\\s*=)", 'ig');
-var reComment = /<!--[\s\S]*?-->/g;
-var reWhitespace = /[ \t\r\n]/g;
-var DEFAULT_TAG_BLACK_LIST = [
-    'script',
-    'iframe',
-    'textarea',
-    'form',
-    'button',
-    'select',
-    'input',
-    'meta',
-    'style',
-    'link',
-    'title',
-    'embed',
-    'object',
-    'details',
-    'summary',
-    'base',
-];
-var CAN_BE_TAG_WHITE_LIST = ['iframe', 'embed', 'details', 'summary'];
-var tagBlacklist = __spreadArray([], DEFAULT_TAG_BLACK_LIST);
+var CAN_BE_WHITE_TAG_LIST = ['iframe', 'embed'];
+var whiteTagList = [];
 function registerTagWhitelistIfPossible(tagName) {
-    if (common_includes(CAN_BE_TAG_WHITE_LIST, tagName)) {
-        var index = tagBlacklist.indexOf(tagName);
-        if (index > -1) {
-            tagBlacklist.splice(index, 1);
-        }
-    }
-}
-function sanitizeHTML(html) {
-    var root = document.createElement('div');
-    if (isString_default()(html)) {
-        html = html.replace(reComment, '').replace(reXSSOnload, '$1');
-        root.innerHTML = html;
-    }
-    removeUnnecessaryTags(root);
-    leaveOnlyWhitelistAttribute(root);
-    return finalizeHtml(root, true);
-}
-function removeUnnecessaryTags(html) {
-    var removedTags = findNodes(html, tagBlacklist.join(','));
-    removedTags.forEach(function (node) {
-        removeNode(node);
-    });
-}
-function isXSSAttribute(attrName, attrValue) {
-    return attrName.match(reXSSAttr) && attrValue.replace(reWhitespace, '').match(reXSSAttrValue);
-}
-function removeBlacklistAttributes(node, blacklistAttrs) {
-    blacklistAttrs.forEach(function (_a) {
-        var name = _a.name;
-        if (reOnEvent.test(name)) {
-            node[name] = null;
-        }
-        node.removeAttribute(name);
-    });
-}
-function leaveOnlyWhitelistAttribute(html) {
-    findNodes(html, '*').forEach(function (node) {
-        var attributes = node.attributes;
-        var blacklist = toArray_default()(attributes).filter(function (attr) {
-            var name = attr.name, value = attr.value;
-            var htmlAttr = name.match(reHTMLAttr);
-            var svgAttr = name.match(reSvgAttr);
-            var xssAttr = htmlAttr && isXSSAttribute(name, value);
-            return (!htmlAttr && !svgAttr) || xssAttr;
-        });
-        removeBlacklistAttributes(node, blacklist);
-    });
-}
-function sanitizeXSSAttributeValue(attrValue) {
-    attrValue = attrValue.replace(reComment, '');
-    return reXSSAttrValue.test(attrValue) ? '' : attrValue;
+    if (common_includes(CAN_BE_WHITE_TAG_LIST, tagName)) {
+        whiteTagList.push(tagName.toLowerCase());
+    }
+}
+function sanitizeHTML(html, options) {
+    return purify_default().sanitize(html, __assign({ ADD_TAGS: whiteTagList, ADD_ATTR: ['rel', 'target', 'hreflang', 'type'], FORBID_TAGS: [
+            'input',
+            'script',
+            'textarea',
+            'form',
+            'button',
+            'select',
+            'meta',
+            'style',
+            'link',
+            'title',
+            'object',
+            'base',
+        ] }, options));
 }
 
 ;// CONCATENATED MODULE: ./src/wysiwyg/nodes/html.ts
@@ -14849,7 +16375,7 @@ function sanitizeXSSAttributeValue(attrValue) {
 
 function getChildrenHTML(node, typeName) {
     return node
-        .literal.replace(new RegExp("(<\\s*" + typeName + "[^>]+?>)|(</" + typeName + "\\s*[>])", 'ig'), '')
+        .literal.replace(new RegExp("(<\\s*" + typeName + "[^>]*>)|(</" + typeName + "\\s*[>])", 'ig'), '')
         .trim();
 }
 function getHTMLAttrsByHTMLString(html) {
@@ -15107,14 +16633,6 @@ function isBlankLine(doc, index) {
     var pmNode = doc.child(index);
     return !pmNode.childCount || (pmNode.childCount === 1 && !((_a = pmNode.firstChild.text) === null || _a === void 0 ? void 0 : _a.trim()));
 }
-function getNextNonBlankElement(mdNode) {
-    var next = mdNode.next, parent = mdNode.parent;
-    while (!next && parent) {
-        next = parent.next;
-        parent = parent.parent;
-    }
-    return next ? document.querySelector("[data-nodeid=\"" + next.id + "\"]") : null;
-}
 function getEditorRangeHeightInfo(doc, mdNode, children) {
     var start = getMdStartLine(mdNode) - 1;
     var end = getMdEndLine(mdNode) - 1;
@@ -15182,11 +16700,11 @@ function getAdditionalPos(scrollTop, offsetTop, height, targetNodeHeight) {
     var ratio = Math.min((scrollTop - offsetTop) / height, 1);
     return ratio * targetNodeHeight;
 }
-function getParentNodeObj(mdNode) {
-    var el = document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]");
+function getParentNodeObj(previewContent, mdNode) {
+    var el = previewContent.querySelector("[data-nodeid=\"" + mdNode.id + "\"]");
     while (!el || isStyledInlineNode(mdNode)) {
         mdNode = mdNode.parent;
-        el = document.querySelector("[data-nodeid=\"" + mdNode.id + "\"]");
+        el = previewContent.querySelector("[data-nodeid=\"" + mdNode.id + "\"]");
     }
     return getNonNestableNodeObj({ mdNode: mdNode, el: el });
 }
@@ -15291,10 +16809,16 @@ var MarkdownPreview = /** @class */ (function () {
         this.sanitizer = sanitizer;
         this.initEvent(highlight);
         this.initContentSection();
+        // To prevent overflowing contents in the viewer
+        if (this.isViewer) {
+            this.previewContent.style.overflowWrap = 'break-word';
+        }
     }
     MarkdownPreview.prototype.initContentSection = function () {
         this.previewContent = createElementWith("<div class=\"" + cls('contents') + "\"></div>");
-        this.el.appendChild(this.previewContent);
+        if (!this.isViewer) {
+            this.el.appendChild(this.previewContent);
+        }
     };
     MarkdownPreview.prototype.toggleActive = function (active) {
         toggleClass(this.el, 'active', active);
@@ -15302,6 +16826,9 @@ var MarkdownPreview = /** @class */ (function () {
     MarkdownPreview.prototype.initEvent = function (highlight) {
         var _this = this;
         this.eventEmitter.listen('updatePreview', this.update.bind(this));
+        if (this.isViewer) {
+            return;
+        }
         if (highlight) {
             this.eventEmitter.listen('changeToolbarState', function (_a) {
                 var mdNode = _a.mdNode, cursorPos = _a.cursorPos;
@@ -15911,7 +17438,10 @@ var TableOffsetMap = /** @class */ (function () {
     };
     TableOffsetMap.prototype.getNodeAndPos = function (rowIdx, colIdx) {
         var cellInfo = this.rowInfo[rowIdx][colIdx];
-        return { node: this.table.nodeAt(cellInfo.offset - 1), pos: cellInfo.offset };
+        return {
+            node: this.table.nodeAt(cellInfo.offset - this.tableStartOffset),
+            pos: cellInfo.offset,
+        };
     };
     TableOffsetMap.prototype.extendedRowspan = function (rowIdx, colIdx) {
         return false;
@@ -16603,7 +18133,6 @@ function task() {
 ;// CONCATENATED MODULE: ./src/wysiwyg/plugins/toolbarState.ts
 
 
-
 var EXCEPT_TYPES = ['image', 'link', 'customBlock', 'frontMatter'];
 var MARK_TYPES = ['strong', 'strike', 'emph', 'code'];
 var LIST_TYPES = ['bulletList', 'orderedList', 'taskList'];
@@ -16618,47 +18147,49 @@ function toolbarState_getToolbarStateType(node, parentNode) {
     return type;
 }
 function setListNodeToolbarState(type, nodeTypeState) {
-    nodeTypeState[type] = true;
+    nodeTypeState[type] = { active: true };
     LIST_TYPES.filter(function (listName) { return listName !== type; }).forEach(function (listType) {
         if (nodeTypeState[listType]) {
             delete nodeTypeState[listType];
         }
     });
 }
-function getMarkTypeStates(from, to, schema) {
-    var markTypeState = {};
+function setMarkTypeStates(from, to, schema, toolbarState) {
     MARK_TYPES.forEach(function (type) {
         var mark = schema.marks[type];
         var marksAtPos = from.marksAcross(to) || [];
         var foundMark = !!mark.isInSet(marksAtPos);
         if (foundMark) {
-            markTypeState[type] = true;
+            toolbarState[type] = { active: true };
         }
     });
-    return markTypeState;
 }
 function toolbarState_getToolbarState(selection, doc, schema) {
     var $from = selection.$from, $to = selection.$to, from = selection.from, to = selection.to;
-    var nodeTypeState = {};
-    var markTypeState = {};
+    var toolbarState = {
+        indent: { active: false, disabled: true },
+        outdent: { active: false, disabled: true },
+    };
     doc.nodesBetween(from, to, function (node, _, parentNode) {
         var type = toolbarState_getToolbarStateType(node, parentNode);
         if (common_includes(EXCEPT_TYPES, type)) {
             return;
         }
         if (common_includes(LIST_TYPES, type)) {
-            setListNodeToolbarState(type, nodeTypeState);
+            setListNodeToolbarState(type, toolbarState);
+            toolbarState.indent.disabled = false;
+            toolbarState.outdent.disabled = false;
         }
         else if (type === 'paragraph' || type === 'text') {
-            markTypeState = getMarkTypeStates($from, $to, schema);
+            setMarkTypeStates($from, $to, schema, toolbarState);
         }
         else {
-            nodeTypeState[type] = true;
+            toolbarState[type] = { active: true };
         }
     });
-    return __assign(__assign({}, nodeTypeState), markTypeState);
+    return toolbarState;
 }
-function toolbarState(eventEmitter) {
+function toolbarStateHighlight(eventEmitter) {
     return new external_commonjs_prosemirror_state_commonjs2_prosemirror_state_amd_prosemirror_state_.Plugin({
         view: function () {
             return {
@@ -16690,6 +18221,7 @@ var CustomBlockView = /** @class */ (function () {
             if (_this.innerEditorView) {
                 throw new Error('The editor is already opened.');
             }
+            _this.dom.draggable = false;
             _this.wrapper.style.display = 'none';
             _this.innerViewContainer.style.display = 'block';
             _this.innerEditorView = new external_commonjs_prosemirror_view_commonjs2_prosemirror_view_amd_prosemirror_view_.EditorView(_this.innerViewContainer, {
@@ -16944,6 +18476,7 @@ var CodeBlockView = /** @class */ (function () {
         this.dom = null;
         this.contentDOM = null;
         this.input = null;
+        this.timer = null;
         this.handleMousedown = function (ev) {
             var target = ev.target;
             var style = getComputedStyle(target, ':after');
@@ -16999,7 +18532,7 @@ var CodeBlockView = /** @class */ (function () {
         input.type = 'text';
         input.value = this.node.attrs.language;
         wrapper.appendChild(input);
-        document.querySelector('.toastui-editor.ww-mode').appendChild(wrapper);
+        this.view.dom.parentElement.appendChild(wrapper);
         var wrpperWidth = wrapper.clientWidth;
         css_default()(wrapper, {
             top: top + 10 + "px",
@@ -17009,7 +18542,10 @@ var CodeBlockView = /** @class */ (function () {
         this.input = input;
         this.input.addEventListener('blur', function () { return _this.changeLanguage(); });
         this.input.addEventListener('keydown', this.handleKeydown);
-        setTimeout(function () { return _this.input.focus(); });
+        this.clearTimer();
+        this.timer = setTimeout(function () {
+            _this.input.focus();
+        });
     };
     CodeBlockView.prototype.bindDOMEvent = function () {
         if (this.dom) {
@@ -17042,6 +18578,12 @@ var CodeBlockView = /** @class */ (function () {
             removeNode(parent);
         }
     };
+    CodeBlockView.prototype.clearTimer = function () {
+        if (this.timer) {
+            clearTimeout(this.timer);
+            this.timer = null;
+        }
+    };
     CodeBlockView.prototype.stopEvent = function () {
         return true;
     };
@@ -17054,6 +18596,7 @@ var CodeBlockView = /** @class */ (function () {
     };
     CodeBlockView.prototype.destroy = function () {
         this.reset();
+        this.clearTimer();
         if (this.dom) {
             this.dom.removeEventListener('click', this.handleMousedown);
         }
@@ -17217,6 +18760,7 @@ function convertMsoParagraphsToList(html) {
 
 
 
+
 var START_FRAGMENT_COMMENT = '<!--StartFragment-->';
 var END_FRAGMENT_COMMENT = '<!--EndFragment-->';
 function getContentBetweenFragmentComments(html) {
@@ -17225,7 +18769,7 @@ function getContentBetweenFragmentComments(html) {
     if (startFragmentIndex > -1 && endFragmentIndex > -1) {
         html = html.slice(startFragmentIndex + START_FRAGMENT_COMMENT.length, endFragmentIndex);
     }
-    return html;
+    return html.replace(/<br[^>]*>/g, ALTERNATIVE_TAG_FOR_BR);
 }
 function convertMsoTableToCompletedTable(html) {
     // wrap with <tr> if html contains dangling <td> tags
@@ -17313,9 +18857,9 @@ function paste_createTableBody(tableBodyRows, maxColumnCount, schema) {
     }
     return schema.nodes.tableBody.create(null, copiedRows);
 }
-function createTableFromPastingTable(rows, schema, startFromBody) {
+function createTableFromPastingTable(rows, schema, startFromBody, isInTable) {
     var columnCount = getMaxColumnCount(rows);
-    if (startFromBody) {
+    if (startFromBody && isInTable) {
         return schema.nodes.table.create(null, [paste_createTableBody(rows, columnCount, schema)]);
     }
     var tableHeadRow = rows[0];
@@ -17326,15 +18870,16 @@ function createTableFromPastingTable(rows, schema, startFromBody) {
     }
     return schema.nodes.table.create(null, nodes);
 }
-function changePastedSlice(slice, schema) {
+function changePastedSlice(slice, schema, isInTable) {
     var nodes = [];
-    slice.content.forEach(function (node) {
+    var content = slice.content, openStart = slice.openStart, openEnd = slice.openEnd;
+    content.forEach(function (node) {
         if (node.type.name === 'table') {
             var tableContent = getTableContentFromSlice(new external_commonjs_prosemirror_model_commonjs2_prosemirror_model_amd_prosemirror_model_.Slice(external_commonjs_prosemirror_model_commonjs2_prosemirror_model_amd_prosemirror_model_.Fragment.from(node), 0, 0));
             if (tableContent) {
                 var rows = createRowsFromPastingTable(tableContent);
                 var startFromBody = tableContent.firstChild.type.name === 'tableBody';
-                var table = createTableFromPastingTable(rows, schema, startFromBody);
+                var table = createTableFromPastingTable(rows, schema, startFromBody, isInTable);
                 nodes.push(table);
             }
         }
@@ -17342,7 +18887,7 @@ function changePastedSlice(slice, schema) {
             nodes.push(node);
         }
     });
-    return new external_commonjs_prosemirror_model_commonjs2_prosemirror_model_amd_prosemirror_model_.Slice(external_commonjs_prosemirror_model_commonjs2_prosemirror_model_amd_prosemirror_model_.Fragment.from(nodes), 0, 0);
+    return new external_commonjs_prosemirror_model_commonjs2_prosemirror_model_amd_prosemirror_model_.Slice(external_commonjs_prosemirror_model_commonjs2_prosemirror_model_amd_prosemirror_model_.Fragment.from(nodes), openStart, openEnd);
 }
 
 ;// CONCATENATED MODULE: ./src/wysiwyg/clipboard/pasteToTable.ts
@@ -17570,7 +19115,7 @@ var paragraph_Paragraph = /** @class */ (function (_super) {
         get: function () {
             return {
                 content: 'inline*',
-                group: 'block listGroup',
+                group: 'block',
                 attrs: __assign({}, getDefaultCustomAttrs()),
                 parseDOM: [{ tag: 'p' }],
                 toDOM: function (_a) {
@@ -17704,7 +19249,8 @@ var heading_Heading = /** @class */ (function (_super) {
     });
     Heading.prototype.commands = function () {
         return function (payload) { return function (state, dispatch) {
-            return (0,external_commonjs_prosemirror_commands_commonjs2_prosemirror_commands_amd_prosemirror_commands_.setBlockType)(state.schema.nodes.heading, payload)(state, dispatch);
+            var nodeType = state.schema.nodes[payload.level ? 'heading' : 'paragraph'];
+            return (0,external_commonjs_prosemirror_commands_commonjs2_prosemirror_commands_amd_prosemirror_commands_.setBlockType)(nodeType, payload)(state, dispatch);
         }; };
     };
     return Heading;
@@ -17825,7 +19371,7 @@ var BulletList = /** @class */ (function (_super) {
         get: function () {
             return {
                 content: 'listItem+',
-                group: 'block listGroup',
+                group: 'block',
                 attrs: __assign({ rawHTML: { default: null } }, getDefaultCustomAttrs()),
                 parseDOM: [createDOMInfoParsedRawHTML('ul')],
                 toDOM: function (_a) {
@@ -17882,7 +19428,7 @@ var OrderedList = /** @class */ (function (_super) {
         get: function () {
             return {
                 content: 'listItem+',
-                group: 'block listGroup',
+                group: 'block',
                 attrs: __assign({ order: { default: 1 }, rawHTML: { default: null } }, getDefaultCustomAttrs()),
                 parseDOM: [
                     {
@@ -17943,7 +19489,8 @@ var listItem_ListItem = /** @class */ (function (_super) {
     Object.defineProperty(ListItem.prototype, "schema", {
         get: function () {
             return {
-                content: 'paragraph listGroup*',
+                content: 'paragraph block*',
+                selectable: false,
                 attrs: {
                     task: { default: false },
                     checked: { default: false },
@@ -18155,9 +19702,10 @@ function addParagraphBeforeTable(tr, map, schema) {
     }
     return tr.setSelection(external_commonjs_prosemirror_state_commonjs2_prosemirror_state_amd_prosemirror_state_.Selection.near(tableStartPos, -1));
 }
-function addParagraphAfterTable(tr, map, schema) {
+function addParagraphAfterTable(tr, map, schema, forcedAddtion) {
+    if (forcedAddtion === void 0) { forcedAddtion = false; }
     var tableEndPos = tr.doc.resolve(map.tableEndOffset);
-    if (!tableEndPos.nodeAfter) {
+    if (forcedAddtion || !tableEndPos.nodeAfter) {
         return addParagraph(tr, tableEndPos, schema);
     }
     return tr.setSelection(external_commonjs_prosemirror_state_commonjs2_prosemirror_state_amd_prosemirror_state_.Selection.near(tableEndPos, 1));
@@ -18579,6 +20127,29 @@ var table_Table = /** @class */ (function (_super) {
             return false;
         };
     };
+    Table.prototype.exitTable = function () {
+        return function (state, dispatch) {
+            var selection = state.selection, tr = state.tr, schema = state.schema;
+            var $from = selection.$from;
+            var cell = findNodeBy($from, function (_a) {
+                var type = _a.type;
+                return type.name === 'tableHeadCell' || type.name === 'tableBodyCell';
+            });
+            if (cell) {
+                var para = findNodeBy($from, function (_a) {
+                    var type = _a.type;
+                    return type.name === 'paragraph';
+                });
+                if (para) {
+                    var anchor = getResolvedSelection(selection).anchor;
+                    var map = TableOffsetMap.create(anchor);
+                    dispatch(addParagraphAfterTable(tr, map, schema, true));
+                    return true;
+                }
+            }
+            return false;
+        };
+    };
     Table.prototype.commands = function () {
         return {
             addTable: this.addTable(),
@@ -18605,6 +20176,7 @@ var table_Table = /** @class */ (function (_super) {
             'Mod-Backspace': deleteCellContent,
             Delete: deleteCellContent,
             'Mod-Delete': deleteCellContent,
+            'Mod-Enter': this.exitTable(),
         };
     };
     return Table;
@@ -18851,9 +20423,13 @@ var Image = /** @class */ (function (_super) {
                     {
                         tag: 'img[src]',
                         getAttrs: function (dom) {
-                            var imageUrl = dom.getAttribute('src') || '';
-                            var rawHTML = dom.getAttribute('data-raw-html');
-                            return __assign({ imageUrl: sanitizeXSSAttributeValue(imageUrl), altText: dom.getAttribute('alt') }, (rawHTML && { rawHTML: rawHTML }));
+                            var sanitizedDOM = sanitizeHTML(dom, { RETURN_DOM_FRAGMENT: true })
+                                .firstChild;
+                            var imageUrl = sanitizedDOM.getAttribute('src') || '';
+                            var rawHTML = sanitizedDOM.getAttribute('data-raw-html');
+                            var altText = sanitizedDOM.getAttribute('alt');
+                            return __assign({ imageUrl: imageUrl,
+                                altText: altText }, (rawHTML && { rawHTML: rawHTML }));
                         },
                     },
                 ],
@@ -18861,7 +20437,7 @@ var Image = /** @class */ (function (_super) {
                     var attrs = _a.attrs;
                     return [
                         attrs.rawHTML || 'img',
-                        __assign(__assign({ src: attrs.imageUrl }, (attrs.altText && { alt: attrs.altText })), getCustomAttrs(attrs)),
+                        __assign(__assign({ src: escapeXml(attrs.imageUrl) }, (attrs.altText && { alt: attrs.altText })), getCustomAttrs(attrs)),
                     ];
                 },
             };
@@ -18876,7 +20452,7 @@ var Image = /** @class */ (function (_super) {
             if (!imageUrl) {
                 return false;
             }
-            var node = schema.nodes.image.createAndFill(__assign({ imageUrl: encodeMarkdownText(imageUrl) }, (altText && { altText: altText })));
+            var node = schema.nodes.image.createAndFill(__assign({ imageUrl: imageUrl }, (altText && { altText: altText })));
             dispatch(tr.replaceSelectionWith(node).scrollIntoView());
             return true;
         }; };
@@ -19153,15 +20729,18 @@ var link_Link = /** @class */ (function (_super) {
         get: function () {
             var _this = this;
             return {
-                attrs: __assign({ linkUrl: { default: '' }, linkText: { default: null }, rawHTML: { default: null } }, getDefaultCustomAttrs()),
+                attrs: __assign({ linkUrl: { default: '' }, title: { default: null }, rawHTML: { default: null } }, getDefaultCustomAttrs()),
                 inclusive: false,
                 parseDOM: [
                     {
                         tag: 'a[href]',
                         getAttrs: function (dom) {
-                            var href = dom.getAttribute('href') || '';
-                            var rawHTML = dom.getAttribute('data-raw-html');
-                            return __assign({ linkUrl: sanitizeXSSAttributeValue(href), linkText: dom.textContent }, (rawHTML && { rawHTML: rawHTML }));
+                            var sanitizedDOM = sanitizeHTML(dom, { RETURN_DOM_FRAGMENT: true })
+                                .firstChild;
+                            var href = sanitizedDOM.getAttribute('href') || '';
+                            var title = sanitizedDOM.getAttribute('title') || '';
+                            var rawHTML = sanitizedDOM.getAttribute('data-raw-html');
+                            return __assign({ linkUrl: href, title: title }, (rawHTML && { rawHTML: rawHTML }));
                         },
                     },
                 ],
@@ -19169,7 +20748,7 @@ var link_Link = /** @class */ (function (_super) {
                     var attrs = _a.attrs;
                     return [
                         attrs.rawHTML || 'a',
-                        __assign(__assign({ href: attrs.linkUrl }, _this.linkAttributes), getCustomAttrs(attrs)),
+                        __assign(__assign({ href: escapeXml(attrs.linkUrl) }, _this.linkAttributes), getCustomAttrs(attrs)),
                     ];
                 },
             };
@@ -19183,10 +20762,7 @@ var link_Link = /** @class */ (function (_super) {
             var schema = state.schema, tr = state.tr, selection = state.selection;
             var empty = selection.empty, from = selection.from, to = selection.to;
             if (from && to && linkUrl) {
-                var attrs = {
-                    linkUrl: encodeMarkdownText(linkUrl),
-                    linkText: escapeMarkdownText(linkText),
-                };
+                var attrs = { linkUrl: linkUrl };
                 var mark = schema.mark('link', attrs);
                 if (empty && linkText) {
                     var node = createTextNode(schema, linkText, mark);
@@ -19272,6 +20848,7 @@ var code_Code = /** @class */ (function (_super) {
 ;// CONCATENATED MODULE: ./src/wysiwyg/nodes/customBlock.ts
 
 
+
 var customBlock_CustomBlock = /** @class */ (function (_super) {
     __extends(CustomBlock, _super);
     function CustomBlock() {
@@ -19313,6 +20890,13 @@ var customBlock_CustomBlock = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    CustomBlock.prototype.commands = function () {
+        return function (payload) { return function (state, dispatch) {
+            return (payload === null || payload === void 0 ? void 0 : payload.info)
+                ? (0,external_commonjs_prosemirror_commands_commonjs2_prosemirror_commands_amd_prosemirror_commands_.setBlockType)(state.schema.nodes.customBlock, payload)(state, dispatch)
+                : false;
+        }; };
+    };
     return CustomBlock;
 }(node));
 
@@ -19339,8 +20923,10 @@ var FrontMatter = /** @class */ (function (_super) {
                 content: 'text*',
                 group: 'block',
                 code: true,
+                defining: true,
                 parseDOM: [
                     {
+                        preserveWhitespace: 'full',
                         tag: 'div[data-front-matter]',
                     },
                 ],
@@ -19370,6 +20956,56 @@ var FrontMatter = /** @class */ (function (_super) {
 }(node));
 
 
+;// CONCATENATED MODULE: ./src/wysiwyg/nodes/htmlComment.ts
+
+
+
+var HTMLComment = /** @class */ (function (_super) {
+    __extends(HTMLComment, _super);
+    function HTMLComment() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(HTMLComment.prototype, "name", {
+        get: function () {
+            return 'htmlComment';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HTMLComment.prototype, "schema", {
+        get: function () {
+            return {
+                content: 'text*',
+                group: 'block',
+                code: true,
+                defining: true,
+                parseDOM: [{ preserveWhitespace: 'full', tag: 'div[data-html-comment]' }],
+                toDOM: function () {
+                    return ['div', { 'data-html-comment': 'true' }, 0];
+                },
+            };
+        },
+        enumerable: false,
+        configurable: true
+    });
+    HTMLComment.prototype.commands = function () {
+        return function () { return function (state, dispatch, view) {
+            var $from = state.selection.$from;
+            if (view.endOfTextblock('down') && $from.node().type.name === 'htmlComment') {
+                return (0,external_commonjs_prosemirror_commands_commonjs2_prosemirror_commands_amd_prosemirror_commands_.exitCode)(state, dispatch);
+            }
+            return false;
+        }; };
+    };
+    HTMLComment.prototype.keymaps = function () {
+        return {
+            Enter: this.commands()(),
+        };
+    };
+    return HTMLComment;
+}(node));
+
+
 ;// CONCATENATED MODULE: ./src/wysiwyg/specCreator.ts
 
 
@@ -19395,6 +21031,7 @@ var FrontMatter = /** @class */ (function (_super) {
 
 
 
+
 
 
 function createSpecs(linkAttributes) {
@@ -19424,6 +21061,7 @@ function createSpecs(linkAttributes) {
         new customBlock_CustomBlock(),
         new FrontMatter(),
         new Widget(),
+        new HTMLComment(),
     ]);
 }
 
@@ -19447,6 +21085,8 @@ function createSpecs(linkAttributes) {
 
 
 
+
+
 
 
 
@@ -19492,7 +21132,7 @@ var WysiwygEditor = /** @class */ (function (_super) {
             tableSelection(),
             tableContextMenu(this.eventEmitter),
             task(),
-            toolbarState(this.eventEmitter)
+            toolbarStateHighlight(this.eventEmitter)
         ], this.createPluginProps()));
     };
     WysiwygEditor.prototype.createPluginNodeViews = function () {
@@ -19531,7 +21171,9 @@ var WysiwygEditor = /** @class */ (function (_super) {
                 _this.eventEmitter.emit('setFocusedNode', state.selection.$from.node(1));
             },
             transformPastedHTML: changePastedHTML,
-            transformPasted: function (slice) { return changePastedSlice(slice, _this.schema); },
+            transformPasted: function (slice) {
+                return changePastedSlice(slice, _this.schema, isInTableNode(_this.view.state.selection.$from));
+            },
             handlePaste: function (view, _, slice) { return pasteToTable(view, slice); },
             handleKeyDown: function (_, ev) {
                 _this.eventEmitter.emit('keydown', _this.editorType, ev);
@@ -19540,12 +21182,16 @@ var WysiwygEditor = /** @class */ (function (_super) {
             handleDOMEvents: {
                 paste: function (_, ev) {
                     var clipboardData = ev.clipboardData || window.clipboardData;
-                    var items = clipboardData && clipboardData.items;
+                    var items = clipboardData === null || clipboardData === void 0 ? void 0 : clipboardData.items;
                     if (items) {
-                        var imageBlob = pasteImageOnly(items);
-                        if (imageBlob) {
-                            ev.preventDefault();
-                            emitImageBlobHook(_this.eventEmitter, imageBlob, ev.type);
+                        var containRtfItem = toArray_default()(items).some(function (item) { return item.kind === 'string' && item.type === 'text/rtf'; });
+                        // if it contains rtf, it's most likely copy paste from office -> no image
+                        if (!containRtfItem) {
+                            var imageBlob = pasteImageOnly(items);
+                            if (imageBlob) {
+                                ev.preventDefault();
+                                emitImageBlobHook(_this.eventEmitter, imageBlob, ev.type);
+                            }
                         }
                     }
                     return false;
@@ -19609,7 +21255,7 @@ var WysiwygEditor = /** @class */ (function (_super) {
         var _a = this.view.state, tr = _a.tr, doc = _a.doc;
         this.view.dispatch(tr.replaceWith(0, doc.content.size, newDoc));
         if (cursorToEnd) {
-            this.moveCursorToEnd();
+            this.moveCursorToEnd(true);
         }
     };
     WysiwygEditor.prototype.setSelection = function (start, end) {
@@ -19686,6 +21332,7 @@ var eventTypeList = [
     'mixinTableOffsetMapPrototype',
     'setFocusedNode',
     'removePopupWidget',
+    'query',
     // provide event for user
     'openPopup',
     'closePopup',
@@ -19693,6 +21340,7 @@ var eventTypeList = [
     'beforePreviewRender',
     'beforeConvertWysiwygToMarkdown',
     'load',
+    'loadUI',
     'change',
     'caretChange',
     'destroy',
@@ -19948,6 +21596,9 @@ function htmlToWwConvertors_isInlineNode(_a) {
     var type = _a.type;
     return common_includes(['text', 'strong', 'emph', 'strike', 'image', 'link', 'code'], type);
 }
+function isSoftbreak(mdNode) {
+    return (mdNode === null || mdNode === void 0 ? void 0 : mdNode.type) === 'softbreak';
+}
 function htmlToWwConvertors_isListNode(_a) {
     var type = _a.type, literal = _a.literal;
     var matched = type === 'htmlInline' && literal.match(reHTMLTag);
@@ -19966,11 +21617,15 @@ function getListItemAttrs(_a) {
     var checked = /data-task-checked/.test(literal);
     return { task: task, checked: checked };
 }
-function getMatchedAttributeValue(rawHTML, attrName) {
+function getMatchedAttributeValue(rawHTML) {
+    var attrNames = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        attrNames[_i - 1] = arguments[_i];
+    }
     var wrapper = document.createElement('div');
-    wrapper.innerHTML = rawHTML;
+    wrapper.innerHTML = sanitizeHTML(rawHTML);
     var el = wrapper.firstChild;
-    return el.getAttribute(attrName) || '';
+    return attrNames.map(function (attrName) { return el.getAttribute(attrName) || ''; });
 }
 function createConvertors(convertors) {
     var convertorMap = {};
@@ -20024,9 +21679,9 @@ var convertors = {
         var tag = node.literal;
         var link = state.schema.marks.link;
         if (openTagName) {
-            var linkUrl = getMatchedAttributeValue(tag, 'href');
+            var linkUrl = getMatchedAttributeValue(tag, 'href')[0];
             state.openMark(link.create({
-                linkUrl: sanitizeXSSAttributeValue(linkUrl),
+                linkUrl: linkUrl,
                 rawHTML: openTagName,
             }));
         }
@@ -20036,11 +21691,10 @@ var convertors = {
     },
     img: function (state, node, openTagName) {
         var tag = node.literal;
-        var imageUrl = getMatchedAttributeValue(tag, 'src');
-        if (imageUrl) {
-            var altText = getMatchedAttributeValue(tag, 'alt');
+        if (openTagName) {
+            var _a = getMatchedAttributeValue(tag, 'src', 'alt'), imageUrl = _a[0], altText = _a[1];
             var image = state.schema.nodes.image;
-            state.addNode(image, __assign({ rawHTML: openTagName, imageUrl: sanitizeXSSAttributeValue(imageUrl) }, (altText && { altText: altText })));
+            state.addNode(image, __assign({ rawHTML: openTagName, imageUrl: imageUrl }, (altText && { altText: altText })));
         }
     },
     hr: function (state, _, openTagName) {
@@ -20050,11 +21704,22 @@ var convertors = {
         var paragraph = state.schema.nodes.paragraph;
         var parent = node.parent, prev = node.prev, next = node.next;
         if ((parent === null || parent === void 0 ? void 0 : parent.type) === 'paragraph') {
-            if (prev && !(prev.type === 'htmlInline' && prev.literal.match(CLOSE_TAG))) {
+            // should open a paragraph node when line text has only <br> tag
+            // ex) first line\n\n<br>\nfourth line
+            if (isSoftbreak(prev)) {
                 state.openNode(paragraph);
             }
-            if (next) {
+            // should close a paragraph node when line text has only <br> tag
+            // ex) first line\n\n<br>\nfourth line
+            if (isSoftbreak(next)) {
+                state.closeNode();
+                // should close a paragraph node and open a paragraph node to separate between blocks
+                // when <br> tag is in the middle of the paragraph
+                // ex) first <br>line\nthird line
+            }
+            else if (next) {
                 state.closeNode();
+                state.openNode(paragraph);
             }
         }
         else if ((parent === null || parent === void 0 ? void 0 : parent.type) === 'tableCell') {
@@ -20130,8 +21795,9 @@ var htmlToWwConvertors = createConvertors(convertors);
 
 
 
+
 function isBRTag(node) {
-    return node.type === 'htmlInline' && /<br ?\/?>/.test(node.literal);
+    return node.type === 'htmlInline' && reBR.test(node.literal);
 }
 function addRawHTMLAttributeToDOM(parent) {
     toArray_default()(parent.childNodes).forEach(function (child) {
@@ -20256,7 +21922,7 @@ var toWwConvertors = {
         var link = state.schema.marks.link;
         var _b = node, destination = _b.destination, title = _b.title;
         if (entering) {
-            var attrs = __assign(__assign({ linkUrl: destination }, (title && { linkText: title })), customAttrs);
+            var attrs = __assign({ linkUrl: destination, title: title }, customAttrs);
             state.openMark(link.create(attrs));
         }
         else {
@@ -20322,7 +21988,7 @@ var toWwConvertors = {
                 var tablePart = node.parent.parent;
                 var cell = tablePart.type === 'tableHead' ? tableHeadCell : tableBodyCell;
                 var table = tablePart.parent;
-                var align = table.columns[node.startIdx].align;
+                var align = (table.columns[node.startIdx] || {}).align;
                 var attrs = __assign({}, node.attrs);
                 if (align) {
                     attrs.align = align;
@@ -20379,10 +22045,11 @@ var toWwConvertors = {
         var openTagName = matched[1], closeTagName = matched[3];
         var typeName = (openTagName || closeTagName).toLowerCase();
         var markType = state.schema.marks[typeName];
+        var sanitizedHTML = sanitizeHTML(html);
         // for user defined html schema
         if (markType === null || markType === void 0 ? void 0 : markType.spec.attrs.htmlInline) {
             if (openTagName) {
-                var htmlAttrs = getHTMLAttrsByHTMLString(html);
+                var htmlAttrs = getHTMLAttrsByHTMLString(sanitizedHTML);
                 state.openMark(markType.create({ htmlAttrs: htmlAttrs }));
             }
             else {
@@ -20399,25 +22066,34 @@ var toWwConvertors = {
     htmlBlock: function (state, node) {
         var html = node.literal;
         var container = document.createElement('div');
-        var matched = html.match(reHTMLTag);
-        var openTagName = matched[1], closeTagName = matched[3];
-        var typeName = (openTagName || closeTagName).toLowerCase();
-        var nodeType = state.schema.nodes[typeName];
-        // for user defined html schema
-        if (nodeType === null || nodeType === void 0 ? void 0 : nodeType.spec.attrs.htmlBlock) {
-            var htmlAttrs = getHTMLAttrsByHTMLString(html);
-            var childrenHTML = getChildrenHTML(node, typeName);
-            state.addNode(nodeType, { htmlAttrs: htmlAttrs, childrenHTML: childrenHTML });
+        var isHTMLComment = reHTMLComment.test(html);
+        if (isHTMLComment) {
+            state.openNode(state.schema.nodes.htmlComment);
+            state.addText(node.literal);
+            state.closeNode();
         }
         else {
-            container.innerHTML = html;
-            addRawHTMLAttributeToDOM(container);
-            state.convertByDOMParser(container);
+            var matched = html.match(reHTMLTag);
+            var openTagName = matched[1], closeTagName = matched[3];
+            var typeName = (openTagName || closeTagName).toLowerCase();
+            var nodeType = state.schema.nodes[typeName];
+            var sanitizedHTML = sanitizeHTML(html);
+            // for user defined html schema
+            if (nodeType === null || nodeType === void 0 ? void 0 : nodeType.spec.attrs.htmlBlock) {
+                var htmlAttrs = getHTMLAttrsByHTMLString(sanitizedHTML);
+                var childrenHTML = getChildrenHTML(node, typeName);
+                state.addNode(nodeType, { htmlAttrs: htmlAttrs, childrenHTML: childrenHTML });
+            }
+            else {
+                container.innerHTML = sanitizedHTML;
+                addRawHTMLAttributeToDOM(container);
+                state.convertByDOMParser(container);
+            }
         }
     },
     customInline: function (state, node, _a) {
         var entering = _a.entering, skipChildren = _a.skipChildren;
-        var info = node.info;
+        var _b = node, info = _b.info, firstChild = _b.firstChild;
         var schema = state.schema;
         if (info.indexOf('widget') !== -1 && entering) {
             var content = getWidgetContent(node);
@@ -20426,6 +22102,13 @@ var toWwConvertors = {
                 schema.text(createWidgetContent(info, content)),
             ]);
         }
+        else {
+            var text = '$$';
+            if (entering) {
+                text += firstChild ? info + " " : info;
+            }
+            state.addText(text);
+        }
     },
 };
 function createWwConvertors(customConvertors) {
@@ -20441,7 +22124,7 @@ function createWwConvertors(customConvertors) {
         var wwConvertor = toWwConvertors[type];
         if (wwConvertor && !common_includes(['htmlBlock', 'htmlInline'], type)) {
             convertors[type] = function (state, node, context) {
-                context.origin = function () { return orgConvertors[type](node, context); };
+                context.origin = function () { return orgConvertors[type](node, context, orgConvertors); };
                 var tokens = customConvertors[type](node, context);
                 var attrs;
                 if (tokens) {
@@ -20525,6 +22208,27 @@ var ToWwConvertorState = /** @class */ (function () {
         var doc = external_commonjs_prosemirror_model_commonjs2_prosemirror_model_amd_prosemirror_model_.DOMParser.fromSchema(this.schema).parse(root);
         doc.content.forEach(function (node) { return _this.push(node); });
     };
+    ToWwConvertorState.prototype.closeUnmatchedHTMLInline = function (node, entering) {
+        var _a;
+        if (!entering && node.type !== 'htmlInline') {
+            var length = this.stack.length - 1;
+            for (var i = length; i >= 0; i -= 1) {
+                var nodeInfo = this.stack[i];
+                if ((_a = nodeInfo.attrs) === null || _a === void 0 ? void 0 : _a.rawHTML) {
+                    if (nodeInfo.content.length) {
+                        this.closeNode();
+                    }
+                    else {
+                        // just pop useless unmatched html inline node
+                        this.stack.pop();
+                    }
+                }
+                else {
+                    break;
+                }
+            }
+        }
+    };
     ToWwConvertorState.prototype.convert = function (mdNode, infoForPosSync) {
         var walker = mdNode.walker();
         var event = walker.next();
@@ -20542,6 +22246,7 @@ var ToWwConvertorState = /** @class */ (function () {
                         skipped = true;
                     },
                 };
+                this_1.closeUnmatchedHTMLInline(node, entering);
                 convertor(this_1, node, context);
                 if ((infoForPosSync === null || infoForPosSync === void 0 ? void 0 : infoForPosSync.node) === node) {
                     var pos = this_1.stack.reduce(function (nodeSize, stackItem) {
@@ -20617,7 +22322,13 @@ var nodeTypeWriters = {
     text: function (state, _a) {
         var _b;
         var node = _a.node;
-        state.text((_b = node.text) !== null && _b !== void 0 ? _b : '');
+        var text = (_b = node.text) !== null && _b !== void 0 ? _b : '';
+        if ((node.marks || []).some(function (mark) { return mark.type.name === 'link'; })) {
+            state.text(escapeTextForLink(text), false);
+        }
+        else {
+            state.text(text);
+        }
     },
     paragraph: function (state, _a) {
         var node = _a.node, parent = _a.parent, _b = _a.index, index = _b === void 0 ? 0 : _b;
@@ -20782,9 +22493,19 @@ var nodeTypeWriters = {
         var text = _a.text;
         state.write(text);
     },
-    html: function (state, _, _a) {
-        var text = _a.text;
+    html: function (state, _a, _b) {
+        var node = _a.node;
+        var text = _b.text;
+        state.write(text);
+        if (node.attrs.htmlBlock) {
+            state.closeBlock(node);
+        }
+    },
+    htmlComment: function (state, _a, _b) {
+        var node = _a.node;
+        var text = _b.text;
         state.write(text);
+        state.closeBlock(node);
     },
 };
 function write(type, _a) {
@@ -20946,13 +22667,13 @@ var toMdConvertors = {
     image: function (_a) {
         var node = _a.node;
         var attrs = node.attrs;
-        var altText = common_escape(attrs.altText || '');
-        var imageUrl = common_escape(attrs.imageUrl);
-        var altAttr = altText ? " alt=\"" + altText + "\"" : '';
+        var rawHTML = attrs.rawHTML, altText = attrs.altText;
+        var imageUrl = attrs.imageUrl.replace(/&amp;/g, '&');
+        var altAttr = altText ? " alt=\"" + escapeXml(altText) + "\"" : '';
         return {
-            rawHTML: attrs.rawHTML ? "<" + attrs.rawHTML + " src=\"" + imageUrl + "\"" + altAttr + ">" : null,
+            rawHTML: rawHTML ? "<" + rawHTML + " src=\"" + escapeXml(imageUrl) + "\"" + altAttr + ">" : null,
             attrs: {
-                altText: altText,
+                altText: escapeTextForLink(altText || ''),
                 imageUrl: imageUrl,
             },
         };
@@ -21015,17 +22736,17 @@ var toMdConvertors = {
         var node = _a.node;
         var entering = _b.entering;
         var attrs = node.attrs;
-        var linkUrl = common_escape(attrs.linkUrl);
-        var rawHTML = attrs.rawHTML;
+        var title = attrs.title, rawHTML = attrs.rawHTML;
+        var linkUrl = attrs.linkUrl.replace(/&amp;/g, '&');
+        var titleAttr = title ? " title=\"" + escapeXml(title) + "\"" : '';
         if (entering) {
             return {
                 delim: '[',
-                rawHTML: rawHTML ? "<" + rawHTML + " href=\"" + linkUrl + "\">" : null,
+                rawHTML: rawHTML ? "<" + rawHTML + " href=\"" + escapeXml(linkUrl) + "\"" + titleAttr + ">" : null,
             };
         }
-        var linkText = attrs.title ? " " + quote(attrs.linkText) : '';
         return {
-            delim: "](" + linkText + linkUrl + ")",
+            delim: "](" + linkUrl + (title ? " " + quote(escapeTextForLink(title)) : '') + ")",
             rawHTML: getCloseRawHTML(rawHTML),
         };
     },
@@ -21043,6 +22764,12 @@ var toMdConvertors = {
             rawHTML: rawHTML,
         };
     },
+    htmlComment: function (_a) {
+        var node = _a.node;
+        return {
+            text: node.textContent,
+        };
+    },
     // html inline node, html block node
     html: function (_a, _b) {
         var node = _a.node;
@@ -21052,7 +22779,8 @@ var toMdConvertors = {
         var openTag = "<" + tagName;
         var closeTag = "</" + tagName + ">";
         Object.keys(attrs).forEach(function (attrName) {
-            openTag += " " + attrName + "=\"" + attrs[attrName] + "\"";
+            // To prevent broken converting when attributes has double quote string
+            openTag += " " + attrName + "=\"" + attrs[attrName].replace(/"/g, "'") + "\"";
         });
         openTag += '>';
         if (node.attrs.htmlInline) {
@@ -21547,6 +23275,14 @@ function getPluginInfo(plugins, eventEmitter, usageStatistics) {
 var TASK_ATTR_NAME = 'data-task';
 var DISABLED_TASK_ATTR_NAME = 'data-task-disabled';
 var TASK_CHECKED_CLASS_NAME = 'checked';
+function registerHTMLTagToWhitelist(convertorMap) {
+    ['htmlBlock', 'htmlInline'].forEach(function (htmlType) {
+        if (convertorMap[htmlType]) {
+            // register tag white list for preventing to remove the html in sanitizer
+            Object.keys(convertorMap[htmlType]).forEach(function (type) { return registerTagWhitelistIfPossible(type); });
+        }
+    });
+}
 /**
  * Class ToastUIEditorViewer
  * @param {object} options Option object
@@ -21592,6 +23328,7 @@ var ToastUIEditorViewer = /** @class */ (function () {
             frontMatter: frontMatter,
             sanitizer: customHTMLSanitizer || sanitizeHTML,
         };
+        registerHTMLTagToWhitelist(rendererOptions.customHTMLRenderer);
         if (this.options.events) {
             forEachOwnProperties_default()(this.options.events, function (fn, key) {
                 _this.on(key, fn);
@@ -21612,7 +23349,7 @@ var ToastUIEditorViewer = /** @class */ (function () {
             customParser: markdownParsers,
         });
         this.preview = new mdPreview(this.eventEmitter, __assign(__assign({}, rendererOptions), { isViewer: true }));
-        on_default()(this.preview.el, 'mousedown', this.toggleTask.bind(this));
+        on_default()(this.preview.previewContent, 'mousedown', this.toggleTask.bind(this));
         if (initialValue) {
             this.setMarkdown(initialValue);
         }
@@ -21745,7 +23482,7 @@ function createMdLikeNode(node) {
     };
     var nodeTypeMap = {
         heading: { level: attrs.level },
-        link: { destination: attrs.linkUrl, title: attrs.linkText },
+        link: { destination: attrs.linkUrl, title: attrs.title },
         image: { destination: attrs.imageUrl },
         codeBlock: { info: attrs.language },
         bulletList: { type: 'list', listData: { type: 'bullet' } },
@@ -21898,6 +23635,7 @@ var ScrollSync = /** @class */ (function () {
         this.latestPreviewScrollTop = null;
         this.blockedScroll = null;
         this.active = true;
+        this.timer = null;
         var previewRoot = preview.previewContent, previewEl = preview.el;
         this.previewRoot = previewRoot;
         this.previewEl = previewEl;
@@ -21910,10 +23648,11 @@ var ScrollSync = /** @class */ (function () {
     ScrollSync.prototype.addScrollSyncEvent = function () {
         var _this = this;
         this.eventEmitter.listen('afterPreviewRender', function () {
+            _this.clearTimer();
             // Immediately after the 'afterPreviewRender' event has occurred,
             // browser rendering is not yet complete.
             // So the size of elements can not be accurately measured.
-            setTimeout(function () {
+            _this.timer = setTimeout(function () {
                 _this.syncPreviewScrollTop(true);
             }, 200);
         });
@@ -21940,7 +23679,7 @@ var ScrollSync = /** @class */ (function () {
         var pos = this.mdEditor.getSelection();
         var firstMdNode = this.toastMark.findFirstNodeAtLine(pos[0][0]);
         var previewHeight = this.previewEl.clientHeight;
-        var el = getParentNodeObj(firstMdNode).el;
+        var el = getParentNodeObj(this.previewRoot, firstMdNode).el;
         var totalOffsetTop = getTotalOffsetTop(el, this.previewRoot) || el.offsetTop;
         var nodeHeight = el.clientHeight;
         // multiply 0.5 for calculating the position in the middle of preview area
@@ -21972,7 +23711,7 @@ var ScrollSync = /** @class */ (function () {
                 targetScrollTop = scrollTopByEditing;
             }
             else {
-                var _d = getParentNodeObj(firstMdNode), el = _d.el, mdNode = _d.mdNode;
+                var _d = getParentNodeObj(this.previewRoot, firstMdNode), el = _d.el, mdNode = _d.mdNode;
                 var _e = getEditorRangeHeightInfo(doc, mdNode, children), height = _e.height, rect = _e.rect;
                 var totalOffsetTop = getTotalOffsetTop(el, previewRoot) || el.offsetTop;
                 var nodeHeight = el.clientHeight;
@@ -22000,7 +23739,7 @@ var ScrollSync = /** @class */ (function () {
             }
             var children = dom.children;
             var mdNodeId = Number(targetNode.getAttribute('data-nodeid'));
-            var _b = getParentNodeObj(toastMark.findNodeById(mdNodeId)), mdNode = _b.mdNode, el = _b.el;
+            var _b = getParentNodeObj(this.previewRoot, toastMark.findNodeById(mdNodeId)), mdNode = _b.mdNode, el = _b.el;
             var mdNodeStartLine = getMdStartLine(mdNode);
             targetScrollTop = children[mdNodeStartLine - 1].offsetTop;
             var height = getEditorRangeHeightInfo(state.doc, mdNode, children).height;
@@ -22039,7 +23778,14 @@ var ScrollSync = /** @class */ (function () {
         };
         animate(curScrollTop, targetScrollTop, syncCallbacks);
     };
+    ScrollSync.prototype.clearTimer = function () {
+        if (this.timer) {
+            clearTimeout(this.timer);
+            this.timer = null;
+        }
+    };
     ScrollSync.prototype.destroy = function () {
+        this.clearTimer();
         this.eventEmitter.removeEventHandler('scroll');
         this.eventEmitter.removeEventHandler('afterPreviewRender');
     };
@@ -22047,6 +23793,19 @@ var ScrollSync = /** @class */ (function () {
 }());
 
 
+;// CONCATENATED MODULE: ./src/queries/queryManager.ts
+var queryMap = {
+    getPopupInitialValues: function (editor, payload) {
+        var popupName = payload.popupName;
+        return popupName === 'link' ? { linkText: editor.getSelectedText() } : {};
+    },
+};
+function buildQuery(editor) {
+    editor.eventEmitter.listen('query', function (query, payload) {
+        return queryMap[query](editor, payload);
+    });
+}
+
 ;// CONCATENATED MODULE: ./src/editorCore.ts
 
 
@@ -22074,6 +23833,7 @@ var ScrollSync = /** @class */ (function () {
 
 
 
+
 
 
 /**
@@ -22115,11 +23875,12 @@ var ScrollSync = /** @class */ (function () {
  *     @param {boolean} [options.frontMatter=false] - whether use the front matter
  *     @param {Array.<object>} [options.widgetRules=[]] - The rules for replacing the text with widget node
  *     @param {string} [options.theme] - The theme to style the editor with. The default is included in toastui-editor.css.
+ *     @param {autofocus} [options.autofocus=true] - automatically focus the editor on creation.
  */
 var ToastUIEditorCore = /** @class */ (function () {
     function ToastUIEditorCore(options) {
         var _this = this;
-        this.initialHtml = options.el.innerHTML;
+        this.initialHTML = options.el.innerHTML;
         options.el.innerHTML = '';
         this.options = extend_default()({
             previewStyle: 'tab',
@@ -22148,10 +23909,13 @@ var ToastUIEditorCore = /** @class */ (function () {
             frontMatter: false,
             widgetRules: [],
             theme: 'light',
+            autofocus: true,
         }, options);
         var _a = this.options, customHTMLRenderer = _a.customHTMLRenderer, extendedAutolinks = _a.extendedAutolinks, referenceDefinition = _a.referenceDefinition, frontMatter = _a.frontMatter, customMarkdownRenderer = _a.customMarkdownRenderer, useCommandShortcut = _a.useCommandShortcut, initialEditType = _a.initialEditType, widgetRules = _a.widgetRules, customHTMLSanitizer = _a.customHTMLSanitizer;
         this.mode = initialEditType || 'markdown';
         this.mdPreviewStyle = this.options.previewStyle;
+        this.i18n = i18n;
+        this.i18n.setCode(this.options.language);
         this.eventEmitter = new eventEmitter();
         setWidgetRules(widgetRules);
         var linkAttributes = sanitizeLinkAttribute(this.options.linkAttributes);
@@ -22167,8 +23931,6 @@ var ToastUIEditorCore = /** @class */ (function () {
         };
         var wwToDOMAdaptor = new WwToDOMAdaptor(linkAttributes, rendererOptions.customHTMLRenderer);
         var htmlSchemaMap = createHTMLSchemaMap(rendererOptions.customHTMLRenderer, rendererOptions.sanitizer, wwToDOMAdaptor);
-        this.i18n = i18n;
-        this.i18n.setCode(this.options.language);
         this.toastMark = new ToastMark('', {
             disallowedHtmlBlockTags: ['br', 'img'],
             extendedAutolinks: extendedAutolinks,
@@ -22199,7 +23961,7 @@ var ToastUIEditorCore = /** @class */ (function () {
             this.setPlaceholder(this.options.placeholder);
         }
         if (!this.options.initialValue) {
-            this.setHTML(this.initialHtml, false);
+            this.setHTML(this.initialHTML, false);
         }
         this.commandManager = new commandManager(this.eventEmitter, this.mdEditor.commands, this.wwEditor.commands, function () { return _this.mode; });
         if (this.options.usageStatistics) {
@@ -22208,6 +23970,7 @@ var ToastUIEditorCore = /** @class */ (function () {
         this.scrollSync = new ScrollSync(this.mdEditor, this.preview, this.eventEmitter);
         this.addInitEvent();
         this.addInitCommand(mdCommands, wwCommands);
+        buildQuery(this);
         if (this.options.hooks) {
             forEachOwnProperties_default()(this.options.hooks, function (fn, key) { return _this.addHook(key, fn); });
         }
@@ -22215,10 +23978,18 @@ var ToastUIEditorCore = /** @class */ (function () {
             forEachOwnProperties_default()(this.options.events, function (fn, key) { return _this.on(key, fn); });
         }
         this.eventEmitter.emit('load', this);
-        this.moveCursorToStart();
+        this.moveCursorToStart(this.options.autofocus);
     }
     ToastUIEditorCore.prototype.addInitEvent = function () {
+        var _this = this;
         this.on('needChangeMode', this.changeMode.bind(this));
+        this.on('loadUI', function () {
+            if (_this.height !== 'auto') {
+                // 75px equals default editor ui height - the editing area height
+                var minHeight = Math.min(parseInt(_this.minHeight, 10), parseInt(_this.height, 10) - 75) + "px";
+                _this.setMinHeight(minHeight);
+            }
+        });
         addDefaultImageBlobHook(this.eventEmitter);
     };
     ToastUIEditorCore.prototype.addInitCommand = function (mdCommands, wwCommands) {
@@ -22331,15 +24102,19 @@ var ToastUIEditorCore = /** @class */ (function () {
     };
     /**
      * Set cursor position to end
+     * @param {boolean} [focus] - automatically focus the editor
      */
-    ToastUIEditorCore.prototype.moveCursorToEnd = function () {
-        this.getCurrentModeEditor().moveCursorToEnd();
+    ToastUIEditorCore.prototype.moveCursorToEnd = function (focus) {
+        if (focus === void 0) { focus = true; }
+        this.getCurrentModeEditor().moveCursorToEnd(focus);
     };
     /**
      * Set cursor position to start
+     * @param {boolean} [focus] - automatically focus the editor
      */
-    ToastUIEditorCore.prototype.moveCursorToStart = function () {
-        this.getCurrentModeEditor().moveCursorToStart();
+    ToastUIEditorCore.prototype.moveCursorToStart = function (focus) {
+        if (focus === void 0) { focus = true; }
+        this.getCurrentModeEditor().moveCursorToStart(focus);
     };
     /**
      * Set markdown syntax text.
@@ -22392,16 +24167,13 @@ var ToastUIEditorCore = /** @class */ (function () {
     ToastUIEditorCore.prototype.getHTML = function () {
         var _this = this;
         this.eventEmitter.holdEventInvoke(function () {
-            if (_this.isWysiwygMode()) {
-                _this.mdEditor.setMarkdown(_this.convertor.toMarkdownText(_this.wwEditor.getModel()));
+            if (_this.isMarkdownMode()) {
+                var mdNode = _this.toastMark.getRootNode();
+                var wwNode = _this.convertor.toWysiwygModel(mdNode);
+                _this.wwEditor.setModel(wwNode);
             }
         });
-        var mdNode = this.toastMark.getRootNode();
-        var mdRenderer = this.preview.getRenderer();
-        return mdRenderer
-            .render(mdNode)
-            .replace(/\sdata-nodeid="\d{1,}"/g, '')
-            .trim();
+        return this.wwEditor.view.dom.innerHTML;
     };
     /**
      * Insert text
@@ -22489,12 +24261,11 @@ var ToastUIEditorCore = /** @class */ (function () {
         if (isString_default()(height)) {
             if (height === 'auto') {
                 addClass_default()(el, 'auto-height');
-                this.setMinHeight(this.getMinHeight());
             }
             else {
                 removeClass_default()(el, 'auto-height');
-                this.setMinHeight(height);
             }
+            this.setMinHeight(this.getMinHeight());
         }
         css_default()(el, { height: height });
         this.height = height;
@@ -22511,16 +24282,18 @@ var ToastUIEditorCore = /** @class */ (function () {
      * @param {string} minHeight - min content height in pixel
      */
     ToastUIEditorCore.prototype.setMinHeight = function (minHeight) {
-        var _a;
-        this.minHeight = minHeight;
-        var editorHeight = this.options.el.clientHeight;
-        var editorSectionHeight = ((_a = document.querySelector("." + cls('main'))) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
-        var diffHeight = editorHeight - editorSectionHeight;
-        var minHeightNum = parseInt(minHeight, 10);
-        minHeightNum = Math.max(minHeightNum - diffHeight, 0);
-        this.wwEditor.setMinHeight(minHeightNum);
-        this.mdEditor.setMinHeight(minHeightNum);
-        this.preview.setMinHeight(minHeightNum);
+        if (minHeight !== this.minHeight) {
+            var height = this.height || this.options.height;
+            if (height !== 'auto' && this.options.el.querySelector("." + cls('main'))) {
+                // 75px equals default editor ui height - the editing area height
+                minHeight = Math.min(parseInt(minHeight, 10), parseInt(height, 10) - 75) + "px";
+            }
+            var minHeightNum = parseInt(minHeight, 10);
+            this.minHeight = minHeight;
+            this.wwEditor.setMinHeight(minHeightNum);
+            this.mdEditor.setMinHeight(minHeightNum);
+            this.preview.setMinHeight(minHeightNum);
+        }
     };
     /**
      * Get minimum height of editor content
@@ -24467,15 +26240,17 @@ var tablePopupBody_templateObject_1, tablePopupBody_templateObject_2, templateOb
 
 var CustomPopupBody = /** @class */ (function (_super) {
     __extends(CustomPopupBody, _super);
-    function CustomPopupBody(props) {
-        var _this = _super.call(this, props) || this;
-        props.eventEmitter.listen('closePopup', _this.props.hidePopup);
-        return _this;
+    function CustomPopupBody() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     CustomPopupBody.prototype.mounted = function () {
         // append the custom popup body element
         this.refs.el.appendChild(this.props.body);
     };
+    CustomPopupBody.prototype.updated = function (prevProps) {
+        // update custom popup element
+        this.refs.el.replaceChild(this.props.body, prevProps.body);
+    };
     CustomPopupBody.prototype.render = function () {
         var _this = this;
         return template(customPopupBody_templateObject_1 || (customPopupBody_templateObject_1 = __makeTemplateObject(["<div ref=", "></div>"], ["<div ref=", "></div>"])), function (el) { return (_this.refs.el = el); });
@@ -24658,6 +26433,7 @@ function createDefaultToolbarItemInfo(type) {
                 className: 'indent',
                 command: 'indent',
                 tooltip: i18n.get('Indent'),
+                state: 'indent',
             };
             break;
         case 'outdent':
@@ -24666,6 +26442,7 @@ function createDefaultToolbarItemInfo(type) {
                 className: 'outdent',
                 command: 'outdent',
                 tooltip: i18n.get('Outdent'),
+                state: 'outdent',
             };
             break;
         case 'scrollSync':
@@ -24773,6 +26550,7 @@ var Popup = /** @class */ (function (_super) {
     }
     Popup.prototype.mounted = function () {
         document.addEventListener('mousedown', this.handleMousedown);
+        this.props.eventEmitter.listen('closePopup', this.props.hidePopup);
     };
     Popup.prototype.beforeDestroy = function () {
         document.removeEventListener('mousedown', this.handleMousedown);
@@ -24829,7 +26607,7 @@ function connectHOC(WrappedComponent) {
             _this.hideTooltip = function () {
                 css_default()(_this.props.tooltipRef.current, 'display', 'none');
             };
-            _this.state = { active: false };
+            _this.state = { active: false, disabled: props.disabled };
             _this.addEvent();
             return _this;
         }
@@ -24838,9 +26616,10 @@ function connectHOC(WrappedComponent) {
             var _a = this.props, item = _a.item, eventEmitter = _a.eventEmitter;
             if (item.state) {
                 eventEmitter.listen('changeToolbarState', function (_a) {
+                    var _b;
                     var toolbarState = _a.toolbarState;
-                    var active = !!toolbarState[item.state];
-                    _this.setState({ active: active });
+                    var _c = (_b = toolbarState[item.state]) !== null && _b !== void 0 ? _b : {}, active = _c.active, disabled = _c.disabled;
+                    _this.setState({ active: !!active, disabled: disabled !== null && disabled !== void 0 ? disabled : _this.props.disabled });
                 });
             }
         };
@@ -24849,7 +26628,7 @@ function connectHOC(WrappedComponent) {
             return { left: offsetLeft, top: el.offsetHeight + offsetTop };
         };
         ButtonHOC.prototype.render = function () {
-            return template(buttonHoc_templateObject_1 || (buttonHoc_templateObject_1 = __makeTemplateObject(["\n        <", "\n          ...", "\n          active=", "\n          showTooltip=", "\n          hideTooltip=", "\n          getBound=", "\n        />\n      "], ["\n        <", "\n          ...", "\n          active=", "\n          showTooltip=", "\n          hideTooltip=", "\n          getBound=", "\n        />\n      "])), WrappedComponent, this.props, this.state.active, this.showTooltip, this.hideTooltip, this.getBound);
+            return template(buttonHoc_templateObject_1 || (buttonHoc_templateObject_1 = __makeTemplateObject(["\n        <", "\n          ...", "\n          active=", "\n          showTooltip=", "\n          hideTooltip=", "\n          getBound=", "\n          disabled=", "\n        />\n      "], ["\n        <", "\n          ...", "\n          active=", "\n          showTooltip=", "\n          hideTooltip=", "\n          getBound=", "\n          disabled=", "\n        />\n      "])), WrappedComponent, this.props, this.state.active, this.showTooltip, this.hideTooltip, this.getBound, this.state.disabled || this.props.disabled);
         };
         return ButtonHOC;
     }(Component));
@@ -24872,17 +26651,19 @@ var ToolbarButtonComp = /** @class */ (function (_super) {
             _this.props.showTooltip(_this.refs.el);
         };
         _this.execCommand = function () {
-            var _a = _this.props, item = _a.item, execCommand = _a.execCommand, setPopupInfo = _a.setPopupInfo, getBound = _a.getBound;
+            var _a = _this.props, item = _a.item, execCommand = _a.execCommand, setPopupInfo = _a.setPopupInfo, getBound = _a.getBound, eventEmitter = _a.eventEmitter;
             var command = item.command, name = item.name, popup = item.popup;
             if (command) {
                 execCommand(command);
             }
             else {
                 var popupName = popup ? 'customPopupBody' : name;
+                var initialValues = eventEmitter.emit('query', 'getPopupInitialValues', { popupName: popupName })[0];
                 var info = createPopupInfo(popupName, {
                     el: _this.refs.el,
                     pos: getBound(_this.refs.el),
                     popup: popup,
+                    initialValues: initialValues,
                 });
                 if (info) {
                     setPopupInfo(info);
@@ -25102,7 +26883,7 @@ var Toolbar = /** @class */ (function (_super) {
         };
         _this.openPopup = function (popupName, initialValues) {
             if (initialValues === void 0) { initialValues = {}; }
-            var el = document.querySelector("." + cls('toolbar-group') + " ." + popupName);
+            var el = _this.refs.el.querySelector("." + cls('toolbar-group') + " ." + popupName);
             if (el) {
                 var _a = getTotalOffset(el, closest(el, "." + cls('toolbar'))), offsetLeft = _a.offsetLeft, offsetTop = _a.offsetTop;
                 var info = createPopupInfo(popupName, {
@@ -25250,7 +27031,7 @@ var Toolbar = /** @class */ (function (_super) {
     };
     Toolbar.prototype.mounted = function () {
         if (this.props.previewStyle === 'tab') {
-            this.props.eventEmitter.emit('changePreviewTabWrite');
+            this.props.eventEmitter.emit('changePreviewTabWrite', true);
         }
         // classify toolbar and dropdown toolbar after DOM has been rendered
         this.setState(this.classifyToolbarItems());
@@ -25468,6 +27249,7 @@ var ToastUIEditor = /** @class */ (function (_super) {
             var groupIndex = toolbarItem.groupIndex, itemIndex = toolbarItem.itemIndex, item = toolbarItem.item;
             _this.defaultUI.insertToolbarItem({ groupIndex: groupIndex, itemIndex: itemIndex }, item);
         });
+        _this.eventEmitter.emit('loadUI', _this);
         return _this;
     }
     /**
@@ -25575,7 +27357,7 @@ editorCore.setLanguage(['en', 'en-US'], {
 
 
 }();
-__webpack_exports__ = __webpack_exports__.default;
+__webpack_exports__ = __webpack_exports__["default"];
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;