@soybeanjs/headless 0.25.3 → 0.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/dist/components/autocomplete/autocomplete-compact.vue.d.ts +2 -2
  2. package/dist/components/autocomplete/autocomplete-root.js +1 -1
  3. package/dist/components/autocomplete/autocomplete-root.vue.d.ts +3 -3
  4. package/dist/components/calendar-range/calendar-range-root.vue.d.ts +4 -4
  5. package/dist/components/checkbox/checkbox-root.vue.d.ts +1 -1
  6. package/dist/components/collapsible/collapsible-root.vue.d.ts +1 -1
  7. package/dist/components/collapsible/collapsible-trigger.js +1 -1
  8. package/dist/components/color-area/color-area-compact.vue.d.ts +2 -2
  9. package/dist/components/color-area/color-area-root.vue.d.ts +3 -3
  10. package/dist/components/color-field/color-field-root.vue.d.ts +2 -2
  11. package/dist/components/color-picker/color-picker-compact.js +1 -1
  12. package/dist/components/color-picker/color-picker-compact.vue.d.ts +2 -2
  13. package/dist/components/color-picker/color-picker-root.vue.d.ts +3 -3
  14. package/dist/components/color-slider/color-slider-compact.vue.d.ts +2 -2
  15. package/dist/components/color-slider/color-slider-root.vue.d.ts +4 -4
  16. package/dist/components/combobox/combobox-compact.vue.d.ts +2 -2
  17. package/dist/components/combobox/combobox-content-impl.js +1 -1
  18. package/dist/components/combobox/combobox-root.js +1 -1
  19. package/dist/components/combobox/combobox-root.vue.d.ts +2 -2
  20. package/dist/components/config-provider/config-provider.js +1 -1
  21. package/dist/components/config-provider/config-provider.vue.d.ts +0 -1
  22. package/dist/components/config-provider/types.d.ts +0 -6
  23. package/dist/components/context-menu/context-menu-checkbox-compact.vue.d.ts +3 -3
  24. package/dist/components/context-menu/context-menu-compact.vue.d.ts +2 -2
  25. package/dist/components/context-menu/context-menu-content.vue.d.ts +2 -2
  26. package/dist/components/context-menu/context-menu-radio-compact.vue.d.ts +3 -3
  27. package/dist/components/context-menu/context-menu-wrapper-compact.vue.d.ts +2 -2
  28. package/dist/components/date-field/date-field-root.vue.d.ts +2 -2
  29. package/dist/components/date-picker/date-picker-compact.js +1 -1
  30. package/dist/components/date-picker/date-picker-compact.vue.d.ts +6 -6
  31. package/dist/components/date-range-field/date-range-field-root.vue.d.ts +2 -2
  32. package/dist/components/date-range-picker/date-range-picker-compact.js +1 -1
  33. package/dist/components/date-range-picker/date-range-picker-compact.vue.d.ts +6 -6
  34. package/dist/components/dropdown-menu/dropdown-menu-checkbox-compact.vue.d.ts +3 -3
  35. package/dist/components/dropdown-menu/dropdown-menu-compact.vue.d.ts +2 -2
  36. package/dist/components/dropdown-menu/dropdown-menu-content.vue.d.ts +2 -2
  37. package/dist/components/dropdown-menu/dropdown-menu-radio-compact.vue.d.ts +3 -3
  38. package/dist/components/dropdown-menu/dropdown-menu-wrapper-compact.vue.d.ts +2 -2
  39. package/dist/components/hover-card/hover-card-compact.js +1 -1
  40. package/dist/components/hover-card/hover-card-root.js +1 -1
  41. package/dist/components/hover-card/types.d.ts +2 -2
  42. package/dist/components/input-number/input-number-root.vue.d.ts +1 -1
  43. package/dist/components/input-otp/input-otp-compact.vue.d.ts +2 -2
  44. package/dist/components/input-otp/input-otp-root.vue.d.ts +3 -3
  45. package/dist/components/link/link.js +1 -1
  46. package/dist/components/link/link.vue.d.ts +1 -1
  47. package/dist/components/menu/context.js +1 -1
  48. package/dist/components/menu/menu-content.vue.d.ts +2 -2
  49. package/dist/components/menu/menu-option-compact.vue.d.ts +2 -2
  50. package/dist/components/menu/menu-options-compact.vue.d.ts +2 -2
  51. package/dist/components/menu/menu-root.js +1 -1
  52. package/dist/components/menu/menu-sub-content.vue.d.ts +2 -2
  53. package/dist/components/menu/menu-sub.js +1 -1
  54. package/dist/components/menubar/menubar-compact.vue.d.ts +3 -3
  55. package/dist/components/menubar/menubar-content.vue.d.ts +2 -2
  56. package/dist/components/menubar/menubar-root.vue.d.ts +1 -1
  57. package/dist/components/menubar/menubar-sub-content.vue.d.ts +2 -2
  58. package/dist/components/navigation-menu/navigation-menu-root.vue.d.ts +1 -1
  59. package/dist/components/page-tabs/page-tabs-compact.vue.d.ts +1 -1
  60. package/dist/components/page-tabs/page-tabs-root.vue.d.ts +1 -1
  61. package/dist/components/pagination/pagination-root.vue.d.ts +2 -2
  62. package/dist/components/popconfirm/popconfirm-compact.js +1 -1
  63. package/dist/components/popover/popover-compact.js +1 -1
  64. package/dist/components/popover/popover-root.js +1 -1
  65. package/dist/components/popover/types.d.ts +2 -2
  66. package/dist/components/popper/context.js +1 -1
  67. package/dist/components/popper/popper-anchor.js +1 -1
  68. package/dist/components/popper/popper-popup.js +1 -1
  69. package/dist/components/popper/popper-root.js +1 -1
  70. package/dist/components/popper/popper-root.vue.d.ts +3 -1
  71. package/dist/components/popper/types.d.ts +11 -2
  72. package/dist/components/select/select-compact.vue.d.ts +2 -2
  73. package/dist/components/select/select-content-impl.js +1 -1
  74. package/dist/components/select/select-root.js +1 -1
  75. package/dist/components/select/select-root.vue.d.ts +2 -2
  76. package/dist/components/select/select-trigger.js +1 -1
  77. package/dist/components/slider/slider-root.vue.d.ts +2 -2
  78. package/dist/components/slot/slot.js +1 -1
  79. package/dist/components/stepper/stepper-root.vue.d.ts +1 -1
  80. package/dist/components/tabs/tabs-root.vue.d.ts +1 -1
  81. package/dist/components/tags-input/tags-input-compact.vue.d.ts +2 -2
  82. package/dist/components/tags-input/tags-input-root.vue.d.ts +3 -3
  83. package/dist/components/time-field/time-field-root.vue.d.ts +2 -2
  84. package/dist/components/time-range-field/time-range-field-root.vue.d.ts +3 -3
  85. package/dist/components/toast/toaster.vue.d.ts +2 -2
  86. package/dist/components/toggle/toggle.vue.d.ts +1 -1
  87. package/dist/components/tooltip/tooltip-compact.js +1 -1
  88. package/dist/components/tooltip/tooltip-root.js +1 -1
  89. package/dist/components/tooltip/types.d.ts +2 -2
  90. package/dist/components/tree-menu/tree-menu-button.js +1 -1
  91. package/dist/components/tree-menu/tree-menu-option-compact.js +1 -1
  92. package/dist/components/tree-menu/tree-menu-slot-compact.js +1 -1
  93. package/dist/components/tree-menu/tree-menu-tooltip-compact.js +1 -0
  94. package/dist/components/tree-menu/types.d.ts +1 -1
  95. package/dist/components/visually-hidden/visually-hidden-input.vue.d.ts +1 -1
  96. package/dist/composables/use-hide-others.js +1 -1
  97. package/dist/date/utils.d.ts +1 -1
  98. package/dist/nuxt/index.js +1 -1
  99. package/dist/shared/env.d.ts +2 -1
  100. package/dist/shared/env.js +1 -1
  101. package/dist/shared/index.d.ts +2 -2
  102. package/dist/shared/index.js +1 -1
  103. package/package.json +1 -1
@@ -7,21 +7,21 @@ type __VLS_Slots = {} & {
7
7
  default?: (props: typeof __VLS_14) => any;
8
8
  };
9
9
  declare const __VLS_base: import("vue").DefineComponent<MenubarContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
10
+ entryFocus: (event: Event) => any;
10
11
  escapeKeyDown: (event: KeyboardEvent) => any;
11
12
  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
12
13
  focusOutside: (event: FocusOutsideEvent) => any;
13
14
  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
14
15
  openAutoFocus: (event: Event) => any;
15
16
  closeAutoFocus: (event: Event) => any;
16
- entryFocus: (event: Event) => any;
17
17
  }, string, import("vue").PublicProps, Readonly<MenubarContentProps> & Readonly<{
18
+ onEntryFocus?: ((event: Event) => any) | undefined;
18
19
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
19
20
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
20
21
  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
21
22
  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
22
23
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
23
24
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
24
- onEntryFocus?: ((event: Event) => any) | undefined;
25
25
  }>, {
26
26
  align: Align;
27
27
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -13,8 +13,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
13
13
  }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
14
14
  "onUpdate:modelValue"?: ((value: DefinedValue) => any) | undefined;
15
15
  }>, {
16
- modelValue: DefinedValue;
17
16
  loop: boolean;
17
+ modelValue: DefinedValue;
18
18
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
19
19
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
20
20
  declare const _default: typeof __VLS_export;
@@ -6,21 +6,21 @@ type __VLS_Slots = {} & {
6
6
  default?: (props: typeof __VLS_10) => any;
7
7
  };
8
8
  declare const __VLS_base: import("vue").DefineComponent<MenubarSubContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
9
+ entryFocus: (event: Event) => any;
9
10
  escapeKeyDown: (event: KeyboardEvent) => any;
10
11
  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
11
12
  focusOutside: (event: FocusOutsideEvent) => any;
12
13
  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
13
14
  openAutoFocus: (event: Event) => any;
14
15
  closeAutoFocus: (event: Event) => any;
15
- entryFocus: (event: Event) => any;
16
16
  }, string, import("vue").PublicProps, Readonly<MenubarSubContentProps> & Readonly<{
17
+ onEntryFocus?: ((event: Event) => any) | undefined;
17
18
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
18
19
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
19
20
  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
20
21
  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
21
22
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
22
23
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
23
- onEntryFocus?: ((event: Event) => any) | undefined;
24
24
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
25
25
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
26
26
  declare const _default: typeof __VLS_export;
@@ -13,9 +13,9 @@ declare const __VLS_base: import("vue").DefineComponent<NavigationMenuRootProps,
13
13
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
14
14
  }>, {
15
15
  orientation: DataOrientation;
16
- unmountOnHide: boolean;
17
16
  delayDuration: number;
18
17
  skipDelayDuration: number;
18
+ unmountOnHide: boolean;
19
19
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
20
20
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
21
21
  declare const _default: typeof __VLS_export;
@@ -4,9 +4,9 @@ import { PageTabsCompactEmits, PageTabsCompactProps, PageTabsCompactSlots, PageT
4
4
  declare const __VLS_export: <T extends PageTabsOptionData = PageTabsOptionData>(__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<{
5
5
  props: import("vue").PublicProps & __VLS_PrettifyLocal<PageTabsCompactProps<T> & {
6
6
  onContextmenu?: ((tab: T) => any) | undefined;
7
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
8
7
  onClick?: ((tab: T) => any) | undefined;
9
8
  onClose?: ((tab: T) => any) | undefined;
9
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
10
10
  onPin?: ((tab: T) => any) | undefined;
11
11
  "onUpdate:items"?: ((items: T[]) => any) | undefined;
12
12
  onSelectContextMenu?: ((menu: PageTabsContextMenuOptionData, tab: T) => any) | undefined;
@@ -10,8 +10,8 @@ declare const __VLS_base: import("vue").DefineComponent<PageTabsRootProps, {}, {
10
10
  }, string, import("vue").PublicProps, Readonly<PageTabsRootProps> & Readonly<{
11
11
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
12
12
  }>, {
13
- modelValue: string;
14
13
  loop: boolean;
14
+ modelValue: string;
15
15
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
16
16
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
17
17
  declare const _default: typeof __VLS_export;
@@ -15,11 +15,11 @@ declare const __VLS_base: import("vue").DefineComponent<PaginationRootProps, {},
15
15
  "onUpdate:page"?: ((value: number) => any) | undefined;
16
16
  "onUpdate:pageSize"?: ((value: number) => any) | undefined;
17
17
  }>, {
18
+ defaultPage: number;
19
+ defaultPageSize: number;
18
20
  total: number;
19
21
  siblingCount: number;
20
22
  showEdges: boolean;
21
- defaultPage: number;
22
- defaultPageSize: number;
23
23
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
24
24
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
25
25
  declare const _default: typeof __VLS_export;
@@ -1 +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-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};
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-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},dir:{},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};
@@ -1 +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-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};
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-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},dir:{},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};
@@ -1 +1 @@
1
- import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.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{providePopoverRootContext as r}from"./context.js";import{createBlock as i,defineComponent as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=a({name:`PopoverRoot`,inheritAttrs:!1,__name:`popover-root`,props:{disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:open`],setup(a,{emit:u}){let d=a,f=u,p=t(()=>d.open,e=>{f(`update:open`,e)},d.defaultOpen),m=()=>{p.value=!1};return r({...e(d,[`modal`,`disabled`]),open:p}),(e,t)=>(o(),i(c(n),null,{default:l(()=>[s(e.$slots,`default`,{open:c(p),close:m})]),_:3}))}});export{u as default};
1
+ import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.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{providePopoverRootContext as r}from"./context.js";import{createBlock as i,defineComponent as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=a({name:`PopoverRoot`,inheritAttrs:!1,__name:`popover-root`,props:{disabled:{type:Boolean},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean}},emits:[`update:open`],setup(a,{emit:u}){let d=a,f=u,p=t(()=>d.open,e=>{f(`update:open`,e)},d.defaultOpen),m=()=>{p.value=!1};return r({...e(d,[`modal`,`disabled`]),open:p}),(e,t)=>(o(),i(c(n),{dir:a.dir},{default:l(()=>[s(e.$slots,`default`,{open:c(p),close:m})]),_:3},8,[`dir`]))}});export{u as default};
@@ -1,7 +1,7 @@
1
1
  import { UiClass } from "../../types/common.js";
2
2
  import { DismissableLayerEmits, FocusScopeEmits, ForceMountProps } from "../../types/component.js";
3
3
  import { ButtonProps } from "../button/types.js";
4
- import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerProps, PopperUiSlot } from "../popper/types.js";
4
+ import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerProps, PopperRootProps, PopperUiSlot } from "../popper/types.js";
5
5
  import { PortalProps } from "../portal/types.js";
6
6
  import { DialogBaseProps, DialogRootEmits } from "../dialog/types.js";
7
7
  import { ShallowRef } from "vue";
@@ -10,7 +10,7 @@ import { ShallowRef } from "vue";
10
10
  /**
11
11
  * Properties for the PopoverRoot component.
12
12
  */
13
- interface PopoverRootProps extends DialogBaseProps {
13
+ interface PopoverRootProps extends PopperRootProps, DialogBaseProps {
14
14
  /**
15
15
  * Whether the component is disabled.
16
16
  */
@@ -1 +1 @@
1
- import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{shallowRef as n}from"vue";const[r,i]=e(`PopperRoot`,()=>{let e=n(),t=t=>{e.value=t},r=n();return{popupElement:e,onPopupElementChange:t,anchorElement:r,onAnchorElementChange:e=>{r.value=e}}}),[a,o]=e(`PopperPositioner`,e=>{let t=n(null),r=e=>{t.value=e??null};return{...e,arrowElement:t,onArrowElementChange:r}}),[s,c]=t(`PopperUi`);export{a as providePopperPositionerContext,r as providePopperRootContext,s as providePopperUi,o as usePopperPositionerContext,i as usePopperRootContext,c as usePopperUi};
1
+ import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{shallowRef as n}from"vue";const[r,i]=e(`PopperRoot`,e=>{let t=n(),r=e=>{t.value=e},i=n(),a=e=>{i.value=e};return{...e,popupElement:t,onPopupElementChange:r,anchorElement:i,onAnchorElementChange:a}}),[a,o]=e(`PopperPositioner`,e=>{let t=n(null),r=e=>{t.value=e??null};return{...e,arrowElement:t,onArrowElementChange:r}}),[s,c]=t(`PopperUi`);export{a as providePopperPositionerContext,r as providePopperRootContext,s as providePopperUi,o as usePopperPositionerContext,i as usePopperRootContext,c as usePopperUi};
@@ -1 +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{usePopperRootContext as r,usePopperUi as i}from"./context.js";import{createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,watchEffect as d,withCtx as f}from"vue";const p=o({name:`PopperAnchor`,__name:`popper-anchor`,props:{reference:{},asChild:{type:Boolean},as:{}},setup(o){let p=o,m=t(p,[`reference`]),h=i(`anchor`),{onAnchorElementChange:g}=r(`PopperAnchor`),[_,v]=e(e=>{p.reference||g(e)});return d(()=>{p.reference&&g(p.reference)}),(e,t)=>(c(),a(u(n),s(u(m),{ref:u(v),"data-soybean-popper-anchor":``,class:u(h)}),{default:f(()=>[l(e.$slots,`default`)]),_:3},16,[`class`]))}});export{p as default};
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{usePopperRootContext as r,usePopperUi as i}from"./context.js";import{createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,watchEffect as d,withCtx as f}from"vue";const p=o({name:`PopperAnchor`,__name:`popper-anchor`,props:{reference:{},asChild:{type:Boolean},as:{}},setup(o){let p=o,m=t(p,[`reference`]),h=i(`anchor`),{dir:g,onAnchorElementChange:_}=r(`PopperAnchor`),[v,y]=e(e=>{p.reference||_(e)});return d(()=>{p.reference&&_(p.reference)}),(e,t)=>(c(),a(u(n),s(u(m),{ref:u(y),"data-soybean-popper-anchor":``,class:u(h),dir:u(g)}),{default:f(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`dir`]))}});export{p as default};
@@ -1 +1 @@
1
- import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{usePopperPositionerContext as t,usePopperRootContext as n,usePopperUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d}from"vue";const f=[`data-side`,`data-align`],p=o({name:`PopperPopup`,__name:`popper-popup`,setup(o){let p=r(`popup`),{onPopupElementChange:m}=n(`PopperPopup`),{placedSide:h,placedAlign:g,isPositioned:_}=t(`PopperPopup`),[v,y]=e(m),b=i(()=>({animation:_.value?void 0:`none`}));return(e,t)=>(l(),a(`div`,{ref:d(y),class:s(d(p)),"data-soybean-popper-popup":``,"data-side":d(h),"data-align":d(g),style:c(b.value)},[u(e.$slots,`default`)],14,f))}});export{p as default};
1
+ import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{usePopperPositionerContext as t,usePopperRootContext as n,usePopperUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d}from"vue";const f=[`data-side`,`data-align`,`dir`],p=o({name:`PopperPopup`,__name:`popper-popup`,setup(o){let p=r(`popup`),{dir:m,onPopupElementChange:h}=n(`PopperPopup`),{placedSide:g,placedAlign:_,isPositioned:v}=t(`PopperPopup`),[y,b]=e(h),x=i(()=>({animation:v.value?void 0:`none`}));return(e,t)=>(l(),a(`div`,{ref:d(b),class:s(d(p)),"data-soybean-popper-popup":``,"data-side":d(g),"data-align":d(_),dir:d(m),style:c(x.value)},[u(e.$slots,`default`)],14,f))}});export{p as default};
@@ -1 +1 @@
1
- import{providePopperRootContext as e}from"./context.js";import{defineComponent as t,renderSlot as n}from"vue";const r=t({name:`PopperRoot`,inheritAttrs:!1,__name:`popper-root`,setup(t){return e(),(e,t)=>n(e.$slots,`default`)}});export{r as default};
1
+ import{useDirection as e}from"../config-provider/context.js";import{providePopperRootContext as t}from"./context.js";import{defineComponent as n,renderSlot as r}from"vue";const i=n({name:`PopperRoot`,inheritAttrs:!1,__name:`popper-root`,props:{dir:{}},setup(n){let i=n;return t({dir:e(()=>i.dir)}),(e,t)=>r(e.$slots,`default`)}});export{i as default};
@@ -1,9 +1,11 @@
1
+ import { PopperRootProps } from "./types.js";
2
+
1
3
  //#region src/components/popper/popper-root.vue.d.ts
2
4
  declare var __VLS_1: {};
3
5
  type __VLS_Slots = {} & {
4
6
  default?: (props: typeof __VLS_1) => any;
5
7
  };
6
- declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
8
+ declare const __VLS_base: import("vue").DefineComponent<PopperRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopperRootProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
7
9
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
8
10
  declare const _default: typeof __VLS_export;
9
11
  type __VLS_WithSlots<T, S> = T & {
@@ -1,10 +1,19 @@
1
- import { Align, Placement as Placement$1, UiClass } from "../../types/common.js";
1
+ import { Align, Direction, Placement as Placement$1, UiClass } from "../../types/common.js";
2
2
  import { BaseProps } from "../../types/vue.js";
3
3
  import { PrimitiveWithBaseProps } from "../primitive/types.js";
4
4
  import { ComputedRef } from "vue";
5
5
  import { Padding, ReferenceElement, Side } from "@floating-ui/dom";
6
6
 
7
7
  //#region src/components/popper/types.d.ts
8
+ /**
9
+ * Properties for the PopperRoot component.
10
+ */
11
+ interface PopperRootProps {
12
+ /**
13
+ * The direction of the content. Used to determine the placement when not explicitly provided and for RTL flipping behavior.
14
+ */
15
+ dir?: Direction;
16
+ }
8
17
  /**
9
18
  * Properties for the PopperAnchor component.
10
19
  */
@@ -166,4 +175,4 @@ type PopperUiSlot = 'positioner' | 'popup' | 'arrow' | 'anchor';
166
175
  */
167
176
  type PopperUi = UiClass<PopperUiSlot>;
168
177
  //#endregion
169
- export { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerEmits, PopperPositionerProps, PopperUi, PopperUiSlot };
178
+ export { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerEmits, PopperPositionerProps, PopperRootProps, PopperUi, PopperUiSlot };
@@ -5,8 +5,8 @@ import { SelectCompactProps, SelectCompactSlots, SelectItemEvent } from "./types
5
5
  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<{
6
6
  props: import("vue").PublicProps & __VLS_PrettifyLocal<SelectCompactProps<T, M> & {
7
7
  onSelect?: ((event: SelectItemEvent<T>) => any) | undefined;
8
- "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
9
8
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
9
+ "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
10
10
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
11
11
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
12
12
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
@@ -16,7 +16,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue, M extends bo
16
16
  expose: (exposed: {}) => void;
17
17
  attrs: any;
18
18
  slots: SelectCompactSlots<T, M>;
19
- 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);
19
+ 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);
20
20
  }>) => import("vue").VNode & {
21
21
  __ctx?: Awaited<typeof __VLS_setup>;
22
22
  };
@@ -1 +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-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};
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 te from"../popper/popper-positioner.js";import"../popper/index.js";import{provideSelectContentContext as c,useCollectionContext as ne,useSelectPopupElementContext as re,useSelectRootContext as l}from"./context.js";import"./shared.js";import u from"./select-item-aligned-popup.js";import d from"./select-item-aligned-positioner.js";import f from"./select-popper-popup.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,mergeProps as _,onWatcherCleanup as v,openBlock as y,renderSlot as b,unref as x,watch as S,watchEffect as C,withCtx as w,withModifiers as T}from"vue";const E=g({name:`SelectContentImpl`,__name:`select-content-impl`,props:{position:{default:`popper`},bodyLock:{type:Boolean,default:!0},popupProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{default:`start`},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{default:10},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},disableOutsidePointerEvents:{type:Boolean,default:!0}},emits:[`closeAutoFocus`,`escapeKeyDown`,`pointerDownOutside`],setup(g,{emit:E}){let D=g,O=E,{open:k,onOpenChange:A,dataState:j,modelValue:M,isMultiple:N,dir:P,contentId:F,triggerElement:I,triggerPointerDownPosition:L,resetTriggerPointerDownPosition:R}=l(`SelectContentImpl`),{onPopupElementChange:z}=re(`SelectContentImpl`),{onContainerElementChange:B,getOrderedItems:V,getOrderedElements:H}=ne(`SelectContentImpl`),[U,W]=r(),[G,K]=r(e=>{z(e),B(e)}),{search:q,handleTypeaheadSearch:J}=s(),{pointerEvents:Y}=n(U,{disableOutsidePointerEvents:()=>D.disableOutsidePointerEvents,onEscapeKeyDown:e=>{O(`escapeKeyDown`,e)},onPointerDownOutside:e=>{O(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault()},onDismiss:()=>{A(!1)}}),{onKeydown:ie}=a(U,{onOpenAutoFocus:e=>{e.preventDefault()},onCloseAutoFocus:e=>{O(`closeAutoFocus`,e),!e.defaultPrevented&&(I.value?.focus({preventScroll:!0}),e.preventDefault())}}),{isPositioned:X,focusSelectedItem:ae}=c({position:p(()=>D.position),modelValue:M,isMultiple:N,search:q,popupElement:G}),oe=o(D,[`position`,`bodyLock`,`popupProps`,`disableOutsidePointerEvents`]),Z=p(()=>({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,k),S(X,()=>{ae()}),C(()=>{D.bodyLock&&v(t())}),C(()=>{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})),v(()=>{document.removeEventListener(`pointermove`,t),document.removeEventListener(`pointerup`,n,{capture:!0})})}),(e,t)=>g.position===`popper`?(y(),m(x(te),_({key:0,ref:x(W)},x(oe),{onContextmenu:t[0]||(t[0]=T(()=>{},[`prevent`])),onPlaced:$,onKeydown:Q}),{default:w(()=>[h(f,_({id:x(F),ref:x(K)},g.popupProps,{"data-dismissable-layer":``,"data-state":x(j),role:`listbox`,tabindex:`-1`,style:Z.value}),{default:w(()=>[b(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`style`])]),_:3},16)):(y(),m(d,{key:1,ref:x(W),onContextmenu:t[1]||(t[1]=T(()=>{},[`prevent`])),onPlaced:$,onKeydown:Q},{default:w(()=>[h(u,_({id:x(F),ref:x(K)},g.popupProps,{"data-dismissable-layer":``,"data-state":x(j),dir:x(P),role:`listbox`,tabindex:`-1`,style:Z.value}),{default:w(()=>[b(e.$slots,`default`)]),_:3},16,[`id`,`data-state`,`dir`,`style`])]),_:3},512))}});export{E as default};
@@ -1 +1 @@
1
- import{isNullish as e}from"../../shared/guard.js";import{isFormControl as t,transformPropsToContext as n}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useSelection as i}from"../../composables/use-selection.js";import"../../composables/index.js";import a from"../popper/popper-root.js";import"../popper/index.js";import{provideCollectionContext as o,provideSelectRootContext as s}from"./context.js";import c from"./select-bubble-select.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,defineComponent as m,mergeProps as h,openBlock as g,renderList as _,renderSlot as v,unref as y,withCtx as b}from"vue";const x={key:0,value:``},S=m({name:`SelectRoot`,inheritAttrs:!1,__name:`select-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`],setup(m,{emit:S}){let C=m,w=S,{modelValue:T,isMultiple:E,onModelValueChange:D,isEmptyModelValue:O}=i(C,e=>{w(`update:modelValue`,e)}),k=r(()=>C.open,e=>{w(`update:open`,e)},C.defaultOpen),{triggerElement:A,options:j,nativeSelectKey:M}=s({...n(C,[`dir`,`autocomplete`,`disabled`,`required`,`clearable`]),open:k,modelValue:T,onModelValueChange:D,isMultiple:E,isEmptyModelValue:O});o();let N=u(()=>t(A.value));return(t,n)=>(g(),d(y(a),null,{default:b(()=>[v(t.$slots,`default`,{modelValue:y(T),open:!!y(k)}),N.value?(g(),d(c,{key:y(M),"aria-hidden":`true`,tabindex:`-1`,multiple:m.multiple,required:m.required,name:m.name,autocomplete:m.autocomplete,disabled:m.disabled,value:y(T)},{default:b(()=>[y(e)(y(T))?(g(),p(`option`,x)):f(`v-if`,!0),(g(!0),p(l,null,_(y(j),e=>(g(),p(`option`,h({key:e.value??``},{ref_for:!0},e),null,16))),128))]),_:1},8,[`multiple`,`required`,`name`,`autocomplete`,`disabled`,`value`])):f(`v-if`,!0)]),_:3}))}});export{S as default};
1
+ import{isNullish as e}from"../../shared/guard.js";import{isFormControl as t,transformPropsToContext as n}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useSelection as i}from"../../composables/use-selection.js";import"../../composables/index.js";import a from"../popper/popper-root.js";import"../popper/index.js";import{provideCollectionContext as o,provideSelectRootContext as s}from"./context.js";import c from"./select-bubble-select.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,defineComponent as m,mergeProps as h,openBlock as g,renderList as _,renderSlot as v,unref as y,withCtx as b}from"vue";const x={key:0,value:``},S=m({name:`SelectRoot`,inheritAttrs:!1,__name:`select-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},autocomplete:{},disabled:{type:Boolean},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`],setup(m,{emit:S}){let C=m,w=S,{modelValue:T,isMultiple:E,onModelValueChange:D,isEmptyModelValue:O}=i(C,e=>{w(`update:modelValue`,e)}),k=r(()=>C.open,e=>{w(`update:open`,e)},C.defaultOpen),{dir:A,triggerElement:j,options:M,nativeSelectKey:N}=s({...n(C,[`dir`,`autocomplete`,`disabled`,`required`,`clearable`]),open:k,modelValue:T,onModelValueChange:D,isMultiple:E,isEmptyModelValue:O});o();let P=u(()=>t(j.value));return(t,n)=>(g(),d(y(a),{dir:y(A)},{default:b(()=>[v(t.$slots,`default`,{modelValue:y(T),open:!!y(k)}),P.value?(g(),d(c,{key:y(N),"aria-hidden":`true`,tabindex:`-1`,multiple:m.multiple,required:m.required,name:m.name,autocomplete:m.autocomplete,disabled:m.disabled,value:y(T)},{default:b(()=>[y(e)(y(T))?(g(),p(`option`,x)):f(`v-if`,!0),(g(!0),p(l,null,_(y(M),e=>(g(),p(`option`,h({key:e.value??``},{ref_for:!0},e),null,16))),128))]),_:1},8,[`multiple`,`required`,`name`,`autocomplete`,`disabled`,`value`])):f(`v-if`,!0)]),_:3},8,[`dir`]))}});export{S as default};
@@ -4,8 +4,8 @@ import { SelectRootProps } from "./types.js";
4
4
  //#region src/components/select/select-root.vue.d.ts
5
5
  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<{
6
6
  props: import("vue").PublicProps & __VLS_PrettifyLocal<SelectRootProps<T, M> & {
7
- "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
8
7
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
8
+ "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
9
9
  }> & (typeof globalThis extends {
10
10
  __VLS_PROPS_FALLBACK: infer P;
11
11
  } ? P : {});
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(
17
17
  open: boolean;
18
18
  }) => any;
19
19
  };
20
- emit: ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void);
20
+ emit: ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void);
21
21
  }>) => import("vue").VNode & {
22
22
  __ctx?: Awaited<typeof __VLS_setup>;
23
23
  };
@@ -1 +1 @@
1
- import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useTypeahead as t}from"../../composables/use-typeahead.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import r from"../popper/popper-anchor.js";import"../popper/index.js";import{useCollectionContext as i,useSelectRootContext as a,useSelectUi as o}from"./context.js";import{OPEN_KEYS as s,shouldShowPlaceholder as c}from"./shared.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g,withCtx as _,withModifiers as v}from"vue";const y=f({name:`SelectTrigger`,__name:`select-trigger`,props:{disabled:{type:Boolean},reference:{},asChild:{type:Boolean},as:{default:`button`}},setup(f){let y=f,{open:b,dataState:x,modelValue:S,disabled:C,required:w,contentId:T,dir:E,initContentId:D,onTriggerElementChange:O,onOpenChange:k,setTriggerPointerDownPosition:A}=a(`SelectTrigger`),[j,M]=e(O),{getOrderedItems:N}=i(`SelectTrigger`),{search:P,handleTypeaheadSearch:F,resetTypeahead:I}=t(),L=o(`trigger`),R=l(()=>C.value||y.disabled),z=l(()=>c(S.value)?``:void 0),B=l(()=>y.as===`button`?`button`:void 0),V=()=>{R.value||(k(!0),I())},H=e=>{V();let{pageX:t,pageY:n}=e;A({x:Math.round(t),y:Math.round(n)})},U=e=>{b.value||e.currentTarget?.focus()},W=e=>{if(e.pointerType===`touch`){e.preventDefault();return}let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),e.button===0&&e.ctrlKey===!1&&(H(e),e.preventDefault())},G=e=>{e.pointerType===`touch`&&H(e)},K=e=>{let t=P.value!==``;if(!(e.ctrlKey||e.altKey||e.metaKey)&&e.key.length===1&&t&&e.key===` `)return;let n=N();F(e.key,n),s.includes(e.key)&&(V(),e.preventDefault())};return D(),(e,t)=>(m(),u(g(r),{"as-child":``,reference:f.reference},{default:_(()=>[d(g(n),{ref:g(M),as:f.as,"as-child":f.asChild,"data-soybean-select-trigger":``,class:p(g(L)),"aria-controls":g(T),"aria-expanded":g(b)||!1,"aria-required":g(w),"aria-autocomplete":`none`,disabled:R.value,dir:g(E),"data-state":g(x),"data-disabled":R.value?``:void 0,"data-placeholder":z.value,role:`combobox`,type:B.value,onClick:U,onPointerdown:W,onPointerup:v(G,[`prevent`]),onKeydown:K},{default:_(()=>[h(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-controls`,`aria-expanded`,`aria-required`,`disabled`,`dir`,`data-state`,`data-disabled`,`data-placeholder`,`type`])]),_:3},8,[`reference`]))}});export{y as default};
1
+ import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useTypeahead as t}from"../../composables/use-typeahead.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import r from"../popper/popper-anchor.js";import"../popper/index.js";import{useCollectionContext as i,useSelectRootContext as a,useSelectUi as o}from"./context.js";import{OPEN_KEYS as s,shouldShowPlaceholder as c}from"./shared.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,unref as g,withCtx as _,withModifiers as v}from"vue";const y=f({name:`SelectTrigger`,__name:`select-trigger`,props:{disabled:{type:Boolean},reference:{},asChild:{type:Boolean},as:{default:`button`}},setup(f){let y=f,{open:b,dataState:x,modelValue:S,disabled:C,required:w,contentId:T,initContentId:E,onTriggerElementChange:D,onOpenChange:O,setTriggerPointerDownPosition:k}=a(`SelectTrigger`),[A,j]=e(D),{getOrderedItems:M}=i(`SelectTrigger`),{search:N,handleTypeaheadSearch:P,resetTypeahead:F}=t(),I=o(`trigger`),L=l(()=>C.value||y.disabled),R=l(()=>c(S.value)?``:void 0),z=l(()=>y.as===`button`?`button`:void 0),B=()=>{L.value||(O(!0),F())},V=e=>{B();let{pageX:t,pageY:n}=e;k({x:Math.round(t),y:Math.round(n)})},H=e=>{b.value||e.currentTarget?.focus()},U=e=>{if(e.pointerType===`touch`){e.preventDefault();return}let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),e.button===0&&e.ctrlKey===!1&&(V(e),e.preventDefault())},W=e=>{e.pointerType===`touch`&&V(e)},G=e=>{let t=N.value!==``;if(!(e.ctrlKey||e.altKey||e.metaKey)&&e.key.length===1&&t&&e.key===` `)return;let n=M();P(e.key,n),s.includes(e.key)&&(B(),e.preventDefault())};return E(),(e,t)=>(m(),u(g(r),{"as-child":``,reference:f.reference},{default:_(()=>[d(g(n),{ref:g(j),as:f.as,"as-child":f.asChild,"data-soybean-select-trigger":``,class:p(g(I)),"aria-controls":g(T),"aria-expanded":g(b)||!1,"aria-required":g(w),"aria-autocomplete":`none`,disabled:L.value,"data-state":g(x),"data-disabled":L.value?``:void 0,"data-placeholder":R.value,role:`combobox`,type:z.value,onClick:H,onPointerdown:U,onPointerup:v(W,[`prevent`]),onKeydown:G},{default:_(()=>[h(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-controls`,`aria-expanded`,`aria-required`,`disabled`,`data-state`,`data-disabled`,`data-placeholder`,`type`])]),_:3},8,[`reference`]))}});export{y as default};
@@ -19,9 +19,9 @@ declare const __VLS_base: import("vue").DefineComponent<SliderRootProps, {}, {},
19
19
  max: number;
20
20
  min: number;
21
21
  orientation: DataOrientation;
22
- defaultValue: number[];
23
- modelValue: number[];
24
22
  step: number;
23
+ modelValue: number[];
24
+ defaultValue: number[];
25
25
  inverted: boolean;
26
26
  minStepsBetweenThumbs: number;
27
27
  thumbAlignment: SliderThumbAlignment;
@@ -1 +1 @@
1
- import{getRawChildren as e}from"../../shared/vue.js";import"../../shared/index.js";import{Comment as t,cloneVNode as n,defineComponent as r,warn as i}from"vue";const a=r((r,{slots:a,attrs:o})=>()=>{if(!a.default)return null;let r=e(a.default());if(!r?.length)return null;let s=r.find(e=>e.type!==t);return import.meta.env.DEV&&r.filter(e=>e.type!==t).length>1&&i(`<Slot> can only be used on a single element or component.`),s?n(s,o,!0):null},{name:`Slot`});export{a as Slot};
1
+ import{getRawChildren as e}from"../../shared/vue.js";import"../../shared/index.js";import{Comment as t,cloneVNode as n,defineComponent as r}from"vue";const i=r((r,{slots:i,attrs:a})=>()=>{if(!i.default)return null;let r=e(i.default());if(!r?.length)return null;let o=r.find(e=>e.type!==t);return o?n(o,a,!0):null},{name:`Slot`});export{i as Slot};
@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<StepperRootProps, {
37
37
  "onUpdate:modelValue"?: ((payload: number) => any) | undefined;
38
38
  }>, {
39
39
  orientation: DataOrientation;
40
- defaultValue: number;
41
40
  modelValue: number;
41
+ defaultValue: number;
42
42
  linear: boolean;
43
43
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
44
44
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
14
14
  "onUpdate:modelValue"?: ((payload: DefinedValue | null) => any) | undefined;
15
15
  }>, {
16
16
  orientation: DataOrientation;
17
- modelValue: DefinedValue | null;
18
17
  loop: boolean;
18
+ modelValue: DefinedValue | null;
19
19
  activationMode: TabsActivationMode;
20
20
  unmountOnHide: boolean;
21
21
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -3,13 +3,13 @@ import { TagsInputCompactProps, TagsInputCompactSlots } from "./types.js";
3
3
  //#region src/components/tags-input/tags-input-compact.vue.d.ts
4
4
  type __VLS_Slots = TagsInputCompactSlots;
5
5
  declare const __VLS_base: import("vue").DefineComponent<TagsInputCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
6
- "update:modelValue": (value: string[]) => any;
7
6
  invalid: (value: string) => any;
7
+ "update:modelValue": (value: string[]) => any;
8
8
  addTag: (value: string) => any;
9
9
  removeTag: (value: string) => any;
10
10
  }, string, import("vue").PublicProps, Readonly<TagsInputCompactProps> & Readonly<{
11
- "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
12
11
  onInvalid?: ((value: string) => any) | undefined;
12
+ "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
13
13
  onAddTag?: ((value: string) => any) | undefined;
14
14
  onRemoveTag?: ((value: string) => any) | undefined;
15
15
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -9,19 +9,19 @@ type __VLS_Slots = {} & {
9
9
  default?: (props: typeof __VLS_1) => any;
10
10
  };
11
11
  declare const __VLS_base: import("vue").DefineComponent<TagsInputRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
12
- "update:modelValue": (value: string[]) => any;
13
12
  invalid: (value: string) => any;
13
+ "update:modelValue": (value: string[]) => any;
14
14
  addTag: (value: string) => any;
15
15
  removeTag: (value: string) => any;
16
16
  }, string, import("vue").PublicProps, Readonly<TagsInputRootProps> & Readonly<{
17
- "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
18
17
  onInvalid?: ((value: string) => any) | undefined;
18
+ "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
19
19
  onAddTag?: ((value: string) => any) | undefined;
20
20
  onRemoveTag?: ((value: string) => any) | undefined;
21
21
  }>, {
22
22
  max: number;
23
- defaultValue: string[];
24
23
  modelValue: string[];
24
+ defaultValue: string[];
25
25
  delimiter: string | RegExp;
26
26
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
27
27
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -12,10 +12,10 @@ declare const __VLS_base: import("vue").DefineComponent<TimeFieldRootProps, {},
12
12
  }>, {
13
13
  placeholder: TimeValue;
14
14
  disabled: boolean;
15
- defaultValue: TimeValue;
16
15
  step: DateStep;
17
- defaultPlaceholder: TimeValue;
16
+ defaultValue: TimeValue;
18
17
  readonly: boolean;
18
+ defaultPlaceholder: TimeValue;
19
19
  hourCycle: 12 | 24;
20
20
  granularity: TimeGranularity;
21
21
  hideTimeZone: boolean;
@@ -16,16 +16,16 @@ declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldRootProps,
16
16
  }>, {
17
17
  placeholder: TimeValue;
18
18
  disabled: boolean;
19
- defaultValue: TimeRange;
20
19
  step: DateStep;
21
- defaultPlaceholder: TimeValue;
20
+ defaultValue: TimeRange;
22
21
  readonly: boolean;
22
+ defaultPlaceholder: TimeValue;
23
23
  hourCycle: 12 | 24;
24
24
  granularity: TimeGranularity;
25
25
  hideTimeZone: boolean;
26
+ isTimeUnavailable: TimeMatcher;
26
27
  startName: string;
27
28
  endName: string;
28
- isTimeUnavailable: TimeMatcher;
29
29
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
30
30
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
31
31
  declare const _default: typeof __VLS_export;
@@ -9,10 +9,10 @@ declare const __VLS_base: import("vue").DefineComponent<ToasterProps, {}, {}, {}
9
9
  offset: ToastOffset;
10
10
  duration: number;
11
11
  gap: number;
12
- hotkey: string[];
13
- containerAriaLabel: string;
14
12
  position: ToastPosition;
15
13
  visibleCounts: number;
14
+ hotkey: string[];
15
+ containerAriaLabel: string;
16
16
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
17
17
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
18
18
  declare const _default: typeof __VLS_export;
@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<ToggleProps, {}, {}, {},
15
15
  }, string, import("vue").PublicProps, Readonly<ToggleProps> & Readonly<{
16
16
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
17
17
  }>, {
18
- defaultValue: boolean;
19
18
  modelValue: boolean;
19
+ defaultValue: boolean;
20
20
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
21
21
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
22
22
  declare const _default: typeof __VLS_export;
@@ -1 +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-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};
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-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},dir:{},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};
@@ -1 +1 @@
1
- import{useConfigProvider as e}from"../config-provider/context.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../popper/popper-root.js";import"../popper/index.js";import{TOOLTIP_OPEN as r,createDefaultTooltipConfig as i}from"./shared.js";import{provideTooltipOpenDelayedContext as a,provideTooltipRootContext as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,openBlock as u,renderSlot as d,unref as f,watch as p,withCtx as m}from"vue";const h=l({name:`TooltipRoot`,inheritAttrs:!1,__name:`tooltip-root`,props:{defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},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};
1
+ import{useConfigProvider as e}from"../config-provider/context.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../popper/popper-root.js";import"../popper/index.js";import{TOOLTIP_OPEN as r,createDefaultTooltipConfig as i}from"./shared.js";import{provideTooltipOpenDelayedContext as a,provideTooltipRootContext as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,openBlock as u,renderSlot as d,unref as f,watch as p,withCtx as m}from"vue";const h=l({name:`TooltipRoot`,inheritAttrs:!1,__name:`tooltip-root`,props:{defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},dir:{},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean},positionerProps:{}},emits:[`update:open`],setup(l,{emit:h}){let g=l,_=h,v=t(()=>g.open,e=>{_(`update:open`,e)},g.defaultOpen),y=e(),b=s(()=>i(y?.tooltip?.value)),x=a({skipDelayDuration:s(()=>b.value.skipDelayDuration)});return o({open:v,delayDuration:s(()=>g.delayDuration??b.value.delayDuration),disableHoverableContent:s(()=>g.disableHoverableContent??b.value.disableHoverableContent),disableClosingTrigger:s(()=>g.disableClosingTrigger??b.value.disableClosingTrigger),disabled:s(()=>g.disabled??b.value.disabled),ignoreNonKeyboardFocus:s(()=>g.ignoreNonKeyboardFocus??b.value.ignoreNonKeyboardFocus),isOpenDelayed:x.isOpenDelayed,positionerProps:s(()=>b.value.positionerProps)}),p(v,e=>{x.onClose&&(e?(x.onOpen(),document.dispatchEvent(new CustomEvent(r))):x.onClose())}),(e,t)=>(u(),c(f(n),{dir:l.dir},{default:m(()=>[d(e.$slots,`default`,{open:f(v)})]),_:3},8,[`dir`]))}});export{h as default};
@@ -1,6 +1,6 @@
1
1
  import { Placement } from "../../types/common.js";
2
2
  import { DismissableLayerEmits, ForceMountProps } from "../../types/component.js";
3
- import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerProps } from "../popper/types.js";
3
+ import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerProps, PopperRootProps } from "../popper/types.js";
4
4
  import { PortalProps } from "../portal/types.js";
5
5
  import { Ref, ShallowRef } from "vue";
6
6
 
@@ -55,7 +55,7 @@ interface TooltipProviderProps {
55
55
  /**
56
56
  * Properties for the TooltipRoot component.
57
57
  */
58
- interface TooltipRootProps extends TooltipProviderProps {
58
+ interface TooltipRootProps extends PopperRootProps, TooltipProviderProps {
59
59
  /** The open state of the tooltip when it is initially rendered. Use when you do not need to control its open state. */
60
60
  defaultOpen?: boolean;
61
61
  /** The controlled open state of the tooltip. */
@@ -1 +1 @@
1
- import e from"../button/button.js";import{useTreeMenuItemContext as t,useTreeMenuUi as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`TreeMenuButton`,__name:`tree-menu-button`,props:{disabledActive:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let u=i,d=n(`button`),{isActive:f,onActive:p}=t(`TreeMenuButton`),m=()=>{u.disabledActive||p()};return(t,n)=>(o(),r(e,a(u,{"data-soybean-tree-menu-button":``,class:c(d),"data-active":c(f),onClick:m}),{default:l(()=>[s(t.$slots,`default`)]),_:3},16,[`class`,`data-active`]))}});export{u as default};
1
+ import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../button/button.js";import{useTreeMenuItemContext as n,useTreeMenuUi as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`TreeMenuButton`,__name:`tree-menu-button`,props:{disabledActive:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let d=a,f=e(d,[`disabledActive`]),p=r(`button`),{isActive:m,onActive:h}=n(`TreeMenuButton`),g=()=>{d.disabledActive||h()};return(e,n)=>(s(),i(t,o(l(f),{"data-soybean-tree-menu-button":``,class:l(p),"data-active":l(m),onClick:g}),{default:u(()=>[c(e.$slots,`default`)]),_:3},16,[`class`,`data-active`]))}});export{d as default};
@@ -1 +1 @@
1
- import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import n from"../dropdown-menu/dropdown-menu-compact.js";import r from"../tooltip/tooltip-compact.js";import{useTreeMenuRootContext as i,useTreeMenuUi as a}from"./context.js";import o from"./tree-menu-button.js";import s from"./tree-menu-collapsible.js";import c from"./tree-menu-item.js";import l from"./tree-menu-slot-compact.js";import u from"./tree-menu-sub.js";import{Fragment as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createSlots as _,createVNode as v,defineComponent as y,guardReactiveProps as b,mergeProps as x,normalizeClass as S,normalizeProps as C,openBlock as w,renderList as T,renderSlot as E,resolveComponent as D,unref as O,useSlots as k,withCtx as A}from"vue";import{keysOf as j}from"@soybeanjs/utils";const M=y({name:`TreeMenuOptionCompact`,__name:`tree-menu-option-compact`,props:{as:{default:`li`},item:{},side:{},activePaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(y,{emit:M}){let N=y,P=M,F=k(),I=e(N,[`as`,`item`]),L=f(()=>j(F)),R=a(),{collapsed:z,modelValue:B,onModelValueChange:V}=i(`TreeMenuCompactOption`),H=f(()=>N.item.children??[]),U=f(()=>!!H.value.length),W=f(()=>B.value===N.item.value?!1:!!N.activePaths?.includes(N.item.value)),G=f(()=>!!(N.item.to||N.item.href)),K=f(()=>{if(!G.value)return{};let{disabled:e,to:t,href:n,target:r,external:i}=N.item;return{...N.linkProps,disabled:e,to:t,href:n,target:r,external:i}}),q=f(()=>z.value&&U.value),J=f(()=>z.value&&!q.value?N.item.label:void 0),Y=f(()=>N.side===`left`?`right`:`left`),X=f(()=>({...N.item.tooltipProps,placement:N.item.tooltipProps?.placement??Y.value})),Z=f(()=>({...N.item.dropdownMenuProps,placement:N.item.dropdownMenuProps?.placement??Y.value,trigger:N.item.dropdownMenuProps?.trigger??`hover`})),Q=()=>{N.item.disabled||V(N.item.value)},$=e=>{N.item.disabled||(V(e.value),P(`selectDropdown`,e.value))};return(e,i)=>{let a=D(`TreeMenuOptionCompact`,!0);return U.value?(w(),p(c,x({key:1},y.itemProps,{"as-child":``,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[v(s,x(y.collapsibleProps,{as:y.as,"disabled-collapsible":O(z)}),{trigger:A(()=>[v(o,x(y.buttonProps,{"disabled-active":``,"data-child-active":W.value?``:void 0}),{default:A(()=>[v(l,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:A(()=>[q.value?(w(),p(n,x({key:0},Z.value,{items:H.value,disabled:y.item.disabled,"active-value":O(B),"data-menu":y.item.label,onSelect:$}),{trigger:A(()=>[g(`div`,{class:S(O(R).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`active-value`,`data-menu`])):m(`v-if`,!0)]),default:A(()=>[v(u,C(b(y.subProps)),{default:A(()=>[(w(!0),h(d,null,T(H.value,t=>(w(),p(a,x({key:t.value},{ref_for:!0},O(I),{item:t,side:y.side,"active-paths":y.activePaths,onSelectDropdown:i[0]||(i[0]=e=>P(`selectDropdown`,e))}),_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,x({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(w(),p(c,x({key:0},y.itemProps,{as:y.as,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[G.value?(w(),p(o,x({key:0},y.buttonProps,{"as-child":``}),{default:A(()=>[v(t,C(b(K.value)),{default:A(({isHref:t})=>[v(l,{item:y.item,"show-link-icon":t},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(w(),p(o,C(x({key:1},y.buttonProps)),{default:A(()=>[v(l,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16)),J.value?(w(),p(r,x({key:2},X.value,{content:J.value}),{trigger:A(()=>[G.value?(w(),p(t,x({key:0},K.value,{class:O(R).itemAbsolute,onClick:Q}),null,16,[`class`])):(w(),h(`div`,{key:1,class:S(O(R).itemAbsolute),onClick:Q},null,2))]),_:1},16,[`content`])):m(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{M as default};
1
+ import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import n from"../dropdown-menu/dropdown-menu-compact.js";import{useTreeMenuRootContext as r,useTreeMenuUi as i}from"./context.js";import a from"./tree-menu-button.js";import o from"./tree-menu-collapsible.js";import s from"./tree-menu-item.js";import c from"./tree-menu-slot-compact.js";import l from"./tree-menu-sub.js";import u from"./tree-menu-tooltip-compact.js";import{Fragment as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createSlots as _,createVNode as v,defineComponent as y,guardReactiveProps as b,mergeProps as x,normalizeClass as S,normalizeProps as C,openBlock as w,renderList as T,renderSlot as E,resolveComponent as D,unref as O,useSlots as k,withCtx as A}from"vue";import{keysOf as j}from"@soybeanjs/utils";const M=y({name:`TreeMenuOptionCompact`,__name:`tree-menu-option-compact`,props:{as:{default:`li`},item:{},side:{},activePaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(y,{emit:M}){let N=y,P=M,F=k(),I=e(N,[`as`,`item`]),L=f(()=>j(F)),R=i(),{collapsed:z,modelValue:B,onModelValueChange:V}=r(`TreeMenuCompactOption`),H=f(()=>N.item.children??[]),U=f(()=>!!H.value.length),W=f(()=>B.value===N.item.value?!1:!!N.activePaths?.includes(N.item.value)),G=f(()=>!!(N.item.to||N.item.href)),K=f(()=>{if(!G.value)return{};let{disabled:e,to:t,href:n,target:r,external:i}=N.item;return{...N.linkProps,disabled:e,to:t,href:n,target:r,external:i}}),q=f(()=>z.value&&U.value),J=f(()=>z.value&&!q.value?N.item.label:void 0),Y=f(()=>N.side===`left`?`right`:`left`),X=f(()=>({...N.item.tooltipProps,placement:N.item.tooltipProps?.placement??Y.value})),Z=f(()=>({...N.item.dropdownMenuProps,placement:N.item.dropdownMenuProps?.placement??Y.value,trigger:N.item.dropdownMenuProps?.trigger??`hover`})),Q=()=>{N.item.disabled||V(N.item.value)},$=e=>{N.item.disabled||(V(e.value),P(`selectDropdown`,e.value))};return(e,r)=>{let i=D(`TreeMenuOptionCompact`,!0);return U.value?(w(),p(s,x({key:1},y.itemProps,{"as-child":``,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[v(o,x(y.collapsibleProps,{as:y.as,"disabled-collapsible":O(z)}),{trigger:A(()=>[v(a,x(y.buttonProps,{"disabled-active":``,"data-child-active":W.value?``:void 0}),{default:A(()=>[v(c,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:A(()=>[q.value?(w(),p(n,x({key:0},Z.value,{items:H.value,disabled:y.item.disabled,"active-value":O(B),"data-menu":y.item.label,onSelect:$}),{trigger:A(()=>[g(`div`,{class:S(O(R).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`active-value`,`data-menu`])):m(`v-if`,!0)]),default:A(()=>[v(l,C(b(y.subProps)),{default:A(()=>[(w(!0),h(d,null,T(H.value,t=>(w(),p(i,x({key:t.value},{ref_for:!0},O(I),{item:t,side:y.side,"active-paths":y.activePaths,onSelectDropdown:r[0]||(r[0]=e=>P(`selectDropdown`,e))}),_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,x({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(w(),p(s,x({key:0},y.itemProps,{as:y.as,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[G.value?(w(),p(a,x({key:0},y.buttonProps,{"as-child":``}),{default:A(()=>[v(t,C(b(K.value)),{default:A(({isHref:t})=>[v(c,{item:y.item,"show-link-icon":t},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(w(),p(a,C(x({key:1},y.buttonProps)),{default:A(()=>[v(c,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16)),J.value?(w(),p(u,x({key:2},X.value,{content:J.value}),{trigger:A(()=>[G.value?(w(),p(t,x({key:0},K.value,{class:O(R).itemAbsolute,onClick:Q}),null,16,[`class`])):(w(),h(`div`,{key:1,class:S(O(R).itemAbsolute),onClick:Q},null,2))]),_:1},16,[`content`])):m(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{M as default};