@prosekit/lit 0.2.8 → 0.3.1

package/dist/chunk-BFBBTEVM.js

@@ -1,204 +0,0 @@
-import {
-  autocompleteListContext
-} from "./chunk-5CI65R73.js";
-import {
-  ListManager
-} from "./chunk-MZAHIYA5.js";
-import {
-  LightElement
-} from "./chunk-UIHDPY7W.js";
-import {
-  defineCustomElement
-} from "./chunk-LCDA7GFP.js";
-
-// src/components/autocomplete-popover/context.ts
-import { createContext } from "@lit/context";
-var autocompletePopoverContext = createContext(
-  "prosekit-autocomplete-popover-context"
-);
-
-// src/components/autocomplete-list/component.ts
-import { ContextConsumer, ContextProvider } from "@lit/context";
-import "@prosekit/core";
-import "lit";
-
-// 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.value.selectedValue,
-      setSelectedValue: (value, reason) => this.updateValue(value, reason),
-      getItemValue: (item) => item.content,
-      queryClosestItem: queryClosestAutocompleteItem,
-      getActive: () => this.active,
-      onDismiss: () => {
-        var _a, _b;
-        return (_b = (_a = this.popoverContext.value) == null ? void 0 : _a.handleDismiss) == null ? void 0 : _b.call(_a);
-      },
-      onSelect: (item) => {
-        var _a, _b;
-        if (item == null ? void 0 : item.onSelect) {
-          (_b = (_a = this.popoverContext.value) == null ? void 0 : _a.handleSubmit) == null ? void 0 : _b.call(_a);
-          item.onSelect();
-          return true;
-        }
-        return false;
-      }
-    });
-    /**
-     * @hidden
-     */
-    this.controller = new AutocompleteListController(this, {
-      ArrowUp: () => this.listManager.handleArrowUp(),
-      ArrowDown: () => this.listManager.handleArrowDown(),
-      Escape: () => this.listManager.handleEscape(),
-      Enter: () => this.listManager.handleEnter()
-    });
-    this.popoverContext = new ContextConsumer(this, {
-      context: autocompletePopoverContext,
-      subscribe: true
-    });
-    this.context = new ContextProvider(this, {
-      context: autocompleteListContext,
-      initialValue: {
-        scores: /* @__PURE__ */ new Map(),
-        selectedValue: "",
-        selectedReason: "keyboard"
-      }
-    });
-  }
-  get active() {
-    var _a, _b;
-    return (_b = (_a = this.popoverContext.value) == 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, selectedReason) {
-    const context = this.context.value;
-    if (context.selectedValue === selectedValue) {
-      return;
-    }
-    this.context.setValue({ ...context, selectedValue, selectedReason });
-  }
-  /**
-   * @hidden
-   */
-  willUpdate(changedProperties) {
-    var _a, _b;
-    if (changedProperties.has("editor") && this.editor) {
-      this.controller.setEditor(this.editor);
-    }
-    const query = (_b = (_a = this.popoverContext.value) == 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];
-      })
-    );
-    const context = this.context.value;
-    this.context.setValue({ ...context, scores });
-  }
-};
-/**
- * @hidden
- */
-AutocompleteList.properties = {
-  editor: { attribute: false }
-};
-defineCustomElement("prosekit-autocomplete-list", AutocompleteList);
-
-export {
-  autocompletePopoverContext,
-  propNames,
-  AutocompleteList
-};

package/dist/chunk-C4MW43I4.js

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

package/dist/chunk-FKSZFUL3.js

@@ -1,371 +0,0 @@
-import {
-  LightElement
-} from "./chunk-UIHDPY7W.js";
-import {
-  defineCustomElement
-} from "./chunk-LCDA7GFP.js";
-
-// src/components/popover/index.ts
-import "@floating-ui/dom";
-
-// src/controllers/use-dismissable.ts
-import { trackDismissableElement } from "@zag-js/dismissable";
-
-// src/utils/get-reference-context-element.ts
-import { isHTMLElement } from "@zag-js/dom-query";
-function getReferenceContextElement(reference) {
-  if (!reference) {
-    return null;
-  }
-  if (isHTMLElement(reference)) {
-    return reference;
-  }
-  const contextElement = reference.contextElement;
-  if (isHTMLElement(contextElement)) {
-    return contextElement;
-  }
-  return null;
-}
-
-// src/controllers/use-dismissable.ts
-function useDismissable(host, {
-  onEscapeKeyDown,
-  onPointerDownOutside,
-  onDismiss,
-  getReference
-}) {
-  let cleanup;
-  const hostConnected = () => {
-    cleanup == null ? void 0 : cleanup();
-    cleanup = trackDismissableElement(host, {
-      defer: false,
-      pointerBlocking: false,
-      exclude: () => {
-        return getReferenceContextElement(getReference == null ? void 0 : getReference());
-      },
-      onDismiss: () => {
-        onDismiss == null ? void 0 : onDismiss();
-      },
-      onEscapeKeyDown: (event) => {
-        onEscapeKeyDown(event);
-      },
-      onPointerDownOutside: (event) => {
-        onPointerDownOutside(event);
-      }
-    });
-  };
-  const hostDisconnected = () => {
-    cleanup == null ? void 0 : cleanup();
-    cleanup = void 0;
-  };
-  host.addController({ hostConnected, hostDisconnected });
-}
-
-// src/controllers/use-effect.ts
-function useEffect(host, getValue, onChange) {
-  let value = getValue();
-  const hostUpdated = () => {
-    const v = getValue();
-    if (v !== value) {
-      value = v;
-      onChange(value);
-    }
-  };
-  host.addController({ hostUpdated });
-}
-
-// src/utils/popover-api.ts
-var popoverAvailable = typeof HTMLElement !== "undefined" && HTMLElement.prototype.hasOwnProperty("popover");
-var defaultBoundary = popoverAvailable && typeof document !== "undefined" && document.body || void 0;
-
-// src/components/popover/get-placement.ts
-import {
-  autoUpdate,
-  computePosition,
-  flip,
-  hide,
-  inline,
-  offset,
-  shift,
-  size
-} from "@floating-ui/dom";
-import { getWindow } from "@zag-js/dom-query";
-import { runIfFn } from "@zag-js/utils";
-function dpr(win, value) {
-  const dpr2 = win.devicePixelRatio || 1;
-  return Math.round(value * dpr2) / dpr2;
-}
-function _boundary(opts) {
-  return runIfFn(opts.boundary);
-}
-function _offset(opts) {
-  if (opts.offset == null)
-    return;
-  return offset(opts.offset);
-}
-function _flip(opts) {
-  if (!opts.flip)
-    return;
-  return flip({
-    boundary: _boundary(opts),
-    padding: opts.overflowPadding,
-    altBoundary: true,
-    fallbackPlacements: opts.flip === true ? void 0 : opts.flip
-  });
-}
-function _shift(opts) {
-  if (!opts.shift)
-    return;
-  return shift({
-    boundary: _boundary(opts),
-    padding: opts.overflowPadding,
-    altBoundary: true,
-    mainAxis: opts.shift,
-    crossAxis: opts.overlap
-  });
-}
-function _size(opts) {
-  return size({
-    boundary: _boundary(opts),
-    padding: opts.overflowPadding,
-    altBoundary: true,
-    apply({ elements, rects, availableHeight, availableWidth }) {
-      const floating = elements.floating;
-      const referenceWidth = Math.round(rects.reference.width);
-      availableWidth = Math.floor(availableWidth);
-      availableHeight = Math.floor(availableHeight);
-      floating.style.setProperty("--reference-width", `${referenceWidth}px`);
-      floating.style.setProperty("--available-width", `${availableWidth}px`);
-      floating.style.setProperty("--available-height", `${availableHeight}px`);
-    }
-  });
-}
-function _inline(opts) {
-  if (!opts.inline)
-    return;
-  return inline();
-}
-function _hide(opts) {
-  if (!opts.hide)
-    return;
-  return hide({
-    padding: opts.overflowPadding,
-    elementContext: "reference"
-  });
-}
-function getPlacement(reference, floating, options) {
-  if (!floating || !reference)
-    return;
-  const middleware = [
-    _offset(options),
-    _flip(options),
-    _shift(options),
-    _size(options),
-    _inline(options),
-    _hide(options)
-  ];
-  const { placement, strategy } = options;
-  const update = async () => {
-    var _a, _b, _c;
-    if (!reference || !floating)
-      return;
-    const pos = await computePosition(reference, floating, {
-      placement,
-      middleware,
-      strategy
-    });
-    const hidden = ((_a = pos.middlewareData.hide) == null ? void 0 : _a.escaped) || ((_b = pos.middlewareData.hide) == null ? void 0 : _b.referenceHidden);
-    (_c = options.onComplete) == null ? void 0 : _c.call(options, pos);
-    const win = getWindow(floating);
-    const x = dpr(win, pos.x);
-    const y = dpr(win, pos.y);
-    floating.style.setProperty("--x", `${x}px`);
-    floating.style.setProperty("--y", `${y}px`);
-    floating.style.setProperty("opacity", hidden ? "0" : "1");
-    const contentEl = floating.firstElementChild;
-    if (contentEl) {
-      const zIndex = win.getComputedStyle(contentEl).zIndex;
-      floating.style.setProperty("--z-index", zIndex);
-    }
-  };
-  const autoUpdateOptions = typeof options.autoUpdate === "boolean" ? void 0 : options.autoUpdate;
-  const cancelAutoUpdate = options.autoUpdate ? autoUpdate(reference, floating, update, autoUpdateOptions) : void 0;
-  void update();
-  return () => {
-    var _a;
-    cancelAutoUpdate == null ? void 0 : cancelAutoUpdate();
-    (_a = options.onCleanup) == null ? void 0 : _a.call(options);
-  };
-}
-
-// src/components/popover/options.ts
-var defaultOptions = {
-  strategy: "absolute",
-  placement: "bottom",
-  autoUpdate: true,
-  overflowPadding: 10,
-  flip: true,
-  shift: true,
-  overlap: false,
-  inline: false,
-  hide: true,
-  sameWidth: false,
-  fitViewport: false,
-  offset: 8,
-  boundary: defaultBoundary
-};
-
-// src/components/popover/set-floating-styles.ts
-function setFloatingStyles(element, options) {
-  const { placement, sameWidth, fitViewport, strategy = "absolute" } = options;
-  element.style.position = strategy;
-  element.style.isolation = "isolate";
-  element.style.minWidth = sameWidth ? "" : "max-content";
-  element.style.width = sameWidth ? "var(--reference-width)" : "";
-  element.style.maxWidth = fitViewport ? "var(--available-width)" : "";
-  element.style.maxHeight = fitViewport ? "var(--available-height)" : "";
-  element.style.top = "0px";
-  element.style.left = "0px";
-  element.style.transform = placement ? "translate3d(var(--x), var(--y), 0)" : "translate3d(0, -100vh, 0)";
-  element.style.zIndex = "var(--z-index)";
-}
-
-// src/components/popover/use-popover.ts
-function usePopover(host, getReference, getPositioning) {
-  let cleanup;
-  const hostUpdated = () => {
-    const reference = getReference();
-    const positioning = { ...defaultOptions, ...getPositioning() };
-    cleanup == null ? void 0 : cleanup();
-    cleanup = getPlacement(reference, host, {
-      ...positioning,
-      onComplete: (data) => {
-        var _a;
-        (_a = positioning == null ? void 0 : positioning.onComplete) == null ? void 0 : _a.call(positioning, data);
-        setFloatingStyles(host, { ...positioning, placement: data.placement });
-      }
-    });
-  };
-  const hostDisconnected = () => {
-    cleanup == null ? void 0 : cleanup();
-    cleanup = void 0;
-  };
-  host.addController({ hostUpdated, hostDisconnected });
-}
-
-// src/components/popover/index.ts
-var popoverPropsNames = [
-  "open",
-  "onOpenChange",
-  "reference",
-  "positioning"
-];
-var Popover = class extends LightElement {
-  /**
-   * @hidden
-   */
-  constructor() {
-    super();
-    this.elevated = true;
-    useDismissable(this, {
-      onPointerDownOutside: (event) => {
-        var _a, _b;
-        (_b = (_a = this.positioning) == null ? void 0 : _a.onPointerDownOutside) == null ? void 0 : _b.call(_a, event);
-        if (!event.defaultPrevented) {
-          this.requestUpdate();
-        }
-      },
-      onEscapeKeyDown: (event) => {
-        var _a, _b;
-        (_b = (_a = this.positioning) == null ? void 0 : _a.onEscapeKeyDown) == null ? void 0 : _b.call(_a, event);
-        if (!event.defaultPrevented) {
-          this.requestUpdate();
-        }
-      },
-      getReference: () => {
-        return this.reference;
-      }
-    });
-    useEffect(
-      this,
-      () => {
-        var _a;
-        return (_a = this.open) != null ? _a : false;
-      },
-      (open) => {
-        var _a;
-        return (_a = this.onOpenChange) == null ? void 0 : _a.call(this, open);
-      }
-    );
-    usePopover(
-      this,
-      () => {
-        var _a;
-        return (_a = this.reference) != null ? _a : null;
-      },
-      () => {
-        var _a;
-        return (_a = this.positioning) != null ? _a : null;
-      }
-    );
-  }
-  /**
-   * @hidden
-   */
-  connectedCallback() {
-    super.connectedCallback();
-    this.tabIndex = -1;
-    this.role = "dialog";
-    this.updatePopoverAttribute();
-    this.updateDateAttributes();
-  }
-  updatePopoverAttribute() {
-    var _a;
-    if (!popoverAvailable) {
-      return;
-    }
-    if (!this.elevated)
-      return;
-    this.setAttribute("popover", "manual");
-    (_a = this.showPopover) == null ? void 0 : _a.call(this);
-    this.style.setProperty("margin", "unset");
-  }
-  updateDateAttributes() {
-    this.setAttribute("data-state", this.open ? "open" : "closed");
-    if (this.open) {
-      this.setAttribute("data-expanded", "");
-    } else {
-      this.removeAttribute("data-expanded");
-    }
-  }
-  /**
-   * @hidden
-   */
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    this.setHidden(!this.open);
-    this.updateDateAttributes();
-  }
-  /**
-   * @hidden
-   */
-  hide() {
-    this.open = false;
-  }
-};
-/**
- * @hidden
- */
-Popover.properties = {
-  reference: { attribute: false },
-  open: { type: Boolean, reflect: false, attribute: false },
-  onOpenChange: { attribute: false },
-  positioning: { type: Object, reflect: false, attribute: false },
-  elevated: { type: Boolean, reflect: false, attribute: false }
-};
-defineCustomElement("prosekit-popover", Popover);
-
-export {
-  popoverPropsNames,
-  Popover
-};

package/dist/chunk-LCDA7GFP.js

@@ -1,11 +0,0 @@
-// src/utils/define-custom-element.ts
-function defineCustomElement(name, constructor, options) {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  customElements.define(name, constructor, options);
-}
-
-export {
-  defineCustomElement
-};

package/dist/chunk-MZAHIYA5.js

@@ -1,114 +0,0 @@
-// 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 active() {
-    return this.getActive();
-  }
-  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]), "keyboard");
-    }
-  }
-  handleSelect(item, reason) {
-    this.setSelectedValue(this.getItemValue(item), reason);
-  }
-  selectFirstItem() {
-    if (!this.active)
-      return;
-    const item = this.firstItem;
-    const value = item ? this.getItemValue(item) : "";
-    this.setSelectedValue(value, "keyboard");
-    item == null ? void 0 : item.scrollIntoView({ block: "nearest" });
-  }
-  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), "mouse");
-    }
-  }
-  handleMouseDown(event) {
-    event.preventDefault();
-  }
-  handleClick(event) {
-    event.preventDefault();
-    const target = event.target;
-    const item = target && this.queryClosestItem(target);
-    if (item) {
-      this.handleSelect(item, "mouse");
-      this.onSelect(item);
-    }
-  }
-  handleArrowUp() {
-    if (!this.active)
-      return false;
-    this.updateSelectedByChange(-1);
-    return true;
-  }
-  handleArrowDown() {
-    if (!this.active)
-      return false;
-    this.updateSelectedByChange(1);
-    return true;
-  }
-  handleEscape() {
-    if (!this.active)
-      return false;
-    this.onDismiss();
-    return true;
-  }
-  handleEnter() {
-    if (!this.active)
-      return false;
-    return this.onSelect(this.selectedItem);
-  }
-};
-
-export {
-  ListManager
-};