@prosekit/lit 0.0.3 → 0.0.5

package/dist/prosekit-lit-elements-menu.js

@@ -1,169 +0,0 @@
-import {
-  __decorateClass,
-  blockComponentStyles
-} from "./chunk-6FOWUXQ2.js";
-
-// src/elements/menu.ts
-import { ProseKitError, addKeymap } from "@prosekit/core";
-import { LitElement, html } from "lit";
-import { customElement, property, query, state } from "lit/decorators.js";
-
-// src/utils/is-menu-item.ts
-function isMenuItem(element) {
-  var _a, _b;
-  return ((_a = element == null ? void 0 : element.tagName) == null ? void 0 : _a.toLowerCase()) === "prosekit-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes(
-    (_b = element == null ? void 0 : element.getAttribute("role")) != null ? _b : ""
-  );
-}
-
-// src/utils/visibility.ts
-function isVisibleElement(element) {
-  return !element.hidden;
-}
-
-// src/elements/menu.ts
-var Menu = class extends LitElement {
-  /** @hidden */
-  constructor() {
-    super();
-    /** @hidden */
-    this.cleanup = [];
-  }
-  /** @hidden */
-  firstUpdated() {
-    if (!this.editor) {
-      throw new ProseKitError("Property editor is required");
-    }
-    const extension = addKeymap({
-      ArrowUp: () => this.handleArrowUp(),
-      ArrowDown: () => this.handleArrowDown(),
-      Escape: () => this.handleEscape(),
-      Enter: () => this.handleEnter()
-    });
-    this.cleanup.push(this.editor.use(extension));
-  }
-  updated(_changedProperties) {
-    this.ensureFocusedItem();
-  }
-  /** @hidden */
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.cleanup.forEach((fn) => fn());
-  }
-  ensureFocusedItem() {
-    const items = this.queryVisibleMenuItems();
-    if (this.focusedItem && items.includes(this.focusedItem)) {
-      return;
-    }
-    this.focusItem(items[0]);
-  }
-  /** @hidden */
-  handleArrowUp() {
-    const items = this.queryVisibleMenuItems();
-    let prevIndex = this.focusedItem ? items.indexOf(this.focusedItem) : 0;
-    if (prevIndex === -1) {
-      prevIndex = 0;
-    }
-    const nextIndex = (prevIndex + items.length - 1) % items.length;
-    this.focusItem(items[nextIndex]);
-    return true;
-  }
-  /** @hidden */
-  handleArrowDown() {
-    const items = this.queryVisibleMenuItems();
-    const prevIndex = this.focusedItem ? items.indexOf(this.focusedItem) : -1;
-    const nextIndex = (prevIndex + items.length + 1) % items.length;
-    this.focusItem(items[nextIndex]);
-    return true;
-  }
-  /** @hidden */
-  handleEscape() {
-    const event = new CustomEvent("menu-dismiss", {
-      bubbles: true,
-      composed: false
-    });
-    this.dispatchEvent(event);
-    this.blurItem();
-    return true;
-  }
-  /** @hidden */
-  handleMouseOver(event) {
-    const target = event.target;
-    if (isMenuItem(target) && isVisibleElement(target)) {
-      this.focusItem(target);
-    }
-    return true;
-  }
-  /** @hidden */
-  handleEnter() {
-    if (this.focusedItem) {
-      this.handleSelect(this.focusedItem);
-      return true;
-    }
-    return false;
-  }
-  /** @hidden */
-  handleClick(event) {
-    const target = event.target;
-    if (isMenuItem(target) && isVisibleElement(target)) {
-      this.handleSelect(target);
-    }
-  }
-  /** @hidden */
-  handleSelect(menuItem) {
-    var _a;
-    (_a = menuItem.onSelect) == null ? void 0 : _a.call(menuItem);
-    const event = new CustomEvent("menu-select", {
-      bubbles: true,
-      composed: false
-    });
-    this.dispatchEvent(event);
-    this.blurItem();
-  }
-  /** @hidden */
-  focusItem(item) {
-    this.blurItem();
-    if (!item) {
-      return;
-    }
-    item.focused = true;
-    this.focusedItem = item;
-  }
-  /** @hidden */
-  blurItem() {
-    if (this.focusedItem) {
-      this.focusedItem.focused = false;
-      this.focusedItem = void 0;
-    }
-  }
-  /** @hidden */
-  queryAllMenuItems() {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = this.defaultSlot) == null ? void 0 : _a.assignedElements({ flatten: true })) == null ? void 0 : _b.filter(isMenuItem)) != null ? _c : [];
-  }
-  /** @hidden */
-  queryVisibleMenuItems() {
-    return this.queryAllMenuItems().filter(isVisibleElement);
-  }
-  /** @hidden */
-  render() {
-    return html`<div role="menu" @mouseover="${this.handleMouseOver.bind(this)}" @click="${this.handleClick.bind(this)}"><slot></slot></div>`;
-  }
-};
-/** @hidden */
-Menu.styles = blockComponentStyles;
-__decorateClass([
-  property({ attribute: false })
-], Menu.prototype, "editor", 2);
-__decorateClass([
-  state()
-], Menu.prototype, "focusedItem", 2);
-__decorateClass([
-  query("slot")
-], Menu.prototype, "defaultSlot", 2);
-Menu = __decorateClass([
-  customElement("prosekit-menu")
-], Menu);
-export {
-  Menu
-};

package/dist/prosekit-lit-elements-popover-suggestion.d.ts

@@ -1,59 +0,0 @@
-import { P as PopoverOptions } from './options-7235df55.js';
-import * as lit from 'lit';
-import { ReactiveController, ReactiveControllerHost, LitElement, CSSResultGroup } from 'lit';
-import { Editor } from '@prosekit/core';
-import { PredictionRule } from '@prosekit/extensions/suggestion';
-export { PredictionRule } from '@prosekit/extensions/suggestion';
-import '@floating-ui/dom';
-
-/**
- * Default popover options.
- */
-declare const defaultPopoverOptions: PopoverOptions;
-
-interface PopoverSuggestionContext {
-    active: boolean;
-    query?: string;
-    onDismiss?: () => void;
-    onSubmit?: () => void;
-}
-
-declare class PopoverSuggestionController implements ReactiveController {
-    private host;
-    private editor;
-    private rules;
-    private onContext?;
-    private connected;
-    reference: Element | null;
-    private removeExtension;
-    constructor(host: ReactiveControllerHost, editor: Editor, rules: PredictionRule[], onContext?: ((context: PopoverSuggestionContext) => void) | undefined);
-    hostUpdated(): void;
-    hostDisconnected(): void;
-}
-
-declare class PopoverSuggestion extends LitElement {
-    /** @hidden */
-    constructor();
-    editor: Editor;
-    popoverOptions: PopoverOptions;
-    rules: PredictionRule[];
-    /** @hidden */
-    context: PopoverSuggestionContext;
-    onContext?: (context: PopoverSuggestionContext) => void;
-    /** @hidden */
-    controller?: PopoverSuggestionController;
-    /** @hidden */
-    defaultSlot?: HTMLSlotElement;
-    /** @hidden */
-    static styles: CSSResultGroup;
-    /** @hidden */
-    protected firstUpdated(): void;
-    /** @hidden */
-    protected get active(): boolean;
-    /** @hidden */
-    private queryMenu;
-    /** @hidden */
-    render(): lit.TemplateResult<1>;
-}
-
-export { PopoverSuggestion, PopoverSuggestionContext, defaultPopoverOptions };

package/dist/prosekit-lit-elements-popover-suggestion.js

@@ -1,218 +0,0 @@
-import "./chunk-WHIPWT4H.js";
-import {
-  __decorateClass,
-  blockComponentStyles
-} from "./chunk-6FOWUXQ2.js";
-
-// src/elements/popover-suggestion/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 = {
-  placement: "bottom-end",
-  middleware: [
-    offset(({ rects }) => ({
-      // Put the popover at the bottom right corner
-      alignmentAxis: -rects.floating.width,
-      // Move down the popover by 4px
-      mainAxis: 4
-    })),
-    size({
-      apply: ({ availableHeight, elements }) => {
-        const style = {
-          // Minimum acceptable height is 100px.
-          // `flip` will then take over.
-          maxHeight: `${Math.max(100, availableHeight)}px`,
-          overflowY: "auto"
-        };
-        Object.assign(elements.floating.style, style);
-      },
-      ...defaultDetectOverflowOptions
-    }),
-    // Flip the popover to the top if it's overflowing the viewport
-    flip({
-      fallbackStrategy: "initialPlacement",
-      fallbackAxisSideDirection: "start",
-      crossAxis: false,
-      ...defaultDetectOverflowOptions
-    }),
-    shift({
-      ...defaultDetectOverflowOptions
-    }),
-    // Use the text caret as the reference point
-    inline()
-  ]
-};
-
-// src/elements/popover-suggestion/popover-suggestion.ts
-import { html, LitElement } from "lit";
-import { customElement, property, query, state } from "lit/decorators.js";
-
-// src/utils/is-menu.ts
-function isMenu(element) {
-  var _a, _b;
-  return ((_a = element == null ? void 0 : element.tagName) == null ? void 0 : _a.toLowerCase()) === "prosekit-menu" || ["menu"].includes((_b = element == null ? void 0 : element.getAttribute("role")) != null ? _b : "");
-}
-
-// src/elements/popover-suggestion/controller.ts
-import { ProseKitError } from "@prosekit/core";
-import { addSuggestion } from "@prosekit/extensions/suggestion";
-var PopoverSuggestionController = class {
-  constructor(host, editor, rules, onContext) {
-    this.host = host;
-    this.editor = editor;
-    this.rules = rules;
-    this.onContext = onContext;
-    this.connected = false;
-    this.reference = null;
-    this.removeExtension = null;
-    if (!editor) {
-      throw new ProseKitError("Missing 'editor' property");
-    }
-    if (!rules) {
-      throw new ProseKitError("Missing 'rules' property");
-    }
-    this.host.addController(this);
-  }
-  hostUpdated() {
-    var _a;
-    if (this.connected)
-      return;
-    this.connected = true;
-    const editor = this.editor;
-    if (!editor) {
-      throw new ProseKitError("Missing 'editor' property");
-    }
-    if (!this.rules) {
-      throw new ProseKitError("Missing 'rules' property");
-    }
-    const extension = addSuggestion({
-      rules: this.rules,
-      onMatch: ({ dismiss, deleteMatch, match, matchAfter }) => {
-        var _a2, _b;
-        const span = editor.view.dom.querySelector(
-          ".prosemirror-prediction-match"
-        );
-        if (span) {
-          this.reference = span;
-        }
-        const matchText = match[0] + ((_a2 = matchAfter == null ? void 0 : matchAfter[0]) != null ? _a2 : "");
-        (_b = this.onContext) == null ? void 0 : _b.call(this, {
-          active: true,
-          query: matchText,
-          onDismiss: () => {
-            dismiss();
-          },
-          onSubmit: () => {
-            deleteMatch();
-          }
-        });
-      },
-      onDeactivate: () => {
-        this.reference = null;
-        setTimeout(() => {
-          var _a2;
-          (_a2 = this.onContext) == null ? void 0 : _a2.call(this, {
-            active: false
-          });
-        });
-      }
-    });
-    (_a = this.removeExtension) == null ? void 0 : _a.call(this);
-    this.removeExtension = editor.use(extension);
-  }
-  hostDisconnected() {
-    var _a;
-    this.connected = false;
-    (_a = this.removeExtension) == null ? void 0 : _a.call(this);
-    this.removeExtension = null;
-  }
-};
-
-// src/elements/popover-suggestion/popover-suggestion.ts
-var PopoverSuggestion = class extends LitElement {
-  /** @hidden */
-  constructor() {
-    super();
-    this.popoverOptions = defaultPopoverOptions;
-    this.context = { active: false };
-  }
-  /** @hidden */
-  firstUpdated() {
-    setTimeout(() => {
-      this.controller = new PopoverSuggestionController(
-        this,
-        this.editor,
-        this.rules,
-        (context) => {
-          var _a;
-          (_a = this.onContext) == null ? void 0 : _a.call(this, context);
-          this.context = context;
-          requestAnimationFrame(() => {
-            var _a2, _b;
-            (_b = (_a2 = this.queryMenu()) == null ? void 0 : _a2.ensureFocusedItem) == null ? void 0 : _b.call(_a2);
-          });
-        }
-      );
-    });
-  }
-  /** @hidden */
-  get active() {
-    var _a;
-    return !!((_a = this.controller) == null ? void 0 : _a.reference);
-  }
-  /** @hidden */
-  queryMenu() {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = this.defaultSlot) == null ? void 0 : _a.assignedElements({ flatten: true })) == null ? void 0 : _b.find(isMenu)) != null ? _c : null;
-  }
-  /** @hidden */
-  render() {
-    var _a, _b;
-    return html`<prosekit-popover .active="${this.active}" .reference="${(_b = (_a = this.controller) == null ? void 0 : _a.reference) != null ? _b : void 0}" .options="${this.popoverOptions}"><slot @menu-dismiss="${() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = this.context) == null ? void 0 : _a2.onDismiss) == null ? void 0 : _b2.call(_a2);
-    }}" @menu-select="${() => {
-      var _a2, _b2;
-      return (_b2 = (_a2 = this.context) == null ? void 0 : _a2.onSubmit) == null ? void 0 : _b2.call(_a2);
-    }}"></slot></prosekit-popover>`;
-  }
-};
-/** @hidden */
-PopoverSuggestion.styles = blockComponentStyles;
-__decorateClass([
-  property({ attribute: false })
-], PopoverSuggestion.prototype, "editor", 2);
-__decorateClass([
-  property({ attribute: false })
-], PopoverSuggestion.prototype, "popoverOptions", 2);
-__decorateClass([
-  property({ attribute: false })
-], PopoverSuggestion.prototype, "rules", 2);
-__decorateClass([
-  state()
-], PopoverSuggestion.prototype, "context", 2);
-__decorateClass([
-  property({ attribute: false })
-], PopoverSuggestion.prototype, "onContext", 2);
-__decorateClass([
-  state()
-], PopoverSuggestion.prototype, "controller", 2);
-__decorateClass([
-  query("slot")
-], PopoverSuggestion.prototype, "defaultSlot", 2);
-PopoverSuggestion = __decorateClass([
-  customElement("prosekit-popover-suggestion")
-], PopoverSuggestion);
-export {
-  PopoverSuggestion,
-  defaultPopoverOptions
-};

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

@@ -1,65 +0,0 @@
-import * as lit from 'lit';
-import { LitElement, CSSResultGroup, PropertyValueMap } from 'lit';
-import { VirtualElement, AutoUpdateOptions } from '@floating-ui/dom';
-import { P as PopoverOptions } from './options-7235df55.js';
-
-/**
- * A custom element that displays a popover anchored to a reference element.
- */
-declare class Popover extends LitElement {
-    /** @hidden */
-    constructor();
-    /** @hidden */
-    static styles: CSSResultGroup;
-    /**
-     * Controls the visibility of the popover element. When set to `true`, the popover is displayed and positioned
-     * relative to its reference element. When set to `false`, the popover is hidden and its positioning logic is
-     * deactivated.
-     */
-    active: boolean;
-    /** The floating element that displays the popover. */
-    floating: HTMLElement;
-    /**
-     * The element that the popover is anchored to. This can be either a DOM element or an object that implements the
-     * virtual element interface from Floating UI.
-     */
-    reference?: Element | VirtualElement;
-    /**
-     * The options that are passed to the `computePosition` function from Floating UI. These options are used to
-     * configure the positioning of the popover element relative to its reference element. For more information on the
-     * available options, please refer to the Floating UI documentation.
-     */
-    options?: PopoverOptions;
-    /**
-     * Controls whether the popover position is automatically updated when the reference element changes position. When
-     * set to `true`, the popover position is updated automatically. When set to `false`, the popover position is only
-     * updated when the given properties are changed.
-     *
-     * @default false
-     */
-    autoUpdate: boolean;
-    /**
-     * The options that are passed to the `autoUpdate` function from Floating UI. These options are used to configure the
-     * automatic update behavior of the popover position. For more information on the available options, please refer to
-     * the Floating UI documentation. This property is only used when the `autoUpdate` property is set to `true`.
-     */
-    autoUpdateOptions?: AutoUpdateOptions;
-    /** @hidden */
-    private computed?;
-    /** @hidden */
-    private cleanupAutoUpdate?;
-    /** @hidden */
-    disconnectedCallback(): void;
-    /** @hidden */
-    protected updated(changed: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
-    /** @hidden */
-    private start;
-    /** @hidden */
-    private compute;
-    /** @hidden */
-    private cleanup;
-    /** @hidden */
-    render(): lit.TemplateResult<1>;
-}
-
-export { Popover, PopoverOptions };

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

@@ -1,7 +0,0 @@
-import {
-  Popover
-} from "./chunk-WHIPWT4H.js";
-import "./chunk-6FOWUXQ2.js";
-export {
-  Popover
-};