@routa/ui-vue 0.1.0

package/dist/menu/index.mjs

@@ -0,0 +1,772 @@
+import '../style/menu.css';
+import { defineComponent as J, inject as j, computed as y, watch as ke, onBeforeUnmount as Oe, openBlock as h, createElementBlock as w, createElementVNode as C, normalizeClass as ne, renderSlot as I, createCommentVNode as q, provide as re, unref as Se, createTextVNode as $e, toDisplayString as pe, createVNode as Pe, Transition as Re, withCtx as ee, withDirectives as Be, normalizeStyle as Ge, vShow as Fe, resolveComponent as Ue, Fragment as ie, renderList as Te, createBlock as T, createSlots as je, resolveDynamicComponent as we } from "vue";
+import { u as qe } from "../chunks/use-signals-CE1T2jXK.mjs";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { s as k, e as R } from "../chunks/index-B0yEC3RG.mjs";
+import { g as Je } from "../chunks/controller-BQhkT8pi.mjs";
+import { d as Qe, M as fe, a as le, s as We, m as Xe, e as Ye, b as Ze, c as en } from "../chunks/types-CXAGM03M.mjs";
+import { u as nn } from "../chunks/use-id-D3casveg.mjs";
+import { _ as ln } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
+function S(l) {
+  return typeof l == "function";
+}
+function x(l, i) {
+  return l.length !== i.length ? !1 : l.every((a, s) => a === i[s]);
+}
+function Ce(l, i) {
+  const a = [];
+  return l.forEach((s) => {
+    var r;
+    const u = (((r = s.children) == null ? void 0 : r.length) ?? 0) > 0;
+    a.push({
+      id: Symbol(String(s.value)),
+      value: s.value,
+      kind: u ? "submenu" : "item",
+      parent: i,
+      disabled: s.disabled ?? !1
+    }), u && a.push(...Ce(s.children ?? [], s.value));
+  }), a;
+}
+function tn(l, i) {
+  const a = [], s = l.filter((u) => u.parent === i).map((u) => u.value);
+  for (; s.length > 0; ) {
+    const u = s.shift();
+    a.push(u), s.push(...l.filter((r) => r.parent === u).map((r) => r.value));
+  }
+  return a;
+}
+let an = 0;
+function sn(l = {}) {
+  var Ke;
+  const i = an++, a = Je(), s = k([]), u = k(
+    S(l.value) ? l.value() : l.value ?? l.defaultValue
+  ), r = k(
+    S(l.openKeys) ? l.openKeys() : l.openKeys ?? l.defaultOpenKeys ?? []
+  ), v = k(void 0), b = k([]), O = k([]), f = k([]), c = k(S(l.mode) ? l.mode() : l.mode ?? "vertical"), M = k(
+    S(l.disabled) ? l.disabled() : l.disabled ?? !1
+  ), N = k(
+    S(l.accordion) ? l.accordion() : l.accordion ?? !1
+  ), g = k(
+    S(l.collapsed) ? l.collapsed() : l.collapsed ?? !1
+  ), _ = /* @__PURE__ */ new Map();
+  let te = 0, K = 0, L = [], ae = [], se = !1;
+  const he = (e) => {
+    console.warn(`[Routa Menu] Duplicate menu value "${String(e)}" was ignored.`);
+  }, m = (e) => {
+    if (e !== void 0)
+      return s.value.find((n) => n.value === e);
+  }, B = (e) => s.value.filter((n) => n.parent === e).sort((n, t) => n.order - t.order), A = (e) => B(e).filter((n) => !n.disabled), G = (e) => {
+    if (e === void 0) return [];
+    const n = [], t = /* @__PURE__ */ new Set();
+    let o = m(e);
+    for (; o && !t.has(o.value); )
+      n.unshift(o.value), t.add(o.value), o = o.parent === void 0 ? void 0 : m(o.parent);
+    return n;
+  }, Q = (e) => G(e).slice(0, -1).filter((n) => {
+    var t;
+    return ((t = m(n)) == null ? void 0 : t.kind) === "submenu";
+  }), me = (e, n) => {
+    let t = m(e);
+    for (; (t == null ? void 0 : t.parent) !== void 0; ) {
+      if (t.parent === n) return !0;
+      t = m(t.parent);
+    }
+    return !1;
+  }, Le = (e) => s.value.filter((n) => n.kind === "submenu" && me(n.value, e)).map((n) => n.value), $ = () => c.value !== "vertical" || g.value;
+  se = $();
+  const D = (e) => {
+    const n = [];
+    return e.forEach((t) => {
+      const o = m(t);
+      !o || o.kind !== "submenu" || n.includes(t) || n.push(t);
+    }), n;
+  }, F = () => {
+    const e = /* @__PURE__ */ new Set();
+    B(void 0), s.value.filter((n) => n.kind === "submenu").sort((n, t) => n.order - t.order).forEach((n) => {
+      var d;
+      e.add(n.value);
+      const t = _.get(n.value) ?? `menu:${i}:submenu:${te++}`;
+      _.set(n.value, t);
+      const o = n.parent !== void 0 && ((d = m(n.parent)) == null ? void 0 : d.kind) === "submenu" ? _.get(n.parent) ?? null : null;
+      a.actions.register({
+        id: t,
+        parentId: o,
+        kind: "submenu"
+      });
+    }), Array.from(_.entries()).forEach(([n, t]) => {
+      e.has(n) || (a.actions.unregister(t), _.delete(n));
+    });
+  }, W = (e = r.peek()) => {
+    const n = D(e);
+    _.forEach((t, o) => {
+      n.includes(o) ? a.actions.open(t) : a.actions.close(t);
+    });
+  }, E = (e = r.peek(), n = !1) => {
+    if ($()) {
+      const t = n ? [] : D(f.peek());
+      x(f.peek(), t) || (f.value = t), W(t), V();
+      return;
+    }
+    f.peek().length > 0 && (f.value = []), W(e), V();
+  }, X = (e = r.peek()) => {
+    const n = $(), t = n !== se;
+    se = n, E(e, t);
+  }, P = (e) => {
+    var t;
+    if (e !== void 0) {
+      const o = m(e);
+      if (!o || o.disabled) return;
+    }
+    v.value = e;
+    const n = G(e);
+    x(b.value, n) || (b.value = n, ae = n, (t = l.onHighlightChange) == null || t.call(l, n));
+  }, U = (e, n = !0) => {
+    var o;
+    const t = D(e);
+    x(r.peek(), t) || (r.value = t, E(t), n && ((o = l.onOpenKeysChange) == null || o.call(l, t)));
+  }, H = (e, n = !0) => {
+    var p;
+    const t = D(e), o = !x(f.peek(), t), d = !x(r.peek(), t);
+    !o && !d || (f.value = t, r.value = t, W(), n && ((p = l.onOpenKeysChange) == null || p.call(l, t)));
+  }, V = () => {
+    var t;
+    const e = G(u.value);
+    x(L, e) || (O.value = e, L = e);
+    const n = G(v.value);
+    x(ae, n) || (b.value = n, ae = n, (t = l.onHighlightChange) == null || t.call(l, n));
+  }, ge = (e) => {
+    const n = s.value.find((d) => d.id === e.id), t = s.value.find((d) => d.value === e.value && d.id !== e.id);
+    if (!n && t) {
+      he(e.value);
+      return;
+    }
+    const o = {
+      ...e,
+      disabled: e.disabled ?? !1,
+      order: (n == null ? void 0 : n.order) ?? K++
+    };
+    n ? s.value = s.value.map((d) => d.id === e.id ? o : d) : s.value = [...s.value, o], F(), E();
+  }, Ee = (e) => {
+    const n = s.value.find((d) => d.id === e);
+    if (!n) return;
+    const t = [n.value, ...tn(s.value, n.value)], o = t.filter((d) => {
+      var p;
+      return ((p = m(d)) == null ? void 0 : p.kind) === "submenu";
+    });
+    s.value = s.value.filter((d) => !t.includes(d.value)), F(), o.length > 0 ? $() ? H(f.value.filter((d) => !o.includes(d)), !1) : U(r.value.filter((d) => !o.includes(d)), !1) : E();
+  }, xe = (e, n) => {
+    const t = s.value.find((p) => p.id === e);
+    if (!t) return;
+    const o = n.value ?? t.value;
+    if (s.value.find((p) => p.value === o && p.id !== e)) {
+      he(o);
+      return;
+    }
+    s.value = s.value.map((p) => p.id !== e ? p : {
+      ...p,
+      ...n,
+      disabled: n.disabled ?? p.disabled ?? !1
+    }), F(), $() ? H(
+      f.value.map((p) => p === t.value ? o : p),
+      !1
+    ) : W(), V();
+  }, ue = (e) => {
+    if (M.value) return;
+    const n = m(e);
+    if (!n || n.kind !== "submenu" || n.disabled) return;
+    if ($()) {
+      H([...Q(e), e]), V();
+      return;
+    }
+    let t = D([...r.value, ...Q(e), e]);
+    if (N.value) {
+      const o = B(n.parent).filter((d) => d.kind === "submenu" && d.value !== e).map((d) => d.value);
+      t = t.filter(
+        (d) => !o.includes(d) && !o.some((p) => me(d, p))
+      ), t.includes(e) || t.push(e);
+    }
+    U(t), V();
+  }, Y = (e) => {
+    const n = [e, ...Le(e)];
+    if ($()) {
+      H(f.value.filter((t) => !n.includes(t))), V();
+      return;
+    }
+    U(r.value.filter((t) => !n.includes(t))), V();
+  }, Ae = (e) => {
+    if (r.value.includes(e)) {
+      Y(e);
+      return;
+    }
+    ue(e);
+  }, be = (e) => {
+    var t;
+    if (M.value) return;
+    const n = m(e);
+    !n || n.disabled || n.kind !== "item" || (u.value = e, $() ? H(Q(e)) : U([...r.value, ...Q(e)]), V(), (t = l.onSelect) == null || t.call(l, e));
+  }, De = () => {
+    const e = [], n = (t) => {
+      B(t).forEach((o) => {
+        o.disabled || (e.push(o), o.kind === "submenu" && r.value.includes(o.value) && n(o.value));
+      });
+    };
+    return n(void 0), e;
+  }, ye = (e, n) => {
+    if (e.length === 0) {
+      P(void 0);
+      return;
+    }
+    if (n === "first") {
+      P(e[0].value);
+      return;
+    }
+    if (n === "last") {
+      P(e[e.length - 1].value);
+      return;
+    }
+    const t = e.findIndex((p) => p.value === v.value);
+    if (t === -1) {
+      P(n === "next" ? e[0].value : e[e.length - 1].value);
+      return;
+    }
+    const d = (t + (n === "next" ? 1 : -1) + e.length) % e.length;
+    P(e[d].value);
+  }, Z = (e) => {
+    ye(De(), e);
+  }, He = () => {
+    const e = m(v.value);
+    return c.value === "horizontal" ? !e || e.parent === void 0 ? A(void 0) : A(e.parent) : A(e ? e.parent : void 0);
+  }, z = (e) => {
+    ye(He(), e);
+  }, _e = () => {
+    const e = m(v.value);
+    if (!e || e.kind !== "submenu") return;
+    ue(e.value);
+    const n = A(e.value)[0];
+    n && P(n.value);
+  }, Me = () => {
+    const e = m(v.value);
+    e != null && e.parent && (Y(e.parent), P(e.parent));
+  }, ze = (e) => {
+    if (M.value) return;
+    c.value === "vertical" ? (e === "ArrowDown" && Z("next"), e === "ArrowUp" && Z("prev"), e === "Home" && Z("first"), e === "End" && Z("last")) : (e === "ArrowDown" && z("next"), e === "ArrowUp" && z("prev"), e === "Home" && z("first"), e === "End" && z("last"));
+    const n = m(v.value);
+    if (e === "ArrowRight") {
+      if (c.value === "horizontal" && (!n || n.parent === void 0) && (n == null ? void 0 : n.kind) !== "submenu") {
+        z("next");
+        return;
+      }
+      (n == null ? void 0 : n.kind) === "submenu" && _e();
+    }
+    if (e === "ArrowLeft") {
+      if (c.value === "horizontal" && (!n || n.parent === void 0)) {
+        z("prev");
+        return;
+      }
+      Me();
+    }
+    if (e === "Enter" || e === " ") {
+      if ((n == null ? void 0 : n.kind) === "submenu") {
+        r.value.includes(n.value) && c.value === "vertical" ? Y(n.value) : _e();
+        return;
+      }
+      (n == null ? void 0 : n.kind) === "item" && be(n.value);
+    }
+    e === "Escape" && Me();
+  };
+  if ((Ke = l.items) != null && Ke.length && Ce(l.items).forEach((e) => {
+    ge(e);
+  }), S(l.value)) {
+    const e = l.value;
+    R(() => {
+      u.value = e(), V();
+    });
+  }
+  if (S(l.openKeys)) {
+    const e = l.openKeys;
+    R(() => {
+      const n = D(e() ?? []);
+      r.value = n, E(n);
+    });
+  }
+  if (S(l.mode)) {
+    const e = l.mode;
+    R(() => {
+      c.value = e() ?? "vertical", X();
+    });
+  }
+  if (S(l.disabled)) {
+    const e = l.disabled;
+    R(() => {
+      M.value = e() ?? !1;
+    });
+  }
+  if (S(l.accordion)) {
+    const e = l.accordion;
+    R(() => {
+      N.value = e() ?? !1;
+    });
+  }
+  if (S(l.collapsed)) {
+    const e = l.collapsed;
+    R(() => {
+      g.value = e() ?? !1, X();
+    });
+  }
+  return F(), E(), {
+    state: {
+      get nodes() {
+        return s.value;
+      },
+      set nodes(e) {
+        s.value = e.map((n, t) => ({
+          ...n,
+          disabled: n.disabled ?? !1,
+          order: t
+        })), K = s.value.length, F(), E();
+      },
+      get activeKey() {
+        return u.value;
+      },
+      set activeKey(e) {
+        u.value = e, V();
+      },
+      get openKeys() {
+        return r.value;
+      },
+      set openKeys(e) {
+        $() ? H(e) : U(e), V();
+      },
+      get highlightedKey() {
+        return v.value;
+      },
+      set highlightedKey(e) {
+        P(e);
+      },
+      get highlightedPath() {
+        return b.value;
+      },
+      get activePath() {
+        return O.value;
+      },
+      get popupOpenValues() {
+        return f.value;
+      },
+      get mode() {
+        return c.value;
+      },
+      set mode(e) {
+        c.value = e, X();
+      },
+      get disabled() {
+        return M.value;
+      },
+      set disabled(e) {
+        M.value = e;
+      },
+      get accordion() {
+        return N.value;
+      },
+      set accordion(e) {
+        N.value = e;
+      },
+      get collapsed() {
+        return g.value;
+      },
+      set collapsed(e) {
+        g.value = e, X();
+      },
+      get overlayOpenIds() {
+        return a.state.openIds;
+      }
+    },
+    actions: {
+      registerNode: ge,
+      unregisterNode: Ee,
+      updateNode: xe,
+      open: ue,
+      close: Y,
+      toggle: Ae,
+      select: be,
+      setHighlighted: P,
+      handleKeydown: ze,
+      getNode: m,
+      getPath: G,
+      getChildren: B,
+      getEnabledChildren: A,
+      getOverlayId: (e) => _.get(e)
+    }
+  };
+}
+const un = { role: "none" }, rn = ["aria-disabled"], on = { class: "l-menu-item__main" }, dn = {
+  key: 0,
+  class: "l-menu-item__icon"
+}, cn = { class: "l-menu-item__label" }, vn = {
+  key: 0,
+  class: "l-menu-item__suffix"
+}, Ne = /* @__PURE__ */ J({
+  name: "MenuItem",
+  __name: "MenuItem",
+  props: Qe,
+  setup(l) {
+    const i = l, a = j(fe, null), s = j(le, {
+      level: 0,
+      parentValue: void 0
+    });
+    if (!a)
+      throw new Error("[Routa] LMenuItem must be used within LMenu");
+    const u = Symbol("menu-item"), r = y(() => s.level + 1), v = y(() => r.value === 1), b = y(() => a.activeKey.value === i.value), O = y(() => a.highlightedKey.value === i.value);
+    ke(
+      () => [i.value, i.disabled],
+      ([g, _]) => {
+        a.registerNode({
+          id: u,
+          value: g,
+          kind: "item",
+          parent: s.parentValue,
+          disabled: _
+        });
+      },
+      { immediate: !0 }
+    ), Oe(() => {
+      a.unregisterNode(u);
+    });
+    const f = y(() => [
+      "l-menu-item",
+      `l-menu-item--${a.size.value}`,
+      {
+        "is-active": b.value,
+        "is-highlighted": O.value,
+        "is-disabled": i.disabled,
+        "is-danger": i.danger,
+        "is-root-level": v.value
+      }
+    ]), c = () => {
+      i.disabled || a.setHighlighted(i.value);
+    }, M = () => {
+      i.disabled || a.highlightedKey.value === i.value && a.setHighlighted(void 0);
+    }, N = () => {
+      i.disabled || (a.selectItem(i.value), a.collapsed.value && s.parentValue && a.closeSubMenu(s.parentValue));
+    };
+    return (g, _) => (h(), w("li", un, [
+      C("button", {
+        type: "button",
+        class: ne(f.value),
+        role: "menuitem",
+        "aria-disabled": g.disabled,
+        onMouseenter: c,
+        onMouseleave: M,
+        onClick: N
+      }, [
+        C("span", on, [
+          g.$slots.icon ? (h(), w("span", dn, [
+            I(g.$slots, "icon")
+          ])) : q("", !0),
+          C("span", cn, [
+            I(g.$slots, "default")
+          ])
+        ]),
+        g.$slots.suffix ? (h(), w("span", vn, [
+          I(g.$slots, "suffix")
+        ])) : q("", !0)
+      ], 42, rn)
+    ]));
+  }
+}), pn = ["aria-controls", "aria-expanded", "aria-disabled"], fn = { class: "l-sub-menu__title-main" }, hn = {
+  key: 0,
+  class: "l-sub-menu__icon"
+}, mn = { class: "l-sub-menu__label" }, gn = ["id"], Ie = /* @__PURE__ */ J({
+  name: "SubMenu",
+  __name: "SubMenu",
+  props: We,
+  setup(l) {
+    const i = l, a = j(fe, null), s = j(le, {
+      level: 0,
+      parentValue: void 0
+    });
+    if (!a)
+      throw new Error("[Routa] LSubMenu must be used within LMenu");
+    const u = Symbol("sub-menu"), r = nn("menu-panel"), v = y(() => s.level + 1), b = y(
+      () => a.mode.value !== "vertical" || a.collapsed.value
+    ), O = y(() => b.value ? a.popupOpenValues.value.includes(i.value) : a.openKeys.value.includes(i.value)), f = y(() => a.highlightedKey.value === i.value), c = y(() => a.activePath.value.includes(i.value));
+    ke(
+      () => [i.value, i.disabled],
+      ([K, L]) => {
+        a.registerNode({
+          id: u,
+          value: K,
+          kind: "submenu",
+          parent: s.parentValue,
+          disabled: L
+        });
+      },
+      { immediate: !0 }
+    ), Oe(() => {
+      a.unregisterNode(u);
+    }), re(le, {
+      level: v.value,
+      parentValue: i.value
+    });
+    const M = y(() => [
+      "l-sub-menu",
+      `l-sub-menu--${a.size.value}`,
+      {
+        "is-open": O.value,
+        "is-popup": b.value,
+        "is-highlighted": f.value,
+        "is-active-path": c.value
+      }
+    ]), N = y(() => ({
+      "--l-menu-popup-offset": `${i.popupOffset}px`
+    })), g = () => {
+      if (!i.disabled) {
+        if (a.setHighlighted(i.value), a.mode.value === "vertical" && !a.collapsed.value) {
+          a.toggleSubMenu(i.value);
+          return;
+        }
+        a.openSubMenu(i.value);
+      }
+    }, _ = () => {
+      i.disabled || (a.setHighlighted(i.value), b.value && a.openSubMenu(i.value));
+    }, te = () => {
+      i.disabled || b.value && a.closeSubMenu(i.value);
+    };
+    return (K, L) => (h(), w("li", {
+      class: ne(M.value),
+      role: "none",
+      onMouseenter: _,
+      onMouseleave: te
+    }, [
+      C("button", {
+        type: "button",
+        class: ne(["l-sub-menu__title", { "is-disabled": K.disabled }]),
+        role: "menuitem",
+        "aria-haspopup": "true",
+        "aria-controls": Se(r),
+        "aria-expanded": O.value,
+        "aria-disabled": K.disabled,
+        onMouseenter: _,
+        onClick: g
+      }, [
+        C("span", fn, [
+          K.$slots.icon ? (h(), w("span", hn, [
+            I(K.$slots, "icon")
+          ])) : q("", !0),
+          C("span", mn, [
+            I(K.$slots, "title", {}, () => [
+              $e(pe(K.title), 1)
+            ])
+          ])
+        ]),
+        L[0] || (L[0] = C("span", {
+          class: "l-sub-menu__arrow",
+          "aria-hidden": "true"
+        }, null, -1))
+      ], 42, pn),
+      Pe(Re, { name: "l-menu-expand" }, {
+        default: ee(() => [
+          Be(C("ul", {
+            id: Se(r),
+            class: "l-sub-menu__panel",
+            role: "menu",
+            style: Ge(N.value)
+          }, [
+            I(K.$slots, "default")
+          ], 12, gn), [
+            [Fe, O.value]
+          ])
+        ]),
+        _: 3
+      })
+    ], 34));
+  }
+}), bn = /* @__PURE__ */ J({
+  name: "MenuNodeRenderer",
+  __name: "MenuNodeRenderer",
+  props: {
+    items: {}
+  },
+  setup(l) {
+    return (i, a) => {
+      const s = Ue("MenuNodeRenderer", !0);
+      return h(!0), w(ie, null, Te(l.items, (u) => {
+        var r;
+        return h(), w(ie, {
+          key: String(u.value)
+        }, [
+          (r = u.children) != null && r.length ? (h(), T(Ie, {
+            key: 0,
+            value: u.value,
+            title: typeof u.label == "string" ? u.label : "",
+            disabled: u.disabled
+          }, je({
+            default: ee(() => [
+              Pe(s, {
+                items: u.children
+              }, null, 8, ["items"])
+            ]),
+            _: 2
+          }, [
+            u.label && typeof u.label != "string" ? {
+              name: "title",
+              fn: ee(() => [
+                (h(), T(we(u.label)))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["value", "title", "disabled"])) : (h(), T(Ne, {
+            key: 1,
+            value: u.value,
+            disabled: u.disabled
+          }, {
+            default: ee(() => [
+              u.label && typeof u.label != "string" ? (h(), T(we(u.label), { key: 0 })) : (h(), w(ie, { key: 1 }, [
+                $e(pe(u.label), 1)
+              ], 64))
+            ]),
+            _: 2
+          }, 1032, ["value", "disabled"]))
+        ], 64);
+      }), 128);
+    };
+  }
+}), yn = /* @__PURE__ */ J({
+  name: "Menu",
+  __name: "Menu",
+  props: Ye,
+  emits: Xe,
+  setup(l, { emit: i }) {
+    const a = l, s = i, u = j(Ze, null), r = sn({
+      mode: a.mode,
+      value: a.modelValue,
+      defaultValue: a.defaultValue,
+      openKeys: a.openKeys,
+      defaultOpenKeys: a.defaultOpenKeys,
+      collapsed: a.collapsed,
+      accordion: a.accordion,
+      disabled: a.disabled,
+      items: a.items,
+      onSelect: (c) => {
+        s("update:modelValue", c), s("select", c), u == null || u.onSelect(c);
+      },
+      onOpenKeysChange: (c) => {
+        s("update:openKeys", c), s("open-change", c);
+      }
+    }), v = qe(r, {
+      mode: () => a.mode,
+      collapsed: () => a.collapsed,
+      accordion: () => a.accordion,
+      disabled: () => a.disabled,
+      ...a.modelValue !== void 0 ? {
+        activeKey: () => a.modelValue
+      } : {},
+      ...a.openKeys !== void 0 ? {
+        openKeys: () => a.openKeys ?? []
+      } : {}
+    }), b = y(() => v.mode.value === "popup" && u ? u.size.value : a.size), O = y(() => [
+      "l-menu",
+      `l-menu--${v.mode.value}`,
+      `l-menu--${b.value}`,
+      {
+        "is-collapsed": v.collapsed.value,
+        "is-disabled": v.disabled.value
+      }
+    ]), f = (c) => {
+      ["ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight", "Home", "End", "Enter", " ", "Escape"].includes(c.key) && (c.preventDefault(), r.actions.handleKeydown(c.key), c.key === "Escape" && v.mode.value === "popup" && (u != null && u.close) && v.highlightedPath.value.length <= 1 && u.close());
+    };
+    return re(fe, {
+      nodes: v.nodes,
+      activeKey: v.activeKey,
+      openKeys: v.openKeys,
+      highlightedKey: v.highlightedKey,
+      highlightedPath: v.highlightedPath,
+      activePath: v.activePath,
+      popupOpenValues: v.popupOpenValues,
+      mode: v.mode,
+      size: b,
+      collapsed: v.collapsed,
+      disabled: v.disabled,
+      registerNode: r.actions.registerNode,
+      unregisterNode: r.actions.unregisterNode,
+      updateNode: r.actions.updateNode,
+      selectItem: r.actions.select,
+      toggleSubMenu: r.actions.toggle,
+      openSubMenu: r.actions.open,
+      closeSubMenu: r.actions.close,
+      setHighlighted: r.actions.setHighlighted,
+      handleKeydown: r.actions.handleKeydown
+    }), re(le, {
+      level: 0,
+      parentValue: void 0
+    }), (c, M) => (h(), w("ul", {
+      class: ne(O.value),
+      role: "menu",
+      tabindex: "0",
+      onKeydown: f
+    }, [
+      c.$slots.default ? I(c.$slots, "default", { key: 0 }) : c.items.length ? (h(), T(bn, {
+        key: 1,
+        items: c.items
+      }, null, 8, ["items"])) : q("", !0)
+    ], 34));
+  }
+}), _n = {}, Mn = {
+  class: "l-menu-divider",
+  role: "separator"
+};
+function Kn(l, i) {
+  return h(), w("li", Mn);
+}
+const Sn = /* @__PURE__ */ ln(_n, [["render", Kn]]), wn = {
+  class: "l-menu-group",
+  role: "presentation"
+}, Vn = {
+  key: 0,
+  class: "l-menu-group__title"
+}, kn = {
+  class: "l-menu-group__list",
+  role: "group"
+}, On = /* @__PURE__ */ J({
+  name: "MenuGroup",
+  __name: "MenuGroup",
+  props: en,
+  setup(l) {
+    return (i, a) => (h(), w("li", wn, [
+      i.title ? (h(), w("div", Vn, pe(i.title), 1)) : q("", !0),
+      C("ul", kn, [
+        I(i.$slots, "default")
+      ])
+    ]));
+  }
+}), Ve = yn, oe = Ne, de = Ie, ce = On, ve = Sn;
+Ve.install = (l) => {
+  l.component("LMenu", Ve), l.component("LMenuItem", oe), l.component("LSubMenu", de), l.component("LMenuGroup", ce), l.component("LMenuDivider", ve);
+};
+oe.install = (l) => {
+  l.component("LMenuItem", oe);
+};
+de.install = (l) => {
+  l.component("LSubMenu", de);
+};
+ce.install = (l) => {
+  l.component("LMenuGroup", ce);
+};
+ve.install = (l) => {
+  l.component("LMenuDivider", ve);
+};
+export {
+  Ve as LMenu,
+  ve as LMenuDivider,
+  ce as LMenuGroup,
+  oe as LMenuItem,
+  de as LSubMenu,
+  fe as MenuKey,
+  le as MenuParentKey,
+  Ze as MenuPopupHostKey,
+  Ve as default,
+  Xe as menuEmits,
+  en as menuGroupProps,
+  Qe as menuItemProps,
+  Ye as menuProps,
+  We as subMenuProps
+};