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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/lit",
   "type": "module",
-  "version": "0.0.0-next-20230709090937",
+  "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-20230709090937",
-    "@prosekit/extensions": "0.0.0-next-20230709090937",
-    "@prosekit/pm": "0.0.0-next-20230709090937",
-    "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-6FOWUXQ2.js

@@ -1,26 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
-  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,
-  blockComponentStyles
-};

package/dist/chunk-7C2I5DWH.js

@@ -1,122 +0,0 @@
-import {
-  __decorateClass,
-  blockComponentStyles
-} from "./chunk-43BFWKM2.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/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 };