@servicetitan/anvil2 3.0.7 → 3.0.9

package/dist/{index-CukEaIHB.js → index-CKdC7x1S.js}

@@ -1,4 +1,4 @@
-import { D as DndHandleButton, a as DndHandle } from './DndHandleButton-CHTOYRlq.js';
+import { D as DndHandleButton, a as DndHandle } from './DndHandleButton-BW9xLWQm.js';
 import { jsx } from 'react/jsx-runtime';
 import { c as cx } from './index-De1g9FRV.js';
 import { forwardRef } from 'react';
@@ -68,4 +68,4 @@ const Dnd = {
 };
 
 export { Dnd as D, DndSortLine as a, styles as s };
-//# sourceMappingURL=index-CukEaIHB.js.map
+//# sourceMappingURL=index-CKdC7x1S.js.map

package/dist/{index-CukEaIHB.js.map → index-CKdC7x1S.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CukEaIHB.js","sources":["../src/components/Dnd/DndSortLine.tsx","../src/components/Dnd/DndZone.tsx","../src/components/Dnd/index.ts"],"sourcesContent":["import cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\nimport { CSSProperties } from \"react\";\n\n/**\n * Props for the DndSortLine component\n * @extends React.ComponentPropsWithoutRef<\"div\">\n */\nexport type SortLineProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * The offset of the line from the item. This is a CSS value, typically negative.\n   */\n  offset: string;\n  /**\n   * The orientation of the sort - Note this may be counterintuitive, as the line is rendered perpendicular to the sort.\n   */\n  orientation: \"horizontal\" | \"vertical\";\n  /**\n   * The position of the line relative to a target item.\n   */\n  position: \"before\" | \"after\";\n};\n\n/**\n * A visual indicator line that shows where an item will be dropped during drag and drop operations.\n *\n * Features:\n * - Visual feedback for drop positioning\n * - Configurable orientation (horizontal/vertical)\n * - Adjustable positioning (before/after)\n * - Customizable offset for precise placement\n * - Accessible with proper ARIA attributes\n * - Automatic CSS class management\n * - Supports all standard HTML div props\n *\n * @example\n * <DndSortLine\n *   offset=\"-10px\"\n *   orientation=\"vertical\"\n *   position=\"after\"\n *   className=\"custom-drop-line\"\n * />\n */\nexport const DndSortLine = ({\n  offset,\n  orientation,\n  position,\n  ...rest\n}: SortLineProps) => {\n  const classes = cx(\n    styles[\"drop-line\"],\n    styles[`orientation-${orientation}`],\n    styles[`position-${position}`],\n  );\n\n  return (\n    <div\n      aria-hidden\n      className={classes}\n      style={{ \"--a2-inline-drop-line-offset\": offset } as CSSProperties}\n      {...rest}\n    />\n  );\n};\n","import { ElementType, forwardRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\n\n/**\n * Props for the DndZone component\n * @extends Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">\n */\nexport type DndZoneProps<T extends ElementType = \"div\"> = {\n  /**\n   * The HTML element type to render. Can be any valid HTML element or React component.\n   * @default \"div\"\n   */\n  el?: T;\n  /**\n   * The content to be rendered inside the drop zone.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names to apply to the drop zone.\n   */\n  className?: string;\n  /**\n   * Indicates whether a draggable item is currently over this drop zone.\n   */\n  isOver: boolean;\n  /**\n   * Indicates whether the current drag operation is valid for this drop zone.\n   */\n  isValid: boolean;\n  /**\n   * Indicates whether any item is currently being dragged.\n   */\n  isDragging: boolean;\n} & Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">;\n\n/**\n * Base styling component for drop zones that handles visual states and styling.\n *\n * Features:\n * - Configurable HTML element rendering with the 'el' prop\n * - Visual feedback for drag states (over, valid, dragging)\n * - Automatic CSS class management based on drag state\n * - Supports all standard HTML element props\n * - Accessible with proper ARIA attributes\n * - Flexible styling through className prop\n * - Responsive design that adapts to container\n *\n * @example\n * <DndZone\n *   isOver={isOver}\n *   isValid={isValid}\n *   isDragging={isDragging}\n *   className=\"custom-drop-zone\"\n * >\n *   Drop items here\n * </DndZone>\n */\nexport const DndZone = forwardRef<HTMLDivElement, DndZoneProps<ElementType>>(\n  (\n    {\n      el: Component = \"div\" as ElementType,\n      children,\n      className,\n      isDragging,\n      isOver,\n      isValid,\n      ...rest\n    },\n    ref,\n  ) => {\n    const classes = cx(className, {\n      [styles[\"drop-zone\"]]: true,\n      [styles[\"over-valid\"]]: isDragging && isOver && isValid,\n      [styles[\"over-invalid\"]]: isDragging && isOver && !isValid,\n      [styles[\"active-not-over\"]]: isDragging && !isOver,\n    });\n\n    return (\n      <Component ref={ref} className={classes} {...rest}>\n        {children}\n      </Component>\n    );\n  },\n);\n\nDndZone.displayName = \"DndZoneBase\";\n","import { DndHandle } from \"./DndHandle\";\nimport { DndHandleButton } from \"./DndHandleButton\";\nimport { DndSortLine } from \"./DndSortLine\";\nimport { DndZone } from \"./DndZone\";\n\nexport const Dnd = {\n  Handle: DndHandle,\n  HandleButton: DndHandleButton,\n  SortLine: DndSortLine,\n  Zone: DndZone,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AA4CO,MAAM,cAAc,CAAC;AAAA,EAC1B,MAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAqB;AACnB,EAAA,MAAM,OAAA,GAAU,EAAA;AAAA,IACd,OAAO,WAAW,CAAA;AAAA,IAClB,MAAA,CAAO,CAAA,YAAA,EAAe,WAAW,CAAA,CAAE,CAAA;AAAA,IACnC,MAAA,CAAO,CAAA,SAAA,EAAY,QAAQ,CAAA,CAAE;AAAA,GAC/B;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,OAAA;AAAA,MACX,KAAA,EAAO,EAAE,8BAAA,EAAgC,MAAA,EAAO;AAAA,MAC/C,GAAG;AAAA;AAAA,GACN;AAEJ;;ACLO,MAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CACE;AAAA,IACE,IAAI,SAAA,GAAY,KAAA;AAAA,IAChB,QAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,OAAA,GAAU,GAAG,SAAA,EAAW;AAAA,MAC5B,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG,IAAA;AAAA,MACvB,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,cAAc,MAAA,IAAU,OAAA;AAAA,MAChD,CAAC,MAAA,CAAO,cAAc,CAAC,GAAG,UAAA,IAAc,UAAU,CAAC,OAAA;AAAA,MACnD,CAAC,MAAA,CAAO,iBAAiB,CAAC,GAAG,cAAc,CAAC;AAAA,KAC7C,CAAA;AAED,IAAA,2BACG,SAAA,EAAA,EAAU,GAAA,EAAU,WAAW,OAAA,EAAU,GAAG,MAC1C,QAAA,EACH,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,OAAA,CAAQ,WAAA,GAAc,aAAA;;AClFf,MAAM,GAAA,GAAM;AAAA,EACjB,MAAA,EAAQ,SAAA;AAAA,EACR,YAAA,EAAc,eAAA;AAAA,EACd,QAAA,EAAU,WAAA;AAAA,EACV,IAAA,EAAM;AACR;;;;"}
+{"version":3,"file":"index-CKdC7x1S.js","sources":["../src/components/Dnd/DndSortLine.tsx","../src/components/Dnd/DndZone.tsx","../src/components/Dnd/index.ts"],"sourcesContent":["import cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\nimport { CSSProperties } from \"react\";\n\n/**\n * Props for the DndSortLine component\n * @extends React.ComponentPropsWithoutRef<\"div\">\n */\nexport type SortLineProps = React.ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * The offset of the line from the item. This is a CSS value, typically negative.\n   */\n  offset: string;\n  /**\n   * The orientation of the sort - Note this may be counterintuitive, as the line is rendered perpendicular to the sort.\n   */\n  orientation: \"horizontal\" | \"vertical\";\n  /**\n   * The position of the line relative to a target item.\n   */\n  position: \"before\" | \"after\";\n};\n\n/**\n * A visual indicator line that shows where an item will be dropped during drag and drop operations.\n *\n * Features:\n * - Visual feedback for drop positioning\n * - Configurable orientation (horizontal/vertical)\n * - Adjustable positioning (before/after)\n * - Customizable offset for precise placement\n * - Accessible with proper ARIA attributes\n * - Automatic CSS class management\n * - Supports all standard HTML div props\n *\n * @example\n * <DndSortLine\n *   offset=\"-10px\"\n *   orientation=\"vertical\"\n *   position=\"after\"\n *   className=\"custom-drop-line\"\n * />\n */\nexport const DndSortLine = ({\n  offset,\n  orientation,\n  position,\n  ...rest\n}: SortLineProps) => {\n  const classes = cx(\n    styles[\"drop-line\"],\n    styles[`orientation-${orientation}`],\n    styles[`position-${position}`],\n  );\n\n  return (\n    <div\n      aria-hidden\n      className={classes}\n      style={{ \"--a2-inline-drop-line-offset\": offset } as CSSProperties}\n      {...rest}\n    />\n  );\n};\n","import { ElementType, forwardRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dnd.module.scss\";\n\n/**\n * Props for the DndZone component\n * @extends Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">\n */\nexport type DndZoneProps<T extends ElementType = \"div\"> = {\n  /**\n   * The HTML element type to render. Can be any valid HTML element or React component.\n   * @default \"div\"\n   */\n  el?: T;\n  /**\n   * The content to be rendered inside the drop zone.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names to apply to the drop zone.\n   */\n  className?: string;\n  /**\n   * Indicates whether a draggable item is currently over this drop zone.\n   */\n  isOver: boolean;\n  /**\n   * Indicates whether the current drag operation is valid for this drop zone.\n   */\n  isValid: boolean;\n  /**\n   * Indicates whether any item is currently being dragged.\n   */\n  isDragging: boolean;\n} & Omit<React.ComponentPropsWithoutRef<T>, \"el\" | \"ref\">;\n\n/**\n * Base styling component for drop zones that handles visual states and styling.\n *\n * Features:\n * - Configurable HTML element rendering with the 'el' prop\n * - Visual feedback for drag states (over, valid, dragging)\n * - Automatic CSS class management based on drag state\n * - Supports all standard HTML element props\n * - Accessible with proper ARIA attributes\n * - Flexible styling through className prop\n * - Responsive design that adapts to container\n *\n * @example\n * <DndZone\n *   isOver={isOver}\n *   isValid={isValid}\n *   isDragging={isDragging}\n *   className=\"custom-drop-zone\"\n * >\n *   Drop items here\n * </DndZone>\n */\nexport const DndZone = forwardRef<HTMLDivElement, DndZoneProps<ElementType>>(\n  (\n    {\n      el: Component = \"div\" as ElementType,\n      children,\n      className,\n      isDragging,\n      isOver,\n      isValid,\n      ...rest\n    },\n    ref,\n  ) => {\n    const classes = cx(className, {\n      [styles[\"drop-zone\"]]: true,\n      [styles[\"over-valid\"]]: isDragging && isOver && isValid,\n      [styles[\"over-invalid\"]]: isDragging && isOver && !isValid,\n      [styles[\"active-not-over\"]]: isDragging && !isOver,\n    });\n\n    return (\n      <Component ref={ref} className={classes} {...rest}>\n        {children}\n      </Component>\n    );\n  },\n);\n\nDndZone.displayName = \"DndZoneBase\";\n","import { DndHandle } from \"./DndHandle\";\nimport { DndHandleButton } from \"./DndHandleButton\";\nimport { DndSortLine } from \"./DndSortLine\";\nimport { DndZone } from \"./DndZone\";\n\nexport const Dnd = {\n  Handle: DndHandle,\n  HandleButton: DndHandleButton,\n  SortLine: DndSortLine,\n  Zone: DndZone,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AA4CO,MAAM,cAAc,CAAC;AAAA,EAC1B,MAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAqB;AACnB,EAAA,MAAM,OAAA,GAAU,EAAA;AAAA,IACd,OAAO,WAAW,CAAA;AAAA,IAClB,MAAA,CAAO,CAAA,YAAA,EAAe,WAAW,CAAA,CAAE,CAAA;AAAA,IACnC,MAAA,CAAO,CAAA,SAAA,EAAY,QAAQ,CAAA,CAAE;AAAA,GAC/B;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,OAAA;AAAA,MACX,KAAA,EAAO,EAAE,8BAAA,EAAgC,MAAA,EAAO;AAAA,MAC/C,GAAG;AAAA;AAAA,GACN;AAEJ;;ACLO,MAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CACE;AAAA,IACE,IAAI,SAAA,GAAY,KAAA;AAAA,IAChB,QAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,OAAA,GAAU,GAAG,SAAA,EAAW;AAAA,MAC5B,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG,IAAA;AAAA,MACvB,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,cAAc,MAAA,IAAU,OAAA;AAAA,MAChD,CAAC,MAAA,CAAO,cAAc,CAAC,GAAG,UAAA,IAAc,UAAU,CAAC,OAAA;AAAA,MACnD,CAAC,MAAA,CAAO,iBAAiB,CAAC,GAAG,cAAc,CAAC;AAAA,KAC7C,CAAA;AAED,IAAA,2BACG,SAAA,EAAA,EAAU,GAAA,EAAU,WAAW,OAAA,EAAU,GAAG,MAC1C,QAAA,EACH,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,OAAA,CAAQ,WAAA,GAAc,aAAA;;AClFf,MAAM,GAAA,GAAM;AAAA,EACjB,MAAA,EAAQ,SAAA;AAAA,EACR,YAAA,EAAc,eAAA;AAAA,EACd,QAAA,EAAU,WAAA;AAAA,EACV,IAAA,EAAM;AACR;;;;"}

package/dist/{index-DVYRUKtW.js → index-DN_iqxhF.js}

@@ -1,4 +1,4 @@
-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-DstVbYch.js';
+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-FSWAVmTe.js';
 import { useState, useRef, useMemo, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -15447,80 +15447,6 @@ const relativePositionToAbsolutePosition = (y, documentType, relPos, mapping) =>
   return pos - 1 // we don't count the most outer tag, because it is a fragment
 };
 
-/**
- * @deprecated Use `yXmlFragmentToProseMirrorRootNode` instead
- *
- * Utility method to convert a Y.Doc to Prosemirror compatible JSON.
- *
- * @param {Y.XmlFragment} xmlFragment The fragment, which must be part of a Y.Doc.
- * @return {Record<string, any>}
- */
-function yXmlFragmentToProsemirrorJSON (xmlFragment) {
-  const items = xmlFragment.toArray();
-
-  /**
-   * @param {Y.AbstractType} item
-   */
-  const serialize = item => {
-    /**
-     * @type {Object} NodeObject
-     * @property {string} NodeObject.type
-     * @property {Record<string, string>=} NodeObject.attrs
-     * @property {Array<NodeObject>=} NodeObject.content
-     */
-    let response;
-
-    // TODO: Must be a better way to detect text nodes than this
-    if (item instanceof YXmlText) {
-      const delta = item.toDelta();
-      response = delta.map(/** @param {any} d */ (d) => {
-        const text = {
-          type: 'text',
-          text: d.insert
-        };
-        if (d.attributes) {
-          text.marks = Object.keys(d.attributes).map((type_) => {
-            const attrs = d.attributes[type_];
-            const type = yattr2markname(type_);
-            const mark = {
-              type
-            };
-            if (Object.keys(attrs)) {
-              mark.attrs = attrs;
-            }
-            return mark
-          });
-        }
-        return text
-      });
-    } else if (item instanceof YXmlElement) {
-      response = {
-        type: item.nodeName
-      };
-
-      const attrs = item.getAttributes();
-      if (Object.keys(attrs).length) {
-        response.attrs = attrs;
-      }
-
-      const children = item.toArray();
-      if (children.length) {
-        response.content = children.map(serialize).flat();
-      }
-    } else {
-      // expected either Y.XmlElement or Y.XmlText
-      unexpectedCase();
-    }
-
-    return response
-  };
-
-  return {
-    type: 'doc',
-    content: items.map(serialize)
-  }
-}
-
 const undo = state => {
   const undoManager = yUndoPluginKey.getState(state).undoManager;
   if (undoManager != null) {
@@ -15734,7 +15660,6 @@ Extension.create({
     };
   },
   addProseMirrorPlugins() {
-    var _a;
     const fragment = this.options.fragment ? this.options.fragment : this.options.document.getXmlFragment(this.options.field);
     const yUndoPluginInstance = yUndoPlugin(this.options.yUndoOptions);
     const originalUndoPluginView = yUndoPluginInstance.spec.view;
@@ -15768,41 +15693,37 @@ Extension.create({
       onFirstRender: this.options.onFirstRender
     };
     const ySyncPluginInstance = ySyncPlugin(fragment, ySyncPluginOptions);
-    if (this.editor.options.enableContentCheck) {
-      (_a = fragment.doc) == null ? void 0 : _a.on("beforeTransaction", () => {
-        try {
-          const jsonContent = yXmlFragmentToProsemirrorJSON(fragment);
-          if (jsonContent.content.length === 0) {
-            return;
-          }
-          this.editor.schema.nodeFromJSON(jsonContent).check();
-        } catch (error) {
-          this.editor.emit("contentError", {
-            error,
-            editor: this.editor,
-            disableCollaboration: () => {
-              var _a2;
-              (_a2 = fragment.doc) == null ? void 0 : _a2.destroy();
-              this.storage.isDisabled = true;
-            }
-          });
-          return false;
-        }
-      });
-    }
     return [
       ySyncPluginInstance,
       yUndoPluginInstance,
       // Only add the filterInvalidContent plugin if content checking is enabled
       this.editor.options.enableContentCheck && new Plugin({
         key: new PluginKey("filterInvalidContent"),
-        filterTransaction: () => {
-          var _a2;
-          if (this.storage.isDisabled !== false) {
-            (_a2 = fragment.doc) == null ? void 0 : _a2.destroy();
+        filterTransaction: (transaction) => {
+          if (!isChangeOrigin(transaction)) {
             return true;
           }
-          return true;
+          if (this.storage.isDisabled) {
+            return false;
+          }
+          if (!transaction.docChanged) {
+            return true;
+          }
+          try {
+            transaction.doc.check();
+            return true;
+          } catch (error) {
+            this.storage.isDisabled = true;
+            this.editor.emit("contentError", {
+              error,
+              editor: this.editor,
+              disableCollaboration: () => {
+                var _a;
+                (_a = fragment.doc) == null ? void 0 : _a.destroy();
+              }
+            });
+            return false;
+          }
         }
       })
     ].filter(Boolean);
@@ -15830,9 +15751,17 @@ function getNodeRangeDecorations(ranges) {
   });
   return DecorationSet.create(doc, decorations);
 }
-function getSelectionRanges($from, $to, depth) {
+function getNodeContentBounds(nodeStart, nodeSize, node) {
+  const contentOffset = node.isText || node.isAtom ? 0 : 1;
+  return {
+    start: nodeStart + contentOffset,
+    end: nodeStart + nodeSize - contentOffset
+  };
+}
+function getSelectionRanges($from, $to, depth, options = {}) {
   const ranges = [];
   const doc = $from.node(0);
+  const { extendOnBoundaryOverlap = true } = options;
   if (typeof depth === "number" && depth >= 0) ; else if ($from.sameParent($to)) {
     depth = Math.max(0, $from.sharedDepth($to.pos) - 1);
   } else {
@@ -15843,9 +15772,14 @@ function getSelectionRanges($from, $to, depth) {
   nodeRange.parent.forEach((node, pos) => {
     const from = offset + pos;
     const to = from + node.nodeSize;
+    const contentBounds = getNodeContentBounds(from, node.nodeSize, node);
+    const overlapsNodeContent = extendOnBoundaryOverlap ? $to.pos >= contentBounds.start && $from.pos <= contentBounds.end : $to.pos > contentBounds.start && $from.pos < contentBounds.end;
     if (from < nodeRange.start || from >= nodeRange.end) {
       return;
     }
+    if (!overlapsNodeContent) {
+      return;
+    }
     const selectionRange = new SelectionRange(doc.resolve(from), doc.resolve(to));
     ranges.push(selectionRange);
   });
@@ -16460,6 +16394,31 @@ var findElementNextToCoords = (options) => {
   };
 };
 
+// src/helpers/getDraggedBlockDir.ts
+function getDraggedBlockElement(view, pos) {
+  const nodeDom = view.nodeDOM(pos);
+  if (nodeDom instanceof Element && nodeDom !== view.dom) {
+    return nodeDom;
+  }
+  const { node, offset } = view.domAtPos(pos);
+  const child = node.childNodes[offset];
+  if (child instanceof Element) {
+    return child;
+  }
+  if (node instanceof Element) {
+    return node;
+  }
+  if (node.nodeType === Node.TEXT_NODE && node.parentElement) {
+    return node.parentElement;
+  }
+  return null;
+}
+function getDraggedBlockDir(view, pos) {
+  const draggedDom = getDraggedBlockElement(view, pos);
+  const contentDir = draggedDom ? getComputedStyle(draggedDom).direction : getComputedStyle(view.dom).direction;
+  return contentDir || "ltr";
+}
+
 // src/helpers/removeNode.ts
 function removeNode(node) {
   var _a;
@@ -16467,6 +16426,9 @@ function removeNode(node) {
 }
 
 // src/helpers/dragHandler.ts
+function getDragImageOffset(direction, wrapperWidth) {
+  return direction === "rtl" ? wrapperWidth : 0;
+}
 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) {
@@ -16491,7 +16453,7 @@ function getDragHandleRanges(event, editor, nestedOptions, dragContext) {
   const offset = result.resultNode.isText || result.resultNode.isAtom ? 0 : -1;
   const $from = doc.resolve(result.pos);
   const $to = doc.resolve(result.pos + result.resultNode.nodeSize + offset);
-  return getSelectionRanges($from, $to, 0);
+  return getSelectionRanges($from, $to, 0, { extendOnBoundaryOverlap: false });
 }
 function dragHandler(event, editor, nestedOptions, dragContext) {
   const { view } = editor;
@@ -16500,7 +16462,7 @@ function dragHandler(event, editor, nestedOptions, dragContext) {
   }
   const { empty, $from, $to } = view.state.selection;
   const dragHandleRanges = getDragHandleRanges(event, editor, nestedOptions, dragContext);
-  const selectionRanges = getSelectionRanges($from, $to, 0);
+  const selectionRanges = getSelectionRanges($from, $to, 0, { extendOnBoundaryOverlap: false });
   const isDragHandleWithinSelection = selectionRanges.some((range) => {
     return dragHandleRanges.find((dragHandleRange) => {
       return dragHandleRange.$from === range.$from && dragHandleRange.$to === range.$to;
@@ -16514,6 +16476,8 @@ function dragHandler(event, editor, nestedOptions, dragContext) {
   const wrapper = document.createElement("div");
   const from = ranges[0].$from.pos;
   const to = ranges[ranges.length - 1].$to.pos;
+  const direction = getDraggedBlockDir(view, from);
+  wrapper.setAttribute("dir", direction);
   const isNestedDrag = (nestedOptions == null ? void 0 : nestedOptions.enabled) && (dragContext == null ? void 0 : dragContext.node);
   let slice;
   let selection;
@@ -16525,15 +16489,21 @@ function dragHandler(event, editor, nestedOptions, dragContext) {
     slice = selection.content();
   }
   ranges.forEach((range) => {
-    const element = view.nodeDOM(range.$from.pos);
+    const element = getDraggedBlockElement(view, range.$from.pos);
+    if (!element) {
+      return;
+    }
     const clonedElement = cloneElement(element);
+    clonedElement.style.margin = "0";
     wrapper.append(clonedElement);
   });
   wrapper.style.position = "absolute";
   wrapper.style.top = "-10000px";
   document.body.append(wrapper);
   event.dataTransfer.clearData();
-  event.dataTransfer.setDragImage(wrapper, 0, 0);
+  const wrapperRect = wrapper.getBoundingClientRect();
+  const dragImageX = getDragImageOffset(direction, wrapperRect.width);
+  event.dataTransfer.setDragImage(wrapper, dragImageX, 0);
   let cleanedUp = false;
   const cleanupDragPreview = () => {
     if (cleanedUp) {
@@ -17041,4 +17011,4 @@ var DragHandle = (props) => {
 };
 
 export { DragHandle };
-//# sourceMappingURL=index-DVYRUKtW.js.map
+//# sourceMappingURL=index-DN_iqxhF.js.map