@data-slot/navigation-menu 0.2.112 → 0.2.116
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -2
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -158,7 +158,7 @@ Their `data-side` / `data-align` are mirrored output values and are not used as
|
|
|
158
158
|
|
|
159
159
|
### Optional Slots
|
|
160
160
|
|
|
161
|
-
- `navigation-menu-indicator` - Animated highlight that follows the
|
|
161
|
+
- `navigation-menu-indicator` - Animated highlight that follows top-level hover/focus targets; when a submenu is open, it stays anchored to the active trigger
|
|
162
162
|
- `navigation-menu-viewport` - Container for content with size transitions
|
|
163
163
|
- `navigation-menu-viewport-positioner` - Positioning wrapper for viewport (generated if not authored)
|
|
164
164
|
- `navigation-menu-bridge` - Hover safety shield (gap bridge + triangle corridor)
|
|
@@ -312,7 +312,10 @@ Top-level submenu triggers and plain links remain in the natural tab order.
|
|
|
312
312
|
- **Hover**: Opens after `delayOpen` ms, closes after `delayClose` ms
|
|
313
313
|
- **Click**: Locks menu open until explicit action (click same trigger, click another trigger, click outside, or `Escape`); hover does not switch/close while locked
|
|
314
314
|
- **Focus**: Does not auto-open by default; set `openOnFocus` / `data-open-on-focus="true"` to opt in
|
|
315
|
-
- **Trigger open focus**:
|
|
315
|
+
- **Trigger open focus**:
|
|
316
|
+
- Pointer click/tap keeps focus on the trigger
|
|
317
|
+
- Keyboard activation/programmatic click moves focus into menu content (first focusable item, or content panel fallback)
|
|
318
|
+
- **Indicator**: Plain top-level links participate in indicator positioning when no submenu is open; open submenu state takes precedence
|
|
316
319
|
- **Switching**: Instant transition between items (no delay)
|
|
317
320
|
|
|
318
321
|
## Events
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@data-slot/core`);const t=[`start`,`center`,`end`],n=[`top`,`right`,`bottom`,`left`],r=(e,t)=>t===`start`?{x:e.left,y:e.top}:t===`end`?{x:e.right,y:e.bottom}:{x:e.left+e.width/2,y:e.top+e.height/2},i=(e,t,n)=>{let i=r(n,t);return e===`top`?{x:i.x,y:n.top}:e===`bottom`?{x:i.x,y:n.bottom}:e===`left`?{x:n.left,y:i.y}:{x:n.right,y:i.y}};function a(r,a={}){let o=a.delayOpen??(0,e.getDataNumber)(r,`delayOpen`)??0,s=a.delayClose??(0,e.getDataNumber)(r,`delayClose`)??0,c=a.openOnFocus??(0,e.getDataBool)(r,`openOnFocus`)??!1,l=a.side??(0,e.getDataEnum)(r,`side`,n)??`bottom`,u=a.align??(0,e.getDataEnum)(r,`align`,t)??`start`,d=a.sideOffset??(0,e.getDataNumber)(r,`sideOffset`)??0,ee=a.alignOffset??(0,e.getDataNumber)(r,`alignOffset`)??0,f=a.safeTriangle??(0,e.getDataBool)(r,`safeTriangle`)??!1,p=a.debugSafeTriangle??(0,e.getDataBool)(r,`debugSafeTriangle`)??!1,te=f||p,m=a.onValueChange,h=e=>e.replace(/[^a-z0-9\-_:.]/gi,`-`),g=(e,t)=>{`inert`in e&&(e.inert=t)},_=(0,e.getPart)(r,`navigation-menu-list`),v=(0,e.getParts)(r,`navigation-menu-item`),y=(0,e.getPart)(r,`navigation-menu-viewport`),b=(0,e.getPart)(r,`navigation-menu-indicator`),x=(e,t)=>{let n=e.parentElement;for(;n&&n!==r;){if(n.getAttribute(`data-slot`)===t)return n;n=n.parentElement}return null};if(!_||v.length===0)throw Error(`NavigationMenu requires navigation-menu-list and at least one navigation-menu-item`);let S=null,C=null,w=-1,T=null,ne=null,E=null,D=!1,O=null,k=!1,A=!1,j=null,M=null,N=0,P=0,F=[],I=new Map,L=new Map,R=y?x(y,`navigation-menu-viewport-positioner`):null,z=y?x(y,`navigation-menu-positioner`):null,B=R??z,re=B?x(B,`navigation-menu-portal`):null,V=y?(0,e.createPortalLifecycle)({content:y,root:r,enabled:!0,wrapperSlot:B?void 0:`navigation-menu-viewport-positioner`,container:B??void 0,mountTarget:B?re??B:void 0}):null,ie=()=>{let e=V?.container;e instanceof HTMLElement&&(e.style.position=``,e.style.top=``,e.style.left=``,e.style.width=``,e.style.height=``,e.style.margin=``,e.style.willChange=``,e.style.pointerEvents=``,e.style.transform=``,e.style.removeProperty(`--transform-origin`),e.removeAttribute(`data-instant`))},H=()=>{y?.removeAttribute(`data-instant`);let e=V?.container;e instanceof HTMLElement&&e.removeAttribute(`data-instant`)},U=y?(0,e.createPresenceLifecycle)({element:y,onExitComplete:()=>{A||(H(),ie(),N=0,P=0,V?.restore(),y.hidden=!0,y.style.pointerEvents=`none`)}}):null,ae=e=>{if(!y)return;let t=L.get(e)??{originalParent:null,originalNextSibling:null,mountedInViewport:!1};t.mountedInViewport||(t.originalParent=e.parentNode,t.originalNextSibling=e.nextSibling,t.mountedInViewport=!0,L.set(e,t)),e.parentNode!==y&&y.appendChild(e)},oe=e=>{let t=L.get(e);if(!t||!t.mountedInViewport)return;let n=t.originalParent,r=t.originalNextSibling;n&&n.isConnected?r&&r.parentNode===n?n.insertBefore(e,r):n.appendChild(e):e.remove(),t.mountedInViewport=!1,t.originalParent=null,t.originalNextSibling=null},se=()=>{if(!y||!V)return;let e=V.container,t=r.ownerDocument.defaultView??window,n=r.getBoundingClientRect(),i=n.top+t.scrollY+P,a=n.left+t.scrollX+N;e.style.position=`absolute`,e.style.top=`${i}px`,e.style.left=`${a}px`,e.style.width=`${n.width}px`,e.style.height=`${n.height}px`,e.style.margin=`0`,e.style.willChange=`top,left`,e.style.pointerEvents=`none`},W=null,ce=e=>{W?.disconnect(),W=null,!(!y||!e)&&(W=new ResizeObserver(()=>{let t=le(e.item,e.content);Ge(e.content,e.trigger,t)}),W.observe(e.content))};F.push(()=>W?.disconnect()),F.push(()=>{H(),I.forEach(e=>e.cleanup()),I.clear(),L.forEach((e,t)=>{oe(t),t.hidden=!0,t.style.pointerEvents=`none`}),L.clear(),ie(),N=0,P=0,U?.cleanup(),V?.cleanup()});let G=new Map,le=(r,i)=>({side:a.side??(0,e.getDataEnum)(i,`side`,n)??(0,e.getDataEnum)(r,`side`,n)??l,align:a.align??(0,e.getDataEnum)(i,`align`,t)??(0,e.getDataEnum)(r,`align`,t)??u,sideOffset:a.sideOffset??(0,e.getDataNumber)(i,`sideOffset`)??(0,e.getDataNumber)(r,`sideOffset`)??d,alignOffset:a.alignOffset??(0,e.getDataNumber)(i,`alignOffset`)??(0,e.getDataNumber)(r,`alignOffset`)??ee}),ue=0;v.forEach(t=>{let n=t.dataset.value;if(!n)return;let r=(0,e.getPart)(t,`navigation-menu-trigger`),i=(0,e.getPart)(t,`navigation-menu-content`);if(r&&i){G.set(n,{value:n,item:t,trigger:r,content:i,index:ue++}),I.set(i,(0,e.createPresenceLifecycle)({element:i,onExitComplete:()=>{A||(oe(i),i.hidden=!0,i.style.pointerEvents=`none`)}}));let a=h(n),o=(0,e.ensureId)(r,`nav-menu-trigger-${a}`),s=(0,e.ensureId)(i,`nav-menu-content-${a}`);r.setAttribute(`aria-haspopup`,`true`),r.setAttribute(`aria-controls`,s),i.setAttribute(`aria-labelledby`,o)}}),Array.from(G.values()).map(e=>e.trigger);let de=`a[href], button:not([disabled]), [role="link"], [role="button"], [tabindex]:not([tabindex="-1"])`,fe=e=>{let t=e?.closest(`[data-slot="navigation-menu-item"]`);if(!t)return null;let n=t.dataset.value;if(!n)return null;let r=G.get(n);return!r||r.item!==t?null:r},pe=e=>{if(e.matches(de))return e;let t=e.querySelectorAll(de);for(let n of t)if(e.contains(n)&&!n.closest(`[data-slot="navigation-menu-content"]`)&&!(n.hidden||n.closest(`[hidden]`)))return n;return null},K=[],me=new Map;v.forEach(e=>{let t=fe(e);if(t){let e={kind:`submenu`,element:t.trigger,value:t.value,trigger:t.trigger};K.push(e),me.set(e.element,e);return}let n=pe(e);if(!n)return;let r={kind:`plain`,element:n};K.push(r),me.set(r.element,r)});let he=e=>{let t=e instanceof HTMLElement?e:null;if(!t)return null;let n=t;for(;n&&n!==_;){let e=me.get(n);if(e)return e;n=n.parentElement}return null},ge=e=>{let t=r.ownerDocument;return e.kind===`submenu`?(e.trigger.focus(),t.activeElement===e.trigger?(Je(e.trigger),!0):!1):(S===null?Z(null):$(),e.element.focus(),t.activeElement===e.element)},_e=(e,t)=>{for(let n=e+t;n>=0&&n<K.length;n+=t){let e=K[n];if(e&&ge(e))return!0}return!1},ve=(e,t)=>{let n=K.indexOf(e);return n===-1?!1:_e(n,t)},ye=(e,t)=>{let n=K.findIndex(t=>t.kind===`submenu`&&t.trigger===e);return n===-1?!1:_e(n,t)},be=e=>{if(!(e instanceof Node)||!_.contains(e))return!1;let t=e instanceof HTMLElement?e:e.parentElement;return!t||t.closest(`[data-slot="navigation-menu-indicator"]`)||fe(t)?!1:t.closest(`[data-slot="navigation-menu-item"]`)?!0:!!t.closest(`a[href], button, [role='link'], [role='button']`)},xe=`a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])`,Se=e=>Array.from(e.querySelectorAll(xe)).filter(e=>!e.hidden&&!e.closest(`[hidden]`)),Ce=e=>!e.isConnected||e.hidden||e.closest(`[hidden]`)||`disabled`in e&&e.disabled||e.getAttribute(`aria-hidden`)===`true`||e.getAttribute(`tabindex`)===`-1`?!1:e.matches(xe)?!0:e.tabIndex>=0,we=e=>{if(r.contains(e)||y?.contains(e))return!0;let t=V?.container;if(t instanceof HTMLElement&&t.contains(e))return!0;for(let{content:t}of G.values())if(t.contains(e))return!0;return!1},Te=()=>{let e=r.ownerDocument,t=Array.from(e.querySelectorAll(`*`));for(let n of t)if(Ce(n)&&!we(n)&&(r.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING)!==0&&(n.focus(),e.activeElement===n))return!0;return!1},Ee=e=>{requestAnimationFrame(()=>{if(S!==e)return;let t=G.get(e);if(!t)return;let n=Se(t.content)[0];n?n.focus():t.content.focus()})},q=()=>{T&&=(clearTimeout(T),null),ne&&=(clearTimeout(ne),null)},De=()=>{M!==null&&(cancelAnimationFrame(M),M=null)},J=null,Oe=()=>{if(!y)return null;let e=V?.container;return e instanceof HTMLElement?e:y.parentElement instanceof HTMLElement?y.parentElement:y},ke=()=>{let t=Oe();return J||(J=document.createElement(`div`),J.setAttribute(`data-slot`,`navigation-menu-bridge`),J.style.cssText=`position: absolute; pointer-events: auto; z-index: 0; display: none;`,F.push((0,e.on)(J,`pointerenter`,()=>{q()}),(0,e.on)(J,`pointerleave`,t=>{if(D||S===null)return;let n=t.relatedTarget;X(n)||n&&(0,e.containsWithPortals)(r,n)||(Q(null),Z(null))}))),t&&J.parentElement!==t&&t.insertBefore(J,t.firstChild),J},Ae=()=>{J&&(J.style.height=`0`,J.style.width=`0`,J.style.top=`0px`,J.style.left=`0px`,J.style.right=`0px`,J.style.bottom=`auto`,J.style.transform=`none`,J.style.clipPath=`none`,J.style.display=`none`)},je=()=>{if(!p)return null;let e=r.ownerDocument.body;return e?(j||(j=r.ownerDocument.createElement(`div`),j.setAttribute(`data-slot`,`navigation-menu-safe-triangle`),j.style.cssText=[`position: fixed`,`pointer-events: none`,`display: none`,`z-index: 2147483647`,`background: rgba(255, 0, 0, 0.18)`,`border: 1px solid rgba(255, 0, 0, 0.45)`].join(`; `)),j.parentElement!==e&&e.appendChild(j),j):null},Me=()=>{j&&(j.style.width=`0`,j.style.height=`0`,j.style.clipPath=`none`,j.style.display=`none`)},Y=()=>{p||Me()},Ne=e=>{let t=je();if(!t)return;let n=e.apex.x,r=e.apex.y,i=e.edgeA.x,a=e.edgeA.y,o=e.edgeB.x,s=e.edgeB.y,c=Math.min(n,i,o),l=Math.min(r,a,s),u=Math.max(n,i,o),d=Math.max(r,a,s),ee=Math.max(1,u-c),f=Math.max(1,d-l),p=(e,t)=>`${(e-c)/ee*100}% ${(t-l)/f*100}%`;t.style.display=`block`,t.style.left=`${c}px`,t.style.top=`${l}px`,t.style.width=`${ee}px`,t.style.height=`${f}px`,t.style.clipPath=`polygon(${p(n,r)}, ${p(i,a)}, ${p(o,s)})`},Pe=(e,t,n)=>(e.x-n.x)*(t.y-n.y)-(t.x-n.x)*(e.y-n.y),Fe=(e,t,n,r)=>{let i=Pe(e,t,n),a=Pe(e,n,r),o=Pe(e,r,t);return!((i<0||a<0||o<0)&&(i>0||a>0||o>0))},Ie=(e,t,n)=>{let r=.5;if(n.top>=t.bottom-r)return[{x:n.left,y:n.top},{x:n.right,y:n.top}];if(n.bottom<=t.top+r)return[{x:n.left,y:n.bottom},{x:n.right,y:n.bottom}];if(n.left>=t.right-r)return[{x:n.left,y:n.top},{x:n.left,y:n.bottom}];if(n.right<=t.left+r)return[{x:n.right,y:n.top},{x:n.right,y:n.bottom}];let i=[[{x:n.left,y:n.top},{x:n.right,y:n.top}],[{x:n.right,y:n.top},{x:n.right,y:n.bottom}],[{x:n.left,y:n.bottom},{x:n.right,y:n.bottom}],[{x:n.left,y:n.top},{x:n.left,y:n.bottom}]],a=([t,n])=>t.y===n.y?Math.abs(e.y-t.y):Math.abs(e.x-t.x),o=i[0],s=a(o);for(let e=1;e<i.length;e++){let t=i[e],n=a(t);n<s&&(o=t,s=n)}return o},Le=()=>S?G.get(S)??null:null,Re=(e,t,n)=>{if(n.width<=0||n.height<=0)return null;let r={x:e.left+e.width/2,y:e.top+e.height*.62},[i,a]=Ie(r,t,n);if(i.x===a.x){let e=Math.min(i.y,a.y),t=Math.max(i.y,a.y),n=t-e,r=n<=28?0:Math.min(10,(n-28)/2);i={x:i.x,y:e+r},a={x:a.x,y:t-r}}else{let e=Math.min(i.x,a.x),t=Math.max(i.x,a.x),n=t-e,r=n<=28?0:Math.min(10,(n-28)/2);i={x:e+r,y:i.y},a={x:t-r,y:a.y}}return{apex:r,edgeA:i,edgeB:a}},ze=()=>{if(!te||!y||S===null)return null;let e=Le();if(!e)return null;let t=r.getBoundingClientRect(),n=e.trigger.getBoundingClientRect(),i=y.getBoundingClientRect(),a=e.content.getBoundingClientRect();return Re(n,t,i.width>0&&i.height>0?i:a)},Be=e=>{let t=ze();return t?Fe({x:e.clientX,y:e.clientY},t.apex,t.edgeA,t.edgeB):!1},Ve=(e,t)=>({x:e.x-t.left,y:e.y-t.top}),He=e=>{if(e.length<=1)return e.slice();let t=e=>`${e.x.toFixed(3)}:${e.y.toFixed(3)}`,n=new Map;for(let r of e)n.set(t(r),r);let r=Array.from(n.values()).sort((e,t)=>e.x===t.x?e.y-t.y:e.x-t.x);if(r.length<=2)return r;let i=(e,t,n)=>(t.x-e.x)*(n.y-e.y)-(t.y-e.y)*(n.x-e.x),a=[];for(let e of r){for(;a.length>=2&&i(a[a.length-2],a[a.length-1],e)<=0;)a.pop();a.push(e)}let o=[];for(let e=r.length-1;e>=0;e--){let t=r[e];for(;o.length>=2&&i(o[o.length-2],o[o.length-1],t)<=0;)o.pop();o.push(t)}return a.pop(),o.pop(),a.concat(o)},Ue=e=>{if(e.length<3){Ae();return}let t=ke(),n=t.parentElement,r=He(n&&n===V?.container?e.map(e=>({x:e.x-N,y:e.y-P})):e);if(r.length<3){Ae();return}let i=Math.min(...r.map(e=>e.x)),a=Math.min(...r.map(e=>e.y)),o=Math.max(...r.map(e=>e.x)),s=Math.max(...r.map(e=>e.y)),c=Math.max(1,o-i),l=Math.max(1,s-a),u=e=>`${(e.x-i)/c*100}% ${(e.y-a)/l*100}%`;t.style.display=`block`,t.style.transform=`none`,t.style.bottom=`auto`,t.style.right=`auto`,t.style.left=`${i}px`,t.style.top=`${a}px`,t.style.width=`${c}px`,t.style.height=`${l}px`,t.style.clipPath=`polygon(${r.map(u).join(`, `)})`},We=()=>{if(!p)return;let e=ze();if(!e){Me();return}Ne(e)},X=e=>{if(!e)return!1;if(Le()?.content.contains(e)||y?.contains(e)||J?.contains(e))return!0;let t=V?.container;return!!(t instanceof HTMLElement&&t.contains(e))};F.push(Y),F.push(De),F.push(Ae),F.push(()=>{Me(),j?.parentElement&&j.parentElement.removeChild(j),j=null});let Ge=(t,a,o)=>{y&&requestAnimationFrame(()=>{let s=t.firstElementChild,c=t.lastElementChild,l=s?getComputedStyle(s):null,u=c?getComputedStyle(c):null,d=l&&parseFloat(l.marginTop)||0,ee=u&&parseFloat(u.marginBottom)||0,f=(...e)=>{let t=0;for(let n of e)Number.isFinite(n)&&(t=Math.max(t,n));return t},p=t.getBoundingClientRect(),m=f(p.width,t.scrollWidth,t.offsetWidth,t.clientWidth),h=f(p.height,t.scrollHeight,t.offsetHeight,t.clientHeight)+d+ee,g={top:p.top,left:p.left,width:m,height:h,right:p.left+m,bottom:p.top+h},_=getComputedStyle(y),v=parseFloat(_.marginTop)||0;y.style.setProperty(`--viewport-width`,`${m}px`),y.style.setProperty(`--viewport-height`,`${h}px`);let b=r.getBoundingClientRect(),x=a.getBoundingClientRect(),S=(0,e.computeFloatingPosition)({anchorRect:x,contentRect:g,side:o.side,align:o.align,sideOffset:o.sideOffset,alignOffset:o.alignOffset,avoidCollisions:!1,collisionPadding:0,allowedSides:n}),C=S.x-b.left,w=S.y-b.top;N=C,P=w;let T=i(S.side,S.align,x),ne=T.x-(b.left+C),E=T.y-(b.top+w),D=T.x-b.left,O=T.y-b.top,k=`${ne}px ${E}px`,A=`${D}px ${O}px`;y.style.top=`0px`,y.style.left=`0px`,y.style.willChange=`transform,width,height`,y.style.setProperty(`--transform-origin`,k),t.style.top=`0px`,t.style.left=`0px`,t.style.setProperty(`--transform-origin`,k),y.setAttribute(`data-side`,S.side),y.setAttribute(`data-align`,S.align),t.setAttribute(`data-side`,S.side),t.setAttribute(`data-align`,S.align);let j=V?.container;j&&j!==y&&(j.setAttribute(`data-side`,S.side),j.setAttribute(`data-align`,S.align),j.style.setProperty(`--transform-origin`,A)),se();let M=y.getBoundingClientRect(),F=[],I=Math.max(0,M.top-b.bottom),L=Math.max(0,b.top-M.bottom),R=Math.max(0,M.left-b.right),z=Math.max(0,b.left-M.right),B=Math.max(0,d+v),re=Math.max(I,L,B),ie=Math.max(R,z),H=te?Re(x,b,M):null,U=(e,t,n,r)=>{n<=0||r<=0||F.push({x:e,y:t},{x:e+n,y:t},{x:e+n,y:t+r},{x:e,y:t+r})};if(re>=ie&&re>0){let e=Math.max(I,L,B),t=C,n=L>I&&L>=B?w+h:w-e,r=m;if(H){let e=Math.min(H.edgeA.x,H.edgeB.x)-b.left,n=Math.max(H.edgeA.x,H.edgeB.x)-b.left;t=e-8,r=n-e+16}U(t,n,r,e)}else if(ie>0){let e=Math.max(R,z),t=w,n=z>R?C+m:C-e,r=h;if(H){let e=Math.min(H.edgeA.y,H.edgeB.y)-b.top,n=Math.max(H.edgeA.y,H.edgeB.y)-b.top;t=e-8,r=n-e+16}U(n,t,e,r)}if(H){let e=Ve(H.apex,b),t=Ve(H.edgeA,b),n=Ve(H.edgeB,b);F.push(e,t,n)}Ue(F),We()})},Ke=e=>w===-1||e>w?`right`:`left`,Z=e=>{if(!b)return;if(E=e,!e){De(),b.removeAttribute(`data-instant`),b.setAttribute(`data-state`,`hidden`);return}b.getAttribute(`data-state`)!==`visible`&&(De(),b.setAttribute(`data-instant`,``),M=requestAnimationFrame(()=>{M=requestAnimationFrame(()=>{b.removeAttribute(`data-instant`),M=null})}));let t=_.getBoundingClientRect(),n=e.getBoundingClientRect();b.style.setProperty(`--indicator-left`,`${n.left-t.left}px`),b.style.setProperty(`--indicator-width`,`${n.width}px`),b.style.setProperty(`--indicator-top`,`${n.top-t.top}px`);let r=(y&&parseFloat(getComputedStyle(y).marginTop)||0)<1?1:0;b.style.setProperty(`--indicator-height`,`${n.height-r}px`),b.setAttribute(`data-state`,`visible`)},qe=()=>S?G.get(S)?.trigger??null:null,Je=(e=null)=>{let t=qe();if(t){Z(t);return}Z(e)},Q=(t,n=!1)=>{if(Y(),t===S){q();return}if(t!==null&&t===C){q();return}q(),C=t===null?null:t;let i=()=>{let n=S,i=t?G.get(t):null,a=n!==null&&t!==null&&n!==t,o=a&&i?Ke(i.index):null,s=document.activeElement;if(t===null&&s&&n){let t=G.get(n);t&&(0,e.containsWithPortals)(t.content,s)&&t.trigger.focus()}if(G.forEach(({trigger:r,content:i,item:a},s)=>{let c=s===t,l=s===n;if((0,e.setAria)(r,`expanded`,c),r.setAttribute(`data-state`,c?`open`:`closed`),a.setAttribute(`data-state`,c?`open`:`closed`),!c){let e=I.get(i);if(i.setAttribute(`data-state`,`inactive`),i.setAttribute(`aria-hidden`,`true`),g(i,!0),i.style.pointerEvents=`none`,l&&o){let e=o===`right`?`to-left`:`to-right`;i.setAttribute(`data-motion`,e)}else l&&i.removeAttribute(`data-motion`);l?e?.exit():e?.isExiting||(i.removeAttribute(`data-motion`),oe(i),i.hidden=!0)}}),i){if(V?.mount(),y&&(y.hidden=!1),n===null&&U?.enter(),ae(i.content),I.get(i.content)?.enter(),o){let e=o===`right`?`from-right`:`from-left`;i.content.setAttribute(`data-motion`,e)}else i.content.removeAttribute(`data-motion`);i.content.setAttribute(`data-state`,`active`),i.content.removeAttribute(`aria-hidden`),g(i.content,!1),i.content.hidden=!1,i.content.style.pointerEvents=`auto`,w=i.index;let e=le(i.item,i.content);Ge(i.content,i.trigger,e),ce(i),Z(i.trigger)}else Ae(),Y(),U?.exit(),ce(null);let c=t!==null;if(r.setAttribute(`data-state`,c?`open`:`closed`),o?r.setAttribute(`data-motion`,o===`right`?`from-right`:`from-left`):r.removeAttribute(`data-motion`),y){y.setAttribute(`data-state`,c?`open`:`closed`),y.style.pointerEvents=c?`auto`:`none`;let e=V?.container;c&&!a?(y.setAttribute(`data-instant`,``),e?.setAttribute(`data-instant`,``)):a?H():c||H(),o&&y.style.setProperty(`--motion-direction`,o===`right`?`1`:`-1`)}S=t,C=null,t===null&&Z(null),We(),(0,e.emit)(r,`navigation-menu:change`,{value:t}),m?.(t)};n?i():t!==null&&S===null?T=setTimeout(i,o):t!==null&&S!==null?i():ne=setTimeout(i,s)};r.setAttribute(`data-state`,`closed`),y&&(y.setAttribute(`data-state`,`closed`),y.hidden=!0,y.style.pointerEvents=`none`),b&&b.setAttribute(`data-state`,`hidden`),G.forEach(({trigger:t,content:n,item:r})=>{t.tagName===`BUTTON`&&!t.hasAttribute(`type`)&&(t.type=`button`),(0,e.setAria)(t,`expanded`,!1),t.setAttribute(`data-state`,`closed`),t.tabIndex=0,r.setAttribute(`data-state`,`closed`),n.setAttribute(`data-state`,`inactive`),n.setAttribute(`aria-hidden`,`true`),n.tabIndex=-1,g(n,!0),n.hidden=!0,n.style.pointerEvents=`none`}),G.forEach(({item:t,trigger:n},i)=>{F.push((0,e.on)(n,`pointerenter`,e=>{if(!D){if(S!==i&&Be(e))return;Z(n)}})),F.push((0,e.on)(t,`pointerenter`,e=>{if(!D){if(S!==i&&Be(e))return;Q(i)}})),F.push((0,e.on)(t,`pointerleave`,t=>{if(C===i&&S===null&&(q(),C=null),S===i&&!D){let n=t.relatedTarget;if(X(n))return;(!n||!(0,e.containsWithPortals)(r,n))&&(Q(null),Z(null))}})),F.push((0,e.on)(n,`focus`,()=>{if(O===n){O=null;return}c&&Q(i,!0),Je(n)})),F.push((0,e.on)(n,`pointerdown`,()=>{O=n})),F.push((0,e.on)(n,`click`,()=>{O=null,q(),S===i&&D?(D=!1,Q(null,!0),Z(null)):S===i&&!D?(D=!0,Z(n),Ee(i)):(D=!0,Q(i,!0),Z(n),Ee(i))}))}),F.push((0,e.on)(_,`pointerover`,e=>{if(S===null||D)return;let t=e;t.pointerType!==`touch`&&be(t.target)&&$()}),(0,e.on)(_,`click`,e=>{S!==null&&be(e.target)&&$()})),F.push((0,e.on)(r,`pointerenter`,()=>{k=!0}),(0,e.on)(r,`pointerleave`,e=>{let t=e.relatedTarget;if(!X(t)&&(k=!1,!D)){if(Be(e)){q();return}Q(null),Z(null)}}),(0,e.on)(r,`pointerdown`,()=>{Y(),q()})),y&&F.push((0,e.on)(y,`pointerenter`,()=>{Y(),q()}),(0,e.on)(y,`transitionend`,e=>{if(e.target!==y)return;let t=S?G.get(S):null;if(t){let e=le(t.item,t.content);Ge(t.content,t.trigger,e)}})),G.forEach(({content:t})=>{F.push((0,e.on)(t,`pointerenter`,()=>{Y(),q()}),(0,e.on)(t,`pointerleave`,t=>{if(D)return;let n=t.relatedTarget;X(n)||(0,e.containsWithPortals)(r,n)||(Q(null),Z(null))}))}),F.push((0,e.on)(_,`keydown`,e=>{let t=he(e.target);if(!t)return;let n=K.indexOf(t);if(n===-1)return;let r=n;switch(e.key){case`Tab`:if(e.shiftKey||S===null)return;(ve(t,1)||Te())&&e.preventDefault();return;case`ArrowLeft`:r=n-1,r<0&&(r=K.length-1);break;case`ArrowRight`:r=n+1,r>=K.length&&(r=0);break;case`ArrowDown`:if(t.kind===`submenu`){e.preventDefault();let n=t.value;D=!0,Q(n,!0),Ee(n)}return;case`Home`:r=0;break;case`End`:r=K.length-1;break;case`Escape`:D=!1,Q(null,!0),Z(null);return;default:return}e.preventDefault();let i=K[r];i&&ge(i)})),F.push((0,e.on)(_,`focusin`,e=>{if(S===null)return;let t=he(e.target);!t||t.kind===`submenu`||$()})),G.forEach(({content:t,trigger:n})=>{F.push((0,e.on)(t,`keydown`,e=>{let r=e.target,i=Se(t),a=i.indexOf(r);if(a!==-1)switch(e.key){case`Tab`:if(!e.shiftKey&&a===i.length-1){(ye(n,1)||Te())&&e.preventDefault();return}if(e.shiftKey&&a===0){e.preventDefault(),n.focus();return}return;case`ArrowDown`:case`ArrowRight`:{e.preventDefault();let t=a+1;t<i.length&&i[t]?.focus();break}case`ArrowUp`:case`ArrowLeft`:e.preventDefault(),a===0?n.focus():i[a-1]?.focus();break;case`Escape`:e.preventDefault(),D=!1,Q(null,!0),Z(null),n.focus();break}}))});let Ye=()=>(0,e.containsWithPortals)(r,document.activeElement)||k||D,$=()=>{Y(),D=!1,Q(null,!0),Z(null),We()};return F.push((0,e.on)(document,`focusin`,t=>{let n=t.target;if(!(0,e.containsWithPortals)(r,n)){if(S!==null){$();return}Z(null)}})),F.push((0,e.createDismissLayer)({root:r,isOpen:()=>S!==null&&Ye(),onDismiss:$,closeOnClickOutside:!0,closeOnEscape:!0,preventEscapeDefault:!1,isInside:t=>!!t&&(0,e.containsWithPortals)(r,t)})),F.push((0,e.on)(window,`resize`,()=>{S&&requestAnimationFrame(()=>se()),(S||E)&&requestAnimationFrame(()=>Je(E))}),(0,e.on)(_,`scroll`,()=>{(S||E)&&requestAnimationFrame(()=>Je(E))})),F.push((0,e.on)(r,`navigation-menu:set`,e=>{let t=e.detail;if(t?.value!==void 0){if(t.value===null)$();else if(G.has(t.value)){D=!0,Q(t.value,!0);let e=G.get(t.value);e&&Z(e.trigger)}}})),{get value(){return S},open:e=>Q(e,!0),close:()=>Q(null,!0),destroy:()=>{A=!0,q(),F.forEach(e=>e()),F.length=0}}}const o=new WeakSet;function s(t=document){let n=[];for(let r of(0,e.getRoots)(t,`navigation-menu`))o.has(r)||(o.add(r),n.push(a(r)));return n}exports.create=s,exports.createNavigationMenu=a;
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@data-slot/core`);const t=[`start`,`center`,`end`],n=[`top`,`right`,`bottom`,`left`],r=(e,t)=>t===`start`?{x:e.left,y:e.top}:t===`end`?{x:e.right,y:e.bottom}:{x:e.left+e.width/2,y:e.top+e.height/2},i=(e,t,n)=>{let i=r(n,t);return e===`top`?{x:i.x,y:n.top}:e===`bottom`?{x:i.x,y:n.bottom}:e===`left`?{x:n.left,y:i.y}:{x:n.right,y:i.y}};function a(r,a={}){let o=a.delayOpen??(0,e.getDataNumber)(r,`delayOpen`)??0,s=a.delayClose??(0,e.getDataNumber)(r,`delayClose`)??0,c=a.openOnFocus??(0,e.getDataBool)(r,`openOnFocus`)??!1,l=a.side??(0,e.getDataEnum)(r,`side`,n)??`bottom`,u=a.align??(0,e.getDataEnum)(r,`align`,t)??`start`,ee=a.sideOffset??(0,e.getDataNumber)(r,`sideOffset`)??0,d=a.alignOffset??(0,e.getDataNumber)(r,`alignOffset`)??0,f=a.safeTriangle??(0,e.getDataBool)(r,`safeTriangle`)??!1,p=a.debugSafeTriangle??(0,e.getDataBool)(r,`debugSafeTriangle`)??!1,te=f||p,m=a.onValueChange,h=e=>e.replace(/[^a-z0-9\-_:.]/gi,`-`),g=(e,t)=>{`inert`in e&&(e.inert=t)},_=(0,e.getPart)(r,`navigation-menu-list`),ne=(0,e.getParts)(r,`navigation-menu-item`),v=(0,e.getPart)(r,`navigation-menu-viewport`),y=(0,e.getPart)(r,`navigation-menu-indicator`),b=(e,t)=>{let n=e.parentElement;for(;n&&n!==r;){if(n.getAttribute(`data-slot`)===t)return n;n=n.parentElement}return null};if(!_||ne.length===0)throw Error(`NavigationMenu requires navigation-menu-list and at least one navigation-menu-item`);let x=null,S=null,C=-1,w=null,re=null,T=null,E=!1,D=null,O=null,ie=!1,k=!1,A=null,j=null,M=0,N=0,P=[],F=new Map,I=new Map,L=v?b(v,`navigation-menu-viewport-positioner`):null,R=v?b(v,`navigation-menu-positioner`):null,z=L??R,ae=z?b(z,`navigation-menu-portal`):null,B=v?(0,e.createPortalLifecycle)({content:v,root:r,enabled:!0,wrapperSlot:z?void 0:`navigation-menu-viewport-positioner`,container:z??void 0,mountTarget:z?ae??z:void 0}):null,V=()=>{let e=B?.container;e instanceof HTMLElement&&(e.style.position=``,e.style.top=``,e.style.left=``,e.style.width=``,e.style.height=``,e.style.margin=``,e.style.willChange=``,e.style.pointerEvents=``,e.style.transform=``,e.style.removeProperty(`--transform-origin`),e.removeAttribute(`data-instant`))},H=()=>{v?.removeAttribute(`data-instant`);let e=B?.container;e instanceof HTMLElement&&e.removeAttribute(`data-instant`)},oe=v?(0,e.createPresenceLifecycle)({element:v,onExitComplete:()=>{k||(H(),V(),M=0,N=0,B?.restore(),v.hidden=!0,v.style.pointerEvents=`none`)}}):null,se=e=>{if(!v)return;let t=I.get(e)??{originalParent:null,originalNextSibling:null,mountedInViewport:!1};t.mountedInViewport||(t.originalParent=e.parentNode,t.originalNextSibling=e.nextSibling,t.mountedInViewport=!0,I.set(e,t)),e.parentNode!==v&&v.appendChild(e)},ce=e=>{let t=I.get(e);if(!t||!t.mountedInViewport)return;let n=t.originalParent,r=t.originalNextSibling;n&&n.isConnected?r&&r.parentNode===n?n.insertBefore(e,r):n.appendChild(e):e.remove(),t.mountedInViewport=!1,t.originalParent=null,t.originalNextSibling=null},le=()=>{if(!v||!B)return;let e=B.container,t=r.ownerDocument.defaultView??window,n=r.getBoundingClientRect(),i=n.top+t.scrollY+N,a=n.left+t.scrollX+M;e.style.position=`absolute`,e.style.top=`${i}px`,e.style.left=`${a}px`,e.style.width=`${n.width}px`,e.style.height=`${n.height}px`,e.style.margin=`0`,e.style.willChange=`top,left`,e.style.pointerEvents=`none`},U=null,ue=e=>{U?.disconnect(),U=null,!(!v||!e)&&(U=new ResizeObserver(()=>{let t=de(e.item,e.content);Je(e.content,e.trigger,t)}),U.observe(e.content))};P.push(()=>U?.disconnect()),P.push(()=>{H(),F.forEach(e=>e.cleanup()),F.clear(),I.forEach((e,t)=>{ce(t),t.hidden=!0,t.style.pointerEvents=`none`}),I.clear(),V(),M=0,N=0,oe?.cleanup(),B?.cleanup()});let W=new Map,de=(r,i)=>({side:a.side??(0,e.getDataEnum)(i,`side`,n)??(0,e.getDataEnum)(r,`side`,n)??l,align:a.align??(0,e.getDataEnum)(i,`align`,t)??(0,e.getDataEnum)(r,`align`,t)??u,sideOffset:a.sideOffset??(0,e.getDataNumber)(i,`sideOffset`)??(0,e.getDataNumber)(r,`sideOffset`)??ee,alignOffset:a.alignOffset??(0,e.getDataNumber)(i,`alignOffset`)??(0,e.getDataNumber)(r,`alignOffset`)??d}),fe=0;ne.forEach(t=>{let n=t.dataset.value;if(!n)return;let r=(0,e.getPart)(t,`navigation-menu-trigger`),i=(0,e.getPart)(t,`navigation-menu-content`);if(r&&i){W.set(n,{value:n,item:t,trigger:r,content:i,index:fe++}),F.set(i,(0,e.createPresenceLifecycle)({element:i,onExitComplete:()=>{k||(ce(i),i.hidden=!0,i.style.pointerEvents=`none`)}}));let a=h(n),o=(0,e.ensureId)(r,`nav-menu-trigger-${a}`),s=(0,e.ensureId)(i,`nav-menu-content-${a}`);r.setAttribute(`aria-haspopup`,`true`),r.setAttribute(`aria-controls`,s),i.setAttribute(`aria-labelledby`,o)}}),Array.from(W.values()).map(e=>e.trigger);let pe=`a[href], button:not([disabled]), [role="link"], [role="button"], [tabindex]:not([tabindex="-1"])`,me=e=>{let t=e?.closest(`[data-slot="navigation-menu-item"]`);if(!t)return null;let n=t.dataset.value;if(!n)return null;let r=W.get(n);return!r||r.item!==t?null:r},he=e=>{if(e.matches(pe))return e;let t=e.querySelectorAll(pe);for(let n of t)if(e.contains(n)&&!n.closest(`[data-slot="navigation-menu-content"]`)&&!(n.hidden||n.closest(`[hidden]`)))return n;return null},G=[],ge=new Map;ne.forEach(e=>{let t=me(e);if(t){let e={kind:`submenu`,element:t.trigger,value:t.value,trigger:t.trigger};G.push(e),ge.set(e.element,e);return}let n=he(e);if(!n)return;let r={kind:`plain`,element:n};G.push(r),ge.set(r.element,r)});let _e=e=>{let t=e instanceof HTMLElement?e:null;if(!t)return null;let n=t;for(;n&&n!==_;){let e=ge.get(n);if(e)return e;n=n.parentElement}return null},ve=e=>{let t=_e(e);return t?.kind===`plain`?t:null},ye=(e,t={})=>{let n=r.ownerDocument,i=t.preserveOpenOnPlain??!1;return e.kind===`submenu`?(e.trigger.focus(),n.activeElement===e.trigger?(Z(e.trigger),!0):!1):(x!==null&&!i&&$(),e.element.focus(),n.activeElement===e.element?(x!==null&&i?Z():X(e.element),!0):!1)},be=(e,t,n={})=>{for(let r=e+t;r>=0&&r<G.length;r+=t){let e=G[r];if(e&&ye(e,n))return!0}return!1},xe=(e,t,n={})=>{let r=G.indexOf(e);return r===-1?!1:be(r,t,n)},Se=(e,t,n={})=>{let r=G.findIndex(t=>t.kind===`submenu`&&t.trigger===e);return r===-1?!1:be(r,t,n)},Ce=e=>{if(!(e instanceof Node)||!_.contains(e))return!1;let t=e instanceof HTMLElement?e:e.parentElement;return!t||t.closest(`[data-slot="navigation-menu-indicator"]`)||me(t)?!1:t.closest(`[data-slot="navigation-menu-item"]`)?!0:!!t.closest(`a[href], button, [role='link'], [role='button']`)},we=`a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])`,Te=e=>Array.from(e.querySelectorAll(we)).filter(e=>!e.hidden&&!e.closest(`[hidden]`)),Ee=e=>!e.isConnected||e.hidden||e.closest(`[hidden]`)||`disabled`in e&&e.disabled||e.getAttribute(`aria-hidden`)===`true`||e.getAttribute(`tabindex`)===`-1`?!1:e.matches(we)?!0:e.tabIndex>=0,De=e=>{if(r.contains(e)||v?.contains(e))return!0;let t=B?.container;if(t instanceof HTMLElement&&t.contains(e))return!0;for(let{content:t}of W.values())if(t.contains(e))return!0;return!1},Oe=()=>{let e=r.ownerDocument,t=Array.from(e.querySelectorAll(`*`));for(let n of t)if(Ee(n)&&!De(n)&&(r.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING)!==0&&(n.focus(),e.activeElement===n))return!0;return!1},ke=e=>{requestAnimationFrame(()=>{if(x!==e)return;let t=W.get(e);if(!t)return;let n=Te(t.content)[0];n?n.focus():t.content.focus()})},K=()=>{w&&=(clearTimeout(w),null),re&&=(clearTimeout(re),null)},Ae=()=>{j!==null&&(cancelAnimationFrame(j),j=null)},q=null,je=()=>{if(!v)return null;let e=B?.container;return e instanceof HTMLElement?e:v.parentElement instanceof HTMLElement?v.parentElement:v},Me=()=>{let t=je();return q||(q=document.createElement(`div`),q.setAttribute(`data-slot`,`navigation-menu-bridge`),q.style.cssText=`position: absolute; pointer-events: auto; z-index: 0; display: none;`,P.push((0,e.on)(q,`pointerenter`,()=>{K()}),(0,e.on)(q,`pointerleave`,t=>{if(E||x===null)return;let n=t.relatedTarget;qe(n)||n&&(0,e.containsWithPortals)(r,n)||(Q(null),X(null))}))),t&&q.parentElement!==t&&t.insertBefore(q,t.firstChild),q},J=()=>{q&&(q.style.height=`0`,q.style.width=`0`,q.style.top=`0px`,q.style.left=`0px`,q.style.right=`0px`,q.style.bottom=`auto`,q.style.transform=`none`,q.style.clipPath=`none`,q.style.display=`none`)},Ne=()=>{if(!p)return null;let e=r.ownerDocument.body;return e?(A||(A=r.ownerDocument.createElement(`div`),A.setAttribute(`data-slot`,`navigation-menu-safe-triangle`),A.style.cssText=[`position: fixed`,`pointer-events: none`,`display: none`,`z-index: 2147483647`,`background: rgba(255, 0, 0, 0.18)`,`border: 1px solid rgba(255, 0, 0, 0.45)`].join(`; `)),A.parentElement!==e&&e.appendChild(A),A):null},Pe=()=>{A&&(A.style.width=`0`,A.style.height=`0`,A.style.clipPath=`none`,A.style.display=`none`)},Y=()=>{p||Pe()},Fe=e=>{let t=Ne();if(!t)return;let n=e.apex.x,r=e.apex.y,i=e.edgeA.x,a=e.edgeA.y,o=e.edgeB.x,s=e.edgeB.y,c=Math.min(n,i,o),l=Math.min(r,a,s),u=Math.max(n,i,o),ee=Math.max(r,a,s),d=Math.max(1,u-c),f=Math.max(1,ee-l),p=(e,t)=>`${(e-c)/d*100}% ${(t-l)/f*100}%`;t.style.display=`block`,t.style.left=`${c}px`,t.style.top=`${l}px`,t.style.width=`${d}px`,t.style.height=`${f}px`,t.style.clipPath=`polygon(${p(n,r)}, ${p(i,a)}, ${p(o,s)})`},Ie=(e,t,n)=>(e.x-n.x)*(t.y-n.y)-(t.x-n.x)*(e.y-n.y),Le=(e,t,n,r)=>{let i=Ie(e,t,n),a=Ie(e,n,r),o=Ie(e,r,t);return!((i<0||a<0||o<0)&&(i>0||a>0||o>0))},Re=(e,t,n)=>{let r=.5;if(n.top>=t.bottom-r)return[{x:n.left,y:n.top},{x:n.right,y:n.top}];if(n.bottom<=t.top+r)return[{x:n.left,y:n.bottom},{x:n.right,y:n.bottom}];if(n.left>=t.right-r)return[{x:n.left,y:n.top},{x:n.left,y:n.bottom}];if(n.right<=t.left+r)return[{x:n.right,y:n.top},{x:n.right,y:n.bottom}];let i=[[{x:n.left,y:n.top},{x:n.right,y:n.top}],[{x:n.right,y:n.top},{x:n.right,y:n.bottom}],[{x:n.left,y:n.bottom},{x:n.right,y:n.bottom}],[{x:n.left,y:n.top},{x:n.left,y:n.bottom}]],a=([t,n])=>t.y===n.y?Math.abs(e.y-t.y):Math.abs(e.x-t.x),o=i[0],s=a(o);for(let e=1;e<i.length;e++){let t=i[e],n=a(t);n<s&&(o=t,s=n)}return o},ze=()=>x?W.get(x)??null:null,Be=(e,t,n)=>{if(n.width<=0||n.height<=0)return null;let r={x:e.left+e.width/2,y:e.top+e.height*.62},[i,a]=Re(r,t,n);if(i.x===a.x){let e=Math.min(i.y,a.y),t=Math.max(i.y,a.y),n=t-e,r=n<=28?0:Math.min(10,(n-28)/2);i={x:i.x,y:e+r},a={x:a.x,y:t-r}}else{let e=Math.min(i.x,a.x),t=Math.max(i.x,a.x),n=t-e,r=n<=28?0:Math.min(10,(n-28)/2);i={x:e+r,y:i.y},a={x:t-r,y:a.y}}return{apex:r,edgeA:i,edgeB:a}},Ve=()=>{if(!te||!v||x===null)return null;let e=ze();if(!e)return null;let t=r.getBoundingClientRect(),n=e.trigger.getBoundingClientRect(),i=v.getBoundingClientRect(),a=e.content.getBoundingClientRect();return Be(n,t,i.width>0&&i.height>0?i:a)},He=e=>{let t=Ve();return t?Le({x:e.clientX,y:e.clientY},t.apex,t.edgeA,t.edgeB):!1},Ue=(e,t)=>({x:e.x-t.left,y:e.y-t.top}),We=e=>{if(e.length<=1)return e.slice();let t=e=>`${e.x.toFixed(3)}:${e.y.toFixed(3)}`,n=new Map;for(let r of e)n.set(t(r),r);let r=Array.from(n.values()).sort((e,t)=>e.x===t.x?e.y-t.y:e.x-t.x);if(r.length<=2)return r;let i=(e,t,n)=>(t.x-e.x)*(n.y-e.y)-(t.y-e.y)*(n.x-e.x),a=[];for(let e of r){for(;a.length>=2&&i(a[a.length-2],a[a.length-1],e)<=0;)a.pop();a.push(e)}let o=[];for(let e=r.length-1;e>=0;e--){let t=r[e];for(;o.length>=2&&i(o[o.length-2],o[o.length-1],t)<=0;)o.pop();o.push(t)}return a.pop(),o.pop(),a.concat(o)},Ge=e=>{if(e.length<3){J();return}let t=Me(),n=t.parentElement,r=We(n&&n===B?.container?e.map(e=>({x:e.x-M,y:e.y-N})):e);if(r.length<3){J();return}let i=Math.min(...r.map(e=>e.x)),a=Math.min(...r.map(e=>e.y)),o=Math.max(...r.map(e=>e.x)),s=Math.max(...r.map(e=>e.y)),c=Math.max(1,o-i),l=Math.max(1,s-a),u=e=>`${(e.x-i)/c*100}% ${(e.y-a)/l*100}%`;t.style.display=`block`,t.style.transform=`none`,t.style.bottom=`auto`,t.style.right=`auto`,t.style.left=`${i}px`,t.style.top=`${a}px`,t.style.width=`${c}px`,t.style.height=`${l}px`,t.style.clipPath=`polygon(${r.map(u).join(`, `)})`},Ke=()=>{if(!p)return;let e=Ve();if(!e){Pe();return}Fe(e)},qe=e=>{if(!e)return!1;if(ze()?.content.contains(e)||v?.contains(e)||q?.contains(e))return!0;let t=B?.container;return!!(t instanceof HTMLElement&&t.contains(e))};P.push(Y),P.push(Ae),P.push(J),P.push(()=>{Pe(),A?.parentElement&&A.parentElement.removeChild(A),A=null});let Je=(t,a,o)=>{v&&requestAnimationFrame(()=>{let s=t.firstElementChild,c=t.lastElementChild,l=s?getComputedStyle(s):null,u=c?getComputedStyle(c):null,ee=l&&parseFloat(l.marginTop)||0,d=u&&parseFloat(u.marginBottom)||0,f=(...e)=>{let t=0;for(let n of e)Number.isFinite(n)&&(t=Math.max(t,n));return t},p=t.getBoundingClientRect(),m=f(p.width,t.scrollWidth,t.offsetWidth,t.clientWidth),h=f(p.height,t.scrollHeight,t.offsetHeight,t.clientHeight)+ee+d,g={top:p.top,left:p.left,width:m,height:h,right:p.left+m,bottom:p.top+h},_=getComputedStyle(v),ne=parseFloat(_.marginTop)||0;v.style.setProperty(`--viewport-width`,`${m}px`),v.style.setProperty(`--viewport-height`,`${h}px`);let y=r.getBoundingClientRect(),b=a.getBoundingClientRect(),x=(0,e.computeFloatingPosition)({anchorRect:b,contentRect:g,side:o.side,align:o.align,sideOffset:o.sideOffset,alignOffset:o.alignOffset,avoidCollisions:!1,collisionPadding:0,allowedSides:n}),S=x.x-y.left,C=x.y-y.top;M=S,N=C;let w=i(x.side,x.align,b),re=w.x-(y.left+S),T=w.y-(y.top+C),E=w.x-y.left,D=w.y-y.top,O=`${re}px ${T}px`,ie=`${E}px ${D}px`;v.style.top=`0px`,v.style.left=`0px`,v.style.willChange=`transform,width,height`,v.style.setProperty(`--transform-origin`,O),t.style.top=`0px`,t.style.left=`0px`,t.style.setProperty(`--transform-origin`,O),v.setAttribute(`data-side`,x.side),v.setAttribute(`data-align`,x.align),t.setAttribute(`data-side`,x.side),t.setAttribute(`data-align`,x.align);let k=B?.container;k&&k!==v&&(k.setAttribute(`data-side`,x.side),k.setAttribute(`data-align`,x.align),k.style.setProperty(`--transform-origin`,ie)),le();let A=v.getBoundingClientRect(),j=[],P=Math.max(0,A.top-y.bottom),F=Math.max(0,y.top-A.bottom),I=Math.max(0,A.left-y.right),L=Math.max(0,y.left-A.right),R=Math.max(0,ee+ne),z=Math.max(P,F,R),ae=Math.max(I,L),V=te?Be(b,y,A):null,H=(e,t,n,r)=>{n<=0||r<=0||j.push({x:e,y:t},{x:e+n,y:t},{x:e+n,y:t+r},{x:e,y:t+r})};if(z>=ae&&z>0){let e=Math.max(P,F,R),t=S,n=F>P&&F>=R?C+h:C-e,r=m;if(V){let e=Math.min(V.edgeA.x,V.edgeB.x)-y.left,n=Math.max(V.edgeA.x,V.edgeB.x)-y.left;t=e-8,r=n-e+16}H(t,n,r,e)}else if(ae>0){let e=Math.max(I,L),t=C,n=L>I?S+m:S-e,r=h;if(V){let e=Math.min(V.edgeA.y,V.edgeB.y)-y.top,n=Math.max(V.edgeA.y,V.edgeB.y)-y.top;t=e-8,r=n-e+16}H(n,t,e,r)}if(V){let e=Ue(V.apex,y),t=Ue(V.edgeA,y),n=Ue(V.edgeB,y);j.push(e,t,n)}Ge(j),Ke()})},Ye=e=>C===-1||e>C?`right`:`left`,X=e=>{if(!y)return;if(T=e,!e){Ae(),y.removeAttribute(`data-instant`),y.setAttribute(`data-state`,`hidden`);return}y.getAttribute(`data-state`)!==`visible`&&(Ae(),y.setAttribute(`data-instant`,``),j=requestAnimationFrame(()=>{j=requestAnimationFrame(()=>{y.removeAttribute(`data-instant`),j=null})}));let t=_.getBoundingClientRect(),n=e.getBoundingClientRect();y.style.setProperty(`--indicator-left`,`${n.left-t.left}px`),y.style.setProperty(`--indicator-width`,`${n.width}px`),y.style.setProperty(`--indicator-top`,`${n.top-t.top}px`);let r=(v&&parseFloat(getComputedStyle(v).marginTop)||0)<1?1:0;y.style.setProperty(`--indicator-height`,`${n.height-r}px`),y.setAttribute(`data-state`,`visible`)},Xe=()=>x?W.get(x)?.trigger??null:null,Z=(e=null)=>{let t=Xe();if(t){X(t);return}X(e)},Q=(t,n=!1)=>{if(Y(),t===x){K();return}if(t!==null&&t===S){K();return}K(),S=t===null?null:t;let i=()=>{let n=x,i=t?W.get(t):null,a=n!==null&&t!==null&&n!==t,o=a&&i?Ye(i.index):null,s=document.activeElement;if(t===null&&s&&n){let t=W.get(n);t&&(0,e.containsWithPortals)(t.content,s)&&t.trigger.focus()}if(W.forEach(({trigger:r,content:i,item:a},s)=>{let c=s===t,l=s===n;if((0,e.setAria)(r,`expanded`,c),r.setAttribute(`data-state`,c?`open`:`closed`),a.setAttribute(`data-state`,c?`open`:`closed`),!c){let e=F.get(i);if(i.setAttribute(`data-state`,`inactive`),i.setAttribute(`aria-hidden`,`true`),g(i,!0),i.style.pointerEvents=`none`,l&&o){let e=o===`right`?`to-left`:`to-right`;i.setAttribute(`data-motion`,e)}else l&&i.removeAttribute(`data-motion`);l?e?.exit():e?.isExiting||(i.removeAttribute(`data-motion`),ce(i),i.hidden=!0)}}),i){if(B?.mount(),v&&(v.hidden=!1),n===null&&oe?.enter(),se(i.content),F.get(i.content)?.enter(),o){let e=o===`right`?`from-right`:`from-left`;i.content.setAttribute(`data-motion`,e)}else i.content.removeAttribute(`data-motion`);i.content.setAttribute(`data-state`,`active`),i.content.removeAttribute(`aria-hidden`),g(i.content,!1),i.content.hidden=!1,i.content.style.pointerEvents=`auto`,C=i.index;let e=de(i.item,i.content);Je(i.content,i.trigger,e),ue(i),X(i.trigger)}else J(),Y(),oe?.exit(),ue(null);let c=t!==null;if(r.setAttribute(`data-state`,c?`open`:`closed`),o?r.setAttribute(`data-motion`,o===`right`?`from-right`:`from-left`):r.removeAttribute(`data-motion`),v){v.setAttribute(`data-state`,c?`open`:`closed`),v.style.pointerEvents=c?`auto`:`none`;let e=B?.container;c&&!a?(v.setAttribute(`data-instant`,``),e?.setAttribute(`data-instant`,``)):a?H():c||H(),o&&v.style.setProperty(`--motion-direction`,o===`right`?`1`:`-1`)}x=t,S=null,t===null&&X(null),Ke(),(0,e.emit)(r,`navigation-menu:change`,{value:t}),m?.(t)};n?i():t!==null&&x===null?w=setTimeout(i,o):t!==null&&x!==null?i():re=setTimeout(i,s)};r.setAttribute(`data-state`,`closed`),v&&(v.setAttribute(`data-state`,`closed`),v.hidden=!0,v.style.pointerEvents=`none`),y&&y.setAttribute(`data-state`,`hidden`),W.forEach(({trigger:t,content:n,item:r})=>{t.tagName===`BUTTON`&&!t.hasAttribute(`type`)&&(t.type=`button`),(0,e.setAria)(t,`expanded`,!1),t.setAttribute(`data-state`,`closed`),t.tabIndex=0,r.setAttribute(`data-state`,`closed`),n.setAttribute(`data-state`,`inactive`),n.setAttribute(`aria-hidden`,`true`),n.tabIndex=-1,g(n,!0),n.hidden=!0,n.style.pointerEvents=`none`}),W.forEach(({item:t,trigger:n},i)=>{P.push((0,e.on)(n,`pointerenter`,e=>{if(!E){if(x!==i&&He(e))return;X(n)}})),P.push((0,e.on)(t,`pointerenter`,e=>{if(!E){if(x!==i&&He(e))return;Q(i)}})),P.push((0,e.on)(t,`pointerleave`,t=>{if(S===i&&x===null&&(K(),S=null),x===i&&!E){let n=t.relatedTarget;if(qe(n))return;(!n||!(0,e.containsWithPortals)(r,n))&&(Q(null),X(null))}})),P.push((0,e.on)(n,`focus`,()=>{if(D===n){D=null;return}c&&Q(i,!0),Z(n)})),P.push((0,e.on)(n,`pointerdown`,()=>{D=n,O=n}),(0,e.on)(n,`keydown`,()=>{O=null})),P.push((0,e.on)(n,`click`,()=>{let e=O===n;O=null,D=null,K(),x===i&&E?(E=!1,Q(null,!0),X(null)):x===i&&!E?(E=!0,X(n),e||ke(i)):(E=!0,Q(i,!0),X(n),e||ke(i))}))}),P.push((0,e.on)(_,`pointerover`,e=>{let t=e;if(t.pointerType===`touch`)return;let n=ve(t.target);if(n){if(x!==null){if(E)return;$()}X(n.element);return}x!==null&&(E||Ce(t.target)&&$())}),(0,e.on)(_,`click`,e=>{x!==null&&Ce(e.target)&&$()})),P.push((0,e.on)(_,`focusin`,e=>{let t=ve(e.target);if(t){if(x!==null){Z();return}X(t.element)}}),(0,e.on)(r,`pointerenter`,()=>{ie=!0}),(0,e.on)(r,`pointerleave`,e=>{let t=e.relatedTarget;if(!qe(t)&&(ie=!1,!E)){if(He(e)){K();return}Q(null),X(null)}}),(0,e.on)(r,`pointerdown`,()=>{Y(),K()})),v&&P.push((0,e.on)(v,`pointerenter`,()=>{Y(),K()}),(0,e.on)(v,`transitionend`,e=>{if(e.target!==v)return;let t=x?W.get(x):null;if(t){let e=de(t.item,t.content);Je(t.content,t.trigger,e)}})),W.forEach(({content:t})=>{P.push((0,e.on)(t,`pointerenter`,()=>{Y(),K()}),(0,e.on)(t,`pointerleave`,t=>{if(E)return;let n=t.relatedTarget;qe(n)||(0,e.containsWithPortals)(r,n)||(Q(null),X(null))}))}),P.push((0,e.on)(_,`keydown`,e=>{let t=_e(e.target);if(!t)return;let n=G.indexOf(t);if(n===-1)return;let r=n;switch(e.key){case`Tab`:if(e.shiftKey||x===null)return;(xe(t,1,{preserveOpenOnPlain:!0})||Oe())&&e.preventDefault();return;case`ArrowLeft`:r=n-1,r<0&&(r=G.length-1);break;case`ArrowRight`:r=n+1,r>=G.length&&(r=0);break;case`ArrowDown`:if(t.kind===`submenu`){e.preventDefault();let n=t.value;E=!0,Q(n,!0),ke(n)}return;case`Home`:r=0;break;case`End`:r=G.length-1;break;case`Escape`:E=!1,Q(null,!0),X(null);return;default:return}e.preventDefault();let i=G[r];i&&ye(i,{preserveOpenOnPlain:!0})})),W.forEach(({content:t,trigger:n})=>{P.push((0,e.on)(t,`keydown`,e=>{let r=e.target,i=Te(t),a=i.indexOf(r);if(a!==-1)switch(e.key){case`Tab`:if(!e.shiftKey&&a===i.length-1){(Se(n,1,{preserveOpenOnPlain:!0})||Oe())&&e.preventDefault();return}if(e.shiftKey&&a===0){e.preventDefault(),n.focus();return}return;case`ArrowDown`:case`ArrowRight`:{e.preventDefault();let t=a+1;t<i.length&&i[t]?.focus();break}case`ArrowUp`:case`ArrowLeft`:e.preventDefault(),a===0?n.focus():i[a-1]?.focus();break;case`Escape`:e.preventDefault(),E=!1,Q(null,!0),X(null),n.focus();break}}))});let Ze=()=>(0,e.containsWithPortals)(r,document.activeElement)||ie||E,$=()=>{Y(),E=!1,Q(null,!0),X(null),Ke()};return P.push((0,e.on)(document,`focusin`,t=>{let n=t.target;if(!(0,e.containsWithPortals)(r,n)){if(x!==null){$();return}X(null)}})),P.push((0,e.createDismissLayer)({root:r,isOpen:()=>x!==null&&Ze(),onDismiss:$,closeOnClickOutside:!0,closeOnEscape:!0,preventEscapeDefault:!1,isInside:t=>!!t&&(0,e.containsWithPortals)(r,t)})),P.push((0,e.on)(window,`resize`,()=>{x&&requestAnimationFrame(()=>le()),(x||T)&&requestAnimationFrame(()=>Z(T))}),(0,e.on)(_,`scroll`,()=>{(x||T)&&requestAnimationFrame(()=>Z(T))})),P.push((0,e.on)(r,`navigation-menu:set`,e=>{let t=e.detail;if(t?.value!==void 0){if(t.value===null)$();else if(W.has(t.value)){E=!0,Q(t.value,!0);let e=W.get(t.value);e&&X(e.trigger)}}})),{get value(){return x},open:e=>Q(e,!0),close:()=>Q(null,!0),destroy:()=>{k=!0,K(),P.forEach(e=>e()),P.length=0}}}const o=new WeakSet;function s(t=document){let n=[];for(let r of(0,e.getRoots)(t,`navigation-menu`))o.has(r)||(o.add(r),n.push(a(r)));return n}exports.create=s,exports.createNavigationMenu=a;
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{computeFloatingPosition as e,containsWithPortals as t,createDismissLayer as n,createPortalLifecycle as r,createPresenceLifecycle as i,emit as a,ensureId as o,getDataBool as s,getDataEnum as c,getDataNumber as l,getPart as u,getParts as d,getRoots as f,on as p,setAria as m}from"@data-slot/core";const ee=[`start`,`center`,`end`],te=[`top`,`right`,`bottom`,`left`],h=(e,t)=>t===`start`?{x:e.left,y:e.top}:t===`end`?{x:e.right,y:e.bottom}:{x:e.left+e.width/2,y:e.top+e.height/2},ne=(e,t,n)=>{let r=h(n,t);return e===`top`?{x:r.x,y:n.top}:e===`bottom`?{x:r.x,y:n.bottom}:e===`left`?{x:n.left,y:r.y}:{x:n.right,y:r.y}};function re(f,h={}){let re=h.delayOpen??l(f,`delayOpen`)??0,g=h.delayClose??l(f,`delayClose`)??0,_=h.openOnFocus??s(f,`openOnFocus`)??!1,v=h.side??c(f,`side`,te)??`bottom`,y=h.align??c(f,`align`,ee)??`start`,b=h.sideOffset??l(f,`sideOffset`)??0,ie=h.alignOffset??l(f,`alignOffset`)??0,ae=h.safeTriangle??s(f,`safeTriangle`)??!1,x=h.debugSafeTriangle??s(f,`debugSafeTriangle`)??!1,oe=ae||x,se=h.onValueChange,ce=e=>e.replace(/[^a-z0-9\-_:.]/gi,`-`),S=(e,t)=>{`inert`in e&&(e.inert=t)},C=u(f,`navigation-menu-list`),w=d(f,`navigation-menu-item`),T=u(f,`navigation-menu-viewport`),E=u(f,`navigation-menu-indicator`),D=(e,t)=>{let n=e.parentElement;for(;n&&n!==f;){if(n.getAttribute(`data-slot`)===t)return n;n=n.parentElement}return null};if(!C||w.length===0)throw Error(`NavigationMenu requires navigation-menu-list and at least one navigation-menu-item`);let O=null,k=null,A=-1,j=null,M=null,N=null,P=!1,F=null,I=!1,le=!1,L=null,R=null,z=0,B=0,V=[],H=new Map,U=new Map,ue=T?D(T,`navigation-menu-viewport-positioner`):null,de=T?D(T,`navigation-menu-positioner`):null,W=ue??de,fe=W?D(W,`navigation-menu-portal`):null,G=T?r({content:T,root:f,enabled:!0,wrapperSlot:W?void 0:`navigation-menu-viewport-positioner`,container:W??void 0,mountTarget:W?fe??W:void 0}):null,pe=()=>{let e=G?.container;e instanceof HTMLElement&&(e.style.position=``,e.style.top=``,e.style.left=``,e.style.width=``,e.style.height=``,e.style.margin=``,e.style.willChange=``,e.style.pointerEvents=``,e.style.transform=``,e.style.removeProperty(`--transform-origin`),e.removeAttribute(`data-instant`))},me=()=>{T?.removeAttribute(`data-instant`);let e=G?.container;e instanceof HTMLElement&&e.removeAttribute(`data-instant`)},he=T?i({element:T,onExitComplete:()=>{le||(me(),pe(),z=0,B=0,G?.restore(),T.hidden=!0,T.style.pointerEvents=`none`)}}):null,ge=e=>{if(!T)return;let t=U.get(e)??{originalParent:null,originalNextSibling:null,mountedInViewport:!1};t.mountedInViewport||(t.originalParent=e.parentNode,t.originalNextSibling=e.nextSibling,t.mountedInViewport=!0,U.set(e,t)),e.parentNode!==T&&T.appendChild(e)},_e=e=>{let t=U.get(e);if(!t||!t.mountedInViewport)return;let n=t.originalParent,r=t.originalNextSibling;n&&n.isConnected?r&&r.parentNode===n?n.insertBefore(e,r):n.appendChild(e):e.remove(),t.mountedInViewport=!1,t.originalParent=null,t.originalNextSibling=null},ve=()=>{if(!T||!G)return;let e=G.container,t=f.ownerDocument.defaultView??window,n=f.getBoundingClientRect(),r=n.top+t.scrollY+B,i=n.left+t.scrollX+z;e.style.position=`absolute`,e.style.top=`${r}px`,e.style.left=`${i}px`,e.style.width=`${n.width}px`,e.style.height=`${n.height}px`,e.style.margin=`0`,e.style.willChange=`top,left`,e.style.pointerEvents=`none`},ye=null,be=e=>{ye?.disconnect(),ye=null,!(!T||!e)&&(ye=new ResizeObserver(()=>{let t=xe(e.item,e.content);it(e.content,e.trigger,t)}),ye.observe(e.content))};V.push(()=>ye?.disconnect()),V.push(()=>{me(),H.forEach(e=>e.cleanup()),H.clear(),U.forEach((e,t)=>{_e(t),t.hidden=!0,t.style.pointerEvents=`none`}),U.clear(),pe(),z=0,B=0,he?.cleanup(),G?.cleanup()});let K=new Map,xe=(e,t)=>({side:h.side??c(t,`side`,te)??c(e,`side`,te)??v,align:h.align??c(t,`align`,ee)??c(e,`align`,ee)??y,sideOffset:h.sideOffset??l(t,`sideOffset`)??l(e,`sideOffset`)??b,alignOffset:h.alignOffset??l(t,`alignOffset`)??l(e,`alignOffset`)??ie}),Se=0;w.forEach(e=>{let t=e.dataset.value;if(!t)return;let n=u(e,`navigation-menu-trigger`),r=u(e,`navigation-menu-content`);if(n&&r){K.set(t,{value:t,item:e,trigger:n,content:r,index:Se++}),H.set(r,i({element:r,onExitComplete:()=>{le||(_e(r),r.hidden=!0,r.style.pointerEvents=`none`)}}));let a=ce(t),s=o(n,`nav-menu-trigger-${a}`),c=o(r,`nav-menu-content-${a}`);n.setAttribute(`aria-haspopup`,`true`),n.setAttribute(`aria-controls`,c),r.setAttribute(`aria-labelledby`,s)}}),Array.from(K.values()).map(e=>e.trigger);let Ce=`a[href], button:not([disabled]), [role="link"], [role="button"], [tabindex]:not([tabindex="-1"])`,we=e=>{let t=e?.closest(`[data-slot="navigation-menu-item"]`);if(!t)return null;let n=t.dataset.value;if(!n)return null;let r=K.get(n);return!r||r.item!==t?null:r},Te=e=>{if(e.matches(Ce))return e;let t=e.querySelectorAll(Ce);for(let n of t)if(e.contains(n)&&!n.closest(`[data-slot="navigation-menu-content"]`)&&!(n.hidden||n.closest(`[hidden]`)))return n;return null},q=[],Ee=new Map;w.forEach(e=>{let t=we(e);if(t){let e={kind:`submenu`,element:t.trigger,value:t.value,trigger:t.trigger};q.push(e),Ee.set(e.element,e);return}let n=Te(e);if(!n)return;let r={kind:`plain`,element:n};q.push(r),Ee.set(r.element,r)});let De=e=>{let t=e instanceof HTMLElement?e:null;if(!t)return null;let n=t;for(;n&&n!==C;){let e=Ee.get(n);if(e)return e;n=n.parentElement}return null},Oe=e=>{let t=f.ownerDocument;return e.kind===`submenu`?(e.trigger.focus(),t.activeElement===e.trigger?(st(e.trigger),!0):!1):(O===null?Z(null):$(),e.element.focus(),t.activeElement===e.element)},ke=(e,t)=>{for(let n=e+t;n>=0&&n<q.length;n+=t){let e=q[n];if(e&&Oe(e))return!0}return!1},Ae=(e,t)=>{let n=q.indexOf(e);return n===-1?!1:ke(n,t)},je=(e,t)=>{let n=q.findIndex(t=>t.kind===`submenu`&&t.trigger===e);return n===-1?!1:ke(n,t)},Me=e=>{if(!(e instanceof Node)||!C.contains(e))return!1;let t=e instanceof HTMLElement?e:e.parentElement;return!t||t.closest(`[data-slot="navigation-menu-indicator"]`)||we(t)?!1:t.closest(`[data-slot="navigation-menu-item"]`)?!0:!!t.closest(`a[href], button, [role='link'], [role='button']`)},Ne=`a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])`,Pe=e=>Array.from(e.querySelectorAll(Ne)).filter(e=>!e.hidden&&!e.closest(`[hidden]`)),Fe=e=>!e.isConnected||e.hidden||e.closest(`[hidden]`)||`disabled`in e&&e.disabled||e.getAttribute(`aria-hidden`)===`true`||e.getAttribute(`tabindex`)===`-1`?!1:e.matches(Ne)?!0:e.tabIndex>=0,Ie=e=>{if(f.contains(e)||T?.contains(e))return!0;let t=G?.container;if(t instanceof HTMLElement&&t.contains(e))return!0;for(let{content:t}of K.values())if(t.contains(e))return!0;return!1},Le=()=>{let e=f.ownerDocument,t=Array.from(e.querySelectorAll(`*`));for(let n of t)if(Fe(n)&&!Ie(n)&&(f.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING)!==0&&(n.focus(),e.activeElement===n))return!0;return!1},Re=e=>{requestAnimationFrame(()=>{if(O!==e)return;let t=K.get(e);if(!t)return;let n=Pe(t.content)[0];n?n.focus():t.content.focus()})},J=()=>{j&&=(clearTimeout(j),null),M&&=(clearTimeout(M),null)},ze=()=>{R!==null&&(cancelAnimationFrame(R),R=null)},Y=null,Be=()=>{if(!T)return null;let e=G?.container;return e instanceof HTMLElement?e:T.parentElement instanceof HTMLElement?T.parentElement:T},Ve=()=>{let e=Be();return Y||(Y=document.createElement(`div`),Y.setAttribute(`data-slot`,`navigation-menu-bridge`),Y.style.cssText=`position: absolute; pointer-events: auto; z-index: 0; display: none;`,V.push(p(Y,`pointerenter`,()=>{J()}),p(Y,`pointerleave`,e=>{if(P||O===null)return;let n=e.relatedTarget;rt(n)||n&&t(f,n)||(Q(null),Z(null))}))),e&&Y.parentElement!==e&&e.insertBefore(Y,e.firstChild),Y},He=()=>{Y&&(Y.style.height=`0`,Y.style.width=`0`,Y.style.top=`0px`,Y.style.left=`0px`,Y.style.right=`0px`,Y.style.bottom=`auto`,Y.style.transform=`none`,Y.style.clipPath=`none`,Y.style.display=`none`)},Ue=()=>{if(!x)return null;let e=f.ownerDocument.body;return e?(L||(L=f.ownerDocument.createElement(`div`),L.setAttribute(`data-slot`,`navigation-menu-safe-triangle`),L.style.cssText=[`position: fixed`,`pointer-events: none`,`display: none`,`z-index: 2147483647`,`background: rgba(255, 0, 0, 0.18)`,`border: 1px solid rgba(255, 0, 0, 0.45)`].join(`; `)),L.parentElement!==e&&e.appendChild(L),L):null},We=()=>{L&&(L.style.width=`0`,L.style.height=`0`,L.style.clipPath=`none`,L.style.display=`none`)},X=()=>{x||We()},Ge=e=>{let t=Ue();if(!t)return;let n=e.apex.x,r=e.apex.y,i=e.edgeA.x,a=e.edgeA.y,o=e.edgeB.x,s=e.edgeB.y,c=Math.min(n,i,o),l=Math.min(r,a,s),u=Math.max(n,i,o),d=Math.max(r,a,s),f=Math.max(1,u-c),p=Math.max(1,d-l),m=(e,t)=>`${(e-c)/f*100}% ${(t-l)/p*100}%`;t.style.display=`block`,t.style.left=`${c}px`,t.style.top=`${l}px`,t.style.width=`${f}px`,t.style.height=`${p}px`,t.style.clipPath=`polygon(${m(n,r)}, ${m(i,a)}, ${m(o,s)})`},Ke=(e,t,n)=>(e.x-n.x)*(t.y-n.y)-(t.x-n.x)*(e.y-n.y),qe=(e,t,n,r)=>{let i=Ke(e,t,n),a=Ke(e,n,r),o=Ke(e,r,t);return!((i<0||a<0||o<0)&&(i>0||a>0||o>0))},Je=(e,t,n)=>{let r=.5;if(n.top>=t.bottom-r)return[{x:n.left,y:n.top},{x:n.right,y:n.top}];if(n.bottom<=t.top+r)return[{x:n.left,y:n.bottom},{x:n.right,y:n.bottom}];if(n.left>=t.right-r)return[{x:n.left,y:n.top},{x:n.left,y:n.bottom}];if(n.right<=t.left+r)return[{x:n.right,y:n.top},{x:n.right,y:n.bottom}];let i=[[{x:n.left,y:n.top},{x:n.right,y:n.top}],[{x:n.right,y:n.top},{x:n.right,y:n.bottom}],[{x:n.left,y:n.bottom},{x:n.right,y:n.bottom}],[{x:n.left,y:n.top},{x:n.left,y:n.bottom}]],a=([t,n])=>t.y===n.y?Math.abs(e.y-t.y):Math.abs(e.x-t.x),o=i[0],s=a(o);for(let e=1;e<i.length;e++){let t=i[e],n=a(t);n<s&&(o=t,s=n)}return o},Ye=()=>O?K.get(O)??null:null,Xe=(e,t,n)=>{if(n.width<=0||n.height<=0)return null;let r={x:e.left+e.width/2,y:e.top+e.height*.62},[i,a]=Je(r,t,n);if(i.x===a.x){let e=Math.min(i.y,a.y),t=Math.max(i.y,a.y),n=t-e,r=n<=28?0:Math.min(10,(n-28)/2);i={x:i.x,y:e+r},a={x:a.x,y:t-r}}else{let e=Math.min(i.x,a.x),t=Math.max(i.x,a.x),n=t-e,r=n<=28?0:Math.min(10,(n-28)/2);i={x:e+r,y:i.y},a={x:t-r,y:a.y}}return{apex:r,edgeA:i,edgeB:a}},Ze=()=>{if(!oe||!T||O===null)return null;let e=Ye();if(!e)return null;let t=f.getBoundingClientRect(),n=e.trigger.getBoundingClientRect(),r=T.getBoundingClientRect(),i=e.content.getBoundingClientRect();return Xe(n,t,r.width>0&&r.height>0?r:i)},Qe=e=>{let t=Ze();return t?qe({x:e.clientX,y:e.clientY},t.apex,t.edgeA,t.edgeB):!1},$e=(e,t)=>({x:e.x-t.left,y:e.y-t.top}),et=e=>{if(e.length<=1)return e.slice();let t=e=>`${e.x.toFixed(3)}:${e.y.toFixed(3)}`,n=new Map;for(let r of e)n.set(t(r),r);let r=Array.from(n.values()).sort((e,t)=>e.x===t.x?e.y-t.y:e.x-t.x);if(r.length<=2)return r;let i=(e,t,n)=>(t.x-e.x)*(n.y-e.y)-(t.y-e.y)*(n.x-e.x),a=[];for(let e of r){for(;a.length>=2&&i(a[a.length-2],a[a.length-1],e)<=0;)a.pop();a.push(e)}let o=[];for(let e=r.length-1;e>=0;e--){let t=r[e];for(;o.length>=2&&i(o[o.length-2],o[o.length-1],t)<=0;)o.pop();o.push(t)}return a.pop(),o.pop(),a.concat(o)},tt=e=>{if(e.length<3){He();return}let t=Ve(),n=t.parentElement,r=et(n&&n===G?.container?e.map(e=>({x:e.x-z,y:e.y-B})):e);if(r.length<3){He();return}let i=Math.min(...r.map(e=>e.x)),a=Math.min(...r.map(e=>e.y)),o=Math.max(...r.map(e=>e.x)),s=Math.max(...r.map(e=>e.y)),c=Math.max(1,o-i),l=Math.max(1,s-a),u=e=>`${(e.x-i)/c*100}% ${(e.y-a)/l*100}%`;t.style.display=`block`,t.style.transform=`none`,t.style.bottom=`auto`,t.style.right=`auto`,t.style.left=`${i}px`,t.style.top=`${a}px`,t.style.width=`${c}px`,t.style.height=`${l}px`,t.style.clipPath=`polygon(${r.map(u).join(`, `)})`},nt=()=>{if(!x)return;let e=Ze();if(!e){We();return}Ge(e)},rt=e=>{if(!e)return!1;if(Ye()?.content.contains(e)||T?.contains(e)||Y?.contains(e))return!0;let t=G?.container;return!!(t instanceof HTMLElement&&t.contains(e))};V.push(X),V.push(ze),V.push(He),V.push(()=>{We(),L?.parentElement&&L.parentElement.removeChild(L),L=null});let it=(t,n,r)=>{T&&requestAnimationFrame(()=>{let i=t.firstElementChild,a=t.lastElementChild,o=i?getComputedStyle(i):null,s=a?getComputedStyle(a):null,c=o&&parseFloat(o.marginTop)||0,l=s&&parseFloat(s.marginBottom)||0,u=(...e)=>{let t=0;for(let n of e)Number.isFinite(n)&&(t=Math.max(t,n));return t},d=t.getBoundingClientRect(),p=u(d.width,t.scrollWidth,t.offsetWidth,t.clientWidth),m=u(d.height,t.scrollHeight,t.offsetHeight,t.clientHeight)+c+l,ee={top:d.top,left:d.left,width:p,height:m,right:d.left+p,bottom:d.top+m},h=getComputedStyle(T),re=parseFloat(h.marginTop)||0;T.style.setProperty(`--viewport-width`,`${p}px`),T.style.setProperty(`--viewport-height`,`${m}px`);let g=f.getBoundingClientRect(),_=n.getBoundingClientRect(),v=e({anchorRect:_,contentRect:ee,side:r.side,align:r.align,sideOffset:r.sideOffset,alignOffset:r.alignOffset,avoidCollisions:!1,collisionPadding:0,allowedSides:te}),y=v.x-g.left,b=v.y-g.top;z=y,B=b;let ie=ne(v.side,v.align,_),ae=ie.x-(g.left+y),x=ie.y-(g.top+b),se=ie.x-g.left,ce=ie.y-g.top,S=`${ae}px ${x}px`,C=`${se}px ${ce}px`;T.style.top=`0px`,T.style.left=`0px`,T.style.willChange=`transform,width,height`,T.style.setProperty(`--transform-origin`,S),t.style.top=`0px`,t.style.left=`0px`,t.style.setProperty(`--transform-origin`,S),T.setAttribute(`data-side`,v.side),T.setAttribute(`data-align`,v.align),t.setAttribute(`data-side`,v.side),t.setAttribute(`data-align`,v.align);let w=G?.container;w&&w!==T&&(w.setAttribute(`data-side`,v.side),w.setAttribute(`data-align`,v.align),w.style.setProperty(`--transform-origin`,C)),ve();let E=T.getBoundingClientRect(),D=[],O=Math.max(0,E.top-g.bottom),k=Math.max(0,g.top-E.bottom),A=Math.max(0,E.left-g.right),j=Math.max(0,g.left-E.right),M=Math.max(0,c+re),N=Math.max(O,k,M),P=Math.max(A,j),F=oe?Xe(_,g,E):null,I=(e,t,n,r)=>{n<=0||r<=0||D.push({x:e,y:t},{x:e+n,y:t},{x:e+n,y:t+r},{x:e,y:t+r})};if(N>=P&&N>0){let e=Math.max(O,k,M),t=y,n=k>O&&k>=M?b+m:b-e,r=p;if(F){let e=Math.min(F.edgeA.x,F.edgeB.x)-g.left,n=Math.max(F.edgeA.x,F.edgeB.x)-g.left;t=e-8,r=n-e+16}I(t,n,r,e)}else if(P>0){let e=Math.max(A,j),t=b,n=j>A?y+p:y-e,r=m;if(F){let e=Math.min(F.edgeA.y,F.edgeB.y)-g.top,n=Math.max(F.edgeA.y,F.edgeB.y)-g.top;t=e-8,r=n-e+16}I(n,t,e,r)}if(F){let e=$e(F.apex,g),t=$e(F.edgeA,g),n=$e(F.edgeB,g);D.push(e,t,n)}tt(D),nt()})},at=e=>A===-1||e>A?`right`:`left`,Z=e=>{if(!E)return;if(N=e,!e){ze(),E.removeAttribute(`data-instant`),E.setAttribute(`data-state`,`hidden`);return}E.getAttribute(`data-state`)!==`visible`&&(ze(),E.setAttribute(`data-instant`,``),R=requestAnimationFrame(()=>{R=requestAnimationFrame(()=>{E.removeAttribute(`data-instant`),R=null})}));let t=C.getBoundingClientRect(),n=e.getBoundingClientRect();E.style.setProperty(`--indicator-left`,`${n.left-t.left}px`),E.style.setProperty(`--indicator-width`,`${n.width}px`),E.style.setProperty(`--indicator-top`,`${n.top-t.top}px`);let r=(T&&parseFloat(getComputedStyle(T).marginTop)||0)<1?1:0;E.style.setProperty(`--indicator-height`,`${n.height-r}px`),E.setAttribute(`data-state`,`visible`)},ot=()=>O?K.get(O)?.trigger??null:null,st=(e=null)=>{let t=ot();if(t){Z(t);return}Z(e)},Q=(e,n=!1)=>{if(X(),e===O){J();return}if(e!==null&&e===k){J();return}J(),k=e===null?null:e;let r=()=>{let n=O,r=e?K.get(e):null,i=n!==null&&e!==null&&n!==e,o=i&&r?at(r.index):null,s=document.activeElement;if(e===null&&s&&n){let e=K.get(n);e&&t(e.content,s)&&e.trigger.focus()}if(K.forEach(({trigger:t,content:r,item:i},a)=>{let s=a===e,c=a===n;if(m(t,`expanded`,s),t.setAttribute(`data-state`,s?`open`:`closed`),i.setAttribute(`data-state`,s?`open`:`closed`),!s){let e=H.get(r);if(r.setAttribute(`data-state`,`inactive`),r.setAttribute(`aria-hidden`,`true`),S(r,!0),r.style.pointerEvents=`none`,c&&o){let e=o===`right`?`to-left`:`to-right`;r.setAttribute(`data-motion`,e)}else c&&r.removeAttribute(`data-motion`);c?e?.exit():e?.isExiting||(r.removeAttribute(`data-motion`),_e(r),r.hidden=!0)}}),r){if(G?.mount(),T&&(T.hidden=!1),n===null&&he?.enter(),ge(r.content),H.get(r.content)?.enter(),o){let e=o===`right`?`from-right`:`from-left`;r.content.setAttribute(`data-motion`,e)}else r.content.removeAttribute(`data-motion`);r.content.setAttribute(`data-state`,`active`),r.content.removeAttribute(`aria-hidden`),S(r.content,!1),r.content.hidden=!1,r.content.style.pointerEvents=`auto`,A=r.index;let e=xe(r.item,r.content);it(r.content,r.trigger,e),be(r),Z(r.trigger)}else He(),X(),he?.exit(),be(null);let c=e!==null;if(f.setAttribute(`data-state`,c?`open`:`closed`),o?f.setAttribute(`data-motion`,o===`right`?`from-right`:`from-left`):f.removeAttribute(`data-motion`),T){T.setAttribute(`data-state`,c?`open`:`closed`),T.style.pointerEvents=c?`auto`:`none`;let e=G?.container;c&&!i?(T.setAttribute(`data-instant`,``),e?.setAttribute(`data-instant`,``)):i?me():c||me(),o&&T.style.setProperty(`--motion-direction`,o===`right`?`1`:`-1`)}O=e,k=null,e===null&&Z(null),nt(),a(f,`navigation-menu:change`,{value:e}),se?.(e)};n?r():e!==null&&O===null?j=setTimeout(r,re):e!==null&&O!==null?r():M=setTimeout(r,g)};f.setAttribute(`data-state`,`closed`),T&&(T.setAttribute(`data-state`,`closed`),T.hidden=!0,T.style.pointerEvents=`none`),E&&E.setAttribute(`data-state`,`hidden`),K.forEach(({trigger:e,content:t,item:n})=>{e.tagName===`BUTTON`&&!e.hasAttribute(`type`)&&(e.type=`button`),m(e,`expanded`,!1),e.setAttribute(`data-state`,`closed`),e.tabIndex=0,n.setAttribute(`data-state`,`closed`),t.setAttribute(`data-state`,`inactive`),t.setAttribute(`aria-hidden`,`true`),t.tabIndex=-1,S(t,!0),t.hidden=!0,t.style.pointerEvents=`none`}),K.forEach(({item:e,trigger:n},r)=>{V.push(p(n,`pointerenter`,e=>{if(!P){if(O!==r&&Qe(e))return;Z(n)}})),V.push(p(e,`pointerenter`,e=>{if(!P){if(O!==r&&Qe(e))return;Q(r)}})),V.push(p(e,`pointerleave`,e=>{if(k===r&&O===null&&(J(),k=null),O===r&&!P){let n=e.relatedTarget;if(rt(n))return;(!n||!t(f,n))&&(Q(null),Z(null))}})),V.push(p(n,`focus`,()=>{if(F===n){F=null;return}_&&Q(r,!0),st(n)})),V.push(p(n,`pointerdown`,()=>{F=n})),V.push(p(n,`click`,()=>{F=null,J(),O===r&&P?(P=!1,Q(null,!0),Z(null)):O===r&&!P?(P=!0,Z(n),Re(r)):(P=!0,Q(r,!0),Z(n),Re(r))}))}),V.push(p(C,`pointerover`,e=>{if(O===null||P)return;let t=e;t.pointerType!==`touch`&&Me(t.target)&&$()}),p(C,`click`,e=>{O!==null&&Me(e.target)&&$()})),V.push(p(f,`pointerenter`,()=>{I=!0}),p(f,`pointerleave`,e=>{let t=e.relatedTarget;if(!rt(t)&&(I=!1,!P)){if(Qe(e)){J();return}Q(null),Z(null)}}),p(f,`pointerdown`,()=>{X(),J()})),T&&V.push(p(T,`pointerenter`,()=>{X(),J()}),p(T,`transitionend`,e=>{if(e.target!==T)return;let t=O?K.get(O):null;if(t){let e=xe(t.item,t.content);it(t.content,t.trigger,e)}})),K.forEach(({content:e})=>{V.push(p(e,`pointerenter`,()=>{X(),J()}),p(e,`pointerleave`,e=>{if(P)return;let n=e.relatedTarget;rt(n)||t(f,n)||(Q(null),Z(null))}))}),V.push(p(C,`keydown`,e=>{let t=De(e.target);if(!t)return;let n=q.indexOf(t);if(n===-1)return;let r=n;switch(e.key){case`Tab`:if(e.shiftKey||O===null)return;(Ae(t,1)||Le())&&e.preventDefault();return;case`ArrowLeft`:r=n-1,r<0&&(r=q.length-1);break;case`ArrowRight`:r=n+1,r>=q.length&&(r=0);break;case`ArrowDown`:if(t.kind===`submenu`){e.preventDefault();let n=t.value;P=!0,Q(n,!0),Re(n)}return;case`Home`:r=0;break;case`End`:r=q.length-1;break;case`Escape`:P=!1,Q(null,!0),Z(null);return;default:return}e.preventDefault();let i=q[r];i&&Oe(i)})),V.push(p(C,`focusin`,e=>{if(O===null)return;let t=De(e.target);!t||t.kind===`submenu`||$()})),K.forEach(({content:e,trigger:t})=>{V.push(p(e,`keydown`,n=>{let r=n.target,i=Pe(e),a=i.indexOf(r);if(a!==-1)switch(n.key){case`Tab`:if(!n.shiftKey&&a===i.length-1){(je(t,1)||Le())&&n.preventDefault();return}if(n.shiftKey&&a===0){n.preventDefault(),t.focus();return}return;case`ArrowDown`:case`ArrowRight`:{n.preventDefault();let e=a+1;e<i.length&&i[e]?.focus();break}case`ArrowUp`:case`ArrowLeft`:n.preventDefault(),a===0?t.focus():i[a-1]?.focus();break;case`Escape`:n.preventDefault(),P=!1,Q(null,!0),Z(null),t.focus();break}}))});let ct=()=>t(f,document.activeElement)||I||P,$=()=>{X(),P=!1,Q(null,!0),Z(null),nt()};return V.push(p(document,`focusin`,e=>{let n=e.target;if(!t(f,n)){if(O!==null){$();return}Z(null)}})),V.push(n({root:f,isOpen:()=>O!==null&&ct(),onDismiss:$,closeOnClickOutside:!0,closeOnEscape:!0,preventEscapeDefault:!1,isInside:e=>!!e&&t(f,e)})),V.push(p(window,`resize`,()=>{O&&requestAnimationFrame(()=>ve()),(O||N)&&requestAnimationFrame(()=>st(N))}),p(C,`scroll`,()=>{(O||N)&&requestAnimationFrame(()=>st(N))})),V.push(p(f,`navigation-menu:set`,e=>{let t=e.detail;if(t?.value!==void 0){if(t.value===null)$();else if(K.has(t.value)){P=!0,Q(t.value,!0);let e=K.get(t.value);e&&Z(e.trigger)}}})),{get value(){return O},open:e=>Q(e,!0),close:()=>Q(null,!0),destroy:()=>{le=!0,J(),V.forEach(e=>e()),V.length=0}}}const g=new WeakSet;function _(e=document){let t=[];for(let n of f(e,`navigation-menu`))g.has(n)||(g.add(n),t.push(re(n)));return t}export{_ as create,re as createNavigationMenu};
|
|
1
|
+
import{computeFloatingPosition as e,containsWithPortals as t,createDismissLayer as n,createPortalLifecycle as r,createPresenceLifecycle as i,emit as a,ensureId as o,getDataBool as s,getDataEnum as c,getDataNumber as l,getPart as u,getParts as d,getRoots as f,on as p,setAria as m}from"@data-slot/core";const ee=[`start`,`center`,`end`],te=[`top`,`right`,`bottom`,`left`],h=(e,t)=>t===`start`?{x:e.left,y:e.top}:t===`end`?{x:e.right,y:e.bottom}:{x:e.left+e.width/2,y:e.top+e.height/2},ne=(e,t,n)=>{let r=h(n,t);return e===`top`?{x:r.x,y:n.top}:e===`bottom`?{x:r.x,y:n.bottom}:e===`left`?{x:n.left,y:r.y}:{x:n.right,y:r.y}};function re(f,h={}){let re=h.delayOpen??l(f,`delayOpen`)??0,g=h.delayClose??l(f,`delayClose`)??0,_=h.openOnFocus??s(f,`openOnFocus`)??!1,v=h.side??c(f,`side`,te)??`bottom`,y=h.align??c(f,`align`,ee)??`start`,b=h.sideOffset??l(f,`sideOffset`)??0,x=h.alignOffset??l(f,`alignOffset`)??0,ie=h.safeTriangle??s(f,`safeTriangle`)??!1,ae=h.debugSafeTriangle??s(f,`debugSafeTriangle`)??!1,oe=ie||ae,se=h.onValueChange,ce=e=>e.replace(/[^a-z0-9\-_:.]/gi,`-`),le=(e,t)=>{`inert`in e&&(e.inert=t)},S=u(f,`navigation-menu-list`),C=d(f,`navigation-menu-item`),w=u(f,`navigation-menu-viewport`),T=u(f,`navigation-menu-indicator`),E=(e,t)=>{let n=e.parentElement;for(;n&&n!==f;){if(n.getAttribute(`data-slot`)===t)return n;n=n.parentElement}return null};if(!S||C.length===0)throw Error(`NavigationMenu requires navigation-menu-list and at least one navigation-menu-item`);let D=null,O=null,k=-1,A=null,j=null,M=null,N=!1,P=null,F=null,ue=!1,de=!1,I=null,L=null,R=0,z=0,B=[],V=new Map,fe=new Map,pe=w?E(w,`navigation-menu-viewport-positioner`):null,me=w?E(w,`navigation-menu-positioner`):null,H=pe??me,he=H?E(H,`navigation-menu-portal`):null,U=w?r({content:w,root:f,enabled:!0,wrapperSlot:H?void 0:`navigation-menu-viewport-positioner`,container:H??void 0,mountTarget:H?he??H:void 0}):null,ge=()=>{let e=U?.container;e instanceof HTMLElement&&(e.style.position=``,e.style.top=``,e.style.left=``,e.style.width=``,e.style.height=``,e.style.margin=``,e.style.willChange=``,e.style.pointerEvents=``,e.style.transform=``,e.style.removeProperty(`--transform-origin`),e.removeAttribute(`data-instant`))},_e=()=>{w?.removeAttribute(`data-instant`);let e=U?.container;e instanceof HTMLElement&&e.removeAttribute(`data-instant`)},ve=w?i({element:w,onExitComplete:()=>{de||(_e(),ge(),R=0,z=0,U?.restore(),w.hidden=!0,w.style.pointerEvents=`none`)}}):null,ye=e=>{if(!w)return;let t=fe.get(e)??{originalParent:null,originalNextSibling:null,mountedInViewport:!1};t.mountedInViewport||(t.originalParent=e.parentNode,t.originalNextSibling=e.nextSibling,t.mountedInViewport=!0,fe.set(e,t)),e.parentNode!==w&&w.appendChild(e)},be=e=>{let t=fe.get(e);if(!t||!t.mountedInViewport)return;let n=t.originalParent,r=t.originalNextSibling;n&&n.isConnected?r&&r.parentNode===n?n.insertBefore(e,r):n.appendChild(e):e.remove(),t.mountedInViewport=!1,t.originalParent=null,t.originalNextSibling=null},xe=()=>{if(!w||!U)return;let e=U.container,t=f.ownerDocument.defaultView??window,n=f.getBoundingClientRect(),r=n.top+t.scrollY+z,i=n.left+t.scrollX+R;e.style.position=`absolute`,e.style.top=`${r}px`,e.style.left=`${i}px`,e.style.width=`${n.width}px`,e.style.height=`${n.height}px`,e.style.margin=`0`,e.style.willChange=`top,left`,e.style.pointerEvents=`none`},W=null,Se=e=>{W?.disconnect(),W=null,!(!w||!e)&&(W=new ResizeObserver(()=>{let t=Ce(e.item,e.content);st(e.content,e.trigger,t)}),W.observe(e.content))};B.push(()=>W?.disconnect()),B.push(()=>{_e(),V.forEach(e=>e.cleanup()),V.clear(),fe.forEach((e,t)=>{be(t),t.hidden=!0,t.style.pointerEvents=`none`}),fe.clear(),ge(),R=0,z=0,ve?.cleanup(),U?.cleanup()});let G=new Map,Ce=(e,t)=>({side:h.side??c(t,`side`,te)??c(e,`side`,te)??v,align:h.align??c(t,`align`,ee)??c(e,`align`,ee)??y,sideOffset:h.sideOffset??l(t,`sideOffset`)??l(e,`sideOffset`)??b,alignOffset:h.alignOffset??l(t,`alignOffset`)??l(e,`alignOffset`)??x}),we=0;C.forEach(e=>{let t=e.dataset.value;if(!t)return;let n=u(e,`navigation-menu-trigger`),r=u(e,`navigation-menu-content`);if(n&&r){G.set(t,{value:t,item:e,trigger:n,content:r,index:we++}),V.set(r,i({element:r,onExitComplete:()=>{de||(be(r),r.hidden=!0,r.style.pointerEvents=`none`)}}));let a=ce(t),s=o(n,`nav-menu-trigger-${a}`),c=o(r,`nav-menu-content-${a}`);n.setAttribute(`aria-haspopup`,`true`),n.setAttribute(`aria-controls`,c),r.setAttribute(`aria-labelledby`,s)}}),Array.from(G.values()).map(e=>e.trigger);let Te=`a[href], button:not([disabled]), [role="link"], [role="button"], [tabindex]:not([tabindex="-1"])`,Ee=e=>{let t=e?.closest(`[data-slot="navigation-menu-item"]`);if(!t)return null;let n=t.dataset.value;if(!n)return null;let r=G.get(n);return!r||r.item!==t?null:r},De=e=>{if(e.matches(Te))return e;let t=e.querySelectorAll(Te);for(let n of t)if(e.contains(n)&&!n.closest(`[data-slot="navigation-menu-content"]`)&&!(n.hidden||n.closest(`[hidden]`)))return n;return null},K=[],Oe=new Map;C.forEach(e=>{let t=Ee(e);if(t){let e={kind:`submenu`,element:t.trigger,value:t.value,trigger:t.trigger};K.push(e),Oe.set(e.element,e);return}let n=De(e);if(!n)return;let r={kind:`plain`,element:n};K.push(r),Oe.set(r.element,r)});let ke=e=>{let t=e instanceof HTMLElement?e:null;if(!t)return null;let n=t;for(;n&&n!==S;){let e=Oe.get(n);if(e)return e;n=n.parentElement}return null},Ae=e=>{let t=ke(e);return t?.kind===`plain`?t:null},je=(e,t={})=>{let n=f.ownerDocument,r=t.preserveOpenOnPlain??!1;return e.kind===`submenu`?(e.trigger.focus(),n.activeElement===e.trigger?(Z(e.trigger),!0):!1):(D!==null&&!r&&$(),e.element.focus(),n.activeElement===e.element?(D!==null&&r?Z():X(e.element),!0):!1)},Me=(e,t,n={})=>{for(let r=e+t;r>=0&&r<K.length;r+=t){let e=K[r];if(e&&je(e,n))return!0}return!1},Ne=(e,t,n={})=>{let r=K.indexOf(e);return r===-1?!1:Me(r,t,n)},Pe=(e,t,n={})=>{let r=K.findIndex(t=>t.kind===`submenu`&&t.trigger===e);return r===-1?!1:Me(r,t,n)},Fe=e=>{if(!(e instanceof Node)||!S.contains(e))return!1;let t=e instanceof HTMLElement?e:e.parentElement;return!t||t.closest(`[data-slot="navigation-menu-indicator"]`)||Ee(t)?!1:t.closest(`[data-slot="navigation-menu-item"]`)?!0:!!t.closest(`a[href], button, [role='link'], [role='button']`)},Ie=`a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])`,Le=e=>Array.from(e.querySelectorAll(Ie)).filter(e=>!e.hidden&&!e.closest(`[hidden]`)),Re=e=>!e.isConnected||e.hidden||e.closest(`[hidden]`)||`disabled`in e&&e.disabled||e.getAttribute(`aria-hidden`)===`true`||e.getAttribute(`tabindex`)===`-1`?!1:e.matches(Ie)?!0:e.tabIndex>=0,ze=e=>{if(f.contains(e)||w?.contains(e))return!0;let t=U?.container;if(t instanceof HTMLElement&&t.contains(e))return!0;for(let{content:t}of G.values())if(t.contains(e))return!0;return!1},Be=()=>{let e=f.ownerDocument,t=Array.from(e.querySelectorAll(`*`));for(let n of t)if(Re(n)&&!ze(n)&&(f.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_FOLLOWING)!==0&&(n.focus(),e.activeElement===n))return!0;return!1},Ve=e=>{requestAnimationFrame(()=>{if(D!==e)return;let t=G.get(e);if(!t)return;let n=Le(t.content)[0];n?n.focus():t.content.focus()})},q=()=>{A&&=(clearTimeout(A),null),j&&=(clearTimeout(j),null)},He=()=>{L!==null&&(cancelAnimationFrame(L),L=null)},J=null,Ue=()=>{if(!w)return null;let e=U?.container;return e instanceof HTMLElement?e:w.parentElement instanceof HTMLElement?w.parentElement:w},We=()=>{let e=Ue();return J||(J=document.createElement(`div`),J.setAttribute(`data-slot`,`navigation-menu-bridge`),J.style.cssText=`position: absolute; pointer-events: auto; z-index: 0; display: none;`,B.push(p(J,`pointerenter`,()=>{q()}),p(J,`pointerleave`,e=>{if(N||D===null)return;let n=e.relatedTarget;ot(n)||n&&t(f,n)||(Q(null),X(null))}))),e&&J.parentElement!==e&&e.insertBefore(J,e.firstChild),J},Ge=()=>{J&&(J.style.height=`0`,J.style.width=`0`,J.style.top=`0px`,J.style.left=`0px`,J.style.right=`0px`,J.style.bottom=`auto`,J.style.transform=`none`,J.style.clipPath=`none`,J.style.display=`none`)},Ke=()=>{if(!ae)return null;let e=f.ownerDocument.body;return e?(I||(I=f.ownerDocument.createElement(`div`),I.setAttribute(`data-slot`,`navigation-menu-safe-triangle`),I.style.cssText=[`position: fixed`,`pointer-events: none`,`display: none`,`z-index: 2147483647`,`background: rgba(255, 0, 0, 0.18)`,`border: 1px solid rgba(255, 0, 0, 0.45)`].join(`; `)),I.parentElement!==e&&e.appendChild(I),I):null},qe=()=>{I&&(I.style.width=`0`,I.style.height=`0`,I.style.clipPath=`none`,I.style.display=`none`)},Y=()=>{ae||qe()},Je=e=>{let t=Ke();if(!t)return;let n=e.apex.x,r=e.apex.y,i=e.edgeA.x,a=e.edgeA.y,o=e.edgeB.x,s=e.edgeB.y,c=Math.min(n,i,o),l=Math.min(r,a,s),u=Math.max(n,i,o),d=Math.max(r,a,s),f=Math.max(1,u-c),p=Math.max(1,d-l),m=(e,t)=>`${(e-c)/f*100}% ${(t-l)/p*100}%`;t.style.display=`block`,t.style.left=`${c}px`,t.style.top=`${l}px`,t.style.width=`${f}px`,t.style.height=`${p}px`,t.style.clipPath=`polygon(${m(n,r)}, ${m(i,a)}, ${m(o,s)})`},Ye=(e,t,n)=>(e.x-n.x)*(t.y-n.y)-(t.x-n.x)*(e.y-n.y),Xe=(e,t,n,r)=>{let i=Ye(e,t,n),a=Ye(e,n,r),o=Ye(e,r,t);return!((i<0||a<0||o<0)&&(i>0||a>0||o>0))},Ze=(e,t,n)=>{let r=.5;if(n.top>=t.bottom-r)return[{x:n.left,y:n.top},{x:n.right,y:n.top}];if(n.bottom<=t.top+r)return[{x:n.left,y:n.bottom},{x:n.right,y:n.bottom}];if(n.left>=t.right-r)return[{x:n.left,y:n.top},{x:n.left,y:n.bottom}];if(n.right<=t.left+r)return[{x:n.right,y:n.top},{x:n.right,y:n.bottom}];let i=[[{x:n.left,y:n.top},{x:n.right,y:n.top}],[{x:n.right,y:n.top},{x:n.right,y:n.bottom}],[{x:n.left,y:n.bottom},{x:n.right,y:n.bottom}],[{x:n.left,y:n.top},{x:n.left,y:n.bottom}]],a=([t,n])=>t.y===n.y?Math.abs(e.y-t.y):Math.abs(e.x-t.x),o=i[0],s=a(o);for(let e=1;e<i.length;e++){let t=i[e],n=a(t);n<s&&(o=t,s=n)}return o},Qe=()=>D?G.get(D)??null:null,$e=(e,t,n)=>{if(n.width<=0||n.height<=0)return null;let r={x:e.left+e.width/2,y:e.top+e.height*.62},[i,a]=Ze(r,t,n);if(i.x===a.x){let e=Math.min(i.y,a.y),t=Math.max(i.y,a.y),n=t-e,r=n<=28?0:Math.min(10,(n-28)/2);i={x:i.x,y:e+r},a={x:a.x,y:t-r}}else{let e=Math.min(i.x,a.x),t=Math.max(i.x,a.x),n=t-e,r=n<=28?0:Math.min(10,(n-28)/2);i={x:e+r,y:i.y},a={x:t-r,y:a.y}}return{apex:r,edgeA:i,edgeB:a}},et=()=>{if(!oe||!w||D===null)return null;let e=Qe();if(!e)return null;let t=f.getBoundingClientRect(),n=e.trigger.getBoundingClientRect(),r=w.getBoundingClientRect(),i=e.content.getBoundingClientRect();return $e(n,t,r.width>0&&r.height>0?r:i)},tt=e=>{let t=et();return t?Xe({x:e.clientX,y:e.clientY},t.apex,t.edgeA,t.edgeB):!1},nt=(e,t)=>({x:e.x-t.left,y:e.y-t.top}),rt=e=>{if(e.length<=1)return e.slice();let t=e=>`${e.x.toFixed(3)}:${e.y.toFixed(3)}`,n=new Map;for(let r of e)n.set(t(r),r);let r=Array.from(n.values()).sort((e,t)=>e.x===t.x?e.y-t.y:e.x-t.x);if(r.length<=2)return r;let i=(e,t,n)=>(t.x-e.x)*(n.y-e.y)-(t.y-e.y)*(n.x-e.x),a=[];for(let e of r){for(;a.length>=2&&i(a[a.length-2],a[a.length-1],e)<=0;)a.pop();a.push(e)}let o=[];for(let e=r.length-1;e>=0;e--){let t=r[e];for(;o.length>=2&&i(o[o.length-2],o[o.length-1],t)<=0;)o.pop();o.push(t)}return a.pop(),o.pop(),a.concat(o)},it=e=>{if(e.length<3){Ge();return}let t=We(),n=t.parentElement,r=rt(n&&n===U?.container?e.map(e=>({x:e.x-R,y:e.y-z})):e);if(r.length<3){Ge();return}let i=Math.min(...r.map(e=>e.x)),a=Math.min(...r.map(e=>e.y)),o=Math.max(...r.map(e=>e.x)),s=Math.max(...r.map(e=>e.y)),c=Math.max(1,o-i),l=Math.max(1,s-a),u=e=>`${(e.x-i)/c*100}% ${(e.y-a)/l*100}%`;t.style.display=`block`,t.style.transform=`none`,t.style.bottom=`auto`,t.style.right=`auto`,t.style.left=`${i}px`,t.style.top=`${a}px`,t.style.width=`${c}px`,t.style.height=`${l}px`,t.style.clipPath=`polygon(${r.map(u).join(`, `)})`},at=()=>{if(!ae)return;let e=et();if(!e){qe();return}Je(e)},ot=e=>{if(!e)return!1;if(Qe()?.content.contains(e)||w?.contains(e)||J?.contains(e))return!0;let t=U?.container;return!!(t instanceof HTMLElement&&t.contains(e))};B.push(Y),B.push(He),B.push(Ge),B.push(()=>{qe(),I?.parentElement&&I.parentElement.removeChild(I),I=null});let st=(t,n,r)=>{w&&requestAnimationFrame(()=>{let i=t.firstElementChild,a=t.lastElementChild,o=i?getComputedStyle(i):null,s=a?getComputedStyle(a):null,c=o&&parseFloat(o.marginTop)||0,l=s&&parseFloat(s.marginBottom)||0,u=(...e)=>{let t=0;for(let n of e)Number.isFinite(n)&&(t=Math.max(t,n));return t},d=t.getBoundingClientRect(),p=u(d.width,t.scrollWidth,t.offsetWidth,t.clientWidth),m=u(d.height,t.scrollHeight,t.offsetHeight,t.clientHeight)+c+l,ee={top:d.top,left:d.left,width:p,height:m,right:d.left+p,bottom:d.top+m},h=getComputedStyle(w),re=parseFloat(h.marginTop)||0;w.style.setProperty(`--viewport-width`,`${p}px`),w.style.setProperty(`--viewport-height`,`${m}px`);let g=f.getBoundingClientRect(),_=n.getBoundingClientRect(),v=e({anchorRect:_,contentRect:ee,side:r.side,align:r.align,sideOffset:r.sideOffset,alignOffset:r.alignOffset,avoidCollisions:!1,collisionPadding:0,allowedSides:te}),y=v.x-g.left,b=v.y-g.top;R=y,z=b;let x=ne(v.side,v.align,_),ie=x.x-(g.left+y),ae=x.y-(g.top+b),se=x.x-g.left,ce=x.y-g.top,le=`${ie}px ${ae}px`,S=`${se}px ${ce}px`;w.style.top=`0px`,w.style.left=`0px`,w.style.willChange=`transform,width,height`,w.style.setProperty(`--transform-origin`,le),t.style.top=`0px`,t.style.left=`0px`,t.style.setProperty(`--transform-origin`,le),w.setAttribute(`data-side`,v.side),w.setAttribute(`data-align`,v.align),t.setAttribute(`data-side`,v.side),t.setAttribute(`data-align`,v.align);let C=U?.container;C&&C!==w&&(C.setAttribute(`data-side`,v.side),C.setAttribute(`data-align`,v.align),C.style.setProperty(`--transform-origin`,S)),xe();let T=w.getBoundingClientRect(),E=[],D=Math.max(0,T.top-g.bottom),O=Math.max(0,g.top-T.bottom),k=Math.max(0,T.left-g.right),A=Math.max(0,g.left-T.right),j=Math.max(0,c+re),M=Math.max(D,O,j),N=Math.max(k,A),P=oe?$e(_,g,T):null,F=(e,t,n,r)=>{n<=0||r<=0||E.push({x:e,y:t},{x:e+n,y:t},{x:e+n,y:t+r},{x:e,y:t+r})};if(M>=N&&M>0){let e=Math.max(D,O,j),t=y,n=O>D&&O>=j?b+m:b-e,r=p;if(P){let e=Math.min(P.edgeA.x,P.edgeB.x)-g.left,n=Math.max(P.edgeA.x,P.edgeB.x)-g.left;t=e-8,r=n-e+16}F(t,n,r,e)}else if(N>0){let e=Math.max(k,A),t=b,n=A>k?y+p:y-e,r=m;if(P){let e=Math.min(P.edgeA.y,P.edgeB.y)-g.top,n=Math.max(P.edgeA.y,P.edgeB.y)-g.top;t=e-8,r=n-e+16}F(n,t,e,r)}if(P){let e=nt(P.apex,g),t=nt(P.edgeA,g),n=nt(P.edgeB,g);E.push(e,t,n)}it(E),at()})},ct=e=>k===-1||e>k?`right`:`left`,X=e=>{if(!T)return;if(M=e,!e){He(),T.removeAttribute(`data-instant`),T.setAttribute(`data-state`,`hidden`);return}T.getAttribute(`data-state`)!==`visible`&&(He(),T.setAttribute(`data-instant`,``),L=requestAnimationFrame(()=>{L=requestAnimationFrame(()=>{T.removeAttribute(`data-instant`),L=null})}));let t=S.getBoundingClientRect(),n=e.getBoundingClientRect();T.style.setProperty(`--indicator-left`,`${n.left-t.left}px`),T.style.setProperty(`--indicator-width`,`${n.width}px`),T.style.setProperty(`--indicator-top`,`${n.top-t.top}px`);let r=(w&&parseFloat(getComputedStyle(w).marginTop)||0)<1?1:0;T.style.setProperty(`--indicator-height`,`${n.height-r}px`),T.setAttribute(`data-state`,`visible`)},lt=()=>D?G.get(D)?.trigger??null:null,Z=(e=null)=>{let t=lt();if(t){X(t);return}X(e)},Q=(e,n=!1)=>{if(Y(),e===D){q();return}if(e!==null&&e===O){q();return}q(),O=e===null?null:e;let r=()=>{let n=D,r=e?G.get(e):null,i=n!==null&&e!==null&&n!==e,o=i&&r?ct(r.index):null,s=document.activeElement;if(e===null&&s&&n){let e=G.get(n);e&&t(e.content,s)&&e.trigger.focus()}if(G.forEach(({trigger:t,content:r,item:i},a)=>{let s=a===e,c=a===n;if(m(t,`expanded`,s),t.setAttribute(`data-state`,s?`open`:`closed`),i.setAttribute(`data-state`,s?`open`:`closed`),!s){let e=V.get(r);if(r.setAttribute(`data-state`,`inactive`),r.setAttribute(`aria-hidden`,`true`),le(r,!0),r.style.pointerEvents=`none`,c&&o){let e=o===`right`?`to-left`:`to-right`;r.setAttribute(`data-motion`,e)}else c&&r.removeAttribute(`data-motion`);c?e?.exit():e?.isExiting||(r.removeAttribute(`data-motion`),be(r),r.hidden=!0)}}),r){if(U?.mount(),w&&(w.hidden=!1),n===null&&ve?.enter(),ye(r.content),V.get(r.content)?.enter(),o){let e=o===`right`?`from-right`:`from-left`;r.content.setAttribute(`data-motion`,e)}else r.content.removeAttribute(`data-motion`);r.content.setAttribute(`data-state`,`active`),r.content.removeAttribute(`aria-hidden`),le(r.content,!1),r.content.hidden=!1,r.content.style.pointerEvents=`auto`,k=r.index;let e=Ce(r.item,r.content);st(r.content,r.trigger,e),Se(r),X(r.trigger)}else Ge(),Y(),ve?.exit(),Se(null);let c=e!==null;if(f.setAttribute(`data-state`,c?`open`:`closed`),o?f.setAttribute(`data-motion`,o===`right`?`from-right`:`from-left`):f.removeAttribute(`data-motion`),w){w.setAttribute(`data-state`,c?`open`:`closed`),w.style.pointerEvents=c?`auto`:`none`;let e=U?.container;c&&!i?(w.setAttribute(`data-instant`,``),e?.setAttribute(`data-instant`,``)):i?_e():c||_e(),o&&w.style.setProperty(`--motion-direction`,o===`right`?`1`:`-1`)}D=e,O=null,e===null&&X(null),at(),a(f,`navigation-menu:change`,{value:e}),se?.(e)};n?r():e!==null&&D===null?A=setTimeout(r,re):e!==null&&D!==null?r():j=setTimeout(r,g)};f.setAttribute(`data-state`,`closed`),w&&(w.setAttribute(`data-state`,`closed`),w.hidden=!0,w.style.pointerEvents=`none`),T&&T.setAttribute(`data-state`,`hidden`),G.forEach(({trigger:e,content:t,item:n})=>{e.tagName===`BUTTON`&&!e.hasAttribute(`type`)&&(e.type=`button`),m(e,`expanded`,!1),e.setAttribute(`data-state`,`closed`),e.tabIndex=0,n.setAttribute(`data-state`,`closed`),t.setAttribute(`data-state`,`inactive`),t.setAttribute(`aria-hidden`,`true`),t.tabIndex=-1,le(t,!0),t.hidden=!0,t.style.pointerEvents=`none`}),G.forEach(({item:e,trigger:n},r)=>{B.push(p(n,`pointerenter`,e=>{if(!N){if(D!==r&&tt(e))return;X(n)}})),B.push(p(e,`pointerenter`,e=>{if(!N){if(D!==r&&tt(e))return;Q(r)}})),B.push(p(e,`pointerleave`,e=>{if(O===r&&D===null&&(q(),O=null),D===r&&!N){let n=e.relatedTarget;if(ot(n))return;(!n||!t(f,n))&&(Q(null),X(null))}})),B.push(p(n,`focus`,()=>{if(P===n){P=null;return}_&&Q(r,!0),Z(n)})),B.push(p(n,`pointerdown`,()=>{P=n,F=n}),p(n,`keydown`,()=>{F=null})),B.push(p(n,`click`,()=>{let e=F===n;F=null,P=null,q(),D===r&&N?(N=!1,Q(null,!0),X(null)):D===r&&!N?(N=!0,X(n),e||Ve(r)):(N=!0,Q(r,!0),X(n),e||Ve(r))}))}),B.push(p(S,`pointerover`,e=>{let t=e;if(t.pointerType===`touch`)return;let n=Ae(t.target);if(n){if(D!==null){if(N)return;$()}X(n.element);return}D!==null&&(N||Fe(t.target)&&$())}),p(S,`click`,e=>{D!==null&&Fe(e.target)&&$()})),B.push(p(S,`focusin`,e=>{let t=Ae(e.target);if(t){if(D!==null){Z();return}X(t.element)}}),p(f,`pointerenter`,()=>{ue=!0}),p(f,`pointerleave`,e=>{let t=e.relatedTarget;if(!ot(t)&&(ue=!1,!N)){if(tt(e)){q();return}Q(null),X(null)}}),p(f,`pointerdown`,()=>{Y(),q()})),w&&B.push(p(w,`pointerenter`,()=>{Y(),q()}),p(w,`transitionend`,e=>{if(e.target!==w)return;let t=D?G.get(D):null;if(t){let e=Ce(t.item,t.content);st(t.content,t.trigger,e)}})),G.forEach(({content:e})=>{B.push(p(e,`pointerenter`,()=>{Y(),q()}),p(e,`pointerleave`,e=>{if(N)return;let n=e.relatedTarget;ot(n)||t(f,n)||(Q(null),X(null))}))}),B.push(p(S,`keydown`,e=>{let t=ke(e.target);if(!t)return;let n=K.indexOf(t);if(n===-1)return;let r=n;switch(e.key){case`Tab`:if(e.shiftKey||D===null)return;(Ne(t,1,{preserveOpenOnPlain:!0})||Be())&&e.preventDefault();return;case`ArrowLeft`:r=n-1,r<0&&(r=K.length-1);break;case`ArrowRight`:r=n+1,r>=K.length&&(r=0);break;case`ArrowDown`:if(t.kind===`submenu`){e.preventDefault();let n=t.value;N=!0,Q(n,!0),Ve(n)}return;case`Home`:r=0;break;case`End`:r=K.length-1;break;case`Escape`:N=!1,Q(null,!0),X(null);return;default:return}e.preventDefault();let i=K[r];i&&je(i,{preserveOpenOnPlain:!0})})),G.forEach(({content:e,trigger:t})=>{B.push(p(e,`keydown`,n=>{let r=n.target,i=Le(e),a=i.indexOf(r);if(a!==-1)switch(n.key){case`Tab`:if(!n.shiftKey&&a===i.length-1){(Pe(t,1,{preserveOpenOnPlain:!0})||Be())&&n.preventDefault();return}if(n.shiftKey&&a===0){n.preventDefault(),t.focus();return}return;case`ArrowDown`:case`ArrowRight`:{n.preventDefault();let e=a+1;e<i.length&&i[e]?.focus();break}case`ArrowUp`:case`ArrowLeft`:n.preventDefault(),a===0?t.focus():i[a-1]?.focus();break;case`Escape`:n.preventDefault(),N=!1,Q(null,!0),X(null),t.focus();break}}))});let ut=()=>t(f,document.activeElement)||ue||N,$=()=>{Y(),N=!1,Q(null,!0),X(null),at()};return B.push(p(document,`focusin`,e=>{let n=e.target;if(!t(f,n)){if(D!==null){$();return}X(null)}})),B.push(n({root:f,isOpen:()=>D!==null&&ut(),onDismiss:$,closeOnClickOutside:!0,closeOnEscape:!0,preventEscapeDefault:!1,isInside:e=>!!e&&t(f,e)})),B.push(p(window,`resize`,()=>{D&&requestAnimationFrame(()=>xe()),(D||M)&&requestAnimationFrame(()=>Z(M))}),p(S,`scroll`,()=>{(D||M)&&requestAnimationFrame(()=>Z(M))})),B.push(p(f,`navigation-menu:set`,e=>{let t=e.detail;if(t?.value!==void 0){if(t.value===null)$();else if(G.has(t.value)){N=!0,Q(t.value,!0);let e=G.get(t.value);e&&X(e.trigger)}}})),{get value(){return D},open:e=>Q(e,!0),close:()=>Q(null,!0),destroy:()=>{de=!0,q(),B.forEach(e=>e()),B.length=0}}}const g=new WeakSet;function _(e=document){let t=[];for(let n of f(e,`navigation-menu`))g.has(n)||(g.add(n),t.push(re(n)));return t}export{_ as create,re as createNavigationMenu};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@data-slot/navigation-menu",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.116",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -35,6 +35,6 @@
|
|
|
35
35
|
],
|
|
36
36
|
"license": "MIT",
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@data-slot/core": "0.2.
|
|
38
|
+
"@data-slot/core": "0.2.116"
|
|
39
39
|
}
|
|
40
40
|
}
|