@domternal/extension-block-menu 0.7.0 → 0.7.2

package/README.md

@@ -8,7 +8,7 @@ Use it headless with vanilla JS/TS, add the built-in toolbar and theme, or drop
 
 ## Links
 
-<u>[Website](https://domternal.dev)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[Documentation](https://domternal.dev/v1/introduction)</u>
+<u>[Website](https://domternal.dev)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[Documentation](https://domternal.dev/v1/introduction)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;
 <u>[StackBlitz (Angular)](https://stackblitz.com/edit/domternal-angular-full-example)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[StackBlitz (React)](https://stackblitz.com/edit/domternal-react-full-example)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[StackBlitz (Vue)](https://stackblitz.com/edit/domternal-vue-full-example)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[StackBlitz (Vanilla TS)](https://stackblitz.com/edit/domternal-vanilla-full-example)</u>
 
 ## Features

package/dist/index.cjs

@@ -117,6 +117,11 @@ function createFloatingMenuPlugin(options) {
     cleanupFloating = null;
     element.removeAttribute("data-show");
   };
+  const clearTriggeredFlag = (view) => {
+    if (!requireExplicitTrigger) return;
+    const triggered = pluginKey.getState(view.state)?.triggered ?? false;
+    if (triggered) view.dispatch(view.state.tr.setMeta(FLOATING_MENU_META, "hide"));
+  };
   const focusFirstItem = () => {
     const first = element.querySelector('[data-floating-menu-item]:not([aria-disabled="true"])') ?? element.querySelector('button, [tabindex]:not([tabindex="-1"])');
     if (!first) return false;
@@ -166,12 +171,7 @@ function createFloatingMenuPlugin(options) {
       }
       const dismiss = () => {
         hideMenu();
-        if (requireExplicitTrigger) {
-          const triggered = pluginKey.getState(editor.view.state)?.triggered ?? false;
-          if (triggered) {
-            editor.view.dispatch(editor.view.state.tr.setMeta(FLOATING_MENU_META, "hide"));
-          }
-        }
+        clearTriggeredFlag(editor.view);
       };
       const onFocus = () => {
         if (isVisibleNow(editor.view)) updatePosition(editor.view);
@@ -204,12 +204,7 @@ function createFloatingMenuPlugin(options) {
           if (isVisibleNow(view)) updatePosition(view);
           else {
             hideMenu();
-            if (requireExplicitTrigger) {
-              const triggered = pluginKey.getState(view.state)?.triggered ?? false;
-              if (triggered) {
-                view.dispatch(view.state.tr.setMeta(FLOATING_MENU_META, "hide"));
-              }
-            }
+            clearTriggeredFlag(view);
           }
         },
         destroy: () => {
@@ -1167,6 +1162,7 @@ function createBlockHandlePlugin(options) {
     }, 0);
     startAutoScroll();
     startDragListeners();
+    if (dropIndicator) editorEl?.classList.add("dm-block-handle-dragging");
   };
   const teardownDragPreview = () => {
     if (dragPreview) {
@@ -1183,6 +1179,7 @@ function createBlockHandlePlugin(options) {
     hideDropIndicator();
     teardownDragPreview();
     releaseDragPress();
+    editorEl?.classList.remove("dm-block-handle-dragging");
   };
   return new state.Plugin({
     key: pluginKey,
@@ -1278,6 +1275,7 @@ function createBlockHandlePlugin(options) {
           dragBtn.removeEventListener("dragstart", onDragStart);
           dragBtn.removeEventListener("dragend", onDragEnd);
           editorEl?.classList.remove("dm-editor--has-block-handle");
+          editorEl?.classList.remove("dm-block-handle-dragging");
           root.remove();
           editorEl = null;
           hoverEl = null;
@@ -1818,11 +1816,9 @@ function createBlockContextMenuPlugin(options) {
     editorEl.dispatchEvent(new Event("dm:dismiss-overlays", { bubbles: false }));
     root.setAttribute("data-show", "");
     lockScroll();
-    {
-      const tr = editor.view.state.tr.setMeta(pluginKey, { activeBlockPos: detail.blockPos });
-      tr.setMeta("addToHistory", false);
-      editor.view.dispatch(tr);
-    }
+    const openTr = editor.view.state.tr.setMeta(pluginKey, { activeBlockPos: detail.blockPos });
+    openTr.setMeta("addToHistory", false);
+    editor.view.dispatch(openTr);
     cleanupFloating?.();
     let anchorEl = detail.anchorElement;
     const bubbleMenuRef = anchorEl.closest(".dm-bubble-menu");