@prosekit/lit 0.0.0-next-20231120040948 → 0.0.0-next-20240421132240

package/dist/prosekit-lit-popover.js

@@ -1,9 +1,9 @@
-import {
-  Popover,
-  propNames
-} from "./chunk-7WLKD2U6.js";
-import "./chunk-O5JP3B34.js";
+// src/components/popover/index.ts
+import { PopoverContentElement } from "@prosekit/web/popover";
+import { PopoverRootElement } from "@prosekit/web/popover";
+import { PopoverTriggerElement } from "@prosekit/web/popover";
 export {
-  Popover,
-  propNames
+  PopoverContentElement as PopoverContent,
+  PopoverRootElement as PopoverRoot,
+  PopoverTriggerElement as PopoverTrigger
 };

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

@@ -0,0 +1,2 @@
+export { ResizableHandle } from './_tsup-dts-rollup';
+export { ResizableRoot } from './_tsup-dts-rollup';

package/dist/prosekit-lit-resizable.js

@@ -0,0 +1,7 @@
+// src/components/resizable/index.ts
+import { ResizableHandleElement } from "@prosekit/web/resizable";
+import { ResizableRootElement } from "@prosekit/web/resizable";
+export {
+  ResizableHandleElement as ResizableHandle,
+  ResizableRootElement as ResizableRoot
+};

package/dist/prosekit-lit-tooltip.d.ts

@@ -0,0 +1,3 @@
+export { TooltipContent } from './_tsup-dts-rollup';
+export { TooltipRoot } from './_tsup-dts-rollup';
+export { TooltipTrigger } from './_tsup-dts-rollup';

package/dist/prosekit-lit-tooltip.js

@@ -0,0 +1,9 @@
+// src/components/tooltip/index.ts
+import { TooltipContentElement } from "@prosekit/web/tooltip";
+import { TooltipRootElement } from "@prosekit/web/tooltip";
+import { TooltipTriggerElement } from "@prosekit/web/tooltip";
+export {
+  TooltipContentElement as TooltipContent,
+  TooltipRootElement as TooltipRoot,
+  TooltipTriggerElement as TooltipTrigger
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/lit",
   "type": "module",
-  "version": "0.0.0-next-20231120040948",
+  "version": "0.0.0-next-20240421132240",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -30,45 +30,15 @@
       "import": "./dist/prosekit-lit.js",
       "default": "./dist/prosekit-lit.js"
     },
-    "./autocomplete-empty": {
-      "types": "./dist/prosekit-lit-autocomplete-empty.d.ts",
-      "import": "./dist/prosekit-lit-autocomplete-empty.js",
-      "default": "./dist/prosekit-lit-autocomplete-empty.js"
+    "./autocomplete": {
+      "types": "./dist/prosekit-lit-autocomplete.d.ts",
+      "import": "./dist/prosekit-lit-autocomplete.js",
+      "default": "./dist/prosekit-lit-autocomplete.js"
     },
-    "./autocomplete-item": {
-      "types": "./dist/prosekit-lit-autocomplete-item.d.ts",
-      "import": "./dist/prosekit-lit-autocomplete-item.js",
-      "default": "./dist/prosekit-lit-autocomplete-item.js"
-    },
-    "./autocomplete-list": {
-      "types": "./dist/prosekit-lit-autocomplete-list.d.ts",
-      "import": "./dist/prosekit-lit-autocomplete-list.js",
-      "default": "./dist/prosekit-lit-autocomplete-list.js"
-    },
-    "./autocomplete-popover": {
-      "types": "./dist/prosekit-lit-autocomplete-popover.d.ts",
-      "import": "./dist/prosekit-lit-autocomplete-popover.js",
-      "default": "./dist/prosekit-lit-autocomplete-popover.js"
-    },
-    "./combo-box": {
-      "types": "./dist/prosekit-lit-combo-box.d.ts",
-      "import": "./dist/prosekit-lit-combo-box.js",
-      "default": "./dist/prosekit-lit-combo-box.js"
-    },
-    "./combo-box-input": {
-      "types": "./dist/prosekit-lit-combo-box-input.d.ts",
-      "import": "./dist/prosekit-lit-combo-box-input.js",
-      "default": "./dist/prosekit-lit-combo-box-input.js"
-    },
-    "./combo-box-item": {
-      "types": "./dist/prosekit-lit-combo-box-item.d.ts",
-      "import": "./dist/prosekit-lit-combo-box-item.js",
-      "default": "./dist/prosekit-lit-combo-box-item.js"
-    },
-    "./combo-box-list": {
-      "types": "./dist/prosekit-lit-combo-box-list.d.ts",
-      "import": "./dist/prosekit-lit-combo-box-list.js",
-      "default": "./dist/prosekit-lit-combo-box-list.js"
+    "./block-handle": {
+      "types": "./dist/prosekit-lit-block-handle.d.ts",
+      "import": "./dist/prosekit-lit-block-handle.js",
+      "default": "./dist/prosekit-lit-block-handle.js"
     },
     "./inline-popover": {
       "types": "./dist/prosekit-lit-inline-popover.d.ts",
@@ -79,27 +49,31 @@
       "types": "./dist/prosekit-lit-popover.d.ts",
       "import": "./dist/prosekit-lit-popover.js",
       "default": "./dist/prosekit-lit-popover.js"
+    },
+    "./resizable": {
+      "types": "./dist/prosekit-lit-resizable.d.ts",
+      "import": "./dist/prosekit-lit-resizable.js",
+      "default": "./dist/prosekit-lit-resizable.js"
+    },
+    "./tooltip": {
+      "types": "./dist/prosekit-lit-tooltip.d.ts",
+      "import": "./dist/prosekit-lit-tooltip.js",
+      "default": "./dist/prosekit-lit-tooltip.js"
     }
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@floating-ui/dom": "^1.5.3",
-    "@lit/context": "^1.1.0",
-    "@prosekit/core": "0.0.0-next-20231120040948",
-    "@prosekit/extensions": "0.0.0-next-20231120040948",
-    "@prosekit/pm": "0.0.0-next-20231120040948",
-    "@superhuman/command-score": "^0.5.0",
-    "lit": "^3.1.0"
+    "@lit/context": "^1.1.1",
+    "@prosekit/web": "0.0.0-next-20240421132240",
+    "lit": "^3.1.3"
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "minify-literals": "^1.0.7",
-    "tsup": "^8.0.0",
-    "typescript": "^5.2.2",
-    "vitest": "^0.34.6",
-    "vue": "^3.3.8"
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.5",
+    "vitest": "^1.5.0"
   },
   "scripts": {
     "build:tsup": "tsup",
@@ -111,35 +85,23 @@
       ".": [
         "./dist/prosekit-lit.d.ts"
       ],
-      "autocomplete-empty": [
-        "./dist/prosekit-lit-autocomplete-empty.d.ts"
+      "autocomplete": [
+        "./dist/prosekit-lit-autocomplete.d.ts"
       ],
-      "autocomplete-item": [
-        "./dist/prosekit-lit-autocomplete-item.d.ts"
-      ],
-      "autocomplete-list": [
-        "./dist/prosekit-lit-autocomplete-list.d.ts"
-      ],
-      "autocomplete-popover": [
-        "./dist/prosekit-lit-autocomplete-popover.d.ts"
-      ],
-      "combo-box": [
-        "./dist/prosekit-lit-combo-box.d.ts"
-      ],
-      "combo-box-input": [
-        "./dist/prosekit-lit-combo-box-input.d.ts"
-      ],
-      "combo-box-item": [
-        "./dist/prosekit-lit-combo-box-item.d.ts"
-      ],
-      "combo-box-list": [
-        "./dist/prosekit-lit-combo-box-list.d.ts"
+      "block-handle": [
+        "./dist/prosekit-lit-block-handle.d.ts"
       ],
       "inline-popover": [
         "./dist/prosekit-lit-inline-popover.d.ts"
       ],
       "popover": [
         "./dist/prosekit-lit-popover.d.ts"
+      ],
+      "resizable": [
+        "./dist/prosekit-lit-resizable.d.ts"
+      ],
+      "tooltip": [
+        "./dist/prosekit-lit-tooltip.d.ts"
       ]
     }
   }

package/dist/chunk-55G7TJI3.js

@@ -1,48 +0,0 @@
-import {
-  comboBoxContext
-} from "./chunk-C4MW43I4.js";
-import {
-  LightElement,
-  __decorateClass
-} from "./chunk-O5JP3B34.js";
-
-// src/components/combo-box-item/component.ts
-import { consume } from "@lit/context";
-import { customElement, property, state } from "lit/decorators.js";
-var propNames = [];
-var ComboBoxItem = class extends LightElement {
-  constructor() {
-    super(...arguments);
-    this.selected = false;
-  }
-  updated() {
-    var _a, _b, _c, _d;
-    const content = ((_a = this.textContent) != null ? _a : "").trim();
-    const query = ((_c = (_b = this.comboBoxContext) == null ? void 0 : _b.inputValue) != null ? _c : "").trim();
-    const match = content.toLowerCase().includes(query.toLowerCase());
-    this.selected = match && content === ((_d = this.comboBoxContext) == null ? void 0 : _d.selectedValue);
-    this.ariaSelected = String(this.selected);
-    this.setHidden(!match);
-  }
-};
-__decorateClass([
-  property({ attribute: false })
-], ComboBoxItem.prototype, "editor", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "data-selected" })
-], ComboBoxItem.prototype, "selected", 2);
-__decorateClass([
-  consume({ context: comboBoxContext, subscribe: true }),
-  state({})
-], ComboBoxItem.prototype, "comboBoxContext", 2);
-__decorateClass([
-  property({ attribute: false })
-], ComboBoxItem.prototype, "onSelect", 2);
-ComboBoxItem = __decorateClass([
-  customElement("prosekit-combo-box-item")
-], ComboBoxItem);
-
-export {
-  propNames,
-  ComboBoxItem
-};

package/dist/chunk-6P3YKUWI.js

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

package/dist/chunk-7WLKD2U6.js

@@ -1,184 +0,0 @@
-import {
-  LightElement,
-  __decorateClass
-} from "./chunk-O5JP3B34.js";
-
-// src/components/popover/index.ts
-import {
-  autoUpdate,
-  computePosition
-} from "@floating-ui/dom";
-import { customElement, property } from "lit/decorators.js";
-
-// src/utils/round-by-dpr.ts
-function roundByDPR(value) {
-  const dpr = window.devicePixelRatio || 1;
-  return Math.round(value * dpr) / dpr;
-}
-
-// src/components/popover/default-popover-options.ts
-import { offset, shift, size } from "@floating-ui/dom";
-
-// src/components/popover/options.ts
-import "@floating-ui/dom";
-
-// src/components/popover/default-popover-options.ts
-var defaultPopoverOptions = {
-  placement: "bottom",
-  middleware: [
-    offset({ mainAxis: 8, crossAxis: 8 }),
-    shift({ padding: 8 }),
-    size({
-      apply: ({ availableWidth, availableHeight, elements }) => {
-        elements.floating.style.setProperty(
-          "max-width",
-          `${Math.floor(availableWidth)}px`
-        );
-        elements.floating.style.setProperty(
-          "max-height",
-          `${Math.floor(availableHeight)}px`
-        );
-      },
-      padding: 8
-    })
-  ]
-};
-
-// src/components/popover/index.ts
-var propNames = [
-  "active",
-  "reference",
-  "options",
-  "autoUpdate",
-  "autoUpdateOptions"
-];
-var Popover = class extends LightElement {
-  /** @hidden */
-  constructor() {
-    super();
-    this.active = false;
-    this.autoUpdate = false;
-    this.dismiss = "on";
-    this.handleDocumentMouseDown = (event) => {
-      const path = event.composedPath();
-      if (!path.includes(this)) {
-        this.hide();
-      }
-    };
-    this.handleDocumentKeyDown = (event) => {
-      if (event.key === "Escape" && this.active) {
-        event.stopPropagation();
-        this.hide();
-        return;
-      }
-    };
-  }
-  /** @hidden */
-  connectedCallback() {
-    super.connectedCallback();
-    const clickEnabled = this.dismiss === "on" || this.dismiss === "click";
-    const escapeEnabled = this.dismiss === "on" || this.dismiss === "escape";
-    const handleMouseDown = clickEnabled ? this.handleDocumentMouseDown.bind(this) : null;
-    const handleKeyDown = escapeEnabled ? this.handleDocumentKeyDown.bind(this) : null;
-    handleMouseDown && document.addEventListener("mousedown", handleMouseDown);
-    handleKeyDown && document.addEventListener("keydown", handleKeyDown);
-    this.disposeEventListeners = () => {
-      handleMouseDown && document.removeEventListener("mousedown", handleMouseDown);
-      handleKeyDown && document.removeEventListener("keydown", handleKeyDown);
-    };
-  }
-  /** @hidden */
-  disconnectedCallback() {
-    var _a, _b;
-    super.disconnectedCallback();
-    (_a = this.disposeAutoUpdate) == null ? void 0 : _a.call(this);
-    this.disposeAutoUpdate = void 0;
-    (_b = this.disposeEventListeners) == null ? void 0 : _b.call(this);
-    this.disposeEventListeners = void 0;
-  }
-  /** @hidden */
-  updated(changedProperties) {
-    super.updated(changedProperties);
-    this.start();
-    this.setHidden(!this.active);
-  }
-  /** @hidden */
-  start() {
-    var _a;
-    (_a = this.disposeAutoUpdate) == null ? void 0 : _a.call(this);
-    this.disposeAutoUpdate = void 0;
-    const reference = this.reference;
-    if (!reference)
-      return;
-    if (!this.active)
-      return;
-    if (this.autoUpdate) {
-      this.disposeAutoUpdate = autoUpdate(
-        reference,
-        this,
-        () => void this.compute(),
-        this.autoUpdateOptions
-      );
-    } else {
-      void this.compute();
-    }
-  }
-  /** @hidden */
-  async compute() {
-    var _a, _b, _c;
-    const reference = this.reference;
-    if (!reference)
-      return;
-    if (!this.active)
-      return;
-    this.setHidden(false);
-    this.style.setProperty("top", "0");
-    this.style.setProperty("left", "0");
-    this.style.setProperty("position", (_b = (_a = this.options) == null ? void 0 : _a.strategy) != null ? _b : "absolute");
-    const options = (_c = this.options) != null ? _c : defaultPopoverOptions;
-    const computed = await computePosition(reference, this, options);
-    const { x, y, strategy } = computed != null ? computed : { x: 0, y: 0, strategy: "absolute" };
-    this.style.setProperty("opacity", "1");
-    this.style.setProperty("position", strategy);
-    this.style.setProperty(
-      "transform",
-      `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`
-    );
-  }
-  /** @hidden */
-  hide() {
-    this.active = false;
-  }
-};
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], Popover.prototype, "active", 2);
-__decorateClass([
-  property({ attribute: false })
-], Popover.prototype, "reference", 2);
-__decorateClass([
-  property({ attribute: false })
-], Popover.prototype, "options", 2);
-__decorateClass([
-  property({
-    type: Boolean,
-    reflect: true
-  })
-], Popover.prototype, "autoUpdate", 2);
-__decorateClass([
-  property({ type: Object })
-], Popover.prototype, "autoUpdateOptions", 2);
-__decorateClass([
-  property({
-    type: String,
-    reflect: true
-  })
-], Popover.prototype, "dismiss", 2);
-Popover = __decorateClass([
-  customElement("prosekit-popover")
-], Popover);
-
-export {
-  propNames,
-  Popover
-};

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-GWGDLLFN.js

@@ -1,61 +0,0 @@
-import {
-  commandListContext
-} from "./chunk-6P3YKUWI.js";
-import {
-  LightElement,
-  __decorateClass
-} from "./chunk-O5JP3B34.js";
-
-// src/components/autocomplete-item/component.ts
-import { consume } from "@lit/context";
-import "lit";
-import { customElement, property, state } from "lit/decorators.js";
-var propNames = ["value", "onSelect"];
-var AutocompleteItem = class extends LightElement {
-  constructor() {
-    super(...arguments);
-    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;
-    this.selected = content === ((_a = this.listContext) == null ? void 0 : _a.selectedValue);
-    const score = ((_b = this.listContext) == null ? void 0 : _b.scores.get(content)) || 0;
-    this.setHidden(score <= 0);
-  }
-  updated(changedProperties) {
-    if (this.selected && changedProperties.has("selected") && !changedProperties.get("selected")) {
-      this.scrollIntoView({ block: "nearest" });
-    }
-  }
-};
-__decorateClass([
-  property({ type: String, reflect: true, attribute: "data-value" })
-], AutocompleteItem.prototype, "value", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "data-selected" })
-], AutocompleteItem.prototype, "selected", 2);
-__decorateClass([
-  property({ attribute: false })
-], AutocompleteItem.prototype, "onSelect", 2);
-__decorateClass([
-  consume({ context: commandListContext, subscribe: true }),
-  state({})
-], AutocompleteItem.prototype, "listContext", 2);
-AutocompleteItem = __decorateClass([
-  customElement("prosekit-autocomplete-item")
-], AutocompleteItem);
-
-export {
-  propNames,
-  AutocompleteItem
-};

package/dist/chunk-O5JP3B34.js

@@ -1,31 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
-  return result;
-};
-
-// src/components/block-element/index.ts
-import { LitElement } from "lit";
-var LightElement = class extends LitElement {
-  createRenderRoot() {
-    return this;
-  }
-  setHidden(hidden) {
-    if (this.hidden !== hidden) {
-      this.hidden = hidden;
-      const display = this.style.display;
-      this.style.display = hidden ? "none" : display === "none" ? "" : display;
-    }
-  }
-};
-
-export {
-  __decorateClass,
-  LightElement
-};

package/dist/chunk-PCXKL6TA.js

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