@soybeanjs/headless 0.29.2 → 0.30.0-beta.1

package/dist/components/tooltip/tooltip-positioner-impl.js

@@ -1 +1 @@
-import{useDismissableLayer as e}from"../../composables/use-dismissable-layer.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useGraceArea as n}from"../../composables/use-grace-area.js";import"../../composables/index.js";import r from"../popper/popper-positioner.js";import"../popper/index.js";import{TOOLTIP_OPEN as i}from"./shared.js";import{useTooltipOpenDelayedContext as a,useTooltipRootContext as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,onWatcherCleanup as d,openBlock as f,renderSlot as p,unref as m,watchPostEffect as h,withCtx as g}from"vue";import{defu as _}from"defu";const v=l({name:`TooltipPositionerImpl`,__name:`tooltip-positioner-impl`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{}},emits:[`escapeKeyDown`,`pointerDownOutside`],setup(l,{emit:v}){let y=l,b=v,{isPointerInTransitRef:x}=a(`TooltipPositionerImpl`),{positionerProps:S,triggerElement:C,popupElement:w,disableClosingTrigger:T,disableHoverableContent:E,onClose:D}=o(`TooltipPositionerImpl`),[O,k]=t();n({triggerElement:C,areaElement:O,onPointerInTransitChange:e=>{x.value=e},onPointerExit:()=>{D()},disabled:E});let{pointerEvents:A}=e(O,{disableOutsidePointerEvents:!1,onEscapeKeyDown:e=>{b(`escapeKeyDown`,e)},onPointerDownOutside:e=>{T.value&&C.value?.contains(e.target)&&e.preventDefault(),b(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault()},onDismiss:()=>{D()}}),j=s(()=>_(y,S.value??{},{side:`top`,sideOffset:0,align:`center`,avoidCollisions:!0,collisionBoundary:[],collisionPadding:0,arrowPadding:0,sticky:`partial`,hideWhenDetached:!1}));return h(()=>{let e=e=>{e.target?.contains(C.value)&&D()};window.addEventListener(`scroll`,e),window.addEventListener(i,D),d(()=>{window.removeEventListener(`scroll`,e),window.removeEventListener(i,D)})}),h(()=>{w.value&&A.value&&(w.value.style.pointerEvents=A.value)}),(e,t)=>(f(),c(m(r),u(j.value,{ref:m(k),"data-soybean-tooltip-positioner-impl":``}),{default:g(()=>[p(e.$slots,`default`)]),_:3},16))}});export{v as default};
+import{useDismissableLayer as e}from"../../composables/use-dismissable-layer.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useGraceArea as n}from"../../composables/use-grace-area.js";import"../../composables/index.js";import r from"../popper/popper-positioner.js";import"../popper/index.js";import{TOOLTIP_OPEN as i}from"./shared.js";import{useTooltipOpenDelayedContext as a,useTooltipRootContext as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,onWatcherCleanup as d,openBlock as f,renderSlot as p,unref as m,watchPostEffect as h,withCtx as g}from"vue";import{defu as _}from"defu";const v=l({name:`TooltipPositionerImpl`,__name:`tooltip-positioner-impl`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{}},emits:[`escapeKeyDown`,`pointerDownOutside`],setup(l,{emit:v}){let y=l,b=v,{isPointerInTransitRef:x}=a(`TooltipPositionerImpl`),{positionerProps:S,triggerElement:C,popupElement:w,disableClosingTrigger:T,disableHoverableContent:E,onClose:D}=o(`TooltipPositionerImpl`),[O,k]=t();n({triggerElement:C,areaElement:O,onPointerInTransitChange:e=>{x.value=e},onPointerExit:()=>{D()},disabled:E});let{pointerEvents:A,onFocusCapture:j,onBlurCapture:M}=e(O,{disableOutsidePointerEvents:!1,onEscapeKeyDown:e=>{b(`escapeKeyDown`,e)},onPointerDownOutside:e=>{T.value&&C.value?.contains(e.target)&&e.preventDefault(),b(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault()},onDismiss:()=>{D()}}),N=s(()=>_(y,S.value??{},{side:`top`,sideOffset:0,align:`center`,avoidCollisions:!0,collisionBoundary:[],collisionPadding:0,arrowPadding:0,sticky:`partial`,hideWhenDetached:!1}));return h(()=>{let e=e=>{e.target?.contains(C.value)&&D()};window.addEventListener(`scroll`,e),document.addEventListener(i,D),d(()=>{window.removeEventListener(`scroll`,e),document.removeEventListener(i,D)})}),h(()=>{w.value&&(A.value?w.value.style.pointerEvents=A.value:w.value.style.removeProperty(`pointer-events`))}),(e,t)=>(f(),c(m(r),u(N.value,{ref:m(k),"data-soybean-tooltip-positioner-impl":``,onFocusCapture:m(j),onBlurCapture:m(M)}),{default:g(()=>[p(e.$slots,`default`)]),_:3},16,[`onFocusCapture`,`onBlurCapture`]))}});export{v as default};

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

@@ -1,5 +1,6 @@
 import { PointerDownOutsideEvent } from "../../types/event.js";
 import { TooltipPositionerProps } from "./types.js";
+import "../../index.js";
 //#region src/components/tooltip/tooltip-positioner.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -23,4 +24,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/tooltip/tooltip-root.js

@@ -1 +1 @@
-import{useConfigProvider as e}from"../config-provider/context.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../popper/popper-root.js";import"../popper/index.js";import{TOOLTIP_OPEN as r,createDefaultTooltipConfig as i}from"./shared.js";import{provideTooltipOpenDelayedContext as a,provideTooltipRootContext as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,openBlock as u,renderSlot as d,unref as f,watch as p,withCtx as m}from"vue";const h=l({name:`TooltipRoot`,inheritAttrs:!1,__name:`tooltip-root`,props:{defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},dir:{},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean},positionerProps:{}},emits:[`update:open`],setup(l,{emit:h}){let g=l,_=h,v=t(()=>g.open,e=>{_(`update:open`,e)},g.defaultOpen),y=e(),b=s(()=>i(y?.tooltip?.value)),x=a({skipDelayDuration:s(()=>b.value.skipDelayDuration)});return o({open:v,delayDuration:s(()=>g.delayDuration??b.value.delayDuration),disableHoverableContent:s(()=>g.disableHoverableContent??b.value.disableHoverableContent),disableClosingTrigger:s(()=>g.disableClosingTrigger??b.value.disableClosingTrigger),disabled:s(()=>g.disabled??b.value.disabled),ignoreNonKeyboardFocus:s(()=>g.ignoreNonKeyboardFocus??b.value.ignoreNonKeyboardFocus),isOpenDelayed:x.isOpenDelayed,positionerProps:s(()=>b.value.positionerProps)}),p(v,e=>{x.onClose&&(e?(x.onOpen(),document.dispatchEvent(new CustomEvent(r))):x.onClose())}),(e,t)=>(u(),c(f(n),{dir:l.dir},{default:m(()=>[d(e.$slots,`default`,{open:f(v)})]),_:3},8,[`dir`]))}});export{h as default};
+import{useConfigProvider as e}from"../config-provider/context.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../popper/popper-root.js";import"../popper/index.js";import{TOOLTIP_OPEN as r,createDefaultTooltipConfig as i}from"./shared.js";import{provideTooltipOpenDelayedContext as a,provideTooltipRootContext as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,openBlock as u,renderSlot as d,unref as f,watch as p,withCtx as m}from"vue";const h=l({name:`TooltipRoot`,inheritAttrs:!1,__name:`tooltip-root`,props:{defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},dir:{},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean},positionerProps:{}},emits:[`update:open`],setup(l,{emit:h}){let g=l,_=h,v=t(()=>g.open,e=>{_(`update:open`,e)},g.defaultOpen),y=e(),b=s(()=>i(y?.tooltip?.value)),x=a({skipDelayDuration:s(()=>b.value.skipDelayDuration)}),S=s(()=>g.delayDuration??b.value.delayDuration),C=s(()=>g.disableHoverableContent??b.value.disableHoverableContent),w=s(()=>g.disableClosingTrigger??b.value.disableClosingTrigger),T=s(()=>g.disabled??b.value.disabled),E=s(()=>g.ignoreNonKeyboardFocus??b.value.ignoreNonKeyboardFocus);return o({open:v,delayDuration:S,disableHoverableContent:C,disableClosingTrigger:w,disabled:T,ignoreNonKeyboardFocus:E,isOpenDelayed:x.isOpenDelayed,positionerProps:s(()=>b.value.positionerProps)}),p(v,e=>{x.onClose&&(e?(x.onOpen(),document.dispatchEvent(new CustomEvent(r))):x.onClose())}),(e,t)=>(u(),c(f(n),{dir:l.dir},{default:m(()=>[d(e.$slots,`default`,{open:f(v)})]),_:3},8,[`dir`]))}});export{h as default};

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

@@ -1,5 +1,4 @@
 import { TooltipRootProps } from "./types.js";
-
 //#region src/components/tooltip/tooltip-root.vue.d.ts
 declare var __VLS_8: {
   open: boolean;
@@ -23,4 +22,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/tooltip/tooltip-trigger.vue.d.ts

@@ -1,5 +1,7 @@
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { PopperAnchorProps } from "../popper/types.js";
+import "./types.js";
 //#region src/components/tooltip/tooltip-trigger.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -16,4 +18,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/tooltip/types.d.ts

@@ -1,9 +1,9 @@
 import { Placement } from "../../types/common.js";
 import { DismissableLayerEmits, ForceMountProps } from "../../types/component.js";
+import "../../types/index.js";
 import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerProps, PopperRootProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
 import { Ref, ShallowRef } from "vue";
-
 //#region src/components/tooltip/types.d.ts
 /**
  * Properties for the TooltipProvider component.
@@ -155,4 +155,4 @@ type TooltipCompactSlots = {
   trigger?: () => any;
 };
 //#endregion
-export { TooltipCompactEmits, TooltipCompactProps, TooltipCompactSlots, TooltipDataState, TooltipPopupProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps };
+export { TooltipCompactEmits, TooltipCompactProps, TooltipCompactSlots, TooltipDataState, TooltipPopupProps, TooltipPositionerEmits, TooltipPositionerImplEmits, TooltipPositionerImplProps, TooltipPositionerProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps, type PopperAnchorProps as TooltipTriggerProps };

package/dist/components/tree/hooks.js

@@ -1 +1 @@
-import{findValuesBetween as e}from"../../shared/object.js";import"../../shared/index.js";import{computed as t,shallowRef as n,toValue as r}from"vue";function i(i,a,o){let s=n(``),c=t(()=>r(a)),l=t(()=>r(o));return{firstValue:s,onSelectItem:e=>(c.value&&Array.isArray(i.value)?l.value===`replace`?(i.value=[e],s.value=e):i.value.findIndex(t=>t===e)===-1?i.value=[...i.value,e]:i.value=i.value.filter(t=>t!==e):l.value===`replace`?i.value=e:!Array.isArray(i.value)&&i.value===e?i.value=void 0:i.value=e,i.value),handleMultipleReplace:(t,n,r,a)=>{if(!s.value||!c.value||!Array.isArray(i.value))return;let o=(a?.()??[]).find(e=>e.element===n)?.data?.value;o&&(i.value={prev:e(r,s.value,o),next:e(r,s.value,o),first:e(r,s.value,r?.[0]).filter(Boolean),last:e(r,s.value,r?.[r.length-1]).filter(Boolean)}[t])}}}export{i as useSelectionBehavior};
+import{findValuesBetween as e}from"../../shared/object.js";import"../../shared/index.js";import{computed as t,shallowRef as n,toValue as r}from"vue";function i(i,a,o){let s=n(``),c=t(()=>r(a)),l=t(()=>r(o));return{firstValue:s,onSelectItem:e=>(c.value&&Array.isArray(i.value)?l.value===`replace`?(i.value=[e],s.value=e):i.value=i.value.findIndex(t=>t===e)===-1?[...i.value,e]:i.value.filter(t=>t!==e):i.value=l.value===`replace`?e:!Array.isArray(i.value)&&i.value===e?void 0:e,i.value),handleMultipleReplace:(t,n,r,a)=>{if(!s.value||!c.value||!Array.isArray(i.value))return;let o=(a?.()??[]).find(e=>e.element===n)?.data?.value;o&&(i.value={prev:e(r,s.value,o),next:e(r,s.value,o),first:e(r,s.value,r?.[0]).filter(Boolean),last:e(r,s.value,r?.[r.length-1]).filter(Boolean)}[t])}}}export{i as useSelectionBehavior};

package/dist/components/tree/index.d.ts

@@ -1,6 +1,6 @@
 import { FlattenedItem, TreeItemBaseData, TreeItemData, TreeItemEmits, TreeItemProps, TreeRootEmits, TreeRootProps, TreeSelectBehavior, TreeToggleBehavior, TreeVirtualizerItemEmits, TreeVirtualizerItemProps, TreeVirtualizerRootEmits, TreeVirtualizerRootProps } from "./types.js";
-import { _default as _default$1 } from "./tree-root.vue.js";
-import { _default } from "./tree-item.vue.js";
-import { _default as _default$3 } from "./tree-virtualizer-root.vue.js";
-import { _default as _default$2 } from "./tree-virtualizer-item.vue.js";
+import _default$1 from "./tree-root.vue.js";
+import _default from "./tree-item.vue.js";
+import _default$3 from "./tree-virtualizer-root.vue.js";
+import _default$2 from "./tree-virtualizer-item.vue.js";
 export { type FlattenedItem, _default as TreeItem, type TreeItemBaseData, type TreeItemData, type TreeItemEmits, type TreeItemProps, _default$1 as TreeRoot, type TreeRootEmits, type TreeRootProps, type TreeSelectBehavior, type TreeToggleBehavior, _default$2 as TreeVirtualizerItem, type TreeVirtualizerItemEmits, type TreeVirtualizerItemProps, _default$3 as TreeVirtualizerRoot, type TreeVirtualizerRootEmits, type TreeVirtualizerRootProps };

package/dist/components/tree/tree-item.js

@@ -1 +1 @@
-import{flattenChildren as e}from"../../shared/object.js";import{getActiveElement as t}from"../../shared/dom.js";import{handleAndDispatchCustomEvent as n}from"../../shared/event.js";import"../../shared/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import i from"../roving-focus/roving-focus-item.js";import{TREE_SELECT as a,TREE_TOGGLE as o,recurseCheckChildren as s}from"./shared.js";import{useTreeRootContext as c}from"./context.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,openBlock as p,renderSlot as m,unref as h,withCtx as g,withKeys as _,withModifiers as v}from"vue";const y=f({name:`TreeItem`,__name:`tree-item`,props:{value:{},level:{},disabled:{type:Boolean},disabledSelect:{type:Boolean},disabledToggle:{type:Boolean},asChild:{type:Boolean},as:{default:`li`}},emits:[`select`,`toggle`],setup(f,{emit:y}){let b=f,x=y,{modelValue:S,disabled:C,dir:w,selectedKeys:T,expanded:E,expandedItems:D,propagateSelect:O,bubbleSelect:k,onSelect:A,onToggle:j,getItems:M}=c(`TreeItem`),N={value:b.value},P=l(()=>D.value.find(e=>e.value===b.value)),F=l(()=>C.value||b.disabled),I=l(()=>!!P.value?.hasChildren),L=l(()=>E.value?.includes(b.value)??!1),R=l(()=>T.value.includes(b.value)),z=l(()=>s(T.value,P.value?.data?.children)),B=l(()=>{if(!P.value||!I.value||!Array.isArray(S.value))return;let t=e(P.value.data.children);if(k.value)return t.some(e=>T.value.includes(e.value))&&!t.every(e=>T.value.includes(e.value));if(O.value&&R.value)return!t.every(e=>T.value.includes(e.value))}),V=e=>{F.value||!I.value||(L.value?W(`right`)?.focus?.():J(e))},H=e=>{F.value||(L.value?J(e):W(`left`)?.focus?.())},U=(e,t)=>{if(!F.value){if(t===`right`){w.value===`ltr`?V(e):H(e);return}w.value===`ltr`?H(e):V(e)}};function W(e){let n=M?.()?.map(e=>e.element)??[],r=t(),i=n.indexOf(r),a=[...n];a=e===`left`?a.slice(0,i).reverse():a.slice(i);let o=e===`left`?b.level-1:b.level+1;return a.find(e=>Number(e.getAttribute(`data-indent`))===o)}async function G(e){x(`select`,e),!e?.defaultPrevented&&A(b.value)}function K(e){x(`toggle`,e),!e?.defaultPrevented&&j(b.value)}async function q(e){b.disabledSelect||e&&n(a,G,{originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value})}function J(e){b.disabledToggle||e&&n(o,K,{originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value})}let Y=e=>{F.value||(q(e),J(e))},X=e=>{if(e.key===`ArrowRight`){U(e,`right`);return}if(e.key===`ArrowLeft`){U(e,`left`);return}Y(e)};return(e,t)=>(p(),u(i,{"as-child":``,"item-data":N,"allow-shift-key":``},{default:g(()=>[d(h(r),{as:f.as,"as-child":f.asChild,"data-soybean-tree-item":``,"aria-disabled":F.value?!0:void 0,"aria-selected":R.value,"aria-expanded":I.value?L.value:void 0,"aria-level":f.level,"data-disabled":F.value?``:void 0,"data-indent":f.level,"data-selected":R.value?``:void 0,"data-expanded":L.value?``:void 0,"data-contains-selected":z.value?``:void 0,role:`treeitem`,onKeydown:_(v(X,[`self`,`prevent`]),[`enter`,`space`,`right`,`left`]),onClick:v(Y,[`stop`])},{default:g(()=>[m(e.$slots,`default`,{isExpanded:L.value,isSelected:R.value,isIndeterminate:B.value,hasChildren:I.value})]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-selected`,`aria-expanded`,`aria-level`,`data-disabled`,`data-indent`,`data-selected`,`data-expanded`,`data-contains-selected`,`onKeydown`])]),_:3}))}});export{y as default};
+import{flattenChildren as e}from"../../shared/object.js";import{getActiveElement as t}from"../../shared/dom.js";import{handleAndDispatchCustomEvent as n}from"../../shared/event.js";import"../../shared/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import i from"../roving-focus/roving-focus-item.js";import{TREE_SELECT as a,TREE_TOGGLE as o,recurseCheckChildren as s}from"./shared.js";import{useTreeRootContext as c}from"./context.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,openBlock as p,renderSlot as m,unref as h,withCtx as g,withKeys as _,withModifiers as v}from"vue";const y=f({name:`TreeItem`,__name:`tree-item`,props:{value:{},level:{},disabled:{type:Boolean},disabledSelect:{type:Boolean},disabledToggle:{type:Boolean},asChild:{type:Boolean},as:{default:`li`}},emits:[`select`,`toggle`],setup(f,{emit:y}){let b=f,x=y,{modelValue:S,disabled:C,dir:w,selectedKeys:T,expanded:E,expandedItems:D,propagateSelect:O,bubbleSelect:k,onSelect:A,onToggle:j,getItems:M}=c(`TreeItem`),N={value:b.value},P=l(()=>D.value.find(e=>e.value===b.value)),F=l(()=>C.value||b.disabled),I=l(()=>!!P.value?.hasChildren),L=l(()=>E.value?.includes(b.value)??!1),R=l(()=>T.value.includes(b.value)),z=l(()=>s(T.value,P.value?.data?.children)),B=l(()=>{if(!P.value||!I.value||!Array.isArray(S.value))return;let t=e(P.value.data.children);if(k.value)return t.some(e=>T.value.includes(e.value))&&!t.every(e=>T.value.includes(e.value));if(O.value&&R.value)return!t.every(e=>T.value.includes(e.value))}),V=l(()=>P.value?.bind?.[`aria-setsize`]),H=l(()=>P.value?.bind?.[`aria-posinset`]),U=e=>{F.value||!I.value||(L.value?K(`right`)?.focus?.():X(e))},W=e=>{F.value||(L.value?X(e):K(`left`)?.focus?.())},G=(e,t)=>{if(!F.value){if(t===`right`){w.value===`ltr`?U(e):W(e);return}w.value===`ltr`?W(e):U(e)}};function K(e){let n=M?.()?.map(e=>e.element)??[],r=t(),i=n.indexOf(r),a=[...n];a=e===`left`?a.slice(0,i).reverse():a.slice(i);let o=e===`left`?b.level-1:b.level+1;return a.find(e=>Number(e.getAttribute(`data-indent`))===o)}async function q(e){x(`select`,e),!e?.defaultPrevented&&A(b.value)}function J(e){x(`toggle`,e),!e?.defaultPrevented&&j(b.value)}async function Y(e){if(b.disabledSelect||!e)return;let t={originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value};n(a,q,t)}function X(e){if(b.disabledToggle||!e)return;let t={originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value};n(o,J,t)}let Z=e=>{F.value||(Y(e),X(e))},Q=e=>{if(e.key===`ArrowRight`){G(e,`right`);return}if(e.key===`ArrowLeft`){G(e,`left`);return}Z(e)};return(e,t)=>(p(),u(i,{"as-child":``,"item-data":N,"allow-shift-key":``},{default:g(()=>[d(h(r),{as:f.as,"as-child":f.asChild,"data-soybean-tree-item":``,"aria-disabled":F.value?!0:void 0,"aria-selected":R.value,"aria-expanded":I.value?L.value:void 0,"aria-level":f.level,"aria-setsize":V.value,"aria-posinset":H.value,"data-disabled":F.value?``:void 0,"data-indent":f.level,"data-selected":R.value?``:void 0,"data-expanded":L.value?``:void 0,"data-contains-selected":z.value?``:void 0,role:`treeitem`,onKeydown:_(v(Q,[`self`,`prevent`]),[`enter`,`space`,`right`,`left`]),onClick:v(Z,[`stop`])},{default:g(()=>[m(e.$slots,`default`,{isExpanded:L.value,isSelected:R.value,isIndeterminate:B.value,hasChildren:I.value})]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-selected`,`aria-expanded`,`aria-level`,`aria-setsize`,`aria-posinset`,`data-disabled`,`data-indent`,`data-selected`,`data-expanded`,`data-contains-selected`,`onKeydown`])]),_:3}))}});export{y as default};

package/dist/components/tree/tree-item.vue.d.ts

@@ -1,7 +1,8 @@
 import { TreeSelectEvent, TreeToggleEvent } from "../../types/event.js";
+import "../../types/index.js";
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { TreeItemProps } from "./types.js";
-
 //#region src/components/tree/tree-item.vue.d.ts
 declare var __VLS_17: {
   isExpanded: boolean;
@@ -29,4 +30,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/tree/tree-root.js

@@ -1 +1 @@
-import{MAP_KEY_TO_FOCUS_INTENT as e}from"../../constants/common.js";import{isNullish as t}from"../../shared/guard.js";import{flattenChildren as n}from"../../shared/object.js";import{getActiveElement as r}from"../../shared/dom.js";import{transformPropsToContext as i}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useTypeahead as o}from"../../composables/use-typeahead.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import c from"../roving-focus/roving-focus-group.js";import{findParentPath as l,flattenItems as u}from"./shared.js";import{provideTreeRootContext as d}from"./context.js";import{useSelectionBehavior as f}from"./hooks.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,nextTick as _,openBlock as v,renderSlot as y,shallowRef as b,unref as x,useTemplateRef as S,withCtx as C}from"vue";import{createEventHook as w}from"@vueuse/core";const T=g({name:`TreeRoot`,__name:`tree-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{default:`toggle`},toggleBehavior:{default:`multiple`},dir:{},loop:{type:Boolean,default:!0},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{default:`ul`}},emits:[`update:modelValue`,`update:expanded`],setup(g,{emit:T}){let E=g,D=T,O=S(`rovingFocusGroupRef`),{handleTypeaheadSearch:k}=o(),A=b(!1),j=w(),M=a(()=>E.modelValue,e=>{D(`update:modelValue`,e)},I()),N=p(()=>E.multiple&&Array.isArray(M.value)?M.value:[M.value]),{onSelectItem:P,handleMultipleReplace:F}=f(M,()=>E.multiple,()=>E.selectionBehavior);function I(){return t(E.defaultValue)?E.multiple?[]:``:E.defaultValue}let L=a(()=>E.expanded,e=>{D(`update:expanded`,e??[])},E.defaultExpanded??[]),R=p(()=>u(E.items,L.value)),z=t=>{let n=e[t.key];_(()=>{F(n,r(),R.value.map(e=>e.value),O.value?.getItems)})},B=e=>{if(E.disabled)return;if(A.value){j.trigger(e);return}if([`ArrowUp`,`ArrowDown`,`Shift`].includes(e.key)){z(e);return}let t=O.value?.getItems()??[];k(e.key,t)},V=e=>{if(E.disabled||!e.parent||!E.multiple||!Array.isArray(M.value))return;let t=R.value.find(t=>e.parent&&t.value===e.parent.value);if(!t)return;let n=M.value;t.data.children?.every(e=>n.find(t=>t===e.value))?M.value=[...n,t.data.value]:M.value=n.filter(e=>e!==t.data.value),V(t)},H=e=>{if(E.disabled)return;let t=R.value.find(t=>t.value===e);if(!(t?.hasChildren&&!E.allowParentSelect)&&(P(e),E.bubbleSelect&&E.multiple&&Array.isArray(M.value)&&t&&V(t),E.propagateSelect&&E.multiple&&Array.isArray(M.value))){if(!t)return;let r=n(t.data.children);M.value.includes(e)?M.value=M.value.filter(e=>!r.some(t=>t.value===e)):M.value=[...M.value,...r]}},U=e=>{if(!E.disabled&&R.value.find(t=>t.value===e)?.data?.children){if(L.value.includes(e)){L.value=L.value.filter(t=>t!==e);return}if(E.toggleBehavior===`single`){let t=l(e,E.items);t?L.value=[...t,e]:L.value=[e]}else L.value=[...L.value,e]}};return d({modelValue:M,expanded:L,selectedKeys:N,onSelect:H,onToggle:U,expandedItems:R,isVirtual:A,virtualKeydownHook:j,getItems:()=>O.value?.getItems()??[],handleMultipleReplace:F,...i(E,[`items`,`multiple`,`disabled`,`dir`,`selectionBehavior`,`propagateSelect`,`bubbleSelect`])}),(e,t)=>(v(),m(c,{ref_key:`rovingFocusGroupRef`,ref:O,"as-child":``,orientation:`vertical`,dir:g.dir,loop:g.loop},{default:C(()=>[h(x(s),{as:g.as,"as-child":g.asChild,"data-soybean-tree-root":``,"aria-disabled":g.disabled?!0:void 0,"aria-multiselectable":g.multiple?!0:void 0,"data-disabled":g.disabled?``:void 0,role:`tree`,onKeydown:B},{default:C(()=>[y(e.$slots,`default`,{flattenItems:R.value,modelValue:x(M),expanded:x(L),select:H,toggle:U})]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-multiselectable`,`data-disabled`])]),_:3},8,[`dir`,`loop`]))}});export{T as default};
+import{MAP_KEY_TO_FOCUS_INTENT as e}from"../../constants/common.js";import{isNullish as t}from"../../shared/guard.js";import{flattenChildren as n}from"../../shared/object.js";import{getActiveElement as r}from"../../shared/dom.js";import{transformPropsToContext as i}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useTypeahead as o}from"../../composables/use-typeahead.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import c from"../roving-focus/roving-focus-group.js";import{findParentPath as l,flattenItems as u}from"./shared.js";import{provideTreeRootContext as d}from"./context.js";import{useSelectionBehavior as f}from"./hooks.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,nextTick as _,openBlock as v,renderSlot as y,shallowRef as b,unref as x,useTemplateRef as S,withCtx as C}from"vue";import{createEventHook as w}from"@vueuse/core";const T=g({name:`TreeRoot`,__name:`tree-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{default:`toggle`},toggleBehavior:{default:`multiple`},dir:{},loop:{type:Boolean,default:!0},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{default:`ul`}},emits:[`update:modelValue`,`update:expanded`],setup(g,{emit:T}){let E=g,D=T,O=S(`rovingFocusGroupRef`),{handleTypeaheadSearch:k}=o(),A=b(!1),j=w(),M=a(()=>E.modelValue,e=>{D(`update:modelValue`,e)},I()),N=p(()=>E.multiple&&Array.isArray(M.value)?M.value:[M.value]),{onSelectItem:P,handleMultipleReplace:F}=f(M,()=>E.multiple,()=>E.selectionBehavior);function I(){return t(E.defaultValue)?E.multiple?[]:``:E.defaultValue}let L=a(()=>E.expanded,e=>{D(`update:expanded`,e??[])},E.defaultExpanded??[]),R=p(()=>u(E.items,L.value)),z=t=>{let n=e[t.key];_(()=>{F(n,r(),R.value.map(e=>e.value),O.value?.getItems)})},B=e=>{if(E.disabled)return;if(A.value){j.trigger(e);return}if([`ArrowUp`,`ArrowDown`,`Shift`].includes(e.key)){z(e);return}let t=O.value?.getItems()??[];k(e.key,t)},V=e=>{if(E.disabled||!e.parent||!E.multiple||!Array.isArray(M.value))return;let t=R.value.find(t=>e.parent&&t.value===e.parent.value);if(!t)return;let n=M.value;t.data.children?.every(e=>n.find(t=>t===e.value))?M.value=[...n,t.data.value]:M.value=n.filter(e=>e!==t.data.value),V(t)},H=e=>{if(E.disabled)return;let t=R.value.find(t=>t.value===e);if(t?.hasChildren&&!E.allowParentSelect)return;let r=E.propagateSelect&&E.multiple&&Array.isArray(M.value)?M.value.includes(e):!1;if(P(e),E.bubbleSelect&&E.multiple&&Array.isArray(M.value)&&t&&V(t),E.propagateSelect&&E.multiple&&Array.isArray(M.value)){if(!t)return;let e=n(t.data.children);r?M.value=M.value.filter(t=>!e.some(e=>e.value===t)):M.value=[...M.value,...e.map(e=>e.value)]}},U=e=>{if(!E.disabled&&R.value.find(t=>t.value===e)?.data?.children){if(L.value.includes(e)){L.value=L.value.filter(t=>t!==e);return}if(E.toggleBehavior===`single`){let t=l(e,E.items);t?L.value=[...t,e]:L.value=[e]}else L.value=[...L.value,e]}};return d({modelValue:M,expanded:L,selectedKeys:N,onSelect:H,onToggle:U,expandedItems:R,isVirtual:A,virtualKeydownHook:j,getItems:()=>O.value?.getItems()??[],handleMultipleReplace:F,...i(E,[`items`,`multiple`,`disabled`,`dir`,`selectionBehavior`,`propagateSelect`,`bubbleSelect`])}),(e,t)=>(v(),m(c,{ref_key:`rovingFocusGroupRef`,ref:O,"as-child":``,orientation:`vertical`,dir:g.dir,loop:g.loop},{default:C(()=>[h(x(s),{as:g.as,"as-child":g.asChild,"data-soybean-tree-root":``,"aria-disabled":g.disabled?!0:void 0,"aria-multiselectable":g.multiple?!0:void 0,"data-disabled":g.disabled?``:void 0,role:`tree`,onKeydown:B},{default:C(()=>[y(e.$slots,`default`,{flattenItems:R.value,modelValue:x(M),expanded:x(L),select:H,toggle:U})]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-multiselectable`,`data-disabled`])]),_:3},8,[`dir`,`loop`]))}});export{T as default};

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

@@ -1,10 +1,10 @@
 import { MaybeArray } from "../../types/common.js";
+import "../../types/index.js";
 import { FlattenedItem, TreeItemData, TreeRootProps } from "./types.js";
-
 //#region src/components/tree/tree-root.vue.d.ts
 declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<TreeRootProps<T, U, M> & {
-    "onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends (infer T_1) ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -20,11 +20,11 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
       toggle: (value: string) => void;
     }) => any;
   };
-  emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
+  emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends (infer T_1) ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/tree/tree-virtualizer-item.vue.d.ts

@@ -1,5 +1,6 @@
 import { TreeSelectEvent, TreeToggleEvent } from "../../types/event.js";
 import { TreeVirtualizerItemProps } from "./types.js";
+import "../../index.js";
 //#region src/components/tree/tree-virtualizer-item.vue.d.ts
 declare var __VLS_14: {
   isExpanded: boolean;
@@ -25,4 +26,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/tree/tree-virtualizer-root.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./tree-root.js";import r from"../virtualizer/virtualizer-root.js";import{createBlock as i,createVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";const p=o({name:`TreeVirtualizerRoot`,__name:`tree-virtualizer-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{default:()=>[]},expanded:{},defaultExpanded:{},selectionBehavior:{},toggleBehavior:{},dir:{},loop:{type:Boolean},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{},height:{},options:{},dynamic:{type:Boolean}},emits:[`update:modelValue`,`update:expanded`],setup(o,{emit:p}){let m=o,h=p,g=t(m,[`as`,`asChild`,`options`,`height`]),_=e(h);return(e,t)=>(c(),i(n,s(d(g),{"as-child":``},u(d(_))),{default:f(({flattenItems:t,modelValue:n,expanded:i})=>[a(r,{as:o.as,"as-child":o.asChild,"data-soybean-tree-virtualizer-root":``,items:t,options:o.options,height:o.height},{default:f(({virtualItems:r})=>[l(e.$slots,`default`,{virtualItems:r,flattenItems:t,modelValue:n,expanded:i})]),_:2},1032,[`as`,`as-child`,`items`,`options`,`height`])]),_:3},16))}});export{p as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./tree-root.js";import r from"../virtualizer/virtualizer-root.js";import{createBlock as i,createVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";const p=o({name:`TreeVirtualizerRoot`,__name:`tree-virtualizer-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{default:()=>[]},expanded:{},defaultExpanded:{},selectionBehavior:{},toggleBehavior:{},dir:{},loop:{type:Boolean,default:!0},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{},height:{},options:{},dynamic:{type:Boolean}},emits:[`update:modelValue`,`update:expanded`],setup(o,{emit:p}){let m=o,h=p,g=t(m,[`as`,`asChild`,`options`,`height`]),_=e(h);return(e,t)=>(c(),i(n,s(d(g),{"as-child":``},u(d(_))),{default:f(({flattenItems:t,modelValue:n,expanded:i})=>[a(r,{as:o.as,"as-child":o.asChild,"data-soybean-tree-virtualizer-root":``,items:t,options:o.options,height:o.height,dynamic:o.dynamic},{default:f(({virtualItems:r,totalSize:a})=>[l(e.$slots,`default`,{virtualItems:r,totalSize:a,flattenItems:t,modelValue:n,expanded:i})]),_:2},1032,[`as`,`as-child`,`items`,`options`,`height`,`dynamic`])]),_:3},16))}});export{p as default};