@soybeanjs/headless 0.23.1 → 0.24.1

package/dist/components/popconfirm/popconfirm-compact.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../portal/portal.js";import a from"../popper/popper-arrow.js";import o from"../popover/popover-root.js";import s from"../popover/popover-trigger.js";import c from"../popover/popover-positioner.js";import l from"../popover/popover-popup.js";import u from"../popover/popover-close.js";import{usePopconfirmUi as d}from"./context.js";import f from"./popconfirm-header.js";import p from"./popconfirm-title.js";import m from"./popconfirm-description.js";import h from"./popconfirm-content.js";import g from"./popconfirm-footer.js";import _ from"./popconfirm-cancel.js";import v from"./popconfirm-confirm.js";import{computed as y,createBlock as b,createCommentVNode as x,createElementVNode as S,createTextVNode as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderSlot as j,toDisplayString as M,toHandlers as N,unref as P,useSlots as F,withCtx as I}from"vue";const L=T({name:`PopconfirmCompact`,__name:`popconfirm-compact`,props:{type:{},placement:{},title:{},description:{},content:{},showArrow:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},confirmText:{},cancelText:{},showCancel:{type:[String,Boolean],default:`onlyWarning`},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},headerProps:{},titleProps:{},descriptionProps:{},contentProps:{},footerProps:{},confirmProps:{},cancelProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!1}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`confirm`,`cancel`],setup(T,{emit:L}){let R=T,z=L,B=F(),V=n(R,[`type`,`placement`,`title`,`description`,`content`,`showArrow`,`showIcon`,`confirmText`,`cancelText`,`showCancel`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`,`headerProps`,`titleProps`,`descriptionProps`,`contentProps`,`footerProps`,`confirmProps`,`cancelProps`]),H=t(z),U=e(),W=d(),G={error:`lucide:circle-x`,success:`lucide:circle-check`,warning:`lucide:circle-alert`,info:`lucide:info`},K=y(()=>R.type?G[R.type]:null),q=y(()=>({...R.triggerProps,asChild:R.triggerProps?.asChild??!0})),J=y(()=>({...R.positionerProps,placement:R.placement??R.positionerProps?.placement})),Y=y(()=>typeof R.showCancel==`boolean`?R.showCancel:R.type===`warning`),X=y(()=>R.cancelText??U.value.dialog.cancel),Z=y(()=>R.confirmText??U.value.dialog.confirm);return(e,t)=>(A(),b(o,D(P(V),{"data-type":T.type,"onUpdate:open":t[2]||(t[2]=e=>z(`update:open`,e))}),{default:I(n=>[w(s,k(E(q.value)),{default:I(()=>[j(e.$slots,`trigger`,k(E(n)))]),_:2},1040),w(i,k(E(T.portalProps)),{default:I(()=>[w(c,D(J.value,N(P(H))),{default:I(()=>[w(l,k(E(T.popupProps)),{default:I(()=>[w(f,null,{default:I(()=>[w(p,k(E(T.titleProps)),{default:I(()=>[T.showIcon&&K.value?(A(),b(r,{key:0,class:O(P(W).icon),icon:K.value},null,8,[`class`,`icon`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(n)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),B.description||T.description?(A(),b(m,k(D({key:0},T.descriptionProps)),{default:I(()=>[j(e.$slots,`description`,k(E(n)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1024),B.default||T.content?(A(),b(h,k(D({key:0},T.contentProps)),{default:I(()=>[j(e.$slots,`default`,k(E(n)),()=>[C(M(T.content),1)])]),_:2},1040)):x(`v-if`,!0),w(g,k(E(T.footerProps)),{default:I(()=>[j(e.$slots,`footer`,k(E(n)),()=>[Y.value?(A(),b(_,D({key:0},T.cancelProps,{onClose:t[0]||(t[0]=e=>z(`cancel`,e))}),{default:I(()=>[C(M(X.value),1)]),_:1},16)):x(`v-if`,!0),w(v,D(T.confirmProps,{onClose:t[1]||(t[1]=e=>z(`confirm`,e))}),{default:I(()=>[C(M(Z.value),1)]),_:1},16)])]),_:2},1040),T.showArrow?(A(),b(a,k(D({key:1},T.arrowProps)),null,16)):x(`v-if`,!0)]),_:2},1040),B.close?(A(),b(u,k(D({key:0},T.closeProps)),{default:I(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16,[`data-type`]))}});export{L as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../portal/portal.js";import a from"../popper/popper-arrow.js";import o from"../popover/popover-close.js";import s from"../popover/popover-popup.js";import c from"../popover/popover-positioner.js";import l from"../popover/popover-root.js";import u from"../popover/popover-trigger.js";import{usePopconfirmUi as d}from"./context.js";import f from"./popconfirm-cancel.js";import p from"./popconfirm-confirm.js";import m from"./popconfirm-content.js";import h from"./popconfirm-description.js";import g from"./popconfirm-footer.js";import _ from"./popconfirm-header.js";import v from"./popconfirm-title.js";import{computed as y,createBlock as b,createCommentVNode as x,createElementVNode as S,createTextVNode as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderSlot as j,toDisplayString as M,toHandlers as N,unref as P,useSlots as F,withCtx as I}from"vue";const L=T({name:`PopconfirmCompact`,__name:`popconfirm-compact`,props:{type:{},placement:{},title:{},description:{},content:{},showArrow:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},confirmText:{},cancelText:{},showCancel:{type:[String,Boolean],default:`onlyWarning`},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},headerProps:{},titleProps:{},descriptionProps:{},contentProps:{},footerProps:{},confirmProps:{},cancelProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!1}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`confirm`,`cancel`],setup(T,{emit:L}){let R=T,z=L,B=F(),V=n(R,[`type`,`placement`,`title`,`description`,`content`,`showArrow`,`showIcon`,`confirmText`,`cancelText`,`showCancel`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`,`headerProps`,`titleProps`,`descriptionProps`,`contentProps`,`footerProps`,`confirmProps`,`cancelProps`]),H=t(z),U=e(),W=d(),G={error:`lucide:circle-x`,success:`lucide:circle-check`,warning:`lucide:circle-alert`,info:`lucide:info`},K=y(()=>R.type?G[R.type]:null),q=y(()=>({...R.triggerProps,asChild:R.triggerProps?.asChild??!0})),J=y(()=>({...R.positionerProps,placement:R.placement??R.positionerProps?.placement})),Y=y(()=>typeof R.showCancel==`boolean`?R.showCancel:R.type===`warning`),X=y(()=>R.cancelText??U.value.dialog.cancel),Z=y(()=>R.confirmText??U.value.dialog.confirm);return(e,t)=>(A(),b(l,D(P(V),{"data-type":T.type,"onUpdate:open":t[2]||(t[2]=e=>z(`update:open`,e))}),{default:I(n=>[w(u,k(E(q.value)),{default:I(()=>[j(e.$slots,`trigger`,k(E(n)))]),_:2},1040),w(i,k(E(T.portalProps)),{default:I(()=>[w(c,D(J.value,N(P(H))),{default:I(()=>[w(s,k(E(T.popupProps)),{default:I(()=>[w(_,null,{default:I(()=>[w(v,k(E(T.titleProps)),{default:I(()=>[T.showIcon&&K.value?(A(),b(r,{key:0,class:O(P(W).icon),icon:K.value},null,8,[`class`,`icon`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(n)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),B.description||T.description?(A(),b(h,k(D({key:0},T.descriptionProps)),{default:I(()=>[j(e.$slots,`description`,k(E(n)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1024),B.default||T.content?(A(),b(m,k(D({key:0},T.contentProps)),{default:I(()=>[j(e.$slots,`default`,k(E(n)),()=>[C(M(T.content),1)])]),_:2},1040)):x(`v-if`,!0),w(g,k(E(T.footerProps)),{default:I(()=>[j(e.$slots,`footer`,k(E(n)),()=>[Y.value?(A(),b(f,D({key:0},T.cancelProps,{onClose:t[0]||(t[0]=e=>z(`cancel`,e))}),{default:I(()=>[C(M(X.value),1)]),_:1},16)):x(`v-if`,!0),w(p,D(T.confirmProps,{onClose:t[1]||(t[1]=e=>z(`confirm`,e))}),{default:I(()=>[C(M(Z.value),1)]),_:1},16)])]),_:2},1040),T.showArrow?(A(),b(a,k(D({key:1},T.arrowProps)),null,16)):x(`v-if`,!0)]),_:2},1040),B.close?(A(),b(o,k(D({key:0},T.closeProps)),{default:I(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16,[`data-type`]))}});export{L as default};

package/dist/components/popover/index.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import t from"../popper/popper-arrow.js";import{providePopoverUi as n}from"./context.js";import r from"./popover-root.js";import i from"./popover-trigger.js";import a from"./popover-positioner.js";import o from"./popover-popup.js";import s from"./popover-close.js";import c from"./popover-compact.js";import l from"./popover-anchor.js";export{l as PopoverAnchor,t as PopoverArrow,s as PopoverClose,c as PopoverCompact,o as PopoverPopup,e as PopoverPortal,a as PopoverPositioner,r as PopoverRoot,i as PopoverTrigger,n as providePopoverUi};
+import e from"../portal/portal.js";import t from"../popper/popper-arrow.js";import{providePopoverUi as n}from"./context.js";import r from"./popover-close.js";import i from"./popover-popup.js";import a from"./popover-positioner.js";import o from"./popover-root.js";import s from"./popover-trigger.js";import c from"./popover-compact.js";import l from"./popover-anchor.js";export{l as PopoverAnchor,t as PopoverArrow,r as PopoverClose,c as PopoverCompact,i as PopoverPopup,e as PopoverPortal,a as PopoverPositioner,o as PopoverRoot,s as PopoverTrigger,n as providePopoverUi};

package/dist/components/popover/popover-compact.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"../_icon/icon.js";import r from"../portal/portal.js";import i from"../popper/popper-arrow.js";import a from"./popover-root.js";import o from"./popover-trigger.js";import s from"./popover-positioner.js";import c from"./popover-popup.js";import l from"./popover-close.js";import{computed as u,createBlock as d,createCommentVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeProps as _,openBlock as v,renderSlot as y,toHandlers as b,unref as x,useSlots as S,withCtx as C}from"vue";const w=m({name:`PopoverCompact`,inheritAttrs:!1,__name:`popover-compact`,props:{placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(m,{emit:w}){let T=m,E=w,D=S(),O=t(T,[`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),k=e(E),A=u(()=>({...T.triggerProps,asChild:T.triggerProps?.asChild??!0})),j=u(()=>({...T.positionerProps,placement:T.placement??T.positionerProps?.placement}));return(e,t)=>(v(),d(a,g(x(O),{"onUpdate:open":t[0]||(t[0]=e=>E(`update:open`,e))}),{default:C(t=>[p(o,_(h(A.value)),{default:C(()=>[y(e.$slots,`trigger`)]),_:3},16),p(r,_(h(m.portalProps)),{default:C(()=>[p(s,g(j.value,b(x(k))),{default:C(()=>[p(c,_(h(m.popupProps)),{default:C(()=>[y(e.$slots,`default`,_(h(t))),m.showArrow?(v(),d(i,_(g({key:0},m.arrowProps)),null,16)):f(`v-if`,!0)]),_:2},1040),D.close?(v(),d(l,_(g({key:0},m.closeProps)),{default:C(()=>[y(e.$slots,`close`,{},()=>[p(n,{icon:`lucide:x`})])]),_:3},16)):f(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{w 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"../_icon/icon.js";import r from"../portal/portal.js";import i from"../popper/popper-arrow.js";import a from"./popover-close.js";import o from"./popover-popup.js";import s from"./popover-positioner.js";import c from"./popover-root.js";import l from"./popover-trigger.js";import{computed as u,createBlock as d,createCommentVNode as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeProps as _,openBlock as v,renderSlot as y,toHandlers as b,unref as x,useSlots as S,withCtx as C}from"vue";const w=m({name:`PopoverCompact`,inheritAttrs:!1,__name:`popover-compact`,props:{placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(m,{emit:w}){let T=m,E=w,D=S(),O=t(T,[`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),k=e(E),A=u(()=>({...T.triggerProps,asChild:T.triggerProps?.asChild??!0})),j=u(()=>({...T.positionerProps,placement:T.placement??T.positionerProps?.placement}));return(e,t)=>(v(),d(c,g(x(O),{"onUpdate:open":t[0]||(t[0]=e=>E(`update:open`,e))}),{default:C(t=>[p(l,_(h(A.value)),{default:C(()=>[y(e.$slots,`trigger`)]),_:3},16),p(r,_(h(m.portalProps)),{default:C(()=>[p(s,g(j.value,b(x(k))),{default:C(()=>[p(o,_(h(m.popupProps)),{default:C(()=>[y(e.$slots,`default`,_(h(t))),m.showArrow?(v(),d(i,_(g({key:0},m.arrowProps)),null,16)):f(`v-if`,!0)]),_:2},1040),D.close?(v(),d(a,_(g({key:0},m.closeProps)),{default:C(()=>[y(e.$slots,`close`,{},()=>[p(n,{icon:`lucide:x`})])]),_:3},16)):f(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{w as default};

package/dist/components/progress/index.js

@@ -1 +1 @@
-import{progress as e}from"./state.js";import{provideProgressProviderUi as t,provideProgressUi as n}from"./context.js";import r from"./progress-provider.js";import i from"./progress-indicator.js";import a from"./progress-root.js";import o from"./progress-compact.js";import s from"./progress-circle-svg.js";import c from"./progress-circle-compact.js";export{s as ProgressCircle,c as ProgressCircleCompact,o as ProgressCompact,i as ProgressIndicator,r as ProgressProvider,a as ProgressRoot,e as progress,t as provideProgressProviderUi,n as provideProgressUi};
+import{provideProgressProviderUi as e,provideProgressUi as t}from"./context.js";import{progress as n}from"./state.js";import r from"./progress-provider.js";import i from"./progress-indicator.js";import a from"./progress-root.js";import o from"./progress-compact.js";import s from"./progress-circle-svg.js";import c from"./progress-circle-compact.js";export{s as ProgressCircle,c as ProgressCircleCompact,o as ProgressCompact,i as ProgressIndicator,r as ProgressProvider,a as ProgressRoot,n as progress,e as provideProgressProviderUi,t as provideProgressUi};

package/dist/components/progress/progress-provider.js

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{progress as t}from"./state.js";import{useProgressProviderUi as n}from"./context.js";import{createElementBlock as r,createElementVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,unref as c,watchEffect as l}from"vue";const u=[`aria-label`],d=a({name:`ProgressProvider`,__name:`progress-provider`,props:{direction:{},minimum:{},maximum:{},easing:{},speed:{},trickle:{type:Boolean},trickleSpeed:{}},setup(a){let d=a,f=n(),p=e();return l(()=>{t.configure(d)}),(e,t)=>(s(),r(`div`,{"data-soybean-progress-provider":``,class:o(c(f).root),role:`progressbar`,"aria-label":c(p).progress.loading,"aria-valuemin":`0`,"aria-valuemax":`1`,style:{display:`none`}},[i(`div`,{class:o(c(f).indicator),"data-soybean-progress-bar":``},null,2)],10,u))}});export{d as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useProgressProviderUi as t}from"./context.js";import{progress as n}from"./state.js";import{createElementBlock as r,createElementVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,unref as c,watchEffect as l}from"vue";const u=[`aria-label`],d=a({name:`ProgressProvider`,__name:`progress-provider`,props:{direction:{},minimum:{},maximum:{},easing:{},speed:{},trickle:{type:Boolean},trickleSpeed:{}},setup(a){let d=a,f=t(),p=e();return l(()=>{n.configure(d)}),(e,t)=>(s(),r(`div`,{"data-soybean-progress-provider":``,class:o(c(f).root),role:`progressbar`,"aria-label":c(p).progress.loading,"aria-valuemin":`0`,"aria-valuemax":`1`,style:{display:`none`}},[i(`div`,{class:o(c(f).indicator),"data-soybean-progress-bar":``},null,2)],10,u))}});export{d as default};

package/dist/components/radio-group/types.d.ts

@@ -1,9 +1,9 @@
 import { DataOrientation, DefinedWithBooleanValue, Direction, UiClass } from "../../types/common.js";
 import { ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
-import { IconValue } from "../_icon/types.js";
 import { LabelProps } from "../label/types.js";
 import { ComputedRef, ShallowRef } from "vue";
 

package/dist/components/select/index.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import{provideSelectUi as t}from"./context.js";import n from"./select-root.js";import r from"./select-arrow.js";import i from"./select-content.js";import a from"./select-group.js";import o from"./select-group-label.js";import s from"./select-item.js";import c from"./select-item-indicator.js";import l from"./select-item-text.js";import u from"./select-scroll-down-button.js";import d from"./select-scroll-up-button.js";import f from"./select-separator.js";import p from"./select-trigger.js";import m from"./select-trigger-icon.js";import h from"./select-value.js";import g from"./select-viewport.js";import _ from"./select-compact.js";export{r as SelectArrow,_ as SelectCompact,i as SelectContent,a as SelectGroup,o as SelectGroupLabel,s as SelectItem,c as SelectItemIndicator,l as SelectItemText,e as SelectPortal,n as SelectRoot,u as SelectScrollDownButton,d as SelectScrollUpButton,f as SelectSeparator,p as SelectTrigger,m as SelectTriggerIcon,h as SelectValue,g as SelectViewport,t as provideSelectUi};
+import e from"../portal/portal.js";import{provideSelectUi as t}from"./context.js";import n from"./select-root.js";import r from"./select-arrow.js";import i from"./select-content.js";import a from"./select-group-label.js";import o from"./select-group.js";import s from"./select-item-indicator.js";import c from"./select-item-text.js";import l from"./select-item.js";import u from"./select-scroll-down-button.js";import d from"./select-scroll-up-button.js";import f from"./select-separator.js";import p from"./select-trigger-icon.js";import m from"./select-trigger.js";import h from"./select-value.js";import g from"./select-viewport.js";import _ from"./select-compact.js";export{r as SelectArrow,_ as SelectCompact,i as SelectContent,o as SelectGroup,a as SelectGroupLabel,l as SelectItem,s as SelectItemIndicator,c as SelectItemText,e as SelectPortal,n as SelectRoot,u as SelectScrollDownButton,d as SelectScrollUpButton,f as SelectSeparator,m as SelectTrigger,p as SelectTriggerIcon,h as SelectValue,g as SelectViewport,t as provideSelectUi};

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../portal/portal.js";import"../portal/index.js";import r from"./select-root.js";import i from"./select-arrow.js";import{isGroupOption as a}from"./shared.js";import o from"./select-content.js";import s from"./select-group.js";import c from"./select-group-label.js";import l from"./select-item.js";import u from"./select-item-indicator.js";import d from"./select-item-text.js";import f from"./select-scroll-down-button.js";import p from"./select-scroll-up-button.js";import m from"./select-separator.js";import h from"./select-trigger.js";import g from"./select-trigger-icon.js";import _ from"./select-value.js";import v from"./select-viewport.js";import{Fragment as y,computed as b,createBlock as x,createCommentVNode as S,createElementBlock as C,createTextVNode as w,createVNode as T,defineComponent as E,guardReactiveProps as D,mergeProps as O,normalizeProps as k,openBlock as A,renderList as j,renderSlot as M,toDisplayString as N,unref as P,withCtx as F}from"vue";const I=E({name:`SelectCompact`,__name:`select-compact`,props:{items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(E,{emit:I}){let L=E,R=I,z=e(L,[`items`,`showArrow`,`triggerProps`,`triggerIconProps`,`placeholder`,`valueProps`,`portalProps`,`contentProps`,`placement`,`popupProps`,`viewportProps`,`scrollDownButtonProps`,`scrollUpButtonProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemTextProps`,`itemIndicatorProps`,`separatorProps`,`arrowProps`]),B=b(()=>({...L.valueProps,placeholder:L.placeholder??L.valueProps?.placeholder})),V=b(()=>({...L.contentProps,placement:L.placement??L.contentProps?.placement,popupProps:L.popupProps??L.contentProps?.popupProps})),H=e=>a(e)?`group-${e.label}`:`item-${String(e.value)}`,U=e=>e,W=e=>{R(`update:modelValue`,e)},G=e=>{R(`select`,e)};return(e,b)=>(A(),x(r,O(P(z),{"onUpdate:modelValue":W,"onUpdate:open":b[5]||(b[5]=e=>R(`update:open`,e))}),{default:F(()=>[T(h,k(D(E.triggerProps)),{default:F(()=>[M(e.$slots,`trigger-leading`),T(_,k(D(B.value)),{default:F(t=>[M(e.$slots,`trigger-value`,k(D(U(t))))]),_:3},16),M(e.$slots,`trigger-trailing`),T(g,k(D(E.triggerIconProps)),{default:F(()=>[M(e.$slots,`trigger-icon`,{},()=>[T(t,{icon:`lucide:chevrons-up-down`})])]),_:3},16)]),_:3},16),T(P(n),k(D(E.portalProps)),{default:F(()=>[T(o,O(V.value,{onCloseAutoFocus:b[2]||(b[2]=e=>R(`closeAutoFocus`,e)),onEscapeKeyDown:b[3]||(b[3]=e=>R(`escapeKeyDown`,e)),onPointerDownOutside:b[4]||(b[4]=e=>R(`pointerDownOutside`,e))}),{default:F(()=>[T(p,k(D(E.scrollUpButtonProps)),{default:F(()=>[M(e.$slots,`scroll-up-button`,{},()=>[T(t,{icon:`lucide:chevron-up`})])]),_:3},16),T(v,k(D(E.viewportProps)),{default:F(()=>[(A(!0),C(y,null,j(E.items,n=>(A(),C(y,{key:H(n)},[P(a)(n)?(A(),x(s,O({key:0,ref_for:!0},E.groupProps),{default:F(()=>[T(c,O({ref_for:!0},E.groupLabelProps),{default:F(()=>[M(e.$slots,`group-label`,{item:n},()=>[w(N(n.label),1)])]),_:2},1040),n.separator?(A(),x(m,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0),(A(!0),C(y,null,j(n.items,n=>(A(),C(y,{key:String(n.value)},[T(l,O({ref_for:!0},E.itemProps,{value:n.value,"text-value":n.textValue,disabled:n.disabled,onSelect:b[0]||(b[0]=e=>G(e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),x(t,{key:0,icon:n.icon},null,8,[`icon`])):S(`v-if`,!0)]),T(d,O({ref_for:!0},E.itemTextProps),{default:F(()=>[M(e.$slots,`item-text`,{item:n},()=>[w(N(n.label),1)])]),_:2},1040),M(e.$slots,`item-trailing`,{item:n}),T(u,O({ref_for:!0},E.itemIndicatorProps),{default:F(()=>[M(e.$slots,`item-indicator`,{item:n},()=>[T(t,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`]),n.separator?(A(),x(m,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0)],64))),128))]),_:2},1040)):(A(),C(y,{key:1},[T(l,O({ref_for:!0},E.itemProps,{value:n.value,"text-value":n.textValue,disabled:n.disabled,onSelect:b[1]||(b[1]=e=>G(e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),x(t,{key:0,icon:n.icon},null,8,[`icon`])):S(`v-if`,!0)]),T(d,O({ref_for:!0},E.itemTextProps),{default:F(()=>[M(e.$slots,`item-text`,{item:n},()=>[w(N(n.label),1)])]),_:2},1040),M(e.$slots,`item-trailing`,{item:n}),T(u,O({ref_for:!0},E.itemIndicatorProps),{default:F(()=>[M(e.$slots,`item-indicator`,{item:n},()=>[T(t,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`]),n.separator?(A(),x(m,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0)],64))],64))),128))]),_:3},16),T(f,k(D(E.scrollDownButtonProps)),{default:F(()=>[M(e.$slots,`scroll-down-button`,{},()=>[T(t,{icon:`lucide:chevron-down`})])]),_:3},16),E.showArrow?(A(),x(i,k(O({key:0},E.arrowProps)),null,16)):S(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{I as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import n from"../portal/portal.js";import"../portal/index.js";import r from"./select-root.js";import{isGroupOption as i}from"./shared.js";import a from"./select-arrow.js";import o from"./select-content.js";import s from"./select-group-label.js";import c from"./select-group.js";import l from"./select-item-indicator.js";import u from"./select-item-text.js";import d from"./select-item.js";import f from"./select-scroll-down-button.js";import p from"./select-scroll-up-button.js";import m from"./select-separator.js";import h from"./select-trigger-icon.js";import g from"./select-trigger.js";import _ from"./select-value.js";import v from"./select-viewport.js";import{Fragment as y,computed as b,createBlock as x,createCommentVNode as S,createElementBlock as C,createTextVNode as w,createVNode as T,defineComponent as E,guardReactiveProps as D,mergeProps as O,normalizeProps as k,openBlock as A,renderList as j,renderSlot as M,toDisplayString as N,unref as P,withCtx as F}from"vue";const I=E({name:`SelectCompact`,__name:`select-compact`,props:{items:{},showArrow:{type:Boolean},triggerProps:{},triggerIconProps:{},placeholder:{},valueProps:{},portalProps:{},contentProps:{},placement:{},popupProps:{},viewportProps:{},scrollDownButtonProps:{},scrollUpButtonProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemTextProps:{},itemIndicatorProps:{},separatorProps:{},arrowProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`,`select`],setup(E,{emit:I}){let L=E,R=I,z=e(L,[`items`,`showArrow`,`triggerProps`,`triggerIconProps`,`placeholder`,`valueProps`,`portalProps`,`contentProps`,`placement`,`popupProps`,`viewportProps`,`scrollDownButtonProps`,`scrollUpButtonProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemTextProps`,`itemIndicatorProps`,`separatorProps`,`arrowProps`]),B=b(()=>({...L.valueProps,placeholder:L.placeholder??L.valueProps?.placeholder})),V=b(()=>({...L.contentProps,placement:L.placement??L.contentProps?.placement,popupProps:L.popupProps??L.contentProps?.popupProps})),H=e=>i(e)?`group-${e.label}`:`item-${String(e.value)}`,U=e=>e,W=e=>{R(`update:modelValue`,e)},G=e=>{R(`select`,e)};return(e,b)=>(A(),x(r,O(P(z),{"onUpdate:modelValue":W,"onUpdate:open":b[5]||(b[5]=e=>R(`update:open`,e))}),{default:F(()=>[T(g,k(D(E.triggerProps)),{default:F(()=>[M(e.$slots,`trigger-leading`),T(_,k(D(B.value)),{default:F(t=>[M(e.$slots,`trigger-value`,k(D(U(t))))]),_:3},16),M(e.$slots,`trigger-trailing`),T(h,k(D(E.triggerIconProps)),{default:F(()=>[M(e.$slots,`trigger-icon`,{},()=>[T(t,{icon:`lucide:chevrons-up-down`})])]),_:3},16)]),_:3},16),T(P(n),k(D(E.portalProps)),{default:F(()=>[T(o,O(V.value,{onCloseAutoFocus:b[2]||(b[2]=e=>R(`closeAutoFocus`,e)),onEscapeKeyDown:b[3]||(b[3]=e=>R(`escapeKeyDown`,e)),onPointerDownOutside:b[4]||(b[4]=e=>R(`pointerDownOutside`,e))}),{default:F(()=>[T(p,k(D(E.scrollUpButtonProps)),{default:F(()=>[M(e.$slots,`scroll-up-button`,{},()=>[T(t,{icon:`lucide:chevron-up`})])]),_:3},16),T(v,k(D(E.viewportProps)),{default:F(()=>[(A(!0),C(y,null,j(E.items,n=>(A(),C(y,{key:H(n)},[P(i)(n)?(A(),x(c,O({key:0,ref_for:!0},E.groupProps),{default:F(()=>[T(s,O({ref_for:!0},E.groupLabelProps),{default:F(()=>[M(e.$slots,`group-label`,{item:n},()=>[w(N(n.label),1)])]),_:2},1040),n.separator?(A(),x(m,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0),(A(!0),C(y,null,j(n.items,n=>(A(),C(y,{key:String(n.value)},[T(d,O({ref_for:!0},E.itemProps,{value:n.value,"text-value":n.textValue,disabled:n.disabled,onSelect:b[0]||(b[0]=e=>G(e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),x(t,{key:0,icon:n.icon},null,8,[`icon`])):S(`v-if`,!0)]),T(u,O({ref_for:!0},E.itemTextProps),{default:F(()=>[M(e.$slots,`item-text`,{item:n},()=>[w(N(n.label),1)])]),_:2},1040),M(e.$slots,`item-trailing`,{item:n}),T(l,O({ref_for:!0},E.itemIndicatorProps),{default:F(()=>[M(e.$slots,`item-indicator`,{item:n},()=>[T(t,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`]),n.separator?(A(),x(m,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0)],64))),128))]),_:2},1040)):(A(),C(y,{key:1},[T(d,O({ref_for:!0},E.itemProps,{value:n.value,"text-value":n.textValue,disabled:n.disabled,onSelect:b[1]||(b[1]=e=>G(e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),x(t,{key:0,icon:n.icon},null,8,[`icon`])):S(`v-if`,!0)]),T(u,O({ref_for:!0},E.itemTextProps),{default:F(()=>[M(e.$slots,`item-text`,{item:n},()=>[w(N(n.label),1)])]),_:2},1040),M(e.$slots,`item-trailing`,{item:n}),T(l,O({ref_for:!0},E.itemIndicatorProps),{default:F(()=>[M(e.$slots,`item-indicator`,{item:n},()=>[T(t,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`]),n.separator?(A(),x(m,O({key:0,ref_for:!0},E.separatorProps),null,16)):S(`v-if`,!0)],64))],64))),128))]),_:3},16),T(f,k(D(E.scrollDownButtonProps)),{default:F(()=>[M(e.$slots,`scroll-down-button`,{},()=>[T(t,{icon:`lucide:chevron-down`})])]),_:3},16),E.showArrow?(A(),x(a,k(O({key:0},E.arrowProps)),null,16)):S(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{I as default};

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

@@ -5,8 +5,8 @@ import { SelectCompactProps, SelectCompactSlots, SelectItemEvent } from "./types
 declare const __VLS_export: <T extends DefinedValue = DefinedValue, M extends boolean = false>(__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<SelectCompactProps<T, M> & {
     onSelect?: ((event: SelectItemEvent<T>) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
@@ -16,7 +16,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, M extends bo
   expose: (exposed: {}) => void;
   attrs: any;
   slots: SelectCompactSlots<T, M>;
-  emit: ((evt: "select", event: SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", event: SelectItemEvent<T>) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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 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};
+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-item-aligned-popup.js";import f from"./select-item-aligned-positioner.js";import p from"./select-popper-popup.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(p,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(f,{key:1,ref:S(W),onContextmenu:t[1]||(t[1]=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},512))}});export{D as default};

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

@@ -4,8 +4,8 @@ import { SelectRootProps } from "./types.js";
 //#region src/components/select/select-root.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(__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<SelectRootProps<T, M> & {
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(
       open: boolean;
     }) => any;
   };
-  emit: ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void);
+  emit: ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -2,9 +2,9 @@ import { DefinedValue, Direction, SelectionEmits, SelectionProps, UiClass } from
 import { PointerDownOutsideEvent } from "../../types/event.js";
 import { DismissableLayerProps, ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import { IconValue } from "../_icon/types.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
-import { IconValue } from "../_icon/types.js";
 import { PopperAnchorProps, PopperArrowProps, PopperPositionerProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
 import { ComputedRef, ShallowRef } from "vue";

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

@@ -15,13 +15,13 @@ declare const __VLS_base: import("vue").DefineComponent<SliderRootProps, {}, {},
   onValueCommit?: ((value: number[]) => any) | undefined;
 }>, {
   dir: Direction;
-  disabled: boolean;
   max: number;
   min: number;
   orientation: DataOrientation;
+  disabled: boolean;
   step: number;
-  modelValue: number[];
   defaultValue: number[];
+  modelValue: number[];
   inverted: boolean;
   minStepsBetweenThumbs: number;
   thumbAlignment: SliderThumbAlignment;

package/dist/components/splitter/splitter-group.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideSplitterGroupContext as r,useSplitterUi as i}from"./context.js";import{areLayoutsEqual as a,getDefaultLayout as o,getPanelBounds as s,getPanelState as c,normalizeLayout as l,resizeLayoutPair as u,sortPanels as d}from"./shared.js";import{computed as f,createBlock as p,defineComponent as m,mergeProps as h,openBlock as g,renderSlot as _,shallowRef as v,unref as y,useId as b,withCtx as x}from"vue";const S=m({name:`SplitterGroup`,__name:`splitter-group`,props:{direction:{default:`horizontal`},dir:{default:void 0},defaultLayout:{default:void 0},keyboardResizeBy:{default:10},asChild:{type:Boolean},as:{}},emits:[`layout`],setup(m,{emit:S}){let C=m,w=S,[T,E]=e(),D=i(`root`),O=t(C,[`direction`,`dir`,`defaultLayout`,`keyboardResizeBy`]),k=v([]),A=v([]),j=v({}),M=v({}),N=v({}),P=0,F=f(()=>C.direction===`vertical`?`vertical`:`horizontal`),I=f(()=>C.dir),L=f(()=>Math.max(C.keyboardResizeBy,1)),R=f(()=>d(k.value)),z=`soybean-splitter-group-${b()}`;function B(){return new Map(R.value.map((e,t)=>[e.id,A.value[t]]))}function V(e){let t={...j.value},n={...M.value};R.value.forEach((r,i)=>{let a=e[i],o=j.value[r.id];r.onResize(a,o);let s=c(a,r)===`collapsed`,l=M.value[r.id];s!==l&&(s?r.onCollapse():l!==void 0&&r.onExpand()),s||(N.value={...N.value,[r.id]:a}),t[r.id]=a,n[r.id]=s}),j.value=t,M.value=n}function H(e){a(A.value,e)||(A.value=e,w(`layout`,e),V(e))}function U(){let e=A.value.length===R.value.length?B():void 0;H(l(C.defaultLayout?.length===R.value.length?C.defaultLayout:o(R.value,e),R.value))}function W(e){return R.value.findIndex(t=>t.id===e)}function G(){let e=T.value?.getBoundingClientRect();return e?F.value===`vertical`?e.height:e.width:0}function K(e,t){H(u(A.value,R.value,e,t))}function q(e){return R.value[e]}function J(e){let t=W(e),n=R.value[t];if(n)return s(n,t<R.value.length-1?(A.value[t]??0)+(A.value[t+1]??0):t>0?(A.value[t-1]??0)+(A.value[t]??0):100)}function Y(e,t){let n=W(e);if(!(n<0)){if(n<R.value.length-1){K(n,t-(A.value[n]??0));return}if(n>0){let e=A.value[n]??0,r=A.value[n-1]??0,i=e+r;K(n-1,i-t-r)}}}function X(e){let t=R.value.find(t=>t.id===e);if(!t?.collapsible.value)return;let n=Q(e);n!==void 0&&n>t.collapsedSize.value&&(N.value={...N.value,[e]:n}),Y(e,t.collapsedSize.value)}function Z(e){let t=R.value.find(t=>t.id===e);if(!t)return;let n=N.value[e]??t.defaultSize.value??t.minSize.value;Y(e,Math.max(n,t.minSize.value))}function Q(e){let t=W(e);if(!(t<0))return A.value[t]}function $(e){let t=R.value.find(t=>t.id===e),n=Q(e);return t?c(n,t)===`collapsed`:!1}function ee(e){return{flexBasis:`0px`,flexGrow:Q(e)??0,flexShrink:1,overflow:`hidden`}}function te(e){k.value=[...k.value,{...e,registrationIndex:P}],P+=1,U()}function ne(e){k.value=k.value.filter(t=>t.id!==e),U()}let{dir:re}=r({direction:F,dir:I,keyboardResizeBy:L,groupId:z,layout:A,rootElement:T,registerPanel:te,unregisterPanel:ne,refreshLayout:U,getPanelStyle:ee,getPanelSize:Q,isPanelCollapsed:$,collapsePanel:X,expandPanel:Z,resizePanel:Y,resizePanelPair:K,getPanelRecordByIndex:q,getPanelBounds:J,getGroupSize:G});return U(),(e,t)=>(g(),p(y(n),h(y(O),{ref:y(E),as:m.as,"as-child":m.asChild,"data-soybean-splitter-group":``,class:y(D),dir:y(re),"data-orientation":F.value,"data-panel-group-direction":F.value,"data-splitter-group-id":z}),{default:x(()=>[_(e.$slots,`default`,{layout:A.value})]),_:3},16,[`as`,`as-child`,`class`,`dir`,`data-orientation`,`data-panel-group-direction`]))}});export{S as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{areLayoutsEqual as r,getDefaultLayout as i,getPanelBounds as a,getPanelState as o,normalizeLayout as s,resizeLayoutPair as c,sortPanels as l}from"./shared.js";import{provideSplitterGroupContext as u,useSplitterUi as d}from"./context.js";import{computed as f,createBlock as p,defineComponent as m,mergeProps as h,openBlock as g,renderSlot as _,shallowRef as v,unref as y,useId as b,withCtx as x}from"vue";const S=m({name:`SplitterGroup`,__name:`splitter-group`,props:{direction:{default:`horizontal`},dir:{default:void 0},defaultLayout:{default:void 0},keyboardResizeBy:{default:10},asChild:{type:Boolean},as:{}},emits:[`layout`],setup(m,{emit:S}){let C=m,w=S,[T,E]=e(),D=d(`root`),O=t(C,[`direction`,`dir`,`defaultLayout`,`keyboardResizeBy`]),k=v([]),A=v([]),j=v({}),M=v({}),N=v({}),P=0,F=f(()=>C.direction===`vertical`?`vertical`:`horizontal`),I=f(()=>C.dir),L=f(()=>Math.max(C.keyboardResizeBy,1)),R=f(()=>l(k.value)),z=`soybean-splitter-group-${b()}`;function B(){return new Map(R.value.map((e,t)=>[e.id,A.value[t]]))}function V(e){let t={...j.value},n={...M.value};R.value.forEach((r,i)=>{let a=e[i],s=j.value[r.id];r.onResize(a,s);let c=o(a,r)===`collapsed`,l=M.value[r.id];c!==l&&(c?r.onCollapse():l!==void 0&&r.onExpand()),c||(N.value={...N.value,[r.id]:a}),t[r.id]=a,n[r.id]=c}),j.value=t,M.value=n}function H(e){r(A.value,e)||(A.value=e,w(`layout`,e),V(e))}function U(){let e=A.value.length===R.value.length?B():void 0;H(s(C.defaultLayout?.length===R.value.length?C.defaultLayout:i(R.value,e),R.value))}function W(e){return R.value.findIndex(t=>t.id===e)}function G(){let e=T.value?.getBoundingClientRect();return e?F.value===`vertical`?e.height:e.width:0}function K(e,t){H(c(A.value,R.value,e,t))}function q(e){return R.value[e]}function J(e){let t=W(e),n=R.value[t];if(n)return a(n,t<R.value.length-1?(A.value[t]??0)+(A.value[t+1]??0):t>0?(A.value[t-1]??0)+(A.value[t]??0):100)}function Y(e,t){let n=W(e);if(!(n<0)){if(n<R.value.length-1){K(n,t-(A.value[n]??0));return}if(n>0){let e=A.value[n]??0,r=A.value[n-1]??0,i=e+r;K(n-1,i-t-r)}}}function X(e){let t=R.value.find(t=>t.id===e);if(!t?.collapsible.value)return;let n=Q(e);n!==void 0&&n>t.collapsedSize.value&&(N.value={...N.value,[e]:n}),Y(e,t.collapsedSize.value)}function Z(e){let t=R.value.find(t=>t.id===e);if(!t)return;let n=N.value[e]??t.defaultSize.value??t.minSize.value;Y(e,Math.max(n,t.minSize.value))}function Q(e){let t=W(e);if(!(t<0))return A.value[t]}function $(e){let t=R.value.find(t=>t.id===e),n=Q(e);return t?o(n,t)===`collapsed`:!1}function ee(e){return{flexBasis:`0px`,flexGrow:Q(e)??0,flexShrink:1,overflow:`hidden`}}function te(e){k.value=[...k.value,{...e,registrationIndex:P}],P+=1,U()}function ne(e){k.value=k.value.filter(t=>t.id!==e),U()}let{dir:re}=u({direction:F,dir:I,keyboardResizeBy:L,groupId:z,layout:A,rootElement:T,registerPanel:te,unregisterPanel:ne,refreshLayout:U,getPanelStyle:ee,getPanelSize:Q,isPanelCollapsed:$,collapsePanel:X,expandPanel:Z,resizePanel:Y,resizePanelPair:K,getPanelRecordByIndex:q,getPanelBounds:J,getGroupSize:G});return U(),(e,t)=>(g(),p(y(n),h(y(O),{ref:y(E),as:m.as,"as-child":m.asChild,"data-soybean-splitter-group":``,class:y(D),dir:y(re),"data-orientation":F.value,"data-panel-group-direction":F.value,"data-splitter-group-id":z}),{default:x(()=>[_(e.$slots,`default`,{layout:A.value})]),_:3},16,[`as`,`as-child`,`class`,`dir`,`data-orientation`,`data-panel-group-direction`]))}});export{S as default};

package/dist/components/splitter/splitter-group.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<SplitterGroupProps, {},
 }>, {
   dir: Direction;
   direction: DataOrientation;
-  defaultLayout: number[];
   keyboardResizeBy: number;
+  defaultLayout: number[];
 }, {}, {}, {}, 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/splitter/splitter-panel.vue.d.ts

@@ -33,9 +33,9 @@ declare const __VLS_base: import("vue").DefineComponent<SplitterPanelProps, {
   collapsible: boolean;
   order: number;
   defaultSize: number;
-  minSize: number;
-  maxSize: number;
   collapsedSize: number;
+  maxSize: number;
+  minSize: number;
 }, {}, {}, {}, 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/stepper/stepper-root.vue.d.ts

@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<StepperRootProps, {
   "onUpdate:modelValue"?: ((payload: number) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  modelValue: number;
   defaultValue: number;
+  modelValue: number;
   linear: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/table/index.js

@@ -1 +1 @@
-import{provideTableUi as e}from"./context.js";import{filterTableColumns as t,getNextTableFilterKeywordState as n,getNextTableFilterState as r,getNextTableFilterValuesState as i,getTableAriaSort as a,getTableColumnByKey as o,getTableColumnFilterOptions as s,getTableColumnFilterStateValue as c,getTableColumnFilterValue as l,getTableColumnFilterValues as u,getTableColumnKey as d,getTableColumnWidthValue as f,getTableFilterPlaceholder as p,getTableHeaderRows as m,getTableLeafColumns as h,getTableRowLabel as g,getTableRowValueByDataIndex as _,getTableTreeRows as v,isTableColumnFiltered as y,isTableDataColumn as b,isTableFilterOptionSelected as x,isTableGroupColumn as S,matchesTableColumnFilter as C,parseTableColumnWidth as w,sortTableData as T,toggleTableFilterOption as E,toggleTableSortState as D}from"./shared.js";import O from"./table-body.js";import k from"./table-cell.js";import A from"./table-row.js";import j from"./table-head.js";import M from"./table-content.js";import N from"./table-footer.js";import P from"./table-header.js";import F from"./table-root.js";import I from"./table-scroll.js";import L from"./table-compact.js";export{O as TableBody,k as TableCell,L as TableCompact,M as TableContent,N as TableFooter,j as TableHead,P as TableHeader,F as TableRoot,A as TableRow,I as TableScroll,t as filterTableColumns,n as getNextTableFilterKeywordState,r as getNextTableFilterState,i as getNextTableFilterValuesState,a as getTableAriaSort,o as getTableColumnByKey,s as getTableColumnFilterOptions,c as getTableColumnFilterStateValue,l as getTableColumnFilterValue,u as getTableColumnFilterValues,d as getTableColumnKey,f as getTableColumnWidthValue,p as getTableFilterPlaceholder,m as getTableHeaderRows,h as getTableLeafColumns,g as getTableRowLabel,_ as getTableRowValueByDataIndex,v as getTableTreeRows,y as isTableColumnFiltered,b as isTableDataColumn,x as isTableFilterOptionSelected,S as isTableGroupColumn,C as matchesTableColumnFilter,w as parseTableColumnWidth,e as provideTableUi,T as sortTableData,E as toggleTableFilterOption,D as toggleTableSortState};
+import{provideTableUi as e}from"./context.js";import{filterTableColumns as t,getNextTableFilterKeywordState as n,getNextTableFilterState as r,getNextTableFilterValuesState as i,getTableAriaSort as a,getTableColumnByKey as o,getTableColumnFilterOptions as s,getTableColumnFilterStateValue as c,getTableColumnFilterValue as l,getTableColumnFilterValues as u,getTableColumnKey as d,getTableColumnWidthValue as f,getTableFilterPlaceholder as p,getTableHeaderRows as m,getTableLeafColumns as h,getTableRowLabel as g,getTableRowValueByDataIndex as _,getTableTreeRows as v,isTableColumnFiltered as y,isTableDataColumn as b,isTableFilterOptionSelected as x,isTableGroupColumn as S,matchesTableColumnFilter as C,parseTableColumnWidth as w,sortTableData as T,toggleTableFilterOption as E,toggleTableSortState as D}from"./shared.js";import O from"./table-body.js";import k from"./table-cell.js";import A from"./table-head.js";import j from"./table-row.js";import M from"./table-content.js";import N from"./table-footer.js";import P from"./table-header.js";import F from"./table-root.js";import I from"./table-scroll.js";import L from"./table-compact.js";export{O as TableBody,k as TableCell,L as TableCompact,M as TableContent,N as TableFooter,A as TableHead,P as TableHeader,F as TableRoot,j as TableRow,I as TableScroll,t as filterTableColumns,n as getNextTableFilterKeywordState,r as getNextTableFilterState,i as getNextTableFilterValuesState,a as getTableAriaSort,o as getTableColumnByKey,s as getTableColumnFilterOptions,c as getTableColumnFilterStateValue,l as getTableColumnFilterValue,u as getTableColumnFilterValues,d as getTableColumnKey,f as getTableColumnWidthValue,p as getTableFilterPlaceholder,m as getTableHeaderRows,h as getTableLeafColumns,g as getTableRowLabel,_ as getTableRowValueByDataIndex,v as getTableTreeRows,y as isTableColumnFiltered,b as isTableDataColumn,x as isTableFilterOptionSelected,S as isTableGroupColumn,C as matchesTableColumnFilter,w as parseTableColumnWidth,e as provideTableUi,T as sortTableData,E as toggleTableFilterOption,D as toggleTableSortState};

package/dist/components/table/table-compact.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{provideTableCompactContext as n}from"./context.js";import{useTableCompactData as r,useTableCompactResize as ee,useTableCompactState as i,useTableCompactVirtual as a}from"./hooks.js";import o from"./table-body.js";import s from"./table-cell.js";import c from"./table-row.js";import l from"./table-compact-row.js";import u from"./table-compact-head.js";import d from"./table-content.js";import f from"./table-footer.js";import p from"./table-header.js";import m from"./table-root.js";import te from"./table-scroll.js";import ne from"./table-virtual-spacer-row.js";import{Fragment as h,computed as g,createBlock as _,createCommentVNode as v,createElementBlock as y,createSlots as b,createVNode as x,defineComponent as S,guardReactiveProps as C,mergeProps as w,normalizeProps as T,normalizeStyle as E,openBlock as D,renderList as O,renderSlot as k,unref as A,useSlots as re,withCtx as j}from"vue";const M=S({name:`TableCompact`,__name:`table-compact`,props:{columns:{},data:{},rowKey:{},defaultSortState:{},sortState:{default:void 0},defaultFilterState:{},filterState:{default:void 0},defaultColumnWidths:{},columnWidths:{default:void 0},getChildren:{},indent:{default:16},virtual:{type:Boolean},height:{},estimateSize:{},virtualizerOptions:{},defaultExpanded:{},expanded:{default:void 0},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},dir:{},defaultSelected:{},selected:{default:void 0},multiple:{default:!0}},emits:[`update:sortState`,`update:filterState`,`update:columnWidths`,`update:expanded`,`update:selected`],setup(S,{emit:M}){let N=S,P=M,F=re(),I=g(()=>Object.keys(F)),L=g(()=>!!F[`expanded-row`]),R=N,z=t(()=>N.dir),{expanded:B,sortState:V,filterState:H,columnWidths:U,selected:W,multiple:G,onSelectedChange:K,setSelected:q,resetSelected:J,isValueSelected:Y}=i({props:R,emit:P,hasExpandedRowSlot:L}),{leafColumns:X,headerRows:ie,sourceRows:ae,hasTreeRows:oe,visibleExpandedKeys:se,visibleRowKeys:ce,treeColumnKey:le,hasExpandColumn:ue,isHeaderSelectionDisabled:de,headerSelection:fe,displayRows:Z}=r({props:R,expanded:B,sortState:V,filterState:H,selected:W,hasExpandedRowSlot:L}),{setTableContentRef:pe,headCellElements:me,measuredColumnWidths:Q,syncMeasuredColumnWidths:he,resizingColumnKey:ge,fixedColumnStates:_e}=ee({leafColumns:X,columnWidths:U}),{isVirtual:ve,setTableScrollRef:ye,tableScrollStyle:be,virtualPaddingStart:xe,virtualPaddingEnd:Se,visibleRows:Ce}=a({...e(R,[`height`,`virtual`,`virtualizerOptions`,`estimateSize`]),displayRows:Z,syncMeasuredColumnWidths:he}),$=g(()=>Math.max(X.value.length,1)),we=g(()=>Z.value.length===0);return n({...e(N,[`indent`,`headProps`,`cellProps`,`rowProps`]),dir:z,rowKey:N.rowKey,expanded:B,sortState:V,filterState:H,columnWidths:U,selected:W,multiple:G,onSelectedChange:K,setSelected:q,resetSelected:J,isValueSelected:Y,leafColumns:X,sourceRows:ae,hasTreeRows:oe,treeColumnKey:le,hasExpandColumn:ue,hasExpandedRowSlot:L,visibleExpandedKeys:se,visibleRowKeys:ce,isHeaderSelectionDisabled:de,headerSelection:fe,fixedColumnStates:_e,resizingColumnKey:ge,measuredColumnWidths:Q,headCellElements:me}),(e,t)=>(D(),_(m,{dir:A(z)},{default:j(()=>[x(te,{ref:A(ye),style:E(A(be))},{default:j(()=>[x(d,w({ref:A(pe)},S.contentProps),{default:j(()=>[x(p,T(C(S.headerProps)),{default:j(()=>[(D(!0),y(h,null,O(A(ie),(t,n)=>(D(),_(c,w({key:n},{ref_for:!0},S.rowProps),{default:j(()=>[(D(!0),y(h,null,O(t,t=>(D(),_(u,{key:t.key,column:t.column,"col-span":t.colSpan,"row-span":t.rowSpan},b({_:2},[O(I.value,t=>({name:t,fn:j(n=>[k(e.$slots,t,w({ref_for:!0},n))])}))]),1032,[`column`,`col-span`,`row-span`]))),128))]),_:2},1040))),128))]),_:3},16),x(o,T(C(S.bodyProps)),{default:j(()=>[we.value?(D(),_(c,T(w({key:0},S.rowProps)),{default:j(()=>[x(s,w({colspan:$.value},S.cellProps),{default:j(()=>[k(e.$slots,`empty`,{columnSize:$.value})]),_:3},16,[`colspan`])]),_:3},16)):(D(),_(ne,{key:1,"is-virtual":A(ve),colspan:$.value,"padding-start":A(xe),"padding-end":A(Se)},{default:j(()=>[(D(!0),y(h,null,O(A(Ce),({item:t,index:n})=>(D(),_(l,{key:t.key,row:t,index:n,"leaf-columns":A(X)},b({_:2},[O(I.value,t=>({name:t,fn:j(n=>[k(e.$slots,t,w({ref_for:!0},n))])}))]),1032,[`row`,`index`,`leaf-columns`]))),128))]),_:3},8,[`is-virtual`,`colspan`,`padding-start`,`padding-end`]))]),_:3},16),e.$slots.footer?(D(),_(f,T(w({key:0},S.footerProps)),{default:j(()=>[k(e.$slots,`footer`,{columnSize:$.value})]),_:3},16)):v(`v-if`,!0)]),_:3},16)]),_:3},8,[`style`]),k(e.$slots,`bottom`)]),_:3},8,[`dir`]))}});export{M as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{provideTableCompactContext as n}from"./context.js";import{useTableCompactData as r,useTableCompactResize as ee,useTableCompactState as i,useTableCompactVirtual as a}from"./hooks.js";import o from"./table-body.js";import s from"./table-cell.js";import c from"./table-compact-head.js";import l from"./table-row.js";import u from"./table-compact-row.js";import d from"./table-content.js";import f from"./table-footer.js";import p from"./table-header.js";import m from"./table-root.js";import te from"./table-scroll.js";import ne from"./table-virtual-spacer-row.js";import{Fragment as h,computed as g,createBlock as _,createCommentVNode as v,createElementBlock as y,createSlots as b,createVNode as x,defineComponent as S,guardReactiveProps as C,mergeProps as w,normalizeProps as T,normalizeStyle as E,openBlock as D,renderList as O,renderSlot as k,unref as A,useSlots as re,withCtx as j}from"vue";const M=S({name:`TableCompact`,__name:`table-compact`,props:{columns:{},data:{},rowKey:{},defaultSortState:{},sortState:{default:void 0},defaultFilterState:{},filterState:{default:void 0},defaultColumnWidths:{},columnWidths:{default:void 0},getChildren:{},indent:{default:16},virtual:{type:Boolean},height:{},estimateSize:{},virtualizerOptions:{},defaultExpanded:{},expanded:{default:void 0},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},dir:{},defaultSelected:{},selected:{default:void 0},multiple:{default:!0}},emits:[`update:sortState`,`update:filterState`,`update:columnWidths`,`update:expanded`,`update:selected`],setup(S,{emit:M}){let N=S,P=M,F=re(),I=g(()=>Object.keys(F)),L=g(()=>!!F[`expanded-row`]),R=N,z=t(()=>N.dir),{expanded:B,sortState:V,filterState:H,columnWidths:U,selected:W,multiple:G,onSelectedChange:K,setSelected:q,resetSelected:J,isValueSelected:Y}=i({props:R,emit:P,hasExpandedRowSlot:L}),{leafColumns:X,headerRows:ie,sourceRows:ae,hasTreeRows:oe,visibleExpandedKeys:se,visibleRowKeys:ce,treeColumnKey:le,hasExpandColumn:ue,isHeaderSelectionDisabled:de,headerSelection:fe,displayRows:Z}=r({props:R,expanded:B,sortState:V,filterState:H,selected:W,hasExpandedRowSlot:L}),{setTableContentRef:pe,headCellElements:me,measuredColumnWidths:Q,syncMeasuredColumnWidths:he,resizingColumnKey:ge,fixedColumnStates:_e}=ee({leafColumns:X,columnWidths:U}),{isVirtual:ve,setTableScrollRef:ye,tableScrollStyle:be,virtualPaddingStart:xe,virtualPaddingEnd:Se,visibleRows:Ce}=a({...e(R,[`height`,`virtual`,`virtualizerOptions`,`estimateSize`]),displayRows:Z,syncMeasuredColumnWidths:he}),$=g(()=>Math.max(X.value.length,1)),we=g(()=>Z.value.length===0);return n({...e(N,[`indent`,`headProps`,`cellProps`,`rowProps`]),dir:z,rowKey:N.rowKey,expanded:B,sortState:V,filterState:H,columnWidths:U,selected:W,multiple:G,onSelectedChange:K,setSelected:q,resetSelected:J,isValueSelected:Y,leafColumns:X,sourceRows:ae,hasTreeRows:oe,treeColumnKey:le,hasExpandColumn:ue,hasExpandedRowSlot:L,visibleExpandedKeys:se,visibleRowKeys:ce,isHeaderSelectionDisabled:de,headerSelection:fe,fixedColumnStates:_e,resizingColumnKey:ge,measuredColumnWidths:Q,headCellElements:me}),(e,t)=>(D(),_(m,{dir:A(z)},{default:j(()=>[x(te,{ref:A(ye),style:E(A(be))},{default:j(()=>[x(d,w({ref:A(pe)},S.contentProps),{default:j(()=>[x(p,T(C(S.headerProps)),{default:j(()=>[(D(!0),y(h,null,O(A(ie),(t,n)=>(D(),_(l,w({key:n},{ref_for:!0},S.rowProps),{default:j(()=>[(D(!0),y(h,null,O(t,t=>(D(),_(c,{key:t.key,column:t.column,"col-span":t.colSpan,"row-span":t.rowSpan},b({_:2},[O(I.value,t=>({name:t,fn:j(n=>[k(e.$slots,t,w({ref_for:!0},n))])}))]),1032,[`column`,`col-span`,`row-span`]))),128))]),_:2},1040))),128))]),_:3},16),x(o,T(C(S.bodyProps)),{default:j(()=>[we.value?(D(),_(l,T(w({key:0},S.rowProps)),{default:j(()=>[x(s,w({colspan:$.value},S.cellProps),{default:j(()=>[k(e.$slots,`empty`,{columnSize:$.value})]),_:3},16,[`colspan`])]),_:3},16)):(D(),_(ne,{key:1,"is-virtual":A(ve),colspan:$.value,"padding-start":A(xe),"padding-end":A(Se)},{default:j(()=>[(D(!0),y(h,null,O(A(Ce),({item:t,index:n})=>(D(),_(u,{key:t.key,row:t,index:n,"leaf-columns":A(X)},b({_:2},[O(I.value,t=>({name:t,fn:j(n=>[k(e.$slots,t,w({ref_for:!0},n))])}))]),1032,[`row`,`index`,`leaf-columns`]))),128))]),_:3},8,[`is-virtual`,`colspan`,`padding-start`,`padding-end`]))]),_:3},16),e.$slots.footer?(D(),_(f,T(w({key:0},S.footerProps)),{default:j(()=>[k(e.$slots,`footer`,{columnSize:$.value})]),_:3},16)):v(`v-if`,!0)]),_:3},16)]),_:3},8,[`style`]),k(e.$slots,`bottom`)]),_:3},8,[`dir`]))}});export{M as default};

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

@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
   "onUpdate:modelValue"?: ((payload: DefinedValue | null) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  loop: boolean;
   modelValue: DefinedValue | null;
+  loop: boolean;
   activationMode: TabsActivationMode;
   unmountOnHide: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/tags-input/tags-input-root.vue.d.ts

@@ -20,8 +20,8 @@ declare const __VLS_base: import("vue").DefineComponent<TagsInputRootProps, {},
   onRemoveTag?: ((value: string) => any) | undefined;
 }>, {
   max: number;
-  modelValue: string[];
   defaultValue: string[];
+  modelValue: string[];
   delimiter: string | RegExp;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/time-field/time-field-root.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<TimeFieldRootProps, {},
   disabled: boolean;
   step: DateStep;
   defaultValue: TimeValue;
-  defaultPlaceholder: TimeValue;
   readonly: boolean;
+  defaultPlaceholder: TimeValue;
   granularity: TimeGranularity;
   hourCycle: 12 | 24;
   hideTimeZone: boolean;

package/dist/components/time-range-field/index.js

@@ -1 +1 @@
-import{provideTimeRangeFieldUi as e}from"./context.js";import t from"./time-range-field-root.js";import n from"./time-range-field-input.js";import r from"./time-range-field-compact.js";export{r as TimeRangeFieldCompact,n as TimeRangeFieldInput,t as TimeRangeFieldRoot,e as provideTimeRangeFieldUi};
+import{provideTimeRangeFieldUi as e}from"./context.js";import t from"./time-range-field-input.js";import n from"./time-range-field-root.js";import r from"./time-range-field-compact.js";export{r as TimeRangeFieldCompact,t as TimeRangeFieldInput,n as TimeRangeFieldRoot,e as provideTimeRangeFieldUi};

package/dist/components/time-range-field/time-range-field-compact.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{useTimeRangeFieldUi as n}from"./context.js";import r from"./time-range-field-root.js";import i from"./time-range-field-input.js";import{Fragment as a,createBlock as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderList as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=u({name:`TimeRangeFieldCompact`,__name:`time-range-field-compact`,props:{inputProps:{},separator:{default:`–`},defaultValue:{},modelValue:{},startName:{},endName:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{},id:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(u,{emit:b}){let x=u,S=b,C=t(x,[`inputProps`,`separator`]),w=e(S),T=n();return(e,t)=>(p(),o(r,d(v(C),_(v(w))),{default:y(t=>[h(e.$slots,`leading`),c(`div`,{"data-time-range-field-part":`start`,class:f(v(T).startRoot)},[(p(!0),s(a,null,m(t.startSegments,(e,t)=>(p(),o(i,d({key:`start-${e.part}-${t}`,part:e.part,type:`start`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),c(`div`,{class:f(v(T).separator)},[h(e.$slots,`separator`,{},()=>[l(g(u.separator),1)])],2),c(`div`,{"data-time-range-field-part":`end`,class:f(v(T).endRoot)},[(p(!0),s(a,null,m(t.endSegments,(e,t)=>(p(),o(i,d({key:`end-${e.part}-${t}`,part:e.part,type:`end`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),h(e.$slots,`trailing`)]),_:3},16))}});export{b 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{useTimeRangeFieldUi as n}from"./context.js";import r from"./time-range-field-input.js";import i from"./time-range-field-root.js";import{Fragment as a,createBlock as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderList as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=u({name:`TimeRangeFieldCompact`,__name:`time-range-field-compact`,props:{inputProps:{},separator:{default:`–`},defaultValue:{},modelValue:{},startName:{},endName:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{},id:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(u,{emit:b}){let x=u,S=b,C=t(x,[`inputProps`,`separator`]),w=e(S),T=n();return(e,t)=>(p(),o(i,d(v(C),_(v(w))),{default:y(t=>[h(e.$slots,`leading`),c(`div`,{"data-time-range-field-part":`start`,class:f(v(T).startRoot)},[(p(!0),s(a,null,m(t.startSegments,(e,t)=>(p(),o(r,d({key:`start-${e.part}-${t}`,part:e.part,type:`start`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),c(`div`,{class:f(v(T).separator)},[h(e.$slots,`separator`,{},()=>[l(g(u.separator),1)])],2),c(`div`,{"data-time-range-field-part":`end`,class:f(v(T).endRoot)},[(p(!0),s(a,null,m(t.endSegments,(e,t)=>(p(),o(r,d({key:`end-${e.part}-${t}`,part:e.part,type:`end`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),h(e.$slots,`trailing`)]),_:3},16))}});export{b as default};

package/dist/components/time-range-field/time-range-field-root.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldRootProps,
   disabled: boolean;
   step: DateStep;
   defaultValue: TimeRange;
-  defaultPlaceholder: TimeValue;
   readonly: boolean;
+  defaultPlaceholder: TimeValue;
   granularity: TimeGranularity;
   hourCycle: 12 | 24;
   hideTimeZone: boolean;

package/dist/components/toast/index.js

@@ -1 +1 @@
-import{toast as e}from"./state.js";import{provideToastUi as t}from"./context.js";import n from"./toaster.js";import r from"./toast-provider.js";export{r as ToastProvider,n as Toaster,t as provideToastUi,e as toast};
+import{provideToastUi as e}from"./context.js";import{toast as t}from"./state.js";import n from"./toaster.js";import r from"./toast-provider.js";export{r as ToastProvider,n as Toaster,e as provideToastUi,t as toast};

package/dist/components/toast/toast.js

@@ -1 +1 @@
-import e from"../_icon/icon.js";import t from"../button/button.js";import n from"../_common/dynamic-render.js";import{useToastUi as r,useToasterContext as i}from"./context.js";import{getDefaultSwipeDirections as ee,getSwipeAmount as a,resetSwipeAmount as te,setSwipeAmount as ne,toastCssVars as o}from"./shared.js";import{Fragment as re,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createVNode as f,defineComponent as p,mergeProps as m,onWatcherCleanup as ie,openBlock as h,resolveDynamicComponent as g,shallowRef as _,unref as v,useTemplateRef as y,watch as b,watchEffect as ae,withCtx as x}from"vue";import{useDocumentVisibility as oe,useElementSize as se,useMounted as ce}from"@vueuse/core";const le=[`dir`,`data-rich-color`,`data-inverted`,`data-mounted`,`data-promise`,`data-swiped`,`data-removed`,`data-visible`,`data-y-position`,`data-x-position`,`data-index`,`data-front`,`data-swiping`,`data-dismissible`,`data-type`,`data-swipe-out`,`data-swipe-direction`,`data-expanded`,`data-testid`],S=p({name:`Toast`,__name:`toast`,props:{index:{},toast:{},position:{}},emits:[`update:height`,`remove`],setup(p,{emit:S}){let C=p,w=S,{dir:ue,allToasts:de,allHeights:T,gap:fe,duration:E,visibleCounts:pe,defaultExpanded:D,swipeDirections:me,interactingPosition:he,expandedPosition:O,showIcon:ge,showClose:_e,icons:k,toastProps:ve,wrapperProps:ye,contentProps:be,titleProps:xe,descriptionProps:Se,iconProps:Ce,footerProps:we,actionProps:Te,cancelProps:Ee,closeProps:De}=i(`Toast`),A=r(),j=y(`toast`),Oe=y(`wrapper`),M=ce(),{height:ke}=se(Oe),Ae=oe(),N=_(null),P=_(null),F=_(!1),I=_(!1),L=_(!1),R=_(!1),z=_(0),B=_(0),V=_(C.toast.duration??E.value),H=_(null),U=_(0),W=_(0),G=_(null),K=s(()=>C.toast.type),q=s(()=>{if(ge.value){if(C.toast.icon)return C.toast.icon;if(K.value&&K.value!==`default`)return k.value[K.value];if(C.toast.promise)return k.value.loading}}),je=s(()=>C.index===0),Me=s(()=>C.index+1<=pe.value),J=s(()=>K.value===`loading`),Y=s(()=>C.toast.dismissible!==!1),X=s(()=>Math.max(T.value[C.position].findIndex(e=>e.toastId===C.toast.id),0)),Ne=s(()=>(C.toast.showClose||_e.value)&&Y.value&&K.value!==`loading`),Pe=s(()=>C.toast.duration??E.value),Z=s(()=>{let[e,t]=C.position.split(`-`);return{x:t,y:e}}),Fe=s(()=>T.value[C.position].reduce((e,t,n)=>n>=X.value?e:e+t.height,0)),Q=s(()=>X.value*fe.value+Fe.value),Ie=s(()=>O.value===C.position||D.value&&M.value),Le=s(()=>({[o.index]:C.index,[o.beforeIndex]:C.index,[o.zIndex]:de.value[C.position].length-C.index,[o.offset]:`${F.value?z.value:Q.value}px`,[o.initialHeight]:D.value?`auto`:`${B.value}px`})),$=()=>{F.value=!0,z.value=Q.value,window.setTimeout(()=>{w(`remove`,C.toast)},200)},Re=()=>{J.value||!Y.value||($(),C.toast.onDismiss?.(C.toast))},ze=e=>{e.button!==2&&(J.value||!Y.value||(H.value=new Date,z.value=Q.value,e.target.setPointerCapture(e.pointerId),e.target.tagName!==`BUTTON`&&(I.value=!0,G.value={x:e.clientX,y:e.clientY})))},Be=()=>{if(L.value||!Y.value)return;G.value=null;let{x:e,y:t}=a(j.value),n=Date.now()-(H.value?.getTime()??Date.now()),r=N.value===`x`?e:t,i=Math.abs(r)/Math.max(n,1);if(Math.abs(r)>=45||i>.11){z.value=Q.value,C.toast.onDismiss?.(C.toast),N.value===`x`?P.value=e>0?`right`:`left`:P.value=t>0?`down`:`up`,$(),L.value=!0;return}te(j.value),R.value=!1,I.value=!1,N.value=null},Ve=e=>{if(!G.value||!Y.value||(typeof window<`u`?window.getSelection()?.toString().length??0:0)>0)return;let t=e.clientY-G.value.y,n=e.clientX-G.value.x,r=me.value??ee(C.position);!N.value&&(Math.abs(n)>1||Math.abs(t)>1)&&(N.value=Math.abs(n)>Math.abs(t)?`x`:`y`);let i={x:0,y:0},a=e=>1/(1.5+Math.abs(e)/20);if(N.value===`y`){if(r.includes(`up`)||r.includes(`down`))if(r.includes(`up`)&&t<0||r.includes(`down`)&&t>0)i.y=t;else{let e=t*a(t);i.y=Math.abs(e)<Math.abs(t)?e:t}}else if(N.value===`x`&&(r.includes(`left`)||r.includes(`right`)))if(r.includes(`left`)&&n<0||r.includes(`right`)&&n>0)i.x=n;else{let e=n*a(n);i.x=Math.abs(e)<Math.abs(n)?e:n}(Math.abs(i.x)>0||Math.abs(i.y)>0)&&(R.value=!0),ne(j.value,i)},He=()=>{I.value=!1,N.value=null,G.value=null},Ue=e=>{C.toast.onAction?.(e),!e.defaultPrevented&&$()},We=e=>{C.toast.onCancel?.(e),Y.value&&$()};function Ge(e){B.value=e,w(`update:height`,{toastId:C.toast.id,height:e,position:C.toast.position??C.position})}function Ke(){let e=j.value;if(!e)return;let t=e.style.height;e.style.height=`auto`;let n=e.getBoundingClientRect().height;e.style.height=t,Ge(n)}return b(Pe,e=>{V.value=e},{immediate:!0}),b(ke,e=>{M.value&&e&&Ke()},{flush:`post`}),b(()=>C.toast.delete,e=>{e&&($(),C.toast.onDismiss?.(C.toast))}),ae(()=>{let e=C.toast;if(e.type===`loading`||e.promise||e.duration===1/0)return;let t;O.value===C.position||he.value===C.position||Ae.value===`hidden`?(()=>{if(W.value<U.value){let e=Date.now()-U.value;V.value-=e}W.value=Date.now()})():V.value!==1/0&&(U.value=Date.now(),t=setTimeout(()=>{C.toast.onAutoClose?.(C.toast),$()},V.value)),ie(()=>{t!==void 0&&clearTimeout(t)})}),(r,i)=>(h(),u(`li`,m(v(ve),{ref:`toast`,"data-soybean-toast":``,class:[v(A).toast,p.toast.ui?.toast],dir:v(ue),tabindex:`0`,"data-rich-color":p.toast.richColor,"data-inverted":p.toast.inverted,"data-mounted":v(M),"data-promise":!!p.toast.promise,"data-swiped":R.value,"data-removed":F.value,"data-visible":Me.value,"data-y-position":Z.value.y,"data-x-position":Z.value.x,"data-index":p.index,"data-front":je.value,"data-swiping":I.value,"data-dismissible":Y.value,"data-type":K.value,"data-swipe-out":L.value,"data-swipe-direction":P.value,"data-expanded":Ie.value,"data-testid":p.toast.testId,style:Le.value,onDragend:He,onPointerdown:ze,onPointerup:Be,onPointermove:Ve}),[d(`div`,m({ref:`wrapper`},v(ye),{class:[v(A).wrapper,p.toast.ui?.wrapper],"data-soybean-toast-wrapper":``}),[p.toast.custom?(h(),c(g(p.toast.custom),{key:0})):(h(),u(re,{key:1},[d(`h3`,m(v(xe),{class:[v(A).title,p.toast.ui?.title],"data-soybean-toast-title":``}),[q.value?(h(),c(e,m({key:0},v(Ce),{icon:q.value,class:[v(A).icon,p.toast.ui?.icon]}),null,16,[`icon`,`class`])):l(`v-if`,!0),f(n,{is:p.toast.title},null,8,[`is`])],16),p.toast.description?(h(),u(`p`,m({key:0},v(Se),{class:[v(A).description,p.toast.ui?.description],"data-soybean-toast-description":``}),[f(n,{is:p.toast.description},null,8,[`is`])],16)):l(`v-if`,!0),p.toast.content?(h(),c(g(p.toast.content),m({key:1},v(be),{class:[v(A).content,p.toast.ui?.content],"data-soybean-toast-content":``}),null,16,[`class`])):l(`v-if`,!0),p.toast.action||p.toast.cancel?(h(),u(`div`,m({key:2},v(we),{class:[v(A).footer,p.toast.ui?.footer],"data-soybean-toast-footer":``}),[p.toast.cancel?(h(),c(t,m({key:0},v(Ee),{class:[v(A).cancel,p.toast.ui?.cancel],"data-soybean-toast-cancel":``,onClick:We}),{default:x(()=>[f(n,{is:p.toast.cancel},null,8,[`is`])]),_:1},16,[`class`])):l(`v-if`,!0),p.toast.action?(h(),c(t,m({key:1},v(Te),{class:[v(A).action,p.toast.ui?.action],"data-soybean-toast-action":``,onClick:Ue}),{default:x(()=>[f(n,{is:p.toast.action},null,8,[`is`])]),_:1},16,[`class`])):l(`v-if`,!0)],16)):l(`v-if`,!0)],64))],16),Ne.value&&v(k)?.close?(h(),c(t,m({key:0},v(De),{class:[v(A).close,p.toast.ui?.close],"data-soybean-toast-close":``,onClick:Re}),{default:x(()=>[f(e,{icon:v(k)?.close},null,8,[`icon`])]),_:1},16,[`class`])):l(`v-if`,!0)],16,le))}});export{S as default};
+import e from"../_icon/icon.js";import t from"../button/button.js";import n from"../_common/dynamic-render.js";import{getDefaultSwipeDirections as r,getSwipeAmount as i,resetSwipeAmount as a,setSwipeAmount as o,toastCssVars as s}from"./shared.js";import{useToastUi as ee,useToasterContext as te}from"./context.js";import{Fragment as ne,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,mergeProps as h,onWatcherCleanup as re,openBlock as g,resolveDynamicComponent as _,shallowRef as v,unref as y,useTemplateRef as b,watch as x,watchEffect as ie,withCtx as S}from"vue";import{useDocumentVisibility as ae,useElementSize as oe,useMounted as se}from"@vueuse/core";const ce=[`dir`,`data-rich-color`,`data-inverted`,`data-mounted`,`data-promise`,`data-swiped`,`data-removed`,`data-visible`,`data-y-position`,`data-x-position`,`data-index`,`data-front`,`data-swiping`,`data-dismissible`,`data-type`,`data-swipe-out`,`data-swipe-direction`,`data-expanded`,`data-testid`],C=m({name:`Toast`,__name:`toast`,props:{index:{},toast:{},position:{}},emits:[`update:height`,`remove`],setup(m,{emit:C}){let w=m,T=C,{dir:le,allToasts:ue,allHeights:E,gap:de,duration:D,visibleCounts:fe,defaultExpanded:O,swipeDirections:pe,interactingPosition:me,expandedPosition:k,showIcon:he,showClose:ge,icons:A,toastProps:_e,wrapperProps:ve,contentProps:ye,titleProps:be,descriptionProps:xe,iconProps:Se,footerProps:Ce,actionProps:we,cancelProps:Te,closeProps:Ee}=te(`Toast`),j=ee(),M=b(`toast`),De=b(`wrapper`),N=se(),{height:Oe}=oe(De),ke=ae(),P=v(null),F=v(null),I=v(!1),L=v(!1),R=v(!1),z=v(!1),B=v(0),V=v(0),H=v(w.toast.duration??D.value),U=v(null),W=v(0),G=v(0),K=v(null),q=c(()=>w.toast.type),J=c(()=>{if(he.value){if(w.toast.icon)return w.toast.icon;if(q.value&&q.value!==`default`)return A.value[q.value];if(w.toast.promise)return A.value.loading}}),Ae=c(()=>w.index===0),je=c(()=>w.index+1<=fe.value),Y=c(()=>q.value===`loading`),X=c(()=>w.toast.dismissible!==!1),Z=c(()=>Math.max(E.value[w.position].findIndex(e=>e.toastId===w.toast.id),0)),Me=c(()=>(w.toast.showClose||ge.value)&&X.value&&q.value!==`loading`),Ne=c(()=>w.toast.duration??D.value),Pe=c(()=>{let[e,t]=w.position.split(`-`);return{x:t,y:e}}),Fe=c(()=>E.value[w.position].reduce((e,t,n)=>n>=Z.value?e:e+t.height,0)),Q=c(()=>Z.value*de.value+Fe.value),Ie=c(()=>k.value===w.position||O.value&&N.value),Le=c(()=>({[s.index]:w.index,[s.beforeIndex]:w.index,[s.zIndex]:ue.value[w.position].length-w.index,[s.offset]:`${I.value?B.value:Q.value}px`,[s.initialHeight]:O.value?`auto`:`${V.value}px`})),$=()=>{I.value=!0,B.value=Q.value,window.setTimeout(()=>{T(`remove`,w.toast)},200)},Re=()=>{Y.value||!X.value||($(),w.toast.onDismiss?.(w.toast))},ze=e=>{e.button!==2&&(Y.value||!X.value||(U.value=new Date,B.value=Q.value,e.target.setPointerCapture(e.pointerId),e.target.tagName!==`BUTTON`&&(L.value=!0,K.value={x:e.clientX,y:e.clientY})))},Be=()=>{if(R.value||!X.value)return;K.value=null;let{x:e,y:t}=i(M.value),n=Date.now()-(U.value?.getTime()??Date.now()),r=P.value===`x`?e:t,o=Math.abs(r)/Math.max(n,1);if(Math.abs(r)>=45||o>.11){B.value=Q.value,w.toast.onDismiss?.(w.toast),P.value===`x`?F.value=e>0?`right`:`left`:F.value=t>0?`down`:`up`,$(),R.value=!0;return}a(M.value),z.value=!1,L.value=!1,P.value=null},Ve=e=>{if(!K.value||!X.value||(typeof window<`u`?window.getSelection()?.toString().length??0:0)>0)return;let t=e.clientY-K.value.y,n=e.clientX-K.value.x,i=pe.value??r(w.position);!P.value&&(Math.abs(n)>1||Math.abs(t)>1)&&(P.value=Math.abs(n)>Math.abs(t)?`x`:`y`);let a={x:0,y:0},s=e=>1/(1.5+Math.abs(e)/20);if(P.value===`y`){if(i.includes(`up`)||i.includes(`down`))if(i.includes(`up`)&&t<0||i.includes(`down`)&&t>0)a.y=t;else{let e=t*s(t);a.y=Math.abs(e)<Math.abs(t)?e:t}}else if(P.value===`x`&&(i.includes(`left`)||i.includes(`right`)))if(i.includes(`left`)&&n<0||i.includes(`right`)&&n>0)a.x=n;else{let e=n*s(n);a.x=Math.abs(e)<Math.abs(n)?e:n}(Math.abs(a.x)>0||Math.abs(a.y)>0)&&(z.value=!0),o(M.value,a)},He=()=>{L.value=!1,P.value=null,K.value=null},Ue=e=>{w.toast.onAction?.(e),!e.defaultPrevented&&$()},We=e=>{w.toast.onCancel?.(e),X.value&&$()};function Ge(e){V.value=e,T(`update:height`,{toastId:w.toast.id,height:e,position:w.toast.position??w.position})}function Ke(){let e=M.value;if(!e)return;let t=e.style.height;e.style.height=`auto`;let n=e.getBoundingClientRect().height;e.style.height=t,Ge(n)}return x(Ne,e=>{H.value=e},{immediate:!0}),x(Oe,e=>{N.value&&e&&Ke()},{flush:`post`}),x(()=>w.toast.delete,e=>{e&&($(),w.toast.onDismiss?.(w.toast))}),ie(()=>{let e=w.toast;if(e.type===`loading`||e.promise||e.duration===1/0)return;let t;k.value===w.position||me.value===w.position||ke.value===`hidden`?(()=>{if(G.value<W.value){let e=Date.now()-W.value;H.value-=e}G.value=Date.now()})():H.value!==1/0&&(W.value=Date.now(),t=setTimeout(()=>{w.toast.onAutoClose?.(w.toast),$()},H.value)),re(()=>{t!==void 0&&clearTimeout(t)})}),(r,i)=>(g(),d(`li`,h(y(_e),{ref:`toast`,"data-soybean-toast":``,class:[y(j).toast,m.toast.ui?.toast],dir:y(le),tabindex:`0`,"data-rich-color":m.toast.richColor,"data-inverted":m.toast.inverted,"data-mounted":y(N),"data-promise":!!m.toast.promise,"data-swiped":z.value,"data-removed":I.value,"data-visible":je.value,"data-y-position":Pe.value.y,"data-x-position":Pe.value.x,"data-index":m.index,"data-front":Ae.value,"data-swiping":L.value,"data-dismissible":X.value,"data-type":q.value,"data-swipe-out":R.value,"data-swipe-direction":F.value,"data-expanded":Ie.value,"data-testid":m.toast.testId,style:Le.value,onDragend:He,onPointerdown:ze,onPointerup:Be,onPointermove:Ve}),[f(`div`,h({ref:`wrapper`},y(ve),{class:[y(j).wrapper,m.toast.ui?.wrapper],"data-soybean-toast-wrapper":``}),[m.toast.custom?(g(),l(_(m.toast.custom),{key:0})):(g(),d(ne,{key:1},[f(`h3`,h(y(be),{class:[y(j).title,m.toast.ui?.title],"data-soybean-toast-title":``}),[J.value?(g(),l(e,h({key:0},y(Se),{icon:J.value,class:[y(j).icon,m.toast.ui?.icon]}),null,16,[`icon`,`class`])):u(`v-if`,!0),p(n,{is:m.toast.title},null,8,[`is`])],16),m.toast.description?(g(),d(`p`,h({key:0},y(xe),{class:[y(j).description,m.toast.ui?.description],"data-soybean-toast-description":``}),[p(n,{is:m.toast.description},null,8,[`is`])],16)):u(`v-if`,!0),m.toast.content?(g(),l(_(m.toast.content),h({key:1},y(ye),{class:[y(j).content,m.toast.ui?.content],"data-soybean-toast-content":``}),null,16,[`class`])):u(`v-if`,!0),m.toast.action||m.toast.cancel?(g(),d(`div`,h({key:2},y(Ce),{class:[y(j).footer,m.toast.ui?.footer],"data-soybean-toast-footer":``}),[m.toast.cancel?(g(),l(t,h({key:0},y(Te),{class:[y(j).cancel,m.toast.ui?.cancel],"data-soybean-toast-cancel":``,onClick:We}),{default:S(()=>[p(n,{is:m.toast.cancel},null,8,[`is`])]),_:1},16,[`class`])):u(`v-if`,!0),m.toast.action?(g(),l(t,h({key:1},y(we),{class:[y(j).action,m.toast.ui?.action],"data-soybean-toast-action":``,onClick:Ue}),{default:S(()=>[p(n,{is:m.toast.action},null,8,[`is`])]),_:1},16,[`class`])):u(`v-if`,!0)],16)):u(`v-if`,!0)],64))],16),Me.value&&y(A)?.close?(g(),l(t,h({key:0},y(Ee),{class:[y(j).close,m.toast.ui?.close],"data-soybean-toast-close":``,onClick:Re}),{default:S(()=>[p(e,{icon:y(A)?.close},null,8,[`icon`])]),_:1},16,[`class`])):u(`v-if`,!0)],16,ce))}});export{C as default};

package/dist/components/toast/toaster.js

@@ -1 +1 @@
-import{getElFromTemplateRef as e,transformPropsToContext as t}from"../../shared/vue.js";import{isClient as n}from"../../shared/env.js";import{useDirection as r}from"../config-provider/context.js";import"../../shared/index.js";import{ToastState as i}from"./state.js";import{provideToasterContext as a,useToastUi as o}from"./context.js";import{ALL_TOAST_POSITIONS as s,DEFAULT_POSITION as c,ICONS as l,TOAST_LIFETIME as u,isModifierHotkey as d,isToastDismiss as f,resolveOffset as ee,toasterCssVars as p}from"./shared.js";import{useToastState as m}from"./hooks.js";import h from"./toast.js";import{Fragment as g,computed as _,createBlock as v,createElementBlock as y,createElementVNode as b,defineComponent as x,mergeProps as S,nextTick as te,onBeforeUnmount as C,onWatcherCleanup as w,openBlock as T,renderList as E,renderSlot as ne,shallowRef as D,unref as O,useAttrs as k,watch as A,watchEffect as j}from"vue";const M=[`aria-label`],N=[`dir`,`data-y-position`,`data-x-position`,`onBlur`,`onFocus`,`onMouseenter`,`onMousemove`,`onMouseleave`,`onDragend`,`onPointerdown`,`onPointerup`],P=x({name:`Toaster`,inheritAttrs:!1,__name:`toaster`,props:{id:{},dir:{},hotkey:{default:()=>[`altKey`,`KeyT`]},customAriaLabel:{},containerAriaLabel:{default:`Notifications`},position:{default:c},defaultExpanded:{type:Boolean},duration:{default:u},gap:{default:12},offset:{default:24},visibleCounts:{default:3},swipeDirections:{},showIcon:{type:Boolean},showClose:{type:Boolean},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(c){let u=c,x=k(),P=o(),F=r(()=>u.dir),I=_(()=>u.hotkey.join(`+`).replace(/Key/g,``).replace(/Digit/g,``)),L=_(()=>u.customAriaLabel??`${u.containerAriaLabel} ${I.value}`),R={},z=(t,n)=>{R[t]=e(n)},{toasts:B,allToasts:V,filtered:H,heights:U,allHeights:W,allPositions:G,positionZIndex:K}=m({id:()=>u.id,position:()=>u.position}),q=_(()=>({...l,...u.icons})),J=D(null),Y=D(null),X=D(null),Z=D(null),re=_(()=>({[p.gap]:`${u.gap}px`,...ee(u.offset)})),ie=e=>{J.value===e&&(J.value=null),Y.value===e&&(Y.value=null),Z.value===e&&(Z.value=null)},ae=e=>{R[e]?.focus()},oe=e=>{if(U.value.findIndex(t=>t.toastId===e.toastId)!==-1){U.value=U.value.map(t=>t.toastId===e.toastId?e:t);return}let t=U.value.findIndex(t=>t.position===e.position);if(t!==-1){U.value=[...U.value.slice(0,t),e,...U.value.slice(t)];return}U.value=[e,...U.value]},se=e=>{let t=B.value.findIndex(t=>t.id===e.id);if(t!==-1){let n=Object.assign({},B.value[t],e);B.value=[...B.value.slice(0,t),n,...B.value.slice(t+1)];return}B.value=[e,...B.value]},Q=e=>{B.value=B.value.filter(t=>t.id===e.id?(t.delete||i.dismiss(e.id),!1):!0),U.value=U.value.filter(t=>t.toastId!==e.id)},ce=(e,t)=>{let n=t.currentTarget;Z.value===e&&n&&!n.contains(t.relatedTarget)&&(Z.value=null,J.value===e&&Y.value!==e&&(J.value=null),X.value&&(X.value.focus({preventScroll:!0}),X.value=null))},le=(e,t)=>{t.target.dataset.dismissible!==`false`&&Z.value!==e&&(Z.value=e,X.value=t.relatedTarget)},$=e=>{J.value=e},ue=e=>{Y.value!==e&&Z.value!==e&&J.value===e&&(J.value=null)},de=(e,t)=>{t.target.dataset.dismissible!==`false`&&(Y.value=e,J.value=e)},fe=e=>{Y.value===e&&(Y.value=null)};return a({dir:F,allToasts:V,allHeights:W,interactingPosition:Y,expandedPosition:J,icons:q,...t(u,[`gap`,`duration`,`visibleCounts`,`defaultExpanded`,`swipeDirections`,`showIcon`,`showClose`,`toastProps`,`wrapperProps`,`contentProps`,`titleProps`,`descriptionProps`,`iconProps`,`footerProps`,`actionProps`,`cancelProps`,`closeProps`])}),j(()=>{let e=i.subscribe(e=>{if(f(e)){requestAnimationFrame(()=>{B.value=B.value.map(t=>t.id===e.id?{...t,delete:!0}:t)});return}te(()=>{se(e)})});w(()=>{e()})},{flush:`post`}),A(()=>B.value.length,e=>{e===0&&(J.value=null,Y.value=null,Z.value=null)}),A(()=>H.value,e=>{let t=new Set(e.map(e=>e.position??u.position));J.value&&!t.has(J.value)&&(J.value=null),Y.value&&!t.has(Y.value)&&(Y.value=null),Z.value&&!t.has(Z.value)&&(Z.value=null)},{deep:!0}),j(()=>{if(!n)return;let e=e=>{if(u.hotkey.length>0&&u.hotkey.every(t=>d(t)?e[t]:e.code===t)){let e=H.value[0]?.position??u.position??G.value[0];J.value=e,ae(e)}let t=Object.values(R).some(e=>e===document.activeElement||e?.contains(document.activeElement));e.code===`Escape`&&t&&(J.value=null,Z.value=null)};document.addEventListener(`keydown`,e),w(()=>{document.removeEventListener(`keydown`,e)})}),C(()=>{X.value&&(X.value.focus({preventScroll:!0}),X.value=null,Z.value=null)}),(e,t)=>(T(),y(g,null,[b(`section`,{"data-soybean-toaster-container":``,"aria-label":L.value,tabindex:`-1`,"aria-live":`polite`,"aria-relevant":`additions text`,"aria-atomic":`false`},[(T(!0),y(g,null,E(O(s),e=>(T(),y(`ol`,S({key:e},{ref_for:!0},O(x),{ref_for:!0,ref:t=>z(e,t),class:O(P).toaster,tabindex:`-1`,dir:O(F),"data-soybean-toaster":``,"data-y-position":e.split(`-`)[0],"data-x-position":e.split(`-`)[1],style:{"--z-index":O(K)[e],"--front-toast-height":`${O(W)[e][0]?.height??0}px`,...re.value},onBlur:t=>ce(e,t),onFocus:t=>le(e,t),onMouseenter:t=>$(e),onMousemove:t=>$(e),onMouseleave:t=>ue(e),onDragend:t=>ie(e),onPointerdown:t=>de(e,t),onPointerup:t=>fe(e)}),[(T(!0),y(g,null,E(O(V)[e],(t,n)=>(T(),v(h,{key:t.id,index:n,toast:t,position:e,"onUpdate:height":oe,onRemove:Q},null,8,[`index`,`toast`,`position`]))),128))],16,N))),128))],8,M),ne(e.$slots,`default`)],64))}});export{P as default};
+import{getElFromTemplateRef as e,transformPropsToContext as t}from"../../shared/vue.js";import{isClient as n}from"../../shared/env.js";import{useDirection as r}from"../config-provider/context.js";import"../../shared/index.js";import{ALL_TOAST_POSITIONS as i,DEFAULT_POSITION as a,ICONS as o,TOAST_LIFETIME as s,isModifierHotkey as c,isToastDismiss as l,resolveOffset as u,toasterCssVars as d}from"./shared.js";import{provideToasterContext as f,useToastUi as ee}from"./context.js";import{useToastState as p}from"./hooks.js";import{ToastState as m}from"./state.js";import h from"./toast.js";import{Fragment as g,computed as _,createBlock as v,createElementBlock as y,createElementVNode as b,defineComponent as x,mergeProps as S,nextTick as te,onBeforeUnmount as C,onWatcherCleanup as w,openBlock as T,renderList as E,renderSlot as ne,shallowRef as D,unref as O,useAttrs as k,watch as A,watchEffect as j}from"vue";const M=[`aria-label`],N=[`dir`,`data-y-position`,`data-x-position`,`onBlur`,`onFocus`,`onMouseenter`,`onMousemove`,`onMouseleave`,`onDragend`,`onPointerdown`,`onPointerup`],P=x({name:`Toaster`,inheritAttrs:!1,__name:`toaster`,props:{id:{},dir:{},hotkey:{default:()=>[`altKey`,`KeyT`]},customAriaLabel:{},containerAriaLabel:{default:`Notifications`},position:{default:a},defaultExpanded:{type:Boolean},duration:{default:s},gap:{default:12},offset:{default:24},visibleCounts:{default:3},swipeDirections:{},showIcon:{type:Boolean},showClose:{type:Boolean},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(a){let s=a,x=k(),P=ee(),F=r(()=>s.dir),I=_(()=>s.hotkey.join(`+`).replace(/Key/g,``).replace(/Digit/g,``)),L=_(()=>s.customAriaLabel??`${s.containerAriaLabel} ${I.value}`),R={},z=(t,n)=>{R[t]=e(n)},{toasts:B,allToasts:V,filtered:H,heights:U,allHeights:W,allPositions:G,positionZIndex:K}=p({id:()=>s.id,position:()=>s.position}),q=_(()=>({...o,...s.icons})),J=D(null),Y=D(null),X=D(null),Z=D(null),re=_(()=>({[d.gap]:`${s.gap}px`,...u(s.offset)})),ie=e=>{J.value===e&&(J.value=null),Y.value===e&&(Y.value=null),Z.value===e&&(Z.value=null)},ae=e=>{R[e]?.focus()},oe=e=>{if(U.value.findIndex(t=>t.toastId===e.toastId)!==-1){U.value=U.value.map(t=>t.toastId===e.toastId?e:t);return}let t=U.value.findIndex(t=>t.position===e.position);if(t!==-1){U.value=[...U.value.slice(0,t),e,...U.value.slice(t)];return}U.value=[e,...U.value]},se=e=>{let t=B.value.findIndex(t=>t.id===e.id);if(t!==-1){let n=Object.assign({},B.value[t],e);B.value=[...B.value.slice(0,t),n,...B.value.slice(t+1)];return}B.value=[e,...B.value]},Q=e=>{B.value=B.value.filter(t=>t.id===e.id?(t.delete||m.dismiss(e.id),!1):!0),U.value=U.value.filter(t=>t.toastId!==e.id)},ce=(e,t)=>{let n=t.currentTarget;Z.value===e&&n&&!n.contains(t.relatedTarget)&&(Z.value=null,J.value===e&&Y.value!==e&&(J.value=null),X.value&&(X.value.focus({preventScroll:!0}),X.value=null))},le=(e,t)=>{t.target.dataset.dismissible!==`false`&&Z.value!==e&&(Z.value=e,X.value=t.relatedTarget)},$=e=>{J.value=e},ue=e=>{Y.value!==e&&Z.value!==e&&J.value===e&&(J.value=null)},de=(e,t)=>{t.target.dataset.dismissible!==`false`&&(Y.value=e,J.value=e)},fe=e=>{Y.value===e&&(Y.value=null)};return f({dir:F,allToasts:V,allHeights:W,interactingPosition:Y,expandedPosition:J,icons:q,...t(s,[`gap`,`duration`,`visibleCounts`,`defaultExpanded`,`swipeDirections`,`showIcon`,`showClose`,`toastProps`,`wrapperProps`,`contentProps`,`titleProps`,`descriptionProps`,`iconProps`,`footerProps`,`actionProps`,`cancelProps`,`closeProps`])}),j(()=>{let e=m.subscribe(e=>{if(l(e)){requestAnimationFrame(()=>{B.value=B.value.map(t=>t.id===e.id?{...t,delete:!0}:t)});return}te(()=>{se(e)})});w(()=>{e()})},{flush:`post`}),A(()=>B.value.length,e=>{e===0&&(J.value=null,Y.value=null,Z.value=null)}),A(()=>H.value,e=>{let t=new Set(e.map(e=>e.position??s.position));J.value&&!t.has(J.value)&&(J.value=null),Y.value&&!t.has(Y.value)&&(Y.value=null),Z.value&&!t.has(Z.value)&&(Z.value=null)},{deep:!0}),j(()=>{if(!n)return;let e=e=>{if(s.hotkey.length>0&&s.hotkey.every(t=>c(t)?e[t]:e.code===t)){let e=H.value[0]?.position??s.position??G.value[0];J.value=e,ae(e)}let t=Object.values(R).some(e=>e===document.activeElement||e?.contains(document.activeElement));e.code===`Escape`&&t&&(J.value=null,Z.value=null)};document.addEventListener(`keydown`,e),w(()=>{document.removeEventListener(`keydown`,e)})}),C(()=>{X.value&&(X.value.focus({preventScroll:!0}),X.value=null,Z.value=null)}),(e,t)=>(T(),y(g,null,[b(`section`,{"data-soybean-toaster-container":``,"aria-label":L.value,tabindex:`-1`,"aria-live":`polite`,"aria-relevant":`additions text`,"aria-atomic":`false`},[(T(!0),y(g,null,E(O(i),e=>(T(),y(`ol`,S({key:e},{ref_for:!0},O(x),{ref_for:!0,ref:t=>z(e,t),class:O(P).toaster,tabindex:`-1`,dir:O(F),"data-soybean-toaster":``,"data-y-position":e.split(`-`)[0],"data-x-position":e.split(`-`)[1],style:{"--z-index":O(K)[e],"--front-toast-height":`${O(W)[e][0]?.height??0}px`,...re.value},onBlur:t=>ce(e,t),onFocus:t=>le(e,t),onMouseenter:t=>$(e),onMousemove:t=>$(e),onMouseleave:t=>ue(e),onDragend:t=>ie(e),onPointerdown:t=>de(e,t),onPointerup:t=>fe(e)}),[(T(!0),y(g,null,E(O(V)[e],(t,n)=>(T(),v(h,{key:t.id,index:n,toast:t,position:e,"onUpdate:height":oe,onRemove:Q},null,8,[`index`,`toast`,`position`]))),128))],16,N))),128))],8,M),ne(e.$slots,`default`)],64))}});export{P as default};

package/dist/components/toast/toaster.vue.d.ts

@@ -9,10 +9,10 @@ declare const __VLS_base: import("vue").DefineComponent<ToasterProps, {}, {}, {}
   offset: ToastOffset;
   duration: number;
   gap: number;
-  hotkey: string[];
-  containerAriaLabel: string;
   position: ToastPosition;
   visibleCounts: number;
+  hotkey: string[];
+  containerAriaLabel: string;
 }, {}, {}, {}, 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/toggle/toggle.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<ToggleProps, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<ToggleProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-  modelValue: boolean;
   defaultValue: boolean;
+  modelValue: 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/tooltip/index.js

@@ -1 +1 @@
-import{providePopperUi as e}from"../popper/context.js";import t from"../portal/portal.js";import n from"../popper/popper-arrow.js";import r from"./tooltip-root.js";import i from"./tooltip-trigger.js";import a from"./tooltip-positioner.js";import o from"./tooltip-popup.js";import s from"./tooltip-compact.js";export{n as TooltipArrow,s as TooltipCompact,o as TooltipPopup,t as TooltipPortal,a as TooltipPositioner,r as TooltipRoot,i as TooltipTrigger,e as provideTooltipUi};
+import{providePopperUi as e}from"../popper/context.js";import t from"../portal/portal.js";import n from"../popper/popper-arrow.js";import r from"./tooltip-popup.js";import i from"./tooltip-positioner.js";import a from"./tooltip-root.js";import o from"./tooltip-trigger.js";import s from"./tooltip-compact.js";export{n as TooltipArrow,s as TooltipCompact,r as TooltipPopup,t as TooltipPortal,i as TooltipPositioner,a as TooltipRoot,o as TooltipTrigger,e as provideTooltipUi};

package/dist/components/tooltip/tooltip-compact.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"../portal/portal.js";import r from"../popper/popper-arrow.js";import i from"./tooltip-root.js";import a from"./tooltip-trigger.js";import o from"./tooltip-positioner.js";import s from"./tooltip-popup.js";import{computed as c,createBlock as l,createCommentVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderSlot as v,toDisplayString as y,toHandlers as b,unref as x,withCtx as S}from"vue";const C=p({name:`TooltipCompact`,__name:`tooltip-compact`,props:{content:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(p,{emit:C}){let w=p,T=C,E=t(w,[`content`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`]),D=e(T),O=c(()=>({...w.triggerProps,asChild:w.triggerProps?.asChild??!0})),k=c(()=>({...w.positionerProps,placement:w.placement??w.positionerProps?.placement}));return(e,t)=>(_(),l(i,h(x(E),{"onUpdate:open":t[0]||(t[0]=e=>T(`update:open`,e))}),{default:S(()=>[f(a,g(m(O.value)),{default:S(()=>[v(e.$slots,`trigger`)]),_:3},16),f(n,g(m(p.portalProps)),{default:S(()=>[f(o,h(k.value,b(x(D))),{default:S(()=>[f(s,g(m(p.popupProps)),{default:S(()=>[v(e.$slots,`default`,{},()=>[d(y(p.content),1)]),p.showArrow?(_(),l(r,g(h({key:0},p.arrowProps)),null,16)):u(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{C 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"../portal/portal.js";import r from"../popper/popper-arrow.js";import i from"./tooltip-popup.js";import a from"./tooltip-positioner.js";import o from"./tooltip-root.js";import s from"./tooltip-trigger.js";import{computed as c,createBlock as l,createCommentVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderSlot as v,toDisplayString as y,toHandlers as b,unref as x,withCtx as S}from"vue";const C=p({name:`TooltipCompact`,__name:`tooltip-compact`,props:{content:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(p,{emit:C}){let w=p,T=C,E=t(w,[`content`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`]),D=e(T),O=c(()=>({...w.triggerProps,asChild:w.triggerProps?.asChild??!0})),k=c(()=>({...w.positionerProps,placement:w.placement??w.positionerProps?.placement}));return(e,t)=>(_(),l(o,h(x(E),{"onUpdate:open":t[0]||(t[0]=e=>T(`update:open`,e))}),{default:S(()=>[f(s,g(m(O.value)),{default:S(()=>[v(e.$slots,`trigger`)]),_:3},16),f(n,g(m(p.portalProps)),{default:S(()=>[f(a,h(k.value,b(x(D))),{default:S(()=>[f(i,g(m(p.popupProps)),{default:S(()=>[v(e.$slots,`default`,{},()=>[d(y(p.content),1)]),p.showArrow?(_(),l(r,g(h({key:0},p.arrowProps)),null,16)):u(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{C as default};

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{popperCssVars as t}from"../popper/shared.js";import n from"../popper/popper-popup.js";import"../popper/index.js";import r from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{useTooltipRootContext as i}from"./context.js";import{tooltipCssVars as a}from"./shared.js";import{computed as o,createBlock as s,createTextVNode as c,createVNode as l,defineComponent as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,withCtx as h}from"vue";const g=u({name:`TooltipPopup`,__name:`tooltip-popup`,props:{ariaLabel:{}},setup(u){let g=u,{popupId:_,dataState:v,initPopupId:y,onPopupElementChange:b}=i(`TooltipPopup`),[x,S]=e(b),C={[a.transformOrigin]:`var(${t.transformOrigin})`,[a.availableWidth]:`var(${t.availableWidth})`,[a.availableHeight]:`var(${t.availableHeight})`,[a.anchorWidth]:`var(${t.anchorWidth})`,[a.anchorHeight]:`var(${t.anchorHeight})`},w=o(()=>g.ariaLabel??x.value?.textContent);return y(),(e,t)=>(d(),s(m(n),{ref:m(S),"data-soybean-tooltip-popup":``,"data-dismissable-layer":``,"data-state":m(v),style:C},{default:h(()=>[f(e.$slots,`default`),l(m(r),{id:m(_),role:`tooltip`},{default:h(()=>[c(p(w.value),1)]),_:1},8,[`id`])]),_:3},8,[`data-state`]))}});export{g as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{popperCssVars as t}from"../popper/shared.js";import n from"../popper/popper-popup.js";import"../popper/index.js";import r from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{tooltipCssVars as i}from"./shared.js";import{useTooltipRootContext as a}from"./context.js";import{computed as o,createBlock as s,createTextVNode as c,createVNode as l,defineComponent as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,withCtx as h}from"vue";const g=u({name:`TooltipPopup`,__name:`tooltip-popup`,props:{ariaLabel:{}},setup(u){let g=u,{popupId:_,dataState:v,initPopupId:y,onPopupElementChange:b}=a(`TooltipPopup`),[x,S]=e(b),C={[i.transformOrigin]:`var(${t.transformOrigin})`,[i.availableWidth]:`var(${t.availableWidth})`,[i.availableHeight]:`var(${t.availableHeight})`,[i.anchorWidth]:`var(${t.anchorWidth})`,[i.anchorHeight]:`var(${t.anchorHeight})`},w=o(()=>g.ariaLabel??x.value?.textContent);return y(),(e,t)=>(d(),s(m(n),{ref:m(S),"data-soybean-tooltip-popup":``,"data-dismissable-layer":``,"data-state":m(v),style:C},{default:h(()=>[f(e.$slots,`default`),l(m(r),{id:m(_),role:`tooltip`},{default:h(()=>[c(p(w.value),1)]),_:1},8,[`id`])]),_:3},8,[`data-state`]))}});export{g as default};

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{useTooltipOpenDelayedContext as i,useTooltipRootContext as a}from"./context.js";import{TOOLTIP_OPEN as o}from"./shared.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}=i(`TooltipPositionerImpl`),{positionerProps:S,triggerElement:C,popupElement:w,disableClosingTrigger:T,disableHoverableContent:E,onClose:D}=a(`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(o,D),d(()=>{window.removeEventListener(`scroll`,e),window.removeEventListener(o,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}=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};

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{provideTooltipOpenDelayedContext as r,provideTooltipRootContext as i}from"./context.js";import{TOOLTIP_OPEN as a,createDefaultTooltipConfig as o}from"./shared.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},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(()=>o(y?.tooltip?.value)),x=r({skipDelayDuration:s(()=>b.value.skipDelayDuration)});return i({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(a))):x.onClose())}),(e,t)=>(u(),c(f(n),null,{default:m(()=>[d(e.$slots,`default`,{open:f(v)})]),_:3}))}});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},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),null,{default:m(()=>[d(e.$slots,`default`,{open:f(v)})]),_:3}))}});export{h as default};

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{useTreeRootContext as a}from"./context.js";import{TREE_SELECT as o,TREE_TOGGLE as s,recurseCheckChildren as c}from"./shared.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}=a(`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(()=>c(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(o,G,{originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value})}function J(e){b.disabledToggle||e&&n(s,K,{originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value})}let Y=e=>{F.value||(q(e),J(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(Y,[`self`,`prevent`]),[`enter`,`space`]),t[0]||(t[0]=_(v(e=>U(e,`right`),[`prevent`]),[`right`])),t[1]||(t[1]=_(v(e=>U(e,`left`),[`prevent`]),[`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=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))};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(Y,[`self`,`prevent`]),[`enter`,`space`]),t[0]||(t[0]=_(v(e=>U(e,`right`),[`prevent`]),[`right`])),t[1]||(t[1]=_(v(e=>U(e,`left`),[`prevent`]),[`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};