@skdx/vue 0.29.0 → 0.31.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 (229) hide show
  1. package/dist/autocomplete/AutocompleteAnatomy.vue_vue_type_script_setup_true_lang.cjs +1 -1
  2. package/dist/autocomplete/AutocompleteAnatomy.vue_vue_type_script_setup_true_lang.js +1 -1
  3. package/dist/backdrop/Backdrop.vue.cjs +1 -0
  4. package/dist/backdrop/Backdrop.vue.d.cts +12 -0
  5. package/dist/backdrop/Backdrop.vue.d.ts +12 -0
  6. package/dist/backdrop/Backdrop.vue.js +1 -0
  7. package/dist/backdrop/Backdrop.vue_vue_type_script_setup_true_lang.cjs +1 -0
  8. package/dist/backdrop/Backdrop.vue_vue_type_script_setup_true_lang.js +1 -0
  9. package/dist/backdrop/index.cjs +1 -0
  10. package/dist/backdrop/index.d.cts +1 -0
  11. package/dist/backdrop/index.d.ts +1 -0
  12. package/dist/backdrop/index.js +1 -0
  13. package/dist/badge/BadgeAnatomy.vue.d.cts +1 -1
  14. package/dist/badge/BadgeAnatomy.vue.d.ts +1 -1
  15. package/dist/badge/BadgeAnatomy.vue_vue_type_script_setup_true_lang.cjs +1 -1
  16. package/dist/badge/BadgeAnatomy.vue_vue_type_script_setup_true_lang.js +1 -1
  17. package/dist/checkbox-card/CheckboxCard.vue_vue_type_script_setup_true_lang.cjs +1 -1
  18. package/dist/checkbox-card/CheckboxCard.vue_vue_type_script_setup_true_lang.js +1 -1
  19. package/dist/checkbox-group/CheckboxGroupItem.vue.d.cts +7 -4
  20. package/dist/checkbox-group/CheckboxGroupItem.vue.d.ts +7 -4
  21. package/dist/checkbox-group/CheckboxGroupItem.vue_vue_type_script_setup_true_lang.cjs +1 -1
  22. package/dist/checkbox-group/CheckboxGroupItem.vue_vue_type_script_setup_true_lang.js +1 -1
  23. package/dist/checkbox-group/CheckboxGroupSelectAll.vue.d.cts +7 -4
  24. package/dist/checkbox-group/CheckboxGroupSelectAll.vue.d.ts +7 -4
  25. package/dist/checkbox-group/CheckboxGroupSelectAll.vue_vue_type_script_setup_true_lang.cjs +1 -1
  26. package/dist/checkbox-group/CheckboxGroupSelectAll.vue_vue_type_script_setup_true_lang.js +1 -1
  27. package/dist/chip/Chip.vue.cjs +1 -0
  28. package/dist/chip/Chip.vue.d.cts +12 -0
  29. package/dist/chip/Chip.vue.d.ts +12 -0
  30. package/dist/chip/Chip.vue.js +1 -0
  31. package/dist/chip/Chip.vue_vue_type_script_setup_true_lang.cjs +1 -0
  32. package/dist/chip/Chip.vue_vue_type_script_setup_true_lang.js +1 -0
  33. package/dist/chip/index.cjs +1 -0
  34. package/dist/chip/index.d.cts +1 -0
  35. package/dist/chip/index.d.ts +1 -0
  36. package/dist/chip/index.js +1 -0
  37. package/dist/combobox/Combobox.vue_vue_type_script_setup_true_lang.cjs +1 -1
  38. package/dist/combobox/Combobox.vue_vue_type_script_setup_true_lang.js +1 -1
  39. package/dist/combobox/primitives.d.cts +1 -0
  40. package/dist/combobox/primitives.d.ts +1 -0
  41. package/dist/date-picker/DatePickerTimeField.vue.d.cts +1 -1
  42. package/dist/date-picker/DatePickerTimeField.vue.d.ts +1 -1
  43. package/dist/date-picker/DatePickerTrigger.vue_vue_type_script_setup_true_lang.cjs +1 -1
  44. package/dist/date-picker/DatePickerTrigger.vue_vue_type_script_setup_true_lang.js +1 -1
  45. package/dist/date-range-picker/DateRangePicker.vue.cjs +1 -0
  46. package/dist/date-range-picker/DateRangePicker.vue.d.cts +12 -0
  47. package/dist/date-range-picker/DateRangePicker.vue.d.ts +12 -0
  48. package/dist/date-range-picker/DateRangePicker.vue.js +1 -0
  49. package/dist/date-range-picker/DateRangePicker.vue_vue_type_script_setup_true_lang.cjs +1 -0
  50. package/dist/date-range-picker/DateRangePicker.vue_vue_type_script_setup_true_lang.js +1 -0
  51. package/dist/date-range-picker/index.cjs +1 -0
  52. package/dist/date-range-picker/index.d.cts +1 -0
  53. package/dist/date-range-picker/index.d.ts +1 -0
  54. package/dist/date-range-picker/index.js +1 -0
  55. package/dist/date-time-picker/DateTimePicker.vue.cjs +1 -0
  56. package/dist/date-time-picker/DateTimePicker.vue.d.cts +12 -0
  57. package/dist/date-time-picker/DateTimePicker.vue.d.ts +12 -0
  58. package/dist/date-time-picker/DateTimePicker.vue.js +1 -0
  59. package/dist/date-time-picker/DateTimePicker.vue_vue_type_script_setup_true_lang.cjs +1 -0
  60. package/dist/date-time-picker/DateTimePicker.vue_vue_type_script_setup_true_lang.js +1 -0
  61. package/dist/date-time-picker/index.cjs +1 -0
  62. package/dist/date-time-picker/index.d.cts +1 -0
  63. package/dist/date-time-picker/index.d.ts +1 -0
  64. package/dist/date-time-picker/index.js +1 -0
  65. package/dist/dialog/Dialogs.vue.cjs +1 -0
  66. package/dist/dialog/Dialogs.vue.d.cts +17 -0
  67. package/dist/dialog/Dialogs.vue.d.ts +17 -0
  68. package/dist/dialog/Dialogs.vue.js +1 -0
  69. package/dist/dialog/Dialogs.vue_vue_type_script_setup_true_lang.cjs +1 -0
  70. package/dist/dialog/Dialogs.vue_vue_type_script_setup_true_lang.js +1 -0
  71. package/dist/dialog/index.cjs +1 -1
  72. package/dist/dialog/index.d.cts +2 -0
  73. package/dist/dialog/index.d.ts +2 -0
  74. package/dist/dialog/index.js +1 -1
  75. package/dist/fab/Fab.vue.cjs +1 -0
  76. package/dist/fab/Fab.vue.d.cts +12 -0
  77. package/dist/fab/Fab.vue.d.ts +12 -0
  78. package/dist/fab/Fab.vue.js +1 -0
  79. package/dist/fab/Fab.vue_vue_type_script_setup_true_lang.cjs +1 -0
  80. package/dist/fab/Fab.vue_vue_type_script_setup_true_lang.js +1 -0
  81. package/dist/fab/index.cjs +1 -0
  82. package/dist/fab/index.d.cts +1 -0
  83. package/dist/fab/index.d.ts +1 -0
  84. package/dist/fab/index.js +1 -0
  85. package/dist/field/FieldError.vue_vue_type_script_setup_true_lang.cjs +1 -1
  86. package/dist/field/FieldError.vue_vue_type_script_setup_true_lang.js +1 -1
  87. package/dist/file-upload/FileUploadAnatomy.vue_vue_type_script_setup_true_lang.cjs +1 -1
  88. package/dist/file-upload/FileUploadAnatomy.vue_vue_type_script_setup_true_lang.js +1 -1
  89. package/dist/floating-panel/FloatingPanelContent.vue_vue_type_script_setup_true_lang.cjs +1 -1
  90. package/dist/floating-panel/FloatingPanelContent.vue_vue_type_script_setup_true_lang.js +1 -1
  91. package/dist/floating-panel/FloatingPanelRoot.vue_vue_type_script_setup_true_lang.cjs +1 -1
  92. package/dist/floating-panel/FloatingPanelRoot.vue_vue_type_script_setup_true_lang.js +1 -1
  93. package/dist/floating-panel/context.d.cts +4 -0
  94. package/dist/floating-panel/context.d.ts +4 -0
  95. package/dist/gauge/Gauge.vue.cjs +1 -0
  96. package/dist/gauge/Gauge.vue.d.cts +12 -0
  97. package/dist/gauge/Gauge.vue.d.ts +12 -0
  98. package/dist/gauge/Gauge.vue.js +1 -0
  99. package/dist/gauge/Gauge.vue_vue_type_script_setup_true_lang.cjs +1 -0
  100. package/dist/gauge/Gauge.vue_vue_type_script_setup_true_lang.js +1 -0
  101. package/dist/gauge/index.cjs +1 -0
  102. package/dist/gauge/index.d.cts +1 -0
  103. package/dist/gauge/index.d.ts +1 -0
  104. package/dist/gauge/index.js +1 -0
  105. package/dist/grid/Grid.vue.cjs +1 -0
  106. package/dist/grid/Grid.vue.d.cts +12 -0
  107. package/dist/grid/Grid.vue.d.ts +12 -0
  108. package/dist/grid/Grid.vue.js +1 -0
  109. package/dist/grid/Grid.vue_vue_type_script_setup_true_lang.cjs +1 -0
  110. package/dist/grid/Grid.vue_vue_type_script_setup_true_lang.js +1 -0
  111. package/dist/grid/index.cjs +1 -0
  112. package/dist/grid/index.d.cts +1 -0
  113. package/dist/grid/index.d.ts +1 -0
  114. package/dist/grid/index.js +1 -0
  115. package/dist/index.cjs +1 -1
  116. package/dist/index.d.cts +15 -1
  117. package/dist/index.d.ts +15 -1
  118. package/dist/index.js +1 -1
  119. package/dist/listbox/ListboxAnatomy.vue_vue_type_script_setup_true_lang.cjs +1 -1
  120. package/dist/listbox/ListboxAnatomy.vue_vue_type_script_setup_true_lang.js +1 -1
  121. package/dist/paper/Paper.vue.cjs +1 -0
  122. package/dist/paper/Paper.vue.d.cts +12 -0
  123. package/dist/paper/Paper.vue.d.ts +12 -0
  124. package/dist/paper/Paper.vue.js +1 -0
  125. package/dist/paper/Paper.vue_vue_type_script_setup_true_lang.cjs +1 -0
  126. package/dist/paper/Paper.vue_vue_type_script_setup_true_lang.js +1 -0
  127. package/dist/paper/index.cjs +1 -0
  128. package/dist/paper/index.d.cts +1 -0
  129. package/dist/paper/index.d.ts +1 -0
  130. package/dist/paper/index.js +1 -0
  131. package/dist/progress/Progress.vue_vue_type_script_setup_true_lang.cjs +1 -1
  132. package/dist/progress/Progress.vue_vue_type_script_setup_true_lang.js +1 -1
  133. package/dist/select/SelectContent.vue_vue_type_script_setup_true_lang.cjs +1 -1
  134. package/dist/select/SelectContent.vue_vue_type_script_setup_true_lang.js +1 -1
  135. package/dist/speed-dial/SpeedDial.vue.d.cts +5 -0
  136. package/dist/speed-dial/SpeedDial.vue.d.ts +5 -0
  137. package/dist/speed-dial/SpeedDial.vue_vue_type_script_setup_true_lang.cjs +1 -1
  138. package/dist/speed-dial/SpeedDial.vue_vue_type_script_setup_true_lang.js +1 -1
  139. package/dist/speed-dial/SpeedDialAnatomy.vue.d.cts +5 -0
  140. package/dist/speed-dial/SpeedDialAnatomy.vue.d.ts +5 -0
  141. package/dist/speed-dial/SpeedDialAnatomy.vue_vue_type_script_setup_true_lang.cjs +1 -1
  142. package/dist/speed-dial/SpeedDialAnatomy.vue_vue_type_script_setup_true_lang.js +1 -1
  143. package/dist/speed-dial/SpeedDialContent.vue_vue_type_script_setup_true_lang.cjs +1 -1
  144. package/dist/speed-dial/SpeedDialContent.vue_vue_type_script_setup_true_lang.js +1 -1
  145. package/dist/stack/Stack.vue.cjs +1 -0
  146. package/dist/stack/Stack.vue.d.cts +12 -0
  147. package/dist/stack/Stack.vue.d.ts +12 -0
  148. package/dist/stack/Stack.vue.js +1 -0
  149. package/dist/stack/Stack.vue_vue_type_script_setup_true_lang.cjs +1 -0
  150. package/dist/stack/Stack.vue_vue_type_script_setup_true_lang.js +1 -0
  151. package/dist/stack/index.cjs +1 -0
  152. package/dist/stack/index.d.cts +1 -0
  153. package/dist/stack/index.d.ts +1 -0
  154. package/dist/stack/index.js +1 -0
  155. package/dist/table/Table.vue.d.cts +14 -3
  156. package/dist/table/Table.vue.d.ts +14 -3
  157. package/dist/table/Table.vue_vue_type_script_setup_true_lang.cjs +1 -1
  158. package/dist/table/Table.vue_vue_type_script_setup_true_lang.js +1 -1
  159. package/dist/table/TableAnatomy.vue.d.cts +1 -0
  160. package/dist/table/TableAnatomy.vue.d.ts +1 -0
  161. package/dist/table/TableAnatomy.vue_vue_type_script_setup_true_lang.cjs +1 -1
  162. package/dist/table/TableAnatomy.vue_vue_type_script_setup_true_lang.js +1 -1
  163. package/dist/table/TableColumnHeaderFilterInput.vue.cjs +1 -0
  164. package/dist/table/TableColumnHeaderFilterInput.vue.d.cts +11 -0
  165. package/dist/table/TableColumnHeaderFilterInput.vue.d.ts +11 -0
  166. package/dist/table/TableColumnHeaderFilterInput.vue.js +1 -0
  167. package/dist/table/TableColumnHeaderFilterInput.vue_vue_type_script_setup_true_lang.cjs +1 -0
  168. package/dist/table/TableColumnHeaderFilterInput.vue_vue_type_script_setup_true_lang.js +1 -0
  169. package/dist/table/TableHeaderCell.vue.d.cts +6 -0
  170. package/dist/table/TableHeaderCell.vue.d.ts +6 -0
  171. package/dist/table/TableHeaderCell.vue_vue_type_script_setup_true_lang.cjs +1 -1
  172. package/dist/table/TableHeaderCell.vue_vue_type_script_setup_true_lang.js +1 -1
  173. package/dist/table/context.d.cts +11 -0
  174. package/dist/table/context.d.ts +11 -0
  175. package/dist/table/index.d.cts +1 -1
  176. package/dist/table/index.d.ts +1 -1
  177. package/dist/table/primitives.cjs +1 -1
  178. package/dist/table/primitives.d.cts +2 -1
  179. package/dist/table/primitives.d.ts +2 -1
  180. package/dist/table/primitives.js +1 -1
  181. package/dist/timeline/Timeline.vue.d.cts +5 -0
  182. package/dist/timeline/Timeline.vue.d.ts +5 -0
  183. package/dist/timeline/Timeline.vue_vue_type_script_setup_true_lang.cjs +1 -1
  184. package/dist/timeline/Timeline.vue_vue_type_script_setup_true_lang.js +1 -1
  185. package/dist/timeline/TimelineAnatomy.vue.d.cts +4 -0
  186. package/dist/timeline/TimelineAnatomy.vue.d.ts +4 -0
  187. package/dist/timeline/TimelineAnatomy.vue_vue_type_script_setup_true_lang.cjs +1 -1
  188. package/dist/timeline/TimelineAnatomy.vue_vue_type_script_setup_true_lang.js +1 -1
  189. package/dist/timeline/types.d.cts +2 -2
  190. package/dist/timeline/types.d.ts +2 -2
  191. package/dist/tooltip/Tooltip.vue.cjs +1 -0
  192. package/dist/tooltip/Tooltip.vue.d.cts +12 -0
  193. package/dist/tooltip/Tooltip.vue.d.ts +12 -0
  194. package/dist/tooltip/Tooltip.vue.js +1 -0
  195. package/dist/tooltip/Tooltip.vue_vue_type_script_setup_true_lang.cjs +1 -0
  196. package/dist/tooltip/Tooltip.vue_vue_type_script_setup_true_lang.js +1 -0
  197. package/dist/tooltip/index.cjs +1 -0
  198. package/dist/tooltip/index.d.cts +1 -0
  199. package/dist/tooltip/index.d.ts +1 -0
  200. package/dist/tooltip/index.js +1 -0
  201. package/dist/tree-select/TreeSelect.vue.d.cts +2 -2
  202. package/dist/tree-select/TreeSelect.vue.d.ts +2 -2
  203. package/dist/utils/csv.cjs +2 -0
  204. package/dist/utils/csv.d.cts +43 -0
  205. package/dist/utils/csv.d.ts +43 -0
  206. package/dist/utils/csv.js +1 -0
  207. package/dist/utils/dialogs.cjs +1 -0
  208. package/dist/utils/dialogs.d.cts +96 -0
  209. package/dist/utils/dialogs.d.ts +96 -0
  210. package/dist/utils/dialogs.js +1 -0
  211. package/dist/utils/dismissal.cjs +1 -1
  212. package/dist/utils/dismissal.d.cts +7 -0
  213. package/dist/utils/dismissal.d.ts +7 -0
  214. package/dist/utils/dismissal.js +1 -1
  215. package/dist/utils/field-core.cjs +1 -1
  216. package/dist/utils/field-core.d.cts +2 -0
  217. package/dist/utils/field-core.d.ts +2 -0
  218. package/dist/utils/field-core.js +1 -1
  219. package/dist/utils/media-query.cjs +1 -0
  220. package/dist/utils/media-query.d.cts +7 -0
  221. package/dist/utils/media-query.d.ts +7 -0
  222. package/dist/utils/media-query.js +1 -0
  223. package/dist/utils/useDismiss.cjs +1 -1
  224. package/dist/utils/useDismiss.js +1 -1
  225. package/dist/utils/useMediaQuery.cjs +1 -0
  226. package/dist/utils/useMediaQuery.d.cts +11 -0
  227. package/dist/utils/useMediaQuery.d.ts +11 -0
  228. package/dist/utils/useMediaQuery.js +1 -0
  229. package/package.json +102 -2
package/dist/index.d.cts CHANGED
@@ -1,5 +1,7 @@
1
1
  export { SkdxButton } from './button/index.cjs';
2
+ export { SkdxFab } from './fab/index.cjs';
2
3
  export { SkdxBadge } from './badge/index.cjs';
4
+ export { SkdxChip } from './chip/index.cjs';
3
5
  export { SkdxAlert, type AlertStatus } from './alert/index.cjs';
4
6
  export { SkdxCheckbox } from './checkbox/index.cjs';
5
7
  export type { CheckboxCheckedState, CheckedState } from './checkbox/index.cjs';
@@ -10,12 +12,15 @@ export { SkdxTextField } from './text-field/index.cjs';
10
12
  export { SkdxTabs } from './tabs/index.cjs';
11
13
  export type { TabsItem, TabsChangeReason, TabsValueChangeDetail } from './tabs/index.cjs';
12
14
  export { SkdxDialog, type DialogDismiss, type DialogRole } from './dialog/index.cjs';
15
+ export { SkdxDialogs, createDialogs, type DialogsStore, type DialogsEntry, type DialogsKind, type DialogsOptions, type DialogsPromptOptions, type DialogsResult, } from './dialog/index.cjs';
13
16
  export { SkdxDrawer, type DrawerDismiss, type DrawerPlacement } from './drawer/index.cjs';
14
17
  export { SkdxListbox, type ListboxOption, type ListboxOptionGroup } from './listbox/index.cjs';
15
18
  export { SkdxSelect, type SelectFilter, type SelectItemDescriptor, type SelectOptionGroup, } from './select/index.cjs';
16
19
  export { SkdxLabel } from './label/index.cjs';
17
20
  export { SkdxDivider } from './divider/index.cjs';
18
21
  export { SkdxBox } from './box/index.cjs';
22
+ export { SkdxStack } from './stack/index.cjs';
23
+ export { SkdxGrid } from './grid/index.cjs';
19
24
  export { SkdxList, SkdxListDescription, SkdxListItem, SkdxListTerm, type ListEntry, type ListOrientation, } from './list/index.cjs';
20
25
  export { SkdxLink } from './link/index.cjs';
21
26
  export { SkdxImage, type ImageLoadingStatus } from './image/index.cjs';
@@ -24,7 +29,9 @@ export { SkdxSkeleton } from './skeleton/index.cjs';
24
29
  export { SkdxSpinner } from './spinner/index.cjs';
25
30
  export { SkdxAvatar } from './avatar/index.cjs';
26
31
  export { SkdxProgress, type ProgressRange, type ProgressRole } from './progress/index.cjs';
32
+ export { SkdxGauge } from './gauge/index.cjs';
27
33
  export { SkdxCard, SkdxCardHeader, SkdxCardContent, SkdxCardFooter } from './card/index.cjs';
34
+ export { SkdxPaper } from './paper/index.cjs';
28
35
  export { SkdxSplitButton, type SplitButtonItem } from './split-button/index.cjs';
29
36
  export { SkdxAspectRatio } from './aspect-ratio/index.cjs';
30
37
  export { SkdxToggle } from './toggle/index.cjs';
@@ -53,12 +60,13 @@ export { SkdxToolbar, type ToolbarItem } from './toolbar/index.cjs';
53
60
  export { SkdxBreadcrumb, type BreadcrumbItem } from './breadcrumb/index.cjs';
54
61
  export { SkdxStepper } from './stepper/index.cjs';
55
62
  export type { StepperItemData, StepStatus, StepperOrientation, StepperNavigationMode, StepperItemState, } from './stepper/index.cjs';
56
- export { SkdxTable, SkdxTableRow, SkdxTableCell, tableDetailRowId, defaultSelectAllLabel, type TableSortState, type TableSort, type TableSelectAllScope, type TableSelectionMode, type TableColumnWidths, type TableColumnDef, type SortDirection, } from './table/index.cjs';
63
+ export { SkdxTable, SkdxTableRow, SkdxTableCell, tableDetailRowId, defaultSelectAllLabel, type TableSortState, type TableFilterState, type TableSort, type TableSelectAllScope, type TableSelectionMode, type TableColumnWidths, type TableColumnDef, type SortDirection, } from './table/index.cjs';
57
64
  export { SkdxTimeline, type TimelineItem } from './timeline/index.cjs';
58
65
  export { SkdxCalendar, type CalendarDay, CALENDAR_VIEWS, CALENDAR_YEAR_PAGE, getISOWeek, getVisibleWeeks, emptySelection, isDateRange, isDateSelected, nextSelection, rangePositionOf, type CalendarSelectionMode, type CalendarValue, type CalendarValueInput, type DateRange, type RangePosition, type CalendarPageBehavior, type CalendarView, formatDateLabel, formatMonthLabel, formatYear, formatYearRange, getLocaleWeekStartsOn, getMonthNames, getWeekDayNames, resolveLocale, type NameWidth, } from './calendar/index.cjs';
59
66
  export { SkdxTree, type TreeSelectionPropagation, type TreeCheckedState, type TreeDisabledBehavior, type TreeSelectionMode, } from './tree/index.cjs';
60
67
  export type { TreeNode, TreeRenderLabel } from './tree/index.cjs';
61
68
  export { SkdxPopover, type PopoverModality, type PopoverOpenOn, type PopoverOpenState, type PopoverRole, } from './popover/index.cjs';
69
+ export { SkdxTooltip } from './tooltip/index.cjs';
62
70
  export { SkdxMenu, type MenuEntry, type MenuOpenOn, type MenuPoint } from './menu/index.cjs';
63
71
  export { SkdxMenubar, type MenubarMenuDescriptor, type MenubarItem } from './menubar/index.cjs';
64
72
  export { SkdxCombobox, type ComboboxFilter, type ComboboxHighlightChangeDetail, type ComboboxHighlightReason, type ComboboxOpenOn, type ComboboxOption, type ComboboxOptionGroup, } from './combobox/index.cjs';
@@ -67,6 +75,8 @@ export { SkdxMentions, type MentionsFilter, type MentionsHighlightChangeDetail,
67
75
  export { SkdxToaster, createToaster, useToaster, DEFAULT_TOAST_DURATION, type ToasterStore, type ToasterOptions, type ToasterPromiseMessages, type ToasterToast, type ToasterToastAction, type ToasterToastOptions, type ToasterToastType, type ToastPlacement, } from './toast/index.cjs';
68
76
  export { SkdxCommand, defaultCommandFilter, type CommandFilter, type CommandGroup, type CommandItem, } from './command/index.cjs';
69
77
  export { SkdxDatePicker } from './date-picker/index.cjs';
78
+ export { SkdxDateTimePicker } from './date-time-picker/index.cjs';
79
+ export { SkdxDateRangePicker } from './date-range-picker/index.cjs';
70
80
  export { SkdxDateField, type Granularity, type HourCycle, type SegmentType, type SegmentValues, } from './date-field/index.cjs';
71
81
  export { SkdxTimeField, type TimeGranularity } from './time-field/index.cjs';
72
82
  /** Converts a change payload's native `Date` into the ISO-8601 string these components persist and submit. */
@@ -81,6 +91,7 @@ export type { AutocompleteValueChangeDetail } from './autocomplete/index.cjs';
81
91
  export { SkdxPasswordInput } from './password-input/index.cjs';
82
92
  export { SkdxClipboard, type ClipboardState } from './clipboard/index.cjs';
83
93
  export { SkdxLoadingOverlay } from './loading-overlay/index.cjs';
94
+ export { SkdxBackdrop } from './backdrop/index.cjs';
84
95
  export { SkdxEditable } from './editable/index.cjs';
85
96
  export type { EditableActivationMode, EditablePlaceholder, EditableRevertDetail, EditableSubmitMode, } from './editable/index.cjs';
86
97
  export { SkdxAngleSlider, type SkdxAngleSliderValueChangeDetail, type AngleSliderMarkData, } from './angle-slider/index.cjs';
@@ -102,3 +113,6 @@ export { provideDirection, useDirection, type Direction } from './utils/directio
102
113
  export { parseColor, formatColor, hexToRgb, rgbToHex, rgbToHsb, hsbToRgb, rgbToHsl, hslToRgb, hsbToHsl, hslToHsb, type ColorFormat, type RgbColor, type HslColor, type HsbColor, } from './utils/color.cjs';
103
114
  export type { SelectionChangeDetail } from './utils/selection.cjs';
104
115
  export type { PolymorphicTag } from './utils/polymorphic.cjs';
116
+ export { useMediaQuery } from './utils/useMediaQuery.cjs';
117
+ export { matchesMediaQuery, subscribeMediaQuery } from './utils/media-query.cjs';
118
+ export { toCsv, type CsvColumn, type CsvOptions } from './utils/csv.cjs';
package/dist/index.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  export { SkdxButton } from './button/index.js';
2
+ export { SkdxFab } from './fab/index.js';
2
3
  export { SkdxBadge } from './badge/index.js';
4
+ export { SkdxChip } from './chip/index.js';
3
5
  export { SkdxAlert, type AlertStatus } from './alert/index.js';
4
6
  export { SkdxCheckbox } from './checkbox/index.js';
5
7
  export type { CheckboxCheckedState, CheckedState } from './checkbox/index.js';
@@ -10,12 +12,15 @@ export { SkdxTextField } from './text-field/index.js';
10
12
  export { SkdxTabs } from './tabs/index.js';
11
13
  export type { TabsItem, TabsChangeReason, TabsValueChangeDetail } from './tabs/index.js';
12
14
  export { SkdxDialog, type DialogDismiss, type DialogRole } from './dialog/index.js';
15
+ export { SkdxDialogs, createDialogs, type DialogsStore, type DialogsEntry, type DialogsKind, type DialogsOptions, type DialogsPromptOptions, type DialogsResult, } from './dialog/index.js';
13
16
  export { SkdxDrawer, type DrawerDismiss, type DrawerPlacement } from './drawer/index.js';
14
17
  export { SkdxListbox, type ListboxOption, type ListboxOptionGroup } from './listbox/index.js';
15
18
  export { SkdxSelect, type SelectFilter, type SelectItemDescriptor, type SelectOptionGroup, } from './select/index.js';
16
19
  export { SkdxLabel } from './label/index.js';
17
20
  export { SkdxDivider } from './divider/index.js';
18
21
  export { SkdxBox } from './box/index.js';
22
+ export { SkdxStack } from './stack/index.js';
23
+ export { SkdxGrid } from './grid/index.js';
19
24
  export { SkdxList, SkdxListDescription, SkdxListItem, SkdxListTerm, type ListEntry, type ListOrientation, } from './list/index.js';
20
25
  export { SkdxLink } from './link/index.js';
21
26
  export { SkdxImage, type ImageLoadingStatus } from './image/index.js';
@@ -24,7 +29,9 @@ export { SkdxSkeleton } from './skeleton/index.js';
24
29
  export { SkdxSpinner } from './spinner/index.js';
25
30
  export { SkdxAvatar } from './avatar/index.js';
26
31
  export { SkdxProgress, type ProgressRange, type ProgressRole } from './progress/index.js';
32
+ export { SkdxGauge } from './gauge/index.js';
27
33
  export { SkdxCard, SkdxCardHeader, SkdxCardContent, SkdxCardFooter } from './card/index.js';
34
+ export { SkdxPaper } from './paper/index.js';
28
35
  export { SkdxSplitButton, type SplitButtonItem } from './split-button/index.js';
29
36
  export { SkdxAspectRatio } from './aspect-ratio/index.js';
30
37
  export { SkdxToggle } from './toggle/index.js';
@@ -53,12 +60,13 @@ export { SkdxToolbar, type ToolbarItem } from './toolbar/index.js';
53
60
  export { SkdxBreadcrumb, type BreadcrumbItem } from './breadcrumb/index.js';
54
61
  export { SkdxStepper } from './stepper/index.js';
55
62
  export type { StepperItemData, StepStatus, StepperOrientation, StepperNavigationMode, StepperItemState, } from './stepper/index.js';
56
- export { SkdxTable, SkdxTableRow, SkdxTableCell, tableDetailRowId, defaultSelectAllLabel, type TableSortState, type TableSort, type TableSelectAllScope, type TableSelectionMode, type TableColumnWidths, type TableColumnDef, type SortDirection, } from './table/index.js';
63
+ export { SkdxTable, SkdxTableRow, SkdxTableCell, tableDetailRowId, defaultSelectAllLabel, type TableSortState, type TableFilterState, type TableSort, type TableSelectAllScope, type TableSelectionMode, type TableColumnWidths, type TableColumnDef, type SortDirection, } from './table/index.js';
57
64
  export { SkdxTimeline, type TimelineItem } from './timeline/index.js';
58
65
  export { SkdxCalendar, type CalendarDay, CALENDAR_VIEWS, CALENDAR_YEAR_PAGE, getISOWeek, getVisibleWeeks, emptySelection, isDateRange, isDateSelected, nextSelection, rangePositionOf, type CalendarSelectionMode, type CalendarValue, type CalendarValueInput, type DateRange, type RangePosition, type CalendarPageBehavior, type CalendarView, formatDateLabel, formatMonthLabel, formatYear, formatYearRange, getLocaleWeekStartsOn, getMonthNames, getWeekDayNames, resolveLocale, type NameWidth, } from './calendar/index.js';
59
66
  export { SkdxTree, type TreeSelectionPropagation, type TreeCheckedState, type TreeDisabledBehavior, type TreeSelectionMode, } from './tree/index.js';
60
67
  export type { TreeNode, TreeRenderLabel } from './tree/index.js';
61
68
  export { SkdxPopover, type PopoverModality, type PopoverOpenOn, type PopoverOpenState, type PopoverRole, } from './popover/index.js';
69
+ export { SkdxTooltip } from './tooltip/index.js';
62
70
  export { SkdxMenu, type MenuEntry, type MenuOpenOn, type MenuPoint } from './menu/index.js';
63
71
  export { SkdxMenubar, type MenubarMenuDescriptor, type MenubarItem } from './menubar/index.js';
64
72
  export { SkdxCombobox, type ComboboxFilter, type ComboboxHighlightChangeDetail, type ComboboxHighlightReason, type ComboboxOpenOn, type ComboboxOption, type ComboboxOptionGroup, } from './combobox/index.js';
@@ -67,6 +75,8 @@ export { SkdxMentions, type MentionsFilter, type MentionsHighlightChangeDetail,
67
75
  export { SkdxToaster, createToaster, useToaster, DEFAULT_TOAST_DURATION, type ToasterStore, type ToasterOptions, type ToasterPromiseMessages, type ToasterToast, type ToasterToastAction, type ToasterToastOptions, type ToasterToastType, type ToastPlacement, } from './toast/index.js';
68
76
  export { SkdxCommand, defaultCommandFilter, type CommandFilter, type CommandGroup, type CommandItem, } from './command/index.js';
69
77
  export { SkdxDatePicker } from './date-picker/index.js';
78
+ export { SkdxDateTimePicker } from './date-time-picker/index.js';
79
+ export { SkdxDateRangePicker } from './date-range-picker/index.js';
70
80
  export { SkdxDateField, type Granularity, type HourCycle, type SegmentType, type SegmentValues, } from './date-field/index.js';
71
81
  export { SkdxTimeField, type TimeGranularity } from './time-field/index.js';
72
82
  /** Converts a change payload's native `Date` into the ISO-8601 string these components persist and submit. */
@@ -81,6 +91,7 @@ export type { AutocompleteValueChangeDetail } from './autocomplete/index.js';
81
91
  export { SkdxPasswordInput } from './password-input/index.js';
82
92
  export { SkdxClipboard, type ClipboardState } from './clipboard/index.js';
83
93
  export { SkdxLoadingOverlay } from './loading-overlay/index.js';
94
+ export { SkdxBackdrop } from './backdrop/index.js';
84
95
  export { SkdxEditable } from './editable/index.js';
85
96
  export type { EditableActivationMode, EditablePlaceholder, EditableRevertDetail, EditableSubmitMode, } from './editable/index.js';
86
97
  export { SkdxAngleSlider, type SkdxAngleSliderValueChangeDetail, type AngleSliderMarkData, } from './angle-slider/index.js';
@@ -102,3 +113,6 @@ export { provideDirection, useDirection, type Direction } from './utils/directio
102
113
  export { parseColor, formatColor, hexToRgb, rgbToHex, rgbToHsb, hsbToRgb, rgbToHsl, hslToRgb, hsbToHsl, hslToHsb, type ColorFormat, type RgbColor, type HslColor, type HsbColor, } from './utils/color.js';
103
114
  export type { SelectionChangeDetail } from './utils/selection.js';
104
115
  export type { PolymorphicTag } from './utils/polymorphic.js';
116
+ export { useMediaQuery } from './utils/useMediaQuery.js';
117
+ export { matchesMediaQuery, subscribeMediaQuery } from './utils/media-query.js';
118
+ export { toCsv, type CsvColumn, type CsvOptions } from './utils/csv.js';
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- import e from"./utils/VisuallyHidden.vue.js";import a from"./button/Button.vue.js";import{ANNOUNCE_DEBOUNCE_MS as o}from"./utils/announcer.js";import{announce as r,clearAnnouncements as s,useLiveAnnouncer as t}from"./utils/liveAnnouncer.js";import i from"./badge/Badge.vue.js";import m from"./alert/Alert.vue.js";import l from"./checkbox/Checkbox.vue.js";import d from"./checkbox-card/CheckboxCard.vue.js";import u from"./checkbox-group/CheckboxGroup.vue.js";import n from"./switch/Switch.vue.js";import p from"./text-field/TextField.vue.js";import{provideDirection as f,useDirection as S}from"./utils/direction.js";import x from"./tabs/Tabs.vue.js";import k from"./dialog/Dialog.vue.js";import v from"./utils/Portal.vue.js";import j from"./drawer/Drawer.vue.js";import c from"./listbox/Listbox.vue.js";import b from"./tag-group/TagGroup.vue.js";import g from"./select/Select.vue.js";import T from"./label/Label.vue.js";import C from"./divider/Divider.vue.js";import A from"./box/Box.vue.js";import D from"./list/ListDescription.vue.js";import L from"./list/ListItem.vue.js";import R from"./list/ListTerm.vue.js";import F from"./list/List.vue.js";import h from"./link/Link.vue.js";import P from"./image/Image.vue.js";import I from"./kbd/Kbd.vue.js";import N from"./skeleton/Skeleton.vue.js";import E from"./spinner/Spinner.vue.js";import O from"./avatar/Avatar.vue.js";import _ from"./progress/Progress.vue.js";import M from"./card/CardContent.vue.js";import H from"./card/CardFooter.vue.js";import G from"./card/CardHeader.vue.js";import B from"./card/Card.vue.js";import w from"./split-button/SplitButton.vue.js";import U from"./aspect-ratio/AspectRatio.vue.js";import V from"./toggle/Toggle.vue.js";import W from"./toggle-group/ToggleGroup.vue.js";import y from"./radio-card/RadioCard.vue.js";import z from"./radio-group/RadioGroup.vue.js";import Y from"./textarea/Textarea.vue.js";import K from"./number-field/NumberField.vue.js";import Q from"./form/Form.vue.js";import q from"./form/FormField.vue.js";import J from"./field/Field.vue.js";import X from"./field/Fieldset.vue.js";import Z from"./rating/Rating.vue.js";import{pinInputDigitLabel as $}from"./utils/pin-chars.js";import ee from"./pin-input/PinInput.vue.js";import ae from"./tags-input/TagsInput.vue.js";import oe from"./file-upload/FileUpload.vue.js";import re from"./slider/Slider.vue.js";import se from"./collapsible/Collapsible.vue.js";import te from"./accordion/Accordion.vue.js";import ie from"./navigation-menu/NavigationMenu.vue.js";import{DEFAULT_PAGINATION_LABELS as me}from"./pagination/labels.js";import{getPaginationRange as le}from"./pagination/pages.js";import de from"./pagination/Pagination.vue.js";import ue from"./toolbar/Toolbar.vue.js";import ne from"./breadcrumb/Breadcrumb.vue.js";import pe from"./stepper/Stepper.vue.js";import{defaultSelectAllLabel as fe,tableDetailRowId as Se}from"./table/context.js";import xe from"./table/TableCell.vue.js";import ke from"./table/TableRow.vue.js";import ve from"./table/Table.vue.js";import je from"./timeline/Timeline.vue.js";import{formatDateLabel as ce,formatMonthLabel as be,formatYear as ge,formatYearRange as Te,getLocaleWeekStartsOn as Ce,getMonthNames as Ae,getWeekDayNames as De,resolveLocale as Le}from"./utils/calendar-locale.js";import{toCalendarString as Re,toCalendarValue as Fe,toDate as he,toISODateValue as Pe,toTimeValue as Ie}from"./utils/date-value.js";import{CALENDAR_VIEWS as Ne,CALENDAR_YEAR_PAGE as Ee,emptySelection as Oe,getISOWeek as _e,getVisibleWeeks as Me,isDateRange as He,isDateSelected as Ge,nextSelection as Be,rangePositionOf as we}from"./calendar/dateMath.js";import Ue from"./calendar/Calendar.vue.js";import Ve from"./tree/Tree.vue.js";import We from"./popover/Popover.vue.js";import ye from"./menu/Menu.vue.js";import ze from"./menubar/Menubar.vue.js";import Ye from"./combobox/Combobox.vue.js";import Ke from"./mentions/Mentions.vue.js";import{DEFAULT_TOAST_DURATION as Qe,createToaster as qe,useToaster as Je}from"./toast/toaster.js";import Xe from"./toast/Toaster.vue.js";import{defaultCommandFilter as Ze}from"./command/context.js";import $e from"./command/Command.vue.js";import ea from"./date-field/DateField.vue.js";import aa from"./time-field/TimeField.vue.js";import oa from"./date-picker/DatePicker.vue.js";import ra from"./scroll-area/ScrollArea.vue.js";import sa from"./resizable/ResizablePanel.vue.js";import ta from"./resizable/Resizable.vue.js";import ia from"./carousel/Carousel.vue.js";import ma from"./autocomplete/Autocomplete.vue.js";import la from"./password-input/PasswordInput.vue.js";import da from"./clipboard/Clipboard.vue.js";import ua from"./loading-overlay/LoadingOverlay.vue.js";import na from"./editable/Editable.vue.js";import pa from"./angle-slider/AngleSlider.vue.js";import{formatColor as fa,hexToRgb as Sa,hsbToHsl as xa,hsbToRgb as ka,hslToHsb as va,hslToRgb as ja,parseColor as ca,rgbToHex as ba,rgbToHsb as ga,rgbToHsl as Ta}from"./utils/color.js";import Ca from"./color-picker/ColorPicker.vue.js";import{gestureAnnouncement as Aa}from"./floating-panel/context.js";import Da from"./floating-panel/FloatingPanel.vue.js";import La from"./speed-dial/SpeedDial.vue.js";import Ra from"./tour/Tour.vue.js";import{defaultGetMatchCountLabel as Fa,defaultTreeSelectFilter as ha}from"./tree-select/context.js";import Pa from"./tree-select/TreeSelect.vue.js";import Ia from"./transfer/Transfer.vue.js";import Na from"./qr-code/QrCode.vue.js";import Ea from"./text/Text.vue.js";import Oa from"./heading/Heading.vue.js";import{formatAbsolute as _a,formatRelative as Ma}from"./time/format.js";import Ha from"./time/Time.vue.js";export{o as ANNOUNCE_DEBOUNCE_MS,Ne as CALENDAR_VIEWS,Ee as CALENDAR_YEAR_PAGE,me as DEFAULT_PAGINATION_LABELS,Qe as DEFAULT_TOAST_DURATION,te as SkdxAccordion,m as SkdxAlert,pa as SkdxAngleSlider,U as SkdxAspectRatio,ma as SkdxAutocomplete,O as SkdxAvatar,i as SkdxBadge,A as SkdxBox,ne as SkdxBreadcrumb,a as SkdxButton,Ue as SkdxCalendar,B as SkdxCard,M as SkdxCardContent,H as SkdxCardFooter,G as SkdxCardHeader,ia as SkdxCarousel,l as SkdxCheckbox,d as SkdxCheckboxCard,u as SkdxCheckboxGroup,da as SkdxClipboard,se as SkdxCollapsible,Ca as SkdxColorPicker,Ye as SkdxCombobox,$e as SkdxCommand,ea as SkdxDateField,oa as SkdxDatePicker,k as SkdxDialog,C as SkdxDivider,j as SkdxDrawer,na as SkdxEditable,J as SkdxField,X as SkdxFieldset,oe as SkdxFileUpload,Da as SkdxFloatingPanel,Q as SkdxForm,q as SkdxFormField,Oa as SkdxHeading,P as SkdxImage,I as SkdxKbd,T as SkdxLabel,h as SkdxLink,F as SkdxList,D as SkdxListDescription,L as SkdxListItem,R as SkdxListTerm,c as SkdxListbox,ua as SkdxLoadingOverlay,Ke as SkdxMentions,ye as SkdxMenu,ze as SkdxMenubar,ie as SkdxNavigationMenu,K as SkdxNumberField,de as SkdxPagination,la as SkdxPasswordInput,ee as SkdxPinInput,We as SkdxPopover,v as SkdxPortal,_ as SkdxProgress,Na as SkdxQrCode,y as SkdxRadioCard,z as SkdxRadioGroup,Z as SkdxRating,sa as SkdxResizablePanel,ta as SkdxResizablePanelGroup,ra as SkdxScrollArea,g as SkdxSelect,N as SkdxSkeleton,re as SkdxSlider,La as SkdxSpeedDial,E as SkdxSpinner,w as SkdxSplitButton,pe as SkdxStepper,n as SkdxSwitch,ve as SkdxTable,xe as SkdxTableCell,ke as SkdxTableRow,x as SkdxTabs,b as SkdxTagGroup,ae as SkdxTagsInput,Ea as SkdxText,p as SkdxTextField,Y as SkdxTextarea,Ha as SkdxTime,aa as SkdxTimeField,je as SkdxTimeline,Xe as SkdxToaster,V as SkdxToggle,W as SkdxToggleGroup,ue as SkdxToolbar,Ra as SkdxTour,Ia as SkdxTransfer,Ve as SkdxTree,Pa as SkdxTreeSelect,e as SkdxVisuallyHidden,r as announce,s as clearAnnouncements,qe as createToaster,Ze as defaultCommandFilter,Fa as defaultGetMatchCountLabel,fe as defaultSelectAllLabel,ha as defaultTreeSelectFilter,Oe as emptySelection,_a as formatAbsolute,fa as formatColor,ce as formatDateLabel,be as formatMonthLabel,Ma as formatRelative,ge as formatYear,Te as formatYearRange,Aa as gestureAnnouncement,_e as getISOWeek,Ce as getLocaleWeekStartsOn,Ae as getMonthNames,le as getPaginationRange,Me as getVisibleWeeks,De as getWeekDayNames,Sa as hexToRgb,xa as hsbToHsl,ka as hsbToRgb,va as hslToHsb,ja as hslToRgb,He as isDateRange,Ge as isDateSelected,Be as nextSelection,ca as parseColor,$ as pinInputDigitLabel,f as provideDirection,we as rangePositionOf,Le as resolveLocale,ba as rgbToHex,ga as rgbToHsb,Ta as rgbToHsl,Se as tableDetailRowId,Re as toCalendarString,Fe as toCalendarValue,he as toDate,Pe as toISODateValue,Ie as toTimeValue,S as useDirection,t as useLiveAnnouncer,Je as useToaster};
1
+ import e from"./utils/VisuallyHidden.vue.js";import a from"./button/Button.vue.js";import o from"./fab/Fab.vue.js";import{ANNOUNCE_DEBOUNCE_MS as r}from"./utils/announcer.js";import{announce as s,clearAnnouncements as t,useLiveAnnouncer as i}from"./utils/liveAnnouncer.js";import m from"./badge/Badge.vue.js";import l from"./chip/Chip.vue.js";import d from"./alert/Alert.vue.js";import u from"./checkbox/Checkbox.vue.js";import p from"./checkbox-card/CheckboxCard.vue.js";import n from"./checkbox-group/CheckboxGroup.vue.js";import f from"./switch/Switch.vue.js";import S from"./text-field/TextField.vue.js";import{provideDirection as k,useDirection as x}from"./utils/direction.js";import v from"./tabs/Tabs.vue.js";import c from"./dialog/Dialog.vue.js";import j from"./label/Label.vue.js";import{createDialogs as b}from"./utils/dialogs.js";import g from"./dialog/Dialogs.vue.js";import T from"./utils/Portal.vue.js";import C from"./drawer/Drawer.vue.js";import D from"./listbox/Listbox.vue.js";import A from"./tag-group/TagGroup.vue.js";import L from"./select/Select.vue.js";import R from"./divider/Divider.vue.js";import h from"./box/Box.vue.js";import P from"./stack/Stack.vue.js";import F from"./grid/Grid.vue.js";import I from"./list/ListDescription.vue.js";import N from"./list/ListItem.vue.js";import E from"./list/ListTerm.vue.js";import M from"./list/List.vue.js";import O from"./link/Link.vue.js";import G from"./image/Image.vue.js";import _ from"./kbd/Kbd.vue.js";import y from"./skeleton/Skeleton.vue.js";import B from"./spinner/Spinner.vue.js";import H from"./avatar/Avatar.vue.js";import w from"./progress/Progress.vue.js";import U from"./gauge/Gauge.vue.js";import V from"./card/CardContent.vue.js";import W from"./card/CardFooter.vue.js";import Q from"./card/CardHeader.vue.js";import z from"./card/Card.vue.js";import Y from"./paper/Paper.vue.js";import q from"./split-button/SplitButton.vue.js";import K from"./aspect-ratio/AspectRatio.vue.js";import J from"./toggle/Toggle.vue.js";import X from"./toggle-group/ToggleGroup.vue.js";import Z from"./radio-card/RadioCard.vue.js";import $ from"./radio-group/RadioGroup.vue.js";import ee from"./textarea/Textarea.vue.js";import ae from"./number-field/NumberField.vue.js";import oe from"./form/Form.vue.js";import re from"./form/FormField.vue.js";import se from"./field/Field.vue.js";import te from"./field/Fieldset.vue.js";import ie from"./rating/Rating.vue.js";import{pinInputDigitLabel as me}from"./utils/pin-chars.js";import le from"./pin-input/PinInput.vue.js";import de from"./tags-input/TagsInput.vue.js";import ue from"./file-upload/FileUpload.vue.js";import pe from"./slider/Slider.vue.js";import ne from"./collapsible/Collapsible.vue.js";import fe from"./accordion/Accordion.vue.js";import Se from"./navigation-menu/NavigationMenu.vue.js";import{DEFAULT_PAGINATION_LABELS as ke}from"./pagination/labels.js";import{getPaginationRange as xe}from"./pagination/pages.js";import ve from"./pagination/Pagination.vue.js";import ce from"./toolbar/Toolbar.vue.js";import je from"./breadcrumb/Breadcrumb.vue.js";import be from"./stepper/Stepper.vue.js";import{defaultSelectAllLabel as ge,tableDetailRowId as Te}from"./table/context.js";import Ce from"./table/TableCell.vue.js";import De from"./table/TableRow.vue.js";import Ae from"./table/Table.vue.js";import Le from"./timeline/Timeline.vue.js";import{formatDateLabel as Re,formatMonthLabel as he,formatYear as Pe,formatYearRange as Fe,getLocaleWeekStartsOn as Ie,getMonthNames as Ne,getWeekDayNames as Ee,resolveLocale as Me}from"./utils/calendar-locale.js";import{toCalendarString as Oe,toCalendarValue as Ge,toDate as _e,toISODateValue as ye,toTimeValue as Be}from"./utils/date-value.js";import{CALENDAR_VIEWS as He,CALENDAR_YEAR_PAGE as we,emptySelection as Ue,getISOWeek as Ve,getVisibleWeeks as We,isDateRange as Qe,isDateSelected as ze,nextSelection as Ye,rangePositionOf as qe}from"./calendar/dateMath.js";import Ke from"./calendar/Calendar.vue.js";import Je from"./tree/Tree.vue.js";import Xe from"./popover/Popover.vue.js";import Ze from"./tooltip/Tooltip.vue.js";import $e from"./menu/Menu.vue.js";import ea from"./menubar/Menubar.vue.js";import aa from"./combobox/Combobox.vue.js";import oa from"./mentions/Mentions.vue.js";import{DEFAULT_TOAST_DURATION as ra,createToaster as sa,useToaster as ta}from"./toast/toaster.js";import ia from"./toast/Toaster.vue.js";import{defaultCommandFilter as ma}from"./command/context.js";import la from"./command/Command.vue.js";import da from"./date-field/DateField.vue.js";import ua from"./time-field/TimeField.vue.js";import pa from"./date-picker/DatePicker.vue.js";import na from"./date-time-picker/DateTimePicker.vue.js";import fa from"./date-range-picker/DateRangePicker.vue.js";import Sa from"./scroll-area/ScrollArea.vue.js";import ka from"./resizable/ResizablePanel.vue.js";import xa from"./resizable/Resizable.vue.js";import va from"./carousel/Carousel.vue.js";import ca from"./autocomplete/Autocomplete.vue.js";import ja from"./password-input/PasswordInput.vue.js";import ba from"./clipboard/Clipboard.vue.js";import ga from"./loading-overlay/LoadingOverlay.vue.js";import Ta from"./backdrop/Backdrop.vue.js";import Ca from"./editable/Editable.vue.js";import Da from"./angle-slider/AngleSlider.vue.js";import{formatColor as Aa,hexToRgb as La,hsbToHsl as Ra,hsbToRgb as ha,hslToHsb as Pa,hslToRgb as Fa,parseColor as Ia,rgbToHex as Na,rgbToHsb as Ea,rgbToHsl as Ma}from"./utils/color.js";import Oa from"./color-picker/ColorPicker.vue.js";import{gestureAnnouncement as Ga}from"./floating-panel/context.js";import _a from"./floating-panel/FloatingPanel.vue.js";import ya from"./speed-dial/SpeedDial.vue.js";import Ba from"./tour/Tour.vue.js";import{defaultGetMatchCountLabel as Ha,defaultTreeSelectFilter as wa}from"./tree-select/context.js";import Ua from"./tree-select/TreeSelect.vue.js";import Va from"./transfer/Transfer.vue.js";import Wa from"./qr-code/QrCode.vue.js";import Qa from"./text/Text.vue.js";import za from"./heading/Heading.vue.js";import{formatAbsolute as Ya,formatRelative as qa}from"./time/format.js";import Ka from"./time/Time.vue.js";import{matchesMediaQuery as Ja,subscribeMediaQuery as Xa}from"./utils/media-query.js";import{useMediaQuery as Za}from"./utils/useMediaQuery.js";import{toCsv as $a}from"./utils/csv.js";export{r as ANNOUNCE_DEBOUNCE_MS,He as CALENDAR_VIEWS,we as CALENDAR_YEAR_PAGE,ke as DEFAULT_PAGINATION_LABELS,ra as DEFAULT_TOAST_DURATION,fe as SkdxAccordion,d as SkdxAlert,Da as SkdxAngleSlider,K as SkdxAspectRatio,ca as SkdxAutocomplete,H as SkdxAvatar,Ta as SkdxBackdrop,m as SkdxBadge,h as SkdxBox,je as SkdxBreadcrumb,a as SkdxButton,Ke as SkdxCalendar,z as SkdxCard,V as SkdxCardContent,W as SkdxCardFooter,Q as SkdxCardHeader,va as SkdxCarousel,u as SkdxCheckbox,p as SkdxCheckboxCard,n as SkdxCheckboxGroup,l as SkdxChip,ba as SkdxClipboard,ne as SkdxCollapsible,Oa as SkdxColorPicker,aa as SkdxCombobox,la as SkdxCommand,da as SkdxDateField,pa as SkdxDatePicker,fa as SkdxDateRangePicker,na as SkdxDateTimePicker,c as SkdxDialog,g as SkdxDialogs,R as SkdxDivider,C as SkdxDrawer,Ca as SkdxEditable,o as SkdxFab,se as SkdxField,te as SkdxFieldset,ue as SkdxFileUpload,_a as SkdxFloatingPanel,oe as SkdxForm,re as SkdxFormField,U as SkdxGauge,F as SkdxGrid,za as SkdxHeading,G as SkdxImage,_ as SkdxKbd,j as SkdxLabel,O as SkdxLink,M as SkdxList,I as SkdxListDescription,N as SkdxListItem,E as SkdxListTerm,D as SkdxListbox,ga as SkdxLoadingOverlay,oa as SkdxMentions,$e as SkdxMenu,ea as SkdxMenubar,Se as SkdxNavigationMenu,ae as SkdxNumberField,ve as SkdxPagination,Y as SkdxPaper,ja as SkdxPasswordInput,le as SkdxPinInput,Xe as SkdxPopover,T as SkdxPortal,w as SkdxProgress,Wa as SkdxQrCode,Z as SkdxRadioCard,$ as SkdxRadioGroup,ie as SkdxRating,ka as SkdxResizablePanel,xa as SkdxResizablePanelGroup,Sa as SkdxScrollArea,L as SkdxSelect,y as SkdxSkeleton,pe as SkdxSlider,ya as SkdxSpeedDial,B as SkdxSpinner,q as SkdxSplitButton,P as SkdxStack,be as SkdxStepper,f as SkdxSwitch,Ae as SkdxTable,Ce as SkdxTableCell,De as SkdxTableRow,v as SkdxTabs,A as SkdxTagGroup,de as SkdxTagsInput,Qa as SkdxText,S as SkdxTextField,ee as SkdxTextarea,Ka as SkdxTime,ua as SkdxTimeField,Le as SkdxTimeline,ia as SkdxToaster,J as SkdxToggle,X as SkdxToggleGroup,ce as SkdxToolbar,Ze as SkdxTooltip,Ba as SkdxTour,Va as SkdxTransfer,Je as SkdxTree,Ua as SkdxTreeSelect,e as SkdxVisuallyHidden,s as announce,t as clearAnnouncements,b as createDialogs,sa as createToaster,ma as defaultCommandFilter,Ha as defaultGetMatchCountLabel,ge as defaultSelectAllLabel,wa as defaultTreeSelectFilter,Ue as emptySelection,Ya as formatAbsolute,Aa as formatColor,Re as formatDateLabel,he as formatMonthLabel,qa as formatRelative,Pe as formatYear,Fe as formatYearRange,Ga as gestureAnnouncement,Ve as getISOWeek,Ie as getLocaleWeekStartsOn,Ne as getMonthNames,xe as getPaginationRange,We as getVisibleWeeks,Ee as getWeekDayNames,La as hexToRgb,Ra as hsbToHsl,ha as hsbToRgb,Pa as hslToHsb,Fa as hslToRgb,Qe as isDateRange,ze as isDateSelected,Ja as matchesMediaQuery,Ye as nextSelection,Ia as parseColor,me as pinInputDigitLabel,k as provideDirection,qe as rangePositionOf,Me as resolveLocale,Na as rgbToHex,Ea as rgbToHsb,Ma as rgbToHsl,Xa as subscribeMediaQuery,Te as tableDetailRowId,Oe as toCalendarString,Ge as toCalendarValue,$a as toCsv,_e as toDate,ye as toISODateValue,Be as toTimeValue,x as useDirection,i as useLiveAnnouncer,Za as useMediaQuery,ta as useToaster};
@@ -1 +1 @@
1
- const o=require("../utils/Glyph.vue.cjs"),s=require("../utils/injectRequired.cjs"),n=require("./context.cjs"),x=require("./ListboxLabel.vue.cjs"),_=require("./ListboxGroup.vue.cjs"),i=require("./ListboxItem.vue.cjs"),d=require("./ListboxItemIndicator.vue.cjs");let e=require("vue");var b=(0,e.defineComponent)({__name:"ListboxAnatomy",props:{options:{}},setup(c){const u=s.injectRequired(n.LISTBOX_CONTEXT,"SkdxListboxAnatomy must be used within SkdxListbox.");function r(a){return"options"in a}return(a,f)=>((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(c.options,t=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:r(t)?t.label:t.value},[r(t)?((0,e.openBlock)(),(0,e.createBlock)(_.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(x.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:2},1024),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.options,l=>((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:l.value,value:l.value,disabled:l.disabled,"text-value":l.label},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(d.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(o.default,{name:"check"})]),_:1}),(0,e.renderSlot)(a.$slots,"option",{option:l,selected:(0,e.unref)(u).isSelected(l.value)},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.label??l.value),1)])]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1024)):((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:1,value:t.value,disabled:t.disabled,"text-value":t.label},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(d.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(o.default,{name:"check"})]),_:1}),(0,e.renderSlot)(a.$slots,"option",{option:t,selected:(0,e.unref)(u).isSelected(t.value)},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label??t.value),1)])]),_:2},1032,["value","disabled","text-value"]))],64))),128))}});exports.default=b;
1
+ const o=require("../utils/Glyph.vue.cjs"),s=require("../utils/injectRequired.cjs"),n=require("./context.cjs"),x=require("./ListboxLabel.vue.cjs"),_=require("./ListboxGroup.vue.cjs"),i=require("./ListboxItem.vue.cjs"),d=require("./ListboxItemIndicator.vue.cjs");let e=require("vue");var b=(0,e.defineComponent)({__name:"ListboxAnatomy",props:{options:{}},setup(c){const u=s.injectRequired(n.LISTBOX_CONTEXT,"SkdxListboxAnatomy must be used within SkdxListbox.");function r(a){return"options"in a}return(a,f)=>((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(c.options,t=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:r(t)?t.label:t.value},[r(t)?((0,e.openBlock)(),(0,e.createBlock)(_.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(x.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:2},1024),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.options,l=>((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:l.value,value:l.value,disabled:l.disabled,"text-value":l.label},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"option",{option:l,selected:(0,e.unref)(u).isSelected(l.value)},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.label??l.value),1)]),(0,e.createVNode)(d.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(o.default,{name:"check"})]),_:1})]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1024)):((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:1,value:t.value,disabled:t.disabled,"text-value":t.label},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"option",{option:t,selected:(0,e.unref)(u).isSelected(t.value)},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label??t.value),1)]),(0,e.createVNode)(d.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(o.default,{name:"check"})]),_:1})]),_:2},1032,["value","disabled","text-value"]))],64))),128))}});exports.default=b;
@@ -1 +1 @@
1
- import e from"../utils/Glyph.vue.js";import{injectRequired as t}from"../utils/injectRequired.js";import{LISTBOX_CONTEXT as l}from"./context.js";import a from"./ListboxLabel.vue.js";import o from"./ListboxGroup.vue.js";import s from"./ListboxItem.vue.js";import i from"./ListboxItemIndicator.vue.js";import{Fragment as u,createBlock as n,createElementBlock as r,createTextVNode as d,createVNode as m,defineComponent as p,openBlock as v,renderList as b,renderSlot as c,toDisplayString as f,unref as x,withCtx as k}from"vue";var L=/* @__PURE__ */p({__name:"ListboxAnatomy",props:{options:{}},setup(p){const L=t(l,"SkdxListboxAnatomy must be used within SkdxListbox.");function j(e){return"options"in e}return(t,l)=>(v(!0),r(u,null,b(p.options,l=>(v(),r(u,{key:j(l)?l.label:l.value},[j(l)?(v(),n(o,{key:0},{default:k(()=>[m(a,null,{default:k(()=>[d(f(l.label),1)]),_:2},1024),(v(!0),r(u,null,b(l.options,l=>(v(),n(s,{key:l.value,value:l.value,disabled:l.disabled,"text-value":l.label},{default:k(()=>[m(i,null,{default:k(()=>[m(e,{name:"check"})]),_:1}),c(t.$slots,"option",{option:l,selected:x(L).isSelected(l.value)},()=>[d(f(l.label??l.value),1)])]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1024)):(v(),n(s,{key:1,value:l.value,disabled:l.disabled,"text-value":l.label},{default:k(()=>[m(i,null,{default:k(()=>[m(e,{name:"check"})]),_:1}),c(t.$slots,"option",{option:l,selected:x(L).isSelected(l.value)},()=>[d(f(l.label??l.value),1)])]),_:2},1032,["value","disabled","text-value"]))],64))),128))}});export{L as default};
1
+ import e from"../utils/Glyph.vue.js";import{injectRequired as t}from"../utils/injectRequired.js";import{LISTBOX_CONTEXT as l}from"./context.js";import a from"./ListboxLabel.vue.js";import o from"./ListboxGroup.vue.js";import s from"./ListboxItem.vue.js";import i from"./ListboxItemIndicator.vue.js";import{Fragment as u,createBlock as n,createElementBlock as r,createTextVNode as d,createVNode as m,defineComponent as p,openBlock as v,renderList as b,renderSlot as c,toDisplayString as f,unref as x,withCtx as k}from"vue";var L=/* @__PURE__ */p({__name:"ListboxAnatomy",props:{options:{}},setup(p){const L=t(l,"SkdxListboxAnatomy must be used within SkdxListbox.");function j(e){return"options"in e}return(t,l)=>(v(!0),r(u,null,b(p.options,l=>(v(),r(u,{key:j(l)?l.label:l.value},[j(l)?(v(),n(o,{key:0},{default:k(()=>[m(a,null,{default:k(()=>[d(f(l.label),1)]),_:2},1024),(v(!0),r(u,null,b(l.options,l=>(v(),n(s,{key:l.value,value:l.value,disabled:l.disabled,"text-value":l.label},{default:k(()=>[c(t.$slots,"option",{option:l,selected:x(L).isSelected(l.value)},()=>[d(f(l.label??l.value),1)]),m(i,null,{default:k(()=>[m(e,{name:"check"})]),_:1})]),_:2},1032,["value","disabled","text-value"]))),128))]),_:2},1024)):(v(),n(s,{key:1,value:l.value,disabled:l.disabled,"text-value":l.label},{default:k(()=>[c(t.$slots,"option",{option:l,selected:x(L).isSelected(l.value)},()=>[d(f(l.label??l.value),1)]),m(i,null,{default:k(()=>[m(e,{name:"check"})]),_:1})]),_:2},1032,["value","disabled","text-value"]))],64))),128))}});export{L as default};
@@ -0,0 +1 @@
1
+ const e=require("./Paper.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;
@@ -0,0 +1,12 @@
1
+ declare var __VLS_6: string | number, __VLS_7: any;
2
+ type __VLS_Slots = {} & {
3
+ [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
4
+ };
5
+ declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
7
+ export default _default;
8
+ type __VLS_WithSlots<T, S> = T & {
9
+ new (): {
10
+ $slots: S;
11
+ };
12
+ };
@@ -0,0 +1,12 @@
1
+ declare var __VLS_6: string | number, __VLS_7: any;
2
+ type __VLS_Slots = {} & {
3
+ [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
4
+ };
5
+ declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
7
+ export default _default;
8
+ type __VLS_WithSlots<T, S> = T & {
9
+ new (): {
10
+ $slots: S;
11
+ };
12
+ };
@@ -0,0 +1 @@
1
+ import e from"./Paper.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};
@@ -0,0 +1 @@
1
+ const s=require("../card/Card.vue.cjs");let e=require("vue");var o=(0,e.defineComponent)({inheritAttrs:!1,__name:"Paper",setup(u){return(r,n)=>((0,e.openBlock)(),(0,e.createBlock)(s.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(r.$attrs)),(0,e.createSlots)({_:2},[(0,e.renderList)(r.$slots,(l,t)=>({name:t,fn:(0,e.withCtx)(a=>[(0,e.renderSlot)(r.$slots,t,(0,e.normalizeProps)((0,e.guardReactiveProps)(a??{})))])}))]),1040))}});exports.default=o;
@@ -0,0 +1 @@
1
+ import e from"../card/Card.vue.js";import{createBlock as a,createSlots as r,defineComponent as s,guardReactiveProps as t,normalizeProps as o,openBlock as n,renderList as i,renderSlot as p,withCtx as l}from"vue";var m=/* @__PURE__ */s({inheritAttrs:!1,__name:"Paper",setup:s=>(s,m)=>(n(),a(e,o(t(s.$attrs)),r({_:2},[i(s.$slots,(e,a)=>({name:a,fn:l(e=>[p(s.$slots,a,o(t(e??{})))])}))]),1040))});export{m as default};
@@ -0,0 +1 @@
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Paper.vue.cjs");exports.SkdxPaper=e.default;
@@ -0,0 +1 @@
1
+ export { default as SkdxPaper } from './Paper.vue.cjs';
@@ -0,0 +1 @@
1
+ export { default as SkdxPaper } from './Paper.vue.js';
@@ -0,0 +1 @@
1
+ import r from"./Paper.vue.js";export{r as SkdxPaper};
@@ -1 +1 @@
1
- const w=require("../utils/id.cjs"),n=require("./context.cjs"),P=require("./ProgressAnatomy.vue.cjs");let a=require("vue");var k=["role","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-labelledby","data-state","data-value","data-min","data-max","data-range"],y=(0,a.defineComponent)({__name:"Progress",props:{value:{default:null},role:{default:"progressbar"},low:{default:void 0},high:{default:void 0},optimum:{default:void 0},min:{default:0},max:{default:100},buffer:{default:null},getValueLabel:{type:Function,default:void 0},formatOptions:{default:void 0},locale:{default:void 0},circular:{type:Boolean,default:!1},label:{},showValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},diameter:{default:48},strokeWidth:{default:4}},setup(o){const e=o,r=(0,a.computed)(()=>e.role==="meter"),p=(0,a.computed)(()=>r.value?e.value??0:e.indeterminate?null:e.value);function g(d,i,f){return e.getValueLabel!==void 0?e.getValueLabel(d,i,f):e.formatOptions!==void 0||e.locale!==void 0?new Intl.NumberFormat(e.locale,e.formatOptions).format(d):`${Math.round(n.getProgressPercent(d,i,f))}%`}const t=(0,a.computed)(()=>e.min),l=(0,a.computed)(()=>r.value?Math.max(e.max,e.min):e.max),u=(0,a.computed)(()=>n.clampProgressValue(p.value,t.value,l.value)),b=(0,a.computed)(()=>r.value?null:n.clampProgressValue(e.buffer,t.value,l.value)),v=(0,a.computed)(()=>r.value&&u.value!=null?n.getProgressRange(u.value,t.value,l.value,{low:e.low,high:e.high,optimum:e.optimum}):void 0),h=(0,a.computed)(()=>r.value?void 0:n.getProgressState(u.value,l.value)),s=(0,a.computed)(()=>u.value!=null?g(u.value,t.value,l.value):void 0),x=(0,a.computed)(()=>r.value&&!n.announcesValueText(e.getValueLabel,e.formatOptions,e.locale,t.value,l.value)?void 0:s.value),c=w.nextId("progress-label"),m=(0,a.ref)(0),V=(0,a.computed)(()=>m.value>0);return(0,a.provide)(n.PROGRESS_CONTEXT,{value:u,min:t,max:l,buffer:b,role:(0,a.computed)(()=>e.role),range:v,labelId:c,setHasLabel:d=>{m.value+=d?1:-1},valueLabel:s}),(d,i)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{class:"skdx-progress","data-part":"root","data-skdx-component":"progress",role:o.role,"aria-valuemin":t.value,"aria-valuemax":l.value,"aria-valuenow":u.value??void 0,"aria-valuetext":x.value,"aria-labelledby":V.value?(0,a.unref)(c):void 0,"data-state":h.value,"data-value":u.value??void 0,"data-min":t.value,"data-max":l.value,"data-range":v.value},[(0,a.renderSlot)(d.$slots,"default",{},()=>[(0,a.createVNode)(P.default,{circular:!r.value&&o.circular,label:o.label,"show-value":o.showValue,diameter:o.diameter,"stroke-width":o.strokeWidth},null,8,["circular","label","show-value","diameter","stroke-width"])])],8,k))}});exports.default=y;
1
+ const w=require("../utils/id.cjs"),d=require("./context.cjs"),P=require("./ProgressAnatomy.vue.cjs");let a=require("vue");var k=["role","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-labelledby","data-state","data-value","data-min","data-max","data-range"],y=(0,a.defineComponent)({__name:"Progress",props:{value:{default:null},role:{default:"progressbar"},low:{default:void 0},high:{default:void 0},optimum:{default:void 0},min:{default:0},max:{default:100},buffer:{default:null},getValueLabel:{type:Function,default:void 0},formatOptions:{default:void 0},locale:{default:void 0},circular:{type:Boolean,default:!1},label:{},showValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},diameter:{default:48},strokeWidth:{default:4}},setup(o){const e=o,n=(0,a.computed)(()=>e.role==="meter"),p=(0,a.computed)(()=>n.value?e.value??0:e.indeterminate?null:e.value);function g(r,i,f){return e.getValueLabel!==void 0?e.getValueLabel(r,i,f):e.formatOptions!==void 0||e.locale!==void 0?new Intl.NumberFormat(e.locale,e.formatOptions).format(r):`${Math.round(d.getProgressPercent(r,i,f))}%`}const t=(0,a.computed)(()=>e.min),l=(0,a.computed)(()=>n.value?Math.max(e.max,e.min):e.max),u=(0,a.computed)(()=>d.clampProgressValue(p.value,t.value,l.value)),b=(0,a.computed)(()=>n.value?null:d.clampProgressValue(e.buffer,t.value,l.value)),v=(0,a.computed)(()=>n.value&&u.value!=null?d.getProgressRange(u.value,t.value,l.value,{low:e.low,high:e.high,optimum:e.optimum}):void 0),h=(0,a.computed)(()=>n.value?void 0:d.getProgressState(u.value,l.value)),s=(0,a.computed)(()=>u.value!=null?g(u.value,t.value,l.value):void 0),x=(0,a.computed)(()=>n.value&&!d.announcesValueText(e.getValueLabel,e.formatOptions,e.locale,t.value,l.value)?void 0:s.value),c=w.nextId("progress-label"),m=(0,a.ref)(0),V=(0,a.computed)(()=>m.value>0);return(0,a.provide)(d.PROGRESS_CONTEXT,{value:u,min:t,max:l,buffer:b,role:(0,a.computed)(()=>e.role),range:v,labelId:c,setHasLabel:r=>{m.value+=r?1:-1},valueLabel:s}),(r,i)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{class:"skdx-progress","data-part":"root","data-skdx-component":"progress",role:o.role,"aria-valuemin":t.value,"aria-valuemax":l.value,"aria-valuenow":u.value??void 0,"aria-valuetext":x.value,"aria-labelledby":V.value?(0,a.unref)(c):void 0,"data-state":h.value,"data-value":u.value??void 0,"data-min":t.value,"data-max":l.value,"data-range":v.value},[(0,a.renderSlot)(r.$slots,"default",{},()=>[(0,a.createVNode)(P.default,{circular:o.circular,label:o.label,"show-value":o.showValue,diameter:o.diameter,"stroke-width":o.strokeWidth},null,8,["circular","label","show-value","diameter","stroke-width"])])],8,k))}});exports.default=y;
@@ -1 +1 @@
1
- import{nextId as a}from"../utils/id.js";import{PROGRESS_CONTEXT as e,announcesValueText as l,clampProgressValue as t,getProgressPercent as u,getProgressRange as o,getProgressState as r}from"./context.js";import v from"./ProgressAnatomy.vue.js";import{computed as d,createElementBlock as i,createVNode as s,defineComponent as n,openBlock as m,provide as f,ref as p,renderSlot as c,unref as g}from"vue";var b=["role","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-labelledby","data-state","data-value","data-min","data-max","data-range"],x=/* @__PURE__ */n({__name:"Progress",props:{value:{default:null},role:{default:"progressbar"},low:{default:void 0},high:{default:void 0},optimum:{default:void 0},min:{default:0},max:{default:100},buffer:{default:null},getValueLabel:{type:Function,default:void 0},formatOptions:{default:void 0},locale:{default:void 0},circular:{type:Boolean,default:!1},label:{},showValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},diameter:{default:48},strokeWidth:{default:4}},setup(n){const x=n,h=d(()=>"meter"===x.role),w=d(()=>h.value?x.value??0:x.indeterminate?null:x.value),V=d(()=>x.min),k=d(()=>h.value?Math.max(x.max,x.min):x.max),P=d(()=>t(w.value,V.value,k.value)),y=d(()=>h.value?null:t(x.buffer,V.value,k.value)),L=d(()=>h.value&&null!=P.value?o(P.value,V.value,k.value,{low:x.low,high:x.high,optimum:x.optimum}):void 0),O=d(()=>h.value?void 0:r(P.value,k.value)),B=d(()=>{return null!=P.value?(a=P.value,e=V.value,l=k.value,void 0!==x.getValueLabel?x.getValueLabel(a,e,l):void 0!==x.formatOptions||void 0!==x.locale?new Intl.NumberFormat(x.locale,x.formatOptions).format(a):`${Math.round(u(a,e,l))}%`):void 0;var a,e,l}),S=d(()=>h.value&&!l(x.getValueLabel,x.formatOptions,x.locale,V.value,k.value)?void 0:B.value),j=a("progress-label"),E=p(0),I=d(()=>E.value>0);return f(e,{value:P,min:V,max:k,buffer:y,role:d(()=>x.role),range:L,labelId:j,setHasLabel:a=>{E.value+=a?1:-1},valueLabel:B}),(a,e)=>(m(),i("div",{class:"skdx-progress","data-part":"root","data-skdx-component":"progress",role:n.role,"aria-valuemin":V.value,"aria-valuemax":k.value,"aria-valuenow":P.value??void 0,"aria-valuetext":S.value,"aria-labelledby":I.value?g(j):void 0,"data-state":O.value,"data-value":P.value??void 0,"data-min":V.value,"data-max":k.value,"data-range":L.value},[c(a.$slots,"default",{},()=>[s(v,{circular:!h.value&&n.circular,label:n.label,"show-value":n.showValue,diameter:n.diameter,"stroke-width":n.strokeWidth},null,8,["circular","label","show-value","diameter","stroke-width"])])],8,b))}});export{x as default};
1
+ import{nextId as a}from"../utils/id.js";import{PROGRESS_CONTEXT as e,announcesValueText as l,clampProgressValue as t,getProgressPercent as u,getProgressRange as o,getProgressState as r}from"./context.js";import v from"./ProgressAnatomy.vue.js";import{computed as d,createElementBlock as i,createVNode as s,defineComponent as n,openBlock as m,provide as f,ref as p,renderSlot as c,unref as g}from"vue";var b=["role","aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-labelledby","data-state","data-value","data-min","data-max","data-range"],x=/* @__PURE__ */n({__name:"Progress",props:{value:{default:null},role:{default:"progressbar"},low:{default:void 0},high:{default:void 0},optimum:{default:void 0},min:{default:0},max:{default:100},buffer:{default:null},getValueLabel:{type:Function,default:void 0},formatOptions:{default:void 0},locale:{default:void 0},circular:{type:Boolean,default:!1},label:{},showValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},diameter:{default:48},strokeWidth:{default:4}},setup(n){const x=n,h=d(()=>"meter"===x.role),w=d(()=>h.value?x.value??0:x.indeterminate?null:x.value),V=d(()=>x.min),k=d(()=>h.value?Math.max(x.max,x.min):x.max),P=d(()=>t(w.value,V.value,k.value)),y=d(()=>h.value?null:t(x.buffer,V.value,k.value)),L=d(()=>h.value&&null!=P.value?o(P.value,V.value,k.value,{low:x.low,high:x.high,optimum:x.optimum}):void 0),O=d(()=>h.value?void 0:r(P.value,k.value)),B=d(()=>{return null!=P.value?(a=P.value,e=V.value,l=k.value,void 0!==x.getValueLabel?x.getValueLabel(a,e,l):void 0!==x.formatOptions||void 0!==x.locale?new Intl.NumberFormat(x.locale,x.formatOptions).format(a):`${Math.round(u(a,e,l))}%`):void 0;var a,e,l}),S=d(()=>h.value&&!l(x.getValueLabel,x.formatOptions,x.locale,V.value,k.value)?void 0:B.value),j=a("progress-label"),E=p(0),I=d(()=>E.value>0);return f(e,{value:P,min:V,max:k,buffer:y,role:d(()=>x.role),range:L,labelId:j,setHasLabel:a=>{E.value+=a?1:-1},valueLabel:B}),(a,e)=>(m(),i("div",{class:"skdx-progress","data-part":"root","data-skdx-component":"progress",role:n.role,"aria-valuemin":V.value,"aria-valuemax":k.value,"aria-valuenow":P.value??void 0,"aria-valuetext":S.value,"aria-labelledby":I.value?g(j):void 0,"data-state":O.value,"data-value":P.value??void 0,"data-min":V.value,"data-max":k.value,"data-range":L.value},[c(a.$slots,"default",{},()=>[s(v,{circular:n.circular,label:n.label,"show-value":n.showValue,diameter:n.diameter,"stroke-width":n.strokeWidth},null,8,["circular","label","show-value","diameter","stroke-width"])])],8,b))}});export{x as default};
@@ -1 +1 @@
1
- const h=require("../utils/appearance.cjs"),O=require("../utils/injectRequired.cjs"),y=require("../utils/composeRefs.cjs"),b=require("../utils/useDismiss.cjs"),f=require("./context.cjs"),C=require("../utils/popper.cjs");let t=require("vue");var E=["id","aria-multiselectable","aria-busy","data-state","data-loading","data-multiple","data-side","data-align","hidden"],P=(0,t.defineComponent)({inheritAttrs:!1,__name:"SelectContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},matchWidth:{type:Boolean,default:void 0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(l,{emit:p}){const o=l,i=p,e=O.injectRequired(f.SELECT_CONTEXT,"[skdx] SkdxSelectContent must be used within SkdxSelect.");e.closeAutoFocus.current=n=>i("close-auto-focus",n);const a=(0,t.ref)(null),m=y.composeRefs(a,n=>{e.contentEl=n}),{placedSide:g,placedAlign:v}=C.usePopperPosition((0,t.computed)(()=>e.inputEl??e.triggerEl),a,(0,t.computed)(()=>e.open),()=>({side:o.side,align:o.align,sideOffset:o.sideOffset,alignOffset:o.alignOffset,avoidCollisions:o.avoidCollisions,collisionPadding:o.collisionPadding,collisionBoundary:o.collisionBoundary,component:"select"}));(0,t.watch)(()=>e.open,n=>{!n||typeof document>"u"||requestAnimationFrame(()=>{const r=a.value;if(!r)return;const u=e.openIntent;e.openIntent="selected";const d=e.orderedOptions(),c=d[0],q=d[d.length-1];let s=r.querySelector('[role="option"][data-state="checked"]:not([data-part="select-all"])')??c;if(u==="first")s=c;else if(u==="last")s=q;else if(e.filterable)return;e.activeId===null&&s&&(e.setActiveId(s.id),f.scrollIntoListbox(r,s))})},{immediate:!0}),b.useDismiss({enabled:(0,t.computed)(()=>e.open),onEscapeKeyDown:n=>{i("escape-key-down",n),!n.defaultPrevented&&(e.setOpen(!1),e.focusTrigger())},onPointerDownOutside:n=>{i("pointer-down-outside",n),n.defaultPrevented||e.setOpen(!1)},onFocusOutside:n=>{i("focus-outside",n),n.defaultPrevented||e.setOpen(!1)},onInteractOutside:n=>i("interact-outside",n)},[a,(0,t.computed)(()=>e.triggerEl),(0,t.computed)(()=>e.inputEl)]);function _(n){n.preventDefault()}return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({id:(0,t.unref)(e).contentId,ref:(0,t.unref)(m),class:"skdx-select__content","data-part":"content",role:"listbox",tabindex:"-1","aria-multiselectable":(0,t.unref)(e).multiple?!0:void 0,"aria-busy":(0,t.unref)(e).loading?!0:void 0,"data-state":(0,t.unref)(e).open?"open":"closed","data-loading":(0,t.unref)(e).loading?"":void 0,"data-multiple":(0,t.unref)(e).multiple?"":void 0,"data-side":(0,t.unref)(g),"data-align":(0,t.unref)(v),hidden:!(0,t.unref)(e).open},{...n.$attrs,...(0,t.unref)(h.appearanceAttrs)({matchWidth:l.matchWidth},n.$attrs)},{onMousedown:_}),[(0,t.renderSlot)(n.$slots,"default")],16,E))}});exports.default=P;
1
+ const y=require("../utils/appearance.cjs"),O=require("../utils/injectRequired.cjs"),b=require("../utils/composeRefs.cjs"),C=require("../utils/useDismiss.cjs"),f=require("./context.cjs"),E=require("../utils/popper.cjs");let t=require("vue");var P=["id","aria-multiselectable","aria-busy","data-state","data-loading","data-multiple","data-side","data-align","hidden"],S=(0,t.defineComponent)({inheritAttrs:!1,__name:"SelectContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},matchWidth:{type:Boolean,default:void 0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(d,{emit:p}){const o=d,i=p,e=O.injectRequired(f.SELECT_CONTEXT,"[skdx] SkdxSelectContent must be used within SkdxSelect.");e.closeAutoFocus.current=n=>i("close-auto-focus",n);const a=(0,t.ref)(null),m=b.composeRefs(a,n=>{e.contentEl=n}),{style:g,placedSide:v,placedAlign:_}=E.usePopperPosition((0,t.computed)(()=>e.inputEl??e.triggerEl),a,(0,t.computed)(()=>e.open),()=>({side:o.side,align:o.align,sideOffset:o.sideOffset,alignOffset:o.alignOffset,avoidCollisions:o.avoidCollisions,collisionPadding:o.collisionPadding,collisionBoundary:o.collisionBoundary,component:"select"}));(0,t.watch)(()=>e.open,n=>{!n||typeof document>"u"||requestAnimationFrame(()=>{const r=a.value;if(!r)return;const u=e.openIntent;e.openIntent="selected";const l=e.orderedOptions(),c=l[0],h=l[l.length-1];let s=r.querySelector('[role="option"][data-state="checked"]:not([data-part="select-all"])')??c;if(u==="first")s=c;else if(u==="last")s=h;else if(e.filterable)return;e.activeId===null&&s&&(e.setActiveId(s.id),f.scrollIntoListbox(r,s))})},{immediate:!0}),C.useDismiss({enabled:(0,t.computed)(()=>e.open),onEscapeKeyDown:n=>{i("escape-key-down",n),!n.defaultPrevented&&(e.setOpen(!1),e.focusTrigger())},onPointerDownOutside:n=>{i("pointer-down-outside",n),n.defaultPrevented||e.setOpen(!1)},onFocusOutside:n=>{i("focus-outside",n),n.defaultPrevented||e.setOpen(!1)},onInteractOutside:n=>i("interact-outside",n)},[a,(0,t.computed)(()=>e.triggerEl),(0,t.computed)(()=>e.inputEl)]);function q(n){n.preventDefault()}return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({id:(0,t.unref)(e).contentId,ref:(0,t.unref)(m),class:"skdx-select__content","data-part":"content",role:"listbox",tabindex:"-1","aria-multiselectable":(0,t.unref)(e).multiple?!0:void 0,"aria-busy":(0,t.unref)(e).loading?!0:void 0,"data-state":(0,t.unref)(e).open?"open":"closed","data-loading":(0,t.unref)(e).loading?"":void 0,"data-multiple":(0,t.unref)(e).multiple?"":void 0,"data-side":(0,t.unref)(v),"data-align":(0,t.unref)(_),hidden:!(0,t.unref)(e).open,style:(0,t.unref)(g)},{...n.$attrs,...(0,t.unref)(y.appearanceAttrs)({matchWidth:d.matchWidth},n.$attrs)},{onMousedown:q}),[(0,t.renderSlot)(n.$slots,"default")],16,P))}});exports.default=S;
@@ -1 +1 @@
1
- import{appearanceAttrs as e}from"../utils/appearance.js";import{injectRequired as t}from"../utils/injectRequired.js";import{composeRefs as o}from"../utils/composeRefs.js";import{useDismiss as s}from"../utils/useDismiss.js";import{SELECT_CONTEXT as i,scrollIntoListbox as a}from"./context.js";import{usePopperPosition as n}from"../utils/popper.js";import{computed as l,createElementBlock as d,defineComponent as r,mergeProps as u,openBlock as c,ref as p,renderSlot as f,unref as m,watch as g}from"vue";var v=["id","aria-multiselectable","aria-busy","data-state","data-loading","data-multiple","data-side","data-align","hidden"],O=/* @__PURE__ */r({inheritAttrs:!1,__name:"SelectContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},matchWidth:{type:Boolean,default:void 0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(r,{emit:O}){const h=r,y=O,b=t(i,"[skdx] SkdxSelectContent must be used within SkdxSelect.");b.closeAutoFocus.current=e=>y("close-auto-focus",e);const E=p(null),P=o(E,e=>{b.contentEl=e}),{placedSide:k,placedAlign:w}=n(l(()=>b.inputEl??b.triggerEl),E,l(()=>b.open),()=>({side:h.side,align:h.align,sideOffset:h.sideOffset,alignOffset:h.alignOffset,avoidCollisions:h.avoidCollisions,collisionPadding:h.collisionPadding,collisionBoundary:h.collisionBoundary,component:"select"}));function x(e){e.preventDefault()}return g(()=>b.open,e=>{!e||typeof document>"u"||requestAnimationFrame(()=>{const e=E.value;if(!e)return;const t=b.openIntent;b.openIntent="selected";const o=b.orderedOptions(),s=o[0],i=o[o.length-1];let n=e.querySelector('[role="option"][data-state="checked"]:not([data-part="select-all"])')??s;if("first"===t)n=s;else if("last"===t)n=i;else if(b.filterable)return;null===b.activeId&&n&&(b.setActiveId(n.id),a(e,n))})},{immediate:!0}),s({enabled:l(()=>b.open),onEscapeKeyDown:e=>{y("escape-key-down",e),!e.defaultPrevented&&(b.setOpen(!1),b.focusTrigger())},onPointerDownOutside:e=>{y("pointer-down-outside",e),e.defaultPrevented||b.setOpen(!1)},onFocusOutside:e=>{y("focus-outside",e),e.defaultPrevented||b.setOpen(!1)},onInteractOutside:e=>y("interact-outside",e)},[E,l(()=>b.triggerEl),l(()=>b.inputEl)]),(t,o)=>(c(),d("div",u({id:m(b).contentId,ref:m(P),class:"skdx-select__content","data-part":"content",role:"listbox",tabindex:"-1","aria-multiselectable":!!m(b).multiple||void 0,"aria-busy":!!m(b).loading||void 0,"data-state":m(b).open?"open":"closed","data-loading":m(b).loading?"":void 0,"data-multiple":m(b).multiple?"":void 0,"data-side":m(k),"data-align":m(w),hidden:!m(b).open},{...t.$attrs,...m(e)({matchWidth:r.matchWidth},t.$attrs)},{onMousedown:x}),[f(t.$slots,"default")],16,v))}});export{O as default};
1
+ import{appearanceAttrs as e}from"../utils/appearance.js";import{injectRequired as t}from"../utils/injectRequired.js";import{composeRefs as o}from"../utils/composeRefs.js";import{useDismiss as s}from"../utils/useDismiss.js";import{SELECT_CONTEXT as i,scrollIntoListbox as a}from"./context.js";import{usePopperPosition as n}from"../utils/popper.js";import{computed as l,createElementBlock as d,defineComponent as r,mergeProps as u,openBlock as c,ref as p,renderSlot as f,unref as m,watch as g}from"vue";var v=["id","aria-multiselectable","aria-busy","data-state","data-loading","data-multiple","data-side","data-align","hidden"],y=/* @__PURE__ */r({inheritAttrs:!1,__name:"SelectContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},matchWidth:{type:Boolean,default:void 0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","close-auto-focus"],setup(r,{emit:y}){const O=r,h=y,b=t(i,"[skdx] SkdxSelectContent must be used within SkdxSelect.");b.closeAutoFocus.current=e=>h("close-auto-focus",e);const E=p(null),P=o(E,e=>{b.contentEl=e}),{style:k,placedSide:w,placedAlign:x}=n(l(()=>b.inputEl??b.triggerEl),E,l(()=>b.open),()=>({side:O.side,align:O.align,sideOffset:O.sideOffset,alignOffset:O.alignOffset,avoidCollisions:O.avoidCollisions,collisionPadding:O.collisionPadding,collisionBoundary:O.collisionBoundary,component:"select"}));function S(e){e.preventDefault()}return g(()=>b.open,e=>{!e||typeof document>"u"||requestAnimationFrame(()=>{const e=E.value;if(!e)return;const t=b.openIntent;b.openIntent="selected";const o=b.orderedOptions(),s=o[0],i=o[o.length-1];let n=e.querySelector('[role="option"][data-state="checked"]:not([data-part="select-all"])')??s;if("first"===t)n=s;else if("last"===t)n=i;else if(b.filterable)return;null===b.activeId&&n&&(b.setActiveId(n.id),a(e,n))})},{immediate:!0}),s({enabled:l(()=>b.open),onEscapeKeyDown:e=>{h("escape-key-down",e),!e.defaultPrevented&&(b.setOpen(!1),b.focusTrigger())},onPointerDownOutside:e=>{h("pointer-down-outside",e),e.defaultPrevented||b.setOpen(!1)},onFocusOutside:e=>{h("focus-outside",e),e.defaultPrevented||b.setOpen(!1)},onInteractOutside:e=>h("interact-outside",e)},[E,l(()=>b.triggerEl),l(()=>b.inputEl)]),(t,o)=>(c(),d("div",u({id:m(b).contentId,ref:m(P),class:"skdx-select__content","data-part":"content",role:"listbox",tabindex:"-1","aria-multiselectable":!!m(b).multiple||void 0,"aria-busy":!!m(b).loading||void 0,"data-state":m(b).open?"open":"closed","data-loading":m(b).loading?"":void 0,"data-multiple":m(b).multiple?"":void 0,"data-side":m(w),"data-align":m(x),hidden:!m(b).open,style:m(k)},{...t.$attrs,...m(e)({matchWidth:r.matchWidth},t.$attrs)},{onMousedown:S}),[f(t.$slots,"default")],16,v))}});export{y as default};
@@ -61,6 +61,11 @@ type __VLS_Props = {
61
61
  * @default undefined — falls back to a `data-size` attribute.
62
62
  */
63
63
  size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
64
+ /**
65
+ * Accessible name applied to the derived trigger's `aria-label`.
66
+ * @default undefined — the trigger is named only by its content.
67
+ */
68
+ triggerLabel?: string | undefined;
64
69
  };
65
70
  declare var __VLS_14: {};
66
71
  type __VLS_Slots = {} & {
@@ -61,6 +61,11 @@ type __VLS_Props = {
61
61
  * @default undefined — falls back to a `data-size` attribute.
62
62
  */
63
63
  size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
64
+ /**
65
+ * Accessible name applied to the derived trigger's `aria-label`.
66
+ * @default undefined — the trigger is named only by its content.
67
+ */
68
+ triggerLabel?: string | undefined;
64
69
  };
65
70
  declare var __VLS_14: {};
66
71
  type __VLS_Slots = {} & {
@@ -1 +1 @@
1
- const c=require("./SpeedDialAnatomy.vue.cjs"),v=require("./SpeedDialRoot.vue.cjs");let e=require("vue");var f=(0,e.defineComponent)({inheritAttrs:!1,__name:"SpeedDial",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},actions:{},overlay:{type:Boolean,default:!1},direction:{default:"up"},openOnHover:{type:Boolean,default:!1},hoverCloseDelay:{default:300},hoverOpenDelay:{default:0},disabled:{type:Boolean,default:!1},size:{default:void 0}},emits:["update:open","open-change","open-change-complete","select"],setup(t,{emit:i}){const l=t,d=(0,e.useAttrs)(),s=(0,e.computed)(()=>l.size??d["data-size"]),u=(0,e.computed)(()=>{const{"data-size":r,...o}=d;return o}),a=i;return(r,o)=>((0,e.openBlock)(),(0,e.createBlock)(v.default,{open:t.open,"default-open":t.defaultOpen,direction:t.direction,"open-on-hover":t.openOnHover,"hover-close-delay":t.hoverCloseDelay,"hover-open-delay":t.hoverOpenDelay,disabled:t.disabled,"onUpdate:open":o[0]||(o[0]=n=>a("update:open",n)),onOpenChange:o[1]||(o[1]=n=>a("open-change",n)),onOpenChangeComplete:o[2]||(o[2]=n=>a("open-change-complete",n))},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(c.default,(0,e.mergeProps)(u.value,{size:s.value,actions:t.actions??[],overlay:l.overlay,"on-action-select":(n,p)=>a("select",n,p)}),{trigger:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"trigger")]),_:3},16,["size","actions","overlay","on-action-select"])]),_:3},8,["open","default-open","direction","open-on-hover","hover-close-delay","hover-open-delay","disabled"]))}});exports.default=f;
1
+ const c=require("./SpeedDialAnatomy.vue.cjs"),v=require("./SpeedDialRoot.vue.cjs");let e=require("vue");var f=(0,e.defineComponent)({inheritAttrs:!1,__name:"SpeedDial",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},actions:{},overlay:{type:Boolean,default:!1},direction:{default:"up"},openOnHover:{type:Boolean,default:!1},hoverCloseDelay:{default:300},hoverOpenDelay:{default:0},disabled:{type:Boolean,default:!1},size:{default:void 0},triggerLabel:{}},emits:["update:open","open-change","open-change-complete","select"],setup(t,{emit:d}){const l=t,r=(0,e.useAttrs)(),s=(0,e.computed)(()=>l.size??r["data-size"]),u=(0,e.computed)(()=>{const{"data-size":i,...o}=r;return o}),n=d;return(i,o)=>((0,e.openBlock)(),(0,e.createBlock)(v.default,{open:t.open,"default-open":t.defaultOpen,direction:t.direction,"open-on-hover":t.openOnHover,"hover-close-delay":t.hoverCloseDelay,"hover-open-delay":t.hoverOpenDelay,disabled:t.disabled,"onUpdate:open":o[0]||(o[0]=a=>n("update:open",a)),onOpenChange:o[1]||(o[1]=a=>n("open-change",a)),onOpenChangeComplete:o[2]||(o[2]=a=>n("open-change-complete",a))},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(c.default,(0,e.mergeProps)(u.value,{size:s.value,"trigger-label":t.triggerLabel,actions:t.actions??[],overlay:l.overlay,"on-action-select":(a,p)=>n("select",a,p)}),{trigger:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,"trigger")]),_:3},16,["size","trigger-label","actions","overlay","on-action-select"])]),_:3},8,["open","default-open","direction","open-on-hover","hover-close-delay","hover-open-delay","disabled"]))}});exports.default=f;
@@ -1 +1 @@
1
- import e from"./SpeedDialAnatomy.vue.js";import o from"./SpeedDialRoot.vue.js";import{computed as a,createBlock as t,createVNode as n,defineComponent as l,mergeProps as p,openBlock as r,renderSlot as d,useAttrs as s,withCtx as i}from"vue";var c=/* @__PURE__ */l({inheritAttrs:!1,__name:"SpeedDial",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},actions:{},overlay:{type:Boolean,default:!1},direction:{default:"up"},openOnHover:{type:Boolean,default:!1},hoverCloseDelay:{default:300},hoverOpenDelay:{default:0},disabled:{type:Boolean,default:!1},size:{default:void 0}},emits:["update:open","open-change","open-change-complete","select"],setup(l,{emit:c}){const u=l,v=s(),f=a(()=>u.size??v["data-size"]),h=a(()=>{const{"data-size":e,...o}=v;return o}),y=c;return(a,s)=>(r(),t(o,{open:l.open,"default-open":l.defaultOpen,direction:l.direction,"open-on-hover":l.openOnHover,"hover-close-delay":l.hoverCloseDelay,"hover-open-delay":l.hoverOpenDelay,disabled:l.disabled,"onUpdate:open":s[0]||(s[0]=e=>y("update:open",e)),onOpenChange:s[1]||(s[1]=e=>y("open-change",e)),onOpenChangeComplete:s[2]||(s[2]=e=>y("open-change-complete",e))},{default:i(()=>[n(e,p(h.value,{size:f.value,actions:l.actions??[],overlay:u.overlay,"on-action-select":(e,o)=>y("select",e,o)}),{trigger:i(()=>[d(a.$slots,"trigger")]),_:3},16,["size","actions","overlay","on-action-select"])]),_:3},8,["open","default-open","direction","open-on-hover","hover-close-delay","hover-open-delay","disabled"]))}});export{c as default};
1
+ import e from"./SpeedDialAnatomy.vue.js";import o from"./SpeedDialRoot.vue.js";import{computed as a,createBlock as t,createVNode as n,defineComponent as l,mergeProps as r,openBlock as p,renderSlot as d,useAttrs as s,withCtx as i}from"vue";var c=/* @__PURE__ */l({inheritAttrs:!1,__name:"SpeedDial",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},actions:{},overlay:{type:Boolean,default:!1},direction:{default:"up"},openOnHover:{type:Boolean,default:!1},hoverCloseDelay:{default:300},hoverOpenDelay:{default:0},disabled:{type:Boolean,default:!1},size:{default:void 0},triggerLabel:{}},emits:["update:open","open-change","open-change-complete","select"],setup(l,{emit:c}){const u=l,v=s(),f=a(()=>u.size??v["data-size"]),g=a(()=>{const{"data-size":e,...o}=v;return o}),h=c;return(a,s)=>(p(),t(o,{open:l.open,"default-open":l.defaultOpen,direction:l.direction,"open-on-hover":l.openOnHover,"hover-close-delay":l.hoverCloseDelay,"hover-open-delay":l.hoverOpenDelay,disabled:l.disabled,"onUpdate:open":s[0]||(s[0]=e=>h("update:open",e)),onOpenChange:s[1]||(s[1]=e=>h("open-change",e)),onOpenChangeComplete:s[2]||(s[2]=e=>h("open-change-complete",e))},{default:i(()=>[n(e,r(g.value,{size:f.value,"trigger-label":l.triggerLabel,actions:l.actions??[],overlay:u.overlay,"on-action-select":(e,o)=>h("select",e,o)}),{trigger:i(()=>[d(a.$slots,"trigger")]),_:3},16,["size","trigger-label","actions","overlay","on-action-select"])]),_:3},8,["open","default-open","direction","open-on-hover","hover-close-delay","hover-open-delay","disabled"]))}});export{c as default};
@@ -10,6 +10,11 @@ type __VLS_Props = {
10
10
  * @default undefined — falls back to a `data-size` attribute.
11
11
  */
12
12
  size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
13
+ /**
14
+ * Accessible name applied to the derived trigger's `aria-label`.
15
+ * @default undefined — the trigger is named only by its content.
16
+ */
17
+ triggerLabel?: string | undefined;
13
18
  };
14
19
  declare var __VLS_4: {};
15
20
  type __VLS_Slots = {} & {
@@ -10,6 +10,11 @@ type __VLS_Props = {
10
10
  * @default undefined — falls back to a `data-size` attribute.
11
11
  */
12
12
  size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
13
+ /**
14
+ * Accessible name applied to the derived trigger's `aria-label`.
15
+ * @default undefined — the trigger is named only by its content.
16
+ */
17
+ triggerLabel?: string | undefined;
13
18
  };
14
19
  declare var __VLS_4: {};
15
20
  type __VLS_Slots = {} & {
@@ -1 +1 @@
1
- const d=require("./SpeedDialContent.vue.cjs"),s=require("./SpeedDialItem.vue.cjs"),p=require("./SpeedDialItemLabel.vue.cjs"),m=require("./SpeedDialOverlay.vue.cjs"),f=require("./SpeedDialPortal.vue.cjs"),S=require("./SpeedDialTrigger.vue.cjs");let e=require("vue");var k=(0,e.defineComponent)({inheritAttrs:!1,__name:"SpeedDialAnatomy",props:{actions:{},overlay:{type:Boolean},onActionSelect:{type:Function},size:{}},setup(r){const i=r;function u(l,a){l.onSelect?.(),i.onActionSelect?.(l,a)}const o=(0,e.useAttrs)(),c=(0,e.computed)(()=>o.id?{"aria-controls":o.id}:{});return(l,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(S.default,(0,e.mergeProps)(c.value,{size:r.size}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"trigger")]),_:3},16,["size"]),(0,e.createVNode)(f.default,null,{default:(0,e.withCtx)(()=>[r.overlay?((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:0})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(d.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(l.$attrs)),{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.actions,(t,n)=>((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:`${t.label}-${n}`,disabled:t.disabled,size:r.size,onSelect:q=>u(t,n)},{default:(0,e.withCtx)(()=>[t.icon?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.icon),{key:0,"aria-hidden":"true"})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(p.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:2},1024)]),_:2},1032,["disabled","size","onSelect"]))),128))]),_:1},16)]),_:1})],64))}});exports.default=k;
1
+ const d=require("./SpeedDialContent.vue.cjs"),s=require("./SpeedDialItem.vue.cjs"),p=require("./SpeedDialItemLabel.vue.cjs"),m=require("./SpeedDialOverlay.vue.cjs"),f=require("./SpeedDialPortal.vue.cjs"),g=require("./SpeedDialTrigger.vue.cjs");let e=require("vue");var S=(0,e.defineComponent)({inheritAttrs:!1,__name:"SpeedDialAnatomy",props:{actions:{},overlay:{type:Boolean},onActionSelect:{type:Function},size:{},triggerLabel:{}},setup(t){const n=t;function u(l,o){l.onSelect?.(),n.onActionSelect?.(l,o)}const a=(0,e.useAttrs)(),c=(0,e.computed)(()=>a.id?{"aria-controls":a.id}:{});return(l,o)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(g.default,(0,e.mergeProps)(c.value,{size:t.size,"aria-label":t.triggerLabel}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"trigger")]),_:3},16,["size","aria-label"]),(0,e.createVNode)(f.default,null,{default:(0,e.withCtx)(()=>[t.overlay?((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:0})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(d.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(l.$attrs)),{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.actions,(r,i)=>((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:`${r.label}-${i}`,disabled:r.disabled,size:t.size,onSelect:k=>u(r,i)},{default:(0,e.withCtx)(()=>[r.icon?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(r.icon),{key:0,"aria-hidden":"true"})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(p.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.label),1)]),_:2},1024)]),_:2},1032,["disabled","size","onSelect"]))),128))]),_:1},16)]),_:1})],64))}});exports.default=S;
@@ -1 +1 @@
1
- import e from"./SpeedDialContent.vue.js";import t from"./SpeedDialItem.vue.js";import a from"./SpeedDialItemLabel.vue.js";import o from"./SpeedDialOverlay.vue.js";import r from"./SpeedDialPortal.vue.js";import s from"./SpeedDialTrigger.vue.js";import{Fragment as l,computed as i,createBlock as n,createCommentVNode as d,createElementBlock as m,createTextVNode as p,createVNode as c,defineComponent as u,guardReactiveProps as f,mergeProps as v,normalizeProps as S,openBlock as y,renderList as D,renderSlot as g,resolveDynamicComponent as z,toDisplayString as _,useAttrs as b,withCtx as j}from"vue";var k=/* @__PURE__ */u({inheritAttrs:!1,__name:"SpeedDialAnatomy",props:{actions:{},overlay:{type:Boolean},onActionSelect:{type:Function},size:{}},setup(u){const k=u,A=b(),C=i(()=>A.id?{"aria-controls":A.id}:{});return(i,b)=>(y(),m(l,null,[c(s,v(C.value,{size:u.size}),{default:j(()=>[g(i.$slots,"trigger")]),_:3},16,["size"]),c(r,null,{default:j(()=>[u.overlay?(y(),n(o,{key:0})):d("",!0),c(e,S(f(i.$attrs)),{default:j(()=>[(y(!0),m(l,null,D(u.actions,(e,o)=>(y(),n(t,{key:`${e.label}-${o}`,disabled:e.disabled,size:u.size,onSelect:t=>function(e,t){e.onSelect?.(),k.onActionSelect?.(e,t)}(e,o)},{default:j(()=>[e.icon?(y(),n(z(e.icon),{key:0,"aria-hidden":"true"})):d("",!0),c(a,null,{default:j(()=>[p(_(e.label),1)]),_:2},1024)]),_:2},1032,["disabled","size","onSelect"]))),128))]),_:1},16)]),_:1})],64))}});export{k as default};
1
+ import e from"./SpeedDialContent.vue.js";import a from"./SpeedDialItem.vue.js";import t from"./SpeedDialItemLabel.vue.js";import o from"./SpeedDialOverlay.vue.js";import r from"./SpeedDialPortal.vue.js";import l from"./SpeedDialTrigger.vue.js";import{Fragment as i,computed as s,createBlock as n,createCommentVNode as d,createElementBlock as m,createTextVNode as p,createVNode as c,defineComponent as u,guardReactiveProps as f,mergeProps as v,normalizeProps as S,openBlock as g,renderList as y,renderSlot as b,resolveDynamicComponent as D,toDisplayString as z,useAttrs as _,withCtx as j}from"vue";var k=/* @__PURE__ */u({inheritAttrs:!1,__name:"SpeedDialAnatomy",props:{actions:{},overlay:{type:Boolean},onActionSelect:{type:Function},size:{},triggerLabel:{}},setup(u){const k=u,A=_(),C=s(()=>A.id?{"aria-controls":A.id}:{});return(s,_)=>(g(),m(i,null,[c(l,v(C.value,{size:u.size,"aria-label":u.triggerLabel}),{default:j(()=>[b(s.$slots,"trigger")]),_:3},16,["size","aria-label"]),c(r,null,{default:j(()=>[u.overlay?(g(),n(o,{key:0})):d("",!0),c(e,S(f(s.$attrs)),{default:j(()=>[(g(!0),m(i,null,y(u.actions,(e,o)=>(g(),n(a,{key:`${e.label}-${o}`,disabled:e.disabled,size:u.size,onSelect:a=>function(e,a){e.onSelect?.(),k.onActionSelect?.(e,a)}(e,o)},{default:j(()=>[e.icon?(g(),n(D(e.icon),{key:0,"aria-hidden":"true"})):d("",!0),c(t,null,{default:j(()=>[p(z(e.label),1)]),_:2},1024)]),_:2},1032,["disabled","size","onSelect"]))),128))]),_:1},16)]),_:1})],64))}});export{k as default};
@@ -1 +1 @@
1
- const D=require("../utils/injectRequired.cjs"),P=require("../utils/composeRefs.cjs"),I=require("../utils/direction.cjs"),T=require("../utils/useRovingFocus.cjs"),C=require("../utils/useDismiss.cjs"),f=require("../utils/popper.cjs"),k=require("../utils/useFocusFirstItemOnOpen.cjs"),o=require("./context.cjs");let t=require("vue");var h=["id","aria-orientation","aria-labelledby","data-state","data-direction","data-side","data-align"],w=(0,t.defineComponent)({__name:"SpeedDialContent",props:{align:{default:"center"},sideOffset:{default:8},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(u,{emit:_}){const s=u,r=_,n=D.injectRequired(o.SPEED_DIAL_CONTEXT,"SkdxSpeedDialContent must be used within SkdxSpeedDial."),d=(0,t.inject)(f.POPPER_CONTEXT);if(!d)throw new Error("SkdxSpeedDialContent must be used within SkdxSpeedDial.");const i=(0,t.ref)(null),v=P.composeRefs(i,n.contentRef),l=(0,t.computed)(()=>o.DIRECTION_ORIENTATION[n.direction.value]),y=I.useDirection(),m=(0,t.computed)(()=>T.useRovingFocus({orientation:l.value,loop:s.loop,itemSelector:o.ITEM_SELECTOR,typeahead:!0,direction:y}));function c(){i.value?.querySelectorAll(o.ANY_ITEM_SELECTOR)?.forEach((e,a)=>{e.style.setProperty("--skdx-speed-dial-index",String(a)),e.style.setProperty("--skdx-speed-dial-offset",String(a+1))})}(0,t.onMounted)(c),(0,t.onUpdated)(c);function p(){n.setOpen(!1),n.triggerRef.value?.focus()}C.useDismiss({enabled:n.open,onEscapeKeyDown:e=>{r("escape-key-down",e),e.defaultPrevented||p()},onPointerDownOutside:e=>{r("pointer-down-outside",e),e.defaultPrevented||n.setOpen(!1)},onFocusOutside:e=>{r("focus-outside",e),e.defaultPrevented||n.setOpen(!1)},onInteractOutside:e=>r("interact-outside",e)},[i,n.triggerRef]),k.useFocusFirstItemOnOpen(i,(0,t.computed)(()=>n.open.value&&n.openReason.current!=="hover"),o.ITEM_SELECTOR);const{style:O,placedSide:E,placedAlign:S}=f.usePopperPosition(d.anchor,i,n.open,()=>({...s,side:o.DIRECTION_SIDE[n.direction.value],component:"speed-dial"}));function q(e){m.value(e),e.key==="Tab"&&(e.preventDefault(),p())}function R(e){n.openOnHover.value&&e.pointerType!=="touch"&&n.onPointerEnter()}function g(e){n.openOnHover.value&&e.pointerType!=="touch"&&n.onPointerLeave()}return(e,a)=>u.forceMount||(0,t.unref)(n).open.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",{key:0,id:(0,t.unref)(n).contentId,ref:(0,t.unref)(v),class:"skdx-speed-dial__content","data-part":"content",role:"menu","aria-orientation":l.value,"aria-labelledby":(0,t.unref)(n).triggerId,tabindex:"-1","data-state":(0,t.unref)(n).open.value?"open":"closed","data-direction":(0,t.unref)(n).direction.value,"data-side":(0,t.unref)(E),"data-align":(0,t.unref)(S),style:(0,t.normalizeStyle)((0,t.unref)(O)),onKeydown:q,onPointerenter:R,onPointerleave:g},[(0,t.renderSlot)(e.$slots,"default")],44,h)):(0,t.createCommentVNode)("",!0)}});exports.default=w;
1
+ const D=require("../utils/injectRequired.cjs"),P=require("../utils/composeRefs.cjs"),I=require("../utils/direction.cjs"),T=require("../utils/useRovingFocus.cjs"),C=require("../utils/useDismiss.cjs"),f=require("../utils/popper.cjs"),h=require("../utils/useFocusFirstItemOnOpen.cjs"),o=require("./context.cjs");let t=require("vue");var k=["id","aria-orientation","aria-labelledby","hidden","data-state","data-direction","data-side","data-align"],w=(0,t.defineComponent)({__name:"SpeedDialContent",props:{align:{default:"center"},sideOffset:{default:8},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(u,{emit:_}){const s=u,r=_,n=D.injectRequired(o.SPEED_DIAL_CONTEXT,"SkdxSpeedDialContent must be used within SkdxSpeedDial."),d=(0,t.inject)(f.POPPER_CONTEXT);if(!d)throw new Error("SkdxSpeedDialContent must be used within SkdxSpeedDial.");const i=(0,t.ref)(null),v=P.composeRefs(i,n.contentRef),l=(0,t.computed)(()=>o.DIRECTION_ORIENTATION[n.direction.value]),y=I.useDirection(),m=(0,t.computed)(()=>T.useRovingFocus({orientation:l.value,loop:s.loop,itemSelector:o.ITEM_SELECTOR,typeahead:!0,direction:y}));function c(){i.value?.querySelectorAll(o.ANY_ITEM_SELECTOR)?.forEach((e,a)=>{e.style.setProperty("--skdx-speed-dial-index",String(a)),e.style.setProperty("--skdx-speed-dial-offset",String(a+1))})}(0,t.onMounted)(c),(0,t.onUpdated)(c);function p(){n.setOpen(!1),n.triggerRef.value?.focus()}C.useDismiss({enabled:n.open,onEscapeKeyDown:e=>{r("escape-key-down",e),e.defaultPrevented||p()},onPointerDownOutside:e=>{r("pointer-down-outside",e),e.defaultPrevented||n.setOpen(!1)},onFocusOutside:e=>{r("focus-outside",e),e.defaultPrevented||n.setOpen(!1)},onInteractOutside:e=>r("interact-outside",e)},[i,n.triggerRef]),h.useFocusFirstItemOnOpen(i,(0,t.computed)(()=>n.open.value&&n.openReason.current!=="hover"),o.ITEM_SELECTOR);const{style:O,placedSide:E,placedAlign:S}=f.usePopperPosition(d.anchor,i,n.open,()=>({...s,side:o.DIRECTION_SIDE[n.direction.value],component:"speed-dial"}));function q(e){m.value(e),e.key==="Tab"&&(e.preventDefault(),p())}function R(e){n.openOnHover.value&&e.pointerType!=="touch"&&n.onPointerEnter()}function g(e){n.openOnHover.value&&e.pointerType!=="touch"&&n.onPointerLeave()}return(e,a)=>u.forceMount||(0,t.unref)(n).open.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",{key:0,id:(0,t.unref)(n).contentId,ref:(0,t.unref)(v),class:"skdx-speed-dial__content","data-part":"content",role:"menu","aria-orientation":l.value,"aria-labelledby":(0,t.unref)(n).triggerId,tabindex:"-1",hidden:!(0,t.unref)(n).open.value,"data-state":(0,t.unref)(n).open.value?"open":"closed","data-direction":(0,t.unref)(n).direction.value,"data-side":(0,t.unref)(E),"data-align":(0,t.unref)(S),style:(0,t.normalizeStyle)((0,t.unref)(O)),onKeydown:q,onPointerenter:R,onPointerleave:g},[(0,t.renderSlot)(e.$slots,"default")],44,k)):(0,t.createCommentVNode)("",!0)}});exports.default=w;
@@ -1 +1 @@
1
- import{injectRequired as e}from"../utils/injectRequired.js";import{composeRefs as t}from"../utils/composeRefs.js";import{useDirection as o}from"../utils/direction.js";import{useRovingFocus as n}from"../utils/useRovingFocus.js";import{useDismiss as a}from"../utils/useDismiss.js";import{POPPER_CONTEXT as i,usePopperPosition as s}from"../utils/popper.js";import{useFocusFirstItemOnOpen as r}from"../utils/useFocusFirstItemOnOpen.js";import{ANY_ITEM_SELECTOR as d,DIRECTION_ORIENTATION as l,DIRECTION_SIDE as u,ITEM_SELECTOR as p,SPEED_DIAL_CONTEXT as c}from"./context.js";import{computed as f,createCommentVNode as m,createElementBlock as v,defineComponent as y,inject as O,normalizeStyle as E,onMounted as S,onUpdated as P,openBlock as g,ref as D,renderSlot as R,unref as I}from"vue";var T=["id","aria-orientation","aria-labelledby","data-state","data-direction","data-side","data-align"],k=/* @__PURE__ */y({__name:"SpeedDialContent",props:{align:{default:"center"},sideOffset:{default:8},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(y,{emit:k}){const C=y,_=k,j=e(c,"SkdxSpeedDialContent must be used within SkdxSpeedDial."),w=O(i);if(!w)throw new Error("SkdxSpeedDialContent must be used within SkdxSpeedDial.");const x=D(null),b=t(x,j.contentRef),h=f(()=>l[j.direction.value]),N=o(),F=f(()=>n({orientation:h.value,loop:C.loop,itemSelector:p,typeahead:!0,direction:N}));function B(){x.value?.querySelectorAll(d)?.forEach((e,t)=>{e.style.setProperty("--skdx-speed-dial-index",String(t)),e.style.setProperty("--skdx-speed-dial-offset",String(t+1))})}function A(){j.setOpen(!1),j.triggerRef.value?.focus()}S(B),P(B),a({enabled:j.open,onEscapeKeyDown:e=>{_("escape-key-down",e),e.defaultPrevented||A()},onPointerDownOutside:e=>{_("pointer-down-outside",e),e.defaultPrevented||j.setOpen(!1)},onFocusOutside:e=>{_("focus-outside",e),e.defaultPrevented||j.setOpen(!1)},onInteractOutside:e=>_("interact-outside",e)},[x,j.triggerRef]),r(x,f(()=>j.open.value&&"hover"!==j.openReason.current),p);const{style:M,placedSide:L,placedAlign:q}=s(w.anchor,x,j.open,()=>({...C,side:u[j.direction.value],component:"speed-dial"}));function H(e){F.value(e),"Tab"===e.key&&(e.preventDefault(),A())}function K(e){j.openOnHover.value&&"touch"!==e.pointerType&&j.onPointerEnter()}function X(e){j.openOnHover.value&&"touch"!==e.pointerType&&j.onPointerLeave()}return(e,t)=>y.forceMount||I(j).open.value?(g(),v("div",{key:0,id:I(j).contentId,ref:I(b),class:"skdx-speed-dial__content","data-part":"content",role:"menu","aria-orientation":h.value,"aria-labelledby":I(j).triggerId,tabindex:"-1","data-state":I(j).open.value?"open":"closed","data-direction":I(j).direction.value,"data-side":I(L),"data-align":I(q),style:E(I(M)),onKeydown:H,onPointerenter:K,onPointerleave:X},[R(e.$slots,"default")],44,T)):m("",!0)}});export{k as default};
1
+ import{injectRequired as e}from"../utils/injectRequired.js";import{composeRefs as t}from"../utils/composeRefs.js";import{useDirection as o}from"../utils/direction.js";import{useRovingFocus as n}from"../utils/useRovingFocus.js";import{useDismiss as a}from"../utils/useDismiss.js";import{POPPER_CONTEXT as i,usePopperPosition as s}from"../utils/popper.js";import{useFocusFirstItemOnOpen as d}from"../utils/useFocusFirstItemOnOpen.js";import{ANY_ITEM_SELECTOR as r,DIRECTION_ORIENTATION as l,DIRECTION_SIDE as u,ITEM_SELECTOR as p,SPEED_DIAL_CONTEXT as c}from"./context.js";import{computed as f,createCommentVNode as m,createElementBlock as v,defineComponent as y,inject as O,normalizeStyle as E,onMounted as S,onUpdated as P,openBlock as g,ref as D,renderSlot as R,unref as I}from"vue";var T=["id","aria-orientation","aria-labelledby","hidden","data-state","data-direction","data-side","data-align"],k=/* @__PURE__ */y({__name:"SpeedDialContent",props:{align:{default:"center"},sideOffset:{default:8},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(y,{emit:k}){const C=y,_=k,h=e(c,"SkdxSpeedDialContent must be used within SkdxSpeedDial."),j=O(i);if(!j)throw new Error("SkdxSpeedDialContent must be used within SkdxSpeedDial.");const w=D(null),x=t(w,h.contentRef),b=f(()=>l[h.direction.value]),N=o(),F=f(()=>n({orientation:b.value,loop:C.loop,itemSelector:p,typeahead:!0,direction:N}));function B(){w.value?.querySelectorAll(r)?.forEach((e,t)=>{e.style.setProperty("--skdx-speed-dial-index",String(t)),e.style.setProperty("--skdx-speed-dial-offset",String(t+1))})}function A(){h.setOpen(!1),h.triggerRef.value?.focus()}S(B),P(B),a({enabled:h.open,onEscapeKeyDown:e=>{_("escape-key-down",e),e.defaultPrevented||A()},onPointerDownOutside:e=>{_("pointer-down-outside",e),e.defaultPrevented||h.setOpen(!1)},onFocusOutside:e=>{_("focus-outside",e),e.defaultPrevented||h.setOpen(!1)},onInteractOutside:e=>_("interact-outside",e)},[w,h.triggerRef]),d(w,f(()=>h.open.value&&"hover"!==h.openReason.current),p);const{style:M,placedSide:L,placedAlign:q}=s(j.anchor,w,h.open,()=>({...C,side:u[h.direction.value],component:"speed-dial"}));function H(e){F.value(e),"Tab"===e.key&&(e.preventDefault(),A())}function K(e){h.openOnHover.value&&"touch"!==e.pointerType&&h.onPointerEnter()}function X(e){h.openOnHover.value&&"touch"!==e.pointerType&&h.onPointerLeave()}return(e,t)=>y.forceMount||I(h).open.value?(g(),v("div",{key:0,id:I(h).contentId,ref:I(x),class:"skdx-speed-dial__content","data-part":"content",role:"menu","aria-orientation":b.value,"aria-labelledby":I(h).triggerId,tabindex:"-1",hidden:!I(h).open.value,"data-state":I(h).open.value?"open":"closed","data-direction":I(h).direction.value,"data-side":I(L),"data-align":I(q),style:E(I(M)),onKeydown:H,onPointerenter:K,onPointerleave:X},[R(e.$slots,"default")],44,T)):m("",!0)}});export{k as default};
@@ -0,0 +1 @@
1
+ const e=require("./Stack.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;
@@ -0,0 +1,12 @@
1
+ declare var __VLS_6: string | number, __VLS_7: any;
2
+ type __VLS_Slots = {} & {
3
+ [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
4
+ };
5
+ declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
7
+ export default _default;
8
+ type __VLS_WithSlots<T, S> = T & {
9
+ new (): {
10
+ $slots: S;
11
+ };
12
+ };
@@ -0,0 +1,12 @@
1
+ declare var __VLS_6: string | number, __VLS_7: any;
2
+ type __VLS_Slots = {} & {
3
+ [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
4
+ };
5
+ declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
7
+ export default _default;
8
+ type __VLS_WithSlots<T, S> = T & {
9
+ new (): {
10
+ $slots: S;
11
+ };
12
+ };
@@ -0,0 +1 @@
1
+ import t from"./Stack.vue_vue_type_script_setup_true_lang.js";var e=t;export{e as default};
@@ -0,0 +1 @@
1
+ const a=require("../box/Box.vue.cjs");let e=require("vue");var o=(0,e.defineComponent)({inheritAttrs:!1,__name:"Stack",setup(u){return(r,l)=>((0,e.openBlock)(),(0,e.createBlock)(a.default,(0,e.mergeProps)({display:"flex"},r.$attrs),(0,e.createSlots)({_:2},[(0,e.renderList)(r.$slots,(n,t)=>({name:t,fn:(0,e.withCtx)(s=>[(0,e.renderSlot)(r.$slots,t,(0,e.normalizeProps)((0,e.guardReactiveProps)(s??{})))])}))]),1040))}});exports.default=o;
@@ -0,0 +1 @@
1
+ import e from"../box/Box.vue.js";import{createBlock as s,createSlots as a,defineComponent as t,guardReactiveProps as r,mergeProps as o,normalizeProps as n,openBlock as i,renderList as l,renderSlot as p,withCtx as m}from"vue";var c=/* @__PURE__ */t({inheritAttrs:!1,__name:"Stack",setup:t=>(t,c)=>(i(),s(e,o({display:"flex"},t.$attrs),a({_:2},[l(t.$slots,(e,s)=>({name:s,fn:m(e=>[p(t.$slots,s,n(r(e??{})))])}))]),1040))});export{c as default};
@@ -0,0 +1 @@
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Stack.vue.cjs");exports.SkdxStack=e.default;
@@ -0,0 +1 @@
1
+ export { default as SkdxStack } from './Stack.vue.cjs';
@@ -0,0 +1 @@
1
+ export { default as SkdxStack } from './Stack.vue.js';
@@ -0,0 +1 @@
1
+ import t from"./Stack.vue.js";export{t as SkdxStack};