@threadlabs/looma 0.2.16 → 0.2.18

package/editor/{chunk-BXICJBWS.js → chunk-EUIH3TBV.js}

@@ -5478,7 +5478,7 @@ function createLoomaMentionExtension(options = {}) {
           const state = LoomaMentionSuggestionPluginKey.getState(
             props.editor.state
           );
-          return state?.active === true && state.query === props.query && state.range?.from === props.range.from && state.range?.to === props.range.to;
+          return state?.active === true && state.query === props.query && state.range?.from === props.range.from;
         };
         const publish = (props, loading = false) => {
           if (!props) {

package/editor/extensions/index.js

@@ -27,7 +27,7 @@ import {
   setActiveTableCellAlignment,
   setActiveTableCellBackground,
   shouldShowTextFormattingToolbar
-} from "../chunk-BXICJBWS.js";
+} from "../chunk-EUIH3TBV.js";
 import {
   TABLE_CELL_BACKGROUND_PRESETS
 } from "../chunk-JK53ENSG.js";

package/editor/index.js

@@ -31,7 +31,7 @@ import {
   setActiveTableCellAlignment,
   setActiveTableCellBackground,
   shouldShowTextFormattingToolbar
-} from "./chunk-BXICJBWS.js";
+} from "./chunk-EUIH3TBV.js";
 import {
   TABLE_CELL_BACKGROUND_OPTIONS,
   TABLE_CELL_BACKGROUND_PRESETS

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.2.16",
+  "version": "0.2.18",
   "type": "module",
   "description": "Looma declarative components, responsive layout primitives, a complete editor, and supported Vue adapters.",
   "license": "MIT",

package/vue/editor/index.js

@@ -338,6 +338,19 @@ var EMPTY_CAPABILITIES = {
 function sameDocument(left, right) {
   return JSON.stringify(left) === JSON.stringify(right);
 }
+function managedMenuAnchorRect(rect) {
+  if (!rect) return null;
+  return {
+    left: rect.left,
+    top: rect.top,
+    right: rect.right,
+    bottom: rect.bottom,
+    x: rect.x,
+    y: rect.y,
+    width: rect.width,
+    height: rect.height
+  };
+}
 function selectedTableElement(editor) {
   const { node } = editor.view.domAtPos(editor.state.selection.from);
   const element = node instanceof HTMLElement ? node : node.parentElement;
@@ -1078,7 +1091,7 @@ var LoomaEditor = defineComponent2({
           query: slash.query,
           items: slash.items,
           selectedIndex: slash.selectedIndex,
-          anchorRect: slash.rect,
+          anchorRect: managedMenuAnchorRect(slash.rect),
           onSlashMenuHighlight: ({ index }) => {
             slash.selectedIndex = index;
           },
@@ -1092,7 +1105,7 @@ var LoomaEditor = defineComponent2({
           query: mention.query,
           items: mention.items,
           selectedIndex: mention.selectedIndex,
-          anchorRect: mention.rect,
+          anchorRect: managedMenuAnchorRect(mention.rect),
           loading: mention.loading,
           onMentionMenuHighlight: ({ index }) => {
             mention.selectedIndex = index;