@prosekit/lit 0.1.2 → 0.1.4

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

@@ -1,20 +1,19 @@
 import {
   Popover
-} from "./chunk-7WLKD2U6.js";
+} from "./chunk-Z3PEQ6MW.js";
 import {
   ListManager
-} from "./chunk-PCXKL6TA.js";
-import "./chunk-55G7TJI3.js";
+} from "./chunk-PW3MTUZM.js";
+import "./chunk-L6FOAZFL.js";
 import {
   comboBoxContext
 } from "./chunk-C4MW43I4.js";
 import {
-  __decorateClass
-} from "./chunk-O5JP3B34.js";
+  defineCustomElement
+} from "./chunk-S32IZIQF.js";
 
 // src/components/combo-box/index.ts
-import { provide } from "@lit/context";
-import { customElement, property, state } from "lit/decorators.js";
+import { ContextProvider } from "@lit/context";
 
 // src/components/combo-box-item/helpers.ts
 function isComboBoxItem(element) {
@@ -46,10 +45,10 @@ var ComboBox = class extends Popover {
       },
       getSelectedValue: () => {
         var _a;
-        return ((_a = this.context.selectedValue) != null ? _a : "").trim();
+        return ((_a = this.getContext().selectedValue) != null ? _a : "").trim();
       },
-      setSelectedValue: (value) => {
-        return this.context.setSelectedValue(value);
+      setSelectedValue: (value, reason) => {
+        return this.setSelectedValue(value, reason);
       },
       getItemValue: (item) => {
         var _a;
@@ -60,50 +59,67 @@ var ComboBox = class extends Popover {
         return true;
       },
       onDismiss: () => {
-        var _a;
-        (_a = this.onDismiss) == null ? void 0 : _a.call(this);
+        this.hide();
       },
       onSelect: (item) => {
-        var _a, _b;
-        this.context.setSelectedValue("");
-        this.context.setInputValue("");
+        var _a;
+        this.setSelectedValue("", "keyboard");
         (_a = item == null ? void 0 : item.onSelect) == null ? void 0 : _a.call(item);
-        (_b = this.onDismiss) == null ? void 0 : _b.call(this);
+        this.hide();
+      }
+    });
+    this.context = new ContextProvider(this, {
+      context: comboBoxContext,
+      initialValue: {
+        inputValue: "",
+        setInputValue: (inputValue) => {
+          this.setInputValue(inputValue);
+        },
+        selectedValue: "",
+        selectedReason: "keyboard",
+        listManager: this.listManager
       }
     });
-    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
-    };
+  }
+  /**
+   * @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("\u220Fprosekit-combo-box-item");
+    const items = this.querySelectorAll("prosekit-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);
+/**
+ * @hidden
+ */
+ComboBox.properties = {
+  ...Popover.properties,
+  onDismiss: { attribute: false }
+};
+defineCustomElement("prosekit-combo-box", ComboBox);
 export {
   ComboBox,
   propNames

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

@@ -1,48 +1,4 @@
-export { propNames } from './_tsup-dts-rollup';
-export { AutocompleteEmptyProps } from './_tsup-dts-rollup';
-export { AutocompleteEmpty } from './_tsup-dts-rollup';
-export { AutocompleteItemProps } from './_tsup-dts-rollup';
-export { AutocompleteItem } from './_tsup-dts-rollup';
-export { isAutocompleteItem } from './_tsup-dts-rollup';
-export { queryClosestAutocompleteItem } from './_tsup-dts-rollup';
-export { AutocompleteListProps } from './_tsup-dts-rollup';
-export { AutocompleteList } from './_tsup-dts-rollup';
-export { AutocompleteListContext } from './_tsup-dts-rollup';
-export { commandListContext } from './_tsup-dts-rollup';
-export { AutocompleteListController } from './_tsup-dts-rollup';
-export { isAutocompleteList } from './_tsup-dts-rollup';
-export { AutocompletePopoverContext } from './_tsup-dts-rollup';
-export { commandPopoverContext } from './_tsup-dts-rollup';
-export { AutocompletePopoverController } from './_tsup-dts-rollup';
-export { defaultPopoverOptions } from './_tsup-dts-rollup';
-export { defaultQueryBuilder } from './_tsup-dts-rollup';
-export { PopoverOptions } from './_tsup-dts-rollup';
-export { AutocompletePopoverProps } from './_tsup-dts-rollup';
-export { AutocompletePopover } from './_tsup-dts-rollup';
-export { LightElement } from './_tsup-dts-rollup';
-export { ComboBoxContext } from './_tsup-dts-rollup';
-export { comboBoxContext } from './_tsup-dts-rollup';
-export { ComboBoxProps } from './_tsup-dts-rollup';
-export { ComboBox } from './_tsup-dts-rollup';
-export { ComboBoxInputProps } from './_tsup-dts-rollup';
-export { ComboBoxInput } from './_tsup-dts-rollup';
-export { ComboBoxItemProps } from './_tsup-dts-rollup';
-export { ComboBoxItem } from './_tsup-dts-rollup';
-export { isComboBoxItem } from './_tsup-dts-rollup';
-export { queryClosestComboBoxItem } from './_tsup-dts-rollup';
-export { ComboBoxListProps } from './_tsup-dts-rollup';
-export { ComboBoxList } from './_tsup-dts-rollup';
-export { isComboBoxList } from './_tsup-dts-rollup';
-export { InlinePopoverController } from './_tsup-dts-rollup';
-export { getVirtualSelectionElement } from './_tsup-dts-rollup';
+export { PopoverOptions_alias_1 as PopoverOptions } from './_tsup-dts-rollup';
+export { propNames_alias_12 as propNames } from './_tsup-dts-rollup';
 export { InlinePopoverProps } from './_tsup-dts-rollup';
 export { InlinePopover } from './_tsup-dts-rollup';
-export { AutoUpdateOptions } from './_tsup-dts-rollup';
-export { PopoverProps } from './_tsup-dts-rollup';
-export { Popover } from './_tsup-dts-rollup';
-export { ListManager } from './_tsup-dts-rollup';
-export { blockComponentStyles } from './_tsup-dts-rollup';
-export { componentStyles } from './_tsup-dts-rollup';
-export { commandScore } from './_tsup-dts-rollup';
-export { roundByDPR } from './_tsup-dts-rollup';
-export { default_alias as default } from './_tsup-dts-rollup';

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

@@ -1,13 +1,12 @@
 import {
   Popover
-} from "./chunk-7WLKD2U6.js";
+} from "./chunk-Z3PEQ6MW.js";
 import {
-  __decorateClass
-} from "./chunk-O5JP3B34.js";
+  defineCustomElement
+} from "./chunk-S32IZIQF.js";
 
 // src/components/inline-popover/index.ts
 import "@prosekit/core";
-import { customElement, property } from "lit/decorators.js";
 
 // src/components/inline-popover/controller.ts
 import { defineUpdateHandler } from "@prosekit/core";
@@ -113,13 +112,17 @@ var defaultPopoverOptions = {
 var propNames = ["editor", "popoverOptions"];
 var InlinePopover = class extends Popover {
   constructor() {
-    super();
-    /** @hidden */
-    this.controller = new InlinePopoverController(this);
+    super(...arguments);
     this.popoverOptions = defaultPopoverOptions;
     this.dismiss = "escape";
+    /**
+     * @hidden
+     */
+    this.controller = new InlinePopoverController(this);
   }
-  /** @hidden */
+  /**
+   * @hidden
+   */
   willUpdate() {
     var _a, _b;
     if (this.editor) {
@@ -129,7 +132,9 @@ var InlinePopover = class extends Popover {
     this.reference = (_b = this.controller.reference) != null ? _b : void 0;
     this.options = this.popoverOptions;
   }
-  /** @hidden */
+  /**
+   * @hidden
+   */
   hide() {
     var _a;
     super.hide();
@@ -139,15 +144,15 @@ var InlinePopover = class extends Popover {
     }
   }
 };
-__decorateClass([
-  property({ attribute: false })
-], InlinePopover.prototype, "editor", 2);
-__decorateClass([
-  property({ attribute: false })
-], InlinePopover.prototype, "popoverOptions", 2);
-InlinePopover = __decorateClass([
-  customElement("prosekit-inline-popover")
-], InlinePopover);
+/**
+ * @hidden
+ */
+InlinePopover.properties = {
+  ...Popover.properties,
+  editor: { attribute: false },
+  popoverOptions: { attribute: false }
+};
+defineCustomElement("prosekit-inline-popover", InlinePopover);
 export {
   InlinePopover,
   propNames

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

@@ -1,48 +1,5 @@
-export { propNames } from './_tsup-dts-rollup';
-export { AutocompleteEmptyProps } from './_tsup-dts-rollup';
-export { AutocompleteEmpty } from './_tsup-dts-rollup';
-export { AutocompleteItemProps } from './_tsup-dts-rollup';
-export { AutocompleteItem } from './_tsup-dts-rollup';
-export { isAutocompleteItem } from './_tsup-dts-rollup';
-export { queryClosestAutocompleteItem } from './_tsup-dts-rollup';
-export { AutocompleteListProps } from './_tsup-dts-rollup';
-export { AutocompleteList } from './_tsup-dts-rollup';
-export { AutocompleteListContext } from './_tsup-dts-rollup';
-export { commandListContext } from './_tsup-dts-rollup';
-export { AutocompleteListController } from './_tsup-dts-rollup';
-export { isAutocompleteList } from './_tsup-dts-rollup';
-export { AutocompletePopoverContext } from './_tsup-dts-rollup';
-export { commandPopoverContext } from './_tsup-dts-rollup';
-export { AutocompletePopoverController } from './_tsup-dts-rollup';
-export { defaultPopoverOptions } from './_tsup-dts-rollup';
-export { defaultQueryBuilder } from './_tsup-dts-rollup';
-export { PopoverOptions } from './_tsup-dts-rollup';
-export { AutocompletePopoverProps } from './_tsup-dts-rollup';
-export { AutocompletePopover } from './_tsup-dts-rollup';
-export { LightElement } from './_tsup-dts-rollup';
-export { ComboBoxContext } from './_tsup-dts-rollup';
-export { comboBoxContext } from './_tsup-dts-rollup';
-export { ComboBoxProps } from './_tsup-dts-rollup';
-export { ComboBox } from './_tsup-dts-rollup';
-export { ComboBoxInputProps } from './_tsup-dts-rollup';
-export { ComboBoxInput } from './_tsup-dts-rollup';
-export { ComboBoxItemProps } from './_tsup-dts-rollup';
-export { ComboBoxItem } from './_tsup-dts-rollup';
-export { isComboBoxItem } from './_tsup-dts-rollup';
-export { queryClosestComboBoxItem } from './_tsup-dts-rollup';
-export { ComboBoxListProps } from './_tsup-dts-rollup';
-export { ComboBoxList } from './_tsup-dts-rollup';
-export { isComboBoxList } from './_tsup-dts-rollup';
-export { InlinePopoverController } from './_tsup-dts-rollup';
-export { getVirtualSelectionElement } from './_tsup-dts-rollup';
-export { InlinePopoverProps } from './_tsup-dts-rollup';
-export { InlinePopover } from './_tsup-dts-rollup';
 export { AutoUpdateOptions } from './_tsup-dts-rollup';
+export { PopoverOptions_alias_2 as PopoverOptions } from './_tsup-dts-rollup';
+export { propNames_alias_13 as propNames } from './_tsup-dts-rollup';
 export { PopoverProps } from './_tsup-dts-rollup';
 export { Popover } from './_tsup-dts-rollup';
-export { ListManager } from './_tsup-dts-rollup';
-export { blockComponentStyles } from './_tsup-dts-rollup';
-export { componentStyles } from './_tsup-dts-rollup';
-export { commandScore } from './_tsup-dts-rollup';
-export { roundByDPR } from './_tsup-dts-rollup';
-export { default_alias as default } from './_tsup-dts-rollup';

package/dist/prosekit-lit-popover.js

@@ -1,8 +1,8 @@
 import {
   Popover,
   propNames
-} from "./chunk-7WLKD2U6.js";
-import "./chunk-O5JP3B34.js";
+} from "./chunk-Z3PEQ6MW.js";
+import "./chunk-S32IZIQF.js";
 export {
   Popover,
   propNames

package/dist/prosekit-lit.d.ts

@@ -1,48 +1 @@
-export { propNames } from './_tsup-dts-rollup';
-export { AutocompleteEmptyProps } from './_tsup-dts-rollup';
-export { AutocompleteEmpty } from './_tsup-dts-rollup';
-export { AutocompleteItemProps } from './_tsup-dts-rollup';
-export { AutocompleteItem } from './_tsup-dts-rollup';
-export { isAutocompleteItem } from './_tsup-dts-rollup';
-export { queryClosestAutocompleteItem } from './_tsup-dts-rollup';
-export { AutocompleteListProps } from './_tsup-dts-rollup';
-export { AutocompleteList } from './_tsup-dts-rollup';
-export { AutocompleteListContext } from './_tsup-dts-rollup';
-export { commandListContext } from './_tsup-dts-rollup';
-export { AutocompleteListController } from './_tsup-dts-rollup';
-export { isAutocompleteList } from './_tsup-dts-rollup';
-export { AutocompletePopoverContext } from './_tsup-dts-rollup';
-export { commandPopoverContext } from './_tsup-dts-rollup';
-export { AutocompletePopoverController } from './_tsup-dts-rollup';
-export { defaultPopoverOptions } from './_tsup-dts-rollup';
-export { defaultQueryBuilder } from './_tsup-dts-rollup';
-export { PopoverOptions } from './_tsup-dts-rollup';
-export { AutocompletePopoverProps } from './_tsup-dts-rollup';
-export { AutocompletePopover } from './_tsup-dts-rollup';
-export { LightElement } from './_tsup-dts-rollup';
-export { ComboBoxContext } from './_tsup-dts-rollup';
-export { comboBoxContext } from './_tsup-dts-rollup';
-export { ComboBoxProps } from './_tsup-dts-rollup';
-export { ComboBox } from './_tsup-dts-rollup';
-export { ComboBoxInputProps } from './_tsup-dts-rollup';
-export { ComboBoxInput } from './_tsup-dts-rollup';
-export { ComboBoxItemProps } from './_tsup-dts-rollup';
-export { ComboBoxItem } from './_tsup-dts-rollup';
-export { isComboBoxItem } from './_tsup-dts-rollup';
-export { queryClosestComboBoxItem } from './_tsup-dts-rollup';
-export { ComboBoxListProps } from './_tsup-dts-rollup';
-export { ComboBoxList } from './_tsup-dts-rollup';
-export { isComboBoxList } from './_tsup-dts-rollup';
-export { InlinePopoverController } from './_tsup-dts-rollup';
-export { getVirtualSelectionElement } from './_tsup-dts-rollup';
-export { InlinePopoverProps } from './_tsup-dts-rollup';
-export { InlinePopover } from './_tsup-dts-rollup';
-export { AutoUpdateOptions } from './_tsup-dts-rollup';
-export { PopoverProps } from './_tsup-dts-rollup';
-export { Popover } from './_tsup-dts-rollup';
-export { ListManager } from './_tsup-dts-rollup';
-export { blockComponentStyles } from './_tsup-dts-rollup';
-export { componentStyles } from './_tsup-dts-rollup';
-export { commandScore } from './_tsup-dts-rollup';
-export { roundByDPR } from './_tsup-dts-rollup';
-export { default_alias as default } from './_tsup-dts-rollup';
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/lit",
   "type": "module",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -95,11 +95,11 @@
   },
   "devDependencies": {
     "@prosekit/dev": "*",
-    "minify-literals": "^1.0.7",
-    "tsup": "^7.3.0",
-    "typescript": "^5.2.2",
-    "vitest": "^0.34.6",
-    "vue": "^3.3.8"
+    "minify-literals": "^1.0.8",
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.3",
+    "vitest": "^1.0.2",
+    "vue": "^3.3.11"
   },
   "scripts": {
     "build:tsup": "tsup",

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-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
-};