@prosekit/lit 0.2.7 → 0.3.0

package/dist/chunk-XHBZNZ2L.js

@@ -1,369 +0,0 @@
-import {
-  LightElement,
-  defineCustomElement
-} from "./chunk-3AZDRLDR.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/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 {
-  autocompleteListContext
-} from "./chunk-5CI65R73.js";
-import {
-  LightElement,
-  defineCustomElement
-} from "./chunk-3AZDRLDR.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,10 +0,0 @@
-import {
-  AutocompleteItem,
-  propNames
-} from "./chunk-I5EMQRE4.js";
-import "./chunk-5CI65R73.js";
-import "./chunk-3AZDRLDR.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-CPC45JQ7.js";
-import "./chunk-I5EMQRE4.js";
-import "./chunk-5CI65R73.js";
-import "./chunk-MZAHIYA5.js";
-import "./chunk-3AZDRLDR.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,199 +0,0 @@
-import {
-  autocompletePopoverContext
-} from "./chunk-CPC45JQ7.js";
-import "./chunk-I5EMQRE4.js";
-import "./chunk-5CI65R73.js";
-import "./chunk-MZAHIYA5.js";
-import {
-  Popover
-} from "./chunk-XHBZNZ2L.js";
-import {
-  defineCustomElement
-} from "./chunk-3AZDRLDR.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';