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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/lit",
   "type": "module",
-  "version": "0.0.0-next-20230709094459",
+  "version": "0.0.0-next-20231120040948",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -30,47 +30,76 @@
       "import": "./dist/prosekit-lit.js",
       "default": "./dist/prosekit-lit.js"
     },
-    "./elements/menu": {
-      "types": "./dist/prosekit-lit-elements-menu.d.ts",
-      "import": "./dist/prosekit-lit-elements-menu.js",
-      "default": "./dist/prosekit-lit-elements-menu.js"
+    "./autocomplete-empty": {
+      "types": "./dist/prosekit-lit-autocomplete-empty.d.ts",
+      "import": "./dist/prosekit-lit-autocomplete-empty.js",
+      "default": "./dist/prosekit-lit-autocomplete-empty.js"
     },
-    "./elements/menu-item": {
-      "types": "./dist/prosekit-lit-elements-menu-item.d.ts",
-      "import": "./dist/prosekit-lit-elements-menu-item.js",
-      "default": "./dist/prosekit-lit-elements-menu-item.js"
+    "./autocomplete-item": {
+      "types": "./dist/prosekit-lit-autocomplete-item.d.ts",
+      "import": "./dist/prosekit-lit-autocomplete-item.js",
+      "default": "./dist/prosekit-lit-autocomplete-item.js"
     },
-    "./elements/popover": {
-      "types": "./dist/prosekit-lit-elements-popover.d.ts",
-      "import": "./dist/prosekit-lit-elements-popover.js",
-      "default": "./dist/prosekit-lit-elements-popover.js"
+    "./autocomplete-list": {
+      "types": "./dist/prosekit-lit-autocomplete-list.d.ts",
+      "import": "./dist/prosekit-lit-autocomplete-list.js",
+      "default": "./dist/prosekit-lit-autocomplete-list.js"
     },
-    "./elements/popover-suggestion": {
-      "types": "./dist/prosekit-lit-elements-popover-suggestion.d.ts",
-      "import": "./dist/prosekit-lit-elements-popover-suggestion.js",
-      "default": "./dist/prosekit-lit-elements-popover-suggestion.js"
+    "./autocomplete-popover": {
+      "types": "./dist/prosekit-lit-autocomplete-popover.d.ts",
+      "import": "./dist/prosekit-lit-autocomplete-popover.js",
+      "default": "./dist/prosekit-lit-autocomplete-popover.js"
+    },
+    "./combo-box": {
+      "types": "./dist/prosekit-lit-combo-box.d.ts",
+      "import": "./dist/prosekit-lit-combo-box.js",
+      "default": "./dist/prosekit-lit-combo-box.js"
+    },
+    "./combo-box-input": {
+      "types": "./dist/prosekit-lit-combo-box-input.d.ts",
+      "import": "./dist/prosekit-lit-combo-box-input.js",
+      "default": "./dist/prosekit-lit-combo-box-input.js"
+    },
+    "./combo-box-item": {
+      "types": "./dist/prosekit-lit-combo-box-item.d.ts",
+      "import": "./dist/prosekit-lit-combo-box-item.js",
+      "default": "./dist/prosekit-lit-combo-box-item.js"
+    },
+    "./combo-box-list": {
+      "types": "./dist/prosekit-lit-combo-box-list.d.ts",
+      "import": "./dist/prosekit-lit-combo-box-list.js",
+      "default": "./dist/prosekit-lit-combo-box-list.js"
+    },
+    "./inline-popover": {
+      "types": "./dist/prosekit-lit-inline-popover.d.ts",
+      "import": "./dist/prosekit-lit-inline-popover.js",
+      "default": "./dist/prosekit-lit-inline-popover.js"
+    },
+    "./popover": {
+      "types": "./dist/prosekit-lit-popover.d.ts",
+      "import": "./dist/prosekit-lit-popover.js",
+      "default": "./dist/prosekit-lit-popover.js"
     }
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@floating-ui/dom": "^1.4.4",
-    "@lit/reactive-element": "^1.6.2",
-    "@prosekit/core": "0.0.0-next-20230709094459",
-    "@prosekit/extensions": "0.0.0-next-20230709094459",
-    "@prosekit/pm": "0.0.0-next-20230709094459",
-    "lit": "^2.7.6",
-    "lit-element": "^3.3.2",
-    "lit-html": "^2.7.5"
+    "@floating-ui/dom": "^1.5.3",
+    "@lit/context": "^1.1.0",
+    "@prosekit/core": "0.0.0-next-20231120040948",
+    "@prosekit/extensions": "0.0.0-next-20231120040948",
+    "@prosekit/pm": "0.0.0-next-20231120040948",
+    "@superhuman/command-score": "^0.5.0",
+    "lit": "^3.1.0"
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "minify-literals": "^1.0.6",
-    "tsup": "^7.1.0",
-    "typescript": "^5.1.6",
-    "vitest": "^0.33.0",
-    "vue": "^3.3.4"
+    "minify-literals": "^1.0.7",
+    "tsup": "^8.0.0",
+    "typescript": "^5.2.2",
+    "vitest": "^0.34.6",
+    "vue": "^3.3.8"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -82,17 +111,35 @@
       ".": [
         "./dist/prosekit-lit.d.ts"
       ],
-      "elements/menu": [
-        "./dist/prosekit-lit-elements-menu.d.ts"
+      "autocomplete-empty": [
+        "./dist/prosekit-lit-autocomplete-empty.d.ts"
+      ],
+      "autocomplete-item": [
+        "./dist/prosekit-lit-autocomplete-item.d.ts"
+      ],
+      "autocomplete-list": [
+        "./dist/prosekit-lit-autocomplete-list.d.ts"
+      ],
+      "autocomplete-popover": [
+        "./dist/prosekit-lit-autocomplete-popover.d.ts"
+      ],
+      "combo-box": [
+        "./dist/prosekit-lit-combo-box.d.ts"
+      ],
+      "combo-box-input": [
+        "./dist/prosekit-lit-combo-box-input.d.ts"
+      ],
+      "combo-box-item": [
+        "./dist/prosekit-lit-combo-box-item.d.ts"
       ],
-      "elements/menu-item": [
-        "./dist/prosekit-lit-elements-menu-item.d.ts"
+      "combo-box-list": [
+        "./dist/prosekit-lit-combo-box-list.d.ts"
       ],
-      "elements/popover": [
-        "./dist/prosekit-lit-elements-popover.d.ts"
+      "inline-popover": [
+        "./dist/prosekit-lit-inline-popover.d.ts"
       ],
-      "elements/popover-suggestion": [
-        "./dist/prosekit-lit-elements-popover-suggestion.d.ts"
+      "popover": [
+        "./dist/prosekit-lit-popover.d.ts"
       ]
     }
   }

package/src/index.ts

@@ -1,5 +1 @@
-/**
- * @module @prosekit/lit
- */
-
 export {}

package/dist/chunk-WHIPWT4H.js

@@ -1,122 +0,0 @@
-import {
-  __decorateClass,
-  blockComponentStyles
-} from "./chunk-6FOWUXQ2.js";
-
-// src/elements/popover/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";
-
-// src/utils/round-by-dpr.ts
-function roundByDPR(value) {
-  const dpr = window.devicePixelRatio || 1;
-  return Math.round(value * dpr) / dpr;
-}
-
-// src/elements/popover/popover.ts
-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);
-
-export {
-  Popover
-};

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

@@ -1,14 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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,37 +0,0 @@
-import {
-  __decorateClass,
-  blockComponentStyles
-} from "./chunk-6FOWUXQ2.js";
-
-// src/elements/menu-item.ts
-import { LitElement, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-var MenuItem = class extends LitElement {
-  /** @hidden */
-  constructor() {
-    super();
-    this.focused = false;
-    this.hidden = false;
-  }
-  /** @hidden */
-  render() {
-    return html`<div role="menuitem"><slot></slot></div>`;
-  }
-};
-/** @hidden */
-MenuItem.styles = blockComponentStyles;
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "data-focused" })
-], MenuItem.prototype, "focused", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "data-hidden" })
-], MenuItem.prototype, "hidden", 2);
-__decorateClass([
-  property({ attribute: false })
-], MenuItem.prototype, "onSelect", 2);
-MenuItem = __decorateClass([
-  customElement("prosekit-menu-item")
-], MenuItem);
-export {
-  MenuItem
-};

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

@@ -1,50 +0,0 @@
-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,169 +0,0 @@
-import {
-  __decorateClass,
-  blockComponentStyles
-} from "./chunk-6FOWUXQ2.js";
-
-// src/elements/menu.ts
-import { ProseKitError, addKeymap } from "@prosekit/core";
-import { LitElement, html } from "lit";
-import { customElement, property, query, state } from "lit/decorators.js";
-
-// src/utils/is-menu-item.ts
-function isMenuItem(element) {
-  var _a, _b;
-  return ((_a = element == null ? void 0 : element.tagName) == null ? void 0 : _a.toLowerCase()) === "prosekit-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes(
-    (_b = element == null ? void 0 : element.getAttribute("role")) != null ? _b : ""
-  );
-}
-
-// src/utils/visibility.ts
-function isVisibleElement(element) {
-  return !element.hidden;
-}
-
-// src/elements/menu.ts
-var Menu = class extends LitElement {
-  /** @hidden */
-  constructor() {
-    super();
-    /** @hidden */
-    this.cleanup = [];
-  }
-  /** @hidden */
-  firstUpdated() {
-    if (!this.editor) {
-      throw new ProseKitError("Property editor is required");
-    }
-    const extension = addKeymap({
-      ArrowUp: () => this.handleArrowUp(),
-      ArrowDown: () => this.handleArrowDown(),
-      Escape: () => this.handleEscape(),
-      Enter: () => this.handleEnter()
-    });
-    this.cleanup.push(this.editor.use(extension));
-  }
-  updated(_changedProperties) {
-    this.ensureFocusedItem();
-  }
-  /** @hidden */
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.cleanup.forEach((fn) => fn());
-  }
-  ensureFocusedItem() {
-    const items = this.queryVisibleMenuItems();
-    if (this.focusedItem && items.includes(this.focusedItem)) {
-      return;
-    }
-    this.focusItem(items[0]);
-  }
-  /** @hidden */
-  handleArrowUp() {
-    const items = this.queryVisibleMenuItems();
-    let prevIndex = this.focusedItem ? items.indexOf(this.focusedItem) : 0;
-    if (prevIndex === -1) {
-      prevIndex = 0;
-    }
-    const nextIndex = (prevIndex + items.length - 1) % items.length;
-    this.focusItem(items[nextIndex]);
-    return true;
-  }
-  /** @hidden */
-  handleArrowDown() {
-    const items = this.queryVisibleMenuItems();
-    const prevIndex = this.focusedItem ? items.indexOf(this.focusedItem) : -1;
-    const nextIndex = (prevIndex + items.length + 1) % items.length;
-    this.focusItem(items[nextIndex]);
-    return true;
-  }
-  /** @hidden */
-  handleEscape() {
-    const event = new CustomEvent("menu-dismiss", {
-      bubbles: true,
-      composed: false
-    });
-    this.dispatchEvent(event);
-    this.blurItem();
-    return true;
-  }
-  /** @hidden */
-  handleMouseOver(event) {
-    const target = event.target;
-    if (isMenuItem(target) && isVisibleElement(target)) {
-      this.focusItem(target);
-    }
-    return true;
-  }
-  /** @hidden */
-  handleEnter() {
-    if (this.focusedItem) {
-      this.handleSelect(this.focusedItem);
-      return true;
-    }
-    return false;
-  }
-  /** @hidden */
-  handleClick(event) {
-    const target = event.target;
-    if (isMenuItem(target) && isVisibleElement(target)) {
-      this.handleSelect(target);
-    }
-  }
-  /** @hidden */
-  handleSelect(menuItem) {
-    var _a;
-    (_a = menuItem.onSelect) == null ? void 0 : _a.call(menuItem);
-    const event = new CustomEvent("menu-select", {
-      bubbles: true,
-      composed: false
-    });
-    this.dispatchEvent(event);
-    this.blurItem();
-  }
-  /** @hidden */
-  focusItem(item) {
-    this.blurItem();
-    if (!item) {
-      return;
-    }
-    item.focused = true;
-    this.focusedItem = item;
-  }
-  /** @hidden */
-  blurItem() {
-    if (this.focusedItem) {
-      this.focusedItem.focused = false;
-      this.focusedItem = void 0;
-    }
-  }
-  /** @hidden */
-  queryAllMenuItems() {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = this.defaultSlot) == null ? void 0 : _a.assignedElements({ flatten: true })) == null ? void 0 : _b.filter(isMenuItem)) != null ? _c : [];
-  }
-  /** @hidden */
-  queryVisibleMenuItems() {
-    return this.queryAllMenuItems().filter(isVisibleElement);
-  }
-  /** @hidden */
-  render() {
-    return html`<div role="menu" @mouseover="${this.handleMouseOver.bind(this)}" @click="${this.handleClick.bind(this)}"><slot></slot></div>`;
-  }
-};
-/** @hidden */
-Menu.styles = blockComponentStyles;
-__decorateClass([
-  property({ attribute: false })
-], Menu.prototype, "editor", 2);
-__decorateClass([
-  state()
-], Menu.prototype, "focusedItem", 2);
-__decorateClass([
-  query("slot")
-], Menu.prototype, "defaultSlot", 2);
-Menu = __decorateClass([
-  customElement("prosekit-menu")
-], Menu);
-export {
-  Menu
-};

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

@@ -1,59 +0,0 @@
-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 };