@prosekit/lit - npm Package Compare versions

Comparing version 0.2.0 to 0.2.1

dist/_tsup-dts-rollup.d.ts

		@@ -925,2 +925,5 @@ import { AutoUpdateOptions } from '@floating-ui/dom';

		/**
		* @internal
		*/
		export declare function useDismissable(host: LitElement, { onEscapeKeyDown, onPointerDownOutside, onDismiss, getReference, }: {
		@@ -933,12 +936,30 @@ onEscapeKeyDown: (event: KeyboardEvent) => 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;
		@@ -945,0 +966,0 @@

dist/prosekit-lit-inline-popover.js

		@@ -61,14 +61,2 @@ import {

		// 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
		@@ -114,16 +102,13 @@ import { isNodeSelection, isTextSelection } from "@prosekit/core";
		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);
		@@ -130,0 +115,0 @@ if (reference !== ref) {

package.json

src/index.ts

New alerts