@soybeanjs/headless 0.23.1-beta.4 → 0.24.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 (156) hide show
  1. package/dist/components/accordion/accordion-compact.js +1 -1
  2. package/dist/components/accordion/index.js +1 -1
  3. package/dist/components/accordion/types.d.ts +1 -1
  4. package/dist/components/alert/alert-compact.vue.d.ts +2 -2
  5. package/dist/components/alert/types.d.ts +1 -1
  6. package/dist/components/autocomplete/autocomplete-compact.js +1 -1
  7. package/dist/components/autocomplete/autocomplete-input.js +1 -1
  8. package/dist/components/autocomplete/index.js +1 -1
  9. package/dist/components/bottom-sheet/bottom-sheet-compact.js +1 -1
  10. package/dist/components/bottom-sheet/bottom-sheet-root-nested.vue.d.ts +2 -2
  11. package/dist/components/bottom-sheet/index.js +1 -1
  12. package/dist/components/breadcrumb/breadcrumb-compact.js +1 -1
  13. package/dist/components/calendar/calendar-compact.js +1 -1
  14. package/dist/components/calendar/calendar-root.js +1 -1
  15. package/dist/components/calendar/index.js +1 -1
  16. package/dist/components/calendar-range/calendar-range-compact.js +1 -1
  17. package/dist/components/calendar-range/calendar-range-root.js +1 -1
  18. package/dist/components/calendar-range/calendar-range-root.vue.d.ts +5 -5
  19. package/dist/components/calendar-range/index.js +1 -1
  20. package/dist/components/carousel/carousel-compact.js +1 -1
  21. package/dist/components/carousel/index.js +1 -1
  22. package/dist/components/checkbox/checkbox-card-compact.js +1 -1
  23. package/dist/components/checkbox/checkbox-compact.js +1 -1
  24. package/dist/components/checkbox/index.js +1 -1
  25. package/dist/components/checkbox/types.d.ts +1 -1
  26. package/dist/components/clipboard/clipboard.vue.d.ts +4 -4
  27. package/dist/components/clipboard/types.d.ts +1 -1
  28. package/dist/components/collapsible/collapsible-content.js +1 -1
  29. package/dist/components/collapsible/collapsible-root.vue.d.ts +1 -1
  30. package/dist/components/color-area/color-area-area.js +1 -1
  31. package/dist/components/color-area/color-area-root.vue.d.ts +1 -1
  32. package/dist/components/color-area/color-area-thumb.js +1 -1
  33. package/dist/components/color-field/color-field-root.vue.d.ts +1 -1
  34. package/dist/components/color-picker/color-picker-compact.js +1 -1
  35. package/dist/components/color-picker/color-picker-compact.vue.d.ts +3 -3
  36. package/dist/components/color-picker/color-picker-root.vue.d.ts +4 -4
  37. package/dist/components/color-picker/color-picker-trigger.js +1 -1
  38. package/dist/components/color-slider/color-slider-root.vue.d.ts +1 -1
  39. package/dist/components/color-swatch/color-swatch-compact.js +1 -1
  40. package/dist/components/color-swatch/index.js +1 -1
  41. package/dist/components/color-swatch-picker/color-swatch-picker-compact.js +1 -1
  42. package/dist/components/color-swatch-picker/index.js +1 -1
  43. package/dist/components/combobox/combobox-compact.js +1 -1
  44. package/dist/components/combobox/context.js +1 -1
  45. package/dist/components/combobox/index.js +1 -1
  46. package/dist/components/combobox/types.d.ts +1 -1
  47. package/dist/components/command/command-compact.js +1 -1
  48. package/dist/components/context-menu/context-menu-checkbox-compact.vue.d.ts +2 -2
  49. package/dist/components/context-menu/context-menu-compact.vue.d.ts +2 -2
  50. package/dist/components/context-menu/context-menu-content.vue.d.ts +2 -2
  51. package/dist/components/context-menu/context-menu-radio-compact.vue.d.ts +2 -2
  52. package/dist/components/context-menu/context-menu-wrapper-compact.vue.d.ts +2 -2
  53. package/dist/components/date-field/date-field-root.vue.d.ts +3 -3
  54. package/dist/components/date-picker/date-picker-compact.js +1 -1
  55. package/dist/components/date-picker/date-picker-compact.vue.d.ts +4 -4
  56. package/dist/components/date-range-field/date-range-field-compact.js +1 -1
  57. package/dist/components/date-range-field/date-range-field-root.vue.d.ts +3 -3
  58. package/dist/components/date-range-field/index.js +1 -1
  59. package/dist/components/date-range-picker/date-range-picker-compact.vue.d.ts +4 -4
  60. package/dist/components/dialog/dialog-compact.js +1 -1
  61. package/dist/components/dialog/dialog-compact.vue.d.ts +4 -4
  62. package/dist/components/dialog/index.js +1 -1
  63. package/dist/components/dialog/types.d.ts +1 -1
  64. package/dist/components/dropdown-menu/dropdown-menu-checkbox-compact.vue.d.ts +2 -2
  65. package/dist/components/dropdown-menu/dropdown-menu-compact.vue.d.ts +2 -2
  66. package/dist/components/dropdown-menu/dropdown-menu-content.vue.d.ts +2 -2
  67. package/dist/components/dropdown-menu/dropdown-menu-radio-compact.vue.d.ts +2 -2
  68. package/dist/components/dropdown-menu/dropdown-menu-root.vue.d.ts +1 -1
  69. package/dist/components/dropdown-menu/dropdown-menu-wrapper-compact.vue.d.ts +2 -2
  70. package/dist/components/form/core/use-form.js +1 -1
  71. package/dist/components/form/form-field-base-compact.js +1 -1
  72. package/dist/components/form/index.js +1 -1
  73. package/dist/components/input/index.js +1 -1
  74. package/dist/components/input/input-compact.js +1 -1
  75. package/dist/components/input-number/index.js +1 -1
  76. package/dist/components/input-number/input-number-compact.js +1 -1
  77. package/dist/components/layout/index.js +1 -1
  78. package/dist/components/layout/layout-classic-compact.js +1 -1
  79. package/dist/components/layout/layout-compact.js +1 -1
  80. package/dist/components/layout/layout-mobile.js +1 -1
  81. package/dist/components/listbox/listbox-filter.js +1 -1
  82. package/dist/components/menu/menu-content.vue.d.ts +2 -2
  83. package/dist/components/menu/menu-option-compact.vue.d.ts +2 -2
  84. package/dist/components/menu/menu-options-compact.vue.d.ts +2 -2
  85. package/dist/components/menu/menu-sub-content.vue.d.ts +2 -2
  86. package/dist/components/menu/types.d.ts +1 -1
  87. package/dist/components/menubar/menubar-compact.vue.d.ts +2 -2
  88. package/dist/components/menubar/menubar-content.vue.d.ts +2 -2
  89. package/dist/components/menubar/menubar-sub-content.vue.d.ts +2 -2
  90. package/dist/components/navigation-menu/navigation-menu-option-compact.js +1 -1
  91. package/dist/components/navigation-menu/navigation-menu-root.vue.d.ts +1 -1
  92. package/dist/components/navigation-menu/types.d.ts +1 -1
  93. package/dist/components/page-tabs/page-tabs-compact.vue.d.ts +1 -1
  94. package/dist/components/page-tabs/types.d.ts +1 -1
  95. package/dist/components/password/password-compact.js +1 -1
  96. package/dist/components/popconfirm/index.js +1 -1
  97. package/dist/components/popconfirm/popconfirm-compact.js +1 -1
  98. package/dist/components/popconfirm/popconfirm-compact.vue.d.ts +2 -2
  99. package/dist/components/popover/index.js +1 -1
  100. package/dist/components/popover/popover-compact.js +1 -1
  101. package/dist/components/popper/popper-positioner.vue.d.ts +1 -1
  102. package/dist/components/progress/index.js +1 -1
  103. package/dist/components/progress/progress-provider.js +1 -1
  104. package/dist/components/radio-group/types.d.ts +1 -1
  105. package/dist/components/select/index.js +1 -1
  106. package/dist/components/select/select-compact.js +1 -1
  107. package/dist/components/select/select-content-impl.js +1 -1
  108. package/dist/components/select/types.d.ts +1 -1
  109. package/dist/components/slider/slider-root.vue.d.ts +1 -1
  110. package/dist/components/splitter/splitter-group.js +1 -1
  111. package/dist/components/splitter/splitter-resize-handle.vue.d.ts +1 -1
  112. package/dist/components/table/index.js +1 -1
  113. package/dist/components/table/table-compact.js +1 -1
  114. package/dist/components/time-field/time-field-root.vue.d.ts +3 -3
  115. package/dist/components/time-range-field/index.js +1 -1
  116. package/dist/components/time-range-field/time-range-field-compact.js +1 -1
  117. package/dist/components/time-range-field/time-range-field-root.vue.d.ts +4 -4
  118. package/dist/components/toast/index.js +1 -1
  119. package/dist/components/toast/toast.js +1 -1
  120. package/dist/components/toast/toaster.js +1 -1
  121. package/dist/components/tooltip/index.js +1 -1
  122. package/dist/components/tooltip/tooltip-compact.js +1 -1
  123. package/dist/components/tooltip/tooltip-popup.js +1 -1
  124. package/dist/components/tooltip/tooltip-positioner-impl.js +1 -1
  125. package/dist/components/tooltip/tooltip-root.js +1 -1
  126. package/dist/components/tree/tree-item.js +1 -1
  127. package/dist/components/tree/tree-root.js +1 -1
  128. package/dist/components/tree-menu/index.js +1 -1
  129. package/dist/components/tree-menu/tree-menu-compact.vue.d.ts +2 -2
  130. package/dist/components/tree-menu/tree-menu-option-compact.js +1 -1
  131. package/dist/components/tree-menu/tree-menu-options-compact.js +1 -1
  132. package/dist/components/tree-menu/tree-menu-root.js +1 -1
  133. package/dist/components/tree-menu/types.d.ts +1 -1
  134. package/dist/components/virtualizer/virtualizer-root.js +1 -1
  135. package/dist/components/visually-hidden/visually-hidden-input.vue.d.ts +1 -1
  136. package/dist/components/watermark/context.d.ts +7 -0
  137. package/dist/components/watermark/context.js +1 -0
  138. package/dist/components/watermark/index.d.ts +6 -0
  139. package/dist/components/watermark/index.js +1 -0
  140. package/dist/components/watermark/shared.js +1 -0
  141. package/dist/components/watermark/types.d.ts +100 -0
  142. package/dist/components/watermark/watermark-compact.js +1 -0
  143. package/dist/components/watermark/watermark-compact.vue.d.ts +17 -0
  144. package/dist/components/watermark/watermark-overlay.js +1 -0
  145. package/dist/components/watermark/watermark-overlay.vue.d.ts +7 -0
  146. package/dist/components/watermark/watermark-root.js +1 -0
  147. package/dist/components/watermark/watermark-root.vue.d.ts +20 -0
  148. package/dist/constants/components.d.ts +1 -0
  149. package/dist/constants/components.js +1 -1
  150. package/dist/date/index.js +1 -1
  151. package/dist/date/parser.js +1 -1
  152. package/dist/index.d.ts +7 -2
  153. package/dist/index.js +1 -1
  154. package/dist/namespaced/index.d.ts +9 -1
  155. package/dist/namespaced/index.js +1 -1
  156. package/package.json +2 -2
@@ -14,8 +14,8 @@ type __VLS_Slots = {} & {
14
14
  };
15
15
  declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
16
16
  "update:modelValue": (value: string) => any;
17
- "update:open": (value: boolean) => any;
18
17
  change: (value: string) => any;
18
+ "update:open": (value: boolean) => any;
19
19
  escapeKeyDown: (event: KeyboardEvent) => any;
20
20
  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
21
21
  focusOutside: (event: FocusOutsideEvent) => any;
@@ -26,8 +26,8 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps,
26
26
  "update:format": (value: ColorFormat) => any;
27
27
  }, string, import("vue").PublicProps, Readonly<ColorPickerCompactProps> & Readonly<{
28
28
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
29
- "onUpdate:open"?: ((value: boolean) => any) | undefined;
30
29
  onChange?: ((value: string) => any) | undefined;
30
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
31
31
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
32
32
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
33
33
  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -40,11 +40,11 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps,
40
40
  open: boolean;
41
41
  placement: Placement;
42
42
  showArrow: boolean;
43
- colorSpace: ColorSpace;
44
43
  showAlpha: boolean;
45
44
  showFields: boolean;
46
45
  showSwatches: boolean;
47
46
  swatches: string[];
47
+ colorSpace: ColorSpace;
48
48
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
49
49
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
50
50
  declare const _default: typeof __VLS_export;
@@ -11,8 +11,8 @@ declare var __VLS_1: {
11
11
  displayFormat: ColorFormat;
12
12
  displayFormatLabel: string;
13
13
  areaChannel: {
14
- readonly x: "saturation" | "chroma";
15
- readonly y: "lightness" | "brightness";
14
+ readonly x: "chroma" | "saturation";
15
+ readonly y: "brightness" | "lightness";
16
16
  };
17
17
  setColor: typeof setColor;
18
18
  setFormat: typeof setFormat;
@@ -31,12 +31,12 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerRootProps, {}
31
31
  "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
32
32
  "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
33
33
  }>, {
34
- disabled: boolean;
35
34
  format: ColorFormat;
35
+ disabled: boolean;
36
36
  defaultValue: string | ColorValue;
37
37
  modelValue: string | ColorValue;
38
- colorSpace: ColorSpace;
39
38
  defaultFormat: ColorFormat;
39
+ colorSpace: ColorSpace;
40
40
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
41
41
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
42
42
  declare const _default: typeof __VLS_export;
@@ -1 +1 @@
1
- import{isFormControl as e}from"../../shared/vue.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import n from"../button/button.js";import r from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{useColorPickerRootContext as i,useColorPickerUi as a}from"./context.js";import o from"../color-swatch/color-swatch-compact.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementVNode as u,createVNode as d,defineComponent as f,mergeProps as p,normalizeClass as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,withCtx as y}from"vue";const b=f({name:`ColorPickerTrigger`,__name:`color-picker-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(f){let b=f,[x,S]=t(),{color:C,hexValue:w,formattedValue:T,displayFormat:E,name:D,disabled:O,required:k}=i(`ColorPickerTrigger`),A=a(),j=s(()=>e(x.value)),M=s(()=>O.value||b.disabled);return(e,t)=>(h(),c(n,p(b,{ref:v(S),"data-soybean-color-picker-trigger":``,class:v(A).trigger,disabled:M.value}),{default:y(()=>[g(e.$slots,`default`,{color:v(C),hexValue:v(w),formattedValue:v(T),displayFormat:v(E)},()=>[d(o,{color:v(w),class:m(v(A).triggerSwatch)},null,8,[`color`,`class`]),u(`span`,{class:m(v(A).triggerValue)},_(v(T)),3)]),j.value&&v(D)?(h(),c(v(r),{key:0,type:`text`,value:v(T),name:v(D),disabled:M.value,required:v(k)},null,8,[`value`,`name`,`disabled`,`required`])):l(`v-if`,!0)]),_:3},16,[`class`,`disabled`]))}});export{b as default};
1
+ import{isFormControl as e}from"../../shared/vue.js";import"../../shared/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import n from"../button/button.js";import r from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import i from"../color-swatch/color-swatch-compact.js";import{useColorPickerRootContext as a,useColorPickerUi as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementVNode as u,createVNode as d,defineComponent as f,mergeProps as p,normalizeClass as m,openBlock as h,renderSlot as g,toDisplayString as _,unref as v,withCtx as y}from"vue";const b=f({name:`ColorPickerTrigger`,__name:`color-picker-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(f){let b=f,[x,S]=t(),{color:C,hexValue:w,formattedValue:T,displayFormat:E,name:D,disabled:O,required:k}=a(`ColorPickerTrigger`),A=o(),j=s(()=>e(x.value)),M=s(()=>O.value||b.disabled);return(e,t)=>(h(),c(n,p(b,{ref:v(S),"data-soybean-color-picker-trigger":``,class:v(A).trigger,disabled:M.value}),{default:y(()=>[g(e.$slots,`default`,{color:v(C),hexValue:v(w),formattedValue:v(T),displayFormat:v(E)},()=>[d(i,{color:v(w),class:m(v(A).triggerSwatch)},null,8,[`color`,`class`]),u(`span`,{class:m(v(A).triggerValue)},_(v(T)),3)]),j.value&&v(D)?(h(),c(v(r),{key:0,type:`text`,value:v(T),name:v(D),disabled:M.value,required:v(k)},null,8,[`value`,`name`,`disabled`,`required`])):l(`v-if`,!0)]),_:3},16,[`class`,`disabled`]))}});export{b as default};
@@ -17,9 +17,9 @@ declare const __VLS_base: import("vue").DefineComponent<ColorSliderRootProps, {}
17
17
  "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
18
18
  onChangeEnd?: ((value: string) => any) | undefined;
19
19
  }>, {
20
- disabled: boolean;
21
20
  format: ColorFormat;
22
21
  orientation: DataOrientation;
22
+ disabled: boolean;
23
23
  step: number;
24
24
  defaultValue: string | ColorValue;
25
25
  modelValue: string | ColorValue;
@@ -1 +1 @@
1
- import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./color-swatch-root.js";import n from"./color-swatch-checker.js";import r from"./color-swatch-fill.js";import{createBlock as i,createVNode as a,defineComponent as o,guardReactiveProps as s,normalizeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchCompact`,__name:`color-swatch-compact`,props:{checkerProps:{},fillProps:{},color:{},label:{},asChild:{type:Boolean},as:{}},setup(o){let p=e(o,[`checkerProps`,`fillProps`]);return(e,m)=>(l(),i(t,c(s(d(p))),{default:f(t=>[a(n,c(s(o.checkerProps)),null,16),a(r,c(s(o.fillProps)),null,16),u(e.$slots,`default`,c(s(t)))]),_:3},16))}});export{p as default};
1
+ import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./color-swatch-checker.js";import n from"./color-swatch-fill.js";import r from"./color-swatch-root.js";import{createBlock as i,createVNode as a,defineComponent as o,guardReactiveProps as s,normalizeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=o({name:`ColorSwatchCompact`,__name:`color-swatch-compact`,props:{checkerProps:{},fillProps:{},color:{},label:{},asChild:{type:Boolean},as:{}},setup(o){let p=e(o,[`checkerProps`,`fillProps`]);return(e,m)=>(l(),i(r,c(s(d(p))),{default:f(r=>[a(t,c(s(o.checkerProps)),null,16),a(n,c(s(o.fillProps)),null,16),u(e.$slots,`default`,c(s(r)))]),_:3},16))}});export{p as default};
@@ -1 +1 @@
1
- import{provideColorSwatchUi as e}from"./context.js";import t from"./color-swatch-root.js";import n from"./color-swatch-checker.js";import r from"./color-swatch-fill.js";import i from"./color-swatch-compact.js";export{n as ColorSwatchChecker,i as ColorSwatchCompact,r as ColorSwatchFill,t as ColorSwatchRoot,e as provideColorSwatchUi};
1
+ import{provideColorSwatchUi as e}from"./context.js";import t from"./color-swatch-checker.js";import n from"./color-swatch-fill.js";import r from"./color-swatch-root.js";import i from"./color-swatch-compact.js";export{t as ColorSwatchChecker,i as ColorSwatchCompact,n as ColorSwatchFill,r as ColorSwatchRoot,e as provideColorSwatchUi};
@@ -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"./color-swatch-picker-item.js";import i from"./color-swatch-picker-item-indicator.js";import a from"./color-swatch-picker-item-swatch.js";import o from"./color-swatch-picker-root.js";import{Fragment as s,createBlock as c,createElementBlock as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`ColorSwatchPickerCompact`,__name:`color-swatch-picker-compact`,props:{colors:{},itemProps:{},indicatorProps:{},swatchProps:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`],setup(d,{emit:b}){let x=d,S=b,C=t(x,[`colors`,`itemProps`,`indicatorProps`,`swatchProps`]),w=e(S);return(e,t)=>(m(),c(o,f(v(C),_(v(w))),{default:y(o=>[d.colors?.length?(m(!0),l(s,{key:0},h(d.colors,o=>(m(),c(r,f({key:o,value:o},{ref_for:!0},d.itemProps,{onSelect:t[0]||(t[0]=e=>S(`select`,e))}),{default:y(()=>[u(a,f({ref_for:!0},d.swatchProps),{default:y(()=>[g(e.$slots,`swatch`,{color:o})]),_:2},1040),u(i,f({ref_for:!0},d.indicatorProps),{default:y(()=>[g(e.$slots,`indicator`,{color:o},()=>[u(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`]))),128)):g(e.$slots,`default`,p(f({key:1},o)))]),_:3},16))}});export{b 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"./color-swatch-picker-item-indicator.js";import i from"./color-swatch-picker-item-swatch.js";import a from"./color-swatch-picker-item.js";import o from"./color-swatch-picker-root.js";import{Fragment as s,createBlock as c,createElementBlock as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`ColorSwatchPickerCompact`,__name:`color-swatch-picker-compact`,props:{colors:{},itemProps:{},indicatorProps:{},swatchProps:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`],setup(d,{emit:b}){let x=d,S=b,C=t(x,[`colors`,`itemProps`,`indicatorProps`,`swatchProps`]),w=e(S);return(e,t)=>(m(),c(o,f(v(C),_(v(w))),{default:y(o=>[d.colors?.length?(m(!0),l(s,{key:0},h(d.colors,o=>(m(),c(a,f({key:o,value:o},{ref_for:!0},d.itemProps,{onSelect:t[0]||(t[0]=e=>S(`select`,e))}),{default:y(()=>[u(i,f({ref_for:!0},d.swatchProps),{default:y(()=>[g(e.$slots,`swatch`,{color:o})]),_:2},1040),u(r,f({ref_for:!0},d.indicatorProps),{default:y(()=>[g(e.$slots,`indicator`,{color:o},()=>[u(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`]))),128)):g(e.$slots,`default`,p(f({key:1},o)))]),_:3},16))}});export{b as default};
@@ -1 +1 @@
1
- import{provideColorSwatchPickerUi as e}from"./context.js";import t from"./color-swatch-picker-item.js";import n from"./color-swatch-picker-item-indicator.js";import r from"./color-swatch-picker-item-swatch.js";import i from"./color-swatch-picker-root.js";import a from"./color-swatch-picker-compact.js";export{a as ColorSwatchPickerCompact,t as ColorSwatchPickerItem,n as ColorSwatchPickerItemIndicator,r as ColorSwatchPickerItemSwatch,i as ColorSwatchPickerRoot,e as provideColorSwatchPickerUi};
1
+ import e from"./color-swatch-picker-item-indicator.js";import{provideColorSwatchPickerUi as t}from"./context.js";import n from"./color-swatch-picker-item-swatch.js";import r from"./color-swatch-picker-item.js";import i from"./color-swatch-picker-root.js";import a from"./color-swatch-picker-compact.js";export{a as ColorSwatchPickerCompact,r as ColorSwatchPickerItem,e as ColorSwatchPickerItemIndicator,n as ColorSwatchPickerItemSwatch,i as ColorSwatchPickerRoot,t as provideColorSwatchPickerUi};
@@ -1 +1 @@
1
- import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../popper/popper-anchor.js";import i from"../portal/portal.js";import a from"../listbox/listbox-group-label.js";import o from"../listbox/listbox-item-indicator.js";import s from"./combobox-cancel.js";import c from"./combobox-content.js";import l from"./combobox-empty.js";import u from"./combobox-group.js";import d from"./combobox-input.js";import f from"./combobox-item.js";import p from"./combobox-root.js";import m from"./combobox-separator.js";import h from"./combobox-trigger.js";import g from"./combobox-viewport.js";import{getDisplayValue as _,getSelectedLabels as v,isGroupOption as y}from"./shared.js";import{Fragment as b,computed as x,createBlock as S,createCommentVNode as C,createElementBlock as w,createTextVNode as T,createVNode as E,defineComponent as D,guardReactiveProps as O,mergeProps as k,normalizeClass as A,normalizeProps as j,openBlock as M,renderList as N,renderSlot as P,toDisplayString as F,unref as I,withCtx as L}from"vue";const R=D({name:`ComboboxCompact`,__name:`combobox-compact`,props:{items:{},placeholder:{},searchPlaceholder:{},clearLabel:{},emptyLabel:{},anchorProps:{},triggerProps:{},cancelProps:{},portalProps:{},contentProps:{},viewportProps:{},inputProps:{},emptyProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`,`select`],setup(D,{emit:R}){let z=D,B=R,V=t(z,[`items`,`placeholder`,`searchPlaceholder`,`clearLabel`,`emptyLabel`,`anchorProps`,`triggerProps`,`cancelProps`,`portalProps`,`contentProps`,`viewportProps`,`inputProps`,`emptyProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemIndicatorProps`,`separatorProps`]),H=e=>z.multiple?``:_(e,z.items),U=e(),W=x(()=>z.inputProps?.controlProps?.[`aria-label`]??z.searchPlaceholder??z.placeholder??U.value.combobox.search),G=x(()=>({...z.inputProps,displayValue:z.inputProps?.displayValue??H,controlProps:{...z.inputProps?.controlProps,"aria-label":W.value},placeholder:z.searchPlaceholder??z.inputProps?.placeholder,autofocus:z.inputProps?.autofocus??!0})),K=x(()=>({...z.viewportProps,"aria-label":z.viewportProps?.[`aria-label`]??z.placeholder??U.value.combobox.options})),q=x(()=>({...z.anchorProps,asChild:z.anchorProps?.asChild??!0})),J=(e,t)=>y(e)?`group-${e.label}-${t}`:e.value,Y=e=>v(e,z.items),X=e=>{let t=Y(e);return t.length?t.join(`, `):z.placeholder},Z=e=>({...z.triggerProps,"aria-label":z.triggerProps?.[`aria-label`]??X(e),"data-placeholder":Y(e).length?void 0:``});return(e,t)=>(M(),S(p,k(I(V),{onHighlight:t[7]||(t[7]=e=>B(`highlight`,e)),"onUpdate:modelValue":t[8]||(t[8]=e=>B(`update:modelValue`,e)),"onUpdate:open":t[9]||(t[9]=e=>B(`update:open`,e))}),{default:L(({modelValue:p})=>[E(r,j(O(q.value)),{default:L(()=>[E(h,j(O(Z(p))),{default:L(({triggerIconClass:t})=>[P(e.$slots,`trigger-leading`),P(e.$slots,`trigger-value`,{modelValue:p,selectedLabels:Y(p),slotText:X(p)},()=>[T(F(X(p)),1)]),P(e.$slots,`trigger-trailing`),P(e.$slots,`trigger-icon`,{},()=>[E(n,{icon:`lucide:chevrons-up-down`,class:A(t)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),E(i,j(O(D.portalProps)),{default:L(()=>[E(c,k(D.contentProps,{onCloseAutoFocus:t[2]||(t[2]=e=>B(`closeAutoFocus`,e)),onEscapeKeyDown:t[3]||(t[3]=e=>B(`escapeKeyDown`,e)),onPointerDownOutside:t[4]||(t[4]=e=>B(`pointerDownOutside`,e)),onFocusOutside:t[5]||(t[5]=e=>B(`focusOutside`,e)),onInteractOutside:t[6]||(t[6]=e=>B(`interactOutside`,e))}),{default:L(()=>[E(d,j(O(G.value)),{leading:L(t=>[P(e.$slots,`input-leading`,j(O(t)),()=>[E(n,{icon:`lucide:search`})])]),trailing:L(t=>[D.clearable?(M(),S(s,k({key:0},D.cancelProps,{"aria-label":z.clearLabel??I(U).combobox.clearInput}),{default:L(()=>[E(n,{icon:`lucide:x`})]),_:1},16,[`aria-label`])):C(`v-if`,!0),P(e.$slots,`input-trailing`,j(O(t)))]),_:3},16),E(l,j(O(D.emptyProps)),{default:L(()=>[P(e.$slots,`empty`,{},()=>[T(F(z.emptyLabel??I(U).combobox.noResults),1)])]),_:3},16),E(g,j(O(K.value)),{default:L(()=>[(M(!0),w(b,null,N(D.items,(r,i)=>(M(),w(b,{key:J(r,i)},[I(y)(r)?(M(),w(b,{key:0},[r.separator?(M(),S(m,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(u,k({ref_for:!0},D.groupProps),{default:L(()=>[E(a,k({ref_for:!0},D.groupLabelProps),{default:L(()=>[P(e.$slots,`group-label`,{item:r},()=>[T(F(r.label),1)])]),_:2},1040),(M(!0),w(b,null,N(r.items,r=>(M(),w(b,{key:r.value},[r.separator?(M(),S(m,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(f,k({ref_for:!0},D.itemProps,{value:r.value,"text-value":r.textValue??r.label,disabled:r.disabled,onSelect:t[0]||(t[0]=e=>B(`select`,e))}),{default:L(()=>[P(e.$slots,`item-leading`,{item:r},()=>[r.icon?(M(),S(n,{key:0,icon:r.icon},null,8,[`icon`])):C(`v-if`,!0)]),P(e.$slots,`item-text`,{item:r},()=>[T(F(r.label),1)]),P(e.$slots,`item-trailing`,{item:r}),E(o,k({ref_for:!0},D.itemIndicatorProps),{default:L(()=>[P(e.$slots,`item-indicator`,{item:r},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))),128))]),_:2},1040)],64)):(M(),w(b,{key:1},[r.separator?(M(),S(m,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(f,k({ref_for:!0},D.itemProps,{value:r.value,"text-value":r.textValue??r.label,disabled:r.disabled,onSelect:t[1]||(t[1]=e=>B(`select`,e))}),{default:L(()=>[P(e.$slots,`item-leading`,{item:r},()=>[r.icon?(M(),S(n,{key:0,icon:r.icon},null,8,[`icon`])):C(`v-if`,!0)]),P(e.$slots,`item-text`,{item:r},()=>[T(F(r.label),1)]),P(e.$slots,`item-trailing`,{item:r}),E(o,k({ref_for:!0},D.itemIndicatorProps),{default:L(()=>[P(e.$slots,`item-indicator`,{item:r},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))],64))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{R as default};
1
+ import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../listbox/listbox-group-label.js";import i from"../listbox/listbox-item-indicator.js";import a from"../popper/popper-anchor.js";import o from"../portal/portal.js";import{getDisplayValue as s,getSelectedLabels as c,isGroupOption as l}from"./shared.js";import u from"./combobox-cancel.js";import d from"./combobox-content.js";import f from"./combobox-empty.js";import p from"./combobox-group.js";import m from"./combobox-input.js";import h from"./combobox-item.js";import g from"./combobox-root.js";import _ from"./combobox-separator.js";import v from"./combobox-trigger.js";import y from"./combobox-viewport.js";import{Fragment as b,computed as x,createBlock as S,createCommentVNode as C,createElementBlock as w,createTextVNode as T,createVNode as E,defineComponent as D,guardReactiveProps as O,mergeProps as k,normalizeClass as A,normalizeProps as j,openBlock as M,renderList as N,renderSlot as P,toDisplayString as F,unref as I,withCtx as L}from"vue";const R=D({name:`ComboboxCompact`,__name:`combobox-compact`,props:{items:{},placeholder:{},searchPlaceholder:{},clearLabel:{},emptyLabel:{},anchorProps:{},triggerProps:{},cancelProps:{},portalProps:{},contentProps:{},viewportProps:{},inputProps:{},emptyProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`,`select`],setup(D,{emit:R}){let z=D,B=R,V=t(z,[`items`,`placeholder`,`searchPlaceholder`,`clearLabel`,`emptyLabel`,`anchorProps`,`triggerProps`,`cancelProps`,`portalProps`,`contentProps`,`viewportProps`,`inputProps`,`emptyProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemIndicatorProps`,`separatorProps`]),H=e=>z.multiple?``:s(e,z.items),U=e(),W=x(()=>z.inputProps?.controlProps?.[`aria-label`]??z.searchPlaceholder??z.placeholder??U.value.combobox.search),G=x(()=>({...z.inputProps,displayValue:z.inputProps?.displayValue??H,controlProps:{...z.inputProps?.controlProps,"aria-label":W.value},placeholder:z.searchPlaceholder??z.inputProps?.placeholder,autofocus:z.inputProps?.autofocus??!0})),K=x(()=>({...z.viewportProps,"aria-label":z.viewportProps?.[`aria-label`]??z.placeholder??U.value.combobox.options})),q=x(()=>({...z.anchorProps,asChild:z.anchorProps?.asChild??!0})),J=(e,t)=>l(e)?`group-${e.label}-${t}`:e.value,Y=e=>c(e,z.items),X=e=>{let t=Y(e);return t.length?t.join(`, `):z.placeholder},Z=e=>({...z.triggerProps,"aria-label":z.triggerProps?.[`aria-label`]??X(e),"data-placeholder":Y(e).length?void 0:``});return(e,t)=>(M(),S(g,k(I(V),{onHighlight:t[7]||(t[7]=e=>B(`highlight`,e)),"onUpdate:modelValue":t[8]||(t[8]=e=>B(`update:modelValue`,e)),"onUpdate:open":t[9]||(t[9]=e=>B(`update:open`,e))}),{default:L(({modelValue:s})=>[E(a,j(O(q.value)),{default:L(()=>[E(v,j(O(Z(s))),{default:L(({triggerIconClass:t})=>[P(e.$slots,`trigger-leading`),P(e.$slots,`trigger-value`,{modelValue:s,selectedLabels:Y(s),slotText:X(s)},()=>[T(F(X(s)),1)]),P(e.$slots,`trigger-trailing`),P(e.$slots,`trigger-icon`,{},()=>[E(n,{icon:`lucide:chevrons-up-down`,class:A(t)},null,8,[`class`])])]),_:2},1040)]),_:2},1040),E(o,j(O(D.portalProps)),{default:L(()=>[E(d,k(D.contentProps,{onCloseAutoFocus:t[2]||(t[2]=e=>B(`closeAutoFocus`,e)),onEscapeKeyDown:t[3]||(t[3]=e=>B(`escapeKeyDown`,e)),onPointerDownOutside:t[4]||(t[4]=e=>B(`pointerDownOutside`,e)),onFocusOutside:t[5]||(t[5]=e=>B(`focusOutside`,e)),onInteractOutside:t[6]||(t[6]=e=>B(`interactOutside`,e))}),{default:L(()=>[E(m,j(O(G.value)),{leading:L(t=>[P(e.$slots,`input-leading`,j(O(t)),()=>[E(n,{icon:`lucide:search`})])]),trailing:L(t=>[D.clearable?(M(),S(u,k({key:0},D.cancelProps,{"aria-label":z.clearLabel??I(U).combobox.clearInput}),{default:L(()=>[E(n,{icon:`lucide:x`})]),_:1},16,[`aria-label`])):C(`v-if`,!0),P(e.$slots,`input-trailing`,j(O(t)))]),_:3},16),E(f,j(O(D.emptyProps)),{default:L(()=>[P(e.$slots,`empty`,{},()=>[T(F(z.emptyLabel??I(U).combobox.noResults),1)])]),_:3},16),E(y,j(O(K.value)),{default:L(()=>[(M(!0),w(b,null,N(D.items,(a,o)=>(M(),w(b,{key:J(a,o)},[I(l)(a)?(M(),w(b,{key:0},[a.separator?(M(),S(_,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(p,k({ref_for:!0},D.groupProps),{default:L(()=>[E(r,k({ref_for:!0},D.groupLabelProps),{default:L(()=>[P(e.$slots,`group-label`,{item:a},()=>[T(F(a.label),1)])]),_:2},1040),(M(!0),w(b,null,N(a.items,r=>(M(),w(b,{key:r.value},[r.separator?(M(),S(_,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(h,k({ref_for:!0},D.itemProps,{value:r.value,"text-value":r.textValue??r.label,disabled:r.disabled,onSelect:t[0]||(t[0]=e=>B(`select`,e))}),{default:L(()=>[P(e.$slots,`item-leading`,{item:r},()=>[r.icon?(M(),S(n,{key:0,icon:r.icon},null,8,[`icon`])):C(`v-if`,!0)]),P(e.$slots,`item-text`,{item:r},()=>[T(F(r.label),1)]),P(e.$slots,`item-trailing`,{item:r}),E(i,k({ref_for:!0},D.itemIndicatorProps),{default:L(()=>[P(e.$slots,`item-indicator`,{item:r},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))),128))]),_:2},1040)],64)):(M(),w(b,{key:1},[a.separator?(M(),S(_,k({key:0,ref_for:!0},D.separatorProps),null,16)):C(`v-if`,!0),E(h,k({ref_for:!0},D.itemProps,{value:a.value,"text-value":a.textValue??a.label,disabled:a.disabled,onSelect:t[1]||(t[1]=e=>B(`select`,e))}),{default:L(()=>[P(e.$slots,`item-leading`,{item:a},()=>[a.icon?(M(),S(n,{key:0,icon:a.icon},null,8,[`icon`])):C(`v-if`,!0)]),P(e.$slots,`item-text`,{item:a},()=>[T(F(a.label),1)]),P(e.$slots,`item-trailing`,{item:a}),E(i,k({ref_for:!0},D.itemIndicatorProps),{default:L(()=>[P(e.$slots,`item-indicator`,{item:a},()=>[E(n,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`text-value`,`disabled`])],64))],64))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{R as default};
@@ -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{providePopperUi as n}from"../popper/context.js";import{provideListboxUi as r}from"../listbox/context.js";import{computed as i}from"vue";const[a,o]=e(`ComboboxRoot`),[s,c]=e(`ComboboxContent`),[l,u]=t(`ComboboxUi`,e=>{let t=i(()=>({...e.value,content:e.value?.viewport,filterRoot:e.value?.inputRoot,filterControl:e.value?.inputControl}));return n(e),r(t),e});export{s as provideComboboxContentContext,a as provideComboboxRootContext,l as provideComboboxUi,c as useComboboxContentContext,o as useComboboxRootContext,u as useComboboxUi};
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{provideListboxUi as n}from"../listbox/context.js";import{providePopperUi as r}from"../popper/context.js";import{computed as i}from"vue";const[a,o]=e(`ComboboxRoot`),[s,c]=e(`ComboboxContent`),[l,u]=t(`ComboboxUi`,e=>{let t=i(()=>({...e.value,content:e.value?.viewport,filterRoot:e.value?.inputRoot,filterControl:e.value?.inputControl}));return r(e),n(t),e});export{s as provideComboboxContentContext,a as provideComboboxRootContext,l as provideComboboxUi,c as useComboboxContentContext,o as useComboboxRootContext,u as useComboboxUi};
@@ -1 +1 @@
1
- import e from"../popper/popper-anchor.js";import t from"../portal/portal.js";import n from"../listbox/listbox-group-label.js";import r from"../listbox/listbox-item-indicator.js";import{provideComboboxUi as i}from"./context.js";import a from"./combobox-cancel.js";import o from"./combobox-content.js";import s from"./combobox-empty.js";import c from"./combobox-group.js";import l from"./combobox-input.js";import u from"./combobox-item.js";import d from"./combobox-root.js";import f from"./combobox-separator.js";import p from"./combobox-trigger.js";import m from"./combobox-viewport.js";import h from"./combobox-compact.js";import g from"./combobox-arrow.js";import _ from"./combobox-virtualizer.js";export{e as ComboboxAnchor,g as ComboboxArrow,a as ComboboxCancel,h as ComboboxCompact,o as ComboboxContent,s as ComboboxEmpty,c as ComboboxGroup,n as ComboboxGroupLabel,l as ComboboxInput,u as ComboboxItem,r as ComboboxItemIndicator,t as ComboboxPortal,d as ComboboxRoot,f as ComboboxSeparator,p as ComboboxTrigger,m as ComboboxViewport,_ as ComboboxVirtualizer,i as provideComboboxUi};
1
+ import e from"../listbox/listbox-group-label.js";import t from"../listbox/listbox-item-indicator.js";import n from"../popper/popper-anchor.js";import r from"../portal/portal.js";import{provideComboboxUi as i}from"./context.js";import a from"./combobox-cancel.js";import o from"./combobox-content.js";import s from"./combobox-empty.js";import c from"./combobox-group.js";import l from"./combobox-input.js";import u from"./combobox-item.js";import d from"./combobox-root.js";import f from"./combobox-separator.js";import p from"./combobox-trigger.js";import m from"./combobox-viewport.js";import h from"./combobox-compact.js";import g from"./combobox-arrow.js";import _ from"./combobox-virtualizer.js";export{n as ComboboxAnchor,g as ComboboxArrow,a as ComboboxCancel,h as ComboboxCompact,o as ComboboxContent,s as ComboboxEmpty,c as ComboboxGroup,e as ComboboxGroupLabel,l as ComboboxInput,u as ComboboxItem,t as ComboboxItemIndicator,r as ComboboxPortal,d as ComboboxRoot,f as ComboboxSeparator,p as ComboboxTrigger,m as ComboboxViewport,_ as ComboboxVirtualizer,i as provideComboboxUi};
@@ -1,8 +1,8 @@
1
1
  import { MaybeArray, UiClass } from "../../types/common.js";
2
2
  import { DismissableLayerEmits, DismissableLayerProps, FocusScopeEmits, ForceMountProps, TrapFocusProps } from "../../types/component.js";
3
3
  import { BaseProps } from "../../types/vue.js";
4
- import { PrimitiveWithBaseProps } from "../primitive/types.js";
5
4
  import { IconValue } from "../_icon/types.js";
5
+ import { PrimitiveWithBaseProps } from "../primitive/types.js";
6
6
  import { ListboxFilterEmits, ListboxFilterProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps, ListboxRootEmits, ListboxRootProps, ListboxVirtualizerProps } from "../listbox/types.js";
7
7
  import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerEmits, PopperPositionerProps, PopperUiSlot } from "../popper/types.js";
8
8
  import { PortalProps } from "../portal/types.js";
@@ -1 +1 @@
1
- import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../listbox/listbox-group-label.js";import a from"../listbox/listbox-root.js";import o from"../listbox/listbox-content.js";import s from"../listbox/listbox-group.js";import c from"../listbox/listbox-item.js";import l from"../listbox/listbox-filter.js";import"../listbox/index.js";import u from"../kbd/kbd.js";import d from"../separator/separator-root.js";import{useCommandUi as f}from"./context.js";import{getCommandItemOptions as p,getCommandSearchOptions as m,isGroupOption as h}from"./shared.js";import{Fragment as g,computed as _,createBlock as v,createCommentVNode as y,createElementBlock as b,createElementVNode as x,createTextVNode as S,createVNode as C,defineComponent as w,guardReactiveProps as T,isRef as E,mergeProps as D,normalizeClass 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";import{defu as I}from"defu";import{useFuse as L}from"@vueuse/integrations/useFuse";const R=w({name:`CommandCompact`,__name:`command-compact`,props:{items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(w,{emit:R}){let z=w,B=R,V=n(z,[`items`,`placeholder`,`searchTerm`,`fuseOptions`,`emptyLabel`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`emptyProps`]),H=t(()=>z.searchTerm,e=>{B(`update:searchTerm`,e)},z.inputProps?.defaultValue??``),U=_(()=>I(z.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`,`groupLabel`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:W}=L(H,_(()=>m(z.items)),U),G=_(()=>p(W.value.map(e=>e.item))),K=_(()=>({...z.inputProps,placeholder:z.placeholder??z.inputProps?.placeholder})),q=_(()=>({...z.listProps,"aria-label":z.listProps?.[`aria-label`]??z.placeholder??`Commands`})),J=f(),Y=e(),X=e=>h(e)?`group-${e.value}`:`item-${e.value}`;return(e,t)=>(A(),v(P(a),D(P(V),{"onUpdate:modelValue":t[3]||(t[3]=e=>B(`update:modelValue`,e)),onHighlight:t[4]||(t[4]=e=>B(`highlight`,e)),onEntryFocus:t[5]||(t[5]=e=>B(`entryFocus`,e)),onLeave:t[6]||(t[6]=e=>B(`leave`,e))}),{default:F(()=>[C(P(l),D(K.value,{modelValue:P(H),"onUpdate:modelValue":t[0]||(t[0]=e=>E(H)?H.value=e:null),autofocus:``}),{leading:F(({clear:t})=>[M(e.$slots,`input-leading`,{clear:t},()=>[C(r,{icon:`lucide:search`})])]),trailing:F(({clear:t})=>[w.clearable?(A(),v(r,{key:0,icon:`lucide:x`,class:O(P(J).inputClearable),onClick:t},null,8,[`class`,`onClick`])):y(`v-if`,!0),M(e.$slots,`input-trailing`,{clear:t})]),_:3},16,[`modelValue`]),C(P(o),k(T(q.value)),{default:F(()=>[G.value.length?y(`v-if`,!0):(A(),b(`div`,D({key:0},w.emptyProps,{class:P(J).empty}),[M(e.$slots,`empty`,{},()=>[S(N(z.emptyLabel??P(Y).command.noResults),1)])],16)),(A(!0),b(g,null,j(G.value,n=>(A(),b(g,{key:X(n)},[P(h)(n)?(A(),b(g,{key:0},[C(P(s),D({ref_for:!0},w.groupProps),{default:F(()=>[C(P(i),D({ref_for:!0},w.groupLabelProps),{default:F(()=>[S(N(n.label),1)]),_:2},1040),(A(!0),b(g,null,j(n.items,n=>(A(),v(P(c),D({key:String(n.value)},{ref_for:!0},w.itemProps,{value:n.value,disabled:n.disabled,onSelect:t[1]||(t[1]=e=>B(`select`,e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),v(r,{key:0,icon:n.icon},null,8,[`icon`])):y(`v-if`,!0)]),x(`span`,D({class:P(J).itemLabel},{ref_for:!0},w.itemLabelProps),[M(e.$slots,`item-label`,{item:n},()=>[S(N(n.label),1)])],16),M(e.$slots,`item-trailing`,{item:n}),n.shortcut?(A(),v(u,D({key:0,ref_for:!0},w.shortcutProps,{value:n.shortcut,class:P(J).shortcut}),null,16,[`value`,`class`])):y(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]))),128))]),_:2},1040),n.separator?(A(),v(d,D({key:0,ref_for:!0},w.separatorProps,{decorative:``,class:P(J).separator}),null,16,[`class`])):y(`v-if`,!0)],64)):(A(),b(g,{key:1},[C(P(c),D({ref_for:!0},w.itemProps,{value:n.value,disabled:n.disabled,onSelect:t[2]||(t[2]=e=>B(`select`,e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),v(r,{key:0,icon:n.icon},null,8,[`icon`])):y(`v-if`,!0)]),x(`span`,D({class:P(J).itemLabel},{ref_for:!0},w.itemLabelProps),[M(e.$slots,`item-label`,{item:n},()=>[S(N(n.label),1)])],16),M(e.$slots,`item-trailing`,{item:n}),n.shortcut?(A(),v(u,D({key:0,ref_for:!0},w.shortcutProps,{value:n.shortcut,class:P(J).shortcut}),null,16,[`value`,`class`])):y(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]),n.separator?(A(),v(d,D({key:0,ref_for:!0},w.separatorProps,{decorative:``,class:P(J).separator}),null,16,[`class`])):y(`v-if`,!0)],64))],64))),128))]),_:3},16),M(e.$slots,`bottom`)]),_:3},16))}});export{R as default};
1
+ import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../listbox/listbox-group-label.js";import a from"../listbox/listbox-root.js";import o from"../listbox/listbox-content.js";import s from"../listbox/listbox-group.js";import c from"../listbox/listbox-item.js";import l from"../listbox/listbox-filter.js";import"../listbox/index.js";import u from"../kbd/kbd.js";import d from"../separator/separator-root.js";import{getCommandItemOptions as f,getCommandSearchOptions as p,isGroupOption as m}from"./shared.js";import{useCommandUi as h}from"./context.js";import{Fragment as g,computed as _,createBlock as v,createCommentVNode as y,createElementBlock as b,createElementVNode as x,createTextVNode as S,createVNode as C,defineComponent as w,guardReactiveProps as T,isRef as E,mergeProps as D,normalizeClass 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";import{defu as I}from"defu";import{useFuse as L}from"@vueuse/integrations/useFuse";const R=w({name:`CommandCompact`,__name:`command-compact`,props:{items:{},placeholder:{},searchTerm:{},clearable:{type:Boolean},fuseOptions:{},listProps:{},itemProps:{},itemLabelProps:{},groupProps:{},groupLabelProps:{},shortcutProps:{},separatorProps:{},inputProps:{},emptyProps:{},emptyLabel:{},orientation:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},selectionBehavior:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`,`select`,`update:searchTerm`],setup(w,{emit:R}){let z=w,B=R,V=n(z,[`items`,`placeholder`,`searchTerm`,`fuseOptions`,`emptyLabel`,`listProps`,`itemProps`,`itemLabelProps`,`groupProps`,`groupLabelProps`,`shortcutProps`,`separatorProps`,`inputProps`,`emptyProps`]),H=t(()=>z.searchTerm,e=>{B(`update:searchTerm`,e)},z.inputProps?.defaultValue??``),U=_(()=>I(z.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.1,keys:[`label`,`groupLabel`]},resultLimit:12,matchAllWhenSearchEmpty:!0})),{results:W}=L(H,_(()=>p(z.items)),U),G=_(()=>f(W.value.map(e=>e.item))),K=_(()=>({...z.inputProps,placeholder:z.placeholder??z.inputProps?.placeholder})),q=_(()=>({...z.listProps,"aria-label":z.listProps?.[`aria-label`]??z.placeholder??`Commands`})),J=h(),Y=e(),X=e=>m(e)?`group-${e.value}`:`item-${e.value}`;return(e,t)=>(A(),v(P(a),D(P(V),{"onUpdate:modelValue":t[3]||(t[3]=e=>B(`update:modelValue`,e)),onHighlight:t[4]||(t[4]=e=>B(`highlight`,e)),onEntryFocus:t[5]||(t[5]=e=>B(`entryFocus`,e)),onLeave:t[6]||(t[6]=e=>B(`leave`,e))}),{default:F(()=>[C(P(l),D(K.value,{modelValue:P(H),"onUpdate:modelValue":t[0]||(t[0]=e=>E(H)?H.value=e:null),autofocus:``}),{leading:F(({clear:t})=>[M(e.$slots,`input-leading`,{clear:t},()=>[C(r,{icon:`lucide:search`})])]),trailing:F(({clear:t})=>[w.clearable?(A(),v(r,{key:0,icon:`lucide:x`,class:O(P(J).inputClearable),onClick:t},null,8,[`class`,`onClick`])):y(`v-if`,!0),M(e.$slots,`input-trailing`,{clear:t})]),_:3},16,[`modelValue`]),C(P(o),k(T(q.value)),{default:F(()=>[G.value.length?y(`v-if`,!0):(A(),b(`div`,D({key:0},w.emptyProps,{class:P(J).empty}),[M(e.$slots,`empty`,{},()=>[S(N(z.emptyLabel??P(Y).command.noResults),1)])],16)),(A(!0),b(g,null,j(G.value,n=>(A(),b(g,{key:X(n)},[P(m)(n)?(A(),b(g,{key:0},[C(P(s),D({ref_for:!0},w.groupProps),{default:F(()=>[C(P(i),D({ref_for:!0},w.groupLabelProps),{default:F(()=>[S(N(n.label),1)]),_:2},1040),(A(!0),b(g,null,j(n.items,n=>(A(),v(P(c),D({key:String(n.value)},{ref_for:!0},w.itemProps,{value:n.value,disabled:n.disabled,onSelect:t[1]||(t[1]=e=>B(`select`,e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),v(r,{key:0,icon:n.icon},null,8,[`icon`])):y(`v-if`,!0)]),x(`span`,D({class:P(J).itemLabel},{ref_for:!0},w.itemLabelProps),[M(e.$slots,`item-label`,{item:n},()=>[S(N(n.label),1)])],16),M(e.$slots,`item-trailing`,{item:n}),n.shortcut?(A(),v(u,D({key:0,ref_for:!0},w.shortcutProps,{value:n.shortcut,class:P(J).shortcut}),null,16,[`value`,`class`])):y(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]))),128))]),_:2},1040),n.separator?(A(),v(d,D({key:0,ref_for:!0},w.separatorProps,{decorative:``,class:P(J).separator}),null,16,[`class`])):y(`v-if`,!0)],64)):(A(),b(g,{key:1},[C(P(c),D({ref_for:!0},w.itemProps,{value:n.value,disabled:n.disabled,onSelect:t[2]||(t[2]=e=>B(`select`,e))}),{default:F(()=>[M(e.$slots,`item-leading`,{item:n},()=>[n.icon?(A(),v(r,{key:0,icon:n.icon},null,8,[`icon`])):y(`v-if`,!0)]),x(`span`,D({class:P(J).itemLabel},{ref_for:!0},w.itemLabelProps),[M(e.$slots,`item-label`,{item:n},()=>[S(N(n.label),1)])],16),M(e.$slots,`item-trailing`,{item:n}),n.shortcut?(A(),v(u,D({key:0,ref_for:!0},w.shortcutProps,{value:n.shortcut,class:P(J).shortcut}),null,16,[`value`,`class`])):y(`v-if`,!0)]),_:2},1040,[`value`,`disabled`]),n.separator?(A(),v(d,D({key:0,ref_for:!0},w.separatorProps,{decorative:``,class:P(J).separator}),null,16,[`class`])):y(`v-if`,!0)],64))],64))),128))]),_:3},16),M(e.$slots,`bottom`)]),_:3},16))}});export{R as default};
@@ -8,20 +8,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
8
8
  onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
9
9
  "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
10
10
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
11
- onEntryFocus?: ((event: Event) => any) | undefined;
12
11
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
13
12
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
14
13
  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
15
14
  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
16
15
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
17
16
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
17
+ onEntryFocus?: ((event: Event) => any) | undefined;
18
18
  }> & (typeof globalThis extends {
19
19
  __VLS_PROPS_FALLBACK: infer P;
20
20
  } ? P : {});
21
21
  expose: (exposed: {}) => void;
22
22
  attrs: any;
23
23
  slots: ContextMenuCheckboxCompactSlots<T>;
24
- emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
24
+ emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
25
25
  }>) => import("vue").VNode & {
26
26
  __ctx?: Awaited<typeof __VLS_setup>;
27
27
  };
@@ -7,20 +7,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
7
7
  props: import("vue").PublicProps & __VLS_PrettifyLocal<ContextMenuCompactProps<T> & {
8
8
  onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
9
9
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
10
- onEntryFocus?: ((event: Event) => any) | undefined;
11
10
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
12
11
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
13
12
  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
14
13
  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
15
14
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
16
15
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
16
+ onEntryFocus?: ((event: Event) => any) | undefined;
17
17
  }> & (typeof globalThis extends {
18
18
  __VLS_PROPS_FALLBACK: infer P;
19
19
  } ? P : {});
20
20
  expose: (exposed: {}) => void;
21
21
  attrs: any;
22
22
  slots: ContextMenuCompactSlots<T>;
23
- emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
23
+ emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
24
24
  }>) => import("vue").VNode & {
25
25
  __ctx?: Awaited<typeof __VLS_setup>;
26
26
  };
@@ -7,21 +7,21 @@ type __VLS_Slots = {} & {
7
7
  default?: (props: typeof __VLS_11) => any;
8
8
  };
9
9
  declare const __VLS_base: import("vue").DefineComponent<ContextMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
10
- entryFocus: (event: Event) => any;
11
10
  escapeKeyDown: (event: KeyboardEvent) => any;
12
11
  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
13
12
  focusOutside: (event: FocusOutsideEvent) => any;
14
13
  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
15
14
  openAutoFocus: (event: Event) => any;
16
15
  closeAutoFocus: (event: Event) => any;
16
+ entryFocus: (event: Event) => any;
17
17
  }, string, import("vue").PublicProps, Readonly<ContextMenuContentProps> & Readonly<{
18
- onEntryFocus?: ((event: Event) => any) | undefined;
19
18
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
20
19
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
21
20
  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
22
21
  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
23
22
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
24
23
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
24
+ onEntryFocus?: ((event: Event) => any) | undefined;
25
25
  }>, {
26
26
  avoidCollisions: boolean;
27
27
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -8,20 +8,20 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
8
8
  onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
9
9
  "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
10
10
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
11
- onEntryFocus?: ((event: Event) => any) | undefined;
12
11
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
13
12
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
14
13
  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
15
14
  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
16
15
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
17
16
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
17
+ onEntryFocus?: ((event: Event) => any) | undefined;
18
18
  }> & (typeof globalThis extends {
19
19
  __VLS_PROPS_FALLBACK: infer P;
20
20
  } ? P : {});
21
21
  expose: (exposed: {}) => void;
22
22
  attrs: any;
23
23
  slots: ContextMenuRadioCompactSlots<T>;
24
- emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
24
+ emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
25
25
  }>) => import("vue").VNode & {
26
26
  __ctx?: Awaited<typeof __VLS_setup>;
27
27
  };
@@ -9,22 +9,22 @@ type __VLS_Slots = {} & {
9
9
  };
10
10
  declare const __VLS_base: import("vue").DefineComponent<ContextMenuWrapperCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
11
11
  "update:open": (value: boolean) => any;
12
- entryFocus: (event: Event) => any;
13
12
  escapeKeyDown: (event: KeyboardEvent) => any;
14
13
  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
15
14
  focusOutside: (event: FocusOutsideEvent) => any;
16
15
  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
17
16
  openAutoFocus: (event: Event) => any;
18
17
  closeAutoFocus: (event: Event) => any;
18
+ entryFocus: (event: Event) => any;
19
19
  }, string, import("vue").PublicProps, Readonly<ContextMenuWrapperCompactProps> & Readonly<{
20
20
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
21
- onEntryFocus?: ((event: Event) => any) | undefined;
22
21
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
23
22
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
24
23
  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
25
24
  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
26
25
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
27
26
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
27
+ onEntryFocus?: ((event: Event) => any) | undefined;
28
28
  }>, {
29
29
  modal: boolean;
30
30
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -10,15 +10,15 @@ declare const __VLS_base: import("vue").DefineComponent<DateFieldRootProps, {},
10
10
  "onUpdate:modelValue"?: ((value: import("@internationalized/date").DateValue | undefined) => any) | undefined;
11
11
  "onUpdate:placeholder"?: ((value: import("@internationalized/date").DateValue) => any) | undefined;
12
12
  }>, {
13
- disabled: boolean;
14
13
  placeholder: import("@internationalized/date").DateValue;
14
+ disabled: boolean;
15
15
  step: DateStep;
16
16
  defaultValue: import("@internationalized/date").DateValue;
17
- readonly: boolean;
18
17
  defaultPlaceholder: import("@internationalized/date").DateValue;
18
+ readonly: boolean;
19
19
  isDateUnavailable: DateMatcher;
20
- granularity: Granularity;
21
20
  hourCycle: 12 | 24;
21
+ granularity: Granularity;
22
22
  hideTimeZone: boolean;
23
23
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
24
24
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -1 +1 @@
1
- import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-field/date-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DatePickerCompact`,__name:`date-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{type:Boolean},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};
1
+ import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-field/date-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DatePickerCompact`,__name:`date-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};
@@ -250,21 +250,21 @@ declare var __VLS_25: {
250
250
  }> & {
251
251
  readonly open: boolean | undefined;
252
252
  } & {
253
- readonly disabled: boolean;
254
253
  readonly inlist: boolean;
254
+ readonly disabled: boolean;
255
255
  readonly asChild: boolean;
256
256
  readonly open: boolean | undefined;
257
- readonly readonly: boolean;
258
257
  readonly showArrow: boolean;
259
258
  readonly defaultOpen: boolean;
260
259
  readonly modal: boolean;
261
- readonly multiple: boolean;
262
260
  readonly pagedNavigation: boolean;
263
261
  readonly preventDeselect: boolean;
264
262
  readonly fixedWeeks: boolean;
263
+ readonly readonly: boolean;
265
264
  readonly initialFocus: boolean;
266
265
  readonly disableDaysOutsideCurrentView: boolean;
267
- }, "open" | "triggerProps" | "positionerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
266
+ readonly multiple: boolean;
267
+ }, "positionerProps" | "triggerProps" | "open" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
268
268
  onUpdateModelValue: (value: DateValue | undefined) => void;
269
269
  onUpdatePlaceholder: (placeholder: DateValue) => void;
270
270
  };
@@ -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{useDateRangeFieldUi as n}from"./context.js";import r from"./date-range-field-root.js";import i from"./date-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:`DateRangeFieldCompact`,__name:`date-range-field-compact`,props:{inputProps:{},separator:{default:`–`},defaultValue:{},modelValue:{},startName:{},endName:{},id:{},granularity:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},maxValue:{},minValue:{},isDateUnavailable:{},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-date-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-date-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};
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{useDateRangeFieldUi as n}from"./context.js";import r from"./date-range-field-input.js";import i from"./date-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:`DateRangeFieldCompact`,__name:`date-range-field-compact`,props:{inputProps:{},separator:{default:`–`},defaultValue:{},modelValue:{},startName:{},endName:{},id:{},granularity:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},placeholder:{},defaultPlaceholder:{},disabled:{type:Boolean},readonly:{type:Boolean},maxValue:{},minValue:{},isDateUnavailable:{},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-date-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-date-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};
@@ -14,15 +14,15 @@ declare const __VLS_base: import("vue").DefineComponent<DateRangeFieldRootProps,
14
14
  "onUpdate:startValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
15
15
  "onUpdate:endValue"?: ((date: import("@internationalized/date").DateValue | undefined) => any) | undefined;
16
16
  }>, {
17
- disabled: boolean;
18
17
  placeholder: import("@internationalized/date").DateValue;
18
+ disabled: boolean;
19
19
  step: DateStep;
20
20
  defaultValue: DateRange;
21
- readonly: boolean;
22
21
  defaultPlaceholder: import("@internationalized/date").DateValue;
22
+ readonly: boolean;
23
23
  isDateUnavailable: DateMatcher;
24
- granularity: Granularity;
25
24
  hourCycle: 12 | 24;
25
+ granularity: Granularity;
26
26
  hideTimeZone: boolean;
27
27
  startName: string;
28
28
  endName: string;
@@ -1 +1 @@
1
- import{provideDateRangeFieldUi as e}from"./context.js";import t from"./date-range-field-root.js";import n from"./date-range-field-input.js";import r from"./date-range-field-compact.js";export{r as DateRangeFieldCompact,n as DateRangeFieldInput,t as DateRangeFieldRoot,e as provideDateRangeFieldUi};
1
+ import{provideDateRangeFieldUi as e}from"./context.js";import t from"./date-range-field-input.js";import n from"./date-range-field-root.js";import r from"./date-range-field-compact.js";export{r as DateRangeFieldCompact,t as DateRangeFieldInput,n as DateRangeFieldRoot,e as provideDateRangeFieldUi};
@@ -253,21 +253,21 @@ declare var __VLS_25: {
253
253
  }> & {
254
254
  readonly open: boolean | undefined;
255
255
  } & {
256
- readonly disabled: boolean;
257
256
  readonly inlist: boolean;
257
+ readonly disabled: boolean;
258
258
  readonly asChild: boolean;
259
259
  readonly open: boolean | undefined;
260
- readonly readonly: boolean;
261
260
  readonly showArrow: boolean;
262
261
  readonly defaultOpen: boolean;
263
262
  readonly modal: boolean;
263
+ readonly allowNonContiguousRanges: boolean;
264
264
  readonly pagedNavigation: boolean;
265
265
  readonly preventDeselect: boolean;
266
266
  readonly fixedWeeks: boolean;
267
+ readonly readonly: boolean;
267
268
  readonly initialFocus: boolean;
268
269
  readonly disableDaysOutsideCurrentView: boolean;
269
- readonly allowNonContiguousRanges: boolean;
270
- }, "open" | "triggerProps" | "positionerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
270
+ }, "positionerProps" | "triggerProps" | "open" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
271
271
  onUpdateModelValue: (value: DateRange) => void;
272
272
  onUpdatePlaceholder: (placeholder: DateValue) => void;
273
273
  };
@@ -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{provideDialogCompactContext as a,useDialogProviderContext as o,useDialogUi as s}from"./context.js";import c from"./dialog-close.js";import l from"./dialog-popup.js";import u from"./dialog-content.js";import d from"./dialog-description.js";import f from"./dialog-footer.js";import p from"./dialog-header.js";import m from"./dialog-overlay.js";import h from"./dialog-root.js";import g from"./dialog-title.js";import _ from"./dialog-trigger.js";import ee from"./dialog-cancel.js";import v from"./dialog-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,useAttrs as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`DialogCompact`,__name:`dialog-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{},showConfirm:{type:Boolean,default:!0},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},dir:{},isAlert:{type:Boolean},alertType:{default:`default`},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(T,{emit:R}){let z=T,B=n(z,[`title`,`description`,`icon`,`showClose`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`cancelProps`,`confirmProps`]),V=R,H=I(),U=F(),W=t(V),G=e(),K=o(),q=y(()=>K?.getCurrentDialog(U[`data-dialog-id`])),J=y(()=>[s().value?.icon,q.value?.ui?.icon].filter(Boolean).join(` `)),Y=y(()=>({...z.triggerProps,asChild:z.triggerProps?.asChild??!0})),X={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},Z=y(()=>z.icon?z.icon:z.isAlert&&z.alertType?X[z.alertType]:null),Q=y(()=>z.showConfirm??z.isAlert),$=y(()=>typeof z.showCancel==`boolean`?z.showCancel:z.isAlert===!0&&z.alertType===`warning`),te=y(()=>z.pure?!1:H.footer?!0:$.value||Q.value),ne=y(()=>z.cancelText??G.value.dialog.cancel),re=y(()=>z.confirmText??G.value.dialog.confirm);return a({dialog:q}),(e,t)=>(A(),b(h,D(P(B),{"onUpdate:open":t[4]||(t[4]=e=>V(`update:open`,e))}),{default:L(n=>[w(_,k(E(Y.value)),{default:L(()=>[j(e.$slots,`trigger`,k(E(n)))]),_:2},1040),w(i,k(E(T.portalProps)),{default:L(()=>[w(m,k(E(T.overlayProps)),null,16),w(l,D(T.popupProps,N(P(W))),{default:L(()=>[T.pure?x(`v-if`,!0):(A(),b(p,k(D({key:0},T.headerProps)),{default:L(()=>[w(g,k(E(T.titleProps)),{default:L(()=>[Z.value?(A(),b(r,{key:0,icon:Z.value,class:O(J.value)},null,8,[`icon`,`class`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(n)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),H.description||T.description?(A(),b(d,k(D({key:0},T.descriptionProps)),{default:L(()=>[j(e.$slots,`description`,k(E(n)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showClose?(A(),b(c,{key:1,onClose:t[0]||(t[0]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0)]),_:2},1040)),w(u,k(E(T.contentProps)),{default:L(()=>[j(e.$slots,`default`,k(E(n)))]),_:2},1040),T.pure&&!T.isAlert&&T.showClose?(A(),b(c,{key:1,onClose:t[1]||(t[1]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0),te.value?(A(),b(f,k(D({key:2},T.footerProps)),{default:L(()=>[j(e.$slots,`footer`,k(E(n)),()=>[$.value?(A(),b(ee,D({key:0},T.cancelProps,{onCancel:t[2]||(t[2]=e=>V(`cancel`,e))}),{default:L(()=>[j(e.$slots,`cancel`,k(E(n)),()=>[C(M(ne.value),1)])]),_:2},1040)):x(`v-if`,!0),Q.value?(A(),b(v,D({key:1},T.confirmProps,{onConfirm:t[3]||(t[3]=e=>V(`confirm`,e))}),{default:L(()=>[j(e.$slots,`confirm`,k(E(n)),()=>[C(M(re.value),1)])]),_:2},1040)):x(`v-if`,!0)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{R 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{provideDialogCompactContext as a,useDialogProviderContext as o,useDialogUi as s}from"./context.js";import ee from"./dialog-cancel.js";import c from"./dialog-close.js";import l from"./dialog-confirm.js";import u from"./dialog-content.js";import d from"./dialog-description.js";import f from"./dialog-footer.js";import p from"./dialog-header.js";import m from"./dialog-overlay.js";import h from"./dialog-popup.js";import g from"./dialog-root.js";import _ from"./dialog-title.js";import v from"./dialog-trigger.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,useAttrs as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`DialogCompact`,__name:`dialog-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{},showConfirm:{type:Boolean,default:!0},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},dir:{},isAlert:{type:Boolean},alertType:{default:`default`},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(T,{emit:R}){let z=T,B=n(z,[`title`,`description`,`icon`,`showClose`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`cancelProps`,`confirmProps`]),V=R,H=I(),U=F(),W=t(V),G=e(),K=o(),q=y(()=>K?.getCurrentDialog(U[`data-dialog-id`])),J=y(()=>[s().value?.icon,q.value?.ui?.icon].filter(Boolean).join(` `)),Y=y(()=>({...z.triggerProps,asChild:z.triggerProps?.asChild??!0})),X={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},Z=y(()=>z.icon?z.icon:z.isAlert&&z.alertType?X[z.alertType]:null),Q=y(()=>z.showConfirm??z.isAlert),$=y(()=>typeof z.showCancel==`boolean`?z.showCancel:z.isAlert===!0&&z.alertType===`warning`),te=y(()=>z.pure?!1:H.footer?!0:$.value||Q.value),ne=y(()=>z.cancelText??G.value.dialog.cancel),re=y(()=>z.confirmText??G.value.dialog.confirm);return a({dialog:q}),(e,t)=>(A(),b(g,D(P(B),{"onUpdate:open":t[4]||(t[4]=e=>V(`update:open`,e))}),{default:L(n=>[w(v,k(E(Y.value)),{default:L(()=>[j(e.$slots,`trigger`,k(E(n)))]),_:2},1040),w(i,k(E(T.portalProps)),{default:L(()=>[w(m,k(E(T.overlayProps)),null,16),w(h,D(T.popupProps,N(P(W))),{default:L(()=>[T.pure?x(`v-if`,!0):(A(),b(p,k(D({key:0},T.headerProps)),{default:L(()=>[w(_,k(E(T.titleProps)),{default:L(()=>[Z.value?(A(),b(r,{key:0,icon:Z.value,class:O(J.value)},null,8,[`icon`,`class`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(n)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),H.description||T.description?(A(),b(d,k(D({key:0},T.descriptionProps)),{default:L(()=>[j(e.$slots,`description`,k(E(n)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showClose?(A(),b(c,{key:1,onClose:t[0]||(t[0]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0)]),_:2},1040)),w(u,k(E(T.contentProps)),{default:L(()=>[j(e.$slots,`default`,k(E(n)))]),_:2},1040),T.pure&&!T.isAlert&&T.showClose?(A(),b(c,{key:1,onClose:t[1]||(t[1]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0),te.value?(A(),b(f,k(D({key:2},T.footerProps)),{default:L(()=>[j(e.$slots,`footer`,k(E(n)),()=>[$.value?(A(),b(ee,D({key:0},T.cancelProps,{onCancel:t[2]||(t[2]=e=>V(`cancel`,e))}),{default:L(()=>[j(e.$slots,`cancel`,k(E(n)),()=>[C(M(ne.value),1)])]),_:2},1040)):x(`v-if`,!0),Q.value?(A(),b(l,D({key:1},T.confirmProps,{onConfirm:t[3]||(t[3]=e=>V(`confirm`,e))}),{default:L(()=>[j(e.$slots,`confirm`,k(E(n)),()=>[C(M(re.value),1)])]),_:2},1040)):x(`v-if`,!0)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{R as default};
@@ -4,9 +4,9 @@ import { DialogAlertType, DialogCompactProps, DialogCompactSlots } from "./types
4
4
  type __VLS_Slots = DialogCompactSlots;
5
5
  declare const __VLS_base: import("vue").DefineComponent<DialogCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
6
6
  click: (event: PointerEvent) => any;
7
- "update:open": (value: boolean) => any;
8
- close: (event: MouseEvent) => any;
9
7
  cancel: (event: MouseEvent) => any;
8
+ close: (event: MouseEvent) => any;
9
+ "update:open": (value: boolean) => any;
10
10
  escapeKeyDown: (event: KeyboardEvent) => any;
11
11
  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
12
12
  focusOutside: (event: FocusOutsideEvent) => any;
@@ -16,9 +16,9 @@ declare const __VLS_base: import("vue").DefineComponent<DialogCompactProps, {},
16
16
  confirm: (event: MouseEvent) => any;
17
17
  }, string, import("vue").PublicProps, Readonly<DialogCompactProps> & Readonly<{
18
18
  onClick?: ((event: PointerEvent) => any) | undefined;
19
- "onUpdate:open"?: ((value: boolean) => any) | undefined;
20
- onClose?: ((event: MouseEvent) => any) | undefined;
21
19
  onCancel?: ((event: MouseEvent) => any) | undefined;
20
+ onClose?: ((event: MouseEvent) => any) | undefined;
21
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
22
22
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
23
23
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
24
24
  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -1 +1 @@
1
- import e from"../portal/portal.js";import{provideDialogUi as t}from"./context.js";import n from"./dialog-close.js";import r from"./dialog-popup.js";import i from"./dialog-content.js";import a from"./dialog-description.js";import o from"./dialog-footer.js";import s from"./dialog-header.js";import c from"./dialog-overlay.js";import l from"./dialog-root.js";import u from"./dialog-title.js";import d from"./dialog-trigger.js";import f from"./dialog-cancel.js";import p from"./dialog-confirm.js";import m from"./dialog-compact.js";import{dialog as h}from"./state.js";import g from"./dialog-provider.js";export{f as DialogCancel,n as DialogClose,m as DialogCompact,p as DialogConfirm,i as DialogContent,a as DialogDescription,o as DialogFooter,s as DialogHeader,c as DialogOverlay,r as DialogPopup,e as DialogPortal,g as DialogProvider,l as DialogRoot,u as DialogTitle,d as DialogTrigger,h as dialog,t as provideDialogUi};
1
+ import e from"../portal/portal.js";import{provideDialogUi as t}from"./context.js";import n from"./dialog-cancel.js";import r from"./dialog-close.js";import i from"./dialog-confirm.js";import a from"./dialog-content.js";import o from"./dialog-description.js";import s from"./dialog-footer.js";import c from"./dialog-header.js";import l from"./dialog-overlay.js";import u from"./dialog-popup.js";import d from"./dialog-root.js";import f from"./dialog-title.js";import p from"./dialog-trigger.js";import m from"./dialog-compact.js";import{dialog as h}from"./state.js";import g from"./dialog-provider.js";export{n as DialogCancel,r as DialogClose,m as DialogCompact,i as DialogConfirm,a as DialogContent,o as DialogDescription,s as DialogFooter,c as DialogHeader,l as DialogOverlay,u as DialogPopup,e as DialogPortal,g as DialogProvider,d as DialogRoot,f as DialogTitle,p as DialogTrigger,h as dialog,t as provideDialogUi};
@@ -1,9 +1,9 @@
1
1
  import { Direction, UiClass } from "../../types/common.js";
2
2
  import { DismissableLayerEmits, DismissableLayerProps, FocusScopeEmits, ForceMountProps, TrapFocusProps } from "../../types/component.js";
3
3
  import { BaseProps } from "../../types/vue.js";
4
+ import { IconValue } from "../_icon/types.js";
4
5
  import { PrimitiveWithBaseProps } from "../primitive/types.js";
5
6
  import { ButtonProps } from "../button/types.js";
6
- import { IconValue } from "../_icon/types.js";
7
7
  import { PortalProps } from "../portal/types.js";
8
8
  import { ComputedRef, Ref, ShallowRef, VNode } from "vue";
9
9
 
@@ -8,20 +8,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
8
8
  onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
9
9
  "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
10
10
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
11
- onEntryFocus?: ((event: Event) => any) | undefined;
12
11
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
13
12
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
14
13
  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
15
14
  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
16
15
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
17
16
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
17
+ onEntryFocus?: ((event: Event) => any) | undefined;
18
18
  }> & (typeof globalThis extends {
19
19
  __VLS_PROPS_FALLBACK: infer P;
20
20
  } ? P : {});
21
21
  expose: (exposed: {}) => void;
22
22
  attrs: any;
23
23
  slots: DropdownMenuCheckboxCompactSlots<T>;
24
- emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
24
+ emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
25
25
  }>) => import("vue").VNode & {
26
26
  __ctx?: Awaited<typeof __VLS_setup>;
27
27
  };
@@ -7,20 +7,20 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
7
7
  props: import("vue").PublicProps & __VLS_PrettifyLocal<DropdownMenuCompactProps<T> & {
8
8
  onSelect?: ((item: MenuOptionData<T>, event: Event) => any) | undefined;
9
9
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
10
- onEntryFocus?: ((event: Event) => any) | undefined;
11
10
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
12
11
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
13
12
  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
14
13
  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
15
14
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
16
15
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
16
+ onEntryFocus?: ((event: Event) => any) | undefined;
17
17
  }> & (typeof globalThis extends {
18
18
  __VLS_PROPS_FALLBACK: infer P;
19
19
  } ? P : {});
20
20
  expose: (exposed: {}) => void;
21
21
  attrs: any;
22
22
  slots: DropdownMenuCompactSlots<T>;
23
- emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
23
+ emit: ((evt: "select", item: MenuOptionData<T>, event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "entryFocus", event: Event) => void);
24
24
  }>) => import("vue").VNode & {
25
25
  __ctx?: Awaited<typeof __VLS_setup>;
26
26
  };