tinymce-rails 7.2.1 → 7.4.0

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

@@ -1,5 +1,5 @@
 /**
- * TinyMCE version 7.2.1 (2024-07-03)
+ * TinyMCE version 7.4.0 (2024-10-09)
  */
 
 (function () {
@@ -955,10 +955,10 @@
     const PlatformDetection = { detect: detect$2 };
 
     const mediaMatch = query => window.matchMedia(query).matches;
-    let platform$4 = cached(() => PlatformDetection.detect(navigator.userAgent, Optional.from(navigator.userAgentData), mediaMatch));
+    let platform$4 = cached(() => PlatformDetection.detect(window.navigator.userAgent, Optional.from(window.navigator.userAgentData), mediaMatch));
     const detect$1 = () => platform$4();
 
-    const userAgent = navigator.userAgent;
+    const userAgent = window.navigator.userAgent;
     const platform$3 = detect$1();
     const browser$3 = platform$3.browser;
     const os$1 = platform$3.os;
@@ -1402,9 +1402,7 @@
     };
 
     const isShadowRoot = dos => isDocumentFragment$1(dos) && isNonNullable(dos.dom.host);
-    const supported = isFunction(Element.prototype.attachShadow) && isFunction(Node.prototype.getRootNode);
-    const isSupported$1 = constant(supported);
-    const getRootNode = supported ? e => SugarElement.fromDom(e.dom.getRootNode()) : documentOrOwner;
+    const getRootNode = e => SugarElement.fromDom(e.dom.getRootNode());
     const getStyleContainer = dos => isShadowRoot(dos) ? dos : getHead(documentOrOwner(dos));
     const getContentContainer = dos => isShadowRoot(dos) ? dos : SugarElement.fromDom(documentOrOwner(dos).dom.body);
     const getShadowRoot = e => {
@@ -1413,7 +1411,7 @@
     };
     const getShadowHost = e => SugarElement.fromDom(e.dom.host);
     const getOriginalEventTarget = event => {
-      if (isSupported$1() && isNonNullable(event.target)) {
+      if (isNonNullable(event.target)) {
         const el = SugarElement.fromDom(event.target);
         if (isElement$7(el) && isOpenShadowHost(el)) {
           if (event.composed && event.composedPath) {
@@ -5455,13 +5453,16 @@
       };
     };
 
+    const clamp$2 = (value, min, max) => Math.min(Math.max(value, min), max);
+    const random = () => window.crypto.getRandomValues(new Uint32Array(1))[0] / 4294967295;
+
     let unique = 0;
     const generate$1 = prefix => {
       const date = new Date();
       const time = date.getTime();
-      const random = Math.floor(Math.random() * 1000000000);
+      const random$1 = Math.floor(random() * 1000000000);
       unique++;
-      return prefix + '_' + random + unique + String(time);
+      return prefix + '_' + random$1 + unique + String(time);
     };
 
     const add = (element, classes) => {
@@ -5858,8 +5859,6 @@
     };
     const overlapY = (r1, r2) => Math.max(0, Math.min(r1.bottom, r2.bottom) - Math.max(r1.top, r2.top));
 
-    const clamp$2 = (value, min, max) => Math.min(Math.max(value, min), max);
-
     const getSelectedNode = range => {
       const startContainer = range.startContainer, startOffset = range.startOffset;
       if (startContainer === range.endContainer && startContainer.hasChildNodes() && range.endOffset === startOffset + 1) {
@@ -7291,6 +7290,19 @@
         processor: 'boolean',
         default: false
       });
+      registerOption('allow_mathml_annotation_encodings', {
+        processor: value => {
+          const valid = isArrayOf(value, isString);
+          return valid ? {
+            value,
+            valid
+          } : {
+            valid: false,
+            message: 'Must be an array of strings.'
+          };
+        },
+        default: []
+      });
       registerOption('convert_fonts_to_spans', {
         processor: 'boolean',
         default: true,
@@ -7949,7 +7961,7 @@
     const isContentEditableTrue$1 = isContentEditableTrue$3;
     const isContentEditableFalse$7 = isContentEditableFalse$b;
     const isMedia = isMedia$2;
-    const isBlockLike = matchStyleValues('display', 'block table table-cell table-caption list-item');
+    const isBlockLike = matchStyleValues('display', 'block table table-cell table-row table-caption list-item');
     const isCaretContainer = isCaretContainer$2;
     const isCaretContainerBlock = isCaretContainerBlock$1;
     const isElement$2 = isElement$6;
@@ -9636,7 +9648,7 @@
       };
       const isResizable = elm => {
         const selector = getObjectResizing(editor);
-        if (!selector) {
+        if (!selector || editor.mode.isReadOnly()) {
           return false;
         }
         if (elm.getAttribute('data-mce-resize') === 'false') {
@@ -10022,32 +10034,32 @@
     const SimRange = { create: create$9 };
 
     const caretPositionFromPoint = (doc, x, y) => {
-      var _a, _b;
-      return Optional.from((_b = (_a = doc.dom).caretPositionFromPoint) === null || _b === void 0 ? void 0 : _b.call(_a, x, y)).bind(pos => {
+      var _a;
+      return Optional.from((_a = doc.caretPositionFromPoint) === null || _a === void 0 ? void 0 : _a.call(doc, x, y)).bind(pos => {
         if (pos.offsetNode === null) {
           return Optional.none();
         }
-        const r = doc.dom.createRange();
+        const r = doc.createRange();
         r.setStart(pos.offsetNode, pos.offset);
         r.collapse();
         return Optional.some(r);
       });
     };
     const caretRangeFromPoint = (doc, x, y) => {
-      var _a, _b;
-      return Optional.from((_b = (_a = doc.dom).caretRangeFromPoint) === null || _b === void 0 ? void 0 : _b.call(_a, x, y));
+      var _a;
+      return Optional.from((_a = doc.caretRangeFromPoint) === null || _a === void 0 ? void 0 : _a.call(doc, x, y));
     };
-    const availableSearch = (() => {
-      if (document.caretPositionFromPoint) {
-        return caretPositionFromPoint;
-      } else if (document.caretRangeFromPoint) {
-        return caretRangeFromPoint;
+    const availableSearch = (doc, x, y) => {
+      if (doc.caretPositionFromPoint) {
+        return caretPositionFromPoint(doc, x, y);
+      } else if (doc.caretRangeFromPoint) {
+        return caretRangeFromPoint(doc, x, y);
       } else {
-        return Optional.none;
+        return Optional.none();
       }
-    })();
+    };
     const fromPoint$1 = (win, x, y) => {
-      const doc = SugarElement.fromDom(win.document);
+      const doc = win.document;
       return availableSearch(doc, x, y).map(rng => SimRange.create(SugarElement.fromDom(rng.startContainer), rng.startOffset, SugarElement.fromDom(rng.endContainer), rng.endOffset));
     };
 
@@ -10211,7 +10223,7 @@
       var _a;
       return ((_a = node.previousSibling) === null || _a === void 0 ? void 0 : _a.nodeName) === name;
     };
-    const hasContentEditableFalseParent = (root, node) => {
+    const hasContentEditableFalseParent$1 = (root, node) => {
       let currentNode = node;
       while (currentNode && currentNode !== root) {
         if (isContentEditableFalse$b(currentNode)) {
@@ -10296,7 +10308,7 @@
           if (!collapsed && container === body.lastChild && isTable$2(container)) {
             return Optional.none();
           }
-          if (hasContentEditableFalseParent(body, container) || isCaretContainer$2(container)) {
+          if (hasContentEditableFalseParent$1(body, container) || isCaretContainer$2(container)) {
             return Optional.none();
           }
           if (isDetails(container)) {
@@ -10924,6 +10936,7 @@
     };
 
     const getContentEditableHost = (editor, node) => editor.dom.getParent(node, node => editor.dom.getContentEditable(node) === 'true');
+    const hasContentEditableFalseParent = (editor, node) => editor.dom.getParent(node, node => editor.dom.getContentEditable(node) === 'false') !== null;
     const getCollapsedNode = rng => rng.collapsed ? Optional.from(getNode$1(rng.startContainer, rng.startOffset)).map(SugarElement.fromDom) : Optional.none();
     const getFocusInElement = (root, rng) => getCollapsedNode(rng).bind(node => {
       if (isTableSection(node)) {
@@ -10980,6 +10993,9 @@
       }
       const contentEditableHost = getContentEditableHost(editor, selection.getNode());
       if (contentEditableHost && editor.dom.isChildOf(contentEditableHost, body)) {
+        if (!hasContentEditableFalseParent(editor, contentEditableHost)) {
+          focusBody(body);
+        }
         focusBody(contentEditableHost);
         if (!editor.hasEditableRoot()) {
           restoreBookmark(editor);
@@ -11997,7 +12013,7 @@
         return false;
       }
     };
-    const normalizeNbsps = (root, pos, schema) => {
+    const normalizeNbsps$1 = (root, pos, schema) => {
       const container = pos.container();
       if (!isText$b(container)) {
         return Optional.none();
@@ -12015,7 +12031,7 @@
     const normalizeNbspsInEditor = editor => {
       const root = SugarElement.fromDom(editor.getBody());
       if (editor.selection.isCollapsed()) {
-        normalizeNbsps(root, CaretPosition.fromRangeStart(editor.selection.getRng()), editor.schema).each(pos => {
+        normalizeNbsps$1(root, CaretPosition.fromRangeStart(editor.selection.getRng()), editor.schema).each(pos => {
           editor.selection.setRng(pos.toRange());
         });
       }
@@ -13240,6 +13256,9 @@
       if (node && node.attr('id') === 'mce_marker') {
         const marker = node;
         for (node = node.prev; node; node = node.walk(true)) {
+          if (node.name === 'table') {
+            break;
+          }
           if (node.type === 3 || !dom.isBlock(node.name)) {
             if (node.parent && editor.schema.isValidChild(node.parent.name, 'span')) {
               node.parent.insert(marker, node, node.name === 'br');
@@ -13663,6 +13682,35 @@
         return Optional.none();
       }
     };
+    const normalizeNbsps = node => set(node, get$3(node).replace(new RegExp(`${ nbsp }$`), ' '));
+    const normalizeNbspsBetween = (editor, caretContainer) => {
+      const handler = () => {
+        if (caretContainer !== null && !editor.dom.isEmpty(caretContainer)) {
+          prevSibling(SugarElement.fromDom(caretContainer)).each(node => {
+            if (isText$c(node)) {
+              normalizeNbsps(node);
+            } else {
+              descendant$2(node, e => isText$c(e)).each(textNode => {
+                if (isText$c(textNode)) {
+                  normalizeNbsps(textNode);
+                }
+              });
+            }
+          });
+        }
+      };
+      editor.once('input', e => {
+        if (e.data && !isWhiteSpace(e.data)) {
+          if (!e.isComposing) {
+            handler();
+          } else {
+            editor.once('compositionend', () => {
+              handler();
+            });
+          }
+        }
+      });
+    };
     const applyCaretFormat = (editor, name, vars) => {
       let caretContainer;
       const selection = editor.selection;
@@ -13690,6 +13738,7 @@
           textNode = caretContainer.firstChild;
           selectionRng.insertNode(caretContainer);
           offset = 1;
+          normalizeNbspsBetween(editor, caretContainer);
           editor.formatter.apply(name, vars, caretContainer);
         } else {
           editor.formatter.apply(name, vars, caretContainer);
@@ -13753,6 +13802,7 @@
           removeCaretContainerNode(editor, caretContainer, isNonNullable(caretContainer));
         }
         selection.setCursorLocation(caretTextNode, 1);
+        normalizeNbspsBetween(editor, newCaretContainer);
         if (dom.isEmpty(formatNode)) {
           dom.remove(formatNode);
         }
@@ -17196,37 +17246,55 @@
       }
       return config;
     };
-    const sanitizeNamespaceElement = ele => {
+    const sanitizeSvgElement = ele => {
+      const xlinkAttrs = [
+        'type',
+        'href',
+        'role',
+        'arcrole',
+        'title',
+        'show',
+        'actuate',
+        'label',
+        'from',
+        'to'
+      ].map(name => `xlink:${ name }`);
+      const config = {
+        IN_PLACE: true,
+        USE_PROFILES: {
+          html: true,
+          svg: true,
+          svgFilters: true
+        },
+        ALLOWED_ATTR: xlinkAttrs
+      };
+      purify().sanitize(ele, config);
+    };
+    const sanitizeMathmlElement = (node, settings) => {
+      const config = {
+        IN_PLACE: true,
+        USE_PROFILES: { mathMl: true }
+      };
+      const purify$1 = purify();
+      purify$1.addHook('uponSanitizeElement', (node, evt) => {
+        var _a;
+        const lcTagName = (_a = evt.tagName) !== null && _a !== void 0 ? _a : node.nodeName.toLowerCase();
+        const allowedEncodings = settings.allow_mathml_annotation_encodings;
+        if (lcTagName === 'annotation' && isArray$1(allowedEncodings) && allowedEncodings.length > 0) {
+          const encoding = node.getAttribute('encoding');
+          if (isString(encoding) && contains$2(allowedEncodings, encoding)) {
+            evt.allowedTags[lcTagName] = true;
+          }
+        }
+      });
+      purify$1.sanitize(node, config);
+    };
+    const mkSanitizeNamespaceElement = settings => ele => {
       const namespaceType = toScopeType(ele);
       if (namespaceType === 'svg') {
-        const xlinkAttrs = [
-          'type',
-          'href',
-          'role',
-          'arcrole',
-          'title',
-          'show',
-          'actuate',
-          'label',
-          'from',
-          'to'
-        ].map(name => `xlink:${ name }`);
-        const config = {
-          IN_PLACE: true,
-          USE_PROFILES: {
-            html: true,
-            svg: true,
-            svgFilters: true
-          },
-          ALLOWED_ATTR: xlinkAttrs
-        };
-        purify().sanitize(ele, config);
+        sanitizeSvgElement(ele);
       } else if (namespaceType === 'math') {
-        const config = {
-          IN_PLACE: true,
-          USE_PROFILES: { mathMl: true }
-        };
-        purify().sanitize(ele, config);
+        sanitizeMathmlElement(ele, settings);
       } else {
         throw new Error('Not a namespace element');
       }
@@ -17242,7 +17310,7 @@
         };
         return {
           sanitizeHtmlElement,
-          sanitizeNamespaceElement
+          sanitizeNamespaceElement: mkSanitizeNamespaceElement(settings)
         };
       } else {
         const sanitizeHtmlElement = (body, _mimeType) => {
@@ -17363,6 +17431,8 @@
             }
             if (text.length === 0) {
               node.remove();
+            } else if (text === ' ' && node.prev && node.prev.type === COMMENT && node.next && node.next.type === COMMENT) {
+              node.remove();
             } else {
               node.value = text;
             }
@@ -17432,8 +17502,16 @@
         const mimeType = format === 'xhtml' ? 'application/xhtml+xml' : 'text/html';
         const isSpecialRoot = has$2(schema.getSpecialElements(), rootName.toLowerCase());
         const content = isSpecialRoot ? `<${ rootName }>${ html }</${ rootName }>` : html;
-        const wrappedHtml = format === 'xhtml' ? `<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>${ content }</body></html>` : `<body>${ content }</body>`;
-        const body = parser.parseFromString(wrappedHtml, mimeType).body;
+        const makeWrap = () => {
+          if (format === 'xhtml') {
+            return `<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>${ content }</body></html>`;
+          } else if (/^[\s]*<head/i.test(html) || /^[\s]*<html/i.test(html) || /^[\s]*<!DOCTYPE/i.test(html)) {
+            return `<html>${ content }</html>`;
+          } else {
+            return `<body>${ content }</body>`;
+          }
+        };
+        const body = parser.parseFromString(makeWrap(), mimeType).body;
         sanitizer.sanitizeHtmlElement(body, mimeType);
         return isSpecialRoot ? body.firstChild : body;
       };
@@ -18699,6 +18777,9 @@
         return !sel || rng.collapsed;
       };
       const isEditable = () => {
+        if (editor.mode.isReadOnly()) {
+          return false;
+        }
         const rng = getRng$1();
         const fakeSelectedElements = editor.getBody().querySelectorAll('[data-mce-selected="1"]');
         if (fakeSelectedElements.length > 0) {
@@ -19553,7 +19634,7 @@
           }
           reposition();
         });
-        editor.on('show ResizeEditor NodeChange', () => {
+        editor.on('show ResizeEditor ResizeWindow NodeChange ToggleView FullscreenStateChanged', () => {
           requestAnimationFrame(reposition);
         });
         editor.on('remove', () => {
@@ -19858,7 +19939,7 @@
     let count = 0;
     const seed = () => {
       const rnd = () => {
-        return Math.round(Math.random() * 4294967295).toString(36);
+        return Math.round(random() * 4294967295).toString(36);
       };
       const now = new Date().getTime();
       return 's' + now.toString(36) + rnd() + rnd() + rnd();
@@ -21304,26 +21385,12 @@
     };
     const read$1 = (schema, rootNode, forward, rng) => rng.collapsed ? readFromRange(schema, rootNode, forward, rng) : Optional.none();
 
-    const getChildrenFromNestedUntilBlockBoundary = (block, schema, forwardDelete) => {
-      const allSiblingsInDirection = forwardDelete ? prevSiblings(block).reverse() : nextSiblings(block);
-      const siblingsToMergeIn = findIndex$2(allSiblingsInDirection, element => schema.isBlock(name(element))).fold(constant(allSiblingsInDirection), index => allSiblingsInDirection.slice(0, index));
-      if (forwardDelete) {
-        return siblingsToMergeIn.reverse();
-      }
-      return siblingsToMergeIn;
-    };
-    const getChildrenUntilBlockBoundary = (toBlock, fromBlock, schema, forwardDelete, extractsiblingsIfNested) => {
-      if (extractsiblingsIfNested && contains(toBlock, fromBlock)) {
-        return getChildrenFromNestedUntilBlockBoundary(fromBlock, schema, forwardDelete);
-      } else if (extractsiblingsIfNested && contains(fromBlock, toBlock)) {
-        return getChildrenFromNestedUntilBlockBoundary(toBlock, schema, forwardDelete);
-      } else {
-        const children = children$1(fromBlock);
-        return findIndex$2(children, el => schema.isBlock(name(el))).fold(constant(children), index => children.slice(0, index));
-      }
+    const getChildrenUntilBlockBoundary = (block, schema) => {
+      const children = children$1(block);
+      return findIndex$2(children, el => schema.isBlock(name(el))).fold(constant(children), index => children.slice(0, index));
     };
-    const extractChildren = (toBlock, fromBlock, schema, forwardDelete, extractsiblingsIfNested) => {
-      const children = getChildrenUntilBlockBoundary(toBlock, fromBlock, schema, forwardDelete, extractsiblingsIfNested);
+    const extractChildren = (block, schema) => {
+      const children = getChildrenUntilBlockBoundary(block, schema);
       each$e(children, remove$4);
       return children;
     };
@@ -21332,7 +21399,7 @@
       return find$2(parents.reverse(), element => isEmpty$2(schema, element)).each(remove$4);
     };
     const isEmptyBefore = (schema, el) => filter$5(prevSiblings(el), el => !isEmpty$2(schema, el)).length === 0;
-    const nestedBlockMerge = (rootNode, fromBlock, toBlock, schema, forward, insertionPoint) => {
+    const nestedBlockMerge = (rootNode, fromBlock, toBlock, schema, insertionPoint) => {
       if (isEmpty$2(schema, toBlock)) {
         fillWithPaddingBr(toBlock);
         return firstPositionIn(toBlock.dom);
@@ -21341,14 +21408,14 @@
         before$3(insertionPoint, SugarElement.fromTag('br'));
       }
       const position = prevPosition(toBlock.dom, CaretPosition.before(insertionPoint.dom));
-      each$e(extractChildren(toBlock, fromBlock, schema, forward, false), child => {
+      each$e(extractChildren(fromBlock, schema), child => {
         before$3(insertionPoint, child);
       });
       removeEmptyRoot(schema, rootNode, fromBlock);
       return position;
     };
     const isInline = (schema, node) => schema.isInline(name(node));
-    const sidelongBlockMerge = (rootNode, fromBlock, toBlock, schema, forwardDelete) => {
+    const sidelongBlockMerge = (rootNode, fromBlock, toBlock, schema) => {
       if (isEmpty$2(schema, toBlock)) {
         if (isEmpty$2(schema, fromBlock)) {
           const getInlineToBlockDescendants = el => {
@@ -21366,12 +21433,8 @@
         return firstPositionIn(fromBlock.dom);
       }
       const position = lastPositionIn(toBlock.dom);
-      each$e(extractChildren(toBlock, fromBlock, schema, forwardDelete, true), child => {
-        if (forwardDelete && contains(fromBlock, toBlock)) {
-          prepend(toBlock, child);
-        } else {
-          append$1(toBlock, child);
-        }
+      each$e(extractChildren(fromBlock, schema), child => {
+        append$1(toBlock, child);
       });
       removeEmptyRoot(schema, rootNode, fromBlock);
       return position;
@@ -21384,26 +21447,17 @@
     const trimBr = (first, block) => {
       positionIn(first, block.dom).bind(position => Optional.from(position.getNode())).map(SugarElement.fromDom).filter(isBr$5).each(remove$4);
     };
-    const mergeBlockInto = (rootNode, fromBlock, toBlock, schema, forward) => {
+    const mergeBlockInto = (rootNode, fromBlock, toBlock, schema) => {
       trimBr(true, fromBlock);
       trimBr(false, toBlock);
-      return getInsertionPoint(fromBlock, toBlock).fold(curry(sidelongBlockMerge, rootNode, fromBlock, toBlock, schema, forward), curry(nestedBlockMerge, rootNode, fromBlock, toBlock, schema, forward));
-    };
-    const mergeBlocks = (rootNode, forward, block1, block2, schema, mergeNotDelete = false) => {
-      if (mergeNotDelete) {
-        if (contains(block2, block1)) {
-          return mergeBlockInto(rootNode, block2, block1, schema, !forward);
-        } else if (contains(block1, block2)) {
-          return mergeBlockInto(rootNode, block1, block2, schema, forward);
-        }
-      }
-      return forward ? mergeBlockInto(rootNode, block2, block1, schema, forward) : mergeBlockInto(rootNode, block1, block2, schema, !forward);
+      return getInsertionPoint(fromBlock, toBlock).fold(curry(sidelongBlockMerge, rootNode, fromBlock, toBlock, schema), curry(nestedBlockMerge, rootNode, fromBlock, toBlock, schema));
     };
+    const mergeBlocks = (rootNode, forward, block1, block2, schema) => forward ? mergeBlockInto(rootNode, block2, block1, schema) : mergeBlockInto(rootNode, block1, block2, schema);
 
     const backspaceDelete$a = (editor, forward) => {
       const rootNode = SugarElement.fromDom(editor.getBody());
       const position = read$1(editor.schema, rootNode.dom, forward, editor.selection.getRng()).map(blockBoundary => () => {
-        mergeBlocks(rootNode, forward, blockBoundary.from.block, blockBoundary.to.block, editor.schema, true).each(pos => {
+        mergeBlocks(rootNode, forward, blockBoundary.from.block, blockBoundary.to.block, editor.schema).each(pos => {
           editor.selection.setRng(pos.toRange());
         });
       });
@@ -22642,6 +22696,9 @@
     const getBlocksToIndent = editor => filter$5(fromDom$1(editor.selection.getSelectedBlocks()), el => !isListComponent(el) && !parentIsListComponent(el) && isEditable(el));
     const handle = (editor, command) => {
       var _a, _b;
+      if (editor.mode.isReadOnly()) {
+        return;
+      }
       const {dom} = editor;
       const indentation = getIndentation(editor);
       const indentUnit = (_b = (_a = /[a-z%]+$/i.exec(indentation)) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : 'px';
@@ -23381,6 +23438,9 @@
           return getCellFirstCursorPosition(cell);
         });
       }, current => {
+        if (editor.mode.isReadOnly()) {
+          return Optional.none();
+        }
         editor.execCommand('mceTableInsertRowAfter');
         return tabForward(editor, isRoot, current);
       });
@@ -24061,7 +24121,8 @@
       optionalTooltip,
       optionalIcon,
       optionalText,
-      onSetup
+      onSetup,
+      defaultedString('context', 'mode:design')
     ];
 
     const baseToolbarToggleButtonFields = [active].concat(baseToolbarButtonFields);
@@ -24924,9 +24985,12 @@
     const isEmptyAnchor = (dom, elm) => {
       return elm && elm.nodeName === 'A' && dom.isEmpty(elm);
     };
-    const containerAndSiblingName = (container, nodeName) => {
+    const containerAndPreviousSiblingName = (container, nodeName) => {
       return container.nodeName === nodeName || container.previousSibling && container.previousSibling.nodeName === nodeName;
     };
+    const containerAndNextSiblingName = (container, nodeName) => {
+      return container.nodeName === nodeName || container.nextSibling && container.nextSibling.nodeName === nodeName;
+    };
     const canSplitBlock = (dom, node) => {
       return isNonNullable(node) && dom.isBlock(node) && !/^(TD|TH|CAPTION|FORM)$/.test(node.nodeName) && !/^(fixed|absolute)/i.test(node.style.position) && dom.isEditable(node.parentNode) && dom.getContentEditable(node) !== 'false';
     };
@@ -25068,7 +25132,10 @@
         if (start && isElement$6(container) && container === parentBlock.firstChild) {
           return true;
         }
-        if (containerAndSiblingName(container, 'TABLE') || containerAndSiblingName(container, 'HR')) {
+        if (containerAndPreviousSiblingName(container, 'TABLE') || containerAndPreviousSiblingName(container, 'HR')) {
+          if (containerAndNextSiblingName(container, 'BR')) {
+            return !start;
+          }
           return isAfterLastNodeInContainer && !start || !isAfterLastNodeInContainer && start;
         }
         const walker = new DomTreeWalker(container, parentBlock);
@@ -25186,7 +25253,7 @@
         const afterBr = isAfterBr(parentBlockSugar, caretPos, editor.schema);
         const prevBrOpt = afterBr ? findPreviousBr(parentBlockSugar, caretPos, editor.schema).bind(pos => Optional.from(pos.getNode())) : Optional.none();
         newBlock = parentBlockParent.insertBefore(createNewBlock$1(), parentBlock);
-        const root = containerAndSiblingName(parentBlock, 'HR') || afterTable ? newBlock : prevBrOpt.getOr(parentBlock);
+        const root = containerAndPreviousSiblingName(parentBlock, 'HR') || afterTable ? newBlock : prevBrOpt.getOr(parentBlock);
         moveToCaretPosition(editor, root);
       } else {
         const tmpRng = includeZwspInRange(rng).cloneRange();
@@ -25446,6 +25513,9 @@
     };
 
     const insertBreak = (breakType, editor, evt) => {
+      if (editor.mode.isReadOnly()) {
+        return;
+      }
       if (!editor.selection.isCollapsed()) {
         execEditorDeleteCommand(editor);
       }
@@ -25461,6 +25531,9 @@
       }
     };
     const insert$1 = (editor, evt) => {
+      if (editor.mode.isReadOnly()) {
+        return;
+      }
       const br = () => insertBreak(linebreak, editor, evt);
       const block = () => insertBreak(blockbreak, editor, evt);
       const logicalAction = getAction(editor, evt);
@@ -25823,16 +25896,17 @@
         });
       }
       nodeChanged(args = {}) {
-        const selection = this.editor.selection;
+        const editor = this.editor;
+        const selection = editor.selection;
         let node;
-        if (this.editor.initialized && selection && !shouldDisableNodeChange(this.editor) && !this.editor.mode.isReadOnly()) {
-          const root = this.editor.getBody();
+        if (editor.initialized && selection && !shouldDisableNodeChange(editor)) {
+          const root = editor.getBody();
           node = selection.getStart(true) || root;
-          if (node.ownerDocument !== this.editor.getDoc() || !this.editor.dom.isChildOf(node, root)) {
+          if (node.ownerDocument !== editor.getDoc() || !editor.dom.isChildOf(node, root)) {
             node = root;
           }
           const parents = [];
-          this.editor.dom.getParent(node, node => {
+          editor.dom.getParent(node, node => {
             if (node === root) {
               return true;
             } else {
@@ -25840,7 +25914,7 @@
               return false;
             }
           });
-          this.editor.dispatch('NodeChange', {
+          editor.dispatch('NodeChange', {
             ...args,
             element: node,
             parents
@@ -28303,10 +28377,15 @@
         '?'
       ];
       const keyCodes = [32];
-      const getPatternSet = () => createPatternSet(getTextPatterns(editor), getTextPatternsLookup(editor));
+      const getPatternSet = () => createPatternSet(getTextPatterns(editor).filter(pattern => {
+        if (pattern.type === 'inline-command' || pattern.type === 'block-command') {
+          return editor.queryCommandSupported(pattern.cmd);
+        }
+        return true;
+      }), getTextPatternsLookup(editor));
       const hasDynamicPatterns = () => hasTextPatternsLookup(editor);
       editor.on('keydown', e => {
-        if (e.keyCode === 13 && !VK.modifierPressed(e) && editor.selection.isCollapsed()) {
+        if (e.keyCode === 13 && !VK.modifierPressed(e) && editor.selection.isCollapsed() && editor.selection.isEditable()) {
           const patternSet = filterByTrigger(getPatternSet(), 'enter');
           const hasPatterns = patternSet.inlinePatterns.length > 0 || patternSet.blockPatterns.length > 0 || hasDynamicPatterns();
           if (hasPatterns && handleEnter(editor, patternSet)) {
@@ -28315,7 +28394,7 @@
         }
       }, true);
       editor.on('keydown', e => {
-        if (e.keyCode === 32 && editor.selection.isCollapsed()) {
+        if (e.keyCode === 32 && editor.selection.isCollapsed() && editor.selection.isEditable()) {
           const patternSet = filterByTrigger(getPatternSet(), 'space');
           const hasPatterns = patternSet.blockPatterns.length > 0 || hasDynamicPatterns();
           if (hasPatterns && handleBlockPatternOnSpace(editor, patternSet)) {
@@ -28324,7 +28403,7 @@
         }
       }, true);
       const handleInlineTrigger = () => {
-        if (editor.selection.isCollapsed()) {
+        if (editor.selection.isCollapsed() && editor.selection.isEditable()) {
           const patternSet = filterByTrigger(getPatternSet(), 'space');
           const hasPatterns = patternSet.inlinePatterns.length > 0 || hasDynamicPatterns();
           if (hasPatterns) {
@@ -28772,6 +28851,7 @@
         allow_svg_data_urls: getOption('allow_svg_data_urls'),
         allow_html_in_named_anchor: getOption('allow_html_in_named_anchor'),
         allow_script_urls: getOption('allow_script_urls'),
+        allow_mathml_annotation_encodings: getOption('allow_mathml_annotation_encodings'),
         allow_unsafe_link_target: getOption('allow_unsafe_link_target'),
         convert_unsafe_embeds: getOption('convert_unsafe_embeds'),
         convert_fonts_to_spans: getOption('convert_fonts_to_spans'),
@@ -29054,7 +29134,7 @@
       body.disabled = true;
       editor.readonly = isReadOnly$1(editor);
       editor._editableRoot = hasEditableRoot$1(editor);
-      if (!editor.readonly && editor.hasEditableRoot()) {
+      if (editor.hasEditableRoot()) {
         if (editor.inline && DOM$6.getStyle(body, 'position', true) === 'static') {
           body.style.position = 'relative';
         }
@@ -29313,7 +29393,8 @@
         hide: Optional.from(api.hide).getOr(noop),
         isEnabled: Optional.from(api.isEnabled).getOr(always),
         setEnabled: state => {
-          if (!editor.mode.isReadOnly()) {
+          const shouldSkip = state && editor.mode.get() === 'readonly';
+          if (!shouldSkip) {
             Optional.from(api.setEnabled).each(f => f(state));
           }
         }
@@ -29526,10 +29607,8 @@
     const setEditableRoot = (editor, state) => {
       if (editor._editableRoot !== state) {
         editor._editableRoot = state;
-        if (!editor.readonly) {
-          editor.getBody().contentEditable = String(editor.hasEditableRoot());
-          editor.nodeChanged();
-        }
+        editor.getBody().contentEditable = String(editor.hasEditableRoot());
+        editor.nodeChanged();
         fireEditableRootStateChange(editor, state);
       }
     };
@@ -29970,6 +30049,9 @@
 
     const registerCommands$4 = editor => {
       const applyLinkToSelection = (_command, _ui, value) => {
+        if (editor.mode.isReadOnly()) {
+          return;
+        }
         const linkDetails = isString(value) ? { href: value } : value;
         const anchor = editor.dom.getParent(editor.selection.getNode(), 'a');
         if (isObject(linkDetails) && isString(linkDetails.href)) {
@@ -30007,6 +30089,9 @@
       return Optional.from(topParentBlock).map(SugarElement.fromDom);
     };
     const insert = (editor, before) => {
+      if (editor.mode.isReadOnly()) {
+        return;
+      }
       const dom = editor.dom;
       const rng = editor.selection.getRng();
       const node = before ? editor.selection.getStart() : editor.selection.getEnd();
@@ -30211,7 +30296,6 @@
       }
     }
 
-    const internalContentEditableAttr = 'data-mce-contenteditable';
     const toggleClass = (elm, cls, state) => {
       if (has(elm, cls) && !state) {
         remove$6(elm, cls);
@@ -30228,18 +30312,6 @@
     const setContentEditable = (elm, state) => {
       elm.dom.contentEditable = state ? 'true' : 'false';
     };
-    const switchOffContentEditableTrue = elm => {
-      each$e(descendants(elm, '*[contenteditable="true"]'), elm => {
-        set$3(elm, internalContentEditableAttr, 'true');
-        setContentEditable(elm, false);
-      });
-    };
-    const switchOnContentEditableTrue = elm => {
-      each$e(descendants(elm, `*[${ internalContentEditableAttr }="true"]`), elm => {
-        remove$9(elm, internalContentEditableAttr);
-        setContentEditable(elm, true);
-      });
-    };
     const removeFakeSelection = editor => {
       Optional.from(editor.selection.getNode()).each(elm => {
         elm.removeAttribute('data-mce-selected');
@@ -30248,60 +30320,42 @@
     const restoreFakeSelection = editor => {
       editor.selection.setRng(editor.selection.getRng());
     };
+    const setCommonEditorCommands = (editor, state) => {
+      setEditorCommandState(editor, 'StyleWithCSS', state);
+      setEditorCommandState(editor, 'enableInlineTableEditing', state);
+      setEditorCommandState(editor, 'enableObjectResizing', state);
+    };
+    const setEditorReadonly = editor => {
+      editor.readonly = true;
+      editor.selection.controlSelection.hideResizeRect();
+      editor._selectionOverrides.hideFakeCaret();
+      removeFakeSelection(editor);
+    };
+    const unsetEditorReadonly = (editor, body) => {
+      editor.readonly = false;
+      if (editor.hasEditableRoot()) {
+        setContentEditable(body, true);
+      }
+      setCommonEditorCommands(editor, false);
+      if (hasEditorOrUiFocus(editor)) {
+        editor.focus();
+      }
+      restoreFakeSelection(editor);
+      editor.nodeChanged();
+    };
     const toggleReadOnly = (editor, state) => {
       const body = SugarElement.fromDom(editor.getBody());
       toggleClass(body, 'mce-content-readonly', state);
       if (state) {
-        editor.selection.controlSelection.hideResizeRect();
-        editor._selectionOverrides.hideFakeCaret();
-        removeFakeSelection(editor);
-        editor.readonly = true;
-        setContentEditable(body, false);
-        switchOffContentEditableTrue(body);
-      } else {
-        editor.readonly = false;
+        setEditorReadonly(editor);
         if (editor.hasEditableRoot()) {
           setContentEditable(body, true);
         }
-        switchOnContentEditableTrue(body);
-        setEditorCommandState(editor, 'StyleWithCSS', false);
-        setEditorCommandState(editor, 'enableInlineTableEditing', false);
-        setEditorCommandState(editor, 'enableObjectResizing', false);
-        if (hasEditorOrUiFocus(editor)) {
-          editor.focus();
-        }
-        restoreFakeSelection(editor);
-        editor.nodeChanged();
-      }
-    };
-    const isReadOnly = editor => editor.readonly;
-    const registerFilters = editor => {
-      editor.parser.addAttributeFilter('contenteditable', nodes => {
-        if (isReadOnly(editor)) {
-          each$e(nodes, node => {
-            node.attr(internalContentEditableAttr, node.attr('contenteditable'));
-            node.attr('contenteditable', 'false');
-          });
-        }
-      });
-      editor.serializer.addAttributeFilter(internalContentEditableAttr, nodes => {
-        if (isReadOnly(editor)) {
-          each$e(nodes, node => {
-            node.attr('contenteditable', node.attr(internalContentEditableAttr));
-          });
-        }
-      });
-      editor.serializer.addTempAttr(internalContentEditableAttr);
-    };
-    const registerReadOnlyContentFilters = editor => {
-      if (editor.serializer) {
-        registerFilters(editor);
       } else {
-        editor.on('PreInit', () => {
-          registerFilters(editor);
-        });
+        unsetEditorReadonly(editor, body);
       }
     };
+    const isReadOnly = editor => editor.readonly;
     const isClickEvent = e => e.type === 'click';
     const allowedEvents = ['copy'];
     const isReadOnlyAllowedEvent = e => contains$2(allowedEvents, e.type);
@@ -30328,16 +30382,32 @@
       }
     };
     const registerReadOnlySelectionBlockers = editor => {
-      editor.on('ShowCaret', e => {
+      editor.on('beforeinput paste cut dragend dragover draggesture dragdrop drop drag', e => {
         if (isReadOnly(editor)) {
           e.preventDefault();
         }
       });
-      editor.on('ObjectSelected', e => {
-        if (isReadOnly(editor)) {
+      editor.on('BeforeExecCommand', e => {
+        if ((e.command === 'Undo' || e.command === 'Redo') && isReadOnly(editor)) {
           e.preventDefault();
         }
       });
+      editor.on('input', e => {
+        if (!e.isComposing && isReadOnly(editor)) {
+          const undoLevel = editor.undoManager.add();
+          if (isNonNullable(undoLevel)) {
+            editor.undoManager.undo();
+          }
+        }
+      });
+      editor.on('compositionend', () => {
+        if (isReadOnly(editor)) {
+          const undoLevel = editor.undoManager.add();
+          if (isNonNullable(undoLevel)) {
+            editor.undoManager.undo();
+          }
+        }
+      });
     };
 
     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', ' ');
@@ -30531,7 +30601,7 @@
       }
       return editor.getBody();
     };
-    const isListening = editor => !editor.hidden && !isReadOnly(editor);
+    const isListening = editor => !editor.hidden;
     const fireEvent = (editor, eventName, e) => {
       if (isListening(editor)) {
         editor.dispatch(eventName, e);
@@ -30850,7 +30920,6 @@
           editorReadOnly: true
         }
       });
-      registerReadOnlyContentFilters(editor);
       registerReadOnlySelectionBlockers(editor);
       return {
         isReadOnly: () => isReadOnly(editor),
@@ -31026,6 +31095,7 @@
       const icons = {};
       const contextMenus = {};
       const contextToolbars = {};
+      const contexts = {};
       const sidebars = {};
       const views = {};
       const add = (collection, type) => (name, spec) => {
@@ -31035,6 +31105,7 @@
         };
       };
       const addIcon = (name, svgData) => icons[name.toLowerCase()] = svgData;
+      const addContext = (name, pred) => contexts[name.toLowerCase()] = pred;
       return {
         addButton: add(buttons, 'button'),
         addGroupToolbarButton: add(buttons, 'grouptoolbarbutton'),
@@ -31051,6 +31122,7 @@
         addSidebar: add(sidebars, 'sidebar'),
         addView: add(views, 'views'),
         addIcon,
+        addContext,
         getAll: () => ({
           buttons,
           menuItems,
@@ -31059,7 +31131,8 @@
           contextMenus,
           contextToolbars,
           sidebars,
-          views
+          views,
+          contexts
         })
       };
     };
@@ -31082,6 +31155,7 @@
         addGroupToolbarButton: bridge.addGroupToolbarButton,
         addToggleMenuItem: bridge.addToggleMenuItem,
         addView: bridge.addView,
+        addContext: bridge.addContext,
         getAll: bridge.getAll
       };
     };
@@ -31518,8 +31592,8 @@
       documentBaseURL: null,
       suffix: null,
       majorVersion: '7',
-      minorVersion: '2.1',
-      releaseDate: '2024-07-03',
+      minorVersion: '4.0',
+      releaseDate: '2024-10-09',
       i18n: I18n,
       activeEditor: null,
       focusedEditor: null,