@prosekit/lit 0.0.9 → 0.0.10

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

@@ -0,0 +1,13 @@
+import { L as LightBlockElement } from './index-2645d161.js';
+import { C as ComboBoxContext } from './index-c461623f.js';
+import 'lit';
+import '@prosekit/core';
+
+declare const propNames: never[];
+type ComboBoxListProps = Record<string, never>;
+declare class ComboBoxList extends LightBlockElement {
+    comboBoxContext: ComboBoxContext | null;
+    connectedCallback(): void;
+}
+
+export { ComboBoxList, ComboBoxListProps, propNames };

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

@@ -0,0 +1,50 @@
+import {
+  comboBoxContext
+} from "./chunk-HMV7TD6T.js";
+import {
+  LightBlockElement
+} from "./chunk-TRZW33VF.js";
+import {
+  __decorateClass
+} from "./chunk-3UDA5JEW.js";
+
+// src/components/combo-box-list/component.ts
+import { consume } from "@lit-labs/context";
+import { customElement, state } from "lit/decorators.js";
+var propNames = [];
+var ComboBoxList = class extends LightBlockElement {
+  constructor() {
+    super(...arguments);
+    this.comboBoxContext = null;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("mousemove", (event) => {
+      var _a;
+      (_a = this.comboBoxContext) == null ? void 0 : _a.listManager.handleMouseMove(event);
+    });
+    this.addEventListener("mouseover", (event) => {
+      var _a;
+      (_a = this.comboBoxContext) == null ? void 0 : _a.listManager.handleMouseOver(event);
+    });
+    this.addEventListener("mousedown", (event) => {
+      var _a;
+      (_a = this.comboBoxContext) == null ? void 0 : _a.listManager.handleMouseDown(event);
+    });
+    this.addEventListener("click", (event) => {
+      var _a;
+      (_a = this.comboBoxContext) == null ? void 0 : _a.listManager.handleClick(event);
+    });
+  }
+};
+__decorateClass([
+  consume({ context: comboBoxContext, subscribe: true }),
+  state()
+], ComboBoxList.prototype, "comboBoxContext", 2);
+ComboBoxList = __decorateClass([
+  customElement("prosekit-combo-box-list")
+], ComboBoxList);
+export {
+  ComboBoxList,
+  propNames
+};

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

@@ -0,0 +1,20 @@
+import { C as ComboBoxContext, a as ComboBoxItem } from './index-c461623f.js';
+import { P as Popover } from './index-f7e15683.js';
+import '@prosekit/core';
+import 'lit';
+import './index-2645d161.js';
+import '@floating-ui/dom';
+import './options-7235df55.js';
+
+declare const propNames: readonly ["onDismiss"];
+type ComboBoxProps = {
+    onDismiss?: VoidFunction;
+};
+declare class ComboBox extends Popover {
+    onDismiss?: VoidFunction;
+    private listManager;
+    context: ComboBoxContext;
+    get items(): ComboBoxItem[];
+}
+
+export { ComboBox, ComboBoxProps, propNames };

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

@@ -0,0 +1,111 @@
+import "./chunk-BMDOOASL.js";
+import {
+  ListManager
+} from "./chunk-PCXKL6TA.js";
+import {
+  Popover
+} from "./chunk-G5KPDHDH.js";
+import {
+  comboBoxContext
+} from "./chunk-HMV7TD6T.js";
+import "./chunk-TRZW33VF.js";
+import {
+  __decorateClass
+} from "./chunk-3UDA5JEW.js";
+
+// src/components/combo-box/index.ts
+import { provide } from "@lit-labs/context";
+import { customElement, property, state } from "lit/decorators.js";
+
+// 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.context.selectedValue) != null ? _a : "").trim();
+      },
+      setSelectedValue: (value) => {
+        return this.context.setSelectedValue(value);
+      },
+      getItemValue: (item) => {
+        var _a;
+        return ((_a = item.textContent) != null ? _a : "").trim();
+      },
+      queryClosestItem: queryClosestComboBoxItem,
+      getActive: () => {
+        return true;
+      },
+      onDismiss: () => {
+        var _a;
+        (_a = this.onDismiss) == null ? void 0 : _a.call(this);
+      },
+      onSelect: (item) => {
+        var _a, _b;
+        this.context.setSelectedValue("");
+        this.context.setInputValue("");
+        (_a = item == null ? void 0 : item.onSelect) == null ? void 0 : _a.call(item);
+        (_b = this.onDismiss) == null ? void 0 : _b.call(this);
+      }
+    });
+    this.context = {
+      inputValue: "",
+      setInputValue: (inputValue) => {
+        if (this.context.inputValue === inputValue) {
+          return;
+        }
+        this.context = { ...this.context, inputValue };
+      },
+      selectedValue: "",
+      setSelectedValue: (selectedValue) => {
+        if (this.context.selectedValue === selectedValue) {
+          return;
+        }
+        this.context = { ...this.context, selectedValue };
+      },
+      listManager: this.listManager
+    };
+  }
+  get items() {
+    const items = this.querySelectorAll("\u220Fprosekit-combo-box-item");
+    return Array.from(items).filter(isComboBoxItem);
+  }
+};
+__decorateClass([
+  property({ attribute: false })
+], ComboBox.prototype, "onDismiss", 2);
+__decorateClass([
+  provide({ context: comboBoxContext }),
+  state()
+], ComboBox.prototype, "context", 2);
+ComboBox = __decorateClass([
+  customElement("prosekit-combo-box")
+], ComboBox);
+export {
+  ComboBox,
+  propNames
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/lit",
   "type": "module",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -49,6 +49,31 @@
       "types": "./dist/prosekit-lit-components-autocomplete-popover.d.ts",
       "import": "./dist/prosekit-lit-components-autocomplete-popover.js",
       "default": "./dist/prosekit-lit-components-autocomplete-popover.js"
+    },
+    "./components/code-block-popover": {
+      "types": "./dist/prosekit-lit-components-code-block-popover.d.ts",
+      "import": "./dist/prosekit-lit-components-code-block-popover.js",
+      "default": "./dist/prosekit-lit-components-code-block-popover.js"
+    },
+    "./components/combo-box": {
+      "types": "./dist/prosekit-lit-components-combo-box.d.ts",
+      "import": "./dist/prosekit-lit-components-combo-box.js",
+      "default": "./dist/prosekit-lit-components-combo-box.js"
+    },
+    "./components/combo-box-input": {
+      "types": "./dist/prosekit-lit-components-combo-box-input.d.ts",
+      "import": "./dist/prosekit-lit-components-combo-box-input.js",
+      "default": "./dist/prosekit-lit-components-combo-box-input.js"
+    },
+    "./components/combo-box-item": {
+      "types": "./dist/prosekit-lit-components-combo-box-item.d.ts",
+      "import": "./dist/prosekit-lit-components-combo-box-item.js",
+      "default": "./dist/prosekit-lit-components-combo-box-item.js"
+    },
+    "./components/combo-box-list": {
+      "types": "./dist/prosekit-lit-components-combo-box-list.d.ts",
+      "import": "./dist/prosekit-lit-components-combo-box-list.js",
+      "default": "./dist/prosekit-lit-components-combo-box-list.js"
     }
   },
   "files": [
@@ -59,7 +84,7 @@
     "@lit-labs/context": "^0.3.3",
     "@lit/reactive-element": "^1.6.3",
     "@prosekit/core": "^0.0.7",
-    "@prosekit/extensions": "^0.0.7",
+    "@prosekit/extensions": "^0.0.8",
     "@prosekit/pm": "^0.0.3",
     "@superhuman/command-score": "^0.5.0",
     "lit": "^2.8.0",
@@ -95,6 +120,21 @@
       ],
       "components/autocomplete-popover": [
         "./dist/prosekit-lit-components-autocomplete-popover.d.ts"
+      ],
+      "components/code-block-popover": [
+        "./dist/prosekit-lit-components-code-block-popover.d.ts"
+      ],
+      "components/combo-box": [
+        "./dist/prosekit-lit-components-combo-box.d.ts"
+      ],
+      "components/combo-box-input": [
+        "./dist/prosekit-lit-components-combo-box-input.d.ts"
+      ],
+      "components/combo-box-item": [
+        "./dist/prosekit-lit-components-combo-box-item.d.ts"
+      ],
+      "components/combo-box-list": [
+        "./dist/prosekit-lit-components-combo-box-list.d.ts"
       ]
     }
   }