@soybeanjs/headless 0.12.0 → 0.12.2

package/dist/components/alert-dialog/alert-dialog-content.vue.d.ts

@@ -8,15 +8,15 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: vue.DefineComponent<DialogContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  escapeKeyDown: (event: KeyboardEvent) => any;
   closeAutoFocus: (event: Event) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<DialogContentProps> & Readonly<{
-  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;

package/dist/components/collapsible/collapsible-root.vue.d.ts

@@ -16,8 +16,8 @@ declare const __VLS_base: vue.DefineComponent<CollapsibleRootProps, {
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
-  defaultOpen: boolean;
   unmountOnHide: boolean;
+  defaultOpen: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/context-menu/context-menu-content.vue.d.ts

@@ -8,18 +8,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: vue.DefineComponent<ContextMenuContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  escapeKeyDown: (event: KeyboardEvent) => any;
-  entryFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  entryFocus: (event: Event) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<ContextMenuContentProps> & Readonly<{
-  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;

package/dist/components/dialog/dialog-content.vue.d.ts

@@ -8,15 +8,15 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: vue.DefineComponent<DialogContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  escapeKeyDown: (event: KeyboardEvent) => any;
   closeAutoFocus: (event: Event) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<DialogContentProps> & Readonly<{
-  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;

package/dist/components/dropdown-menu/dropdown-menu-content.vue.d.ts

@@ -8,18 +8,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: vue.DefineComponent<MenuContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  escapeKeyDown: (event: KeyboardEvent) => any;
-  entryFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  entryFocus: (event: Event) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<MenuContentProps> & Readonly<{
-  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;

package/dist/components/menu/menu-content.vue.d.ts

@@ -8,18 +8,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: vue.DefineComponent<MenuContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  escapeKeyDown: (event: KeyboardEvent) => any;
-  entryFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  entryFocus: (event: Event) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<MenuContentProps> & Readonly<{
-  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;

package/dist/components/menu/menu-sub-content.vue.d.ts

@@ -8,18 +8,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: vue.DefineComponent<MenuSubContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  escapeKeyDown: (event: KeyboardEvent) => any;
-  entryFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  entryFocus: (event: Event) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<MenuSubContentProps> & Readonly<{
-  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onEntryFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;

package/dist/components/popover/popover-positioner.vue.d.ts

@@ -8,15 +8,15 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: vue.DefineComponent<PopoverPositionerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  escapeKeyDown: (event: KeyboardEvent) => any;
   closeAutoFocus: (event: Event) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
   interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
 }, string, vue.PublicProps, Readonly<PopoverPositionerProps> & Readonly<{
-  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
   onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;

package/dist/components/popper/popper-positioner.vue.d.ts

@@ -203,9 +203,9 @@ declare const __VLS_base: vue.DefineComponent<PopperPositionerProps, {}, {}, {},
   'aria-valuenow': string | number;
   'aria-valuetext': string;
   align: Align;
-  side: _floating_ui_utils0.Side;
   reference: _floating_ui_dom0.ReferenceElement;
   placement: Placement$1;
+  side: _floating_ui_utils0.Side;
   sideOffset: number;
   sideFlip: boolean;
   alignOffset: number;

package/dist/components/roving-focus/roving-focus-group.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_base: vue.DefineComponent<RovingFocusGroupProps, {
   "onUpdate:currentTabStopId"?: ((value: string | null | undefined) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  loop: boolean;
   preventScrollOnEntryFocus: boolean;
+  loop: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/select/select-content-impl.js

@@ -1 +1 @@
-import{tryFocusFirst as e}from"../../shared/focus.js";import"../../shared/index.js";import{useBodyScrollLock as t}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as n}from"../../composables/use-dismissable-layer.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{useFocusGuards as i}from"../../composables/use-focus-guards.js";import{useFocusScope as a}from"../../composables/use-focus-scope.js";import{useHideOthers as ee}from"../../composables/use-hide-others.js";import{useOmitProps as o}from"../../composables/use-props.js";import{useTypeahead as s}from"../../composables/use-typeahead.js";import"../../composables/index.js";import c from"../popper/popper-positioner.js";import"../popper/index.js";import{provideSelectContentContext as te,useCollectionContext as ne,useSelectPopupElementContext as l,useSelectRootContext as u}from"./context.js";import"./shared.js";import re from"./select-popper-popup.js";import d from"./select-item-aligned-popup.js";import f from"./select-item-aligned-positioner.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,mergeProps as _,onWatcherCleanup as v,openBlock as y,renderSlot as b,unref as x,watch as S,watchEffect as C,withCtx as w,withModifiers as T}from"vue";const E=g({name:`SelectContentImpl`,__name:`select-content-impl`,props:{position:{default:`popper`},bodyLock:{type:Boolean,default:!0},popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{default:`start`},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{default:10},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},disableOutsidePointerEvents:{type:Boolean,default:!0}},emits:[`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`],setup(g,{emit:E}){let D=g,O=E,{onOpenChange:k,dataState:A,modelValue:j,isMultiple:M,dir:N,contentId:P,triggerElement:F,triggerPointerDownPosition:I,resetTriggerPointerDownPosition:L}=u(`SelectContentImpl`),{onPopupElementChange:R}=l(`SelectContentImpl`),{onContainerElementChange:z,getOrderedItems:B,getOrderedElements:V}=ne(`SelectContentImpl`),[H,U]=r(),[W,G]=r(e=>{R(e),z(e)}),{search:K,handleTypeaheadSearch:q}=s(),{pointerEvents:J}=n(H,{disableOutsidePointerEvents:()=>D.disableOutsidePointerEvents,onEscapeKeyDown:e=>{O(`escapeKeyDown`,e)},onPointerDownOutside:e=>{O(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault()},onDismiss:()=>{k(!1)}}),{onKeydown:Y}=a(H,{onOpenAutoFocus:e=>{e.preventDefault()},onCloseAutoFocus:e=>{O(`closeAutoFocus`,e),!e.defaultPrevented&&(F.value?.focus({preventScroll:!0}),e.preventDefault())}}),{isPositioned:X,focusSelectedItem:ie}=te({position:p(()=>D.position),modelValue:j,isMultiple:M,search:K,popupElement:W}),ae=o(D,[`position`,`bodyLock`,`popupProps`]),Z=p(()=>({display:`flex`,flexDirection:`column`,outline:`none`,pointerEvents:J.value})),Q=t=>{Y(t);let n=t.ctrlKey||t.altKey||t.metaKey;if(t.key===`Tab`&&t.preventDefault(),!n&&t.key.length===1&&q(t.key,B()),[`ArrowUp`,`ArrowDown`,`Home`,`End`].includes(t.key)){let n=[...V()];if([`ArrowUp`,`End`].includes(t.key)&&(n=n.slice().reverse()),[`ArrowUp`,`ArrowDown`].includes(t.key)){let e=t.target,r=n.indexOf(e);n=n.slice(r+1)}setTimeout(()=>{e(n)}),t.preventDefault()}},$=()=>{X.value=!0};return i(),ee(W),S(X,()=>{ie()}),C(()=>{D.bodyLock&&v(t())}),C(()=>{if(!W.value)return;let e={x:0,y:0},t=t=>{let{x:n,y:r}=I.value??{x:0,y:0};e={x:Math.abs(Math.round(t.pageX)-n),y:Math.abs(Math.round(t.pageY)-r)}},n=n=>{n.pointerType!==`touch`&&(e.x<=10&&e.y<=10?n.preventDefault():W.value?.contains(n.target)||k(!1),document.removeEventListener(`pointermove`,t),L())};I.value!==null&&(document.addEventListener(`pointermove`,t),document.addEventListener(`pointerup`,n,{capture:!0,once:!0})),v(()=>{document.removeEventListener(`pointermove`,t),document.removeEventListener(`pointerup`,n,{capture:!0})})}),(e,t)=>g.position===`popper`?(y(),m(x(c),_({key:0,ref:x(U)},x(ae),{onContextmenu:t[0]||(t[0]=T(()=>{},[`prevent`])),onPlaced:$,onKeydown:Q}),{default:w(()=>[h(re,_({id:x(P),ref:x(G)},g.popupProps,{"data-dismissable-layer":``,"data-state":x(A),dir:x(N),role:`listbox`,tabindex:`-1`,style:Z.value}),{default:w(()=>[b(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`dir`,`style`])]),_:3},16)):(y(),m(f,{key:1,ref:x(U),onContextmenu:t[1]||(t[1]=T(()=>{},[`prevent`])),onPlaced:$,onKeydown:Q},{default:w(()=>[h(d,_({id:x(P),ref:x(G)},g.popupProps,{"data-dismissable-layer":``,"data-state":x(A),dir:x(N),role:`listbox`,tabindex:`-1`,style:Z.value}),{default:w(()=>[b(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`dir`,`style`])]),_:3},512))}});export{E as default};
+import{tryFocusFirst as e}from"../../shared/focus.js";import"../../shared/index.js";import{useBodyScrollLock as t}from"../../composables/use-body-scroll-lock.js";import{useDismissableLayer as n}from"../../composables/use-dismissable-layer.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import{useFocusGuards as i}from"../../composables/use-focus-guards.js";import{useFocusScope as a}from"../../composables/use-focus-scope.js";import{useHideOthers as ee}from"../../composables/use-hide-others.js";import{useOmitProps as o}from"../../composables/use-props.js";import{useTypeahead as s}from"../../composables/use-typeahead.js";import"../../composables/index.js";import c from"../popper/popper-positioner.js";import"../popper/index.js";import{provideSelectContentContext as l,useCollectionContext as te,useSelectPopupElementContext as ne,useSelectRootContext as u}from"./context.js";import"./shared.js";import d from"./select-popper-popup.js";import f from"./select-item-aligned-popup.js";import p from"./select-item-aligned-positioner.js";import{computed as m,createBlock as h,createVNode as g,defineComponent as _,mergeProps as v,onWatcherCleanup as y,openBlock as b,renderSlot as x,unref as S,watch as C,watchEffect as w,withCtx as T,withModifiers as E}from"vue";const D=_({name:`SelectContentImpl`,__name:`select-content-impl`,props:{position:{default:`popper`},bodyLock:{type:Boolean,default:!0},popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{default:`start`},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{default:10},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},disableOutsidePointerEvents:{type:Boolean,default:!0}},emits:[`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`],setup(_,{emit:D}){let O=_,k=D,{open:re,onOpenChange:A,dataState:j,modelValue:M,isMultiple:N,dir:P,contentId:F,triggerElement:I,triggerPointerDownPosition:L,resetTriggerPointerDownPosition:R}=u(`SelectContentImpl`),{onPopupElementChange:z}=ne(`SelectContentImpl`),{onContainerElementChange:B,getOrderedItems:V,getOrderedElements:H}=te(`SelectContentImpl`),[U,W]=r(),[G,K]=r(e=>{z(e),B(e)}),{search:q,handleTypeaheadSearch:J}=s(),{pointerEvents:Y}=n(U,{disableOutsidePointerEvents:()=>O.disableOutsidePointerEvents,onEscapeKeyDown:e=>{k(`escapeKeyDown`,e)},onPointerDownOutside:e=>{k(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault()},onDismiss:()=>{A(!1)}}),{onKeydown:ie}=a(U,{onOpenAutoFocus:e=>{e.preventDefault()},onCloseAutoFocus:e=>{k(`closeAutoFocus`,e),!e.defaultPrevented&&(I.value?.focus({preventScroll:!0}),e.preventDefault())}}),{isPositioned:X,focusSelectedItem:ae}=l({position:m(()=>O.position),modelValue:M,isMultiple:N,search:q,popupElement:G}),oe=o(O,[`position`,`bodyLock`,`popupProps`,`disableOutsidePointerEvents`]),Z=m(()=>({display:`flex`,flexDirection:`column`,outline:`none`,pointerEvents:Y.value})),Q=t=>{ie(t);let n=t.ctrlKey||t.altKey||t.metaKey;if(t.key===`Tab`&&t.preventDefault(),!n&&t.key.length===1&&J(t.key,V()),[`ArrowUp`,`ArrowDown`,`Home`,`End`].includes(t.key)){let n=[...H()];if([`ArrowUp`,`End`].includes(t.key)&&(n=n.slice().reverse()),[`ArrowUp`,`ArrowDown`].includes(t.key)){let e=t.target,r=n.indexOf(e);n=n.slice(r+1)}setTimeout(()=>{e(n)}),t.preventDefault()}},$=()=>{X.value=!0};return i(),ee(G,re),C(X,()=>{ae()}),w(()=>{O.bodyLock&&y(t())}),w(()=>{if(!G.value)return;let e={x:0,y:0},t=t=>{let{x:n,y:r}=L.value??{x:0,y:0};e={x:Math.abs(Math.round(t.pageX)-n),y:Math.abs(Math.round(t.pageY)-r)}},n=n=>{n.pointerType!==`touch`&&(e.x<=10&&e.y<=10?n.preventDefault():G.value?.contains(n.target)||A(!1),document.removeEventListener(`pointermove`,t),R())};L.value!==null&&(document.addEventListener(`pointermove`,t),document.addEventListener(`pointerup`,n,{capture:!0,once:!0})),y(()=>{document.removeEventListener(`pointermove`,t),document.removeEventListener(`pointerup`,n,{capture:!0})})}),(e,t)=>_.position===`popper`?(b(),h(S(c),v({key:0,ref:S(W)},S(oe),{onContextmenu:t[0]||(t[0]=E(()=>{},[`prevent`])),onPlaced:$,onKeydown:Q}),{default:T(()=>[g(d,v({id:S(F),ref:S(K)},_.popupProps,{"data-dismissable-layer":``,"data-state":S(j),dir:S(P),role:`listbox`,tabindex:`-1`,style:Z.value}),{default:T(()=>[x(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`dir`,`style`])]),_:3},16)):(b(),h(p,{key:1,ref:S(W),onContextmenu:t[1]||(t[1]=E(()=>{},[`prevent`])),onPlaced:$,onKeydown:Q},{default:T(()=>[g(f,v({id:S(F),ref:S(K)},_.popupProps,{"data-dismissable-layer":``,"data-state":S(j),dir:S(P),role:`listbox`,tabindex:`-1`,style:Z.value}),{default:T(()=>[x(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`dir`,`style`])]),_:3},512))}});export{D as default};

package/dist/components/select/select-content.vue.d.ts

@@ -10,12 +10,12 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: vue.DefineComponent<SelectContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  escapeKeyDown: (event: KeyboardEvent) => any;
   closeAutoFocus: (event: Event) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
 }, string, vue.PublicProps, Readonly<SelectContentProps> & Readonly<{
-  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
 }>, {
   position: SelectPosition;

package/dist/components/select/select-trigger.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useTypeahead as t}from"../../composables/use-typeahead.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import r from"../popper/popper-anchor.js";import"../popper/index.js";import{useCollectionContext as i,useSelectRootContext as a,useSelectUi as o}from"./context.js";import{OPEN_KEYS as s,shouldShowPlaceholder as c}from"./shared.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g,withCtx as _,withModifiers as v}from"vue";const y=f({name:`SelectTrigger`,__name:`select-trigger`,props:{disabled:{type:Boolean},reference:{},asChild:{type:Boolean},as:{default:`button`}},setup(f){let y=f,{open:b,dataState:x,modelValue:S,disabled:C,required:w,contentId:T,dir:E,initContentId:D,onTriggerElementChange:O,onOpenChange:k,setTriggerPointerDownPosition:A}=a(`SelectTrigger`),[j,M]=e(O),{getOrderedItems:N}=i(`SelectTrigger`),{search:P,handleTypeaheadSearch:F,resetTypeahead:I}=t(),L=o(`trigger`),R=l(()=>C.value||y.disabled),z=l(()=>c(S.value)?``:void 0),B=l(()=>y.as===`button`?`button`:void 0),V=()=>{R.value||(k(!0),I())},H=e=>{V();let{pageX:t,pageY:n}=e;A({x:Math.round(t),y:Math.round(n)})},U=e=>{e.currentTarget?.focus()},W=e=>{if(e.pointerType===`touch`){e.preventDefault();return}let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),e.button===0&&e.ctrlKey===!1&&(H(e),e.preventDefault())},G=e=>{e.pointerType===`touch`&&H(e)},K=e=>{let t=P.value!==``;if(!(e.ctrlKey||e.altKey||e.metaKey)&&e.key.length===1&&t&&e.key===` `)return;let n=N();F(e.key,n),s.includes(e.key)&&(V(),e.preventDefault())};return D(),(e,t)=>(m(),u(g(r),{"as-child":``,reference:f.reference},{default:_(()=>[d(g(n),{ref:g(M),as:f.as,"as-child":f.asChild,class:p(g(L)),"aria-controls":g(T),"aria-expanded":g(b)||!1,"aria-required":g(w),"aria-autocomplete":`none`,disabled:R.value,dir:g(E),"data-state":g(x),"data-disabled":R.value?``:void 0,"data-placeholder":z.value,role:`combobox`,type:B.value,onClick:U,onPointerdown:W,onPointerup:v(G,[`prevent`]),onKeydown:K},{default:_(()=>[h(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-controls`,`aria-expanded`,`aria-required`,`disabled`,`dir`,`data-state`,`data-disabled`,`data-placeholder`,`type`])]),_:3},8,[`reference`]))}});export{y as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useTypeahead as t}from"../../composables/use-typeahead.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import r from"../popper/popper-anchor.js";import"../popper/index.js";import{useCollectionContext as i,useSelectRootContext as a,useSelectUi as o}from"./context.js";import{OPEN_KEYS as s,shouldShowPlaceholder as c}from"./shared.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g,withCtx as _,withModifiers as v}from"vue";const y=f({name:`SelectTrigger`,__name:`select-trigger`,props:{disabled:{type:Boolean},reference:{},asChild:{type:Boolean},as:{default:`button`}},setup(f){let y=f,{open:b,dataState:x,modelValue:S,disabled:C,required:w,contentId:T,dir:E,initContentId:D,onTriggerElementChange:O,onOpenChange:k,setTriggerPointerDownPosition:A}=a(`SelectTrigger`),[j,M]=e(O),{getOrderedItems:N}=i(`SelectTrigger`),{search:P,handleTypeaheadSearch:F,resetTypeahead:I}=t(),L=o(`trigger`),R=l(()=>C.value||y.disabled),z=l(()=>c(S.value)?``:void 0),B=l(()=>y.as===`button`?`button`:void 0),V=()=>{R.value||(k(!0),I())},H=e=>{V();let{pageX:t,pageY:n}=e;A({x:Math.round(t),y:Math.round(n)})},U=e=>{b.value||e.currentTarget?.focus()},W=e=>{if(e.pointerType===`touch`){e.preventDefault();return}let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),e.button===0&&e.ctrlKey===!1&&(H(e),e.preventDefault())},G=e=>{e.pointerType===`touch`&&H(e)},K=e=>{let t=P.value!==``;if(!(e.ctrlKey||e.altKey||e.metaKey)&&e.key.length===1&&t&&e.key===` `)return;let n=N();F(e.key,n),s.includes(e.key)&&(V(),e.preventDefault())};return D(),(e,t)=>(m(),u(g(r),{"as-child":``,reference:f.reference},{default:_(()=>[d(g(n),{ref:g(M),as:f.as,"as-child":f.asChild,class:p(g(L)),"aria-controls":g(T),"aria-expanded":g(b)||!1,"aria-required":g(w),"aria-autocomplete":`none`,disabled:R.value,dir:g(E),"data-state":g(x),"data-disabled":R.value?``:void 0,"data-placeholder":z.value,role:`combobox`,type:B.value,onClick:U,onPointerdown:W,onPointerup:v(G,[`prevent`]),onKeydown:K},{default:_(()=>[h(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-controls`,`aria-expanded`,`aria-required`,`disabled`,`dir`,`data-state`,`data-disabled`,`data-placeholder`,`type`])]),_:3},8,[`reference`]))}});export{y as default};

package/dist/components/tabs/tabs-root.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.C
   orientation: DataOrientation;
   modelValue: DefinedValue | null;
   loop: boolean;
-  unmountOnHide: boolean;
   activationMode: TabsActivationMode;
+  unmountOnHide: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/toast/toast-root.vue.d.ts

@@ -13,27 +13,27 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<ToastRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   pause: () => any;
+  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   resume: () => any;
   swipeStart: (event: SwipeEvent) => any;
   swipeMove: (event: SwipeEvent) => any;
   swipeCancel: (event: SwipeEvent) => any;
   swipeEnd: (event: SwipeEvent) => any;
-  "update:open": (value: boolean) => any;
 }, string, vue.PublicProps, Readonly<ToastRootProps> & Readonly<{
   onPause?: (() => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onResume?: (() => any) | undefined;
   onSwipeStart?: ((event: SwipeEvent) => any) | undefined;
   onSwipeMove?: ((event: SwipeEvent) => any) | undefined;
   onSwipeCancel?: ((event: SwipeEvent) => any) | undefined;
   onSwipeEnd?: ((event: SwipeEvent) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   open: boolean;
   as: AsTag | vue.Component;
-  liveType: ToastLiveType;
   defaultOpen: boolean;
+  liveType: ToastLiveType;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/composables/use-dismissable-layer.js

@@ -1 +1 @@
-import{isClient as e}from"../shared/env.js";import{handleAndDispatchCustomEvent as t}from"../shared/event.js";import"../shared/index.js";import{useEscapeKeyDown as n}from"./use-escape-key-down.js";import{computed as r,nextTick as i,onBeforeUnmount as a,onMounted as o,onWatcherCleanup as s,shallowReactive as c,toValue as l,watch as u,watchEffect as d}from"vue";const f=`data-dismissable-layer`,p={layers:c(new Set),layersWithOutsidePointerEventsDisabled:c(new Set),branches:c(new Set)};let m;function h(e,t={}){let{disableOutsidePointerEvents:i,onEscapeKeyDown:a,onPointerDownOutside:o,onFocusOutside:c,onInteractOutside:d,onDismiss:f}=t,h=()=>e.value?.ownerDocument??globalThis?.document,g=r(()=>e.value?Array.from(p.layers).indexOf(e.value):-1),y=r(()=>p.layersWithOutsidePointerEventsDisabled.size>0),b=r(()=>{let e=Array.from(p.layers),[t]=[...p.layersWithOutsidePointerEventsDisabled].slice(-1),n=t?e.indexOf(t):-1;return g.value>=n}),x=r(()=>{if(y.value)return b.value?`auto`:`none`});return _(e,e=>{if(!b.value)return;let t=e.target;[...p.branches].some(e=>e.contains(t))||(o?.(e),d?.(e),e.defaultPrevented||f?.())}),v(e,e=>{let t=e.target;[...p.branches].some(e=>e.contains(t))||(c?.(e),d?.(e),e.defaultPrevented||f?.())}),n(h,e=>{g.value===p.layers.size-1&&(a?.(e),e.defaultPrevented||(e.preventDefault(),f?.()))}),u(e,e=>{if(!e)return;let t=h(),n=l(i);n&&(p.layersWithOutsidePointerEventsDisabled.size===0&&(m=t.body.style.pointerEvents,t.body.style.pointerEvents=`none`),p.layersWithOutsidePointerEventsDisabled.add(e)),p.layers.add(e),s(()=>{n&&p.layersWithOutsidePointerEventsDisabled.size===1&&(m?t.body.style.pointerEvents=m:t.body.style.removeProperty(`pointer-events`)),p.layers.delete(e),p.layersWithOutsidePointerEventsDisabled.delete(e)})}),{pointerEvents:x}}function g(e){o(()=>{e.value&&p.branches.add(e.value)}),a(()=>{e.value&&p.branches.delete(e.value)})}function _(n,r,i=!0){let a=!1,o=()=>{};return d(()=>{if(!e||!l(i)||!n.value)return;let c=n.value.ownerDocument;async function u(e){if(!n.value)return;let i=e.target;if(a=y(n.value,i),i&&!a){let n={originalEvent:e};function i(){t(`dismissableLayer.pointerDownOutside`,r,n)}e.pointerType===`touch`?(c.removeEventListener(`click`,o),o=i,c.addEventListener(`click`,o,{once:!0})):i()}else c.removeEventListener(`click`,o);a=!1}let d=window.setTimeout(()=>{c.addEventListener(`pointerdown`,u)},0);s(()=>{window.clearTimeout(d),c.removeEventListener(`pointerdown`,u),c.removeEventListener(`click`,o)})}),{onPointerdownCapture:()=>{l(i)&&(a=!0)}}}function v(n,r,a=!0){let o=!1,c=async e=>{await i(),n.value&&(o=y(n.value,e.target),e.target&&!o&&t(`dismissableLayer.focusOutside`,r,{originalEvent:e}))};return d(()=>{if(!e||!l(a)||!n.value)return;let t=n.value.ownerDocument;t.addEventListener(`focusin`,c),s(()=>{t.removeEventListener(`focusin`,c)})}),{onFocusCapture:()=>{l(a)&&(o=!0)},onBlurCapture:()=>{l(a)&&(o=!1)}}}function y(e,t){if(!e)return!1;let n=t.closest(`[${f}]`);if(!n)return!1;if(e===n)return!0;let r=Array.from(e.ownerDocument.querySelectorAll(`[${f}]`));return r.indexOf(e)<r.indexOf(n)}export{h as useDismissableLayer,g as useDismissableLayerBranch,v as useFocusOutside,_ as usePointerdownOutside};
+import{isClient as e}from"../shared/env.js";import{handleAndDispatchCustomEvent as t}from"../shared/event.js";import"../shared/index.js";import{useEscapeKeyDown as n}from"./use-escape-key-down.js";import{computed as r,nextTick as i,onBeforeUnmount as a,onMounted as o,onWatcherCleanup as s,shallowReactive as c,toValue as l,watch as u,watchEffect as d}from"vue";const f=`data-dismissable-layer`,p={layers:c(new Set),layersWithOutsidePointerEventsDisabled:c(new Set),branches:c(new Set)};let m;function h(e,t={}){let{disableOutsidePointerEvents:i,onEscapeKeyDown:a,onPointerDownOutside:o,onFocusOutside:c,onInteractOutside:d,onDismiss:f}=t,h=()=>e.value?.ownerDocument??globalThis?.document,g=r(()=>e.value?Array.from(p.layers).indexOf(e.value):-1),y=r(()=>p.layersWithOutsidePointerEventsDisabled.size>0),b=r(()=>{let e=Array.from(p.layers),[t]=[...p.layersWithOutsidePointerEventsDisabled].slice(-1),n=t?e.indexOf(t):-1;return g.value>=n}),x=r(()=>{if(y.value)return b.value?`auto`:`none`});return _(e,e=>{if(!b.value)return;let t=e.target;[...p.branches].some(e=>e.contains(t))||(o?.(e),d?.(e),e.defaultPrevented||f?.())}),v(e,e=>{let t=e.target;[...p.branches].some(e=>e.contains(t))||(c?.(e),d?.(e),e.defaultPrevented||f?.())}),n(h,e=>{g.value===p.layers.size-1&&(a?.(e),e.defaultPrevented||(e.preventDefault(),f?.()))}),u(e,e=>{if(!e)return;let t=h(),n=l(i);n&&(p.layersWithOutsidePointerEventsDisabled.size===0&&(m=t.body.style.pointerEvents,t.body.style.pointerEvents=`none`),p.layersWithOutsidePointerEventsDisabled.add(e)),p.layers.add(e),s(()=>{n&&p.layersWithOutsidePointerEventsDisabled.size===1&&(m?t.body.style.pointerEvents=m:t.body.style.removeProperty(`pointer-events`)),p.layers.delete(e),p.layersWithOutsidePointerEventsDisabled.delete(e)})}),{pointerEvents:x}}function g(e){o(()=>{e.value&&p.branches.add(e.value)}),a(()=>{e.value&&p.branches.delete(e.value)})}function _(n,r,i=!0){let a=!1,o=()=>{};return d(()=>{if(!e||!l(i)||!n.value)return;let c=n.value.ownerDocument;async function u(e){if(!n.value)return;let i=e.target;if(a=y(n.value,i),i&&!a){let n={originalEvent:e};function i(){t(`dismissableLayer.pointerDownOutside`,r,n)}e.pointerType===`touch`?(c.removeEventListener(`click`,o),o=i,c.addEventListener(`click`,o,{once:!0})):i()}else c.removeEventListener(`click`,o);a=!1}let d=window.setTimeout(()=>{c.addEventListener(`pointerdown`,u)},0);s(()=>{window.clearTimeout(d),c.removeEventListener(`pointerdown`,u),c.removeEventListener(`click`,o)})}),{onPointerdownCapture:()=>{l(i)&&(a=!0)}}}function v(n,r,a=!0){let o=!1,c=async e=>{await i(),n.value&&(o=y(n.value,e.target),e.target&&!o&&t(`dismissableLayer.focusOutside`,r,{originalEvent:e}))};return d(()=>{if(!e||!l(a)||!n.value)return;let t=n.value.ownerDocument;t.addEventListener(`focusin`,c),s(()=>{t.removeEventListener(`focusin`,c)})}),{onFocusCapture:()=>{l(a)&&(o=!0)},onBlurCapture:()=>{l(a)&&(o=!1)}}}function y(e,t){if(!e)return!1;if(e.contains(t))return!0;let n=b(e),r=t.closest(`[${f}]`);if(!n||!r)return!1;if(n===r)return!0;let i=Array.from(n.ownerDocument.querySelectorAll(`[${f}]`));return i.indexOf(n)<i.indexOf(r)}function b(e){return e.hasAttribute(f)?e:e.querySelector(`[${f}]`)}export{h as useDismissableLayer,g as useDismissableLayerBranch,v as useFocusOutside,_ as usePointerdownOutside};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/headless",
-  "version": "0.12.0",
+  "version": "0.12.2",
   "description": "SoybeanHeadless is a collection unstyled components for Vue 3. It is designed to be lightweight and easy to use.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {
@@ -73,7 +73,7 @@
     "@internationalized/date": "^3.12.0",
     "@internationalized/number": "^3.6.5",
     "@standard-schema/spec": "^1.1.0",
-    "@tanstack/vue-virtual": "^3.13.19",
+    "@tanstack/vue-virtual": "^3.13.21",
     "@vue/shared": "^3.5.29",
     "@vueuse/core": "^14.2.1",
     "@vueuse/integrations": "^14.2.1",