@payloadcms/richtext-lexical 3.0.0-beta.13 → 3.0.0-beta.130

package/dist/field/lexical/plugins/SlashMenu/useMenuTriggerMatch.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/field/lexical/plugins/SlashMenu/useMenuTriggerMatch.ts"],"sourcesContent":["import type { LexicalEditor } from 'lexical'\n\nimport { useCallback } from 'react'\n\nimport { PUNCTUATION } from './LexicalTypeaheadMenuPlugin/index.js'\n\nexport type TriggerFn = ({\n  editor,\n  query,\n}: {\n  editor: LexicalEditor\n  /** The query string is the POTENTIAL trigger AND the text after the trigger text. */\n  query: string\n}) => MenuTextMatch | null\n\nexport type MenuTextMatch = {\n  leadOffset: number\n  matchingString: string\n  replaceableString: string\n}\n\n/**\n * Returns a function which checks if the trigger (e.g. '/') is present in the query and, if so, returns the matching string (text after the trigger)\n */\nexport function useMenuTriggerMatch(\n  /**\n   * Text which triggers the menu. Everything after this text will be used as the query.\n   */\n  trigger: string,\n  { maxLength = 75, minLength = 1 }: { maxLength?: number; minLength?: number },\n): TriggerFn {\n  return useCallback(\n    ({ query }) => {\n      const validChars = '[^' + trigger + PUNCTUATION + '\\\\s]'\n      const TypeaheadTriggerRegex = new RegExp(\n        '(^|\\\\s|\\\\()(' +\n          '[' +\n          trigger +\n          ']' +\n          '((?:' +\n          validChars +\n          '){0,' +\n          maxLength +\n          '})' +\n          ')$',\n      )\n      const match = TypeaheadTriggerRegex.exec(query)\n      if (match !== null) {\n        const maybeLeadingWhitespace = match[1]\n\n        /**\n         * matchingString is only the text AFTER the trigger text. (So everything after the /)\n         */\n        const matchingString = match[3]\n\n        if (matchingString.length >= minLength) {\n          return {\n            leadOffset: match.index + maybeLeadingWhitespace.length,\n            matchingString,\n            replaceableString: match[2], // replaceableString is the trigger text + the matching string\n          }\n        }\n      }\n      return null\n    },\n    [maxLength, minLength, trigger],\n  )\n}\n"],"names":["useCallback","PUNCTUATION","useMenuTriggerMatch","trigger","maxLength","minLength","query","validChars","TypeaheadTriggerRegex","RegExp","match","exec","maybeLeadingWhitespace","matchingString","length","leadOffset","index","replaceableString"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,WAAW,QAAQ,QAAO;AAEnC,SAASC,WAAW,QAAQ,wCAAuC;AAiBnE;;CAEC,GACD,OAAO,SAASC,oBACd;;GAEC,GACDC,OAAe,EACf,EAAEC,YAAY,EAAE,EAAEC,YAAY,CAAC,EAA8C;IAE7E,OAAOL,YACL,CAAC,EAAEM,KAAK,EAAE;QACR,MAAMC,aAAa,OAAOJ,UAAUF,cAAc;QAClD,MAAMO,wBAAwB,IAAIC,OAChC,iBACE,MACAN,UACA,MACA,SACAI,aACA,SACAH,YACA,OACA;QAEJ,MAAMM,QAAQF,sBAAsBG,IAAI,CAACL;QACzC,IAAII,UAAU,MAAM;YAClB,MAAME,yBAAyBF,KAAK,CAAC,EAAE;YAEvC;;SAEC,GACD,MAAMG,iBAAiBH,KAAK,CAAC,EAAE;YAE/B,IAAIG,eAAeC,MAAM,IAAIT,WAAW;gBACtC,OAAO;oBACLU,YAAYL,MAAMM,KAAK,GAAGJ,uBAAuBE,MAAM;oBACvDD;oBACAI,mBAAmBP,KAAK,CAAC,EAAE;gBAC7B;YACF;QACF;QACA,OAAO;IACT,GACA;QAACN;QAAWC;QAAWF;KAAQ;AAEnC"}

package/dist/field/lexical/plugins/handles/AddBlockHandlePlugin/index.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" resolution-mode="require"/>
-import './index.scss';
-export declare function AddBlockHandlePlugin({ anchorElem, }: {
-    anchorElem?: HTMLElement;
-}): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/field/lexical/plugins/handles/AddBlockHandlePlugin/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/field/lexical/plugins/handles/AddBlockHandlePlugin/index.tsx"],"names":[],"mappings":";AAoBA,OAAO,cAAc,CAAA;AA4SrB,wBAAgB,oBAAoB,CAAC,EACnC,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB,GAAG,GAAG,CAAC,OAAO,CAGd"}

package/dist/field/lexical/plugins/handles/AddBlockHandlePlugin/index.js

@@ -1,241 +0,0 @@
-'use client';
-import lexicalComposerContextImport from '@lexical/react/LexicalComposerContext.js';
-const { useLexicalComposerContext } = lexicalComposerContextImport;
-import lexicalImport from 'lexical';
-const { $createParagraphNode, $getNodeByKey } = lexicalImport;
-import * as React from 'react';
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-import { isHTMLElement } from '../../../utils/guard.js';
-import { Point } from '../../../utils/point.js';
-import { Rect } from '../../../utils/rect.js';
-import { ENABLE_SLASH_MENU_COMMAND } from '../../SlashMenu/LexicalTypeaheadMenuPlugin/index.js';
-import { getCollapsedMargins } from '../utils/getCollapsedMargins.js';
-import { getTopLevelNodeKeys } from '../utils/getTopLevelNodeKeys.js';
-import { isOnHandleElement } from '../utils/isOnHandleElement.js';
-import { setHandlePosition } from '../utils/setHandlePosition.js';
-import './index.scss';
-const SPACE = -24;
-const ADD_BLOCK_MENU_CLASSNAME = 'add-block-menu';
-const Downward = 1;
-const Upward = -1;
-const Indeterminate = 0;
-let prevIndex = Infinity;
-function getCurrentIndex(keysLength) {
-    if (keysLength === 0) {
-        return Infinity;
-    }
-    if (prevIndex >= 0 && prevIndex < keysLength) {
-        return prevIndex;
-    }
-    return Math.floor(keysLength / 2);
-}
-function getBlockElement(anchorElem, editor, event, useEdgeAsDefault = false, horizontalOffset = 0) {
-    const anchorElementRect = anchorElem.getBoundingClientRect();
-    const topLevelNodeKeys = getTopLevelNodeKeys(editor);
-    let blockElem = null;
-    let blockNode = null;
-    // Return null if matching block element is the first or last node
-    editor.getEditorState().read(()=>{
-        if (useEdgeAsDefault) {
-            const [firstNode, lastNode] = [
-                editor.getElementByKey(topLevelNodeKeys[0]),
-                editor.getElementByKey(topLevelNodeKeys[topLevelNodeKeys.length - 1])
-            ];
-            const [firstNodeRect, lastNodeRect] = [
-                firstNode?.getBoundingClientRect(),
-                lastNode?.getBoundingClientRect()
-            ];
-            if (firstNodeRect && lastNodeRect) {
-                if (event.y < firstNodeRect.top) {
-                    blockElem = firstNode;
-                } else if (event.y > lastNodeRect.bottom) {
-                    blockElem = lastNode;
-                }
-                if (blockElem) {
-                    return {
-                        blockElem: null
-                    };
-                }
-            }
-        }
-        // Find matching block element
-        let index = getCurrentIndex(topLevelNodeKeys.length);
-        let direction = Indeterminate;
-        while(index >= 0 && index < topLevelNodeKeys.length){
-            const key = topLevelNodeKeys[index];
-            const elem = editor.getElementByKey(key);
-            if (elem === null) {
-                break;
-            }
-            const point = new Point(event.x + horizontalOffset, event.y);
-            const domRect = Rect.fromDOM(elem);
-            const { marginBottom, marginTop } = getCollapsedMargins(elem);
-            const rect = domRect.generateNewRect({
-                bottom: domRect.bottom + marginBottom,
-                left: anchorElementRect.left,
-                right: anchorElementRect.right,
-                top: domRect.top - marginTop
-            });
-            const { reason: { isOnBottomSide, isOnTopSide }, result } = rect.contains(point);
-            if (result) {
-                blockElem = elem;
-                blockNode = $getNodeByKey(key);
-                prevIndex = index;
-                break;
-            }
-            if (direction === Indeterminate) {
-                if (isOnTopSide) {
-                    direction = Upward;
-                } else if (isOnBottomSide) {
-                    direction = Downward;
-                } else {
-                    // stop search block element
-                    direction = Infinity;
-                }
-            }
-            index += direction;
-        }
-    });
-    return {
-        blockElem,
-        blockNode
-    };
-}
-function useAddBlockHandle(editor, anchorElem, isEditable) {
-    const scrollerElem = anchorElem.parentElement;
-    const menuRef = useRef(null);
-    const [hoveredElement, setHoveredElement] = useState(null);
-    useEffect(()=>{
-        function onDocumentMouseMove(event) {
-            const target = event.target;
-            if (!isHTMLElement(target)) {
-                return;
-            }
-            let distanceFromScrollerElem = 0;
-            // Calculate distance between scrollerElem and target if target is not in scrollerElem
-            if (scrollerElem && !scrollerElem.contains(target)) {
-                const { bottom, left, right, top } = scrollerElem.getBoundingClientRect();
-                const { pageX, pageY } = event;
-                const horizontalBuffer = 50;
-                const verticalBuffer = 25;
-                const adjustedTop = top + window.scrollY;
-                const adjustedBottom = bottom + window.scrollY;
-                if (pageY < adjustedTop - verticalBuffer || pageY > adjustedBottom + verticalBuffer || pageX < left - horizontalBuffer || pageX > right + horizontalBuffer) {
-                    if (hoveredElement !== null) {
-                        setHoveredElement(null);
-                    }
-                    return;
-                }
-                // This is used to allow the _emptyBlockElem to be found when the mouse is in the
-                // buffer zone around the scrollerElem.
-                if (pageX < left || pageX > right) {
-                    distanceFromScrollerElem = pageX < left ? pageX - left : pageX - right;
-                }
-            }
-            if (isOnHandleElement(target, ADD_BLOCK_MENU_CLASSNAME)) {
-                return;
-            }
-            const { blockElem: _emptyBlockElem, blockNode } = getBlockElement(anchorElem, editor, event, false, -distanceFromScrollerElem);
-            if (!_emptyBlockElem) {
-                return;
-            }
-            if (hoveredElement?.node !== blockNode || hoveredElement?.elem !== _emptyBlockElem) {
-                setHoveredElement({
-                    elem: _emptyBlockElem,
-                    node: blockNode
-                });
-            }
-        }
-        // Since the draggableBlockElem is outside the actual editor, we need to listen to the document
-        // to be able to detect when the mouse is outside the editor and respect a buffer around
-        // the scrollerElem to avoid the draggableBlockElem disappearing too early.
-        document?.addEventListener('mousemove', onDocumentMouseMove);
-        return ()=>{
-            document?.removeEventListener('mousemove', onDocumentMouseMove);
-        };
-    }, [
-        scrollerElem,
-        anchorElem,
-        editor,
-        hoveredElement
-    ]);
-    useEffect(()=>{
-        if (menuRef.current && hoveredElement?.node) {
-            editor.getEditorState().read(()=>{
-                // Check if blockNode is an empty text node
-                let isEmptyParagraph = true;
-                if (hoveredElement.node.getType() !== 'paragraph' || hoveredElement.node.getTextContent() !== '') {
-                    isEmptyParagraph = false;
-                }
-                setHandlePosition(hoveredElement?.elem, menuRef.current, anchorElem, isEmptyParagraph ? SPACE : SPACE - 20);
-            });
-        }
-    }, [
-        anchorElem,
-        hoveredElement,
-        editor
-    ]);
-    const handleAddClick = useCallback((event)=>{
-        let hoveredElementToUse = hoveredElement;
-        if (!hoveredElementToUse?.node) {
-            return;
-        }
-        // 1. Update hoveredElement.node to a new paragraph node if the hoveredElement.node is not a paragraph node
-        editor.update(()=>{
-            // Check if blockNode is an empty text node
-            let isEmptyParagraph = true;
-            if (hoveredElementToUse.node.getType() !== 'paragraph' || hoveredElementToUse.node.getTextContent() !== '') {
-                isEmptyParagraph = false;
-            }
-            if (!isEmptyParagraph) {
-                const newParagraph = $createParagraphNode();
-                hoveredElementToUse.node.insertAfter(newParagraph);
-                setTimeout(()=>{
-                    hoveredElementToUse = {
-                        elem: editor.getElementByKey(newParagraph.getKey()),
-                        node: newParagraph
-                    };
-                    setHoveredElement(hoveredElementToUse);
-                }, 0);
-            }
-        });
-        // 2. Focus on the new paragraph node
-        setTimeout(()=>{
-            editor.update(()=>{
-                editor.focus();
-                if (hoveredElementToUse.node && 'select' in hoveredElementToUse.node && typeof hoveredElementToUse.node.select === 'function') {
-                    hoveredElementToUse.node.select();
-                }
-            });
-        }, 1);
-        // Make sure this is called AFTER the focusing has been processed by the browser
-        // Otherwise, this won't work
-        setTimeout(()=>{
-            editor.dispatchCommand(ENABLE_SLASH_MENU_COMMAND, {
-                node: hoveredElementToUse.node
-            });
-        }, 2);
-        event.stopPropagation();
-        event.preventDefault();
-    }, [
-        editor,
-        hoveredElement
-    ]);
-    return /*#__PURE__*/ createPortal(/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", {
-        className: "icon add-block-menu",
-        onClick: (event)=>{
-            handleAddClick(event);
-        },
-        ref: menuRef,
-        type: "button"
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: isEditable ? 'icon' : ''
-    }))), anchorElem);
-}
-export function AddBlockHandlePlugin({ anchorElem = document.body }) {
-    const [editor] = useLexicalComposerContext();
-    return useAddBlockHandle(editor, anchorElem, editor._editable);
-}
-
-//# sourceMappingURL=index.js.map

package/dist/field/lexical/plugins/handles/AddBlockHandlePlugin/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/field/lexical/plugins/handles/AddBlockHandlePlugin/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor, LexicalNode, ParagraphNode } from 'lexical'\n\nimport lexicalComposerContextImport from '@lexical/react/LexicalComposerContext.js'\nconst { useLexicalComposerContext } = lexicalComposerContextImport\nimport lexicalImport from 'lexical'\nconst { $createParagraphNode, $getNodeByKey } = lexicalImport\n\nimport * as React from 'react'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { isHTMLElement } from '../../../utils/guard.js'\nimport { Point } from '../../../utils/point.js'\nimport { Rect } from '../../../utils/rect.js'\nimport { ENABLE_SLASH_MENU_COMMAND } from '../../SlashMenu/LexicalTypeaheadMenuPlugin/index.js'\nimport { getCollapsedMargins } from '../utils/getCollapsedMargins.js'\nimport { getTopLevelNodeKeys } from '../utils/getTopLevelNodeKeys.js'\nimport { isOnHandleElement } from '../utils/isOnHandleElement.js'\nimport { setHandlePosition } from '../utils/setHandlePosition.js'\nimport './index.scss'\n\nconst SPACE = -24\nconst ADD_BLOCK_MENU_CLASSNAME = 'add-block-menu'\n\nconst Downward = 1\nconst Upward = -1\nconst Indeterminate = 0\n\nlet prevIndex = Infinity\n\nfunction getCurrentIndex(keysLength: number): number {\n  if (keysLength === 0) {\n    return Infinity\n  }\n  if (prevIndex >= 0 && prevIndex < keysLength) {\n    return prevIndex\n  }\n\n  return Math.floor(keysLength / 2)\n}\n\nfunction getBlockElement(\n  anchorElem: HTMLElement,\n  editor: LexicalEditor,\n  event: MouseEvent,\n  useEdgeAsDefault = false,\n  horizontalOffset = 0,\n): {\n  blockElem: HTMLElement | null\n  blockNode: LexicalNode | null\n} {\n  const anchorElementRect = anchorElem.getBoundingClientRect()\n  const topLevelNodeKeys = getTopLevelNodeKeys(editor)\n\n  let blockElem: HTMLElement | null = null\n  let blockNode: LexicalNode | null = null\n\n  // Return null if matching block element is the first or last node\n  editor.getEditorState().read(() => {\n    if (useEdgeAsDefault) {\n      const [firstNode, lastNode] = [\n        editor.getElementByKey(topLevelNodeKeys[0]),\n        editor.getElementByKey(topLevelNodeKeys[topLevelNodeKeys.length - 1]),\n      ]\n\n      const [firstNodeRect, lastNodeRect] = [\n        firstNode?.getBoundingClientRect(),\n        lastNode?.getBoundingClientRect(),\n      ]\n\n      if (firstNodeRect && lastNodeRect) {\n        if (event.y < firstNodeRect.top) {\n          blockElem = firstNode\n        } else if (event.y > lastNodeRect.bottom) {\n          blockElem = lastNode\n        }\n\n        if (blockElem) {\n          return {\n            blockElem: null,\n          }\n        }\n      }\n    }\n\n    // Find matching block element\n    let index = getCurrentIndex(topLevelNodeKeys.length)\n    let direction = Indeterminate\n\n    while (index >= 0 && index < topLevelNodeKeys.length) {\n      const key = topLevelNodeKeys[index]\n      const elem = editor.getElementByKey(key)\n      if (elem === null) {\n        break\n      }\n      const point = new Point(event.x + horizontalOffset, event.y)\n      const domRect = Rect.fromDOM(elem)\n      const { marginBottom, marginTop } = getCollapsedMargins(elem)\n\n      const rect = domRect.generateNewRect({\n        bottom: domRect.bottom + marginBottom,\n        left: anchorElementRect.left,\n        right: anchorElementRect.right,\n        top: domRect.top - marginTop,\n      })\n\n      const {\n        reason: { isOnBottomSide, isOnTopSide },\n        result,\n      } = rect.contains(point)\n\n      if (result) {\n        blockElem = elem\n        blockNode = $getNodeByKey(key)\n        prevIndex = index\n        break\n      }\n\n      if (direction === Indeterminate) {\n        if (isOnTopSide) {\n          direction = Upward\n        } else if (isOnBottomSide) {\n          direction = Downward\n        } else {\n          // stop search block element\n          direction = Infinity\n        }\n      }\n\n      index += direction\n    }\n  })\n\n  return {\n    blockElem,\n    blockNode,\n  }\n}\n\nfunction useAddBlockHandle(\n  editor: LexicalEditor,\n  anchorElem: HTMLElement,\n  isEditable: boolean,\n): JSX.Element {\n  const scrollerElem = anchorElem.parentElement\n\n  const menuRef = useRef<HTMLButtonElement>(null)\n  const [hoveredElement, setHoveredElement] = useState<{\n    elem: HTMLElement\n    node: LexicalNode\n  } | null>(null)\n\n  useEffect(() => {\n    function onDocumentMouseMove(event: MouseEvent) {\n      const target = event.target\n      if (!isHTMLElement(target)) {\n        return\n      }\n\n      let distanceFromScrollerElem = 0\n      // Calculate distance between scrollerElem and target if target is not in scrollerElem\n      if (scrollerElem && !scrollerElem.contains(target)) {\n        const { bottom, left, right, top } = scrollerElem.getBoundingClientRect()\n        const { pageX, pageY } = event\n        const horizontalBuffer = 50\n        const verticalBuffer = 25\n        const adjustedTop = top + window.scrollY\n        const adjustedBottom = bottom + window.scrollY\n\n        if (\n          pageY < adjustedTop - verticalBuffer ||\n          pageY > adjustedBottom + verticalBuffer ||\n          pageX < left - horizontalBuffer ||\n          pageX > right + horizontalBuffer\n        ) {\n          if (hoveredElement !== null) {\n            setHoveredElement(null)\n          }\n          return\n        }\n\n        // This is used to allow the _emptyBlockElem to be found when the mouse is in the\n        // buffer zone around the scrollerElem.\n        if (pageX < left || pageX > right) {\n          distanceFromScrollerElem = pageX < left ? pageX - left : pageX - right\n        }\n      }\n\n      if (isOnHandleElement(target, ADD_BLOCK_MENU_CLASSNAME)) {\n        return\n      }\n      const { blockElem: _emptyBlockElem, blockNode } = getBlockElement(\n        anchorElem,\n        editor,\n        event,\n        false,\n        -distanceFromScrollerElem,\n      )\n      if (!_emptyBlockElem) {\n        return\n      }\n      if (hoveredElement?.node !== blockNode || hoveredElement?.elem !== _emptyBlockElem) {\n        setHoveredElement({\n          elem: _emptyBlockElem,\n          node: blockNode,\n        })\n      }\n    }\n\n    // Since the draggableBlockElem is outside the actual editor, we need to listen to the document\n    // to be able to detect when the mouse is outside the editor and respect a buffer around\n    // the scrollerElem to avoid the draggableBlockElem disappearing too early.\n    document?.addEventListener('mousemove', onDocumentMouseMove)\n\n    return () => {\n      document?.removeEventListener('mousemove', onDocumentMouseMove)\n    }\n  }, [scrollerElem, anchorElem, editor, hoveredElement])\n\n  useEffect(() => {\n    if (menuRef.current && hoveredElement?.node) {\n      editor.getEditorState().read(() => {\n        // Check if blockNode is an empty text node\n        let isEmptyParagraph = true\n        if (\n          hoveredElement.node.getType() !== 'paragraph' ||\n          hoveredElement.node.getTextContent() !== ''\n        ) {\n          isEmptyParagraph = false\n        }\n\n        setHandlePosition(\n          hoveredElement?.elem,\n          menuRef.current,\n          anchorElem,\n          isEmptyParagraph ? SPACE : SPACE - 20,\n        )\n      })\n    }\n  }, [anchorElem, hoveredElement, editor])\n\n  const handleAddClick = useCallback(\n    (event) => {\n      let hoveredElementToUse = hoveredElement\n      if (!hoveredElementToUse?.node) {\n        return\n      }\n\n      // 1. Update hoveredElement.node to a new paragraph node if the hoveredElement.node is not a paragraph node\n      editor.update(() => {\n        // Check if blockNode is an empty text node\n        let isEmptyParagraph = true\n        if (\n          hoveredElementToUse.node.getType() !== 'paragraph' ||\n          hoveredElementToUse.node.getTextContent() !== ''\n        ) {\n          isEmptyParagraph = false\n        }\n\n        if (!isEmptyParagraph) {\n          const newParagraph = $createParagraphNode()\n          hoveredElementToUse.node.insertAfter(newParagraph)\n\n          setTimeout(() => {\n            hoveredElementToUse = {\n              elem: editor.getElementByKey(newParagraph.getKey()),\n              node: newParagraph,\n            }\n            setHoveredElement(hoveredElementToUse)\n          }, 0)\n        }\n      })\n\n      // 2. Focus on the new paragraph node\n      setTimeout(() => {\n        editor.update(() => {\n          editor.focus()\n\n          if (\n            hoveredElementToUse.node &&\n            'select' in hoveredElementToUse.node &&\n            typeof hoveredElementToUse.node.select === 'function'\n          ) {\n            hoveredElementToUse.node.select()\n          }\n        })\n      }, 1)\n\n      // Make sure this is called AFTER the focusing has been processed by the browser\n      // Otherwise, this won't work\n      setTimeout(() => {\n        editor.dispatchCommand(ENABLE_SLASH_MENU_COMMAND, {\n          node: hoveredElementToUse.node as ParagraphNode,\n        })\n      }, 2)\n\n      event.stopPropagation()\n      event.preventDefault()\n    },\n    [editor, hoveredElement],\n  )\n\n  return createPortal(\n    <React.Fragment>\n      <button\n        className=\"icon add-block-menu\"\n        onClick={(event) => {\n          handleAddClick(event)\n        }}\n        ref={menuRef}\n        type=\"button\"\n      >\n        <div className={isEditable ? 'icon' : ''} />\n      </button>\n    </React.Fragment>,\n    anchorElem,\n  )\n}\n\nexport function AddBlockHandlePlugin({\n  anchorElem = document.body,\n}: {\n  anchorElem?: HTMLElement\n}): JSX.Element {\n  const [editor] = useLexicalComposerContext()\n  return useAddBlockHandle(editor, anchorElem, editor._editable)\n}\n"],"names":["lexicalComposerContextImport","useLexicalComposerContext","lexicalImport","$createParagraphNode","$getNodeByKey","React","useCallback","useEffect","useRef","useState","createPortal","isHTMLElement","Point","Rect","ENABLE_SLASH_MENU_COMMAND","getCollapsedMargins","getTopLevelNodeKeys","isOnHandleElement","setHandlePosition","SPACE","ADD_BLOCK_MENU_CLASSNAME","Downward","Upward","Indeterminate","prevIndex","Infinity","getCurrentIndex","keysLength","Math","floor","getBlockElement","anchorElem","editor","event","useEdgeAsDefault","horizontalOffset","anchorElementRect","getBoundingClientRect","topLevelNodeKeys","blockElem","blockNode","getEditorState","read","firstNode","lastNode","getElementByKey","length","firstNodeRect","lastNodeRect","y","top","bottom","index","direction","key","elem","point","x","domRect","fromDOM","marginBottom","marginTop","rect","generateNewRect","left","right","reason","isOnBottomSide","isOnTopSide","result","contains","useAddBlockHandle","isEditable","scrollerElem","parentElement","menuRef","hoveredElement","setHoveredElement","onDocumentMouseMove","target","distanceFromScrollerElem","pageX","pageY","horizontalBuffer","verticalBuffer","adjustedTop","window","scrollY","adjustedBottom","_emptyBlockElem","node","document","addEventListener","removeEventListener","current","isEmptyParagraph","getType","getTextContent","handleAddClick","hoveredElementToUse","update","newParagraph","insertAfter","setTimeout","getKey","focus","select","dispatchCommand","stopPropagation","preventDefault","Fragment","button","className","onClick","ref","type","div","AddBlockHandlePlugin","body","_editable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/field/lexical/plugins/handles/AddBlockHandlePlugin/index.scss

@@ -1,31 +0,0 @@
-.add-block-menu {
-  all: unset; // reset all default button styles
-  border-radius: 4px;
-  padding: 0;
-  cursor: pointer;
-  opacity: 0;
-  position: absolute;
-  left: 0;
-  top: 0;
-  will-change: transform;
-
-  &:hover {
-    background: rgba(255, 255, 255, 0.1);
-    .icon {
-      opacity: 1;
-    }
-  }
-
-  .icon {
-    width: 18px;
-    height: 24px;
-    opacity: 0.3;
-    background-image: url(../../../ui/icons/Add/index.svg);
-  }
-
-  html[data-theme='dark'] & {
-    .icon {
-      filter: invert(1);
-    }
-  }
-}

package/dist/field/lexical/plugins/handles/DraggableBlockPlugin/debounce.d.ts

@@ -1,2 +0,0 @@
-export declare function debounce(func: Function, wait: number): (...args: any[]) => void;
-//# sourceMappingURL=debounce.d.ts.map

package/dist/field/lexical/plugins/handles/DraggableBlockPlugin/debounce.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../../../../../src/field/lexical/plugins/handles/DraggableBlockPlugin/debounce.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,aAEzB,GAAG,EAAE,UAUhC"}

package/dist/field/lexical/plugins/handles/DraggableBlockPlugin/debounce.js

@@ -1,14 +0,0 @@
-export function debounce(func, wait) {
-    let timeout = null;
-    return function(...args) {
-        const later = ()=>{
-            clearTimeout(timeout);
-            timeout = null;
-            func(...args);
-        };
-        clearTimeout(timeout);
-        timeout = window.setTimeout(later, wait);
-    };
-}
-
-//# sourceMappingURL=debounce.js.map

package/dist/field/lexical/plugins/handles/DraggableBlockPlugin/debounce.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/field/lexical/plugins/handles/DraggableBlockPlugin/debounce.ts"],"sourcesContent":["export function debounce(func: Function, wait: number) {\n  let timeout: null | number = null\n  return function (...args: any[]) {\n    const later = () => {\n      clearTimeout(timeout)\n      timeout = null\n      func(...args)\n    }\n\n    clearTimeout(timeout)\n    timeout = window.setTimeout(later, wait)\n  }\n}\n"],"names":["debounce","func","wait","timeout","args","later","clearTimeout","window","setTimeout"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAO,SAASA,SAASC,IAAc,EAAEC,IAAY;IACnD,IAAIC,UAAyB;IAC7B,OAAO,SAAU,GAAGC,IAAW;QAC7B,MAAMC,QAAQ;YACZC,aAAaH;YACbA,UAAU;YACVF,QAAQG;QACV;QAEAE,aAAaH;QACbA,UAAUI,OAAOC,UAAU,CAACH,OAAOH;IACrC;AACF"}

package/dist/field/lexical/plugins/handles/DraggableBlockPlugin/getBoundingRectWithoutTransform.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getBoundingRectWithoutTransform.d.ts","sourceRoot":"","sources":["../../../../../../src/field/lexical/plugins/handles/DraggableBlockPlugin/getBoundingRectWithoutTransform.ts"],"names":[],"mappings":"AAAA,wBAAgB,qCAAqC,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAchF"}

package/dist/field/lexical/plugins/handles/DraggableBlockPlugin/getBoundingRectWithoutTransform.js

@@ -1,14 +0,0 @@
-export function getBoundingClientRectWithoutTransform(elem) {
-    const rect = elem.getBoundingClientRect();
-    // Extract the translation value from the transform style
-    const transformValue = getComputedStyle(elem).getPropertyValue('transform');
-    if (!transformValue || transformValue === 'none') {
-        return rect;
-    }
-    const lastNumberOfTransformValue = transformValue.split(',').pop();
-    rect.y = rect.y - Number(lastNumberOfTransformValue.replace(')', ''));
-    // Return the original bounding rect if no translation is applied
-    return rect;
-}
-
-//# sourceMappingURL=getBoundingRectWithoutTransform.js.map

package/dist/field/lexical/plugins/handles/DraggableBlockPlugin/getBoundingRectWithoutTransform.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/field/lexical/plugins/handles/DraggableBlockPlugin/getBoundingRectWithoutTransform.ts"],"sourcesContent":["export function getBoundingClientRectWithoutTransform(elem: HTMLElement): DOMRect {\n  const rect = elem.getBoundingClientRect()\n\n  // Extract the translation value from the transform style\n  const transformValue = getComputedStyle(elem).getPropertyValue('transform')\n  if (!transformValue || transformValue === 'none') {\n    return rect\n  }\n\n  const lastNumberOfTransformValue = transformValue.split(',').pop()\n  rect.y = rect.y - Number(lastNumberOfTransformValue.replace(')', ''))\n\n  // Return the original bounding rect if no translation is applied\n  return rect\n}\n"],"names":["getBoundingClientRectWithoutTransform","elem","rect","getBoundingClientRect","transformValue","getComputedStyle","getPropertyValue","lastNumberOfTransformValue","split","pop","y","Number","replace"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAO,SAASA,sCAAsCC,IAAiB;IACrE,MAAMC,OAAOD,KAAKE,qBAAqB;IAEvC,yDAAyD;IACzD,MAAMC,iBAAiBC,iBAAiBJ,MAAMK,gBAAgB,CAAC;IAC/D,IAAI,CAACF,kBAAkBA,mBAAmB,QAAQ;QAChD,OAAOF;IACT;IAEA,MAAMK,6BAA6BH,eAAeI,KAAK,CAAC,KAAKC,GAAG;IAChEP,KAAKQ,CAAC,GAAGR,KAAKQ,CAAC,GAAGC,OAAOJ,2BAA2BK,OAAO,CAAC,KAAK;IAEjE,iEAAiE;IACjE,OAAOV;AACT"}

package/dist/field/lexical/plugins/handles/DraggableBlockPlugin/getNodeCloseToPoint.d.ts

@@ -1,27 +0,0 @@
-import type { LexicalEditor, LexicalNode } from 'lexical';
-import { Point } from '../../../utils/point.js';
-type Props = {
-    anchorElem: HTMLElement;
-    cache_treshold?: number;
-    editor: LexicalEditor;
-    /** fuzzy makes the search not exact. If no exact match found, find the closes node instead of returning null */
-    fuzzy?: boolean;
-    horizontalOffset?: number;
-    point: Point;
-    /**
-     * The index to start searching from. It can be a considerable performance optimization to start searching from the index of the
-     * previously found node, as the node is likely to be close to the next node.
-     */
-    startIndex?: number;
-    useEdgeAsDefault?: boolean;
-    verbose?: boolean;
-};
-type Output = {
-    blockElem: HTMLElement | null;
-    blockNode: LexicalNode | null;
-    foundAtIndex: number;
-    isFoundNodeEmptyParagraph: boolean;
-};
-export declare function getNodeCloseToPoint(props: Props): Output;
-export {};
-//# sourceMappingURL=getNodeCloseToPoint.d.ts.map

package/dist/field/lexical/plugins/handles/DraggableBlockPlugin/getNodeCloseToPoint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getNodeCloseToPoint.d.ts","sourceRoot":"","sources":["../../../../../../src/field/lexical/plugins/handles/DraggableBlockPlugin/getNodeCloseToPoint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAKzD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAW/C,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,WAAW,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,EAAE,aAAa,CAAA;IACrB,gHAAgH;IAChH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,KAAK,EAAE,KAAK,CAAA;IACZ;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,SAAS,EAAE,WAAW,GAAG,IAAI,CAAA;IAC7B,SAAS,EAAE,WAAW,GAAG,IAAI,CAAA;IAC7B,YAAY,EAAE,MAAM,CAAA;IACpB,yBAAyB,EAAE,OAAO,CAAA;CACnC,CAAA;AAaD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAkLxD"}

package/dist/field/lexical/plugins/handles/DraggableBlockPlugin/getNodeCloseToPoint.js

@@ -1,151 +0,0 @@
-import lexicalImport from 'lexical';
-const { $getNodeByKey } = lexicalImport;
-import { Point } from '../../../utils/point.js';
-import { Rect } from '../../../utils/rect.js';
-import { getCollapsedMargins } from '../utils/getCollapsedMargins.js';
-import { getTopLevelNodeKeys } from '../utils/getTopLevelNodeKeys.js';
-import { getBoundingClientRectWithoutTransform } from './getBoundingRectWithoutTransform.js';
-// Directions
-const Downward = 1;
-const Upward = -1;
-const Indeterminate = 0;
-const cache = {
-    props: null,
-    result: null
-};
-function isPointClose(previous, current, threshold = 20) {
-    const dx = previous.x - current.x;
-    const dy = previous.y - current.y;
-    return dx * dx + dy * dy <= threshold * threshold;
-}
-export function getNodeCloseToPoint(props) {
-    const { anchorElem, cache_treshold = 20, editor, fuzzy = false, horizontalOffset = 0, point: { x, y }, startIndex = 0, useEdgeAsDefault = false, verbose = false } = props;
-    // Use cache
-    if (cache_treshold > 0 && cache.props && cache.result && cache.props.fuzzy === props.fuzzy && cache.props.horizontalOffset === props.horizontalOffset && cache.props.useEdgeAsDefault === props.useEdgeAsDefault && isPointClose(cache.props.point, props.point, cache_treshold)) {
-        if (verbose) {
-        //console.log('Returning cached result')
-        }
-        return cache.result;
-    }
-    const anchorElementRect = anchorElem.getBoundingClientRect();
-    const topLevelNodeKeys = getTopLevelNodeKeys(editor);
-    const closestBlockElem = {
-        blockElem: null,
-        blockNode: null,
-        distance: Infinity,
-        foundAtIndex: -1,
-        isFoundNodeEmptyParagraph: false
-    };
-    // Return null if matching block element is the first or last node
-    editor.getEditorState().read(()=>{
-        if (useEdgeAsDefault) {
-            const [firstNode, lastNode] = [
-                editor.getElementByKey(topLevelNodeKeys[0]),
-                editor.getElementByKey(topLevelNodeKeys[topLevelNodeKeys.length - 1])
-            ];
-            const [firstNodeRect, lastNodeRect] = [
-                getBoundingClientRectWithoutTransform(firstNode),
-                getBoundingClientRectWithoutTransform(lastNode)
-            ];
-            if (firstNodeRect && lastNodeRect) {
-                if (y < firstNodeRect.top) {
-                    closestBlockElem.blockElem = firstNode;
-                    closestBlockElem.distance = firstNodeRect.top - y;
-                    closestBlockElem.blockNode = $getNodeByKey(topLevelNodeKeys[0]);
-                    closestBlockElem.foundAtIndex = 0;
-                } else if (y > lastNodeRect.bottom) {
-                    closestBlockElem.distance = y - lastNodeRect.bottom;
-                    closestBlockElem.blockNode = $getNodeByKey(topLevelNodeKeys[topLevelNodeKeys.length - 1]);
-                    closestBlockElem.blockElem = lastNode;
-                    closestBlockElem.foundAtIndex = topLevelNodeKeys.length - 1;
-                }
-                if (closestBlockElem?.blockElem) {
-                    if (verbose) {
-                    //console.log('useEdgeAsDefault', useEdgeAsDefault)
-                    }
-                    return {
-                        blockElem: null,
-                        isFoundNodeEmptyParagraph: false
-                    };
-                }
-            }
-        }
-        // Find matching block element
-        let index = startIndex;
-        let direction = Indeterminate;
-        if (verbose) {
-        //console.log('start index', startIndex)
-        }
-        while(index >= 0 && index < topLevelNodeKeys.length){
-            const key = topLevelNodeKeys[index];
-            const elem = editor.getElementByKey(key);
-            if (elem === null) {
-                break;
-            }
-            const point = new Point(x + horizontalOffset, y);
-            //const domRect = Rect.fromDOM(elem)
-            // Do not consider transform of blocks when calculating distance
-            const domRect = Rect.fromDOMRect(getBoundingClientRectWithoutTransform(elem));
-            const { marginBottom, marginTop } = getCollapsedMargins(elem);
-            const rect = domRect.generateNewRect({
-                bottom: domRect.bottom + marginBottom,
-                left: anchorElementRect.left,
-                right: anchorElementRect.right,
-                top: domRect.top - marginTop
-            });
-            const { distance, isOnBottomSide, isOnTopSide } = rect.distanceFromPoint(point);
-            if (verbose) {
-            //console.log('distance', distance)
-            }
-            if (distance === 0) {
-                closestBlockElem.blockElem = elem;
-                closestBlockElem.blockNode = $getNodeByKey(key);
-                closestBlockElem.foundAtIndex = index;
-                closestBlockElem.distance = distance;
-                // Check if blockNode is an empty text node
-                if (closestBlockElem.blockNode && closestBlockElem.blockNode.getType() === 'paragraph' && closestBlockElem.blockNode.getTextContent() === '') {
-                    if (!fuzzy) {
-                        closestBlockElem.blockElem = null;
-                        closestBlockElem.blockNode = null;
-                    }
-                    closestBlockElem.isFoundNodeEmptyParagraph = true;
-                }
-                break;
-            } else if (fuzzy) {
-                if (distance < closestBlockElem.distance) {
-                    closestBlockElem.blockElem = elem;
-                    closestBlockElem.blockNode = $getNodeByKey(key);
-                    closestBlockElem.distance = distance;
-                    closestBlockElem.foundAtIndex = index;
-                }
-            }
-            if (direction === Indeterminate) {
-                if (isOnTopSide) {
-                    direction = Upward;
-                } else if (isOnBottomSide) {
-                    direction = Downward;
-                } else {
-                    // stop search block element
-                    direction = Infinity;
-                }
-            }
-            index += direction;
-        }
-    });
-    // Store in cache before returning
-    cache.props = props;
-    cache.result = {
-        blockElem: closestBlockElem.blockElem,
-        blockNode: closestBlockElem.blockNode,
-        foundAtIndex: closestBlockElem.foundAtIndex,
-        isFoundNodeEmptyParagraph: closestBlockElem.isFoundNodeEmptyParagraph
-    };
-    return {
-        blockElem: closestBlockElem.blockElem,
-        blockNode: closestBlockElem.blockNode,
-        foundAtIndex: closestBlockElem.foundAtIndex,
-        isFoundNodeEmptyParagraph: closestBlockElem.isFoundNodeEmptyParagraph
-    };
-}
-
-//# sourceMappingURL=getNodeCloseToPoint.js.map

package/dist/field/lexical/plugins/handles/DraggableBlockPlugin/getNodeCloseToPoint.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/field/lexical/plugins/handles/DraggableBlockPlugin/getNodeCloseToPoint.ts"],"sourcesContent":["import type { LexicalEditor, LexicalNode } from 'lexical'\n\nimport lexicalImport from 'lexical'\nconst { $getNodeByKey } = lexicalImport\n\nimport { Point } from '../../../utils/point.js'\nimport { Rect } from '../../../utils/rect.js'\nimport { getCollapsedMargins } from '../utils/getCollapsedMargins.js'\nimport { getTopLevelNodeKeys } from '../utils/getTopLevelNodeKeys.js'\nimport { getBoundingClientRectWithoutTransform } from './getBoundingRectWithoutTransform.js'\n\n// Directions\nconst Downward = 1\nconst Upward = -1\nconst Indeterminate = 0\n\ntype Props = {\n  anchorElem: HTMLElement\n  cache_treshold?: number\n  editor: LexicalEditor\n  /** fuzzy makes the search not exact. If no exact match found, find the closes node instead of returning null */\n  fuzzy?: boolean\n  horizontalOffset?: number\n  point: Point\n  /**\n   * The index to start searching from. It can be a considerable performance optimization to start searching from the index of the\n   * previously found node, as the node is likely to be close to the next node.\n   */\n  startIndex?: number\n  useEdgeAsDefault?: boolean\n  verbose?: boolean\n}\n\ntype Output = {\n  blockElem: HTMLElement | null\n  blockNode: LexicalNode | null\n  foundAtIndex: number\n  isFoundNodeEmptyParagraph: boolean\n}\n\nconst cache = {\n  props: null as Props | null,\n  result: null as Output | null,\n}\n\nfunction isPointClose(previous: Point, current: Point, threshold: number = 20): boolean {\n  const dx = previous.x - current.x\n  const dy = previous.y - current.y\n  return dx * dx + dy * dy <= threshold * threshold\n}\n\nexport function getNodeCloseToPoint(props: Props): Output {\n  const {\n    anchorElem,\n    cache_treshold = 20,\n    editor,\n    fuzzy = false,\n    horizontalOffset = 0,\n    point: { x, y },\n    startIndex = 0,\n    useEdgeAsDefault = false,\n    verbose = false,\n  } = props\n\n  // Use cache\n  if (\n    cache_treshold > 0 &&\n    cache.props &&\n    cache.result &&\n    cache.props.fuzzy === props.fuzzy &&\n    cache.props.horizontalOffset === props.horizontalOffset &&\n    cache.props.useEdgeAsDefault === props.useEdgeAsDefault &&\n    isPointClose(cache.props.point, props.point, cache_treshold)\n  ) {\n    if (verbose) {\n      //console.log('Returning cached result')\n    }\n    return cache.result\n  }\n\n  const anchorElementRect = anchorElem.getBoundingClientRect()\n  const topLevelNodeKeys = getTopLevelNodeKeys(editor)\n\n  const closestBlockElem: {\n    blockElem: HTMLElement | null\n    blockNode: LexicalNode | null\n    distance: number\n    foundAtIndex: number\n    isFoundNodeEmptyParagraph: boolean\n  } = {\n    blockElem: null,\n    blockNode: null,\n    distance: Infinity,\n    foundAtIndex: -1,\n    isFoundNodeEmptyParagraph: false,\n  }\n\n  // Return null if matching block element is the first or last node\n  editor.getEditorState().read(() => {\n    if (useEdgeAsDefault) {\n      const [firstNode, lastNode] = [\n        editor.getElementByKey(topLevelNodeKeys[0]),\n        editor.getElementByKey(topLevelNodeKeys[topLevelNodeKeys.length - 1]),\n      ]\n\n      const [firstNodeRect, lastNodeRect] = [\n        getBoundingClientRectWithoutTransform(firstNode),\n        getBoundingClientRectWithoutTransform(lastNode),\n      ]\n\n      if (firstNodeRect && lastNodeRect) {\n        if (y < firstNodeRect.top) {\n          closestBlockElem.blockElem = firstNode\n          closestBlockElem.distance = firstNodeRect.top - y\n          closestBlockElem.blockNode = $getNodeByKey(topLevelNodeKeys[0])\n          closestBlockElem.foundAtIndex = 0\n        } else if (y > lastNodeRect.bottom) {\n          closestBlockElem.distance = y - lastNodeRect.bottom\n          closestBlockElem.blockNode = $getNodeByKey(topLevelNodeKeys[topLevelNodeKeys.length - 1])\n          closestBlockElem.blockElem = lastNode\n          closestBlockElem.foundAtIndex = topLevelNodeKeys.length - 1\n        }\n\n        if (closestBlockElem?.blockElem) {\n          if (verbose) {\n            //console.log('useEdgeAsDefault', useEdgeAsDefault)\n          }\n\n          return {\n            blockElem: null,\n            isFoundNodeEmptyParagraph: false,\n          } as Output\n        }\n      }\n    }\n\n    // Find matching block element\n    let index = startIndex\n    let direction = Indeterminate\n\n    if (verbose) {\n      //console.log('start index', startIndex)\n    }\n\n    while (index >= 0 && index < topLevelNodeKeys.length) {\n      const key = topLevelNodeKeys[index]\n      const elem = editor.getElementByKey(key)\n      if (elem === null) {\n        break\n      }\n      const point = new Point(x + horizontalOffset, y)\n      //const domRect = Rect.fromDOM(elem)\n      // Do not consider transform of blocks when calculating distance\n      const domRect = Rect.fromDOMRect(getBoundingClientRectWithoutTransform(elem))\n\n      const { marginBottom, marginTop } = getCollapsedMargins(elem)\n\n      const rect = domRect.generateNewRect({\n        bottom: domRect.bottom + marginBottom,\n        left: anchorElementRect.left,\n        right: anchorElementRect.right,\n        top: domRect.top - marginTop,\n      })\n\n      const { distance, isOnBottomSide, isOnTopSide } = rect.distanceFromPoint(point)\n\n      if (verbose) {\n        //console.log('distance', distance)\n      }\n\n      if (distance === 0) {\n        closestBlockElem.blockElem = elem\n        closestBlockElem.blockNode = $getNodeByKey(key)\n        closestBlockElem.foundAtIndex = index\n        closestBlockElem.distance = distance\n\n        // Check if blockNode is an empty text node\n        if (\n          closestBlockElem.blockNode &&\n          closestBlockElem.blockNode.getType() === 'paragraph' &&\n          closestBlockElem.blockNode.getTextContent() === ''\n        ) {\n          if (!fuzzy) {\n            closestBlockElem.blockElem = null\n            closestBlockElem.blockNode = null\n          }\n\n          closestBlockElem.isFoundNodeEmptyParagraph = true\n        }\n        break\n      } else if (fuzzy) {\n        if (distance < closestBlockElem.distance) {\n          closestBlockElem.blockElem = elem\n          closestBlockElem.blockNode = $getNodeByKey(key)\n          closestBlockElem.distance = distance\n          closestBlockElem.foundAtIndex = index\n        }\n      }\n\n      if (direction === Indeterminate) {\n        if (isOnTopSide) {\n          direction = Upward\n        } else if (isOnBottomSide) {\n          direction = Downward\n        } else {\n          // stop search block element\n          direction = Infinity\n        }\n      }\n\n      index += direction\n    }\n  })\n\n  // Store in cache before returning\n  cache.props = props\n  cache.result = {\n    blockElem: closestBlockElem.blockElem,\n    blockNode: closestBlockElem.blockNode,\n    foundAtIndex: closestBlockElem.foundAtIndex,\n    isFoundNodeEmptyParagraph: closestBlockElem.isFoundNodeEmptyParagraph,\n  }\n\n  return {\n    blockElem: closestBlockElem.blockElem,\n    blockNode: closestBlockElem.blockNode,\n    foundAtIndex: closestBlockElem.foundAtIndex,\n    isFoundNodeEmptyParagraph: closestBlockElem.isFoundNodeEmptyParagraph,\n  }\n}\n"],"names":["lexicalImport","$getNodeByKey","Point","Rect","getCollapsedMargins","getTopLevelNodeKeys","getBoundingClientRectWithoutTransform","Downward","Upward","Indeterminate","cache","props","result","isPointClose","previous","current","threshold","dx","x","dy","y","getNodeCloseToPoint","anchorElem","cache_treshold","editor","fuzzy","horizontalOffset","point","startIndex","useEdgeAsDefault","verbose","anchorElementRect","getBoundingClientRect","topLevelNodeKeys","closestBlockElem","blockElem","blockNode","distance","Infinity","foundAtIndex","isFoundNodeEmptyParagraph","getEditorState","read","firstNode","lastNode","getElementByKey","length","firstNodeRect","lastNodeRect","top","bottom","index","direction","key","elem","domRect","fromDOMRect","marginBottom","marginTop","rect","generateNewRect","left","right","isOnBottomSide","isOnTopSide","distanceFromPoint","getType","getTextContent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/field/lexical/plugins/handles/DraggableBlockPlugin/highlightElemOriginalPosition.d.ts

@@ -1,3 +0,0 @@
-import type React from 'react';
-export declare function highlightElemOriginalPosition(debugHighlightRef: React.RefObject<HTMLDivElement>, htmlElem: HTMLElement, anchorElem: HTMLElement): void;
-//# sourceMappingURL=highlightElemOriginalPosition.d.ts.map

package/dist/field/lexical/plugins/handles/DraggableBlockPlugin/highlightElemOriginalPosition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"highlightElemOriginalPosition.d.ts","sourceRoot":"","sources":["../../../../../../src/field/lexical/plugins/handles/DraggableBlockPlugin/highlightElemOriginalPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,wBAAgB,6BAA6B,CAC3C,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAClD,QAAQ,EAAE,WAAW,EACrB,UAAU,EAAE,WAAW,QA4BxB"}

package/dist/field/lexical/plugins/handles/DraggableBlockPlugin/highlightElemOriginalPosition.js

@@ -1,27 +0,0 @@
-import { getBoundingClientRectWithoutTransform } from './getBoundingRectWithoutTransform.js';
-export function highlightElemOriginalPosition(debugHighlightRef, htmlElem, anchorElem) {
-    if (!debugHighlightRef.current) {
-        // If the ref doesn't point to an existing element, we can't set styles
-        return;
-    }
-    const { left: anchorLeft, top: anchorTop } = anchorElem.getBoundingClientRect();
-    // Get computed styles of the given element
-    const boundingRect = getBoundingClientRectWithoutTransform(htmlElem);
-    // Extract necessary styles (ignoring transform)
-    const width = boundingRect.width;
-    const height = boundingRect.height;
-    const top = boundingRect.top - anchorTop;
-    const left = boundingRect.left - anchorLeft;
-    debugHighlightRef.current.style.border = '2px solid green';
-    debugHighlightRef.current.style.boxSizing = 'border-box';
-    debugHighlightRef.current.style.height = height + 'px';
-    debugHighlightRef.current.style.pointerEvents = 'none';
-    debugHighlightRef.current.style.position = 'absolute';
-    debugHighlightRef.current.style.top = top + 'px';
-    debugHighlightRef.current.style.left = left + 'px';
-    debugHighlightRef.current.style.width = width + 'px';
-    debugHighlightRef.current.style.zIndex = '1000';
-    debugHighlightRef.current.style.opacity = '0.5';
-}
-
-//# sourceMappingURL=highlightElemOriginalPosition.js.map