@editora/ui-core 0.1.19 → 0.1.21

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-1b301e7f.js"),S=require("./portal-c69756c0.js"),P=require("./dismissable-layer-193e3bed.js"),w=require("./positioner-33529bb8.js"),O=require("./menu-item-styles-83ad1e22.js");require("./listbox-ef2f708e.js");require("./collection-a2969ad2.js");require("./collection.cjs.js");const c='.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",l=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-EV6mVBUV.js"),S=require("./portal-DgpQ3Jo1.js"),P=require("./dismissable-layer-DNfrKA20.js"),w=require("./positioner-D_fqyx_j.js"),O=require("./menu-item-styles-CbNUEwP2.js");require("./listbox-B6QgECax.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=`
   :host {
     position: fixed;
     inset: 0;
@@ -336,19 +336,19 @@
     top: auto;
     bottom: -6px;
   }
-`;function B(){if(typeof document>"u")return;const o="ui-context-menu-light-dom-style";if(document.getElementById(o))return;const t=document.createElement("style");t.id=o,t.textContent=v,document.head.appendChild(t)}function F(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(", ");return`${i}
-${s} {`})}function H(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");return F(t,".ui-context-menu-portal")}function D(o){return o.replace(/(^|,)\s*ui-context-menu\b/gm,(t,e)=>`${e} .ui-context-menu-portal`)}const q=`${H(g)}
-${D(v)}`;function M(o){return o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function $(o,t){return typeof o=="number"?{x:o,y:typeof t=="number"?t:0}:o}function V(o){return o==="top"||o==="left"||o==="right"?o:"bottom"}function N(o){return`${o}-start`}function _(o){if(!o)return"";const t=o.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 W(o){if(!o.isConnected||o.hidden)return!1;const t=window.getComputedStyle(o);return!(t.display==="none"||t.visibility==="hidden")}function U(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 x(o){const t=o.getAttribute("aria-disabled");return o.hasAttribute("disabled")||t==="true"||o.disabled===!0}function G(o){for(const t of o)if(t instanceof HTMLElement&&t.matches(c))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 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}))}_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();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),(i=this._restoreFocusEl)!=null&&i.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 n=t.getPropertyValue(i).trim();n?this._portalEl.style.setProperty(i,n):this._portalEl.style.removeProperty(i)};k.forEach(e),z.forEach(e),T.forEach(({prefix:i,from:n,to:s})=>{for(let r=n;r<=s;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"),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 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!=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;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>
+`;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>
       <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()}_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)try{this._portalEl.parentElement.removeChild(this._portalEl)}catch{}this._portalEl=null}_syncDismissableLayer(){var e,i;const t=this._portalSurfaceEl;if(!t||!this._isOpen){(e=this._dismissableLayer)==null||e.destroy(),this._dismissableLayer=null;return}(i=this._dismissableLayer)==null||i.destroy(),this._dismissableLayer=P.createDismissableLayer({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)}})}_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){var n;(n=this._positioner)==null||n.destroy(),this._positioner=w.createPositioner({anchor:this._anchorEl||this._pointVirtualAnchor(),floating:t,placement:e,strategy:"fixed",offset:i,flip:!0,shift:!0,boundaryPadding:l,observeWindowResize:!1,observeScroll:!1,observeAncestorScroll:!1,observeAncestorResize:!1,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])}}),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(){var e;const t=this._menuHost();t&&((e=this._listbox())==null||e.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=>W(n)):[]}_submenuFor(t){return t.querySelector(L)}_clearHighlights(){this._hoveredItem=null}_focusItem(t){var i;if(!t)return;this._clearHighlights();const e=t.closest(".submenu")||this._menuHost();(i=this._listbox())==null||i.setActiveItem(t,{container:e,focus:!0,owner:this._surface(),scroll:!0}),this._setOpenBranch(t,!1)}_focusFirstItem(){var i;const t=(i=this._listbox())==null?void 0:i.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(){var e;const t=(e=this._listbox())==null?void 0:e.focusBoundary("last",{container:this._menuHost(),focus:!0,owner:this._surface(),scroll:!0});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 e=document.activeElement;if(e instanceof HTMLElement){const n=e.closest(c);if(n instanceof HTMLElement)return n}return(i=this._hoveredItem)!=null&&i.isConnected?this._hoveredItem:null}_moveFocus(t,e){var s,r,u;const i=t.closest(".submenu")||this._menuHost();if(!i)return;if(e==="first"){const a=(s=this._listbox())==null?void 0:s.focusBoundary("first",{container:i,focus:!0,owner:this._surface(),scroll:!0});a&&this._setOpenBranch(a,!1);return}if(e==="last"){const a=(r=this._listbox())==null?void 0:r.focusBoundary("last",{container:i,focus:!0,owner:this._surface(),scroll:!0});a&&this._setOpenBranch(a,!1);return}const n=(u=this._listbox())==null?void 0:u.move(e==="next"?1:-1,{container:i,current:t,focus:!0,owner:this._surface(),scroll:!0});n&&this._setOpenBranch(n,!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;const u=r.parentElement;if(!(u instanceof HTMLElement)||!u.matches(c))break;n.unshift(u),s=u}n.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",{container:i,focus:!0,owner:this._surface(),scroll:!0});return n&&this._setOpenBranch(n,!1),!0}_closeParentSubmenu(t){const e=t.closest(".submenu");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)}_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}))}_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;this._typeaheadBuffer=`${this._typeaheadBuffer}${t.key}`.slice(-24),this._typeaheadTimer!=null&&window.clearTimeout(this._typeaheadTimer),this._typeaheadTimer=window.setTimeout(()=>this._resetTypeahead(),C);const n=(s=this._listbox())==null?void 0:s.typeahead(this._typeaheadBuffer,{container:i,current:e,focus:!0,owner:this._surface(),scroll:!0});return n?(t.preventDefault(),this._setOpenBranch(n,!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");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"))}),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);this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{index:n,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,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(){var r;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),n=this._anchorEl?R:0;if(!this._positioner||this._positionerPlacement!==i||this._positionerOffset!==n||this._positionerAnchorEl!==this._anchorEl){this._rebuildPositioner(t,i,n);return}(r=this._positioner)==null||r.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(s=>{const r=s.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})}_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){var n;if(!this._isOpen)return;this._cancelSubmenuIntent();const e=this._findCurrentItem(t);if(!e||x(e))return;const i=e.closest(".submenu")||this._menuHost();(n=this._listbox())==null||n.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=M(this._stateText());this.setContent(`
+    `,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(`
       <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>