@editora/ui-core 0.1.19 → 0.1.21

package/dist/context-menu.esm.js

@@ -1,18 +1,16 @@
-import { E } from "./ElementBase-909688f3.mjs";
-import { c as A } from "./portal-fe73e5cc.mjs";
-import { c as S } from "./dismissable-layer-9c7e6b58.mjs";
-import { l as P } from "./positioner-e9770c66.mjs";
-import { c as w } from "./menu-item-styles-27fdbac4.mjs";
-import "./listbox-308789a0.mjs";
-import "./collection-a1aac0c6.mjs";
-import "./collection.esm.js";
-const c = '.menuitem, [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [data-menu-item]', b = [
+import { E } from "./ElementBase-YlTLMsGk.mjs";
+import { b as A } from "./portal-bR42gHvG.mjs";
+import { c as S } from "./dismissable-layer-BmPIoK80.mjs";
+import { e as P } from "./positioner-D0VGxtYU.mjs";
+import { c as w } from "./menu-item-styles-CZiPwPwl.mjs";
+import "./listbox-DJamVeFj.mjs";
+const l = '.menuitem, [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [data-menu-item]', b = [
   ":scope > .menuitem",
   ':scope > [role="menuitem"]',
   ':scope > [role="menuitemcheckbox"]',
   ':scope > [role="menuitemradio"]',
   ":scope > [data-menu-item]"
-].join(", "), O = ":scope > .submenu", l = 8, L = 6, R = 420, C = 110, I = [
+].join(", "), O = ":scope > .submenu", a = 8, L = 6, R = 420, C = 110, I = [
   "--ui-color-primary",
   "--ui-color-primary-hover",
   "--ui-color-foreground-on-primary",
@@ -416,79 +414,71 @@ const c = '.menuitem, [role="menuitem"], [role="menuitemcheckbox"], [role="menui
   }
 `;
 function z() {
-  if (typeof document > "u")
-    return;
-  const o = "ui-context-menu-light-dom-style";
-  if (document.getElementById(o))
-    return;
+  if (typeof document > "u") return;
+  const s = "ui-context-menu-light-dom-style";
+  if (document.getElementById(s)) return;
   const t = document.createElement("style");
-  t.id = o, t.textContent = v, document.head.appendChild(t);
+  t.id = s, t.textContent = v, document.head.appendChild(t);
 }
-function B(o, t) {
-  return o.replace(/(^|})\s*([^@}{][^{}]*)\{/g, (e, i, n) => {
-    const s = n.split(",").map((r) => r.trim()).filter(Boolean).map((r) => r.startsWith(t) ? r : `${t} ${r}`).join(", ");
+function B(s, t) {
+  return s.replace(/(^|})\s*([^@}{][^{}]*)\{/g, (e, i, o) => {
+    const n = o.split(",").map((r) => r.trim()).filter(Boolean).map((r) => r.startsWith(t) ? r : `${t} ${r}`).join(", ");
     return `${i}
-${s} {`;
+${n} {`;
   });
 }
-function F(o) {
-  const t = o.replace(/:host\(\[([a-z-]+)(?:="([^"]+)")?\]\)/g, (e, i, n) => n != null ? `.ui-context-menu-portal[data-${i}="${n}"]` : `.ui-context-menu-portal[data-${i}="true"]`).replace(/:host/g, ".ui-context-menu-portal");
+function F(s) {
+  const t = s.replace(/:host\(\[([a-z-]+)(?:="([^"]+)")?\]\)/g, (e, i, o) => o != null ? `.ui-context-menu-portal[data-${i}="${o}"]` : `.ui-context-menu-portal[data-${i}="true"]`).replace(/:host/g, ".ui-context-menu-portal");
   return B(t, ".ui-context-menu-portal");
 }
-function H(o) {
-  return o.replace(/(^|,)\s*ui-context-menu\b/gm, (t, e) => `${e} .ui-context-menu-portal`);
+function H(s) {
+  return s.replace(/(^|,)\s*ui-context-menu\b/gm, (t, e) => `${e} .ui-context-menu-portal`);
 }
 const D = `${F(g)}
 ${H(v)}`;
-function M(o) {
-  return o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function M(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function q(o, t) {
-  return typeof o == "number" ? { x: o, y: typeof t == "number" ? t : 0 } : o;
+function q(s, t) {
+  return typeof s == "number" ? { x: s, y: typeof t == "number" ? t : 0 } : s;
 }
-function $(o) {
-  return o === "top" || o === "left" || o === "right" ? o : "bottom";
+function $(s) {
+  return s === "top" || s === "left" || s === "right" ? s : "bottom";
 }
-function V(o) {
-  return `${o}-start`;
+function V(s) {
+  return `${s}-start`;
 }
-function _(o) {
-  if (!o)
-    return "";
-  const t = o.trim().toLowerCase();
+function _(s) {
+  if (!s) return "";
+  const t = s.trim().toLowerCase();
   return t === "1" ? "sm" : t === "2" ? "md" : t === "3" ? "lg" : t === "sm" || t === "md" || t === "lg" ? t : t === "compact" ? "sm" : t === "comfortable" ? "lg" : "";
 }
-function y(o) {
-  if (!o)
-    return "";
-  const t = o.trim().toLowerCase();
-  return t ? t === "none" ? "0px" : t === "sm" ? "8px" : t === "md" ? "12px" : t === "lg" ? "16px" : t === "full" ? "999px" : t === "square" ? "6px" : t === "soft" ? "16px" : /^\d+(\.\d+)?$/.test(t) ? `${t}px` : o : "";
+function y(s) {
+  if (!s) return "";
+  const t = s.trim().toLowerCase();
+  return t ? t === "none" ? "0px" : t === "sm" ? "8px" : t === "md" ? "12px" : t === "lg" ? "16px" : t === "full" ? "999px" : t === "square" ? "6px" : t === "soft" ? "16px" : /^\d+(\.\d+)?$/.test(t) ? `${t}px` : s : "";
 }
-function N(o) {
-  if (!o.isConnected || o.hidden)
-    return !1;
-  const t = window.getComputedStyle(o);
+function N(s) {
+  if (!s.isConnected || s.hidden) return !1;
+  const t = window.getComputedStyle(s);
   return !(t.display === "none" || t.visibility === "hidden");
 }
-function W(o) {
-  if (!o.isConnected)
-    return !1;
-  const t = window.getComputedStyle(o);
-  if (t.display === "none" || t.visibility === "hidden")
-    return !1;
-  const e = o.getBoundingClientRect();
-  if (e.width > 0 || e.height > 0)
-    return !0;
-  const i = Number.parseFloat(t.width || "0"), n = Number.parseFloat(t.height || "0");
-  return i > 0 || n > 0;
+function W(s) {
+  if (!s.isConnected) return !1;
+  const t = window.getComputedStyle(s);
+  if (t.display === "none" || t.visibility === "hidden") return !1;
+  const e = s.getBoundingClientRect();
+  if (e.width > 0 || e.height > 0) return !0;
+  const i = Number.parseFloat(t.width || "0"), o = Number.parseFloat(t.height || "0");
+  return i > 0 || o > 0;
 }
-function x(o) {
-  const t = o.getAttribute("aria-disabled");
-  return o.hasAttribute("disabled") || t === "true" || o.disabled === !0;
+function x(s) {
+  const t = s.getAttribute("aria-disabled");
+  return s.hasAttribute("disabled") || t === "true" || s.disabled === !0;
 }
-function G(o) {
-  for (const t of o)
-    if (t instanceof HTMLElement && t.matches(c))
+function G(s) {
+  for (const t of s)
+    if (t instanceof HTMLElement && t.matches(l))
       return t;
   return null;
 }
@@ -600,8 +590,7 @@ class U extends E {
     }
   }
   openForAnchor(t) {
-    if (this.headless || this.isDisabled)
-      return;
+    if (this.headless || this.isDisabled) return;
     this._anchorEl = t;
     const e = t.getBoundingClientRect();
     if (this._point = { x: e.left, y: e.bottom }, this._isOpen) {
@@ -647,14 +636,13 @@ class U extends E {
     return t || (this.state === "loading" ? "Loading actions" : this.state === "error" ? "Action unavailable" : this.state === "success" ? "Action ready" : "");
   }
   _emitOpenState(t, e, i) {
-    const n = { open: t, previousOpen: e, source: i };
-    this.dispatchEvent(new CustomEvent(t ? "open" : "close", { detail: n, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(t ? "ui-open" : "ui-close", { detail: n, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: { ...n }, bubbles: !0, composed: !0 }));
+    const o = { open: t, previousOpen: e, source: i };
+    this.dispatchEvent(new CustomEvent(t ? "open" : "close", { detail: o, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(t ? "ui-open" : "ui-close", { detail: o, bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("change", { detail: { ...o }, bubbles: !0, composed: !0 }));
   }
   _setOpen(t, e) {
     t !== this.open && (t && (this.headless || this.isDisabled) || (this._nextOpenSource = e, t ? this.setAttribute("open", "") : this.removeAttribute("open")));
   }
   _syncOpenState() {
-    var i;
     const t = this.hasAttribute("open"), e = this._nextOpenSource;
     if (this._nextOpenSource = "attribute", t === this._isOpen) {
       this._syncGlobalListeners(t), t ? ((!this._portalEl || !this._portalEl.isConnected) && this._mountPortal(), this._syncPortalVisualState(), this._syncSurfaceState(), this._syncDismissableLayer(), this._schedulePosition(), this._scheduleSubmenuLayout()) : this._syncSurfaceState();
@@ -666,7 +654,7 @@ class U extends E {
       });
       return;
     }
-    if (this._clearSubmenuState(), this._cancelScheduledWork(), this._teardownPortal(), this._syncSurfaceState(), this._anchorEl = null, this._emitOpenState(!1, !0, e), (i = this._restoreFocusEl) != null && i.isConnected)
+    if (this._clearSubmenuState(), this._cancelScheduledWork(), this._teardownPortal(), this._syncSurfaceState(), this._anchorEl = null, this._emitOpenState(!1, !0, e), this._restoreFocusEl?.isConnected)
       try {
         this._restoreFocusEl.focus();
       } catch {
@@ -675,8 +663,7 @@ class U extends E {
   }
   _syncSurfaceState() {
     const t = this._surface();
-    if (!t)
-      return;
+    if (!t) return;
     const e = this._isOpen && !this.headless, i = e && !this.isDisabled && this.state !== "loading";
     t.setAttribute("aria-hidden", this._isOpen ? "false" : "true"), t.setAttribute("aria-busy", this.state === "loading" ? "true" : "false"), this._isOpen ? t.removeAttribute("hidden") : t.setAttribute("hidden", ""), t.style.display = this.headless ? "none" : "block", t.style.visibility = e ? "visible" : "hidden", t.style.opacity = e ? "1" : "0", t.style.transform = e ? "translateY(0) scale(1)" : "translateY(4px) scale(0.985)", t.style.pointerEvents = i ? "auto" : "none";
   }
@@ -703,59 +690,50 @@ class U extends E {
     this._portalEl && (e ? this._portalEl.setAttribute(`data-${t}`, "true") : this._portalEl.removeAttribute(`data-${t}`));
   }
   _syncPortalThemeVariables() {
-    if (!this._portalEl)
-      return;
+    if (!this._portalEl) return;
     const t = getComputedStyle(this), e = (i) => {
-      const n = t.getPropertyValue(i).trim();
-      n ? this._portalEl.style.setProperty(i, n) : this._portalEl.style.removeProperty(i);
+      const o = t.getPropertyValue(i).trim();
+      o ? this._portalEl.style.setProperty(i, o) : this._portalEl.style.removeProperty(i);
     };
-    I.forEach(e), T.forEach(e), k.forEach(({ prefix: i, from: n, to: s }) => {
-      for (let r = n; r <= s; r += 1)
-        e(`${i}${r}`);
+    I.forEach(e), T.forEach(e), k.forEach(({ prefix: i, from: o, to: n }) => {
+      for (let r = o; r <= n; r += 1) e(`${i}${r}`);
     });
   }
   _syncPortalVisualState() {
-    if (!this._portalEl)
-      return;
+    if (!this._portalEl) return;
     const t = _(this.getAttribute("size") || this.getAttribute("density")), e = y(this.getAttribute("radius") || this.getAttribute("shape"));
     this._syncPortalThemeVariables(), this._setPortalFlag("open", this._isOpen), this._setPortalFlag("headless", this.headless), this._setPortalFlag("disabled", this.isDisabled);
-    const i = this.getAttribute("variant"), n = _(this.getAttribute("size") || this.getAttribute("density")), s = this.getAttribute("density"), r = this.getAttribute("radius"), u = this.getAttribute("shape"), a = this.getAttribute("elevation"), h = this.getAttribute("tone"), m = this.getAttribute("placement");
-    i ? this._portalEl.setAttribute("data-variant", i) : this._portalEl.removeAttribute("data-variant"), n && n !== "md" ? this._portalEl.setAttribute("data-size", n) : this._portalEl.removeAttribute("data-size"), s ? this._portalEl.setAttribute("data-density", s) : this._portalEl.removeAttribute("data-density"), r ? this._portalEl.setAttribute("data-radius", r) : this._portalEl.removeAttribute("data-radius"), u ? this._portalEl.setAttribute("data-shape", u) : this._portalEl.removeAttribute("data-shape"), a ? this._portalEl.setAttribute("data-elevation", a) : this._portalEl.removeAttribute("data-elevation"), h ? this._portalEl.setAttribute("data-tone", h) : this._portalEl.removeAttribute("data-tone"), m ? this._portalEl.setAttribute("data-placement-request", m) : this._portalEl.removeAttribute("data-placement-request"), t === "sm" ? (this._portalEl.style.setProperty("--ui-context-menu-padding", "4px"), this._portalEl.style.setProperty("--ui-context-menu-item-gap", "8px"), this._portalEl.style.setProperty("--ui-context-menu-item-min-height", "32px"), this._portalEl.style.setProperty("--ui-context-menu-item-pad-y", "6px"), this._portalEl.style.setProperty("--ui-context-menu-item-pad-x", "8px"), this._portalEl.style.setProperty("--ui-context-menu-item-font-size", "13px"), this._portalEl.style.setProperty("--ui-context-menu-item-line-height", "18px"), this._portalEl.style.setProperty("--ui-context-menu-separator-margin", "4px 8px")) : t === "lg" ? (this._portalEl.style.setProperty("--ui-context-menu-padding", "8px"), this._portalEl.style.setProperty("--ui-context-menu-item-gap", "12px"), this._portalEl.style.setProperty("--ui-context-menu-item-min-height", "40px"), this._portalEl.style.setProperty("--ui-context-menu-item-pad-y", "9px"), this._portalEl.style.setProperty("--ui-context-menu-item-pad-x", "12px"), this._portalEl.style.setProperty("--ui-context-menu-item-font-size", "15px"), this._portalEl.style.setProperty("--ui-context-menu-item-line-height", "22px"), this._portalEl.style.setProperty("--ui-context-menu-separator-margin", "8px 12px")) : (this._portalEl.style.removeProperty("--ui-context-menu-padding"), this._portalEl.style.removeProperty("--ui-context-menu-item-gap"), this._portalEl.style.removeProperty("--ui-context-menu-item-min-height"), this._portalEl.style.removeProperty("--ui-context-menu-item-pad-y"), this._portalEl.style.removeProperty("--ui-context-menu-item-pad-x"), this._portalEl.style.removeProperty("--ui-context-menu-item-font-size"), this._portalEl.style.removeProperty("--ui-context-menu-item-line-height"), this._portalEl.style.removeProperty("--ui-context-menu-separator-margin")), e ? (this._portalEl.style.setProperty("--ui-context-menu-radius", e), this._portalEl.style.setProperty("--ui-context-menu-item-radius", e), this._portalEl.style.setProperty("--ui-context-menu-submenu-radius", e)) : (this._portalEl.style.removeProperty("--ui-context-menu-radius"), this._portalEl.style.removeProperty("--ui-context-menu-item-radius"), this._portalEl.style.removeProperty("--ui-context-menu-submenu-radius")), this.state !== "idle" ? this._portalEl.setAttribute("data-state", this.state) : this._portalEl.removeAttribute("data-state");
+    const i = this.getAttribute("variant"), o = _(this.getAttribute("size") || this.getAttribute("density")), n = this.getAttribute("density"), r = this.getAttribute("radius"), u = this.getAttribute("shape"), c = this.getAttribute("elevation"), h = this.getAttribute("tone"), m = this.getAttribute("placement");
+    i ? this._portalEl.setAttribute("data-variant", i) : this._portalEl.removeAttribute("data-variant"), o && o !== "md" ? this._portalEl.setAttribute("data-size", o) : this._portalEl.removeAttribute("data-size"), n ? this._portalEl.setAttribute("data-density", n) : this._portalEl.removeAttribute("data-density"), r ? this._portalEl.setAttribute("data-radius", r) : this._portalEl.removeAttribute("data-radius"), u ? this._portalEl.setAttribute("data-shape", u) : this._portalEl.removeAttribute("data-shape"), c ? this._portalEl.setAttribute("data-elevation", c) : this._portalEl.removeAttribute("data-elevation"), h ? this._portalEl.setAttribute("data-tone", h) : this._portalEl.removeAttribute("data-tone"), m ? this._portalEl.setAttribute("data-placement-request", m) : this._portalEl.removeAttribute("data-placement-request"), t === "sm" ? (this._portalEl.style.setProperty("--ui-context-menu-padding", "4px"), this._portalEl.style.setProperty("--ui-context-menu-item-gap", "8px"), this._portalEl.style.setProperty("--ui-context-menu-item-min-height", "32px"), this._portalEl.style.setProperty("--ui-context-menu-item-pad-y", "6px"), this._portalEl.style.setProperty("--ui-context-menu-item-pad-x", "8px"), this._portalEl.style.setProperty("--ui-context-menu-item-font-size", "13px"), this._portalEl.style.setProperty("--ui-context-menu-item-line-height", "18px"), this._portalEl.style.setProperty("--ui-context-menu-separator-margin", "4px 8px")) : t === "lg" ? (this._portalEl.style.setProperty("--ui-context-menu-padding", "8px"), this._portalEl.style.setProperty("--ui-context-menu-item-gap", "12px"), this._portalEl.style.setProperty("--ui-context-menu-item-min-height", "40px"), this._portalEl.style.setProperty("--ui-context-menu-item-pad-y", "9px"), this._portalEl.style.setProperty("--ui-context-menu-item-pad-x", "12px"), this._portalEl.style.setProperty("--ui-context-menu-item-font-size", "15px"), this._portalEl.style.setProperty("--ui-context-menu-item-line-height", "22px"), this._portalEl.style.setProperty("--ui-context-menu-separator-margin", "8px 12px")) : (this._portalEl.style.removeProperty("--ui-context-menu-padding"), this._portalEl.style.removeProperty("--ui-context-menu-item-gap"), this._portalEl.style.removeProperty("--ui-context-menu-item-min-height"), this._portalEl.style.removeProperty("--ui-context-menu-item-pad-y"), this._portalEl.style.removeProperty("--ui-context-menu-item-pad-x"), this._portalEl.style.removeProperty("--ui-context-menu-item-font-size"), this._portalEl.style.removeProperty("--ui-context-menu-item-line-height"), this._portalEl.style.removeProperty("--ui-context-menu-separator-margin")), e ? (this._portalEl.style.setProperty("--ui-context-menu-radius", e), this._portalEl.style.setProperty("--ui-context-menu-item-radius", e), this._portalEl.style.setProperty("--ui-context-menu-submenu-radius", e)) : (this._portalEl.style.removeProperty("--ui-context-menu-radius"), this._portalEl.style.removeProperty("--ui-context-menu-item-radius"), this._portalEl.style.removeProperty("--ui-context-menu-submenu-radius")), this.state !== "idle" ? this._portalEl.setAttribute("data-state", this.state) : this._portalEl.removeAttribute("data-state");
     const p = this._portalEl.querySelector(".state-row");
     p && (p.textContent = this._stateText());
   }
   _moveContentIntoPortal() {
-    if (this._contentSourceEl)
-      return;
+    if (this._contentSourceEl) return;
     const t = this.querySelector('[slot="menu"]') || this.querySelector('[slot="content"]'), e = this._portalContentHostEl;
     !t || !e || (this._contentOriginalParent = t.parentNode, this._contentAnchor = document.createComment("ui-context-menu-anchor"), this._contentOriginalParent && this._contentOriginalParent.insertBefore(this._contentAnchor, t), this._contentSourceEl = t, e.appendChild(t));
   }
   _restoreContentFromPortal() {
     const t = this._contentSourceEl;
-    if (!t)
-      return;
+    if (!t) return;
     const e = this._contentAnchor, i = this._contentOriginalParent;
-    e != null && e.parentNode ? (e.parentNode.insertBefore(t, e), e.parentNode.removeChild(e)) : i && i.appendChild(t), this._contentSourceEl = null, this._contentAnchor = null, this._contentOriginalParent = null;
+    e?.parentNode ? (e.parentNode.insertBefore(t, e), e.parentNode.removeChild(e)) : i && i.appendChild(t), this._contentSourceEl = null, this._contentAnchor = null, this._contentOriginalParent = null;
   }
   _mountPortal() {
-    var i, n;
-    if ((i = this._portalEl) != null && i.isConnected)
-      return;
+    if (this._portalEl?.isConnected) return;
     const t = A();
-    if (!t)
-      return;
+    if (!t) return;
     const e = document.createElement("div");
     e.className = "ui-context-menu-portal", e.style.position = "absolute", e.style.pointerEvents = "auto", e.innerHTML = `
       <style>${D}</style>
       <div class="surface" part="menu" role="menu" aria-hidden="true" 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="${b.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="${b.replace(/"/g, "&quot;")}" item-role="menuitem" active-attribute="data-active"></ui-listbox>
       </div>
-    `, t.appendChild(e), this._portalEl = e, this._portalSurfaceEl = e.querySelector(".surface"), this._portalContentHostEl = e.querySelector("ui-listbox.content-host"), this._moveContentIntoPortal(), (n = this._portalContentHostEl) == null || n.refresh(), this._syncPortalVisualState(), this._syncSurfaceState(), this._bindPortalInteractionListeners(), this._syncDismissableLayer();
+    `, t.appendChild(e), this._portalEl = e, this._portalSurfaceEl = e.querySelector(".surface"), this._portalContentHostEl = e.querySelector("ui-listbox.content-host"), this._moveContentIntoPortal(), this._portalContentHostEl?.refresh(), this._syncPortalVisualState(), this._syncSurfaceState(), this._bindPortalInteractionListeners(), this._syncDismissableLayer();
   }
   _teardownPortal() {
-    var t, e, i;
-    if ((t = this._dismissableLayer) == null || t.destroy(), this._dismissableLayer = null, (e = this._positioner) == null || e.destroy(), this._positioner = null, this._positionerPlacement = null, this._positionerOffset = 0, this._positionerAnchorEl = null, this._unbindPortalInteractionListeners(), this._restoreContentFromPortal(), this._portalContentHostEl = null, this._portalSurfaceEl = null, (i = this._portalEl) != null && i.parentElement)
+    if (this._dismissableLayer?.destroy(), this._dismissableLayer = null, this._positioner?.destroy(), this._positioner = null, this._positionerPlacement = null, this._positionerOffset = 0, this._positionerAnchorEl = null, this._unbindPortalInteractionListeners(), this._restoreContentFromPortal(), this._portalContentHostEl = null, this._portalSurfaceEl = null, this._portalEl?.parentElement)
       try {
         this._portalEl.parentElement.removeChild(this._portalEl);
       } catch {
@@ -763,21 +741,20 @@ class U extends E {
     this._portalEl = null;
   }
   _syncDismissableLayer() {
-    var e, i;
     const t = this._portalSurfaceEl;
     if (!t || !this._isOpen) {
-      (e = this._dismissableLayer) == null || e.destroy(), this._dismissableLayer = null;
+      this._dismissableLayer?.destroy(), this._dismissableLayer = null;
       return;
     }
-    (i = this._dismissableLayer) == null || i.destroy(), this._dismissableLayer = S({
+    this._dismissableLayer?.destroy(), this._dismissableLayer = S({
       node: t,
       trigger: this._anchorEl || this,
       closeOnEscape: this.closeOnEscape,
       closeOnPointerOutside: !0,
       closeOnFocusOutside: !0,
-      onDismiss: (n) => {
-        const s = n === "escape-key" ? "escape" : "outside";
-        this._setOpen(!1, s);
+      onDismiss: (e) => {
+        const i = e === "escape-key" ? "escape" : "outside";
+        this._setOpen(!1, i);
       }
     });
   }
@@ -785,8 +762,7 @@ class U extends E {
     this._positionRaf != null && (cancelAnimationFrame(this._positionRaf), this._positionRaf = null), this._submenuRaf != null && (cancelAnimationFrame(this._submenuRaf), this._submenuRaf = null), this._stopAnchorTracking(), this._cancelSubmenuIntent(), this._resetTypeahead();
   }
   _captureAnchorRect() {
-    if (!this._anchorEl)
-      return null;
+    if (!this._anchorEl) return null;
     const t = this._anchorEl.getBoundingClientRect();
     return {
       top: t.top,
@@ -816,8 +792,7 @@ class U extends E {
     };
   }
   _rebuildPositioner(t, e, i) {
-    var n;
-    (n = this._positioner) == null || n.destroy(), this._positioner = P({
+    this._positioner?.destroy(), this._positioner = P({
       anchor: this._anchorEl || this._pointVirtualAnchor(),
       floating: t,
       placement: e,
@@ -825,7 +800,7 @@ class U extends E {
       offset: i,
       flip: !0,
       shift: !0,
-      boundaryPadding: l,
+      boundaryPadding: a,
       observeWindowResize: !1,
       observeScroll: !1,
       observeAncestorScroll: !1,
@@ -833,9 +808,9 @@ class U extends E {
       observeLayoutShift: !1,
       observeAnchorResize: !1,
       observeFloatingResize: !1,
-      onUpdate: (s) => {
-        const r = window.innerWidth || document.documentElement.clientWidth || 0, u = window.innerHeight || document.documentElement.clientHeight || 0;
-        t.style.maxWidth = `${Math.max(160, r - l * 2)}px`, t.style.maxHeight = `${Math.max(120, u - l * 2)}px`, t.setAttribute("data-placement", s.placement.split("-")[0]);
+      onUpdate: (o) => {
+        const n = window.innerWidth || document.documentElement.clientWidth || 0, r = window.innerHeight || document.documentElement.clientHeight || 0;
+        t.style.maxWidth = `${Math.max(160, n - a * 2)}px`, t.style.maxHeight = `${Math.max(120, r - a * 2)}px`, t.setAttribute("data-placement", o.placement.split("-")[0]);
       }
     }), this._positionerPlacement = e, this._positionerOffset = i, this._positionerAnchorEl = this._anchorEl;
   }
@@ -846,27 +821,24 @@ class U extends E {
     this._anchorTrackRaf != null && (cancelAnimationFrame(this._anchorTrackRaf), this._anchorTrackRaf = null), this._lastAnchorRect = null;
   }
   _trackAnchorLayout() {
-    if (this._anchorTrackRaf = null, !this._isOpen || !this._anchorEl)
-      return;
+    if (this._anchorTrackRaf = null, !this._isOpen || !this._anchorEl) return;
     const t = this._captureAnchorRect(), e = this._lastAnchorRect;
     if (this._lastAnchorRect = t, !t) {
       this.close();
       return;
     }
-    !!e && (t.top !== e.top || t.left !== e.left || t.right !== e.right || t.bottom !== e.bottom || t.width !== e.width || t.height !== e.height) && (this._positionMenu(), this._layoutSubmenus()), this._anchorTrackRaf = requestAnimationFrame(this._trackAnchorLayout);
+    e && (t.top !== e.top || t.left !== e.left || t.right !== e.right || t.bottom !== e.bottom || t.width !== e.width || t.height !== e.height) && (this._positionMenu(), this._layoutSubmenus()), this._anchorTrackRaf = requestAnimationFrame(this._trackAnchorLayout);
   }
   _resetTypeahead() {
     this._typeaheadBuffer = "", this._typeaheadTimer != null && (window.clearTimeout(this._typeaheadTimer), this._typeaheadTimer = null);
   }
   _normalizeMenuSemantics() {
-    var e;
     const t = this._menuHost();
-    t && ((e = this._listbox()) == null || e.syncItemSemantics({ container: t }));
+    t && this._listbox()?.syncItemSemantics({ container: t });
   }
   _queryMenuItems(t) {
-    var i;
     const e = t || this._menuHost();
-    return e ? (((i = this._listbox()) == null ? void 0 : i.queryItems({ container: e })) || []).filter((n) => N(n)) : [];
+    return e ? (this._listbox()?.queryItems({ container: e }) || []).filter((i) => N(i)) : [];
   }
   _submenuFor(t) {
     return t.querySelector(O);
@@ -875,12 +847,10 @@ class U extends E {
     this._hoveredItem = null;
   }
   _focusItem(t) {
-    var i;
-    if (!t)
-      return;
+    if (!t) return;
     this._clearHighlights();
     const e = t.closest(".submenu") || this._menuHost();
-    (i = this._listbox()) == null || i.setActiveItem(t, {
+    this._listbox()?.setActiveItem(t, {
       container: e,
       focus: !0,
       owner: this._surface(),
@@ -888,8 +858,7 @@ class U extends E {
     }), this._setOpenBranch(t, !1);
   }
   _focusFirstItem() {
-    var i;
-    const t = (i = this._listbox()) == null ? void 0 : i.focusBoundary("first", {
+    const t = this._listbox()?.focusBoundary("first", {
       container: this._menuHost(),
       focus: !0,
       owner: this._surface(),
@@ -908,8 +877,7 @@ class U extends E {
       }
   }
   _focusLastItem() {
-    var e;
-    const t = (e = this._listbox()) == null ? void 0 : e.focusBoundary("last", {
+    const t = this._listbox()?.focusBoundary("last", {
       container: this._menuHost(),
       focus: !0,
       owner: this._surface(),
@@ -918,145 +886,126 @@ class U extends E {
     t && this._setOpenBranch(t, !1);
   }
   _findCurrentItem(t) {
-    var i;
     if (t && typeof t.composedPath == "function") {
-      const n = G(t.composedPath());
-      if (n)
-        return n;
+      const i = G(t.composedPath());
+      if (i) return i;
     }
     const e = document.activeElement;
     if (e instanceof HTMLElement) {
-      const n = e.closest(c);
-      if (n instanceof HTMLElement)
-        return n;
+      const i = e.closest(l);
+      if (i instanceof HTMLElement) return i;
     }
-    return (i = this._hoveredItem) != null && i.isConnected ? this._hoveredItem : null;
+    return this._hoveredItem?.isConnected ? this._hoveredItem : null;
   }
   _moveFocus(t, e) {
-    var s, r, u;
     const i = t.closest(".submenu") || this._menuHost();
-    if (!i)
-      return;
+    if (!i) return;
     if (e === "first") {
-      const a = (s = this._listbox()) == null ? void 0 : s.focusBoundary("first", {
+      const n = this._listbox()?.focusBoundary("first", {
         container: i,
         focus: !0,
         owner: this._surface(),
         scroll: !0
       });
-      a && this._setOpenBranch(a, !1);
+      n && this._setOpenBranch(n, !1);
       return;
     }
     if (e === "last") {
-      const a = (r = this._listbox()) == null ? void 0 : r.focusBoundary("last", {
+      const n = this._listbox()?.focusBoundary("last", {
         container: i,
         focus: !0,
         owner: this._surface(),
         scroll: !0
       });
-      a && this._setOpenBranch(a, !1);
+      n && this._setOpenBranch(n, !1);
       return;
     }
-    const n = (u = this._listbox()) == null ? void 0 : u.move(e === "next" ? 1 : -1, {
+    const o = this._listbox()?.move(e === "next" ? 1 : -1, {
       container: i,
       current: t,
       focus: !0,
       owner: this._surface(),
       scroll: !0
     });
-    n && this._setOpenBranch(n, !1);
+    o && this._setOpenBranch(o, !1);
   }
   _setOpenBranch(t, e) {
     const i = this._menuHost();
-    if (!i || (i.querySelectorAll('[data-submenu-open="true"]').forEach((r) => r.removeAttribute("data-submenu-open")), !t))
-      return;
-    const n = [];
-    let s = t;
-    for (; s; ) {
-      const r = s.closest(".submenu");
-      if (!r)
-        break;
+    if (!i || (i.querySelectorAll('[data-submenu-open="true"]').forEach((r) => r.removeAttribute("data-submenu-open")), !t)) return;
+    const o = [];
+    let n = t;
+    for (; n; ) {
+      const r = n.closest(".submenu");
+      if (!r) break;
       const u = r.parentElement;
-      if (!(u instanceof HTMLElement) || !u.matches(c))
-        break;
-      n.unshift(u), s = u;
+      if (!(u instanceof HTMLElement) || !u.matches(l)) break;
+      o.unshift(u), n = u;
     }
-    n.forEach((r) => r.setAttribute("data-submenu-open", "true")), e && this._submenuFor(t) && t.setAttribute("data-submenu-open", "true");
+    o.forEach((r) => r.setAttribute("data-submenu-open", "true")), e && this._submenuFor(t) && t.setAttribute("data-submenu-open", "true");
   }
   _openSubmenu(t, e) {
-    var s;
     this._cancelSubmenuIntent();
     const i = this._submenuFor(t);
-    if (!i || x(t))
-      return !1;
-    if (this._setOpenBranch(t, !0), this._scheduleSubmenuLayout(), !e)
-      return !0;
-    const n = (s = this._listbox()) == null ? void 0 : s.focusBoundary("first", {
+    if (!i || x(t)) return !1;
+    if (this._setOpenBranch(t, !0), this._scheduleSubmenuLayout(), !e) return !0;
+    const o = this._listbox()?.focusBoundary("first", {
       container: i,
       focus: !0,
       owner: this._surface(),
       scroll: !0
     });
-    return n && this._setOpenBranch(n, !1), !0;
+    return o && this._setOpenBranch(o, !1), !0;
   }
   _closeParentSubmenu(t) {
     const e = t.closest(".submenu");
-    if (!e)
-      return !1;
+    if (!e) return !1;
     const i = e.parentElement;
-    return !(i instanceof HTMLElement) || !i.matches(c) ? !1 : (this._focusItem(i), this._setOpenBranch(i, !1), i.removeAttribute("data-submenu-open"), !0);
+    return !(i instanceof HTMLElement) || !i.matches(l) ? !1 : (this._focusItem(i), this._setOpenBranch(i, !1), i.removeAttribute("data-submenu-open"), !0);
   }
   _clearSubmenuState() {
-    var e;
     this._cancelSubmenuIntent(), this._hoveredItem = null;
     const t = this._menuHost();
-    t && (t.querySelectorAll('[data-submenu-open="true"]').forEach((i) => i.removeAttribute("data-submenu-open")), (e = this._listbox()) == null || e.clearActive({ container: t }));
+    t && (t.querySelectorAll('[data-submenu-open="true"]').forEach((e) => e.removeAttribute("data-submenu-open")), this._listbox()?.clearActive({ container: t }));
   }
   _handleTypeahead(t, e) {
-    var s;
-    if (!this.typeahead || t.ctrlKey || t.altKey || t.metaKey || t.key.length !== 1 || !/\S/.test(t.key))
-      return !1;
-    const i = (e == null ? void 0 : e.closest(".submenu")) || this._menuHost();
-    if (!i)
-      return !1;
+    if (!this.typeahead || t.ctrlKey || t.altKey || t.metaKey || t.key.length !== 1 || !/\S/.test(t.key)) return !1;
+    const i = e?.closest(".submenu") || this._menuHost();
+    if (!i) return !1;
     this._typeaheadBuffer = `${this._typeaheadBuffer}${t.key}`.slice(-24), this._typeaheadTimer != null && window.clearTimeout(this._typeaheadTimer), this._typeaheadTimer = window.setTimeout(() => this._resetTypeahead(), R);
-    const n = (s = this._listbox()) == null ? void 0 : s.typeahead(this._typeaheadBuffer, {
+    const o = this._listbox()?.typeahead(this._typeaheadBuffer, {
       container: i,
       current: e,
       focus: !0,
       owner: this._surface(),
       scroll: !0
     });
-    return n ? (t.preventDefault(), this._setOpenBranch(n, !1), !0) : !1;
+    return o ? (t.preventDefault(), this._setOpenBranch(o, !1), !0) : !1;
   }
   _applySelectionBehavior(t) {
     const e = t.getAttribute("role");
     if (e === "menuitemcheckbox") {
-      const s = t.getAttribute("aria-checked") !== "true";
-      t.setAttribute("aria-checked", s ? "true" : "false"), t.setAttribute("data-state", s ? "checked" : "unchecked");
+      const n = t.getAttribute("aria-checked") !== "true";
+      t.setAttribute("aria-checked", n ? "true" : "false"), t.setAttribute("data-state", n ? "checked" : "unchecked");
       return;
     }
-    if (e !== "menuitemradio")
-      return;
+    if (e !== "menuitemradio") return;
     const i = t.closest(".submenu") || this._menuHost();
-    if (!i)
-      return;
-    const n = t.getAttribute("data-group") || t.getAttribute("name") || "";
-    i.querySelectorAll('[role="menuitemradio"]').forEach((s) => {
-      const r = s.getAttribute("data-group") || s.getAttribute("name") || "";
-      n && r !== n || (s.setAttribute("aria-checked", "false"), s.setAttribute("data-state", "unchecked"));
+    if (!i) return;
+    const o = t.getAttribute("data-group") || t.getAttribute("name") || "";
+    i.querySelectorAll('[role="menuitemradio"]').forEach((n) => {
+      const r = n.getAttribute("data-group") || n.getAttribute("name") || "";
+      o && r !== o || (n.setAttribute("aria-checked", "false"), n.setAttribute("data-state", "unchecked"));
     }), t.setAttribute("aria-checked", "true"), t.setAttribute("data-state", "checked");
   }
   _emitSelect(t) {
-    var s;
-    const e = this._menuHost(), n = (e ? Array.from(e.querySelectorAll(c)) : []).indexOf(t);
+    const e = this._menuHost(), o = (e ? Array.from(e.querySelectorAll(l)) : []).indexOf(t);
     this.dispatchEvent(new CustomEvent("select", {
       bubbles: !0,
       composed: !0,
       detail: {
-        index: n,
+        index: o,
         value: t.getAttribute("data-value") || t.getAttribute("value") || void 0,
-        label: t.getAttribute("aria-label") || ((s = t.textContent) == null ? void 0 : s.trim()) || void 0,
+        label: t.getAttribute("aria-label") || t.textContent?.trim() || void 0,
         checked: t.getAttribute("aria-checked") === "true",
         item: t
       }
@@ -1068,20 +1017,18 @@ class U extends E {
     }));
   }
   _positionMenu() {
-    var r;
     const t = this._surface();
-    if (!t)
-      return;
+    if (!t) return;
     if (this._anchorEl && !W(this._anchorEl)) {
       this.close();
       return;
     }
-    const e = $(this.getAttribute("placement")), i = V(e), n = this._anchorEl ? L : 0;
-    if (!this._positioner || this._positionerPlacement !== i || this._positionerOffset !== n || this._positionerAnchorEl !== this._anchorEl) {
-      this._rebuildPositioner(t, i, n);
+    const e = $(this.getAttribute("placement")), i = V(e), o = this._anchorEl ? L : 0;
+    if (!this._positioner || this._positionerPlacement !== i || this._positionerOffset !== o || this._positionerAnchorEl !== this._anchorEl) {
+      this._rebuildPositioner(t, i, o);
       return;
     }
-    (r = this._positioner) == null || r.update();
+    this._positioner?.update();
   }
   _scheduleSubmenuLayout() {
     this._isOpen && (this._submenuRaf != null && cancelAnimationFrame(this._submenuRaf), this._submenuRaf = requestAnimationFrame(() => {
@@ -1090,23 +1037,20 @@ class U extends E {
   }
   _layoutSubmenus() {
     const t = this._menuHost();
-    if (!t)
-      return;
+    if (!t) return;
     const e = window.innerWidth || document.documentElement.clientWidth || 0, i = window.innerHeight || document.documentElement.clientHeight || 0;
-    Array.from(t.querySelectorAll('.menuitem > .submenu, [role="menuitem"] > .submenu')).forEach((s) => {
-      const r = s.parentElement;
-      if (!(r instanceof HTMLElement))
-        return;
+    Array.from(t.querySelectorAll('.menuitem > .submenu, [role="menuitem"] > .submenu')).forEach((n) => {
+      const r = n.parentElement;
+      if (!(r instanceof HTMLElement)) return;
       r.removeAttribute("data-submenu-side"), r.removeAttribute("data-submenu-align");
-      const u = s.style.display, a = s.style.visibility, h = s.style.pointerEvents, m = s.style.opacity, p = s.style.transform;
-      s.style.display = "grid", s.style.visibility = "hidden", s.style.pointerEvents = "none", s.style.opacity = "0", s.style.transform = "none";
-      const d = r.getBoundingClientRect(), f = s.getBoundingClientRect();
-      d.right + l + f.width > e && d.left - l - f.width >= l && r.setAttribute("data-submenu-side", "left"), d.top + f.height > i - l && d.bottom - f.height >= l && r.setAttribute("data-submenu-align", "up"), s.style.display = u, s.style.visibility = a, s.style.pointerEvents = h, s.style.opacity = m, s.style.transform = p;
+      const u = n.style.display, c = n.style.visibility, h = n.style.pointerEvents, m = n.style.opacity, p = n.style.transform;
+      n.style.display = "grid", n.style.visibility = "hidden", n.style.pointerEvents = "none", n.style.opacity = "0", n.style.transform = "none";
+      const d = r.getBoundingClientRect(), f = n.getBoundingClientRect();
+      d.right + a + f.width > e && d.left - a - f.width >= a && r.setAttribute("data-submenu-side", "left"), d.top + f.height > i - a && d.bottom - f.height >= a && r.setAttribute("data-submenu-align", "up"), n.style.display = u, n.style.visibility = c, n.style.pointerEvents = h, n.style.opacity = m, n.style.transform = p;
     });
   }
   _onRootClick(t) {
-    if (!this._isOpen || this.isDisabled || this.state === "loading")
-      return;
+    if (!this._isOpen || this.isDisabled || this.state === "loading") return;
     const e = this._findCurrentItem(t);
     if (!(!e || x(e))) {
       if (this._submenuFor(e)) {
@@ -1117,8 +1061,7 @@ class U extends E {
     }
   }
   _onRootPointerOver(t) {
-    if (!this._isOpen)
-      return;
+    if (!this._isOpen) return;
     const e = this._findCurrentItem(t);
     if (!(!e || x(e))) {
       if (this._hoveredItem = e, this._submenuFor(e)) {
@@ -1132,15 +1075,12 @@ class U extends E {
     this._cancelSubmenuIntent(), this._clearHighlights();
   }
   _onRootFocusIn(t) {
-    var n;
-    if (!this._isOpen)
-      return;
+    if (!this._isOpen) return;
     this._cancelSubmenuIntent();
     const e = this._findCurrentItem(t);
-    if (!e || x(e))
-      return;
+    if (!e || x(e)) return;
     const i = e.closest(".submenu") || this._menuHost();
-    (n = this._listbox()) == null || n.setActiveItem(e, {
+    this._listbox()?.setActiveItem(e, {
       container: i,
       focus: !1,
       owner: this._surface(),
@@ -1158,13 +1098,11 @@ class U extends E {
     }, C));
   }
   _onRootKeyDown(t) {
-    if (!this._isOpen)
-      return;
+    if (!this._isOpen) return;
     const e = this._findCurrentItem(t);
     if (!this._handleTypeahead(t, e)) {
       if (t.key === "Escape") {
-        if (!this.closeOnEscape)
-          return;
+        if (!this.closeOnEscape) return;
         t.preventDefault(), this._setOpen(!1, "escape");
         return;
       }
@@ -1213,7 +1151,7 @@ class U extends E {
       <style>${g}</style>
       <div class="surface" part="menu" role="menu" aria-hidden="true" aria-busy="false" tabindex="-1">
         <div class="state-row" part="state" data-state="${this.state}">${t}</div>
-        <ui-listbox class="content-host" part="content" slot="menu" role="menu" item-selector="${c.replace(/"/g, "&quot;")}" direct-item-selector="${b.replace(/"/g, "&quot;")}" item-role="menuitem" active-attribute="data-active">
+        <ui-listbox class="content-host" part="content" slot="menu" role="menu" item-selector="${l.replace(/"/g, "&quot;")}" direct-item-selector="${b.replace(/"/g, "&quot;")}" item-role="menuitem" active-attribute="data-active">
           <slot name="menu"></slot>
           <slot name="content"></slot>
         </ui-listbox>