@lexical/selection 0.12.2 → 0.12.4

package/LexicalSelection.dev.js

@@ -24,30 +24,24 @@ const CSS_TO_STYLES = new Map();
  * LICENSE file in the root directory of this source tree.
  *
  */
-
 function getDOMTextNode(element) {
   let node = element;
-
   while (node != null) {
     if (node.nodeType === Node.TEXT_NODE) {
       return node;
     }
-
     node = node.firstChild;
   }
-
   return null;
 }
-
 function getDOMIndexWithinParent(node) {
   const parent = node.parentNode;
-
   if (parent == null) {
     throw new Error('Should never happen');
   }
-
   return [parent, Array.from(parent.childNodes).indexOf(node)];
 }
+
 /**
  * Creates a selection range for the DOM.
  * @param editor - The lexical editor.
@@ -57,8 +51,6 @@ function getDOMIndexWithinParent(node) {
  * @param _focusOffset - The amount of space offset from the focus to the anchor.
  * @returns The range of selection for the DOM that was created.
  */
-
-
 function createDOMRange(editor, anchorNode, _anchorOffset, focusNode, _focusOffset) {
   const anchorKey = anchorNode.getKey();
   const focusKey = focusNode.getKey();
@@ -67,154 +59,129 @@ function createDOMRange(editor, anchorNode, _anchorOffset, focusNode, _focusOffs
   let focusDOM = editor.getElementByKey(focusKey);
   let anchorOffset = _anchorOffset;
   let focusOffset = _focusOffset;
-
   if (lexical.$isTextNode(anchorNode)) {
     anchorDOM = getDOMTextNode(anchorDOM);
   }
-
   if (lexical.$isTextNode(focusNode)) {
     focusDOM = getDOMTextNode(focusDOM);
   }
-
   if (anchorNode === undefined || focusNode === undefined || anchorDOM === null || focusDOM === null) {
     return null;
   }
-
   if (anchorDOM.nodeName === 'BR') {
     [anchorDOM, anchorOffset] = getDOMIndexWithinParent(anchorDOM);
   }
-
   if (focusDOM.nodeName === 'BR') {
     [focusDOM, focusOffset] = getDOMIndexWithinParent(focusDOM);
   }
-
   const firstChild = anchorDOM.firstChild;
-
   if (anchorDOM === focusDOM && firstChild != null && firstChild.nodeName === 'BR' && anchorOffset === 0 && focusOffset === 0) {
     focusOffset = 1;
   }
-
   try {
     range.setStart(anchorDOM, anchorOffset);
     range.setEnd(focusDOM, focusOffset);
   } catch (e) {
     return null;
   }
-
   if (range.collapsed && (anchorOffset !== focusOffset || anchorKey !== focusKey)) {
     // Range is backwards, we need to reverse it
     range.setStart(focusDOM, focusOffset);
     range.setEnd(anchorDOM, anchorOffset);
   }
-
   return range;
 }
+
 /**
  * Creates DOMRects, generally used to help the editor find a specific location on the screen.
  * @param editor - The lexical editor
  * @param range - A fragment of a document that can contain nodes and parts of text nodes.
  * @returns The selectionRects as an array.
  */
-
 function createRectsFromDOMRange(editor, range) {
   const rootElement = editor.getRootElement();
-
   if (rootElement === null) {
     return [];
   }
-
   const rootRect = rootElement.getBoundingClientRect();
   const computedStyle = getComputedStyle(rootElement);
   const rootPadding = parseFloat(computedStyle.paddingLeft) + parseFloat(computedStyle.paddingRight);
   const selectionRects = Array.from(range.getClientRects());
-  let selectionRectsLength = selectionRects.length; //sort rects from top left to bottom right.
-
+  let selectionRectsLength = selectionRects.length;
+  //sort rects from top left to bottom right.
   selectionRects.sort((a, b) => {
-    const top = a.top - b.top; // Some rects match position closely, but not perfectly,
+    const top = a.top - b.top;
+    // Some rects match position closely, but not perfectly,
     // so we give a 3px tolerance.
-
     if (Math.abs(top) <= 3) {
       return a.left - b.left;
     }
-
     return top;
   });
   let prevRect;
-
   for (let i = 0; i < selectionRectsLength; i++) {
-    const selectionRect = selectionRects[i]; // Exclude rects that overlap preceding Rects in the sorted list.
-
-    const isOverlappingRect = prevRect && prevRect.top <= selectionRect.top && prevRect.top + prevRect.height > selectionRect.top && prevRect.left + prevRect.width > selectionRect.left; // Exclude selections that span the entire element
-
+    const selectionRect = selectionRects[i];
+    // Exclude rects that overlap preceding Rects in the sorted list.
+    const isOverlappingRect = prevRect && prevRect.top <= selectionRect.top && prevRect.top + prevRect.height > selectionRect.top && prevRect.left + prevRect.width > selectionRect.left;
+    // Exclude selections that span the entire element
     const selectionSpansElement = selectionRect.width + rootPadding === rootRect.width;
-
     if (isOverlappingRect || selectionSpansElement) {
       selectionRects.splice(i--, 1);
       selectionRectsLength--;
       continue;
     }
-
     prevRect = selectionRect;
   }
-
   return selectionRects;
 }
+
 /**
  * Creates an object containing all the styles and their values provided in the CSS string.
  * @param css - The CSS string of styles and their values.
  * @returns The styleObject containing all the styles and their values.
  */
-
 function getStyleObjectFromRawCSS(css) {
   const styleObject = {};
   const styles = css.split(';');
-
   for (const style of styles) {
     if (style !== '') {
       const [key, value] = style.split(/:([^]+)/); // split on first colon
-
       styleObject[key.trim()] = value.trim();
     }
   }
-
   return styleObject;
 }
+
 /**
  * Given a CSS string, returns an object from the style cache.
  * @param css - The CSS property as a string.
  * @returns The value of the given CSS property.
  */
-
 function getStyleObjectFromCSS(css) {
   let value = CSS_TO_STYLES.get(css);
-
   if (value === undefined) {
     value = getStyleObjectFromRawCSS(css);
     CSS_TO_STYLES.set(css, value);
   }
-
   {
     // Freeze the value in DEV to prevent accidental mutations
     Object.freeze(value);
   }
-
   return value;
 }
+
 /**
  * Gets the CSS styles from the style object.
  * @param styles - The style object containing the styles to get.
  * @returns A string containing the CSS styles and their values.
  */
-
 function getCSSFromStyleObject(styles) {
   let css = '';
-
   for (const style in styles) {
     if (style) {
       css += `${style}: ${styles[style]};`;
     }
   }
-
   return css;
 }
 
@@ -225,7 +192,6 @@ function getCSSFromStyleObject(styles) {
  * LICENSE file in the root directory of this source tree.
  *
  */
-
 function $updateElementNodeProperties(target, source) {
   target.__first = source.__first;
   target.__last = source.__last;
@@ -235,7 +201,6 @@ function $updateElementNodeProperties(target, source) {
   target.__dir = source.__dir;
   return target;
 }
-
 function $updateTextNodeProperties(target, source) {
   target.__format = source.__format;
   target.__style = source.__style;
@@ -243,31 +208,28 @@ function $updateTextNodeProperties(target, source) {
   target.__detail = source.__detail;
   return target;
 }
+
 /**
  * Returns a copy of a node, but generates a new key for the copy.
  * @param node - The node to be cloned.
  * @returns The clone of the node.
  */
-
-
 function $cloneWithProperties(node) {
-  const constructor = node.constructor; // @ts-expect-error
-
+  const constructor = node.constructor;
+  // @ts-expect-error
   const clone = constructor.clone(node);
   clone.__parent = node.__parent;
   clone.__next = node.__next;
   clone.__prev = node.__prev;
-
   if (lexical.$isElementNode(node) && lexical.$isElementNode(clone)) {
     return $updateElementNodeProperties(clone, node);
   }
-
   if (lexical.$isTextNode(node) && lexical.$isTextNode(clone)) {
     return $updateTextNodeProperties(clone, node);
   }
-
   return clone;
 }
+
 /**
  * Generally used to append text content to HTML and JSON. Grabs the text content and "slices"
  * it to be generated into the new TextNode.
@@ -275,14 +237,12 @@ function $cloneWithProperties(node) {
  * @param textNode - The TextNode to be edited.
  * @returns The updated TextNode.
  */
-
 function $sliceSelectedTextNodeContent(selection, textNode) {
   if (textNode.isSelected() && !textNode.isSegmented() && !textNode.isToken() && (lexical.$isRangeSelection(selection) || lexical.DEPRECATED_$isGridSelection(selection))) {
     const anchorNode = selection.anchor.getNode();
     const focusNode = selection.focus.getNode();
     const isAnchor = textNode.is(anchorNode);
     const isFocus = textNode.is(focusNode);
-
     if (isAnchor || isFocus) {
       const isBackward = selection.isBackward();
       const [anchorOffset, focusOffset] = selection.getCharacterOffsets();
@@ -291,7 +251,6 @@ function $sliceSelectedTextNodeContent(selection, textNode) {
       const isLast = textNode.is(isBackward ? anchorNode : focusNode);
       let startOffset = 0;
       let endOffset = undefined;
-
       if (isSame) {
         startOffset = anchorOffset > focusOffset ? focusOffset : anchorOffset;
         endOffset = anchorOffset > focusOffset ? anchorOffset : focusOffset;
@@ -304,27 +263,25 @@ function $sliceSelectedTextNodeContent(selection, textNode) {
         startOffset = 0;
         endOffset = offset;
       }
-
       textNode.__text = textNode.__text.slice(startOffset, endOffset);
       return textNode;
     }
   }
-
   return textNode;
 }
+
 /**
  * Determines if the current selection is at the end of the node.
  * @param point - The point of the selection to test.
  * @returns true if the provided point offset is in the last possible position, false otherwise.
  */
-
 function $isAtNodeEnd(point) {
   if (point.type === 'text') {
     return point.offset === point.getNode().getTextContentSize();
   }
-
   return point.offset === point.getNode().getChildrenSize();
 }
+
 /**
  * Trims text from a node in order to shorten it, eg. to enforce a text's max length. If it deletes text
  * that is an ancestor of the anchor then it will leave 2 indents, otherwise, if no text content exists, it deletes
@@ -333,89 +290,72 @@ function $isAtNodeEnd(point) {
  * @param anchor - The anchor of the current selection, where the selection should be pointing.
  * @param delCount - The amount of characters to delete. Useful as a dynamic variable eg. textContentSize - maxLength;
  */
-
 function trimTextContentFromAnchor(editor, anchor, delCount) {
   // Work from the current selection anchor point
   let currentNode = anchor.getNode();
   let remaining = delCount;
-
   if (lexical.$isElementNode(currentNode)) {
     const descendantNode = currentNode.getDescendantByIndex(anchor.offset);
-
     if (descendantNode !== null) {
       currentNode = descendantNode;
     }
   }
-
   while (remaining > 0 && currentNode !== null) {
+    if (lexical.$isElementNode(currentNode)) {
+      const lastDescendant = currentNode.getLastDescendant();
+      if (lastDescendant !== null) {
+        currentNode = lastDescendant;
+      }
+    }
     let nextNode = currentNode.getPreviousSibling();
     let additionalElementWhitespace = 0;
-
     if (nextNode === null) {
       let parent = currentNode.getParentOrThrow();
       let parentSibling = parent.getPreviousSibling();
-
       while (parentSibling === null) {
         parent = parent.getParent();
-
         if (parent === null) {
           nextNode = null;
           break;
         }
-
         parentSibling = parent.getPreviousSibling();
       }
-
       if (parent !== null) {
         additionalElementWhitespace = parent.isInline() ? 0 : 2;
-
-        if (lexical.$isElementNode(parentSibling)) {
-          nextNode = parentSibling.getLastDescendant();
-        } else {
-          nextNode = parentSibling;
-        }
+        nextNode = parentSibling;
       }
     }
-
-    let text = currentNode.getTextContent(); // If the text is empty, we need to consider adding in two line breaks to match
+    let text = currentNode.getTextContent();
+    // If the text is empty, we need to consider adding in two line breaks to match
     // the content if we were to get it from its parent.
-
     if (text === '' && lexical.$isElementNode(currentNode) && !currentNode.isInline()) {
       // TODO: should this be handled in core?
       text = '\n\n';
     }
-
     const currentNodeSize = text.length;
-
     if (!lexical.$isTextNode(currentNode) || remaining >= currentNodeSize) {
       const parent = currentNode.getParent();
       currentNode.remove();
-
       if (parent != null && parent.getChildrenSize() === 0 && !lexical.$isRootNode(parent)) {
         parent.remove();
       }
-
       remaining -= currentNodeSize + additionalElementWhitespace;
       currentNode = nextNode;
     } else {
-      const key = currentNode.getKey(); // See if we can just revert it to what was in the last editor state
-
+      const key = currentNode.getKey();
+      // See if we can just revert it to what was in the last editor state
       const prevTextContent = editor.getEditorState().read(() => {
         const prevNode = lexical.$getNodeByKey(key);
-
         if (lexical.$isTextNode(prevNode) && prevNode.isSimpleText()) {
           return prevNode.getTextContent();
         }
-
         return null;
       });
       const offset = currentNodeSize - remaining;
       const slicedText = text.slice(0, offset);
-
       if (prevTextContent !== null && prevTextContent !== text) {
         const prevSelection = lexical.$getPreviousSelection();
         let target = currentNode;
-
         if (!currentNode.isSimpleText()) {
           const textNode = lexical.$createTextNode(prevTextContent);
           currentNode.replace(textNode);
@@ -423,7 +363,6 @@ function trimTextContentFromAnchor(editor, anchor, delCount) {
         } else {
           currentNode.setTextContent(prevTextContent);
         }
-
         if (lexical.$isRangeSelection(prevSelection) && prevSelection.isCollapsed()) {
           const prevOffset = prevSelection.anchor.offset;
           target.select(prevOffset, prevOffset);
@@ -431,16 +370,14 @@ function trimTextContentFromAnchor(editor, anchor, delCount) {
       } else if (currentNode.isSimpleText()) {
         // Split text
         const isSelected = anchor.key === key;
-        let anchorOffset = anchor.offset; // Move offset to end if it's less than the remaining number, otherwise
+        let anchorOffset = anchor.offset;
+        // Move offset to end if it's less than the remaining number, otherwise
         // we'll have a negative splitStart.
-
         if (anchorOffset < remaining) {
           anchorOffset = currentNodeSize;
         }
-
         const splitStart = isSelected ? anchorOffset - remaining : 0;
         const splitEnd = isSelected ? anchorOffset : offset;
-
         if (isSelected && splitStart === 0) {
           const [excessNode] = currentNode.splitText(splitStart, splitEnd);
           excessNode.remove();
@@ -452,22 +389,20 @@ function trimTextContentFromAnchor(editor, anchor, delCount) {
         const textNode = lexical.$createTextNode(slicedText);
         currentNode.replace(textNode);
       }
-
       remaining = 0;
     }
   }
 }
+
 /**
  * Gets the TextNode's style object and adds the styles to the CSS.
  * @param node - The TextNode to add styles to.
  */
-
 function $addNodeStyle(node) {
   const CSSText = node.getStyle();
   const styles = getStyleObjectFromRawCSS(CSSText);
   CSS_TO_STYLES.set(CSSText, styles);
 }
-
 function $patchStyle(target, patch) {
   const prevStyles = getStyleObjectFromCSS('getStyle' in target ? target.getStyle() : target.style);
   const newStyles = Object.entries(patch).reduce((styles, [key, value]) => {
@@ -476,14 +411,15 @@ function $patchStyle(target, patch) {
     } else {
       styles[key] = value;
     }
-
     return styles;
-  }, { ...prevStyles
+  }, {
+    ...prevStyles
   } || {});
   const newCSSText = getCSSFromStyleObject(newStyles);
   target.setStyle(newCSSText);
   CSS_TO_STYLES.set(newCSSText, newStyles);
 }
+
 /**
  * Applies the provided styles to the TextNodes in the provided Selection.
  * Will update partially selected TextNodes by splitting the TextNode and applying
@@ -491,40 +427,31 @@ function $patchStyle(target, patch) {
  * @param selection - The selected node(s) to update.
  * @param patch - The patch to apply, which can include multiple styles. { CSSProperty: value }
  */
-
-
 function $patchStyleText(selection, patch) {
   const selectedNodes = selection.getNodes();
   const selectedNodesLength = selectedNodes.length;
-
   if (lexical.DEPRECATED_$isGridSelection(selection)) {
     const cellSelection = lexical.$createRangeSelection();
     const cellSelectionAnchor = cellSelection.anchor;
     const cellSelectionFocus = cellSelection.focus;
-
     for (let i = 0; i < selectedNodesLength; i++) {
       const node = selectedNodes[i];
-
       if (lexical.DEPRECATED_$isGridCellNode(node)) {
         cellSelectionAnchor.set(node.getKey(), 0, 'element');
         cellSelectionFocus.set(node.getKey(), node.getChildrenSize(), 'element');
         $patchStyleText(lexical.$normalizeSelection__EXPERIMENTAL(cellSelection), patch);
       }
     }
-
     lexical.$setSelection(selection);
     return;
   }
-
   const lastIndex = selectedNodesLength - 1;
   let firstNode = selectedNodes[0];
   let lastNode = selectedNodes[lastIndex];
-
   if (selection.isCollapsed()) {
     $patchStyle(selection, patch);
     return;
   }
-
   const anchor = selection.anchor;
   const focus = selection.focus;
   const firstNodeText = firstNode.getTextContent();
@@ -536,31 +463,32 @@ function $patchStyleText(selection, patch) {
   let endOffset = isBefore ? focusOffset : anchorOffset;
   const startType = isBefore ? anchor.type : focus.type;
   const endType = isBefore ? focus.type : anchor.type;
-  const endKey = isBefore ? focus.key : anchor.key; // This is the case where the user only selected the very end of the
-  // first node so we don't want to include it in the formatting change.
+  const endKey = isBefore ? focus.key : anchor.key;
 
+  // This is the case where the user only selected the very end of the
+  // first node so we don't want to include it in the formatting change.
   if (lexical.$isTextNode(firstNode) && startOffset === firstNodeTextLength) {
     const nextSibling = firstNode.getNextSibling();
-
     if (lexical.$isTextNode(nextSibling)) {
       // we basically make the second node the firstNode, changing offsets accordingly
       anchorOffset = 0;
       startOffset = 0;
       firstNode = nextSibling;
     }
-  } // This is the case where we only selected a single node
-
+  }
 
+  // This is the case where we only selected a single node
   if (selectedNodes.length === 1) {
     if (lexical.$isTextNode(firstNode)) {
       startOffset = startType === 'element' ? 0 : anchorOffset > focusOffset ? focusOffset : anchorOffset;
-      endOffset = endType === 'element' ? firstNodeTextLength : anchorOffset > focusOffset ? anchorOffset : focusOffset; // No actual text is selected, so do nothing.
+      endOffset = endType === 'element' ? firstNodeTextLength : anchorOffset > focusOffset ? anchorOffset : focusOffset;
 
+      // No actual text is selected, so do nothing.
       if (startOffset === endOffset) {
         return;
-      } // The entire node is selected, so just format it
-
+      }
 
+      // The entire node is selected, so just format it
       if (startOffset === 0 && endOffset === firstNodeTextLength) {
         $patchStyle(firstNode, patch);
         firstNode.select(startOffset, endOffset);
@@ -573,44 +501,41 @@ function $patchStyleText(selection, patch) {
         replacement.select(0, endOffset - startOffset);
       }
     } // multiple nodes selected.
-
   } else {
     if (lexical.$isTextNode(firstNode) && startOffset < firstNode.getTextContentSize()) {
       if (startOffset !== 0) {
         // the entire first node isn't selected, so split it
         firstNode = firstNode.splitText(startOffset)[1];
         startOffset = 0;
+        anchor.set(firstNode.getKey(), startOffset, 'text');
       }
-
       $patchStyle(firstNode, patch);
     }
-
     if (lexical.$isTextNode(lastNode)) {
       const lastNodeText = lastNode.getTextContent();
-      const lastNodeTextLength = lastNodeText.length; // The last node might not actually be the end node
+      const lastNodeTextLength = lastNodeText.length;
+
+      // The last node might not actually be the end node
       //
       // If not, assume the last node is fully-selected unless the end offset is
       // zero.
-
       if (lastNode.__key !== endKey && endOffset !== 0) {
         endOffset = lastNodeTextLength;
-      } // if the entire last node isn't selected, split it
-
+      }
 
+      // if the entire last node isn't selected, split it
       if (endOffset !== lastNodeTextLength) {
         [lastNode] = lastNode.splitText(endOffset);
       }
-
       if (endOffset !== 0) {
         $patchStyle(lastNode, patch);
       }
-    } // style all the text nodes in between
-
+    }
 
+    // style all the text nodes in between
     for (let i = 1; i < lastIndex; i++) {
       const selectedNode = selectedNodes[i];
       const selectedNodeKey = selectedNode.getKey();
-
       if (lexical.$isTextNode(selectedNode) && selectedNodeKey !== firstNode.getKey() && selectedNodeKey !== lastNode.getKey() && !selectedNode.isToken()) {
         $patchStyle(selectedNode, patch);
       }
@@ -625,84 +550,55 @@ function $patchStyleText(selection, patch) {
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 /**
  * Converts all nodes in the selection that are of one block type to another.
  * @param selection - The selected blocks to be converted.
  * @param createElement - The function that creates the node. eg. $createParagraphNode.
  */
-
 function $setBlocksType(selection, createElement) {
   if (selection.anchor.key === 'root') {
     const element = createElement();
     const root = lexical.$getRoot();
     const firstChild = root.getFirstChild();
-
     if (firstChild) {
       firstChild.replace(element, true);
     } else {
       root.append(element);
     }
-
     return;
   }
-
   const nodes = selection.getNodes();
-  let maybeBlock = selection.anchor.getNode().getParentOrThrow();
-
-  if (nodes.indexOf(maybeBlock) === -1) {
-    nodes.push(maybeBlock);
-  }
-
-  if (maybeBlock.isInline()) {
-    maybeBlock = maybeBlock.getParentOrThrow();
-
-    if (nodes.indexOf(maybeBlock) === -1) {
-      nodes.push(maybeBlock);
-    }
+  const firstSelectedBlock = $getAncestor(selection.anchor.getNode(), INTERNAL_$isBlock);
+  if (firstSelectedBlock && nodes.indexOf(firstSelectedBlock) === -1) {
+    nodes.push(firstSelectedBlock);
   }
-
   for (let i = 0; i < nodes.length; i++) {
     const node = nodes[i];
-
-    if (!isBlock(node)) {
+    if (!INTERNAL_$isBlock(node)) {
       continue;
     }
-
     const targetElement = createElement();
     targetElement.setFormat(node.getFormatType());
     targetElement.setIndent(node.getIndent());
     node.replace(targetElement, true);
   }
 }
-
-function isBlock(node) {
-  if (!lexical.$isElementNode(node) || lexical.$isRootOrShadowRoot(node)) {
-    return false;
-  }
-
-  const firstChild = node.getFirstChild();
-  const isLeafElement = firstChild === null || lexical.$isLineBreakNode(firstChild) || lexical.$isTextNode(firstChild) || firstChild.isInline();
-  return !node.isInline() && node.canBeEmpty() !== false && isLeafElement;
-}
-
 function isPointAttached(point) {
   return point.getNode().isAttached();
 }
-
 function $removeParentEmptyElements(startingNode) {
   let node = startingNode;
-
   while (node !== null && !lexical.$isRootOrShadowRoot(node)) {
     const latest = node.getLatest();
     const parentNode = node.getParent();
-
     if (latest.getChildrenSize() === 0) {
       node.remove(true);
     }
-
     node = parentNode;
   }
 }
+
 /**
  * @deprecated
  * Wraps all nodes in the selection into another node of the type returned by createElement.
@@ -710,13 +606,10 @@ function $removeParentEmptyElements(startingNode) {
  * @param createElement - A function that creates the wrapping ElementNode. eg. $createParagraphNode.
  * @param wrappingElement - An element to append the wrapped selection and its children to.
  */
-
-
 function $wrapNodes(selection, createElement, wrappingElement = null) {
   const nodes = selection.getNodes();
   const nodesLength = nodes.length;
   const anchor = selection.anchor;
-
   if (nodesLength === 0 || nodesLength === 1 && anchor.type === 'element' && anchor.getNode().getChildrenSize() === 0) {
     const target = anchor.type === 'text' ? anchor.getNode().getParentOrThrow() : anchor.getNode();
     const children = target.getChildren();
@@ -724,24 +617,20 @@ function $wrapNodes(selection, createElement, wrappingElement = null) {
     element.setFormat(target.getFormatType());
     element.setIndent(target.getIndent());
     children.forEach(child => element.append(child));
-
     if (wrappingElement) {
       element = wrappingElement.append(element);
     }
-
     target.replace(element);
     return;
   }
-
   let topLevelNode = null;
   let descendants = [];
-
   for (let i = 0; i < nodesLength; i++) {
-    const node = nodes[i]; // Determine whether wrapping has to be broken down into multiple chunks. This can happen if the
+    const node = nodes[i];
+    // Determine whether wrapping has to be broken down into multiple chunks. This can happen if the
     // user selected multiple Root-like nodes that have to be treated separately as if they are
     // their own branch. I.e. you don't want to wrap a whole table, but rather the contents of each
     // of each of the cell nodes.
-
     if (lexical.$isRootOrShadowRoot(node)) {
       $wrapNodesImpl(selection, descendants, descendants.length, createElement, wrappingElement);
       descendants = [];
@@ -753,9 +642,9 @@ function $wrapNodes(selection, createElement, wrappingElement = null) {
       descendants = [node];
     }
   }
-
   $wrapNodesImpl(selection, descendants, descendants.length, createElement, wrappingElement);
 }
+
 /**
  * Wraps each node into a new ElementNode.
  * @param selection - The selection of nodes to wrap.
@@ -765,80 +654,67 @@ function $wrapNodes(selection, createElement, wrappingElement = null) {
  * @param wrappingElement - An element to wrap all the nodes into.
  * @returns
  */
-
 function $wrapNodesImpl(selection, nodes, nodesLength, createElement, wrappingElement = null) {
   if (nodes.length === 0) {
     return;
   }
-
   const firstNode = nodes[0];
   const elementMapping = new Map();
-  const elements = []; // The below logic is to find the right target for us to
+  const elements = [];
+  // The below logic is to find the right target for us to
   // either insertAfter/insertBefore/append the corresponding
   // elements to. This is made more complicated due to nested
   // structures.
-
   let target = lexical.$isElementNode(firstNode) ? firstNode : firstNode.getParentOrThrow();
-
   if (target.isInline()) {
     target = target.getParentOrThrow();
   }
-
   let targetIsPrevSibling = false;
-
   while (target !== null) {
     const prevSibling = target.getPreviousSibling();
-
     if (prevSibling !== null) {
       target = prevSibling;
       targetIsPrevSibling = true;
       break;
     }
-
     target = target.getParentOrThrow();
-
     if (lexical.$isRootOrShadowRoot(target)) {
       break;
     }
   }
+  const emptyElements = new Set();
 
-  const emptyElements = new Set(); // Find any top level empty elements
-
+  // Find any top level empty elements
   for (let i = 0; i < nodesLength; i++) {
     const node = nodes[i];
-
     if (lexical.$isElementNode(node) && node.getChildrenSize() === 0) {
       emptyElements.add(node.getKey());
     }
   }
+  const movedNodes = new Set();
 
-  const movedNodes = new Set(); // Move out all leaf nodes into our elements array.
+  // Move out all leaf nodes into our elements array.
   // If we find a top level empty element, also move make
   // an element for that.
-
   for (let i = 0; i < nodesLength; i++) {
     const node = nodes[i];
     let parent = node.getParent();
-
     if (parent !== null && parent.isInline()) {
       parent = parent.getParent();
     }
-
     if (parent !== null && lexical.$isLeafNode(node) && !movedNodes.has(node.getKey())) {
       const parentKey = parent.getKey();
-
       if (elementMapping.get(parentKey) === undefined) {
         const targetElement = createElement();
         targetElement.setFormat(parent.getFormatType());
         targetElement.setIndent(parent.getIndent());
         elements.push(targetElement);
-        elementMapping.set(parentKey, targetElement); // Move node and its siblings to the new
+        elementMapping.set(parentKey, targetElement);
+        // Move node and its siblings to the new
         // element.
-
         parent.getChildren().forEach(child => {
           targetElement.append(child);
           movedNodes.add(child.getKey());
-
           if (lexical.$isElementNode(child)) {
             // Skip nested leaf nodes if the parent has already been moved
             child.getChildrenKeys().forEach(key => movedNodes.add(key));
@@ -854,17 +730,16 @@ function $wrapNodesImpl(selection, nodes, nodesLength, createElement, wrappingEl
       node.remove(true);
     }
   }
-
   if (wrappingElement !== null) {
     for (let i = 0; i < elements.length; i++) {
       const element = elements[i];
       wrappingElement.append(element);
     }
   }
+  let lastElement = null;
 
-  let lastElement = null; // If our target is Root-like, let's see if we can re-adjust
+  // If our target is Root-like, let's see if we can re-adjust
   // so that the target is the first child instead.
-
   if (lexical.$isRootOrShadowRoot(target)) {
     if (targetIsPrevSibling) {
       if (wrappingElement !== null) {
@@ -877,11 +752,9 @@ function $wrapNodesImpl(selection, nodes, nodesLength, createElement, wrappingEl
       }
     } else {
       const firstChild = target.getFirstChild();
-
       if (lexical.$isElementNode(firstChild)) {
         target = firstChild;
       }
-
       if (firstChild === null) {
         if (wrappingElement) {
           target.append(wrappingElement);
@@ -915,9 +788,7 @@ function $wrapNodesImpl(selection, nodes, nodesLength, createElement, wrappingEl
       }
     }
   }
-
   const prevSelection = lexical.$getPreviousSelection();
-
   if (lexical.$isRangeSelection(prevSelection) && isPointAttached(prevSelection.anchor) && isPointAttached(prevSelection.focus)) {
     lexical.$setSelection(prevSelection.clone());
   } else if (lastElement !== null) {
@@ -926,17 +797,18 @@ function $wrapNodesImpl(selection, nodes, nodesLength, createElement, wrappingEl
     selection.dirty = true;
   }
 }
+
 /**
  * Determines if the default character selection should be overridden. Used with DecoratorNodes
  * @param selection - The selection whose default character selection may need to be overridden.
  * @param isBackward - Is the selection backwards (the focus comes before the anchor)?
  * @returns true if it should be overridden, false if not.
  */
-
 function $shouldOverrideDefaultCharacterSelection(selection, isBackward) {
   const possibleNode = lexical.$getAdjacentNode(selection.focus, isBackward);
   return lexical.$isDecoratorNode(possibleNode) && !possibleNode.isIsolated() || lexical.$isElementNode(possibleNode) && !possibleNode.isInline() && !possibleNode.canBeEmpty();
 }
+
 /**
  * Moves the selection according to the arguments.
  * @param selection - The selected text or nodes.
@@ -944,37 +816,36 @@ function $shouldOverrideDefaultCharacterSelection(selection, isBackward) {
  * @param isBackward - Is the selection selected backwards (the focus comes before the anchor)?
  * @param granularity - The distance to adjust the current selection.
  */
-
 function $moveCaretSelection(selection, isHoldingShift, isBackward, granularity) {
   selection.modify(isHoldingShift ? 'extend' : 'move', isBackward, granularity);
 }
+
 /**
  * Tests a parent element for right to left direction.
  * @param selection - The selection whose parent is to be tested.
  * @returns true if the selections' parent element has a direction of 'rtl' (right to left), false otherwise.
  */
-
 function $isParentElementRTL(selection) {
   const anchorNode = selection.anchor.getNode();
   const parent = lexical.$isRootNode(anchorNode) ? anchorNode : anchorNode.getParentOrThrow();
   return parent.getDirection() === 'rtl';
 }
+
 /**
  * Moves selection by character according to arguments.
  * @param selection - The selection of the characters to move.
  * @param isHoldingShift - Is the shift key being held down during the operation.
  * @param isBackward - Is the selection backward (the focus comes before the anchor)?
  */
-
 function $moveCharacter(selection, isHoldingShift, isBackward) {
   const isRTL = $isParentElementRTL(selection);
   $moveCaretSelection(selection, isHoldingShift, isBackward ? !isRTL : isRTL, 'character');
 }
+
 /**
  * Expands the current Selection to cover all of the content in the editor.
  * @param selection - The current selection.
  */
-
 function $selectAll(selection) {
   const anchor = selection.anchor;
   const focus = selection.focus;
@@ -986,25 +857,23 @@ function $selectAll(selection) {
   let firstType = 'element';
   let lastType = 'element';
   let lastOffset = 0;
-
   if (lexical.$isTextNode(firstNode)) {
     firstType = 'text';
   } else if (!lexical.$isElementNode(firstNode) && firstNode !== null) {
     firstNode = firstNode.getParentOrThrow();
   }
-
   if (lexical.$isTextNode(lastNode)) {
     lastType = 'text';
     lastOffset = lastNode.getTextContentSize();
   } else if (!lexical.$isElementNode(lastNode) && lastNode !== null) {
     lastNode = lastNode.getParentOrThrow();
   }
-
   if (firstNode && lastNode) {
     anchor.set(firstNode.getKey(), 0, firstType);
     focus.set(lastNode.getKey(), lastOffset, lastType);
   }
 }
+
 /**
  * Returns the current value of a CSS property for Nodes, if set. If not set, it returns the defaultValue.
  * @param node - The node whose style value to get.
@@ -1012,17 +881,15 @@ function $selectAll(selection) {
  * @param defaultValue - The default value for the property.
  * @returns The value of the property for node.
  */
-
 function $getNodeStyleValueForProperty(node, styleProperty, defaultValue) {
   const css = node.getStyle();
   const styleObject = getStyleObjectFromCSS(css);
-
   if (styleObject !== null) {
     return styleObject[styleProperty] || defaultValue;
   }
-
   return defaultValue;
 }
+
 /**
  * Returns the current value of a CSS property for TextNodes in the Selection, if set. If not set, it returns the defaultValue.
  * If all TextNodes do not have the same value, it returns an empty string.
@@ -1031,8 +898,6 @@ function $getNodeStyleValueForProperty(node, styleProperty, defaultValue) {
  * @param defaultValue - The default value for the property, defaults to an empty string.
  * @returns The value of the property for the selected TextNodes.
  */
-
-
 function $getSelectionStyleValueForProperty(selection, styleProperty, defaultValue = '') {
   let styleValue = null;
   const nodes = selection.getNodes();
@@ -1041,28 +906,24 @@ function $getSelectionStyleValueForProperty(selection, styleProperty, defaultVal
   const isBackward = selection.isBackward();
   const endOffset = isBackward ? focus.offset : anchor.offset;
   const endNode = isBackward ? focus.getNode() : anchor.getNode();
-
-  if (selection.style !== '') {
+  if (selection.isCollapsed() && selection.style !== '') {
     const css = selection.style;
     const styleObject = getStyleObjectFromCSS(css);
-
     if (styleObject !== null && styleProperty in styleObject) {
       return styleObject[styleProperty];
     }
   }
-
   for (let i = 0; i < nodes.length; i++) {
-    const node = nodes[i]; // if no actual characters in the end node are selected, we don't
+    const node = nodes[i];
+
+    // if no actual characters in the end node are selected, we don't
     // include it in the selection for purposes of determining style
     // value
-
     if (i !== 0 && endOffset === 0 && node.is(endNode)) {
       continue;
     }
-
     if (lexical.$isTextNode(node)) {
       const nodeStyleValue = $getNodeStyleValueForProperty(node, styleProperty, defaultValue);
-
       if (styleValue === null) {
         styleValue = nodeStyleValue;
       } else if (styleValue !== nodeStyleValue) {
@@ -1073,10 +934,32 @@ function $getSelectionStyleValueForProperty(selection, styleProperty, defaultVal
       }
     }
   }
-
   return styleValue === null ? defaultValue : styleValue;
 }
 
+/**
+ * This function is for internal use of the library.
+ * Please do not use it as it may change in the future.
+ */
+function INTERNAL_$isBlock(node) {
+  if (lexical.$isDecoratorNode(node) && !node.isInline()) {
+    return true;
+  }
+  if (!lexical.$isElementNode(node) || lexical.$isRootOrShadowRoot(node)) {
+    return false;
+  }
+  const firstChild = node.getFirstChild();
+  const isLeafElement = firstChild === null || lexical.$isLineBreakNode(firstChild) || lexical.$isTextNode(firstChild) || firstChild.isInline();
+  return !node.isInline() && node.canBeEmpty() !== false && isLeafElement;
+}
+function $getAncestor(node, predicate) {
+  let parent = node;
+  while (parent !== null && parent.getParent() !== null && !predicate(parent)) {
+    parent = parent.getParentOrThrow();
+  }
+  return predicate(parent) ? parent : null;
+}
+
 exports.$addNodeStyle = $addNodeStyle;
 exports.$cloneWithProperties = $cloneWithProperties;
 exports.$getSelectionStyleValueForProperty = $getSelectionStyleValueForProperty;

package/LexicalSelection.prod.js

@@ -4,27 +4,27 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var k=require("lexical");let u=new Map;function v(a){for(;null!=a;){if(a.nodeType===Node.TEXT_NODE)return a;a=a.firstChild}return null}function w(a){let b=a.parentNode;if(null==b)throw Error("Should never happen");return[b,Array.from(b.childNodes).indexOf(a)]}function y(a){let b={};a=a.split(";");for(let c of a)if(""!==c){let [e,d]=c.split(/:([^]+)/);b[e.trim()]=d.trim()}return b}function z(a){let b=u.get(a);void 0===b&&(b=y(a),u.set(a,b));return b}
-function A(a){let b="";for(let c in a)c&&(b+=`${c}: ${a[c]};`);return b}function B(a,b){var c=z("getStyle"in a?a.getStyle():a.style);b=Object.entries(b).reduce((e,[d,f])=>{null===f?delete e[d]:e[d]=f;return e},{...c});c=A(b);a.setStyle(c);u.set(c,b)}
-function C(a,b){var c=a.getNodes(),e=c.length;if(k.DEPRECATED_$isGridSelection(a)){var d=k.$createRangeSelection(),f=d.anchor,h=d.focus;for(var g=0;g<e;g++){var l=c[g];k.DEPRECATED_$isGridCellNode(l)&&(f.set(l.getKey(),0,"element"),h.set(l.getKey(),l.getChildrenSize(),"element"),C(k.$normalizeSelection__EXPERIMENTAL(d),b))}k.$setSelection(a)}else if(--e,d=c[0],f=c[e],a.isCollapsed())B(a,b);else{var m=a.anchor,p=a.focus;g=d.getTextContent().length;l=p.offset;var n=m.offset,r=m.isBefore(p);h=r?n:l;
-a=r?l:n;var q=r?m.type:p.type,t=r?p.type:m.type;m=r?p.key:m.key;k.$isTextNode(d)&&h===g&&(p=d.getNextSibling(),k.$isTextNode(p)&&(h=n=0,d=p));if(1===c.length)k.$isTextNode(d)&&(h="element"===q?0:n>l?l:n,a="element"===t?g:n>l?n:l,h!==a&&(0===h&&a===g?(B(d,b),d.select(h,a)):(c=d.splitText(h,a),c=0===h?c[0]:c[1],B(c,b),c.select(0,a-h))));else for(k.$isTextNode(d)&&h<d.getTextContentSize()&&(0!==h&&(d=d.splitText(h)[1]),B(d,b)),k.$isTextNode(f)&&(h=f.getTextContent().length,f.__key!==m&&0!==a&&(a=h),
-a!==h&&([f]=f.splitText(a)),0!==a&&B(f,b)),a=1;a<e;a++)h=c[a],g=h.getKey(),k.$isTextNode(h)&&g!==d.getKey()&&g!==f.getKey()&&!h.isToken()&&B(h,b)}}function D(a){for(;null!==a&&!k.$isRootOrShadowRoot(a);){let b=a.getLatest(),c=a.getParent();0===b.getChildrenSize()&&a.remove(!0);a=c}}
-function E(a,b,c,e,d=null){if(0!==b.length){var f=b[0],h=new Map,g=[];f=k.$isElementNode(f)?f:f.getParentOrThrow();f.isInline()&&(f=f.getParentOrThrow());for(var l=!1;null!==f;){var m=f.getPreviousSibling();if(null!==m){f=m;l=!0;break}f=f.getParentOrThrow();if(k.$isRootOrShadowRoot(f))break}m=new Set;for(var p=0;p<c;p++){var n=b[p];k.$isElementNode(n)&&0===n.getChildrenSize()&&m.add(n.getKey())}var r=new Set;for(p=0;p<c;p++){n=b[p];var q=n.getParent();null!==q&&q.isInline()&&(q=q.getParent());if(null!==
-q&&k.$isLeafNode(n)&&!r.has(n.getKey())){if(n=q.getKey(),void 0===h.get(n)){let t=e();t.setFormat(q.getFormatType());t.setIndent(q.getIndent());g.push(t);h.set(n,t);q.getChildren().forEach(x=>{t.append(x);r.add(x.getKey());k.$isElementNode(x)&&x.getChildrenKeys().forEach(H=>r.add(H))});D(q)}}else m.has(n.getKey())&&(q=e(),q.setFormat(n.getFormatType()),q.setIndent(n.getIndent()),g.push(q),n.remove(!0))}if(null!==d)for(b=0;b<g.length;b++)d.append(g[b]);b=null;if(k.$isRootOrShadowRoot(f))if(l)if(null!==
-d)f.insertAfter(d);else for(d=g.length-1;0<=d;d--)f.insertAfter(g[d]);else if(l=f.getFirstChild(),k.$isElementNode(l)&&(f=l),null===l)if(d)f.append(d);else for(d=0;d<g.length;d++)l=g[d],f.append(l),b=l;else if(null!==d)l.insertBefore(d);else for(f=0;f<g.length;f++)d=g[f],l.insertBefore(d),b=d;else if(d)f.insertAfter(d);else for(d=g.length-1;0<=d;d--)l=g[d],f.insertAfter(l),b=l;g=k.$getPreviousSelection();k.$isRangeSelection(g)&&g.anchor.getNode().isAttached()&&g.focus.getNode().isAttached()?k.$setSelection(g.clone()):
-null!==b?b.selectEnd():a.dirty=!0}}function F(a,b,c,e){a.modify(b?"extend":"move",c,e)}function G(a){a=a.anchor.getNode();return"rtl"===(k.$isRootNode(a)?a:a.getParentOrThrow()).getDirection()}exports.$addNodeStyle=function(a){a=a.getStyle();let b=y(a);u.set(a,b)};
-exports.$cloneWithProperties=function(a){let b=a.constructor.clone(a);b.__parent=a.__parent;b.__next=a.__next;b.__prev=a.__prev;if(k.$isElementNode(a)&&k.$isElementNode(b))return b.__first=a.__first,b.__last=a.__last,b.__size=a.__size,b.__format=a.__format,b.__indent=a.__indent,b.__dir=a.__dir,b;k.$isTextNode(a)&&k.$isTextNode(b)&&(b.__format=a.__format,b.__style=a.__style,b.__mode=a.__mode,b.__detail=a.__detail);return b};
-exports.$getSelectionStyleValueForProperty=function(a,b,c=""){let e=null,d=a.getNodes();var f=a.anchor,h=a.focus,g=a.isBackward();let l=g?h.offset:f.offset;f=g?h.getNode():f.getNode();if(""!==a.style&&(a=z(a.style),null!==a&&b in a))return a[b];for(a=0;a<d.length;a++){var m=d[a];if((0===a||0!==l||!m.is(f))&&k.$isTextNode(m))if(h=b,g=c,m=m.getStyle(),m=z(m),h=null!==m?m[h]||g:g,null===e)e=h;else if(e!==h){e="";break}}return null===e?c:e};
-exports.$isAtNodeEnd=function(a){return"text"===a.type?a.offset===a.getNode().getTextContentSize():a.offset===a.getNode().getChildrenSize()};exports.$isParentElementRTL=G;exports.$moveCaretSelection=F;exports.$moveCharacter=function(a,b,c){let e=G(a);F(a,b,c?!e:e,"character")};exports.$patchStyleText=C;
-exports.$selectAll=function(a){let b=a.anchor;a=a.focus;var c=b.getNode().getTopLevelElementOrThrow().getParentOrThrow();let e=c.getFirstDescendant();c=c.getLastDescendant();let d="element",f="element",h=0;k.$isTextNode(e)?d="text":k.$isElementNode(e)||null===e||(e=e.getParentOrThrow());k.$isTextNode(c)?(f="text",h=c.getTextContentSize()):k.$isElementNode(c)||null===c||(c=c.getParentOrThrow());e&&c&&(b.set(e.getKey(),0,d),a.set(c.getKey(),h,f))};
-exports.$setBlocksType=function(a,b){if("root"===a.anchor.key){b=b();var c=k.$getRoot();(a=c.getFirstChild())?a.replace(b,!0):c.append(b)}else for(c=a.getNodes(),a=a.anchor.getNode().getParentOrThrow(),-1===c.indexOf(a)&&c.push(a),a.isInline()&&(a=a.getParentOrThrow(),-1===c.indexOf(a)&&c.push(a)),a=0;a<c.length;a++){let f=c[a];var e=f;if(!k.$isElementNode(e)||k.$isRootOrShadowRoot(e))e=!1;else{var d=e.getFirstChild();d=null===d||k.$isLineBreakNode(d)||k.$isTextNode(d)||d.isInline();e=!e.isInline()&&
-!1!==e.canBeEmpty()&&d}e&&(e=b(),e.setFormat(f.getFormatType()),e.setIndent(f.getIndent()),f.replace(e,!0))}};exports.$shouldOverrideDefaultCharacterSelection=function(a,b){a=k.$getAdjacentNode(a.focus,b);return k.$isDecoratorNode(a)&&!a.isIsolated()||k.$isElementNode(a)&&!a.isInline()&&!a.canBeEmpty()};
-exports.$sliceSelectedTextNodeContent=function(a,b){if(b.isSelected()&&!b.isSegmented()&&!b.isToken()&&(k.$isRangeSelection(a)||k.DEPRECATED_$isGridSelection(a))){var c=a.anchor.getNode(),e=a.focus.getNode(),d=b.is(c),f=b.is(e);if(d||f){d=a.isBackward();let [h,g]=a.getCharacterOffsets();a=c.is(e);f=b.is(d?e:c);e=b.is(d?c:e);c=0;let l=void 0;a?(c=h>g?g:h,l=h>g?h:g):f?(c=d?g:h,l=void 0):e&&(d=d?h:g,c=0,l=d);b.__text=b.__text.slice(c,l)}}return b};
-exports.$wrapNodes=function(a,b,c=null){var e=a.getNodes();let d=e.length;var f=a.anchor;if(0===d||1===d&&"element"===f.type&&0===f.getNode().getChildrenSize()){a="text"===f.type?f.getNode().getParentOrThrow():f.getNode();e=a.getChildren();let g=b();g.setFormat(a.getFormatType());g.setIndent(a.getIndent());e.forEach(l=>g.append(l));c&&(g=c.append(g));a.replace(g)}else{f=null;var h=[];for(let g=0;g<d;g++){let l=e[g];k.$isRootOrShadowRoot(l)?(E(a,h,h.length,b,c),h=[],f=l):null===f||null!==f&&k.$hasAncestor(l,
-f)?h.push(l):(E(a,h,h.length,b,c),h=[l])}E(a,h,h.length,b,c)}};
-exports.createDOMRange=function(a,b,c,e,d){let f=b.getKey(),h=e.getKey(),g=document.createRange(),l=a.getElementByKey(f);a=a.getElementByKey(h);k.$isTextNode(b)&&(l=v(l));k.$isTextNode(e)&&(a=v(a));if(void 0===b||void 0===e||null===l||null===a)return null;"BR"===l.nodeName&&([l,c]=w(l));"BR"===a.nodeName&&([a,d]=w(a));b=l.firstChild;l===a&&null!=b&&"BR"===b.nodeName&&0===c&&0===d&&(d=1);try{g.setStart(l,c),g.setEnd(a,d)}catch(m){return null}!g.collapsed||c===d&&f===h||(g.setStart(a,d),g.setEnd(l,
-c));return g};exports.createRectsFromDOMRange=function(a,b){var c=a.getRootElement();if(null===c)return[];a=c.getBoundingClientRect();c=getComputedStyle(c);c=parseFloat(c.paddingLeft)+parseFloat(c.paddingRight);b=Array.from(b.getClientRects());let e=b.length;b.sort((f,h)=>{let g=f.top-h.top;return 3>=Math.abs(g)?f.left-h.left:g});let d;for(let f=0;f<e;f++){let h=b[f],g=h.width+c===a.width;d&&d.top<=h.top&&d.top+d.height>h.top&&d.left+d.width>h.left||g?(b.splice(f--,1),e--):d=h}return b};
+'use strict';var k=require("lexical");let u=new Map;function v(a){for(;null!=a;){if(a.nodeType===Node.TEXT_NODE)return a;a=a.firstChild}return null}function w(a){let b=a.parentNode;if(null==b)throw Error("Should never happen");return[b,Array.from(b.childNodes).indexOf(a)]}function y(a){let b={};a=a.split(";");for(let d of a)if(""!==d){let [f,c]=d.split(/:([^]+)/);b[f.trim()]=c.trim()}return b}function z(a){let b=u.get(a);void 0===b&&(b=y(a),u.set(a,b));return b}
+function A(a){let b="";for(let d in a)d&&(b+=`${d}: ${a[d]};`);return b}function B(a,b){var d=z("getStyle"in a?a.getStyle():a.style);b=Object.entries(b).reduce((f,[c,g])=>{null===g?delete f[c]:f[c]=g;return f},{...d});d=A(b);a.setStyle(d);u.set(d,b)}
+function C(a,b){var d=a.getNodes(),f=d.length;if(k.DEPRECATED_$isGridSelection(a)){var c=k.$createRangeSelection(),g=c.anchor,h=c.focus;for(var e=0;e<f;e++){var l=d[e];k.DEPRECATED_$isGridCellNode(l)&&(g.set(l.getKey(),0,"element"),h.set(l.getKey(),l.getChildrenSize(),"element"),C(k.$normalizeSelection__EXPERIMENTAL(c),b))}k.$setSelection(a)}else if(--f,c=d[0],g=d[f],a.isCollapsed())B(a,b);else{e=a.anchor;var m=a.focus;l=c.getTextContent().length;var p=m.offset,n=e.offset,r=e.isBefore(m);h=r?n:p;
+a=r?p:n;var q=r?e.type:m.type,t=r?m.type:e.type;m=r?m.key:e.key;k.$isTextNode(c)&&h===l&&(r=c.getNextSibling(),k.$isTextNode(r)&&(h=n=0,c=r));if(1===d.length)k.$isTextNode(c)&&(h="element"===q?0:n>p?p:n,a="element"===t?l:n>p?n:p,h!==a&&(0===h&&a===l?(B(c,b),c.select(h,a)):(d=c.splitText(h,a),d=0===h?d[0]:d[1],B(d,b),d.select(0,a-h))));else for(k.$isTextNode(c)&&h<c.getTextContentSize()&&(0!==h&&(c=c.splitText(h)[1],h=0,e.set(c.getKey(),h,"text")),B(c,b)),k.$isTextNode(g)&&(h=g.getTextContent().length,
+g.__key!==m&&0!==a&&(a=h),a!==h&&([g]=g.splitText(a)),0!==a&&B(g,b)),a=1;a<f;a++)h=d[a],e=h.getKey(),k.$isTextNode(h)&&e!==c.getKey()&&e!==g.getKey()&&!h.isToken()&&B(h,b)}}function D(a){for(;null!==a&&!k.$isRootOrShadowRoot(a);){let b=a.getLatest(),d=a.getParent();0===b.getChildrenSize()&&a.remove(!0);a=d}}
+function E(a,b,d,f,c=null){if(0!==b.length){var g=b[0],h=new Map,e=[];g=k.$isElementNode(g)?g:g.getParentOrThrow();g.isInline()&&(g=g.getParentOrThrow());for(var l=!1;null!==g;){var m=g.getPreviousSibling();if(null!==m){g=m;l=!0;break}g=g.getParentOrThrow();if(k.$isRootOrShadowRoot(g))break}m=new Set;for(var p=0;p<d;p++){var n=b[p];k.$isElementNode(n)&&0===n.getChildrenSize()&&m.add(n.getKey())}var r=new Set;for(p=0;p<d;p++){n=b[p];var q=n.getParent();null!==q&&q.isInline()&&(q=q.getParent());if(null!==
+q&&k.$isLeafNode(n)&&!r.has(n.getKey())){if(n=q.getKey(),void 0===h.get(n)){let t=f();t.setFormat(q.getFormatType());t.setIndent(q.getIndent());e.push(t);h.set(n,t);q.getChildren().forEach(x=>{t.append(x);r.add(x.getKey());k.$isElementNode(x)&&x.getChildrenKeys().forEach(I=>r.add(I))});D(q)}}else m.has(n.getKey())&&(q=f(),q.setFormat(n.getFormatType()),q.setIndent(n.getIndent()),e.push(q),n.remove(!0))}if(null!==c)for(b=0;b<e.length;b++)c.append(e[b]);b=null;if(k.$isRootOrShadowRoot(g))if(l)if(null!==
+c)g.insertAfter(c);else for(c=e.length-1;0<=c;c--)g.insertAfter(e[c]);else if(l=g.getFirstChild(),k.$isElementNode(l)&&(g=l),null===l)if(c)g.append(c);else for(c=0;c<e.length;c++)l=e[c],g.append(l),b=l;else if(null!==c)l.insertBefore(c);else for(g=0;g<e.length;g++)c=e[g],l.insertBefore(c),b=c;else if(c)g.insertAfter(c);else for(c=e.length-1;0<=c;c--)l=e[c],g.insertAfter(l),b=l;e=k.$getPreviousSelection();k.$isRangeSelection(e)&&e.anchor.getNode().isAttached()&&e.focus.getNode().isAttached()?k.$setSelection(e.clone()):
+null!==b?b.selectEnd():a.dirty=!0}}function F(a,b,d,f){a.modify(b?"extend":"move",d,f)}function G(a){a=a.anchor.getNode();return"rtl"===(k.$isRootNode(a)?a:a.getParentOrThrow()).getDirection()}function H(a){if(k.$isDecoratorNode(a)&&!a.isInline())return!0;if(!k.$isElementNode(a)||k.$isRootOrShadowRoot(a))return!1;var b=a.getFirstChild();b=null===b||k.$isLineBreakNode(b)||k.$isTextNode(b)||b.isInline();return!a.isInline()&&!1!==a.canBeEmpty()&&b}
+exports.$addNodeStyle=function(a){a=a.getStyle();let b=y(a);u.set(a,b)};exports.$cloneWithProperties=function(a){let b=a.constructor.clone(a);b.__parent=a.__parent;b.__next=a.__next;b.__prev=a.__prev;if(k.$isElementNode(a)&&k.$isElementNode(b))return b.__first=a.__first,b.__last=a.__last,b.__size=a.__size,b.__format=a.__format,b.__indent=a.__indent,b.__dir=a.__dir,b;k.$isTextNode(a)&&k.$isTextNode(b)&&(b.__format=a.__format,b.__style=a.__style,b.__mode=a.__mode,b.__detail=a.__detail);return b};
+exports.$getSelectionStyleValueForProperty=function(a,b,d=""){let f=null,c=a.getNodes();var g=a.anchor,h=a.focus,e=a.isBackward();let l=e?h.offset:g.offset;g=e?h.getNode():g.getNode();if(a.isCollapsed()&&""!==a.style&&(a=z(a.style),null!==a&&b in a))return a[b];for(a=0;a<c.length;a++){var m=c[a];if((0===a||0!==l||!m.is(g))&&k.$isTextNode(m))if(h=b,e=d,m=m.getStyle(),m=z(m),h=null!==m?m[h]||e:e,null===f)f=h;else if(f!==h){f="";break}}return null===f?d:f};
+exports.$isAtNodeEnd=function(a){return"text"===a.type?a.offset===a.getNode().getTextContentSize():a.offset===a.getNode().getChildrenSize()};exports.$isParentElementRTL=G;exports.$moveCaretSelection=F;exports.$moveCharacter=function(a,b,d){let f=G(a);F(a,b,d?!f:f,"character")};exports.$patchStyleText=C;
+exports.$selectAll=function(a){let b=a.anchor;a=a.focus;var d=b.getNode().getTopLevelElementOrThrow().getParentOrThrow();let f=d.getFirstDescendant();d=d.getLastDescendant();let c="element",g="element",h=0;k.$isTextNode(f)?c="text":k.$isElementNode(f)||null===f||(f=f.getParentOrThrow());k.$isTextNode(d)?(g="text",h=d.getTextContentSize()):k.$isElementNode(d)||null===d||(d=d.getParentOrThrow());f&&d&&(b.set(f.getKey(),0,c),a.set(d.getKey(),h,g))};
+exports.$setBlocksType=function(a,b){if("root"===a.anchor.key){b=b();var d=k.$getRoot();(a=d.getFirstChild())?a.replace(b,!0):d.append(b)}else{d=a.getNodes();for(a=a.anchor.getNode();null!==a&&null!==a.getParent()&&!H(a);)a=a.getParentOrThrow();(a=H(a)?a:null)&&-1===d.indexOf(a)&&d.push(a);for(a=0;a<d.length;a++){let f=d[a];if(!H(f))continue;let c=b();c.setFormat(f.getFormatType());c.setIndent(f.getIndent());f.replace(c,!0)}}};
+exports.$shouldOverrideDefaultCharacterSelection=function(a,b){a=k.$getAdjacentNode(a.focus,b);return k.$isDecoratorNode(a)&&!a.isIsolated()||k.$isElementNode(a)&&!a.isInline()&&!a.canBeEmpty()};
+exports.$sliceSelectedTextNodeContent=function(a,b){if(b.isSelected()&&!b.isSegmented()&&!b.isToken()&&(k.$isRangeSelection(a)||k.DEPRECATED_$isGridSelection(a))){var d=a.anchor.getNode(),f=a.focus.getNode(),c=b.is(d),g=b.is(f);if(c||g){c=a.isBackward();let [h,e]=a.getCharacterOffsets();a=d.is(f);g=b.is(c?f:d);f=b.is(c?d:f);d=0;let l=void 0;a?(d=h>e?e:h,l=h>e?h:e):g?(d=c?e:h,l=void 0):f&&(c=c?h:e,d=0,l=c);b.__text=b.__text.slice(d,l)}}return b};
+exports.$wrapNodes=function(a,b,d=null){var f=a.getNodes();let c=f.length;var g=a.anchor;if(0===c||1===c&&"element"===g.type&&0===g.getNode().getChildrenSize()){a="text"===g.type?g.getNode().getParentOrThrow():g.getNode();f=a.getChildren();let e=b();e.setFormat(a.getFormatType());e.setIndent(a.getIndent());f.forEach(l=>e.append(l));d&&(e=d.append(e));a.replace(e)}else{g=null;var h=[];for(let e=0;e<c;e++){let l=f[e];k.$isRootOrShadowRoot(l)?(E(a,h,h.length,b,d),h=[],g=l):null===g||null!==g&&k.$hasAncestor(l,
+g)?h.push(l):(E(a,h,h.length,b,d),h=[l])}E(a,h,h.length,b,d)}};
+exports.createDOMRange=function(a,b,d,f,c){let g=b.getKey(),h=f.getKey(),e=document.createRange(),l=a.getElementByKey(g);a=a.getElementByKey(h);k.$isTextNode(b)&&(l=v(l));k.$isTextNode(f)&&(a=v(a));if(void 0===b||void 0===f||null===l||null===a)return null;"BR"===l.nodeName&&([l,d]=w(l));"BR"===a.nodeName&&([a,c]=w(a));b=l.firstChild;l===a&&null!=b&&"BR"===b.nodeName&&0===d&&0===c&&(c=1);try{e.setStart(l,d),e.setEnd(a,c)}catch(m){return null}!e.collapsed||d===c&&g===h||(e.setStart(a,c),e.setEnd(l,
+d));return e};exports.createRectsFromDOMRange=function(a,b){var d=a.getRootElement();if(null===d)return[];a=d.getBoundingClientRect();d=getComputedStyle(d);d=parseFloat(d.paddingLeft)+parseFloat(d.paddingRight);b=Array.from(b.getClientRects());let f=b.length;b.sort((g,h)=>{let e=g.top-h.top;return 3>=Math.abs(e)?g.left-h.left:e});let c;for(let g=0;g<f;g++){let h=b[g],e=h.width+d===a.width;c&&c.top<=h.top&&c.top+c.height>h.top&&c.left+c.width>h.left||e?(b.splice(g--,1),f--):c=h}return b};
 exports.getStyleObjectFromCSS=z;
-exports.trimTextContentFromAnchor=function(a,b,c){let e=b.getNode();if(k.$isElementNode(e)){var d=e.getDescendantByIndex(b.offset);null!==d&&(e=d)}for(;0<c&&null!==e;){var f=e.getPreviousSibling(),h=0;if(null===f){d=e.getParentOrThrow();for(var g=d.getPreviousSibling();null===g;){d=d.getParent();if(null===d){f=null;break}g=d.getPreviousSibling()}null!==d&&(h=d.isInline()?0:2,f=k.$isElementNode(g)?g.getLastDescendant():g)}g=e.getTextContent();""===g&&k.$isElementNode(e)&&!e.isInline()&&(g="\n\n");
-d=g.length;if(!k.$isTextNode(e)||c>=d)g=e.getParent(),e.remove(),null==g||0!==g.getChildrenSize()||k.$isRootNode(g)||g.remove(),c-=d+h,e=f;else{let l=e.getKey();h=a.getEditorState().read(()=>{const p=k.$getNodeByKey(l);return k.$isTextNode(p)&&p.isSimpleText()?p.getTextContent():null});f=d-c;let m=g.slice(0,f);null!==h&&h!==g?(c=k.$getPreviousSelection(),d=e,e.isSimpleText()?e.setTextContent(h):(d=k.$createTextNode(h),e.replace(d)),k.$isRangeSelection(c)&&c.isCollapsed()&&(c=c.anchor.offset,d.select(c,
-c))):e.isSimpleText()?(h=b.key===l,g=b.offset,g<c&&(g=d),c=h?g-c:0,d=h?g:f,h&&0===c?([c]=e.splitText(c,d),c.remove()):([,c]=e.splitText(c,d),c.remove())):(c=k.$createTextNode(m),e.replace(c));c=0}}}
+exports.trimTextContentFromAnchor=function(a,b,d){let f=b.getNode();if(k.$isElementNode(f)){var c=f.getDescendantByIndex(b.offset);null!==c&&(f=c)}for(;0<d&&null!==f;){k.$isElementNode(f)&&(c=f.getLastDescendant(),null!==c&&(f=c));var g=f.getPreviousSibling(),h=0;if(null===g){c=f.getParentOrThrow();for(var e=c.getPreviousSibling();null===e;){c=c.getParent();if(null===c){g=null;break}e=c.getPreviousSibling()}null!==c&&(h=c.isInline()?0:2,g=e)}e=f.getTextContent();""===e&&k.$isElementNode(f)&&!f.isInline()&&
+(e="\n\n");c=e.length;if(!k.$isTextNode(f)||d>=c)e=f.getParent(),f.remove(),null==e||0!==e.getChildrenSize()||k.$isRootNode(e)||e.remove(),d-=c+h,f=g;else{let l=f.getKey();h=a.getEditorState().read(()=>{const p=k.$getNodeByKey(l);return k.$isTextNode(p)&&p.isSimpleText()?p.getTextContent():null});g=c-d;let m=e.slice(0,g);null!==h&&h!==e?(d=k.$getPreviousSelection(),c=f,f.isSimpleText()?f.setTextContent(h):(c=k.$createTextNode(h),f.replace(c)),k.$isRangeSelection(d)&&d.isCollapsed()&&(d=d.anchor.offset,
+c.select(d,d))):f.isSimpleText()?(h=b.key===l,e=b.offset,e<d&&(e=c),d=h?e-d:0,c=h?e:g,h&&0===d?([d]=f.splitText(d,c),d.remove()):([,d]=f.splitText(d,c),d.remove())):(d=k.$createTextNode(m),f.replace(d));d=0}}}

package/package.json

@@ -9,10 +9,10 @@
     "selection"
   ],
   "license": "MIT",
-  "version": "0.12.2",
+  "version": "0.12.4",
   "main": "LexicalSelection.js",
   "peerDependencies": {
-    "lexical": "0.12.2"
+    "lexical": "0.12.4"
   },
   "repository": {
     "type": "git",

package/range-selection.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { ElementNode, GridSelection, LexicalNode, RangeSelection } from 'lexical';
+import type { DecoratorNode, ElementNode, GridSelection, LexicalNode, RangeSelection } from 'lexical';
 /**
  * Converts all nodes in the selection that are of one block type to another.
  * @param selection - The selected blocks to be converted.
@@ -72,3 +72,9 @@ export declare function $selectAll(selection: RangeSelection): void;
  * @returns The value of the property for the selected TextNodes.
  */
 export declare function $getSelectionStyleValueForProperty(selection: RangeSelection, styleProperty: string, defaultValue?: string): string;
+/**
+ * This function is for internal use of the library.
+ * Please do not use it as it may change in the future.
+ */
+export declare function INTERNAL_$isBlock(node: LexicalNode): node is ElementNode | DecoratorNode<unknown>;
+export declare function $getAncestor<NodeType extends LexicalNode = LexicalNode>(node: LexicalNode, predicate: (ancestor: LexicalNode) => ancestor is NodeType): NodeType | null;