@adyen/bento-vue3 1.96.1 → 1.97.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 (176) hide show
  1. package/dist/@types/index.d.ts +159 -125
  2. package/dist/action-bar.js +1 -1
  3. package/dist/ai-tag.js +1 -1
  4. package/dist/alert.js +1 -1
  5. package/dist/assets/accordion-item.css +1 -1
  6. package/dist/assets/action-bar.css +1 -1
  7. package/dist/assets/alert.css +1 -1
  8. package/dist/assets/base-modal.css +1 -1
  9. package/dist/assets/button-actions.css +1 -1
  10. package/dist/assets/calendar.css +1 -1
  11. package/dist/assets/card.css +1 -1
  12. package/dist/assets/country.css +1 -1
  13. package/dist/assets/data-grid.css +1 -1
  14. package/dist/assets/date-picker.css +1 -1
  15. package/dist/assets/date-range-picker.css +1 -1
  16. package/dist/assets/date-time-picker.css +1 -1
  17. package/dist/assets/dialog-page.css +1 -1
  18. package/dist/assets/dropdown.css +1 -1
  19. package/dist/assets/file-uploader.css +1 -1
  20. package/dist/assets/filter-bar.css +1 -1
  21. package/dist/assets/inspector.css +1 -1
  22. package/dist/assets/modal-fullscreen.css +1 -1
  23. package/dist/assets/navigation-menu-group.css +1 -1
  24. package/dist/assets/secondary-nav.css +1 -1
  25. package/dist/assets/sidepanel.css +1 -1
  26. package/dist/assets/summary-grid.css +1 -1
  27. package/dist/assets/textarea.css +1 -1
  28. package/dist/button.js +1 -1
  29. package/dist/card.js +1 -1
  30. package/dist/checkbox.js +2 -2
  31. package/dist/chunks/{action-bar.CIVprT2U.js → action-bar.BEV9uXHS.js} +3 -3
  32. package/dist/chunks/{action-bar.CIVprT2U.js.map → action-bar.BEV9uXHS.js.map} +1 -1
  33. package/dist/chunks/{ai-tag.DkTlRY__.js → ai-tag.BSzY3-0w.js} +2 -2
  34. package/dist/chunks/{ai-tag.DkTlRY__.js.map → ai-tag.BSzY3-0w.js.map} +1 -1
  35. package/dist/chunks/{alert.RD0qOLhx.js → alert.V1imvtyI.js} +3 -3
  36. package/dist/chunks/alert.V1imvtyI.js.map +1 -0
  37. package/dist/chunks/{base-modal.BKtpH-qh.js → base-modal.B7SiRo7c.js} +3 -3
  38. package/dist/chunks/{base-modal.BKtpH-qh.js.map → base-modal.B7SiRo7c.js.map} +1 -1
  39. package/dist/chunks/{button-actions-with-menu.cMAAF47d.js → button-actions-with-menu.DoUcLg-M.js} +2 -2
  40. package/dist/chunks/{button-actions-with-menu.cMAAF47d.js.map → button-actions-with-menu.DoUcLg-M.js.map} +1 -1
  41. package/dist/chunks/{button-actions.CxTxPprd.js → button-actions.CWmTl4cF.js} +170 -161
  42. package/dist/chunks/{button-actions.CxTxPprd.js.map → button-actions.CWmTl4cF.js.map} +1 -1
  43. package/dist/chunks/calendar.6NKd6IMo.js +1272 -0
  44. package/dist/chunks/calendar.6NKd6IMo.js.map +1 -0
  45. package/dist/chunks/{card.CQlyqa5-.js → card.Ca7FkYxy.js} +2 -2
  46. package/dist/chunks/{card.CQlyqa5-.js.map → card.Ca7FkYxy.js.map} +1 -1
  47. package/dist/chunks/{checkbox-group.BcDIXL27.js → checkbox-group.BWx4wn0F.js} +2 -2
  48. package/dist/chunks/{checkbox-group.BcDIXL27.js.map → checkbox-group.BWx4wn0F.js.map} +1 -1
  49. package/dist/chunks/{checkbox.LTRqb-pE.js → checkbox.DwfrmbwI.js} +18 -18
  50. package/dist/chunks/{checkbox.LTRqb-pE.js.map → checkbox.DwfrmbwI.js.map} +1 -1
  51. package/dist/chunks/{code-snippet.DHzB-8JJ.js → code-snippet.Cp61a0Ud.js} +3 -3
  52. package/dist/chunks/{code-snippet.DHzB-8JJ.js.map → code-snippet.Cp61a0Ud.js.map} +1 -1
  53. package/dist/chunks/{country.15m_ATbO.js → country.a-fpQGLP.js} +2 -2
  54. package/dist/chunks/country.a-fpQGLP.js.map +1 -0
  55. package/dist/chunks/{dashboard-section.Da6ZFGtm.js → dashboard-section.BR0xU-b-.js} +2 -2
  56. package/dist/chunks/{dashboard-section.Da6ZFGtm.js.map → dashboard-section.BR0xU-b-.js.map} +1 -1
  57. package/dist/chunks/{dashed-underline.DJmMXcdt.js → dashed-underline.CxpIRlCx.js} +2 -2
  58. package/dist/chunks/{dashed-underline.DJmMXcdt.js.map → dashed-underline.CxpIRlCx.js.map} +1 -1
  59. package/dist/chunks/{data-grid-template.-MuGcJp1.js → data-grid-template.LTILymaF.js} +2 -2
  60. package/dist/chunks/{data-grid-template.-MuGcJp1.js.map → data-grid-template.LTILymaF.js.map} +1 -1
  61. package/dist/chunks/{data-grid.kZgqWqQx.js → data-grid.xcmkjuyg.js} +26 -27
  62. package/dist/chunks/{data-grid.kZgqWqQx.js.map → data-grid.xcmkjuyg.js.map} +1 -1
  63. package/dist/chunks/date-picker.CCETX031.js +279 -0
  64. package/dist/chunks/date-picker.CCETX031.js.map +1 -0
  65. package/dist/chunks/date-picker.types.Ckt7zxGy.js.map +1 -1
  66. package/dist/chunks/date-range-picker.CtGaxtYh.js +1095 -0
  67. package/dist/chunks/date-range-picker.CtGaxtYh.js.map +1 -0
  68. package/dist/chunks/date-range-picker.types.Ckt7zxGy.js.map +1 -1
  69. package/dist/chunks/{draggable-handle.C1dudqKz.js → draggable-handle.CUecl-HB.js} +2 -2
  70. package/dist/chunks/{draggable-handle.C1dudqKz.js.map → draggable-handle.CUecl-HB.js.map} +1 -1
  71. package/dist/chunks/{dropdown-tag.C1ei1SyR.js → dropdown-tag.BgZYYc_D.js} +2 -2
  72. package/dist/chunks/{dropdown-tag.C1ei1SyR.js.map → dropdown-tag.BgZYYc_D.js.map} +1 -1
  73. package/dist/chunks/dropdown.C97ShfXZ.js +2958 -0
  74. package/dist/chunks/dropdown.C97ShfXZ.js.map +1 -0
  75. package/dist/chunks/{file-uploader.C9YOBRQg.js → file-uploader.CXgAfp0m.js} +2 -2
  76. package/dist/chunks/{file-uploader.C9YOBRQg.js.map → file-uploader.CXgAfp0m.js.map} +1 -1
  77. package/dist/chunks/{filter-bar.CzFtzztU.js → filter-bar.D8BVPHLT.js} +44 -41
  78. package/dist/chunks/filter-bar.D8BVPHLT.js.map +1 -0
  79. package/dist/chunks/{footer-actions.zlKq74F1.js → footer-actions.C_HlJeXP.js} +2 -2
  80. package/dist/chunks/{footer-actions.zlKq74F1.js.map → footer-actions.C_HlJeXP.js.map} +1 -1
  81. package/dist/chunks/{form-layout-title.Kwve4xv2.js → form-layout-title.CWw0poO8.js} +2 -2
  82. package/dist/chunks/{form-layout-title.Kwve4xv2.js.map → form-layout-title.CWw0poO8.js.map} +1 -1
  83. package/dist/chunks/{header-meta.NFZo1ACP.js → header-meta.yBxBW12f.js} +2 -2
  84. package/dist/chunks/{header-meta.NFZo1ACP.js.map → header-meta.yBxBW12f.js.map} +1 -1
  85. package/dist/chunks/{header-with-views.ubPTyW9A.js → header-with-views.qCyKEZW1.js} +8 -8
  86. package/dist/chunks/{header-with-views.ubPTyW9A.js.map → header-with-views.qCyKEZW1.js.map} +1 -1
  87. package/dist/chunks/{header.Ds0sFKBB.js → header.aJLkRe1D.js} +3 -3
  88. package/dist/chunks/{header.Ds0sFKBB.js.map → header.aJLkRe1D.js.map} +1 -1
  89. package/dist/chunks/{input-field-password.CZ-NTpZF.js → input-field-password.DUSoJYKT.js} +3 -3
  90. package/dist/chunks/{input-field-password.CZ-NTpZF.js.map → input-field-password.DUSoJYKT.js.map} +1 -1
  91. package/dist/chunks/{input-field-phone-number.DOHk6gSp.js → input-field-phone-number.Q-bQJL4g.js} +2 -2
  92. package/dist/chunks/{input-field-phone-number.DOHk6gSp.js.map → input-field-phone-number.Q-bQJL4g.js.map} +1 -1
  93. package/dist/chunks/{input-field.DBlTGgAD.js → input-field.CvnmfrzQ.js} +2 -2
  94. package/dist/chunks/{input-field.DBlTGgAD.js.map → input-field.CvnmfrzQ.js.map} +1 -1
  95. package/dist/chunks/{input-time.CHIjCO74.js → input-time.CGPUOOQ9.js} +45 -45
  96. package/dist/chunks/{input-time.CHIjCO74.js.map → input-time.CGPUOOQ9.js.map} +1 -1
  97. package/dist/chunks/{modal-fullscreen.DmruiE3n.js → modal-fullscreen.CBxh_3gU.js} +2 -2
  98. package/dist/chunks/{modal-fullscreen.DmruiE3n.js.map → modal-fullscreen.CBxh_3gU.js.map} +1 -1
  99. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.CrJQWuzb.js → modal.vue_vue_type_script_setup_true_lang.C3xuswtY.js} +4 -4
  100. package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.CrJQWuzb.js.map → modal.vue_vue_type_script_setup_true_lang.C3xuswtY.js.map} +1 -1
  101. package/dist/chunks/{pagination.DbpHH_53.js → pagination.cNByWBP1.js} +2 -2
  102. package/dist/chunks/{pagination.DbpHH_53.js.map → pagination.cNByWBP1.js.map} +1 -1
  103. package/dist/chunks/{rich-text-editor.u-V4fNWK.js → rich-text-editor.CJA_d518.js} +3 -3
  104. package/dist/chunks/{rich-text-editor.u-V4fNWK.js.map → rich-text-editor.CJA_d518.js.map} +1 -1
  105. package/dist/chunks/{search-bar.TKgi1KLs.js → search-bar.CLjqWNaI.js} +6 -6
  106. package/dist/chunks/{search-bar.TKgi1KLs.js.map → search-bar.CLjqWNaI.js.map} +1 -1
  107. package/dist/chunks/{secondary-nav.0OsJiAWI.js → secondary-nav.BU47gyEO.js} +2 -2
  108. package/dist/chunks/{secondary-nav.0OsJiAWI.js.map → secondary-nav.BU47gyEO.js.map} +1 -1
  109. package/dist/chunks/{selection-card-group.C59ZIrVm.js → selection-card-group.C2Av3uyz.js} +9 -9
  110. package/dist/chunks/{selection-card-group.C59ZIrVm.js.map → selection-card-group.C2Av3uyz.js.map} +1 -1
  111. package/dist/chunks/{sidepanel.BVQt6Tac.js → sidepanel.Dw2If3qM.js} +3 -3
  112. package/dist/chunks/{sidepanel.BVQt6Tac.js.map → sidepanel.Dw2If3qM.js.map} +1 -1
  113. package/dist/chunks/{summary-grid.types.9sUs0LS0.js → summary-grid.types.Cnrc4ThJ.js} +3 -3
  114. package/dist/chunks/summary-grid.types.Cnrc4ThJ.js.map +1 -0
  115. package/dist/chunks/{timeline-item.DfwOm5do.js → timeline-item.BWhCoOf1.js} +3 -3
  116. package/dist/chunks/{timeline-item.DfwOm5do.js.map → timeline-item.BWhCoOf1.js.map} +1 -1
  117. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.B5-sWGlz.js → tutorial.vue_vue_type_script_setup_true_lang.QWcInKo7.js} +2 -2
  118. package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.B5-sWGlz.js.map → tutorial.vue_vue_type_script_setup_true_lang.QWcInKo7.js.map} +1 -1
  119. package/dist/chunks/use-bento-delayed-hover.Csc3nIWt.js.map +1 -1
  120. package/dist/chunks/{use-date-input-formatter.x285YiSd.js → use-date-input-formatter.QXaVIBS0.js} +2 -2
  121. package/dist/chunks/{use-date-input-formatter.x285YiSd.js.map → use-date-input-formatter.QXaVIBS0.js.map} +1 -1
  122. package/dist/code-snippet.js +1 -1
  123. package/dist/country.js +1 -1
  124. package/dist/dashboard-template.js +1 -1
  125. package/dist/dashed-underline.js +1 -1
  126. package/dist/data-grid-template.js +1 -1
  127. package/dist/data-grid.js +1 -1
  128. package/dist/date-picker.js +2 -2
  129. package/dist/date-range-picker.js +2 -2
  130. package/dist/date-time-picker.js +87 -79
  131. package/dist/date-time-picker.js.map +1 -1
  132. package/dist/draggable.js +1 -1
  133. package/dist/dropdown.js +11 -12
  134. package/dist/dropdown.js.map +1 -1
  135. package/dist/file-uploader.js +1 -1
  136. package/dist/filter-bar.js +1 -1
  137. package/dist/form-layout.js +1 -1
  138. package/dist/header-with-views.js +1 -1
  139. package/dist/header.js +1 -1
  140. package/dist/index.js +255 -256
  141. package/dist/index.js.map +1 -1
  142. package/dist/input-field-password.js +1 -1
  143. package/dist/input-field-phone-number.js +1 -1
  144. package/dist/input-field.js +1 -1
  145. package/dist/input-time.js +1 -1
  146. package/dist/internal.js +13 -13
  147. package/dist/menu.js +1 -1
  148. package/dist/modal-fullscreen.js +1 -1
  149. package/dist/modal.js +2 -2
  150. package/dist/pagination.js +1 -1
  151. package/dist/popover.js +1 -1
  152. package/dist/rich-text-editor.js +1 -1
  153. package/dist/search-bar.js +2 -2
  154. package/dist/secondary-nav.js +1 -1
  155. package/dist/selection-card.js +1 -1
  156. package/dist/sidepanel.js +1 -1
  157. package/dist/summary-grid.js +1 -1
  158. package/dist/timeline.js +1 -1
  159. package/dist/tutorial.js +1 -1
  160. package/dist/web-types.json +1 -1
  161. package/package.json +4 -4
  162. package/dist/assets/use-cached-selected-values.css +0 -1
  163. package/dist/chunks/alert.RD0qOLhx.js.map +0 -1
  164. package/dist/chunks/calendar.iQyNwQBL.js +0 -1207
  165. package/dist/chunks/calendar.iQyNwQBL.js.map +0 -1
  166. package/dist/chunks/country.15m_ATbO.js.map +0 -1
  167. package/dist/chunks/date-picker.DyImOUH4.js +0 -277
  168. package/dist/chunks/date-picker.DyImOUH4.js.map +0 -1
  169. package/dist/chunks/date-range-picker.BigC6wm2.js +0 -1019
  170. package/dist/chunks/date-range-picker.BigC6wm2.js.map +0 -1
  171. package/dist/chunks/dropdown.C5um1anU.js +0 -1233
  172. package/dist/chunks/dropdown.C5um1anU.js.map +0 -1
  173. package/dist/chunks/filter-bar.CzFtzztU.js.map +0 -1
  174. package/dist/chunks/summary-grid.types.9sUs0LS0.js.map +0 -1
  175. package/dist/chunks/use-cached-selected-values.DOw5IKdU.js +0 -1740
  176. package/dist/chunks/use-cached-selected-values.DOw5IKdU.js.map +0 -1
@@ -1,1207 +0,0 @@
1
- import { defineComponent as fe, computed as O, resolveComponent as lt, openBlock as I, createElementBlock as _, withKeys as te, normalizeClass as Ae, createElementVNode as $, createVNode as H, withCtx as Q, createTextVNode as Ie, toDisplayString as we, ref as z, watch as oe, nextTick as it, toRef as x, withDirectives as He, mergeProps as qe, toHandlers as Qe, createBlock as Z, unref as N, createCommentVNode as ne, Fragment as J, renderList as X, reactive as Ke, resolveDynamicComponent as dt } from "vue";
2
- import { B as Oe } from "./button.DWF7FSIw.js";
3
- import { B as ke } from "./typography.B3J6_tYk.js";
4
- import { u as Be } from "./index.B875RXHM.js";
5
- import { g as Ve } from "./generate-uid.DBWe4g6T.js";
6
- import { a as ze } from "./keyboard-navigation.DWmhelVv.js";
7
- import { c as ct } from "./index.oOAkh64h.js";
8
- import { t as w, c as ue, n as De, k as Pe, w as ft, g as Je } from "./en-US.BR6y7foR.js";
9
- import { d as Ce, a as Me, b as Dt } from "./differenceInMonths.yz4Dfe-b.js";
10
- import { s as Ne } from "./startOfWeek.muMEhS7U.js";
11
- import { C as Xe, a as Ze } from "./chevron-left.C_vPW7OR.js";
12
- import { _ as ve } from "./_plugin-vue_export-helper.CHgC5LLL.js";
13
- import { B as vt, a as mt } from "./date.R2Wz6o7J.js";
14
- import "../assets/calendar.css";
15
- var re = /* @__PURE__ */ ((e) => (e[e.MONDAY = 1] = "MONDAY", e[e.SATURDAY = 6] = "SATURDAY", e[e.SUNDAY = 0] = "SUNDAY", e))(re || {}), ae = /* @__PURE__ */ ((e) => (e.FIRST = "first", e.LAST = "last", e.MIDDLE = "middle", e.UNIQUE = "unique", e))(ae || {}), K = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.START_DATE_SELECTED = "start-date-selected", e.END_DATE_SELECTED = "end-date-selected", e))(K || {}), Ye = /* @__PURE__ */ ((e) => (e.DAY = "day", e.MONTH = "month", e))(Ye || {});
16
- function le(e, t, n) {
17
- const a = w(e, n?.in);
18
- return isNaN(t) ? ue(n?.in || e, NaN) : (t && a.setDate(a.getDate() + t), a);
19
- }
20
- function q(e, t, n) {
21
- const a = w(e, n?.in);
22
- if (isNaN(t)) return ue(n?.in || e, NaN);
23
- if (!t)
24
- return a;
25
- const o = a.getDate(), s = ue(n?.in || e, a.getTime());
26
- s.setMonth(a.getMonth() + t + 1, 0);
27
- const l = s.getDate();
28
- return o >= l ? s : (a.setFullYear(
29
- s.getFullYear(),
30
- s.getMonth(),
31
- o
32
- ), a);
33
- }
34
- function ee(e, t) {
35
- const n = w(e, t?.in);
36
- return n.setHours(0, 0, 0, 0), n;
37
- }
38
- function ht(e, t, n) {
39
- const [a, o] = De(
40
- n?.in,
41
- e,
42
- t
43
- ), s = ee(a), l = ee(o), u = +s - Pe(s), f = +l - Pe(l);
44
- return Math.round((u - f) / ft);
45
- }
46
- function et(e, t, n) {
47
- return q(e, t * 3, n);
48
- }
49
- function tt(e, t, n) {
50
- return le(e, t * 7, n);
51
- }
52
- function nt(e, t, n) {
53
- return q(e, t * 12, n);
54
- }
55
- function ge(e, t, n) {
56
- const [a, o] = De(
57
- n?.in,
58
- e,
59
- t
60
- );
61
- return +ee(a) == +ee(o);
62
- }
63
- function xe(e, t) {
64
- const n = w(e, t?.in);
65
- return Math.trunc(n.getMonth() / 3) + 1;
66
- }
67
- function yt(e, t, n) {
68
- const [a, o] = De(
69
- n?.in,
70
- e,
71
- t
72
- ), s = a.getFullYear() - o.getFullYear(), l = xe(a) - xe(o);
73
- return s * 4 + l;
74
- }
75
- function at(e, t, n) {
76
- const [a, o] = De(
77
- n?.in,
78
- e,
79
- t
80
- ), s = Ge(a, o), l = Math.abs(
81
- ht(a, o)
82
- );
83
- a.setDate(a.getDate() - s * l);
84
- const u = +(Ge(a, o) === -s), f = s * (l - u);
85
- return f === 0 ? 0 : f;
86
- }
87
- function Ge(e, t) {
88
- const n = e.getFullYear() - t.getFullYear() || e.getMonth() - t.getMonth() || e.getDate() - t.getDate() || e.getHours() - t.getHours() || e.getMinutes() - t.getMinutes() || e.getSeconds() - t.getSeconds() || e.getMilliseconds() - t.getMilliseconds();
89
- return n < 0 ? -1 : n > 0 ? 1 : n;
90
- }
91
- function be(e, t) {
92
- const n = w(e, t?.in), a = n.getMonth(), o = a - a % 3;
93
- return n.setMonth(o, 1), n.setHours(0, 0, 0, 0), n;
94
- }
95
- function ce(e, t) {
96
- const n = w(e, t?.in);
97
- return n.setDate(1), n.setHours(0, 0, 0, 0), n;
98
- }
99
- function je(e, t) {
100
- const n = w(e, t?.in);
101
- return n.setFullYear(n.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
102
- }
103
- function Ee(e, t) {
104
- const n = Je(), a = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, o = w(e, t?.in), s = o.getDay(), l = (s < a ? -7 : 0) + 6 - (s - a);
105
- return o.setDate(o.getDate() + l), o.setHours(23, 59, 59, 999), o;
106
- }
107
- function Se(e, t) {
108
- const n = w(e, t?.in), a = n.getMonth(), o = a - a % 3 + 3;
109
- return n.setMonth(o, 0), n.setHours(23, 59, 59, 999), n;
110
- }
111
- function gt(e, t) {
112
- const n = w(e, t?.in), a = n.getFullYear(), o = n.getMonth(), s = ue(n, 0);
113
- return s.setFullYear(a, o + 1, 0), s.setHours(0, 0, 0, 0), s.getDate();
114
- }
115
- function pt(e, t) {
116
- return +w(e) > +w(t);
117
- }
118
- function Mt(e, t) {
119
- return +w(e) < +w(t);
120
- }
121
- function Nt(e, t, n) {
122
- const a = Je(), o = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? a.weekStartsOn ?? a.locale?.options?.weekStartsOn ?? 0, s = w(e, n?.in), l = s.getDay(), f = (t % 7 + 7) % 7, g = 7 - o, D = t < 0 || t > 6 ? t - (l + g) % 7 : (f + g) % 7 - (l + g) % 7;
123
- return le(s, D, n);
124
- }
125
- function pe(e, t, n) {
126
- const [a, o] = De(
127
- n?.in,
128
- e,
129
- t
130
- );
131
- return a.getFullYear() === o.getFullYear() && a.getMonth() === o.getMonth();
132
- }
133
- function Te(e, t, n) {
134
- const a = +w(e, n?.in), [o, s] = [
135
- +w(t.start, n?.in),
136
- +w(t.end, n?.in)
137
- ].sort((l, u) => l - u);
138
- return a >= o && a <= s;
139
- }
140
- function $e(e, t, n) {
141
- return le(e, -t, n);
142
- }
143
- function bt(e, t, n) {
144
- const a = w(e, n?.in), o = a.getFullYear(), s = a.getDate(), l = ue(e, 0);
145
- l.setFullYear(o, t, 15), l.setHours(0, 0, 0, 0);
146
- const u = gt(l);
147
- return a.setMonth(t, Math.min(s, u)), a;
148
- }
149
- function Et(e, t, n) {
150
- let a = w(e, n?.in);
151
- return isNaN(+a) ? ue(e, NaN) : (t.year != null && a.setFullYear(t.year), t.month != null && (a = bt(a, t.month)), t.date != null && a.setDate(t.date), t.hours != null && a.setHours(t.hours), t.minutes != null && a.setMinutes(t.minutes), t.seconds != null && a.setSeconds(t.seconds), t.milliseconds != null && a.setMilliseconds(t.milliseconds), a);
152
- }
153
- function se(e, t, n) {
154
- return q(e, -t, n);
155
- }
156
- function St(e, t, n) {
157
- return et(e, -t, n);
158
- }
159
- function It(e, t, n) {
160
- return tt(e, -t, n);
161
- }
162
- function wt(e, t, n) {
163
- return nt(e, -t, n);
164
- }
165
- var B = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(B || {}), U = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e.SELECTED = "selected", e.UNSELECTED = "unselected", e.CURRENT_DAY = "current-day", e.DISABLED = "disabled", e))(U || {}), de = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(de || {});
166
- const Ot = {
167
- /**
168
- * Date to be displayed as the calendar day. From 1st to 31st (or end of the month defined in the date)
169
- */
170
- day: { type: Date, required: !0 },
171
- /**
172
- * Indicate if a date should be disabled or not
173
- */
174
- disabled: { type: Boolean, default: !1 },
175
- /**
176
- * Changes the state of the calendar day to selected.
177
- */
178
- selected: { type: Boolean, default: !1 },
179
- /**
180
- * When the day is selected, this indicates if the selection is a single date or part of a range.
181
- * If it's a range it can be at the beginning, middle or end of the selection.
182
- */
183
- variant: {
184
- type: String,
185
- default: B.SINGLE,
186
- validator: (e) => Object.values(B).includes(e)
187
- }
188
- }, _e = /* @__PURE__ */ new Map();
189
- function Le(e, t) {
190
- const n = t ? JSON.stringify(Object.entries(t).sort()) : "no-options", a = e?.trim() || "en-US", o = `${a}::${n}`;
191
- if (_e.has(o))
192
- return _e.get(o);
193
- const s = new Intl.DateTimeFormat(a, t);
194
- return _e.set(o, s), s;
195
- }
196
- const pn = (e) => {
197
- if (!e)
198
- return "";
199
- const t = (n) => n.toString().padStart(2, "0");
200
- return [t(e.getHours()), t(e.getMinutes()), t(e.getSeconds())].join(":");
201
- }, Mn = (e) => {
202
- if (!e || isNaN(e.getTime()))
203
- return "";
204
- const t = e.getFullYear(), n = (e.getMonth() + 1).toString().padStart(2, "0"), a = e.getDate().toString().padStart(2, "0");
205
- return `${t}-${n}-${a}`;
206
- }, Nn = (e) => {
207
- if (!e || isNaN(e.getTime()))
208
- return "";
209
- const t = e.getFullYear(), n = (e.getMonth() + 1).toString().padStart(2, "0");
210
- return `${t}-${n}`;
211
- }, bn = (e, t = "date") => {
212
- if (!e)
213
- return /* @__PURE__ */ new Date(NaN);
214
- const [n, a, o] = e.split("-").map(Number);
215
- return new Date(n, a - 1, t === "month" ? 1 : o);
216
- }, En = (e) => {
217
- if (!e)
218
- return /* @__PURE__ */ new Date(NaN);
219
- const [t, n] = e.split("-").map(Number);
220
- return new Date(t, n - 1, 1);
221
- }, kt = fe({
222
- name: "calendar-month-day",
223
- components: { BentoTypography: ke },
224
- inheritAttrs: !0,
225
- props: Ot,
226
- emits: [de.CLICK, de.MOUSE_OVER],
227
- setup(e, { emit: t }) {
228
- const { locale: n } = Be(void 0), a = O(() => {
229
- const u = /* @__PURE__ */ new Date();
230
- return e.day.getDate() === u.getDate() && e.day.getMonth() === u.getMonth() && e.day.getFullYear() === u.getFullYear();
231
- }), o = O(() => Le(n.value, { day: "numeric" }).formatToParts(e.day).find((D) => D.type === "day")?.value ?? "");
232
- return {
233
- // Values
234
- conditionalClasses: O(() => ({
235
- // Variants
236
- [`b-calendar-month-day--${U.BEGINNING}`]: e.variant === B.BEGINNING,
237
- [`b-calendar-month-day--${U.MIDDLE}`]: e.variant === B.MIDDLE,
238
- [`b-calendar-month-day--${U.END}`]: e.variant === B.END,
239
- [`b-calendar-month-day--${U.SINGLE}`]: e.variant === B.SINGLE,
240
- // Selected
241
- [`b-calendar-month-day--${U.UNSELECTED}`]: !e.selected,
242
- [`b-calendar-month-day--${U.SELECTED}`]: e.selected,
243
- // Current Day
244
- [`b-calendar-month-day--${U.CURRENT_DAY}`]: a.value,
245
- // Disabled
246
- [`b-calendar-month-day--${U.DISABLED}`]: e.disabled
247
- })),
248
- isCurrentDay: a,
249
- formattedDate: o,
250
- // Enums
251
- CalendarMonthDayEvent: de,
252
- // Events
253
- onClick: (u, f) => {
254
- e.disabled ? (u.preventDefault(), u.stopPropagation()) : t(de.CLICK, f, e.day);
255
- }
256
- };
257
- }
258
- }), Tt = ["tabindex", "aria-selected", "aria-disabled", "aria-current", "data-date"], _t = { class: "b-calendar-month-day__wrapper" };
259
- function Yt(e, t, n, a, o, s) {
260
- const l = lt("bento-typography");
261
- return I(), _("td", {
262
- class: Ae(["b-calendar-month-day", e.conditionalClasses]),
263
- tabindex: e.selected ? "0" : "-1",
264
- "aria-selected": e.selected ? e.selected : void 0,
265
- "aria-disabled": e.disabled,
266
- "aria-current": e.isCurrentDay ? "date" : void 0,
267
- "data-date": e.day.toDateString(),
268
- onClick: t[0] || (t[0] = (u) => e.onClick(u, e.day)),
269
- onMouseover: t[1] || (t[1] = (u) => e.$emit(e.CalendarMonthDayEvent.MOUSE_OVER)),
270
- onKeydown: t[2] || (t[2] = te((u) => e.onClick(u, e.day), ["space", "enter"]))
271
- }, [
272
- $("div", _t, [
273
- H(l, {
274
- class: "b-calendar-month-day__label",
275
- el: "span",
276
- variant: "body",
277
- strong: ""
278
- }, {
279
- default: Q(() => [
280
- Ie(we(e.formattedDate), 1)
281
- ]),
282
- _: 1
283
- })
284
- ])
285
- ], 42, Tt);
286
- }
287
- const $t = /* @__PURE__ */ ve(kt, [["render", Yt], ["__scopeId", "data-v-e6d7eb12"]]), ot = ({ currentSelectedDate: e, month: t, isDateDisabled: n, firstDayOfWeek: a }, o) => {
288
- const s = z(new Date(t.value));
289
- oe(
290
- t,
291
- () => {
292
- s.value = t.value;
293
- },
294
- { immediate: !0 }
295
- );
296
- const l = z(new Date(e.value));
297
- oe(e, () => {
298
- l.value = new Date(e.value);
299
- });
300
- const u = ct(), f = z(l.value);
301
- oe(u, (i) => {
302
- const M = i.getAttribute("data-date");
303
- f.value = M ? new Date(M) : l.value;
304
- });
305
- const g = z({}), D = (i) => (M) => {
306
- g.value[i.toDateString()] = M;
307
- }, y = () => {
308
- g.value = {};
309
- }, m = (i = 1) => {
310
- s.value = q(s.value, i), o("nextMonth", i), y();
311
- }, c = (i = 1) => {
312
- s.value = se(s.value, i), o("previousMonth", i), y();
313
- }, r = (i, M) => {
314
- const k = !!g.value[i?.toDateString()];
315
- return !i || !k ? null : M ? g.value[i.toDateString()].$el : (g.value[i.toDateString()].$el.focus(), null);
316
- }, d = (i) => {
317
- i.preventDefault(), i.stopImmediatePropagation(), i.stopPropagation();
318
- }, p = ({ nextDate: i, isIncreasingDays: M, amountOfMonths: k, isCalendarButtonsNav: P }) => {
319
- if (!P && n && n(i))
320
- return;
321
- i.getMonth() === l.value.getMonth() && i.getFullYear() === l.value.getFullYear() ? (l.value = i, r(i)) : (M ? m(k) : c(k), it(() => {
322
- const Y = i.getMonth() === s.value.getMonth() && i.getFullYear() === s.value.getFullYear();
323
- n && n(i) || !Y || P || (l.value = i, r(i));
324
- }));
325
- };
326
- return {
327
- // Calendar days ref
328
- calendarRef: g,
329
- addDayRef: D,
330
- /**
331
- * Month navigation
332
- */
333
- showNextMonth: m,
334
- showPreviousMonth: c,
335
- /**
336
- * Focus method
337
- */
338
- focusOnDate: r,
339
- /**
340
- * Day navigation
341
- */
342
- // ArrowRight
343
- moveToNextDay: (i) => {
344
- d(i), p({ nextDate: le(f.value, 1), isIncreasingDays: !0 });
345
- },
346
- // ArrowLeft
347
- moveToPreviousDay: (i) => {
348
- d(i), p({ nextDate: $e(f.value, 1), isIncreasingDays: !1 });
349
- },
350
- // ArrowUp
351
- moveToPreviousWeek: (i) => {
352
- d(i), p({ nextDate: $e(f.value, 7), isIncreasingDays: !1 });
353
- },
354
- // ArrowDown
355
- moveToNextWeek: (i) => {
356
- d(i), p({ nextDate: le(f.value, 7), isIncreasingDays: !0 });
357
- },
358
- // Home
359
- moveToFirstDayOfWeek: (i) => {
360
- d(i), p({
361
- nextDate: Ne(f.value, { weekStartsOn: a }),
362
- isIncreasingDays: !1
363
- });
364
- },
365
- moveToFirstMonthOfYear: (i) => {
366
- d(i);
367
- const M = Ce(l.value, je(l.value));
368
- p({
369
- nextDate: je(l.value),
370
- isIncreasingDays: !1,
371
- amountOfMonths: M
372
- });
373
- },
374
- // End
375
- moveToLastDayOfWeek: (i) => {
376
- d(i), p({
377
- nextDate: Ee(f.value, { weekStartsOn: a }),
378
- isIncreasingDays: !0
379
- });
380
- },
381
- moveToLastMonthOfYear: (i) => {
382
- d(i);
383
- const M = Et(l.value, { month: 11, date: 1 }), k = Ce(M, l.value);
384
- p({
385
- nextDate: M,
386
- isIncreasingDays: !0,
387
- amountOfMonths: k
388
- });
389
- },
390
- // PageUp
391
- moveToPreviousMonth: (i, M = !1, k = 1) => {
392
- d(i);
393
- const P = k;
394
- p({
395
- nextDate: se(f.value, P),
396
- isIncreasingDays: !1,
397
- amountOfMonths: P,
398
- isCalendarButtonsNav: M
399
- });
400
- },
401
- // Shift+PageUp
402
- moveToPreviousYear: (i, M = !1) => {
403
- d(i);
404
- const k = 12;
405
- p({
406
- nextDate: se(f.value, k),
407
- isIncreasingDays: !1,
408
- amountOfMonths: k,
409
- isCalendarButtonsNav: M
410
- });
411
- },
412
- // PageDown
413
- moveToNextMonth: (i, M = !1, k = 1) => {
414
- d(i);
415
- const P = k;
416
- p({
417
- nextDate: q(f.value, P),
418
- isIncreasingDays: !0,
419
- amountOfMonths: P,
420
- isCalendarButtonsNav: M
421
- });
422
- },
423
- // Shift-PageDown
424
- moveToNextYear: (i, M = !1) => {
425
- d(i);
426
- const k = 12;
427
- p({
428
- nextDate: q(f.value, k),
429
- isIncreasingDays: !0,
430
- amountOfMonths: k,
431
- isCalendarButtonsNav: M
432
- });
433
- },
434
- // Values
435
- internalDate: l,
436
- baseDate: s
437
- };
438
- }, rt = {
439
- "de-DE": { nextMonth: "Nächster Monat", previousMonth: "Voriger Monat" },
440
- "en-GB": { nextMonth: "Next month", previousMonth: "Previous month" },
441
- "en-US": { nextMonth: "Next month", previousMonth: "Previous month" },
442
- "es-ES": { nextMonth: "Mes siguiente", previousMonth: "Mes anterior" },
443
- "es-MX": { nextMonth: "El próximo mes", previousMonth: "Mes anterior" },
444
- "fr-FR": { nextMonth: "Mois suivant", previousMonth: "Mois précédent" },
445
- "it-IT": { nextMonth: "Mese prossimo", previousMonth: "Mese precedente" },
446
- "ja-JP": { nextMonth: "翌月", previousMonth: "前月" },
447
- "pt-BR": { nextMonth: "Próximo mês", previousMonth: "Mês anterior" },
448
- "zh-CN": { nextMonth: "下个月", previousMonth: "上个月" }
449
- }, Lt = { class: "b-calendar-month__month-selector" }, Ft = { class: "b-calendar-month__previous" }, Rt = { class: "b-calendar-month__next" }, At = ["aria-labelledby"], Bt = { class: "b-calendar-month__week-header" }, Pt = ["colspan"], Ct = {
450
- i18n: { messages: rt },
451
- name: "calendar-month"
452
- }, xt = /* @__PURE__ */ fe({
453
- ...Ct,
454
- props: {
455
- endDate: { default: null },
456
- firstDayOfWeek: { default: re.MONDAY },
457
- isDateDisabled: { type: Function, default: void 0 },
458
- isRange: { type: Boolean, default: !1 },
459
- max: { default: null },
460
- min: { default: null },
461
- month: {},
462
- position: { default: "unique" },
463
- startDate: { default: null }
464
- },
465
- emits: ["input", "changeDay", "nextMonth", "previousMonth", "mouseover"],
466
- setup(e, { expose: t, emit: n }) {
467
- const a = n, o = e, { locale: s, t: l } = Be({ messages: rt }), u = Ve("bento-date-picker-month-label"), f = O(
468
- () => (b) => o.min && b < o.min || o.max && b > o.max || o.isDateDisabled?.(b)
469
- ), {
470
- internalDate: g,
471
- baseDate: D,
472
- // Calendar refs
473
- addDayRef: y,
474
- // Day navigation
475
- moveToNextDay: m,
476
- moveToPreviousDay: c,
477
- moveToPreviousWeek: r,
478
- moveToNextWeek: d,
479
- moveToFirstDayOfWeek: p,
480
- moveToLastDayOfWeek: R,
481
- moveToPreviousMonth: h,
482
- moveToPreviousYear: v,
483
- moveToNextMonth: E,
484
- moveToNextYear: L,
485
- focusOnDate: me
486
- } = ot(
487
- {
488
- currentSelectedDate: x(o, "startDate"),
489
- month: x(o, "month"),
490
- isDateDisabled: f.value,
491
- firstDayOfWeek: o.firstDayOfWeek
492
- },
493
- a
494
- ), ie = O(
495
- () => Object.values(re).includes(o.firstDayOfWeek) ? o.firstDayOfWeek : re.MONDAY
496
- ), S = O(() => ["first", "unique"].includes(o.position)), j = O(() => ["last", "unique"].includes(o.position)), A = O(
497
- () => Le(s.value, { month: "long", year: "numeric" }).format(D.value)
498
- ), V = O(
499
- () => new Array(7).fill(/* @__PURE__ */ new Date()).map((b, Y) => {
500
- const T = Nt(b, ie.value + Y);
501
- return Le(s.value, { weekday: "short" }).format(T);
502
- })
503
- ), F = O(() => {
504
- const b = [], Y = ce(o.month);
505
- let T = b[b.push([]) - 1];
506
- for (; Y.getMonth() === o.month.getMonth(); )
507
- Y.getDay() - ie.value === 0 && T.length > 0 && (T = b[b.push([]) - 1]), T.push(ee(Y)), Y.setDate(Y.getDate() + 1);
508
- return b;
509
- }), i = (b) => {
510
- a("input", b);
511
- }, M = (b) => {
512
- if (!o.isRange || ge(o.startDate, o.endDate))
513
- return B.SINGLE;
514
- if (o.startDate && ge(o.startDate, b))
515
- return B.BEGINNING;
516
- if (o.endDate && ge(o.endDate, b))
517
- return B.END;
518
- if (o.startDate && o.endDate && Te(b, { start: o.startDate, end: o.endDate }))
519
- return B.MIDDLE;
520
- }, k = (b) => g.value && ge(g.value, b) && !o.endDate ? !0 : o.startDate && o.endDate && Te(b, { start: o.startDate, end: o.endDate }), P = {
521
- "keydown:arrow-right": m,
522
- "keydown:arrow-left": c,
523
- "keydown:arrow-up": r,
524
- "keydown:arrow-down": d,
525
- "keydown:home": p,
526
- "keydown:end": R,
527
- "keydown:page-up": h,
528
- "keydown:shift-page-up": v,
529
- "keydown:page-down": E,
530
- "keydown:shift-page-down": L
531
- };
532
- return t({
533
- focusOnDate: me
534
- }), (b, Y) => He((I(), _("div", qe({ class: "b-calendar-month" }, Qe(P, !0)), [
535
- $("div", Lt, [
536
- $("div", Ft, [
537
- S.value ? (I(), Z(Oe, {
538
- key: 0,
539
- variant: "tertiary",
540
- onClick: Y[0] || (Y[0] = (T) => N(h)(T, !0))
541
- }, {
542
- iconLeft: Q(() => [
543
- H(N(Xe), {
544
- "svg-title": N(l)("previousMonth")
545
- }, null, 8, ["svg-title"])
546
- ]),
547
- _: 1
548
- })) : ne("", !0)
549
- ]),
550
- H(N(ke), {
551
- id: N(u),
552
- el: "h2",
553
- variant: "title",
554
- "aria-live": "polite"
555
- }, {
556
- default: Q(() => [
557
- Ie(we(A.value), 1)
558
- ]),
559
- _: 1
560
- }, 8, ["id"]),
561
- $("div", Rt, [
562
- j.value ? (I(), Z(Oe, {
563
- key: 0,
564
- variant: "tertiary",
565
- onClick: Y[1] || (Y[1] = (T) => N(E)(T, !0))
566
- }, {
567
- iconLeft: Q(() => [
568
- H(N(Ze), {
569
- "svg-title": N(l)("nextMonth")
570
- }, null, 8, ["svg-title"])
571
- ]),
572
- _: 1
573
- })) : ne("", !0)
574
- ])
575
- ]),
576
- $("table", {
577
- class: "b-calendar-month__month-container",
578
- role: "grid",
579
- "aria-labelledby": N(u)
580
- }, [
581
- $("thead", null, [
582
- $("tr", Bt, [
583
- (I(!0), _(J, null, X(V.value, (T, he) => (I(), _("th", {
584
- key: he,
585
- class: "b-calendar-month__day-of-week",
586
- scope: "col"
587
- }, [
588
- H(N(ke), {
589
- class: "b-calendar-month__day-of-week-font",
590
- el: "span",
591
- variant: "caption"
592
- }, {
593
- default: Q(() => [
594
- Ie(we(T), 1)
595
- ]),
596
- _: 2
597
- }, 1024)
598
- ]))), 128))
599
- ])
600
- ]),
601
- $("tbody", null, [
602
- (I(!0), _(J, null, X(F.value, (T, he) => (I(), _("tr", { key: he }, [
603
- he === 0 && T.length < 7 ? (I(), _("td", {
604
- key: 0,
605
- colspan: 7 - T.length
606
- }, null, 8, Pt)) : ne("", !0),
607
- (I(!0), _(J, null, X(T, (C, ut) => (I(), Z(N($t), {
608
- ref_for: !0,
609
- ref: N(y)(C),
610
- key: `calendar-day-${ut}`,
611
- day: C,
612
- disabled: f.value(C),
613
- selected: k(C),
614
- variant: M(C),
615
- onClick: i,
616
- onMouseover: (ye) => b.$emit("mouseover", C),
617
- onKeyup: [
618
- te((ye) => b.$emit("changeDay", C), ["up", "native"]),
619
- te((ye) => b.$emit("changeDay", C), ["down", "native"]),
620
- te((ye) => b.$emit("changeDay", C), ["left", "native"]),
621
- te((ye) => b.$emit("changeDay", C), ["right", "native"])
622
- ]
623
- }, null, 8, ["day", "disabled", "selected", "variant", "onMouseover", "onKeyup"]))), 128))
624
- ]))), 128)),
625
- F.value?.length < 6 ? (I(!0), _(J, { key: 0 }, X(6 - F.value?.length, (T) => (I(), _("tr", {
626
- key: `calendar month filler row ${T}`
627
- }, Y[2] || (Y[2] = [
628
- $("td", {
629
- "aria-hidden": "true",
630
- class: "b-calendar-month__empty-cell-filler",
631
- colspan: 7
632
- }, null, -1)
633
- ])))), 128)) : ne("", !0)
634
- ])
635
- ], 8, At)
636
- ], 16)), [
637
- [N(ze)]
638
- ]);
639
- }
640
- }), Ue = /* @__PURE__ */ ve(xt, [["__scopeId", "data-v-014fda49"]]);
641
- var G = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e))(G || {}), W = /* @__PURE__ */ ((e) => (e.SINGLE = "single", e.MIDDLE = "middle", e.BEGINNING = "beginning", e.END = "end", e.SELECTED = "selected", e.UNSELECTED = "unselected", e.CURRENT_MONTH = "current-month", e.DISABLED = "disabled", e))(W || {}), Fe = /* @__PURE__ */ ((e) => (e.CLICK = "click", e.MOUSE_OVER = "mouseover", e))(Fe || {});
642
- const Gt = ["tabindex", "aria-selected"], jt = { class: "b-calendar-year-month__wrapper" }, Ut = {}, Wt = /* @__PURE__ */ fe({
643
- ...Ut,
644
- __name: "calendar-year-month",
645
- props: {
646
- month: {},
647
- disabled: { type: Boolean, default: !1 },
648
- selected: { type: Boolean, default: !1 },
649
- variant: { default: G.SINGLE }
650
- },
651
- emits: ["click", "mouseover"],
652
- setup(e, { emit: t }) {
653
- const n = e, a = t, o = O(() => {
654
- const u = /* @__PURE__ */ new Date();
655
- return n.month.getMonth() === u.getMonth() && n.month.getFullYear() === u.getFullYear();
656
- }), s = O(() => ({
657
- // Variants
658
- [`b-calendar-year-month--${W.BEGINNING}`]: n.variant === G.BEGINNING,
659
- [`b-calendar-year-month--${W.MIDDLE}`]: n.variant === G.MIDDLE,
660
- [`b-calendar-year-month--${W.END}`]: n.variant === G.END,
661
- [`b-calendar-year-month--${W.SINGLE}`]: n.variant === G.SINGLE,
662
- // Selected
663
- [`b-calendar-year-month--${W.UNSELECTED}`]: !n.selected,
664
- [`b-calendar-year-month--${W.SELECTED}`]: n.selected,
665
- // Current month
666
- [`b-calendar-year-month--${W.CURRENT_MONTH}`]: o.value,
667
- // Disabled
668
- [`b-calendar-year-month--${W.DISABLED}`]: n.disabled
669
- })), l = (u, f) => {
670
- n.disabled ? (u.preventDefault(), u.stopPropagation()) : a(Fe.CLICK, f, n.month);
671
- };
672
- return (u, f) => (I(), _("td", {
673
- class: Ae(["b-calendar-year-month", s.value]),
674
- tabindex: u.selected ? "0" : "-1",
675
- "aria-selected": u.selected ? u.selected : void 0,
676
- onClick: f[0] || (f[0] = (g) => l(g, u.month)),
677
- onMouseover: f[1] || (f[1] = (g) => a(N(Fe).MOUSE_OVER)),
678
- onKeydown: f[2] || (f[2] = te((g) => l(g, u.month), ["space", "enter"]))
679
- }, [
680
- $("div", jt, [
681
- H(N(vt), {
682
- class: "b-calendar-year-month__label",
683
- date: u.month,
684
- format: N(mt).SHORT_MONTH
685
- }, null, 8, ["date", "format"])
686
- ])
687
- ], 42, Gt));
688
- }
689
- }), Ht = /* @__PURE__ */ ve(Wt, [["__scopeId", "data-v-ad9a13f2"]]), st = {
690
- "de-DE": { nextYear: "Nächstes Jahr", previousYear: "Vorjahr" },
691
- "en-GB": { nextYear: "Next year", previousYear: "Previous year" },
692
- "en-US": { nextYear: "Next year", previousYear: "Previous year" },
693
- "es-ES": { nextYear: "Año siguiente", previousYear: "Año anterior" },
694
- "es-MX": { nextYear: "Año siguiente", previousYear: "Año anterior" },
695
- "fr-FR": { nextYear: "Année suivante", previousYear: "Année précédente" },
696
- "it-IT": { nextYear: "Il prossimo anno", previousYear: "Anno precedente" },
697
- "ja-JP": { nextYear: "来年", previousYear: "前年" },
698
- "pt-BR": { nextYear: "No próximo ano", previousYear: "Ano anterior" },
699
- "zh-CN": { nextYear: "明年", previousYear: "上年度" }
700
- }, qt = { class: "b-calendar-year__year-selector" }, Qt = { class: "b-calendar-year__previous" }, Kt = { class: "b-calendar-year__next" }, Vt = ["aria-labelledby"], zt = {
701
- i18n: { messages: st }
702
- }, Jt = /* @__PURE__ */ fe({
703
- ...zt,
704
- __name: "calendar-year",
705
- props: {
706
- endDate: { default: null },
707
- isDateDisabled: { type: Function, default: void 0 },
708
- isRange: { type: Boolean, default: !1 },
709
- min: { default: null },
710
- max: { default: null },
711
- position: { default: ae.UNIQUE },
712
- startDate: { default: null },
713
- year: {}
714
- },
715
- emits: ["input", "changeDay", "nextMonth", "previousMonth", "mouseover"],
716
- setup(e, { expose: t, emit: n }) {
717
- const a = Ve("bento-date-picker-year-label"), o = e, s = n, { t: l } = Be({ messages: st }), u = (S) => o.min && S < o.min || o.max && S > o.max || o.isDateDisabled?.(S), f = O(
718
- () => ["first", "unique"].includes(o.position)
719
- ), g = O(
720
- () => ["last", "unique"].includes(o.position)
721
- ), {
722
- internalDate: D,
723
- // Calendar refs
724
- addDayRef: y,
725
- // Day navigation
726
- moveToPreviousMonth: m,
727
- moveToPreviousYear: c,
728
- moveToNextMonth: r,
729
- moveToNextYear: d,
730
- moveToFirstMonthOfYear: p,
731
- moveToLastMonthOfYear: R,
732
- focusOnDate: h
733
- } = ot(
734
- {
735
- currentSelectedDate: x(o, "startDate"),
736
- month: x(o, "year"),
737
- isDateDisabled: u
738
- },
739
- s
740
- );
741
- t({ focusOnDate: h });
742
- const v = O(() => {
743
- const S = [];
744
- let j = 0;
745
- for (let A = 0; A < 3; A++) {
746
- const V = [];
747
- for (let F = 0; F < 4; F++)
748
- V.push(new Date(o.year.getFullYear(), j++, 1));
749
- S.push(V);
750
- }
751
- return S;
752
- }), E = (S) => !o.isRange || pe(o.startDate, o.endDate) ? G.SINGLE : o.startDate && pe(o.startDate, S) ? G.BEGINNING : o.endDate && pe(o.endDate, S) ? G.END : o.startDate && o.endDate && Te(S, { start: o.startDate, end: o.endDate }) ? G.MIDDLE : null, L = (S) => D.value && pe(D.value, S) ? !0 : o.startDate && o.endDate && Te(S, { start: o.startDate, end: o.endDate }), me = (S) => {
753
- s("input", S);
754
- }, ie = o.isRange ? {} : {
755
- "keydown:arrow-right": r,
756
- "keydown:arrow-left": m,
757
- "keydown:arrow-up": (S) => m(S, !1, 4),
758
- "keydown:arrow-down": (S) => r(S, !1, 4),
759
- "keydown:home": p,
760
- "keydown:end": R,
761
- "keydown:page-up": c,
762
- "keydown:page-down": d
763
- };
764
- return (S, j) => He((I(), _("div", qe({ class: "b-calendar-year" }, Qe(N(ie), !0)), [
765
- $("div", qt, [
766
- $("div", Qt, [
767
- f.value ? (I(), Z(Oe, {
768
- key: 0,
769
- variant: "tertiary",
770
- onClick: j[0] || (j[0] = (A) => N(c)(A, !0))
771
- }, {
772
- iconLeft: Q(() => [
773
- H(N(Xe), {
774
- "svg-title": N(l)("previousYear")
775
- }, null, 8, ["svg-title"])
776
- ]),
777
- _: 1
778
- })) : ne("", !0)
779
- ]),
780
- H(N(ke), {
781
- id: N(a),
782
- el: "h2",
783
- variant: "title",
784
- "aria-live": "polite"
785
- }, {
786
- default: Q(() => [
787
- Ie(we(S.year.getFullYear()), 1)
788
- ]),
789
- _: 1
790
- }, 8, ["id"]),
791
- $("div", Kt, [
792
- g.value ? (I(), Z(Oe, {
793
- key: 0,
794
- variant: "tertiary",
795
- onClick: j[1] || (j[1] = (A) => N(d)(A, !0))
796
- }, {
797
- iconLeft: Q(() => [
798
- H(N(Ze), {
799
- "svg-title": N(l)("nextYear")
800
- }, null, 8, ["svg-title"])
801
- ]),
802
- _: 1
803
- })) : ne("", !0)
804
- ])
805
- ]),
806
- $("table", {
807
- class: "b-calendar-year__year-container",
808
- role: "grid",
809
- "aria-labelledby": N(a)
810
- }, [
811
- $("tbody", null, [
812
- (I(!0), _(J, null, X(v.value, (A, V) => (I(), _("tr", { key: V }, [
813
- (I(!0), _(J, null, X(A, (F, i) => (I(), Z(Ht, {
814
- ref_for: !0,
815
- ref: N(y)(F),
816
- key: `calendar-month-${i}`,
817
- month: F,
818
- disabled: u(F),
819
- selected: L(F),
820
- variant: E(F),
821
- onClick: me,
822
- onMouseover: (M) => s("mouseover", F)
823
- }, null, 8, ["month", "disabled", "selected", "variant", "onMouseover"]))), 128))
824
- ]))), 128))
825
- ])
826
- ], 8, Vt)
827
- ], 16)), [
828
- [N(ze)]
829
- ]);
830
- }
831
- }), We = /* @__PURE__ */ ve(Jt, [["__scopeId", "data-v-0b971bc4"]]), Xt = ({ selectedDate: e }, t) => {
832
- const n = Ke({
833
- startDate: null,
834
- endDate: null
835
- });
836
- return oe(
837
- () => e.value,
838
- () => {
839
- n.startDate = e.value, n.endDate = void 0;
840
- },
841
- { immediate: !0 }
842
- ), {
843
- internalValue: n,
844
- onDateInput: (o) => {
845
- t(K.INPUT, o);
846
- },
847
- // Empty function to prevent the listeners from throwing a warning
848
- // eslint-disable-next-line @typescript-eslint/no-empty-function
849
- onMouseOver: () => {
850
- }
851
- };
852
- }, Zt = (e) => {
853
- const t = (D, y, m, c) => {
854
- let r = Ne(D, { weekStartsOn: e }), d = Ee(y || D, { weekStartsOn: e });
855
- const p = m && r < m, R = c && d > c;
856
- return p && (r = Ne(m, { weekStartsOn: e })), R && (d = Ee(c, { weekStartsOn: e })), r > d && (p ? d = Ee(r, { weekStartsOn: e }) : r = Ne(d, { weekStartsOn: e })), { startDate: r, endDate: d };
857
- }, n = (D, y, m, c) => {
858
- let r = ce(D), d = Me(y || D);
859
- const p = m && r < m, R = c && d > c;
860
- return p && (r = ce(m)), R && (d = Me(c)), r > d && (p ? d = Me(r) : r = ce(d)), { startDate: r, endDate: d };
861
- }, a = (D, y, m, c) => {
862
- let r = be(D), d = Se(y || D);
863
- const p = m instanceof Date && r < m, R = c instanceof Date && d > c;
864
- return p && (r = be(m)), R && (d = Se(c)), r > d && (p ? d = Se(r) : r = be(d)), { startDate: r, endDate: d };
865
- };
866
- return {
867
- adjustDateForWeekly: t,
868
- adjustDateForMonthly: n,
869
- adjustDateForQuarterly: a,
870
- adjustStartDateInputForWeekly: (D, y, m, c) => {
871
- const { startDate: r } = t(new Date(D), null, m, c);
872
- return y(r);
873
- },
874
- adjustEndDateInputForWeekly: (D, y, m, c) => {
875
- const { endDate: r } = t(new Date(D), null, m, c);
876
- return y(r);
877
- },
878
- adjustStartDateInputForMonthly: (D, y, m, c) => {
879
- const { startDate: r } = n(new Date(D), null, m, c);
880
- return y(r);
881
- },
882
- adjustEndDateInputForMonthly: (D, y, m, c) => {
883
- const { endDate: r } = n(new Date(D), null, m, c);
884
- return y(r);
885
- },
886
- adjustStartDateInputForQuarterly: (D, y, m, c) => {
887
- const { startDate: r } = a(new Date(D), null, m, c);
888
- return y(r);
889
- },
890
- adjustEndDateInputForQuarterly: (D, y, m, c) => {
891
- const { endDate: r } = a(new Date(D), null, m, c);
892
- return y(r);
893
- }
894
- };
895
- }, Re = {
896
- getCount: (e, t) => at(e, t),
897
- sub: $e,
898
- add: le
899
- }, en = {
900
- daily: Re,
901
- weekly: {
902
- getCount: (e, t) => Math.round((at(e, t) + 1) / 7),
903
- sub: It,
904
- add: tt
905
- },
906
- monthly: {
907
- getCount: (e, t) => Dt(e, t) + 1,
908
- sub: se,
909
- add: q,
910
- snapStart: ce,
911
- snapEnd: Me
912
- },
913
- quarterly: {
914
- getCount: (e, t) => yt(e, t) + 1,
915
- sub: St,
916
- add: et,
917
- snapStart: be,
918
- snapEnd: Se
919
- }
920
- }, tn = (e, t, n, a, o) => {
921
- const s = a?.maxRange || o;
922
- if (!s)
923
- return null;
924
- const u = (a?.type ? en[a.type] : Re) || Re, f = u.getCount(t, e);
925
- if (f > s) {
926
- const g = f - s, D = u.snapEnd ? u.snapEnd(u.sub(t, g)) : u.sub(t, g), y = u.snapStart ? u.snapStart(u.add(e, g)) : u.add(e, g);
927
- return n < 1 ? { startDate: e, endDate: D } : { startDate: y, endDate: t };
928
- }
929
- return null;
930
- }, nn = ({ selectedDate: e, isDateDisabled: t, maxRange: n, granularity: a, firstDayOfWeek: o, min: s, max: l }, u) => {
931
- const { adjustDateForWeekly: D, adjustDateForMonthly: y, adjustDateForQuarterly: m } = Zt(o), c = Ke({
932
- startDate: null,
933
- endDate: null
934
- }), r = z(null);
935
- oe(
936
- () => e.value,
937
- () => {
938
- let { startDate: h = null, endDate: v = null } = e.value || {};
939
- h && (h = ee(h)), v && (v = ee(v)), !(h && t && t(h) || v && t && t(v) || h && v && pt(h, v)) && (c.startDate = h, c.endDate = v);
940
- },
941
- { immediate: !0, deep: !0 }
942
- );
943
- const d = (h, v, E) => {
944
- c.startDate = h, c.endDate = v;
945
- const L = tn(h, v, E, a.value, n.value);
946
- L && (c.startDate = L.startDate, c.endDate = L.endDate), u(K.START_DATE_SELECTED, c.startDate), u(K.END_DATE_SELECTED, c.endDate);
947
- }, p = (h) => {
948
- if (!(!r.value || t && t(h)))
949
- if (Mt(h, r.value)) {
950
- if (a?.value?.type === "weekly") {
951
- const { startDate: v, endDate: E } = D(h, r.value, s.value, l.value);
952
- d(v, E, -1);
953
- return;
954
- }
955
- if (a?.value?.type === "monthly") {
956
- const { startDate: v, endDate: E } = y(h, r.value, s.value, l.value);
957
- d(v, E, -1);
958
- return;
959
- }
960
- if (a?.value?.type === "quarterly") {
961
- const { startDate: v, endDate: E } = m(h, r.value, s.value, l.value);
962
- d(v, E, -1);
963
- return;
964
- }
965
- d(h, r.value, -1);
966
- } else {
967
- if (a?.value?.type === "weekly") {
968
- const { startDate: v, endDate: E } = D(r.value, h, s.value, l.value);
969
- d(v, E, 1);
970
- return;
971
- }
972
- if (a?.value?.type === "monthly") {
973
- const { startDate: v, endDate: E } = y(r.value, h, s.value, l.value);
974
- d(v, E, 1);
975
- return;
976
- }
977
- if (a?.value?.type === "quarterly") {
978
- const { startDate: v, endDate: E } = m(r.value, h, s.value, l.value);
979
- d(v, E, 1);
980
- return;
981
- }
982
- d(r.value, h, 1);
983
- }
984
- };
985
- return {
986
- internalValue: c,
987
- onDateInput: (h) => {
988
- if (r.value)
989
- r.value = null, u(K.INPUT, c);
990
- else {
991
- let v = h;
992
- if (a?.value?.type === "weekly") {
993
- const { startDate: E, endDate: L } = D(h);
994
- v = E, d(v, L);
995
- }
996
- if (a?.value?.type === "monthly") {
997
- const { startDate: E, endDate: L } = y(h);
998
- v = E, d(v, L);
999
- }
1000
- if (a?.value?.type === "quarterly") {
1001
- const { startDate: E, endDate: L } = m(h);
1002
- v = E, d(v, L);
1003
- }
1004
- r.value = v, p(v);
1005
- }
1006
- },
1007
- onMouseOver: p
1008
- };
1009
- }, an = fe({
1010
- name: "calendar",
1011
- components: { CalendarMonth: Ue, CalendarYear: We },
1012
- props: {
1013
- /**
1014
- * Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
1015
- */
1016
- firstDayOfWeek: {
1017
- type: Number,
1018
- default: re.MONDAY,
1019
- validator: (e) => Object.values(re).includes(e)
1020
- },
1021
- /**
1022
- * The selected granularity configuration
1023
- */
1024
- granularity: {
1025
- type: Object,
1026
- default: null
1027
- },
1028
- /**
1029
- * Indicate if a date should be disabled or not
1030
- */
1031
- isDateDisabled: { type: Function, default: void 0 },
1032
- /**
1033
- * Enables the Date Range calendar
1034
- */
1035
- isRange: { type: Boolean, default: !1 },
1036
- /**
1037
- * Set a maximum number of dates to be selectable by the range.
1038
- */
1039
- maxRange: { type: Number, default: null, validator: (e) => !e || e > 0 },
1040
- /**
1041
- * Sets a minimum limit for selectable dates - dates before `min` will not be selectable
1042
- */
1043
- min: { type: Date, default: null },
1044
- /**
1045
- * Sets a maximum limit for selectable dates - dates after `max` will not be selectable
1046
- */
1047
- max: { type: Date, default: null },
1048
- /**
1049
- * Number of months rendered on pane
1050
- */
1051
- numberOfMonths: {
1052
- type: Number,
1053
- default: 3,
1054
- validator: (e) => e >= 1
1055
- },
1056
- /**
1057
- * Upon opening date range picker, end date's month will be pre-selected.
1058
- */
1059
- showEndDateOnOpen: { type: Boolean, default: !1 },
1060
- /**
1061
- * Selected date. Can be a single Date or a CalendarRangeDate
1062
- * instance that contains startDate and endDate attributes.
1063
- */
1064
- value: { type: [Date, Object], default: void 0 },
1065
- /**
1066
- * Default start date for the calendar pane
1067
- */
1068
- defaultDisplayMonth: {
1069
- type: String,
1070
- default: null,
1071
- validator: (e) => /^\d{4}-(0?[1-9]|1[012])(-(0?[1-9]|[12][0-9]|3[01]))?$/.test(e)
1072
- },
1073
- /**
1074
- * The type of calendar to display. Defaults to showing days.
1075
- */
1076
- variant: {
1077
- type: String,
1078
- default: "day",
1079
- validator: (e) => Object.values(Ye).includes(e)
1080
- }
1081
- },
1082
- emit: [K.INPUT, K.START_DATE_SELECTED, K.END_DATE_SELECTED],
1083
- setup(e, { emit: t }) {
1084
- const n = z(null), a = z();
1085
- oe(
1086
- () => e.value,
1087
- () => {
1088
- if (e.isRange)
1089
- a.value = e?.showEndDateOnOpen && e.value?.endDate ? e.value?.endDate : e.value?.startDate || /* @__PURE__ */ new Date();
1090
- else {
1091
- const r = e.defaultDisplayMonth && new Date(e.defaultDisplayMonth).getTime() ? new Date(e.defaultDisplayMonth) : /* @__PURE__ */ new Date();
1092
- a.value = e.value || r;
1093
- }
1094
- },
1095
- { immediate: !0, deep: !0 }
1096
- );
1097
- const o = O(
1098
- () => e.variant === Ye.MONTH ? We : Ue
1099
- ), s = O(() => ({
1100
- "b-calendar__range": e.isRange
1101
- })), { internalValue: l, onDateInput: u, onMouseOver: f } = e.isRange ? nn(
1102
- {
1103
- selectedDate: x(e, "value"),
1104
- isDateDisabled: e.isDateDisabled,
1105
- maxRange: x(e, "maxRange"),
1106
- granularity: x(e, "granularity"),
1107
- firstDayOfWeek: e.firstDayOfWeek,
1108
- min: x(e, "min"),
1109
- max: x(e, "max")
1110
- },
1111
- t
1112
- ) : Xt(
1113
- {
1114
- selectedDate: x(e, "value"),
1115
- firstDayOfWeek: e.firstDayOfWeek
1116
- },
1117
- t
1118
- ), g = (r) => e.numberOfMonths === 1 ? ae.UNIQUE : r === 0 ? ae.FIRST : r === e.numberOfMonths - 1 ? ae.LAST : ae.MIDDLE, D = O(() => (r) => {
1119
- const d = e?.showEndDateOnOpen && e.isRange ? se(a.value, e.numberOfMonths - 1) : a.value;
1120
- return q(d, r);
1121
- }), y = O(() => (r) => {
1122
- const d = e?.showEndDateOnOpen ? wt(a.value, e.numberOfMonths - 1) : a.value;
1123
- return nt(d, r);
1124
- });
1125
- return {
1126
- // Refs
1127
- calendarRef: n,
1128
- // Values
1129
- baseDate: a,
1130
- calendarComponent: o,
1131
- conditionalClasses: s,
1132
- internalValue: l,
1133
- // Methods
1134
- calculateOffsetMonth: D,
1135
- calculateOffsetYear: y,
1136
- calendarPosition: g,
1137
- // Events
1138
- onDateInput: u,
1139
- onMouseOver: f,
1140
- calculateNextMonths: (r = 1) => {
1141
- a.value = q(a.value, r);
1142
- },
1143
- calculatePreviousMonths: (r = 1) => {
1144
- a.value = se(a.value, r);
1145
- }
1146
- };
1147
- }
1148
- });
1149
- function on(e, t, n, a, o, s) {
1150
- return I(), _("div", {
1151
- class: Ae(["b-calendar", e.conditionalClasses])
1152
- }, [
1153
- (I(!0), _(J, null, X(e.numberOfMonths, (l, u) => (I(), Z(dt(e.calendarComponent), {
1154
- ref_for: !0,
1155
- ref: e.numberOfMonths === 1 ? "calendarRef" : null,
1156
- key: `calendar-${u}`,
1157
- "first-day-of-week": e.firstDayOfWeek,
1158
- "is-date-disabled": e.isDateDisabled,
1159
- month: e.calculateOffsetMonth(u),
1160
- year: e.calculateOffsetYear(u),
1161
- position: e.calendarPosition(u),
1162
- min: e.min,
1163
- max: e.max,
1164
- "is-range": e.isRange,
1165
- "start-date": e.internalValue.startDate,
1166
- "end-date": e.internalValue.endDate,
1167
- granularity: e.granularity,
1168
- onInput: e.onDateInput,
1169
- onMouseover: e.onMouseOver,
1170
- onChangeDay: e.onMouseOver,
1171
- onNextMonth: e.calculateNextMonths,
1172
- onPreviousMonth: e.calculatePreviousMonths
1173
- }, null, 40, ["first-day-of-week", "is-date-disabled", "month", "year", "position", "min", "max", "is-range", "start-date", "end-date", "granularity", "onInput", "onMouseover", "onChangeDay", "onNextMonth", "onPreviousMonth"]))), 128))
1174
- ], 2);
1175
- }
1176
- const Sn = /* @__PURE__ */ ve(an, [["render", on], ["__scopeId", "data-v-4adaff23"]]);
1177
- export {
1178
- je as A,
1179
- re as C,
1180
- Ye as a,
1181
- Sn as b,
1182
- K as c,
1183
- ae as d,
1184
- pn as e,
1185
- ce as f,
1186
- Le as g,
1187
- Nn as h,
1188
- Mn as i,
1189
- be as j,
1190
- ge as k,
1191
- le as l,
1192
- Ee as m,
1193
- $e as n,
1194
- q as o,
1195
- bn as p,
1196
- se as q,
1197
- et as r,
1198
- ee as s,
1199
- Se as t,
1200
- St as u,
1201
- Zt as v,
1202
- En as w,
1203
- xe as x,
1204
- Nt as y,
1205
- ht as z
1206
- };
1207
- //# sourceMappingURL=calendar.iQyNwQBL.js.map