@pie-lib/editable-html-tip-tap 2.1.1 → 2.1.2-next.102

package/lib/extensions/image-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-component.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_isEqual","_debug","_LinearProgress","_styles","_react2","_reactDom","_InsertImageHandler","_ImageToolbar","_customToolbarWrapper","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","log","debug","StyledProgress","styled","LinearProgress","shouldForwardProp","prop","_ref","hideProgress","position","left","width","top","transition","opacity","StyledRoot","includes","_ref2","loading","pendingDelete","display","StyledImageContainer","_ref3","theme","alignItems","StyledImage","_ref4","active","border","concat","palette","primary","main","StyledResize","_ref5","backgroundColor","cursor","height","borderRadius","marginLeft","marginRight","sizePx","s","ImageComponent","props","_options$imageHandlin6","node","editor","attributes","onFocus","getPos","selected","options","_props$maxImageWidth","maxImageWidth","_props$maxImageHeight","maxImageHeight","alt","attrs","pos","selFrom","state","selection","from","selTo","to","onlyThisNodeSelected","useMemo","nodeSize","_useState","useState","_useState2","_slicedToArray2","showToolbar","setShowToolbar","latestNodeRef","useRef","imgRef","resizeRef","toolbarRef","getPercentFromWidth","useCallback","floored","current","naturalWidth","parseInt","toFixed","findNodePos","key","nodeKey","found","doc","descendants","type","name","updateThisNode","newAttrs","nodePos","currentNode","nodeAt","view","dispatch","tr","setNodeMarkup","undefined","applySizeData","resizePercent","useEffect","_node$attrs$src","_node$attrs","_options$imageHandlin","hasImageSrc","String","src","trim","imageHandling","insertImageRequested","finish","InsertImageHandler","resizeHandle","addEventListener","initResize","removeEventListener","loadImage","box","style","w","Math","min","h","naturalHeight","update","isEqual","updateAspect","initial","next","keepAspect","resizeType","ratio","startResize","bounds","target","getBoundingClientRect","clientX","clientY","onChange","newValues","stopResize","window","objectFit","flexAlign","center","right","alignment","createElement","NodeViewWrapper","loaded","deleteStatus","justifyContent","mode","value","percent","onDragStart","preventDefault","_extends2","draggable","ref","onLoad","className","_tiptapContainerEl","ReactDOM","createPortal","zIndex","background","boxShadow","showDone","deletable","toolbarOpts","onDelete","_options$imageHandlin2","_options$imageHandlin3","commands","focus","onDone","_options$imageHandlin4","_options$imageHandlin5","disableImageAlignmentButtons","imageLoaded","propTypes","PropTypes","object","isRequired","func","number","_default","exports"],"sources":["../../src/extensions/image-component.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport isEqual from 'lodash-es/isEqual';\nimport debug from 'debug';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport { styled } from '@mui/material/styles';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport ReactDOM from 'react-dom';\nimport InsertImageHandler from '../components/image/InsertImageHandler';\nimport ImageToolbar from '../components/image/ImageToolbar';\nimport CustomToolbarWrapper from './custom-toolbar-wrapper';\n\nconst log = debug('@pie-lib:editable-html:plugins:image:component');\n\nconst StyledProgress = styled(LinearProgress, {\n  shouldForwardProp: (prop) => prop !== 'hideProgress',\n})(({ hideProgress }) => ({\n  position: 'absolute',\n  left: '0',\n  width: 'fit-content',\n  top: '0%',\n  transition: 'opacity 200ms linear',\n  ...(hideProgress && {\n    opacity: 0,\n  }),\n}));\n\nconst StyledRoot = styled('div', {\n  shouldForwardProp: (prop) => !['active', 'loading', 'pendingDelete'].includes(prop),\n})(({ loading, pendingDelete }) => ({\n  position: 'relative',\n  display: 'flex',\n  transition: 'opacity 200ms linear',\n  ...(loading && {\n    opacity: 0.3,\n  }),\n  ...(pendingDelete && {\n    opacity: 0.3,\n  }),\n}));\n\nconst StyledImageContainer = styled('div')(({ theme }) => ({\n  position: 'relative',\n  width: 'fit-content',\n  display: 'flex',\n  alignItems: 'center',\n  '&&:hover > .resize': {\n    display: 'block',\n  },\n}));\n\nconst StyledImage = styled('img', {\n  shouldForwardProp: (prop) => prop !== 'active',\n})(({ theme, active }) => ({\n  border: active ? `solid 1px ${theme.palette.primary.main}` : 'solid 1px transparent',\n}));\n\nconst StyledResize = styled('div')(({ theme }) => ({\n  backgroundColor: theme.palette.primary.main,\n  cursor: 'col-resize',\n  height: '35px',\n  width: '5px',\n  borderRadius: 8,\n  marginLeft: '5px',\n  marginRight: '10px',\n  display: 'none',\n}));\n\nconst sizePx = (s) => (s ? `${s}px` : 'calc(20px)');\n\nfunction ImageComponent(props) {\n  const {\n    node,\n    editor,\n    attributes,\n    onFocus,\n    getPos,\n    selected,\n    options,\n    maxImageWidth = 700,\n    maxImageHeight = 900,\n  } = props;\n  const { alt } = node.attrs;\n  const pos = getPos();\n\n  const selFrom = editor.state.selection.from;\n  const selTo = editor.state.selection.to;\n  const onlyThisNodeSelected = useMemo(() => selFrom + node.nodeSize === selTo, [selFrom, selTo, node.nodeSize]);\n\n  const [showToolbar, setShowToolbar] = useState(false);\n\n  const latestNodeRef = useRef(node);\n  const imgRef = useRef(null);\n  const resizeRef = useRef(null);\n  const toolbarRef = useRef(null);\n\n  const getPercentFromWidth = useCallback((width) => {\n    const floored = (width / imgRef.current.naturalWidth) * 4;\n    return parseInt(floored.toFixed(0) * 25, 10);\n  }, []);\n\n  const findNodePos = useCallback(() => {\n    const key = latestNodeRef.current.attrs.nodeKey;\n    let found = null;\n    editor.state.doc.descendants((n, pos) => {\n      if (found !== null) return false;\n      if (n.type.name === 'imageUploadNode' && n.attrs.nodeKey === key) {\n        found = pos;\n        return false;\n      }\n    });\n    return found;\n  }, [editor]);\n\n  // dispatch an attribute update targeted precisely at this node by nodeKey.\n  const updateThisNode = useCallback(\n    (newAttrs) => {\n      const nodePos = findNodePos();\n      if (nodePos === null) return;\n      const currentNode = editor.state.doc.nodeAt(nodePos);\n      if (!currentNode) return;\n      editor.view.dispatch(editor.state.tr.setNodeMarkup(nodePos, undefined, { ...currentNode.attrs, ...newAttrs }));\n    },\n    [editor, findNodePos],\n  );\n\n  const applySizeData = useCallback(() => {\n    if (!node.attrs.width || !imgRef.current) return;\n    const resizePercent = getPercentFromWidth(node.attrs.width);\n    if (node.attrs.resizePercent === resizePercent) return;\n    updateThisNode({ resizePercent });\n  }, [node.attrs.width, node.attrs.resizePercent, getPercentFromWidth, updateThisNode]);\n\n  // keep ref in sync with latest node\n  useEffect(() => {\n    latestNodeRef.current = { ...node, pos };\n  }, [node, pos]);\n\n  useEffect(() => {\n    if (selected) {\n      if (onlyThisNodeSelected) {\n        // Only open the upload UI for a fresh placeholder. Remounting after tab switch\n        // would otherwise call insertImageRequested again and reopen the file modal.\n        const hasImageSrc = String(node.attrs?.src ?? '').trim();\n\n        if (!hasImageSrc && options.imageHandling?.insertImageRequested) {\n          options.imageHandling.insertImageRequested(\n            editor,\n            [node, pos],\n            (finish) => new InsertImageHandler(editor, [node, pos], finish),\n          );\n        }\n\n        setShowToolbar(selected);\n      }\n    } else {\n      setShowToolbar(selected);\n    }\n  }, [onlyThisNodeSelected, selected]);\n\n  useEffect(() => {\n    applySizeData();\n\n    const resizeHandle = resizeRef.current;\n    if (resizeHandle) {\n      resizeHandle.addEventListener('mousedown', initResize, false);\n    }\n    return () => {\n      if (resizeHandle) {\n        resizeHandle.removeEventListener('mousedown', initResize, false);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    applySizeData();\n  });\n\n  const loadImage = useCallback(() => {\n    const box = imgRef.current;\n    if (!box) return;\n\n    if (!box.style.width || box.style.width === 'calc(20px)') {\n      const w = Math.min(box.naturalWidth, maxImageWidth);\n      const h = Math.min(box.naturalHeight, maxImageHeight);\n\n      box.style.width = `${w}px`;\n      box.style.height = `${h}px`;\n\n      const update = { width: w, height: h };\n      if (!isEqual(update, { width: node.attrs.width, height: node.attrs.height })) {\n        updateThisNode(update);\n      }\n    }\n  }, [node.attrs.width, node.attrs.height, maxImageWidth, maxImageHeight, updateThisNode]);\n\n  const updateAspect = (initial, next, keepAspect = true, resizeType) => {\n    if (keepAspect) {\n      const ratio = initial.width / initial.height;\n      if (resizeType === 'height') return { width: next.height * ratio, height: next.height };\n      return { width: next.width, height: next.width / ratio };\n    }\n    return next;\n  };\n\n  const startResize = useCallback(\n    (e) => {\n      const box = imgRef.current;\n      if (!box) return;\n\n      const bounds = e.target.getBoundingClientRect();\n      const initial = { width: box.naturalWidth, height: box.naturalHeight };\n\n      const next = updateAspect(initial, {\n        width: e.clientX - bounds.left,\n        height: e.clientY - bounds.top,\n      });\n\n      if (next.width > 50 && next.height > 50 && next.width <= 700 && next.height <= 900) {\n        box.style.width = `${next.width}px`;\n        box.style.height = `${next.height}px`;\n\n        updateThisNode({ width: next.width, height: next.height });\n      }\n    },\n    [editor, updateThisNode],\n  );\n\n  const onChange = useCallback(\n    (newValues) => {\n      updateThisNode(newValues);\n    },\n    [editor, updateThisNode],\n  );\n\n  const stopResize = useCallback(() => {\n    window.removeEventListener('mousemove', startResize);\n    window.removeEventListener('mouseup', stopResize);\n  }, [startResize]);\n\n  const initResize = useCallback(() => {\n    window.addEventListener('mousemove', startResize);\n    window.addEventListener('mouseup', stopResize);\n  }, [startResize, stopResize]);\n\n  const style = {\n    width: sizePx(node.attrs.width),\n    height: sizePx(node.attrs.height),\n    objectFit: 'contain',\n  };\n\n  const flexAlign = { left: 'flex-start', center: 'center', right: 'flex-end' }[node.attrs.alignment] || 'flex-start';\n\n  return (\n    <NodeViewWrapper>\n      <StyledRoot\n        onFocus={onFocus}\n        loading={!node.attrs.loaded}\n        pendingDelete={node.attrs.deleteStatus === 'pending'}\n        style={{ justifyContent: flexAlign }}\n      >\n        <StyledProgress mode=\"determinate\" value={node.attrs.percent || 0} hideProgress={node.attrs.loaded} />\n\n        <StyledImageContainer onDragStart={(e) => e.preventDefault()}>\n          <StyledImage\n            {...attributes}\n            active={selected && node.attrs.loaded}\n            draggable={false}\n            ref={imgRef}\n            src={node.attrs.src}\n            style={style}\n            onLoad={loadImage}\n            alt={node.attrs.alt}\n          />\n          <StyledResize ref={resizeRef} className=\"resize\" />\n        </StyledImageContainer>\n      </StyledRoot>\n\n      {showToolbar &&\n        editor._tiptapContainerEl &&\n        ReactDOM.createPortal(\n          <div\n            ref={toolbarRef}\n            style={{\n              zIndex: 20,\n              background: 'var(--editable-html-toolbar-bg, #efefef)',\n              boxShadow:\n                '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',\n              width: '100%',\n            }}\n          >\n            <CustomToolbarWrapper\n              showDone\n              deletable\n              toolbarOpts={options.toolbarOpts || {}}\n              onDelete={() => {\n                const nodePos = findNodePos();\n                if (nodePos === null) return;\n\n                options.imageHandling?.onDelete?.(latestNodeRef.current);\n\n                editor.view.dispatch(\n                  editor.state.tr.delete(nodePos, nodePos + editor.state.doc.nodeAt(nodePos).nodeSize),\n                );\n                setShowToolbar(false);\n                editor.commands.focus();\n              }}\n              onDone={() => {\n                setShowToolbar(false);\n                options.imageHandling?.onDone?.(editor);\n                editor.commands.focus('end');\n              }}\n            >\n              <ImageToolbar\n                disableImageAlignmentButtons={options.imageHandling?.disableImageAlignmentButtons}\n                alt={node.attrs.alt}\n                imageLoaded={node.attrs.loaded}\n                alignment={node.attrs.alignment || 'left'}\n                onChange={onChange}\n              />\n            </CustomToolbarWrapper>\n          </div>,\n          editor._tiptapContainerEl,\n        )}\n    </NodeViewWrapper>\n  );\n}\n\nImageComponent.propTypes = {\n  node: PropTypes.object.isRequired,\n  editor: PropTypes.object.isRequired,\n  attributes: PropTypes.object,\n  onFocus: PropTypes.func,\n  maxImageWidth: PropTypes.number,\n  maxImageHeight: PropTypes.number,\n};\n\nexport default ImageComponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"image-component.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_isEqual","_debug","_LinearProgress","_styles","_react2","_reactDom","_InsertImageHandler","_ImageToolbar","_customToolbarWrapper","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","log","debug","StyledProgress","styled","LinearProgress","shouldForwardProp","prop","_ref","hideProgress","position","left","width","top","transition","opacity","StyledRoot","includes","_ref2","loading","pendingDelete","display","StyledImageContainer","_ref3","theme","alignItems","StyledImage","_ref4","active","border","concat","palette","primary","main","StyledResize","_ref5","backgroundColor","cursor","height","borderRadius","marginLeft","marginRight","sizePx","s","ImageComponent","props","_options$imageHandlin6","node","editor","attributes","onFocus","getPos","selected","options","_props$maxImageWidth","maxImageWidth","_props$maxImageHeight","maxImageHeight","alt","attrs","pos","selFrom","state","selection","from","selTo","to","onlyThisNodeSelected","useMemo","nodeSize","_useState","useState","_useState2","_slicedToArray2","showToolbar","setShowToolbar","latestNodeRef","useRef","imgRef","resizeRef","toolbarRef","getPercentFromWidth","useCallback","floored","current","naturalWidth","parseInt","toFixed","findNodePos","key","nodeKey","found","doc","descendants","type","name","updateThisNode","newAttrs","nodePos","currentNode","nodeAt","view","dispatch","tr","setNodeMarkup","undefined","applySizeData","resizePercent","useEffect","isEditable","_node$attrs$src","_node$attrs","_options$imageHandlin","hasImageSrc","String","src","trim","imageHandling","insertImageRequested","finish","InsertImageHandler","resizeHandle","addEventListener","initResize","removeEventListener","loadImage","box","style","w","Math","min","h","naturalHeight","update","isEqual","updateAspect","initial","next","keepAspect","resizeType","ratio","startResize","bounds","target","getBoundingClientRect","clientX","clientY","onChange","newValues","stopResize","window","objectFit","flexAlign","center","right","alignment","createElement","NodeViewWrapper","loaded","deleteStatus","justifyContent","mode","value","percent","onDragStart","preventDefault","_extends2","draggable","ref","onLoad","className","_tiptapContainerEl","ReactDOM","createPortal","zIndex","background","boxShadow","showDone","deletable","toolbarOpts","onDelete","_options$imageHandlin2","_options$imageHandlin3","commands","focus","onDone","_options$imageHandlin4","_options$imageHandlin5","disableImageAlignmentButtons","imageLoaded","propTypes","PropTypes","object","isRequired","func","number","_default","exports"],"sources":["../../src/extensions/image-component.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport isEqual from 'lodash-es/isEqual';\nimport debug from 'debug';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport { styled } from '@mui/material/styles';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport ReactDOM from 'react-dom';\nimport InsertImageHandler from '../components/image/InsertImageHandler';\nimport ImageToolbar from '../components/image/ImageToolbar';\nimport CustomToolbarWrapper from './custom-toolbar-wrapper';\n\nconst log = debug('@pie-lib:editable-html:plugins:image:component');\n\nconst StyledProgress = styled(LinearProgress, {\n  shouldForwardProp: (prop) => prop !== 'hideProgress',\n})(({ hideProgress }) => ({\n  position: 'absolute',\n  left: '0',\n  width: 'fit-content',\n  top: '0%',\n  transition: 'opacity 200ms linear',\n  ...(hideProgress && {\n    opacity: 0,\n  }),\n}));\n\nconst StyledRoot = styled('div', {\n  shouldForwardProp: (prop) => !['active', 'loading', 'pendingDelete'].includes(prop),\n})(({ loading, pendingDelete }) => ({\n  position: 'relative',\n  display: 'flex',\n  transition: 'opacity 200ms linear',\n  ...(loading && {\n    opacity: 0.3,\n  }),\n  ...(pendingDelete && {\n    opacity: 0.3,\n  }),\n}));\n\nconst StyledImageContainer = styled('div')(({ theme }) => ({\n  position: 'relative',\n  width: 'fit-content',\n  display: 'flex',\n  alignItems: 'center',\n  '&&:hover > .resize': {\n    display: 'block',\n  },\n}));\n\nconst StyledImage = styled('img', {\n  shouldForwardProp: (prop) => prop !== 'active',\n})(({ theme, active }) => ({\n  border: active ? `solid 1px ${theme.palette.primary.main}` : 'solid 1px transparent',\n}));\n\nconst StyledResize = styled('div')(({ theme }) => ({\n  backgroundColor: theme.palette.primary.main,\n  cursor: 'col-resize',\n  height: '35px',\n  width: '5px',\n  borderRadius: 8,\n  marginLeft: '5px',\n  marginRight: '10px',\n  display: 'none',\n}));\n\nconst sizePx = (s) => (s ? `${s}px` : 'calc(20px)');\n\nfunction ImageComponent(props) {\n  const {\n    node,\n    editor,\n    attributes,\n    onFocus,\n    getPos,\n    selected,\n    options,\n    maxImageWidth = 700,\n    maxImageHeight = 900,\n  } = props;\n  const { alt } = node.attrs;\n  const pos = getPos();\n\n  const selFrom = editor.state.selection.from;\n  const selTo = editor.state.selection.to;\n  const onlyThisNodeSelected = useMemo(() => selFrom + node.nodeSize === selTo, [selFrom, selTo, node.nodeSize]);\n\n  const [showToolbar, setShowToolbar] = useState(false);\n\n  const latestNodeRef = useRef(node);\n  const imgRef = useRef(null);\n  const resizeRef = useRef(null);\n  const toolbarRef = useRef(null);\n\n  const getPercentFromWidth = useCallback((width) => {\n    const floored = (width / imgRef.current.naturalWidth) * 4;\n    return parseInt(floored.toFixed(0) * 25, 10);\n  }, []);\n\n  const findNodePos = useCallback(() => {\n    const key = latestNodeRef.current.attrs.nodeKey;\n    let found = null;\n    editor.state.doc.descendants((n, pos) => {\n      if (found !== null) return false;\n      if (n.type.name === 'imageUploadNode' && n.attrs.nodeKey === key) {\n        found = pos;\n        return false;\n      }\n    });\n    return found;\n  }, [editor]);\n\n  // dispatch an attribute update targeted precisely at this node by nodeKey.\n  const updateThisNode = useCallback(\n    (newAttrs) => {\n      const nodePos = findNodePos();\n      if (nodePos === null) return;\n      const currentNode = editor.state.doc.nodeAt(nodePos);\n      if (!currentNode) return;\n      editor.view.dispatch(editor.state.tr.setNodeMarkup(nodePos, undefined, { ...currentNode.attrs, ...newAttrs }));\n    },\n    [editor, findNodePos],\n  );\n\n  const applySizeData = useCallback(() => {\n    if (!node.attrs.width || !imgRef.current || !imgRef.current.naturalWidth) return;\n    const resizePercent = getPercentFromWidth(node.attrs.width);\n    if (node.attrs.resizePercent === resizePercent) return;\n    updateThisNode({ resizePercent });\n  }, [node.attrs.width, node.attrs.resizePercent, getPercentFromWidth, updateThisNode]);\n\n  // keep ref in sync with latest node\n  useEffect(() => {\n    latestNodeRef.current = { ...node, pos };\n  }, [node, pos]);\n\n  useEffect(() => {\n    if (selected) {\n      if (onlyThisNodeSelected && editor.isEditable) {\n        // Only open the upload UI for a fresh placeholder. Remounting after tab switch\n        // would otherwise call insertImageRequested again and reopen the file modal.\n        const hasImageSrc = String(node.attrs?.src ?? '').trim();\n\n        if (!hasImageSrc && options.imageHandling?.insertImageRequested) {\n          options.imageHandling.insertImageRequested(\n            editor,\n            [node, pos],\n            (finish) => new InsertImageHandler(editor, [node, pos], finish),\n          );\n        }\n\n        setShowToolbar(selected);\n      }\n    } else {\n      setShowToolbar(selected);\n    }\n  }, [onlyThisNodeSelected, selected, editor.isEditable]);\n\n  useEffect(() => {\n    applySizeData();\n\n    const resizeHandle = resizeRef?.current;\n\n    if (resizeHandle && editor.isEditable) {\n      resizeHandle.addEventListener('mousedown', initResize, false);\n    }\n\n    return () => {\n      if (resizeHandle) {\n        resizeHandle.removeEventListener('mousedown', initResize, false);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    applySizeData();\n  });\n\n  const loadImage = useCallback(() => {\n    const box = imgRef.current;\n    if (!box) return;\n\n    if (!box.style.width || box.style.width === 'calc(20px)') {\n      const w = Math.min(box.naturalWidth, maxImageWidth);\n      const h = Math.min(box.naturalHeight, maxImageHeight);\n\n      box.style.width = `${w}px`;\n      box.style.height = `${h}px`;\n\n      const update = { width: w, height: h };\n      if (!isEqual(update, { width: node.attrs.width, height: node.attrs.height })) {\n        updateThisNode(update);\n      }\n    }\n  }, [node.attrs.width, node.attrs.height, maxImageWidth, maxImageHeight, updateThisNode]);\n\n  const updateAspect = (initial, next, keepAspect = true, resizeType) => {\n    if (keepAspect) {\n      const ratio = initial.width / initial.height;\n      if (resizeType === 'height') return { width: next.height * ratio, height: next.height };\n      return { width: next.width, height: next.width / ratio };\n    }\n    return next;\n  };\n\n  const startResize = useCallback(\n    (e) => {\n      const box = imgRef.current;\n      if (!box) return;\n\n      const bounds = e.target.getBoundingClientRect();\n      const initial = { width: box.naturalWidth, height: box.naturalHeight };\n\n      const next = updateAspect(initial, {\n        width: e.clientX - bounds.left,\n        height: e.clientY - bounds.top,\n      });\n\n      if (next.width > 50 && next.height > 50 && next.width <= 700 && next.height <= 900) {\n        box.style.width = `${next.width}px`;\n        box.style.height = `${next.height}px`;\n\n        updateThisNode({ width: next.width, height: next.height });\n      }\n    },\n    [editor, updateThisNode],\n  );\n\n  const onChange = useCallback(\n    (newValues) => {\n      updateThisNode(newValues);\n    },\n    [editor, updateThisNode],\n  );\n\n  const stopResize = useCallback(() => {\n    window.removeEventListener('mousemove', startResize);\n    window.removeEventListener('mouseup', stopResize);\n  }, [startResize]);\n\n  const initResize = useCallback(() => {\n    window.addEventListener('mousemove', startResize);\n    window.addEventListener('mouseup', stopResize);\n  }, [startResize, stopResize]);\n\n  const style = {\n    width: sizePx(node.attrs.width),\n    height: sizePx(node.attrs.height),\n    objectFit: 'contain',\n  };\n\n  const flexAlign = { left: 'flex-start', center: 'center', right: 'flex-end' }[node.attrs.alignment] || 'flex-start';\n\n  return (\n    <NodeViewWrapper>\n      <StyledRoot\n        onFocus={onFocus}\n        loading={!node.attrs.loaded}\n        pendingDelete={node.attrs.deleteStatus === 'pending'}\n        style={{ justifyContent: flexAlign }}\n      >\n        <StyledProgress mode=\"determinate\" value={node.attrs.percent || 0} hideProgress={node.attrs.loaded} />\n\n        <StyledImageContainer onDragStart={(e) => e.preventDefault()}>\n          <StyledImage\n            {...attributes}\n            active={selected && node.attrs.loaded}\n            draggable={false}\n            ref={imgRef}\n            src={node.attrs.src}\n            style={style}\n            onLoad={loadImage}\n            alt={node.attrs.alt}\n          />\n          <StyledResize ref={resizeRef} className=\"resize\" style={{ display: editor.isEditable ? undefined : 'none' }} />\n        </StyledImageContainer>\n      </StyledRoot>\n\n      {showToolbar &&\n        editor._tiptapContainerEl &&\n        ReactDOM.createPortal(\n          <div\n            ref={toolbarRef}\n            style={{\n              zIndex: 20,\n              background: 'var(--editable-html-toolbar-bg, #efefef)',\n              boxShadow:\n                '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',\n              width: '100%',\n            }}\n          >\n            <CustomToolbarWrapper\n              showDone\n              deletable\n              toolbarOpts={options.toolbarOpts || {}}\n              onDelete={() => {\n                const nodePos = findNodePos();\n                if (nodePos === null) return;\n\n                options.imageHandling?.onDelete?.(latestNodeRef.current);\n\n                editor.view.dispatch(\n                  editor.state.tr.delete(nodePos, nodePos + editor.state.doc.nodeAt(nodePos).nodeSize),\n                );\n                setShowToolbar(false);\n                editor.commands.focus();\n              }}\n              onDone={() => {\n                setShowToolbar(false);\n                options.imageHandling?.onDone?.(editor);\n                editor.commands.focus('end');\n              }}\n            >\n              <ImageToolbar\n                disableImageAlignmentButtons={options.imageHandling?.disableImageAlignmentButtons}\n                alt={node.attrs.alt}\n                imageLoaded={node.attrs.loaded}\n                alignment={node.attrs.alignment || 'left'}\n                onChange={onChange}\n              />\n            </CustomToolbarWrapper>\n          </div>,\n          editor._tiptapContainerEl,\n        )}\n    </NodeViewWrapper>\n  );\n}\n\nImageComponent.propTypes = {\n  node: PropTypes.object.isRequired,\n  editor: PropTypes.object.isRequired,\n  attributes: PropTypes.object,\n  onFocus: PropTypes.func,\n  maxImageWidth: PropTypes.number,\n  maxImageHeight: PropTypes.number,\n};\n\nexport default ImageComponent;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,eAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,mBAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,aAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,qBAAA,GAAAT,sBAAA,CAAAF,OAAA;AAA4D,SAAAD,wBAAAa,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,wBAAAa,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAmB,QAAApB,CAAA,EAAAG,CAAA,QAAAF,CAAA,GAAAgB,MAAA,CAAAI,IAAA,CAAArB,CAAA,OAAAiB,MAAA,CAAAK,qBAAA,QAAAhB,CAAA,GAAAW,MAAA,CAAAK,qBAAA,CAAAtB,CAAA,GAAAG,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAiB,MAAA,WAAApB,CAAA,WAAAc,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAG,CAAA,EAAAqB,UAAA,OAAAvB,CAAA,CAAAwB,IAAA,CAAAC,KAAA,CAAAzB,CAAA,EAAAK,CAAA,YAAAL,CAAA;AAAA,SAAA0B,cAAA3B,CAAA,aAAAG,CAAA,MAAAA,CAAA,GAAAyB,SAAA,CAAAC,MAAA,EAAA1B,CAAA,UAAAF,CAAA,WAAA2B,SAAA,CAAAzB,CAAA,IAAAyB,SAAA,CAAAzB,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,OAAA6B,OAAA,WAAA3B,CAAA,QAAA4B,gBAAA,aAAA/B,CAAA,EAAAG,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAc,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAjC,CAAA,EAAAiB,MAAA,CAAAe,yBAAA,CAAA/B,CAAA,KAAAmB,OAAA,CAAAH,MAAA,CAAAhB,CAAA,GAAA6B,OAAA,WAAA3B,CAAA,IAAAc,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAG,CAAA,EAAAc,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAE,CAAA,iBAAAH,CAAA;AAE5D,IAAMkC,GAAG,GAAG,IAAAC,iBAAK,EAAC,gDAAgD,CAAC;AAEnE,IAAMC,cAAc,GAAG,IAAAC,cAAM,EAACC,0BAAc,EAAE;EAC5CC,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAGC,IAAI;IAAA,OAAKA,IAAI,KAAK,cAAc;EAAA;AACtD,CAAC,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,YAAY,GAAAD,IAAA,CAAZC,YAAY;EAAA,OAAAf,aAAA;IAChBgB,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,GAAG;IACTC,KAAK,EAAE,aAAa;IACpBC,GAAG,EAAE,IAAI;IACTC,UAAU,EAAE;EAAsB,GAC9BL,YAAY,IAAI;IAClBM,OAAO,EAAE;EACX,CAAC;AAAA,CACD,CAAC;AAEH,IAAMC,UAAU,GAAG,IAAAZ,cAAM,EAAC,KAAK,EAAE;EAC/BE,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAGC,IAAI;IAAA,OAAK,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,eAAe,CAAC,CAACU,QAAQ,CAACV,IAAI,CAAC;EAAA;AACrF,CAAC,CAAC,CAAC,UAAAW,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;IAAEC,aAAa,GAAAF,KAAA,CAAbE,aAAa;EAAA,OAAA1B,aAAA,CAAAA,aAAA;IAC1BgB,QAAQ,EAAE,UAAU;IACpBW,OAAO,EAAE,MAAM;IACfP,UAAU,EAAE;EAAsB,GAC9BK,OAAO,IAAI;IACbJ,OAAO,EAAE;EACX,CAAC,GACGK,aAAa,IAAI;IACnBL,OAAO,EAAE;EACX,CAAC;AAAA,CACD,CAAC;AAEH,IAAMO,oBAAoB,GAAG,IAAAlB,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAmB,KAAA;EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;EAAA,OAAQ;IACzDd,QAAQ,EAAE,UAAU;IACpBE,KAAK,EAAE,aAAa;IACpBS,OAAO,EAAE,MAAM;IACfI,UAAU,EAAE,QAAQ;IACpB,oBAAoB,EAAE;MACpBJ,OAAO,EAAE;IACX;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMK,WAAW,GAAG,IAAAtB,cAAM,EAAC,KAAK,EAAE;EAChCE,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAGC,IAAI;IAAA,OAAKA,IAAI,KAAK,QAAQ;EAAA;AAChD,CAAC,CAAC,CAAC,UAAAoB,KAAA;EAAA,IAAGH,KAAK,GAAAG,KAAA,CAALH,KAAK;IAAEI,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OAAQ;IACzBC,MAAM,EAAED,MAAM,gBAAAE,MAAA,CAAgBN,KAAK,CAACO,OAAO,CAACC,OAAO,CAACC,IAAI,IAAK;EAC/D,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,YAAY,GAAG,IAAA9B,cAAM,EAAC,KAAK,CAAC,CAAC,UAAA+B,KAAA;EAAA,IAAGX,KAAK,GAAAW,KAAA,CAALX,KAAK;EAAA,OAAQ;IACjDY,eAAe,EAAEZ,KAAK,CAACO,OAAO,CAACC,OAAO,CAACC,IAAI;IAC3CI,MAAM,EAAE,YAAY;IACpBC,MAAM,EAAE,MAAM;IACd1B,KAAK,EAAE,KAAK;IACZ2B,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,KAAK;IACjBC,WAAW,EAAE,MAAM;IACnBpB,OAAO,EAAE;EACX,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMqB,MAAM,GAAG,SAATA,MAAMA,CAAIC,CAAC;EAAA,OAAMA,CAAC,MAAAb,MAAA,CAAMa,CAAC,UAAO,YAAY;AAAA,CAAC;AAEnD,SAASC,cAAcA,CAACC,KAAK,EAAE;EAAA,IAAAC,sBAAA;EAC7B,IACEC,IAAI,GASFF,KAAK,CATPE,IAAI;IACJC,MAAM,GAQJH,KAAK,CARPG,MAAM;IACNC,UAAU,GAORJ,KAAK,CAPPI,UAAU;IACVC,OAAO,GAMLL,KAAK,CANPK,OAAO;IACPC,MAAM,GAKJN,KAAK,CALPM,MAAM;IACNC,QAAQ,GAINP,KAAK,CAJPO,QAAQ;IACRC,OAAO,GAGLR,KAAK,CAHPQ,OAAO;IAAAC,oBAAA,GAGLT,KAAK,CAFPU,aAAa;IAAbA,aAAa,GAAAD,oBAAA,cAAG,GAAG,GAAAA,oBAAA;IAAAE,qBAAA,GAEjBX,KAAK,CADPY,cAAc;IAAdA,cAAc,GAAAD,qBAAA,cAAG,GAAG,GAAAA,qBAAA;EAEtB,IAAQE,GAAG,GAAKX,IAAI,CAACY,KAAK,CAAlBD,GAAG;EACX,IAAME,GAAG,GAAGT,MAAM,CAAC,CAAC;EAEpB,IAAMU,OAAO,GAAGb,MAAM,CAACc,KAAK,CAACC,SAAS,CAACC,IAAI;EAC3C,IAAMC,KAAK,GAAGjB,MAAM,CAACc,KAAK,CAACC,SAAS,CAACG,EAAE;EACvC,IAAMC,oBAAoB,GAAG,IAAAC,cAAO,EAAC;IAAA,OAAMP,OAAO,GAAGd,IAAI,CAACsB,QAAQ,KAAKJ,KAAK;EAAA,GAAE,CAACJ,OAAO,EAAEI,KAAK,EAAElB,IAAI,CAACsB,QAAQ,CAAC,CAAC;EAE9G,IAAAC,SAAA,GAAsC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAA9CI,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAElC,IAAMI,aAAa,GAAG,IAAAC,aAAM,EAAC9B,IAAI,CAAC;EAClC,IAAM+B,MAAM,GAAG,IAAAD,aAAM,EAAC,IAAI,CAAC;EAC3B,IAAME,SAAS,GAAG,IAAAF,aAAM,EAAC,IAAI,CAAC;EAC9B,IAAMG,UAAU,GAAG,IAAAH,aAAM,EAAC,IAAI,CAAC;EAE/B,IAAMI,mBAAmB,GAAG,IAAAC,kBAAW,EAAC,UAACtE,KAAK,EAAK;IACjD,IAAMuE,OAAO,GAAIvE,KAAK,GAAGkE,MAAM,CAACM,OAAO,CAACC,YAAY,GAAI,CAAC;IACzD,OAAOC,QAAQ,CAACH,OAAO,CAACI,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,WAAW,GAAG,IAAAN,kBAAW,EAAC,YAAM;IACpC,IAAMO,GAAG,GAAGb,aAAa,CAACQ,OAAO,CAACzB,KAAK,CAAC+B,OAAO;IAC/C,IAAIC,KAAK,GAAG,IAAI;IAChB3C,MAAM,CAACc,KAAK,CAAC8B,GAAG,CAACC,WAAW,CAAC,UAAC1H,CAAC,EAAEyF,GAAG,EAAK;MACvC,IAAI+B,KAAK,KAAK,IAAI,EAAE,OAAO,KAAK;MAChC,IAAIxH,CAAC,CAAC2H,IAAI,CAACC,IAAI,KAAK,iBAAiB,IAAI5H,CAAC,CAACwF,KAAK,CAAC+B,OAAO,KAAKD,GAAG,EAAE;QAChEE,KAAK,GAAG/B,GAAG;QACX,OAAO,KAAK;MACd;IACF,CAAC,CAAC;IACF,OAAO+B,KAAK;EACd,CAAC,EAAE,CAAC3C,MAAM,CAAC,CAAC;;EAEZ;EACA,IAAMgD,cAAc,GAAG,IAAAd,kBAAW,EAChC,UAACe,QAAQ,EAAK;IACZ,IAAMC,OAAO,GAAGV,WAAW,CAAC,CAAC;IAC7B,IAAIU,OAAO,KAAK,IAAI,EAAE;IACtB,IAAMC,WAAW,GAAGnD,MAAM,CAACc,KAAK,CAAC8B,GAAG,CAACQ,MAAM,CAACF,OAAO,CAAC;IACpD,IAAI,CAACC,WAAW,EAAE;IAClBnD,MAAM,CAACqD,IAAI,CAACC,QAAQ,CAACtD,MAAM,CAACc,KAAK,CAACyC,EAAE,CAACC,aAAa,CAACN,OAAO,EAAEO,SAAS,EAAA/G,aAAA,CAAAA,aAAA,KAAOyG,WAAW,CAACxC,KAAK,GAAKsC,QAAQ,CAAE,CAAC,CAAC;EAChH,CAAC,EACD,CAACjD,MAAM,EAAEwC,WAAW,CACtB,CAAC;EAED,IAAMkB,aAAa,GAAG,IAAAxB,kBAAW,EAAC,YAAM;IACtC,IAAI,CAACnC,IAAI,CAACY,KAAK,CAAC/C,KAAK,IAAI,CAACkE,MAAM,CAACM,OAAO,IAAI,CAACN,MAAM,CAACM,OAAO,CAACC,YAAY,EAAE;IAC1E,IAAMsB,aAAa,GAAG1B,mBAAmB,CAAClC,IAAI,CAACY,KAAK,CAAC/C,KAAK,CAAC;IAC3D,IAAImC,IAAI,CAACY,KAAK,CAACgD,aAAa,KAAKA,aAAa,EAAE;IAChDX,cAAc,CAAC;MAAEW,aAAa,EAAbA;IAAc,CAAC,CAAC;EACnC,CAAC,EAAE,CAAC5D,IAAI,CAACY,KAAK,CAAC/C,KAAK,EAAEmC,IAAI,CAACY,KAAK,CAACgD,aAAa,EAAE1B,mBAAmB,EAAEe,cAAc,CAAC,CAAC;;EAErF;EACA,IAAAY,gBAAS,EAAC,YAAM;IACdhC,aAAa,CAACQ,OAAO,GAAA1F,aAAA,CAAAA,aAAA,KAAQqD,IAAI;MAAEa,GAAG,EAAHA;IAAG,EAAE;EAC1C,CAAC,EAAE,CAACb,IAAI,EAAEa,GAAG,CAAC,CAAC;EAEf,IAAAgD,gBAAS,EAAC,YAAM;IACd,IAAIxD,QAAQ,EAAE;MACZ,IAAIe,oBAAoB,IAAInB,MAAM,CAAC6D,UAAU,EAAE;QAAA,IAAAC,eAAA,EAAAC,WAAA,EAAAC,qBAAA;QAC7C;QACA;QACA,IAAMC,WAAW,GAAGC,MAAM,EAAAJ,eAAA,IAAAC,WAAA,GAAChE,IAAI,CAACY,KAAK,cAAAoD,WAAA,uBAAVA,WAAA,CAAYI,GAAG,cAAAL,eAAA,cAAAA,eAAA,GAAI,EAAE,CAAC,CAACM,IAAI,CAAC,CAAC;QAExD,IAAI,CAACH,WAAW,KAAAD,qBAAA,GAAI3D,OAAO,CAACgE,aAAa,cAAAL,qBAAA,eAArBA,qBAAA,CAAuBM,oBAAoB,EAAE;UAC/DjE,OAAO,CAACgE,aAAa,CAACC,oBAAoB,CACxCtE,MAAM,EACN,CAACD,IAAI,EAAEa,GAAG,CAAC,EACX,UAAC2D,MAAM;YAAA,OAAK,IAAIC,8BAAkB,CAACxE,MAAM,EAAE,CAACD,IAAI,EAAEa,GAAG,CAAC,EAAE2D,MAAM,CAAC;UAAA,CACjE,CAAC;QACH;QAEA5C,cAAc,CAACvB,QAAQ,CAAC;MAC1B;IACF,CAAC,MAAM;MACLuB,cAAc,CAACvB,QAAQ,CAAC;IAC1B;EACF,CAAC,EAAE,CAACe,oBAAoB,EAAEf,QAAQ,EAAEJ,MAAM,CAAC6D,UAAU,CAAC,CAAC;EAEvD,IAAAD,gBAAS,EAAC,YAAM;IACdF,aAAa,CAAC,CAAC;IAEf,IAAMe,YAAY,GAAG1C,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEK,OAAO;IAEvC,IAAIqC,YAAY,IAAIzE,MAAM,CAAC6D,UAAU,EAAE;MACrCY,YAAY,CAACC,gBAAgB,CAAC,WAAW,EAAEC,UAAU,EAAE,KAAK,CAAC;IAC/D;IAEA,OAAO,YAAM;MACX,IAAIF,YAAY,EAAE;QAChBA,YAAY,CAACG,mBAAmB,CAAC,WAAW,EAAED,UAAU,EAAE,KAAK,CAAC;MAClE;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAf,gBAAS,EAAC,YAAM;IACdF,aAAa,CAAC,CAAC;EACjB,CAAC,CAAC;EAEF,IAAMmB,SAAS,GAAG,IAAA3C,kBAAW,EAAC,YAAM;IAClC,IAAM4C,GAAG,GAAGhD,MAAM,CAACM,OAAO;IAC1B,IAAI,CAAC0C,GAAG,EAAE;IAEV,IAAI,CAACA,GAAG,CAACC,KAAK,CAACnH,KAAK,IAAIkH,GAAG,CAACC,KAAK,CAACnH,KAAK,KAAK,YAAY,EAAE;MACxD,IAAMoH,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,GAAG,CAACzC,YAAY,EAAE9B,aAAa,CAAC;MACnD,IAAM4E,CAAC,GAAGF,IAAI,CAACC,GAAG,CAACJ,GAAG,CAACM,aAAa,EAAE3E,cAAc,CAAC;MAErDqE,GAAG,CAACC,KAAK,CAACnH,KAAK,MAAAkB,MAAA,CAAMkG,CAAC,OAAI;MAC1BF,GAAG,CAACC,KAAK,CAACzF,MAAM,MAAAR,MAAA,CAAMqG,CAAC,OAAI;MAE3B,IAAME,MAAM,GAAG;QAAEzH,KAAK,EAAEoH,CAAC;QAAE1F,MAAM,EAAE6F;MAAE,CAAC;MACtC,IAAI,CAAC,IAAAG,mBAAO,EAACD,MAAM,EAAE;QAAEzH,KAAK,EAAEmC,IAAI,CAACY,KAAK,CAAC/C,KAAK;QAAE0B,MAAM,EAAES,IAAI,CAACY,KAAK,CAACrB;MAAO,CAAC,CAAC,EAAE;QAC5E0D,cAAc,CAACqC,MAAM,CAAC;MACxB;IACF;EACF,CAAC,EAAE,CAACtF,IAAI,CAACY,KAAK,CAAC/C,KAAK,EAAEmC,IAAI,CAACY,KAAK,CAACrB,MAAM,EAAEiB,aAAa,EAAEE,cAAc,EAAEuC,cAAc,CAAC,CAAC;EAExF,IAAMuC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,OAAO,EAAEC,IAAI,EAAoC;IAAA,IAAlCC,UAAU,GAAA/I,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA8G,SAAA,GAAA9G,SAAA,MAAG,IAAI;IAAA,IAAEgJ,UAAU,GAAAhJ,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAA8G,SAAA;IAChE,IAAIiC,UAAU,EAAE;MACd,IAAME,KAAK,GAAGJ,OAAO,CAAC5H,KAAK,GAAG4H,OAAO,CAAClG,MAAM;MAC5C,IAAIqG,UAAU,KAAK,QAAQ,EAAE,OAAO;QAAE/H,KAAK,EAAE6H,IAAI,CAACnG,MAAM,GAAGsG,KAAK;QAAEtG,MAAM,EAAEmG,IAAI,CAACnG;MAAO,CAAC;MACvF,OAAO;QAAE1B,KAAK,EAAE6H,IAAI,CAAC7H,KAAK;QAAE0B,MAAM,EAAEmG,IAAI,CAAC7H,KAAK,GAAGgI;MAAM,CAAC;IAC1D;IACA,OAAOH,IAAI;EACb,CAAC;EAED,IAAMI,WAAW,GAAG,IAAA3D,kBAAW,EAC7B,UAACnH,CAAC,EAAK;IACL,IAAM+J,GAAG,GAAGhD,MAAM,CAACM,OAAO;IAC1B,IAAI,CAAC0C,GAAG,EAAE;IAEV,IAAMgB,MAAM,GAAG/K,CAAC,CAACgL,MAAM,CAACC,qBAAqB,CAAC,CAAC;IAC/C,IAAMR,OAAO,GAAG;MAAE5H,KAAK,EAAEkH,GAAG,CAACzC,YAAY;MAAE/C,MAAM,EAAEwF,GAAG,CAACM;IAAc,CAAC;IAEtE,IAAMK,IAAI,GAAGF,YAAY,CAACC,OAAO,EAAE;MACjC5H,KAAK,EAAE7C,CAAC,CAACkL,OAAO,GAAGH,MAAM,CAACnI,IAAI;MAC9B2B,MAAM,EAAEvE,CAAC,CAACmL,OAAO,GAAGJ,MAAM,CAACjI;IAC7B,CAAC,CAAC;IAEF,IAAI4H,IAAI,CAAC7H,KAAK,GAAG,EAAE,IAAI6H,IAAI,CAACnG,MAAM,GAAG,EAAE,IAAImG,IAAI,CAAC7H,KAAK,IAAI,GAAG,IAAI6H,IAAI,CAACnG,MAAM,IAAI,GAAG,EAAE;MAClFwF,GAAG,CAACC,KAAK,CAACnH,KAAK,MAAAkB,MAAA,CAAM2G,IAAI,CAAC7H,KAAK,OAAI;MACnCkH,GAAG,CAACC,KAAK,CAACzF,MAAM,MAAAR,MAAA,CAAM2G,IAAI,CAACnG,MAAM,OAAI;MAErC0D,cAAc,CAAC;QAAEpF,KAAK,EAAE6H,IAAI,CAAC7H,KAAK;QAAE0B,MAAM,EAAEmG,IAAI,CAACnG;MAAO,CAAC,CAAC;IAC5D;EACF,CAAC,EACD,CAACU,MAAM,EAAEgD,cAAc,CACzB,CAAC;EAED,IAAMmD,QAAQ,GAAG,IAAAjE,kBAAW,EAC1B,UAACkE,SAAS,EAAK;IACbpD,cAAc,CAACoD,SAAS,CAAC;EAC3B,CAAC,EACD,CAACpG,MAAM,EAAEgD,cAAc,CACzB,CAAC;EAED,IAAMqD,UAAU,GAAG,IAAAnE,kBAAW,EAAC,YAAM;IACnCoE,MAAM,CAAC1B,mBAAmB,CAAC,WAAW,EAAEiB,WAAW,CAAC;IACpDS,MAAM,CAAC1B,mBAAmB,CAAC,SAAS,EAAEyB,UAAU,CAAC;EACnD,CAAC,EAAE,CAACR,WAAW,CAAC,CAAC;EAEjB,IAAMlB,UAAU,GAAG,IAAAzC,kBAAW,EAAC,YAAM;IACnCoE,MAAM,CAAC5B,gBAAgB,CAAC,WAAW,EAAEmB,WAAW,CAAC;IACjDS,MAAM,CAAC5B,gBAAgB,CAAC,SAAS,EAAE2B,UAAU,CAAC;EAChD,CAAC,EAAE,CAACR,WAAW,EAAEQ,UAAU,CAAC,CAAC;EAE7B,IAAMtB,KAAK,GAAG;IACZnH,KAAK,EAAE8B,MAAM,CAACK,IAAI,CAACY,KAAK,CAAC/C,KAAK,CAAC;IAC/B0B,MAAM,EAAEI,MAAM,CAACK,IAAI,CAACY,KAAK,CAACrB,MAAM,CAAC;IACjCiH,SAAS,EAAE;EACb,CAAC;EAED,IAAMC,SAAS,GAAG;IAAE7I,IAAI,EAAE,YAAY;IAAE8I,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAAW,CAAC,CAAC3G,IAAI,CAACY,KAAK,CAACgG,SAAS,CAAC,IAAI,YAAY;EAEnH,oBACE1M,MAAA,YAAA2M,aAAA,CAAClM,OAAA,CAAAmM,eAAe,qBACd5M,MAAA,YAAA2M,aAAA,CAAC5I,UAAU;IACTkC,OAAO,EAAEA,OAAQ;IACjB/B,OAAO,EAAE,CAAC4B,IAAI,CAACY,KAAK,CAACmG,MAAO;IAC5B1I,aAAa,EAAE2B,IAAI,CAACY,KAAK,CAACoG,YAAY,KAAK,SAAU;IACrDhC,KAAK,EAAE;MAAEiC,cAAc,EAAER;IAAU;EAAE,gBAErCvM,MAAA,YAAA2M,aAAA,CAACzJ,cAAc;IAAC8J,IAAI,EAAC,aAAa;IAACC,KAAK,EAAEnH,IAAI,CAACY,KAAK,CAACwG,OAAO,IAAI,CAAE;IAAC1J,YAAY,EAAEsC,IAAI,CAACY,KAAK,CAACmG;EAAO,CAAE,CAAC,eAEtG7M,MAAA,YAAA2M,aAAA,CAACtI,oBAAoB;IAAC8I,WAAW,EAAE,SAAbA,WAAWA,CAAGrM,CAAC;MAAA,OAAKA,CAAC,CAACsM,cAAc,CAAC,CAAC;IAAA;EAAC,gBAC3DpN,MAAA,YAAA2M,aAAA,CAAClI,WAAW,MAAA4I,SAAA,iBACNrH,UAAU;IACdrB,MAAM,EAAEwB,QAAQ,IAAIL,IAAI,CAACY,KAAK,CAACmG,MAAO;IACtCS,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAE1F,MAAO;IACZqC,GAAG,EAAEpE,IAAI,CAACY,KAAK,CAACwD,GAAI;IACpBY,KAAK,EAAEA,KAAM;IACb0C,MAAM,EAAE5C,SAAU;IAClBnE,GAAG,EAAEX,IAAI,CAACY,KAAK,CAACD;EAAI,EACrB,CAAC,eACFzG,MAAA,YAAA2M,aAAA,CAAC1H,YAAY;IAACsI,GAAG,EAAEzF,SAAU;IAAC2F,SAAS,EAAC,QAAQ;IAAC3C,KAAK,EAAE;MAAE1G,OAAO,EAAE2B,MAAM,CAAC6D,UAAU,GAAGJ,SAAS,GAAG;IAAO;EAAE,CAAE,CAC1F,CACZ,CAAC,EAEZ/B,WAAW,IACV1B,MAAM,CAAC2H,kBAAkB,iBACzBC,oBAAQ,CAACC,YAAY,cACnB5N,MAAA,YAAA2M,aAAA;IACEY,GAAG,EAAExF,UAAW;IAChB+C,KAAK,EAAE;MACL+C,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE,0CAA0C;MACtDC,SAAS,EACP,+GAA+G;MACjHpK,KAAK,EAAE;IACT;EAAE,gBAEF3D,MAAA,YAAA2M,aAAA,CAAC9L,qBAAA,WAAoB;IACnBmN,QAAQ;IACRC,SAAS;IACTC,WAAW,EAAE9H,OAAO,CAAC8H,WAAW,IAAI,CAAC,CAAE;IACvCC,QAAQ,EAAE,SAAVA,QAAQA,CAAA,EAAQ;MAAA,IAAAC,sBAAA,EAAAC,sBAAA;MACd,IAAMpF,OAAO,GAAGV,WAAW,CAAC,CAAC;MAC7B,IAAIU,OAAO,KAAK,IAAI,EAAE;MAEtB,CAAAmF,sBAAA,GAAAhI,OAAO,CAACgE,aAAa,cAAAgE,sBAAA,gBAAAC,sBAAA,GAArBD,sBAAA,CAAuBD,QAAQ,cAAAE,sBAAA,eAA/BA,sBAAA,CAAAvM,IAAA,CAAAsM,sBAAA,EAAkCzG,aAAa,CAACQ,OAAO,CAAC;MAExDpC,MAAM,CAACqD,IAAI,CAACC,QAAQ,CAClBtD,MAAM,CAACc,KAAK,CAACyC,EAAE,UAAO,CAACL,OAAO,EAAEA,OAAO,GAAGlD,MAAM,CAACc,KAAK,CAAC8B,GAAG,CAACQ,MAAM,CAACF,OAAO,CAAC,CAAC7B,QAAQ,CACrF,CAAC;MACDM,cAAc,CAAC,KAAK,CAAC;MACrB3B,MAAM,CAACuI,QAAQ,CAACC,KAAK,CAAC,CAAC;IACzB,CAAE;IACFC,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;MAAA,IAAAC,sBAAA,EAAAC,sBAAA;MACZhH,cAAc,CAAC,KAAK,CAAC;MACrB,CAAA+G,sBAAA,GAAArI,OAAO,CAACgE,aAAa,cAAAqE,sBAAA,gBAAAC,sBAAA,GAArBD,sBAAA,CAAuBD,MAAM,cAAAE,sBAAA,eAA7BA,sBAAA,CAAA5M,IAAA,CAAA2M,sBAAA,EAAgC1I,MAAM,CAAC;MACvCA,MAAM,CAACuI,QAAQ,CAACC,KAAK,CAAC,KAAK,CAAC;IAC9B;EAAE,gBAEFvO,MAAA,YAAA2M,aAAA,CAAC/L,aAAA,WAAY;IACX+N,4BAA4B,GAAA9I,sBAAA,GAAEO,OAAO,CAACgE,aAAa,cAAAvE,sBAAA,uBAArBA,sBAAA,CAAuB8I,4BAA6B;IAClFlI,GAAG,EAAEX,IAAI,CAACY,KAAK,CAACD,GAAI;IACpBmI,WAAW,EAAE9I,IAAI,CAACY,KAAK,CAACmG,MAAO;IAC/BH,SAAS,EAAE5G,IAAI,CAACY,KAAK,CAACgG,SAAS,IAAI,MAAO;IAC1CR,QAAQ,EAAEA;EAAS,CACpB,CACmB,CACnB,CAAC,EACNnG,MAAM,CAAC2H,kBACT,CACa,CAAC;AAEtB;AAEA/H,cAAc,CAACkJ,SAAS,GAAG;EACzB/I,IAAI,EAAEgJ,qBAAS,CAACC,MAAM,CAACC,UAAU;EACjCjJ,MAAM,EAAE+I,qBAAS,CAACC,MAAM,CAACC,UAAU;EACnChJ,UAAU,EAAE8I,qBAAS,CAACC,MAAM;EAC5B9I,OAAO,EAAE6I,qBAAS,CAACG,IAAI;EACvB3I,aAAa,EAAEwI,qBAAS,CAACI,MAAM;EAC/B1I,cAAc,EAAEsI,qBAAS,CAACI;AAC5B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEazJ,cAAc","ignoreList":[]}

package/lib/extensions/math.js

@@ -15,6 +15,7 @@ var _react2 = require("@tiptap/react");
 var _prosemirrorState = require("prosemirror-state");
 var _mathToolbar = require("@pie-lib/math-toolbar");
 var _mathRendering = require("@pie-lib/math-rendering");
+var _toolbar = require("../utils/toolbar");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -37,7 +38,9 @@ var EnsureTextAfterMathPlugin = exports.EnsureTextAfterMathPlugin = function Ens
       // Only act when the doc actually changed
       if (!transactions.some(function (tr) {
         return tr.docChanged;
-      })) return null;
+      })) {
+        return null;
+      }
       var tr = newState.tr;
       var changed = false;
       newState.doc.descendants(function (node, pos) {
@@ -56,6 +59,23 @@ var EnsureTextAfterMathPlugin = exports.EnsureTextAfterMathPlugin = function Ens
     }
   });
 };
+var nodeBeforeZeroWidthSpace = function nodeBeforeZeroWidthSpace(doc, from) {
+  var i;
+
+  // finding if previous to the cursor there's a zero-width space
+  // and a non-text element, and deleting everything until the space
+  for (i = from; i > 0; i--) {
+    var _currentDoc$type, _currentDoc$type2;
+    var currentDoc = doc.nodeAt(i);
+    if ((currentDoc === null || currentDoc === void 0 || (_currentDoc$type = currentDoc.type) === null || _currentDoc$type === void 0 ? void 0 : _currentDoc$type.name) === 'text' && currentDoc.textContent !== "\u200B") {
+      return -1;
+    }
+    if (currentDoc && (currentDoc === null || currentDoc === void 0 || (_currentDoc$type2 = currentDoc.type) === null || _currentDoc$type2 === void 0 ? void 0 : _currentDoc$type2.name) !== 'text') {
+      break;
+    }
+  }
+  return i;
+};
 var ZeroWidthSpaceHandlingPlugin = exports.ZeroWidthSpaceHandlingPlugin = new _prosemirrorState.Plugin({
   key: new _prosemirrorState.PluginKey('zeroWidthSpaceHandling'),
   props: {
@@ -67,34 +87,33 @@ var ZeroWidthSpaceHandlingPlugin = exports.ZeroWidthSpaceHandlingPlugin = new _p
       var from = selection.from,
         empty = selection.empty;
       if (empty && event.key === 'Backspace' && from > 0) {
-        var prevChar = doc.textBetween(from - 1, from, "\uFFFC", "\uFFFC");
-        if (prevChar === "\u200B") {
-          var tr = state.tr["delete"](from - 2, from);
-          dispatch(tr);
-          return true; // handled
+        var start = nodeBeforeZeroWidthSpace(doc, from);
+        if (start === -1) {
+          return false;
         }
+        var tr = state.tr["delete"](start, from);
+        dispatch(tr);
+        return true; // handled
       }
       if (empty && event.key === 'ArrowLeft' && from > 0) {
-        var _prevChar = doc.textBetween(from - 1, from, "\uFFFC", "\uFFFC");
-        // If the previous character is the zero-width space...
-        if (_prevChar === "\u200B") {
-          var posBefore = from - 1;
-          var resolved = state.doc.resolve(posBefore - 1); // look just before the zwsp
-          var maybeNode = resolved.nodeAfter || resolved.nodeBefore;
+        var _start = nodeBeforeZeroWidthSpace(doc, from);
+        if (_start === -1) {
+          return false;
+        }
+        var resolved = state.doc.resolve(_start);
+        var maybeNode = resolved.nodeAfter || resolved.nodeBefore;
 
-          // Check if there's an inline selectable node (e.g., your math node)
-          if (maybeNode) {
-            var nodePos = posBefore - maybeNode.nodeSize;
-            var nodeResolved = state.doc.resolve(nodePos);
-            var _tr = state.tr.setSelection(_prosemirrorState.NodeSelection.create(state.doc, nodeResolved.pos));
-            dispatch(_tr);
-            return true;
-          } else {
-            // Just move the text cursor before the zwsp
-            var _tr2 = state.tr.setSelection(_prosemirrorState.TextSelection.create(state.doc, from - 2));
-            dispatch(_tr2);
-            return true;
-          }
+        // Check if there's an inline selectable node (e.g., your math node)
+        if (maybeNode) {
+          var nodeResolved = state.doc.resolve(_start);
+          var _tr = state.tr.setSelection(_prosemirrorState.NodeSelection.create(state.doc, nodeResolved.pos));
+          dispatch(_tr);
+          return true;
+        } else {
+          // Just move the text cursor before the zwsp
+          var _tr2 = state.tr.setSelection(_prosemirrorState.TextSelection.create(state.doc, from - 2));
+          dispatch(_tr2);
+          return true;
         }
       }
       return false;
@@ -166,15 +185,10 @@ var MathNode = exports.MathNode = _core.Node.create({
             tr.setSelection(sel);
           }
           dispatch(tr);
+          (0, _toolbar.setToolbarOpened)(editor, true);
           return true;
         };
       }
-      // insertMath: (latex = '') => ({ commands }) => {
-      //   return commands.insertContent({
-      //     type: this.name,
-      //     attrs: { latex },
-      //   });
-      // },
     };
   },
   renderHTML: function renderHTML(_ref2) {
@@ -206,12 +220,15 @@ var MathNodeView = exports.MathNodeView = function MathNodeView(props) {
     updateAttributes = props.updateAttributes,
     editor = props.editor,
     selected = props.selected,
-    options = props.options;
+    options = props.options,
+    getPos = props.getPos;
   var _useState = (0, _react.useState)(selected),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     showToolbar = _useState2[0],
     setShowToolbar = _useState2[1];
   var toolbarRef = (0, _react.useRef)(null);
+  var nodeRef = (0, _react.useRef)(null);
+  var timestamp = (0, _react.useRef)(Date.now());
   var _useState3 = (0, _react.useState)({
       top: 0,
       left: 0
@@ -230,25 +247,124 @@ var MathNodeView = exports.MathNodeView = function MathNodeView(props) {
     keyPadCharacterRef = mathOptions.keyPadCharacterRef,
     setKeypadInteraction = mathOptions.setKeypadInteraction;
   var latex = node.attrs.latex || '';
+  var handleChange = function handleChange(newLatex) {
+    updateAttributes({
+      latex: newLatex
+    });
+  };
+
+  // moveCursorAfterNode is set explicitly by the caller (not inferred from
+  // editor.state.selection: every keystroke while editing already calls
+  // updateAttributes, which replaces this node's content and — per a
+  // ProseMirror mapping quirk — collapses any NodeSelection on it into a
+  // plain TextSelection right away, so the live selection can't be trusted
+  // to still describe this node by the time handleDone runs).
+  //
+  // - Check icon: always move the cursor to just after this node.
+  // - Clicking elsewhere in the editable content while the toolbar was
+  //   open (see handleClickOutside): leave the cursor where the user
+  //   actually clicked instead of overriding it.
+  var handleDone = function handleDone(newLatex) {
+    var _ref4 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      _ref4$moveCursorAfter = _ref4.moveCursorAfterNode,
+      moveCursorAfterNode = _ref4$moveCursorAfter === void 0 ? true : _ref4$moveCursorAfter;
+    updateAttributes({
+      latex: newLatex
+    });
+    setShowToolbar(false);
+    if (moveCursorAfterNode && typeof getPos === 'function') {
+      var pos = getPos();
+      var doc = editor.state.doc;
+      var sel = _prosemirrorState.TextSelection.create(doc, pos + node.nodeSize);
+      var tr = editor.state.tr.setSelection(sel);
+      editor.view.dispatch(tr);
+    }
+    editor.commands.focus();
+  };
+
+  // Only open the toolbar when this node is *explicitly* selected
+  // via a NodeSelection — not when it's merely included in a broader
+  // TextSelection or AllSelection (e.g. click-drag across math, or Cmd+A).
   (0, _react.useEffect)(function () {
-    if (selected) {
+    var _selection$node;
+    if (!selected) return;
+    var selection = editor.state.selection;
+    var isNodeSelected = ((_selection$node = selection.node) === null || _selection$node === void 0 || (_selection$node = _selection$node.type) === null || _selection$node === void 0 ? void 0 : _selection$node.name) === 'math';
+    if (isNodeSelected) {
       setShowToolbar(true);
     }
-  }, [selected]);
+  }, [selected, editor]);
   (0, _react.useEffect)(function () {
-    editor._toolbarOpened = !!showToolbar;
-  }, [showToolbar]);
+    (0, _toolbar.setToolbarOpened)(editor, selected || showToolbar);
+  }, [editor, showToolbar, selected]);
   (0, _react.useEffect)(function () {
-    // Calculate position relative to selection
-    var container = (editor === null || editor === void 0 ? void 0 : editor._tiptapContainerEl) || document.body;
-    var bodyRect = container.getBoundingClientRect();
-    var from = editor.state.selection.from;
-    var start = editor.view.coordsAtPos(from);
-    setPosition({
-      top: start.top + Math.abs(bodyRect.top) + 40,
-      // shift above
-      left: start.left
+    if (!editor || !showToolbar) {
+      setPosition({
+        top: 0,
+        left: 0
+      });
+      return;
+    }
+
+    // Clamp in viewport coordinates, then convert to portal-container-relative values
+    // for position: absolute (toolbar is portaled into _tiptapContainerEl or document.body).
+    var updatePosition = function updatePosition() {
+      var _nodeRef$current, _nodeRef$current$getB, _start$bottom;
+      if (!toolbarRef.current) {
+        return;
+      }
+      var from = editor.state.selection.from;
+      var start = editor.view.coordsAtPos(from);
+      var nodeRect = (_nodeRef$current = nodeRef.current) === null || _nodeRef$current === void 0 || (_nodeRef$current$getB = _nodeRef$current.getBoundingClientRect) === null || _nodeRef$current$getB === void 0 ? void 0 : _nodeRef$current$getB.call(_nodeRef$current);
+
+      // Anchor to the math node element when available; fall back to selection coords.
+      var anchorTop = nodeRect !== null && nodeRect !== void 0 && nodeRect.height ? nodeRect.top : start.top;
+      var anchorLeft = nodeRect !== null && nodeRect !== void 0 && nodeRect.width ? nodeRect.left : start.left;
+      var anchorBottom = nodeRect !== null && nodeRect !== void 0 && nodeRect.height ? nodeRect.bottom : (_start$bottom = start.bottom) !== null && _start$bottom !== void 0 ? _start$bottom : start.top;
+      var toolbarHeight = toolbarRef.current.offsetHeight;
+      var toolbarWidth = toolbarRef.current.offsetWidth;
+      var gap = 0;
+      var spaceBelow = window.innerHeight - (anchorBottom + gap);
+
+      // Place the toolbar's top-left corner directly below the anchor; flip above when needed.
+      var top = spaceBelow >= toolbarHeight ? anchorBottom + gap : anchorTop - toolbarHeight - gap;
+      var left = anchorLeft;
+      var margin = 8;
+      top = Math.max(margin, Math.min(top, window.innerHeight - toolbarHeight - margin));
+      left = Math.max(margin, Math.min(left, window.innerWidth - toolbarWidth - margin));
+      var portalEl = editor._tiptapContainerEl || document.body;
+      var containerRect = portalEl.getBoundingClientRect();
+      setPosition({
+        top: top - containerRect.top,
+        left: left - containerRect.left
+      });
+    };
+    updatePosition();
+    var frame = null;
+    var scheduleUpdate = function scheduleUpdate() {
+      if (frame !== null) {
+        return;
+      }
+      frame = requestAnimationFrame(function () {
+        frame = null;
+        updatePosition();
+      });
+    };
+    frame = requestAnimationFrame(function () {
+      frame = null;
+      updatePosition();
     });
+    window.addEventListener('scroll', scheduleUpdate, true);
+    window.addEventListener('resize', scheduleUpdate);
+    return function () {
+      if (frame !== null) {
+        cancelAnimationFrame(frame);
+      }
+      window.removeEventListener('scroll', scheduleUpdate, true);
+      window.removeEventListener('resize', scheduleUpdate);
+    };
+  }, [editor, showToolbar]);
+  (0, _react.useEffect)(function () {
     var handleClickOutside = function handleClickOutside(event) {
       var _document$querySelect, _document, _target$closest, _target$closest2, _target$closest3;
       var target = event === null || event === void 0 ? void 0 : event.target;
@@ -264,9 +380,22 @@ var MathNodeView = exports.MathNodeView = function MathNodeView(props) {
       // will keep/re-open the toolbar. Without this guard, closing and then
       // immediately clicking the math node would fire this listener in the same
       // event cycle and close the toolbar before it could open.
-      var clickedMathNode = !!(target !== null && target !== void 0 && (_target$closest2 = target.closest) !== null && _target$closest2 !== void 0 && _target$closest2.call(target, '.math-node'));
+      var clickedMathNode = !!(target !== null && target !== void 0 && (_target$closest2 = target.closest) !== null && _target$closest2 !== void 0 && _target$closest2.call(target, ".math-node-".concat(timestamp.current)));
       if (toolbarRef.current && !toolbarRef.current.contains(target) && !(target !== null && target !== void 0 && (_target$closest3 = target.closest) !== null && _target$closest3 !== void 0 && _target$closest3.call(target, '[data-inline-node]')) && !equationEditorPopoverOpen && !clickedEquationEditorSelect && !clickedMathNode) {
+        var _editor$view;
         setShowToolbar(false);
+
+        // If the click landed inside the editable content itself, respect
+        // it and leave the cursor where the user clicked. If it landed
+        // fully outside the editor (e.g. on other page UI), there's no
+        // click position to preserve — falling back to "leave selection
+        // untouched" there renders the browser's native NodeSelection
+        // fallback caret at the start of the node, so explicitly move the
+        // cursor after it instead, same as the check-icon path.
+        var clickedInsideEditableContent = !!(editor !== null && editor !== void 0 && (_editor$view = editor.view) !== null && _editor$view !== void 0 && (_editor$view = _editor$view.dom) !== null && _editor$view !== void 0 && _editor$view.contains(target));
+        handleDone(node.attrs.latex, {
+          moveCursorAfterNode: !clickedInsideEditableContent
+        });
       }
     };
     if (showToolbar) {
@@ -279,31 +408,9 @@ var MathNodeView = exports.MathNodeView = function MathNodeView(props) {
     return function () {
       return document.removeEventListener('click', handleClickOutside);
     };
-  }, [editor, showToolbar]);
-  var handleChange = function handleChange(newLatex) {
-    updateAttributes({
-      latex: newLatex
-    });
-  };
-  var handleDone = function handleDone(newLatex) {
-    updateAttributes({
-      latex: newLatex
-    });
-    setShowToolbar(false);
-    editor._toolbarOpened = false;
-    var _editor$state = editor.state,
-      selection = _editor$state.selection,
-      tr = _editor$state.tr,
-      doc = _editor$state.doc;
-    var sel = _prosemirrorState.TextSelection.create(doc, selection.from + 1);
-
-    // Build a fresh transaction from the current state and set the selection
-    tr.setSelection(sel);
-    editor.view.dispatch(tr);
-    editor.commands.focus();
-  };
+  }, [editor, showToolbar, node]);
   return /*#__PURE__*/_react["default"].createElement(_react2.NodeViewWrapper, {
-    className: "math-node",
+    className: "math-node-".concat(timestamp.current),
     style: {
       display: 'inline-flex',
       cursor: 'pointer',
@@ -311,6 +418,7 @@ var MathNodeView = exports.MathNodeView = function MathNodeView(props) {
     },
     "data-selected": selected
   }, /*#__PURE__*/_react["default"].createElement("div", {
+    ref: nodeRef,
     onClick: function onClick() {
       return setShowToolbar(true);
     },
@@ -324,7 +432,7 @@ var MathNodeView = exports.MathNodeView = function MathNodeView(props) {
       position: 'absolute',
       top: "".concat(position.top, "px"),
       left: "".concat(position.left, "px"),
-      zIndex: 20,
+      zIndex: 1000,
       background: 'var(--editable-html-toolbar-bg, #efefef)',
       boxShadow: '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)'
     }