@editora/ui-core 0.1.24 → 0.2.0

package/dist/context-menu.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("./ElementBase-DxbvhLJs.js"),S=require("./portal-DgpQ3Jo1.js"),P=require("./dismissable-layer-DNfrKA20.js"),w=require("./positioner-D_fqyx_j.js"),O=require("./menu-item-styles-B4onAr4C.js");require("./listbox-CTpRpuF7.js");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(", "),L=":scope > .submenu",a=8,R=6,C=420,I=110,k=["--ui-color-primary","--ui-color-primary-hover","--ui-color-foreground-on-primary","--ui-color-background","--ui-color-surface","--ui-color-surface-alt","--ui-color-text","--ui-color-muted","--ui-color-border","--ui-color-focus-ring","--ui-color-success","--ui-color-danger","--ui-color-warning","--ui-primary","--ui-primary-hover","--ui-foreground","--ui-background","--ui-surface","--ui-surface-alt","--ui-text","--ui-muted","--ui-border","--ui-focus-ring","--ui-radius","--color-background","--color-surface","--color-panel","--color-panel-solid","--color-panel-translucent","--color-overlay","--accent-contrast","--accent-surface","--accent-indicator","--accent-track"],T=[{prefix:"--accent-",from:1,to:12},{prefix:"--accent-a",from:1,to:12},{prefix:"--gray-",from:1,to:12},{prefix:"--gray-a",from:1,to:12},{prefix:"--black-a",from:1,to:12},{prefix:"--white-a",from:1,to:12},{prefix:"--shadow-",from:1,to:6},{prefix:"--radius-",from:1,to:6}],z=["--base-context-menu-bg","--base-context-menu-radius","--base-context-menu-shadow","--base-context-menu-min-width","--base-context-menu-padding","--base-context-menu-item-radius","--base-context-menu-item-gap","--base-context-menu-item-height","--base-context-menu-item-padding-y","--base-context-menu-item-padding-x","--base-context-menu-item-font-size","--base-context-menu-item-line-height","--base-context-menu-submenu-radius","--base-context-menu-submenu-padding"],g=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("./ElementBase-DxbvhLJs.js"),S=require("./portal-XbYR3m_q.js"),P=require("./overlay-motion-B56x1GoY.js"),w=require("./dismissable-layer-DNfrKA20.js"),O=require("./positioner-DZ1FW6A9.js"),L=require("./menu-item-styles-B4onAr4C.js");require("./listbox-CTpRpuF7.js");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(", "),R=":scope > .submenu",a=8,C=6,I=420,k=110,T=["--ui-color-primary","--ui-color-primary-hover","--ui-color-foreground-on-primary","--ui-color-background","--ui-color-surface","--ui-color-surface-alt","--ui-color-text","--ui-color-muted","--ui-color-border","--ui-color-focus-ring","--ui-color-success","--ui-color-danger","--ui-color-warning","--ui-primary","--ui-primary-hover","--ui-foreground","--ui-background","--ui-surface","--ui-surface-alt","--ui-text","--ui-muted","--ui-border","--ui-focus-ring","--ui-radius","--color-background","--color-surface","--color-panel","--color-panel-solid","--color-panel-translucent","--color-overlay","--accent-contrast","--accent-surface","--accent-indicator","--accent-track"],z=[{prefix:"--accent-",from:1,to:12},{prefix:"--accent-a",from:1,to:12},{prefix:"--gray-",from:1,to:12},{prefix:"--gray-a",from:1,to:12},{prefix:"--black-a",from:1,to:12},{prefix:"--white-a",from:1,to:12},{prefix:"--shadow-",from:1,to:6},{prefix:"--radius-",from:1,to:6}],B=["--base-context-menu-bg","--base-context-menu-radius","--base-context-menu-shadow","--base-context-menu-min-width","--base-context-menu-padding","--base-context-menu-item-radius","--base-context-menu-item-gap","--base-context-menu-item-height","--base-context-menu-item-padding-y","--base-context-menu-item-padding-x","--base-context-menu-item-font-size","--base-context-menu-item-line-height","--base-context-menu-submenu-radius","--base-context-menu-submenu-padding"],g=`
   :host {
     position: fixed;
     inset: 0;
@@ -11,7 +11,7 @@
     --ui-context-menu-color: var(--ui-color-text, var(--ui-text, #0f172a));
     --ui-context-menu-border-color: color-mix(in srgb, var(--ui-color-border, var(--ui-border, #cbd5e1)) 86%, transparent);
     --ui-context-menu-border: 1px solid var(--ui-context-menu-border-color);
-    --ui-context-menu-radius: var(--base-context-menu-radius, var(--ui-radius, 4px));
+    --ui-context-menu-radius: var(--base-context-menu-radius, var(--ui-radius, 6px));
     --ui-context-menu-shadow: var(--base-context-menu-shadow, var(--shadow-5));
     --ui-context-menu-min-width: var(--base-context-menu-min-width, 240px);
     --ui-context-menu-padding: var(--base-context-menu-padding, 6px);
@@ -287,7 +287,7 @@
     flex-direction: column;
     gap: 0;
   }
-  ${O.createSharedMenuItemCss({scopes:['ui-context-menu [slot="menu"]','ui-context-menu [slot="content"]'],prefix:"--ui-context-menu",itemSelectors:[".menuitem",'[role="menuitem"]','[role="menuitemcheckbox"]','[role="menuitemradio"]',"[data-menu-item]"],activeStateSelectors:['.menuitem[data-submenu-open="true"]','[role="menuitem"][data-submenu-open="true"]']})}
+  ${L.createSharedMenuItemCss({scopes:['ui-context-menu [slot="menu"]','ui-context-menu [slot="content"]'],prefix:"--ui-context-menu",itemSelectors:[".menuitem",'[role="menuitem"]','[role="menuitemcheckbox"]','[role="menuitemradio"]',"[data-menu-item]"],activeStateSelectors:['.menuitem[data-submenu-open="true"]','[role="menuitem"][data-submenu-open="true"]']})}
 
   ui-context-menu [slot="menu"] .submenu,
   ui-context-menu [slot="content"] .submenu {
@@ -336,15 +336,15 @@
     top: auto;
     bottom: -6px;
   }
-`;function B(){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=s,t.textContent=v,document.head.appendChild(t)}function F(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}
-${n} {`})}function H(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 F(t,".ui-context-menu-portal")}function D(s){return s.replace(/(^|,)\s*ui-context-menu\b/gm,(t,e)=>`${e} .ui-context-menu-portal`)}const M=`${H(g)}
-${D(v)}`;function q(s){return s.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function $(s,t){return typeof s=="number"?{x:s,y:typeof t=="number"?t:0}:s}function V(s){return s==="top"||s==="left"||s==="right"?s:"bottom"}function N(s){return`${s}-start`}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(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 W(s){if(!s.isConnected||s.hidden)return!1;const t=window.getComputedStyle(s);return!(t.display==="none"||t.visibility==="hidden")}function U(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(s){const t=s.getAttribute("aria-disabled");return s.hasAttribute("disabled")||t==="true"||s.disabled===!0}function G(s){for(const t of s)if(t instanceof HTMLElement&&t.matches(l))return t;return null}class E extends A.ElementBase{constructor(){super(),this._isOpen=!1,this._anchorEl=null,this._point={x:0,y:0},this._restoreFocusEl=null,this._portalEl=null,this._portalSurfaceEl=null,this._portalContentHostEl=null,this._dismissableLayer=null,this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._positionerAnchorEl=null,this._contentAnchor=null,this._contentSourceEl=null,this._contentOriginalParent=null,this._positionRaf=null,this._submenuRaf=null,this._anchorTrackRaf=null,this._typeaheadBuffer="",this._typeaheadTimer=null,this._submenuIntentTimer=null,this._submenuIntentItem=null,this._hoveredItem=null,this._lastAnchorRect=null,this._resizeListenerBound=!1,this._scrollListenerBound=!1,this._nextOpenSource="attribute",this._onRootClick=this._onRootClick.bind(this),this._onRootKeyDown=this._onRootKeyDown.bind(this),this._onRootPointerOver=this._onRootPointerOver.bind(this),this._onRootPointerLeave=this._onRootPointerLeave.bind(this),this._onRootFocusIn=this._onRootFocusIn.bind(this),this._onContextMenu=this._onContextMenu.bind(this),this._onViewportChange=this._onViewportChange.bind(this),this._trackAnchorLayout=this._trackAnchorLayout.bind(this)}static get observedAttributes(){return["open","headless","variant","size","radius","density","shape","elevation","tone","close-on-select","close-on-escape","typeahead","state","state-text","disabled","placement"]}connectedCallback(){super.connectedCallback(),B(),this.addEventListener("contextmenu",this._onContextMenu),this._syncVisualState(),this._syncOpenState()}disconnectedCallback(){this.removeEventListener("contextmenu",this._onContextMenu),this._unbindGlobalListeners(),this._cancelScheduledWork(),this._teardownPortal(),super.disconnectedCallback()}attributeChangedCallback(t,e,i){if(e!==i){if(t==="open"){this._syncOpenState();return}if(t==="headless"){this.headless&&this._isOpen&&this.close(),this._syncSurfaceState(),this._syncPortalVisualState();return}if(t==="disabled"){this.isDisabled&&this._isOpen&&this._setOpen(!1,"attribute"),this._syncSurfaceState(),this._syncPortalVisualState();return}if(t==="state"||t==="state-text"){this._syncPortalVisualState(),this.isConnected&&this.requestRender();return}(t==="variant"||t==="size"||t==="radius"||t==="density"||t==="shape"||t==="elevation"||t==="tone")&&this._syncVisualState(),this._isOpen&&(t==="placement"||t==="variant"||t==="size"||t==="radius"||t==="density"||t==="shape"||t==="elevation"||t==="tone")&&(this._syncPortalVisualState(),this._schedulePosition(),this._scheduleSubmenuLayout())}}get open(){return this.hasAttribute("open")}set open(t){this._setOpen(t,"api")}get headless(){return this.hasAttribute("headless")}set headless(t){t?this.setAttribute("headless",""):this.removeAttribute("headless")}get closeOnSelect(){const t=this.getAttribute("close-on-select");return t==null?!0:t!=="false"&&t!=="0"}set closeOnSelect(t){this.setAttribute("close-on-select",t?"true":"false")}get closeOnEscape(){const t=this.getAttribute("close-on-escape");return t==null?!0:t!=="false"&&t!=="0"}set closeOnEscape(t){this.setAttribute("close-on-escape",t?"true":"false")}get typeahead(){const t=this.getAttribute("typeahead");return t==null?!0:t!=="false"&&t!=="0"}set typeahead(t){this.setAttribute("typeahead",t?"true":"false")}get state(){const t=(this.getAttribute("state")||"idle").toLowerCase();return t==="loading"||t==="error"||t==="success"?t:"idle"}set state(t){t==="idle"?this.removeAttribute("state"):this.setAttribute("state",t)}get isDisabled(){const t=this.getAttribute("disabled");return t==null?!1:t!=="false"&&t!=="0"}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled")}openAt(t,e){if(!(this.headless||this.isDisabled)){if(this._anchorEl=null,this._point=$(t,e),this._isOpen){this._syncGlobalListeners(!0),this._syncDismissableLayer(),this._schedulePosition(),this._scheduleSubmenuLayout();return}this._setOpen(!0,"api")}}openForAnchor(t){if(this.headless||this.isDisabled)return;this._anchorEl=t;const e=t.getBoundingClientRect();if(this._point={x:e.left,y:e.bottom},this._isOpen){this._syncGlobalListeners(!0),this._syncDismissableLayer(),this._schedulePosition(),this._scheduleSubmenuLayout();return}this._setOpen(!0,"anchor")}openForAnchorId(t){const e=typeof document<"u"?document.getElementById(t):null;e&&this.openForAnchor(e)}showForAnchorId(t){this.openForAnchorId(t)}openFor(t){if(typeof t=="string"){this.openForAnchorId(t);return}this.openForAnchor(t)}close(){this._setOpen(!1,"api")}getPortalContentHost(){return this._portalContentHostEl}refreshLayout(){this._isOpen&&(this._normalizeMenuSemantics(),this._schedulePosition(),this._scheduleSubmenuLayout())}_surface(){return this._portalSurfaceEl||this.root.querySelector(".surface")}_listbox(){return this._portalContentHostEl||this.root.querySelector("ui-listbox.content-host")}_menuHost(){return this._contentSourceEl||this._portalContentHostEl||this.querySelector('[slot="menu"]')||this.querySelector('[slot="content"]')}_stateText(){const t=this.getAttribute("state-text");return t||(this.state==="loading"?"Loading actions":this.state==="error"?"Action unavailable":this.state==="success"?"Action ready":"")}_emitOpenState(t,e,i){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(){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();return}if(this._isOpen=t,this._syncGlobalListeners(t),t){this._restoreFocusEl=document.activeElement instanceof HTMLElement?document.activeElement:null,this._mountPortal(),this._normalizeMenuSemantics(),this._syncSurfaceState(),this._emitOpenState(!0,!1,e),this._schedulePosition(),this._scheduleSubmenuLayout(),requestAnimationFrame(()=>{this._focusFirstItem()});return}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{}this._restoreFocusEl=null}_syncSurfaceState(){const t=this._surface();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"}_syncVisualState(){const t=_(this.getAttribute("size")||this.getAttribute("density"));t&&t!=="md"?this.setAttribute("data-ui-context-menu-size",t):this.removeAttribute("data-ui-context-menu-size"),t==="sm"?(this.style.setProperty("--ui-context-menu-padding","4px"),this.style.setProperty("--ui-context-menu-item-gap","8px"),this.style.setProperty("--ui-context-menu-item-min-height","32px"),this.style.setProperty("--ui-context-menu-item-pad-y","6px"),this.style.setProperty("--ui-context-menu-item-pad-x","8px"),this.style.setProperty("--ui-context-menu-item-font-size","13px"),this.style.setProperty("--ui-context-menu-item-line-height","18px"),this.style.setProperty("--ui-context-menu-separator-margin","4px 8px")):t==="lg"?(this.style.setProperty("--ui-context-menu-padding","8px"),this.style.setProperty("--ui-context-menu-item-gap","12px"),this.style.setProperty("--ui-context-menu-item-min-height","40px"),this.style.setProperty("--ui-context-menu-item-pad-y","9px"),this.style.setProperty("--ui-context-menu-item-pad-x","12px"),this.style.setProperty("--ui-context-menu-item-font-size","15px"),this.style.setProperty("--ui-context-menu-item-line-height","22px"),this.style.setProperty("--ui-context-menu-separator-margin","8px 12px")):(this.style.removeProperty("--ui-context-menu-padding"),this.style.removeProperty("--ui-context-menu-item-gap"),this.style.removeProperty("--ui-context-menu-item-min-height"),this.style.removeProperty("--ui-context-menu-item-pad-y"),this.style.removeProperty("--ui-context-menu-item-pad-x"),this.style.removeProperty("--ui-context-menu-item-font-size"),this.style.removeProperty("--ui-context-menu-item-line-height"),this.style.removeProperty("--ui-context-menu-separator-margin"));const e=y(this.getAttribute("radius")||this.getAttribute("shape"));e?(this.style.setProperty("--ui-context-menu-radius",e),this.style.setProperty("--ui-context-menu-item-radius",e),this.style.setProperty("--ui-context-menu-submenu-radius",e)):(this.style.removeProperty("--ui-context-menu-radius"),this.style.removeProperty("--ui-context-menu-item-radius"),this.style.removeProperty("--ui-context-menu-submenu-radius"))}_syncGlobalListeners(t){const e=t,i=t&&!!this._anchorEl;e&&!this._resizeListenerBound?(window.addEventListener("resize",this._onViewportChange),this._resizeListenerBound=!0):!e&&this._resizeListenerBound&&(window.removeEventListener("resize",this._onViewportChange),this._resizeListenerBound=!1),i&&!this._scrollListenerBound?(window.addEventListener("scroll",this._onViewportChange,{passive:!0,capture:!0}),this._scrollListenerBound=!0):!i&&this._scrollListenerBound&&(window.removeEventListener("scroll",this._onViewportChange,!0),this._scrollListenerBound=!1),t&&this._anchorEl?this._startAnchorTracking():this._stopAnchorTracking()}_unbindGlobalListeners(){this._syncGlobalListeners(!1)}_bindPortalInteractionListeners(){this._portalEl&&(this._portalEl.addEventListener("click",this._onRootClick),this._portalEl.addEventListener("keydown",this._onRootKeyDown),this._portalEl.addEventListener("pointerover",this._onRootPointerOver),this._portalEl.addEventListener("pointerleave",this._onRootPointerLeave),this._portalEl.addEventListener("focusin",this._onRootFocusIn))}_unbindPortalInteractionListeners(){this._portalEl&&(this._portalEl.removeEventListener("click",this._onRootClick),this._portalEl.removeEventListener("keydown",this._onRootKeyDown),this._portalEl.removeEventListener("pointerover",this._onRootPointerOver),this._portalEl.removeEventListener("pointerleave",this._onRootPointerLeave),this._portalEl.removeEventListener("focusin",this._onRootFocusIn))}_setPortalFlag(t,e){this._portalEl&&(e?this._portalEl.setAttribute(`data-${t}`,"true"):this._portalEl.removeAttribute(`data-${t}`))}_syncPortalThemeVariables(){if(!this._portalEl)return;const t=getComputedStyle(this),e=i=>{const o=t.getPropertyValue(i).trim();o?this._portalEl.style.setProperty(i,o):this._portalEl.style.removeProperty(i)};k.forEach(e),z.forEach(e),T.forEach(({prefix:i,from:o,to:n})=>{for(let r=o;r<=n;r+=1)e(`${i}${r}`)})}_syncPortalVisualState(){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"),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;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;const e=this._contentAnchor,i=this._contentOriginalParent;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(){if(this._portalEl?.isConnected)return;const t=S.createPortalContainer();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>${M}</style>
+`;function F(){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=s,t.textContent=v,document.head.appendChild(t)}function H(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}
+${n} {`})}function D(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 H(t,".ui-context-menu-portal")}function M(s){return s.replace(/(^|,)\s*ui-context-menu\b/gm,(t,e)=>`${e} .ui-context-menu-portal`)}const q=`${D(g)}
+${M(v)}`;function $(s){return s.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function V(s,t){return typeof s=="number"?{x:s,y:typeof t=="number"?t:0}:s}function N(s){return s==="top"||s==="left"||s==="right"?s:"bottom"}function W(s){return`${s}-start`}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(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 U(s){if(!s.isConnected||s.hidden)return!1;const t=window.getComputedStyle(s);return!(t.display==="none"||t.visibility==="hidden")}function G(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(s){const t=s.getAttribute("aria-disabled");return s.hasAttribute("disabled")||t==="true"||s.disabled===!0}function K(s){for(const t of s)if(t instanceof HTMLElement&&t.matches(l))return t;return null}class E extends A.ElementBase{constructor(){super(),this._isOpen=!1,this._anchorEl=null,this._point={x:0,y:0},this._restoreFocusEl=null,this._portalEl=null,this._portalSurfaceEl=null,this._portalContentHostEl=null,this._dismissableLayer=null,this._positioner=null,this._positionerPlacement=null,this._positionerOffset=0,this._positionerAnchorEl=null,this._contentAnchor=null,this._contentSourceEl=null,this._contentOriginalParent=null,this._positionRaf=null,this._submenuRaf=null,this._anchorTrackRaf=null,this._typeaheadBuffer="",this._typeaheadTimer=null,this._submenuIntentTimer=null,this._submenuIntentItem=null,this._hoveredItem=null,this._lastAnchorRect=null,this._resizeListenerBound=!1,this._scrollListenerBound=!1,this._nextOpenSource="attribute",this._onRootClick=this._onRootClick.bind(this),this._onRootKeyDown=this._onRootKeyDown.bind(this),this._onRootPointerOver=this._onRootPointerOver.bind(this),this._onRootPointerLeave=this._onRootPointerLeave.bind(this),this._onRootFocusIn=this._onRootFocusIn.bind(this),this._onContextMenu=this._onContextMenu.bind(this),this._onViewportChange=this._onViewportChange.bind(this),this._trackAnchorLayout=this._trackAnchorLayout.bind(this)}static get observedAttributes(){return["open","headless","variant","size","radius","density","shape","elevation","tone","close-on-select","close-on-escape","typeahead","state","state-text","disabled","placement"]}connectedCallback(){super.connectedCallback(),F(),this.addEventListener("contextmenu",this._onContextMenu),this._syncVisualState(),this._syncOpenState()}disconnectedCallback(){this.removeEventListener("contextmenu",this._onContextMenu),this._unbindGlobalListeners(),this._cancelScheduledWork(),this._teardownPortal(),super.disconnectedCallback()}attributeChangedCallback(t,e,i){if(e!==i){if(t==="open"){this._syncOpenState();return}if(t==="headless"){this.headless&&this._isOpen&&this.close(),this._syncSurfaceState(),this._syncPortalVisualState();return}if(t==="disabled"){this.isDisabled&&this._isOpen&&this._setOpen(!1,"attribute"),this._syncSurfaceState(),this._syncPortalVisualState();return}if(t==="state"||t==="state-text"){this._syncPortalVisualState(),this.isConnected&&this.requestRender();return}(t==="variant"||t==="size"||t==="radius"||t==="density"||t==="shape"||t==="elevation"||t==="tone")&&this._syncVisualState(),this._isOpen&&(t==="placement"||t==="variant"||t==="size"||t==="radius"||t==="density"||t==="shape"||t==="elevation"||t==="tone")&&(this._syncPortalVisualState(),this._schedulePosition(),this._scheduleSubmenuLayout())}}get open(){return this.hasAttribute("open")}set open(t){this._setOpen(t,"api")}get headless(){return this.hasAttribute("headless")}set headless(t){t?this.setAttribute("headless",""):this.removeAttribute("headless")}get closeOnSelect(){const t=this.getAttribute("close-on-select");return t==null?!0:t!=="false"&&t!=="0"}set closeOnSelect(t){this.setAttribute("close-on-select",t?"true":"false")}get closeOnEscape(){const t=this.getAttribute("close-on-escape");return t==null?!0:t!=="false"&&t!=="0"}set closeOnEscape(t){this.setAttribute("close-on-escape",t?"true":"false")}get typeahead(){const t=this.getAttribute("typeahead");return t==null?!0:t!=="false"&&t!=="0"}set typeahead(t){this.setAttribute("typeahead",t?"true":"false")}get state(){const t=(this.getAttribute("state")||"idle").toLowerCase();return t==="loading"||t==="error"||t==="success"?t:"idle"}set state(t){t==="idle"?this.removeAttribute("state"):this.setAttribute("state",t)}get isDisabled(){const t=this.getAttribute("disabled");return t==null?!1:t!=="false"&&t!=="0"}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled")}openAt(t,e){if(!(this.headless||this.isDisabled)){if(this._anchorEl=null,this._point=V(t,e),this._isOpen){this._syncGlobalListeners(!0),this._syncDismissableLayer(),this._schedulePosition(),this._scheduleSubmenuLayout();return}this._setOpen(!0,"api")}}openForAnchor(t){if(this.headless||this.isDisabled)return;this._anchorEl=t;const e=t.getBoundingClientRect();if(this._point={x:e.left,y:e.bottom},this._isOpen){this._syncGlobalListeners(!0),this._syncDismissableLayer(),this._schedulePosition(),this._scheduleSubmenuLayout();return}this._setOpen(!0,"anchor")}openForAnchorId(t){const e=typeof document<"u"?document.getElementById(t):null;e&&this.openForAnchor(e)}showForAnchorId(t){this.openForAnchorId(t)}openFor(t){if(typeof t=="string"){this.openForAnchorId(t);return}this.openForAnchor(t)}close(){this._setOpen(!1,"api")}getPortalContentHost(){return this._portalContentHostEl}refreshLayout(){this._isOpen&&(this._normalizeMenuSemantics(),this._schedulePosition(),this._scheduleSubmenuLayout())}_surface(){return this._portalSurfaceEl||this.root.querySelector(".surface")}_listbox(){return this._portalContentHostEl||this.root.querySelector("ui-listbox.content-host")}_menuHost(){return this._contentSourceEl||this._portalContentHostEl||this.querySelector('[slot="menu"]')||this.querySelector('[slot="content"]')}_stateText(){const t=this.getAttribute("state-text");return t||(this.state==="loading"?"Loading actions":this.state==="error"?"Action unavailable":this.state==="success"?"Action ready":"")}_emitOpenState(t,e,i){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(){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();return}if(this._isOpen=t,this._syncGlobalListeners(t),t){this._restoreFocusEl=document.activeElement instanceof HTMLElement?document.activeElement:null,this._mountPortal(),this._normalizeMenuSemantics(),this._syncSurfaceState(),this._emitOpenState(!0,!1,e),this._schedulePosition(),this._scheduleSubmenuLayout(),requestAnimationFrame(()=>{this._focusFirstItem()});return}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{}this._restoreFocusEl=null}_syncSurfaceState(){const t=this._surface();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"}_syncVisualState(){const t=_(this.getAttribute("size")||this.getAttribute("density"));t&&t!=="md"?this.setAttribute("data-ui-context-menu-size",t):this.removeAttribute("data-ui-context-menu-size"),t==="sm"?(this.style.setProperty("--ui-context-menu-padding","4px"),this.style.setProperty("--ui-context-menu-item-gap","8px"),this.style.setProperty("--ui-context-menu-item-min-height","32px"),this.style.setProperty("--ui-context-menu-item-pad-y","6px"),this.style.setProperty("--ui-context-menu-item-pad-x","8px"),this.style.setProperty("--ui-context-menu-item-font-size","13px"),this.style.setProperty("--ui-context-menu-item-line-height","18px"),this.style.setProperty("--ui-context-menu-separator-margin","4px 8px")):t==="lg"?(this.style.setProperty("--ui-context-menu-padding","8px"),this.style.setProperty("--ui-context-menu-item-gap","12px"),this.style.setProperty("--ui-context-menu-item-min-height","40px"),this.style.setProperty("--ui-context-menu-item-pad-y","9px"),this.style.setProperty("--ui-context-menu-item-pad-x","12px"),this.style.setProperty("--ui-context-menu-item-font-size","15px"),this.style.setProperty("--ui-context-menu-item-line-height","22px"),this.style.setProperty("--ui-context-menu-separator-margin","8px 12px")):(this.style.removeProperty("--ui-context-menu-padding"),this.style.removeProperty("--ui-context-menu-item-gap"),this.style.removeProperty("--ui-context-menu-item-min-height"),this.style.removeProperty("--ui-context-menu-item-pad-y"),this.style.removeProperty("--ui-context-menu-item-pad-x"),this.style.removeProperty("--ui-context-menu-item-font-size"),this.style.removeProperty("--ui-context-menu-item-line-height"),this.style.removeProperty("--ui-context-menu-separator-margin"));const e=y(this.getAttribute("radius")||this.getAttribute("shape"));e?(this.style.setProperty("--ui-context-menu-radius",e),this.style.setProperty("--ui-context-menu-item-radius",e),this.style.setProperty("--ui-context-menu-submenu-radius",e)):(this.style.removeProperty("--ui-context-menu-radius"),this.style.removeProperty("--ui-context-menu-item-radius"),this.style.removeProperty("--ui-context-menu-submenu-radius"))}_syncGlobalListeners(t){const e=t,i=t&&!!this._anchorEl;e&&!this._resizeListenerBound?(window.addEventListener("resize",this._onViewportChange),this._resizeListenerBound=!0):!e&&this._resizeListenerBound&&(window.removeEventListener("resize",this._onViewportChange),this._resizeListenerBound=!1),i&&!this._scrollListenerBound?(window.addEventListener("scroll",this._onViewportChange,{passive:!0,capture:!0}),this._scrollListenerBound=!0):!i&&this._scrollListenerBound&&(window.removeEventListener("scroll",this._onViewportChange,!0),this._scrollListenerBound=!1),t&&this._anchorEl?this._startAnchorTracking():this._stopAnchorTracking()}_unbindGlobalListeners(){this._syncGlobalListeners(!1)}_bindPortalInteractionListeners(){this._portalEl&&(this._portalEl.addEventListener("click",this._onRootClick),this._portalEl.addEventListener("keydown",this._onRootKeyDown),this._portalEl.addEventListener("pointerover",this._onRootPointerOver),this._portalEl.addEventListener("pointerleave",this._onRootPointerLeave),this._portalEl.addEventListener("focusin",this._onRootFocusIn))}_unbindPortalInteractionListeners(){this._portalEl&&(this._portalEl.removeEventListener("click",this._onRootClick),this._portalEl.removeEventListener("keydown",this._onRootKeyDown),this._portalEl.removeEventListener("pointerover",this._onRootPointerOver),this._portalEl.removeEventListener("pointerleave",this._onRootPointerLeave),this._portalEl.removeEventListener("focusin",this._onRootFocusIn))}_setPortalFlag(t,e){this._portalEl&&(e?this._portalEl.setAttribute(`data-${t}`,"true"):this._portalEl.removeAttribute(`data-${t}`))}_syncPortalThemeVariables(){if(!this._portalEl)return;const t=getComputedStyle(this),e=i=>{const o=t.getPropertyValue(i).trim();o?this._portalEl.style.setProperty(i,o):this._portalEl.style.removeProperty(i)};T.forEach(e),B.forEach(e),z.forEach(({prefix:i,from:o,to:n})=>{for(let r=o;r<=n;r+=1)e(`${i}${r}`)})}_syncPortalVisualState(){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"),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;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;const e=this._contentAnchor,i=this._contentOriginalParent;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(){if(this._portalEl?.isConnected)return;const t=S.createPortalContainer();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>${q}</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="${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(),this._portalContentHostEl?.refresh(),this._syncPortalVisualState(),this._syncSurfaceState(),this._bindPortalInteractionListeners(),this._syncDismissableLayer()}_teardownPortal(){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{}this._portalEl=null}_syncDismissableLayer(){const t=this._portalSurfaceEl;if(!t||!this._isOpen){this._dismissableLayer?.destroy(),this._dismissableLayer=null;return}this._dismissableLayer?.destroy(),this._dismissableLayer=P.createDismissableLayer({node:t,trigger:this._anchorEl||this,closeOnEscape:this.closeOnEscape,closeOnPointerOutside:!0,closeOnFocusOutside:!0,onDismiss:e=>{const i=e==="escape-key"?"escape":"outside";this._setOpen(!1,i)}})}_cancelScheduledWork(){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;const t=this._anchorEl.getBoundingClientRect();return{top:t.top,left:t.left,right:t.right,bottom:t.bottom,width:t.width,height:t.height}}_pointVirtualAnchor(){return{getBoundingClientRect:()=>{const{x:t,y:e}=this._point;return{x:t,y:e,top:e,left:t,right:t,bottom:e,width:0,height:0,toJSON:()=>({})}}}}_rebuildPositioner(t,e,i){this._positioner?.destroy(),this._positioner=w.createPositioner({anchor:this._anchorEl||this._pointVirtualAnchor(),floating:t,placement:e,strategy:"fixed",offset:i,flip:!0,shift:!0,boundaryPadding:a,observeWindowResize:!1,observeScroll:!1,observeAncestorScroll:!1,observeAncestorResize:!1,observeLayoutShift:!1,observeAnchorResize:!1,observeFloatingResize:!1,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}_startAnchorTracking(){!this._isOpen||!this._anchorEl||this._anchorTrackRaf!=null||(this._lastAnchorRect=this._captureAnchorRect(),this._anchorTrackRaf=requestAnimationFrame(this._trackAnchorLayout))}_stopAnchorTracking(){this._anchorTrackRaf!=null&&(cancelAnimationFrame(this._anchorTrackRaf),this._anchorTrackRaf=null),this._lastAnchorRect=null}_trackAnchorLayout(){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)}_resetTypeahead(){this._typeaheadBuffer="",this._typeaheadTimer!=null&&(window.clearTimeout(this._typeaheadTimer),this._typeaheadTimer=null)}_normalizeMenuSemantics(){const t=this._menuHost();t&&this._listbox()?.syncItemSemantics({container:t})}_queryMenuItems(t){const e=t||this._menuHost();return e?(this._listbox()?.queryItems({container:e})||[]).filter(i=>W(i)):[]}_submenuFor(t){return t.querySelector(L)}_clearHighlights(){this._hoveredItem=null}_focusItem(t){if(!t)return;this._clearHighlights();const e=t.closest(".submenu")||this._menuHost();this._listbox()?.setActiveItem(t,{container:e,focus:!0,owner:this._surface(),scroll:!0}),this._setOpenBranch(t,!1)}_focusFirstItem(){const t=this._listbox()?.focusBoundary("first",{container:this._menuHost(),focus:!0,owner:this._surface(),scroll:!0});if(t){this._setOpenBranch(t,!1);return}const e=this._surface();if(e)try{e.focus({preventScroll:!0})}catch{e.focus()}}_focusLastItem(){const t=this._listbox()?.focusBoundary("last",{container:this._menuHost(),focus:!0,owner:this._surface(),scroll:!0});t&&this._setOpenBranch(t,!1)}_findCurrentItem(t){if(t&&typeof t.composedPath=="function"){const i=G(t.composedPath());if(i)return i}const e=document.activeElement;if(e instanceof HTMLElement){const i=e.closest(l);if(i instanceof HTMLElement)return i}return this._hoveredItem?.isConnected?this._hoveredItem:null}_moveFocus(t,e){const i=t.closest(".submenu")||this._menuHost();if(!i)return;if(e==="first"){const n=this._listbox()?.focusBoundary("first",{container:i,focus:!0,owner:this._surface(),scroll:!0});n&&this._setOpenBranch(n,!1);return}if(e==="last"){const n=this._listbox()?.focusBoundary("last",{container:i,focus:!0,owner:this._surface(),scroll:!0});n&&this._setOpenBranch(n,!1);return}const o=this._listbox()?.move(e==="next"?1:-1,{container:i,current:t,focus:!0,owner:this._surface(),scroll:!0});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 o=[];let n=t;for(;n;){const r=n.closest(".submenu");if(!r)break;const u=r.parentElement;if(!(u instanceof HTMLElement)||!u.matches(l))break;o.unshift(u),n=u}o.forEach(r=>r.setAttribute("data-submenu-open","true")),e&&this._submenuFor(t)&&t.setAttribute("data-submenu-open","true")}_openSubmenu(t,e){this._cancelSubmenuIntent();const i=this._submenuFor(t);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 o&&this._setOpenBranch(o,!1),!0}_closeParentSubmenu(t){const e=t.closest(".submenu");if(!e)return!1;const i=e.parentElement;return!(i instanceof HTMLElement)||!i.matches(l)?!1:(this._focusItem(i),this._setOpenBranch(i,!1),i.removeAttribute("data-submenu-open"),!0)}_clearSubmenuState(){this._cancelSubmenuIntent(),this._hoveredItem=null;const t=this._menuHost();t&&(t.querySelectorAll('[data-submenu-open="true"]').forEach(e=>e.removeAttribute("data-submenu-open")),this._listbox()?.clearActive({container:t}))}_handleTypeahead(t,e){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(),C);const o=this._listbox()?.typeahead(this._typeaheadBuffer,{container:i,current:e,focus:!0,owner:this._surface(),scroll:!0});return o?(t.preventDefault(),this._setOpenBranch(o,!1),!0):!1}_applySelectionBehavior(t){const e=t.getAttribute("role");if(e==="menuitemcheckbox"){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;const i=t.closest(".submenu")||this._menuHost();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){const e=this._menuHost(),o=(e?Array.from(e.querySelectorAll(l)):[]).indexOf(t);this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{index:o,value:t.getAttribute("data-value")||t.getAttribute("value")||void 0,label:t.getAttribute("aria-label")||t.textContent?.trim()||void 0,checked:t.getAttribute("aria-checked")==="true",item:t}}))}_schedulePosition(){this._isOpen&&(this._positionRaf!=null&&cancelAnimationFrame(this._positionRaf),this._positionRaf=requestAnimationFrame(()=>{this._positionRaf=null,this._positionMenu()}))}_positionMenu(){const t=this._surface();if(!t)return;if(this._anchorEl&&!U(this._anchorEl)){this.close();return}const e=V(this.getAttribute("placement")),i=N(e),o=this._anchorEl?R:0;if(!this._positioner||this._positionerPlacement!==i||this._positionerOffset!==o||this._positionerAnchorEl!==this._anchorEl){this._rebuildPositioner(t,i,o);return}this._positioner?.update()}_scheduleSubmenuLayout(){this._isOpen&&(this._submenuRaf!=null&&cancelAnimationFrame(this._submenuRaf),this._submenuRaf=requestAnimationFrame(()=>{this._submenuRaf=null,this._layoutSubmenus()}))}_layoutSubmenus(){const t=this._menuHost();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(n=>{const r=n.parentElement;if(!(r instanceof HTMLElement))return;r.removeAttribute("data-submenu-side"),r.removeAttribute("data-submenu-align");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;const e=this._findCurrentItem(t);if(!(!e||x(e))){if(this._submenuFor(e)){this._openSubmenu(e,!0);return}this._applySelectionBehavior(e),this._emitSelect(e),this.closeOnSelect?this._setOpen(!1,"select"):this._focusItem(e)}}_onRootPointerOver(t){if(!this._isOpen)return;const e=this._findCurrentItem(t);if(!(!e||x(e))){if(this._hoveredItem=e,this._submenuFor(e)){this._scheduleSubmenuIntent(e);return}this._cancelSubmenuIntent(),this._setOpenBranch(e,!1)}}_onRootPointerLeave(){this._cancelSubmenuIntent(),this._clearHighlights()}_onRootFocusIn(t){if(!this._isOpen)return;this._cancelSubmenuIntent();const e=this._findCurrentItem(t);if(!e||x(e))return;const i=e.closest(".submenu")||this._menuHost();this._listbox()?.setActiveItem(e,{container:i,focus:!1,owner:this._surface(),scroll:!1}),this._setOpenBranch(e,!1)}_cancelSubmenuIntent(){this._submenuIntentTimer!=null&&(window.clearTimeout(this._submenuIntentTimer),this._submenuIntentTimer=null),this._submenuIntentItem=null}_scheduleSubmenuIntent(t){this._submenuIntentItem===t&&this._submenuIntentTimer!=null||(this._cancelSubmenuIntent(),this._submenuIntentItem=t,this._submenuIntentTimer=window.setTimeout(()=>{this._submenuIntentTimer=null;const e=this._submenuIntentItem;this._submenuIntentItem=null,!(!e||!e.isConnected||!this._isOpen)&&(this._setOpenBranch(e,!0),this._scheduleSubmenuLayout())},I))}_onRootKeyDown(t){if(!this._isOpen)return;const e=this._findCurrentItem(t);if(!this._handleTypeahead(t,e)){if(t.key==="Escape"){if(!this.closeOnEscape)return;t.preventDefault(),this._setOpen(!1,"escape");return}if(!(this.isDisabled||this.state==="loading")){if(!e){t.key==="ArrowDown"?(t.preventDefault(),this._focusFirstItem()):t.key==="ArrowUp"&&(t.preventDefault(),this._focusLastItem());return}if(t.key==="ArrowDown"){t.preventDefault(),this._moveFocus(e,"next");return}if(t.key==="ArrowUp"){t.preventDefault(),this._moveFocus(e,"prev");return}if(t.key==="Home"){t.preventDefault(),this._moveFocus(e,"first");return}if(t.key==="End"){t.preventDefault(),this._moveFocus(e,"last");return}if(t.key==="ArrowRight"){t.preventDefault(),this._openSubmenu(e,!0);return}if(t.key==="ArrowLeft"){this._closeParentSubmenu(e)&&t.preventDefault();return}(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),e.click())}}}_onContextMenu(t){this.headless||this.isDisabled||t.defaultPrevented||t.target instanceof HTMLElement&&t.target.closest('[slot="menu"], [slot="content"]')||(t.preventDefault(),this._anchorEl=null,this._point={x:t.clientX,y:t.clientY},this._setOpen(!0,"contextmenu"))}_onViewportChange(){this._isOpen&&(this._schedulePosition(),this._scheduleSubmenuLayout())}render(){const t=q(this._stateText());this.setContent(`
+    `,t.appendChild(e),this._portalEl=e,this._portalSurfaceEl=e.querySelector(".surface"),this._portalContentHostEl=e.querySelector("ui-listbox.content-host"),this._portalSurfaceEl&&P.openOverlay(this._portalSurfaceEl,{animate:!1}),this._moveContentIntoPortal(),this._portalContentHostEl?.refresh(),this._syncPortalVisualState(),this._syncSurfaceState(),this._bindPortalInteractionListeners(),this._syncDismissableLayer()}_teardownPortal(){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{}this._portalEl=null}_syncDismissableLayer(){const t=this._portalSurfaceEl;if(!t||!this._isOpen){this._dismissableLayer?.destroy(),this._dismissableLayer=null;return}this._dismissableLayer?.destroy(),this._dismissableLayer=w.createDismissableLayer({node:t,trigger:this._anchorEl||this,closeOnEscape:this.closeOnEscape,closeOnPointerOutside:!0,closeOnFocusOutside:!0,onDismiss:e=>{const i=e==="escape-key"?"escape":"outside";this._setOpen(!1,i)}})}_cancelScheduledWork(){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;const t=this._anchorEl.getBoundingClientRect();return{top:t.top,left:t.left,right:t.right,bottom:t.bottom,width:t.width,height:t.height}}_pointVirtualAnchor(){return{getBoundingClientRect:()=>{const{x:t,y:e}=this._point;return{x:t,y:e,top:e,left:t,right:t,bottom:e,width:0,height:0,toJSON:()=>({})}}}}_rebuildPositioner(t,e,i){this._positioner?.destroy(),this._positioner=O.createPositioner({anchor:this._anchorEl||this._pointVirtualAnchor(),floating:t,placement:e,strategy:"fixed",offset:i,flip:!0,shift:!0,boundaryPadding:a,observeWindowResize:!1,observeScroll:!1,observeAncestorScroll:!1,observeAncestorResize:!1,observeLayoutShift:!1,observeAnchorResize:!1,observeFloatingResize:!1,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}_startAnchorTracking(){!this._isOpen||!this._anchorEl||this._anchorTrackRaf!=null||(this._lastAnchorRect=this._captureAnchorRect(),this._anchorTrackRaf=requestAnimationFrame(this._trackAnchorLayout))}_stopAnchorTracking(){this._anchorTrackRaf!=null&&(cancelAnimationFrame(this._anchorTrackRaf),this._anchorTrackRaf=null),this._lastAnchorRect=null}_trackAnchorLayout(){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)}_resetTypeahead(){this._typeaheadBuffer="",this._typeaheadTimer!=null&&(window.clearTimeout(this._typeaheadTimer),this._typeaheadTimer=null)}_normalizeMenuSemantics(){const t=this._menuHost();t&&this._listbox()?.syncItemSemantics({container:t})}_queryMenuItems(t){const e=t||this._menuHost();return e?(this._listbox()?.queryItems({container:e})||[]).filter(i=>U(i)):[]}_submenuFor(t){return t.querySelector(R)}_clearHighlights(){this._hoveredItem=null}_focusItem(t){if(!t)return;this._clearHighlights();const e=t.closest(".submenu")||this._menuHost();this._listbox()?.setActiveItem(t,{container:e,focus:!0,owner:this._surface(),scroll:!0}),this._setOpenBranch(t,!1)}_focusFirstItem(){const t=this._listbox()?.focusBoundary("first",{container:this._menuHost(),focus:!0,owner:this._surface(),scroll:!0});if(t){this._setOpenBranch(t,!1);return}const e=this._surface();if(e)try{e.focus({preventScroll:!0})}catch{e.focus()}}_focusLastItem(){const t=this._listbox()?.focusBoundary("last",{container:this._menuHost(),focus:!0,owner:this._surface(),scroll:!0});t&&this._setOpenBranch(t,!1)}_findCurrentItem(t){if(t&&typeof t.composedPath=="function"){const i=K(t.composedPath());if(i)return i}const e=document.activeElement;if(e instanceof HTMLElement){const i=e.closest(l);if(i instanceof HTMLElement)return i}return this._hoveredItem?.isConnected?this._hoveredItem:null}_moveFocus(t,e){const i=t.closest(".submenu")||this._menuHost();if(!i)return;if(e==="first"){const n=this._listbox()?.focusBoundary("first",{container:i,focus:!0,owner:this._surface(),scroll:!0});n&&this._setOpenBranch(n,!1);return}if(e==="last"){const n=this._listbox()?.focusBoundary("last",{container:i,focus:!0,owner:this._surface(),scroll:!0});n&&this._setOpenBranch(n,!1);return}const o=this._listbox()?.move(e==="next"?1:-1,{container:i,current:t,focus:!0,owner:this._surface(),scroll:!0});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 o=[];let n=t;for(;n;){const r=n.closest(".submenu");if(!r)break;const u=r.parentElement;if(!(u instanceof HTMLElement)||!u.matches(l))break;o.unshift(u),n=u}o.forEach(r=>r.setAttribute("data-submenu-open","true")),e&&this._submenuFor(t)&&t.setAttribute("data-submenu-open","true")}_openSubmenu(t,e){this._cancelSubmenuIntent();const i=this._submenuFor(t);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 o&&this._setOpenBranch(o,!1),!0}_closeParentSubmenu(t){const e=t.closest(".submenu");if(!e)return!1;const i=e.parentElement;return!(i instanceof HTMLElement)||!i.matches(l)?!1:(this._focusItem(i),this._setOpenBranch(i,!1),i.removeAttribute("data-submenu-open"),!0)}_clearSubmenuState(){this._cancelSubmenuIntent(),this._hoveredItem=null;const t=this._menuHost();t&&(t.querySelectorAll('[data-submenu-open="true"]').forEach(e=>e.removeAttribute("data-submenu-open")),this._listbox()?.clearActive({container:t}))}_handleTypeahead(t,e){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(),I);const o=this._listbox()?.typeahead(this._typeaheadBuffer,{container:i,current:e,focus:!0,owner:this._surface(),scroll:!0});return o?(t.preventDefault(),this._setOpenBranch(o,!1),!0):!1}_applySelectionBehavior(t){const e=t.getAttribute("role");if(e==="menuitemcheckbox"){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;const i=t.closest(".submenu")||this._menuHost();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){const e=this._menuHost(),o=(e?Array.from(e.querySelectorAll(l)):[]).indexOf(t);this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{index:o,value:t.getAttribute("data-value")||t.getAttribute("value")||void 0,label:t.getAttribute("aria-label")||t.textContent?.trim()||void 0,checked:t.getAttribute("aria-checked")==="true",item:t}}))}_schedulePosition(){this._isOpen&&(this._positionRaf!=null&&cancelAnimationFrame(this._positionRaf),this._positionRaf=requestAnimationFrame(()=>{this._positionRaf=null,this._positionMenu()}))}_positionMenu(){const t=this._surface();if(!t)return;if(this._anchorEl&&!G(this._anchorEl)){this.close();return}const e=N(this.getAttribute("placement")),i=W(e),o=this._anchorEl?C:0;if(!this._positioner||this._positionerPlacement!==i||this._positionerOffset!==o||this._positionerAnchorEl!==this._anchorEl){this._rebuildPositioner(t,i,o);return}this._positioner?.update()}_scheduleSubmenuLayout(){this._isOpen&&(this._submenuRaf!=null&&cancelAnimationFrame(this._submenuRaf),this._submenuRaf=requestAnimationFrame(()=>{this._submenuRaf=null,this._layoutSubmenus()}))}_layoutSubmenus(){const t=this._menuHost();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(n=>{const r=n.parentElement;if(!(r instanceof HTMLElement))return;r.removeAttribute("data-submenu-side"),r.removeAttribute("data-submenu-align");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;const e=this._findCurrentItem(t);if(!(!e||x(e))){if(this._submenuFor(e)){this._openSubmenu(e,!0);return}this._applySelectionBehavior(e),this._emitSelect(e),this.closeOnSelect?this._setOpen(!1,"select"):this._focusItem(e)}}_onRootPointerOver(t){if(!this._isOpen)return;const e=this._findCurrentItem(t);if(!(!e||x(e))){if(this._hoveredItem=e,this._submenuFor(e)){this._scheduleSubmenuIntent(e);return}this._cancelSubmenuIntent(),this._setOpenBranch(e,!1)}}_onRootPointerLeave(){this._cancelSubmenuIntent(),this._clearHighlights()}_onRootFocusIn(t){if(!this._isOpen)return;this._cancelSubmenuIntent();const e=this._findCurrentItem(t);if(!e||x(e))return;const i=e.closest(".submenu")||this._menuHost();this._listbox()?.setActiveItem(e,{container:i,focus:!1,owner:this._surface(),scroll:!1}),this._setOpenBranch(e,!1)}_cancelSubmenuIntent(){this._submenuIntentTimer!=null&&(window.clearTimeout(this._submenuIntentTimer),this._submenuIntentTimer=null),this._submenuIntentItem=null}_scheduleSubmenuIntent(t){this._submenuIntentItem===t&&this._submenuIntentTimer!=null||(this._cancelSubmenuIntent(),this._submenuIntentItem=t,this._submenuIntentTimer=window.setTimeout(()=>{this._submenuIntentTimer=null;const e=this._submenuIntentItem;this._submenuIntentItem=null,!(!e||!e.isConnected||!this._isOpen)&&(this._setOpenBranch(e,!0),this._scheduleSubmenuLayout())},k))}_onRootKeyDown(t){if(!this._isOpen)return;const e=this._findCurrentItem(t);if(!this._handleTypeahead(t,e)){if(t.key==="Escape"){if(!this.closeOnEscape)return;t.preventDefault(),this._setOpen(!1,"escape");return}if(!(this.isDisabled||this.state==="loading")){if(!e){t.key==="ArrowDown"?(t.preventDefault(),this._focusFirstItem()):t.key==="ArrowUp"&&(t.preventDefault(),this._focusLastItem());return}if(t.key==="ArrowDown"){t.preventDefault(),this._moveFocus(e,"next");return}if(t.key==="ArrowUp"){t.preventDefault(),this._moveFocus(e,"prev");return}if(t.key==="Home"){t.preventDefault(),this._moveFocus(e,"first");return}if(t.key==="End"){t.preventDefault(),this._moveFocus(e,"last");return}if(t.key==="ArrowRight"){t.preventDefault(),this._openSubmenu(e,!0);return}if(t.key==="ArrowLeft"){this._closeParentSubmenu(e)&&t.preventDefault();return}(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),e.click())}}}_onContextMenu(t){this.headless||this.isDisabled||t.defaultPrevented||t.target instanceof HTMLElement&&t.target.closest('[slot="menu"], [slot="content"]')||(t.preventDefault(),this._anchorEl=null,this._point={x:t.clientX,y:t.clientY},this._setOpen(!0,"contextmenu"))}_onViewportChange(){this._isOpen&&(this._schedulePosition(),this._scheduleSubmenuLayout())}render(){const t=$(this._stateText());this.setContent(`
       <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>

package/dist/context-menu.esm.js

@@ -1,8 +1,9 @@
 import { E } from "./ElementBase-BeZT54Hj.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-IGSFLAHu.mjs";
+import { b as A } from "./portal-DeaM1tYY.mjs";
+import { o as S } from "./overlay-motion-BX3dPLay.mjs";
+import { c as P } from "./dismissable-layer-BmPIoK80.mjs";
+import { e as w } from "./positioner-BE8Nbho2.mjs";
+import { c as O } from "./menu-item-styles-IGSFLAHu.mjs";
 import "./listbox-hMVOhKHC.mjs";
 const l = '.menuitem, [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [data-menu-item]', b = [
   ":scope > .menuitem",
@@ -10,7 +11,7 @@ const l = '.menuitem, [role="menuitem"], [role="menuitemcheckbox"], [role="menui
   ':scope > [role="menuitemcheckbox"]',
   ':scope > [role="menuitemradio"]',
   ":scope > [data-menu-item]"
-].join(", "), O = ":scope > .submenu", a = 8, L = 6, R = 420, C = 110, I = [
+].join(", "), L = ":scope > .submenu", a = 8, R = 6, C = 420, I = 110, k = [
   "--ui-color-primary",
   "--ui-color-primary-hover",
   "--ui-color-foreground-on-primary",
@@ -45,7 +46,7 @@ const l = '.menuitem, [role="menuitem"], [role="menuitemcheckbox"], [role="menui
   "--accent-surface",
   "--accent-indicator",
   "--accent-track"
-], k = [
+], T = [
   { prefix: "--accent-", from: 1, to: 12 },
   { prefix: "--accent-a", from: 1, to: 12 },
   { prefix: "--gray-", from: 1, to: 12 },
@@ -54,7 +55,7 @@ const l = '.menuitem, [role="menuitem"], [role="menuitemcheckbox"], [role="menui
   { prefix: "--white-a", from: 1, to: 12 },
   { prefix: "--shadow-", from: 1, to: 6 },
   { prefix: "--radius-", from: 1, to: 6 }
-], T = [
+], z = [
   "--base-context-menu-bg",
   "--base-context-menu-radius",
   "--base-context-menu-shadow",
@@ -82,7 +83,7 @@ const l = '.menuitem, [role="menuitem"], [role="menuitemcheckbox"], [role="menui
     --ui-context-menu-color: var(--ui-color-text, var(--ui-text, #0f172a));
     --ui-context-menu-border-color: color-mix(in srgb, var(--ui-color-border, var(--ui-border, #cbd5e1)) 86%, transparent);
     --ui-context-menu-border: 1px solid var(--ui-context-menu-border-color);
-    --ui-context-menu-radius: var(--base-context-menu-radius, var(--ui-radius, 4px));
+    --ui-context-menu-radius: var(--base-context-menu-radius, var(--ui-radius, 6px));
     --ui-context-menu-shadow: var(--base-context-menu-shadow, var(--shadow-5));
     --ui-context-menu-min-width: var(--base-context-menu-min-width, 240px);
     --ui-context-menu-padding: var(--base-context-menu-padding, 6px);
@@ -358,7 +359,7 @@ const l = '.menuitem, [role="menuitem"], [role="menuitemcheckbox"], [role="menui
     flex-direction: column;
     gap: 0;
   }
-  ${w({
+  ${O({
   scopes: ['ui-context-menu [slot="menu"]', 'ui-context-menu [slot="content"]'],
   prefix: "--ui-context-menu",
   itemSelectors: [".menuitem", '[role="menuitem"]', '[role="menuitemcheckbox"]', '[role="menuitemradio"]', "[data-menu-item]"],
@@ -413,39 +414,39 @@ const l = '.menuitem, [role="menuitem"], [role="menuitemcheckbox"], [role="menui
     bottom: -6px;
   }
 `;
-function z() {
+function B() {
   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 = s, t.textContent = v, document.head.appendChild(t);
 }
-function B(s, t) {
+function F(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}
 ${n} {`;
   });
 }
-function F(s) {
+function H(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");
+  return F(t, ".ui-context-menu-portal");
 }
-function H(s) {
+function D(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(s) {
+const M = `${H(g)}
+${D(v)}`;
+function q(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function q(s, t) {
+function $(s, t) {
   return typeof s == "number" ? { x: s, y: typeof t == "number" ? t : 0 } : s;
 }
-function $(s) {
+function V(s) {
   return s === "top" || s === "left" || s === "right" ? s : "bottom";
 }
-function V(s) {
+function N(s) {
   return `${s}-start`;
 }
 function _(s) {
@@ -458,12 +459,12 @@ function y(s) {
   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(s) {
+function W(s) {
   if (!s.isConnected || s.hidden) return !1;
   const t = window.getComputedStyle(s);
   return !(t.display === "none" || t.visibility === "hidden");
 }
-function W(s) {
+function G(s) {
   if (!s.isConnected) return !1;
   const t = window.getComputedStyle(s);
   if (t.display === "none" || t.visibility === "hidden") return !1;
@@ -476,13 +477,13 @@ function x(s) {
   const t = s.getAttribute("aria-disabled");
   return s.hasAttribute("disabled") || t === "true" || s.disabled === !0;
 }
-function G(s) {
+function U(s) {
   for (const t of s)
     if (t instanceof HTMLElement && t.matches(l))
       return t;
   return null;
 }
-class U extends E {
+class K extends E {
   constructor() {
     super(), this._isOpen = !1, this._anchorEl = null, this._point = { x: 0, y: 0 }, this._restoreFocusEl = null, this._portalEl = null, this._portalSurfaceEl = null, this._portalContentHostEl = null, this._dismissableLayer = null, this._positioner = null, this._positionerPlacement = null, this._positionerOffset = 0, this._positionerAnchorEl = null, this._contentAnchor = null, this._contentSourceEl = null, this._contentOriginalParent = null, this._positionRaf = null, this._submenuRaf = null, this._anchorTrackRaf = null, this._typeaheadBuffer = "", this._typeaheadTimer = null, this._submenuIntentTimer = null, this._submenuIntentItem = null, this._hoveredItem = null, this._lastAnchorRect = null, this._resizeListenerBound = !1, this._scrollListenerBound = !1, this._nextOpenSource = "attribute", this._onRootClick = this._onRootClick.bind(this), this._onRootKeyDown = this._onRootKeyDown.bind(this), this._onRootPointerOver = this._onRootPointerOver.bind(this), this._onRootPointerLeave = this._onRootPointerLeave.bind(this), this._onRootFocusIn = this._onRootFocusIn.bind(this), this._onContextMenu = this._onContextMenu.bind(this), this._onViewportChange = this._onViewportChange.bind(this), this._trackAnchorLayout = this._trackAnchorLayout.bind(this);
   }
@@ -507,7 +508,7 @@ class U extends E {
     ];
   }
   connectedCallback() {
-    super.connectedCallback(), z(), this.addEventListener("contextmenu", this._onContextMenu), this._syncVisualState(), this._syncOpenState();
+    super.connectedCallback(), B(), this.addEventListener("contextmenu", this._onContextMenu), this._syncVisualState(), this._syncOpenState();
   }
   disconnectedCallback() {
     this.removeEventListener("contextmenu", this._onContextMenu), this._unbindGlobalListeners(), this._cancelScheduledWork(), this._teardownPortal(), super.disconnectedCallback();
@@ -582,7 +583,7 @@ class U extends E {
   }
   openAt(t, e) {
     if (!(this.headless || this.isDisabled)) {
-      if (this._anchorEl = null, this._point = q(t, e), this._isOpen) {
+      if (this._anchorEl = null, this._point = $(t, e), this._isOpen) {
         this._syncGlobalListeners(!0), this._syncDismissableLayer(), this._schedulePosition(), this._scheduleSubmenuLayout();
         return;
       }
@@ -695,7 +696,7 @@ class U extends E {
       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: o, to: n }) => {
+    k.forEach(e), z.forEach(e), T.forEach(({ prefix: i, from: o, to: n }) => {
       for (let r = o; r <= n; r += 1) e(`${i}${r}`);
     });
   }
@@ -725,12 +726,12 @@ class U extends E {
     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>
+      <style>${M}</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="${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(), this._portalContentHostEl?.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._portalSurfaceEl && S(this._portalSurfaceEl, { animate: !1 }), this._moveContentIntoPortal(), this._portalContentHostEl?.refresh(), this._syncPortalVisualState(), this._syncSurfaceState(), this._bindPortalInteractionListeners(), this._syncDismissableLayer();
   }
   _teardownPortal() {
     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)
@@ -746,7 +747,7 @@ class U extends E {
       this._dismissableLayer?.destroy(), this._dismissableLayer = null;
       return;
     }
-    this._dismissableLayer?.destroy(), this._dismissableLayer = S({
+    this._dismissableLayer?.destroy(), this._dismissableLayer = P({
       node: t,
       trigger: this._anchorEl || this,
       closeOnEscape: this.closeOnEscape,
@@ -792,7 +793,7 @@ class U extends E {
     };
   }
   _rebuildPositioner(t, e, i) {
-    this._positioner?.destroy(), this._positioner = P({
+    this._positioner?.destroy(), this._positioner = w({
       anchor: this._anchorEl || this._pointVirtualAnchor(),
       floating: t,
       placement: e,
@@ -838,10 +839,10 @@ class U extends E {
   }
   _queryMenuItems(t) {
     const e = t || this._menuHost();
-    return e ? (this._listbox()?.queryItems({ container: e }) || []).filter((i) => N(i)) : [];
+    return e ? (this._listbox()?.queryItems({ container: e }) || []).filter((i) => W(i)) : [];
   }
   _submenuFor(t) {
-    return t.querySelector(O);
+    return t.querySelector(L);
   }
   _clearHighlights() {
     this._hoveredItem = null;
@@ -887,7 +888,7 @@ class U extends E {
   }
   _findCurrentItem(t) {
     if (t && typeof t.composedPath == "function") {
-      const i = G(t.composedPath());
+      const i = U(t.composedPath());
       if (i) return i;
     }
     const e = document.activeElement;
@@ -971,7 +972,7 @@ class U extends E {
     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);
+    this._typeaheadBuffer = `${this._typeaheadBuffer}${t.key}`.slice(-24), this._typeaheadTimer != null && window.clearTimeout(this._typeaheadTimer), this._typeaheadTimer = window.setTimeout(() => this._resetTypeahead(), C);
     const o = this._listbox()?.typeahead(this._typeaheadBuffer, {
       container: i,
       current: e,
@@ -1019,11 +1020,11 @@ class U extends E {
   _positionMenu() {
     const t = this._surface();
     if (!t) return;
-    if (this._anchorEl && !W(this._anchorEl)) {
+    if (this._anchorEl && !G(this._anchorEl)) {
       this.close();
       return;
     }
-    const e = $(this.getAttribute("placement")), i = V(e), o = this._anchorEl ? L : 0;
+    const e = V(this.getAttribute("placement")), i = N(e), o = this._anchorEl ? R : 0;
     if (!this._positioner || this._positionerPlacement !== i || this._positionerOffset !== o || this._positionerAnchorEl !== this._anchorEl) {
       this._rebuildPositioner(t, i, o);
       return;
@@ -1095,7 +1096,7 @@ class U extends E {
       this._submenuIntentTimer = null;
       const e = this._submenuIntentItem;
       this._submenuIntentItem = null, !(!e || !e.isConnected || !this._isOpen) && (this._setOpenBranch(e, !0), this._scheduleSubmenuLayout());
-    }, C));
+    }, I));
   }
   _onRootKeyDown(t) {
     if (!this._isOpen) return;
@@ -1146,7 +1147,7 @@ class U extends E {
     this._isOpen && (this._schedulePosition(), this._scheduleSubmenuLayout());
   }
   render() {
-    const t = M(this._stateText());
+    const t = q(this._stateText());
     this.setContent(`
       <style>${g}</style>
       <div class="surface" part="menu" role="menu" aria-hidden="true" aria-busy="false" tabindex="-1">
@@ -1163,7 +1164,7 @@ class U extends E {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-context-menu") && customElements.define("ui-context-menu", U);
+typeof customElements < "u" && !customElements.get("ui-context-menu") && customElements.define("ui-context-menu", K);
 export {
-  U as UIContextMenu
+  K as UIContextMenu
 };