@prosekit/lit 0.0.0-next-20231120040948 → 0.0.0-next-20240421132240

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

@@ -1,456 +1,56 @@
-import { AutoUpdateOptions } from '@floating-ui/dom';
-import { ComputePositionConfig } from '@floating-ui/dom';
-import { CSSResult } from 'lit';
-import { Editor } from '@prosekit/core';
-import type { EditorView } from '@prosekit/pm/view';
-import { Keymap } from '@prosekit/core';
-import { LitElement } from 'lit';
+import { AutocompleteEmptyElement as AutocompleteEmpty } from '@prosekit/web/autocomplete';
+import { AutocompleteItemElement as AutocompleteItem } from '@prosekit/web/autocomplete';
+import { AutocompleteListElement as AutocompleteList } from '@prosekit/web/autocomplete';
+import { AutocompletePopoverElement as AutocompletePopover } from '@prosekit/web/autocomplete';
+import { BlockDragHandleElement as BlockDragHandle } from '@prosekit/web/block-handle';
+import { BlockPopoverElement as BlockPopover } from '@prosekit/web/block-handle';
+import { InlinePopoverElement as InlinePopover } from '@prosekit/web/inline-popover';
 import { Options } from 'tsup';
-import { PropertyValues } from 'lit';
-import { ReactiveController } from 'lit';
-import { ReactiveControllerHost } from 'lit';
-import { TemplateResult } from 'lit';
-import { UserProjectConfigExport } from 'vitest/dist/config.js';
-import { VirtualElement } from '@floating-ui/dom';
+import { PopoverContentElement as PopoverContent } from '@prosekit/web/popover';
+import { PopoverRootElement as PopoverRoot } from '@prosekit/web/popover';
+import { PopoverTriggerElement as PopoverTrigger } from '@prosekit/web/popover';
+import { ResizableHandleElement as ResizableHandle } from '@prosekit/web/resizable';
+import { ResizableRootElement as ResizableRoot } from '@prosekit/web/resizable';
+import { TooltipContentElement as TooltipContent } from '@prosekit/web/tooltip';
+import { TooltipRootElement as TooltipRoot } from '@prosekit/web/tooltip';
+import { TooltipTriggerElement as TooltipTrigger } from '@prosekit/web/tooltip';
 
-export declare class AutocompleteEmpty extends LightElement implements AutocompleteEmptyProps {
-    listContext?: AutocompleteListContext;
-    connectedCallback(): void;
-    protected willUpdate(_changedProperties: PropertyValues<this>): void;
-}
+export { AutocompleteEmpty }
 
-export declare interface AutocompleteEmptyProps {
-}
-
-/**
- * Command menu item. Becomes active on pointer enter or through keyboard
- * navigation. Preferably pass a `value`, otherwise the value will be inferred
- * from the rendered item's `textContent`.
- */
-declare class AutocompleteItem extends LightElement implements Partial<AutocompleteItemProps> {
-    value: string;
-    selected: boolean;
-    /** @hidden */
-    onSelect?: VoidFunction;
-    listContext?: AutocompleteListContext;
-    get content(): string;
-    connectedCallback(): void;
-    protected willUpdate(): void;
-    protected updated(changedProperties: PropertyValues<this>): void;
-}
 export { AutocompleteItem }
-export { AutocompleteItem as AutocompleteItem_alias_1 }
-
-declare interface AutocompleteItemProps {
-    value?: string;
-    onSelect: VoidFunction;
-}
-export { AutocompleteItemProps }
-export { AutocompleteItemProps as AutocompleteItemProps_alias_1 }
 
-declare class AutocompleteList extends LightElement implements Partial<AutocompleteListProps> {
-    /** @hidden */
-    private listManager;
-    /** @hidden */
-    private controller;
-    private get active();
-    editor?: Editor;
-    popoverContext: AutocompletePopoverContext | null;
-    context: AutocompleteListContext;
-    connectedCallback(): void;
-    private get items();
-    selectFirstItem(): void;
-    private updateValue;
-    /** @hidden */
-    willUpdate(changedProperties: PropertyValues<this>): void;
-}
 export { AutocompleteList }
-export { AutocompleteList as AutocompleteList_alias_1 }
-
-export declare interface AutocompleteListContext {
-    scores: Map<string, number>;
-    selectedValue: string;
-}
-
-export declare class AutocompleteListController implements ReactiveController {
-    private host;
-    private keymap;
-    private editor;
-    private cleanup;
-    constructor(host: ReactiveControllerHost, keymap: Keymap);
-    setEditor(editor: Editor): void;
-    hostDisconnected(): void;
-    private defineExtension;
-}
-
-declare interface AutocompleteListProps {
-    editor: Editor;
-}
-export { AutocompleteListProps }
-export { AutocompleteListProps as AutocompleteListProps_alias_1 }
-
-export declare class AutocompletePopover extends Popover implements Partial<AutocompletePopoverProps> {
-    /** @hidden */
-    private controller;
-    editor?: Editor;
-    regex?: RegExp;
-    popoverOptions: PopoverOptions;
-    context: AutocompletePopoverContext;
-    /** @hidden */
-    onSelect?: VoidFunction;
-    private get list();
-    private updateContext;
-    /** @hidden */
-    willUpdate(changedProperties: PropertyValues<this>): void;
-    /** @hidden */
-    hide(): void;
-}
-
-export declare interface AutocompletePopoverContext {
-    active: boolean;
-    query: string;
-    handleDismiss: VoidFunction;
-    handleSubmit: VoidFunction;
-}
-
-export declare class AutocompletePopoverController implements ReactiveController {
-    private host;
-    private onChange;
-    reference: Element | null;
-    private editor;
-    private regex;
-    private cleanup;
-    handleDismiss: VoidFunction | null;
-    handleSubmit: VoidFunction | null;
-    constructor(host: ReactiveControllerHost, onChange: (query: string, active: boolean) => void);
-    setEditor(editor: Editor): void;
-    setRegex(regex: RegExp): void;
-    private defineExtension;
-    hostDisconnected(): void;
-}
-
-export declare interface AutocompletePopoverProps {
-    editor: Editor;
-    regex: RegExp;
-    popoverOptions?: PopoverOptions;
-}
-
-export { AutoUpdateOptions }
-
-export declare const blockComponentStyles: CSSResult;
-
-export declare class ComboBox extends Popover {
-    onDismiss?: VoidFunction;
-    private listManager;
-    context: ComboBoxContext;
-    get items(): ComboBoxItem[];
-}
-
-export declare interface ComboBoxContext {
-    inputValue: string;
-    setInputValue: (val: string) => void;
-    selectedValue: string;
-    setSelectedValue: (val: string) => void;
-    listManager: ListManager<ComboBoxItem>;
-}
-
-export declare const comboBoxContext: {
-    __context__: ComboBoxContext;
-};
-
-export declare class ComboBoxInput extends LightElement {
-    placeholder: string;
-    comboBoxContext: ComboBoxContext | null;
-    private visible;
-    private handleKeydown;
-    private handleInput;
-    protected firstUpdated(): void;
-    /** @hidden */
-    render(): TemplateResult<1>;
-}
-
-export declare interface ComboBoxInputProps {
-    placeholder?: string;
-}
-
-declare class ComboBoxItem extends LightElement {
-    editor?: Editor;
-    selected: boolean;
-    comboBoxContext?: ComboBoxContext;
-    /** @hidden */
-    onSelect?: VoidFunction;
-    protected updated(): void;
-}
-export { ComboBoxItem }
-export { ComboBoxItem as ComboBoxItem_alias_1 }
-
-declare type ComboBoxItemProps = {
-    onSelect?: VoidFunction;
-};
-export { ComboBoxItemProps }
-export { ComboBoxItemProps as ComboBoxItemProps_alias_1 }
-
-declare class ComboBoxList extends LightElement {
-    comboBoxContext: ComboBoxContext | null;
-    connectedCallback(): void;
-}
-export { ComboBoxList }
-export { ComboBoxList as ComboBoxList_alias_1 }
-
-declare type ComboBoxListProps = {
-    lang?: string;
-};
-export { ComboBoxListProps }
-export { ComboBoxListProps as ComboBoxListProps_alias_1 }
-
-export declare interface ComboBoxProps extends PopoverProps {
-    onDismiss?: VoidFunction;
-}
-
-export declare const commandListContext: {
-    __context__: AutocompleteListContext;
-};
-
-export declare const commandPopoverContext: {
-    __context__: AutocompletePopoverContext;
-};
 
-declare type CommandScore = (item: string, query: string) => number;
+export { AutocompletePopover }
 
-export declare const commandScore: CommandScore;
+export { BlockDragHandle }
 
-export declare const componentStyles: CSSResult;
+export { BlockPopover }
 
 export declare const default_alias: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
 
-export declare const default_alias_1: UserProjectConfigExport;
-
-/**
- * Default popover options.
- */
-export declare const defaultPopoverOptions: PopoverOptions;
-
-/**
- * Default popover options.
- */
-export declare const defaultPopoverOptions_alias_1: PopoverOptions;
-
-export declare const defaultPopoverOptions_alias_2: PopoverOptions;
-
-export declare function defaultQueryBuilder(match: RegExpExecArray): string;
-
-export declare function getVirtualSelectionElement(view: EditorView): Range | undefined;
-
-export declare class InlinePopover extends Popover implements Partial<InlinePopoverProps> {
-    /** @hidden */
-    private controller;
-    editor?: Editor;
-    popoverOptions: PopoverOptions;
-    constructor();
-    /** @hidden */
-    willUpdate(): void;
-    /** @hidden */
-    hide(): void;
-}
-
-export declare class InlinePopoverController implements ReactiveController {
-    private host;
-    reference?: VirtualElement;
-    private editor?;
-    private cleanupExtension?;
-    private cleanupEventListener?;
-    private mouseHovering;
-    constructor(host: ReactiveControllerHost);
-    setEditor(editor: Editor): void;
-    hostConnected(): void;
-    hostDisconnected(): void;
-    private update;
-    private defineExtension;
-}
-
-export declare interface InlinePopoverProps {
-    editor: Editor;
-    popoverOptions?: PopoverOptions;
-}
-
-export declare function isAutocompleteItem(element?: Element | null): element is AutocompleteItem;
-
-export declare function isAutocompleteList(element?: Element | null): element is AutocompleteList;
-
-export declare function isComboBoxItem(element?: Element | null): element is ComboBoxItem;
-
-export declare function isComboBoxList(element?: Element | null): element is ComboBoxList;
-
-export declare class LightElement extends LitElement {
-    createRenderRoot(): this;
-    setHidden(hidden: boolean): void;
-}
-
-export declare class ListManager<Item extends {
-    hidden: boolean;
-} & HTMLElement> {
-    private lastMouseMoveTime;
-    private getItems;
-    private getSelectedValue;
-    private setSelectedValue;
-    private getItemValue;
-    private queryClosestItem;
-    private getActive;
-    private onDismiss;
-    private onSelect;
-    constructor(options: {
-        getItems: () => Item[];
-        getSelectedValue: () => string;
-        setSelectedValue: (value: string) => void;
-        getItemValue: (item: Item) => string;
-        queryClosestItem: (element: HTMLElement) => Item | null;
-        getActive: () => boolean;
-        onDismiss: () => void;
-        onSelect: (item?: Item | null) => void;
-    });
-    get items(): Item[];
-    get availableItems(): Item[];
-    get firstItem(): Item | null;
-    get selectedItem(): Item | null;
-    private updateSelectedByChange;
-    private handleSelect;
-    selectFirstItem(): void;
-    handleMouseMove(_event: MouseEvent): void;
-    handleMouseOver(event: MouseEvent): void;
-    handleMouseDown(event: MouseEvent): void;
-    handleClick(event: MouseEvent): void;
-    handleArrowUp(): boolean;
-    handleArrowDown(): boolean;
-    handleEscape(): boolean;
-    handleEnter(): boolean;
-}
-
-/**
- * A custom element that displays a popover anchored to a reference element.
- */
-export declare class Popover extends LightElement implements Partial<PopoverProps> {
-    /** @hidden */
-    constructor();
-    /**
-     * Controls the visibility of the popover element. When set to `true`, the popover is displayed and positioned
-     * relative to its reference element. When set to `false`, the popover is hidden and its positioning logic is
-     * deactivated.
-     */
-    active: boolean;
-    /**
-     * The element that the popover is anchored to. This can be either a DOM element or an object that implements the
-     * virtual element interface from Floating UI.
-     */
-    reference?: Element | VirtualElement;
-    /**
-     * The options that are passed to the `computePosition` function from Floating UI. These options are used to
-     * configure the positioning of the popover element relative to its reference element. For more information on the
-     * available options, please refer to the Floating UI documentation.
-     */
-    options?: PopoverOptions;
-    /**
-     * Controls whether the popover position is automatically updated when the reference element changes position. When
-     * set to `true`, the popover position is updated automatically. When set to `false`, the popover position is only
-     * updated when the given properties are changed.
-     *
-     * @default false
-     */
-    autoUpdate: boolean;
-    /**
-     * The options that are passed to the `autoUpdate` function from Floating UI. These options are used to configure the
-     * automatic update behavior of the popover position. For more information on the available options, please refer to
-     * the Floating UI documentation. This property is only used when the `autoUpdate` property is set to `true`.
-     */
-    autoUpdateOptions?: AutoUpdateOptions;
-    /**
-     * Controls whether the popover should be dismissed based on user interaction.
-     *
-     * Available options:
-     *
-     * - "off": The popover is not dismissed.
-     * - "on": The popover is dismissed when the user clicks outside of the popover or presses the escape key.
-     * - "click": The popover is dismissed when the user clicks outside of the popover.
-     * - "escape": The popover is dismissed when the user presses the escape key.
-     *
-     * @default "on"
-     */
-    dismiss: string;
-    /** @hidden */
-    private disposeAutoUpdate?;
-    /** @hidden */
-    private disposeEventListeners?;
-    /** @hidden */
-    connectedCallback(): void;
-    /** @hidden */
-    disconnectedCallback(): void;
-    /** @hidden */
-    protected updated(changedProperties: PropertyValues<this>): void;
-    /** @hidden */
-    private start;
-    /** @hidden */
-    private compute;
-    /** @hidden */
-    hide(): void;
-    private handleDocumentMouseDown;
-    private handleDocumentKeyDown;
-}
-
-/**
- * The `PopoverOptions` interface defines the options that can be passed to the
- * `computePosition` function from Floating UI. These options are used to
- * configure the positioning of the popover element relative to its reference
- * element. For more information on the available options, please refer to the
- * Floating UI documentation.
- *
- * https://floating-ui.com/docs/computeposition#options
- */
-declare type PopoverOptions = ComputePositionConfig;
-export { PopoverOptions }
-export { PopoverOptions as PopoverOptions_alias_1 }
-export { PopoverOptions as PopoverOptions_alias_2 }
-export { PopoverOptions as PopoverOptions_alias_3 }
-
-export declare interface PopoverProps {
-    active: boolean;
-    reference?: Element | VirtualElement;
-    options?: PopoverOptions;
-    autoUpdate?: boolean;
-    autoUpdateOptions?: AutoUpdateOptions;
-}
-
-export declare const propNames: readonly [];
-
-declare const propNames_2: readonly ["value", "onSelect"];
-export { propNames_2 as propNames_alias_1 }
-export { propNames_2 as propNames_alias_2 }
-
-declare const propNames_3: readonly ["editor"];
-export { propNames_3 as propNames_alias_3 }
-export { propNames_3 as propNames_alias_4 }
-
-declare const propNames_4: never[];
-export { propNames_4 as propNames_alias_8 }
-export { propNames_4 as propNames_alias_9 }
+export declare const default_alias_1: {
+    test: {
+        environment: "jsdom";
+    };
+};
 
-declare const propNames_5: never[];
-export { propNames_5 as propNames_alias_10 }
-export { propNames_5 as propNames_alias_11 }
+export { InlinePopover }
 
-export declare const propNames_alias_12: readonly ["editor", "popoverOptions"];
+export { PopoverContent }
 
-export declare const propNames_alias_13: readonly ["active", "reference", "options", "autoUpdate", "autoUpdateOptions"];
+export { PopoverRoot }
 
-export declare const propNames_alias_5: readonly ["editor", "regex", "popoverOptions"];
+export { PopoverTrigger }
 
-export declare const propNames_alias_6: readonly ["onDismiss"];
+export { ResizableHandle }
 
-export declare const propNames_alias_7: readonly ["placeholder"];
+export { ResizableRoot }
 
-export declare function queryClosestAutocompleteItem(element?: Element | null): AutocompleteItem | null;
+export { TooltipContent }
 
-export declare function queryClosestComboBoxItem(element?: Element | null): ComboBoxItem | null;
+export { TooltipRoot }
 
-/** Rounds a value to the nearest device pixel ratio. */
-export declare function roundByDPR(value: number): number;
+export { TooltipTrigger }
 
 export { }

package/dist/prosekit-lit-autocomplete.d.ts

@@ -0,0 +1,4 @@
+export { AutocompleteEmpty } from './_tsup-dts-rollup';
+export { AutocompleteItem } from './_tsup-dts-rollup';
+export { AutocompleteList } from './_tsup-dts-rollup';
+export { AutocompletePopover } from './_tsup-dts-rollup';

package/dist/prosekit-lit-autocomplete.js

@@ -0,0 +1,11 @@
+// src/components/autocomplete/index.ts
+import { AutocompleteEmptyElement } from "@prosekit/web/autocomplete";
+import { AutocompleteItemElement } from "@prosekit/web/autocomplete";
+import { AutocompleteListElement } from "@prosekit/web/autocomplete";
+import { AutocompletePopoverElement } from "@prosekit/web/autocomplete";
+export {
+  AutocompleteEmptyElement as AutocompleteEmpty,
+  AutocompleteItemElement as AutocompleteItem,
+  AutocompleteListElement as AutocompleteList,
+  AutocompletePopoverElement as AutocompletePopover
+};

package/dist/prosekit-lit-block-handle.d.ts

@@ -0,0 +1,2 @@
+export { BlockDragHandle } from './_tsup-dts-rollup';
+export { BlockPopover } from './_tsup-dts-rollup';

package/dist/prosekit-lit-block-handle.js

@@ -0,0 +1,7 @@
+// src/components/block-handle/index.ts
+import { BlockDragHandleElement } from "@prosekit/web/block-handle";
+import { BlockPopoverElement } from "@prosekit/web/block-handle";
+export {
+  BlockDragHandleElement as BlockDragHandle,
+  BlockPopoverElement as BlockPopover
+};

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

@@ -1,4 +1 @@
-export { PopoverOptions_alias_1 as PopoverOptions } from './_tsup-dts-rollup';
-export { propNames_alias_12 as propNames } from './_tsup-dts-rollup';
-export { InlinePopoverProps } from './_tsup-dts-rollup';
 export { InlinePopover } from './_tsup-dts-rollup';

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

@@ -1,154 +1,5 @@
-import {
-  Popover
-} from "./chunk-7WLKD2U6.js";
-import {
-  __decorateClass
-} from "./chunk-O5JP3B34.js";
-
 // src/components/inline-popover/index.ts
-import "@prosekit/core";
-import { customElement, property } from "lit/decorators.js";
-
-// src/components/inline-popover/controller.ts
-import { defineUpdateHandler } from "@prosekit/core";
-import "lit";
-
-// src/components/inline-popover/helpers.ts
-import { isNodeSelection, isTextSelection } from "@prosekit/core";
-function getVirtualSelectionElement(view) {
-  if (typeof window === "undefined" || view.isDestroyed) {
-    return;
-  }
-  const selection = view.state.selection;
-  if (!selection.empty && (isTextSelection(selection) || isNodeSelection(selection))) {
-    return getDomRange();
-  }
-}
-function getDomRange() {
-  const selection = window.getSelection();
-  if (!selection || selection.isCollapsed) {
-    return;
-  }
-  const range = typeof selection.rangeCount === "number" && selection.rangeCount > 0 && selection.getRangeAt(0);
-  if (!range) {
-    return;
-  }
-  return range;
-}
-
-// src/components/inline-popover/controller.ts
-var InlinePopoverController = class {
-  constructor(host) {
-    this.host = host;
-    this.mouseHovering = false;
-    this.host.addController(this);
-  }
-  setEditor(editor) {
-    if (this.editor !== editor) {
-      this.editor = editor;
-      this.defineExtension();
-      this.host.requestUpdate();
-    }
-  }
-  hostConnected() {
-    var _a;
-    const handleMouseDown = () => {
-      this.mouseHovering = true;
-    };
-    const handleMouseUp = () => {
-      this.mouseHovering = false;
-      this.update();
-    };
-    document.addEventListener("mousedown", handleMouseDown);
-    document.addEventListener("mouseup", handleMouseUp);
-    (_a = this.cleanupEventListener) == null ? void 0 : _a.call(this);
-    this.cleanupEventListener = () => {
-      document.removeEventListener("mousedown", handleMouseDown);
-      document.removeEventListener("mouseup", handleMouseUp);
-    };
-  }
-  hostDisconnected() {
-    var _a, _b;
-    (_a = this.cleanupExtension) == null ? void 0 : _a.call(this);
-    this.cleanupExtension = void 0;
-    (_b = this.cleanupEventListener) == null ? void 0 : _b.call(this);
-    this.cleanupEventListener = void 0;
-  }
-  update() {
-    const editor = this.editor;
-    if (!editor || this.mouseHovering) {
-      return;
-    }
-    const reference = getVirtualSelectionElement(editor.view);
-    if (this.reference !== reference) {
-      this.reference = reference;
-      this.host.requestUpdate();
-    }
-  }
-  defineExtension() {
-    var _a;
-    const editor = this.editor;
-    if (!editor) {
-      return;
-    }
-    const extension = defineUpdateHandler(() => this.update());
-    (_a = this.cleanupExtension) == null ? void 0 : _a.call(this);
-    this.cleanupExtension = editor.use(extension);
-  }
-};
-
-// src/components/inline-popover/default-popover-options.ts
-import { inline, offset, shift } from "@floating-ui/dom";
-var defaultPopoverOptions = {
-  placement: "top",
-  strategy: "absolute",
-  middleware: [
-    inline(),
-    offset(8),
-    shift({ mainAxis: true, crossAxis: true, padding: 8 })
-  ]
-};
-
-// src/components/inline-popover/index.ts
-var propNames = ["editor", "popoverOptions"];
-var InlinePopover = class extends Popover {
-  constructor() {
-    super();
-    /** @hidden */
-    this.controller = new InlinePopoverController(this);
-    this.popoverOptions = defaultPopoverOptions;
-    this.dismiss = "escape";
-  }
-  /** @hidden */
-  willUpdate() {
-    var _a, _b;
-    if (this.editor) {
-      this.controller.setEditor(this.editor);
-    }
-    this.active = !!((_a = this.controller) == null ? void 0 : _a.reference);
-    this.reference = (_b = this.controller.reference) != null ? _b : void 0;
-    this.options = this.popoverOptions;
-  }
-  /** @hidden */
-  hide() {
-    var _a;
-    super.hide();
-    if ((_a = this.controller) == null ? void 0 : _a.reference) {
-      this.controller.reference = void 0;
-      this.reference = void 0;
-    }
-  }
-};
-__decorateClass([
-  property({ attribute: false })
-], InlinePopover.prototype, "editor", 2);
-__decorateClass([
-  property({ attribute: false })
-], InlinePopover.prototype, "popoverOptions", 2);
-InlinePopover = __decorateClass([
-  customElement("prosekit-inline-popover")
-], InlinePopover);
+import { InlinePopoverElement } from "@prosekit/web/inline-popover";
 export {
-  InlinePopover,
-  propNames
+  InlinePopoverElement as InlinePopover
 };

package/dist/prosekit-lit-popover.d.ts

@@ -1,5 +1,3 @@
-export { AutoUpdateOptions } from './_tsup-dts-rollup';
-export { PopoverOptions_alias_2 as PopoverOptions } from './_tsup-dts-rollup';
-export { propNames_alias_13 as propNames } from './_tsup-dts-rollup';
-export { PopoverProps } from './_tsup-dts-rollup';
-export { Popover } from './_tsup-dts-rollup';
+export { PopoverContent } from './_tsup-dts-rollup';
+export { PopoverRoot } from './_tsup-dts-rollup';
+export { PopoverTrigger } from './_tsup-dts-rollup';