@soybeanjs/headless 0.30.0 → 0.40.0-beta.2

package/dist/components/nav-menu/types.d.ts

@@ -0,0 +1,219 @@
+import { Align, DataOrientation, Direction, UiClass } from "../../types/common.js";
+import { ForceMountProps } from "../../types/component.js";
+import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
+import { IconValue } from "../_icon/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { LinkBaseProps, LinkBasePropsKey, LinkProps } from "../link/types.js";
+import { ShallowRef } from "vue";
+//#region src/components/nav-menu/types.d.ts
+/**
+ * Properties for the NavMenuRoot component.
+ */
+export interface NavMenuRootProps extends BaseProps {
+  /** The controlled value of the active item. Can be used as `v-model`. */
+  modelValue?: string;
+  /** The value of the item that should be active when initially rendered. */
+  defaultValue?: string;
+  /** The reading direction of the menu. */
+  dir?: Direction;
+  /** The orientation of the menu. */
+  orientation?: DataOrientation;
+  /**
+   * The duration from when the pointer enters the trigger until the submenu opens.
+   *
+   * @defaultValue 200
+   */
+  delayDuration?: number;
+  /**
+   * How much time a user has to enter another trigger without incurring a delay again.
+   *
+   * @defaultValue 300
+   */
+  skipDelayDuration?: number;
+  /**
+   * If `true`, the menu cannot be opened by clicking a trigger.
+   *
+   * @defaultValue false
+   */
+  disableClickTrigger?: boolean;
+  /**
+   * If `true`, the menu cannot be opened by hovering a trigger.
+   *
+   * @defaultValue false
+   */
+  disableHoverTrigger?: boolean;
+  /**
+   * If `true`, the menu will not close when the pointer leaves the content.
+   *
+   * @defaultValue false
+   */
+  disablePointerLeaveClose?: boolean;
+}
+/**
+ * Events for the NavMenuRoot component.
+ */
+export type NavMenuRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [value: string];
+};
+/**
+ * Properties for the NavMenuViewport component (the shared floating surface).
+ */
+export interface NavMenuViewportProps extends ForceMountProps, BaseProps {
+  /** Align the viewport against the active trigger. */
+  align?: Align;
+  /** Distance in pixels between the trigger and the viewport. */
+  sideOffset?: number;
+}
+/**
+ * Properties for the NavMenuItem component.
+ */
+export interface NavMenuItemProps extends BaseProps {
+  /** Value associated with the current item. */
+  value?: string;
+}
+/**
+ * Properties for the NavMenuTrigger component.
+ */
+export interface NavMenuTriggerProps extends PrimitiveWithBaseProps {
+  /** Whether the trigger is disabled. */
+  disabled?: boolean;
+}
+/**
+ * Properties for the NavMenuContent component.
+ */
+export interface NavMenuContentProps extends ForceMountProps, BaseProps {}
+/**
+ * Events for the NavMenuContent component.
+ */
+export type NavMenuContentEmits = {};
+/**
+ * Properties for the NavMenuList component.
+ */
+export interface NavMenuListProps extends BaseProps {}
+/**
+ * Properties for the NavMenuLink component.
+ */
+export interface NavMenuLinkProps extends Omit<LinkProps, 'onSelect'> {
+  /** Marks the link as the currently selected page. */
+  selected?: boolean;
+  /**
+   * Whether the link is rendered inside a submenu. When `true`, the `subLink` UI slot is
+   * used instead of `link` (mirroring the root/sub split of the list).
+   */
+  sub?: boolean;
+}
+/**
+ * Events for the NavMenuLink component.
+ */
+export type NavMenuLinkEmits = {
+  /**
+   * Emitted when a link is selected.
+   */
+  select: [payload: CustomEvent<{
+    originalEvent: Event;
+  }>];
+};
+/**
+ * Properties for the NavMenuSubTrigger component (the trigger of a nested flyout).
+ */
+export interface NavMenuSubTriggerProps extends PrimitiveWithBaseProps {
+  /** Whether the trigger is disabled. */
+  disabled?: boolean;
+}
+/**
+ * Properties for the NavMenuSubContent component (the nested flyout surface).
+ */
+export interface NavMenuSubContentProps extends ForceMountProps, BaseProps {
+  /** Distance in pixels between the sub trigger and the nested flyout. */
+  sideOffset?: number;
+}
+/**
+ * Available UI slots for the NavMenu component.
+ */
+export type NavMenuUiSlot = 'root' | 'list' | 'item' | 'trigger' | 'content' | 'viewport' | 'link' | 'subLink' | 'subLinkContent' | 'subLinkLabel' | 'subLinkDescription' | 'subList' | 'subTrigger' | 'subTriggerIcon' | 'subContent' | 'itemIcon' | 'linkIcon' | 'triggerIcon' | 'arrow' | 'positioner';
+/**
+ * UI class overrides for the NavMenu component.
+ */
+export type NavMenuUi = UiClass<NavMenuUiSlot>;
+/**
+ * Option data for the NavMenu component.
+ */
+export interface NavMenuOptionData extends LinkBaseProps {
+  /** The value of the option. */
+  value: string;
+  /** The label to display in the option. */
+  label: string;
+  /** The description of the option. */
+  description?: string;
+  /** The icon of the option. */
+  icon?: IconValue;
+  /** Whether the option is disabled. */
+  disabled?: boolean;
+  /** Whether the option is selected. */
+  selected?: boolean;
+  /** The children of the option (rendered as links inside the submenu). */
+  children?: NavMenuOptionData[];
+}
+/**
+ * Properties for the NavMenuCompact component.
+ */
+export interface NavMenuCompactProps extends NavMenuRootProps, Omit<NavMenuOptionCompactProps, 'item'> {
+  /** The items to render in the navigation menu. */
+  items: NavMenuOptionData[];
+}
+/**
+ * Events for the NavMenuCompact component.
+ */
+export type NavMenuCompactEmits = NavMenuRootEmits & NavMenuLinkEmits;
+/**
+ * Slots for the NavMenuCompact component.
+ */
+export type NavMenuCompactSlots = {
+  item: (props: {
+    item: NavMenuOptionData;
+    isTrigger?: boolean;
+  }) => any;
+  'item-leading': (props: {
+    item: NavMenuOptionData;
+  }) => any;
+  'item-trailing': (props: {
+    item: NavMenuOptionData;
+  }) => any;
+  'item-link-icon': (props: {
+    item: NavMenuOptionData;
+  }) => any;
+  'item-trigger-icon': (props: {
+    item: NavMenuOptionData;
+  }) => any;
+  'item-children': (props: {
+    item: NavMenuOptionData;
+  }) => any;
+};
+/**
+ * Properties for the NavMenuOptionCompact component.
+ */
+export interface NavMenuOptionCompactProps {
+  /** Current item data. */
+  item: NavMenuOptionData;
+  /** Properties forwarded to the item element. */
+  itemProps?: NavMenuItemProps;
+  /** Properties forwarded to the link element. */
+  linkProps?: Omit<NavMenuLinkProps, LinkBasePropsKey>;
+  /** Properties forwarded to the trigger element. */
+  triggerProps?: NavMenuTriggerProps;
+  /** Properties forwarded to the content element. */
+  contentProps?: NavMenuContentProps;
+  /** Properties forwarded to the viewport element. */
+  viewportProps?: NavMenuViewportProps;
+  /** Properties forwarded to the list element. */
+  listProps?: NavMenuListProps;
+  /** Properties forwarded to the nested flyout trigger element. */
+  subTriggerProps?: NavMenuSubTriggerProps;
+  /** Properties forwarded to the nested flyout content element. */
+  subContentProps?: NavMenuSubContentProps;
+}
+//#endregion

package/dist/components/navigation-menu/context.d.ts

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { NavigationMenuUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/navigation-menu/context.d.ts
 declare const provideNavigationMenuUi: (ui: import("vue").ComputedRef<Partial<UiClass<NavigationMenuUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<NavigationMenuUiSlot>>>, useNavigationMenuUi: UseUiConsumer<NavigationMenuUiSlot>;
 //#endregion

package/dist/components/navigation-menu/context.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useCollection as n}from"../../composables/use-collection.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{useUiContext as i}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{EVENT_ROOT_CONTENT_DISMISS as a}from"./shared.js";import{computed as o,ref as s,shallowRef as c}from"vue";import{refAutoReset as l,useDebounceFn as u,useEventListener as d}from"@vueuse/core";const[f,p]=t(`NavigationMenuRoot`,e=>{let{modelValue:t,skipDelayDuration:n,delayDuration:i,disablePointerLeaveClose:f}=e,p=c(),m=e=>{p.value=e},[h,g]=r(),[_,v]=r(),y=c(),b=e=>{y.value=e},x=c(new Set),S=e=>{x.value.add(e)},C=e=>{x.value.delete(e)},w=o(()=>x.value.has(t.value)),T=c(``),E=l(!1,n.value),D=s(!1),O=o(()=>t.value!==``||E.value?150:i.value),k=u(e=>{if(typeof e==`string`){if(e===``&&D.value){D.value=!1;return}T.value=t.value,t.value=e,e===``&&(E.value=!0)}},O),A=e=>{t.value===``?k(e):(D.value=!0,T.value=t.value,t.value=e)},j=()=>{D.value=!1,k(``)},M=e=>{k(e)},N=()=>{f.value||(D.value=!1,k(``))},P=e=>{T.value=t.value,t.value=e},F=()=>{T.value=t.value,t.value=``};return d(p,a,F),{...e,baseId:`soybean-navigation-menu`,rootElement:p,onRootElementChange:m,viewportElement:h,setViewportElement:g,indicatorTrackElement:_,setIndicatorTrackElement:v,activeTriggerElement:y,values:x,addValue:S,removeValue:C,open:w,previousValue:T,onActiveTriggerElementChange:b,onTriggerEnter:A,onTriggerLeave:j,onContentEnter:M,onContentLeave:N,onItemSelect:P,onItemDismiss:F}}),{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=n(`NavigationMenu`),[_,v]=t(`NavigationMenuItem`,t=>{let[n,i]=r(),{modelValue:a,value:s}=t,l=c(),u=e=>{l.value=e},d=c(!1),f=o(()=>a.value===s),p=o(()=>e(f.value));return{...t,triggerElement:l,onTriggerElementChange:u,focusProxyElement:n,setFocusProxyElement:i,wasEscapeCloseRef:d,open:f,dataState:p}}),[y,b]=i(`NavigationMenuUi`);export{m as provideCollectionContext,_ as provideNavigationMenuItemContext,f as provideNavigationMenuRootContext,y as provideNavigationMenuUi,h as useCollectionContext,g as useCollectionItem,v as useNavigationMenuItemContext,p as useNavigationMenuRootContext,b as useNavigationMenuUi};
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import{useCollection as n}from"../../composables/use-collection.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{useUiContext as i}from"../../composables/use-ui-context.js";import{EVENT_ROOT_CONTENT_DISMISS as a}from"./shared.js";import{computed as o,ref as s,shallowRef as c}from"vue";import{refAutoReset as l,useDebounceFn as u,useEventListener as d}from"@vueuse/core";const[f,p]=t(`NavigationMenuRoot`,e=>{let{modelValue:t,skipDelayDuration:n,delayDuration:i,disablePointerLeaveClose:f}=e,p=c(),m=e=>{p.value=e},[h,g]=r(),[_,v]=r(),y=c(),b=e=>{y.value=e},x=c(new Set),S=e=>{x.value.add(e)},C=e=>{x.value.delete(e)},w=o(()=>x.value.has(t.value)),T=c(``),E=l(!1,n.value),D=s(!1),O=o(()=>t.value!==``||E.value?150:i.value),k=u(e=>{if(typeof e==`string`){if(e===``&&D.value){D.value=!1;return}T.value=t.value,t.value=e,e===``&&(E.value=!0)}},O),A=e=>{t.value===``?k(e):(D.value=!0,T.value=t.value,t.value=e)},j=()=>{D.value=!1,k(``)},M=e=>{k(e)},N=()=>{f.value||(D.value=!1,k(``))},P=e=>{T.value=t.value,t.value=e},F=()=>{T.value=t.value,t.value=``};return d(p,a,F),{...e,baseId:`soybean-navigation-menu`,rootElement:p,onRootElementChange:m,viewportElement:h,setViewportElement:g,indicatorTrackElement:_,setIndicatorTrackElement:v,activeTriggerElement:y,values:x,addValue:S,removeValue:C,open:w,previousValue:T,onActiveTriggerElementChange:b,onTriggerEnter:A,onTriggerLeave:j,onContentEnter:M,onContentLeave:N,onItemSelect:P,onItemDismiss:F}}),{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=n(`NavigationMenu`),[_,v]=t(`NavigationMenuItem`,t=>{let[n,i]=r(),{modelValue:a,value:s}=t,l=c(),u=e=>{l.value=e},d=c(!1),f=o(()=>a.value===s),p=o(()=>e(f.value));return{...t,triggerElement:l,onTriggerElementChange:u,focusProxyElement:n,setFocusProxyElement:i,wasEscapeCloseRef:d,open:f,dataState:p}}),[y,b]=i(`NavigationMenuUi`);export{m as provideCollectionContext,_ as provideNavigationMenuItemContext,f as provideNavigationMenuRootContext,y as provideNavigationMenuUi,h as useCollectionContext,g as useCollectionItem,v as useNavigationMenuItemContext,p as useNavigationMenuRootContext,b as useNavigationMenuUi};

package/dist/components/navigation-menu/navigation-menu-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../arrow/arrow.js";import{useNavigationMenuUi as i}from"./context.js";import a from"./navigation-menu-indicator.js";import o from"./navigation-menu-list.js";import s from"./navigation-menu-option-compact.js";import c from"./navigation-menu-root.js";import l from"./navigation-menu-viewport.js";import{Fragment as u,computed as d,createBlock as f,createElementBlock as p,createSlots as m,createVNode as h,defineComponent as g,guardReactiveProps as _,mergeProps as v,normalizeClass as y,normalizeProps as b,openBlock as x,renderList as S,renderSlot as C,toHandlers as w,unref as T,useSlots as E,withCtx as D}from"vue";import{keysOf as O}from"@soybeanjs/utils";const k=g({name:`NavigationMenuCompact`,__name:`navigation-menu-compact`,props:{items:{},modelValue:{},defaultValue:{},dir:{},orientation:{},delayDuration:{},skipDelayDuration:{},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(g,{emit:k}){let A=g,j=k,M=E(),N=[`itemProps`,`linkProps`,`triggerProps`,`contentProps`,`viewportProps`,`indicatorProps`,`listProps`,`subListProps`,`subItemProps`],P=t(A,[`items`,...N]),F=n(A,[...N]),I=e(j),L=d(()=>O(M)),R=i();return(e,t)=>(x(),f(c,v(T(P),{"onUpdate:modelValue":t[0]||(t[0]=e=>j(`update:modelValue`,e))}),{default:D(()=>[h(o,b(_(g.listProps)),{default:D(()=>[(x(!0),p(u,null,S(g.items,t=>(x(),f(s,v({key:t.value},{ref_for:!0},T(F),{item:t},w(T(I))),m({_:2},[S(L.value,t=>({name:t,fn:D(n=>[C(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16),h(a,b(_(g.indicatorProps)),{default:D(()=>[h(r,{class:y(T(R).arrow)},null,8,[`class`])]),_:1},16),h(l,b(_(g.viewportProps)),null,16)]),_:3},16))}});export{k as default};
+import{keysOf as e}from"../../shared/guard.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import i from"../arrow/arrow.js";import{useNavigationMenuUi as a}from"./context.js";import o from"./navigation-menu-indicator.js";import s from"./navigation-menu-list.js";import c from"./navigation-menu-option-compact.js";import l from"./navigation-menu-root.js";import u from"./navigation-menu-viewport.js";import{Fragment as d,computed as f,createBlock as p,createElementBlock as m,createSlots as h,createVNode as g,defineComponent as _,guardReactiveProps as v,mergeProps as y,normalizeClass as b,normalizeProps as x,openBlock as S,renderList as C,renderSlot as w,toHandlers as T,unref as E,useSlots as D,withCtx as O}from"vue";const k=_({name:`NavigationMenuCompact`,__name:`navigation-menu-compact`,props:{items:{},modelValue:{},defaultValue:{},dir:{},orientation:{},delayDuration:{},skipDelayDuration:{},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(_,{emit:k}){let A=_,j=k,M=D(),N=[`itemProps`,`linkProps`,`triggerProps`,`contentProps`,`viewportProps`,`indicatorProps`,`listProps`,`subListProps`,`subItemProps`],P=n(A,[`items`,...N]),F=r(A,[...N]),I=t(j),L=f(()=>e(M)),R=a();return(e,t)=>(S(),p(l,y(E(P),{"onUpdate:modelValue":t[0]||=e=>j(`update:modelValue`,e)}),{default:O(()=>[g(s,x(v(_.listProps)),{default:O(()=>[(S(!0),m(d,null,C(_.items,t=>(S(),p(c,y({key:t.value},{ref_for:!0},E(F),{item:t},T(E(I))),h({_:2},[C(L.value,t=>({name:t,fn:O(n=>[w(e.$slots,t,y({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16),g(o,x(v(_.indicatorProps)),{default:O(()=>[g(i,{class:b(E(R).arrow)},null,8,[`class`])]),_:1},16),g(u,x(v(_.viewportProps)),null,16)]),_:3},16))}});export{k as default};

package/dist/components/navigation-menu/navigation-menu-content-impl.js

@@ -1 +1 @@
-import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{getActiveElement as t}from"../../shared/dom.js";import{getTabbableCandidates as n,tryFocusFirst as r}from"../../shared/focus.js";import"../../shared/index.js";import{useDismissableLayer as i}from"../../composables/use-dismissable-layer.js";import{useExposedElement as a}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{EVENT_ROOT_CONTENT_DISMISS as o}from"./shared.js";import{useCollectionContext as s,useNavigationMenuItemContext as c,useNavigationMenuRootContext as l,useNavigationMenuUi as u}from"./context.js";import{computed as d,createElementBlock as f,defineComponent as p,normalizeClass as m,normalizeStyle as h,openBlock as g,renderSlot as _,shallowRef as v,unref as y,watchEffect as b}from"vue";const x=[`id`,`aria-labelledby`,`data-orientation`,`data-motion`,`data-state`],S=p({name:`NavigationMenuContentImpl`,__name:`navigation-menu-content-impl`,props:{disableOutsidePointerEvents:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`],setup(p,{emit:S}){let C=p,w=S,{dir:T,orientation:E,modelValue:D,previousValue:O,rootElement:k,viewportElement:A,isRoot:j,onItemDismiss:M}=l(`NavigationMenuContentImpl`),{value:N,triggerId:P,contentId:F,triggerElement:I,dataState:L,wasEscapeCloseRef:R,focusProxyElement:z,onContentFocusOutside:B,onRootContentClose:V}=c(`NavigationMenuContentImpl`),H=u(`content`),{getOrderedElements:U}=s(`NavigationMenuContentImpl`),[W,G]=a(),{pointerEvents:K,onFocusCapture:q,onBlurCapture:J}=i(W,{disableOutsidePointerEvents:()=>C.disableOutsidePointerEvents,onEscapeKeyDown:e=>{w(`escapeKeyDown`,e),!e.defaultPrevented&&(M(),I.value?.focus(),R.value=!0)},onPointerDownOutside:e=>{if(w(`pointerDownOutside`,e),e.defaultPrevented)return;let t=e.target,n=U().some(e=>e.contains(t)),r=j&&A.value?.contains(t);(n||r||!j)&&e.preventDefault()},onFocusOutside:e=>{w(`focusOutside`,e),w(`interactOutside`,e),e.detail.originalEvent.target.hasAttribute(`data-soybean-navigation-menu-trigger`)&&e.preventDefault(),!e.defaultPrevented&&(B(),k.value?.contains(e.target)&&e.preventDefault())},onDismiss:()=>{if(D.value!==N)return;let e=new Event(o,{bubbles:!0,cancelable:!0});W.value?.dispatchEvent(e)}}),Y=v(null),X=d(()=>{let e=U().map(e=>e.id.split(`trigger-`)[1]);T.value===`rtl`&&e.reverse();let t=e.indexOf(O.value??``),n=N===D.value,r=t===e.indexOf(N);if(!n&&!r)return Y.value;let i=e.indexOf(D.value);if(i!==t){if(n&&t!==-1)return i>t?`from-end`:`from-start`;if(r&&i!==-1)return i>t?`to-start`:`to-end`}return null}),Z=d(()=>({pointerEvents:K.value})),Q=i=>{if(i.target.closest(`[data-soybean-navigation-menu]`)!==k.value)return;let a=i.altKey||i.ctrlKey||i.metaKey,o=i.key===`Tab`&&!a,s=n(i.currentTarget);if(o){let e=t(),n=s.findIndex(t=>t===e),a=i.shiftKey?s.slice(0,n).reverse():s.slice(n+1,s.length);if(r(a))i.preventDefault();else{z.value?.focus();return}}e(i,t(),void 0,{itemsArray:s,loop:!1,enableIgnoredElement:!0})?.focus()};return b(()=>{Y.value=X.value}),b(e=>{let n=W.value;if(j&&n){let r=()=>{M(),V(),n.contains(t())&&I.value?.focus()};n.addEventListener(o,r),e(()=>n.removeEventListener(o,r))}}),(e,t)=>(g(),f(`div`,{id:y(F),ref:y(G),class:m(y(H)),"aria-labelledby":y(P),"data-dismissable-layer":``,"data-orientation":y(E),"data-motion":X.value,"data-state":y(L),style:h(Z.value),onFocusCapture:t[0]||(t[0]=(...e)=>y(q)&&y(q)(...e)),onBlurCapture:t[1]||(t[1]=(...e)=>y(J)&&y(J)(...e)),onKeydown:Q},[_(e.$slots,`default`)],46,x))}});export{S as default};
+import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{getActiveElement as t}from"../../shared/dom.js";import{getTabbableCandidates as n,tryFocusFirst as r}from"../../shared/focus.js";import{useDismissableLayer as i}from"../../composables/use-dismissable-layer.js";import{useExposedElement as a}from"../../composables/use-exposed-element.js";import{EVENT_ROOT_CONTENT_DISMISS as o}from"./shared.js";import{useCollectionContext as s,useNavigationMenuItemContext as c,useNavigationMenuRootContext as l,useNavigationMenuUi as u}from"./context.js";import{computed as d,createElementBlock as f,defineComponent as p,normalizeClass as m,normalizeStyle as h,openBlock as g,renderSlot as _,shallowRef as v,unref as y,watchEffect as b}from"vue";const x=[`id`,`aria-labelledby`,`data-orientation`,`data-motion`,`data-state`],S=p({name:`NavigationMenuContentImpl`,__name:`navigation-menu-content-impl`,props:{disableOutsidePointerEvents:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`],setup(p,{emit:S}){let C=p,w=S,{dir:T,orientation:E,modelValue:D,previousValue:O,rootElement:k,viewportElement:A,isRoot:j,onItemDismiss:M}=l(`NavigationMenuContentImpl`),{value:N,triggerId:P,contentId:F,triggerElement:I,dataState:L,wasEscapeCloseRef:R,focusProxyElement:z,onContentFocusOutside:B,onRootContentClose:V}=c(`NavigationMenuContentImpl`),H=u(`content`),{getOrderedElements:U}=s(`NavigationMenuContentImpl`),[W,G]=a(),{pointerEvents:K,onFocusCapture:q,onBlurCapture:J}=i(W,{disableOutsidePointerEvents:()=>C.disableOutsidePointerEvents,onEscapeKeyDown:e=>{w(`escapeKeyDown`,e),!e.defaultPrevented&&(M(),I.value?.focus(),R.value=!0)},onPointerDownOutside:e=>{if(w(`pointerDownOutside`,e),e.defaultPrevented)return;let t=e.target,n=U().some(e=>e.contains(t)),r=j&&A.value?.contains(t);(n||r||!j)&&e.preventDefault()},onFocusOutside:e=>{w(`focusOutside`,e),w(`interactOutside`,e),e.detail.originalEvent.target.hasAttribute(`data-soybean-navigation-menu-trigger`)&&e.preventDefault(),!e.defaultPrevented&&(B(),k.value?.contains(e.target)&&e.preventDefault())},onDismiss:()=>{if(D.value!==N)return;let e=new Event(o,{bubbles:!0,cancelable:!0});W.value?.dispatchEvent(e)}}),Y=v(null),X=d(()=>{let e=U().map(e=>e.id.split(`trigger-`)[1]);T.value===`rtl`&&e.reverse();let t=e.indexOf(O.value??``),n=N===D.value,r=t===e.indexOf(N);if(!n&&!r)return Y.value;let i=e.indexOf(D.value);if(i!==t){if(n&&t!==-1)return i>t?`from-end`:`from-start`;if(r&&i!==-1)return i>t?`to-start`:`to-end`}return null}),Z=d(()=>({pointerEvents:K.value})),Q=i=>{if(i.target.closest(`[data-soybean-navigation-menu]`)!==k.value)return;let a=i.altKey||i.ctrlKey||i.metaKey,o=i.key===`Tab`&&!a,s=n(i.currentTarget);if(o){let e=t(),n=s.findIndex(t=>t===e),a=i.shiftKey?s.slice(0,n).reverse():s.slice(n+1,s.length);if(r(a))i.preventDefault();else{z.value?.focus();return}}e(i,t(),void 0,{itemsArray:s,loop:!1,enableIgnoredElement:!0})?.focus()};return b(()=>{Y.value=X.value}),b(e=>{let n=W.value;if(j&&n){let r=()=>{M(),V(),n.contains(t())&&I.value?.focus()};n.addEventListener(o,r),e(()=>n.removeEventListener(o,r))}}),(e,t)=>(g(),f(`div`,{id:y(F),ref:y(G),class:m(y(H)),"aria-labelledby":y(P),"data-dismissable-layer":``,"data-orientation":y(E),"data-motion":X.value,"data-state":y(L),style:h(Z.value),onFocusCapture:t[0]||=(...e)=>y(q)&&y(q)(...e),onBlurCapture:t[1]||=(...e)=>y(J)&&y(J)(...e),onKeydown:Q},[_(e.$slots,`default`)],46,x))}});export{S as default};

package/dist/components/navigation-menu/navigation-menu-content.js

@@ -1 +1 @@
-import{isClient as e}from"../../shared/env.js";import{isMouseEvent as t}from"../../shared/event.js";import"../../shared/index.js";import{useExposedElement as n}from"../../composables/use-exposed-element.js";import{useForwardListeners as r}from"../../composables/use-forward-listeners.js";import{usePresence as i}from"../../composables/use-presence.js";import{useOmitProps as a}from"../../composables/use-props.js";import"../../composables/index.js";import{useNavigationMenuItemContext as o,useNavigationMenuRootContext as s}from"./context.js";import c from"./navigation-menu-content-impl.js";import{Teleport as l,computed as u,createBlock as d,createCommentVNode as f,defineComponent as p,mergeProps as m,openBlock as h,renderSlot as g,shallowRef as _,toHandlers as v,unref as y,useAttrs as b,withCtx as x}from"vue";const S=p({name:`NavigationMenuContent`,inheritAttrs:!1,__name:`navigation-menu-content`,props:{disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`],setup(p,{emit:S}){let C=p,w=S,T=b(),E=a(C,[`forceMount`],T),D=r(w),{modelValue:O,viewportElement:k,previousValue:A,unmountOnHide:j,onContentEnter:M,onContentLeave:N}=s(`NavigationMenuContent`),{value:P}=o(`NavigationMenuContent`),[F,I]=n(),L=u(()=>O.value===P),R=u(()=>!k.value||O.value||!A.value?!1:A.value===P),z=C.forceMount?_(!0):i(F,()=>L.value||R.value),B=u(()=>e&&k.value?k.value:`body`),V=u(()=>!e||!k.value),H=()=>{M(P)},U=e=>{t(e)&&N()};return(e,t)=>(h(),d(l,{to:B.value,disabled:V.value},[y(z)?(h(),d(c,m({key:0},y(E),{ref:y(I),"data-soybean-navigation-menu-content":``,hidden:!y(z)},v(y(D)),{onPointerenter:H,onPointerleave:U}),{default:x(()=>[!y(j)||y(z)?g(e.$slots,`default`,{},void 0,void 0,0):f(`v-if`,!0)]),_:3},16,[`hidden`])):f(`v-if`,!0)],8,[`to`,`disabled`]))}});export{S as default};
+import{isClient as e}from"../../shared/env.js";import{isMouseEvent as t}from"../../shared/event.js";import{useExposedElement as n}from"../../composables/use-exposed-element.js";import{useForwardListeners as r}from"../../composables/use-forward-listeners.js";import{usePresence as i}from"../../composables/use-presence.js";import{useOmitProps as a}from"../../composables/use-props.js";import{useNavigationMenuItemContext as o,useNavigationMenuRootContext as s}from"./context.js";import c from"./navigation-menu-content-impl.js";import{Teleport as l,computed as u,createBlock as d,createCommentVNode as f,defineComponent as p,mergeProps as m,openBlock as h,renderSlot as g,shallowRef as _,toHandlers as v,unref as y,useAttrs as b,withCtx as x}from"vue";const S=p({name:`NavigationMenuContent`,inheritAttrs:!1,__name:`navigation-menu-content`,props:{disableOutsidePointerEvents:{type:Boolean},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`],setup(p,{emit:S}){let C=p,w=S,T=b(),E=a(C,[`forceMount`],T),D=r(w),{modelValue:O,viewportElement:k,previousValue:A,unmountOnHide:j,onContentEnter:M,onContentLeave:N}=s(`NavigationMenuContent`),{value:P}=o(`NavigationMenuContent`),[F,I]=n(),L=u(()=>O.value===P),R=u(()=>!k.value||O.value||!A.value?!1:A.value===P),z=C.forceMount?_(!0):i(F,()=>L.value||R.value),B=u(()=>e&&k.value?k.value:`body`),V=u(()=>!e||!k.value),H=()=>{M(P)},U=e=>{t(e)&&N()};return(e,t)=>(h(),d(l,{to:B.value,disabled:V.value},[y(z)?(h(),d(c,m({key:0},y(E),{ref:y(I),"data-soybean-navigation-menu-content":``,hidden:!y(z)},v(y(D)),{onPointerenter:H,onPointerleave:U}),{default:x(()=>[!y(j)||y(z)?g(e.$slots,`default`,{},void 0,void 0,0):f(`v-if`,!0)]),_:3},16,[`hidden`])):f(`v-if`,!0)],8,[`to`,`disabled`]))}});export{S as default};

package/dist/components/navigation-menu/navigation-menu-indicator.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import"../../composables/index.js";import{getNavigationMenuIndicatorPosition as n,navigationMenuIndicatorCssVars as r}from"./shared.js";import{useNavigationMenuRootContext as i,useNavigationMenuUi as a}from"./context.js";import{Teleport as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,useAttrs as _,watchEffect as v}from"vue";import{useResizeObserver as y}from"@vueuse/core";const b=[`dir`,`data-orientation`,`data-state`],x=d({name:`NavigationMenuIndicator`,inheritAttrs:!1,__name:`navigation-menu-indicator`,props:{forceMount:{type:Boolean}},setup(d){let x=d,S=_(),{dir:C,rootElement:w,orientation:T,activeTriggerElement:E,modelValue:D,indicatorTrackElement:O}=i(`NavigationMenuIndicator`),[k,A]=e(),j=a(`indicator`),M=s(()=>!!D.value),N=x.forceMount?h(!0):t(k,()=>M.value),P=h(),F=s(()=>{if(!P.value)return{};let{size:e,left:t,top:n}=P.value;return{[r.size]:`${e}px`,[r.left]:`${t}px`,[r.top]:`${n}px`}}),I=()=>{!E.value||!O.value||(P.value=n({indicatorTrackElement:O.value,activeTriggerElement:E.value,orientation:T.value,dir:C.value}))},L=s(()=>O.value?.ownerDocument?.body??w.value?.ownerDocument?.body);return v(()=>{if(!D.value){P.value=void 0;return}I()}),y(E,I),y(O,I),(e,t)=>L.value?(p(),c(o,{key:0,to:L.value},[g(N)?(p(),u(`div`,f({key:0},g(S),{ref:g(A),"data-soybean-navigation-menu-indicator":``,class:g(j),"aria-hidden":`true`,dir:g(C),"data-orientation":g(T),"data-state":M.value?`visible`:`hidden`,style:F.value}),[m(e.$slots,`default`)],16,b)):l(`v-if`,!0)],8,[`to`])):l(`v-if`,!0)}});export{x as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePresence as t}from"../../composables/use-presence.js";import{getNavigationMenuIndicatorPosition as n,navigationMenuIndicatorCssVars as r}from"./shared.js";import{useNavigationMenuRootContext as i,useNavigationMenuUi as a}from"./context.js";import{Teleport as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,useAttrs as _,watchEffect as v}from"vue";import{useResizeObserver as y}from"@vueuse/core";const b=[`dir`,`data-orientation`,`data-state`],x=d({name:`NavigationMenuIndicator`,inheritAttrs:!1,__name:`navigation-menu-indicator`,props:{forceMount:{type:Boolean}},setup(d){let x=d,S=_(),{dir:C,rootElement:w,orientation:T,activeTriggerElement:E,modelValue:D,indicatorTrackElement:O}=i(`NavigationMenuIndicator`),[k,A]=e(),j=a(`indicator`),M=s(()=>!!D.value),N=x.forceMount?h(!0):t(k,()=>M.value),P=h(),F=s(()=>{if(!P.value)return{};let{size:e,left:t,top:n}=P.value;return{[r.size]:`${e}px`,[r.left]:`${t}px`,[r.top]:`${n}px`}}),I=()=>{E.value&&O.value&&(P.value=n({indicatorTrackElement:O.value,activeTriggerElement:E.value,orientation:T.value,dir:C.value}))},L=s(()=>O.value?.ownerDocument?.body??w.value?.ownerDocument?.body);return v(()=>{if(!D.value){P.value=void 0;return}I()}),y(E,I),y(O,I),(e,t)=>L.value?(p(),c(o,{key:0,to:L.value},[g(N)?(p(),u(`div`,f({key:0},g(S),{ref:g(A),"data-soybean-navigation-menu-indicator":``,class:g(j),"aria-hidden":`true`,dir:g(C),"data-orientation":g(T),"data-state":M.value?`visible`:`hidden`,style:F.value}),[m(e.$slots,`default`)],16,b)):l(`v-if`,!0)],8,[`to`])):l(`v-if`,!0)}});export{x as default};

package/dist/components/navigation-menu/navigation-menu-item.js

@@ -1 +1 @@
-import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{getActiveElement as t}from"../../shared/dom.js";import{getTabbableCandidates as n,removeFromTabOrder as r,tryFocusFirst as i}from"../../shared/focus.js";import"../../shared/index.js";import"../../composables/index.js";import{createContentId as a,createTriggerId as o}from"./shared.js";import{provideNavigationMenuItemContext as s,useCollectionContext as c,useNavigationMenuRootContext as l,useNavigationMenuUi as u}from"./context.js";import{computed as d,createElementBlock as f,defineComponent as p,normalizeClass as m,onBeforeUnmount as h,openBlock as g,renderSlot as _,useId as v,withKeys as y}from"vue";const b=p({name:`NavigationMenuItem`,__name:`navigation-menu-item`,props:{value:{}},setup(p){let b=p,{isRoot:x,baseId:S,modelValue:C,onItemDismiss:w,addValue:T,removeValue:E}=l(`NavigationMenuItem`),{getOrderedElements:D}=c(`NavigationMenuItem`),O=u(),k=d(()=>x?O.value?.item:O.value?.subItem),A=b.value??v(),j=a(S,A),M=o(S,A),N=()=>({}),P=async(e=`start`)=>{let t=document.getElementById(j);if(!t)return;N();let r=n(t);r.length&&i(e===`start`?r:r.slice().reverse())},F=()=>{let e=document.getElementById(j);if(!e)return;let t=n(e);t.length&&(N=r(t))},{triggerElement:I}=s({value:A,modelValue:C,contentId:j,triggerId:M,onEntryKeyDown:P,onFocusProxyEnter:P,onContentFocusOutside:F,onRootContentClose:F}),L=()=>{w(),I.value?.focus()},R=n=>{let r=t();if(!r)return;if(n.key===`Enter`||n.key===` `){if(C.value===A){L(),n.preventDefault();return}n.target.click(),n.preventDefault();return}let i=D().filter(e=>e.parentElement?.hasAttribute(`data-menu-item`));i.includes(r)&&(e(n,r,void 0,{itemsArray:i,loop:!1})?.focus?.(),n.preventDefault(),n.stopPropagation())};return T(A),h(()=>{E(A)}),(e,t)=>(g(),f(`li`,{"data-soybean-navigation-menu-item":``,class:m(k.value),"data-menu-item":``,onKeydown:y(R,[`up`,`down`,`left`,`right`,`home`,`end`,`space`])},[_(e.$slots,`default`)],34))}});export{b as default};
+import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{getActiveElement as t}from"../../shared/dom.js";import{getTabbableCandidates as n,removeFromTabOrder as r,tryFocusFirst as i}from"../../shared/focus.js";import{createContentId as a,createTriggerId as o}from"./shared.js";import{provideNavigationMenuItemContext as s,useCollectionContext as c,useNavigationMenuRootContext as l,useNavigationMenuUi as u}from"./context.js";import{computed as d,createElementBlock as f,defineComponent as p,normalizeClass as m,onBeforeUnmount as h,openBlock as g,renderSlot as _,useId as v,withKeys as y}from"vue";const b=p({name:`NavigationMenuItem`,__name:`navigation-menu-item`,props:{value:{}},setup(p){let b=p,{isRoot:x,baseId:S,modelValue:C,onItemDismiss:w,addValue:T,removeValue:E}=l(`NavigationMenuItem`),{getOrderedElements:D}=c(`NavigationMenuItem`),O=u(),k=d(()=>x?O.value?.item:O.value?.subItem),A=b.value??v(),j=a(S,A),M=o(S,A),N=()=>({}),P=async(e=`start`)=>{let t=document.getElementById(j);if(!t)return;N();let r=n(t);r.length&&i(e===`start`?r:r.slice().reverse())},F=()=>{let e=document.getElementById(j);if(!e)return;let t=n(e);t.length&&(N=r(t))},{triggerElement:I}=s({value:A,modelValue:C,contentId:j,triggerId:M,onEntryKeyDown:P,onFocusProxyEnter:P,onContentFocusOutside:F,onRootContentClose:F}),L=()=>{w(),I.value?.focus()},R=n=>{let r=t();if(!r)return;if(n.key===`Enter`||n.key===` `){if(C.value===A){L(),n.preventDefault();return}n.target.click(),n.preventDefault();return}let i=D().filter(e=>e.parentElement?.hasAttribute(`data-menu-item`));i.includes(r)&&(e(n,r,void 0,{itemsArray:i,loop:!1})?.focus?.(),n.preventDefault(),n.stopPropagation())};return T(A),h(()=>{E(A)}),(e,t)=>(g(),f(`li`,{"data-soybean-navigation-menu-item":``,class:m(k.value),"data-menu-item":``,onKeydown:y(R,[`up`,`down`,`left`,`right`,`home`,`end`,`space`])},[_(e.$slots,`default`)],34))}});export{b as default};

package/dist/components/navigation-menu/navigation-menu-link.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import{EVENT_ROOT_CONTENT_DISMISS as n,LINK_DISMISSED as r,LINK_SELECT as i}from"./shared.js";import{useCollectionItem as a,useNavigationMenuRootContext as o,useNavigationMenuUi as s}from"./context.js";import{computed as c,createBlock as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderSlot as h,unref as g,withCtx as _}from"vue";const v=u({name:`NavigationMenuLink`,__name:`navigation-menu-link`,props:{active:{type:Boolean},to:{},replace:{type:Boolean},href:{},disabled:{type:Boolean},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean},ariaCurrentValue:{},viewTransition:{type:Boolean},target:{},rel:{},noRel:{type:Boolean},prefetch:{type:Boolean},prefetchOn:{},noPrefetch:{type:Boolean},trailingSlash:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(u,{emit:v}){let y=u,b=v,{isRoot:x,modelValue:S}=o(`NavigationMenuLink`),C=s(),w=c(()=>x?C.value?.link:C.value?.subLink),{setItemElement:T}=a(),E=e(y,[`active`]),D=async e=>{let t=new CustomEvent(i,{bubbles:!0,cancelable:!0,detail:{originalEvent:e}});if(b(`select`,t),t.defaultPrevented||e.metaKey||!S.value)return;e[r]=!0;let a=new CustomEvent(n,{bubbles:!0,cancelable:!0});e.target?.dispatchEvent(a)};return(e,n)=>(m(),l(t,f(g(E),{ref:g(T),"data-soybean-navigation-menu-link":``,"data-soybean-collection-item":``,class:w.value,"data-active":u.active?``:void 0,"aria-current":u.active?`page`:void 0,onClick:D}),{default:_(t=>[h(e.$slots,`default`,p(d(t)))]),_:3},16,[`class`,`data-active`,`aria-current`]))}});export{v as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import t from"../link/link.js";import{EVENT_ROOT_CONTENT_DISMISS as n,LINK_DISMISSED as r,LINK_SELECT as i}from"./shared.js";import{useCollectionItem as a,useNavigationMenuRootContext as o,useNavigationMenuUi as s}from"./context.js";import{computed as c,createBlock as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderSlot as h,unref as g,withCtx as _}from"vue";const v=u({name:`NavigationMenuLink`,__name:`navigation-menu-link`,props:{selected:{type:Boolean},to:{},replace:{type:Boolean},href:{},disabled:{type:Boolean},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean},ariaCurrentValue:{},viewTransition:{type:Boolean},target:{},rel:{},noRel:{type:Boolean},prefetch:{type:Boolean},prefetchOn:{},noPrefetch:{type:Boolean},trailingSlash:{},asChild:{type:Boolean},as:{}},emits:[`select`],setup(u,{emit:v}){let y=u,b=v,{isRoot:x,modelValue:S}=o(`NavigationMenuLink`),C=s(),w=c(()=>x?C.value?.link:C.value?.subLink),{setItemElement:T}=a(),E=e(y,[`selected`]),D=async e=>{let t=new CustomEvent(i,{bubbles:!0,cancelable:!0,detail:{originalEvent:e}});if(b(`select`,t),t.defaultPrevented||e.metaKey||!S.value)return;e[r]=!0;let a=new CustomEvent(n,{bubbles:!0,cancelable:!0});e.target?.dispatchEvent(a)};return(e,n)=>(m(),l(t,f(g(E),{ref:g(T),"data-soybean-navigation-menu-link":``,"data-soybean-collection-item":``,class:w.value,"data-selected":u.selected?``:void 0,"aria-current":u.selected?`page`:void 0,onClick:D}),{default:_(t=>[h(e.$slots,`default`,p(d(t)))]),_:3},16,[`class`,`data-selected`,`aria-current`]))}});export{v as default};

package/dist/components/navigation-menu/navigation-menu-option-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useCommonSlotNames as n}from"./shared.js";import{useNavigationMenuUi as r}from"./context.js";import i from"./navigation-menu-content.js";import a from"./navigation-menu-item-slot-compact.js";import o from"./navigation-menu-item.js";import s from"./navigation-menu-link.js";import c from"./navigation-menu-sub-list.js";import l from"./navigation-menu-sub-option-compact.js";import u from"./navigation-menu-trigger.js";import{Fragment as d,computed as f,createBlock as p,createElementBlock as m,createElementVNode as h,createSlots as g,createVNode as _,defineComponent as v,guardReactiveProps as y,mergeProps as b,normalizeClass as x,normalizeProps as S,openBlock as C,renderList as w,renderSlot as T,resolveDynamicComponent as E,toDisplayString as D,toHandlers as O,unref as k,useSlots as A,withCtx as j}from"vue";import{keysOf as M}from"@soybeanjs/utils";const N=v({name:`NavigationMenuOptionCompact`,__name:`navigation-menu-option-compact`,props:{item:{},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(v,{emit:N}){let P=v,F=N,I=A(),L=e(F),R=f(()=>M(I)),z=n(I),B=r(),V=f(()=>!!(P.item.to||P.item.href)),H=f(()=>V.value?{...P.linkProps,disabled:P.item.disabled??P.linkProps?.disabled,to:P.item.to,href:P.item.href,target:P.item.target,external:P.item.external}:{});return(e,n)=>(C(),p(o,b(v.itemProps,{value:v.item.value}),{default:j(()=>[v.item.children?.length?(C(),m(d,{key:1},[_(u,b(v.triggerProps,{disabled:v.item.disabled,"as-child":V.value}),{default:j(()=>[(C(),p(E(V.value?s:`template`),b(H.value,{onSelect:n[1]||(n[1]=e=>F(`select`,e))}),{default:j(()=>[_(a,{icon:v.item.icon},g({"trigger-icon":j(()=>[T(e.$slots,`item-trigger-icon`,{item:v.item},()=>[_(t,{icon:`lucide:chevron-down`,class:x(k(B).triggerIcon)},null,8,[`class`])])]),default:j(()=>[h(`span`,null,D(v.item.label),1)]),_:2},[w(k(z),t=>({name:t,fn:j(()=>[T(e.$slots,t,{item:v.item,isTrigger:!0})])}))]),1032,[`icon`])]),_:3},16))]),_:3},16,[`disabled`,`as-child`]),_(i,b(v.contentProps,O(k(L))),{default:j(()=>[_(c,S(y(v.subListProps)),{default:j(()=>[(C(!0),m(d,null,w(v.item.children,t=>(C(),p(l,{key:t.value,"sub-item":t,"sub-item-props":v.subItemProps,onSelect:n[2]||(n[2]=e=>F(`select`,e))},g({"item-children":j(t=>[T(e.$slots,`item-children`,{item:t.item})]),_:2},[w(R.value,n=>({name:n,fn:j(()=>[T(e.$slots,n,{item:t})])}))]),1032,[`sub-item`,`sub-item-props`]))),128))]),_:3},16)]),_:3},16)],64)):(C(),p(s,b({key:0},H.value,{onSelect:n[0]||(n[0]=e=>F(`select`,e))}),{default:j(({isHref:n})=>[_(a,{icon:v.item.icon},g({default:j(()=>[h(`span`,null,D(v.item.label),1)]),_:2},[w(k(z),t=>({name:t,fn:j(()=>[T(e.$slots,t,{item:v.item})])})),n?{name:`link-icon`,fn:j(()=>[T(e.$slots,`item-link-icon`,{item:v.item},()=>[_(t,{icon:`lucide:arrow-up-right`,class:x(k(B).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16))]),_:3},16,[`value`]))}});export{N as default};
+import{keysOf as e}from"../../shared/guard.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import n from"../_icon/icon.js";import{useCommonSlotNames as r}from"./shared.js";import{useNavigationMenuUi as i}from"./context.js";import a from"./navigation-menu-content.js";import o from"./navigation-menu-item-slot-compact.js";import s from"./navigation-menu-item.js";import c from"./navigation-menu-link.js";import l from"./navigation-menu-sub-list.js";import u from"./navigation-menu-sub-option-compact.js";import d from"./navigation-menu-trigger.js";import{Fragment as f,computed as p,createBlock as m,createElementBlock as h,createElementVNode as g,createSlots as _,createVNode as v,defineComponent as y,guardReactiveProps as b,mergeProps as x,normalizeClass as S,normalizeProps as C,openBlock as w,renderList as T,renderSlot as E,resolveDynamicComponent as D,toDisplayString as O,toHandlers as k,unref as A,useSlots as j,withCtx as M}from"vue";const N=y({name:`NavigationMenuOptionCompact`,__name:`navigation-menu-option-compact`,props:{item:{},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(y,{emit:N}){let P=y,F=N,I=j(),L=t(F),R=p(()=>e(I)),z=r(I),B=i(),V=p(()=>!!(P.item.to||P.item.href)),H=p(()=>V.value?{...P.linkProps,disabled:P.item.disabled??P.linkProps?.disabled,to:P.item.to,href:P.item.href,target:P.item.target,external:P.item.external}:{});return(e,t)=>(w(),m(s,x(y.itemProps,{value:y.item.value}),{default:M(()=>[y.item.children?.length?(w(),h(f,{key:1},[v(d,x(y.triggerProps,{disabled:y.item.disabled,"as-child":V.value}),{default:M(()=>[(w(),m(D(V.value?c:`template`),x(H.value,{onSelect:t[1]||=e=>F(`select`,e)}),{default:M(()=>[v(o,{icon:y.item.icon},_({"trigger-icon":M(()=>[E(e.$slots,`item-trigger-icon`,{item:y.item},()=>[v(n,{icon:`lucide:chevron-down`,class:S(A(B).triggerIcon)},null,8,[`class`])])]),default:M(()=>[g(`span`,null,O(y.item.label),1)]),_:2},[T(A(z),t=>({name:t,fn:M(()=>[E(e.$slots,t,{item:y.item,isTrigger:!0})])}))]),1032,[`icon`])]),_:3},16))]),_:3},16,[`disabled`,`as-child`]),v(a,x(y.contentProps,k(A(L))),{default:M(()=>[v(l,C(b(y.subListProps)),{default:M(()=>[(w(!0),h(f,null,T(y.item.children,n=>(w(),m(u,{key:n.value,"sub-item":n,"sub-item-props":y.subItemProps,onSelect:t[2]||=e=>F(`select`,e)},_({"item-children":M(t=>[E(e.$slots,`item-children`,{item:t.item})]),_:2},[T(R.value,t=>({name:t,fn:M(()=>[E(e.$slots,t,{item:n})])}))]),1032,[`sub-item`,`sub-item-props`]))),128))]),_:3},16)]),_:3},16)],64)):(w(),m(c,x({key:0},H.value,{onSelect:t[0]||=e=>F(`select`,e)}),{default:M(({isHref:t})=>[v(o,{icon:y.item.icon},_({default:M(()=>[g(`span`,null,O(y.item.label),1)]),_:2},[T(A(z),t=>({name:t,fn:M(()=>[E(e.$slots,t,{item:y.item})])})),t?{name:`link-icon`,fn:M(()=>[E(e.$slots,`item-link-icon`,{item:y.item},()=>[v(n,{icon:`lucide:arrow-up-right`,class:S(A(B).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16))]),_:3},16,[`value`]))}});export{N as default};

package/dist/components/navigation-menu/navigation-menu-root.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{provideCollectionContext as i,provideNavigationMenuRootContext as a,useNavigationMenuUi as o}from"./context.js";import{createElementBlock as s,defineComponent as c,normalizeClass as l,openBlock as u,renderSlot as d,unref as f,watchEffect as p}from"vue";const m=[`data-orientation`,`dir`],h=c({name:`NavigationMenuRoot`,__name:`navigation-menu-root`,props:{modelValue:{},defaultValue:{},dir:{},orientation:{default:`horizontal`},delayDuration:{default:200},skipDelayDuration:{default:300},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(c,{emit:h}){let g=c,_=h,v=o(`root`),y=t(()=>g.dir),b=n(()=>g.modelValue,e=>{_(`update:modelValue`,e)},g.defaultValue??``),{onRootElementChange:x,onActiveTriggerElementChange:S}=a({isRoot:!0,modelValue:b,dir:y,...e(g,[`orientation`,`unmountOnHide`,`skipDelayDuration`,`delayDuration`,`disableClickTrigger`,`disableHoverTrigger`,`disablePointerLeaveClose`])}),{onContainerElementChange:C,getOrderedElements:w}=i(),[T,E]=r(e=>{x(e),C(e)});return p(()=>{if(!b.value)return;let e=w().find(e=>e.id.includes(b.value));e&&S(e)}),(e,t)=>(u(),s(`nav`,{ref:f(E),"data-soybean-navigation-menu":``,class:l(f(v)),"data-orientation":c.orientation,dir:f(y)},[d(e.$slots,`default`,{modelValue:f(b)})],10,m))}});export{h as default};
+import{toContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{provideCollectionContext as i,provideNavigationMenuRootContext as a,useNavigationMenuUi as o}from"./context.js";import{createElementBlock as s,defineComponent as c,normalizeClass as l,openBlock as u,renderSlot as d,unref as f,watchEffect as p}from"vue";const m=[`data-orientation`,`dir`],h=c({name:`NavigationMenuRoot`,__name:`navigation-menu-root`,props:{modelValue:{},defaultValue:{},dir:{},orientation:{default:`horizontal`},delayDuration:{default:200},skipDelayDuration:{default:300},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(c,{emit:h}){let g=c,_=h,v=o(`root`),y=t(()=>g.dir),b=n(()=>g.modelValue,e=>{_(`update:modelValue`,e)},g.defaultValue??``),{onRootElementChange:x,onActiveTriggerElementChange:S}=a({isRoot:!0,modelValue:b,dir:y,...e(g,[`orientation`,`unmountOnHide`,`skipDelayDuration`,`delayDuration`,`disableClickTrigger`,`disableHoverTrigger`,`disablePointerLeaveClose`])}),{onContainerElementChange:C,getOrderedElements:w}=i(),[T,E]=r(e=>{x(e),C(e)});return p(()=>{if(!b.value)return;let e=w().find(e=>e.id.includes(b.value));e&&S(e)}),(e,t)=>(u(),s(`nav`,{ref:f(E),"data-soybean-navigation-menu":``,class:l(f(v)),"data-orientation":c.orientation,dir:f(y)},[d(e.$slots,`default`,{modelValue:f(b)})],10,m))}});export{h as default};

package/dist/components/navigation-menu/navigation-menu-root.vue.d.ts

@@ -14,9 +14,9 @@ declare const __VLS_base: import("vue").DefineComponent<NavigationMenuRootProps,
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  unmountOnHide: boolean;
   delayDuration: number;
   skipDelayDuration: number;
+  unmountOnHide: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/navigation-menu/navigation-menu-sub-option-compact.js

@@ -1 +1 @@
-import e from"../_icon/icon.js";import{useCommonSlotNames as t}from"./shared.js";import{useNavigationMenuUi as n}from"./context.js";import r from"./navigation-menu-item-slot-compact.js";import i from"./navigation-menu-item.js";import a from"./navigation-menu-link.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementVNode as l,createSlots as u,createVNode as d,defineComponent as f,mergeProps as p,normalizeClass as m,openBlock as h,renderList as g,renderSlot as _,resolveDynamicComponent as v,toDisplayString as y,unref as b,useSlots as x,withCtx as S}from"vue";const C=f({name:`NavigationMenuSubOptionCompact`,__name:`navigation-menu-sub-option-compact`,props:{subItem:{},subItemProps:{},linkProps:{}},emits:[`select`],setup(f,{emit:C}){let w=f,T=C,E=x(),D=t(E),O=n(),k=o(()=>!!(w.subItem.to||w.subItem.href)),A=o(()=>k.value?{...w.linkProps,disabled:w.subItem.disabled??w.linkProps?.disabled,to:w.subItem.to,href:w.subItem.href,target:w.subItem.target,external:w.subItem.external}:{});return(t,n)=>(h(),s(i,p(f.subItemProps,{value:f.subItem.value}),{default:S(()=>[(h(),s(v(k.value?a:`div`),p(A.value,{onSelect:n[0]||(n[0]=e=>T(`select`,e))}),{default:S(n=>[d(r,{icon:f.subItem.icon},u({default:S(()=>[l(`div`,{class:m(b(O).subLinkContent)},[l(`span`,{class:m(b(O).subLinkLabel)},y(f.subItem.label),3),l(`p`,{class:m(b(O).subLinkDescription)},y(f.subItem.description),3)],2)]),_:2},[g(b(D),e=>({name:e,fn:S(()=>[_(t.$slots,e,{item:f.subItem})])})),n?.isHref?{name:`link-icon`,fn:S(()=>[_(t.$slots,`item-link-icon`,{item:f.subItem},()=>[d(e,{icon:`lucide:arrow-up-right`,class:m(b(O).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16)),f.subItem.children?.length?_(t.$slots,`item-children`,{item:f.subItem},void 0,void 0,0):c(`v-if`,!0)]),_:3},16,[`value`]))}});export{C as default};
+import e from"../_icon/icon.js";import{useCommonSlotNames as t}from"./shared.js";import{useNavigationMenuUi as n}from"./context.js";import r from"./navigation-menu-item-slot-compact.js";import i from"./navigation-menu-item.js";import a from"./navigation-menu-link.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementVNode as l,createSlots as u,createVNode as d,defineComponent as f,mergeProps as p,normalizeClass as m,openBlock as h,renderList as g,renderSlot as _,resolveDynamicComponent as v,toDisplayString as y,unref as b,useSlots as x,withCtx as S}from"vue";const C=f({name:`NavigationMenuSubOptionCompact`,__name:`navigation-menu-sub-option-compact`,props:{subItem:{},subItemProps:{},linkProps:{}},emits:[`select`],setup(f,{emit:C}){let w=f,T=C,E=x(),D=t(E),O=n(),k=o(()=>!!(w.subItem.to||w.subItem.href)),A=o(()=>k.value?{...w.linkProps,disabled:w.subItem.disabled??w.linkProps?.disabled,to:w.subItem.to,href:w.subItem.href,target:w.subItem.target,external:w.subItem.external}:{});return(t,n)=>(h(),s(i,p(f.subItemProps,{value:f.subItem.value}),{default:S(()=>[(h(),s(v(k.value?a:`div`),p(A.value,{onSelect:n[0]||=e=>T(`select`,e)}),{default:S(n=>[d(r,{icon:f.subItem.icon},u({default:S(()=>[l(`div`,{class:m(b(O).subLinkContent)},[l(`span`,{class:m(b(O).subLinkLabel)},y(f.subItem.label),3),l(`p`,{class:m(b(O).subLinkDescription)},y(f.subItem.description),3)],2)]),_:2},[g(b(D),e=>({name:e,fn:S(()=>[_(t.$slots,e,{item:f.subItem})])})),n?.isHref?{name:`link-icon`,fn:S(()=>[_(t.$slots,`item-link-icon`,{item:f.subItem},()=>[d(e,{icon:`lucide:arrow-up-right`,class:m(b(O).linkIcon)},null,8,[`class`])])]),key:`0`}:void 0]),1032,[`icon`])]),_:3},16)),f.subItem.children?.length?_(t.$slots,`item-children`,{item:f.subItem},void 0,void 0,0):c(`v-if`,!0)]),_:3},16,[`value`]))}});export{C as default};

package/dist/components/navigation-menu/navigation-menu-trigger.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{isMouseEvent as t}from"../../shared/event.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import i from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import"./shared.js";import{useCollectionItem as a,useNavigationMenuItemContext as o,useNavigationMenuRootContext as s,useNavigationMenuUi as c}from"./context.js";import{Fragment as l,createCommentVNode as u,createElementBlock as d,createVNode as f,defineComponent as p,mergeProps as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,withCtx as y}from"vue";import{refAutoReset as b}from"@vueuse/core";const x=[`aria-owns`],S=p({name:`NavigationMenuTrigger`,inheritAttrs:!1,__name:`navigation-menu-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(p){let S=p,C=v(),{dir:w,orientation:T,disableClickTrigger:E,disableHoverTrigger:D,viewportElement:O,onItemSelect:k,onTriggerEnter:A,onTriggerLeave:j}=s(`NavigationMenuTrigger`),{value:M,triggerId:N,contentId:P,open:F,dataState:I,wasEscapeCloseRef:L,onTriggerElementChange:R,setFocusProxyElement:z,onEntryKeyDown:B,onFocusProxyEnter:V}=o(`NavigationMenuTrigger`),H=c(`trigger`),{onItemElementChange:U}=a(),[W,G]=n(e=>{R(e),U(e)}),K=b(!1,300),q=!1,J=()=>{D.value||(q=!1,L.value=!1)},Y=e=>{D.value||t(e)&&(S.disabled||q||L.value||K.value||(A(M),K.value=!0))},X=e=>{D.value||t(e)&&(S.disabled||(j(),K.value=!1))},Z=t=>{(e(t.pointerType)||t.pointerType===`mouse`)&&E.value||K.value||t.soybeanNavigationMenuLinkDismissed||(F.value?k(``):k(M),q=F.value)},Q=e=>{let t={horizontal:`ArrowDown`,vertical:w.value===`rtl`?`ArrowLeft`:`ArrowRight`}[T.value];F.value&&e.key===t&&(B(),e.preventDefault(),e.stopPropagation())},$=e=>{let t=document.getElementById(P),n=e.relatedTarget,r=n===W.value,i=t?.contains(n);(r||!i)&&V(r?`start`:`end`)};return(e,t)=>(h(),d(l,null,[f(_(r),m(_(C),{id:_(N),ref:_(G),as:p.as,"as-child":p.asChild,"data-soybean-navigation-menu-trigger":``,"data-soybean-collection-item":``,class:_(H),disabled:p.disabled,"data-disabled":p.disabled?``:void 0,"data-state":_(I),"aria-haspopup":`menu`,"aria-expanded":_(F),"aria-controls":_(P),onPointerenter:J,onPointermove:Y,onPointerleave:X,onClick:Z,onKeydown:Q}),{default:y(()=>[g(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`,`disabled`,`data-disabled`,`data-state`,`aria-expanded`,`aria-controls`]),_(F)?(h(),d(l,{key:0},[f(_(i),{ref:_(z),"aria-hidden":`true`,tabindex:0,onFocus:$},null,512),_(O)?(h(),d(`span`,{key:0,"aria-owns":_(P)},null,8,x)):u(`v-if`,!0)],64)):u(`v-if`,!0)],64))}});export{S as default};
+import{isNullish as e}from"../../shared/guard.js";import{isMouseEvent as t}from"../../shared/event.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{Primitive as r}from"../primitive/primitive.js";import i from"../visually-hidden/visually-hidden.js";import"./shared.js";import{useCollectionItem as a,useNavigationMenuItemContext as o,useNavigationMenuRootContext as s,useNavigationMenuUi as c}from"./context.js";import{Fragment as l,createCommentVNode as u,createElementBlock as d,createVNode as f,defineComponent as p,mergeProps as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,withCtx as y}from"vue";import{refAutoReset as b}from"@vueuse/core";const x=[`aria-owns`],S=p({name:`NavigationMenuTrigger`,inheritAttrs:!1,__name:`navigation-menu-trigger`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(p){let S=p,C=v(),{dir:w,orientation:T,disableClickTrigger:E,disableHoverTrigger:D,viewportElement:O,onItemSelect:k,onTriggerEnter:A,onTriggerLeave:j}=s(`NavigationMenuTrigger`),{value:M,triggerId:N,contentId:P,open:F,dataState:I,wasEscapeCloseRef:L,onTriggerElementChange:R,setFocusProxyElement:z,onEntryKeyDown:B,onFocusProxyEnter:V}=o(`NavigationMenuTrigger`),H=c(`trigger`),{onItemElementChange:U}=a(),[W,G]=n(e=>{R(e),U(e)}),K=b(!1,300),q=!1,J=()=>{D.value||(q=!1,L.value=!1)},Y=e=>{D.value||t(e)&&(S.disabled||q||L.value||K.value||(A(M),K.value=!0))},X=e=>{D.value||t(e)&&(S.disabled||(j(),K.value=!1))},Z=t=>{(!e(t.pointerType)&&t.pointerType!==`mouse`||!E.value)&&(K.value||t.soybeanNavigationMenuLinkDismissed||(F.value?k(``):k(M),q=F.value))},Q=e=>{let t={horizontal:`ArrowDown`,vertical:w.value===`rtl`?`ArrowLeft`:`ArrowRight`}[T.value];F.value&&e.key===t&&(B(),e.preventDefault(),e.stopPropagation())},$=e=>{let t=document.getElementById(P),n=e.relatedTarget,r=n===W.value,i=t?.contains(n);(r||!i)&&V(r?`start`:`end`)};return(e,t)=>(h(),d(l,null,[f(_(r),m(_(C),{id:_(N),ref:_(G),as:p.as,"as-child":p.asChild,"data-soybean-navigation-menu-trigger":``,"data-soybean-collection-item":``,class:_(H),disabled:p.disabled,"data-disabled":p.disabled?``:void 0,"data-state":_(I),"aria-haspopup":`menu`,"aria-expanded":_(F),"aria-controls":_(P),onPointerenter:J,onPointermove:Y,onPointerleave:X,onClick:Z,onKeydown:Q}),{default:y(()=>[g(e.$slots,`default`)]),_:3},16,[`id`,`as`,`as-child`,`class`,`disabled`,`data-disabled`,`data-state`,`aria-expanded`,`aria-controls`]),_(F)?(h(),d(l,{key:0},[f(_(i),{ref:_(z),"aria-hidden":`true`,tabindex:0,onFocus:$},null,512),_(O)?(h(),d(`span`,{key:0,"aria-owns":_(P)},null,8,x)):u(`v-if`,!0)],64)):u(`v-if`,!0)],64))}});export{S as default};

package/dist/components/navigation-menu/navigation-menu-viewport.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import{isMouseEvent as t}from"../../shared/event.js";import"../../shared/index.js";import{usePresence as n}from"../../composables/use-presence.js";import"../../composables/index.js";import{getNavigationMenuViewportPosition as r,navigationMenuViewportCssVars as i}from"./shared.js";import{useNavigationMenuRootContext as a,useNavigationMenuUi as o}from"./context.js";import{computed as s,createCommentVNode as c,createElementBlock as l,defineComponent as u,nextTick as d,normalizeClass as f,normalizeStyle as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,watch as v}from"vue";import{useResizeObserver as y}from"@vueuse/core";const b=[`data-state`,`hidden`],x=u({name:`NavigationMenuViewport`,__name:`navigation-menu-viewport`,props:{align:{default:`start`},forceMount:{type:Boolean}},setup(u){let x=u,{dir:S,isRoot:C,open:w,orientation:T,unmountOnHide:E,rootElement:D,modelValue:O,activeTriggerElement:k,viewportElement:A,setViewportElement:j,onContentEnter:M,onContentLeave:N}=a(`NavigationMenuViewport`),P=o(`viewport`),F=x.forceMount?g(!0):n(A,w),I=s(()=>e(w.value)),L=g(),R=g(),z=s(()=>{let{width:e,height:t}=L.value||{},{left:n,top:r}=R.value||{};return{pointerEvents:!w.value&&C?`none`:void 0,[i.width]:e===void 0?void 0:`${e}px`,[i.height]:t===void 0?void 0:`${t}px`,[i.left]:n===void 0?void 0:`${n}px`,[i.top]:r===void 0?void 0:`${r}px`}});function B(){if(!D.value||!A.value)return;let e=L.value||{width:A.value.offsetWidth,height:A.value.offsetHeight};R.value=r({rootElement:D.value,activeTriggerElement:k.value,contentSize:e,orientation:T.value,dir:S.value,align:x.align})}let V=g(null);function H(){A.value&&requestAnimationFrame(()=>{let e=A.value?.querySelector(`[data-state=open]`);V.value=e})}let U=()=>{O.value&&M(O.value)},W=e=>{t(e)&&N()};return y(V,()=>{if(!V.value)return;let{offsetWidth:e,offsetHeight:t}=V.value;L.value={width:e,height:t},B()}),v([A,O,w],()=>{d(()=>{H()})},{immediate:!0}),y([()=>globalThis?.document?.body,D,k],()=>{B()}),(e,t)=>_(F)?(m(),l(`div`,{key:0,ref:_(j),"data-soybean-navigation-menu-viewport":``,class:f(_(P)),"data-state":I.value,hidden:!_(F),style:p(z.value),onPointerenter:U,onPointerleave:W},[!_(E)||_(F)?h(e.$slots,`default`,{},void 0,void 0,0):c(`v-if`,!0)],46,b)):c(`v-if`,!0)}});export{x as default};
+import{getDisclosureState as e}from"../../shared/value.js";import{isMouseEvent as t}from"../../shared/event.js";import{usePresence as n}from"../../composables/use-presence.js";import{getNavigationMenuViewportPosition as r,navigationMenuViewportCssVars as i}from"./shared.js";import{useNavigationMenuRootContext as a,useNavigationMenuUi as o}from"./context.js";import{computed as s,createCommentVNode as c,createElementBlock as l,defineComponent as u,nextTick as d,normalizeClass as f,normalizeStyle as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,watch as v}from"vue";import{useResizeObserver as y}from"@vueuse/core";const b=[`data-state`,`hidden`],x=u({name:`NavigationMenuViewport`,__name:`navigation-menu-viewport`,props:{align:{default:`start`},forceMount:{type:Boolean}},setup(u){let x=u,{dir:S,isRoot:C,open:w,orientation:T,unmountOnHide:E,rootElement:D,modelValue:O,activeTriggerElement:k,viewportElement:A,setViewportElement:j,onContentEnter:M,onContentLeave:N}=a(`NavigationMenuViewport`),P=o(`viewport`),F=x.forceMount?g(!0):n(A,w),I=s(()=>e(w.value)),L=g(),R=g(),z=s(()=>{let{width:e,height:t}=L.value||{},{left:n,top:r}=R.value||{};return{pointerEvents:!w.value&&C?`none`:void 0,[i.width]:e===void 0?void 0:`${e}px`,[i.height]:t===void 0?void 0:`${t}px`,[i.left]:n===void 0?void 0:`${n}px`,[i.top]:r===void 0?void 0:`${r}px`}});function B(){if(!D.value||!A.value)return;let e=L.value||{width:A.value.offsetWidth,height:A.value.offsetHeight};R.value=r({rootElement:D.value,activeTriggerElement:k.value,contentSize:e,orientation:T.value,dir:S.value,align:x.align})}let V=g(null);function H(){A.value&&requestAnimationFrame(()=>{let e=A.value?.querySelector(`[data-state=open]`);V.value=e})}let U=()=>{O.value&&M(O.value)},W=e=>{t(e)&&N()};return y(V,()=>{if(!V.value)return;let{offsetWidth:e,offsetHeight:t}=V.value;L.value={width:e,height:t},B()}),v([A,O,w],()=>{d(()=>{H()})},{immediate:!0}),y([()=>globalThis?.document?.body,D,k],()=>{B()}),(e,t)=>_(F)?(m(),l(`div`,{key:0,ref:_(j),"data-soybean-navigation-menu-viewport":``,class:f(_(P)),"data-state":I.value,hidden:!_(F),style:p(z.value),onPointerenter:U,onPointerleave:W},[!_(E)||_(F)?h(e.$slots,`default`,{},void 0,void 0,0):c(`v-if`,!0)],46,b)):c(`v-if`,!0)}});export{x as default};