bitboss-ui 2.1.82 → 2.1.83

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 (175) hide show
  1. package/dist/index107.js +9 -9
  2. package/dist/index112.js +1 -1
  3. package/dist/index114.js +1 -1
  4. package/dist/index120.js +1 -1
  5. package/dist/index122.js +57 -57
  6. package/dist/index13.js +2 -2
  7. package/dist/index130.js +1 -1
  8. package/dist/index132.js +5 -5
  9. package/dist/index134.js +1 -1
  10. package/dist/index141.js +2 -2
  11. package/dist/index142.js +1 -1
  12. package/dist/index15.js +5 -5
  13. package/dist/index17.js +3 -3
  14. package/dist/index19.js +8 -8
  15. package/dist/index21.js +11 -11
  16. package/dist/index214.js +2 -138
  17. package/dist/index215.js +138 -2
  18. package/dist/index217.js +1 -1
  19. package/dist/index218.js +1 -1
  20. package/dist/index219.js +12 -85
  21. package/dist/index220.js +15 -0
  22. package/dist/index221.js +11 -27
  23. package/dist/index222.js +4 -17
  24. package/dist/index223.js +18 -49
  25. package/dist/index224.js +201 -15
  26. package/dist/index226.js +135 -12
  27. package/dist/index228.js +3 -4
  28. package/dist/index229.js +6 -13
  29. package/dist/index23.js +3 -3
  30. package/dist/index230.js +15 -19
  31. package/dist/index231.js +2 -201
  32. package/dist/index232.js +13 -0
  33. package/dist/index233.js +6 -133
  34. package/dist/index234.js +11 -0
  35. package/dist/index235.js +9 -2
  36. package/dist/index236.js +23 -2
  37. package/dist/index237.js +4 -3
  38. package/dist/index238.js +23 -2
  39. package/dist/index239.js +188 -2
  40. package/dist/index240.js +3 -7
  41. package/dist/index241.js +4 -2
  42. package/dist/index242.js +67 -7
  43. package/dist/index243.js +2 -2
  44. package/dist/index244.js +2 -2
  45. package/dist/index245.js +2 -2
  46. package/dist/index246.js +2 -2
  47. package/dist/index247.js +2 -2
  48. package/dist/index248.js +2 -2
  49. package/dist/index25.js +3 -3
  50. package/dist/index250.js +1 -1
  51. package/dist/index251.js +33 -12
  52. package/dist/index252.js +5 -13
  53. package/dist/index253.js +3 -10
  54. package/dist/index254.js +9 -3
  55. package/dist/index255.js +10 -4
  56. package/dist/index256.js +3 -34
  57. package/dist/index257.js +3 -9
  58. package/dist/index259.js +1 -1
  59. package/dist/index261.js +7 -3
  60. package/dist/index262.js +2 -7
  61. package/dist/index263.js +3 -4
  62. package/dist/index264.js +9 -5
  63. package/dist/index265.js +27 -186
  64. package/dist/index266.js +16 -3
  65. package/dist/index267.js +17 -9
  66. package/dist/index268.js +50 -66
  67. package/dist/index269.js +12 -6
  68. package/dist/index27.js +1 -1
  69. package/dist/index270.js +40 -15
  70. package/dist/index271.js +5 -11
  71. package/dist/index272.js +2 -8
  72. package/dist/index273.js +6 -106
  73. package/dist/index274.js +270 -0
  74. package/dist/index275.js +47 -95
  75. package/dist/index276.js +54 -0
  76. package/dist/index277.js +32 -5
  77. package/dist/index278.js +60 -6
  78. package/dist/index279.js +79 -261
  79. package/dist/index281.js +15 -52
  80. package/dist/index282.js +7 -31
  81. package/dist/index283.js +2 -60
  82. package/dist/index284.js +6 -22
  83. package/dist/index285.js +7 -9
  84. package/dist/index286.js +2 -23
  85. package/dist/index287.js +17 -8
  86. package/dist/index288.js +11 -40
  87. package/dist/index289.js +105 -17
  88. package/dist/index29.js +2 -2
  89. package/dist/index291.js +83 -212
  90. package/dist/index293.js +228 -7
  91. package/dist/index294.js +9 -0
  92. package/dist/index296.js +1 -1
  93. package/dist/index297.js +2 -17
  94. package/dist/index298.js +4 -28
  95. package/dist/index299.js +1 -1
  96. package/dist/index300.js +4 -3
  97. package/dist/index301.js +2 -7
  98. package/dist/index302.js +3 -5
  99. package/dist/index303.js +718 -3
  100. package/dist/index304.js +366 -2
  101. package/dist/index305.js +56 -279
  102. package/dist/index306.js +5 -2
  103. package/dist/index307.js +271 -116
  104. package/dist/index308.js +2 -2
  105. package/dist/index309.js +123 -13
  106. package/dist/index31.js +2 -2
  107. package/dist/index310.js +2 -2
  108. package/dist/index311.js +13 -14
  109. package/dist/index313.js +9 -9
  110. package/dist/index315.js +14 -17
  111. package/dist/index317.js +19 -2
  112. package/dist/index318.js +2 -719
  113. package/dist/index319.js +5 -366
  114. package/dist/index320.js +3 -57
  115. package/dist/index321.js +17 -27
  116. package/dist/index322.js +28 -2
  117. package/dist/index323.js +27 -2
  118. package/dist/index324.js +2 -2
  119. package/dist/index325.js +1 -1
  120. package/dist/index326.js +1 -1
  121. package/dist/index327.js +1 -1
  122. package/dist/index328.js +2 -4
  123. package/dist/index329.js +2 -3
  124. package/dist/index33.js +8 -8
  125. package/dist/index330.js +58 -3
  126. package/dist/index331.js +58 -6
  127. package/dist/index332.js +3 -2
  128. package/dist/index333.js +3 -5
  129. package/dist/index334.js +2 -35
  130. package/dist/index335.js +35 -6
  131. package/dist/index336.js +6 -129
  132. package/dist/index337.js +113 -382
  133. package/dist/index338.js +397 -7
  134. package/dist/index339.js +5 -5
  135. package/dist/index340.js +8 -8
  136. package/dist/index341.js +6 -58
  137. package/dist/index342.js +7 -57
  138. package/dist/index343.js +221 -86
  139. package/dist/index344.js +93 -5
  140. package/dist/index345.js +133 -6
  141. package/dist/index346.js +5 -19
  142. package/dist/index347.js +6 -8
  143. package/dist/index348.js +17 -13
  144. package/dist/index349.js +8 -6
  145. package/dist/index35.js +3 -3
  146. package/dist/index350.js +12 -131
  147. package/dist/index351.js +7 -22
  148. package/dist/index352.js +24 -0
  149. package/dist/index37.js +17 -17
  150. package/dist/index39.js +6 -6
  151. package/dist/index41.js +2 -2
  152. package/dist/index43.js +8 -8
  153. package/dist/index45.js +5 -5
  154. package/dist/index49.js +2 -2
  155. package/dist/index53.js +1 -1
  156. package/dist/index55.js +1 -1
  157. package/dist/index57.js +2 -2
  158. package/dist/index61.js +5 -5
  159. package/dist/index67.js +1 -1
  160. package/dist/index80.js +6 -6
  161. package/dist/index82.js +1 -1
  162. package/dist/index84.js +2 -2
  163. package/dist/index86.js +3 -3
  164. package/dist/index88.js +1 -1
  165. package/dist/index91.js +3 -3
  166. package/dist/index93.js +2 -2
  167. package/dist/index95.js +5 -5
  168. package/package.json +1 -1
  169. package/dist/index225.js +0 -5
  170. package/dist/index227.js +0 -18
  171. package/dist/index280.js +0 -54
  172. package/dist/index290.js +0 -14
  173. package/dist/index292.js +0 -5
  174. package/dist/index295.js +0 -5
  175. package/dist/index353.js +0 -230
package/dist/index270.js CHANGED
@@ -1,18 +1,43 @@
1
- const e = (o, r, f) => o.reduce((t, n) => {
2
- if (t) return t;
3
- if (f(n))
4
- return n;
5
- if (r in n) {
6
- const i = e(
7
- [].concat(n[r]),
8
- r,
9
- f
10
- );
11
- if (i)
12
- return i;
1
+ import { useLogger as g } from "./index233.js";
2
+ const A = (t, s) => {
3
+ if (!s.length) return;
4
+ const o = Array.from(
5
+ t.querySelectorAll("thead th")
6
+ );
7
+ if (!o.length) return;
8
+ const { error: n } = g(), u = o.length, a = s.reduce((e, r) => {
9
+ const i = typeof r == "number" ? r : r.index, d = typeof r == "number" ? "left" : r.position, l = o[i];
10
+ if (!l)
11
+ return n(
12
+ `BbTable fixedColumns: Cannot affix column at index ${i}. Table has ${u} columns (valid indices: 0–${u - 1}).`
13
+ ), e;
14
+ const { width: m } = l.getBoundingClientRect(), y = e.filter((h) => h.position === d).reduce((h, C) => h + C.width, 0);
15
+ return e.push({ index: i, position: d, width: Math.floor(m), offset: y }), e;
16
+ }, []), c = Array.from(t.querySelectorAll("tr")), p = a.map((e) => `:scope > :nth-child(${e.index + 1})`).join(", ");
17
+ c.forEach((e) => {
18
+ Array.from(e.querySelectorAll(p)).forEach((i, d) => {
19
+ const l = a[d];
20
+ l && (i.style.position = "sticky", i.style[l.position] = `${l.offset}px`);
21
+ });
22
+ });
23
+ }, f = (t) => Array.isArray(t) ? t : [t], w = (t) => t.split(/\W+/g).join("_").toLowerCase(), $ = (t, s, o) => {
24
+ const n = [...f(t)];
25
+ return s && n.push(...f(s)), o && n.push(...f(o)), n;
26
+ }, b = (t, s, o, n, u, a) => {
27
+ const c = [...f(t)], p = (e) => typeof e == "function" ? e(n, u, a) : e;
28
+ if (s) {
29
+ const e = p(s);
30
+ e && c.push(...f(e));
13
31
  }
14
- return t;
15
- }, null);
32
+ if (o) {
33
+ const e = p(o);
34
+ e && c.push(...f(e));
35
+ }
36
+ return c;
37
+ };
16
38
  export {
17
- e as findInTree
39
+ A as applyFixedTableColumns,
40
+ w as columnKeyToSlotName,
41
+ b as mergeCellClasses,
42
+ $ as mergeHeaderClasses
18
43
  };
package/dist/index271.js CHANGED
@@ -1,13 +1,7 @@
1
- function c(n, r, e) {
2
- const i = typeof r == "string" ? r.split(".") : r;
3
- let t = n;
4
- for (const o of i)
5
- if (t && typeof t == "object" && o in t)
6
- t = t[o];
7
- else
8
- return e;
9
- return t === void 0 ? e : t;
10
- }
1
+ import { getDefaultExportFromCjs as e } from "./index339.js";
2
+ import { __require as r } from "./index323.js";
3
+ var o = r();
4
+ const f = /* @__PURE__ */ e(o);
11
5
  export {
12
- c as get
6
+ f as default
13
7
  };
package/dist/index272.js CHANGED
@@ -1,10 +1,4 @@
1
- const o = "bitboss-ui | ", e = () => ({
2
- warn: (r) => console.warn(`${o}${r}`),
3
- error: (r) => console.error(`${o}${r}`),
4
- throw: (r) => {
5
- throw new Error(`${o}${r}`);
6
- }
7
- });
1
+ const e = (t) => t[t.length - 1];
8
2
  export {
9
- e as useLogger
3
+ e as last
10
4
  };
package/dist/index273.js CHANGED
@@ -1,108 +1,8 @@
1
- import { defineComponent as y, ref as F, computed as H, watch as N, createElementBlock as L, openBlock as p, Fragment as S, renderList as V, createBlock as A, withModifiers as O, normalizeClass as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
2
- import { hash as d } from "./index225.js";
3
- import { isNil as l } from "./index239.js";
4
- import E from "./index67.js";
5
- /* empty css */
6
- const K = /* @__PURE__ */ y({
7
- __name: "ChipsBox",
8
- props: {
9
- options: {}
10
- },
11
- emits: ["option:unselected"],
12
- setup(f, { expose: v, emit: h }) {
13
- const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
14
- const s = l(n.value) ? -1 : n.value;
15
- let o = (s + e) % t.options.length;
16
- for (; t.options[o].disabled && o !== s; )
17
- o = a(e + 1);
18
- return o;
19
- }, x = () => {
20
- if (!i.value) return;
21
- const e = a();
22
- n.value = e;
23
- }, c = (e = 1) => {
24
- const s = l(n.value) ? 0 : n.value;
25
- let o = (s - e + t.options.length) % t.options.length;
26
- for (; t.options[o].disabled && o !== s; )
27
- o = c(e + 1);
28
- return o;
29
- }, m = async () => {
30
- if (!i.value) return;
31
- const e = c();
32
- n.value = e;
33
- }, w = () => {
34
- if (!i.value) return;
35
- let e = 0;
36
- for (; t.options[e].disabled; )
37
- e++;
38
- n.value = e;
39
- }, b = () => {
40
- if (!i.value) return;
41
- let e = t.options.length - 1;
42
- for (; t.options[e].disabled && e !== 0; )
43
- e--;
44
- n.value = e;
45
- }, I = () => {
46
- if (!i.value) return;
47
- let e = 0;
48
- for (; !t.options[e].selected && t.options.length !== e; )
49
- e++;
50
- n.value = e;
51
- }, g = () => {
52
- if (!i.value) return;
53
- let e = t.options.length - 1;
54
- for (; t.options[e].selected && e !== 0; )
55
- e--;
56
- n.value = e;
57
- }, _ = (e) => {
58
- if (!i.value) return;
59
- const s = t.options.findIndex(
60
- (o) => o.valueHash === e
61
- );
62
- s >= 0 && (n.value = s);
63
- }, r = () => {
64
- n.value = null;
65
- }, k = () => {
66
- if (l(n.value)) return;
67
- const e = t.options[n.value];
68
- e.selected && u("option:unselected", e);
69
- }, C = () => l(n.value) ? void 0 : t.options[n.value];
70
- return N(
71
- () => t.options,
72
- (e, s) => {
73
- d(e) !== d(s) && r();
74
- },
75
- {
76
- flush: "post"
77
- }
78
- ), v({
79
- focusNext: x,
80
- focusPrevious: m,
81
- focusFirst: w,
82
- focusFirstSelected: I,
83
- focusLast: b,
84
- focusLastSelected: g,
85
- blur: r,
86
- confirmOption: k,
87
- focusByHash: _,
88
- getHighlighted: C
89
- }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
90
- key: o.valueHash,
91
- class: P({
92
- "bb-chipsbox-item": !0,
93
- "bb-chipsbox-item--focused": B === n.value
94
- }),
95
- clearable: !0,
96
- text: o.text,
97
- "onClick:clear": O((M) => u("option:unselected", o), ["stop"])
98
- }, {
99
- default: $(() => [
100
- z(D(o.text), 1)
101
- ]),
102
- _: 2
103
- }, 1032, ["class", "text", "onClick:clear"]))), 128));
104
- }
105
- });
1
+ function e(t, r) {
2
+ if (!/\d{4}-\d{2}-\d{2}/.test(t))
3
+ throw new Error(`${r} must be in the format YYYY-MM-DD`);
4
+ return t;
5
+ }
106
6
  export {
107
- K as default
7
+ e as validateDateFormat
108
8
  };
@@ -0,0 +1,270 @@
1
+ import { defineComponent as pe, ref as T, computed as v, watch as be, createElementBlock as c, openBlock as u, withKeys as f, normalizeClass as O, withModifiers as m, createVNode as ge, withCtx as he, createElementVNode as E, Fragment as w, renderList as S, toDisplayString as x, renderSlot as C, nextTick as ye } from "vue";
2
+ import { chunk as _e } from "./index347.js";
3
+ import { identity as L } from "./index249.js";
4
+ import { isNotNil as ke } from "./index144.js";
5
+ import { last as ve } from "./index272.js";
6
+ import { sort as N } from "./index348.js";
7
+ import { validateDateFormat as R } from "./index273.js";
8
+ import { toInnerValue as Oe, toOuterValue as p } from "./index349.js";
9
+ import { isDateDisabled as we } from "./index350.js";
10
+ import g from "./index243.js";
11
+ import Se from "./index346.js";
12
+ const Ve = ["onKeydown"], De = { class: "bb-base-date-picker__header-container" }, Me = ["abbr"], Be = ["id", "aria-current", "aria-label", "aria-selected", "disabled", "tabindex"], Pe = /* @__PURE__ */ pe({
13
+ __name: "BaseDatePickerInputDaySelector",
14
+ props: {
15
+ cursor: {},
16
+ current: { type: Boolean },
17
+ disabled: { type: Boolean },
18
+ firstDayOfWeek: {},
19
+ id: {},
20
+ floating: { type: Boolean },
21
+ modelValue: {},
22
+ max: {},
23
+ min: {},
24
+ selectable: { type: Function },
25
+ range: { type: Boolean },
26
+ multiple: { type: Boolean },
27
+ readonly: { type: Boolean }
28
+ },
29
+ emits: ["update:modelValue", "update:cursor"],
30
+ setup(F, { emit: K }) {
31
+ const a = F, n = K, h = T(null), H = g().startOf("day");
32
+ a.min && R(a.min, "Min"), a.max && R(a.max, "Max");
33
+ const P = v(() => {
34
+ let e = 1 / 0, r = -1 / 0, s = {};
35
+ return a.modelValue && [].concat(a.modelValue).filter(L).map((i) => Oe(i, a.floating)).map((i) => i.valueOf()).forEach((i, y) => {
36
+ i < e && (e = i), i > r && (r = i), s[i] = y;
37
+ }), {
38
+ min: e,
39
+ max: r,
40
+ index: (t) => s[t.valueOf()],
41
+ selected: (t) => ke(s[t.valueOf()]),
42
+ isFirstOfRange: (t) => t.valueOf() === e,
43
+ isLastOfRange: (t) => t.valueOf() === r,
44
+ isBetween: (t) => t.valueOf() > e && t.valueOf() < r
45
+ };
46
+ }), Y = v(() => new Array(7).fill("").map((e, r) => g().day((r + a.firstDayOfWeek) % 7)).map((e) => ({
47
+ accessibleLabel: e.format("dddd"),
48
+ label: e.format("dd").slice(0, 1).toUpperCase(),
49
+ id: e.toISOString(),
50
+ original: e
51
+ }))), V = v(() => {
52
+ const e = a.cursor.year().toString(), r = a.cursor.month().toString(), t = a.cursor.clone().startOf("month").clone().startOf("week"), y = a.cursor.clone().endOf("month").clone().endOf("week"), re = g(a.cursor).startOf("day"), b = P.value, _ = a.range, oe = a.id, B = [];
53
+ for (let o = t; o.isBefore(y); o = o.add(1, "day"))
54
+ B.push(o.clone());
55
+ const ne = B.map((o) => {
56
+ const k = o.toISOString(), se = o.week().toString(), ie = b.selected(o), A = _ && b.isFirstOfRange(o), I = _ && b.isLastOfRange(o), de = _ && !A && !I && b.isBetween(o), le = o.month().toString() === r && o.year().toString() === e, ce = o.isSame(H), ue = o.isSame(re), fe = d(o), me = o.get("D").toString();
57
+ return {
58
+ buttonId: [oe, k].filter(L).join("_"),
59
+ current: ue,
60
+ disabled: fe,
61
+ first: A,
62
+ highlighted: le,
63
+ id: k,
64
+ label: me,
65
+ last: I,
66
+ middle: de,
67
+ original: o,
68
+ selected: ie,
69
+ slotName: k,
70
+ today: ce,
71
+ week: se
72
+ };
73
+ });
74
+ return _e(ne, 7);
75
+ }), d = (e) => we(e, {
76
+ min: a.min,
77
+ max: a.max,
78
+ selectable: a.selectable,
79
+ floating: a.floating
80
+ }), D = T("left"), $ = (e, r) => {
81
+ e && r && (D.value = e.isBefore(r) ? "left" : "right");
82
+ };
83
+ be(
84
+ () => a.cursor,
85
+ (e, r) => {
86
+ $(e, r);
87
+ }
88
+ );
89
+ const M = (e) => n("update:cursor", e), l = async () => {
90
+ if (!h.value) return;
91
+ await ye();
92
+ const e = ve([
93
+ ...h.value.querySelectorAll(
94
+ ".bb-base-date-picker__date--current button"
95
+ )
96
+ ]);
97
+ e instanceof HTMLElement && e.focus();
98
+ }, U = (e) => {
99
+ if (!a.readonly && e.target instanceof HTMLButtonElement) {
100
+ const [, r] = e.target.id.split("_"), s = g(r);
101
+ if (a.cursor.month() !== s.month()) {
102
+ M(s);
103
+ return;
104
+ }
105
+ const t = V.value.flat().find((i) => i.id === r);
106
+ if (!t || t.disabled) return;
107
+ M(s), j(t);
108
+ }
109
+ }, j = (e) => {
110
+ a.range ? W(e) : a.multiple ? q(e) : z(e);
111
+ }, W = (e) => {
112
+ if (Array.isArray(a.modelValue))
113
+ if (a.modelValue.length !== 1) {
114
+ const r = [p(e.original, a.floating)];
115
+ n("update:modelValue", r);
116
+ } else {
117
+ const r = N([
118
+ a.modelValue[0],
119
+ p(e.original, a.floating)
120
+ ]);
121
+ n("update:modelValue", r);
122
+ }
123
+ }, q = (e) => {
124
+ if (Array.isArray(a.modelValue))
125
+ if (e.selected) {
126
+ const r = p(e.original, a.floating), s = a.modelValue.filter((t) => t !== r);
127
+ n("update:modelValue", s);
128
+ } else {
129
+ const r = N([
130
+ ...a.modelValue,
131
+ p(e.original, a.floating)
132
+ ]);
133
+ n("update:modelValue", r);
134
+ }
135
+ }, z = (e) => {
136
+ e.selected ? n("update:modelValue", null) : n("update:modelValue", p(e.original, a.floating));
137
+ }, G = () => {
138
+ const e = a.cursor.clone().add(1, "day");
139
+ d(e) || (n("update:cursor", e), l());
140
+ }, J = () => {
141
+ const e = a.cursor.clone().subtract(1, "day");
142
+ d(e) || (n("update:cursor", e), l());
143
+ }, Q = () => {
144
+ const e = a.cursor.clone().subtract(1, "week");
145
+ d(e) || (n("update:cursor", e), l());
146
+ }, X = () => {
147
+ const e = a.cursor.clone().add(1, "week");
148
+ d(e) || (n("update:cursor", e), l());
149
+ }, Z = () => {
150
+ const e = a.cursor.clone().endOf("week");
151
+ d(e) || (n("update:cursor", e), l());
152
+ }, ee = () => {
153
+ const e = a.cursor.clone().startOf("week");
154
+ d(e) || (n("update:cursor", e), l());
155
+ }, te = (e) => {
156
+ if (e.shiftKey) {
157
+ const r = a.cursor.clone().subtract(1, "year");
158
+ if (d(r)) return;
159
+ n("update:cursor", r);
160
+ } else {
161
+ const r = a.cursor.clone().subtract(1, "month");
162
+ if (d(r)) return;
163
+ n("update:cursor", r);
164
+ }
165
+ l();
166
+ }, ae = (e) => {
167
+ if (e.shiftKey) {
168
+ const r = a.cursor.clone().add(1, "year");
169
+ if (d(r)) return;
170
+ n("update:cursor", r);
171
+ } else {
172
+ const r = a.cursor.clone().add(1, "month");
173
+ if (d(r)) return;
174
+ n("update:cursor", r);
175
+ }
176
+ l();
177
+ };
178
+ return (e, r) => (u(), c("div", {
179
+ ref_key: "calendar",
180
+ ref: h,
181
+ "aria-label": "Calendar dates",
182
+ class: O(["bb-base-date-picker__days-selector", { "bb-base-date-picker__days-selector--hidden": !e.current }]),
183
+ role: "grid",
184
+ onKeydown: [
185
+ f(m(X, ["prevent"]), ["down"]),
186
+ f(m(Z, ["prevent"]), ["end"]),
187
+ f(m(ee, ["prevent"]), ["home"]),
188
+ f(m(J, ["prevent"]), ["left"]),
189
+ f(m(ae, ["prevent"]), ["page-down"]),
190
+ f(m(te, ["prevent"]), ["page-up"]),
191
+ f(m(G, ["prevent"]), ["right"]),
192
+ f(m(Q, ["prevent"]), ["up"])
193
+ ]
194
+ }, [
195
+ ge(Se, {
196
+ direction: D.value,
197
+ gap: 30
198
+ }, {
199
+ default: he(() => [
200
+ (u(), c("div", {
201
+ key: e.cursor.month().toString(),
202
+ class: "bb-base-date-picker__month"
203
+ }, [
204
+ E("div", De, [
205
+ (u(!0), c(w, null, S(Y.value, (s) => (u(), c("div", {
206
+ key: s.id,
207
+ abbr: s.accessibleLabel,
208
+ class: "bb-base-date-picker__header-cell"
209
+ }, x(s.label), 9, Me))), 128))
210
+ ]),
211
+ (u(!0), c(w, null, S(V.value, (s) => (u(), c("div", {
212
+ key: s[0].id,
213
+ class: "bb-base-date-picker__week"
214
+ }, [
215
+ (u(!0), c(w, null, S(s, (t) => (u(), c("div", {
216
+ key: t.id,
217
+ class: O({
218
+ "bb-base-date-picker__date--current": t.current,
219
+ "bb-base-date-picker__date--disabled": e.disabled || t.disabled,
220
+ "bb-base-date-picker__date--first": t.first,
221
+ "bb-base-date-picker__date--highlighted": t.highlighted,
222
+ "bb-base-date-picker__date--last": t.last,
223
+ "bb-base-date-picker__date--middle": t.middle,
224
+ "bb-base-date-picker__date--selected": t.selected,
225
+ "bb-base-date-picker__date--today": t.today,
226
+ "bb-base-date-picker__date": !0
227
+ })
228
+ }, [
229
+ E("button", {
230
+ id: t.buttonId,
231
+ "aria-current": t.today ? "date" : void 0,
232
+ "aria-label": `${t.original.format("dddd, MMMM D, YYYY")}${t.selected ? ", selected" : ""}`,
233
+ "aria-selected": t.selected,
234
+ class: O("bb-base-date-picker__date-button"),
235
+ disabled: e.disabled || t.disabled,
236
+ tabindex: Number(t.current) - 1,
237
+ type: "button",
238
+ role: "gridcell",
239
+ onClick: U
240
+ }, x(t.label), 9, Be),
241
+ C(e.$slots, "day", {
242
+ first: t.first,
243
+ highlighted: t.highlighted,
244
+ item: t.original,
245
+ label: t.label,
246
+ last: t.last,
247
+ middle: t.middle,
248
+ selected: t.selected
249
+ }),
250
+ C(e.$slots, t.slotName, {
251
+ first: t.first,
252
+ highlighted: t.highlighted,
253
+ item: t.original,
254
+ label: t.label,
255
+ last: t.last,
256
+ middle: t.middle,
257
+ selected: t.selected
258
+ })
259
+ ], 2))), 128))
260
+ ]))), 128))
261
+ ]))
262
+ ]),
263
+ _: 3
264
+ }, 8, ["direction"])
265
+ ], 42, Ve));
266
+ }
267
+ });
268
+ export {
269
+ Pe as default
270
+ };
package/dist/index275.js CHANGED
@@ -1,102 +1,54 @@
1
- import { defineComponent as F, ref as H, computed as L, watch as N, createElementBlock as d, openBlock as v, Fragment as S, renderList as A, withModifiers as O, normalizeClass as P, toDisplayString as V } from "vue";
2
- import { hash as f } from "./index225.js";
3
- import { isNil as i } from "./index239.js";
4
- const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
5
- __name: "CommaBox",
1
+ import { defineComponent as p, ref as b, watch as _, computed as m, createElementBlock as d, openBlock as c, normalizeClass as u, createElementVNode as t, createVNode as h, withCtx as f, toDisplayString as o } from "vue";
2
+ import k from "./index346.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",
6
8
  props: {
7
- options: {}
9
+ cursor: {},
10
+ disabled: { type: Boolean },
11
+ hidden: { type: Boolean }
8
12
  },
9
- emits: ["option:unselected"],
10
- setup(m, { expose: h, emit: x }) {
11
- const t = m, a = x, n = H(null), l = L(() => t.options.some((e) => !e.disabled)), u = (e = 1) => {
12
- const s = i(n.value) ? -1 : n.value;
13
- let o = (s + e) % t.options.length;
14
- for (; t.options[o].disabled && o !== s; )
15
- o = u(e + 1);
16
- return o;
17
- }, b = () => {
18
- if (!l.value) return;
19
- const e = u();
20
- n.value = e;
21
- }, c = (e = 1) => {
22
- const s = i(n.value) ? 0 : n.value;
23
- let o = (s - e + t.options.length) % t.options.length;
24
- for (; t.options[o].disabled && o !== s; )
25
- o = c(e + 1);
26
- return o;
27
- }, w = async () => {
28
- if (!l.value) return;
29
- const e = c();
30
- n.value = e;
31
- }, I = () => {
32
- if (!l.value) return;
33
- let e = 0;
34
- for (; t.options[e].disabled; )
35
- e++;
36
- n.value = e;
37
- }, g = () => {
38
- if (!l.value) return;
39
- let e = t.options.length - 1;
40
- for (; t.options[e].disabled && e !== 0; )
41
- e--;
42
- n.value = e;
43
- }, k = () => {
44
- if (!l.value) return;
45
- let e = 0;
46
- for (; !t.options[e].selected && t.options.length !== e; )
47
- e++;
48
- n.value = e;
49
- }, _ = () => {
50
- if (!l.value) return;
51
- let e = t.options.length - 1;
52
- for (; t.options[e].selected && e !== 0; )
53
- e--;
54
- n.value = e;
55
- }, C = (e) => {
56
- if (!l.value) return;
57
- const s = t.options.findIndex(
58
- (o) => o.valueHash === e
59
- );
60
- s >= 0 && (n.value = s);
61
- }, r = () => {
62
- n.value = null;
63
- }, y = () => {
64
- if (i(n.value)) return;
65
- const e = t.options[n.value];
66
- e.selected && a("option:unselected", e);
67
- }, B = () => i(n.value) ? void 0 : t.options[n.value];
68
- return N(
69
- () => t.options,
70
- (e, s) => {
71
- f(e) !== f(s) && r();
72
- },
73
- {
74
- flush: "post"
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");
17
+ };
18
+ _(
19
+ () => s.cursor,
20
+ (e, a) => {
21
+ l(e, a);
75
22
  }
76
- ), h({
77
- focusNext: b,
78
- focusPrevious: w,
79
- focusFirst: I,
80
- focusFirstSelected: k,
81
- focusLast: g,
82
- focusLastSelected: _,
83
- blur: r,
84
- confirmOption: y,
85
- focusByHash: C,
86
- getHighlighted: B
87
- }), (e, s) => (v(!0), d(S, null, A(e.options, (o, p) => (v(), d("span", {
88
- key: o.valueHash,
89
- class: P({
90
- "bb-commabox-item": !0,
91
- "bb-commabox-item--focused": p === n.value,
92
- "bb-commabox-item--has-comma": p !== e.options.length - 1
93
- }),
94
- clearable: !0,
95
- text: o.text,
96
- "onClick:clear": O((D) => a("option:unselected", o), ["stop"])
97
- }, V(o.text), 43, z))), 128));
23
+ );
24
+ const i = m(() => s.cursor.format("YYYY"));
25
+ return (e, a) => (c(), d("div", {
26
+ class: u(["bb-base-date-picker__header", { "bb-base-date-picker__header--hidden": e.hidden }])
27
+ }, [
28
+ t("div", y, [
29
+ h(k, {
30
+ direction: r.value,
31
+ duration: 500,
32
+ gap: 30
33
+ }, {
34
+ default: f(() => [
35
+ (c(), d("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));
98
50
  }
99
51
  });
100
52
  export {
101
- j as default
53
+ C as default
102
54
  };
@@ -0,0 +1,54 @@
1
+ import { defineComponent as b, computed as c, createElementBlock as l, openBlock as a, createElementVNode as h, Fragment as p, renderList as k, createBlock as f, normalizeClass as y, withCtx as M, createTextVNode as x, toDisplayString as B } from "vue";
2
+ import C from "./index13.js";
3
+ /* empty css */
4
+ const v = {
5
+ "aria-label": "Month selector",
6
+ class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector",
7
+ role: "listbox"
8
+ }, g = { class: "content" }, N = /* @__PURE__ */ b({
9
+ __name: "BaseDatePickerMonthSelector",
10
+ props: {
11
+ cursor: {},
12
+ disabled: { type: Boolean }
13
+ },
14
+ emits: ["update:month"],
15
+ setup(d, { emit: i }) {
16
+ const o = d, m = i, u = c(() => o.cursor.month()), _ = c(() => {
17
+ const t = o.cursor.clone().startOf("year"), n = u.value;
18
+ return Array.from({ length: 12 }, (e, r) => {
19
+ const s = t.add(r, "month");
20
+ return {
21
+ text: s.format("MMMM"),
22
+ key: s.unix(),
23
+ selected: r === n,
24
+ handler: () => m("update:month", r)
25
+ };
26
+ });
27
+ });
28
+ return (t, n) => (a(), l("div", v, [
29
+ h("div", g, [
30
+ (a(!0), l(p, null, k(_.value, (e) => (a(), f(C, {
31
+ key: e.key,
32
+ "aria-label": e.text,
33
+ "aria-selected": e.selected,
34
+ class: y({
35
+ content__btn: !0,
36
+ "content__btn--selected": e.selected
37
+ }),
38
+ disabled: t.disabled,
39
+ role: "option",
40
+ type: "button",
41
+ onClick: e.handler
42
+ }, {
43
+ default: M(() => [
44
+ x(B(e.text), 1)
45
+ ]),
46
+ _: 2
47
+ }, 1032, ["aria-label", "aria-selected", "class", "disabled", "onClick"]))), 128))
48
+ ])
49
+ ]));
50
+ }
51
+ });
52
+ export {
53
+ N as default
54
+ };