@prosekit/lit 0.1.8 → 0.1.9

package/dist/_tsup-dts-rollup.d.ts

@@ -478,8 +478,8 @@ export declare class InlinePopoverController implements ReactiveController {
     private editor?;
     private cleanupExtension?;
     private cleanupEventListener?;
-    private mouseHovering;
-    constructor(host: ReactiveControllerHost);
+    private interacting;
+    constructor(host: LitElement);
     setEditor(editor: Editor): void;
     hostConnected(): void;
     hostDisconnected(): void;
@@ -787,6 +787,10 @@ declare class Resizable extends LightElement implements Partial<ResizableProps>
             reflect: true;
         };
     };
+    /**
+     * @hidden
+     */
+    constructor();
     width?: number | string;
     height?: number | string;
     aspectRatio?: number;
@@ -806,7 +810,6 @@ declare class Resizable extends LightElement implements Partial<ResizableProps>
         width: number;
         height: number;
     }) => void;
-    private context;
     private startWidth;
     private startHeight;
     private handleResizeStart;

package/dist/prosekit-lit-inline-popover.js

@@ -10,7 +10,7 @@ import "@prosekit/core";
 
 // src/components/inline-popover/controller.ts
 import { defineUpdateHandler } from "@prosekit/core";
-import "lit";
+import { trackDismissableElement } from "@zag-js/dismissable";
 
 // src/components/inline-popover/helpers.ts
 import { isNodeSelection, isTextSelection } from "@prosekit/core";
@@ -47,7 +47,7 @@ function getDomRange() {
 var InlinePopoverController = class {
   constructor(host) {
     this.host = host;
-    this.mouseHovering = false;
+    this.interacting = false;
     this.host.addController(this);
   }
   setEditor(editor) {
@@ -59,19 +59,21 @@ var InlinePopoverController = class {
   }
   hostConnected() {
     var _a;
-    const handleMouseDown = () => {
-      this.mouseHovering = true;
+    const handlePointerDown = () => {
+      this.interacting = true;
     };
-    const handleMouseUp = () => {
-      this.mouseHovering = false;
-      this.update();
-    };
-    document.addEventListener("mousedown", handleMouseDown);
-    document.addEventListener("mouseup", handleMouseUp);
+    this.host.addEventListener("pointerdown", handlePointerDown);
+    const cleanupDismissable = trackDismissableElement(this.host, {
+      defer: true,
+      pointerBlocking: false,
+      onDismiss: () => {
+        this.interacting = false;
+      }
+    });
     (_a = this.cleanupEventListener) == null ? void 0 : _a.call(this);
     this.cleanupEventListener = () => {
-      document.removeEventListener("mousedown", handleMouseDown);
-      document.removeEventListener("mouseup", handleMouseUp);
+      this.host.removeEventListener("pointerdown", handlePointerDown);
+      cleanupDismissable();
     };
   }
   hostDisconnected() {
@@ -83,7 +85,7 @@ var InlinePopoverController = class {
   }
   update() {
     const editor = this.editor;
-    if (!editor || this.mouseHovering) {
+    if (!editor || this.interacting) {
       return;
     }
     const reference = getVirtualSelectionElement(editor.view);

package/dist/prosekit-lit-resizable.js

@@ -17,9 +17,14 @@ var propNames = [
   "onSizeChangeEnd"
 ];
 var Resizable = class extends LightElement {
+  /**
+   * @hidden
+   */
   constructor() {
-    super(...arguments);
-    this.context = new ContextProvider(this, {
+    super();
+    this.startWidth = 0;
+    this.startHeight = 0;
+    new ContextProvider(this, {
       context: resizableContext,
       initialValue: {
         onResizeStart: () => this.handleResizeStart(),
@@ -27,8 +32,6 @@ var Resizable = class extends LightElement {
         onResizeEnd: () => this.handleResizeEnd()
       }
     });
-    this.startWidth = 0;
-    this.startHeight = 0;
   }
   handleResizeStart() {
     var _a, _b;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/lit",
   "type": "module",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -97,11 +97,12 @@
   "dependencies": {
     "@floating-ui/dom": "^1.5.4",
     "@lit/context": "^1.1.0",
-    "@prosekit/core": "^0.2.2",
-    "@prosekit/extensions": "^0.2.2",
+    "@prosekit/core": "^0.2.4",
+    "@prosekit/extensions": "^0.2.3",
     "@prosekit/pm": "^0.1.1",
     "@superhuman/command-score": "^0.5.0",
-    "lit": "^3.1.0"
+    "@zag-js/dismissable": "^0.32.0",
+    "lit": "^3.1.1"
   },
   "devDependencies": {
     "@prosekit/dev": "*",