tinymce-rails 6.4.2 → 6.5.0

data/app/assets/source/tinymce/tinymce.js

@@ -1,5 +1,5 @@
 /**
- * TinyMCE version 6.4.2 (2023-04-26)
+ * TinyMCE version 6.5.0 (2023-06-12)
  */
 
 (function () {
@@ -955,43 +955,43 @@
     const PlatformDetection = { detect: detect$3 };
 
     const mediaMatch = query => window.matchMedia(query).matches;
-    let platform$2 = cached(() => PlatformDetection.detect(navigator.userAgent, Optional.from(navigator.userAgentData), mediaMatch));
-    const detect$2 = () => platform$2();
+    let platform$4 = cached(() => PlatformDetection.detect(navigator.userAgent, Optional.from(navigator.userAgentData), mediaMatch));
+    const detect$2 = () => platform$4();
 
     const userAgent = navigator.userAgent;
-    const platform$1 = detect$2();
-    const browser$1 = platform$1.browser;
-    const os = platform$1.os;
-    const deviceType = platform$1.deviceType;
+    const platform$3 = detect$2();
+    const browser$2 = platform$3.browser;
+    const os$1 = platform$3.os;
+    const deviceType = platform$3.deviceType;
     const windowsPhone = userAgent.indexOf('Windows Phone') !== -1;
     const Env = {
       transparentSrc: 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
-      documentMode: browser$1.isIE() ? document.documentMode || 7 : 10,
+      documentMode: browser$2.isIE() ? document.documentMode || 7 : 10,
       cacheSuffix: null,
       container: null,
-      canHaveCSP: !browser$1.isIE(),
+      canHaveCSP: !browser$2.isIE(),
       windowsPhone,
       browser: {
-        current: browser$1.current,
-        version: browser$1.version,
-        isChromium: browser$1.isChromium,
-        isEdge: browser$1.isEdge,
-        isFirefox: browser$1.isFirefox,
-        isIE: browser$1.isIE,
-        isOpera: browser$1.isOpera,
-        isSafari: browser$1.isSafari
+        current: browser$2.current,
+        version: browser$2.version,
+        isChromium: browser$2.isChromium,
+        isEdge: browser$2.isEdge,
+        isFirefox: browser$2.isFirefox,
+        isIE: browser$2.isIE,
+        isOpera: browser$2.isOpera,
+        isSafari: browser$2.isSafari
       },
       os: {
-        current: os.current,
-        version: os.version,
-        isAndroid: os.isAndroid,
-        isChromeOS: os.isChromeOS,
-        isFreeBSD: os.isFreeBSD,
-        isiOS: os.isiOS,
-        isLinux: os.isLinux,
-        isMacOS: os.isMacOS,
-        isSolaris: os.isSolaris,
-        isWindows: os.isWindows
+        current: os$1.current,
+        version: os$1.version,
+        isAndroid: os$1.isAndroid,
+        isChromeOS: os$1.isChromeOS,
+        isFreeBSD: os$1.isFreeBSD,
+        isiOS: os$1.isiOS,
+        isLinux: os$1.isLinux,
+        isMacOS: os$1.isMacOS,
+        isSolaris: os$1.isSolaris,
+        isWindows: os$1.isWindows
       },
       deviceType: {
         isDesktop: deviceType.isDesktop,
@@ -1195,7 +1195,7 @@
       const dom = element.dom;
       return dom && dom.hasAttribute ? dom.hasAttribute(key) : false;
     };
-    const remove$b = (element, key) => {
+    const remove$a = (element, key) => {
       element.dom.removeAttribute(key);
     };
     const hasNone = element => {
@@ -1217,12 +1217,12 @@
       set$3(element, attr, nu.join(' '));
       return true;
     };
-    const remove$a = (element, attr, id) => {
+    const remove$9 = (element, attr, id) => {
       const nu = filter$5(read$4(element, attr), v => v !== id);
       if (nu.length > 0) {
         set$3(element, attr, nu.join(' '));
       } else {
-        remove$b(element, attr);
+        remove$a(element, attr);
       }
       return false;
     };
@@ -1230,10 +1230,10 @@
     const supports = element => element.dom.classList !== undefined;
     const get$8 = element => read$4(element, 'class');
     const add$3 = (element, clazz) => add$4(element, 'class', clazz);
-    const remove$9 = (element, clazz) => remove$a(element, 'class', clazz);
+    const remove$8 = (element, clazz) => remove$9(element, 'class', clazz);
     const toggle$2 = (element, clazz) => {
       if (contains$2(get$8(element), clazz)) {
-        return remove$9(element, clazz);
+        return remove$8(element, clazz);
       } else {
         return add$3(element, clazz);
       }
@@ -1249,15 +1249,15 @@
     const cleanClass = element => {
       const classList = supports(element) ? element.dom.classList : get$8(element);
       if (classList.length === 0) {
-        remove$b(element, 'class');
+        remove$a(element, 'class');
       }
     };
-    const remove$8 = (element, clazz) => {
+    const remove$7 = (element, clazz) => {
       if (supports(element)) {
         const classList = element.dom.classList;
         classList.remove(clazz);
       } else {
-        remove$9(element, clazz);
+        remove$8(element, clazz);
       }
       cleanClass(element);
     };
@@ -1391,6 +1391,7 @@
     const firstChild = element => child$1(element, 0);
     const lastChild = element => child$1(element, element.dom.childNodes.length - 1);
     const childNodesCount = element => element.dom.childNodes.length;
+    const hasChildNodes = element => element.dom.hasChildNodes();
 
     const getHead = doc => {
       const b = doc.dom.head;
@@ -1559,11 +1560,11 @@
       }
       return css;
     };
-    const remove$7 = (element, property) => {
+    const remove$6 = (element, property) => {
       const dom = element.dom;
       internalRemove(dom, property);
       if (is$2(getOpt(element, 'style').map(trim$3), '')) {
-        remove$b(element, 'style');
+        remove$a(element, 'style');
       }
     };
     const reflow = e => e.dom.offsetWidth;
@@ -1616,10 +1617,10 @@
     const empty = element => {
       element.dom.textContent = '';
       each$e(children$1(element), rogue => {
-        remove$6(rogue);
+        remove$5(rogue);
       });
     };
-    const remove$6 = element => {
+    const remove$5 = element => {
       const dom = element.dom;
       if (dom.parentNode !== null) {
         dom.parentNode.removeChild(dom);
@@ -1630,7 +1631,7 @@
       if (children.length > 0) {
         after$3(wrapper, children);
       }
-      remove$6(wrapper);
+      remove$5(wrapper);
     };
 
     const fromHtml = (html, scope) => {
@@ -1960,10 +1961,12 @@
       'embed'
     ]);
     const isListItem$2 = matchNodeName('li');
+    const isDetails = matchNodeName('details');
+    const isSummary = matchNodeName('summary');
 
     const zeroWidth = '\uFEFF';
     const nbsp = '\xA0';
-    const isZwsp$1 = char => char === zeroWidth;
+    const isZwsp$2 = char => char === zeroWidth;
     const removeZwsp = s => s.replace(/\uFEFF/g, '');
 
     const NodeValue = (is, name) => {
@@ -2135,7 +2138,7 @@
       const allBrs = descendants(elm, 'br');
       const brs = filter$5(getLastChildren$1(elm).slice(-1), isBr$5);
       if (allBrs.length === brs.length) {
-        each$e(brs, remove$6);
+        each$e(brs, remove$5);
       }
     };
     const createPaddingBr = () => {
@@ -2151,14 +2154,14 @@
       lastChild(elm).each(lastChild => {
         prevSibling(lastChild).each(lastChildPrevSibling => {
           if (isBlock$2(elm) && isBr$5(lastChild) && isBlock$2(lastChildPrevSibling)) {
-            remove$6(lastChild);
+            remove$5(lastChild);
           }
         });
       });
     };
 
     const ZWSP$1 = zeroWidth;
-    const isZwsp = isZwsp$1;
+    const isZwsp$1 = isZwsp$2;
     const trim$1 = removeZwsp;
 
     const isElement$5 = isElement$6;
@@ -2169,7 +2172,7 @@
       }
       return isElement$5(node) && node.hasAttribute('data-mce-caret');
     };
-    const isCaretContainerInline = node => isText$9(node) && isZwsp(node.data);
+    const isCaretContainerInline = node => isText$9(node) && isZwsp$1(node.data);
     const isCaretContainer$2 = node => isCaretContainerBlock$1(node) || isCaretContainerInline(node);
     const hasContent = node => node.firstChild !== node.lastChild || !isBr$6(node.firstChild);
     const insertInline$1 = (node, before) => {
@@ -2321,6 +2324,14 @@
 
     const whiteSpaceRegExp = /^[ \t\r\n]*$/;
     const isWhitespaceText = text => whiteSpaceRegExp.test(text);
+    const isZwsp = text => {
+      for (const c of text) {
+        if (!isZwsp$2(c)) {
+          return false;
+        }
+      }
+      return true;
+    };
     const isCollapsibleWhitespace$1 = c => ' \f\t\x0B'.indexOf(c) !== -1;
     const isNewLineChar = c => c === '\n' || c === '\r';
     const isNewline = (text, idx) => idx < text.length && idx >= 0 ? isNewLineChar(text[idx]) : false;
@@ -2514,10 +2525,10 @@
     const isTransparentAstBlock = (schema, node) => node.type === 1 && isTransparentElementName(schema, node.name) && isString(node.attr(transparentBlockAttr));
     const isTransparentAstInline = (schema, node) => node.type === 1 && isTransparentElementName(schema, node.name) && isUndefined(node.attr(transparentBlockAttr));
 
-    const browser = detect$2().browser;
+    const browser$1 = detect$2().browser;
     const firstElement = nodes => find$2(nodes, isElement$7);
     const getTableCaptionDeltaY = elm => {
-      if (browser.isFirefox() && name(elm) === 'table') {
+      if (browser$1.isFirefox() && name(elm) === 'table') {
         return firstElement(children$1(elm)).filter(elm => {
           return name(elm) === 'caption';
         }).bind(caption => {
@@ -2584,7 +2595,7 @@
       };
       const removeStyle = id => {
         const styleContainer = getStyleContainer(edos);
-        descendant(styleContainer, '#' + id).each(remove$6);
+        descendant(styleContainer, '#' + id).each(remove$5);
       };
       const getOrCreateState = url => get$a(loadedStates, url).getOrThunk(() => ({
         id: 'mce-u' + idCount++,
@@ -2973,14 +2984,15 @@
       add('style', 'media type scoped');
       add('script', 'src async defer type charset');
       add('body', 'onafterprint onbeforeprint onbeforeunload onblur onerror onfocus ' + 'onhashchange onload onmessage onoffline ononline onpagehide onpageshow ' + 'onpopstate onresize onscroll onstorage onunload', flowContent);
-      add('address dt dd div caption', '', flowContent);
+      add('dd div', '', flowContent);
+      add('address dt caption', '', type === 'html4' ? phrasingContent : flowContent);
       add('h1 h2 h3 h4 h5 h6 pre p abbr code var samp kbd sub sup i b u bdo span legend em strong small s cite dfn', '', phrasingContent);
       add('blockquote', 'cite', flowContent);
       add('ol', 'reversed start type', 'li');
       add('ul', '', 'li');
       add('li', 'value', flowContent);
       add('dl', '', 'dt dd');
-      add('a', 'href target rel media hreflang type', flowContent);
+      add('a', 'href target rel media hreflang type', type === 'html4' ? phrasingContent : flowContent);
       add('q', 'cite', phrasingContent);
       add('ins del', 'cite datetime', flowContent);
       add('img', 'src sizes srcset alt usemap ismap width height');
@@ -3408,8 +3420,10 @@
             elements[name].removeEmpty = true;
           }
         });
-        each$b(split$1('p h1 h2 h3 h4 h5 h6 th td pre div address caption li'), name => {
-          elements[name].paddEmpty = true;
+        each$b(split$1('p h1 h2 h3 h4 h5 h6 th td pre div address caption li summary'), name => {
+          if (elements[name]) {
+            elements[name].paddEmpty = true;
+          }
         });
         each$b(split$1('span'), name => {
           elements[name].removeEmptyAttrs = true;
@@ -4055,7 +4069,7 @@
     const numericalCssMap = Tools.makeMap('fill-opacity font-weight line-height opacity orphans widows z-index zoom', ' ');
     const legacySetAttribute = (elm, name, value) => {
       if (isNullable(value) || value === '') {
-        remove$b(elm, name);
+        remove$a(elm, name);
       } else {
         set$3(elm, name, value);
       }
@@ -4092,7 +4106,7 @@
     const applyStyle$1 = ($elm, cssName, cssValue) => {
       const normalizedName = camelCaseToHyphens(cssName);
       if (isNullable(cssValue) || cssValue === '') {
-        remove$7($elm, normalizedName);
+        remove$6($elm, normalizedName);
       } else {
         set$2($elm, normalizedName, convertStyleToString(cssValue, normalizedName));
       }
@@ -4121,7 +4135,7 @@
             if (keepValues) {
               legacySetAttribute(sugarElm, internalStyleName, value);
             }
-            remove$b(sugarElm, 'style');
+            remove$a(sugarElm, 'style');
             if (isString(value)) {
               setAll(sugarElm, styles.parse(value));
             }
@@ -4433,13 +4447,13 @@
           if (keepChildren) {
             each$e(children$1($node), child => {
               if (isText$b(child) && child.dom.length === 0) {
-                remove$6(child);
+                remove$5(child);
               } else {
                 before$3($node, child);
               }
             });
           }
-          remove$6($node);
+          remove$5($node);
           return $node.dom;
         });
       };
@@ -4492,7 +4506,7 @@
             const classes = cls.split(' ');
             each$e(classes, c => {
               if (isNonNullable(state)) {
-                const fn = state ? add$2 : remove$8;
+                const fn = state ? add$2 : remove$7;
                 fn($elm, c);
               } else {
                 toggle$1($elm, c);
@@ -4513,7 +4527,7 @@
         return isNonNullable($elm) && forall(classes, c => has($elm, c));
       };
       const show = elm => {
-        run(elm, e => remove$7(SugarElement.fromDom(e), 'display'));
+        run(elm, e => remove$6(SugarElement.fromDom(e), 'display'));
       };
       const hide = elm => {
         run(elm, e => set$2(SugarElement.fromDom(e), 'display', 'none'));
@@ -4603,7 +4617,7 @@
         }
         return false;
       };
-      const isEmpty = (node, elements) => {
+      const isEmpty = (node, elements, options) => {
         let brCount = 0;
         if (isNonEmptyElement(node)) {
           return false;
@@ -4637,7 +4651,7 @@
             if (isComment(tempNode)) {
               return false;
             }
-            if (isText$a(tempNode) && !isWhitespaceText(tempNode.data)) {
+            if (isText$a(tempNode) && !isWhitespaceText(tempNode.data) && (!(options === null || options === void 0 ? void 0 : options.includeZwsp) || !isZwsp(tempNode.data))) {
               return false;
             }
             if (isText$a(tempNode) && tempNode.parentNode && whitespaceElements[tempNode.parentNode.nodeName] && isWhitespaceText(tempNode.data)) {
@@ -4743,8 +4757,7 @@
       const isEditable = node => {
         if (isNonNullable(node)) {
           const scope = isElement$6(node) ? node : node.parentElement;
-          const isRootEditable = getContentEditable(getRoot()) === 'true';
-          return isNonNullable(scope) && isEditable$3(SugarElement.fromDom(scope), isRootEditable);
+          return isNonNullable(scope) && isEditable$3(SugarElement.fromDom(scope));
         } else {
           return false;
         }
@@ -4986,7 +4999,9 @@
         const uniqueScripts = stringArray(scripts);
         if (self.loading) {
           return new Promise((resolve, reject) => {
-            self.queueLoadedCallbacks.push(() => processQueue(uniqueScripts).then(resolve, reject));
+            self.queueLoadedCallbacks.push(() => {
+              processQueue(uniqueScripts).then(resolve, reject);
+            });
           });
         } else {
           return processQueue(uniqueScripts);
@@ -5354,7 +5369,7 @@
           if (state) {
             set$3(elem, dataAnnotationActive(), 'true');
           } else {
-            remove$b(elem, dataAnnotationActive());
+            remove$a(elem, dataAnnotationActive());
           }
         });
       };
@@ -5463,9 +5478,9 @@
         add$2(element, x);
       });
     };
-    const remove$5 = (element, classes) => {
+    const remove$4 = (element, classes) => {
       each$e(classes, x => {
-        remove$8(element, x);
+        remove$7(element, x);
       });
     };
 
@@ -5483,7 +5498,7 @@
       after$4(original, nu);
       const children = children$1(original);
       append(nu, children);
-      remove$6(original);
+      remove$5(original);
       return nu;
     };
 
@@ -6744,11 +6759,11 @@
       });
       registerOption('indent_before', {
         processor: 'string',
-        default: 'p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,th,ul,ol,li,dl,dt,dd,area,table,thead,' + 'tfoot,tbody,tr,section,summary,article,hgroup,aside,figure,figcaption,option,optgroup,datalist'
+        default: 'p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,th,ul,ol,li,dl,dt,dd,area,table,thead,' + 'tfoot,tbody,tr,section,details,summary,article,hgroup,aside,figure,figcaption,option,optgroup,datalist'
       });
       registerOption('indent_after', {
         processor: 'string',
-        default: 'p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,th,ul,ol,li,dl,dt,dd,area,table,thead,' + 'tfoot,tbody,tr,section,summary,article,hgroup,aside,figure,figcaption,option,optgroup,datalist'
+        default: 'p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,th,ul,ol,li,dl,dt,dd,area,table,thead,' + 'tfoot,tbody,tr,section,details,summary,article,hgroup,aside,figure,figcaption,option,optgroup,datalist'
       });
       registerOption('indent_use_margin', {
         processor: 'boolean',
@@ -6917,6 +6932,10 @@
         processor: 'boolean',
         default: false
       });
+      registerOption('editable_root', {
+        processor: 'boolean',
+        default: true
+      });
       registerOption('plugins', {
         processor: 'string[]',
         default: []
@@ -6993,7 +7012,10 @@
         processor: 'boolean',
         default: false
       });
-      registerOption('remove_trailing_brs', { processor: 'boolean' });
+      registerOption('remove_trailing_brs', {
+        processor: 'boolean',
+        default: true
+      });
       registerOption('inline_styles', {
         processor: 'boolean',
         default: true,
@@ -7206,6 +7228,48 @@
         processor: 'boolean',
         default: true
       });
+      registerOption('details_initial_state', {
+        processor: value => {
+          const valid = contains$2([
+            'inherited',
+            'collapsed',
+            'expanded'
+          ], value);
+          return valid ? {
+            value,
+            valid
+          } : {
+            valid: false,
+            message: 'Must be one of: inherited, collapsed, or expanded.'
+          };
+        },
+        default: 'inherited'
+      });
+      registerOption('details_serialized_state', {
+        processor: value => {
+          const valid = contains$2([
+            'inherited',
+            'collapsed',
+            'expanded'
+          ], value);
+          return valid ? {
+            value,
+            valid
+          } : {
+            valid: false,
+            message: 'Must be one of: inherited, collapsed, or expanded.'
+          };
+        },
+        default: 'inherited'
+      });
+      registerOption('init_content_sync', {
+        processor: 'boolean',
+        default: false
+      });
+      registerOption('newdocument_content', {
+        processor: 'string',
+        default: ''
+      });
       editor.on('ScriptsLoaded', () => {
         registerOption('directionality', {
           processor: 'string',
@@ -7274,6 +7338,7 @@
     const getCustomUndoRedoLevels = option('custom_undo_redo_levels');
     const shouldDisableNodeChange = option('disable_nodechange');
     const isReadOnly$1 = option('readonly');
+    const hasEditableRoot$1 = option('editable_root');
     const hasContentCssCors = option('content_css_cors');
     const getPlugins = option('plugins');
     const getExternalPlugins$1 = option('external_plugins');
@@ -7292,6 +7357,7 @@
     const shouldPasteDataImages = option('paste_data_images');
     const getPastePreProcess = option('paste_preprocess');
     const getPastePostProcess = option('paste_postprocess');
+    const getNewDocumentContent = option('newdocument_content');
     const getPasteWebkitStyles = option('paste_webkit_styles');
     const shouldPasteRemoveWebKitStyles = option('paste_remove_styles_if_webkit');
     const shouldPasteMergeFormats = option('paste_merge_formats');
@@ -7307,12 +7373,15 @@
     const shouldPreserveCData = option('preserve_cdata');
     const shouldHighlightOnFocus = option('highlight_on_focus');
     const shouldSanitizeXss = option('xss_sanitization');
+    const shouldUseDocumentWrite = option('init_content_sync');
     const hasTextPatternsLookup = editor => editor.options.isSet('text_patterns_lookup');
     const getFontStyleValues = editor => Tools.explode(editor.options.get('font_size_style_values'));
     const getFontSizeClasses = editor => Tools.explode(editor.options.get('font_size_classes'));
     const isEncodingXml = editor => editor.options.get('encoding') === 'xml';
     const getAllowedImageFileTypes = editor => Tools.explode(editor.options.get('images_file_types'));
     const hasTableTabNavigation = option('table_tab_navigation');
+    const getDetailsInitialState = option('details_initial_state');
+    const getDetailsSerializedState = option('details_serialized_state');
 
     const isElement$3 = isElement$6;
     const isText$5 = isText$a;
@@ -7336,7 +7405,7 @@
       }
     };
     const removeUnchanged = (caretContainer, pos) => {
-      remove$4(caretContainer);
+      remove$3(caretContainer);
       return pos;
     };
     const removeTextAndReposition = (caretContainer, pos) => {
@@ -7355,13 +7424,13 @@
       const newPosition = indexOf$1(from(parentNode.childNodes), caretContainer).map(index => {
         return index < pos.offset() ? CaretPosition(parentNode, pos.offset() - 1) : pos;
       }).getOr(pos);
-      remove$4(caretContainer);
+      remove$3(caretContainer);
       return newPosition;
     };
     const removeTextCaretContainer = (caretContainer, pos) => isText$5(caretContainer) && pos.container() === caretContainer ? removeTextAndReposition(caretContainer, pos) : removeUnchanged(caretContainer, pos);
     const removeElementCaretContainer = (caretContainer, pos) => pos.container() === caretContainer.parentNode ? removeElementAndReposition(caretContainer, pos) : removeUnchanged(caretContainer, pos);
     const removeAndReposition = (container, pos) => CaretPosition.isTextPosition(pos) ? removeTextCaretContainer(container, pos) : removeElementCaretContainer(container, pos);
-    const remove$4 = caretContainerNode => {
+    const remove$3 = caretContainerNode => {
       if (isElement$3(caretContainerNode) && isCaretContainer$2(caretContainerNode)) {
         if (hasContent(caretContainerNode)) {
           caretContainerNode.removeAttribute('data-mce-caret');
@@ -7486,7 +7555,7 @@
       const hide = () => {
         trimInlineCaretContainers(root);
         if (caretContainerNode) {
-          remove$4(caretContainerNode);
+          remove$3(caretContainerNode);
           caretContainerNode = null;
         }
         lastVisualCaret.on(caretState => {
@@ -8208,7 +8277,7 @@
     const is = expected => actual => expected === actual;
     const isNbsp = is(nbsp);
     const isWhiteSpace = chr => chr !== '' && ' \f\n\r\t\x0B'.indexOf(chr) !== -1;
-    const isContent = chr => !isWhiteSpace(chr) && !isNbsp(chr) && !isZwsp$1(chr);
+    const isContent = chr => !isWhiteSpace(chr) && !isNbsp(chr) && !isZwsp$2(chr);
 
     const hexColour = value => ({ value: normalizeHex(value) });
     const normalizeHex = hex => removeLeading(hex, '#').toUpperCase();
@@ -8911,16 +8980,16 @@
       }
     };
     const removeDirectAnnotation = elem => {
-      remove$8(elem, annotation());
-      remove$b(elem, `${ dataAnnotationId() }`);
-      remove$b(elem, `${ dataAnnotation() }`);
-      remove$b(elem, `${ dataAnnotationActive() }`);
+      remove$7(elem, annotation());
+      remove$a(elem, `${ dataAnnotationId() }`);
+      remove$a(elem, `${ dataAnnotation() }`);
+      remove$a(elem, `${ dataAnnotationActive() }`);
       const customAttrNames = getOpt(elem, `${ dataAnnotationAttributes() }`).map(names => names.split(',')).getOr([]);
       const customClasses = getOpt(elem, `${ dataAnnotationClasses() }`).map(names => names.split(',')).getOr([]);
-      each$e(customAttrNames, name => remove$b(elem, name));
-      remove$5(elem, customClasses);
-      remove$b(elem, `${ dataAnnotationClasses() }`);
-      remove$b(elem, `${ dataAnnotationAttributes() }`);
+      each$e(customAttrNames, name => remove$a(elem, name));
+      remove$4(elem, customClasses);
+      remove$a(elem, `${ dataAnnotationClasses() }`);
+      remove$a(elem, `${ dataAnnotationAttributes() }`);
     };
     const makeAnnotation = (eDoc, uid, data, annotationName, decorate) => {
       const master = SugarElement.fromTag('span', eDoc);
@@ -9140,6 +9209,7 @@
       internal
     });
     const firePastePlainTextToggle = (editor, state) => editor.dispatch('PastePlainTextToggle', { state });
+    const fireEditableRootStateChange = (editor, state) => editor.dispatch('EditableRootStateChange', { state });
 
     const VK = {
       BACKSPACE: 8,
@@ -9165,7 +9235,7 @@
     };
 
     const elementSelectionAttr = 'data-mce-selected';
-    const controlElmSelector = 'table,img,figure.image,hr,video,span.mce-preview-object';
+    const controlElmSelector = 'table,img,figure.image,hr,video,span.mce-preview-object,details';
     const abs = Math.abs;
     const round$1 = Math.round;
     const resizeHandles = {
@@ -9467,7 +9537,7 @@
         each$e(dom.select(`img[${ elementSelectionAttr }],hr[${ elementSelectionAttr }]`), img => {
           img.removeAttribute(elementSelectionAttr);
         });
-        if (isNonNullable(controlElm) && isChildOrEqual(controlElm, rootElement)) {
+        if (isNonNullable(controlElm) && isChildOrEqual(controlElm, rootElement) && editor.hasFocus()) {
           disableGeckoResize();
           const startElm = selection.getStart(true);
           if (isChildOrEqual(startElm, controlElm) && isChildOrEqual(selection.getEnd(true), controlElm)) {
@@ -10190,7 +10260,7 @@
       const startPoint = descend(element, offset);
       const span = SugarElement.fromHtml('<span data-mce-bogus="all" style="display: inline-block;">' + ZWSP$1 + '</span>');
       before$3(startPoint.element, span);
-      return markerInfo(span, () => remove$6(span));
+      return markerInfo(span, () => remove$5(span));
     };
     const elementMarker = element => markerInfo(SugarElement.fromDom(element), noop);
     const withMarker = (editor, f, rng, alignToTop) => {
@@ -10462,7 +10532,7 @@
         Delay.setEditorTimeout(editor, () => {
           const focusedEditor = editorManager.focusedEditor;
           if (!isEditorContentAreaElement(getActiveElement(editor)) || focusedEditor !== editor) {
-            toggleContentAreaOnFocus(editor, remove$8);
+            toggleContentAreaOnFocus(editor, remove$7);
           }
           if (!isUIElement(editor, getActiveElement(editor)) && focusedEditor === editor) {
             editor.dispatch('blur', { focusedEditor: null });
@@ -10720,7 +10790,7 @@
     };
     const detect$1 = elm => closest$3(elm, autocompleteSelector);
     const findIn = elm => descendant(elm, autocompleteSelector);
-    const remove$3 = (editor, elm) => findIn(elm).each(wrapper => {
+    const remove$2 = (editor, elm) => findIn(elm).each(wrapper => {
       const bookmark = editor.selection.getBookmark();
       unwrap(wrapper);
       editor.selection.moveToBookmark(bookmark);
@@ -10771,14 +10841,6 @@
       return node.attr('name') || node.attr('id') && !node.firstChild || node.attr('data-mce-bookmark') || isNamedAnchor;
     };
     class AstNode {
-      constructor(name, type) {
-        this.name = name;
-        this.type = type;
-        if (type === 1) {
-          this.attributes = [];
-          this.attributes.map = {};
-        }
-      }
       static create(name, attrs) {
         const node = new AstNode(name, typeLookup[name] || 1);
         if (attrs) {
@@ -10788,6 +10850,14 @@
         }
         return node;
       }
+      constructor(name, type) {
+        this.name = name;
+        this.type = type;
+        if (type === 1) {
+          this.attributes = [];
+          this.attributes.map = {};
+        }
+      }
       replace(node) {
         const self = this;
         if (node.parent) {
@@ -11109,10 +11179,10 @@
       each$e(bogusElements, elem => {
         const bogusValue = get$9(elem, 'data-mce-bogus');
         if (bogusValue === 'all') {
-          remove$6(elem);
+          remove$5(elem);
         } else if (isBr$5(elem)) {
           before$3(elem, SugarElement.fromText(zeroWidth));
-          remove$6(elem);
+          remove$5(elem);
         } else {
           unwrap(elem);
         }
@@ -11121,7 +11191,7 @@
     const cleanupInputNames = parent => {
       const inputs = descendants(parent, 'input');
       each$e(inputs, input => {
-        remove$b(input, 'name');
+        remove$a(input, 'name');
       });
     };
 
@@ -11146,7 +11216,7 @@
       const root = getContentContainer(dos);
       append$1(root, offscreenDiv);
       const content = trim$1(offscreenDiv.dom.innerText);
-      remove$6(offscreenDiv);
+      remove$5(offscreenDiv);
       return content;
     };
     const getContentFromBody = (editor, args, body) => {
@@ -11438,7 +11508,7 @@
     const isAfterSpace = curry(isChar, false, isWhiteSpace);
     const isEmptyText = pos => {
       const container = pos.container();
-      return isText$a(container) && (container.data.length === 0 || isZwsp(container.data) && BookmarkManager.isBookmarkNode(container.parentNode));
+      return isText$a(container) && (container.data.length === 0 || isZwsp$1(container.data) && BookmarkManager.isBookmarkNode(container.parentNode));
     };
     const matchesElementPosition = (before, predicate) => pos => getChildNodeAtRelativeOffset(before ? 0 : -1, pos).filter(predicate).isSome();
     const isImageBlock = node => isImg(node) && get$7(SugarElement.fromDom(node), 'display') === 'block';
@@ -11663,7 +11733,7 @@
       } else {
         newNode.insertData(0, removeNode.data);
       }
-      remove$6(SugarElement.fromDom(removeNode));
+      remove$5(SugarElement.fromDom(removeNode));
       if (normalizeWhitespace) {
         normalizeWhitespaceAfter(newNode, whitespaceOffset);
       }
@@ -11722,7 +11792,7 @@
     const deleteNormalized = (elm, afterDeletePosOpt, normalizeWhitespace) => {
       const prevTextOpt = prevSibling(elm).filter(isText$b);
       const nextTextOpt = nextSibling(elm).filter(isText$b);
-      remove$6(elm);
+      remove$5(elm);
       return lift3(prevTextOpt, nextTextOpt, afterDeletePosOpt, (prev, next, pos) => {
         const prevNode = prev.dom, nextNode = next.dom;
         const offset = prevNode.data.length;
@@ -11859,7 +11929,7 @@
         const additionalCleanupNodes = is$2(parent(lastBlock), root) ? [] : siblings(lastBlock);
         each$e(additionalCleanupNodes.concat(children$1(root)), node => {
           if (!eq(node, lastBlock) && !contains(node, lastBlock) && isEmpty$2(node)) {
-            remove$6(node);
+            remove$5(node);
           }
         });
       }
@@ -12004,14 +12074,14 @@
     };
 
     const cleanCells = cells => each$e(cells, cell => {
-      remove$b(cell, 'contenteditable');
+      remove$a(cell, 'contenteditable');
       fillWithPaddingBr(cell);
     });
     const getOutsideBlock = (editor, container) => Optional.from(editor.dom.getParent(container, editor.dom.isBlock)).map(SugarElement.fromDom);
     const handleEmptyBlock = (editor, startInTable, emptyBlock) => {
       emptyBlock.each(block => {
         if (startInTable) {
-          remove$6(block);
+          remove$5(block);
         } else {
           fillWithPaddingBr(block);
           editor.selection.setCursorLocation(block.dom, 0);
@@ -12451,7 +12521,7 @@
     };
     const normalize = rng => rng.collapsed ? rng : normalizeBlockSelectionRange(rng);
 
-    const hasOnlyOneChild = node => {
+    const hasOnlyOneChild$1 = node => {
       return isNonNullable(node.firstChild) && node.firstChild === node.lastChild;
     };
     const isPaddingNode = node => {
@@ -12459,7 +12529,7 @@
     };
     const isPaddedEmptyBlock = (schema, node) => {
       const blockElements = schema.getBlockElements();
-      return blockElements[node.name] && hasOnlyOneChild(node) && isPaddingNode(node.firstChild);
+      return blockElements[node.name] && hasOnlyOneChild$1(node) && isPaddingNode(node.firstChild);
     };
     const isEmptyFragmentElement = (schema, node) => {
       const nonEmptyElements = schema.getNonEmptyElements();
@@ -12751,6 +12821,18 @@
       }
       return Optional.none();
     };
+    const preventSplittingSummary = editor => {
+      each$e(from(editor.getBody().querySelectorAll('details')), accordion => {
+        const summaries = filter$5(from(accordion.children), node => node.nodeName === 'SUMMARY');
+        if (summaries.length > 1) {
+          each$e(summaries.slice(1), summary => {
+            const element = SugarElement.fromDom(summary);
+            remove$7(element, 'mce-accordion-summary');
+            mutate(element, 'p');
+          });
+        }
+      });
+    };
     const insertHtmlAtCaret = (editor, value, details) => {
       var _a, _b;
       const selection = editor.selection;
@@ -12847,6 +12929,7 @@
       moveSelectionToMarker(editor, dom.get('mce_marker'));
       unmarkFragmentElements(editor.getBody());
       trimBrsFromTableCell(dom, selection.getStart());
+      preventSplittingSummary(editor);
       updateCaret(editor.schema, editor.getBody(), selection.getStart());
       return value;
     };
@@ -13083,7 +13166,7 @@
     const canApply = (editor, name) => {
       const formatList = editor.formatter.get(name);
       const dom = editor.dom;
-      if (formatList) {
+      if (formatList && editor.selection.isEditable()) {
         const startNode = editor.selection.getStart();
         const parents = getParents$2(dom, startNode);
         for (let x = formatList.length - 1; x >= 0; x--) {
@@ -13191,7 +13274,7 @@
         node = getParentCaretContainer(editor.getBody(), selection.getStart());
         if (!node) {
           while (node = dom.get(CARET_ID)) {
-            removeCaretContainerNode(editor, node, false);
+            removeCaretContainerNode(editor, node, moveCaret);
           }
         }
       } else {
@@ -13331,9 +13414,9 @@
         }
       }
     };
-    const disableCaretContainer = (editor, keyCode) => {
+    const disableCaretContainer = (editor, keyCode, moveCaret) => {
       const selection = editor.selection, body = editor.getBody();
-      removeCaretContainer(editor, null, false);
+      removeCaretContainer(editor, null, moveCaret);
       if ((keyCode === 8 || keyCode === 46) && selection.isCollapsed() && selection.getStart().innerHTML === ZWSP) {
         removeCaretContainer(editor, getParentCaretContainer(body, selection.getStart()));
       }
@@ -13341,9 +13424,10 @@
         removeCaretContainer(editor, getParentCaretContainer(body, selection.getStart()));
       }
     };
+    const endsWithNbsp = element => isText$a(element) && endsWith(element.data, nbsp);
     const setup$u = editor => {
       editor.on('mouseup keydown', e => {
-        disableCaretContainer(editor, e.keyCode);
+        disableCaretContainer(editor, e.keyCode, endsWithNbsp(editor.selection.getRng().endContainer));
       });
     };
     const createCaretFormat = formatNodes => {
@@ -13357,12 +13441,12 @@
     const replaceWithCaretFormat = (targetNode, formatNodes) => {
       const {caretContainer, caretPosition} = createCaretFormat(formatNodes);
       before$3(SugarElement.fromDom(targetNode), caretContainer);
-      remove$6(SugarElement.fromDom(targetNode));
+      remove$5(SugarElement.fromDom(targetNode));
       return caretPosition;
     };
-    const createCaretFormatAtStart$1 = (editor, formatNodes) => {
+    const createCaretFormatAtStart$1 = (rng, formatNodes) => {
       const {caretContainer, caretPosition} = createCaretFormat(formatNodes);
-      editor.selection.getRng().insertNode(caretContainer.dom);
+      rng.insertNode(caretContainer.dom);
       return caretPosition;
     };
     const isFormatElement = (editor, element) => {
@@ -13398,7 +13482,7 @@
       const joinPre = (pre1, pre2) => {
         const sPre2 = SugarElement.fromDom(pre2);
         const doc = documentOrOwner(sPre2).dom;
-        remove$6(sPre2);
+        remove$5(sPre2);
         append(SugarElement.fromDom(pre1), [
           SugarElement.fromTag('br', doc),
           SugarElement.fromTag('br', doc),
@@ -13668,7 +13752,7 @@
         });
       }
     };
-    const removeFormatInternal = (ed, format, vars, node, compareNode) => {
+    const removeNodeFormatInternal = (ed, format, vars, node, compareNode) => {
       const dom = ed.dom;
       const elementUtils = ElementUtils(ed);
       const schema = ed.schema;
@@ -13749,10 +13833,6 @@
       }
       return removeResult.keep();
     };
-    const removeFormat$1 = (ed, format, vars, node, compareNode) => removeFormatInternal(ed, format, vars, node, compareNode).fold(never, newName => {
-      ed.dom.rename(node, newName);
-      return true;
-    }, always);
     const findFormatRoot = (editor, container, name, vars, similar) => {
       let formatRoot;
       if (container.parentNode) {
@@ -13767,7 +13847,7 @@
       }
       return formatRoot;
     };
-    const removeFormatFromClone = (editor, format, vars, clone) => removeFormatInternal(editor, format, vars, clone, clone).fold(constant(clone), newName => {
+    const removeNodeFormatFromClone = (editor, format, vars, clone) => removeNodeFormatInternal(editor, format, vars, clone, clone).fold(constant(clone), newName => {
       const fragment = editor.dom.createFragment();
       fragment.appendChild(clone);
       return editor.dom.rename(clone, newName);
@@ -13782,7 +13862,7 @@
         for (let parent = container.parentNode; parent && parent !== formatRootParent; parent = parent.parentNode) {
           let clone = dom.clone(parent, false);
           for (let i = 0; i < formatList.length; i++) {
-            clone = removeFormatFromClone(editor, formatList[i], vars, clone);
+            clone = removeNodeFormatFromClone(editor, formatList[i], vars, clone);
             if (clone === null) {
               break;
             }
@@ -13810,7 +13890,7 @@
       }
       return container;
     };
-    const remove$2 = (ed, name, vars, node, similar) => {
+    const removeFormatInternal = (ed, name, vars, node, similar) => {
       const formatList = ed.formatter.get(name);
       const format = formatList[0];
       const dom = ed.dom;
@@ -13820,14 +13900,14 @@
         return wrapAndSplit(ed, formatList, formatRoot, container, container, true, format, vars);
       };
       const isRemoveBookmarkNode = node => isBookmarkNode$1(node) && isElement$6(node) && (node.id === '_start' || node.id === '_end');
-      const removeNodeFormat = node => exists(formatList, fmt => removeFormat$1(ed, fmt, vars, node, node));
+      const removeFormatOnNode = node => exists(formatList, fmt => removeNodeFormat(ed, fmt, vars, node, node));
       const process = node => {
         const children = from(node.childNodes);
-        const removed = removeNodeFormat(node);
+        const removed = removeFormatOnNode(node);
         const currentNodeMatches = removed || exists(formatList, f => matchName(dom, node, f));
         const parentNode = node.parentNode;
         if (!currentNodeMatches && isNonNullable(parentNode) && shouldExpandToSelector(format)) {
-          removeNodeFormat(parentNode);
+          removeFormatOnNode(parentNode);
         }
         if (format.deep) {
           if (children.length) {
@@ -13843,7 +13923,7 @@
         ];
         each$e(textDecorations, decoration => {
           if (isElement$6(node) && ed.dom.getStyle(node, 'text-decoration') === decoration && node.parentNode && getTextDecoration(dom, node.parentNode) === decoration) {
-            removeFormat$1(ed, {
+            removeNodeFormat(ed, {
               deep: false,
               exact: true,
               inline: 'span',
@@ -13952,6 +14032,17 @@
       removeListStyleFormats(ed, name, vars);
       fireFormatRemove(ed, name, node, vars);
     };
+    const removeFormat$1 = (ed, name, vars, node, similar) => {
+      if (node || ed.selection.isEditable()) {
+        removeFormatInternal(ed, name, vars, node, similar);
+      }
+    };
+    const removeNodeFormat = (editor, format, vars, node, compareNode) => {
+      return removeNodeFormatInternal(editor, format, vars, node, compareNode).fold(never, newName => {
+        editor.dom.rename(node, newName);
+        return true;
+      }, always);
+    };
 
     const each$6 = Tools.each;
     const mergeTextDecorationsAndColor = (dom, format, vars, node) => {
@@ -13989,7 +14080,7 @@
         if (isInlineFormat(format)) {
           each$6(editor.dom.select(format.inline, node), child => {
             if (isElementNode(child)) {
-              removeFormat$1(editor, format, vars, child, format.exact ? child : null);
+              removeNodeFormat(editor, format, vars, child, format.exact ? child : null);
             }
           });
         }
@@ -13999,14 +14090,14 @@
     const mergeWithParents = (editor, format, name, vars, node) => {
       const parentNode = node.parentNode;
       if (matchNode(editor, parentNode, name, vars)) {
-        if (removeFormat$1(editor, format, vars, node)) {
+        if (removeNodeFormat(editor, format, vars, node)) {
           return;
         }
       }
       if (format.merge_with_parents && parentNode) {
         editor.dom.getParent(parentNode, parent => {
           if (matchNode(editor, parent, name, vars)) {
-            removeFormat$1(editor, format, vars, node);
+            removeNodeFormat(editor, format, vars, node);
             return true;
           } else {
             return false;
@@ -14036,7 +14127,7 @@
         }
       }
     };
-    const applyFormat$1 = (ed, name, vars, node) => {
+    const applyFormatAction = (ed, name, vars, node) => {
       const formatList = ed.formatter.get(name);
       const format = formatList[0];
       const isCollapsed = !node && ed.selection.isCollapsed();
@@ -14100,10 +14191,10 @@
         const canWrapNode = (node, parentName, isEditableDescendant, isWrappableNoneditableElm) => {
           const nodeName = node.nodeName.toLowerCase();
           const isValidWrapNode = isValid(ed, wrapName, nodeName) && isValid(ed, parentName, wrapName);
-          const isZwsp$1 = !nodeSpecific && isText$a(node) && isZwsp(node.data);
+          const isZwsp = !nodeSpecific && isText$a(node) && isZwsp$1(node.data);
           const isCaret = isCaretNode(node);
           const isCorrectFormatForNode = !isInlineFormat(format) || !dom.isBlock(node);
-          return (isEditableDescendant || isWrappableNoneditableElm) && isValidWrapNode && !isZwsp$1 && !isCaret && isCorrectFormatForNode;
+          return (isEditableDescendant || isWrappableNoneditableElm) && isValidWrapNode && !isZwsp && !isCaret && isCorrectFormatForNode;
         };
         walk$3(dom, rng, nodes => {
           let currentWrapElm;
@@ -14259,6 +14350,11 @@
       }
       fireFormatApply(ed, name, node, vars);
     };
+    const applyFormat$1 = (editor, name, vars, node) => {
+      if (node || editor.selection.isEditable()) {
+        applyFormatAction(editor, name, vars, node);
+      }
+    };
 
     const hasVars = value => has$2(value, 'vars');
     const setup$t = (registeredFormatListeners, editor) => {
@@ -14392,7 +14488,7 @@
       const fmt = editor.formatter.get(name);
       if (fmt) {
         if (match$2(editor, name, vars, node) && (!('toggle' in fmt[0]) || fmt[0].toggle)) {
-          remove$2(editor, name, vars, node);
+          removeFormat$1(editor, name, vars, node);
         } else {
           applyFormat$1(editor, name, vars, node);
         }
@@ -14500,6 +14596,60 @@
       }
     };
 
+    const addNodeFilter = (htmlParser, schema) => {
+      htmlParser.addNodeFilter('br', (nodes, _, args) => {
+        const blockElements = Tools.extend({}, schema.getBlockElements());
+        const nonEmptyElements = schema.getNonEmptyElements();
+        const whitespaceElements = schema.getWhitespaceElements();
+        blockElements.body = 1;
+        const isBlock = node => node.name in blockElements && isTransparentAstInline(schema, node);
+        for (let i = 0, l = nodes.length; i < l; i++) {
+          let node = nodes[i];
+          let parent = node.parent;
+          if (parent && blockElements[parent.name] && node === parent.lastChild) {
+            let prev = node.prev;
+            while (prev) {
+              const prevName = prev.name;
+              if (prevName !== 'span' || prev.attr('data-mce-type') !== 'bookmark') {
+                if (prevName === 'br') {
+                  node = null;
+                }
+                break;
+              }
+              prev = prev.prev;
+            }
+            if (node) {
+              node.remove();
+              if (isEmpty(schema, nonEmptyElements, whitespaceElements, parent)) {
+                const elementRule = schema.getElementRule(parent.name);
+                if (elementRule) {
+                  if (elementRule.removeEmpty) {
+                    parent.remove();
+                  } else if (elementRule.paddEmpty) {
+                    paddEmptyNode(args, isBlock, parent);
+                  }
+                }
+              }
+            }
+          } else {
+            let lastParent = node;
+            while (parent && parent.firstChild === lastParent && parent.lastChild === lastParent) {
+              lastParent = parent;
+              if (blockElements[parent.name]) {
+                break;
+              }
+              parent = parent.parent;
+            }
+            if (lastParent === parent) {
+              const textNode = new AstNode('#text', 3);
+              textNode.value = nbsp;
+              node.replace(textNode);
+            }
+          }
+        }
+      });
+    };
+
     const blobUriToBlob = url => fetch(url).then(res => res.ok ? res.blob() : Promise.reject()).catch(() => Promise.reject({
       message: `Cannot convert ${ url } to Blob. Resource might not exist or is inaccessible.`,
       uriType: 'blob'
@@ -14631,57 +14781,7 @@
     const register$4 = (parser, settings) => {
       const schema = parser.schema;
       if (settings.remove_trailing_brs) {
-        parser.addNodeFilter('br', (nodes, _, args) => {
-          const blockElements = Tools.extend({}, schema.getBlockElements());
-          const nonEmptyElements = schema.getNonEmptyElements();
-          const whitespaceElements = schema.getWhitespaceElements();
-          blockElements.body = 1;
-          const isBlock = node => node.name in blockElements && isTransparentAstInline(schema, node);
-          for (let i = 0, l = nodes.length; i < l; i++) {
-            let node = nodes[i];
-            let parent = node.parent;
-            if (parent && blockElements[parent.name] && node === parent.lastChild) {
-              let prev = node.prev;
-              while (prev) {
-                const prevName = prev.name;
-                if (prevName !== 'span' || prev.attr('data-mce-type') !== 'bookmark') {
-                  if (prevName === 'br') {
-                    node = null;
-                  }
-                  break;
-                }
-                prev = prev.prev;
-              }
-              if (node) {
-                node.remove();
-                if (isEmpty(schema, nonEmptyElements, whitespaceElements, parent)) {
-                  const elementRule = schema.getElementRule(parent.name);
-                  if (elementRule) {
-                    if (elementRule.removeEmpty) {
-                      parent.remove();
-                    } else if (elementRule.paddEmpty) {
-                      paddEmptyNode(args, isBlock, parent);
-                    }
-                  }
-                }
-              }
-            } else {
-              let lastParent = node;
-              while (parent && parent.firstChild === lastParent && parent.lastChild === lastParent) {
-                lastParent = parent;
-                if (blockElements[parent.name]) {
-                  break;
-                }
-                parent = parent.parent;
-              }
-              if (lastParent === parent) {
-                const textNode = new AstNode('#text', 3);
-                textNode.value = nbsp;
-                node.replace(textNode);
-              }
-            }
-          }
-        });
+        addNodeFilter(parser, schema);
       }
       parser.addAttributeFilter('href', nodes => {
         let i = nodes.length;
@@ -16398,6 +16498,42 @@
       }
     };
     class URI {
+      static parseDataUri(uri) {
+        let type;
+        const uriComponents = decodeURIComponent(uri).split(',');
+        const matches = /data:([^;]+)/.exec(uriComponents[0]);
+        if (matches) {
+          type = matches[1];
+        }
+        return {
+          type,
+          data: uriComponents[1]
+        };
+      }
+      static isDomSafe(uri, context, options = {}) {
+        if (options.allow_script_urls) {
+          return true;
+        } else {
+          const decodedUri = Entities.decode(uri).replace(/[\s\u0000-\u001F]+/g, '');
+          return !isInvalidUri(options, decodedUri, context);
+        }
+      }
+      static getDocumentBaseUrl(loc) {
+        var _a;
+        let baseUrl;
+        if (loc.protocol.indexOf('http') !== 0 && loc.protocol !== 'file:') {
+          baseUrl = (_a = loc.href) !== null && _a !== void 0 ? _a : '';
+        } else {
+          baseUrl = loc.protocol + '//' + loc.host + loc.pathname;
+        }
+        if (/^[^:]+:\/\/\/?[^\/]+\//.test(baseUrl)) {
+          baseUrl = baseUrl.replace(/[\?#].*$/, '').replace(/[\/\\][^\/]+$/, '');
+          if (!/[\/\\]$/.test(baseUrl)) {
+            baseUrl += '/';
+          }
+        }
+        return baseUrl;
+      }
       constructor(url, settings = {}) {
         this.path = '';
         this.directory = '';
@@ -16454,42 +16590,6 @@
           self.protocol = '';
         }
       }
-      static parseDataUri(uri) {
-        let type;
-        const uriComponents = decodeURIComponent(uri).split(',');
-        const matches = /data:([^;]+)/.exec(uriComponents[0]);
-        if (matches) {
-          type = matches[1];
-        }
-        return {
-          type,
-          data: uriComponents[1]
-        };
-      }
-      static isDomSafe(uri, context, options = {}) {
-        if (options.allow_script_urls) {
-          return true;
-        } else {
-          const decodedUri = Entities.decode(uri).replace(/[\s\u0000-\u001F]+/g, '');
-          return !isInvalidUri(options, decodedUri, context);
-        }
-      }
-      static getDocumentBaseUrl(loc) {
-        var _a;
-        let baseUrl;
-        if (loc.protocol.indexOf('http') !== 0 && loc.protocol !== 'file:') {
-          baseUrl = (_a = loc.href) !== null && _a !== void 0 ? _a : '';
-        } else {
-          baseUrl = loc.protocol + '//' + loc.host + loc.pathname;
-        }
-        if (/^[^:]+:\/\/\/?[^\/]+\//.test(baseUrl)) {
-          baseUrl = baseUrl.replace(/[\?#].*$/, '').replace(/[\/\\][^\/]+$/, '');
-          if (!/[\/\\]$/.test(baseUrl)) {
-            baseUrl += '/';
-          }
-        }
-        return baseUrl;
-      }
       setPath(path) {
         const pathMatch = /^(.*?)\/?(\w+)?$/.exec(path);
         if (pathMatch) {
@@ -16667,7 +16767,7 @@
       const bogus = get$9(element, 'data-mce-bogus');
       if (!isInternalElement && isString(bogus)) {
         if (bogus === 'all') {
-          remove$6(element);
+          remove$5(element);
         } else {
           unwrap(element);
         }
@@ -16676,7 +16776,7 @@
       const rule = schema.getElementRule(lcTagName);
       if (validate && !rule) {
         if (has$2(specialElements, lcTagName)) {
-          remove$6(element);
+          remove$5(element);
         } else {
           unwrap(element);
         }
@@ -16861,7 +16961,7 @@
         }
         return false;
       };
-      const isBlock = node => node.name in blockElements && !isTransparentAstInline(schema, node);
+      const isBlock = node => node.name in blockElements || isTransparentAstBlock(schema, node);
       const isAtEdgeOfBlock = (node, start) => {
         const neighbour = start ? node.prev : node.next;
         if (isNonNullable(neighbour) || isNullable(node.parent)) {
@@ -17234,8 +17334,8 @@
       return map$3(table.rows, row => {
         const cells = map$3(row.cells, cell => {
           const td = deep$1(cell);
-          remove$b(td, 'colspan');
-          remove$b(td, 'rowspan');
+          remove$a(td, 'colspan');
+          remove$a(td, 'rowspan');
           return td;
         });
         const tr = shallow$1(row.element);
@@ -17827,7 +17927,7 @@
         canApply: name => canApply(editor, name),
         closest: names => closest(editor, names),
         apply: (name, vars, node) => applyFormat$1(editor, name, vars, node),
-        remove: (name, vars, node, similar) => remove$2(editor, name, vars, node, similar),
+        remove: (name, vars, node, similar) => removeFormat$1(editor, name, vars, node, similar),
         toggle: (name, vars, node) => toggle(editor, name, vars, node),
         formatChanged: (registeredFormatListeners, formats, callback, similar, vars) => formatChangedInternal(editor, registeredFormatListeners, formats, callback, similar, vars)
       },
@@ -17840,7 +17940,7 @@
       selection: { getContent: (format, args) => getSelectedContentInternal(editor, format, args) },
       autocompleter: {
         addDecoration: range => create$9(editor, range),
-        removeDecoration: () => remove$3(editor, SugarElement.fromDom(editor.getBody()))
+        removeDecoration: () => remove$2(editor, SugarElement.fromDom(editor.getBody()))
       },
       raw: { getModel: () => Optional.none() }
     });
@@ -18017,7 +18117,7 @@
 
     const removeEmpty = text => {
       if (text.dom.length === 0) {
-        remove$6(text);
+        remove$5(text);
         return Optional.none();
       } else {
         return Optional.some(text);
@@ -18483,7 +18583,7 @@
           if (node.attr('data-mce-type') === 'bookmark' && !args.cleanup) {
             const hasChildren = Optional.from(node.firstChild).exists(firstChild => {
               var _a;
-              return !isZwsp((_a = firstChild.value) !== null && _a !== void 0 ? _a : '');
+              return !isZwsp$1((_a = firstChild.value) !== null && _a !== void 0 ? _a : '');
             });
             if (hasChildren) {
               node.unwrap();
@@ -18575,6 +18675,9 @@
           nodes[i].attr(name, null);
         }
       });
+      if (settings.remove_trailing_brs) {
+        addNodeFilter(htmlParser, htmlParser.schema);
+      }
     };
     const trimTrailingBr = rootNode => {
       const isBr = node => {
@@ -18669,12 +18772,15 @@
     };
     const DomSerializerImpl = (settings, editor) => {
       const tempAttrs = ['data-mce-selected'];
+      const defaultedSettings = {
+        entity_encoding: 'named',
+        remove_trailing_brs: true,
+        ...settings
+      };
       const dom = editor && editor.dom ? editor.dom : DOMUtils.DOM;
-      const schema = editor && editor.schema ? editor.schema : Schema(settings);
-      settings.entity_encoding = settings.entity_encoding || 'named';
-      settings.remove_trailing_brs = 'remove_trailing_brs' in settings ? settings.remove_trailing_brs : true;
-      const htmlParser = DomParser(settings, schema);
-      register$3(htmlParser, settings, dom);
+      const schema = editor && editor.schema ? editor.schema : Schema(defaultedSettings);
+      const htmlParser = DomParser(defaultedSettings, schema);
+      register$3(htmlParser, defaultedSettings, dom);
       const serialize = (node, parserArgs = {}) => {
         const args = {
           format: 'html',
@@ -18683,7 +18789,7 @@
         const targetNode = process$1(editor, node, args);
         const html = getHtmlFromNode(dom, targetNode, args);
         const rootNode = parseHtml(htmlParser, html, args);
-        return args.format === 'tree' ? rootNode : toHtml(editor, settings, schema, rootNode, args);
+        return args.format === 'tree' ? rootNode : toHtml(editor, defaultedSettings, schema, rootNode, args);
       };
       return {
         schema,
@@ -18754,10 +18860,13 @@
     const removedOptions = ('autoresize_on_init,content_editable_state,padd_empty_with_br,block_elements,' + 'boolean_attributes,editor_deselector,editor_selector,elements,file_browser_callback_types,filepicker_validator_handler,' + 'force_hex_style_colors,force_p_newlines,gecko_spellcheck,images_dataimg_filter,media_scripts,mode,move_caret_before_on_enter_elements,' + 'non_empty_elements,self_closing_elements,short_ended_elements,special,spellchecker_select_languages,spellchecker_whitelist,' + 'tab_focus,tabfocus_elements,table_responsive_width,text_block_elements,text_inline_elements,toolbar_drawer,types,validate,whitespace_elements,' + 'paste_enable_default_filters,paste_filter_drop,paste_word_valid_elements,paste_retain_style_properties,paste_convert_word_fake_lists').split(',');
     const deprecatedOptions = 'template_cdate_classes,template_mdate_classes,template_selected_content_classes,template_preview_replace_values,template_replace_values,templates,template_cdate_format,template_mdate_format'.split(',');
     const removedPlugins = 'bbcode,colorpicker,contextmenu,fullpage,legacyoutput,spellchecker,textcolor'.split(',');
-    const deprecatedPlugins = [{
+    const deprecatedPlugins = [
+      {
         name: 'template',
         replacedWith: 'Advanced Template'
-      }];
+      },
+      { name: 'rtc' }
+    ];
     const getMatchingOptions = (options, searchingFor) => {
       const settingNames = filter$5(searchingFor, setting => has$2(options, setting));
       return sort(settingNames);
@@ -18793,7 +18902,13 @@
         console.warn('The following deprecated features are currently enabled and have been removed in TinyMCE 6.0. These features will no longer work and should be removed from the TinyMCE configuration. ' + 'See https://www.tiny.cloud/docs/tinymce/6/migration-from-5x/ for more information.' + themesMessage + pluginsMessage + optionsMessage);
       }
     };
-    const getPluginDescription = name => find$2(deprecatedPlugins, entry => entry.name === name).fold(() => name, entry => `${ name }, replaced by ${ entry.replacedWith }`);
+    const getPluginDescription = name => find$2(deprecatedPlugins, entry => entry.name === name).fold(() => name, entry => {
+      if (entry.replacedWith) {
+        return `${ name }, replaced by ${ entry.replacedWith }`;
+      } else {
+        return name;
+      }
+    });
     const logDeprecatedWarnings = (rawOptions, normalizedOptions) => {
       const deprecatedOptions = getDeprecatedOptions(rawOptions);
       const deprecatedPlugins = getDeprecatedPlugins(normalizedOptions);
@@ -19550,6 +19665,12 @@
       return { upload: (blobInfos, showNotification = true) => uploader.upload(blobInfos, showNotification ? openNotification(editor) : undefined) };
     };
 
+    const isEmptyForPadding = (editor, element) => editor.dom.isEmpty(element.dom) && isNonNullable(editor.schema.getTextBlockElements()[name(element)]);
+    const addPaddingToEmpty = editor => element => {
+      if (isEmptyForPadding(editor, element)) {
+        append$1(element, SugarElement.fromHtml('<br data-mce-bogus="1" />'));
+      }
+    };
     const EditorUpload = editor => {
       const blobCache = BlobCache();
       let uploader, imageScanner;
@@ -19636,9 +19757,11 @@
             });
             if (imagesToRemove.length > 0 && !isRtc(editor)) {
               editor.undoManager.transact(() => {
-                each$e(imagesToRemove, element => {
-                  editor.dom.remove(element);
-                  blobCache.removeByUri(element.src);
+                each$e(fromDom$1(imagesToRemove), sugarElement => {
+                  const parentOpt = parent(sugarElement);
+                  remove$5(sugarElement);
+                  parentOpt.each(addPaddingToEmpty(editor));
+                  blobCache.removeByUri(sugarElement.dom.src);
                 });
               });
             } else if (shouldDispatchChange) {
@@ -20508,7 +20631,8 @@
         if (e.isDefaultPrevented()) {
           return;
         }
-        if (keyCode >= 33 && keyCode <= 36 || keyCode >= 37 && keyCode <= 40 || keyCode === 45 || e.ctrlKey) {
+        const isMeta = Env.os.isMacOS() && e.key === 'Meta';
+        if (keyCode >= 33 && keyCode <= 36 || keyCode >= 37 && keyCode <= 40 || keyCode === 45 || e.ctrlKey || isMeta) {
           addNonTypingUndoLevel();
           editor.nodeChanged();
         }
@@ -20541,6 +20665,11 @@
           setTyping(undoManager, true, locks);
           undoManager.add({}, e);
           isFirstTypedCharacter.set(true);
+          return;
+        }
+        const hasOnlyMetaOrCtrlModifier = Env.os.isMacOS() ? e.metaKey : e.ctrlKey && !e.altKey;
+        if (hasOnlyMetaOrCtrlModifier) {
+          undoManager.beforeChange();
         }
       });
       editor.on('mousedown', e => {
@@ -20760,12 +20889,12 @@
     };
     const extractChildren = block => {
       const children = getChildrenUntilBlockBoundary(block);
-      each$e(children, remove$6);
+      each$e(children, remove$5);
       return children;
     };
     const removeEmptyRoot = (rootNode, block) => {
       const parents = parentsAndSelf(block, rootNode);
-      return find$2(parents.reverse(), element => isEmpty$2(element)).each(remove$6);
+      return find$2(parents.reverse(), element => isEmpty$2(element)).each(remove$5);
     };
     const isEmptyBefore = el => filter$5(prevSiblings(el), el => !isEmpty$2(el)).length === 0;
     const nestedBlockMerge = (rootNode, fromBlock, toBlock, insertionPoint) => {
@@ -20797,7 +20926,7 @@
           empty(fromBlock);
           append$1(fromBlock, newFromBlockDescendants);
         }
-        remove$6(toBlock);
+        remove$5(toBlock);
         return firstPositionIn(fromBlock.dom);
       }
       const position = lastPositionIn(toBlock.dom);
@@ -20813,7 +20942,7 @@
     };
     const getInsertionPoint = (fromBlock, toBlock) => contains(toBlock, fromBlock) ? findInsertionPoint(toBlock, fromBlock) : Optional.none();
     const trimBr = (first, block) => {
-      positionIn(first, block.dom).bind(position => Optional.from(position.getNode())).map(SugarElement.fromDom).filter(isBr$5).each(remove$6);
+      positionIn(first, block.dom).bind(position => Optional.from(position.getNode())).map(SugarElement.fromDom).filter(isBr$5).each(remove$5);
     };
     const mergeBlockInto = (rootNode, fromBlock, toBlock) => {
       trimBr(true, fromBlock);
@@ -21061,7 +21190,7 @@
       return getAncestorCe(editor, selectedNode).filter(isContentEditableFalse$b).fold(() => read(editor.getBody(), forward, editor.selection.getRng()).map(deleteAction => () => deleteAction.fold(deleteElement$1(editor, forward), moveToElement(editor, forward), moveToPosition(editor))), () => Optional.some(noop));
     };
     const deleteOffscreenSelection = rootElement => {
-      each$e(descendants(rootElement, '.mce-offscreen-selection'), remove$6);
+      each$e(descendants(rootElement, '.mce-offscreen-selection'), remove$5);
     };
     const backspaceDeleteRange = (editor, forward) => {
       const selectedNode = editor.selection.getNode();
@@ -21177,13 +21306,13 @@
       return caretNode && pos.container() === caretNode && isCaretContainerInline(caretNode);
     };
     const renderCaret = (caret, location) => location.fold(element => {
-      remove$4(caret.get());
+      remove$3(caret.get());
       const text = insertInlineBefore(element);
       caret.set(text);
       return Optional.some(CaretPosition(text, text.length - 1));
     }, element => firstPositionIn(element).map(pos => {
       if (!isPosCaretContainer(pos, caret)) {
-        remove$4(caret.get());
+        remove$3(caret.get());
         const text = insertInlinePos(pos, true);
         caret.set(text);
         return CaretPosition(text, 1);
@@ -21193,7 +21322,7 @@
       }
     }), element => lastPositionIn(element).map(pos => {
       if (!isPosCaretContainer(pos, caret)) {
-        remove$4(caret.get());
+        remove$3(caret.get());
         const text = insertInlinePos(pos, false);
         caret.set(text);
         return CaretPosition(text, text.length - 1);
@@ -21202,7 +21331,7 @@
         return CaretPosition(node, node.length - 1);
       }
     }), element => {
-      remove$4(caret.get());
+      remove$3(caret.get());
       const text = insertInlineAfter(element);
       caret.set(text);
       return Optional.some(CaretPosition(text, 1));
@@ -21819,6 +21948,7 @@
       const parents = parentsAndSelf(startElm, rootElm);
       return findIndex$2(parents, pred).fold(constant(parents), index => parents.slice(0, index));
     };
+    const hasOnlyOneChild = elm => childNodesCount(elm) === 1;
     const getParentInlinesUntilMultichildInline = editor => getParentsUntil(editor, elm => isBlock$2(elm) || hasMultipleChildren(elm));
     const getParentInlines = editor => getParentsUntil(editor, isBlock$2);
     const getFormatNodes = (editor, parentInlines) => {
@@ -21839,7 +21969,7 @@
       }
     };
     const deleteCaret$1 = (editor, forward) => {
-      const parentInlines = getParentInlinesUntilMultichildInline(editor);
+      const parentInlines = filter$5(getParentInlinesUntilMultichildInline(editor), hasOnlyOneChild);
       return last$3(parentInlines).bind(target => {
         const fromPos = CaretPosition.fromRangeStart(editor.selection.getRng());
         if (willDeleteLastPositionInElement(forward, fromPos, target.dom) && !isEmptyCaretFormatElement(target)) {
@@ -21856,7 +21986,7 @@
     const isEmptyCaret = elm => isEmptyCaretFormatElement(SugarElement.fromDom(elm));
     const createCaretFormatAtStart = (editor, formatNodes) => {
       const startElm = editor.selection.getStart();
-      const pos = isBrInEmptyElement(editor, startElm) || isEmptyCaret(startElm) ? replaceWithCaretFormat(startElm, formatNodes) : createCaretFormatAtStart$1(editor, formatNodes);
+      const pos = isBrInEmptyElement(editor, startElm) || isEmptyCaret(startElm) ? replaceWithCaretFormat(startElm, formatNodes) : createCaretFormatAtStart$1(editor.selection.getRng(), formatNodes);
       editor.selection.setRng(pos.toRange());
     };
     const updateCaretFormat = (editor, updateFormats) => {
@@ -22335,7 +22465,11 @@
         return Optional.none();
       });
     };
-    const moveH$2 = (editor, forward) => getHorizontalRange(editor, forward).exists(newRange => {
+    const flipDirection = (selection, forward) => {
+      const elm = forward ? selection.getEnd(true) : selection.getStart(true);
+      return isRtl(elm) ? !forward : forward;
+    };
+    const moveH$2 = (editor, forward) => getHorizontalRange(editor, flipDirection(editor.selection, forward)).exists(newRange => {
       moveToRange(editor, newRange);
       return true;
     });
@@ -23483,8 +23617,8 @@
         ...specifics
       });
     };
-    const fireFakeInputEvent = createAndFireInputEvent('input');
-    const fireFakeBeforeInputEvent = createAndFireInputEvent('beforeinput');
+    const fireInputEvent = createAndFireInputEvent('input');
+    const fireBeforeInputEvent = createAndFireInputEvent('beforeinput');
 
     const executeKeydownOverride$3 = (editor, caret, evt) => {
       const inputType = evt.keyCode === VK.BACKSPACE ? 'deleteContentBackward' : 'deleteContentForward';
@@ -23567,10 +23701,10 @@
         }
       ], evt).filter(_ => editor.selection.isEditable()).each(applyAction => {
         evt.preventDefault();
-        const beforeInput = fireFakeBeforeInputEvent(editor, inputType);
+        const beforeInput = fireBeforeInputEvent(editor, inputType);
         if (!beforeInput.isDefaultPrevented()) {
           applyAction();
-          fireFakeInputEvent(editor, inputType);
+          fireInputEvent(editor, inputType);
         }
       });
     };
@@ -23723,6 +23857,33 @@
       }).isSome();
     };
 
+    const getDetailsRoot = (editor, element) => editor.dom.getParent(element, isDetails);
+    const isAtDetailsEdge = (root, element, isTextBlock) => {
+      let node = element;
+      while (node && node !== root && isNull(node.nextSibling)) {
+        const parent = node.parentElement;
+        if (!parent || !isTextBlock(parent)) {
+          return isDetails(parent);
+        }
+        node = parent;
+      }
+      return false;
+    };
+    const isLastEmptyBlockInDetails = (editor, shiftKey, element) => !shiftKey && element.nodeName.toLowerCase() === getForcedRootBlock(editor) && editor.dom.isEmpty(element) && isAtDetailsEdge(editor.getBody(), element, el => has$2(editor.schema.getTextBlockElements(), el.nodeName.toLowerCase()));
+    const insertNewLine = (editor, createNewBlock, parentBlock) => {
+      var _a, _b, _c;
+      const newBlock = createNewBlock(getForcedRootBlock(editor));
+      const root = getDetailsRoot(editor, parentBlock);
+      if (!root) {
+        return;
+      }
+      editor.dom.insertAfter(newBlock, root);
+      moveToCaretPosition(editor, newBlock);
+      if (((_c = (_b = (_a = parentBlock.parentElement) === null || _a === void 0 ? void 0 : _a.childNodes) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 1) {
+        editor.dom.remove(parentBlock);
+      }
+    };
+
     const hasFirstChild = (elm, name) => {
       return elm.firstChild && elm.firstChild.nodeName === name;
     };
@@ -23986,6 +24147,11 @@
       const schema = editor.schema, nonEmptyElementsMap = schema.getNonEmptyElements();
       const rng = editor.selection.getRng();
       const newBlockName = getForcedRootBlock(editor);
+      const isInRoot = rng.collapsed && rng.startContainer === editor.dom.getRoot();
+      const start = SugarElement.fromDom(rng.startContainer);
+      const child = child$1(start, rng.startOffset);
+      const isCef = child.exists(element => isHTMLElement(element) && !isEditable$3(element));
+      const inRootAndLastOrCef = isInRoot && isCef;
       const createNewBlock = name => {
         let node = container;
         const textInlineElements = schema.getTextInlineElements();
@@ -24070,7 +24236,7 @@
         } else {
           block = createNewBlock();
         }
-        if (shouldEndContainer(editor, containerBlock) && canSplitBlock(dom, containerBlock) && dom.isEmpty(parentBlock)) {
+        if (shouldEndContainer(editor, containerBlock) && canSplitBlock(dom, containerBlock) && dom.isEmpty(parentBlock, undefined, { includeZwsp: true })) {
           block = dom.split(containerBlock, parentBlock);
         } else {
           dom.insertAfter(block, parentBlock);
@@ -24086,7 +24252,7 @@
       offset = rng.startOffset;
       const shiftKey = !!(evt && evt.shiftKey);
       const ctrlKey = !!(evt && evt.ctrlKey);
-      if (isElement$6(container) && container.hasChildNodes()) {
+      if (isElement$6(container) && container.hasChildNodes() && !inRootAndLastOrCef) {
         isAfterLastNodeInContainer = offset > container.childNodes.length - 1;
         container = container.childNodes[Math.min(offset, container.childNodes.length - 1)] || container;
         if (isAfterLastNodeInContainer && isText$a(container)) {
@@ -24112,18 +24278,29 @@
         containerBlock = liBlock.parentNode;
         parentBlockName = containerBlockName;
       }
+      if (isElement$6(containerBlock) && isLastEmptyBlockInDetails(editor, shiftKey, parentBlock)) {
+        return insertNewLine(editor, createNewBlock, parentBlock);
+      }
       if (/^(LI|DT|DD)$/.test(parentBlockName) && isElement$6(containerBlock)) {
         if (dom.isEmpty(parentBlock)) {
           insert$3(editor, createNewBlock, containerBlock, parentBlock, newBlockName);
           return;
         }
       }
-      if (parentBlock === editor.getBody() || !canSplitBlock(dom, parentBlock)) {
+      if (!inRootAndLastOrCef && (parentBlock === editor.getBody() || !canSplitBlock(dom, parentBlock))) {
         return;
       }
       const parentBlockParent = parentBlock.parentNode;
       let newBlock;
-      if (isCaretContainerBlock$1(parentBlock)) {
+      if (inRootAndLastOrCef) {
+        newBlock = createNewBlock(newBlockName);
+        child.fold(() => {
+          append$1(start, SugarElement.fromDom(newBlock));
+        }, child => {
+          before$3(child, SugarElement.fromDom(newBlock));
+        });
+        editor.selection.setCursorLocation(newBlock, 0);
+      } else if (isCaretContainerBlock$1(parentBlock)) {
         newBlock = showCaretContainerBlock(parentBlock);
         if (dom.isEmpty(parentBlock)) {
           emptyBlock(parentBlock);
@@ -24134,7 +24311,8 @@
         newBlock = insertNewBlockAfter();
       } else if (isCaretAtStartOrEndOfBlock(true) && parentBlockParent) {
         newBlock = parentBlockParent.insertBefore(createNewBlock(), parentBlock);
-        moveToCaretPosition(editor, containerAndSiblingName(parentBlock, 'HR') ? newBlock : parentBlock);
+        const isNearChildren = hasChildNodes(SugarElement.fromDom(rng.startContainer)) && rng.collapsed;
+        moveToCaretPosition(editor, containerAndSiblingName(parentBlock, 'HR') || isNearChildren ? newBlock : parentBlock);
       } else {
         const tmpRng = includeZwspInRange(rng).cloneRange();
         tmpRng.setEndAfter(parentBlock);
@@ -24336,6 +24514,14 @@
       const rootEditable = getEditableRoot(editor.dom, editor.selection.getStart());
       return isNonNullable(rootEditable) && editor.schema.isValidChild(rootEditable.nodeName, forcedRootBlock);
     };
+    const isInRootWithEmptyOrCEF = editor => {
+      const rng = editor.selection.getRng();
+      const isInRoot = rng.collapsed && rng.startContainer === editor.dom.getRoot();
+      const start = SugarElement.fromDom(rng.startContainer);
+      const child = child$1(start, rng.startOffset);
+      const isCefOpt = child.map(element => isHTMLElement(element) && !isEditable$3(element));
+      return isInRoot && isCefOpt.getOr(true);
+    };
     const match = (predicates, action) => {
       return (editor, shiftKey) => {
         const isMatch = foldl(predicates, (res, p) => {
@@ -24377,7 +24563,8 @@
         match([inListBlock(true)], newLineAction.block()),
         match([inBrContext], newLineAction.br()),
         match([hasShiftKey], newLineAction.br()),
-        match([canInsertIntoEditableRoot], newLineAction.block())
+        match([canInsertIntoEditableRoot], newLineAction.block()),
+        match([isInRootWithEmptyOrCEF], newLineAction.block())
       ], [
         editor,
         !!(evt && evt.shiftKey)
@@ -24389,14 +24576,14 @@
         execEditorDeleteCommand(editor);
       }
       if (isNonNullable(evt)) {
-        const event = fireFakeBeforeInputEvent(editor, breakType.fakeEventName);
+        const event = fireBeforeInputEvent(editor, breakType.fakeEventName);
         if (event.isDefaultPrevented()) {
           return;
         }
       }
       breakType.insert(editor, evt);
       if (isNonNullable(evt)) {
-        fireFakeInputEvent(editor, breakType.fakeEventName);
+        fireInputEvent(editor, breakType.fakeEventName);
       }
     };
     const insert = (editor, evt) => {
@@ -24419,6 +24606,8 @@
       }
     };
 
+    const platform$2 = detect$2();
+    const isIOSSafari = platform$2.os.isiOS() && platform$2.browser.isSafari();
     const handleEnterKeyEvent = (editor, event) => {
       if (event.isDefaultPrevented()) {
         return;
@@ -24429,10 +24618,43 @@
         insert(editor, event);
       });
     };
+    const isCaretAfterKoreanCharacter = rng => {
+      if (!rng.collapsed) {
+        return false;
+      }
+      const startContainer = rng.startContainer;
+      if (isText$a(startContainer)) {
+        const koreanCharRegex = /^[\uAC00-\uD7AF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uD7B0-\uD7FF]$/;
+        const char = startContainer.data.charAt(rng.startOffset - 1);
+        return koreanCharRegex.test(char);
+      } else {
+        return false;
+      }
+    };
     const setup$h = editor => {
+      let iOSSafariKeydownBookmark = Optional.none();
+      const iOSSafariKeydownOverride = editor => {
+        iOSSafariKeydownBookmark = Optional.some(editor.selection.getBookmark());
+        editor.undoManager.add();
+      };
+      const iOSSafariKeyupOverride = (editor, event) => {
+        editor.undoManager.undo();
+        iOSSafariKeydownBookmark.fold(noop, b => editor.selection.moveToBookmark(b));
+        handleEnterKeyEvent(editor, event);
+        iOSSafariKeydownBookmark = Optional.none();
+      };
       editor.on('keydown', event => {
         if (event.keyCode === VK.ENTER) {
-          handleEnterKeyEvent(editor, event);
+          if (isIOSSafari && isCaretAfterKoreanCharacter(editor.selection.getRng())) {
+            iOSSafariKeydownOverride(editor);
+          } else {
+            handleEnterKeyEvent(editor, event);
+          }
+        }
+      });
+      editor.on('keyup', event => {
+        if (event.keyCode === VK.ENTER) {
+          iOSSafariKeydownBookmark.each(() => iOSSafariKeyupOverride(editor, event));
         }
       });
     };
@@ -24498,7 +24720,7 @@
       });
     };
 
-    const platform = detect$2();
+    const platform$1 = detect$2();
     const executeKeyupAction = (editor, caret, evt) => {
       execute([
         {
@@ -24522,7 +24744,7 @@
       blocked.set(block);
     };
     const setup$e = (editor, caret) => {
-      if (platform.os.isMacOS()) {
+      if (platform$1.os.isMacOS()) {
         return;
       }
       const blocked = Cell(false);
@@ -24588,10 +24810,10 @@
           action: action(insertSpaceOrNbspAtSelection, editor)
         }], evt).each(applyAction => {
         evt.preventDefault();
-        const event = fireFakeBeforeInputEvent(editor, 'insertText', { data: ' ' });
+        const event = fireBeforeInputEvent(editor, 'insertText', { data: ' ' });
         if (!event.isDefaultPrevented()) {
           applyAction();
-          fireFakeInputEvent(editor, 'insertText', { data: ' ' });
+          fireInputEvent(editor, 'insertText', { data: ' ' });
         }
       });
     };
@@ -24743,6 +24965,201 @@
       }
     }
 
+    const imageId = generate$1('image');
+    const getDragImage = transfer => {
+      const dt = transfer;
+      return Optional.from(dt[imageId]);
+    };
+    const setDragImage = (transfer, imageData) => {
+      const dt = transfer;
+      dt[imageId] = imageData;
+    };
+
+    const eventId = generate$1('event');
+    const getEvent = transfer => {
+      const dt = transfer;
+      return Optional.from(dt[eventId]);
+    };
+    const mkSetEventFn = type => transfer => {
+      const dt = transfer;
+      dt[eventId] = type;
+    };
+    const setEvent = (transfer, type) => mkSetEventFn(type)(transfer);
+    const setDragstartEvent = mkSetEventFn(0);
+    const setDropEvent = mkSetEventFn(2);
+    const setDragendEvent = mkSetEventFn(1);
+    const checkEvent = expectedType => transfer => {
+      const dt = transfer;
+      return Optional.from(dt[eventId]).exists(type => type === expectedType);
+    };
+    const isInDragStartEvent = checkEvent(0);
+
+    const createEmptyFileList = () => Object.freeze({
+      length: 0,
+      item: _ => null
+    });
+
+    const modeId = generate$1('mode');
+    const getMode = transfer => {
+      const dt = transfer;
+      return Optional.from(dt[modeId]);
+    };
+    const mkSetModeFn = mode => transfer => {
+      const dt = transfer;
+      dt[modeId] = mode;
+    };
+    const setMode$1 = (transfer, mode) => mkSetModeFn(mode)(transfer);
+    const setReadWriteMode = mkSetModeFn(0);
+    const setReadOnlyMode = mkSetModeFn(2);
+    const setProtectedMode = mkSetModeFn(1);
+    const checkMode = expectedMode => transfer => {
+      const dt = transfer;
+      return Optional.from(dt[modeId]).exists(mode => mode === expectedMode);
+    };
+    const isInReadWriteMode = checkMode(0);
+    const isInProtectedMode = checkMode(1);
+
+    const normalizeItems = (dataTransfer, itemsImpl) => ({
+      ...itemsImpl,
+      get length() {
+        return itemsImpl.length;
+      },
+      add: (data, type) => {
+        if (isInReadWriteMode(dataTransfer)) {
+          if (isString(data)) {
+            if (!isUndefined(type)) {
+              return itemsImpl.add(data, type);
+            }
+          } else {
+            return itemsImpl.add(data);
+          }
+        }
+        return null;
+      },
+      remove: idx => {
+        if (isInReadWriteMode(dataTransfer)) {
+          itemsImpl.remove(idx);
+        }
+      },
+      clear: () => {
+        if (isInReadWriteMode(dataTransfer)) {
+          itemsImpl.clear();
+        }
+      }
+    });
+
+    const validDropEffects = [
+      'none',
+      'copy',
+      'link',
+      'move'
+    ];
+    const validEffectAlloweds = [
+      'none',
+      'copy',
+      'copyLink',
+      'copyMove',
+      'link',
+      'linkMove',
+      'move',
+      'all',
+      'uninitialized'
+    ];
+    const createDataTransfer = () => {
+      const dataTransferImpl = new window.DataTransfer();
+      let dropEffect = 'move';
+      let effectAllowed = 'all';
+      const dataTransfer = {
+        get dropEffect() {
+          return dropEffect;
+        },
+        set dropEffect(effect) {
+          if (contains$2(validDropEffects, effect)) {
+            dropEffect = effect;
+          }
+        },
+        get effectAllowed() {
+          return effectAllowed;
+        },
+        set effectAllowed(allowed) {
+          if (isInDragStartEvent(dataTransfer) && contains$2(validEffectAlloweds, allowed)) {
+            effectAllowed = allowed;
+          }
+        },
+        get items() {
+          return normalizeItems(dataTransfer, dataTransferImpl.items);
+        },
+        get files() {
+          if (isInProtectedMode(dataTransfer)) {
+            return createEmptyFileList();
+          } else {
+            return dataTransferImpl.files;
+          }
+        },
+        get types() {
+          return dataTransferImpl.types;
+        },
+        setDragImage: (image, x, y) => {
+          if (isInReadWriteMode(dataTransfer)) {
+            setDragImage(dataTransfer, {
+              image,
+              x,
+              y
+            });
+            dataTransferImpl.setDragImage(image, x, y);
+          }
+        },
+        getData: format => {
+          if (isInProtectedMode(dataTransfer)) {
+            return '';
+          } else {
+            return dataTransferImpl.getData(format);
+          }
+        },
+        setData: (format, data) => {
+          if (isInReadWriteMode(dataTransfer)) {
+            dataTransferImpl.setData(format, data);
+          }
+        },
+        clearData: format => {
+          if (isInReadWriteMode(dataTransfer)) {
+            dataTransferImpl.clearData(format);
+          }
+        }
+      };
+      setReadWriteMode(dataTransfer);
+      return dataTransfer;
+    };
+    const cloneDataTransfer = original => {
+      const clone = createDataTransfer();
+      const originalMode = getMode(original);
+      setReadOnlyMode(original);
+      setDragstartEvent(clone);
+      clone.dropEffect = original.dropEffect;
+      clone.effectAllowed = original.effectAllowed;
+      getDragImage(original).each(imageData => clone.setDragImage(imageData.image, imageData.x, imageData.y));
+      each$e(original.types, type => {
+        if (type !== 'Files') {
+          clone.setData(type, original.getData(type));
+        }
+      });
+      each$e(original.files, file => clone.items.add(file));
+      getEvent(original).each(type => {
+        setEvent(clone, type);
+      });
+      originalMode.each(mode => {
+        setMode$1(original, mode);
+        setMode$1(clone, mode);
+      });
+      return clone;
+    };
+
+    const getHtmlData = dataTransfer => {
+      const html = dataTransfer.getData('text/html');
+      return html === '' ? Optional.none() : Optional.some(html);
+    };
+    const setHtmlData = (dataTransfer, html) => dataTransfer.setData('text/html', html);
+
     const internalMimeType = 'x-tinymce/html';
     const internalHtmlMime = constant(internalMimeType);
     const internalMark = '<!-- ' + internalMimeType + ' -->';
@@ -25019,10 +25436,21 @@
     };
 
     const uniqueId = createIdGenerator('mceclip');
+    const createPasteDataTransfer = html => {
+      const dataTransfer = createDataTransfer();
+      setHtmlData(dataTransfer, html);
+      setReadOnlyMode(dataTransfer);
+      return dataTransfer;
+    };
     const doPaste = (editor, content, internal, pasteAsText) => {
-      const args = process(editor, content, internal);
-      if (!args.cancelled) {
-        insertContent(editor, args.content, pasteAsText);
+      const res = process(editor, content, internal);
+      if (!res.cancelled) {
+        const content = res.content;
+        const args = fireBeforeInputEvent(editor, 'insertFromPaste', { dataTransfer: createPasteDataTransfer(content) });
+        if (!args.isDefaultPrevented()) {
+          insertContent(editor, content, pasteAsText);
+          fireInputEvent(editor, 'insertFromPaste');
+        }
       }
     };
     const pasteHtml = (editor, html, internalFlag) => {
@@ -25160,11 +25588,10 @@
         if (!hasHtmlOrText(clipboardContent) && pasteImageData(editor, e, getLastRng())) {
           return;
         }
+        e.preventDefault();
         if (hasContentType(clipboardContent, 'text/html')) {
-          e.preventDefault();
           insertClipboardContent(editor, clipboardContent, clipboardContent['text/html'], plainTextMode);
         } else if (hasContentType(clipboardContent, 'text/plain') && hasContentType(clipboardContent, 'text/uri-list')) {
-          e.preventDefault();
           insertClipboardContent(editor, clipboardContent, clipboardContent['text/plain'], plainTextMode);
         } else {
           pasteBin.create();
@@ -25250,7 +25677,7 @@
         fallback(data.html, done);
       }
     };
-    const fallback$1 = editor => (html, done) => {
+    const fallback = editor => (html, done) => {
       const {dom, selection} = editor;
       const outer = dom.create('div', {
         'contenteditable': 'false',
@@ -25285,7 +25712,7 @@
     const hasSelectedContent = editor => !editor.selection.isCollapsed() || isTableSelection(editor);
     const cut = editor => evt => {
       if (!evt.isDefaultPrevented() && hasSelectedContent(editor)) {
-        setClipboardData(evt, getData(editor), fallback$1(editor), () => {
+        setClipboardData(evt, getData(editor), fallback(editor), () => {
           if (Env.browser.isChromium() || Env.browser.isFirefox()) {
             const rng = editor.selection.getRng();
             Delay.setEditorTimeout(editor, () => {
@@ -25300,7 +25727,7 @@
     };
     const copy = editor => evt => {
       if (!evt.isDefaultPrevented() && hasSelectedContent(editor)) {
-        setClipboardData(evt, getData(editor), fallback$1(editor), noop);
+        setClipboardData(evt, getData(editor), fallback(editor), noop);
       }
     };
     const register = editor => {
@@ -25485,22 +25912,217 @@
     };
     const filterDetails = editor => {
       editor.parser.addNodeFilter('details', elms => {
+        const initialStateOption = getDetailsInitialState(editor);
         each$e(elms, details => {
-          details.attr('data-mce-open', details.attr('open'));
-          details.attr('open', 'open');
+          if (initialStateOption === 'expanded') {
+            details.attr('open', 'open');
+          } else if (initialStateOption === 'collapsed') {
+            details.attr('open', null);
+          }
         });
       });
       editor.serializer.addNodeFilter('details', elms => {
+        const serializedStateOption = getDetailsSerializedState(editor);
         each$e(elms, details => {
-          const open = details.attr('data-mce-open');
-          details.attr('open', isString(open) ? open : null);
-          details.attr('data-mce-open', null);
+          if (serializedStateOption === 'expanded') {
+            details.attr('open', 'open');
+          } else if (serializedStateOption === 'collapsed') {
+            details.attr('open', null);
+          }
+        });
+      });
+    };
+    const emptyNodeContents = node => fillWithPaddingBr(SugarElement.fromDom(node));
+    const setCaretToPosition = (editor, position) => {
+      const node = position.getNode();
+      if (!isUndefined(node)) {
+        editor.selection.setCursorLocation(node, position.offset());
+      }
+    };
+    const isEntireNodeSelected = (rng, node) => {
+      var _a;
+      return rng.startOffset === 0 && rng.endOffset === ((_a = node.textContent) === null || _a === void 0 ? void 0 : _a.length);
+    };
+    const platform = detect$2();
+    const browser = platform.browser;
+    const os = platform.os;
+    const isSafari = browser.isSafari();
+    const isMacOSOriOS = os.isMacOS() || os.isiOS();
+    const isCaretInTheBeginningOf = (caretPos, element) => firstPositionIn(element).exists(pos => pos.isEqual(caretPos));
+    const isCaretInTheEndOf = (caretPos, element) => {
+      return lastPositionIn(element).exists(pos => {
+        if (isBr$6(pos.getNode())) {
+          return prevPosition(element, pos).exists(pos2 => pos2.isEqual(caretPos)) || pos.isEqual(caretPos);
+        } else {
+          return pos.isEqual(caretPos);
+        }
+      });
+    };
+    const getDetailsElements = (dom, rng) => {
+      const startDetails = Optional.from(dom.getParent(rng.startContainer, 'details'));
+      const endDetails = Optional.from(dom.getParent(rng.endContainer, 'details'));
+      if (startDetails.isSome() || endDetails.isSome()) {
+        const startSummary = startDetails.bind(details => Optional.from(dom.select('summary', details)[0]));
+        return Optional.some({
+          startSummary,
+          startDetails,
+          endDetails
         });
+      } else {
+        return Optional.none();
+      }
+    };
+    const isPartialDelete = (rng, detailsElements) => {
+      const containsStart = element => element.contains(rng.startContainer);
+      const containsEnd = element => element.contains(rng.endContainer);
+      const startInSummary = detailsElements.startSummary.exists(containsStart);
+      const endInSummary = detailsElements.startSummary.exists(containsEnd);
+      const isPartiallySelectedDetailsElements = detailsElements.startDetails.forall(startDetails => detailsElements.endDetails.forall(endDetails => startDetails !== endDetails));
+      const isInPartiallySelectedSummary = (startInSummary || endInSummary) && !(startInSummary && endInSummary);
+      return isInPartiallySelectedSummary || isPartiallySelectedDetailsElements;
+    };
+    const isCaretAtStartOfSummary = (caretPos, detailsElements) => detailsElements.startSummary.exists(summary => isCaretInTheBeginningOf(caretPos, summary));
+    const isCaretAtEndOfSummary = (caretPos, detailsElements) => detailsElements.startSummary.exists(summary => isCaretInTheEndOf(caretPos, summary));
+    const isCaretInFirstPositionInBody = (caretPos, detailsElements) => detailsElements.startDetails.exists(details => prevPosition(details, caretPos).forall(pos => detailsElements.startSummary.exists(summary => !summary.contains(caretPos.container()) && summary.contains(pos.container()))));
+    const isCaretInLastPositionInBody = (root, caretPos, detailsElements) => detailsElements.startDetails.exists(details => nextPosition(root, caretPos).forall(pos => !details.contains(pos.container())));
+    const isInDetailsElement = (dom, pos) => isNonNullable(dom.getParent(pos.container(), 'details'));
+    const moveCaretToDetailsPos = (editor, pos) => {
+      const details = editor.dom.getParent(pos.container(), 'details');
+      if (details && !details.open) {
+        const summary = editor.dom.select('summary', details)[0];
+        if (summary) {
+          lastPositionIn(summary).each(pos => setCaretToPosition(editor, pos));
+        }
+      } else {
+        setCaretToPosition(editor, pos);
+      }
+    };
+    const preventDeleteIntoDetails = (editor, forward) => {
+      const {dom, selection} = editor;
+      const root = editor.getBody();
+      if (editor.selection.isCollapsed()) {
+        const caretPos = CaretPosition.fromRangeStart(selection.getRng());
+        const parentBlock = dom.getParent(caretPos.container(), dom.isBlock);
+        if (parentBlock && dom.isEmpty(parentBlock)) {
+          if (isNull(parentBlock.nextSibling)) {
+            const pos = prevPosition(root, caretPos).filter(pos => isInDetailsElement(dom, pos));
+            if (pos.isSome()) {
+              pos.each(pos => {
+                if (!forward) {
+                  moveCaretToDetailsPos(editor, pos);
+                }
+              });
+              return true;
+            }
+          } else if (isNull(parentBlock.previousSibling)) {
+            const pos = nextPosition(root, caretPos).filter(pos => isInDetailsElement(dom, pos));
+            if (pos) {
+              return true;
+            }
+          }
+        }
+        return navigate(forward, root, caretPos).fold(never, pos => {
+          if (isInDetailsElement(dom, pos)) {
+            if (parentBlock && dom.isEmpty(parentBlock)) {
+              editor.dom.remove(parentBlock);
+            }
+            if (!forward) {
+              moveCaretToDetailsPos(editor, pos);
+            }
+            return true;
+          } else {
+            return false;
+          }
+        });
+      } else {
+        return false;
+      }
+    };
+    const preventDeleteSummaryAction = (editor, detailElements, e) => {
+      const selection = editor.selection;
+      const node = selection.getNode();
+      const rng = selection.getRng();
+      const isBackspace = e.keyCode === VK.BACKSPACE;
+      const isDelete = e.keyCode === VK.DELETE;
+      const isCollapsed = editor.selection.isCollapsed();
+      const caretPos = CaretPosition.fromRangeStart(rng);
+      const root = editor.getBody();
+      if (!isCollapsed && isPartialDelete(rng, detailElements)) {
+        return true;
+      } else if (isCollapsed && isBackspace && isCaretAtStartOfSummary(caretPos, detailElements)) {
+        return true;
+      } else if (isCollapsed && isDelete && isCaretAtEndOfSummary(caretPos, detailElements)) {
+        return true;
+      } else if (isCollapsed && isBackspace && isCaretInFirstPositionInBody(caretPos, detailElements)) {
+        return true;
+      } else if (isCollapsed && isDelete && isCaretInLastPositionInBody(root, caretPos, detailElements)) {
+        return true;
+      } else if (isSafari && isSummary(node)) {
+        if (!isCollapsed && isEntireNodeSelected(rng, node) || willDeleteLastPositionInElement(isDelete, caretPos, node)) {
+          emptyNodeContents(node);
+        } else {
+          editor.undoManager.transact(() => {
+            const sel = selection.getSel();
+            let {anchorNode, anchorOffset, focusNode, focusOffset} = sel !== null && sel !== void 0 ? sel : {};
+            const applySelection = () => {
+              if (isNonNullable(anchorNode) && isNonNullable(anchorOffset) && isNonNullable(focusNode) && isNonNullable(focusOffset)) {
+                sel === null || sel === void 0 ? void 0 : sel.setBaseAndExtent(anchorNode, anchorOffset, focusNode, focusOffset);
+              }
+            };
+            const updateSelection = () => {
+              anchorNode = sel === null || sel === void 0 ? void 0 : sel.anchorNode;
+              anchorOffset = sel === null || sel === void 0 ? void 0 : sel.anchorOffset;
+              focusNode = sel === null || sel === void 0 ? void 0 : sel.focusNode;
+              focusOffset = sel === null || sel === void 0 ? void 0 : sel.focusOffset;
+            };
+            const appendAllChildNodes = (from, to) => {
+              each$e(from.childNodes, child => {
+                if (isNode(child)) {
+                  to.appendChild(child);
+                }
+              });
+            };
+            const container = editor.dom.create('span', { 'data-mce-bogus': 'all' });
+            appendAllChildNodes(node, container);
+            node.appendChild(container);
+            applySelection();
+            if (isCollapsed && (isMacOSOriOS && (e.altKey || isBackspace && e.metaKey) || !isMacOSOriOS && e.ctrlKey)) {
+              sel === null || sel === void 0 ? void 0 : sel.modify('extend', isBackspace ? 'left' : 'right', e.metaKey ? 'line' : 'word');
+            }
+            if (!selection.isCollapsed() && isEntireNodeSelected(selection.getRng(), container)) {
+              emptyNodeContents(node);
+            } else {
+              editor.execCommand(isBackspace ? 'Delete' : 'ForwardDelete');
+              updateSelection();
+              appendAllChildNodes(container, node);
+              applySelection();
+            }
+            editor.dom.remove(container);
+          });
+        }
+        return true;
+      }
+      return false;
+    };
+    const preventDeletingSummary = editor => {
+      editor.on('keydown', e => {
+        if (e.keyCode === VK.BACKSPACE || e.keyCode === VK.DELETE) {
+          getDetailsElements(editor.dom, editor.selection.getRng()).fold(() => {
+            if (preventDeleteIntoDetails(editor, e.keyCode === VK.DELETE)) {
+              e.preventDefault();
+            }
+          }, detailsElements => {
+            if (preventDeleteSummaryAction(editor, detailsElements, e)) {
+              e.preventDefault();
+            }
+          });
+        }
       });
     };
     const setup$6 = editor => {
       preventSummaryToggle(editor);
       filterDetails(editor);
+      preventDeletingSummary(editor);
     };
 
     const isBr = isBr$6;
@@ -25709,13 +26331,17 @@
     });
     const calc = (editor, event) => calculatePosition(getBodyPosition(editor), getScrollPosition(editor), getMousePosition(editor, event));
 
-    const makeDndEventFromMouseEvent = (type, mouseEvent, extra) => ({
+    const getTargetProps = target => ({
+      target,
+      srcElement: target
+    });
+    const makeDndEventFromMouseEvent = (type, mouseEvent, target, dataTransfer) => ({
       ...mouseEvent,
-      dataTransfer: null,
+      dataTransfer,
       type,
-      ...extra
+      ...getTargetProps(target)
     });
-    const makeDndEvent = (type, props) => {
+    const makeDndEvent = (type, target, dataTransfer) => {
       const fail = die('Function not supported on simulated event.');
       const event = {
         bubbles: true,
@@ -25727,8 +26353,6 @@
         eventPhase: 0,
         isTrusted: true,
         returnValue: false,
-        srcElement: null,
-        target: null,
         timeStamp: 0,
         type,
         composedPath: fail,
@@ -25765,21 +26389,29 @@
         initUIEvent: fail,
         initMouseEvent: fail,
         getModifierState: fail,
-        dataTransfer: null,
-        ...props
+        dataTransfer,
+        ...getTargetProps(target)
       };
       return event;
     };
-    const fallback = target => ({
-      target,
-      srcElement: target
-    });
-    const dndEvent = type => target => makeDndEvent(type, fallback(target));
-    const dndEventFromMouseEvent = type => (mouseEvent, target) => makeDndEventFromMouseEvent(type, mouseEvent, fallback(target));
-    const makeDragstartEventFromMouseEvent = dndEventFromMouseEvent('dragstart');
-    const makeDropEventFromMouseEvent = dndEventFromMouseEvent('drop');
-    const makeDragendEvent = dndEvent('dragend');
-    const makeDragendEventFromMouseEvent = dndEventFromMouseEvent('dragend');
+    const makeDataTransferCopyForDragEvent = (dataTransfer, eventType) => {
+      const copy = cloneDataTransfer(dataTransfer);
+      if (eventType === 'dragstart') {
+        setDragstartEvent(copy);
+        setReadWriteMode(copy);
+      } else if (eventType === 'drop') {
+        setDropEvent(copy);
+        setReadOnlyMode(copy);
+      } else {
+        setDragendEvent(copy);
+        setProtectedMode(copy);
+      }
+      return copy;
+    };
+    const makeDragEvent = (type, target, dataTransfer, mouseEvent) => {
+      const dataTransferForDispatch = makeDataTransferCopyForDragEvent(dataTransfer, type);
+      return isUndefined(mouseEvent) ? makeDndEvent(type, target, dataTransferForDispatch) : makeDndEventFromMouseEvent(type, mouseEvent, target, dataTransferForDispatch);
+    };
 
     const scrollPixelsPerInterval = 32;
     const scrollIntervalValue = 100;
@@ -25797,11 +26429,6 @@
         return editor.dom.isEditable(targetElement);
       }
     };
-    const cloneElement = elm => {
-      const cloneElm = elm.cloneNode(true);
-      cloneElm.removeAttribute('data-mce-selected');
-      return cloneElm;
-    };
     const createGhost = (editor, elm, width, height) => {
       const dom = editor.dom;
       const clonedElm = elm.cloneNode(true);
@@ -25914,6 +26541,7 @@
           const docElm = editor.getDoc().documentElement;
           state.set({
             element: ceElm,
+            dataTransfer: createDataTransfer(),
             dragging: false,
             screenX: e.screenX,
             screenY: e.screenY,
@@ -25940,6 +26568,14 @@
         }
       });
     };
+    const dispatchDragEvent = (editor, type, target, dataTransfer, mouseEvent) => {
+      if (type === 'dragstart') {
+        setHtmlData(dataTransfer, editor.dom.getOuterHTML(target));
+      }
+      const event = makeDragEvent(type, target, dataTransfer, mouseEvent);
+      const args = editor.dispatch(type, event);
+      return args;
+    };
     const move = (state, editor) => {
       const throttledPlaceCaretAt = first$1((clientX, clientY) => placeCaretAt(editor, clientX, clientY), 0);
       editor.on('remove', throttledPlaceCaretAt.cancel);
@@ -25947,7 +26583,10 @@
       return e => state.on(state => {
         const movement = Math.max(Math.abs(e.screenX - state.screenX), Math.abs(e.screenY - state.screenY));
         if (!state.dragging && movement > 10) {
-          const args = editor.dispatch('dragstart', makeDragstartEventFromMouseEvent(e, state.element));
+          const args = dispatchDragEvent(editor, 'dragstart', state.element, state.dataTransfer, e);
+          if (isNonNullable(args.dataTransfer)) {
+            state.dataTransfer = args.dataTransfer;
+          }
           if (args.isDefaultPrevented()) {
             return;
           }
@@ -25979,18 +26618,17 @@
         state.intervalId.clear();
         if (state.dragging) {
           if (isValidDropTarget(editor, getRawTarget(editor.selection), state.element)) {
-            const targetClone = cloneElement(state.element);
             const dropTarget = (_a = editor.getDoc().elementFromPoint(e.clientX, e.clientY)) !== null && _a !== void 0 ? _a : editor.getBody();
-            const args = editor.dispatch('drop', makeDropEventFromMouseEvent(e, dropTarget));
+            const args = dispatchDragEvent(editor, 'drop', dropTarget, state.dataTransfer, e);
             if (!args.isDefaultPrevented()) {
               editor.undoManager.transact(() => {
                 removeElementWithPadding(editor.dom, state.element);
-                editor.insertContent(editor.dom.getOuterHTML(targetClone));
+                getHtmlData(state.dataTransfer).each(content => editor.insertContent(content));
                 editor._selectionOverrides.hideFakeCaret();
               });
             }
           }
-          editor.dispatch('dragend', makeDragendEventFromMouseEvent(e, editor.getBody()));
+          dispatchDragEvent(editor, 'dragend', editor.getBody(), state.dataTransfer, e);
         }
       });
       removeDragState(state);
@@ -25999,8 +26637,7 @@
       state.on(state => {
         state.intervalId.clear();
         if (state.dragging) {
-          const event = e.fold(() => makeDragendEvent(state.element), mouseEvent => makeDragendEventFromMouseEvent(mouseEvent, state.element));
-          editor.dispatch('dragend', event);
+          e.fold(() => dispatchDragEvent(editor, 'dragend', state.element, state.dataTransfer), mouseEvent => dispatchDragEvent(editor, 'dragend', state.element, state.dataTransfer, mouseEvent));
         }
       });
       removeDragState(state);
@@ -26310,7 +26947,7 @@
         const nodeElm = SugarElement.fromDom(elm);
         each$e(descendants(SugarElement.fromDom(editor.getBody()), `*[${ elementSelectionAttr }]`), elm => {
           if (!eq(nodeElm, elm)) {
-            remove$b(elm, elementSelectionAttr);
+            remove$a(elm, elementSelectionAttr);
           }
         });
         if (!dom.getAttrib(elm, elementSelectionAttr)) {
@@ -26378,7 +27015,7 @@
         if (selectedElement) {
           selectedElement.removeAttribute(elementSelectionAttr);
         }
-        descendant(SugarElement.fromDom(editor.getBody()), '#' + realSelectionId).each(remove$6);
+        descendant(SugarElement.fromDom(editor.getBody()), '#' + realSelectionId).each(remove$5);
         selectedElement = null;
       };
       const destroy = () => {
@@ -27270,6 +27907,15 @@
           blockCmdArrowNavigation();
         }
       };
+      const dropDragEndEvent = () => {
+        editor.on('drop', event => {
+          var _a;
+          const data = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.getData('text/html');
+          if (isString(data) && /^<img[^>]*>$/.test(data)) {
+            editor.dispatch('dragend', new window.DragEvent('dragend', event));
+          }
+        });
+      };
       const setup = () => {
         removeBlockQuoteOnBackSpace();
         emptyEditorWhenDeleting();
@@ -27300,6 +27946,7 @@
           showBrokenImageIcon();
           blockCmdArrowNavigation();
           disableBackspaceIntoATable();
+          dropDragEndEvent();
         }
       };
       if (isRtc(editor)) {
@@ -27322,7 +27969,7 @@
       append$1(style, SugarElement.fromText(text));
       append$1(container, style);
       editor.on('remove', () => {
-        remove$6(style);
+        remove$5(style);
       });
     };
     const getRootName = editor => editor.inline ? editor.getElement().nodeName.toLowerCase() : undefined;
@@ -27343,7 +27990,6 @@
         forced_root_block: getOption('forced_root_block'),
         forced_root_block_attrs: getOption('forced_root_block_attrs'),
         preserve_cdata: getOption('preserve_cdata'),
-        remove_trailing_brs: getOption('remove_trailing_brs'),
         inline_styles: getOption('inline_styles'),
         root_name: getRootName(editor),
         sanitize: getOption('xss_sanitization'),
@@ -27374,6 +28020,7 @@
         ...mkParserSettings(editor),
         ...mkSchemaSettings(editor),
         ...removeUndefined({
+          remove_trailing_brs: getOption('remove_trailing_brs'),
           url_converter: getOption('url_converter'),
           url_converter_scope: getOption('url_converter_scope'),
           element_format: getOption('element_format'),
@@ -27586,7 +28233,8 @@
       const body = editor.getBody();
       body.disabled = true;
       editor.readonly = isReadOnly$1(editor);
-      if (!editor.readonly) {
+      editor._editableRoot = hasEditableRoot$1(editor);
+      if (!editor.readonly && editor.hasEditableRoot()) {
         if (editor.inline && DOM$6.getStyle(body, 'position', true) === 'static') {
           body.style.position = 'relative';
         }
@@ -27699,17 +28347,21 @@
     };
     const setupIframeBody = editor => {
       const iframe = editor.iframeElement;
-      const binder = bind(SugarElement.fromDom(iframe), 'load', () => {
-        binder.unbind();
+      const ready = () => {
         editor.contentDocument = iframe.contentDocument;
         contentBodyLoaded(editor);
-      });
-      if (Env.browser.isFirefox()) {
+      };
+      if (shouldUseDocumentWrite(editor) || Env.browser.isFirefox()) {
         const doc = editor.getDoc();
         doc.open();
         doc.write(editor.iframeHTML);
         doc.close();
+        ready();
       } else {
+        const binder = bind(SugarElement.fromDom(iframe), 'load', () => {
+          binder.unbind();
+          ready();
+        });
         iframe.srcdoc = editor.iframeHTML;
       }
     };
@@ -27977,7 +28629,7 @@
       const element = SugarElement.fromDom(editor.getElement());
       const snapshot = clone$4(element);
       editor.on('remove', () => {
-        eachr(element.dom.attributes, attr => remove$b(element, attr.name));
+        eachr(element.dom.attributes, attr => remove$a(element, attr.name));
         setAll$1(element, snapshot);
       });
       editor.ui.styleSheetLoader = getStyleSheetLoader(element, editor);
@@ -28045,6 +28697,18 @@
       loadScripts(editor, editor.suffix);
     };
 
+    const setEditableRoot = (editor, state) => {
+      if (editor._editableRoot !== state) {
+        editor._editableRoot = state;
+        if (!editor.readonly) {
+          editor.getBody().contentEditable = String(editor.hasEditableRoot());
+          editor.nodeChanged();
+        }
+        fireEditableRootStateChange(editor, state);
+      }
+    };
+    const hasEditableRoot = editor => editor._editableRoot;
+
     const sectionResult = (sections, settings) => ({
       sections: constant(sections),
       options: constant(settings)
@@ -28292,7 +28956,7 @@
           editor.execCommand('mceInsertContent', false, value.replace(/\{\$selection\}/g, editor.selection.getContent({ format: 'text' })));
         },
         mceNewDocument: () => {
-          editor.setContent('');
+          editor.setContent(getNewDocumentContent(editor));
         }
       });
     };
@@ -28491,14 +29155,16 @@
       };
       editor.editorCommands.addCommands({
         unlink: () => {
-          if (editor.selection.isCollapsed()) {
-            const elm = editor.dom.getParent(editor.selection.getStart(), 'a');
-            if (elm) {
-              editor.dom.remove(elm, true);
+          if (editor.selection.isEditable()) {
+            if (editor.selection.isCollapsed()) {
+              const elm = editor.dom.getParent(editor.selection.getStart(), 'a');
+              if (elm) {
+                editor.dom.remove(elm, true);
+              }
+              return;
             }
-            return;
+            editor.formatter.remove('link');
           }
-          editor.formatter.remove('link');
         },
         mceInsertLink: applyLinkToSelection,
         createLink: applyLinkToSelection
@@ -28709,7 +29375,7 @@
     const internalContentEditableAttr = 'data-mce-contenteditable';
     const toggleClass = (elm, cls, state) => {
       if (has(elm, cls) && !state) {
-        remove$8(elm, cls);
+        remove$7(elm, cls);
       } else if (state) {
         add$2(elm, cls);
       }
@@ -28731,7 +29397,7 @@
     };
     const switchOnContentEditableTrue = elm => {
       each$e(descendants(elm, `*[${ internalContentEditableAttr }="true"]`), elm => {
-        remove$b(elm, internalContentEditableAttr);
+        remove$a(elm, internalContentEditableAttr);
         setContentEditable(elm, true);
       });
     };
@@ -28755,7 +29421,9 @@
         switchOffContentEditableTrue(body);
       } else {
         editor.readonly = false;
-        setContentEditable(body, true);
+        if (editor.hasEditableRoot()) {
+          setContentEditable(body, true);
+        }
         switchOnContentEditableTrue(body);
         setEditorCommandState(editor, 'StyleWithCSS', false);
         setEditorCommandState(editor, 'enableInlineTableEditing', false);
@@ -28835,15 +29503,15 @@
 
     const nativeEvents = Tools.makeMap('focus blur focusin focusout click dblclick mousedown mouseup mousemove mouseover beforepaste paste cut copy selectionchange ' + 'mouseout mouseenter mouseleave wheel keydown keypress keyup input beforeinput contextmenu dragstart dragend dragover ' + 'draggesture dragdrop drop drag submit ' + 'compositionstart compositionend compositionupdate touchstart touchmove touchend touchcancel', ' ');
     class EventDispatcher {
+      static isNative(name) {
+        return !!nativeEvents[name.toLowerCase()];
+      }
       constructor(settings) {
         this.bindings = {};
         this.settings = settings || {};
         this.scope = this.settings.scope || this;
         this.toggleEvent = this.settings.toggleEvent || never;
       }
-      static isNative(name) {
-        return !!nativeEvents[name.toLowerCase()];
-      }
       fire(name, args) {
         return this.dispatch(name, args);
       }
@@ -29585,6 +30253,7 @@
         this.startContent = '';
         this._pendingNativeEvents = [];
         this._skinLoaded = false;
+        this._editableRoot = true;
         this.editorManager = editorManager;
         this.documentBaseUrl = editorManager.documentBaseURL;
         extend(this, EditorObservable);
@@ -29912,6 +30581,12 @@
       addVisual(elm) {
         addVisual(this, elm);
       }
+      setEditableRoot(state) {
+        setEditableRoot(this, state);
+      }
+      hasEditableRoot() {
+        return hasEditableRoot(this);
+      }
       remove() {
         remove$1(this);
       }
@@ -29987,8 +30662,8 @@
       documentBaseURL: null,
       suffix: null,
       majorVersion: '6',
-      minorVersion: '4.2',
-      releaseDate: '2023-04-26',
+      minorVersion: '5.0',
+      releaseDate: '2023-06-12',
       i18n: I18n,
       activeEditor: null,
       focusedEditor: null,