@prosekit/lit 0.2.7 → 0.3.0

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

@@ -1,169 +0,0 @@
-import {
-  blockPopoverContext
-} from "./chunk-S72UTR5M.js";
-import {
-  Popover
-} from "./chunk-XHBZNZ2L.js";
-import {
-  defineCustomElement
-} from "./chunk-3AZDRLDR.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,92 +0,0 @@
-import {
-  comboBoxContext
-} from "./chunk-C4MW43I4.js";
-import {
-  LightElement,
-  defineCustomElement
-} from "./chunk-3AZDRLDR.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';

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

@@ -1,10 +0,0 @@
-import {
-  ComboBoxItem,
-  propNames
-} from "./chunk-3TPE2GKD.js";
-import "./chunk-C4MW43I4.js";
-import "./chunk-3AZDRLDR.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_12 as propNames } from './_tsup-dts-rollup';

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

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

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

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

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

@@ -1,130 +0,0 @@
-import "./chunk-3TPE2GKD.js";
-import {
-  ListManager
-} from "./chunk-MZAHIYA5.js";
-import {
-  Popover
-} from "./chunk-XHBZNZ2L.js";
-import {
-  comboBoxContext
-} from "./chunk-C4MW43I4.js";
-import {
-  defineCustomElement
-} from "./chunk-3AZDRLDR.js";
-
-// src/components/combo-box/index.ts
-import { ContextProvider } from "@lit/context";
-
-// src/components/combo-box-item/helpers.ts
-function isComboBoxItem(element) {
-  var _a;
-  return ((_a = element == null ? void 0 : element.tagName) == null ? void 0 : _a.toLowerCase()) === "prosekit-combo-box-item";
-}
-function queryClosestComboBoxItem(element) {
-  if (!element) {
-    return null;
-  }
-  if (isComboBoxItem(element)) {
-    return element;
-  }
-  const item = element.closest("prosekit-combo-box-item");
-  if (isComboBoxItem(item)) {
-    return item;
-  }
-  return null;
-}
-
-// src/components/combo-box/index.ts
-var propNames = ["onDismiss"];
-var ComboBox = class extends Popover {
-  constructor() {
-    super(...arguments);
-    this.listManager = new ListManager({
-      getItems: () => {
-        return this.items;
-      },
-      getSelectedValue: () => {
-        var _a;
-        return ((_a = this.getContext().selectedValue) != null ? _a : "").trim();
-      },
-      setSelectedValue: (value, reason) => {
-        return this.setSelectedValue(value, reason);
-      },
-      getItemValue: (item) => {
-        var _a;
-        return ((_a = item.textContent) != null ? _a : "").trim();
-      },
-      queryClosestItem: queryClosestComboBoxItem,
-      getActive: () => {
-        return true;
-      },
-      onDismiss: () => {
-        this.hide();
-      },
-      onSelect: (item) => {
-        var _a;
-        if (item == null ? void 0 : item.onSelect) {
-          this.setSelectedValue("", "keyboard");
-          (_a = item == null ? void 0 : item.onSelect) == null ? void 0 : _a.call(item);
-          this.hide();
-          return true;
-        }
-        return false;
-      }
-    });
-    this.context = new ContextProvider(this, {
-      context: comboBoxContext,
-      initialValue: {
-        inputValue: "",
-        setInputValue: (inputValue) => {
-          this.setInputValue(inputValue);
-        },
-        selectedValue: "",
-        selectedReason: "keyboard",
-        listManager: this.listManager
-      }
-    });
-  }
-  /**
-   * @hidden
-   */
-  hide() {
-    var _a;
-    super.hide();
-    this.setInputValue("");
-    (_a = this.onDismiss) == null ? void 0 : _a.call(this);
-  }
-  getContext() {
-    return this.context.value;
-  }
-  setInputValue(inputValue) {
-    const context = this.context.value;
-    if (context.inputValue === inputValue) {
-      return;
-    }
-    this.context.setValue({ ...context, inputValue });
-  }
-  setSelectedValue(selectedValue, selectedReason) {
-    const context = this.context.value;
-    if (context.selectedValue === selectedValue) {
-      return;
-    }
-    this.context.setValue({ ...context, selectedValue, selectedReason });
-  }
-  get items() {
-    const items = this.querySelectorAll("prosekit-combo-box-item");
-    return Array.from(items).filter(isComboBoxItem);
-  }
-};
-/**
- * @hidden
- */
-ComboBox.properties = {
-  ...Popover.properties,
-  onDismiss: { attribute: false }
-};
-defineCustomElement("prosekit-combo-box", ComboBox);
-export {
-  ComboBox,
-  propNames
-};

package/dist/prosekit-lit-drag-handle.d.ts

@@ -1,3 +0,0 @@
-export { propNames_alias_13 as propNames } from './_tsup-dts-rollup';
-export { DragHandleProps } from './_tsup-dts-rollup';
-export { DragHandle } from './_tsup-dts-rollup';

package/dist/prosekit-lit-drag-handle.js

@@ -1,94 +0,0 @@
-import {
-  blockPopoverContext
-} from "./chunk-S72UTR5M.js";
-import {
-  LightElement,
-  defineCustomElement
-} from "./chunk-3AZDRLDR.js";
-
-// src/components/drag-handle/index.ts
-import { ContextConsumer } from "@lit/context";
-import { Slice, Fragment } from "@prosekit/pm/model";
-import { NodeSelection } from "@prosekit/pm/state";
-
-// src/controllers/use-mount.ts
-function useMount(host, onMount) {
-  let dispose;
-  host.addController({
-    hostConnected: () => {
-      dispose == null ? void 0 : dispose();
-      dispose = onMount();
-    },
-    hostDisconnected: () => {
-      dispose == null ? void 0 : dispose();
-      dispose = void 0;
-    }
-  });
-}
-
-// src/controllers/use-event-listener.ts
-function useEventListener(target, type, listener, options) {
-  useMount(target, () => {
-    target.addEventListener(type, listener, options);
-    return () => {
-      target.removeEventListener(type, listener, options);
-    };
-  });
-}
-
-// src/components/drag-handle/index.ts
-var propNames = ["editor"];
-var DragHandle = class extends LightElement {
-  constructor() {
-    super();
-    this.blockPopoverContext = new ContextConsumer(this, {
-      context: blockPopoverContext,
-      subscribe: true
-    });
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.draggable = true;
-    useEventListener(this, "pointerdown", () => {
-      var _a, _b;
-      const { pos } = (_a = this.blockPopoverContext.value) != null ? _a : {};
-      const { view } = (_b = this.editor) != null ? _b : {};
-      if (pos == null || !view) {
-        return;
-      }
-      view.dispatch(
-        view.state.tr.setSelection(NodeSelection.create(view.state.doc, pos))
-      );
-      requestAnimationFrame(() => {
-        view.focus();
-      });
-    });
-    useEventListener(this, "dragstart", (event) => {
-      var _a, _b;
-      const { pos, element, node } = (_a = this.blockPopoverContext.value) != null ? _a : {};
-      const { view } = (_b = this.editor) != null ? _b : {};
-      if (pos == null || !element || !node || !view || !event.dataTransfer) {
-        return;
-      }
-      event.dataTransfer.clearData();
-      event.dataTransfer.setData("text/html", element.outerHTML);
-      event.dataTransfer.effectAllowed = "copyMove";
-      event.dataTransfer.setDragImage(element, 0, 0);
-      view.dragging = {
-        slice: new Slice(Fragment.from(node), 0, 0),
-        move: true
-      };
-    });
-  }
-};
-/**
- * @hidden
- */
-DragHandle.properties = {
-  editor: { type: Object, reflect: false, attribute: false }
-};
-defineCustomElement("prosekit-drag-handle", DragHandle);
-export {
-  DragHandle,
-  propNames
-};

package/dist/prosekit-lit-resizable-handle.d.ts

@@ -1,3 +0,0 @@
-export { ResizableHandle_alias_1 as ResizableHandle } from './_tsup-dts-rollup';
-export { ResizableHandleProps_alias_1 as ResizableHandleProps } from './_tsup-dts-rollup';
-export { propNames_alias_19 as propNames } from './_tsup-dts-rollup';