@editora/ui-core 0.1.18 → 0.1.20

package/dist/menubar.esm.js

@@ -1,12 +1,11 @@
-import { E } from "./ElementBase-909688f3.mjs";
-import { c as k } from "./portal-fe73e5cc.mjs";
-import { d as L } from "./collection-a1aac0c6.mjs";
-import { c as I } from "./dismissable-layer-9c7e6b58.mjs";
-import { r as v, s as y, f as C, m as x, g as S } from "./roving-focus-group-4350c9a7.mjs";
-import { l as T } from "./positioner-e9770c66.mjs";
-import "./listbox-308789a0.mjs";
-import { c as D } from "./menu-item-styles-27fdbac4.mjs";
-import "./collection.esm.js";
+import { E } from "./ElementBase-YlTLMsGk.mjs";
+import { b as k } from "./portal-bR42gHvG.mjs";
+import { d as L } from "./collection-C7URGjEI.mjs";
+import { c as I } from "./dismissable-layer-BmPIoK80.mjs";
+import { r as g, s as v, f as C, m as y, g as x } from "./roving-focus-group-Dbm1Jko_.mjs";
+import { e as T } from "./positioner-D0VGxtYU.mjs";
+import "./listbox-DJamVeFj.mjs";
+import { c as D } from "./menu-item-styles-CZiPwPwl.mjs";
 const z = ":scope > .submenu", B = [
   "--ui-color-primary",
   "--ui-color-primary-hover",
@@ -55,7 +54,7 @@ const z = ":scope > .submenu", B = [
 function O(n) {
   return n === "sm" || n === "1" || n === "compact" ? "sm" : n === "lg" || n === "3" || n === "comfortable" ? "lg" : "md";
 }
-function A(n) {
+function S(n) {
   return !n || n === "default" ? null : n === "none" || n === "square" ? "0px" : n === "sm" ? "8px" : n === "md" || n === "soft" ? "12px" : n === "lg" ? "16px" : n === "full" ? "999px" : /^\d+(\.\d+)?$/.test(n) ? `${n}px` : /^\d+(\.\d+)?(px|rem|em|%)$/.test(n) ? n : null;
 }
 const R = `
@@ -521,16 +520,15 @@ function H(n) {
   const e = $(n);
   return e === "top" ? "top" : e === "left" ? "left" : e === "right" ? "right" : "bottom";
 }
-function _(n, e) {
-  if (n == null)
-    return e;
+function f(n, e) {
+  if (n == null) return e;
   const t = String(n).toLowerCase();
   return t !== "false" && t !== "0";
 }
-function w(n, e) {
+function A(n, e) {
   return e <= 0 ? -1 : Number.isNaN(n) || n < 0 ? 0 : n >= e ? e - 1 : n;
 }
-function c() {
+function l() {
   return [
     '[role="menuitem"]',
     '[role="menuitemcheckbox"]',
@@ -539,18 +537,18 @@ function c() {
     "[data-menu-item]"
   ].join(", ");
 }
-function g(n) {
+function _(n) {
   return n.hasAttribute("disabled") || n.getAttribute("aria-disabled") === "true" || !!n.disabled;
 }
-function P(n) {
+function w(n) {
   const e = typeof n.composedPath == "function" ? n.composedPath() : [];
   for (const a of e)
-    if (a instanceof HTMLElement && a.matches(c()))
+    if (a instanceof HTMLElement && a.matches(l()))
       return a;
   const t = n.target;
-  return t instanceof HTMLElement ? t.closest(c()) : null;
+  return t instanceof HTMLElement ? t.closest(l()) : null;
 }
-function d(n) {
+function m(n) {
   return n.hasAttribute("disabled") || n.disabled;
 }
 function b(n, e) {
@@ -603,7 +601,6 @@ class q extends E {
     }
   }
   render() {
-    var t;
     const e = this.getAttribute("orientation") === "vertical" ? "vertical" : "horizontal";
     this.setContent(`
       <style>${R}</style>
@@ -614,7 +611,7 @@ class q extends E {
         <slot name="content"></slot>
       </div>
       <slot></slot>
-    `), this._attachSlotListeners(), this._syncStructure(), this._syncHostVisualState(), this._syncBarA11y(), this._open && !this._portalEl ? this._rebuildPanel() : this._open && ((t = this._positioner) == null || t.update());
+    `), this._attachSlotListeners(), this._syncStructure(), this._syncHostVisualState(), this._syncBarA11y(), this._open && !this._portalEl ? this._rebuildPanel() : this._open && this._positioner?.update();
   }
   open() {
     this.hasAttribute("headless") || this.setAttribute("open", "");
@@ -626,19 +623,19 @@ class q extends E {
     this.hasAttribute("open") ? this.close() : this.open();
   }
   get closeOnSelect() {
-    return _(this.getAttribute("close-on-select"), !0);
+    return f(this.getAttribute("close-on-select"), !0);
   }
   set closeOnSelect(e) {
     this.setAttribute("close-on-select", e ? "true" : "false");
   }
   get closeOnScroll() {
-    return _(this.getAttribute("close-on-scroll"), !0);
+    return f(this.getAttribute("close-on-scroll"), !0);
   }
   set closeOnScroll(e) {
     this.setAttribute("close-on-scroll", e ? "true" : "false");
   }
   get typeahead() {
-    return _(this.getAttribute("typeahead"), !0);
+    return f(this.getAttribute("typeahead"), !0);
   }
   set typeahead(e) {
     this.setAttribute("typeahead", e ? "true" : "false");
@@ -652,37 +649,34 @@ class q extends E {
   }
   _syncBarA11y() {
     const e = this.root.querySelector(".bar");
-    if (!e)
-      return;
+    if (!e) return;
     const t = this.getAttribute("orientation") === "vertical" ? "vertical" : "horizontal";
     e.setAttribute("aria-orientation", t);
   }
   _syncHostVisualState() {
-    const e = A(this.getAttribute("radius") || this.getAttribute("shape"));
+    const e = S(this.getAttribute("radius") || this.getAttribute("shape"));
     e ? (this.style.setProperty("--ui-menubar-radius", e), this.style.setProperty("--ui-menubar-item-radius", e === "999px" ? "999px" : `calc(${e} - 2px)`), this.style.setProperty("--ui-menubar-panel-radius", e), this.style.setProperty("--ui-menubar-panel-item-radius", e === "999px" ? "999px" : `calc(${e} - 2px)`)) : (this.style.removeProperty("--ui-menubar-radius"), this.style.removeProperty("--ui-menubar-item-radius"), this.style.removeProperty("--ui-menubar-panel-radius"), this.style.removeProperty("--ui-menubar-panel-item-radius"));
   }
   _onSlotChange() {
     this._syncState();
   }
   _loopEnabled() {
-    return _(this.getAttribute("loop"), !0);
+    return f(this.getAttribute("loop"), !0);
   }
   _isOpenAttribute() {
     return this.hasAttribute("open") && !this.hasAttribute("headless");
   }
   _selectedIndex() {
     const e = this.getAttribute("selected");
-    if (e == null || e === "")
-      return this._items.length > 0 ? 0 : -1;
+    if (e == null || e === "") return this._items.length > 0 ? 0 : -1;
     const t = Number(e);
-    return Number.isNaN(t) ? this._items.length > 0 ? 0 : -1 : t < 0 ? -1 : w(t, this._items.length);
+    return Number.isNaN(t) ? this._items.length > 0 ? 0 : -1 : t < 0 ? -1 : A(t, this._items.length);
   }
   _setSelectedAttribute(e) {
     this._ignoreSelected = !0, this.setAttribute("selected", String(e)), this._ignoreSelected = !1;
   }
   _moveIndex(e, t) {
-    if (this._items.length === 0)
-      return -1;
+    if (this._items.length === 0) return -1;
     const a = this._loopEnabled();
     let r = e + t;
     return r < 0 && (r = a ? this._items.length - 1 : 0), r >= this._items.length && (r = a ? 0 : this._items.length - 1), r;
@@ -715,59 +709,51 @@ class q extends E {
   }
   _syncStructure() {
     this._items = this._itemSlot ? this._itemSlot.assignedElements({ flatten: !0 }) : [], this._contents = this._contentSlot ? this._contentSlot.assignedElements({ flatten: !0 }) : [];
-    const e = this._selectedIndex(), t = v(this._items, {
+    const e = this._selectedIndex(), t = g(this._items, {
       activeIndex: this._focusIndex,
       selectedIndex: e,
-      getDisabled: d
+      getDisabled: m
     });
     this._focusIndex = t;
     const a = this._isOpenAttribute();
     this._items.forEach((r, i) => {
-      var l;
-      const s = e === i, o = r.id || `ui-menubar-item-${this._uid}-${i}`, u = ((l = this._contents[i]) == null ? void 0 : l.id) || `ui-menubar-content-${this._uid}-${i}`;
-      r.id = o, r.setAttribute("role", "menuitem"), r.setAttribute("tabindex", i === t && !d(r) ? "0" : "-1"), r.setAttribute("aria-haspopup", "menu"), r.setAttribute("aria-expanded", s && a ? "true" : "false"), r.setAttribute("aria-controls", u), r.setAttribute("data-active", s ? "true" : "false");
-    }), y(this._items, this._items[t] || null, { activeAttribute: null }), this._contents.forEach((r, i) => {
+      const s = e === i, o = r.id || `ui-menubar-item-${this._uid}-${i}`, u = this._contents[i]?.id || `ui-menubar-content-${this._uid}-${i}`;
+      r.id = o, r.setAttribute("role", "menuitem"), r.setAttribute("tabindex", i === t && !m(r) ? "0" : "-1"), r.setAttribute("aria-haspopup", "menu"), r.setAttribute("aria-expanded", s && a ? "true" : "false"), r.setAttribute("aria-controls", u), r.setAttribute("data-active", s ? "true" : "false");
+    }), v(this._items, this._items[t] || null, { activeAttribute: null }), this._contents.forEach((r, i) => {
       const s = r.id || `ui-menubar-content-${this._uid}-${i}`;
       r.id = s, r.setAttribute("role", "menu"), r.setAttribute("tabindex", "-1"), r.setAttribute("aria-hidden", e === i && a ? "false" : "true"), this._items[i] ? r.setAttribute("aria-labelledby", this._items[i].id) : r.removeAttribute("aria-labelledby");
     });
   }
   _hydratePanelItems(e) {
-    Array.from(e.querySelectorAll(c())).forEach((a, r) => {
+    Array.from(e.querySelectorAll(l())).forEach((a, r) => {
       a.getAttribute("role") || a.setAttribute("role", "menuitem"), a.hasAttribute("tabindex") || a.setAttribute("tabindex", "-1"), a.hasAttribute("data-index") || a.setAttribute("data-index", String(r)), a.classList.contains("item") || a.classList.add("item");
     });
   }
   _queryPanelItemsIn(e) {
-    var t;
-    return ((t = this._panelListbox()) == null ? void 0 : t.queryEnabledItems({ container: e || this._panelListbox() })) || [];
+    return this._panelListbox()?.queryEnabledItems({ container: e || this._panelListbox() }) || [];
   }
   _submenuFor(e) {
     return e.querySelector(z);
   }
   _setOpenPanelBranch(e, t) {
     const a = this._panelListbox();
-    if (!a || (a.querySelectorAll('[data-submenu-open="true"]').forEach((s) => s.removeAttribute("data-submenu-open")), !e))
-      return;
+    if (!a || (a.querySelectorAll('[data-submenu-open="true"]').forEach((s) => s.removeAttribute("data-submenu-open")), !e)) return;
     const r = [];
     let i = e;
     for (; i; ) {
       const s = i.closest(".submenu");
-      if (!s)
-        break;
+      if (!s) break;
       const o = s.parentElement;
-      if (!(o instanceof HTMLElement) || !o.matches(c()))
-        break;
+      if (!(o instanceof HTMLElement) || !o.matches(l())) break;
       r.unshift(o), i = o;
     }
     r.forEach((s) => s.setAttribute("data-submenu-open", "true")), t && this._submenuFor(e) && e.setAttribute("data-submenu-open", "true");
   }
   _openPanelSubmenu(e, t) {
-    var i;
     const a = this._submenuFor(e);
-    if (!a || g(e))
-      return !1;
-    if (this._setOpenPanelBranch(e, !0), this._schedulePanelSubmenuLayout(), !t)
-      return !0;
-    const r = (i = this._panelListbox()) == null ? void 0 : i.focusBoundary("first", {
+    if (!a || _(e)) return !1;
+    if (this._setOpenPanelBranch(e, !0), this._schedulePanelSubmenuLayout(), !t) return !0;
+    const r = this._panelListbox()?.focusBoundary("first", {
       container: a,
       focus: !0,
       owner: this._panelSurface(),
@@ -777,10 +763,9 @@ class q extends E {
   }
   _closeParentPanelSubmenu(e) {
     const t = e.closest(".submenu");
-    if (!t)
-      return !1;
+    if (!t) return !1;
     const a = t.parentElement;
-    return !(a instanceof HTMLElement) || !a.matches(c()) ? !1 : (this._focusPanelItem(a), this._setOpenPanelBranch(a, !1), a.removeAttribute("data-submenu-open"), !0);
+    return !(a instanceof HTMLElement) || !a.matches(l()) ? !1 : (this._focusPanelItem(a), this._setOpenPanelBranch(a, !1), a.removeAttribute("data-submenu-open"), !0);
   }
   _clearPanelSubmenuState() {
     const e = this._panelListbox();
@@ -793,18 +778,16 @@ class q extends E {
   }
   _layoutPanelSubmenus() {
     const e = this._panelListbox();
-    if (!e)
-      return;
+    if (!e) return;
     const t = window.innerWidth, a = window.innerHeight;
     Array.from(e.querySelectorAll('.item > .submenu, [role="menuitem"] > .submenu, [role="menuitemcheckbox"] > .submenu, [role="menuitemradio"] > .submenu, [data-menu-item] > .submenu')).forEach((i) => {
       const s = i.parentElement;
-      if (!(s instanceof HTMLElement))
-        return;
+      if (!(s instanceof HTMLElement)) return;
       s.removeAttribute("data-submenu-side"), s.removeAttribute("data-submenu-align");
-      const o = i.style.display, u = i.style.visibility, l = i.style.pointerEvents, m = i.style.opacity, p = i.style.transform;
+      const o = i.style.display, u = i.style.visibility, c = i.style.pointerEvents, d = i.style.opacity, P = i.style.transform;
       i.style.display = "grid", i.style.visibility = "hidden", i.style.pointerEvents = "none", i.style.opacity = "0", i.style.transform = "none";
-      const h = s.getBoundingClientRect(), f = i.getBoundingClientRect();
-      h.right + 4 + f.width > t - 8 && h.left - 4 - f.width >= 8 && s.setAttribute("data-submenu-side", "left"), h.top + f.height > a - 8 && h.bottom - f.height >= 8 && s.setAttribute("data-submenu-align", "up"), i.style.display = o, i.style.visibility = u, i.style.pointerEvents = l, i.style.opacity = m, i.style.transform = p;
+      const p = s.getBoundingClientRect(), h = i.getBoundingClientRect();
+      p.right + 4 + h.width > t - 8 && p.left - 4 - h.width >= 8 && s.setAttribute("data-submenu-side", "left"), p.top + h.height > a - 8 && p.bottom - h.height >= 8 && s.setAttribute("data-submenu-align", "up"), i.style.display = o, i.style.visibility = u, i.style.pointerEvents = c, i.style.opacity = d, i.style.transform = P;
     });
   }
   _panelListbox() {
@@ -814,57 +797,53 @@ class q extends E {
     return this._portalSurfaceEl;
   }
   _buildPanelContent(e) {
-    var s;
     const t = this._contents[e], a = document.createElement("div");
     a.className = "ui-menubar-portal", a.style.position = "absolute", a.style.pointerEvents = "auto", a.innerHTML = `
       <style>${M}</style>
       <div class="surface menu-panel" part="menu" role="menu" aria-hidden="false" aria-busy="false" tabindex="-1">
         <div class="state-row" part="state"></div>
-        <ui-listbox class="content-host" slot="menu" role="menu" item-selector="${c().replace(/"/g, "&quot;")}" direct-item-selector=":scope > [slot=&quot;menu&quot;] > ${c().replace(/"/g, "&quot;")}" item-role="menuitem" active-attribute="data-active"></ui-listbox>
+        <ui-listbox class="content-host" slot="menu" role="menu" item-selector="${l().replace(/"/g, "&quot;")}" direct-item-selector=":scope > [slot=&quot;menu&quot;] > ${l().replace(/"/g, "&quot;")}" item-role="menuitem" active-attribute="data-active"></ui-listbox>
       </div>
     `;
     const r = a.querySelector("ui-listbox.content-host"), i = a.querySelector(".surface");
-    if (!r || !i)
-      return a;
-    if (i.id = (t == null ? void 0 : t.id) || `ui-menubar-panel-${this._uid}-${e}`, i.setAttribute("aria-labelledby", ((s = this._items[e]) == null ? void 0 : s.id) || ""), this._applyPanelVariantData(a), this._applyPanelTokens(a), t) {
-      const o = t.cloneNode(!0);
-      o.setAttribute("slot", "menu"), r.appendChild(o);
+    if (!r || !i) return a;
+    if (i.id = t?.id || `ui-menubar-panel-${this._uid}-${e}`, i.setAttribute("aria-labelledby", this._items[e]?.id || ""), this._applyPanelVariantData(a), this._applyPanelTokens(a), t) {
+      const s = t.cloneNode(!0);
+      s.setAttribute("slot", "menu"), r.appendChild(s);
     }
-    if (this._hydratePanelItems(r), r.refresh(), !r.querySelector(c())) {
-      const o = document.createElement("div");
-      o.className = "empty-state", o.textContent = "No items", r.appendChild(o);
+    if (this._hydratePanelItems(r), r.refresh(), !r.querySelector(l())) {
+      const s = document.createElement("div");
+      s.className = "empty-state", s.textContent = "No items", r.appendChild(s);
     }
-    return a.addEventListener("click", (o) => {
-      var p;
-      const u = P(o);
-      if (!u || g(u))
-        return;
-      if (this._submenuFor(u)) {
-        o.preventDefault(), this._openPanelSubmenu(u, !0);
+    return a.addEventListener("click", (s) => {
+      const o = w(s);
+      if (!o || _(o)) return;
+      if (this._submenuFor(o)) {
+        s.preventDefault(), this._openPanelSubmenu(o, !0);
         return;
       }
-      this._applyPanelSelectionBehavior(u);
-      const l = u.getAttribute("data-index"), m = l != null && !Number.isNaN(Number(l)) ? Number(l) : void 0;
+      this._applyPanelSelectionBehavior(o);
+      const u = o.getAttribute("data-index"), c = u != null && !Number.isNaN(Number(u)) ? Number(u) : void 0;
       this.dispatchEvent(
         new CustomEvent("select", {
           detail: {
             selected: e,
-            index: m,
-            value: u.getAttribute("data-value") || u.getAttribute("value") || void 0,
-            label: u.getAttribute("aria-label") || ((p = u.textContent) == null ? void 0 : p.trim()) || void 0,
-            checked: u.getAttribute("aria-checked") === "true",
-            item: u
+            index: c,
+            value: o.getAttribute("data-value") || o.getAttribute("value") || void 0,
+            label: o.getAttribute("aria-label") || o.textContent?.trim() || void 0,
+            checked: o.getAttribute("aria-checked") === "true",
+            item: o
           },
           bubbles: !0
         })
-      ), this.closeOnSelect ? this.close() : this._focusPanelItem(u);
+      ), this.closeOnSelect ? this.close() : this._focusPanelItem(o);
     }), a.addEventListener("pointerover", this._onPanelPointerOver), a.addEventListener("pointerleave", this._onPanelPointerLeave), a.addEventListener("focusin", this._onPanelFocusIn), a;
   }
   _applyPanelVariantData(e) {
-    const t = b(this, "variant"), a = O(this.getAttribute("size") || this.getAttribute("density")), r = b(this, "density"), i = this.getAttribute("radius"), s = b(this, "shape"), o = b(this, "elevation"), u = b(this, "tone"), l = t === "default" || t === "" ? "" : t === "glass" ? "soft" : t === "line" ? "outline" : t;
-    l ? e.setAttribute("data-variant", l) : e.removeAttribute("data-variant"), a !== "md" ? e.setAttribute("data-size", a) : e.removeAttribute("data-size"), r && r !== "default" ? e.setAttribute("data-density", r) : e.removeAttribute("data-density"), i ? e.setAttribute("data-radius", i) : e.removeAttribute("data-radius"), s && s !== "default" ? e.setAttribute("data-shape", s) : e.removeAttribute("data-shape"), o && o !== "default" ? e.setAttribute("data-elevation", o) : e.removeAttribute("data-elevation"), u && u !== "default" && u !== "brand" ? e.setAttribute("data-tone", u) : e.removeAttribute("data-tone"), this._open ? e.setAttribute("data-open", "true") : e.removeAttribute("data-open");
-    const m = A(i || s || null);
-    m ? (e.style.setProperty("--ui-menubar-panel-radius", m), e.style.setProperty("--ui-menubar-panel-item-radius", m === "999px" ? "999px" : `calc(${m} - 2px)`)) : (e.style.removeProperty("--ui-menubar-panel-radius"), e.style.removeProperty("--ui-menubar-panel-item-radius"));
+    const t = b(this, "variant"), a = O(this.getAttribute("size") || this.getAttribute("density")), r = b(this, "density"), i = this.getAttribute("radius"), s = b(this, "shape"), o = b(this, "elevation"), u = b(this, "tone"), c = t === "default" || t === "" ? "" : t === "glass" ? "soft" : t === "line" ? "outline" : t;
+    c ? e.setAttribute("data-variant", c) : e.removeAttribute("data-variant"), a !== "md" ? e.setAttribute("data-size", a) : e.removeAttribute("data-size"), r && r !== "default" ? e.setAttribute("data-density", r) : e.removeAttribute("data-density"), i ? e.setAttribute("data-radius", i) : e.removeAttribute("data-radius"), s && s !== "default" ? e.setAttribute("data-shape", s) : e.removeAttribute("data-shape"), o && o !== "default" ? e.setAttribute("data-elevation", o) : e.removeAttribute("data-elevation"), u && u !== "default" && u !== "brand" ? e.setAttribute("data-tone", u) : e.removeAttribute("data-tone"), this._open ? e.setAttribute("data-open", "true") : e.removeAttribute("data-open");
+    const d = S(i || s || null);
+    d ? (e.style.setProperty("--ui-menubar-panel-radius", d), e.style.setProperty("--ui-menubar-panel-item-radius", d === "999px" ? "999px" : `calc(${d} - 2px)`)) : (e.style.removeProperty("--ui-menubar-panel-radius"), e.style.removeProperty("--ui-menubar-panel-item-radius"));
   }
   _applyPanelTokens(e) {
     const t = window.getComputedStyle(this);
@@ -931,15 +910,14 @@ class q extends E {
       i ? e.style.setProperty(r, i) : e.style.removeProperty(r);
     }), F.forEach(({ prefix: r, from: i, to: s }) => {
       for (let o = i; o <= s; o += 1) {
-        const u = `${r}${o}`, l = t.getPropertyValue(u).trim();
-        l ? e.style.setProperty(u, l) : e.style.removeProperty(u);
+        const u = `${r}${o}`, c = t.getPropertyValue(u).trim();
+        c ? e.style.setProperty(u, c) : e.style.removeProperty(u);
       }
     });
   }
   _syncPanelVisualState() {
     const e = this._portalEl;
-    if (!e)
-      return;
+    if (!e) return;
     this._setPanelFlag("open", this._open), this._applyPanelVariantData(e), this._applyPanelTokens(e);
     const t = this._panelSurface();
     t && (t.setAttribute("aria-hidden", "false"), t.setAttribute("aria-busy", "false"), t.removeAttribute("hidden"), t.style.display = "block", t.style.visibility = "visible", t.style.opacity = "1", t.style.transform = "translateY(0px) scale(1)", t.style.pointerEvents = "auto");
@@ -947,8 +925,7 @@ class q extends E {
     a && (a.textContent = ""), this._schedulePanelSubmenuLayout();
   }
   _rebuildPanel() {
-    if (!this._open)
-      return;
+    if (!this._open) return;
     const e = this._selectedIndex(), t = this._items[e];
     if (e < 0 || !t) {
       this._teardownPanel();
@@ -980,8 +957,7 @@ class q extends E {
     });
   }
   _teardownPanel() {
-    var e, t, a;
-    if ((e = this._dismissableLayer) == null || e.destroy(), this._dismissableLayer = null, (t = this._positioner) == null || t.destroy(), this._positioner = null, (a = this._portalEl) != null && a.parentElement)
+    if (this._dismissableLayer?.destroy(), this._dismissableLayer = null, this._positioner?.destroy(), this._positioner = null, this._portalEl?.parentElement)
       try {
         this._portalEl.parentElement.removeChild(this._portalEl);
       } catch {
@@ -989,7 +965,7 @@ class q extends E {
     this._portalEl = null, this._portalSurfaceEl = null, this._portalContentHostEl = null, this._panelForIndex = -1, this._submenuRaf != null && (cancelAnimationFrame(this._submenuRaf), this._submenuRaf = null), this._resetTypeahead();
   }
   _selectIndex(e, t) {
-    const a = this._selectedIndex(), r = w(e, this._items.length);
+    const a = this._selectedIndex(), r = A(e, this._items.length);
     r < 0 || (this._setSelectedAttribute(r), this.setAttribute("open", ""), this._syncState(), this.dispatchEvent(
       new CustomEvent("change", {
         detail: { selected: r, previous: a, open: !0, reason: t },
@@ -999,33 +975,29 @@ class q extends E {
   }
   _focusItem(e) {
     const t = this._items[e];
-    t && (this._focusIndex = e, y(this._items, t, { activeAttribute: null }), C(t));
+    t && (this._focusIndex = e, v(this._items, t, { activeAttribute: null }), C(t));
   }
   _queryPanelItems() {
     return this._queryPanelItemsIn(this._panelListbox());
   }
   _focusPanelItem(e) {
-    var t;
-    e && ((t = this._panelListbox()) == null || t.setActiveItem(e, { focus: !0, owner: this._panelSurface(), scroll: !0 }));
+    e && this._panelListbox()?.setActiveItem(e, { focus: !0, owner: this._panelSurface(), scroll: !0 });
   }
   _focusPanelFirst() {
-    var e;
-    (e = this._panelListbox()) == null || e.focusBoundary("first", { focus: !0, owner: this._panelSurface(), scroll: !0 });
+    this._panelListbox()?.focusBoundary("first", { focus: !0, owner: this._panelSurface(), scroll: !0 });
   }
   _focusPanelLast() {
-    var e;
-    (e = this._panelListbox()) == null || e.focusBoundary("last", { focus: !0, owner: this._panelSurface(), scroll: !0 });
+    this._panelListbox()?.focusBoundary("last", { focus: !0, owner: this._panelSurface(), scroll: !0 });
   }
   _movePanelFocus(e) {
-    var s, o, u;
-    const t = document.activeElement, a = t && ((s = this._portalEl) != null && s.contains(t)) ? t.closest(c()) : null, r = (a == null ? void 0 : a.closest(".submenu")) || this._panelListbox();
-    ((u = this._panelListbox()) == null ? void 0 : u.move(e, {
+    const t = document.activeElement, r = (t && this._portalEl?.contains(t) ? t.closest(l()) : null)?.closest(".submenu") || this._panelListbox();
+    this._panelListbox()?.move(e, {
       container: r,
-      current: t && ((o = this._portalEl) != null && o.contains(t)) ? t : null,
+      current: t && this._portalEl?.contains(t) ? t : null,
       focus: !0,
       owner: this._panelSurface(),
       scroll: !0
-    })) || null || this._focusPanelFirst();
+    }) || this._focusPanelFirst();
   }
   _resetTypeahead() {
     this._typeaheadBuffer = "", this._typeaheadTimer != null && (window.clearTimeout(this._typeaheadTimer), this._typeaheadTimer = null);
@@ -1034,29 +1006,26 @@ class q extends E {
     return e.ctrlKey || e.metaKey || e.altKey ? !1 : e.key.length === 1 && /\S/.test(e.key);
   }
   _typeaheadOnBar(e) {
-    if (!this.typeahead || !this._isTypeaheadKey(e))
-      return !1;
+    if (!this.typeahead || !this._isTypeaheadKey(e)) return !1;
     this._typeaheadBuffer = `${this._typeaheadBuffer}${e.key.toLowerCase()}`.slice(0, 24), this._typeaheadTimer != null && window.clearTimeout(this._typeaheadTimer), this._typeaheadTimer = window.setTimeout(() => this._resetTypeahead(), 420);
     const t = this._items.findIndex((r) => r === e.target || r.contains(e.target)), a = L(this._items, this._typeaheadBuffer, {
       startIndex: t,
       getLabel: (r) => r.getAttribute("aria-label") || r.textContent || "",
-      getDisabled: d
+      getDisabled: m
     });
     return a < 0 ? !1 : (e.preventDefault(), this._focusItem(a), this._open && this._selectIndex(a, "keyboard"), !0);
   }
   _typeaheadOnPanel(e) {
-    var s, o, u;
-    if (!this.typeahead || !this._isTypeaheadKey(e))
-      return !1;
+    if (!this.typeahead || !this._isTypeaheadKey(e)) return !1;
     this._typeaheadBuffer = `${this._typeaheadBuffer}${e.key.toLowerCase()}`.slice(0, 24), this._typeaheadTimer != null && window.clearTimeout(this._typeaheadTimer), this._typeaheadTimer = window.setTimeout(() => this._resetTypeahead(), 420);
-    const t = document.activeElement, a = t && ((s = this._portalEl) != null && s.contains(t)) ? t.closest(c()) : null, r = (a == null ? void 0 : a.closest(".submenu")) || this._panelListbox();
-    return ((u = this._panelListbox()) == null ? void 0 : u.typeahead(this._typeaheadBuffer, {
+    const t = document.activeElement, r = (t && this._portalEl?.contains(t) ? t.closest(l()) : null)?.closest(".submenu") || this._panelListbox();
+    return this._panelListbox()?.typeahead(this._typeaheadBuffer, {
       container: r,
-      current: t && ((o = this._portalEl) != null && o.contains(t)) ? t : null,
+      current: t && this._portalEl?.contains(t) ? t : null,
       focus: !0,
       owner: this._panelSurface(),
       scroll: !0
-    })) || null ? (e.preventDefault(), !0) : !1;
+    }) || null ? (e.preventDefault(), !0) : !1;
   }
   _applyPanelSelectionBehavior(e) {
     const t = e.getAttribute("role");
@@ -1065,11 +1034,9 @@ class q extends E {
       e.setAttribute("aria-checked", s ? "true" : "false"), e.setAttribute("data-state", s ? "checked" : "unchecked");
       return;
     }
-    if (t !== "menuitemradio")
-      return;
+    if (t !== "menuitemradio") return;
     const a = e.closest(".submenu") || this._panelListbox();
-    if (!a)
-      return;
+    if (!a) return;
     const r = e.getAttribute("data-group") || e.getAttribute("name") || "";
     Array.from(a.querySelectorAll('[role="menuitemradio"]')).forEach((s) => {
       r && (s.getAttribute("data-group") || s.getAttribute("name") || "") !== r || (s.setAttribute("aria-checked", "false"), s.setAttribute("data-state", "unchecked"));
@@ -1077,8 +1044,7 @@ class q extends E {
   }
   _onClick(e) {
     const t = e.composedPath(), a = this._items.findIndex((i) => t.includes(i));
-    if (a < 0)
-      return;
+    if (a < 0) return;
     if (this._focusItem(a), this._selectedIndex() === a && this._open) {
       this.close(), this._syncState();
       return;
@@ -1086,31 +1052,25 @@ class q extends E {
     this._selectIndex(a, "click");
   }
   _onMouseMove(e) {
-    if (!this._open)
-      return;
+    if (!this._open) return;
     const t = e.composedPath(), a = this._items.findIndex((r) => t.includes(r));
     a < 0 || a !== this._selectedIndex() && this._selectIndex(a, "programmatic");
   }
   _isInternalScrollEvent(e) {
-    var r;
     const t = typeof e.composedPath == "function" ? e.composedPath() : [];
-    if (this._portalEl && t.includes(this._portalEl) || this._items.some((i) => t.includes(i)))
-      return !0;
+    if (this._portalEl && t.includes(this._portalEl) || this._items.some((r) => t.includes(r))) return !0;
     const a = e.target;
-    return !!(a instanceof Node && ((r = this._portalEl) != null && r.contains(a) || this._items.some((i) => i.contains(a))));
+    return !!(a instanceof Node && (this._portalEl?.contains(a) || this._items.some((r) => r.contains(a))));
   }
   _onDocScroll(e) {
     !this._open || !this.closeOnScroll || this._isInternalScrollEvent(e) || this.close();
   }
   _onPanelPointerOver(e) {
-    var r;
-    if (!this._open)
-      return;
-    const t = P(e);
-    if (!t || g(t))
-      return;
+    if (!this._open) return;
+    const t = w(e);
+    if (!t || _(t)) return;
     const a = t.closest(".submenu") || this._panelListbox();
-    (r = this._panelListbox()) == null || r.setActiveItem(t, {
+    this._panelListbox()?.setActiveItem(t, {
       container: a,
       focus: !1,
       owner: this._panelSurface(),
@@ -1118,43 +1078,38 @@ class q extends E {
     }), this._submenuFor(t) ? this._openPanelSubmenu(t, !1) : this._setOpenPanelBranch(t, !1);
   }
   _onPanelPointerLeave(e) {
-    if (!(e.currentTarget instanceof HTMLElement))
-      return;
+    if (!(e.currentTarget instanceof HTMLElement)) return;
     const t = e.relatedTarget;
     t instanceof Node && e.currentTarget.contains(t) || this._clearPanelSubmenuState();
   }
   _onPanelFocusIn(e) {
     const t = e.target;
-    if (!(t instanceof HTMLElement))
-      return;
-    const a = t.closest(c());
+    if (!(t instanceof HTMLElement)) return;
+    const a = t.closest(l());
     a && (this._submenuFor(a) ? this._setOpenPanelBranch(a, !0) : this._setOpenPanelBranch(a, !1));
   }
   _onKeyDown(e) {
     const t = this._items.findIndex((o) => o === e.target || o.contains(e.target));
-    if (t < 0)
-      return;
+    if (t < 0) return;
     const a = getComputedStyle(this).direction === "rtl" ? "rtl" : "ltr";
     let r = !1, i = t;
-    const s = v(this._items, {
+    const s = g(this._items, {
       activeIndex: t,
       selectedIndex: this._selectedIndex(),
-      getDisabled: d
+      getDisabled: m
     });
-    e.key === "ArrowRight" ? (i = x(this._items, t, a === "rtl" ? -1 : 1, {
+    e.key === "ArrowRight" ? (i = y(this._items, t, a === "rtl" ? -1 : 1, {
       wrap: this._loopEnabled(),
       fallbackIndex: s,
-      getDisabled: d
-    }), r = !0) : e.key === "ArrowLeft" ? (i = x(this._items, t, a === "rtl" ? 1 : -1, {
+      getDisabled: m
+    }), r = !0) : e.key === "ArrowLeft" ? (i = y(this._items, t, a === "rtl" ? 1 : -1, {
       wrap: this._loopEnabled(),
       fallbackIndex: s,
-      getDisabled: d
-    }), r = !0) : e.key === "Home" ? (i = S(this._items, "first", d), r = !0) : e.key === "End" ? (i = S(this._items, "last", d), r = !0) : e.key === "Enter" || e.key === " " ? (this._selectIndex(t, "keyboard"), r = !0) : e.key === "ArrowDown" ? (this._selectIndex(t, "keyboard"), setTimeout(() => this._focusPanelFirst(), 0), r = !0) : e.key === "ArrowUp" && (this._selectIndex(t, "keyboard"), setTimeout(() => this._focusPanelLast(), 0), r = !0), !(!r && this._typeaheadOnBar(e)) && r && (e.preventDefault(), i >= 0 && i !== t && (this._focusItem(i), this._open && this._selectIndex(i, "keyboard")));
+      getDisabled: m
+    }), r = !0) : e.key === "Home" ? (i = x(this._items, "first", m), r = !0) : e.key === "End" ? (i = x(this._items, "last", m), r = !0) : e.key === "Enter" || e.key === " " ? (this._selectIndex(t, "keyboard"), r = !0) : e.key === "ArrowDown" ? (this._selectIndex(t, "keyboard"), setTimeout(() => this._focusPanelFirst(), 0), r = !0) : e.key === "ArrowUp" && (this._selectIndex(t, "keyboard"), setTimeout(() => this._focusPanelLast(), 0), r = !0), !(!r && this._typeaheadOnBar(e)) && r && (e.preventDefault(), i >= 0 && i !== t && (this._focusItem(i), this._open && this._selectIndex(i, "keyboard")));
   }
   _onDocKeyDown(e) {
-    var i;
-    if (!this._open || !(!!this._portalEl && e.composedPath().includes(this._portalEl)) || this._typeaheadOnPanel(e))
-      return;
+    if (!this._open || !(!!this._portalEl && e.composedPath().includes(this._portalEl)) || this._typeaheadOnPanel(e)) return;
     if (e.key === "ArrowDown") {
       e.preventDefault(), this._movePanelFocus(1);
       return;
@@ -1171,7 +1126,7 @@ class q extends E {
       e.preventDefault(), this._focusPanelLast();
       return;
     }
-    const a = document.activeElement, r = a == null ? void 0 : a.closest(c());
+    const a = document.activeElement, r = a?.closest(l());
     if (e.key === "ArrowRight" && r && this._openPanelSubmenu(r, !0)) {
       e.preventDefault();
       return;
@@ -1185,8 +1140,7 @@ class q extends E {
       return;
     }
     if (e.key === "Enter" || e.key === " ") {
-      if (!a || !((i = this._portalEl) != null && i.contains(a)) || !r || g(r) || (e.preventDefault(), this._openPanelSubmenu(r, !0)))
-        return;
+      if (!a || !this._portalEl?.contains(a) || !r || _(r) || (e.preventDefault(), this._openPanelSubmenu(r, !0))) return;
       r.click();
     }
   }