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

package/dist/chunk-XBNMYITV.js

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

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

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

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

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

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

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

@@ -1,4 +0,0 @@
-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';

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

@@ -1,252 +0,0 @@
-import {
-  commandPopoverContext
-} from "./chunk-XBNMYITV.js";
-import "./chunk-GWGDLLFN.js";
-import "./chunk-6P3YKUWI.js";
-import {
-  Popover
-} from "./chunk-7WLKD2U6.js";
-import "./chunk-PCXKL6TA.js";
-import {
-  __decorateClass
-} from "./chunk-O5JP3B34.js";
-
-// src/components/autocomplete-popover/index.ts
-import { provide } from "@lit/context";
-import "@prosekit/core";
-import { customElement, property, state } from "lit/decorators.js";
-
-// src/components/autocomplete-list/helpers.ts
-function isAutocompleteList(element) {
-  var _a;
-  return ((_a = element == null ? void 0 : element.tagName) == null ? void 0 : _a.toLowerCase()) === "prosekit-autocomplete-list";
-}
-
-// src/components/autocomplete-popover/controller.ts
-import "@prosekit/core";
-import {
-  AutocompleteRule,
-  defineAutocomplete
-} from "@prosekit/extensions/autocomplete";
-import "lit";
-
-// src/components/autocomplete-popover/helpers.ts
-function defaultQueryBuilder(match) {
-  return match[0].toLowerCase().replace(/[!"#$%&'()*+,-./:;<=>?@[\\\]^_`{|}~]/g, "").replace(/\s\s+/g, " ").trim();
-}
-
-// src/components/autocomplete-popover/controller.ts
-var AutocompletePopoverController = class {
-  constructor(host, onChange) {
-    this.host = host;
-    this.onChange = onChange;
-    this.reference = null;
-    this.editor = null;
-    this.regex = null;
-    this.cleanup = null;
-    this.handleDismiss = null;
-    this.handleSubmit = null;
-    this.host.addController(this);
-  }
-  setEditor(editor) {
-    if (this.editor !== editor) {
-      this.editor = editor;
-      this.defineExtension();
-      this.host.requestUpdate();
-    }
-  }
-  setRegex(regex) {
-    if (this.regex !== regex) {
-      this.regex = regex;
-      this.defineExtension();
-      this.host.requestUpdate();
-    }
-  }
-  defineExtension() {
-    var _a;
-    const regex = this.regex;
-    const editor = this.editor;
-    if (!regex || !editor) {
-      return;
-    }
-    (_a = this.cleanup) == null ? void 0 : _a.call(this);
-    this.cleanup = null;
-    const handleEnter = (options) => {
-      const span = editor.view.dom.querySelector(
-        ".prosemirror-prediction-match"
-      );
-      if (span) {
-        this.reference = span;
-      }
-      const query = defaultQueryBuilder(options.match);
-      this.onChange(query != null ? query : "", !!this.reference);
-      this.handleDismiss = options.ignoreMatch;
-      this.handleSubmit = options.deleteMatch;
-    };
-    const handleLeave = () => {
-      this.reference = null;
-      this.host.requestUpdate();
-      this.onChange("", false);
-      this.handleDismiss = null;
-      this.handleSubmit = null;
-    };
-    const rule = new AutocompleteRule({
-      regex,
-      onEnter: handleEnter,
-      onLeave: handleLeave
-    });
-    const extension = defineAutocomplete(rule);
-    this.cleanup = editor.use(extension);
-  }
-  hostDisconnected() {
-    var _a;
-    (_a = this.cleanup) == null ? void 0 : _a.call(this);
-    this.cleanup = null;
-  }
-};
-
-// src/components/autocomplete-popover/default-popover-options.ts
-import {
-  flip,
-  inline,
-  offset,
-  shift,
-  size
-} from "@floating-ui/dom";
-var defaultDetectOverflowOptions = {
-  // Make sure the popover is always at least 8px away from the boundary
-  padding: 8
-};
-var defaultPopoverOptions = {
-  // The main axis is the y axis, and we place the popover at the bottom of the
-  // reference element.
-  //
-  // The cross axis is the x axis, and we place the popover at the start of the
-  // reference element. The reference element and the popover are left-aligned.
-  placement: "bottom-start",
-  middleware: [
-    // Use the text caret as the reference point
-    inline(),
-    offset(() => ({
-      // Move down the popover by 4px
-      mainAxis: 4
-    })),
-    // Flip the popover to the top if it's overflowing the viewport
-    //
-    // When `flipAlignment` is true, which is the default, ensure `flip() `is
-    // placed before `shift()` in your middleware array.
-    //
-    // https://floating-ui.com/docs/flip#flipalignment
-    flip({
-      // Flip the popover to the top if necessary.
-      mainAxis: true,
-      // We don't want to flip the popover to the left or right, since `shift()`
-      // will handle this.
-      crossAxis: false,
-      ...defaultDetectOverflowOptions
-    }),
-    // We need to place `shift()` after `flip()`. See https://floating-ui.com/docs/flip#flipalignment
-    shift({
-      ...defaultDetectOverflowOptions
-    }),
-    size({
-      apply: ({ availableWidth, availableHeight, elements }) => {
-        elements.floating.style.setProperty(
-          "max-width",
-          `${Math.floor(availableWidth)}px`
-        );
-        elements.floating.style.setProperty(
-          "max-height",
-          `${Math.floor(availableHeight)}px`
-        );
-      },
-      ...defaultDetectOverflowOptions
-    })
-  ]
-};
-
-// src/components/autocomplete-popover/index.ts
-var propNames = ["editor", "regex", "popoverOptions"];
-var AutocompletePopover = class extends Popover {
-  constructor() {
-    super(...arguments);
-    /** @hidden */
-    this.controller = new AutocompletePopoverController(
-      this,
-      this.updateContext.bind(this)
-    );
-    this.popoverOptions = defaultPopoverOptions;
-    this.context = {
-      active: false,
-      query: "",
-      handleDismiss: () => {
-        var _a, _b;
-        return (_b = (_a = this.controller).handleDismiss) == null ? void 0 : _b.call(_a);
-      },
-      handleSubmit: () => {
-        var _a, _b;
-        return (_b = (_a = this.controller).handleSubmit) == null ? void 0 : _b.call(_a);
-      }
-    };
-  }
-  get list() {
-    const element = this.querySelector("prosekit-autocomplete-list");
-    return isAutocompleteList(element) ? element : null;
-  }
-  updateContext(query, active) {
-    if (this.context.query === query && this.context.active === active) {
-      return;
-    }
-    this.context = { ...this.context, query, active };
-    requestAnimationFrame(() => {
-      var _a;
-      (_a = this.list) == null ? void 0 : _a.selectFirstItem();
-    });
-  }
-  /** @hidden */
-  willUpdate(changedProperties) {
-    var _a, _b;
-    super.willUpdate(changedProperties);
-    if (this.editor) {
-      this.controller.setEditor(this.editor);
-    }
-    if (this.regex) {
-      this.controller.setRegex(this.regex);
-    }
-    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 = null;
-      this.reference = void 0;
-    }
-  }
-};
-__decorateClass([
-  property({ attribute: false })
-], AutocompletePopover.prototype, "editor", 2);
-__decorateClass([
-  property({ attribute: false })
-], AutocompletePopover.prototype, "regex", 2);
-__decorateClass([
-  property({ attribute: false })
-], AutocompletePopover.prototype, "popoverOptions", 2);
-__decorateClass([
-  provide({ context: commandPopoverContext }),
-  state()
-], AutocompletePopover.prototype, "context", 2);
-__decorateClass([
-  property({ attribute: false })
-], AutocompletePopover.prototype, "onSelect", 2);
-AutocompletePopover = __decorateClass([
-  customElement("prosekit-autocomplete-popover")
-], AutocompletePopover);
-export {
-  AutocompletePopover,
-  propNames
-};

package/dist/prosekit-lit-combo-box-input.d.ts

@@ -1,3 +0,0 @@
-export { propNames_alias_7 as propNames } from './_tsup-dts-rollup';
-export { ComboBoxInputProps } from './_tsup-dts-rollup';
-export { ComboBoxInput } from './_tsup-dts-rollup';

package/dist/prosekit-lit-combo-box-input.js

@@ -1,72 +0,0 @@
-import {
-  comboBoxContext
-} from "./chunk-C4MW43I4.js";
-import {
-  LightElement,
-  __decorateClass
-} from "./chunk-O5JP3B34.js";
-
-// src/components/combo-box-input/index.ts
-import { consume } from "@lit/context";
-import { html } from "lit";
-import { customElement, property, state } from "lit/decorators.js";
-var propNames = ["placeholder"];
-var ComboBoxInput = class extends LightElement {
-  constructor() {
-    super(...arguments);
-    this.placeholder = "";
-    this.comboBoxContext = null;
-    this.visible = false;
-  }
-  handleKeydown(event) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    if (event.code === "ArrowUp") {
-      (_b = (_a = this.comboBoxContext) == null ? void 0 : _a.listManager) == null ? void 0 : _b.handleArrowUp();
-    } else if (event.code === "ArrowDown") {
-      (_d = (_c = this.comboBoxContext) == null ? void 0 : _c.listManager) == null ? void 0 : _d.handleArrowDown();
-    } else if (event.code === "Escape") {
-      (_f = (_e = this.comboBoxContext) == null ? void 0 : _e.listManager) == null ? void 0 : _f.handleEscape();
-    } else if (event.code === "Enter") {
-      (_h = (_g = this.comboBoxContext) == null ? void 0 : _g.listManager) == null ? void 0 : _h.handleEnter();
-    }
-  }
-  handleInput(event) {
-    var _a, _b, _c;
-    const value = (_b = (_a = event == null ? void 0 : event.target) == null ? void 0 : _a.value) != null ? _b : "";
-    (_c = this.comboBoxContext) == null ? void 0 : _c.setInputValue(value);
-  }
-  firstUpdated() {
-    const resizeObserver = new ResizeObserver((entries) => {
-      const visible = entries.some(
-        (entry) => entry.contentRect.width > 0 && entry.contentRect.width > 0
-      );
-      if (this.visible !== visible && visible) {
-        setTimeout(() => {
-          var _a;
-          return (_a = this.querySelector("input")) == null ? void 0 : _a.focus();
-        }, 0);
-      }
-      this.visible = visible;
-    });
-    resizeObserver.observe(this);
-  }
-  /** @hidden */
-  render() {
-    var _a, _b;
-    return html`<input placeholder="${this.placeholder}" @keydown="${(event) => this.handleKeydown(event)}" @input="${(event) => this.handleInput(event)}" value="${(_b = (_a = this.comboBoxContext) == null ? void 0 : _a.inputValue) != null ? _b : ""}">`;
-  }
-};
-__decorateClass([
-  property({ attribute: true })
-], ComboBoxInput.prototype, "placeholder", 2);
-__decorateClass([
-  consume({ context: comboBoxContext, subscribe: true }),
-  state()
-], ComboBoxInput.prototype, "comboBoxContext", 2);
-ComboBoxInput = __decorateClass([
-  customElement("prosekit-combo-box-input")
-], ComboBoxInput);
-export {
-  ComboBoxInput,
-  propNames
-};

package/dist/prosekit-lit-combo-box-item.d.ts

@@ -1,3 +0,0 @@
-export { ComboBoxItem_alias_1 as ComboBoxItem } from './_tsup-dts-rollup';
-export { ComboBoxItemProps_alias_1 as ComboBoxItemProps } from './_tsup-dts-rollup';
-export { propNames_alias_9 as propNames } from './_tsup-dts-rollup';

package/dist/prosekit-lit-combo-box-item.js

@@ -1,10 +0,0 @@
-import {
-  ComboBoxItem,
-  propNames
-} from "./chunk-55G7TJI3.js";
-import "./chunk-C4MW43I4.js";
-import "./chunk-O5JP3B34.js";
-export {
-  ComboBoxItem,
-  propNames
-};

package/dist/prosekit-lit-combo-box-list.d.ts

@@ -1,3 +0,0 @@
-export { ComboBoxList_alias_1 as ComboBoxList } from './_tsup-dts-rollup';
-export { ComboBoxListProps_alias_1 as ComboBoxListProps } from './_tsup-dts-rollup';
-export { propNames_alias_11 as propNames } from './_tsup-dts-rollup';

package/dist/prosekit-lit-combo-box-list.js

@@ -1,48 +0,0 @@
-import {
-  comboBoxContext
-} from "./chunk-C4MW43I4.js";
-import {
-  LightElement,
-  __decorateClass
-} from "./chunk-O5JP3B34.js";
-
-// src/components/combo-box-list/component.ts
-import { consume } from "@lit/context";
-import { customElement, state } from "lit/decorators.js";
-var propNames = [];
-var ComboBoxList = class extends LightElement {
-  constructor() {
-    super(...arguments);
-    this.comboBoxContext = null;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.addEventListener("mousemove", (event) => {
-      var _a;
-      (_a = this.comboBoxContext) == null ? void 0 : _a.listManager.handleMouseMove(event);
-    });
-    this.addEventListener("mouseover", (event) => {
-      var _a;
-      (_a = this.comboBoxContext) == null ? void 0 : _a.listManager.handleMouseOver(event);
-    });
-    this.addEventListener("mousedown", (event) => {
-      var _a;
-      (_a = this.comboBoxContext) == null ? void 0 : _a.listManager.handleMouseDown(event);
-    });
-    this.addEventListener("click", (event) => {
-      var _a;
-      (_a = this.comboBoxContext) == null ? void 0 : _a.listManager.handleClick(event);
-    });
-  }
-};
-__decorateClass([
-  consume({ context: comboBoxContext, subscribe: true }),
-  state()
-], ComboBoxList.prototype, "comboBoxContext", 2);
-ComboBoxList = __decorateClass([
-  customElement("prosekit-combo-box-list")
-], ComboBoxList);
-export {
-  ComboBoxList,
-  propNames
-};

package/dist/prosekit-lit-combo-box.d.ts

@@ -1,3 +0,0 @@
-export { propNames_alias_6 as propNames } from './_tsup-dts-rollup';
-export { ComboBoxProps } from './_tsup-dts-rollup';
-export { ComboBox } from './_tsup-dts-rollup';