@prosekit/web 0.7.0 → 0.7.2

package/dist/prosekit-web-drop-indicator.d.ts

@@ -4,17 +4,17 @@ import { Editor } from "@prosekit/core";
 //#region src/components/drop-indicator/drop-indicator/types.d.ts
 interface DropIndicatorProps {
   /**
-  * The ProseKit editor instance.
-  *
-  * @default null
-  * @hidden
-  */
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
   editor: Editor | null;
   /**
-  * The line width in pixels.
-  *
-  * @default 2
-  */
+   * The line width in pixels.
+   *
+   * @default 2
+   */
   width: number;
 }
 /** @internal */
@@ -29,8 +29,8 @@ declare class DropIndicatorElement extends DropIndicatorElementBase {}
 //#endregion
 //#region src/components/drop-indicator/drop-indicator/setup.d.ts
 /**
-* @internal
-*/
+ * @internal
+ */
 declare function useDropIndicator(host: ConnectableElement, {
   state
 }: SetupOptions<DropIndicatorProps, DropIndicatorEvents>): void;

package/dist/prosekit-web-drop-indicator.js

@@ -1,5 +1,5 @@
 import { useEditorExtension } from "./use-editor-extension-Cc7ZG7uj.js";
-import { assignStyles } from "./assign-styles-3yY6F1UX.js";
+import { assignStyles, useScrolling } from "./use-scrolling-BNfsQs3S.js";
 import { createComputed, createSignal, defineCustomElement, registerCustomElement, useEffect } from "@aria-ui/core";
 import { usePresence } from "@aria-ui/presence";
 import { defineDropIndicator } from "@prosekit/extensions/drop-indicator";
@@ -16,7 +16,10 @@ function useDropIndicator(host, { state }) {
 	});
 	useEditorExtension(host, state.editor, extension);
 	const line = createComputed(() => context.get()?.line);
-	const presence = createComputed(() => !!line.get());
+	const scrolling = useScrolling(host);
+	const presence = createComputed(() => {
+		return !!context.get() && !scrolling.get();
+	});
 	usePresence(host, presence);
 	useEffect(host, () => {
 		const lineValue = line.get();

package/dist/prosekit-web-inline-popover.d.ts

@@ -3,72 +3,72 @@ import { Editor } from "@prosekit/core";
 import { OverlayPositionerEvents, OverlayPositionerProps } from "@aria-ui/overlay";
 
 //#region src/components/inline-popover/inline-popover/types.d.ts
-interface InlinePopoverProps extends Omit<OverlayPositionerProps, "placement" | "offset" | "hide" | "overlap" | "inline" | "overflowPadding"> {
+interface InlinePopoverProps extends Omit<OverlayPositionerProps, 'placement' | 'offset' | 'hide' | 'overlap' | 'inline' | 'overflowPadding'> {
   /**
-  * The ProseKit editor instance.
-  *
-  * @default null
-  * @hidden
-  */
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
   editor: Editor | null;
   /**
-  * Whether the popover is open by default when some inline content is
-  * selected.
-  *
-  * When `defaultOpen` is true, the popover will open or close based on the
-  * inline selection. When `defaultOpen` is false, the popover will never be
-  * opened unless the `open` prop is true.
-  *
-  * @default true
-  */
+   * Whether the popover is open by default when some inline content is
+   * selected.
+   *
+   * When `defaultOpen` is true, the popover will open or close based on the
+   * inline selection. When `defaultOpen` is false, the popover will never be
+   * opened unless the `open` prop is true.
+   *
+   * @default true
+   */
   defaultOpen: boolean;
   /**
-  * Whether the popover is open.
-  *
-  * Notice that the popover will be always hidden if the inline selection is
-  * empty.
-  *
-  * @default false
-  */
+   * Whether the popover is open.
+   *
+   * Notice that the popover will be always hidden if the inline selection is
+   * empty.
+   *
+   * @default false
+   */
   open: boolean;
   /**
-  * Whether the inline popover should be dismissed when the editor receives an
-  * Escape key press.
-  *
-  * @default true
-  */
+   * Whether the inline popover should be dismissed when the editor receives an
+   * Escape key press.
+   *
+   * @default true
+   */
   dismissOnEscape: boolean;
   /**
-  * @default "top"
-  */
-  placement: OverlayPositionerProps["placement"];
+   * @default "top"
+   */
+  placement: OverlayPositionerProps['placement'];
   /**
-  * @default 12
-  */
-  offset: OverlayPositionerProps["offset"];
+   * @default 12
+   */
+  offset: OverlayPositionerProps['offset'];
   /**
-  * @default true
-  */
-  hide: OverlayPositionerProps["hide"];
+   * @default true
+   */
+  hide: OverlayPositionerProps['hide'];
   /**
-  * @default true
-  */
-  overlap: OverlayPositionerProps["overlap"];
+   * @default true
+   */
+  overlap: OverlayPositionerProps['overlap'];
   /**
-  * @default true
-  */
-  inline: OverlayPositionerProps["inline"];
+   * @default true
+   */
+  inline: OverlayPositionerProps['inline'];
   /**
-  * @default 8
-  */
-  overflowPadding: OverlayPositionerProps["overflowPadding"];
+   * @default 8
+   */
+  overflowPadding: OverlayPositionerProps['overflowPadding'];
 }
 /** @internal */
 declare const inlinePopoverProps: PropDeclarations<InlinePopoverProps>;
 interface InlinePopoverEvents extends OverlayPositionerEvents {
   /**
-  * Fired when the open state changes.
-  */
+   * Fired when the open state changes.
+   */
   openChange: CustomEvent<boolean>;
 }
 /** @internal */
@@ -80,8 +80,8 @@ declare class InlinePopoverElement extends InlinePopoverElementBase {}
 //#endregion
 //#region src/components/inline-popover/inline-popover/setup.d.ts
 /**
-* @internal
-*/
+ * @internal
+ */
 declare function useInlinePopover(host: ConnectableElement, {
   state,
   emit

package/dist/prosekit-web-resizable.d.ts

@@ -3,11 +3,11 @@ import { BaseElementConstructor, ConnectableElement, EventDeclarations, PropDecl
 //#region src/components/resizable/resizable-handle/types.d.ts
 interface ResizableHandleProps {
   /**
-  * The position of the handle.
-  *
-  * @default "bottom-right"
-  */
-  position: "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+   * The position of the handle.
+   *
+   * @default "bottom-right"
+   */
+  position: 'top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 }
 /** @internal */
 declare const resizableHandleProps: PropDeclarations<ResizableHandleProps>;
@@ -22,8 +22,8 @@ declare class ResizableHandleElement extends ResizableHandleElementBase {}
 //#endregion
 //#region src/components/resizable/resizable-handle/setup.d.ts
 /**
-* @internal
-*/
+ * @internal
+ */
 declare function useResizableHandle(host: ConnectableElement, {
   state
 }: {
@@ -57,8 +57,8 @@ declare class ResizableRootElement extends ResizableRootElementBase {}
 //#endregion
 //#region src/components/resizable/resizable-root/setup.d.ts
 /**
-* @internal
-*/
+ * @internal
+ */
 declare function useResizableRoot(host: ConnectableElement, {
   state,
   emit

package/dist/prosekit-web-table-handle.d.ts

@@ -7,27 +7,42 @@ import { Placement } from "@floating-ui/dom";
 import { MenuItemEvents, MenuItemProps } from "@aria-ui/menu";
 
 //#region src/components/table-handle/table-handle-column-root/types.d.ts
-interface TableHandleColumnRootProps extends Omit<OverlayPositionerProps, "placement" | "hoist"> {
+interface TableHandleColumnRootProps extends Omit<OverlayPositionerProps, 'placement' | 'hoist' | 'flip' | 'shift' | 'hide'> {
   /**
-  * The ProseKit editor instance.
-  *
-  * @default null
-  * @hidden
-  */
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
   editor: Editor | null;
   /**
-  * The placement of the popover, relative to the hovered table cell.
-  *
-  * @default "top"
-  */
+   * The placement of the popover, relative to the hovered table cell.
+   *
+   * @default "top"
+   */
   placement: Placement;
   /**
-  * Whether to use the browser [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
-  * to place the floating element on top of other page content.
-  *
-  * @default false
-  */
+   * Whether to use the browser [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
+   * to place the floating element on top of other page content.
+   *
+   * @default false
+   */
   hoist: boolean;
+  /**
+   * @default false
+   * @hidden
+   */
+  flip: boolean;
+  /**
+   * @default false
+   * @hidden
+   */
+  shift: boolean;
+  /**
+   * @default true
+   * @hidden
+   */
+  hide: boolean;
 }
 /** @internal */
 declare const tableHandleColumnRootProps: PropDeclarations<TableHandleColumnRootProps>;
@@ -42,8 +57,8 @@ declare class TableHandleColumnRootElement extends TableHandleColumnRootElementB
 //#endregion
 //#region src/components/table-handle/table-handle-column-root/setup.d.ts
 /**
-* @internal
-*/
+ * @internal
+ */
 declare function useTableHandleColumnRoot(host: ConnectableElement, {
   state
 }: {
@@ -68,8 +83,8 @@ declare class TableHandleColumnTriggerElement extends TableHandleColumnTriggerEl
 //#endregion
 //#region src/components/table-handle/table-handle-column-trigger/setup.d.ts
 /**
-* @internal
-*/
+ * @internal
+ */
 declare function useTableHandleColumnTrigger(host: ConnectableElement, {
   state
 }: SetupOptions<TableHandleColumnTriggerProps, TableHandleColumnTriggerEvents>): void;
@@ -88,8 +103,8 @@ declare class TableHandleDragPreviewElement extends TableHandleDragPreviewElemen
 //#endregion
 //#region src/components/table-handle/table-handle-drag-preview/setup.d.ts
 /**
-* @internal
-*/
+ * @internal
+ */
 declare function useTableHandleDragPreview(host: ConnectableElement, {
   state
 }: {
@@ -110,8 +125,8 @@ declare class TableHandleDropIndicatorElement extends TableHandleDropIndicatorEl
 //#endregion
 //#region src/components/table-handle/table-handle-drop-indicator/setup.d.ts
 /**
-* @internal
-*/
+ * @internal
+ */
 declare function useTableHandleDropIndicator(host: ConnectableElement, {
   state
 }: {
@@ -119,15 +134,15 @@ declare function useTableHandleDropIndicator(host: ConnectableElement, {
 }): void;
 //#endregion
 //#region src/components/table-handle/table-handle-popover-content/types.d.ts
-interface TableHandlePopoverContentProps extends Omit<MenuContentProps, "placement" | "offset"> {
+interface TableHandlePopoverContentProps extends Omit<MenuContentProps, 'placement' | 'offset'> {
   /**
-  * @default 'bottom-start'
-  */
-  placement: MenuContentProps["placement"];
+   * @default 'bottom-start'
+   */
+  placement: MenuContentProps['placement'];
   /**
-  * @default {mainAxis: -4, crossAxis: 4}
-  */
-  offset: MenuContentProps["offset"];
+   * @default {mainAxis: -4, crossAxis: 4}
+   */
+  offset: MenuContentProps['offset'];
   editor: Editor | null;
 }
 /** @internal */
@@ -142,8 +157,8 @@ declare class TableHandlePopoverContentElement extends TableHandlePopoverContent
 //#endregion
 //#region src/components/table-handle/table-handle-popover-content/setup.d.ts
 /**
-* @internal
-*/
+ * @internal
+ */
 declare function useTableHandlePopoverContent(host: ConnectableElement, {
   state,
   emit
@@ -163,8 +178,8 @@ declare class TableHandlePopoverItemElement extends TableHandlePopoverItemElemen
 //#endregion
 //#region src/components/table-handle/table-handle-popover-item/setup.d.ts
 /**
-* @internal
-*/
+ * @internal
+ */
 declare function useTableHandlePopoverItem(element: ConnectableElement, {
   state,
   emit
@@ -173,11 +188,11 @@ declare function useTableHandlePopoverItem(element: ConnectableElement, {
 //#region src/components/table-handle/table-handle-root/types.d.ts
 interface TableHandleRootProps {
   /**
-  * The ProseKit editor instance.
-  *
-  * @default null
-  * @hidden
-  */
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
   editor: Editor | null;
 }
 /** @internal */
@@ -193,8 +208,8 @@ declare class TableHandleRootElement extends TableHandleRootElementBase {}
 //#endregion
 //#region src/components/table-handle/table-handle-root/setup.d.ts
 /**
-* @internal
-*/
+ * @internal
+ */
 declare function useTableHandleRoot(host: ConnectableElement, {
   state
 }: {
@@ -202,27 +217,42 @@ declare function useTableHandleRoot(host: ConnectableElement, {
 }): void;
 //#endregion
 //#region src/components/table-handle/table-handle-row-root/types.d.ts
-interface TableHandleRowRootProps extends Omit<OverlayPositionerProps, "placement" | "hoist"> {
+interface TableHandleRowRootProps extends Omit<OverlayPositionerProps, 'placement' | 'hoist' | 'flip' | 'shift' | 'hide'> {
   /**
-  * The ProseKit editor instance.
-  *
-  * @default null
-  * @hidden
-  */
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
   editor: Editor | null;
   /**
-  * The placement of the popover, relative to the hovered table cell.
-  *
-  * @default "left"
-  */
+   * The placement of the popover, relative to the hovered table cell.
+   *
+   * @default "left"
+   */
   placement: Placement;
   /**
-  * Whether to use the browser [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
-  * to place the floating element on top of other page content.
-  *
-  * @default false
-  */
+   * Whether to use the browser [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
+   * to place the floating element on top of other page content.
+   *
+   * @default false
+   */
   hoist: boolean;
+  /**
+   * @default false
+   * @hidden
+   */
+  flip: boolean;
+  /**
+   * @default false
+   * @hidden
+   */
+  shift: boolean;
+  /**
+   * @default true
+   * @hidden
+   */
+  hide: boolean;
 }
 /** @internal */
 declare const tableHandleRowRootProps: PropDeclarations<TableHandleRowRootProps>;
@@ -237,8 +267,8 @@ declare class TableHandleRowRootElement extends TableHandleRowRootElementBase {}
 //#endregion
 //#region src/components/table-handle/table-handle-row-root/setup.d.ts
 /**
-* @internal
-*/
+ * @internal
+ */
 declare function useTableHandleRowRoot(host: ConnectableElement, {
   state
 }: SetupOptions<TableHandleRowRootProps, TableHandleRowRootEvents>): void;
@@ -262,8 +292,8 @@ declare class TableHandleRowTriggerElement extends TableHandleRowTriggerElementB
 //#endregion
 //#region src/components/table-handle/table-handle-row-trigger/setup.d.ts
 /**
-* @internal
-*/
+ * @internal
+ */
 declare function useTableHandleRowTrigger(host: ConnectableElement, {
   state
 }: SetupOptions<TableHandleRowTriggerProps, TableHandleRowTriggerEvents>): void;