@prosekit/lit 0.0.0-next-20230627094841 → 0.0.1

package/dist/{chunk-S65R2BUY.js → chunk-6FOWUXQ2.js}

@@ -10,6 +10,17 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 
+// src/styles/block-component.styles.ts
+import { css as css2 } from "lit";
+
+// src/styles/component.styles.ts
+import { css } from "lit";
+var componentStyles = css`:host{box-sizing:border-box}:host *,:host ::after,:host ::before{box-sizing:inherit}`;
+
+// src/styles/block-component.styles.ts
+var blockComponentStyles = css2`${componentStyles}:host{display:block}`;
+
 export {
-  __decorateClass
+  __decorateClass,
+  blockComponentStyles
 };

package/dist/{chunk-YS57RXAX.js → chunk-WHIPWT4H.js}

@@ -1,9 +1,7 @@
 import {
+  __decorateClass,
   blockComponentStyles
-} from "./chunk-XEV4EE3R.js";
-import {
-  __decorateClass
-} from "./chunk-S65R2BUY.js";
+} from "./chunk-6FOWUXQ2.js";
 
 // src/elements/popover/popover.ts
 import {

package/dist/options-7235df55.d.ts

@@ -0,0 +1,14 @@
+import { ComputePositionConfig } from '@floating-ui/dom';
+
+/**
+ * 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
+ */
+type PopoverOptions = ComputePositionConfig;
+
+export { PopoverOptions as P };

package/dist/prosekit-lit-elements-menu-item.d.ts

@@ -0,0 +1,16 @@
+import * as lit from 'lit';
+import { LitElement, CSSResultGroup } from 'lit';
+
+declare class MenuItem extends LitElement {
+    /** @hidden */
+    constructor();
+    /** @hidden */
+    static styles: CSSResultGroup;
+    focused: boolean;
+    hidden: boolean;
+    onSelect?: VoidFunction;
+    /** @hidden */
+    render(): lit.TemplateResult<1>;
+}
+
+export { MenuItem };

package/dist/prosekit-lit-elements-menu-item.js

@@ -1,7 +1,7 @@
 import {
   __decorateClass,
   blockComponentStyles
-} from "./chunk-43BFWKM2.js";
+} from "./chunk-6FOWUXQ2.js";
 
 // src/elements/menu-item.ts
 import { LitElement, html } from "lit";

package/dist/prosekit-lit-elements-menu.d.ts

@@ -0,0 +1,50 @@
+import * as lit from 'lit';
+import { LitElement, CSSResultGroup, PropertyValueMap } from 'lit';
+import { Editor } from '@prosekit/core';
+import { MenuItem } from './prosekit-lit-elements-menu-item.js';
+
+declare class Menu extends LitElement {
+    /** @hidden */
+    constructor();
+    /** @hidden */
+    static styles: CSSResultGroup;
+    editor?: Editor;
+    /** @hidden */
+    focusedItem?: MenuItem;
+    /** @hidden */
+    defaultSlot?: HTMLSlotElement;
+    /** @hidden */
+    private cleanup;
+    /** @hidden */
+    protected firstUpdated(): void;
+    protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    /** @hidden */
+    disconnectedCallback(): void;
+    ensureFocusedItem(): void;
+    /** @hidden */
+    private handleArrowUp;
+    /** @hidden */
+    private handleArrowDown;
+    /** @hidden */
+    private handleEscape;
+    /** @hidden */
+    private handleMouseOver;
+    /** @hidden */
+    private handleEnter;
+    /** @hidden */
+    private handleClick;
+    /** @hidden */
+    private handleSelect;
+    /** @hidden */
+    private focusItem;
+    /** @hidden */
+    private blurItem;
+    /** @hidden */
+    private queryAllMenuItems;
+    /** @hidden */
+    private queryVisibleMenuItems;
+    /** @hidden */
+    render(): lit.TemplateResult<1>;
+}
+
+export { Menu };

package/dist/prosekit-lit-elements-menu.js

@@ -1,7 +1,7 @@
 import {
   __decorateClass,
   blockComponentStyles
-} from "./chunk-43BFWKM2.js";
+} from "./chunk-6FOWUXQ2.js";
 
 // src/elements/menu.ts
 import { ProseKitError, addKeymap } from "@prosekit/core";

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

@@ -0,0 +1,59 @@
+import { P as PopoverOptions } from './options-7235df55.js';
+import * as lit from 'lit';
+import { ReactiveController, ReactiveControllerHost, LitElement, CSSResultGroup } from 'lit';
+import { Editor } from '@prosekit/core';
+import { PredictionRule } from '@prosekit/extensions/suggestion';
+export { PredictionRule } from '@prosekit/extensions/suggestion';
+import '@floating-ui/dom';
+
+/**
+ * Default popover options.
+ */
+declare const defaultPopoverOptions: PopoverOptions;
+
+interface PopoverSuggestionContext {
+    active: boolean;
+    query?: string;
+    onDismiss?: () => void;
+    onSubmit?: () => void;
+}
+
+declare class PopoverSuggestionController implements ReactiveController {
+    private host;
+    private editor;
+    private rules;
+    private onContext?;
+    private connected;
+    reference: Element | null;
+    private removeExtension;
+    constructor(host: ReactiveControllerHost, editor: Editor, rules: PredictionRule[], onContext?: ((context: PopoverSuggestionContext) => void) | undefined);
+    hostUpdated(): void;
+    hostDisconnected(): void;
+}
+
+declare class PopoverSuggestion extends LitElement {
+    /** @hidden */
+    constructor();
+    editor: Editor;
+    popoverOptions: PopoverOptions;
+    rules: PredictionRule[];
+    /** @hidden */
+    context: PopoverSuggestionContext;
+    onContext?: (context: PopoverSuggestionContext) => void;
+    /** @hidden */
+    controller?: PopoverSuggestionController;
+    /** @hidden */
+    defaultSlot?: HTMLSlotElement;
+    /** @hidden */
+    static styles: CSSResultGroup;
+    /** @hidden */
+    protected firstUpdated(): void;
+    /** @hidden */
+    protected get active(): boolean;
+    /** @hidden */
+    private queryMenu;
+    /** @hidden */
+    render(): lit.TemplateResult<1>;
+}
+
+export { PopoverSuggestion, PopoverSuggestionContext, defaultPopoverOptions };

package/dist/prosekit-lit-elements-popover-suggestion.js

@@ -1,8 +1,8 @@
-import "./chunk-7C2I5DWH.js";
+import "./chunk-WHIPWT4H.js";
 import {
   __decorateClass,
   blockComponentStyles
-} from "./chunk-43BFWKM2.js";
+} from "./chunk-6FOWUXQ2.js";
 
 // src/elements/popover-suggestion/options.ts
 import {
@@ -64,7 +64,7 @@ function isMenu(element) {
 
 // src/elements/popover-suggestion/controller.ts
 import { ProseKitError } from "@prosekit/core";
-import { addSuggestion } from "@prosekit/extension-suggestion";
+import { addSuggestion } from "@prosekit/extensions/suggestion";
 var PopoverSuggestionController = class {
   constructor(host, editor, rules, onContext) {
     this.host = host;

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

@@ -0,0 +1,65 @@
+import * as lit from 'lit';
+import { LitElement, CSSResultGroup, PropertyValueMap } from 'lit';
+import { VirtualElement, AutoUpdateOptions } from '@floating-ui/dom';
+import { P as PopoverOptions } from './options-7235df55.js';
+
+/**
+ * A custom element that displays a popover anchored to a reference element.
+ */
+declare class Popover extends LitElement {
+    /** @hidden */
+    constructor();
+    /** @hidden */
+    static styles: CSSResultGroup;
+    /**
+     * 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 floating element that displays the popover. */
+    floating: HTMLElement;
+    /**
+     * 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;
+    /** @hidden */
+    private computed?;
+    /** @hidden */
+    private cleanupAutoUpdate?;
+    /** @hidden */
+    disconnectedCallback(): void;
+    /** @hidden */
+    protected updated(changed: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    /** @hidden */
+    private start;
+    /** @hidden */
+    private compute;
+    /** @hidden */
+    private cleanup;
+    /** @hidden */
+    render(): lit.TemplateResult<1>;
+}
+
+export { Popover, PopoverOptions };

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

@@ -1,7 +1,7 @@
 import {
   Popover
-} from "./chunk-7C2I5DWH.js";
-import "./chunk-43BFWKM2.js";
+} from "./chunk-WHIPWT4H.js";
+import "./chunk-6FOWUXQ2.js";
 export {
   Popover
 };

package/dist/prosekit-lit.d.ts

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/lit",
   "type": "module",
-  "version": "0.0.0-next-20230627094841",
+  "version": "0.0.1",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -55,22 +55,22 @@
     "dist"
   ],
   "dependencies": {
-    "@floating-ui/dom": "^1.4.2",
-    "@lit/reactive-element": "^2.0.0-pre.0",
-    "@prosekit/core": "0.0.0-next-20230627094841",
-    "@prosekit/extension-suggestion": "0.0.0-next-20230627094841",
-    "@prosekit/pm": "0.0.0-next-20230627094841",
-    "lit": "^3.0.0-pre.0",
-    "lit-element": "^4.0.0-pre.0",
-    "lit-html": "^3.0.0-pre.0"
+    "@floating-ui/dom": "^1.4.4",
+    "@lit/reactive-element": "^1.6.2",
+    "@prosekit/core": "^0.0.1",
+    "@prosekit/extensions": "^0.0.1",
+    "@prosekit/pm": "^0.0.1",
+    "lit": "^2.7.6",
+    "lit-element": "^3.3.2",
+    "lit-html": "^2.7.5"
   },
   "devDependencies": {
-    "minify-literals": "^1.0.5",
+    "@prosekit/dev": "^0.0.0",
+    "minify-literals": "^1.0.6",
     "tsup": "^7.1.0",
-    "typescript": "^5.1.3",
-    "vitest": "^0.32.2",
-    "vue": "^3.3.4",
-    "@prosekit/dev": "0.0.0"
+    "typescript": "^5.1.6",
+    "vitest": "^0.33.0",
+    "vue": "^3.3.4"
   },
   "scripts": {
     "build:tsup": "tsup",

package/dist/chunk-5VENWR7M.js

@@ -1,118 +0,0 @@
-import {
-  __decorateClass,
-  blockComponentStyles
-} from "./chunk-43BFWKM2.js";
-
-// src/elements/popover.ts
-import {
-  autoUpdate,
-  computePosition
-} from "@floating-ui/dom";
-import { LitElement, html } from "lit";
-import { customElement, property, query, state } from "lit/decorators.js";
-import { styleMap } from "lit/directives/style-map.js";
-var Popover = class extends LitElement {
-  /** @hidden */
-  constructor() {
-    super();
-    this.active = false;
-    this.autoUpdate = false;
-  }
-  /** @hidden */
-  disconnectedCallback() {
-    this.cleanup();
-  }
-  /** @hidden */
-  updated(changed) {
-    if (!changed.has("computed")) {
-      this.start();
-    }
-  }
-  /** @hidden */
-  start() {
-    this.cleanup();
-    const reference = this.reference;
-    const floating = this.floating;
-    if (!reference)
-      return;
-    if (this.autoUpdate) {
-      this.cleanupAutoUpdate = autoUpdate(
-        reference,
-        floating,
-        () => void this.compute(),
-        this.autoUpdateOptions
-      );
-    } else {
-      void this.compute();
-    }
-  }
-  /** @hidden */
-  async compute() {
-    const reference = this.reference;
-    const floating = this.floating;
-    if (!reference)
-      return;
-    const options = this.options;
-    this.computed = await computePosition(reference, floating, options);
-  }
-  /** @hidden */
-  cleanup() {
-    var _a;
-    (_a = this.cleanupAutoUpdate) == null ? void 0 : _a.call(this);
-    this.cleanupAutoUpdate = void 0;
-  }
-  /** @hidden */
-  render() {
-    var _a;
-    const { x, y, strategy } = (_a = this.computed) != null ? _a : {
-      x: 0,
-      y: 0,
-      strategy: "absolute"
-    };
-    const style = {
-      top: "0",
-      left: "0",
-      position: strategy,
-      transform: `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`,
-      display: this.active ? void 0 : "none"
-    };
-    return html`<div class="floating" style="${styleMap(style)}"><slot></slot></div>`;
-  }
-};
-/** @hidden */
-Popover.styles = blockComponentStyles;
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], Popover.prototype, "active", 2);
-__decorateClass([
-  query(".floating")
-], Popover.prototype, "floating", 2);
-__decorateClass([
-  property()
-], Popover.prototype, "reference", 2);
-__decorateClass([
-  property()
-], Popover.prototype, "options", 2);
-__decorateClass([
-  property({
-    type: Boolean,
-    reflect: true
-  })
-], Popover.prototype, "autoUpdate", 2);
-__decorateClass([
-  property({ type: Object })
-], Popover.prototype, "autoUpdateOptions", 2);
-__decorateClass([
-  state()
-], Popover.prototype, "computed", 2);
-Popover = __decorateClass([
-  customElement("prosekit-popover")
-], Popover);
-function roundByDPR(value) {
-  const dpr = window.devicePixelRatio || 1;
-  return Math.round(value * dpr) / dpr;
-}
-
-export {
-  Popover
-};

package/dist/chunk-6EHMW3VI.js

@@ -1,19 +0,0 @@
-// src/utils/visibility.ts
-function isVisibleElement(element) {
-  return !element.hidden;
-}
-function isHiddenElement(element) {
-  return element.hidden;
-}
-function createVisibilityFilter(visible) {
-  if (visible === true)
-    return isVisibleElement;
-  if (visible === false)
-    return isHiddenElement;
-  return () => true;
-}
-
-export {
-  isVisibleElement,
-  createVisibilityFilter
-};

package/dist/chunk-CFFBSSAU.js

@@ -1,121 +0,0 @@
-import {
-  __decorateClass,
-  blockComponentStyles
-} from "./chunk-43BFWKM2.js";
-
-// src/elements/popover.ts
-import {
-  autoUpdate,
-  computePosition
-} from "@floating-ui/dom";
-import { LitElement, html } from "lit";
-import { customElement, property, query, state } from "lit/decorators.js";
-import { styleMap } from "lit/directives/style-map.js";
-var Popover = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.active = false;
-    this.autoUpdate = false;
-  }
-  /** @hidden */
-  disconnectedCallback() {
-    this.cleanup();
-  }
-  /** @hidden */
-  updated(changed) {
-    if (!changed.has("computed")) {
-      this.start();
-    }
-  }
-  /** @hidden */
-  start() {
-    this.cleanup();
-    const reference = this.reference;
-    const floating = this.floating;
-    if (!reference)
-      return;
-    if (this.autoUpdate) {
-      this.cleanupAutoUpdate = autoUpdate(
-        reference,
-        floating,
-        () => void this.compute(),
-        this.autoUpdateOptions
-      );
-    } else {
-      void this.compute();
-    }
-  }
-  /** @hidden */
-  async compute() {
-    const reference = this.reference;
-    const floating = this.floating;
-    if (!reference)
-      return;
-    const options = this.options;
-    this.computed = await computePosition(reference, floating, options);
-  }
-  /** @hidden */
-  cleanup() {
-    var _a;
-    (_a = this.cleanupAutoUpdate) == null ? void 0 : _a.call(this);
-    this.cleanupAutoUpdate = void 0;
-  }
-  /** @hidden */
-  render() {
-    var _a;
-    const { x, y, strategy } = (_a = this.computed) != null ? _a : {
-      x: 0,
-      y: 0,
-      strategy: "absolute"
-    };
-    const style = {
-      top: "0",
-      left: "0",
-      position: strategy,
-      transform: `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`,
-      display: this.active ? void 0 : "none"
-    };
-    return html`<div class="floating" style="${styleMap(style)}"><slot></slot></div>`;
-  }
-};
-/** @hidden */
-// private constructor(...args) {
-//   super(...args)
-// }
-/** @hidden */
-Popover.styles = blockComponentStyles;
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], Popover.prototype, "active", 2);
-__decorateClass([
-  query(".floating")
-], Popover.prototype, "floating", 2);
-__decorateClass([
-  property()
-], Popover.prototype, "reference", 2);
-__decorateClass([
-  property()
-], Popover.prototype, "options", 2);
-__decorateClass([
-  property({
-    type: Boolean,
-    reflect: true
-  })
-], Popover.prototype, "autoUpdate", 2);
-__decorateClass([
-  property({ type: Object })
-], Popover.prototype, "autoUpdateOptions", 2);
-__decorateClass([
-  state()
-], Popover.prototype, "computed", 2);
-Popover = __decorateClass([
-  customElement("prosekit-popover")
-], Popover);
-function roundByDPR(value) {
-  const dpr = window.devicePixelRatio || 1;
-  return Math.round(value * dpr) / dpr;
-}
-
-export {
-  Popover
-};