@servicetitan/anvil2 3.5.0 → 3.6.0

package/dist/{index-BN9SK9L3.js → index-B7BIlotN.js}

@@ -1,982 +1,6 @@
-import { P as PluginKey, a as Plugin, S as Slice, F as Fragment, T as TextSelection, A as AllSelection, N as NodeSelection, E as Extension, g as getUpdatedPosition$1, M as MappablePosition, b as NodeRange, c as SelectionRange, d as Selection, D as DecorationSet, e as Decoration, i as isFirefox } from './RichTextEditor-x0anoUnS.js';
-import { useState, useRef, useMemo, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-/**
- * Custom positioning reference element.
- * @see https://floating-ui.com/docs/virtual-elements
- */
-
-const min$1 = Math.min;
-const max$1 = Math.max;
-const round = Math.round;
-const createCoords = v => ({
-  x: v,
-  y: v
-});
-function evaluate(value, param) {
-  return typeof value === 'function' ? value(param) : value;
-}
-function getSide(placement) {
-  return placement.split('-')[0];
-}
-function getAlignment(placement) {
-  return placement.split('-')[1];
-}
-function getOppositeAxis(axis) {
-  return axis === 'x' ? 'y' : 'x';
-}
-function getAxisLength(axis) {
-  return axis === 'y' ? 'height' : 'width';
-}
-function getSideAxis(placement) {
-  const firstChar = placement[0];
-  return firstChar === 't' || firstChar === 'b' ? 'y' : 'x';
-}
-function getAlignmentAxis(placement) {
-  return getOppositeAxis(getSideAxis(placement));
-}
-function expandPaddingObject(padding) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...padding
-  };
-}
-function getPaddingObject(padding) {
-  return typeof padding !== 'number' ? expandPaddingObject(padding) : {
-    top: padding,
-    right: padding,
-    bottom: padding,
-    left: padding
-  };
-}
-function rectToClientRect(rect) {
-  const {
-    x,
-    y,
-    width,
-    height
-  } = rect;
-  return {
-    width,
-    height,
-    top: y,
-    left: x,
-    right: x + width,
-    bottom: y + height,
-    x,
-    y
-  };
-}
-
-function computeCoordsFromPlacement(_ref, placement, rtl) {
-  let {
-    reference,
-    floating
-  } = _ref;
-  const sideAxis = getSideAxis(placement);
-  const alignmentAxis = getAlignmentAxis(placement);
-  const alignLength = getAxisLength(alignmentAxis);
-  const side = getSide(placement);
-  const isVertical = sideAxis === 'y';
-  const commonX = reference.x + reference.width / 2 - floating.width / 2;
-  const commonY = reference.y + reference.height / 2 - floating.height / 2;
-  const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
-  let coords;
-  switch (side) {
-    case 'top':
-      coords = {
-        x: commonX,
-        y: reference.y - floating.height
-      };
-      break;
-    case 'bottom':
-      coords = {
-        x: commonX,
-        y: reference.y + reference.height
-      };
-      break;
-    case 'right':
-      coords = {
-        x: reference.x + reference.width,
-        y: commonY
-      };
-      break;
-    case 'left':
-      coords = {
-        x: reference.x - floating.width,
-        y: commonY
-      };
-      break;
-    default:
-      coords = {
-        x: reference.x,
-        y: reference.y
-      };
-  }
-  switch (getAlignment(placement)) {
-    case 'start':
-      coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
-      break;
-    case 'end':
-      coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
-      break;
-  }
-  return coords;
-}
-
-/**
- * Resolves with an object of overflow side offsets that determine how much the
- * element is overflowing a given clipping boundary on each side.
- * - positive = overflowing the boundary by that number of pixels
- * - negative = how many pixels left before it will overflow
- * - 0 = lies flush with the boundary
- * @see https://floating-ui.com/docs/detectOverflow
- */
-async function detectOverflow(state, options) {
-  var _await$platform$isEle;
-  if (options === void 0) {
-    options = {};
-  }
-  const {
-    x,
-    y,
-    platform,
-    rects,
-    elements,
-    strategy
-  } = state;
-  const {
-    boundary = 'clippingAncestors',
-    rootBoundary = 'viewport',
-    elementContext = 'floating',
-    altBoundary = false,
-    padding = 0
-  } = evaluate(options, state);
-  const paddingObject = getPaddingObject(padding);
-  const altContext = elementContext === 'floating' ? 'reference' : 'floating';
-  const element = elements[altBoundary ? altContext : elementContext];
-  const clippingClientRect = rectToClientRect(await platform.getClippingRect({
-    element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
-    boundary,
-    rootBoundary,
-    strategy
-  }));
-  const rect = elementContext === 'floating' ? {
-    x,
-    y,
-    width: rects.floating.width,
-    height: rects.floating.height
-  } : rects.reference;
-  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
-  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  };
-  const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements,
-    rect,
-    offsetParent,
-    strategy
-  }) : rect);
-  return {
-    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
-    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
-    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
-    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
-  };
-}
-
-// Maximum number of resets that can occur before bailing to avoid infinite reset loops.
-const MAX_RESET_COUNT = 50;
-
-/**
- * Computes the `x` and `y` coordinates that will place the floating element
- * next to a given reference element.
- *
- * This export does not have any `platform` interface logic. You will need to
- * write one for the platform you are using Floating UI with.
- */
-const computePosition$1 = async (reference, floating, config) => {
-  const {
-    placement = 'bottom',
-    strategy = 'absolute',
-    middleware = [],
-    platform
-  } = config;
-  const platformWithDetectOverflow = platform.detectOverflow ? platform : {
-    ...platform,
-    detectOverflow
-  };
-  const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
-  let rects = await platform.getElementRects({
-    reference,
-    floating,
-    strategy
-  });
-  let {
-    x,
-    y
-  } = computeCoordsFromPlacement(rects, placement, rtl);
-  let statefulPlacement = placement;
-  let resetCount = 0;
-  const middlewareData = {};
-  for (let i = 0; i < middleware.length; i++) {
-    const currentMiddleware = middleware[i];
-    if (!currentMiddleware) {
-      continue;
-    }
-    const {
-      name,
-      fn
-    } = currentMiddleware;
-    const {
-      x: nextX,
-      y: nextY,
-      data,
-      reset
-    } = await fn({
-      x,
-      y,
-      initialPlacement: placement,
-      placement: statefulPlacement,
-      strategy,
-      middlewareData,
-      rects,
-      platform: platformWithDetectOverflow,
-      elements: {
-        reference,
-        floating
-      }
-    });
-    x = nextX != null ? nextX : x;
-    y = nextY != null ? nextY : y;
-    middlewareData[name] = {
-      ...middlewareData[name],
-      ...data
-    };
-    if (reset && resetCount < MAX_RESET_COUNT) {
-      resetCount++;
-      if (typeof reset === 'object') {
-        if (reset.placement) {
-          statefulPlacement = reset.placement;
-        }
-        if (reset.rects) {
-          rects = reset.rects === true ? await platform.getElementRects({
-            reference,
-            floating,
-            strategy
-          }) : reset.rects;
-        }
-        ({
-          x,
-          y
-        } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
-      }
-      i = -1;
-    }
-  }
-  return {
-    x,
-    y,
-    placement: statefulPlacement,
-    strategy,
-    middlewareData
-  };
-};
-
-function hasWindow() {
-  return typeof window !== 'undefined';
-}
-function getNodeName(node) {
-  if (isNode$1(node)) {
-    return (node.nodeName || '').toLowerCase();
-  }
-  // Mocked nodes in testing environments may not be instances of Node. By
-  // returning `#document` an infinite loop won't occur.
-  // https://github.com/floating-ui/floating-ui/issues/2317
-  return '#document';
-}
-function getWindow(node) {
-  var _node$ownerDocument;
-  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
-}
-function getDocumentElement(node) {
-  var _ref;
-  return (_ref = (isNode$1(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
-}
-function isNode$1(value) {
-  if (!hasWindow()) {
-    return false;
-  }
-  return value instanceof Node || value instanceof getWindow(value).Node;
-}
-function isElement(value) {
-  if (!hasWindow()) {
-    return false;
-  }
-  return value instanceof Element || value instanceof getWindow(value).Element;
-}
-function isHTMLElement(value) {
-  if (!hasWindow()) {
-    return false;
-  }
-  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
-}
-function isShadowRoot(value) {
-  if (!hasWindow() || typeof ShadowRoot === 'undefined') {
-    return false;
-  }
-  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
-}
-function isOverflowElement(element) {
-  const {
-    overflow,
-    overflowX,
-    overflowY,
-    display
-  } = getComputedStyle$1(element);
-  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== 'inline' && display !== 'contents';
-}
-function isTableElement(element) {
-  return /^(table|td|th)$/.test(getNodeName(element));
-}
-function isTopLayer(element) {
-  try {
-    if (element.matches(':popover-open')) {
-      return true;
-    }
-  } catch (_e) {
-    // no-op
-  }
-  try {
-    return element.matches(':modal');
-  } catch (_e) {
-    return false;
-  }
-}
-const willChangeRe = /transform|translate|scale|rotate|perspective|filter/;
-const containRe = /paint|layout|strict|content/;
-const isNotNone = value => !!value && value !== 'none';
-let isWebKitValue;
-function isContainingBlock(elementOrCss) {
-  const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
-
-  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
-  // https://drafts.csswg.org/css-transforms-2/#individual-transforms
-  return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || '') || containRe.test(css.contain || '');
-}
-function getContainingBlock(element) {
-  let currentNode = getParentNode(element);
-  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    if (isContainingBlock(currentNode)) {
-      return currentNode;
-    } else if (isTopLayer(currentNode)) {
-      return null;
-    }
-    currentNode = getParentNode(currentNode);
-  }
-  return null;
-}
-function isWebKit() {
-  if (isWebKitValue == null) {
-    isWebKitValue = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('-webkit-backdrop-filter', 'none');
-  }
-  return isWebKitValue;
-}
-function isLastTraversableNode(node) {
-  return /^(html|body|#document)$/.test(getNodeName(node));
-}
-function getComputedStyle$1(element) {
-  return getWindow(element).getComputedStyle(element);
-}
-function getNodeScroll(element) {
-  if (isElement(element)) {
-    return {
-      scrollLeft: element.scrollLeft,
-      scrollTop: element.scrollTop
-    };
-  }
-  return {
-    scrollLeft: element.scrollX,
-    scrollTop: element.scrollY
-  };
-}
-function getParentNode(node) {
-  if (getNodeName(node) === 'html') {
-    return node;
-  }
-  const result =
-  // Step into the shadow DOM of the parent of a slotted node.
-  node.assignedSlot ||
-  // DOM Element detected.
-  node.parentNode ||
-  // ShadowRoot detected.
-  isShadowRoot(node) && node.host ||
-  // Fallback.
-  getDocumentElement(node);
-  return isShadowRoot(result) ? result.host : result;
-}
-function getNearestOverflowAncestor(node) {
-  const parentNode = getParentNode(node);
-  if (isLastTraversableNode(parentNode)) {
-    return node.ownerDocument ? node.ownerDocument.body : node.body;
-  }
-  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
-    return parentNode;
-  }
-  return getNearestOverflowAncestor(parentNode);
-}
-function getOverflowAncestors(node, list, traverseIframes) {
-  var _node$ownerDocument2;
-  if (list === void 0) {
-    list = [];
-  }
-  const scrollableAncestor = getNearestOverflowAncestor(node);
-  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
-  const win = getWindow(scrollableAncestor);
-  if (isBody) {
-    getFrameElement(win);
-    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], []);
-  } else {
-    return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, []));
-  }
-}
-function getFrameElement(win) {
-  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
-}
-
-function getCssDimensions(element) {
-  const css = getComputedStyle$1(element);
-  // In testing environments, the `width` and `height` properties are empty
-  // strings for SVG elements, returning NaN. Fallback to `0` in this case.
-  let width = parseFloat(css.width) || 0;
-  let height = parseFloat(css.height) || 0;
-  const hasOffset = isHTMLElement(element);
-  const offsetWidth = hasOffset ? element.offsetWidth : width;
-  const offsetHeight = hasOffset ? element.offsetHeight : height;
-  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
-  if (shouldFallback) {
-    width = offsetWidth;
-    height = offsetHeight;
-  }
-  return {
-    width,
-    height,
-    $: shouldFallback
-  };
-}
-
-function unwrapElement(element) {
-  return !isElement(element) ? element.contextElement : element;
-}
-
-function getScale(element) {
-  const domElement = unwrapElement(element);
-  if (!isHTMLElement(domElement)) {
-    return createCoords(1);
-  }
-  const rect = domElement.getBoundingClientRect();
-  const {
-    width,
-    height,
-    $
-  } = getCssDimensions(domElement);
-  let x = ($ ? round(rect.width) : rect.width) / width;
-  let y = ($ ? round(rect.height) : rect.height) / height;
-
-  // 0, NaN, or Infinity should always fallback to 1.
-
-  if (!x || !Number.isFinite(x)) {
-    x = 1;
-  }
-  if (!y || !Number.isFinite(y)) {
-    y = 1;
-  }
-  return {
-    x,
-    y
-  };
-}
-
-const noOffsets = /*#__PURE__*/createCoords(0);
-function getVisualOffsets(element) {
-  const win = getWindow(element);
-  if (!isWebKit() || !win.visualViewport) {
-    return noOffsets;
-  }
-  return {
-    x: win.visualViewport.offsetLeft,
-    y: win.visualViewport.offsetTop
-  };
-}
-function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
-  if (isFixed === void 0) {
-    isFixed = false;
-  }
-  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {
-    return false;
-  }
-  return isFixed;
-}
-
-function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
-  if (includeScale === void 0) {
-    includeScale = false;
-  }
-  if (isFixedStrategy === void 0) {
-    isFixedStrategy = false;
-  }
-  const clientRect = element.getBoundingClientRect();
-  const domElement = unwrapElement(element);
-  let scale = createCoords(1);
-  if (includeScale) {
-    if (offsetParent) {
-      if (isElement(offsetParent)) {
-        scale = getScale(offsetParent);
-      }
-    } else {
-      scale = getScale(element);
-    }
-  }
-  const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
-  let x = (clientRect.left + visualOffsets.x) / scale.x;
-  let y = (clientRect.top + visualOffsets.y) / scale.y;
-  let width = clientRect.width / scale.x;
-  let height = clientRect.height / scale.y;
-  if (domElement) {
-    const win = getWindow(domElement);
-    const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
-    let currentWin = win;
-    let currentIFrame = getFrameElement(currentWin);
-    while (currentIFrame && offsetParent && offsetWin !== currentWin) {
-      const iframeScale = getScale(currentIFrame);
-      const iframeRect = currentIFrame.getBoundingClientRect();
-      const css = getComputedStyle$1(currentIFrame);
-      const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
-      const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
-      x *= iframeScale.x;
-      y *= iframeScale.y;
-      width *= iframeScale.x;
-      height *= iframeScale.y;
-      x += left;
-      y += top;
-      currentWin = getWindow(currentIFrame);
-      currentIFrame = getFrameElement(currentWin);
-    }
-  }
-  return rectToClientRect({
-    width,
-    height,
-    x,
-    y
-  });
-}
-
-// If <html> has a CSS width greater than the viewport, then this will be
-// incorrect for RTL.
-function getWindowScrollBarX(element, rect) {
-  const leftScroll = getNodeScroll(element).scrollLeft;
-  if (!rect) {
-    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
-  }
-  return rect.left + leftScroll;
-}
-
-function getHTMLOffset(documentElement, scroll) {
-  const htmlRect = documentElement.getBoundingClientRect();
-  const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
-  const y = htmlRect.top + scroll.scrollTop;
-  return {
-    x,
-    y
-  };
-}
-
-function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
-  let {
-    elements,
-    rect,
-    offsetParent,
-    strategy
-  } = _ref;
-  const isFixed = strategy === 'fixed';
-  const documentElement = getDocumentElement(offsetParent);
-  const topLayer = elements ? isTopLayer(elements.floating) : false;
-  if (offsetParent === documentElement || topLayer && isFixed) {
-    return rect;
-  }
-  let scroll = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  let scale = createCoords(1);
-  const offsets = createCoords(0);
-  const isOffsetParentAnElement = isHTMLElement(offsetParent);
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-    if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
-      scroll = getNodeScroll(offsetParent);
-    }
-    if (isOffsetParentAnElement) {
-      const offsetRect = getBoundingClientRect(offsetParent);
-      scale = getScale(offsetParent);
-      offsets.x = offsetRect.x + offsetParent.clientLeft;
-      offsets.y = offsetRect.y + offsetParent.clientTop;
-    }
-  }
-  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
-  return {
-    width: rect.width * scale.x,
-    height: rect.height * scale.y,
-    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
-    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
-  };
-}
-
-function getClientRects(element) {
-  return Array.from(element.getClientRects());
-}
-
-// Gets the entire size of the scrollable document area, even extending outside
-// of the `<html>` and `<body>` rect bounds if horizontally scrollable.
-function getDocumentRect(element) {
-  const html = getDocumentElement(element);
-  const scroll = getNodeScroll(element);
-  const body = element.ownerDocument.body;
-  const width = max$1(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
-  const height = max$1(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
-  let x = -scroll.scrollLeft + getWindowScrollBarX(element);
-  const y = -scroll.scrollTop;
-  if (getComputedStyle$1(body).direction === 'rtl') {
-    x += max$1(html.clientWidth, body.clientWidth) - width;
-  }
-  return {
-    width,
-    height,
-    x,
-    y
-  };
-}
-
-// Safety check: ensure the scrollbar space is reasonable in case this
-// calculation is affected by unusual styles.
-// Most scrollbars leave 15-18px of space.
-const SCROLLBAR_MAX = 25;
-function getViewportRect(element, strategy) {
-  const win = getWindow(element);
-  const html = getDocumentElement(element);
-  const visualViewport = win.visualViewport;
-  let width = html.clientWidth;
-  let height = html.clientHeight;
-  let x = 0;
-  let y = 0;
-  if (visualViewport) {
-    width = visualViewport.width;
-    height = visualViewport.height;
-    const visualViewportBased = isWebKit();
-    if (!visualViewportBased || visualViewportBased && strategy === 'fixed') {
-      x = visualViewport.offsetLeft;
-      y = visualViewport.offsetTop;
-    }
-  }
-  const windowScrollbarX = getWindowScrollBarX(html);
-  // <html> `overflow: hidden` + `scrollbar-gutter: stable` reduces the
-  // visual width of the <html> but this is not considered in the size
-  // of `html.clientWidth`.
-  if (windowScrollbarX <= 0) {
-    const doc = html.ownerDocument;
-    const body = doc.body;
-    const bodyStyles = getComputedStyle(body);
-    const bodyMarginInline = doc.compatMode === 'CSS1Compat' ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
-    const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
-    if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
-      width -= clippingStableScrollbarWidth;
-    }
-  } else if (windowScrollbarX <= SCROLLBAR_MAX) {
-    // If the <body> scrollbar is on the left, the width needs to be extended
-    // by the scrollbar amount so there isn't extra space on the right.
-    width += windowScrollbarX;
-  }
-  return {
-    width,
-    height,
-    x,
-    y
-  };
-}
-
-// Returns the inner client rect, subtracting scrollbars if present.
-function getInnerBoundingClientRect(element, strategy) {
-  const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
-  const top = clientRect.top + element.clientTop;
-  const left = clientRect.left + element.clientLeft;
-  const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
-  const width = element.clientWidth * scale.x;
-  const height = element.clientHeight * scale.y;
-  const x = left * scale.x;
-  const y = top * scale.y;
-  return {
-    width,
-    height,
-    x,
-    y
-  };
-}
-function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
-  let rect;
-  if (clippingAncestor === 'viewport') {
-    rect = getViewportRect(element, strategy);
-  } else if (clippingAncestor === 'document') {
-    rect = getDocumentRect(getDocumentElement(element));
-  } else if (isElement(clippingAncestor)) {
-    rect = getInnerBoundingClientRect(clippingAncestor, strategy);
-  } else {
-    const visualOffsets = getVisualOffsets(element);
-    rect = {
-      x: clippingAncestor.x - visualOffsets.x,
-      y: clippingAncestor.y - visualOffsets.y,
-      width: clippingAncestor.width,
-      height: clippingAncestor.height
-    };
-  }
-  return rectToClientRect(rect);
-}
-function hasFixedPositionAncestor(element, stopNode) {
-  const parentNode = getParentNode(element);
-  if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
-    return false;
-  }
-  return getComputedStyle$1(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
-}
-
-// A "clipping ancestor" is an `overflow` element with the characteristic of
-// clipping (or hiding) child elements. This returns all clipping ancestors
-// of the given element up the tree.
-function getClippingElementAncestors(element, cache) {
-  const cachedResult = cache.get(element);
-  if (cachedResult) {
-    return cachedResult;
-  }
-  let result = getOverflowAncestors(element, []).filter(el => isElement(el) && getNodeName(el) !== 'body');
-  let currentContainingBlockComputedStyle = null;
-  const elementIsFixed = getComputedStyle$1(element).position === 'fixed';
-  let currentNode = elementIsFixed ? getParentNode(element) : element;
-
-  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
-  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    const computedStyle = getComputedStyle$1(currentNode);
-    const currentNodeIsContaining = isContainingBlock(currentNode);
-    if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
-      currentContainingBlockComputedStyle = null;
-    }
-    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && (currentContainingBlockComputedStyle.position === 'absolute' || currentContainingBlockComputedStyle.position === 'fixed') || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
-    if (shouldDropCurrentNode) {
-      // Drop non-containing blocks.
-      result = result.filter(ancestor => ancestor !== currentNode);
-    } else {
-      // Record last containing block for next iteration.
-      currentContainingBlockComputedStyle = computedStyle;
-    }
-    currentNode = getParentNode(currentNode);
-  }
-  cache.set(element, result);
-  return result;
-}
-
-// Gets the maximum area that the element is visible in due to any number of
-// clipping ancestors.
-function getClippingRect(_ref) {
-  let {
-    element,
-    boundary,
-    rootBoundary,
-    strategy
-  } = _ref;
-  const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
-  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
-  const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);
-  let top = firstRect.top;
-  let right = firstRect.right;
-  let bottom = firstRect.bottom;
-  let left = firstRect.left;
-  for (let i = 1; i < clippingAncestors.length; i++) {
-    const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);
-    top = max$1(rect.top, top);
-    right = min$1(rect.right, right);
-    bottom = min$1(rect.bottom, bottom);
-    left = max$1(rect.left, left);
-  }
-  return {
-    width: right - left,
-    height: bottom - top,
-    x: left,
-    y: top
-  };
-}
-
-function getDimensions(element) {
-  const {
-    width,
-    height
-  } = getCssDimensions(element);
-  return {
-    width,
-    height
-  };
-}
-
-function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
-  const isOffsetParentAnElement = isHTMLElement(offsetParent);
-  const documentElement = getDocumentElement(offsetParent);
-  const isFixed = strategy === 'fixed';
-  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
-  let scroll = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const offsets = createCoords(0);
-
-  // If the <body> scrollbar appears on the left (e.g. RTL systems). Use
-  // Firefox with layout.scrollbar.side = 3 in about:config to test this.
-  function setLeftRTLScrollbarOffset() {
-    offsets.x = getWindowScrollBarX(documentElement);
-  }
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
-    if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
-      scroll = getNodeScroll(offsetParent);
-    }
-    if (isOffsetParentAnElement) {
-      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
-      offsets.x = offsetRect.x + offsetParent.clientLeft;
-      offsets.y = offsetRect.y + offsetParent.clientTop;
-    } else if (documentElement) {
-      setLeftRTLScrollbarOffset();
-    }
-  }
-  if (isFixed && !isOffsetParentAnElement && documentElement) {
-    setLeftRTLScrollbarOffset();
-  }
-  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
-  const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
-  const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
-  return {
-    x,
-    y,
-    width: rect.width,
-    height: rect.height
-  };
-}
-
-function isStaticPositioned(element) {
-  return getComputedStyle$1(element).position === 'static';
-}
-
-function getTrueOffsetParent(element, polyfill) {
-  if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
-    return null;
-  }
-  if (polyfill) {
-    return polyfill(element);
-  }
-  let rawOffsetParent = element.offsetParent;
-
-  // Firefox returns the <html> element as the offsetParent if it's non-static,
-  // while Chrome and Safari return the <body> element. The <body> element must
-  // be used to perform the correct calculations even if the <html> element is
-  // non-static.
-  if (getDocumentElement(element) === rawOffsetParent) {
-    rawOffsetParent = rawOffsetParent.ownerDocument.body;
-  }
-  return rawOffsetParent;
-}
-
-// Gets the closest ancestor positioned element. Handles some edge cases,
-// such as table ancestors and cross browser bugs.
-function getOffsetParent(element, polyfill) {
-  const win = getWindow(element);
-  if (isTopLayer(element)) {
-    return win;
-  }
-  if (!isHTMLElement(element)) {
-    let svgOffsetParent = getParentNode(element);
-    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
-      if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
-        return svgOffsetParent;
-      }
-      svgOffsetParent = getParentNode(svgOffsetParent);
-    }
-    return win;
-  }
-  let offsetParent = getTrueOffsetParent(element, polyfill);
-  while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
-    offsetParent = getTrueOffsetParent(offsetParent, polyfill);
-  }
-  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
-    return win;
-  }
-  return offsetParent || getContainingBlock(element) || win;
-}
-
-const getElementRects = async function (data) {
-  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
-  const getDimensionsFn = this.getDimensions;
-  const floatingDimensions = await getDimensionsFn(data.floating);
-  return {
-    reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
-    floating: {
-      x: 0,
-      y: 0,
-      width: floatingDimensions.width,
-      height: floatingDimensions.height
-    }
-  };
-};
-
-function isRTL(element) {
-  return getComputedStyle$1(element).direction === 'rtl';
-}
-
-const platform = {
-  convertOffsetParentRelativeRectToViewportRelativeRect,
-  getDocumentElement,
-  getClippingRect,
-  getOffsetParent,
-  getElementRects,
-  getClientRects,
-  getDimensions,
-  getScale,
-  isElement,
-  isRTL
-};
-
-/**
- * Computes the `x` and `y` coordinates that will place the floating element
- * next to a given reference element.
- */
-const computePosition = (reference, floating, options) => {
-  // This caches the expensive `getClippingElementAncestors` function so that
-  // multiple lifecycle resets re-use the same result. It only lives for a
-  // single call. If other functions become expensive, we can add them as well.
-  const cache = new Map();
-  const mergedOptions = {
-    platform,
-    ...options
-  };
-  const platformWithCache = {
-    ...mergedOptions.platform,
-    _c: cache
-  };
-  return computePosition$1(reference, floating, {
-    ...mergedOptions,
-    platform: platformWithCache
-  });
-};
+import { P as PluginKey, a as Plugin, S as Slice, F as Fragment, T as TextSelection, A as AllSelection, N as NodeSelection, E as Extension, g as getUpdatedPosition$1, M as MappablePosition, b as NodeRange, c as SelectionRange, d as Selection, D as DecorationSet, e as Decoration, f as computePosition, i as isFirefox } from './RichTextEditor-byoMZaJy.js';
+import { useRef, useMemo, useEffect } from 'react';
+import { createPortal } from 'react-dom';
 
 /**
  * Utility module to work with key-value stores.
@@ -15545,7 +14569,12 @@ function isChangeOrigin(transaction) {
 }
 function getYAbsolutePosition(state, relativePos) {
   const ystate = ySyncPluginKey.getState(state);
-  return relativePositionToAbsolutePosition(ystate.doc, ystate.type, relativePos, ystate.binding.mapping) || 0;
+  return relativePositionToAbsolutePosition(
+    ystate.doc,
+    ystate.type,
+    relativePos,
+    ystate.binding.mapping
+  ) || 0;
 }
 function getYRelativePosition(state, absolutePos) {
   const ystate = ySyncPluginKey.getState(state);
@@ -15722,7 +14751,7 @@ Extension.create({
                 (_a = fragment.doc) == null ? void 0 : _a.destroy();
               }
             });
-            return false;
+            return true;
           }
         }
       })
@@ -15788,17 +14817,18 @@ function getSelectionRanges($from, $to, depth, options = {}) {
 
 // src/helpers/NodeRangeBookmark.ts
 var NodeRangeBookmark = class _NodeRangeBookmark {
-  constructor(anchor, head) {
+  constructor(anchor, head, depth) {
     this.anchor = anchor;
     this.head = head;
+    this.depth = depth != null ? depth : 0;
   }
   map(mapping) {
-    return new _NodeRangeBookmark(mapping.map(this.anchor), mapping.map(this.head));
+    return new _NodeRangeBookmark(mapping.map(this.anchor), mapping.map(this.head), this.depth);
   }
   resolve(doc) {
     const $anchor = doc.resolve(this.anchor);
     const $head = doc.resolve(this.head);
-    return new NodeRangeSelection($anchor, $head);
+    return new NodeRangeSelection($anchor, $head, this.depth);
   }
 };
 
@@ -15810,7 +14840,11 @@ var NodeRangeSelection = class _NodeRangeSelection extends Selection {
     const isCursorAtEnd = $anchor.pos === doc.content.size && $head.pos === doc.content.size;
     const $correctedHead = isCursor && !isCursorAtEnd ? doc.resolve($head.pos + (bias > 0 ? 1 : -1)) : $head;
     const $correctedAnchor = isCursor && isCursorAtEnd ? doc.resolve($anchor.pos - (bias > 0 ? 1 : -1)) : $anchor;
-    const ranges = getSelectionRanges($correctedAnchor.min($correctedHead), $correctedAnchor.max($correctedHead), depth);
+    const ranges = getSelectionRanges(
+      $correctedAnchor.min($correctedHead),
+      $correctedAnchor.max($correctedHead),
+      depth
+    );
     const $rangeFrom = $correctedHead.pos >= $anchor.pos ? ranges[0].$from : ranges[ranges.length - 1].$to;
     const $rangeTo = $correctedHead.pos >= $anchor.pos ? ranges[ranges.length - 1].$to : ranges[0].$from;
     super($rangeFrom, $rangeTo, ranges);
@@ -15827,13 +14861,14 @@ var NodeRangeSelection = class _NodeRangeSelection extends Selection {
   map(doc, mapping) {
     const $anchor = doc.resolve(mapping.map(this.anchor));
     const $head = doc.resolve(mapping.map(this.head));
-    return new _NodeRangeSelection($anchor, $head);
+    return new _NodeRangeSelection($anchor, $head, this.depth);
   }
   toJSON() {
     return {
       type: "nodeRange",
       anchor: this.anchor,
-      head: this.head
+      head: this.head,
+      depth: this.depth
     };
   }
   get isForwards() {
@@ -15867,16 +14902,20 @@ var NodeRangeSelection = class _NodeRangeSelection extends Selection {
     return new _NodeRangeSelection(this.$anchor, $to, this.depth);
   }
   static fromJSON(doc, json) {
-    return new _NodeRangeSelection(doc.resolve(json.anchor), doc.resolve(json.head));
+    return new _NodeRangeSelection(doc.resolve(json.anchor), doc.resolve(json.head), json.depth);
   }
   static create(doc, anchor, head, depth, bias = 1) {
     return new this(doc.resolve(anchor), doc.resolve(head), depth, bias);
   }
   getBookmark() {
-    return new NodeRangeBookmark(this.anchor, this.head);
+    return new NodeRangeBookmark(this.anchor, this.head, this.depth);
   }
 };
 NodeRangeSelection.prototype.visible = false;
+try {
+  Selection.jsonID("nodeRange", NodeRangeSelection);
+} catch {
+}
 
 // src/helpers/isNodeRangeSelection.ts
 function isNodeRangeSelection(value) {
@@ -15986,7 +15025,12 @@ Extension.create({
                   if ($anchor.sameParent($head)) {
                     return;
                   }
-                  const nodeRangeSelection = NodeRangeSelection.create(doc, $anchor.pos, $head.pos, this.options.depth);
+                  const nodeRangeSelection = NodeRangeSelection.create(
+                    doc,
+                    $anchor.pos,
+                    $head.pos,
+                    this.options.depth
+                  );
                   tr.setSelection(nodeRangeSelection);
                   view.dispatch(tr);
                 },
@@ -16028,20 +15072,26 @@ Extension.create({
 // src/drag-handle.ts
 
 // src/helpers/cloneElement.ts
-function getCSSText(element) {
-  let value = "";
+function getCSSText(element, properties) {
   const style = getComputedStyle(element);
+  if (properties) {
+    return properties.map((property) => property.trim()).filter((property) => property.length > 0).map((property) => `${property}:${style.getPropertyValue(property)};`).join("");
+  }
+  let value = "";
   for (let i = 0; i < style.length; i += 1) {
     value += `${style[i]}:${style.getPropertyValue(style[i])};`;
   }
   return value;
 }
-function cloneElement(node) {
+function cloneElement(node, properties) {
   const clonedNode = node.cloneNode(true);
   const sourceElements = [node, ...Array.from(node.getElementsByTagName("*"))];
-  const targetElements = [clonedNode, ...Array.from(clonedNode.getElementsByTagName("*"))];
+  const targetElements = [
+    clonedNode,
+    ...Array.from(clonedNode.getElementsByTagName("*"))
+  ];
   sourceElements.forEach((sourceElement, index) => {
-    targetElements[index].style.cssText = getCSSText(sourceElement);
+    targetElements[index].style.cssText = getCSSText(sourceElement, properties);
   });
   return clonedNode;
 }
@@ -16283,28 +15333,41 @@ function findBestDragTarget(view, coords, options) {
 
 // src/helpers/findNextElementFromCursor.ts
 function findClosestTopLevelBlock(element, view) {
+  var _a;
   let current = element;
   while ((current == null ? void 0 : current.parentElement) && current.parentElement !== view.dom) {
     current = current.parentElement;
   }
-  return (current == null ? void 0 : current.parentElement) === view.dom ? current : void 0;
+  if ((current == null ? void 0 : current.parentElement) !== view.dom) {
+    return void 0;
+  }
+  if (!((_a = current.pmViewDesc) == null ? void 0 : _a.node)) {
+    return void 0;
+  }
+  return current;
 }
 function isValidRect(rect) {
   return Number.isFinite(rect.top) && Number.isFinite(rect.bottom) && Number.isFinite(rect.left) && Number.isFinite(rect.right) && rect.width > 0 && rect.height > 0;
 }
+function edgeBlockRect(container, edge) {
+  let current = edge === "first" ? container.firstElementChild : container.lastElementChild;
+  while (current) {
+    const rect = current.getBoundingClientRect();
+    if (isValidRect(rect)) {
+      return rect;
+    }
+    current = edge === "first" ? current.nextElementSibling : current.previousElementSibling;
+  }
+  return null;
+}
 function clampToContent(view, x, y, inset = 5) {
   if (!Number.isFinite(x) || !Number.isFinite(y)) {
     return null;
   }
   const container = view.dom;
-  const firstBlock = container.firstElementChild;
-  const lastBlock = container.lastElementChild;
-  if (!firstBlock || !lastBlock) {
-    return null;
-  }
-  const topRect = firstBlock.getBoundingClientRect();
-  const botRect = lastBlock.getBoundingClientRect();
-  if (!isValidRect(topRect) || !isValidRect(botRect)) {
+  const topRect = edgeBlockRect(container, "first");
+  const botRect = edgeBlockRect(container, "last");
+  if (!topRect || !botRect) {
     return null;
   }
   const clampedY = Math.min(Math.max(topRect.top + inset, y), botRect.bottom - inset);
@@ -16429,6 +15492,15 @@ function removeNode(node) {
 function getDragImageOffset(direction, wrapperWidth) {
   return direction === "rtl" ? wrapperWidth : 0;
 }
+function shouldResetMargin(dragImageProperties) {
+  if (!dragImageProperties) {
+    return true;
+  }
+  return !dragImageProperties.some((property) => {
+    const p = property.trim().toLowerCase();
+    return p === "margin" || p.startsWith("margin-");
+  });
+}
 function getDragHandleRanges(event, editor, nestedOptions, dragContext) {
   const { doc } = editor.view.state;
   if ((nestedOptions == null ? void 0 : nestedOptions.enabled) && (dragContext == null ? void 0 : dragContext.node) && dragContext.pos >= 0) {
@@ -16455,7 +15527,7 @@ function getDragHandleRanges(event, editor, nestedOptions, dragContext) {
   const $to = doc.resolve(result.pos + result.resultNode.nodeSize + offset);
   return getSelectionRanges($from, $to, 0, { extendOnBoundaryOverlap: false });
 }
-function dragHandler(event, editor, nestedOptions, dragContext) {
+function dragHandler(event, editor, nestedOptions, dragContext, dragImageProperties) {
   const { view } = editor;
   if (!event.dataTransfer) {
     return;
@@ -16479,22 +15551,26 @@ function dragHandler(event, editor, nestedOptions, dragContext) {
   const direction = getDraggedBlockDir(view, from);
   wrapper.setAttribute("dir", direction);
   const isNestedDrag = (nestedOptions == null ? void 0 : nestedOptions.enabled) && (dragContext == null ? void 0 : dragContext.node);
+  const isSingleBlock = ranges.length === 1;
   let slice;
   let selection;
-  if (isNestedDrag) {
+  if (isNestedDrag && isSingleBlock) {
     slice = view.state.doc.slice(from, to);
     selection = NodeSelection.create(view.state.doc, from);
   } else {
     selection = NodeRangeSelection.create(view.state.doc, from, to);
     slice = selection.content();
   }
+  const resetMargin = shouldResetMargin(dragImageProperties);
   ranges.forEach((range) => {
     const element = getDraggedBlockElement(view, range.$from.pos);
     if (!element) {
       return;
     }
-    const clonedElement = cloneElement(element);
-    clonedElement.style.margin = "0";
+    const clonedElement = cloneElement(element, dragImageProperties);
+    if (resetMargin) {
+      clonedElement.style.margin = "0";
+    }
     wrapper.append(clonedElement);
   });
   wrapper.style.position = "absolute";
@@ -16546,6 +15622,74 @@ var getOuterNode = (doc, pos) => {
   }
   return parent;
 };
+function mapPendingRestoreAnchor(pendingRestore, tr, options) {
+  if (!tr.docChanged) {
+    return pendingRestore;
+  }
+  if (options.isChangeOrigin && pendingRestore.relativeAnchorPos != null) {
+    const newPos = options.getAbsolutePos(pendingRestore.relativeAnchorPos);
+    if (!Number.isFinite(newPos) || newPos <= 0) {
+      return null;
+    }
+    return {
+      ...pendingRestore,
+      anchorPos: newPos
+    };
+  }
+  const mappedResult = tr.mapping.mapResult(pendingRestore.anchorPos, 1);
+  if (mappedResult.deleted) {
+    return null;
+  }
+  return {
+    ...pendingRestore,
+    anchorPos: mappedResult.pos
+  };
+}
+function sumNodeSizes(parent, from, to) {
+  let size = 0;
+  for (let i = from; i < to; i += 1) {
+    size += parent.child(i).nodeSize;
+  }
+  return size;
+}
+function getActiveDragRange(selection) {
+  var _a;
+  if (!isNodeRangeSelection(selection)) {
+    return null;
+  }
+  return {
+    anchorPos: selection.from,
+    nodeCount: selection.ranges.length,
+    depth: (_a = selection.depth) != null ? _a : 0
+  };
+}
+function getDroppedBlockRange(doc, anchorPos, nodeCount, depth) {
+  const $pos = doc.resolve(anchorPos);
+  const parent = $pos.node(depth);
+  let index = $pos.index(depth);
+  if (index >= parent.childCount) {
+    index = Math.max(0, parent.childCount - nodeCount);
+  }
+  const count = Math.min(nodeCount, parent.childCount - index);
+  if (count <= 0) {
+    return null;
+  }
+  const blockStart = $pos.start(depth) + sumNodeSizes(parent, 0, index);
+  const blockEnd = blockStart + sumNodeSizes(parent, index, index + count);
+  return { anchor: blockStart, head: blockEnd, count };
+}
+function createDroppedNodeRangeSelection(doc, anchorPos, nodeCount, depth) {
+  try {
+    const range = getDroppedBlockRange(doc, anchorPos, nodeCount, depth);
+    if (!range) {
+      return null;
+    }
+    const selection = NodeRangeSelection.create(doc, range.anchor, range.head, depth);
+    return selection.ranges.length === nodeCount ? selection : null;
+  } catch {
+    return null;
+  }
+}
 
 // src/drag-handle-plugin.ts
 var getRelativePos = (state, absolutePos) => {
@@ -16560,7 +15704,12 @@ var getAbsolutePos = (state, relativePos) => {
   if (!ystate) {
     return -1;
   }
-  return relativePositionToAbsolutePosition(ystate.doc, ystate.type, relativePos, ystate.binding.mapping) || 0;
+  return relativePositionToAbsolutePosition(
+    ystate.doc,
+    ystate.type,
+    relativePos,
+    ystate.binding.mapping
+  ) || 0;
 };
 var getOuterDomNode = (view, domNode) => {
   let tmpDomNode = domNode;
@@ -16582,7 +15731,8 @@ var DragHandlePlugin = ({
   onNodeChange,
   onElementDragStart,
   onElementDragEnd,
-  nestedOptions
+  nestedOptions,
+  dragImageProperties
 }) => {
   const wrapper = document.createElement("div");
   let locked = false;
@@ -16591,6 +15741,39 @@ var DragHandlePlugin = ({
   let currentNodeRelPos;
   let rafId = null;
   let pendingMouseCoords = null;
+  let activeDragRange = null;
+  let pendingRestore = null;
+  function clearDragRangeState() {
+    activeDragRange = null;
+    pendingRestore = null;
+  }
+  function remapPendingRestore(tr, state) {
+    if (!pendingRestore) {
+      return;
+    }
+    pendingRestore = mapPendingRestoreAnchor(pendingRestore, tr, {
+      isChangeOrigin: isChangeOrigin(tr),
+      getAbsolutePos: (relativePos) => getAbsolutePos(state, relativePos)
+    });
+  }
+  function buildRestoreTransaction(state) {
+    if (!pendingRestore) {
+      return null;
+    }
+    const nodeRangeSelection = createDroppedNodeRangeSelection(
+      state.doc,
+      pendingRestore.anchorPos,
+      pendingRestore.nodeCount,
+      pendingRestore.depth
+    );
+    if (!nodeRangeSelection) {
+      pendingRestore = null;
+      activeDragRange = null;
+      return null;
+    }
+    clearDragRangeState();
+    return state.tr.setSelection(nodeRangeSelection);
+  }
   function hideHandle() {
     if (!element) {
       return;
@@ -16623,7 +15806,14 @@ var DragHandlePlugin = ({
   }
   function onDragStart(e) {
     onElementDragStart == null ? void 0 : onElementDragStart(e);
-    dragHandler(e, editor, nestedOptions, { node: currentNode, pos: currentNodePos });
+    dragHandler(
+      e,
+      editor,
+      nestedOptions,
+      { node: currentNode, pos: currentNodePos },
+      dragImageProperties
+    );
+    activeDragRange = getActiveDragRange(editor.state.selection);
     if (element) {
       element.dataset.dragging = "true";
     }
@@ -16635,13 +15825,17 @@ var DragHandlePlugin = ({
   }
   function onDragEnd(e) {
     onElementDragEnd == null ? void 0 : onElementDragEnd(e);
+    activeDragRange = null;
     hideHandle();
     if (element) {
       element.style.pointerEvents = "auto";
       element.dataset.dragging = "false";
     }
   }
-  function onDrop() {
+  function onDrop(e) {
+    if (!e.target || !editor.view.dom.contains(e.target)) {
+      return;
+    }
     if (isFirefox()) {
       const editorElement = editor.view.dom;
       requestAnimationFrame(() => {
@@ -16651,18 +15845,33 @@ var DragHandlePlugin = ({
         }
       });
     }
+    if (!activeDragRange || editor.view.state.selection.empty) {
+      return;
+    }
+    const anchorPos = editor.state.selection.from;
+    const relativeAnchorPos = getRelativePos(editor.state, anchorPos);
+    pendingRestore = {
+      ...activeDragRange,
+      anchorPos,
+      relativeAnchorPos: relativeAnchorPos != null ? relativeAnchorPos : void 0
+    };
+    editor.view.dispatch(editor.state.tr.setMeta("addToHistory", false));
+  }
+  function cleanup() {
+    element.removeEventListener("dragstart", onDragStart);
+    element.removeEventListener("dragend", onDragEnd);
+    document.removeEventListener("drop", onDrop);
+    if (rafId) {
+      cancelAnimationFrame(rafId);
+      rafId = null;
+      pendingMouseCoords = null;
+    }
+    clearDragRangeState();
   }
   wrapper.appendChild(element);
   return {
     unbind() {
-      element.removeEventListener("dragstart", onDragStart);
-      element.removeEventListener("dragend", onDragEnd);
-      document.removeEventListener("drop", onDrop);
-      if (rafId) {
-        cancelAnimationFrame(rafId);
-        rafId = null;
-        pendingMouseCoords = null;
-      }
+      cleanup();
     },
     plugin: new Plugin({
       key: typeof pluginKey === "string" ? new PluginKey(pluginKey) : pluginKey,
@@ -16671,6 +15880,7 @@ var DragHandlePlugin = ({
           return { locked: false };
         },
         apply(tr, value, _oldState, state) {
+          remapPendingRestore(tr, state);
           const isLocked = tr.getMeta("lockDragHandle");
           const hideDragHandle = tr.getMeta("hideDragHandle");
           if (isLocked !== void 0) {
@@ -16701,6 +15911,9 @@ var DragHandlePlugin = ({
           return value;
         }
       },
+      appendTransaction(_transactions, _oldState, newState) {
+        return buildRestoreTransaction(newState);
+      },
       view: (view) => {
         var _a;
         element.draggable = true;
@@ -16711,6 +15924,7 @@ var DragHandlePlugin = ({
         wrapper.style.position = "absolute";
         wrapper.style.top = "0";
         wrapper.style.left = "0";
+        wrapper.style.zIndex = "10";
         element.addEventListener("dragstart", onDragStart);
         element.addEventListener("dragend", onDragEnd);
         document.addEventListener("drop", onDrop);
@@ -16750,14 +15964,7 @@ var DragHandlePlugin = ({
           },
           // TODO: Kills even on hot reload
           destroy() {
-            element.removeEventListener("dragstart", onDragStart);
-            element.removeEventListener("dragend", onDragEnd);
-            document.removeEventListener("drop", onDrop);
-            if (rafId) {
-              cancelAnimationFrame(rafId);
-              rafId = null;
-              pendingMouseCoords = null;
-            }
+            cleanup();
             if (element) {
               removeNode(wrapper);
             }
@@ -16898,7 +16105,8 @@ Extension.create({
       },
       onElementDragStart: void 0,
       onElementDragEnd: void 0,
-      nested: false
+      nested: false,
+      dragImageProperties: void 0
     };
   },
   addCommands() {
@@ -16922,14 +16130,18 @@ Extension.create({
     const nestedOptions = normalizeNestedOptions(this.options.nested);
     return [
       DragHandlePlugin({
-        computePositionConfig: { ...defaultComputePositionConfig, ...this.options.computePositionConfig },
+        computePositionConfig: {
+          ...defaultComputePositionConfig,
+          ...this.options.computePositionConfig
+        },
         getReferencedVirtualElement: this.options.getReferencedVirtualElement,
         element,
         editor: this.editor,
         onNodeChange: this.options.onNodeChange,
         onElementDragStart: this.options.onElementDragStart,
         onElementDragEnd: this.options.onElementDragEnd,
-        nestedOptions
+        nestedOptions,
+        dragImageProperties: this.options.dragImageProperties
       }).plugin
     ];
   }
@@ -16945,70 +16157,73 @@ var DragHandle = (props) => {
     onNodeChange,
     onElementDragStart,
     onElementDragEnd,
+    getReferencedVirtualElement,
     computePositionConfig = defaultComputePositionConfig,
     nested = false
   } = props;
-  const [element, setElement] = useState(null);
-  const plugin = useRef(null);
+  const elementRef = useRef(null);
+  if (elementRef.current === null && typeof document !== "undefined") {
+    elementRef.current = document.createElement("div");
+  }
   const nestedOptions = useMemo(() => normalizeNestedOptions(nested), [JSON.stringify(nested)]);
   useEffect(() => {
-    let initPlugin = null;
-    if (!element) {
-      return () => {
-        plugin.current = null;
-      };
+    const element2 = elementRef.current;
+    if (!element2) {
+      return;
+    }
+    element2.className = className;
+  }, [className]);
+  useEffect(() => {
+    if (typeof document === "undefined") {
+      return;
     }
     if (editor.isDestroyed) {
-      return () => {
-        plugin.current = null;
-      };
+      return;
     }
-    if (!plugin.current) {
-      initPlugin = DragHandlePlugin({
-        editor,
-        element,
-        pluginKey,
-        computePositionConfig: {
-          ...defaultComputePositionConfig,
-          ...computePositionConfig
-        },
-        onElementDragStart,
-        onElementDragEnd,
-        onNodeChange,
-        nestedOptions
-      });
-      plugin.current = initPlugin.plugin;
-      editor.registerPlugin(plugin.current);
+    const element2 = elementRef.current;
+    if (!element2) {
+      return;
     }
+    element2.style.visibility = "hidden";
+    element2.style.position = "absolute";
+    element2.dataset.dragging = "false";
+    const { plugin, unbind } = DragHandlePlugin({
+      editor,
+      element: element2,
+      pluginKey,
+      computePositionConfig: {
+        ...defaultComputePositionConfig,
+        ...computePositionConfig
+      },
+      onElementDragStart,
+      onElementDragEnd,
+      onNodeChange,
+      getReferencedVirtualElement,
+      nestedOptions
+    });
+    editor.registerPlugin(plugin);
     return () => {
-      editor.unregisterPlugin(pluginKey);
-      plugin.current = null;
-      if (initPlugin) {
-        initPlugin.unbind();
-        initPlugin = null;
+      if (!editor.isDestroyed) {
+        editor.unregisterPlugin(pluginKey);
       }
+      unbind();
     };
   }, [
-    element,
     editor,
     onNodeChange,
+    getReferencedVirtualElement,
     pluginKey,
     computePositionConfig,
     onElementDragStart,
     onElementDragEnd,
     nestedOptions
   ]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className,
-      style: { visibility: "hidden", position: "absolute" },
-      "data-dragging": "false",
-      ref: setElement,
-      children
-    }
-  );
+  const element = elementRef.current;
+  if (!element) {
+    return null;
+  }
+  return createPortal(children, element);
 };
 
 export { DragHandle };
-//# sourceMappingURL=index-BN9SK9L3.js.map
+//# sourceMappingURL=index-B7BIlotN.js.map