prosekit 0.0.0-next-20230627094841

package/dist/chunk-DDN3TFRH.js

@@ -0,0 +1,185 @@
+import {
+  b,
+  blockComponentStyles,
+  e,
+  n,
+  r,
+  s,
+  t
+} from "./chunk-CG5B6PMC.js";
+import {
+  ProseKitError,
+  addKeymap
+} from "./chunk-2MVHS73Q.js";
+import {
+  __decorateClass
+} from "./chunk-S65R2BUY.js";
+
+// ../lit/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 : ""
+  );
+}
+
+// ../lit/src/utils/visibility.ts
+function isVisibleElement(element) {
+  return !element.hidden;
+}
+
+// ../lit/src/elements/menu.ts
+var Menu = class extends s {
+  /** @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 b`
+      <div
+        role="menu"
+        @mouseover=${this.handleMouseOver.bind(this)}
+        @click=${this.handleClick.bind(this)}
+      >
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+/** @hidden */
+Menu.styles = blockComponentStyles;
+__decorateClass([
+  n({ attribute: false })
+], Menu.prototype, "editor", 2);
+__decorateClass([
+  t()
+], Menu.prototype, "focusedItem", 2);
+__decorateClass([
+  r("slot")
+], Menu.prototype, "defaultSlot", 2);
+Menu = __decorateClass([
+  e("prosekit-menu")
+], Menu);
+
+export {
+  Menu
+};