@threadlabs/looma 0.2.17 → 0.2.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.2.17",
+  "version": "0.2.19",
   "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,26 @@ 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 managedSlashMenuItems(items) {
+  return items.map(({ title, description, icon }) => ({
+    title,
+    description,
+    icon
+  }));
+}
 function selectedTableElement(editor) {
   const { node } = editor.view.domAtPos(editor.state.selection.from);
   const element = node instanceof HTMLElement ? node : node.parentElement;
@@ -1076,9 +1096,9 @@ var LoomaEditor = defineComponent2({
         slash.active && slash.items.length > 0 ? h2(EditorSlashMenu, {
           open: true,
           query: slash.query,
-          items: slash.items,
+          items: managedSlashMenuItems(slash.items),
           selectedIndex: slash.selectedIndex,
-          anchorRect: slash.rect,
+          anchorRect: managedMenuAnchorRect(slash.rect),
           onSlashMenuHighlight: ({ index }) => {
             slash.selectedIndex = index;
           },
@@ -1092,7 +1112,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;