@threadlabs/looma 0.2.18 → 0.2.20

package/editor/{chunk-WI7ZA44X.js → chunk-VAXI7Q6T.js}

@@ -2360,6 +2360,7 @@ if (typeof HTMLElement !== "undefined") {
       this.#rows = this.#readBoundedNumber("rows", DEFAULT_ROWS);
       this.#cols = this.#readBoundedNumber("cols", DEFAULT_COLS);
       this.render();
+      this.addEventListener("mousedown", this.onMouseDown);
       this.addEventListener("click", this.onClick);
       this.addEventListener("pointerover", this.onPointerOver);
       this.addEventListener("pointerout", this.onPointerOut);
@@ -2371,6 +2372,7 @@ if (typeof HTMLElement !== "undefined") {
       });
     }
     disconnectedCallback() {
+      this.removeEventListener("mousedown", this.onMouseDown);
       this.removeEventListener("click", this.onClick);
       this.removeEventListener("pointerover", this.onPointerOver);
       this.removeEventListener("pointerout", this.onPointerOut);
@@ -2427,6 +2429,10 @@ if (typeof HTMLElement !== "undefined") {
         { detail, bubbles: true, composed: true }
       ));
     }
+    onMouseDown = (event) => {
+      const target = event.target instanceof Element ? event.target.closest("button[data-action]") : null;
+      if (target) event.preventDefault();
+    };
     onClick = (event) => {
       const target = event.target.closest("button[data-action]");
       if (!target) return;

package/editor/index.js

@@ -1,7 +1,7 @@
 import {
   measureTableOverlayGeometry,
   resolveTableCellAt
-} from "./chunk-WI7ZA44X.js";
+} from "./chunk-VAXI7Q6T.js";
 import {
   DEFAULT_MENTION_RESULT_LIMIT,
   LOOMA_CALLOUT_TONES,

package/editor/ui.js

@@ -1,7 +1,7 @@
 import {
   measureTableOverlayGeometry,
   resolveTableCellAt
-} from "./chunk-WI7ZA44X.js";
+} from "./chunk-VAXI7Q6T.js";
 import {
   TABLE_CELL_BACKGROUND_OPTIONS,
   TABLE_CELL_BACKGROUND_PRESETS

package/package.json

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

package/vue/editor/index.js

@@ -351,6 +351,13 @@ function managedMenuAnchorRect(rect) {
     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;
@@ -903,6 +910,10 @@ var LoomaEditor = defineComponent2({
       hoveredTableCell = null;
       nextTick(updateTableUi);
     };
+    const onTableOverlayMouseDown = (event) => {
+      const action = event.target instanceof Element ? event.target.closest("button[data-action]") : null;
+      if (action) event.preventDefault();
+    };
     const commandButton = (label, icon, active, disabled, run) => {
       const syncNativeDisabled = (vnode) => {
         if (!(vnode.el instanceof Element)) return;
@@ -1089,7 +1100,7 @@ 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: managedMenuAnchorRect(slash.rect),
           onSlashMenuHighlight: ({ index }) => {
@@ -1124,6 +1135,7 @@ var LoomaEditor = defineComponent2({
           ref: tableOverlayShell,
           class: "looma-editor__table-overlay-shell",
           style: tableUi.overlayStyle,
+          onMousedown: onTableOverlayMouseDown,
           onPointerleave: onTableOverlayPointerLeave
         }, [h2(EditorTableOverlay, {
           open: true,