@prosekit/lit 0.2.0 → 0.2.1

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

@@ -922,6 +922,9 @@ export declare function roundByDPR(value: number): number;
 
 export declare function setFloatingStyles(element: HTMLElement, options: PositioningOptions): void;
 
+/**
+ * @internal
+ */
 export declare function useDismissable(host: LitElement, { onEscapeKeyDown, onPointerDownOutside, onDismiss, getReference, }: {
     onEscapeKeyDown: (event: KeyboardEvent) => void;
     onPointerDownOutside: (event: Event) => void;
@@ -929,16 +932,34 @@ export declare function useDismissable(host: LitElement, { onEscapeKeyDown, onPo
     getReference?: () => ReferenceElement | null | undefined;
 }): void;
 
+/**
+ * @internal
+ */
 export declare function useEditorExtension(host: WithEditor<ReactiveControllerHost>, extension: Extension): void;
 
+/**
+ * @internal
+ */
 export declare function useEditorFocusChangeEvent(host: WithEditor<ReactiveControllerHost>, handler: FocusChangeHandler): void;
 
+/**
+ * @internal
+ */
 export declare function useEditorUpdateEvent(host: WithEditor<ReactiveControllerHost>, handler: UpdateHandler): void;
 
+/**
+ * @internal
+ */
 export declare function useEffect<T>(host: ReactiveControllerHost, getValue: () => T, onChange: (value: T) => void): void;
 
+/**
+ * @internal
+ */
 export declare function useInlinePopover(host: WithEditor<LitElement>, onReferenceChange: (reference: ReferenceElement | undefined) => void): () => ReferenceElement | undefined;
 
+/**
+ * @internal
+ */
 export declare function usePointerDownEvent(host: LitElement, handler: (event: PointerEvent) => void): void;
 
 export declare function usePopover(host: LitElement, getReference: () => ReferenceElement | null, getPositioning: () => PositioningOptions | null): void;

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

@@ -58,18 +58,6 @@ function useEditorUpdateEvent(host, handler) {
   useEditorExtension(host, extension);
 }
 
-// src/controllers/use-pointer-down-event.ts
-function usePointerDownEvent(host, handler) {
-  host.addController({
-    hostConnected: () => {
-      host.addEventListener("pointerdown", handler);
-    },
-    hostDisconnected: () => {
-      host.removeEventListener("pointerdown", handler);
-    }
-  });
-}
-
 // src/components/inline-popover/helpers.ts
 import { isNodeSelection, isTextSelection } from "@prosekit/core";
 
@@ -110,20 +98,17 @@ function getDomRange() {
 
 // src/components/inline-popover/use-inline-popover.ts
 function useInlinePopover(host, onReferenceChange) {
-  let interacting = false;
   let reference;
-  usePointerDownEvent(host, () => {
-    interacting = true;
-  });
+  let editorFocused = false;
+  const isPopoverFocused = () => {
+    return !editorFocused && host.contains(host.ownerDocument.activeElement);
+  };
   useEditorFocusChangeEvent(host, (focus) => {
-    if (focus) {
-      interacting = false;
-    }
+    editorFocused = focus;
   });
   useEditorUpdateEvent(host, (view) => {
-    if (interacting) {
+    if (isPopoverFocused())
       return;
-    }
     const ref = getVirtualSelectionElement(view);
     if (reference !== ref) {
       reference = ref;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/lit",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -95,15 +95,15 @@
     "dist"
   ],
   "dependencies": {
-    "@floating-ui/dom": "^1.5.3",
+    "@floating-ui/dom": "^1.5.4",
     "@lit/context": "^1.1.0",
-    "@prosekit/core": "^0.2.4",
-    "@prosekit/extensions": "^0.2.4",
+    "@prosekit/core": "^0.2.6",
+    "@prosekit/extensions": "^0.2.5",
     "@prosekit/pm": "^0.1.1",
     "@superhuman/command-score": "^0.5.0",
-    "@zag-js/dismissable": "^0.32.0",
-    "@zag-js/dom-query": "^0.32.0",
-    "@zag-js/utils": "^0.32.0",
+    "@zag-js/dismissable": "^0.32.1",
+    "@zag-js/dom-query": "^0.32.1",
+    "@zag-js/utils": "^0.32.1",
     "lit": "^3.1.1"
   },
   "devDependencies": {
@@ -111,7 +111,7 @@
     "minify-literals": "^1.0.8",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
-    "vitest": "^1.2.0"
+    "vitest": "^1.2.1"
   },
   "scripts": {
     "build:tsup": "tsup",

package/src/index.ts

@@ -1 +0,0 @@
-export {}