bitboss-ui 2.0.24 → 2.0.26

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 (133) hide show
  1. package/dist/index106.js +5 -5
  2. package/dist/index116.js +5 -5
  3. package/dist/index118.js +1 -1
  4. package/dist/index122.js +1 -1
  5. package/dist/index123.js +1 -1
  6. package/dist/index124.js +1 -1
  7. package/dist/index126.js +1 -1
  8. package/dist/index128.js +2 -2
  9. package/dist/index13.js +1 -1
  10. package/dist/index15.js +3 -3
  11. package/dist/index17.js +2 -2
  12. package/dist/index19.js +14 -14
  13. package/dist/index198.js +81 -2
  14. package/dist/index199.js +2 -81
  15. package/dist/index200.js +158 -8
  16. package/dist/index201.js +84 -3
  17. package/dist/index203.js +126 -4
  18. package/dist/index204.js +5 -2
  19. package/dist/index205.js +123 -3
  20. package/dist/index206.js +19 -35
  21. package/dist/index207.js +16 -6
  22. package/dist/index208.js +16 -7
  23. package/dist/index209.js +2 -43
  24. package/dist/index21.js +15 -15
  25. package/dist/index210.js +4 -0
  26. package/dist/index211.js +34 -12
  27. package/dist/index212.js +166 -118
  28. package/dist/index213.js +6 -5
  29. package/dist/index214.js +43 -123
  30. package/dist/index216.js +13 -16
  31. package/dist/index217.js +5 -16
  32. package/dist/index218.js +369 -2
  33. package/dist/index219.js +2 -2
  34. package/dist/index220.js +4 -174
  35. package/dist/index221.js +2 -5
  36. package/dist/index222.js +3 -369
  37. package/dist/index223.js +7 -158
  38. package/dist/index224.js +6 -82
  39. package/dist/index225.js +21 -0
  40. package/dist/index226.js +21 -13
  41. package/dist/index227.js +3 -27
  42. package/dist/index228.js +249 -3
  43. package/dist/index229.js +42 -239
  44. package/dist/index23.js +5 -5
  45. package/dist/index230.js +35 -43
  46. package/dist/index231.js +5 -44
  47. package/dist/index232.js +49 -5
  48. package/dist/index233.js +3 -49
  49. package/dist/index234.js +2 -2
  50. package/dist/index235.js +17 -105
  51. package/dist/index236.js +108 -0
  52. package/dist/{index237.js → index238.js} +1 -1
  53. package/dist/index240.js +2 -18
  54. package/dist/index243.js +3 -224
  55. package/dist/index244.js +11 -3
  56. package/dist/index245.js +7 -429
  57. package/dist/index246.js +9 -89
  58. package/dist/index247.js +17 -3
  59. package/dist/index248.js +283 -0
  60. package/dist/index249.js +6 -7
  61. package/dist/index25.js +1 -1
  62. package/dist/index250.js +2 -200
  63. package/dist/index251.js +2 -3
  64. package/dist/index252.js +2 -9
  65. package/dist/index253.js +2 -23
  66. package/dist/index254.js +2 -281
  67. package/dist/index255.js +125 -5
  68. package/dist/index256.js +431 -2
  69. package/dist/index257.js +3 -2
  70. package/dist/index259.js +7 -2
  71. package/dist/index260.js +22 -2
  72. package/dist/index262.js +4 -22
  73. package/dist/index263.js +91 -0
  74. package/dist/index264.js +6 -9
  75. package/dist/index265.js +16 -6
  76. package/dist/index266.js +3 -16
  77. package/dist/index267.js +7 -434
  78. package/dist/index268.js +23 -127
  79. package/dist/index269.js +9 -3
  80. package/dist/index27.js +3 -3
  81. package/dist/index270.js +199 -11
  82. package/dist/index271.js +434 -7
  83. package/dist/index272.js +126 -8
  84. package/dist/index273.js +2 -17
  85. package/dist/index275.js +2 -2
  86. package/dist/index278.js +1 -1
  87. package/dist/index279.js +28 -2
  88. package/dist/index280.js +21 -27
  89. package/dist/index282.js +226 -0
  90. package/dist/index283.js +1 -1
  91. package/dist/index284.js +1 -1
  92. package/dist/index285.js +2 -2
  93. package/dist/index286.js +5 -2
  94. package/dist/index288.js +2 -5
  95. package/dist/index289.js +10 -34
  96. package/dist/index29.js +2 -2
  97. package/dist/index291.js +4 -79
  98. package/dist/index292.js +6 -0
  99. package/dist/index293.js +59 -4
  100. package/dist/index294.js +79 -4
  101. package/dist/index296.js +34 -6
  102. package/dist/index297.js +46 -6
  103. package/dist/index298.js +5 -17
  104. package/dist/index299.js +6 -46
  105. package/dist/index300.js +18 -10
  106. package/dist/{index303.js → index302.js} +1 -1
  107. package/dist/index31.js +2 -2
  108. package/dist/index33.js +3 -3
  109. package/dist/index35.js +13 -13
  110. package/dist/index37.js +4 -4
  111. package/dist/index39.js +2 -2
  112. package/dist/index41.js +2 -2
  113. package/dist/index43.js +6 -6
  114. package/dist/index45.js +2 -2
  115. package/dist/index47.js +2 -2
  116. package/dist/index53.js +1 -1
  117. package/dist/index55.js +1 -1
  118. package/dist/index71.js +3 -3
  119. package/dist/index75.js +2 -2
  120. package/dist/index77.js +1 -1
  121. package/dist/index80.js +2 -2
  122. package/dist/index82.js +1 -1
  123. package/dist/index84.js +3 -3
  124. package/dist/index86.js +1 -1
  125. package/dist/style.css +1 -1
  126. package/package.json +2 -2
  127. package/dist/index202.js +0 -4
  128. package/dist/index215.js +0 -21
  129. package/dist/index239.js +0 -4
  130. package/dist/index258.js +0 -4
  131. package/dist/index261.js +0 -128
  132. package/dist/index281.js +0 -24
  133. package/dist/index295.js +0 -61
package/dist/index227.js CHANGED
@@ -1,29 +1,5 @@
1
- import { getDefaultExportFromCjs as c, commonjsGlobal as k } from "./index255.js";
2
- import { __module as n } from "./index275.js";
3
- (function(f, p) {
4
- (function(r, e) {
5
- f.exports = e();
6
- })(k, function() {
7
- var r = "week", e = "year";
8
- return function(w, u, a) {
9
- var o = u.prototype;
10
- o.week = function(t) {
11
- if (t === void 0 && (t = null), t !== null) return this.add(7 * (t - this.week()), "day");
12
- var s = this.$locale().yearStart || 1;
13
- if (this.month() === 11 && this.date() > 25) {
14
- var l = a(this).startOf(e).add(1, e).date(s), d = a(this).endOf(r);
15
- if (l.isBefore(d)) return 1;
16
- }
17
- var h = a(this).startOf(e).date(s).startOf(r).subtract(1, "millisecond"), i = this.diff(h, r, !0);
18
- return i < 0 ? a(this).startOf("week").week() : Math.ceil(i);
19
- }, o.weeks = function(t) {
20
- return t === void 0 && (t = null), this.week(t);
21
- };
22
- };
23
- });
24
- })(n);
25
- var m = n.exports;
26
- const x = /* @__PURE__ */ c(m);
1
+ import { hash as o } from "./index279.js";
2
+ const t = (r, h = "bb") => `${h}${o(r)}`;
27
3
  export {
28
- x as default
4
+ t as hash
29
5
  };
package/dist/index228.js CHANGED
@@ -1,5 +1,251 @@
1
- import { hash as o } from "./index280.js";
2
- const t = (r, h = "bb") => `${h}${o(r)}`;
1
+ import { defineComponent as de, ref as A, computed as _, watch as le, openBlock as c, createElementBlock as u, normalizeClass as k, withKeys as f, withModifiers as p, createVNode as ce, withCtx as ue, createElementVNode as M, Fragment as O, renderList as S, toDisplayString as C, renderSlot as L, nextTick as fe } from "vue";
2
+ import { chunk as pe } from "./index299.js";
3
+ import { identity as be } from "./index209.js";
4
+ import { isNotNil as me } from "./index130.js";
5
+ import { last as ge } from "./index210.js";
6
+ import { sort as T } from "./index300.js";
7
+ import b from "./index204.js";
8
+ import he from "./index231.js";
9
+ const ye = ["onKeydown"], _e = { class: "bb-base-date-picker__header-container" }, ke = ["abbr"], Oe = ["id", "disabled", "tabindex"], Ce = /* @__PURE__ */ de({
10
+ __name: "BaseDatePickerInputDaySelector",
11
+ props: {
12
+ cursor: {},
13
+ current: { type: Boolean },
14
+ disabled: { type: Boolean },
15
+ firstDayOfWeek: {},
16
+ modelValue: {},
17
+ max: {},
18
+ min: {},
19
+ selectable: { type: Function },
20
+ range: { type: Boolean },
21
+ multiple: { type: Boolean },
22
+ readonly: { type: Boolean }
23
+ },
24
+ emits: ["update:modelValue", "update:cursor"],
25
+ setup(E, { emit: N }) {
26
+ const a = E, s = N, g = A(null), x = b().startOf("day"), m = _(() => {
27
+ let e = 1 / 0, r = -1 / 0, o = {};
28
+ return a.modelValue && [].concat(a.modelValue).filter(be).map((i) => b(i).startOf("day")).map((i) => i.valueOf()).forEach((i, h) => {
29
+ i < e && (e = i), i > r && (r = i), o[i] = h;
30
+ }), {
31
+ min: e,
32
+ max: r,
33
+ index: (t) => o[t.valueOf()],
34
+ selected: (t) => me(o[t.valueOf()]),
35
+ isFirstOfRange: (t) => t.valueOf() === e,
36
+ isLastOfRange: (t) => t.valueOf() === r,
37
+ isBetween: (t) => t.valueOf() > e && t.valueOf() < r
38
+ };
39
+ }), R = _(() => new Array(7).fill("").map((e, r) => b().day((r + a.firstDayOfWeek) % 7)).map((e) => ({
40
+ accessibleLabel: e.format("dddd"),
41
+ label: e.format("dd").slice(0, 1).toUpperCase(),
42
+ id: e.toISOString(),
43
+ original: e
44
+ }))), v = _(() => {
45
+ const e = a.cursor.year().toString(), r = a.cursor.month().toString();
46
+ let t = a.cursor.clone().startOf("month").clone().startOf("week"), h = a.cursor.clone().endOf("month").clone().endOf("week"), Y = b(a.cursor).startOf("day"), D = [];
47
+ for (let n = t; n.isBefore(h); n = n.add(1, "day"))
48
+ D.push(n.clone());
49
+ const Z = D.map((n) => {
50
+ const y = n.toISOString(), ee = n.week().toString();
51
+ let te = m.value.selected(n);
52
+ const B = a.range && m.value.isFirstOfRange(n), I = a.range && m.value.isLastOfRange(n), re = a.range && !B && !I && m.value.isBetween(n), ae = n.month().toString() === r && n.year().toString() === e, oe = n.isSame(x), ne = n.isSame(Y), se = d(n), ie = n.get("D").toString();
53
+ return {
54
+ buttonId: "date_" + y,
55
+ current: ne,
56
+ disabled: se,
57
+ first: B,
58
+ highlighted: ae,
59
+ id: y,
60
+ label: ie,
61
+ last: I,
62
+ middle: re,
63
+ original: n,
64
+ selected: te,
65
+ slotName: y,
66
+ today: oe,
67
+ week: ee
68
+ };
69
+ });
70
+ return pe(Z, 7);
71
+ }), d = (e) => {
72
+ let r = !0;
73
+ return a.min && r && (r = e.isSameOrAfter(b(a.min).startOf("day"))), a.max && r && (r = e.isSameOrBefore(b(a.max).startOf("day"))), typeof a.selectable == "function" && r && (r = a.selectable(e.toDate())), !r;
74
+ }, w = A("left"), K = (e, r) => {
75
+ e && r && (w.value = e.isBefore(r) ? "left" : "right");
76
+ };
77
+ le(
78
+ () => a.cursor,
79
+ (e, r) => {
80
+ K(e, r);
81
+ }
82
+ );
83
+ const V = (e) => s("update:cursor", e), l = async () => {
84
+ if (!g.value) return;
85
+ await fe();
86
+ const e = ge([
87
+ ...g.value.querySelectorAll(
88
+ ".bb-base-date-picker__date--current button"
89
+ )
90
+ ]);
91
+ e instanceof HTMLElement && e.focus();
92
+ }, F = (e) => {
93
+ if (!a.readonly && e.target instanceof HTMLButtonElement) {
94
+ const [, r] = e.target.id.split("_"), o = b(r);
95
+ if (a.cursor.month() !== o.month()) {
96
+ V(o);
97
+ return;
98
+ }
99
+ const t = v.value.flat().find((i) => i.id === r);
100
+ if (t.disabled) return;
101
+ V(o), H(t);
102
+ }
103
+ }, H = (e) => {
104
+ a.range ? P(e) : a.multiple ? U(e) : W(e);
105
+ }, P = (e) => {
106
+ if (!Array.isArray(a.modelValue)) return;
107
+ const r = e.original.toISOString();
108
+ if (a.modelValue.length !== 1) s("update:modelValue", [r]);
109
+ else {
110
+ const o = T([a.modelValue[0], e.original.toISOString()]);
111
+ s("update:modelValue", o);
112
+ }
113
+ }, U = (e) => {
114
+ if (Array.isArray(a.modelValue))
115
+ if (e.selected) {
116
+ const r = e.original.toISOString(), o = a.modelValue.filter((t) => t !== r);
117
+ s("update:modelValue", o);
118
+ } else {
119
+ const r = T([...a.modelValue, e.original.toISOString()]);
120
+ s("update:modelValue", r);
121
+ }
122
+ }, W = (e) => {
123
+ e.selected ? s("update:modelValue", null) : s("update:modelValue", e.original.toISOString());
124
+ }, $ = () => {
125
+ const e = a.cursor.clone().add(1, "day");
126
+ d(e) || (s("update:cursor", e), l());
127
+ }, j = () => {
128
+ const e = a.cursor.clone().subtract(1, "day");
129
+ d(e) || (s("update:cursor", e), l());
130
+ }, q = () => {
131
+ const e = a.cursor.clone().subtract(1, "week");
132
+ d(e) || (s("update:cursor", e), l());
133
+ }, z = () => {
134
+ const e = a.cursor.clone().add(1, "week");
135
+ d(e) || (s("update:cursor", e), l());
136
+ }, G = () => {
137
+ const e = a.cursor.clone().endOf("week");
138
+ d(e) || (s("update:cursor", e), l());
139
+ }, J = () => {
140
+ const e = a.cursor.clone().startOf("week");
141
+ d(e) || (s("update:cursor", e), l());
142
+ }, Q = (e) => {
143
+ if (e.shiftKey) {
144
+ const r = a.cursor.clone().subtract(1, "year");
145
+ if (d(r)) return;
146
+ s("update:cursor", r);
147
+ } else {
148
+ const r = a.cursor.clone().subtract(1, "month");
149
+ if (d(r)) return;
150
+ s("update:cursor", r);
151
+ }
152
+ l();
153
+ }, X = (e) => {
154
+ if (e.shiftKey) {
155
+ const r = a.cursor.clone().add(1, "year");
156
+ if (d(r)) return;
157
+ s("update:cursor", r);
158
+ } else {
159
+ const r = a.cursor.clone().add(1, "month");
160
+ if (d(r)) return;
161
+ s("update:cursor", r);
162
+ }
163
+ l();
164
+ };
165
+ return (e, r) => (c(), u("div", {
166
+ ref_key: "calendar",
167
+ ref: g,
168
+ class: k(["bb-base-date-picker__days-selector", { "bb-base-date-picker__days-selector--hidden": !e.current }]),
169
+ onKeydown: [
170
+ f(p(z, ["prevent"]), ["down"]),
171
+ f(p(G, ["prevent"]), ["end"]),
172
+ f(p(J, ["prevent"]), ["home"]),
173
+ f(p(j, ["prevent"]), ["left"]),
174
+ f(p(X, ["prevent"]), ["page-down"]),
175
+ f(p(Q, ["prevent"]), ["page-up"]),
176
+ f(p($, ["prevent"]), ["right"]),
177
+ f(p(q, ["prevent"]), ["up"])
178
+ ]
179
+ }, [
180
+ ce(he, {
181
+ direction: w.value,
182
+ gap: 30
183
+ }, {
184
+ default: ue(() => [
185
+ (c(), u("div", {
186
+ key: e.cursor.month().toString(),
187
+ class: "bb-base-date-picker__month"
188
+ }, [
189
+ M("div", _e, [
190
+ (c(!0), u(O, null, S(R.value, (o) => (c(), u("div", {
191
+ key: o.id,
192
+ abbr: o.accessibleLabel,
193
+ class: "bb-base-date-picker__header-cell"
194
+ }, C(o.label), 9, ke))), 128))
195
+ ]),
196
+ (c(!0), u(O, null, S(v.value, (o) => (c(), u("div", {
197
+ key: o[0].id,
198
+ class: "bb-base-date-picker__week"
199
+ }, [
200
+ (c(!0), u(O, null, S(o, (t) => (c(), u("div", {
201
+ key: t.id,
202
+ class: k({
203
+ "bb-base-date-picker__date--current": t.current,
204
+ "bb-base-date-picker__date--disabled": e.disabled || t.disabled,
205
+ "bb-base-date-picker__date--first": t.first,
206
+ "bb-base-date-picker__date--highlighted": t.highlighted,
207
+ "bb-base-date-picker__date--last": t.last,
208
+ "bb-base-date-picker__date--middle": t.middle,
209
+ "bb-base-date-picker__date--selected": t.selected,
210
+ "bb-base-date-picker__date--today": t.today,
211
+ "bb-base-date-picker__date": !0
212
+ })
213
+ }, [
214
+ M("button", {
215
+ id: t.buttonId,
216
+ class: k("bb-base-date-picker__date-button"),
217
+ disabled: e.disabled || t.disabled,
218
+ tabindex: Number(t.current) - 1,
219
+ type: "button",
220
+ onClick: F
221
+ }, C(t.label), 9, Oe),
222
+ L(e.$slots, "day", {
223
+ first: t.first,
224
+ highlighted: t.highlighted,
225
+ item: t.original,
226
+ label: t.label,
227
+ last: t.last,
228
+ middle: t.middle,
229
+ selected: t.selected
230
+ }),
231
+ L(e.$slots, t.slotName, {
232
+ first: t.first,
233
+ highlighted: t.highlighted,
234
+ item: t.original,
235
+ label: t.label,
236
+ last: t.last,
237
+ middle: t.middle,
238
+ selected: t.selected
239
+ })
240
+ ], 2))), 128))
241
+ ]))), 128))
242
+ ]))
243
+ ]),
244
+ _: 3
245
+ }, 8, ["direction"])
246
+ ], 42, ye));
247
+ }
248
+ });
3
249
  export {
4
- t as hash
250
+ Ce as default
5
251
  };
package/dist/index229.js CHANGED
@@ -1,251 +1,54 @@
1
- import { defineComponent as de, ref as A, computed as _, watch as le, openBlock as c, createElementBlock as u, normalizeClass as k, withKeys as f, withModifiers as p, createVNode as ce, withCtx as ue, createElementVNode as M, Fragment as O, renderList as S, toDisplayString as C, renderSlot as L, nextTick as fe } from "vue";
2
- import { chunk as pe } from "./index297.js";
3
- import { identity as be } from "./index218.js";
4
- import { isNotNil as me } from "./index130.js";
5
- import { last as ge } from "./index219.js";
6
- import { sort as T } from "./index298.js";
7
- import b from "./index213.js";
8
- import he from "./index232.js";
9
- const ye = ["onKeydown"], _e = { class: "bb-base-date-picker__header-container" }, ke = ["abbr"], Oe = ["id", "disabled", "tabindex"], Ce = /* @__PURE__ */ de({
10
- __name: "BaseDatePickerInputDaySelector",
1
+ import { defineComponent as p, ref as b, watch as _, computed as m, openBlock as d, createElementBlock as c, normalizeClass as u, createElementVNode as t, createVNode as h, withCtx as f, toDisplayString as o } from "vue";
2
+ import k from "./index231.js";
3
+ const y = { class: "bb-base-date-picker__year-container" }, v = {
4
+ "aria-live": "polite",
5
+ class: "bb-base-date-picker__selected-day-label"
6
+ }, B = { class: "bb-base-date-picker__weekday" }, D = { class: "bb-base-date-picker__monthday" }, M = { class: "bb-base-date-picker__month-button" }, C = /* @__PURE__ */ p({
7
+ __name: "BaseDatePickerHeader",
11
8
  props: {
12
9
  cursor: {},
13
- current: { type: Boolean },
14
10
  disabled: { type: Boolean },
15
- firstDayOfWeek: {},
16
- modelValue: {},
17
- max: {},
18
- min: {},
19
- selectable: { type: Function },
20
- range: { type: Boolean },
21
- multiple: { type: Boolean },
22
- readonly: { type: Boolean }
11
+ hidden: { type: Boolean }
23
12
  },
24
- emits: ["update:modelValue", "update:cursor"],
25
- setup(E, { emit: N }) {
26
- const a = E, s = N, g = A(null), x = b().startOf("day"), m = _(() => {
27
- let e = 1 / 0, r = -1 / 0, o = {};
28
- return a.modelValue && [].concat(a.modelValue).filter(be).map((i) => b(i).startOf("day")).map((i) => i.valueOf()).forEach((i, h) => {
29
- i < e && (e = i), i > r && (r = i), o[i] = h;
30
- }), {
31
- min: e,
32
- max: r,
33
- index: (t) => o[t.valueOf()],
34
- selected: (t) => me(o[t.valueOf()]),
35
- isFirstOfRange: (t) => t.valueOf() === e,
36
- isLastOfRange: (t) => t.valueOf() === r,
37
- isBetween: (t) => t.valueOf() > e && t.valueOf() < r
38
- };
39
- }), R = _(() => new Array(7).fill("").map((e, r) => b().day((r + a.firstDayOfWeek) % 7)).map((e) => ({
40
- accessibleLabel: e.format("dddd"),
41
- label: e.format("dd").slice(0, 1).toUpperCase(),
42
- id: e.toISOString(),
43
- original: e
44
- }))), v = _(() => {
45
- const e = a.cursor.year().toString(), r = a.cursor.month().toString();
46
- let t = a.cursor.clone().startOf("month").clone().startOf("week"), h = a.cursor.clone().endOf("month").clone().endOf("week"), Y = b(a.cursor).startOf("day"), D = [];
47
- for (let n = t; n.isBefore(h); n = n.add(1, "day"))
48
- D.push(n.clone());
49
- const Z = D.map((n) => {
50
- const y = n.toISOString(), ee = n.week().toString();
51
- let te = m.value.selected(n);
52
- const B = a.range && m.value.isFirstOfRange(n), I = a.range && m.value.isLastOfRange(n), re = a.range && !B && !I && m.value.isBetween(n), ae = n.month().toString() === r && n.year().toString() === e, oe = n.isSame(x), ne = n.isSame(Y), se = d(n), ie = n.get("D").toString();
53
- return {
54
- buttonId: "date_" + y,
55
- current: ne,
56
- disabled: se,
57
- first: B,
58
- highlighted: ae,
59
- id: y,
60
- label: ie,
61
- last: I,
62
- middle: re,
63
- original: n,
64
- selected: te,
65
- slotName: y,
66
- today: oe,
67
- week: ee
68
- };
69
- });
70
- return pe(Z, 7);
71
- }), d = (e) => {
72
- let r = !0;
73
- return a.min && r && (r = e.isSameOrAfter(b(a.min).startOf("day"))), a.max && r && (r = e.isSameOrBefore(b(a.max).startOf("day"))), typeof a.selectable == "function" && r && (r = a.selectable(e.toDate())), !r;
74
- }, w = A("left"), K = (e, r) => {
75
- e && r && (w.value = e.isBefore(r) ? "left" : "right");
13
+ emits: ["mode:year", "mode:month"],
14
+ setup(n) {
15
+ const s = n, r = b("top"), l = (e, a) => {
16
+ e && a && (r.value = e.isBefore(a) ? "top" : "bottom");
76
17
  };
77
- le(
78
- () => a.cursor,
79
- (e, r) => {
80
- K(e, r);
18
+ _(
19
+ () => s.cursor,
20
+ (e, a) => {
21
+ l(e, a);
81
22
  }
82
23
  );
83
- const V = (e) => s("update:cursor", e), l = async () => {
84
- if (!g.value) return;
85
- await fe();
86
- const e = ge([
87
- ...g.value.querySelectorAll(
88
- ".bb-base-date-picker__date--current button"
89
- )
90
- ]);
91
- e instanceof HTMLElement && e.focus();
92
- }, F = (e) => {
93
- if (!a.readonly && e.target instanceof HTMLButtonElement) {
94
- const [, r] = e.target.id.split("_"), o = b(r);
95
- if (a.cursor.month() !== o.month()) {
96
- V(o);
97
- return;
98
- }
99
- const t = v.value.flat().find((i) => i.id === r);
100
- if (t.disabled) return;
101
- V(o), H(t);
102
- }
103
- }, H = (e) => {
104
- a.range ? P(e) : a.multiple ? U(e) : W(e);
105
- }, P = (e) => {
106
- if (!Array.isArray(a.modelValue)) return;
107
- const r = e.original.toISOString();
108
- if (a.modelValue.length !== 1) s("update:modelValue", [r]);
109
- else {
110
- const o = T([a.modelValue[0], e.original.toISOString()]);
111
- s("update:modelValue", o);
112
- }
113
- }, U = (e) => {
114
- if (Array.isArray(a.modelValue))
115
- if (e.selected) {
116
- const r = e.original.toISOString(), o = a.modelValue.filter((t) => t !== r);
117
- s("update:modelValue", o);
118
- } else {
119
- const r = T([...a.modelValue, e.original.toISOString()]);
120
- s("update:modelValue", r);
121
- }
122
- }, W = (e) => {
123
- e.selected ? s("update:modelValue", null) : s("update:modelValue", e.original.toISOString());
124
- }, $ = () => {
125
- const e = a.cursor.clone().add(1, "day");
126
- d(e) || (s("update:cursor", e), l());
127
- }, j = () => {
128
- const e = a.cursor.clone().subtract(1, "day");
129
- d(e) || (s("update:cursor", e), l());
130
- }, q = () => {
131
- const e = a.cursor.clone().subtract(1, "week");
132
- d(e) || (s("update:cursor", e), l());
133
- }, z = () => {
134
- const e = a.cursor.clone().add(1, "week");
135
- d(e) || (s("update:cursor", e), l());
136
- }, G = () => {
137
- const e = a.cursor.clone().endOf("week");
138
- d(e) || (s("update:cursor", e), l());
139
- }, J = () => {
140
- const e = a.cursor.clone().startOf("week");
141
- d(e) || (s("update:cursor", e), l());
142
- }, Q = (e) => {
143
- if (e.shiftKey) {
144
- const r = a.cursor.clone().subtract(1, "year");
145
- if (d(r)) return;
146
- s("update:cursor", r);
147
- } else {
148
- const r = a.cursor.clone().subtract(1, "month");
149
- if (d(r)) return;
150
- s("update:cursor", r);
151
- }
152
- l();
153
- }, X = (e) => {
154
- if (e.shiftKey) {
155
- const r = a.cursor.clone().add(1, "year");
156
- if (d(r)) return;
157
- s("update:cursor", r);
158
- } else {
159
- const r = a.cursor.clone().add(1, "month");
160
- if (d(r)) return;
161
- s("update:cursor", r);
162
- }
163
- l();
164
- };
165
- return (e, r) => (c(), u("div", {
166
- ref_key: "calendar",
167
- ref: g,
168
- class: k(["bb-base-date-picker__days-selector", { "bb-base-date-picker__days-selector--hidden": !e.current }]),
169
- onKeydown: [
170
- f(p(z, ["prevent"]), ["down"]),
171
- f(p(G, ["prevent"]), ["end"]),
172
- f(p(J, ["prevent"]), ["home"]),
173
- f(p(j, ["prevent"]), ["left"]),
174
- f(p(X, ["prevent"]), ["page-down"]),
175
- f(p(Q, ["prevent"]), ["page-up"]),
176
- f(p($, ["prevent"]), ["right"]),
177
- f(p(q, ["prevent"]), ["up"])
178
- ]
24
+ const i = m(() => s.cursor.format("YYYY"));
25
+ return (e, a) => (d(), c("div", {
26
+ class: u(["bb-base-date-picker__header", { "bb-base-date-picker__header--hidden": e.hidden }])
179
27
  }, [
180
- ce(he, {
181
- direction: w.value,
182
- gap: 30
183
- }, {
184
- default: ue(() => [
185
- (c(), u("div", {
186
- key: e.cursor.month().toString(),
187
- class: "bb-base-date-picker__month"
188
- }, [
189
- M("div", _e, [
190
- (c(!0), u(O, null, S(R.value, (o) => (c(), u("div", {
191
- key: o.id,
192
- abbr: o.accessibleLabel,
193
- class: "bb-base-date-picker__header-cell"
194
- }, C(o.label), 9, ke))), 128))
195
- ]),
196
- (c(!0), u(O, null, S(v.value, (o) => (c(), u("div", {
197
- key: o[0].id,
198
- class: "bb-base-date-picker__week"
199
- }, [
200
- (c(!0), u(O, null, S(o, (t) => (c(), u("div", {
201
- key: t.id,
202
- class: k({
203
- "bb-base-date-picker__date--current": t.current,
204
- "bb-base-date-picker__date--disabled": e.disabled || t.disabled,
205
- "bb-base-date-picker__date--first": t.first,
206
- "bb-base-date-picker__date--highlighted": t.highlighted,
207
- "bb-base-date-picker__date--last": t.last,
208
- "bb-base-date-picker__date--middle": t.middle,
209
- "bb-base-date-picker__date--selected": t.selected,
210
- "bb-base-date-picker__date--today": t.today,
211
- "bb-base-date-picker__date": !0
212
- })
213
- }, [
214
- M("button", {
215
- id: t.buttonId,
216
- class: k("bb-base-date-picker__date-button"),
217
- disabled: e.disabled || t.disabled,
218
- tabindex: Number(t.current) - 1,
219
- type: "button",
220
- onClick: F
221
- }, C(t.label), 9, Oe),
222
- L(e.$slots, "day", {
223
- first: t.first,
224
- highlighted: t.highlighted,
225
- item: t.original,
226
- label: t.label,
227
- last: t.last,
228
- middle: t.middle,
229
- selected: t.selected
230
- }),
231
- L(e.$slots, t.slotName, {
232
- first: t.first,
233
- highlighted: t.highlighted,
234
- item: t.original,
235
- label: t.label,
236
- last: t.last,
237
- middle: t.middle,
238
- selected: t.selected
239
- })
240
- ], 2))), 128))
241
- ]))), 128))
242
- ]))
243
- ]),
244
- _: 3
245
- }, 8, ["direction"])
246
- ], 42, ye));
28
+ t("div", y, [
29
+ h(k, {
30
+ direction: r.value,
31
+ duration: 500,
32
+ gap: 30
33
+ }, {
34
+ default: f(() => [
35
+ (d(), c("span", {
36
+ key: i.value,
37
+ "aria-live": "polite",
38
+ class: "bb-base-date-picker__year-button"
39
+ }, o(i.value), 1))
40
+ ]),
41
+ _: 1
42
+ }, 8, ["direction"])
43
+ ]),
44
+ t("div", v, [
45
+ t("span", B, o(e.cursor.format("ddd")) + ", ", 1),
46
+ t("span", D, o(e.cursor.format("DD")), 1),
47
+ t("span", M, o(e.cursor.format("MMMM")), 1)
48
+ ])
49
+ ], 2));
247
50
  }
248
51
  });
249
52
  export {
250
- Ce as default
53
+ C as default
251
54
  };
package/dist/index23.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { defineComponent as ae, ref as o, getCurrentInstance as se, computed as m, nextTick as N, useAttrs as ne, onMounted as ie, onBeforeUnmount as F, watch as re, openBlock as _, createBlock as ue, Teleport as de, createElementVNode as a, mergeProps as G, createElementBlock as T, renderSlot as u, createTextVNode as ce, toDisplayString as P, createCommentVNode as z } from "vue";
2
- import { throttle as ve } from "./index205.js";
3
- import { useFocusTrap as fe } from "./index206.js";
2
+ import { throttle as ve } from "./index222.js";
3
+ import { useFocusTrap as fe } from "./index211.js";
4
4
  import { useId as K } from "./index8.js";
5
5
  import { wait as H } from "./index127.js";
6
- import { waitFor as be } from "./index207.js";
7
- import { useModalsState as k } from "./index208.js";
8
- import { useLogger as pe } from "./index200.js";
6
+ import { waitFor as be } from "./index213.js";
7
+ import { useModalsState as k } from "./index223.js";
8
+ import { useLogger as pe } from "./index224.js";
9
9
  const me = { class: "bb-base-dialog-close" }, ge = ["aria-label"], ye = /* @__PURE__ */ a("span", { class: "bb-base-dialog-close__icon" }, [
10
10
  /* @__PURE__ */ a("svg", {
11
11
  "aria-hidden": "true",