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

package/dist/chunk-GWGDLLFN.js

@@ -0,0 +1,61 @@
+import {
+  commandListContext
+} from "./chunk-6P3YKUWI.js";
+import {
+  LightElement,
+  __decorateClass
+} from "./chunk-O5JP3B34.js";
+
+// src/components/autocomplete-item/component.ts
+import { consume } from "@lit/context";
+import "lit";
+import { customElement, property, state } from "lit/decorators.js";
+var propNames = ["value", "onSelect"];
+var AutocompleteItem = class extends LightElement {
+  constructor() {
+    super(...arguments);
+    this.value = "";
+    this.selected = false;
+  }
+  get content() {
+    const text = this.value || this.textContent || "";
+    return text.trim().toLowerCase();
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.role = "option";
+  }
+  willUpdate() {
+    var _a, _b;
+    const content = this.content;
+    this.selected = content === ((_a = this.listContext) == null ? void 0 : _a.selectedValue);
+    const score = ((_b = this.listContext) == null ? void 0 : _b.scores.get(content)) || 0;
+    this.setHidden(score <= 0);
+  }
+  updated(changedProperties) {
+    if (this.selected && changedProperties.has("selected") && !changedProperties.get("selected")) {
+      this.scrollIntoView({ block: "nearest" });
+    }
+  }
+};
+__decorateClass([
+  property({ type: String, reflect: true, attribute: "data-value" })
+], AutocompleteItem.prototype, "value", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true, attribute: "data-selected" })
+], AutocompleteItem.prototype, "selected", 2);
+__decorateClass([
+  property({ attribute: false })
+], AutocompleteItem.prototype, "onSelect", 2);
+__decorateClass([
+  consume({ context: commandListContext, subscribe: true }),
+  state({})
+], AutocompleteItem.prototype, "listContext", 2);
+AutocompleteItem = __decorateClass([
+  customElement("prosekit-autocomplete-item")
+], AutocompleteItem);
+
+export {
+  propNames,
+  AutocompleteItem
+};

package/dist/{chunk-43BFWKM2.js → chunk-O5JP3B34.js}

@@ -10,17 +10,22 @@ 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}`;
+// src/components/block-element/index.ts
+import { LitElement } from "lit";
+var LightElement = class extends LitElement {
+  createRenderRoot() {
+    return this;
+  }
+  setHidden(hidden) {
+    if (this.hidden !== hidden) {
+      this.hidden = hidden;
+      const display = this.style.display;
+      this.style.display = hidden ? "none" : display === "none" ? "" : display;
+    }
+  }
+};
 
 export {
   __decorateClass,
-  blockComponentStyles
+  LightElement
 };

package/dist/chunk-PCXKL6TA.js

@@ -0,0 +1,109 @@
+// src/manager/list-manager.ts
+var ListManager = class {
+  constructor(options) {
+    this.lastMouseMoveTime = 0;
+    this.getItems = options.getItems;
+    this.getSelectedValue = options.getSelectedValue;
+    this.setSelectedValue = options.setSelectedValue;
+    this.getItemValue = options.getItemValue;
+    this.queryClosestItem = options.queryClosestItem;
+    this.getActive = options.getActive;
+    this.onDismiss = options.onDismiss;
+    this.onSelect = options.onSelect;
+  }
+  get items() {
+    return this.getItems();
+  }
+  get availableItems() {
+    var _a, _b;
+    return (_b = (_a = this.items) == null ? void 0 : _a.filter((item) => !item.hidden)) != null ? _b : [];
+  }
+  get firstItem() {
+    var _a;
+    return (_a = this.availableItems[0]) != null ? _a : null;
+  }
+  get selectedItem() {
+    var _a;
+    return (_a = this.availableItems.find(
+      (item) => this.getItemValue(item) === this.getSelectedValue()
+    )) != null ? _a : null;
+  }
+  updateSelectedByChange(change) {
+    const items = this.availableItems;
+    if (items.length === 0) {
+      return;
+    }
+    const selectedItem = this.selectedItem;
+    const selectedIndex = selectedItem ? items.indexOf(selectedItem) : -1;
+    let nextIndex = selectedIndex + change;
+    if (nextIndex < 0) {
+      nextIndex = 0;
+    } else if (nextIndex >= items.length) {
+      nextIndex = items.length - 1;
+    }
+    if (selectedIndex !== nextIndex) {
+      this.setSelectedValue(this.getItemValue(items[nextIndex]));
+    }
+  }
+  handleSelect(item) {
+    this.setSelectedValue(this.getItemValue(item));
+  }
+  selectFirstItem() {
+    const item = this.firstItem;
+    const value = item ? this.getItemValue(item) : "";
+    this.setSelectedValue(value);
+  }
+  handleMouseMove(_event) {
+    this.lastMouseMoveTime = Date.now();
+  }
+  handleMouseOver(event) {
+    if (this.lastMouseMoveTime + 500 < Date.now()) {
+      return;
+    }
+    const target = event.target;
+    const item = target && this.queryClosestItem(target);
+    if (item) {
+      this.setSelectedValue(this.getItemValue(item));
+    }
+  }
+  handleMouseDown(event) {
+    event.preventDefault();
+  }
+  handleClick(event) {
+    event.preventDefault();
+    const target = event.target;
+    const item = target && this.queryClosestItem(target);
+    if (item) {
+      this.handleSelect(item);
+      this.onSelect(item);
+    }
+  }
+  handleArrowUp() {
+    if (!this.getActive())
+      return false;
+    this.updateSelectedByChange(-1);
+    return true;
+  }
+  handleArrowDown() {
+    if (!this.getActive())
+      return false;
+    this.updateSelectedByChange(1);
+    return true;
+  }
+  handleEscape() {
+    if (!this.getActive())
+      return false;
+    this.onDismiss();
+    return true;
+  }
+  handleEnter() {
+    if (!this.getActive())
+      return false;
+    this.onSelect(this.selectedItem);
+    return true;
+  }
+};
+
+export {
+  ListManager
+};

package/dist/chunk-XBNMYITV.js

@@ -0,0 +1,191 @@
+import {
+  commandListContext
+} from "./chunk-6P3YKUWI.js";
+import {
+  ListManager
+} from "./chunk-PCXKL6TA.js";
+import {
+  LightElement,
+  __decorateClass
+} from "./chunk-O5JP3B34.js";
+
+// src/components/autocomplete-popover/context.ts
+import { createContext } from "@lit/context";
+var commandPopoverContext = createContext(
+  "prosekit-autocomplete-popover-context"
+);
+
+// src/components/autocomplete-list/component.ts
+import { consume, provide } from "@lit/context";
+import "@prosekit/core";
+import "lit";
+import { customElement, property, state } from "lit/decorators.js";
+
+// src/utils/command-score.ts
+import commandScoreModule from "@superhuman/command-score";
+var commandScore = commandScoreModule;
+
+// src/components/autocomplete-item/helpers.ts
+function isAutocompleteItem(element) {
+  var _a;
+  return ((_a = element == null ? void 0 : element.tagName) == null ? void 0 : _a.toLowerCase()) === "prosekit-autocomplete-item";
+}
+function queryClosestAutocompleteItem(element) {
+  if (!element) {
+    return null;
+  }
+  if (isAutocompleteItem(element)) {
+    return element;
+  }
+  const item = element.closest("prosekit-autocomplete-item");
+  if (isAutocompleteItem(item)) {
+    return item;
+  }
+  return null;
+}
+
+// src/components/autocomplete-list/controller.ts
+import {
+  defineKeymap,
+  withPriority,
+  Priority
+} from "@prosekit/core";
+import "lit";
+var AutocompleteListController = class {
+  constructor(host, keymap) {
+    this.host = host;
+    this.keymap = keymap;
+    this.editor = null;
+    this.cleanup = null;
+    this.host.addController(this);
+  }
+  setEditor(editor) {
+    if (this.editor !== editor) {
+      this.editor = editor;
+      this.defineExtension();
+    }
+  }
+  hostDisconnected() {
+    var _a;
+    (_a = this.cleanup) == null ? void 0 : _a.call(this);
+    this.cleanup = null;
+  }
+  defineExtension() {
+    var _a;
+    (_a = this.cleanup) == null ? void 0 : _a.call(this);
+    this.cleanup = null;
+    if (!this.editor || !this.keymap) {
+      return;
+    }
+    const extension = withPriority(defineKeymap(this.keymap), Priority.highest);
+    this.cleanup = this.editor.use(extension);
+  }
+};
+
+// src/components/autocomplete-list/component.ts
+var propNames = ["editor"];
+var AutocompleteList = class extends LightElement {
+  constructor() {
+    super(...arguments);
+    /** @hidden */
+    this.listManager = new ListManager({
+      getItems: () => this.items,
+      getSelectedValue: () => this.context.selectedValue,
+      setSelectedValue: (value) => this.updateValue(value),
+      getItemValue: (item) => item.content,
+      queryClosestItem: queryClosestAutocompleteItem,
+      getActive: () => this.active,
+      onDismiss: () => {
+        var _a, _b;
+        return (_b = (_a = this.popoverContext) == null ? void 0 : _a.handleDismiss) == null ? void 0 : _b.call(_a);
+      },
+      onSelect: (item) => {
+        var _a, _b, _c;
+        (_b = (_a = this.popoverContext) == null ? void 0 : _a.handleSubmit) == null ? void 0 : _b.call(_a);
+        (_c = item == null ? void 0 : item.onSelect) == null ? void 0 : _c.call(item);
+      }
+    });
+    /** @hidden */
+    this.controller = new AutocompleteListController(this, {
+      ArrowUp: () => this.listManager.handleArrowUp(),
+      ArrowDown: () => this.listManager.handleArrowDown(),
+      Escape: () => this.listManager.handleEscape(),
+      Enter: () => this.listManager.handleEnter()
+    });
+    this.popoverContext = null;
+    this.context = {
+      scores: /* @__PURE__ */ new Map(),
+      selectedValue: ""
+    };
+  }
+  get active() {
+    var _a, _b;
+    return (_b = (_a = this.popoverContext) == null ? void 0 : _a.active) != null ? _b : false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.listManager.selectFirstItem();
+    this.addEventListener("mousemove", (event) => {
+      this.listManager.handleMouseMove(event);
+    });
+    this.addEventListener("mouseover", (event) => {
+      this.listManager.handleMouseOver(event);
+    });
+    this.addEventListener("mousedown", (event) => {
+      this.listManager.handleMouseDown(event);
+    });
+    this.addEventListener("click", (event) => {
+      this.listManager.handleClick(event);
+    });
+  }
+  get items() {
+    return Array.from(
+      this.querySelectorAll("prosekit-autocomplete-item")
+    ).filter(isAutocompleteItem);
+  }
+  selectFirstItem() {
+    this.listManager.selectFirstItem();
+  }
+  updateValue(selectedValue) {
+    if (this.context.selectedValue === selectedValue) {
+      return;
+    }
+    this.context = { ...this.context, selectedValue };
+  }
+  /** @hidden */
+  willUpdate(changedProperties) {
+    var _a, _b;
+    if (changedProperties.has("editor") && this.editor) {
+      this.controller.setEditor(this.editor);
+    }
+    const query = (_b = (_a = this.popoverContext) == null ? void 0 : _a.query) != null ? _b : "";
+    const scores = new Map(
+      this.items.map((item) => {
+        const content = item.content;
+        const score = commandScore(content, query);
+        return [content, score];
+      })
+    );
+    this.context = { ...this.context, scores };
+  }
+};
+__decorateClass([
+  property({ attribute: false })
+], AutocompleteList.prototype, "editor", 2);
+__decorateClass([
+  consume({ context: commandPopoverContext, subscribe: true }),
+  state()
+], AutocompleteList.prototype, "popoverContext", 2);
+__decorateClass([
+  provide({ context: commandListContext }),
+  state()
+], AutocompleteList.prototype, "context", 2);
+AutocompleteList = __decorateClass([
+  customElement("prosekit-autocomplete-list")
+], AutocompleteList);
+
+export {
+  commandPopoverContext,
+  propNames,
+  AutocompleteList
+};

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

@@ -0,0 +1,3 @@
+export { propNames } from './_tsup-dts-rollup';
+export { AutocompleteEmptyProps } from './_tsup-dts-rollup';
+export { AutocompleteEmpty } from './_tsup-dts-rollup';

package/dist/prosekit-lit-autocomplete-empty.js

@@ -0,0 +1,44 @@
+import {
+  commandListContext
+} from "./chunk-6P3YKUWI.js";
+import {
+  LightElement,
+  __decorateClass
+} from "./chunk-O5JP3B34.js";
+
+// src/components/autocomplete-empty/index.ts
+import { consume } from "@lit/context";
+import "lit";
+import { customElement, state } from "lit/decorators.js";
+var propNames = [];
+var AutocompleteEmpty = class extends LightElement {
+  connectedCallback() {
+    super.connectedCallback();
+    this.role = "option";
+  }
+  willUpdate(_changedProperties) {
+    var _a;
+    const scores = (_a = this.listContext) == null ? void 0 : _a.scores;
+    let hasMatch = false;
+    if (scores) {
+      for (const score of scores.values()) {
+        if (score > 0) {
+          hasMatch = true;
+          break;
+        }
+      }
+    }
+    this.setHidden(hasMatch);
+  }
+};
+__decorateClass([
+  consume({ context: commandListContext, subscribe: true }),
+  state()
+], AutocompleteEmpty.prototype, "listContext", 2);
+AutocompleteEmpty = __decorateClass([
+  customElement("prosekit-autocomplete-empty")
+], AutocompleteEmpty);
+export {
+  AutocompleteEmpty,
+  propNames
+};

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

@@ -0,0 +1,3 @@
+export { AutocompleteItemProps_alias_1 as AutocompleteItemProps } from './_tsup-dts-rollup';
+export { AutocompleteItem_alias_1 as AutocompleteItem } from './_tsup-dts-rollup';
+export { propNames_alias_2 as propNames } from './_tsup-dts-rollup';

package/dist/prosekit-lit-autocomplete-item.js

@@ -0,0 +1,10 @@
+import {
+  AutocompleteItem,
+  propNames
+} from "./chunk-GWGDLLFN.js";
+import "./chunk-6P3YKUWI.js";
+import "./chunk-O5JP3B34.js";
+export {
+  AutocompleteItem,
+  propNames
+};

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

@@ -0,0 +1,3 @@
+export { AutocompleteList_alias_1 as AutocompleteList } from './_tsup-dts-rollup';
+export { AutocompleteListProps_alias_1 as AutocompleteListProps } from './_tsup-dts-rollup';
+export { propNames_alias_4 as propNames } from './_tsup-dts-rollup';

package/dist/prosekit-lit-autocomplete-list.js

@@ -0,0 +1,12 @@
+import {
+  AutocompleteList,
+  propNames
+} from "./chunk-XBNMYITV.js";
+import "./chunk-GWGDLLFN.js";
+import "./chunk-6P3YKUWI.js";
+import "./chunk-PCXKL6TA.js";
+import "./chunk-O5JP3B34.js";
+export {
+  AutocompleteList,
+  propNames
+};

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

@@ -0,0 +1,4 @@
+export { PopoverOptions } from './_tsup-dts-rollup';
+export { propNames_alias_5 as propNames } from './_tsup-dts-rollup';
+export { AutocompletePopoverProps } from './_tsup-dts-rollup';
+export { AutocompletePopover } from './_tsup-dts-rollup';