@astryx-vue/core 0.2.6 → 0.3.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 (167) hide show
  1. package/THIRD_PARTY_NOTICES.md +9 -0
  2. package/dist/AlertDialog/index.js +1 -1
  3. package/dist/{AlertDialog-BBhl5P1X.js → AlertDialog-RAVA_cT1.js} +9 -3
  4. package/dist/AppShell/index.d.ts +1 -1
  5. package/dist/AppShell/index.js +1 -1
  6. package/dist/{AppShell-mrflO0Uy.js → AppShell-0wTvOo3H.js} +2 -2
  7. package/dist/Avatar/index.d.ts +1 -1
  8. package/dist/AvatarGroup/index.d.ts +1 -1
  9. package/dist/Banner/index.d.ts +1 -1
  10. package/dist/BottomSheet/index.d.ts +1 -1
  11. package/dist/BottomSheet/index.js +2 -2
  12. package/dist/{BottomSheet-DIVwbGr3.js → BottomSheet-JYMB_Ofl.js} +1 -1
  13. package/dist/{BottomSheet-eJ3FzTBD.js → BottomSheet-pt7m4CvC.js} +2 -0
  14. package/dist/Breadcrumbs/index.js +1 -1
  15. package/dist/{Breadcrumbs-DPVaziH4.js → Breadcrumbs-DIm4figq.js} +1 -1
  16. package/dist/Button/index.d.ts +1 -1
  17. package/dist/ButtonGroup/index.d.ts +1 -1
  18. package/dist/Calendar/index.d.ts +1 -1
  19. package/dist/Card/index.d.ts +1 -1
  20. package/dist/Card/index.js +1 -1
  21. package/dist/{Card-HAjZQg2s.js → Card-B-I24X9S.js} +2 -0
  22. package/dist/Carousel/index.js +1 -1
  23. package/dist/{Carousel-DAkOa7KK.js → Carousel-CA8zpD9v.js} +46 -29
  24. package/dist/Chat/index.d.ts +1 -1
  25. package/dist/Chat/index.js +1 -1
  26. package/dist/{Chat-DVoI6UOA.js → Chat-Bmna9EOA.js} +5 -0
  27. package/dist/CheckboxInput/index.d.ts +1 -1
  28. package/dist/CheckboxList/index.d.ts +1 -1
  29. package/dist/ClickableCard/index.d.ts +1 -1
  30. package/dist/ClickableCard/index.js +1 -1
  31. package/dist/{ClickableCard-Bhds4RRe.js → ClickableCard-DUsC-j03.js} +1 -1
  32. package/dist/Code/index.d.ts +1 -1
  33. package/dist/Code/index.js +1 -1
  34. package/dist/{CodeBlock-BUM3czCS.js → CodeBlock-D0BFubut.js} +4 -0
  35. package/dist/Collapsible/index.d.ts +1 -1
  36. package/dist/CommandPalette/index.js +1 -1
  37. package/dist/{CommandPalette-D6wYS30d.js → CommandPalette-YHsUNg3V.js} +4 -0
  38. package/dist/ComplexSelector/index.js +1 -1
  39. package/dist/{ComplexSelector-Bil81sfq.js → ComplexSelector-DWLdKPGI.js} +11 -4
  40. package/dist/ContextMenu/index.d.ts +1 -1
  41. package/dist/ContextMenu/index.js +1 -1
  42. package/dist/{ContextMenu-DdLJnxNN.js → ContextMenu-Bq9b3Ti5.js} +3 -1
  43. package/dist/DateInput/index.d.ts +1 -1
  44. package/dist/DateInput/index.js +1 -1
  45. package/dist/{DateInput-u2XKccpK.js → DateInput-DT518j5E.js} +2 -2
  46. package/dist/DateRangeInput/index.d.ts +1 -1
  47. package/dist/DateRangeInput/index.js +1 -1
  48. package/dist/{DateRangeInput-u7LhH6up.js → DateRangeInput-Bqi5tlIA.js} +15 -9
  49. package/dist/DateTimeInput/index.d.ts +1 -1
  50. package/dist/DateTimeInput/index.js +1 -1
  51. package/dist/{DateTimeInput-DHp683jZ.js → DateTimeInput-A7m2O3bg.js} +2 -2
  52. package/dist/Dialog/index.d.ts +1 -1
  53. package/dist/Divider/index.d.ts +1 -1
  54. package/dist/DropdownMenu/index.js +2 -2
  55. package/dist/{DropdownMenu-SM_BEOgM.js → DropdownMenu-CoOQVlRp.js} +1 -1
  56. package/dist/{DropdownMenu-BEasdJ6R.js → DropdownMenu-DEb2dSSP.js} +3 -1
  57. package/dist/FileInput/index.d.ts +1 -1
  58. package/dist/InputGroup/index.d.ts +1 -1
  59. package/dist/Layout/index.js +2 -2
  60. package/dist/{Layout-9X6eCUoY.js → Layout-C6RHllr-.js} +1 -1
  61. package/dist/{LayoutPanel-DeOh00p5.js → LayoutPanel-DXOsaeQb.js} +3 -0
  62. package/dist/Link/index.d.ts +2 -2
  63. package/dist/List/index.d.ts +1 -1
  64. package/dist/Markdown/index.js +1 -1
  65. package/dist/{Markdown-2CVyZDuB.js → Markdown-CvtN7HnF.js} +1 -1
  66. package/dist/MobileNav/index.js +1 -1
  67. package/dist/{MobileNavToggle-C3dkrM98.js → MobileNavToggle-DxGz0xKA.js} +9 -3
  68. package/dist/MoreMenu/index.d.ts +1 -1
  69. package/dist/MoreMenu/index.js +1 -1
  70. package/dist/{MoreMenu-D1WFGqGU.js → MoreMenu-Dlb7MLlW.js} +17 -10
  71. package/dist/MultiSelector/index.d.ts +1 -1
  72. package/dist/MultiSelector/index.js +1 -1
  73. package/dist/{MultiSelector-BeV98x7X.js → MultiSelector-BtAUfQ3t.js} +3 -1
  74. package/dist/NavItem/index.d.ts +1 -1
  75. package/dist/NumberInput/index.d.ts +1 -1
  76. package/dist/OverflowList/index.d.ts +1 -1
  77. package/dist/Pagination/index.d.ts +1 -1
  78. package/dist/Pagination/index.js +1 -1
  79. package/dist/{Pagination-Cc4BrjQg.js → Pagination-DqwNQFRp.js} +1 -1
  80. package/dist/Popover/index.d.ts +1 -1
  81. package/dist/Popover/index.js +1 -1
  82. package/dist/{Popover-CtoBfVlD.js → Popover-DJf8POzL.js} +9 -3
  83. package/dist/PowerSearch/index.d.ts +1 -1
  84. package/dist/PowerSearch/index.js +1 -1
  85. package/dist/{PowerSearch-DHoiObLn.js → PowerSearch-DvjiPqMZ.js} +10 -8
  86. package/dist/ProgressBar/index.d.ts +1 -1
  87. package/dist/Radio/index.d.ts +1 -1
  88. package/dist/RadioList/index.d.ts +1 -1
  89. package/dist/Resizable/index.d.ts +1 -1
  90. package/dist/ScrollableArea/index.d.ts +1 -1
  91. package/dist/ScrollableArea/index.js +1 -1
  92. package/dist/{ScrollableArea-CJiaALHm.js → ScrollableArea-D4dCJv9I.js} +13 -2
  93. package/dist/Scrollbars/index.d.ts +2 -0
  94. package/dist/Scrollbars/index.js +3 -0
  95. package/dist/Scrollbars-D_93hJYK.js +75 -0
  96. package/dist/SegmentedControl/index.d.ts +1 -1
  97. package/dist/SelectableCard/index.d.ts +1 -1
  98. package/dist/SelectableCard/index.js +1 -1
  99. package/dist/{SelectableCard-Bj5s_tIN.js → SelectableCard-Cku4dRzc.js} +1 -1
  100. package/dist/Selector/index.d.ts +1 -1
  101. package/dist/Selector/index.js +1 -1
  102. package/dist/{Selector-DuVozKNq.js → Selector-DJ2BhUTV.js} +3 -1
  103. package/dist/SideNav/index.d.ts +1 -1
  104. package/dist/SideNav/index.js +1 -1
  105. package/dist/{SideNav-Dtv8eA2j.js → SideNav-BF8mYDxl.js} +14 -5
  106. package/dist/Stack/index.js +2 -2
  107. package/dist/{Stack-CjQEavuq.js → Stack-CTsTFfar.js} +10 -3
  108. package/dist/{Stack-D_Bhs-3r.js → Stack-kQlYbbL4.js} +8 -2
  109. package/dist/Stepper/index.d.ts +1 -1
  110. package/dist/Switch/index.d.ts +1 -1
  111. package/dist/TabList/index.d.ts +1 -1
  112. package/dist/Table/index.d.ts +1 -1
  113. package/dist/Table/index.js +1 -1
  114. package/dist/{Table-hqZMmzfU.js → Table-fecqnm7P.js} +11 -6
  115. package/dist/Text/index.d.ts +2 -2
  116. package/dist/TextArea/index.d.ts +1 -1
  117. package/dist/TextInput/index.d.ts +1 -1
  118. package/dist/{TimeField-ByiJKBRM.js → TimeField-CoHDGmsP.js} +2 -0
  119. package/dist/TimeInput/index.d.ts +1 -1
  120. package/dist/TimeInput/index.js +1 -1
  121. package/dist/{TimeInput-S8n946tp.js → TimeInput-D2k3Ux3p.js} +1 -1
  122. package/dist/Timer/index.d.ts +1 -1
  123. package/dist/Timestamp/index.d.ts +1 -1
  124. package/dist/ToggleButton/index.d.ts +1 -1
  125. package/dist/Tokenizer/index.js +1 -1
  126. package/dist/{Tokenizer-41p035dX.js → Tokenizer-B5C_qY7t.js} +2 -0
  127. package/dist/Toolbar/index.d.ts +1 -1
  128. package/dist/TopNav/index.d.ts +1 -1
  129. package/dist/TopNav/index.js +1 -1
  130. package/dist/{TopNav-CeSeEMX3.js → TopNav-Ciq0l1w7.js} +1 -1
  131. package/dist/Typeahead/index.js +1 -1
  132. package/dist/{Typeahead-k3xhFxkr.js → Typeahead-JP9RT87x.js} +2 -0
  133. package/dist/{index-CQCTKjIO.d.ts → index-0QGtSf3r.d.ts} +2 -2
  134. package/dist/{index-CsTbMVDS.d.ts → index-B3Fomy15.d.ts} +1 -1
  135. package/dist/{index-DQmK3Lq_.d.ts → index-B42oE_F-.d.ts} +1 -1
  136. package/dist/{index-EFqQF2Bx.d.ts → index-B4OOtNP8.d.ts} +2 -2
  137. package/dist/{index-CY-KvZ9B.d.ts → index-B9e52paP.d.ts} +1 -1
  138. package/dist/{index-BXk7Wng7.d.ts → index-BULhhnGf.d.ts} +1 -1
  139. package/dist/{index-BNy3SW4S.d.ts → index-BVKivP59.d.ts} +1 -1
  140. package/dist/{index-BJMJ09K-.d.ts → index-BkjSF265.d.ts} +2 -2
  141. package/dist/{index-HV6W3xCx.d.ts → index-Byar3h1e.d.ts} +1 -1
  142. package/dist/{index-DamRHh1i.d.ts → index-C2nbK2AA.d.ts} +2 -2
  143. package/dist/{index-DdGck82Y.d.ts → index-CICeEoZV.d.ts} +1 -1
  144. package/dist/{index-DYp2RWkM.d.ts → index-CL1T2j4y.d.ts} +2 -2
  145. package/dist/{index-YKCx03zD.d.ts → index-COgrQZIL.d.ts} +2 -2
  146. package/dist/{index-Ca8VIE4l.d.ts → index-CVn0GBdB.d.ts} +1 -1
  147. package/dist/{index-uKnRGtzi.d.ts → index-CqE4Bf3Q.d.ts} +2 -2
  148. package/dist/{index-BPYzIIYn.d.ts → index-Crp3NFLW.d.ts} +1 -1
  149. package/dist/{index-jW-mP58D.d.ts → index-D41_xqjs.d.ts} +4 -4
  150. package/dist/{index-DUnDGFQE.d.ts → index-DNA2l1RN.d.ts} +1 -1
  151. package/dist/{index-CdtZjkmG.d.ts → index-DUaLJO7l.d.ts} +61 -53
  152. package/dist/{index-WnUY4Kxu.d.ts → index-DVmgNb78.d.ts} +2 -2
  153. package/dist/{index-BUEPz7BL.d.ts → index-GI9xIV9l.d.ts} +3 -3
  154. package/dist/{index-BJSxFVXH.d.ts → index-IBAInumL.d.ts} +2 -2
  155. package/dist/{index-B1eCxBCY.d.ts → index-TXcNH86P.d.ts} +1 -1
  156. package/dist/index-fAZaRruV.d.ts +125 -0
  157. package/dist/{index-COxy6LEW.d.ts → index-gW0HW02U.d.ts} +1 -1
  158. package/dist/{index-D5N9ikrS.d.ts → index-hCpxKePE.d.ts} +1 -1
  159. package/dist/{index-csA1lH_0.d.ts → index-xrzJC4wm.d.ts} +1 -1
  160. package/dist/{index-N7OVZ38M.d.ts → index-yT1yiiww.d.ts} +5 -5
  161. package/dist/index.d.ts +46 -45
  162. package/dist/index.js +66 -64
  163. package/dist/{types-H4Bbbxiw.d.ts → types-BnNTzEnd.d.ts} +1 -1
  164. package/dist/{types-BBWrcHMD.d.ts → types-Ckih2YJi.d.ts} +3 -2
  165. package/dist/useScrollbars-C2NJ6Qwq.js +43 -0
  166. package/package.json +7 -2
  167. package/styles/scrollbars.css +28 -0
@@ -4,7 +4,8 @@ import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-C
4
4
  import { o as useAstryxMessages } from "./context-iABt_ueM.js";
5
5
  import { a as useLongPress, i as useMenuNav, n as useMenuPress, r as isModifiedClick, t as resetMenuPress } from "./useMenuPress-D-FRNrBW.js";
6
6
  import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
7
- import { t as _sfc_main$6 } from "./BottomSheet-eJ3FzTBD.js";
7
+ import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
8
+ import { t as _sfc_main$6 } from "./BottomSheet-pt7m4CvC.js";
8
9
  import { t as _sfc_main$7 } from "./Icon-bteSId7T.js";
9
10
  import { c as contextMenuContextKey, d as useContextMenuSize, i as _sfc_main$8, l as submenuAncestorOpenKey, n as _sfc_main$10, r as _sfc_main$9, t as useMenuDrillIn, u as useContextMenu } from "./useMenuDrillIn-DzKGkTho.js";
10
11
  import { t as _sfc_main$11 } from "./Divider-BtwnL18I.js";
@@ -903,6 +904,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
903
904
  const trigger = useTemplateRef("trigger");
904
905
  const cursorAnchor = useTemplateRef("cursorAnchor");
905
906
  const panel = useTemplateRef("panel");
907
+ useScrollbars(panel);
906
908
  const cursorPoint = ref({
907
909
  x: 0,
908
910
  y: 0
@@ -1,2 +1,2 @@
1
- import { Ai as DateInputNativePicker, Di as DateInputEmits, Ei as _default, Fi as DateInputStatusType, Mi as DateInputProps, Ni as DateInputSlots, Oi as DateInputFormat, Pi as DateInputStatus, ji as DateInputPresentation, ki as DateInputFormatName } from "../index-CdtZjkmG.js";
1
+ import { Ai as DateInputNativePicker, Di as DateInputEmits, Ei as _default, Fi as DateInputStatusType, Mi as DateInputProps, Ni as DateInputSlots, Oi as DateInputFormat, Pi as DateInputStatus, ji as DateInputPresentation, ki as DateInputFormatName } from "../index-DUaLJO7l.js";
2
2
  export { _default as DateInput, type DateInputEmits, type DateInputFormat, type DateInputFormatName, type DateInputNativePicker, type DateInputPresentation, type DateInputProps, type DateInputSlots, type DateInputStatus, type DateInputStatusType };
@@ -1,2 +1,2 @@
1
- import { t as _sfc_main } from "../DateInput-u2XKccpK.js";
1
+ import { t as _sfc_main } from "../DateInput-DT518j5E.js";
2
2
  export { _sfc_main as DateInput };
@@ -6,12 +6,12 @@ import { n as resolveDateSurface, t as resolveDatePresentation } from "./useDate
6
6
  import { t as _sfc_main$4 } from "./FieldIcon--NTgW5IU.js";
7
7
  import { a as useAstryxLocale, o as useAstryxMessages } from "./context-iABt_ueM.js";
8
8
  import { t as usePendingChange } from "./usePendingChange-ib-h8FZK.js";
9
- import { t as _sfc_main$5 } from "./BottomSheet-eJ3FzTBD.js";
9
+ import { t as _sfc_main$5 } from "./BottomSheet-pt7m4CvC.js";
10
10
  import { t as _sfc_main$6 } from "./Icon-bteSId7T.js";
11
11
  import { n as isCalendarDateDisabled, r as toCalendarDate, t as _sfc_main$7 } from "./Calendar-B7vIowKq.js";
12
12
  import { t as _sfc_main$8 } from "./Spinner-9cYUCnDy.js";
13
13
  import { t as _sfc_main$9 } from "./Field-D5gUEGw4.js";
14
- import { t as _sfc_main$10 } from "./Popover-CtoBfVlD.js";
14
+ import { t as _sfc_main$10 } from "./Popover-DJf8POzL.js";
15
15
  import { t as formatInstant } from "./formatInstant-BDWUIxS7.js";
16
16
  import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useTemplateRef, watch, withCtx } from "vue";
17
17
  import "../styles/date-input.css";
@@ -1,2 +1,2 @@
1
- import { Ci as DateRangeInputEmits, Si as DateRange, Ti as DateRangePreset, wi as DateRangeInputProps, xi as _default } from "../index-CdtZjkmG.js";
1
+ import { Ci as DateRangeInputEmits, Si as DateRange, Ti as DateRangePreset, wi as DateRangeInputProps, xi as _default } from "../index-DUaLJO7l.js";
2
2
  export { type DateRange, _default as DateRangeInput, type DateRangeInputEmits, type DateRangeInputProps, type DateRangePreset };
@@ -1,2 +1,2 @@
1
- import { t as _sfc_main } from "../DateRangeInput-u7LhH6up.js";
1
+ import { t as _sfc_main } from "../DateRangeInput-Bqi5tlIA.js";
2
2
  export { _sfc_main as DateRangeInput };
@@ -8,10 +8,11 @@ import { a as useAstryxLocale, o as useAstryxMessages } from "./context-iABt_ueM
8
8
  import { a as standaloneShortWeekdayNames, i as formatCalendarMonth, o as weekdayNames } from "./locale-DgkZEMTn.js";
9
9
  import { a as todayISODate, n as buildMonthGrid, t as addMonths } from "./useMonthGrid-fGHSSrFc.js";
10
10
  import { t as usePendingChange } from "./usePendingChange-ib-h8FZK.js";
11
+ import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
11
12
  import { t as _sfc_main$6 } from "./Icon-bteSId7T.js";
12
13
  import { t as _sfc_main$7 } from "./Spinner-9cYUCnDy.js";
13
14
  import { t as _sfc_main$8 } from "./Field-D5gUEGw4.js";
14
- import { t as _sfc_main$9 } from "./Popover-CtoBfVlD.js";
15
+ import { t as _sfc_main$9 } from "./Popover-DJf8POzL.js";
15
16
  import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderList, shallowRef, toDisplayString, unref, useId, useModel, useTemplateRef, withCtx } from "vue";
16
17
  import "../styles/calendar.css";
17
18
  import "../styles/date-range-input.css";
@@ -23,7 +24,7 @@ const _hoisted_3$1 = ["aria-label"];
23
24
  const _hoisted_4$1 = { class: "astryx-calendar-month-year" };
24
25
  const _hoisted_5$1 = ["aria-label"];
25
26
  const _hoisted_6$1 = { class: "astryx-date-range-months" };
26
- const _hoisted_7$1 = { class: "astryx-calendar-weekdays" };
27
+ const _hoisted_7 = { class: "astryx-calendar-weekdays" };
27
28
  const _hoisted_8 = ["aria-label"];
28
29
  const _hoisted_9 = [
29
30
  "disabled",
@@ -124,7 +125,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
124
125
  return openBlock(), createElementBlock("div", {
125
126
  key: `${month.year}-${month.month}`,
126
127
  class: "astryx-date-range-month"
127
- }, [createElementVNode("div", _hoisted_7$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDays.value, (day) => {
128
+ }, [createElementVNode("div", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekDays.value, (day) => {
128
129
  return openBlock(), createElementBlock("div", {
129
130
  key: day.label,
130
131
  class: "astryx-calendar-weekday",
@@ -180,12 +181,11 @@ const _hoisted_2 = [
180
181
  ];
181
182
  const _hoisted_3 = ["data-placeholder"];
182
183
  const _hoisted_4 = { class: "astryx-date-range-popover" };
183
- const _hoisted_5 = { class: "astryx-date-range-panel" };
184
- const _hoisted_6 = {
184
+ const _hoisted_5 = {
185
185
  key: 0,
186
186
  class: "astryx-date-range-presets"
187
187
  };
188
- const _hoisted_7 = ["disabled", "onClick"];
188
+ const _hoisted_6 = ["disabled", "onClick"];
189
189
  const _sfc_main = /*@__PURE__*/ defineComponent({
190
190
  name: "AstryxDateRangeInput",
191
191
  __name: "DateRangeInput",
@@ -251,6 +251,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
251
251
  const showsDisabledMessage = computed(() => locked.value && disabledMessage.value != null);
252
252
  const disabledTooltip = useButtonTooltip(showsDisabledMessage);
253
253
  const containerRef = useTemplateRef("containerRef");
254
+ const panelEl = useTemplateRef("panelEl");
255
+ useScrollbars(panelEl);
254
256
  const visibleMonths = computed(() => props.numberOfMonths ?? props.monthCount);
255
257
  const display = computed(() => formatDateRange(model.value, locale.value));
256
258
  const placeholder = computed(() => props.placeholder ?? messages.value.dateRangeInput.placeholder);
@@ -326,14 +328,18 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
326
328
  label: unref(messages).dateRangeInput.dialogLabel,
327
329
  onOpenChange
328
330
  }, {
329
- content: withCtx(() => [createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [__props.presets?.length ? (openBlock(), createElementBlock("div", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.presets, (preset) => {
331
+ content: withCtx(() => [createElementVNode("div", _hoisted_4, [createElementVNode("div", {
332
+ ref_key: "panelEl",
333
+ ref: panelEl,
334
+ class: "astryx-date-range-panel"
335
+ }, [__props.presets?.length ? (openBlock(), createElementBlock("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.presets, (preset) => {
330
336
  return openBlock(), createElementBlock("button", {
331
337
  key: preset.label,
332
338
  type: "button",
333
339
  class: "astryx-date-range-preset",
334
340
  disabled: presetDisabled(preset),
335
341
  onClick: ($event) => applyPreset(preset)
336
- }, toDisplayString(preset.label), 9, _hoisted_7);
342
+ }, toDisplayString(preset.label), 9, _hoisted_6);
337
343
  }), 128))])) : createCommentVNode("v-if", true), createVNode(_sfc_main$1, {
338
344
  "cursor-year": cursor.value.year,
339
345
  "cursor-month": cursor.value.month,
@@ -360,7 +366,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
360
366
  "min-range-span",
361
367
  "max-range-span",
362
368
  "week-starts-on"
363
- ])])])]),
369
+ ])], 512)])]),
364
370
  default: withCtx(() => [createElementVNode("div", {
365
371
  ref_key: "containerRef",
366
372
  ref: containerRef,
@@ -1,2 +1,2 @@
1
- import { _i as _default, bi as DateTimeInputSize, vi as DateTimeInputEmits, yi as DateTimeInputProps } from "../index-CdtZjkmG.js";
1
+ import { _i as _default, bi as DateTimeInputSize, vi as DateTimeInputEmits, yi as DateTimeInputProps } from "../index-DUaLJO7l.js";
2
2
  export { _default as DateTimeInput, type DateTimeInputEmits, type DateTimeInputProps, type DateTimeInputSize };
@@ -1,2 +1,2 @@
1
- import { t as _sfc_main } from "../DateTimeInput-DHp683jZ.js";
1
+ import { t as _sfc_main } from "../DateTimeInput-A7m2O3bg.js";
2
2
  export { _sfc_main as DateTimeInput };
@@ -5,8 +5,8 @@ import { o as useAstryxMessages } from "./context-iABt_ueM.js";
5
5
  import { t as usePendingChange } from "./usePendingChange-ib-h8FZK.js";
6
6
  import { t as _sfc_main$3 } from "./Spinner-9cYUCnDy.js";
7
7
  import { t as _sfc_main$4 } from "./Field-D5gUEGw4.js";
8
- import { t as _sfc_main$5 } from "./DateInput-u2XKccpK.js";
9
- import { t as _sfc_main$6 } from "./TimeField-ByiJKBRM.js";
8
+ import { t as _sfc_main$5 } from "./DateInput-DT518j5E.js";
9
+ import { t as _sfc_main$6 } from "./TimeField-CoHDGmsP.js";
10
10
  import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeModels, openBlock, ref, unref, useId, useModel, watch, withCtx } from "vue";
11
11
  import "../styles/date-time-input.css";
12
12
  //#region src/DateTimeInput/DateTimeInput.vue
@@ -1,2 +1,2 @@
1
- import { a as _default, c as DialogPadding, d as DialogPurpose, f as DialogVariant, i as _default$1, l as DialogPosition, n as ImperativeDialogReturn, o as DialogBlockPosition, r as useImperativeDialog, s as DialogHeaderProps, t as ImperativeDialogOptions, u as DialogProps } from "../index-uKnRGtzi.js";
1
+ import { a as _default, c as DialogPadding, d as DialogPurpose, f as DialogVariant, i as _default$1, l as DialogPosition, n as ImperativeDialogReturn, o as DialogBlockPosition, r as useImperativeDialog, s as DialogHeaderProps, t as ImperativeDialogOptions, u as DialogProps } from "../index-CqE4Bf3Q.js";
2
2
  export { _default as Dialog, type DialogBlockPosition, _default$1 as DialogHeader, type DialogHeaderProps, type DialogPadding, type DialogPosition, type DialogProps, type DialogPurpose, type DialogVariant, type ImperativeDialogOptions, type ImperativeDialogReturn, useImperativeDialog };
@@ -1,2 +1,2 @@
1
- import { i as DividerVariant, n as DividerOrientation, r as DividerProps, t as _default } from "../index-HV6W3xCx.js";
1
+ import { i as DividerVariant, n as DividerOrientation, r as DividerProps, t as _default } from "../index-Byar3h1e.js";
2
2
  export { _default as Divider, type DividerOrientation, type DividerProps, type DividerVariant };
@@ -1,4 +1,4 @@
1
1
  import { i as _sfc_main$1, n as _sfc_main$6, o as useDropdownMenuContext, r as _sfc_main$5, s as useDropdownMenuRadioGroup } from "../useMenuDrillIn-DzKGkTho.js";
2
- import { a as _sfc_main$2, i as _sfc_main$3, r as _sfc_main$4, t as _sfc_main } from "../DropdownMenu-BEasdJ6R.js";
3
- import { t as _sfc_main$7 } from "../DropdownMenu-SM_BEOgM.js";
2
+ import { a as _sfc_main$2, i as _sfc_main$3, r as _sfc_main$4, t as _sfc_main } from "../DropdownMenu-DEb2dSSP.js";
3
+ import { t as _sfc_main$7 } from "../DropdownMenu-CoOQVlRp.js";
4
4
  export { _sfc_main as DropdownMenu, _sfc_main$1 as DropdownMenuCheckboxItem, _sfc_main$2 as DropdownMenuDivider, _sfc_main$3 as DropdownMenuGroup, _sfc_main$4 as DropdownMenuItem, _sfc_main$5 as DropdownMenuRadioGroup, _sfc_main$6 as DropdownMenuRadioItem, _sfc_main$7 as DropdownMenuSubMenu, useDropdownMenuContext, useDropdownMenuRadioGroup };
@@ -3,7 +3,7 @@ import { o as useAstryxMessages } from "./context-iABt_ueM.js";
3
3
  import { t as _sfc_main$1 } from "./Icon-bteSId7T.js";
4
4
  import { t as _sfc_main$2 } from "./Item-KhFKX9St.js";
5
5
  import { a as dropdownMenuContextKey, o as useDropdownMenuContext } from "./useMenuDrillIn-DzKGkTho.js";
6
- import { n as useMenuFocus, o as MENU_ITEM_ROLES, r as _sfc_main$3, s as activateMenuItem } from "./DropdownMenu-BEasdJ6R.js";
6
+ import { n as useMenuFocus, o as MENU_ITEM_ROLES, r as _sfc_main$3, s as activateMenuItem } from "./DropdownMenu-DEb2dSSP.js";
7
7
  import { t as _sfc_main$4 } from "./Spinner-9cYUCnDy.js";
8
8
  import { t as useSubmenuMode } from "./useSubmenuMode-CZN9qrUo.js";
9
9
  import { Fragment, Teleport, computed, createBlock, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, nextTick, normalizeStyle, onBeforeUnmount, openBlock, provide, ref, renderSlot, unref, useId, useSlots, vShow, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
@@ -4,7 +4,8 @@ import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
4
4
  import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-Cru9_00b.js";
5
5
  import { n as getFocusables } from "./focus-CpficIgf.js";
6
6
  import { t as useTypeahead } from "./useTypeahead-PAK8lMYz.js";
7
- import { t as _sfc_main$6 } from "./BottomSheet-eJ3FzTBD.js";
7
+ import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
8
+ import { t as _sfc_main$6 } from "./BottomSheet-pt7m4CvC.js";
8
9
  import { t as _sfc_main$7 } from "./Icon-bteSId7T.js";
9
10
  import { t as _sfc_main$8 } from "./Item-KhFKX9St.js";
10
11
  import { a as dropdownMenuContextKey, i as _sfc_main$10, n as _sfc_main$9, o as useDropdownMenuContext, r as _sfc_main$11, t as useMenuDrillIn } from "./useMenuDrillIn-DzKGkTho.js";
@@ -638,6 +639,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
638
639
  const triggerId = `astryx-dropdown-menu-trigger-${uid}`;
639
640
  const anchorRef = ref(null);
640
641
  const surfaceRef = ref(null);
642
+ useScrollbars(surfaceRef);
641
643
  const popoverRef = ref(null);
642
644
  const headerRef = ref(null);
643
645
  const footerRef = ref(null);
@@ -1,2 +1,2 @@
1
- import { di as FileInputEmits, fi as FileInputMode, gi as FileInputValue, hi as FileInputStatus, mi as FileInputSize, pi as FileInputProps, ui as _default } from "../index-CdtZjkmG.js";
1
+ import { di as FileInputEmits, fi as FileInputMode, gi as FileInputValue, hi as FileInputStatus, mi as FileInputSize, pi as FileInputProps, ui as _default } from "../index-DUaLJO7l.js";
2
2
  export { _default as FileInput, type FileInputEmits, type FileInputMode, type FileInputProps, type FileInputSize, type FileInputStatus, type FileInputValue };
@@ -1,2 +1,2 @@
1
- import { a as InputGroupSlots, c as INPUT_GROUP_KEY, i as InputGroupSize, l as InputGroupContext, n as _default, o as InputGroupTextProps, r as InputGroupProps, s as InputGroupTextSlots, t as _default$1 } from "../index-CsTbMVDS.js";
1
+ import { a as InputGroupSlots, c as INPUT_GROUP_KEY, i as InputGroupSize, l as InputGroupContext, n as _default, o as InputGroupTextProps, r as InputGroupProps, s as InputGroupTextSlots, t as _default$1 } from "../index-B3Fomy15.js";
2
2
  export { INPUT_GROUP_KEY, _default as InputGroup, type InputGroupContext, type InputGroupProps, type InputGroupSize, type InputGroupSlots, _default$1 as InputGroupText, type InputGroupTextProps, type InputGroupTextSlots };
@@ -1,3 +1,3 @@
1
- import { a as _sfc_main, n as _sfc_main$3, r as _sfc_main$1, t as _sfc_main$4 } from "../LayoutPanel-DeOh00p5.js";
2
- import { t as _sfc_main$2 } from "../Layout-9X6eCUoY.js";
1
+ import { a as _sfc_main, n as _sfc_main$3, r as _sfc_main$1, t as _sfc_main$4 } from "../LayoutPanel-DXOsaeQb.js";
2
+ import { t as _sfc_main$2 } from "../Layout-C6RHllr-.js";
3
3
  export { _sfc_main as Layout, _sfc_main$1 as LayoutContent, _sfc_main$2 as LayoutFooter, _sfc_main$3 as LayoutHeader, _sfc_main$4 as LayoutPanel };
@@ -1,4 +1,4 @@
1
- import { i as regionPaddingStyle, o as useLayoutDividers } from "./LayoutPanel-DeOh00p5.js";
1
+ import { i as regionPaddingStyle, o as useLayoutDividers } from "./LayoutPanel-DXOsaeQb.js";
2
2
  import { t as formatSize } from "./size-Cpn_wzXi.js";
3
3
  import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, useAttrs, useTemplateRef } from "vue";
4
4
  import "../styles/layout.css";
@@ -1,3 +1,4 @@
1
+ import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
1
2
  import { a as supportsInternalContentWidth, i as spacingVariable, t as formatSize } from "./size-Cpn_wzXi.js";
2
3
  import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeProps, normalizeStyle, openBlock, provide, renderSlot, unref, useAttrs, useSlots, useTemplateRef, withCtx } from "vue";
3
4
  import "../styles/layout.css";
@@ -200,6 +201,7 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
200
201
  const props = __props;
201
202
  const attrs = useAttrs();
202
203
  const root = useTemplateRef("root");
204
+ useScrollbars(root, { enabled: () => props.isScrollable });
203
205
  const slots = useLayoutSlots();
204
206
  __expose({ element: root });
205
207
  const panels = computed(() => {
@@ -321,6 +323,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
321
323
  const props = __props;
322
324
  const attrs = useAttrs();
323
325
  const root = useTemplateRef("root");
326
+ useScrollbars(root, { enabled: () => props.isScrollable });
324
327
  const area = useLayoutArea();
325
328
  const slots = useLayoutSlots();
326
329
  __expose({ element: root });
@@ -1,3 +1,3 @@
1
- import { a as LinkWeight, i as LinkSize, n as LinkProps, r as LinkRoot, t as LinkColor } from "../types-H4Bbbxiw.js";
2
- import { t as _default } from "../index-BXk7Wng7.js";
1
+ import { a as LinkWeight, i as LinkSize, n as LinkProps, r as LinkRoot, t as LinkColor } from "../types-BnNTzEnd.js";
2
+ import { t as _default } from "../index-BULhhnGf.js";
3
3
  export { _default as Link, type LinkColor, type LinkProps, type LinkRoot, type LinkSize, type LinkWeight };
@@ -1,3 +1,3 @@
1
1
  import { _ as ListItemSlots, a as ItemLayout, b as ListSlots, c as ItemSwipeAction, d as ItemSwipeSide, f as ItemTarget, g as ListItemProps, h as ListEdgeCompensation, i as ItemLabel, l as ItemSwipeActions, m as ListDensity, n as ItemDensity, o as ItemProps, p as ItemText, r as ItemElement, s as ItemSlots, t as ItemAlign, u as ItemSwipeBehavior, v as ListMarkerStyle, y as ListProps } from "../types-DGYHIu4I.js";
2
- import { a as useListContext, i as useItemDescriptionId, n as _default$1, r as _default, t as _default$2 } from "../index-BUEPz7BL.js";
2
+ import { a as useListContext, i as useItemDescriptionId, n as _default$1, r as _default, t as _default$2 } from "../index-GI9xIV9l.js";
3
3
  export { _default as Item, type ItemAlign, type ItemDensity, type ItemElement, type ItemLabel, type ItemLayout, type ItemProps, type ItemSlots, type ItemSwipeAction, type ItemSwipeActions, type ItemSwipeBehavior, type ItemSwipeSide, type ItemTarget, type ItemText, _default$1 as List, type ListDensity, type ListEdgeCompensation, _default$2 as ListItem, type ListItemProps, type ListItemSlots, type ListMarkerStyle, type ListProps, type ListSlots, useItemDescriptionId, useListContext };
@@ -1,2 +1,2 @@
1
- import { a as applyMarkdownPlugins, c as isMarkdownExtensionNode, i as applyInlinePlugins, n as slugify, o as defineMarkdownPlugin, r as uniqueSlug, s as parseMarkdown, t as _sfc_main } from "../Markdown-2CVyZDuB.js";
1
+ import { a as applyMarkdownPlugins, c as isMarkdownExtensionNode, i as applyInlinePlugins, n as slugify, o as defineMarkdownPlugin, r as uniqueSlug, s as parseMarkdown, t as _sfc_main } from "../Markdown-CvtN7HnF.js";
2
2
  export { _sfc_main as Markdown, applyInlinePlugins, applyMarkdownPlugins, defineMarkdownPlugin, isMarkdownExtensionNode, parseMarkdown, slugify, uniqueSlug };
@@ -4,7 +4,7 @@ import { t as _sfc_main$2 } from "./Heading-BnwWEWkp.js";
4
4
  import { t as _sfc_main$3 } from "./Blockquote-DFqBv_oJ.js";
5
5
  import { t as _sfc_main$4 } from "./CheckboxIndicator-D37cm2Rh.js";
6
6
  import { t as useIndicator } from "./useIndicator-i1NORM7W.js";
7
- import { d as _sfc_main$5, s as parseFenceLanguage, t as _sfc_main$6 } from "./CodeBlock-BUM3czCS.js";
7
+ import { d as _sfc_main$5, s as parseFenceLanguage, t as _sfc_main$6 } from "./CodeBlock-D0BFubut.js";
8
8
  import { t as _sfc_main$7 } from "./Link-BqHCtiyt.js";
9
9
  import { Fragment, computed, defineComponent, h, ref } from "vue";
10
10
  import { fromMarkdown } from "mdast-util-from-markdown";
@@ -1,2 +1,2 @@
1
- import { n as _sfc_main, r as mobileNavKey, t as _sfc_main$1 } from "../MobileNavToggle-C3dkrM98.js";
1
+ import { n as _sfc_main, r as mobileNavKey, t as _sfc_main$1 } from "../MobileNavToggle-DxGz0xKA.js";
2
2
  export { _sfc_main as MobileNav, _sfc_main$1 as MobileNavToggle, mobileNavKey };
@@ -1,6 +1,7 @@
1
1
  import { n as useFocusTrap, t as useRestoreFocus } from "./useRestoreFocus-Djw9RUIf.js";
2
2
  import { o as useAstryxMessages } from "./context-iABt_ueM.js";
3
- import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, provide, ref, renderSlot, toDisplayString, unref, useId, useModel, watch } from "vue";
3
+ import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
4
+ import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, provide, ref, renderSlot, toDisplayString, unref, useId, useModel, useTemplateRef, watch } from "vue";
4
5
  import "../styles/mobile-nav.css";
5
6
  //#region src/MobileNav/context.ts
6
7
  /** 内容渲染在移动导航抽屉里时为 true。菜单在这里改成内联折叠,不再弹出。 */
@@ -15,7 +16,10 @@ const _hoisted_1$1 = [
15
16
  const _hoisted_2 = { class: "astryx-mobile-nav__drawer" };
16
17
  const _hoisted_3 = ["id"];
17
18
  const _hoisted_4 = ["aria-label"];
18
- const _hoisted_5 = { class: "astryx-mobile-nav__body" };
19
+ const _hoisted_5 = {
20
+ ref: "body",
21
+ class: "astryx-mobile-nav__body"
22
+ };
19
23
  const _sfc_main$1 = /*@__PURE__*/ defineComponent({
20
24
  name: "AstryxMobileNav",
21
25
  __name: "MobileNav",
@@ -39,6 +43,8 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
39
43
  const messages = useAstryxMessages();
40
44
  const isOpen = useModel(__props, "isOpen");
41
45
  const dialogRef = ref(null);
46
+ const bodyEl = useTemplateRef("body");
47
+ useScrollbars(bodyEl);
42
48
  const resolvedSide = ref(props.side === "end" ? "end" : "start");
43
49
  const generatedId = `astryx-mobile-nav-${useId()}`;
44
50
  const dialogId = computed(() => props.id || generatedId);
@@ -130,7 +136,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
130
136
  }, [..._cache[1] || (_cache[1] = [createElementVNode("span", {
131
137
  class: "astryx-mobile-nav__close-glyph",
132
138
  "aria-hidden": "true"
133
- }, null, -1)])], 8, _hoisted_4)], 2), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "default")])])], 46, _hoisted_1$1)], 2112);
139
+ }, null, -1)])], 8, _hoisted_4)], 2), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "default")], 512)])], 46, _hoisted_1$1)], 2112);
134
140
  };
135
141
  }
136
142
  });
@@ -1,2 +1,2 @@
1
- import { $r as MoreMenuEmits, Qr as MoreMenuDivider, Zr as _default, ai as MoreMenuPresentation, ci as MoreMenuSection, ei as MoreMenuIcon, ii as MoreMenuOption, li as MoreMenuSlots, ni as MoreMenuItem, oi as MoreMenuProps, ri as MoreMenuItemVariant, si as MoreMenuResolvedPresentation, ti as MoreMenuInitialFocus } from "../index-CdtZjkmG.js";
1
+ import { $r as MoreMenuEmits, Qr as MoreMenuDivider, Zr as _default, ai as MoreMenuPresentation, ci as MoreMenuSection, ei as MoreMenuIcon, ii as MoreMenuOption, li as MoreMenuSlots, ni as MoreMenuItem, oi as MoreMenuProps, ri as MoreMenuItemVariant, si as MoreMenuResolvedPresentation, ti as MoreMenuInitialFocus } from "../index-DUaLJO7l.js";
2
2
  export { _default as MoreMenu, type MoreMenuDivider, type MoreMenuEmits, type MoreMenuIcon, type MoreMenuInitialFocus, type MoreMenuItem, type MoreMenuItemVariant, type MoreMenuOption, type MoreMenuPresentation, type MoreMenuProps, type MoreMenuResolvedPresentation, type MoreMenuSection, type MoreMenuSlots };
@@ -1,2 +1,2 @@
1
- import { t as _sfc_main } from "../MoreMenu-D1WFGqGU.js";
1
+ import { t as _sfc_main } from "../MoreMenu-Dlb7MLlW.js";
2
2
  export { _sfc_main as MoreMenu };
@@ -4,6 +4,7 @@ import { n as getFocusables, t as focusElement } from "./focus-CpficIgf.js";
4
4
  import { t as _sfc_main$5 } from "./IconButton-DDNgNl7B.js";
5
5
  import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
6
6
  import { t as _sfc_main$6 } from "./Heading-BnwWEWkp.js";
7
+ import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
7
8
  import { t as _sfc_main$7 } from "./Icon-bteSId7T.js";
8
9
  import { t as _sfc_main$8 } from "./Divider-BtwnL18I.js";
9
10
  import { n as _sfc_main$10, t as _sfc_main$9 } from "./ListItem-8RWT8XAG.js";
@@ -220,7 +221,7 @@ const _hoisted_6$1 = {
220
221
  key: 2,
221
222
  class: "astryx-more-menu__item-end"
222
223
  };
223
- const _hoisted_7$1 = { class: "astryx-more-menu__item-hint" };
224
+ const _hoisted_7 = { class: "astryx-more-menu__item-hint" };
224
225
  const HOVER_OPEN_DELAY = 150;
225
226
  const _sfc_main$4 = /*@__PURE__*/ defineComponent({
226
227
  name: "AstryxMoreMenuRow",
@@ -358,7 +359,7 @@ const _sfc_main$4 = /*@__PURE__*/ defineComponent({
358
359
  class: "astryx-more-menu__caret",
359
360
  icon: "chevronRight",
360
361
  size: "sm"
361
- })])) : item.value.endContent != null ? (openBlock(), createElementBlock("span", _hoisted_6$1, [createElementVNode("span", _hoisted_7$1, toDisplayString(item.value.endContent), 1)])) : createCommentVNode("v-if", true)
362
+ })])) : item.value.endContent != null ? (openBlock(), createElementBlock("span", _hoisted_6$1, [createElementVNode("span", _hoisted_7, toDisplayString(item.value.endContent), 1)])) : createCommentVNode("v-if", true)
362
363
  ]),
363
364
  _: 1
364
365
  }, 40, [
@@ -436,6 +437,7 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
436
437
  const panel = useTemplateRef("panel");
437
438
  const isPanelOpen = computed(() => props.isOpen);
438
439
  const hasOverflow = useOverflow(panel, isPanelOpen);
440
+ useScrollbars(panel);
439
441
  const openRowKey = ref(null);
440
442
  const renderedRowKey = ref(null);
441
443
  const flyoutFocus = ref("none");
@@ -809,18 +811,17 @@ const _hoisted_1$1 = {
809
811
  };
810
812
  const _hoisted_2 = ["id", "aria-label"];
811
813
  const _hoisted_3 = { class: "astryx-more-menu__sheet-header" };
812
- const _hoisted_4 = { class: "astryx-more-menu__sheet-body" };
813
- const _hoisted_5 = {
814
+ const _hoisted_4 = {
814
815
  key: 0,
815
816
  class: "astryx-more-menu__sheet-divider",
816
817
  role: "presentation"
817
818
  };
818
- const _hoisted_6 = {
819
+ const _hoisted_5 = {
819
820
  key: 1,
820
821
  class: "astryx-more-menu__sheet-group",
821
822
  role: "presentation"
822
823
  };
823
- const _hoisted_7 = ["aria-label"];
824
+ const _hoisted_6 = ["aria-label"];
824
825
  const ROW_CONTROL_SELECTOR = "a[href], button:not([disabled])";
825
826
  const _sfc_main$1 = /*@__PURE__*/ defineComponent({
826
827
  name: "AstryxMoreMenuSheet",
@@ -838,6 +839,8 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
838
839
  const props = __props;
839
840
  const emit = __emit;
840
841
  const sheet = useTemplateRef("sheet");
842
+ const sheetBody = useTemplateRef("sheetBody");
843
+ useScrollbars(sheetBody);
841
844
  const path = ref([]);
842
845
  const drilledRowIds = ref([]);
843
846
  const currentItems = computed(() => path.value.at(-1)?.items ?? props.items);
@@ -1007,12 +1010,16 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
1007
1010
  }, {
1008
1011
  default: withCtx(() => [createTextVNode(toDisplayString(title.value), 1)]),
1009
1012
  _: 1
1010
- })]), createElementVNode("div", _hoisted_4, [createVNode(_sfc_main$10, {
1013
+ })]), createElementVNode("div", {
1014
+ ref_key: "sheetBody",
1015
+ ref: sheetBody,
1016
+ class: "astryx-more-menu__sheet-body"
1017
+ }, [createVNode(_sfc_main$10, {
1011
1018
  class: "astryx-more-menu__sheet-list",
1012
1019
  density: "spacious"
1013
1020
  }, {
1014
1021
  default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(entries.value, (entry) => {
1015
- return openBlock(), createElementBlock(Fragment, { key: entry.key }, [entry.kind === "divider" ? (openBlock(), createElementBlock("li", _hoisted_5, [createVNode(_sfc_main$8)])) : entry.kind === "section" ? (openBlock(), createElementBlock("li", _hoisted_6, [createElementVNode("div", {
1022
+ return openBlock(), createElementBlock(Fragment, { key: entry.key }, [entry.kind === "divider" ? (openBlock(), createElementBlock("li", _hoisted_4, [createVNode(_sfc_main$8)])) : entry.kind === "section" ? (openBlock(), createElementBlock("li", _hoisted_5, [createElementVNode("div", {
1016
1023
  "aria-label": entry.section.title,
1017
1024
  role: "group"
1018
1025
  }, [entry.section.title != null && entry.section.title !== "" ? (openBlock(), createBlock(_sfc_main$6, {
@@ -1033,7 +1040,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
1033
1040
  }, null, 8, ["item", "row-id"]);
1034
1041
  }), 128))]),
1035
1042
  _: 2
1036
- }, 1024)], 8, _hoisted_7)])) : (openBlock(), createBlock(_sfc_main$2, {
1043
+ }, 1024)], 8, _hoisted_6)])) : (openBlock(), createBlock(_sfc_main$2, {
1037
1044
  key: 2,
1038
1045
  item: entry.row.item,
1039
1046
  "row-id": entry.row.rowId,
@@ -1042,7 +1049,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
1042
1049
  }, null, 8, ["item", "row-id"]))], 64);
1043
1050
  }), 128))]),
1044
1051
  _: 1
1045
- })])], 40, _hoisted_2)
1052
+ })], 512)], 40, _hoisted_2)
1046
1053
  ])) : createCommentVNode("v-if", true)]),
1047
1054
  _: 1
1048
1055
  })]);
@@ -1,2 +1,2 @@
1
- import { _ as MultiSelectorSlots, a as MultiSelectorCreateChange, b as MultiSelectorTriggerDisplay, c as MultiSelectorHandle, d as MultiSelectorOptionData, f as MultiSelectorPresentation, g as MultiSelectorSize, h as MultiSelectorSelectedItem, i as MultiSelectorCheckboxPosition, l as MultiSelectorHandleRef, m as MultiSelectorSection, n as flattenOptions, o as MultiSelectorDivider, p as MultiSelectorProps, r as _default, s as MultiSelectorEmits, t as SELECT_ALL_VALUE, u as MultiSelectorOption, v as MultiSelectorStatus, x as MultiSelectorVariant, y as MultiSelectorStatusVariant } from "../index-jW-mP58D.js";
1
+ import { _ as MultiSelectorSlots, a as MultiSelectorCreateChange, b as MultiSelectorTriggerDisplay, c as MultiSelectorHandle, d as MultiSelectorOptionData, f as MultiSelectorPresentation, g as MultiSelectorSize, h as MultiSelectorSelectedItem, i as MultiSelectorCheckboxPosition, l as MultiSelectorHandleRef, m as MultiSelectorSection, n as flattenOptions, o as MultiSelectorDivider, p as MultiSelectorProps, r as _default, s as MultiSelectorEmits, t as SELECT_ALL_VALUE, u as MultiSelectorOption, v as MultiSelectorStatus, x as MultiSelectorVariant, y as MultiSelectorStatusVariant } from "../index-D41_xqjs.js";
2
2
  export { _default as MultiSelector, type MultiSelectorCheckboxPosition, type MultiSelectorCreateChange, type MultiSelectorDivider, type MultiSelectorEmits, type MultiSelectorHandle, type MultiSelectorHandleRef, type MultiSelectorOption, type MultiSelectorOptionData, type MultiSelectorPresentation, type MultiSelectorProps, type MultiSelectorSection, type MultiSelectorSelectedItem, type MultiSelectorSize, type MultiSelectorSlots, type MultiSelectorStatus, type MultiSelectorStatusVariant, type MultiSelectorTriggerDisplay, type MultiSelectorVariant, SELECT_ALL_VALUE, flattenOptions };
@@ -1,2 +1,2 @@
1
- import { n as SELECT_ALL_VALUE, r as flattenOptions, t as _sfc_main } from "../MultiSelector-BeV98x7X.js";
1
+ import { n as SELECT_ALL_VALUE, r as flattenOptions, t as _sfc_main } from "../MultiSelector-BtAUfQ3t.js";
2
2
  export { _sfc_main as MultiSelector, SELECT_ALL_VALUE, flattenOptions };
@@ -6,7 +6,8 @@ import { t as useDisclosureHandle } from "./useDisclosureHandle-Df3HhAfC.js";
6
6
  import { t as useFieldControlState } from "./useFieldControlState-voICDrys.js";
7
7
  import { o as useAstryxMessages } from "./context-iABt_ueM.js";
8
8
  import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
9
- import { t as _sfc_main$2 } from "./BottomSheet-eJ3FzTBD.js";
9
+ import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
10
+ import { t as _sfc_main$2 } from "./BottomSheet-pt7m4CvC.js";
10
11
  import { t as _sfc_main$3 } from "./Icon-bteSId7T.js";
11
12
  import { t as _sfc_main$4 } from "./Spinner-9cYUCnDy.js";
12
13
  import { t as useIndicator } from "./useIndicator-i1NORM7W.js";
@@ -331,6 +332,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
331
332
  const listboxRef = useTemplateRef("listboxRef");
332
333
  const triggerRef = useTemplateRef("triggerRef");
333
334
  const searchRef = useTemplateRef("searchRef");
335
+ useScrollbars(listboxRef);
334
336
  const query = ref("");
335
337
  const readOnlyId = `${triggerId}-readonly`;
336
338
  const disabledTooltipId = `${triggerId}-disabled-tooltip`;
@@ -1,3 +1,3 @@
1
1
  import { a as NavItemSize, i as NavItemProps, n as NavIconSlots, o as NavItemSlots, r as NavItemEmits, s as NavLinkComponent, t as NavIconProps } from "../types-BG23kC3S.js";
2
- import { n as _default, r as resolveNavRoot, t as _default$1 } from "../index-DYp2RWkM.js";
2
+ import { n as _default, r as resolveNavRoot, t as _default$1 } from "../index-CL1T2j4y.js";
3
3
  export { _default as NavIcon, type NavIconProps, type NavIconSlots, _default$1 as NavItem, type NavItemEmits, type NavItemProps, type NavItemSize, type NavItemSlots, type NavLinkComponent, resolveNavRoot };
@@ -1,2 +1,2 @@
1
- import { Jr as NumberInputEmits, Xr as NumberInputStatus, Yr as NumberInputProps, qr as _default } from "../index-CdtZjkmG.js";
1
+ import { Jr as NumberInputEmits, Xr as NumberInputStatus, Yr as NumberInputProps, qr as _default } from "../index-DUaLJO7l.js";
2
2
  export { _default as NumberInput, type NumberInputEmits, type NumberInputProps, type NumberInputStatus };
@@ -1,2 +1,2 @@
1
- import { Gr as OverflowListItem, Kr as OverflowListProps, Ur as _default, Wr as OverflowListEmits } from "../index-CdtZjkmG.js";
1
+ import { Gr as OverflowListItem, Kr as OverflowListProps, Ur as _default, Wr as OverflowListEmits } from "../index-DUaLJO7l.js";
2
2
  export { _default as OverflowList, type OverflowListEmits, type OverflowListItem, type OverflowListProps };
@@ -1,2 +1,2 @@
1
- import { a as PaginationSlots, i as PaginationSize, n as PaginationEmits, o as PaginationVariant, r as PaginationProps, t as _default } from "../index-CY-KvZ9B.js";
1
+ import { a as PaginationSlots, i as PaginationSize, n as PaginationEmits, o as PaginationVariant, r as PaginationProps, t as _default } from "../index-B9e52paP.js";
2
2
  export { _default as Pagination, type PaginationEmits, type PaginationProps, type PaginationSize, type PaginationSlots, type PaginationVariant };
@@ -1,2 +1,2 @@
1
- import { t as _sfc_main } from "../Pagination-Cc4BrjQg.js";
1
+ import { t as _sfc_main } from "../Pagination-DqwNQFRp.js";
2
2
  export { _sfc_main as Pagination };
@@ -1,6 +1,6 @@
1
1
  import { o as useAstryxMessages } from "./context-iABt_ueM.js";
2
2
  import { t as usePendingChange } from "./usePendingChange-ib-h8FZK.js";
3
- import { t as _sfc_main$1 } from "./Selector-DuVozKNq.js";
3
+ import { t as _sfc_main$1 } from "./Selector-DJ2BhUTV.js";
4
4
  import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, toValue, unref, vShow, watch, withDirectives, withKeys } from "vue";
5
5
  import "../styles/pagination.css";
6
6
  /**
@@ -1,3 +1,3 @@
1
1
  import { a as PopoverRole, i as PopoverProps, n as PopoverPadding, r as PopoverPlacement, t as PopoverAlignment } from "../types-OGMYGejX.js";
2
- import { i as _default, n as UsePopoverReturn, r as usePopover, t as UsePopoverOptions } from "../index-WnUY4Kxu.js";
2
+ import { i as _default, n as UsePopoverReturn, r as usePopover, t as UsePopoverOptions } from "../index-DVmgNb78.js";
3
3
  export { _default as Popover, type PopoverAlignment, type PopoverPadding, type PopoverPlacement, type PopoverProps, type PopoverRole, type UsePopoverOptions, type UsePopoverReturn, usePopover };
@@ -1,2 +1,2 @@
1
- import { n as usePopover, t as _sfc_main } from "../Popover-CtoBfVlD.js";
1
+ import { n as usePopover, t as _sfc_main } from "../Popover-DJf8POzL.js";
2
2
  export { _sfc_main as Popover, usePopover };
@@ -3,6 +3,7 @@ import { n as useDismiss } from "./usePositionedLayer-Cru9_00b.js";
3
3
  import { n as getFocusables, t as focusElement } from "./focus-CpficIgf.js";
4
4
  import { n as useFocusTrap, t as useRestoreFocus } from "./useRestoreFocus-Djw9RUIf.js";
5
5
  import { n as useLayer, t as useMergedRefs } from "./useMergedRefs-CfHHlCsn.js";
6
+ import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
6
7
  import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, onMounted, onScopeDispose, onUpdated, openBlock, ref, renderSlot, shallowRef, toValue, unref, vShow, watch, withDirectives } from "vue";
7
8
  import "../styles/popover.css";
8
9
  //#region src/Popover/usePopover.ts
@@ -175,8 +176,7 @@ function usePopover(options = {}) {
175
176
  //#endregion
176
177
  //#region src/Popover/Popover.vue
177
178
  const _hoisted_1 = ["data-placement"];
178
- const _hoisted_2 = { class: "astryx-popover__body" };
179
- const _hoisted_3 = {
179
+ const _hoisted_2 = {
180
180
  key: 0,
181
181
  class: "astryx-popover__close"
182
182
  };
@@ -244,6 +244,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
244
244
  const { triggerRef, anchorRef, contentRef, isOpen: isOpenState, contentStyle: layerStyle, resolvedPlacement, surfaceProps } = popover;
245
245
  const setContentRef = useMergedRefs([contentRef]);
246
246
  const wrapperRef = ref(null);
247
+ const bodyRef = ref(null);
248
+ useScrollbars(bodyRef);
247
249
  const anchorWidth = ref(0);
248
250
  const surfaceStyle = computed(() => {
249
251
  const style = {
@@ -290,7 +292,11 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
290
292
  class: "astryx-popover",
291
293
  "data-placement": unref(resolvedPlacement),
292
294
  style: surfaceStyle.value
293
- }, unref(surfaceProps)), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "content")]), __props.hasCloseButton ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(_sfc_main$1), {
295
+ }, unref(surfaceProps)), [createElementVNode("div", {
296
+ ref_key: "bodyRef",
297
+ ref: bodyRef,
298
+ class: "astryx-popover__body"
299
+ }, [renderSlot(_ctx.$slots, "content")], 512), __props.hasCloseButton ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(_sfc_main$1), {
294
300
  variant: "secondary",
295
301
  label: __props.closeButtonLabel,
296
302
  onClick: _cache[0] || (_cache[0] = ($event) => unref(popover).hide())
@@ -1,2 +1,2 @@
1
- import { A as PowerSearchItem, C as PowerSearchEmits, D as PowerSearchFieldType, E as PowerSearchFieldDefinition, F as PowerSearchSlots, I as PowerSearchStatus, M as PowerSearchOverflow, N as PowerSearchProps, O as PowerSearchFilter, P as PowerSearchSize, S as PowerSearchConfig, T as PowerSearchField, _ as FilterValue, a as usePowerSearchConfig, b as PowerSearchChangeType, c as resolveOperatorLabel, d as formatFilterValue, f as completePowerSearchFilter, g as DateTimeRangePart, h as DateTimeRange, i as createPowerSearchConfig, j as PowerSearchOperator, k as PowerSearchHandle, l as formatDateAbsolute, m as createPowerSearchLookup, n as InferPowerSearchData, o as _default, p as PowerSearchLookup, r as applyPowerSearchFilters, s as resolveEditorPlacement, t as searchPowerSearchFields, u as formatDateAbsoluteCompact, v as OperatorValue, w as PowerSearchEntity, x as PowerSearchComponents, y as PartialFilter } from "../index-DQmK3Lq_.js";
1
+ import { A as PowerSearchItem, C as PowerSearchEmits, D as PowerSearchFieldType, E as PowerSearchFieldDefinition, F as PowerSearchSlots, I as PowerSearchStatus, M as PowerSearchOverflow, N as PowerSearchProps, O as PowerSearchFilter, P as PowerSearchSize, S as PowerSearchConfig, T as PowerSearchField, _ as FilterValue, a as usePowerSearchConfig, b as PowerSearchChangeType, c as resolveOperatorLabel, d as formatFilterValue, f as completePowerSearchFilter, g as DateTimeRangePart, h as DateTimeRange, i as createPowerSearchConfig, j as PowerSearchOperator, k as PowerSearchHandle, l as formatDateAbsolute, m as createPowerSearchLookup, n as InferPowerSearchData, o as _default, p as PowerSearchLookup, r as applyPowerSearchFilters, s as resolveEditorPlacement, t as searchPowerSearchFields, u as formatDateAbsoluteCompact, v as OperatorValue, w as PowerSearchEntity, x as PowerSearchComponents, y as PartialFilter } from "../index-B42oE_F-.js";
2
2
  export { type DateTimeRange, type DateTimeRangePart, type FilterValue, type InferPowerSearchData, type OperatorValue, type PartialFilter, _default as PowerSearch, type PowerSearchChangeType, type PowerSearchComponents, type PowerSearchConfig, type PowerSearchEmits, type PowerSearchEntity, type PowerSearchField, type PowerSearchFieldDefinition, type PowerSearchFieldType, type PowerSearchFilter, type PowerSearchHandle, type PowerSearchItem, type PowerSearchLookup, type PowerSearchOperator, type PowerSearchOverflow, type PowerSearchProps, type PowerSearchSize, type PowerSearchSlots, type PowerSearchStatus, applyPowerSearchFilters, completePowerSearchFilter, createPowerSearchConfig, createPowerSearchLookup, formatDateAbsolute, formatDateAbsoluteCompact, formatFilterValue, resolveEditorPlacement, resolveOperatorLabel, searchPowerSearchFields, usePowerSearchConfig };
@@ -1,2 +1,2 @@
1
- import { a as searchPowerSearchFields, c as formatDateAbsolute, d as createPowerSearchLookup, f as completePowerSearchFilter, i as _sfc_main, l as formatDateAbsoluteCompact, n as createPowerSearchConfig, o as resolveEditorPlacement, r as usePowerSearchConfig, s as resolveOperatorLabel, t as applyPowerSearchFilters, u as formatFilterValue } from "../PowerSearch-DHoiObLn.js";
1
+ import { a as searchPowerSearchFields, c as formatDateAbsolute, d as createPowerSearchLookup, f as completePowerSearchFilter, i as _sfc_main, l as formatDateAbsoluteCompact, n as createPowerSearchConfig, o as resolveEditorPlacement, r as usePowerSearchConfig, s as resolveOperatorLabel, t as applyPowerSearchFilters, u as formatFilterValue } from "../PowerSearch-DvjiPqMZ.js";
2
2
  export { _sfc_main as PowerSearch, applyPowerSearchFilters, completePowerSearchFilter, createPowerSearchConfig, createPowerSearchLookup, formatDateAbsolute, formatDateAbsoluteCompact, formatFilterValue, resolveEditorPlacement, resolveOperatorLabel, searchPowerSearchFields, usePowerSearchConfig };