@payloadcms/richtext-lexical 3.0.0-beta.85 → 3.0.0-beta.87

package/dist/lexical/plugins/handles/DraggableBlockPlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\nimport type { DragEvent as ReactDragEvent } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { eventFiles } from '@lexical/rich-text'\nimport { $getNearestNodeFromDOMNode, $getNodeByKey } from 'lexical'\nimport * as React from 'react'\nimport { useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEditorConfigContext } from '../../../config/client/EditorConfigProvider.js'\nimport { isHTMLElement } from '../../../utils/guard.js'\nimport { Point } from '../../../utils/point.js'\nimport { calculateDistanceFromScrollerElem } from '../utils/calculateDistanceFromScrollerElem.js'\nimport { getNodeCloseToPoint } from '../utils/getNodeCloseToPoint.js'\nimport { getTopLevelNodeKeys } from '../utils/getTopLevelNodeKeys.js'\nimport { isOnHandleElement } from '../utils/isOnHandleElement.js'\nimport { setHandlePosition } from '../utils/setHandlePosition.js'\nimport { getBoundingClientRectWithoutTransform } from './getBoundingRectWithoutTransform.js'\nimport './index.scss'\nimport { setTargetLine } from './setTargetLine.js'\n\nconst DRAGGABLE_BLOCK_MENU_CLASSNAME = 'draggable-block-menu'\nconst DRAG_DATA_FORMAT = 'application/x-lexical-drag-block'\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 setDragImage(dataTransfer: DataTransfer, draggableBlockElem: HTMLElement) {\n  const { transform } = draggableBlockElem.style\n\n  // Remove dragImage borders\n  dataTransfer.setDragImage(draggableBlockElem, 0, 0)\n\n  setTimeout(() => {\n    draggableBlockElem.style.transform = transform\n  })\n}\n\nfunction hideTargetLine(\n  targetLineElem: HTMLElement | null,\n  lastTargetBlockElem: HTMLElement | null,\n) {\n  if (targetLineElem) {\n    targetLineElem.style.opacity = '0'\n  }\n  if (lastTargetBlockElem) {\n    lastTargetBlockElem.style.opacity = ''\n    // Delete marginBottom and marginTop values we set\n    lastTargetBlockElem.style.marginBottom = ''\n    lastTargetBlockElem.style.marginTop = ''\n    //lastTargetBlock.style.border = 'none'\n  }\n}\n\nfunction useDraggableBlockMenu(\n  editor: LexicalEditor,\n  anchorElem: HTMLElement,\n  isEditable: boolean,\n): React.ReactElement {\n  const scrollerElem = anchorElem.parentElement\n\n  const menuRef = useRef<HTMLDivElement>(null)\n  const targetLineRef = useRef<HTMLDivElement>(null)\n  const debugHighlightRef = useRef<HTMLDivElement>(null)\n  const isDraggingBlockRef = useRef<boolean>(false)\n  const [draggableBlockElem, setDraggableBlockElem] = useState<HTMLElement | null>(null)\n  const [lastTargetBlock, setLastTargetBlock] = useState<{\n    boundingBox?: DOMRect\n    elem: HTMLElement | null\n    isBelow: boolean\n  }>(null)\n\n  const { editorConfig } = useEditorConfigContext()\n\n  const blockHandleHorizontalOffset = editorConfig?.admin?.hideGutter ? -44 : -8\n\n  useEffect(() => {\n    /**\n     * Handles positioning of the drag handle\n     */\n    function onDocumentMouseMove(event: MouseEvent) {\n      const target = event.target\n      if (!isHTMLElement(target)) {\n        return\n      }\n\n      const distanceFromScrollerElem = calculateDistanceFromScrollerElem(\n        scrollerElem,\n        event.pageX,\n        event.pageY,\n        target,\n      )\n      if (distanceFromScrollerElem === -1) {\n        setDraggableBlockElem(null)\n        return\n      }\n\n      if (isOnHandleElement(target, DRAGGABLE_BLOCK_MENU_CLASSNAME)) {\n        return\n      }\n\n      const topLevelNodeKeys = getTopLevelNodeKeys(editor)\n\n      const {\n        blockElem: _draggableBlockElem,\n        foundAtIndex,\n        isFoundNodeEmptyParagraph,\n      } = getNodeCloseToPoint({\n        anchorElem,\n        cache_threshold: 0,\n        editor,\n        horizontalOffset: -distanceFromScrollerElem,\n        point: new Point(event.x, event.y),\n        startIndex: getCurrentIndex(topLevelNodeKeys.length),\n        useEdgeAsDefault: false,\n        verbose: false,\n      })\n\n      prevIndex = foundAtIndex\n\n      //if (DEBUG && _draggableBlockElem) {\n      //targetBlockElem.style.border = '3px solid red'\n      // highlightElemOriginalPosition(debugHighlightRef, _draggableBlockElem, anchorElem)\n      //}\n\n      if (!_draggableBlockElem && !isFoundNodeEmptyParagraph) {\n        return\n      }\n\n      if (draggableBlockElem !== _draggableBlockElem) {\n        setDraggableBlockElem(_draggableBlockElem)\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, draggableBlockElem])\n\n  useEffect(() => {\n    if (menuRef.current) {\n      setHandlePosition(\n        draggableBlockElem,\n        menuRef.current,\n        anchorElem,\n        blockHandleHorizontalOffset,\n      )\n    }\n  }, [anchorElem, draggableBlockElem, blockHandleHorizontalOffset])\n\n  useEffect(() => {\n    function onDragover(event: DragEvent): boolean {\n      if (!isDraggingBlockRef.current) {\n        return false\n      }\n      const [isFileTransfer] = eventFiles(event)\n      if (isFileTransfer) {\n        return false\n      }\n\n      const { pageY, target } = event\n      if (!isHTMLElement(target)) {\n        return false\n      }\n\n      const distanceFromScrollerElem = calculateDistanceFromScrollerElem(\n        scrollerElem,\n        event.pageX,\n        event.pageY,\n        target,\n        100,\n        50,\n      )\n\n      const topLevelNodeKeys = getTopLevelNodeKeys(editor)\n\n      const {\n        blockElem: targetBlockElem,\n        foundAtIndex,\n        isFoundNodeEmptyParagraph,\n      } = getNodeCloseToPoint({\n        anchorElem,\n        editor,\n        fuzzy: true,\n        horizontalOffset: -distanceFromScrollerElem,\n        point: new Point(event.x, event.y),\n        startIndex: getCurrentIndex(topLevelNodeKeys.length),\n        useEdgeAsDefault: true,\n        verbose: true,\n      })\n\n      prevIndex = foundAtIndex\n\n      const targetLineElem = targetLineRef.current\n      // targetBlockElem === null shouldn't happen\n      if (targetBlockElem === null || targetLineElem === null) {\n        return false\n      }\n\n      if (draggableBlockElem !== targetBlockElem) {\n        const { isBelow, willStayInSamePosition } = setTargetLine(\n          editorConfig?.admin?.hideGutter ? '0px' : '3rem',\n          blockHandleHorizontalOffset +\n            (editorConfig?.admin?.hideGutter\n              ? menuRef?.current?.getBoundingClientRect()?.width ?? 0\n              : -(menuRef?.current?.getBoundingClientRect()?.width ?? 0)),\n          targetLineElem,\n          targetBlockElem,\n          lastTargetBlock,\n          pageY,\n          anchorElem,\n          event,\n          debugHighlightRef,\n          isFoundNodeEmptyParagraph,\n        )\n\n        // Prevent default event to be able to trigger onDrop events\n        // Calling preventDefault() adds the green plus icon to the cursor,\n        // indicating that the drop is allowed.\n        event.preventDefault()\n\n        if (!willStayInSamePosition) {\n          setLastTargetBlock({\n            boundingBox: targetBlockElem.getBoundingClientRect(),\n            elem: targetBlockElem,\n            isBelow,\n          })\n        }\n      } else {\n        hideTargetLine(targetLineElem, lastTargetBlock?.elem)\n        setLastTargetBlock({\n          boundingBox: targetBlockElem.getBoundingClientRect(),\n          elem: targetBlockElem,\n          isBelow: false,\n        })\n      }\n\n      return true\n    }\n\n    function onDrop(event: DragEvent): boolean {\n      if (!isDraggingBlockRef.current) {\n        return false\n      }\n      const [isFileTransfer] = eventFiles(event)\n      if (isFileTransfer) {\n        return false\n      }\n      const { dataTransfer, pageY, target } = event\n      const dragData = dataTransfer?.getData(DRAG_DATA_FORMAT) || ''\n\n      editor.update(() => {\n        const draggedNode = $getNodeByKey(dragData)\n        if (!draggedNode) {\n          return false\n        }\n        if (!isHTMLElement(target)) {\n          return false\n        }\n        const distanceFromScrollerElem = calculateDistanceFromScrollerElem(\n          scrollerElem,\n          event.pageX,\n          event.pageY,\n          target,\n          100,\n          50,\n        )\n\n        const { blockElem: targetBlockElem, isFoundNodeEmptyParagraph } = getNodeCloseToPoint({\n          anchorElem,\n          editor,\n          fuzzy: true,\n          horizontalOffset: -distanceFromScrollerElem,\n          point: new Point(event.x, event.y),\n          useEdgeAsDefault: true,\n        })\n\n        if (!targetBlockElem) {\n          return false\n        }\n        const targetNode = $getNearestNodeFromDOMNode(targetBlockElem)\n        if (!targetNode) {\n          return false\n        }\n        if (targetNode === draggedNode) {\n          return true\n        }\n\n        const { height: targetBlockElemHeight, top: targetBlockElemTop } =\n          getBoundingClientRectWithoutTransform(targetBlockElem)\n\n        const mouseY = pageY\n        const isBelow = mouseY >= targetBlockElemTop + targetBlockElemHeight / 2 + window.scrollY\n\n        if (!isFoundNodeEmptyParagraph) {\n          if (isBelow) {\n            // below targetBlockElem\n            targetNode.insertAfter(draggedNode)\n          } else {\n            // above targetBlockElem\n            targetNode.insertBefore(draggedNode)\n          }\n        } else {\n          //\n          targetNode.insertBefore(draggedNode)\n          targetNode.remove()\n        }\n\n        /*\n        if (pageY >= targetBlockElemTop + targetBlockElemHeight / 2) {\n          targetNode.insertAfter(draggedNode)\n        } else {\n          targetNode.insertBefore(draggedNode)\n        }*/\n        if (draggableBlockElem !== null) {\n          setDraggableBlockElem(null)\n        }\n\n        // find all previous elements with lexical-block-highlighter class and remove them\n        const allPrevHighlighters = document.querySelectorAll('.lexical-block-highlighter')\n        allPrevHighlighters.forEach((highlighter) => {\n          highlighter.remove()\n        })\n\n        const newInsertedElem = editor.getElementByKey(draggedNode.getKey())\n        setTimeout(() => {\n          // add new temp html element to newInsertedElem with the same height and width and the class block-selected\n          // to highlight the new inserted element\n          const newInsertedElemRect = newInsertedElem.getBoundingClientRect()\n\n          const highlightElem = document.createElement('div')\n          highlightElem.className = 'lexical-block-highlighter'\n\n          // if html data-theme is dark, set the highlighter color to white\n          if (document.documentElement.getAttribute('data-theme') === 'dark') {\n            highlightElem.style.backgroundColor = 'white'\n          } else {\n            highlightElem.style.backgroundColor = 'black'\n          }\n\n          highlightElem.style.transition = 'opacity 0.1s ease-in-out'\n          highlightElem.style.zIndex = '1'\n          highlightElem.style.pointerEvents = 'none'\n          highlightElem.style.boxSizing = 'border-box'\n          highlightElem.style.borderRadius = '4px'\n          highlightElem.style.position = 'absolute'\n          document.body.appendChild(highlightElem)\n\n          highlightElem.style.opacity = '0.1'\n\n          highlightElem.style.height = `${newInsertedElemRect.height + 8}px`\n          highlightElem.style.width = `${newInsertedElemRect.width + 8}px`\n          highlightElem.style.top = `${newInsertedElemRect.top + window.scrollY - 4}px`\n          highlightElem.style.left = `${newInsertedElemRect.left - 4}px`\n\n          setTimeout(() => {\n            highlightElem.style.opacity = '0'\n            setTimeout(() => {\n              highlightElem.remove()\n            }, 1000)\n          }, 3000)\n        }, 120)\n      })\n\n      return true\n    }\n\n    // register onDragover event listeners:\n    document.addEventListener('dragover', onDragover)\n    // register onDrop event listeners:\n    document.addEventListener('drop', onDrop)\n\n    return () => {\n      document.removeEventListener('dragover', onDragover)\n      document.removeEventListener('drop', onDrop)\n    }\n  }, [\n    scrollerElem,\n    blockHandleHorizontalOffset,\n    anchorElem,\n    editor,\n    lastTargetBlock,\n    draggableBlockElem,\n    editorConfig?.admin?.hideGutter,\n  ])\n\n  function onDragStart(event: ReactDragEvent<HTMLDivElement>): void {\n    const dataTransfer = event.dataTransfer\n    if (!dataTransfer || !draggableBlockElem) {\n      return\n    }\n    setDragImage(dataTransfer, draggableBlockElem)\n    let nodeKey = ''\n    editor.update(() => {\n      const node = $getNearestNodeFromDOMNode(draggableBlockElem)\n      if (node) {\n        nodeKey = node.getKey()\n      }\n    })\n    isDraggingBlockRef.current = true\n    dataTransfer.setData(DRAG_DATA_FORMAT, nodeKey)\n  }\n\n  function onDragEnd(): void {\n    isDraggingBlockRef.current = false\n    hideTargetLine(targetLineRef.current, lastTargetBlock?.elem)\n  }\n\n  return createPortal(\n    <React.Fragment>\n      <div\n        className=\"icon draggable-block-menu\"\n        draggable\n        onDragEnd={onDragEnd}\n        onDragStart={onDragStart}\n        ref={menuRef}\n      >\n        <div className={isEditable ? 'icon' : ''} />\n      </div>\n      <div className=\"draggable-block-target-line\" ref={targetLineRef} />\n      <div className=\"debug-highlight\" ref={debugHighlightRef} />\n    </React.Fragment>,\n    anchorElem,\n  )\n}\n\nexport function DraggableBlockPlugin({\n  anchorElem = document.body,\n}: {\n  anchorElem?: HTMLElement\n}): React.ReactElement {\n  const [editor] = useLexicalComposerContext()\n  return useDraggableBlockMenu(editor, anchorElem, editor._editable)\n}\n"],"names":["useLexicalComposerContext","eventFiles","$getNearestNodeFromDOMNode","$getNodeByKey","React","useEffect","useRef","useState","createPortal","useEditorConfigContext","isHTMLElement","Point","calculateDistanceFromScrollerElem","getNodeCloseToPoint","getTopLevelNodeKeys","isOnHandleElement","setHandlePosition","getBoundingClientRectWithoutTransform","setTargetLine","DRAGGABLE_BLOCK_MENU_CLASSNAME","DRAG_DATA_FORMAT","prevIndex","Infinity","getCurrentIndex","keysLength","Math","floor","setDragImage","dataTransfer","draggableBlockElem","transform","style","setTimeout","hideTargetLine","targetLineElem","lastTargetBlockElem","opacity","marginBottom","marginTop","useDraggableBlockMenu","editor","anchorElem","isEditable","scrollerElem","parentElement","menuRef","targetLineRef","debugHighlightRef","isDraggingBlockRef","setDraggableBlockElem","lastTargetBlock","setLastTargetBlock","editorConfig","blockHandleHorizontalOffset","admin","hideGutter","onDocumentMouseMove","event","target","distanceFromScrollerElem","pageX","pageY","topLevelNodeKeys","blockElem","_draggableBlockElem","foundAtIndex","isFoundNodeEmptyParagraph","cache_threshold","horizontalOffset","point","x","y","startIndex","length","useEdgeAsDefault","verbose","document","addEventListener","removeEventListener","current","onDragover","isFileTransfer","targetBlockElem","fuzzy","isBelow","willStayInSamePosition","getBoundingClientRect","width","preventDefault","boundingBox","elem","onDrop","dragData","getData","update","draggedNode","targetNode","height","targetBlockElemHeight","top","targetBlockElemTop","mouseY","window","scrollY","insertAfter","insertBefore","remove","allPrevHighlighters","querySelectorAll","forEach","highlighter","newInsertedElem","getElementByKey","getKey","newInsertedElemRect","highlightElem","createElement","className","documentElement","getAttribute","backgroundColor","transition","zIndex","pointerEvents","boxSizing","borderRadius","position","body","appendChild","left","onDragStart","nodeKey","node","setData","onDragEnd","Fragment","div","draggable","ref","DraggableBlockPlugin","_editable"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","eventFiles","$getNearestNodeFromDOMNode","$getNodeByKey","React","useEffect","useRef","useState","createPortal","useEditorConfigContext","isHTMLElement","Point","calculateDistanceFromScrollerElem","getNodeCloseToPoint","getTopLevelNodeKeys","isOnHandleElement","setHandlePosition","getBoundingClientRectWithoutTransform","setTargetLine","DRAGGABLE_BLOCK_MENU_CLASSNAME","DRAG_DATA_FORMAT","prevIndex","Infinity","getCurrentIndex","keysLength","Math","floor","setDragImage","dataTransfer","draggableBlockElem","transform","style","setTimeout","hideTargetLine","targetLineElem","lastTargetBlockElem","opacity","marginBottom","marginTop","useDraggableBlockMenu","editor","anchorElem","isEditable","$","scrollerElem","parentElement","menuRef","targetLineRef","debugHighlightRef","isDraggingBlockRef","setDraggableBlockElem","lastTargetBlock","setLastTargetBlock","editorConfig","blockHandleHorizontalOffset","admin","hideGutter","t0","t1","onDocumentMouseMove","event","target","distanceFromScrollerElem","pageX","pageY","topLevelNodeKeys","blockElem","_draggableBlockElem","foundAtIndex","isFoundNodeEmptyParagraph","cache_threshold","horizontalOffset","point","x","y","startIndex","length","useEdgeAsDefault","verbose","document","addEventListener","removeEventListener","t2","t3","current","t4","t5","onDragover","event_0","isFileTransfer","target_0","distanceFromScrollerElem_0","topLevelNodeKeys_0","targetBlockElem","foundAtIndex_0","isFoundNodeEmptyParagraph_0","fuzzy","isBelow","willStayInSamePosition","getBoundingClientRect","width","preventDefault","boundingBox","elem","onDrop","event_1","isFileTransfer_0","pageY_0","target_1","dragData","getData","update","draggedNode","distanceFromScrollerElem_1","targetBlockElem_0","isFoundNodeEmptyParagraph_1","targetNode","height","targetBlockElemHeight","top","targetBlockElemTop","mouseY","isBelow_0","window","scrollY","insertAfter","insertBefore","remove","allPrevHighlighters","querySelectorAll","forEach","highlighter","newInsertedElem","getElementByKey","getKey","newInsertedElemRect","highlightElem","createElement","className","documentElement","getAttribute","backgroundColor","transition","zIndex","pointerEvents","boxSizing","borderRadius","position","body","appendChild","left","onDragStart","event_2","dataTransfer_0","nodeKey","node","setData","onDragEnd","_jsxs","Fragment","children","_jsx","draggable","ref","DraggableBlockPlugin","undefined","_editable"],"sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor } from 'lexical'\nimport type { DragEvent as ReactDragEvent } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { eventFiles } from '@lexical/rich-text'\nimport { $getNearestNodeFromDOMNode, $getNodeByKey } from 'lexical'\nimport * as React from 'react'\nimport { useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEditorConfigContext } from '../../../config/client/EditorConfigProvider.js'\nimport { isHTMLElement } from '../../../utils/guard.js'\nimport { Point } from '../../../utils/point.js'\nimport { calculateDistanceFromScrollerElem } from '../utils/calculateDistanceFromScrollerElem.js'\nimport { getNodeCloseToPoint } from '../utils/getNodeCloseToPoint.js'\nimport { getTopLevelNodeKeys } from '../utils/getTopLevelNodeKeys.js'\nimport { isOnHandleElement } from '../utils/isOnHandleElement.js'\nimport { setHandlePosition } from '../utils/setHandlePosition.js'\nimport { getBoundingClientRectWithoutTransform } from './getBoundingRectWithoutTransform.js'\nimport './index.scss'\nimport { setTargetLine } from './setTargetLine.js'\n\nconst DRAGGABLE_BLOCK_MENU_CLASSNAME = 'draggable-block-menu'\nconst DRAG_DATA_FORMAT = 'application/x-lexical-drag-block'\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 setDragImage(dataTransfer: DataTransfer, draggableBlockElem: HTMLElement) {\n  const { transform } = draggableBlockElem.style\n\n  // Remove dragImage borders\n  dataTransfer.setDragImage(draggableBlockElem, 0, 0)\n\n  setTimeout(() => {\n    draggableBlockElem.style.transform = transform\n  })\n}\n\nfunction hideTargetLine(\n  targetLineElem: HTMLElement | null,\n  lastTargetBlockElem: HTMLElement | null,\n) {\n  if (targetLineElem) {\n    targetLineElem.style.opacity = '0'\n  }\n  if (lastTargetBlockElem) {\n    lastTargetBlockElem.style.opacity = ''\n    // Delete marginBottom and marginTop values we set\n    lastTargetBlockElem.style.marginBottom = ''\n    lastTargetBlockElem.style.marginTop = ''\n    //lastTargetBlock.style.border = 'none'\n  }\n}\n\nfunction useDraggableBlockMenu(\n  editor: LexicalEditor,\n  anchorElem: HTMLElement,\n  isEditable: boolean,\n): React.ReactElement {\n  const scrollerElem = anchorElem.parentElement\n\n  const menuRef = useRef<HTMLDivElement>(null)\n  const targetLineRef = useRef<HTMLDivElement>(null)\n  const debugHighlightRef = useRef<HTMLDivElement>(null)\n  const isDraggingBlockRef = useRef<boolean>(false)\n  const [draggableBlockElem, setDraggableBlockElem] = useState<HTMLElement | null>(null)\n  const [lastTargetBlock, setLastTargetBlock] = useState<{\n    boundingBox?: DOMRect\n    elem: HTMLElement | null\n    isBelow: boolean\n  }>(null)\n\n  const { editorConfig } = useEditorConfigContext()\n\n  const blockHandleHorizontalOffset = editorConfig?.admin?.hideGutter ? -44 : -8\n\n  useEffect(() => {\n    /**\n     * Handles positioning of the drag handle\n     */\n    function onDocumentMouseMove(event: MouseEvent) {\n      const target = event.target\n      if (!isHTMLElement(target)) {\n        return\n      }\n\n      const distanceFromScrollerElem = calculateDistanceFromScrollerElem(\n        scrollerElem,\n        event.pageX,\n        event.pageY,\n        target,\n      )\n      if (distanceFromScrollerElem === -1) {\n        setDraggableBlockElem(null)\n        return\n      }\n\n      if (isOnHandleElement(target, DRAGGABLE_BLOCK_MENU_CLASSNAME)) {\n        return\n      }\n\n      const topLevelNodeKeys = getTopLevelNodeKeys(editor)\n\n      const {\n        blockElem: _draggableBlockElem,\n        foundAtIndex,\n        isFoundNodeEmptyParagraph,\n      } = getNodeCloseToPoint({\n        anchorElem,\n        cache_threshold: 0,\n        editor,\n        horizontalOffset: -distanceFromScrollerElem,\n        point: new Point(event.x, event.y),\n        startIndex: getCurrentIndex(topLevelNodeKeys.length),\n        useEdgeAsDefault: false,\n        verbose: false,\n      })\n\n      prevIndex = foundAtIndex\n\n      //if (DEBUG && _draggableBlockElem) {\n      //targetBlockElem.style.border = '3px solid red'\n      // highlightElemOriginalPosition(debugHighlightRef, _draggableBlockElem, anchorElem)\n      //}\n\n      if (!_draggableBlockElem && !isFoundNodeEmptyParagraph) {\n        return\n      }\n\n      if (draggableBlockElem !== _draggableBlockElem) {\n        setDraggableBlockElem(_draggableBlockElem)\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, draggableBlockElem])\n\n  useEffect(() => {\n    if (menuRef.current) {\n      setHandlePosition(\n        draggableBlockElem,\n        menuRef.current,\n        anchorElem,\n        blockHandleHorizontalOffset,\n      )\n    }\n  }, [anchorElem, draggableBlockElem, blockHandleHorizontalOffset])\n\n  useEffect(() => {\n    function onDragover(event: DragEvent): boolean {\n      if (!isDraggingBlockRef.current) {\n        return false\n      }\n      const [isFileTransfer] = eventFiles(event)\n      if (isFileTransfer) {\n        return false\n      }\n\n      const { pageY, target } = event\n      if (!isHTMLElement(target)) {\n        return false\n      }\n\n      const distanceFromScrollerElem = calculateDistanceFromScrollerElem(\n        scrollerElem,\n        event.pageX,\n        event.pageY,\n        target,\n        100,\n        50,\n      )\n\n      const topLevelNodeKeys = getTopLevelNodeKeys(editor)\n\n      const {\n        blockElem: targetBlockElem,\n        foundAtIndex,\n        isFoundNodeEmptyParagraph,\n      } = getNodeCloseToPoint({\n        anchorElem,\n        editor,\n        fuzzy: true,\n        horizontalOffset: -distanceFromScrollerElem,\n        point: new Point(event.x, event.y),\n        startIndex: getCurrentIndex(topLevelNodeKeys.length),\n        useEdgeAsDefault: true,\n        verbose: true,\n      })\n\n      prevIndex = foundAtIndex\n\n      const targetLineElem = targetLineRef.current\n      // targetBlockElem === null shouldn't happen\n      if (targetBlockElem === null || targetLineElem === null) {\n        return false\n      }\n\n      if (draggableBlockElem !== targetBlockElem) {\n        const { isBelow, willStayInSamePosition } = setTargetLine(\n          editorConfig?.admin?.hideGutter ? '0px' : '3rem',\n          blockHandleHorizontalOffset +\n            (editorConfig?.admin?.hideGutter\n              ? menuRef?.current?.getBoundingClientRect()?.width ?? 0\n              : -(menuRef?.current?.getBoundingClientRect()?.width ?? 0)),\n          targetLineElem,\n          targetBlockElem,\n          lastTargetBlock,\n          pageY,\n          anchorElem,\n          event,\n          debugHighlightRef,\n          isFoundNodeEmptyParagraph,\n        )\n\n        // Prevent default event to be able to trigger onDrop events\n        // Calling preventDefault() adds the green plus icon to the cursor,\n        // indicating that the drop is allowed.\n        event.preventDefault()\n\n        if (!willStayInSamePosition) {\n          setLastTargetBlock({\n            boundingBox: targetBlockElem.getBoundingClientRect(),\n            elem: targetBlockElem,\n            isBelow,\n          })\n        }\n      } else {\n        hideTargetLine(targetLineElem, lastTargetBlock?.elem)\n        setLastTargetBlock({\n          boundingBox: targetBlockElem.getBoundingClientRect(),\n          elem: targetBlockElem,\n          isBelow: false,\n        })\n      }\n\n      return true\n    }\n\n    function onDrop(event: DragEvent): boolean {\n      if (!isDraggingBlockRef.current) {\n        return false\n      }\n      const [isFileTransfer] = eventFiles(event)\n      if (isFileTransfer) {\n        return false\n      }\n      const { dataTransfer, pageY, target } = event\n      const dragData = dataTransfer?.getData(DRAG_DATA_FORMAT) || ''\n\n      editor.update(() => {\n        const draggedNode = $getNodeByKey(dragData)\n        if (!draggedNode) {\n          return false\n        }\n        if (!isHTMLElement(target)) {\n          return false\n        }\n        const distanceFromScrollerElem = calculateDistanceFromScrollerElem(\n          scrollerElem,\n          event.pageX,\n          event.pageY,\n          target,\n          100,\n          50,\n        )\n\n        const { blockElem: targetBlockElem, isFoundNodeEmptyParagraph } = getNodeCloseToPoint({\n          anchorElem,\n          editor,\n          fuzzy: true,\n          horizontalOffset: -distanceFromScrollerElem,\n          point: new Point(event.x, event.y),\n          useEdgeAsDefault: true,\n        })\n\n        if (!targetBlockElem) {\n          return false\n        }\n        const targetNode = $getNearestNodeFromDOMNode(targetBlockElem)\n        if (!targetNode) {\n          return false\n        }\n        if (targetNode === draggedNode) {\n          return true\n        }\n\n        const { height: targetBlockElemHeight, top: targetBlockElemTop } =\n          getBoundingClientRectWithoutTransform(targetBlockElem)\n\n        const mouseY = pageY\n        const isBelow = mouseY >= targetBlockElemTop + targetBlockElemHeight / 2 + window.scrollY\n\n        if (!isFoundNodeEmptyParagraph) {\n          if (isBelow) {\n            // below targetBlockElem\n            targetNode.insertAfter(draggedNode)\n          } else {\n            // above targetBlockElem\n            targetNode.insertBefore(draggedNode)\n          }\n        } else {\n          //\n          targetNode.insertBefore(draggedNode)\n          targetNode.remove()\n        }\n\n        /*\n        if (pageY >= targetBlockElemTop + targetBlockElemHeight / 2) {\n          targetNode.insertAfter(draggedNode)\n        } else {\n          targetNode.insertBefore(draggedNode)\n        }*/\n        if (draggableBlockElem !== null) {\n          setDraggableBlockElem(null)\n        }\n\n        // find all previous elements with lexical-block-highlighter class and remove them\n        const allPrevHighlighters = document.querySelectorAll('.lexical-block-highlighter')\n        allPrevHighlighters.forEach((highlighter) => {\n          highlighter.remove()\n        })\n\n        const newInsertedElem = editor.getElementByKey(draggedNode.getKey())\n        setTimeout(() => {\n          // add new temp html element to newInsertedElem with the same height and width and the class block-selected\n          // to highlight the new inserted element\n          const newInsertedElemRect = newInsertedElem.getBoundingClientRect()\n\n          const highlightElem = document.createElement('div')\n          highlightElem.className = 'lexical-block-highlighter'\n\n          // if html data-theme is dark, set the highlighter color to white\n          if (document.documentElement.getAttribute('data-theme') === 'dark') {\n            highlightElem.style.backgroundColor = 'white'\n          } else {\n            highlightElem.style.backgroundColor = 'black'\n          }\n\n          highlightElem.style.transition = 'opacity 0.1s ease-in-out'\n          highlightElem.style.zIndex = '1'\n          highlightElem.style.pointerEvents = 'none'\n          highlightElem.style.boxSizing = 'border-box'\n          highlightElem.style.borderRadius = '4px'\n          highlightElem.style.position = 'absolute'\n          document.body.appendChild(highlightElem)\n\n          highlightElem.style.opacity = '0.1'\n\n          highlightElem.style.height = `${newInsertedElemRect.height + 8}px`\n          highlightElem.style.width = `${newInsertedElemRect.width + 8}px`\n          highlightElem.style.top = `${newInsertedElemRect.top + window.scrollY - 4}px`\n          highlightElem.style.left = `${newInsertedElemRect.left - 4}px`\n\n          setTimeout(() => {\n            highlightElem.style.opacity = '0'\n            setTimeout(() => {\n              highlightElem.remove()\n            }, 1000)\n          }, 3000)\n        }, 120)\n      })\n\n      return true\n    }\n\n    // register onDragover event listeners:\n    document.addEventListener('dragover', onDragover)\n    // register onDrop event listeners:\n    document.addEventListener('drop', onDrop)\n\n    return () => {\n      document.removeEventListener('dragover', onDragover)\n      document.removeEventListener('drop', onDrop)\n    }\n  }, [\n    scrollerElem,\n    blockHandleHorizontalOffset,\n    anchorElem,\n    editor,\n    lastTargetBlock,\n    draggableBlockElem,\n    editorConfig?.admin?.hideGutter,\n  ])\n\n  function onDragStart(event: ReactDragEvent<HTMLDivElement>): void {\n    const dataTransfer = event.dataTransfer\n    if (!dataTransfer || !draggableBlockElem) {\n      return\n    }\n    setDragImage(dataTransfer, draggableBlockElem)\n    let nodeKey = ''\n    editor.update(() => {\n      const node = $getNearestNodeFromDOMNode(draggableBlockElem)\n      if (node) {\n        nodeKey = node.getKey()\n      }\n    })\n    isDraggingBlockRef.current = true\n    dataTransfer.setData(DRAG_DATA_FORMAT, nodeKey)\n  }\n\n  function onDragEnd(): void {\n    isDraggingBlockRef.current = false\n    hideTargetLine(targetLineRef.current, lastTargetBlock?.elem)\n  }\n\n  return createPortal(\n    <React.Fragment>\n      <div\n        className=\"icon draggable-block-menu\"\n        draggable\n        onDragEnd={onDragEnd}\n        onDragStart={onDragStart}\n        ref={menuRef}\n      >\n        <div className={isEditable ? 'icon' : ''} />\n      </div>\n      <div className=\"draggable-block-target-line\" ref={targetLineRef} />\n      <div className=\"debug-highlight\" ref={debugHighlightRef} />\n    </React.Fragment>,\n    anchorElem,\n  )\n}\n\nexport function DraggableBlockPlugin({\n  anchorElem = document.body,\n}: {\n  anchorElem?: HTMLElement\n}): React.ReactElement {\n  const [editor] = useLexicalComposerContext()\n  return useDraggableBlockMenu(editor, anchorElem, editor._editable)\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/lexical/plugins/handles/DraggableBlockPlugin/setTargetLine.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { getCollapsedMargins } from '../utils/getCollapsedMargins.js';
 import { highlightElemOriginalPosition } from './highlightElemOriginalPosition.js';
 const TARGET_LINE_HALF_HEIGHT = 25;
@@ -5,112 +7,123 @@ const TEXT_BOX_HORIZONTAL_PADDING = -24;
 const DEBUG = false;
 let animationTimer = 0;
 export function setTargetLine(offsetWidth, offsetLeft, targetLineElem, targetBlockElem, lastTargetBlock, mouseY, anchorElem, event, debugHighlightRef, isFoundNodeEmptyParagraph = false) {
-    const { height: targetBlockElemHeight, top: targetBlockElemTop } = targetBlockElem.getBoundingClientRect() // used to be getBoundingClientRectWithoutTransform. Not sure what's better, but the normal getBoundingClientRect seems to work fine
-    ;
-    const { top: anchorTop, width: anchorWidth } = anchorElem.getBoundingClientRect();
-    const { marginBottom, marginTop } = getCollapsedMargins(targetBlockElem);
-    let lineTop = targetBlockElemTop;
-    const isBelow = mouseY >= targetBlockElemTop + targetBlockElemHeight / 2 + window.scrollY;
-    let willStayInSamePosition = false;
-    /**
-   * Do not run any transform or changes if the actual new line position would be the same (even if it's now inserted BEFORE rather than AFTER - position would still be the same)
-   * This prevents unnecessary flickering.
-   *
-   * We still need to let it run even if the position (IGNORING the transform) would not change, as the transform animation is not finished yet. This is what animationTimer does. Otherwise, the positioning will be inaccurate
-   */ if (lastTargetBlock?.elem) {
-        if (targetBlockElem !== lastTargetBlock?.elem) {
-            if (isBelow && lastTargetBlock?.elem && lastTargetBlock?.elem === targetBlockElem.nextElementSibling) {
-                animationTimer++;
-                if (animationTimer < 200) {
-                    willStayInSamePosition = true;
-                }
-            } else if (!isBelow && lastTargetBlock?.elem && lastTargetBlock?.elem === targetBlockElem.previousElementSibling) {
-                animationTimer++;
-                if (animationTimer < 200) {
-                    willStayInSamePosition = true;
-                }
-            }
-        } else {
-            animationTimer++;
-            const lastBoundingBoxPosition = lastTargetBlock?.boundingBox?.y;
-            const currentBoundingBoxPosition = targetBlockElem.getBoundingClientRect().y;
-            if (isBelow === lastTargetBlock?.isBelow && lastBoundingBoxPosition === currentBoundingBoxPosition || animationTimer < 200) {
-                willStayInSamePosition = false;
-            }
+  const {
+    height: targetBlockElemHeight,
+    top: targetBlockElemTop
+  } = targetBlockElem.getBoundingClientRect() // used to be getBoundingClientRectWithoutTransform. Not sure what's better, but the normal getBoundingClientRect seems to work fine
+  ;
+  const {
+    top: anchorTop,
+    width: anchorWidth
+  } = anchorElem.getBoundingClientRect();
+  const {
+    marginBottom,
+    marginTop
+  } = getCollapsedMargins(targetBlockElem);
+  let lineTop = targetBlockElemTop;
+  const isBelow = mouseY >= targetBlockElemTop + targetBlockElemHeight / 2 + window.scrollY;
+  let willStayInSamePosition = false;
+  /**
+  * Do not run any transform or changes if the actual new line position would be the same (even if it's now inserted BEFORE rather than AFTER - position would still be the same)
+  * This prevents unnecessary flickering.
+  *
+  * We still need to let it run even if the position (IGNORING the transform) would not change, as the transform animation is not finished yet. This is what animationTimer does. Otherwise, the positioning will be inaccurate
+  */
+  if (lastTargetBlock?.elem) {
+    if (targetBlockElem !== lastTargetBlock?.elem) {
+      if (isBelow && lastTargetBlock?.elem && lastTargetBlock?.elem === targetBlockElem.nextElementSibling) {
+        animationTimer++;
+        if (animationTimer < 200) {
+          willStayInSamePosition = true;
         }
-    }
-    if (willStayInSamePosition) {
-        return {
-            isBelow,
-            willStayInSamePosition
-        };
-    }
-    /**
-   * Paragraphs need no isBelow/above handling,
-   */ if (!isFoundNodeEmptyParagraph) {
-        //if (!isFoundNodeEmptyParagraph) {
-        if (isBelow) {
-            // below targetBlockElem
-            lineTop += targetBlockElemHeight + marginBottom / 2;
-        } else {
-            // above targetBlockElem
-            lineTop -= marginTop / 2;
+      } else if (!isBelow && lastTargetBlock?.elem && lastTargetBlock?.elem === targetBlockElem.previousElementSibling) {
+        animationTimer++;
+        if (animationTimer < 200) {
+          willStayInSamePosition = true;
         }
+      }
     } else {
-        lineTop += targetBlockElemHeight / 2;
+      animationTimer++;
+      const lastBoundingBoxPosition = lastTargetBlock?.boundingBox?.y;
+      const currentBoundingBoxPosition = targetBlockElem.getBoundingClientRect().y;
+      if (isBelow === lastTargetBlock?.isBelow && lastBoundingBoxPosition === currentBoundingBoxPosition || animationTimer < 200) {
+        willStayInSamePosition = false;
+      }
     }
-    let targetElemTranslate2 = 0;
-    if (!isFoundNodeEmptyParagraph) {
-        if (isBelow) {
-            targetElemTranslate2 = -TARGET_LINE_HALF_HEIGHT;
-        } else {
-            targetElemTranslate2 = TARGET_LINE_HALF_HEIGHT;
-        }
+  }
+  if (willStayInSamePosition) {
+    return {
+      isBelow,
+      willStayInSamePosition
+    };
+  }
+  /**
+  * Paragraphs need no isBelow/above handling,
+  */
+  if (!isFoundNodeEmptyParagraph) {
+    //if (!isFoundNodeEmptyParagraph) {
+    if (isBelow) {
+      // below targetBlockElem
+      lineTop += targetBlockElemHeight + marginBottom / 2;
+    } else {
+      // above targetBlockElem
+      lineTop -= marginTop / 2;
     }
-    const top = lineTop - anchorTop + targetElemTranslate2;
-    const left = TEXT_BOX_HORIZONTAL_PADDING - offsetLeft;
-    targetLineElem.style.width = `calc(${anchorWidth}px - ${offsetWidth})`;
-    targetLineElem.style.opacity = '.4';
-    /**
-   * Move around element below or above the line (= the target / targetBlockElem). Creates "space" for the targetLineElem
-   *
-   * Not needed for empty paragraphs, as an empty paragraph is enough space for the targetLineElem anyways.
-   */ //targetBlockElem.style.opacity = '0.4'
-    const buffer = 12 // creates more spacing/padding so target line is not directly next to the targetBlockElem
-    ;
-    if (!isFoundNodeEmptyParagraph) {
-        if (isBelow) {
-            targetBlockElem.style.marginBottom = TARGET_LINE_HALF_HEIGHT * 2 + buffer + 'px';
-            targetLineElem.style.transform = `translate(${left}px, calc(${top}px - ${'0px'}))`;
-        } else {
-            targetBlockElem.style.marginTop = TARGET_LINE_HALF_HEIGHT * 2 + buffer + 'px';
-            targetLineElem.style.transform = `translate(${left}px, calc(${top - TARGET_LINE_HALF_HEIGHT * 2}px - ${'0px'}))`;
-        }
+  } else {
+    lineTop += targetBlockElemHeight / 2;
+  }
+  let targetElemTranslate2 = 0;
+  if (!isFoundNodeEmptyParagraph) {
+    if (isBelow) {
+      targetElemTranslate2 = -TARGET_LINE_HALF_HEIGHT;
     } else {
-        targetLineElem.style.transform = `translate(${left}px, ${top - TARGET_LINE_HALF_HEIGHT}px)`;
+      targetElemTranslate2 = TARGET_LINE_HALF_HEIGHT;
     }
-    if (DEBUG) {
-        //targetBlockElem.style.border = '3px solid red'
-        highlightElemOriginalPosition(debugHighlightRef, targetBlockElem, anchorElem);
+  }
+  const top = lineTop - anchorTop + targetElemTranslate2;
+  const left = TEXT_BOX_HORIZONTAL_PADDING - offsetLeft;
+  targetLineElem.style.width = `calc(${anchorWidth}px - ${offsetWidth})`;
+  targetLineElem.style.opacity = '.4';
+  /**
+  * Move around element below or above the line (= the target / targetBlockElem). Creates "space" for the targetLineElem
+  *
+  * Not needed for empty paragraphs, as an empty paragraph is enough space for the targetLineElem anyways.
+  */ //targetBlockElem.style.opacity = '0.4'
+  const buffer = 12 // creates more spacing/padding so target line is not directly next to the targetBlockElem
+  ;
+  if (!isFoundNodeEmptyParagraph) {
+    if (isBelow) {
+      targetBlockElem.style.marginBottom = TARGET_LINE_HALF_HEIGHT * 2 + buffer + 'px';
+      targetLineElem.style.transform = `translate(${left}px, calc(${top}px - ${'0px'}))`;
+    } else {
+      targetBlockElem.style.marginTop = TARGET_LINE_HALF_HEIGHT * 2 + buffer + 'px';
+      targetLineElem.style.transform = `translate(${left}px, calc(${top - TARGET_LINE_HALF_HEIGHT * 2}px - ${'0px'}))`;
     }
-    /**
-   * Properly reset previous targetBlockElem styles
-   */ lastTargetBlock.elem.style.opacity = '';
-    if (lastTargetBlock?.elem === targetBlockElem) {
-        if (isBelow) {
-            lastTargetBlock.elem.style.marginTop = '';
-        } else {
-            lastTargetBlock.elem.style.marginBottom = '';
-        }
+  } else {
+    targetLineElem.style.transform = `translate(${left}px, ${top - TARGET_LINE_HALF_HEIGHT}px)`;
+  }
+  if (DEBUG) {
+    //targetBlockElem.style.border = '3px solid red'
+    highlightElemOriginalPosition(debugHighlightRef, targetBlockElem, anchorElem);
+  }
+  /**
+  * Properly reset previous targetBlockElem styles
+  */
+  lastTargetBlock.elem.style.opacity = '';
+  if (lastTargetBlock?.elem === targetBlockElem) {
+    if (isBelow) {
+      lastTargetBlock.elem.style.marginTop = '';
     } else {
-        lastTargetBlock.elem.style.marginBottom = '';
-        lastTargetBlock.elem.style.marginTop = '';
+      lastTargetBlock.elem.style.marginBottom = '';
     }
-    animationTimer = 0;
-    return {
-        isBelow,
-        willStayInSamePosition
-    };
+  } else {
+    lastTargetBlock.elem.style.marginBottom = '';
+    lastTargetBlock.elem.style.marginTop = '';
+  }
+  animationTimer = 0;
+  return {
+    isBelow,
+    willStayInSamePosition
+  };
 }
-
 //# sourceMappingURL=setTargetLine.js.map

package/dist/lexical/plugins/handles/DraggableBlockPlugin/setTargetLine.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/setTargetLine.ts"],"sourcesContent":["import { getCollapsedMargins } from '../utils/getCollapsedMargins.js'\nimport { getBoundingClientRectWithoutTransform } from './getBoundingRectWithoutTransform.js'\nimport { highlightElemOriginalPosition } from './highlightElemOriginalPosition.js'\nconst TARGET_LINE_HALF_HEIGHT = 25\nconst TEXT_BOX_HORIZONTAL_PADDING = -24\nconst DEBUG = false\n\nlet animationTimer = 0\n\nexport function setTargetLine(\n  offsetWidth: string,\n  offsetLeft: number,\n  targetLineElem: HTMLElement,\n  targetBlockElem: HTMLElement,\n  lastTargetBlock: {\n    boundingBox?: DOMRect\n    elem: HTMLElement | null\n    isBelow: boolean\n  },\n  mouseY: number,\n  anchorElem: HTMLElement,\n  event: DragEvent,\n  debugHighlightRef: React.RefObject<HTMLDivElement | null>,\n  isFoundNodeEmptyParagraph: boolean = false,\n) {\n  const { height: targetBlockElemHeight, top: targetBlockElemTop } =\n    targetBlockElem.getBoundingClientRect() // used to be getBoundingClientRectWithoutTransform. Not sure what's better, but the normal getBoundingClientRect seems to work fine\n  const { top: anchorTop, width: anchorWidth } = anchorElem.getBoundingClientRect()\n\n  const { marginBottom, marginTop } = getCollapsedMargins(targetBlockElem)\n  let lineTop = targetBlockElemTop\n\n  const isBelow = mouseY >= targetBlockElemTop + targetBlockElemHeight / 2 + window.scrollY\n\n  let willStayInSamePosition = false\n\n  /**\n   * Do not run any transform or changes if the actual new line position would be the same (even if it's now inserted BEFORE rather than AFTER - position would still be the same)\n   * This prevents unnecessary flickering.\n   *\n   * We still need to let it run even if the position (IGNORING the transform) would not change, as the transform animation is not finished yet. This is what animationTimer does. Otherwise, the positioning will be inaccurate\n   */\n  if (lastTargetBlock?.elem) {\n    if (targetBlockElem !== lastTargetBlock?.elem) {\n      if (\n        isBelow &&\n        lastTargetBlock?.elem &&\n        lastTargetBlock?.elem === targetBlockElem.nextElementSibling\n      ) {\n        animationTimer++\n\n        if (animationTimer < 200) {\n          willStayInSamePosition = true\n        }\n      } else if (\n        !isBelow &&\n        lastTargetBlock?.elem &&\n        lastTargetBlock?.elem === targetBlockElem.previousElementSibling\n      ) {\n        animationTimer++\n        if (animationTimer < 200) {\n          willStayInSamePosition = true\n        }\n      }\n    } else {\n      animationTimer++\n\n      const lastBoundingBoxPosition = lastTargetBlock?.boundingBox?.y\n      const currentBoundingBoxPosition = targetBlockElem.getBoundingClientRect().y\n\n      if (\n        (isBelow === lastTargetBlock?.isBelow &&\n          lastBoundingBoxPosition === currentBoundingBoxPosition) ||\n        animationTimer < 200\n      ) {\n        willStayInSamePosition = false\n      }\n    }\n  }\n  if (willStayInSamePosition) {\n    return {\n      isBelow,\n      willStayInSamePosition,\n    }\n  }\n\n  /**\n   * Paragraphs need no isBelow/above handling,\n   */\n  if (!isFoundNodeEmptyParagraph) {\n    //if (!isFoundNodeEmptyParagraph) {\n    if (isBelow) {\n      // below targetBlockElem\n      lineTop += targetBlockElemHeight + marginBottom / 2\n    } else {\n      // above targetBlockElem\n      lineTop -= marginTop / 2\n    }\n  } else {\n    lineTop += targetBlockElemHeight / 2\n  }\n\n  let targetElemTranslate2 = 0\n\n  if (!isFoundNodeEmptyParagraph) {\n    if (isBelow) {\n      targetElemTranslate2 = -TARGET_LINE_HALF_HEIGHT\n    } else {\n      targetElemTranslate2 = TARGET_LINE_HALF_HEIGHT\n    }\n  }\n\n  const top = lineTop - anchorTop + targetElemTranslate2\n\n  const left = TEXT_BOX_HORIZONTAL_PADDING - offsetLeft\n\n  targetLineElem.style.width = `calc(${anchorWidth}px - ${offsetWidth})`\n  targetLineElem.style.opacity = '.4'\n\n  /**\n   * Move around element below or above the line (= the target / targetBlockElem). Creates \"space\" for the targetLineElem\n   *\n   * Not needed for empty paragraphs, as an empty paragraph is enough space for the targetLineElem anyways.\n   */\n  //targetBlockElem.style.opacity = '0.4'\n  const buffer = 12 // creates more spacing/padding so target line is not directly next to the targetBlockElem\n  if (!isFoundNodeEmptyParagraph) {\n    if (isBelow) {\n      targetBlockElem.style.marginBottom = TARGET_LINE_HALF_HEIGHT * 2 + buffer + 'px'\n      targetLineElem.style.transform = `translate(${left}px, calc(${top}px - ${'0px'}))`\n    } else {\n      targetBlockElem.style.marginTop = TARGET_LINE_HALF_HEIGHT * 2 + buffer + 'px'\n      targetLineElem.style.transform = `translate(${left}px, calc(${top - TARGET_LINE_HALF_HEIGHT * 2}px - ${'0px'}))`\n    }\n  } else {\n    targetLineElem.style.transform = `translate(${left}px, ${top - TARGET_LINE_HALF_HEIGHT}px)`\n  }\n\n  if (DEBUG) {\n    //targetBlockElem.style.border = '3px solid red'\n    highlightElemOriginalPosition(debugHighlightRef, targetBlockElem, anchorElem)\n  }\n\n  /**\n   * Properly reset previous targetBlockElem styles\n   */\n  lastTargetBlock.elem.style.opacity = ''\n\n  if (lastTargetBlock?.elem === targetBlockElem) {\n    if (isBelow) {\n      lastTargetBlock.elem.style.marginTop = ''\n    } else {\n      lastTargetBlock.elem.style.marginBottom = ''\n    }\n  } else {\n    lastTargetBlock.elem.style.marginBottom = ''\n    lastTargetBlock.elem.style.marginTop = ''\n  }\n  animationTimer = 0\n  return {\n    isBelow,\n    willStayInSamePosition,\n  }\n}\n"],"names":["getCollapsedMargins","highlightElemOriginalPosition","TARGET_LINE_HALF_HEIGHT","TEXT_BOX_HORIZONTAL_PADDING","DEBUG","animationTimer","setTargetLine","offsetWidth","offsetLeft","targetLineElem","targetBlockElem","lastTargetBlock","mouseY","anchorElem","event","debugHighlightRef","isFoundNodeEmptyParagraph","height","targetBlockElemHeight","top","targetBlockElemTop","getBoundingClientRect","anchorTop","width","anchorWidth","marginBottom","marginTop","lineTop","isBelow","window","scrollY","willStayInSamePosition","elem","nextElementSibling","previousElementSibling","lastBoundingBoxPosition","boundingBox","y","currentBoundingBoxPosition","targetElemTranslate2","left","style","opacity","buffer","transform"],"mappings":"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"}
+{"version":3,"file":"setTargetLine.js","names":["getCollapsedMargins","highlightElemOriginalPosition","TARGET_LINE_HALF_HEIGHT","TEXT_BOX_HORIZONTAL_PADDING","DEBUG","animationTimer","setTargetLine","offsetWidth","offsetLeft","targetLineElem","targetBlockElem","lastTargetBlock","mouseY","anchorElem","event","debugHighlightRef","isFoundNodeEmptyParagraph","height","targetBlockElemHeight","top","targetBlockElemTop","getBoundingClientRect","anchorTop","width","anchorWidth","marginBottom","marginTop","lineTop","isBelow","window","scrollY","willStayInSamePosition","elem","nextElementSibling","previousElementSibling","lastBoundingBoxPosition","boundingBox","y","currentBoundingBoxPosition","targetElemTranslate2","left","style","opacity","buffer","transform"],"sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/setTargetLine.ts"],"sourcesContent":["'use client'\nimport { getCollapsedMargins } from '../utils/getCollapsedMargins.js'\nimport { highlightElemOriginalPosition } from './highlightElemOriginalPosition.js'\nconst TARGET_LINE_HALF_HEIGHT = 25\nconst TEXT_BOX_HORIZONTAL_PADDING = -24\nconst DEBUG = false\n\nlet animationTimer = 0\n\nexport function setTargetLine(\n  offsetWidth: string,\n  offsetLeft: number,\n  targetLineElem: HTMLElement,\n  targetBlockElem: HTMLElement,\n  lastTargetBlock: {\n    boundingBox?: DOMRect\n    elem: HTMLElement | null\n    isBelow: boolean\n  },\n  mouseY: number,\n  anchorElem: HTMLElement,\n  event: DragEvent,\n  debugHighlightRef: React.RefObject<HTMLDivElement | null>,\n  isFoundNodeEmptyParagraph: boolean = false,\n) {\n  const { height: targetBlockElemHeight, top: targetBlockElemTop } =\n    targetBlockElem.getBoundingClientRect() // used to be getBoundingClientRectWithoutTransform. Not sure what's better, but the normal getBoundingClientRect seems to work fine\n  const { top: anchorTop, width: anchorWidth } = anchorElem.getBoundingClientRect()\n\n  const { marginBottom, marginTop } = getCollapsedMargins(targetBlockElem)\n  let lineTop = targetBlockElemTop\n\n  const isBelow = mouseY >= targetBlockElemTop + targetBlockElemHeight / 2 + window.scrollY\n\n  let willStayInSamePosition = false\n\n  /**\n   * Do not run any transform or changes if the actual new line position would be the same (even if it's now inserted BEFORE rather than AFTER - position would still be the same)\n   * This prevents unnecessary flickering.\n   *\n   * We still need to let it run even if the position (IGNORING the transform) would not change, as the transform animation is not finished yet. This is what animationTimer does. Otherwise, the positioning will be inaccurate\n   */\n  if (lastTargetBlock?.elem) {\n    if (targetBlockElem !== lastTargetBlock?.elem) {\n      if (\n        isBelow &&\n        lastTargetBlock?.elem &&\n        lastTargetBlock?.elem === targetBlockElem.nextElementSibling\n      ) {\n        animationTimer++\n\n        if (animationTimer < 200) {\n          willStayInSamePosition = true\n        }\n      } else if (\n        !isBelow &&\n        lastTargetBlock?.elem &&\n        lastTargetBlock?.elem === targetBlockElem.previousElementSibling\n      ) {\n        animationTimer++\n        if (animationTimer < 200) {\n          willStayInSamePosition = true\n        }\n      }\n    } else {\n      animationTimer++\n\n      const lastBoundingBoxPosition = lastTargetBlock?.boundingBox?.y\n      const currentBoundingBoxPosition = targetBlockElem.getBoundingClientRect().y\n\n      if (\n        (isBelow === lastTargetBlock?.isBelow &&\n          lastBoundingBoxPosition === currentBoundingBoxPosition) ||\n        animationTimer < 200\n      ) {\n        willStayInSamePosition = false\n      }\n    }\n  }\n  if (willStayInSamePosition) {\n    return {\n      isBelow,\n      willStayInSamePosition,\n    }\n  }\n\n  /**\n   * Paragraphs need no isBelow/above handling,\n   */\n  if (!isFoundNodeEmptyParagraph) {\n    //if (!isFoundNodeEmptyParagraph) {\n    if (isBelow) {\n      // below targetBlockElem\n      lineTop += targetBlockElemHeight + marginBottom / 2\n    } else {\n      // above targetBlockElem\n      lineTop -= marginTop / 2\n    }\n  } else {\n    lineTop += targetBlockElemHeight / 2\n  }\n\n  let targetElemTranslate2 = 0\n\n  if (!isFoundNodeEmptyParagraph) {\n    if (isBelow) {\n      targetElemTranslate2 = -TARGET_LINE_HALF_HEIGHT\n    } else {\n      targetElemTranslate2 = TARGET_LINE_HALF_HEIGHT\n    }\n  }\n\n  const top = lineTop - anchorTop + targetElemTranslate2\n\n  const left = TEXT_BOX_HORIZONTAL_PADDING - offsetLeft\n\n  targetLineElem.style.width = `calc(${anchorWidth}px - ${offsetWidth})`\n  targetLineElem.style.opacity = '.4'\n\n  /**\n   * Move around element below or above the line (= the target / targetBlockElem). Creates \"space\" for the targetLineElem\n   *\n   * Not needed for empty paragraphs, as an empty paragraph is enough space for the targetLineElem anyways.\n   */\n  //targetBlockElem.style.opacity = '0.4'\n  const buffer = 12 // creates more spacing/padding so target line is not directly next to the targetBlockElem\n  if (!isFoundNodeEmptyParagraph) {\n    if (isBelow) {\n      targetBlockElem.style.marginBottom = TARGET_LINE_HALF_HEIGHT * 2 + buffer + 'px'\n      targetLineElem.style.transform = `translate(${left}px, calc(${top}px - ${'0px'}))`\n    } else {\n      targetBlockElem.style.marginTop = TARGET_LINE_HALF_HEIGHT * 2 + buffer + 'px'\n      targetLineElem.style.transform = `translate(${left}px, calc(${top - TARGET_LINE_HALF_HEIGHT * 2}px - ${'0px'}))`\n    }\n  } else {\n    targetLineElem.style.transform = `translate(${left}px, ${top - TARGET_LINE_HALF_HEIGHT}px)`\n  }\n\n  if (DEBUG) {\n    //targetBlockElem.style.border = '3px solid red'\n    highlightElemOriginalPosition(debugHighlightRef, targetBlockElem, anchorElem)\n  }\n\n  /**\n   * Properly reset previous targetBlockElem styles\n   */\n  lastTargetBlock.elem.style.opacity = ''\n\n  if (lastTargetBlock?.elem === targetBlockElem) {\n    if (isBelow) {\n      lastTargetBlock.elem.style.marginTop = ''\n    } else {\n      lastTargetBlock.elem.style.marginBottom = ''\n    }\n  } else {\n    lastTargetBlock.elem.style.marginBottom = ''\n    lastTargetBlock.elem.style.marginTop = ''\n  }\n  animationTimer = 0\n  return {\n    isBelow,\n    willStayInSamePosition,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/lexical/plugins/handles/utils/calculateDistanceFromScrollerElem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calculateDistanceFromScrollerElem.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/handles/utils/calculateDistanceFromScrollerElem.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,iCAAiC,iBAC9B,WAAW,GAAG,IAAI,SACzB,MAAM,SACN,MAAM,UACL,WAAW,qBACD,MAAM,mBACR,MAAM,KACrB,MAwBF,CAAA"}
+{"version":3,"file":"calculateDistanceFromScrollerElem.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/handles/utils/calculateDistanceFromScrollerElem.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,eAAO,MAAM,iCAAiC,iBAC9B,WAAW,GAAG,IAAI,SACzB,MAAM,SACN,MAAM,UACL,WAAW,qBACD,MAAM,mBACR,MAAM,KACrB,MAwBF,CAAA"}

package/dist/lexical/plugins/handles/utils/calculateDistanceFromScrollerElem.js

@@ -1,21 +1,28 @@
+'use client';
+
 /**
  * Calculate distance between scrollerElem and target if target is not in scrollerElem
- */ export const calculateDistanceFromScrollerElem = (scrollerElem, pageX, pageY, target, horizontalBuffer = 50, verticalBuffer = 25)=>{
-    let distanceFromScrollerElem = 0;
-    if (scrollerElem && !scrollerElem.contains(target)) {
-        const { bottom, left, right, top } = scrollerElem.getBoundingClientRect();
-        const adjustedTop = top + window.scrollY;
-        const adjustedBottom = bottom + window.scrollY;
-        if (pageY < adjustedTop - verticalBuffer || pageY > adjustedBottom + verticalBuffer || pageX < left - horizontalBuffer || pageX > right + horizontalBuffer) {
-            return -1;
-        }
-        // This is used to allow the _draggableBlockElem 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;
-        }
+ */
+export const calculateDistanceFromScrollerElem = (scrollerElem, pageX, pageY, target, horizontalBuffer = 50, verticalBuffer = 25) => {
+  let distanceFromScrollerElem = 0;
+  if (scrollerElem && !scrollerElem.contains(target)) {
+    const {
+      bottom,
+      left,
+      right,
+      top
+    } = scrollerElem.getBoundingClientRect();
+    const adjustedTop = top + window.scrollY;
+    const adjustedBottom = bottom + window.scrollY;
+    if (pageY < adjustedTop - verticalBuffer || pageY > adjustedBottom + verticalBuffer || pageX < left - horizontalBuffer || pageX > right + horizontalBuffer) {
+      return -1;
+    }
+    // This is used to allow the _draggableBlockElem 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;
     }
-    return distanceFromScrollerElem;
+  }
+  return distanceFromScrollerElem;
 };
-
 //# sourceMappingURL=calculateDistanceFromScrollerElem.js.map

package/dist/lexical/plugins/handles/utils/calculateDistanceFromScrollerElem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lexical/plugins/handles/utils/calculateDistanceFromScrollerElem.ts"],"sourcesContent":["/**\n * Calculate distance between scrollerElem and target if target is not in scrollerElem\n */\nexport const calculateDistanceFromScrollerElem = (\n  scrollerElem: HTMLElement | null,\n  pageX: number,\n  pageY: number,\n  target: HTMLElement,\n  horizontalBuffer: number = 50,\n  verticalBuffer: number = 25,\n): number => {\n  let distanceFromScrollerElem = 0\n  if (scrollerElem && !scrollerElem.contains(target)) {\n    const { bottom, left, right, top } = scrollerElem.getBoundingClientRect()\n\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      return -1\n    }\n\n    // This is used to allow the _draggableBlockElem 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  return distanceFromScrollerElem\n}\n"],"names":["calculateDistanceFromScrollerElem","scrollerElem","pageX","pageY","target","horizontalBuffer","verticalBuffer","distanceFromScrollerElem","contains","bottom","left","right","top","getBoundingClientRect","adjustedTop","window","scrollY","adjustedBottom"],"mappings":"AAAA;;CAEC,GACD,OAAO,MAAMA,oCAAoC,CAC/CC,cACAC,OACAC,OACAC,QACAC,mBAA2B,EAAE,EAC7BC,iBAAyB,EAAE;IAE3B,IAAIC,2BAA2B;IAC/B,IAAIN,gBAAgB,CAACA,aAAaO,QAAQ,CAACJ,SAAS;QAClD,MAAM,EAAEK,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,GAAG,EAAE,GAAGX,aAAaY,qBAAqB;QAEvE,MAAMC,cAAcF,MAAMG,OAAOC,OAAO;QACxC,MAAMC,iBAAiBR,SAASM,OAAOC,OAAO;QAE9C,IACEb,QAAQW,cAAcR,kBACtBH,QAAQc,iBAAiBX,kBACzBJ,QAAQQ,OAAOL,oBACfH,QAAQS,QAAQN,kBAChB;YACA,OAAO,CAAC;QACV;QAEA,qFAAqF;QACrF,uCAAuC;QACvC,IAAIH,QAAQQ,QAAQR,QAAQS,OAAO;YACjCJ,2BAA2BL,QAAQQ,OAAOR,QAAQQ,OAAOR,QAAQS;QACnE;IACF;IACA,OAAOJ;AACT,EAAC"}
+{"version":3,"file":"calculateDistanceFromScrollerElem.js","names":["calculateDistanceFromScrollerElem","scrollerElem","pageX","pageY","target","horizontalBuffer","verticalBuffer","distanceFromScrollerElem","contains","bottom","left","right","top","getBoundingClientRect","adjustedTop","window","scrollY","adjustedBottom"],"sources":["../../../../../src/lexical/plugins/handles/utils/calculateDistanceFromScrollerElem.ts"],"sourcesContent":["'use client'\n/**\n * Calculate distance between scrollerElem and target if target is not in scrollerElem\n */\nexport const calculateDistanceFromScrollerElem = (\n  scrollerElem: HTMLElement | null,\n  pageX: number,\n  pageY: number,\n  target: HTMLElement,\n  horizontalBuffer: number = 50,\n  verticalBuffer: number = 25,\n): number => {\n  let distanceFromScrollerElem = 0\n  if (scrollerElem && !scrollerElem.contains(target)) {\n    const { bottom, left, right, top } = scrollerElem.getBoundingClientRect()\n\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      return -1\n    }\n\n    // This is used to allow the _draggableBlockElem 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  return distanceFromScrollerElem\n}\n"],"mappings":"AAAA;;AACA;;;AAGA,OAAO,MAAMA,iCAAA,GAAoCA,CAC/CC,YAAA,EACAC,KAAA,EACAC,KAAA,EACAC,MAAA,EACAC,gBAAA,GAA2B,EAAE,EAC7BC,cAAA,GAAyB,EAAE;EAE3B,IAAIC,wBAAA,GAA2B;EAC/B,IAAIN,YAAA,IAAgB,CAACA,YAAA,CAAaO,QAAQ,CAACJ,MAAA,GAAS;IAClD,MAAM;MAAEK,MAAM;MAAEC,IAAI;MAAEC,KAAK;MAAEC;IAAG,CAAE,GAAGX,YAAA,CAAaY,qBAAqB;IAEvE,MAAMC,WAAA,GAAcF,GAAA,GAAMG,MAAA,CAAOC,OAAO;IACxC,MAAMC,cAAA,GAAiBR,MAAA,GAASM,MAAA,CAAOC,OAAO;IAE9C,IACEb,KAAA,GAAQW,WAAA,GAAcR,cAAA,IACtBH,KAAA,GAAQc,cAAA,GAAiBX,cAAA,IACzBJ,KAAA,GAAQQ,IAAA,GAAOL,gBAAA,IACfH,KAAA,GAAQS,KAAA,GAAQN,gBAAA,EAChB;MACA,OAAO,CAAC;IACV;IAEA;IACA;IACA,IAAIH,KAAA,GAAQQ,IAAA,IAAQR,KAAA,GAAQS,KAAA,EAAO;MACjCJ,wBAAA,GAA2BL,KAAA,GAAQQ,IAAA,GAAOR,KAAA,GAAQQ,IAAA,GAAOR,KAAA,GAAQS,KAAA;IACnE;EACF;EACA,OAAOJ,wBAAA;AACT","ignoreList":[]}

package/dist/lexical/plugins/handles/utils/doesLineHeightAffectElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"doesLineHeightAffectElement.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/handles/utils/doesLineHeightAffectElement.ts"],"names":[],"mappings":"AAaA;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CAAC,QAAQ,EAAE,WAAW,WA2BhE"}
+{"version":3,"file":"doesLineHeightAffectElement.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/handles/utils/doesLineHeightAffectElement.ts"],"names":[],"mappings":"AAcA;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CAAC,QAAQ,EAAE,WAAW,WA2BhE"}

package/dist/lexical/plugins/handles/utils/doesLineHeightAffectElement.js

@@ -1,35 +1,26 @@
-const replacedElements = [
-    'IMG',
-    'INPUT',
-    'TEXTAREA',
-    'SELECT',
-    'BUTTON',
-    'VIDEO',
-    'OBJECT',
-    'EMBED',
-    'IFRAME',
-    'HR'
-];
+'use client';
+
+const replacedElements = ['IMG', 'INPUT', 'TEXTAREA', 'SELECT', 'BUTTON', 'VIDEO', 'OBJECT', 'EMBED', 'IFRAME', 'HR'];
 /**
  * From ChatGPT, only that verified it works for HR elements.
  *
  * HTML Elements can have CSS lineHeight applied to them, but it doesn't always affect the visual layout.
  * This function checks if the line-height property has an effect on the element's layout.
  * @param htmlElem
- */ export function doesLineHeightAffectElement(htmlElem) {
-    if (!htmlElem) return false;
-    // Check for replaced elements, elements that typically don't support line-height adjustments,
-    // and elements without visible content
-    if (replacedElements.includes(htmlElem.tagName) || htmlElem.offsetHeight === 0 || htmlElem.offsetWidth === 0) {
-        return false;
-    }
-    // Check for specific CSS properties that negate line-height's visual effects
-    const style = window.getComputedStyle(htmlElem);
-    if (style.display === 'table-cell' || style.position === 'absolute' || style.visibility === 'hidden' || style.opacity === '0') {
-        return false;
-    }
-    // This is a basic check, and there can be more complex scenarios where line-height doesn't have an effect.
-    return true;
+ */
+export function doesLineHeightAffectElement(htmlElem) {
+  if (!htmlElem) return false;
+  // Check for replaced elements, elements that typically don't support line-height adjustments,
+  // and elements without visible content
+  if (replacedElements.includes(htmlElem.tagName) || htmlElem.offsetHeight === 0 || htmlElem.offsetWidth === 0) {
+    return false;
+  }
+  // Check for specific CSS properties that negate line-height's visual effects
+  const style = window.getComputedStyle(htmlElem);
+  if (style.display === 'table-cell' || style.position === 'absolute' || style.visibility === 'hidden' || style.opacity === '0') {
+    return false;
+  }
+  // This is a basic check, and there can be more complex scenarios where line-height doesn't have an effect.
+  return true;
 }
-
 //# sourceMappingURL=doesLineHeightAffectElement.js.map

package/dist/lexical/plugins/handles/utils/doesLineHeightAffectElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lexical/plugins/handles/utils/doesLineHeightAffectElement.ts"],"sourcesContent":["const replacedElements = [\n  'IMG',\n  'INPUT',\n  'TEXTAREA',\n  'SELECT',\n  'BUTTON',\n  'VIDEO',\n  'OBJECT',\n  'EMBED',\n  'IFRAME',\n  'HR',\n]\n\n/**\n * From ChatGPT, only that verified it works for HR elements.\n *\n * HTML Elements can have CSS lineHeight applied to them, but it doesn't always affect the visual layout.\n * This function checks if the line-height property has an effect on the element's layout.\n * @param htmlElem\n */\nexport function doesLineHeightAffectElement(htmlElem: HTMLElement) {\n  if (!htmlElem) return false\n\n  // Check for replaced elements, elements that typically don't support line-height adjustments,\n  // and elements without visible content\n\n  if (\n    replacedElements.includes(htmlElem.tagName) ||\n    htmlElem.offsetHeight === 0 ||\n    htmlElem.offsetWidth === 0\n  ) {\n    return false\n  }\n\n  // Check for specific CSS properties that negate line-height's visual effects\n  const style = window.getComputedStyle(htmlElem)\n  if (\n    style.display === 'table-cell' ||\n    style.position === 'absolute' ||\n    style.visibility === 'hidden' ||\n    style.opacity === '0'\n  ) {\n    return false\n  }\n\n  // This is a basic check, and there can be more complex scenarios where line-height doesn't have an effect.\n  return true\n}\n"],"names":["replacedElements","doesLineHeightAffectElement","htmlElem","includes","tagName","offsetHeight","offsetWidth","style","window","getComputedStyle","display","position","visibility","opacity"],"mappings":"AAAA,MAAMA,mBAAmB;IACvB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED;;;;;;CAMC,GACD,OAAO,SAASC,4BAA4BC,QAAqB;IAC/D,IAAI,CAACA,UAAU,OAAO;IAEtB,8FAA8F;IAC9F,uCAAuC;IAEvC,IACEF,iBAAiBG,QAAQ,CAACD,SAASE,OAAO,KAC1CF,SAASG,YAAY,KAAK,KAC1BH,SAASI,WAAW,KAAK,GACzB;QACA,OAAO;IACT;IAEA,6EAA6E;IAC7E,MAAMC,QAAQC,OAAOC,gBAAgB,CAACP;IACtC,IACEK,MAAMG,OAAO,KAAK,gBAClBH,MAAMI,QAAQ,KAAK,cACnBJ,MAAMK,UAAU,KAAK,YACrBL,MAAMM,OAAO,KAAK,KAClB;QACA,OAAO;IACT;IAEA,2GAA2G;IAC3G,OAAO;AACT"}
+{"version":3,"file":"doesLineHeightAffectElement.js","names":["replacedElements","doesLineHeightAffectElement","htmlElem","includes","tagName","offsetHeight","offsetWidth","style","window","getComputedStyle","display","position","visibility","opacity"],"sources":["../../../../../src/lexical/plugins/handles/utils/doesLineHeightAffectElement.ts"],"sourcesContent":["'use client'\nconst replacedElements = [\n  'IMG',\n  'INPUT',\n  'TEXTAREA',\n  'SELECT',\n  'BUTTON',\n  'VIDEO',\n  'OBJECT',\n  'EMBED',\n  'IFRAME',\n  'HR',\n]\n\n/**\n * From ChatGPT, only that verified it works for HR elements.\n *\n * HTML Elements can have CSS lineHeight applied to them, but it doesn't always affect the visual layout.\n * This function checks if the line-height property has an effect on the element's layout.\n * @param htmlElem\n */\nexport function doesLineHeightAffectElement(htmlElem: HTMLElement) {\n  if (!htmlElem) return false\n\n  // Check for replaced elements, elements that typically don't support line-height adjustments,\n  // and elements without visible content\n\n  if (\n    replacedElements.includes(htmlElem.tagName) ||\n    htmlElem.offsetHeight === 0 ||\n    htmlElem.offsetWidth === 0\n  ) {\n    return false\n  }\n\n  // Check for specific CSS properties that negate line-height's visual effects\n  const style = window.getComputedStyle(htmlElem)\n  if (\n    style.display === 'table-cell' ||\n    style.position === 'absolute' ||\n    style.visibility === 'hidden' ||\n    style.opacity === '0'\n  ) {\n    return false\n  }\n\n  // This is a basic check, and there can be more complex scenarios where line-height doesn't have an effect.\n  return true\n}\n"],"mappings":"AAAA;;AACA,MAAMA,gBAAA,GAAmB,CACvB,OACA,SACA,YACA,UACA,UACA,SACA,UACA,SACA,UACA,KACD;AAED;;;;;;;AAOA,OAAO,SAASC,4BAA4BC,QAAqB;EAC/D,IAAI,CAACA,QAAA,EAAU,OAAO;EAEtB;EACA;EAEA,IACEF,gBAAA,CAAiBG,QAAQ,CAACD,QAAA,CAASE,OAAO,KAC1CF,QAAA,CAASG,YAAY,KAAK,KAC1BH,QAAA,CAASI,WAAW,KAAK,GACzB;IACA,OAAO;EACT;EAEA;EACA,MAAMC,KAAA,GAAQC,MAAA,CAAOC,gBAAgB,CAACP,QAAA;EACtC,IACEK,KAAA,CAAMG,OAAO,KAAK,gBAClBH,KAAA,CAAMI,QAAQ,KAAK,cACnBJ,KAAA,CAAMK,UAAU,KAAK,YACrBL,KAAA,CAAMM,OAAO,KAAK,KAClB;IACA,OAAO;EACT;EAEA;EACA,OAAO;AACT","ignoreList":[]}

package/dist/lexical/plugins/handles/utils/getCollapsedMargins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getCollapsedMargins.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/handles/utils/getCollapsedMargins.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,GAAG;IACtD,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;CAClB,CAWA"}
+{"version":3,"file":"getCollapsedMargins.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/handles/utils/getCollapsedMargins.ts"],"names":[],"mappings":"AACA,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,GAAG;IACtD,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;CAClB,CAWA"}

package/dist/lexical/plugins/handles/utils/getCollapsedMargins.js

@@ -1,14 +1,18 @@
+'use client';
+
 export function getCollapsedMargins(elem) {
-    const getMargin = (element, margin)=>element ? parseFloat(window.getComputedStyle(element)[margin]) : 0;
-    const { marginBottom, marginTop } = window.getComputedStyle(elem);
-    const prevElemSiblingMarginBottom = getMargin(elem.previousElementSibling, 'marginBottom');
-    const nextElemSiblingMarginTop = getMargin(elem.nextElementSibling, 'marginTop');
-    const collapsedTopMargin = Math.max(parseFloat(marginTop), prevElemSiblingMarginBottom);
-    const collapsedBottomMargin = Math.max(parseFloat(marginBottom), nextElemSiblingMarginTop);
-    return {
-        marginBottom: collapsedBottomMargin,
-        marginTop: collapsedTopMargin
-    };
+  const getMargin = (element, margin) => element ? parseFloat(window.getComputedStyle(element)[margin]) : 0;
+  const {
+    marginBottom,
+    marginTop
+  } = window.getComputedStyle(elem);
+  const prevElemSiblingMarginBottom = getMargin(elem.previousElementSibling, 'marginBottom');
+  const nextElemSiblingMarginTop = getMargin(elem.nextElementSibling, 'marginTop');
+  const collapsedTopMargin = Math.max(parseFloat(marginTop), prevElemSiblingMarginBottom);
+  const collapsedBottomMargin = Math.max(parseFloat(marginBottom), nextElemSiblingMarginTop);
+  return {
+    marginBottom: collapsedBottomMargin,
+    marginTop: collapsedTopMargin
+  };
 }
-
 //# sourceMappingURL=getCollapsedMargins.js.map