@prosekit/lit 0.2.8 → 0.3.0

package/dist/chunk-S72UTR5M.js

@@ -1,9 +0,0 @@
-// src/components/block-popover/context.ts
-import { createContext } from "@lit/context";
-var blockPopoverContext = createContext(
-  "prosekit-block-popover-context"
-);
-
-export {
-  blockPopoverContext
-};

package/dist/chunk-UIHDPY7W.js

@@ -1,30 +0,0 @@
-// src/components/block-element/index.ts
-import { LitElement } from "lit";
-var LightElement = class extends LitElement {
-  /**
-   * @hidden
-   */
-  constructor() {
-    super();
-  }
-  /**
-   * @hidden
-   */
-  createRenderRoot() {
-    return this;
-  }
-  /**
-   * @hidden
-   */
-  setHidden(hidden) {
-    if (this.hidden !== hidden) {
-      this.hidden = hidden;
-      const display = this.style.display;
-      this.style.display = hidden ? "none" : display === "none" ? "" : display;
-    }
-  }
-};
-
-export {
-  LightElement
-};

package/dist/chunk-VPUV5WUG.js

@@ -1,62 +0,0 @@
-import {
-  autocompleteListContext
-} from "./chunk-5CI65R73.js";
-import {
-  LightElement
-} from "./chunk-UIHDPY7W.js";
-import {
-  defineCustomElement
-} from "./chunk-LCDA7GFP.js";
-
-// src/components/autocomplete-item/component.ts
-import { ContextConsumer } from "@lit/context";
-import "lit";
-var propNames = ["value", "onSelect"];
-var AutocompleteItem = class extends LightElement {
-  constructor() {
-    super(...arguments);
-    this.listContext = new ContextConsumer(this, {
-      context: autocompleteListContext,
-      subscribe: true
-    });
-    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;
-    const score = ((_a = this.listContext.value) == null ? void 0 : _a.scores.get(content)) || 0;
-    const hidden = score <= 0;
-    this.selected = !hidden && content === ((_b = this.listContext.value) == null ? void 0 : _b.selectedValue);
-    this.setHidden(hidden);
-  }
-  updated(changedProperties) {
-    var _a;
-    this.ariaSelected = String(this.selected);
-    if (this.selected && changedProperties.has("selected") && !changedProperties.get("selected") && ((_a = this.listContext.value) == null ? void 0 : _a.selectedReason) === "keyboard") {
-      this.scrollIntoView({ block: "nearest" });
-    }
-  }
-};
-/**
- * @hidden
- */
-AutocompleteItem.properties = {
-  value: { type: String, reflect: true, attribute: "data-value" },
-  selected: { type: Boolean, reflect: true, attribute: "data-selected" },
-  onSelect: { attribute: false }
-};
-defineCustomElement("prosekit-autocomplete-item", AutocompleteItem);
-
-export {
-  propNames,
-  AutocompleteItem
-};

package/dist/chunk-WEUGKLVB.js

@@ -1,9 +0,0 @@
-// src/components/resizable/context.ts
-import { createContext } from "@lit/context";
-var resizableContext = createContext(
-  "prosekit-resizable-context"
-);
-
-export {
-  resizableContext
-};

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,46 +0,0 @@
-import {
-  autocompleteListContext
-} from "./chunk-5CI65R73.js";
-import {
-  LightElement
-} from "./chunk-UIHDPY7W.js";
-import {
-  defineCustomElement
-} from "./chunk-LCDA7GFP.js";
-
-// src/components/autocomplete-empty/index.ts
-import { ContextConsumer } from "@lit/context";
-import "lit";
-var propNames = [];
-var AutocompleteEmpty = class extends LightElement {
-  constructor() {
-    super(...arguments);
-    this.listContext = new ContextConsumer(this, {
-      context: autocompleteListContext,
-      subscribe: true
-    });
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.role = "option";
-  }
-  willUpdate(_changedProperties) {
-    var _a;
-    const scores = (_a = this.listContext.value) == 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);
-  }
-};
-defineCustomElement("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,11 +0,0 @@
-import {
-  AutocompleteItem,
-  propNames
-} from "./chunk-VPUV5WUG.js";
-import "./chunk-5CI65R73.js";
-import "./chunk-UIHDPY7W.js";
-import "./chunk-LCDA7GFP.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,13 +0,0 @@
-import {
-  AutocompleteList,
-  propNames
-} from "./chunk-BFBBTEVM.js";
-import "./chunk-VPUV5WUG.js";
-import "./chunk-5CI65R73.js";
-import "./chunk-MZAHIYA5.js";
-import "./chunk-UIHDPY7W.js";
-import "./chunk-LCDA7GFP.js";
-export {
-  AutocompleteList,
-  propNames
-};

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

@@ -1,4 +0,0 @@
-export { PositioningOptions } 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,200 +0,0 @@
-import {
-  autocompletePopoverContext
-} from "./chunk-BFBBTEVM.js";
-import "./chunk-VPUV5WUG.js";
-import "./chunk-5CI65R73.js";
-import "./chunk-MZAHIYA5.js";
-import {
-  Popover
-} from "./chunk-FKSZFUL3.js";
-import "./chunk-UIHDPY7W.js";
-import {
-  defineCustomElement
-} from "./chunk-LCDA7GFP.js";
-
-// src/components/autocomplete-popover/index.ts
-import { ContextProvider } from "@lit/context";
-import "@prosekit/core";
-
-// 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/index.ts
-var propNames = ["editor", "regex", "positioning"];
-var AutocompletePopover = class extends Popover {
-  constructor() {
-    super(...arguments);
-    /**
-     * @hidden
-     */
-    this.controller = new AutocompletePopoverController(
-      this,
-      this.updateContext.bind(this)
-    );
-    this.positioning = {
-      strategy: "fixed",
-      placement: "bottom-start",
-      fitViewport: true,
-      flip: false,
-      inline: true
-    };
-    this.context = new ContextProvider(this, {
-      context: autocompletePopoverContext,
-      initialValue: {
-        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) {
-    const context = this.context.value;
-    if (context.query !== query || context.active !== active) {
-      this.context.setValue({ ...context, query, active });
-    } else if (!active) {
-      return;
-    }
-    this.requestUpdate();
-    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.open = !!((_a = this.controller) == null ? void 0 : _a.reference);
-    this.reference = (_b = this.controller.reference) != null ? _b : void 0;
-  }
-  /**
-   * @hidden
-   */
-  hide() {
-    var _a;
-    super.hide();
-    if ((_a = this.controller) == null ? void 0 : _a.reference) {
-      this.controller.reference = null;
-      this.reference = void 0;
-    }
-  }
-};
-/**
- * @hidden
- */
-AutocompletePopover.properties = {
-  ...Popover.properties,
-  editor: { type: Object, reflect: false, attribute: false },
-  regex: { attribute: false },
-  positioning: { type: Object, reflect: false, attribute: false }
-};
-defineCustomElement("prosekit-autocomplete-popover", AutocompletePopover);
-export {
-  AutocompletePopover,
-  propNames
-};

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

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

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

@@ -1,170 +0,0 @@
-import {
-  blockPopoverContext
-} from "./chunk-S72UTR5M.js";
-import {
-  Popover
-} from "./chunk-FKSZFUL3.js";
-import "./chunk-UIHDPY7W.js";
-import {
-  defineCustomElement
-} from "./chunk-LCDA7GFP.js";
-
-// src/components/block-popover/index.ts
-import { ContextProvider } from "@lit/context";
-
-// src/components/block-popover/pointer-move.ts
-import { defineDOMEventHandler, union } from "@prosekit/core";
-
-// src/utils/throttle.ts
-function throttle(callback, wait) {
-  let lastTime = 0;
-  return (...args) => {
-    const now = Date.now();
-    if (now - lastTime >= wait) {
-      callback(...args);
-      lastTime = now;
-    }
-  };
-}
-
-// src/components/block-popover/pointer-move.ts
-function defineElementHoverHandler(handler) {
-  const handlePointerEvent = (view, event) => {
-    var _a;
-    const rect = view.dom.getBoundingClientRect();
-    const pos = (_a = view.posAtCoords({
-      top: event.clientY,
-      // Use the center of the editor
-      left: rect.left + rect.width / 2
-    })) == null ? void 0 : _a.inside;
-    if (pos == null || pos < 0) {
-      handler(null, null, null, null);
-      return;
-    }
-    const $pos = view.state.doc.resolve(pos);
-    const node = view.state.doc.nodeAt(pos);
-    const element = view.nodeDOM(pos);
-    if ($pos.depth >= 1 && $pos.index($pos.depth) === 0) {
-      const ancestorPos = $pos.before($pos.depth);
-      const node2 = view.state.doc.nodeAt(ancestorPos);
-      const element2 = view.nodeDOM(ancestorPos);
-      if (!element2) {
-        handler(null, null, null, null);
-        return;
-      }
-      const reference = {
-        contextElement: element2,
-        // Get the bounding client rect of the parent node, including its
-        // margins.
-        getBoundingClientRect: () => {
-          const rect2 = element2.getBoundingClientRect();
-          const style = window.getComputedStyle(element2);
-          const marginTop = Number.parseInt(style.marginTop, 10) || 0;
-          const marginRight = Number.parseInt(style.marginRight, 10) || 0;
-          const marginBottom = Number.parseInt(style.marginBottom, 10) || 0;
-          const marginLeft = Number.parseInt(style.marginLeft, 10) || 0;
-          return {
-            top: rect2.top - marginTop,
-            right: rect2.right + marginRight,
-            bottom: rect2.bottom + marginBottom,
-            left: rect2.left - marginLeft,
-            width: rect2.width + marginLeft + marginRight,
-            height: rect2.height + marginTop + marginBottom,
-            x: rect2.x - marginLeft,
-            y: rect2.y - marginTop
-          };
-        }
-      };
-      handler(reference, element2, node2, ancestorPos);
-      return;
-    }
-    handler(element, element, node, pos);
-  };
-  return union([
-    defineDOMEventHandler("pointermove", throttle(handlePointerEvent, 200)),
-    defineDOMEventHandler("pointerout", handlePointerEvent),
-    defineDOMEventHandler("keypress", () => handler(null, null, null, null))
-  ]);
-}
-
-// src/components/block-popover/index.ts
-var propNames = ["editor"];
-var BlockPopover = class extends Popover {
-  constructor() {
-    super();
-    this.positioning = {
-      strategy: "absolute",
-      placement: "left-start",
-      fitViewport: true,
-      flip: false,
-      inline: false,
-      autoUpdate: true,
-      shift: true,
-      overlap: false,
-      hide: true,
-      offset: 4
-    };
-    // We don't want the popover to overflow the editor area so we set `elevated` to false.
-    this.elevated = false;
-    this.context = new ContextProvider(this, {
-      context: blockPopoverContext,
-      initialValue: {
-        pos: null,
-        node: null,
-        element: null
-      }
-    });
-    useBlockPopover(this, (reference, element, node, pos) => {
-      this.reference = reference != null ? reference : void 0;
-      this.context.setValue({ pos, element, node });
-    });
-  }
-  willUpdate(changedProperties) {
-    super.willUpdate(changedProperties);
-    this.open = !!(this == null ? void 0 : this.reference);
-  }
-};
-/**
- * @hidden
- */
-BlockPopover.properties = {
-  ...Popover.properties,
-  editor: { type: Object, reflect: false, attribute: false }
-};
-function useBlockPopover(host, handler) {
-  let dispose;
-  let editor;
-  let prevElement = null;
-  let prevPos = null;
-  const extension = defineElementHoverHandler(
-    (reference, element, node, pos) => {
-      if (prevElement === element && prevPos === pos) {
-        return;
-      }
-      prevElement = element;
-      prevPos = pos;
-      handler(reference, element, node, pos);
-    }
-  );
-  host.addController({
-    hostUpdated: () => {
-      if (editor !== host.editor) {
-        editor = host.editor;
-        dispose == null ? void 0 : dispose();
-        dispose = void 0;
-        if (editor) {
-          dispose = editor.use(extension);
-        }
-      }
-    },
-    hostDisconnected: () => {
-      dispose == null ? void 0 : dispose();
-      dispose = void 0;
-    }
-  });
-}
-defineCustomElement("prosekit-block-popover", BlockPopover);
-export {
-  BlockPopover,
-  propNames
-};

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

@@ -1,3 +0,0 @@
-export { propNames_alias_8 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,94 +0,0 @@
-import {
-  comboBoxContext
-} from "./chunk-C4MW43I4.js";
-import {
-  LightElement
-} from "./chunk-UIHDPY7W.js";
-import {
-  defineCustomElement
-} from "./chunk-LCDA7GFP.js";
-
-// src/components/combo-box-input/index.ts
-import { ContextConsumer } from "@lit/context";
-import { html } from "lit";
-var propNames = ["placeholder"];
-var ComboBoxInput = class extends LightElement {
-  constructor() {
-    super(...arguments);
-    this.placeholder = "";
-    this.comboBoxContext = new ContextConsumer(this, {
-      context: comboBoxContext,
-      subscribe: true
-    });
-    this.visible = false;
-  }
-  handleKeydown(event) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    switch (event.code) {
-      case "ArrowUp":
-        (_b = (_a = this.comboBoxContext.value) == null ? void 0 : _a.listManager) == null ? void 0 : _b.handleArrowUp();
-        event.preventDefault();
-        return;
-      case "ArrowDown":
-        (_d = (_c = this.comboBoxContext.value) == null ? void 0 : _c.listManager) == null ? void 0 : _d.handleArrowDown();
-        event.preventDefault();
-        return;
-      case "Escape":
-        (_f = (_e = this.comboBoxContext.value) == null ? void 0 : _e.listManager) == null ? void 0 : _f.handleEscape();
-        event.preventDefault();
-        return;
-      case "Enter":
-        (_h = (_g = this.comboBoxContext.value) == null ? void 0 : _g.listManager) == null ? void 0 : _h.handleEnter();
-        event.preventDefault();
-        return;
-    }
-  }
-  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.value) == null ? void 0 : _c.setInputValue(value);
-  }
-  /**
-   * @hidden
-   */
-  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.value) == null ? void 0 : _a.inputValue) != null ? _b : ""}
-      ></input>
-    `;
-  }
-};
-/**
- * @hidden
- */
-ComboBoxInput.properties = {
-  placeholder: { attribute: true }
-};
-defineCustomElement("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_10 as propNames } from './_tsup-dts-rollup';