bitboss-ui 2.0.161 → 2.0.162

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 (171) hide show
  1. package/dist/index100.js +9 -9
  2. package/dist/index111.js +12 -12
  3. package/dist/index119.js +2 -2
  4. package/dist/index121.js +6 -6
  5. package/dist/index123.js +1 -1
  6. package/dist/index125.js +1 -1
  7. package/dist/index127.js +1 -1
  8. package/dist/index128.js +1 -1
  9. package/dist/index129.js +1 -1
  10. package/dist/index13.js +1 -1
  11. package/dist/index131.js +1 -1
  12. package/dist/index133.js +1 -1
  13. package/dist/index134.js +2 -2
  14. package/dist/index15.js +8 -8
  15. package/dist/index17.js +3 -3
  16. package/dist/index19.js +8 -8
  17. package/dist/index207.js +2 -2
  18. package/dist/index208.js +2 -2
  19. package/dist/index209.js +86 -5
  20. package/dist/index21.js +16 -16
  21. package/dist/index211.js +29 -16
  22. package/dist/index212.js +15 -17
  23. package/dist/index213.js +51 -15
  24. package/dist/index214.js +15 -19
  25. package/dist/index215.js +3 -27
  26. package/dist/index216.js +12 -3
  27. package/dist/index217.js +16 -2
  28. package/dist/index218.js +4 -8
  29. package/dist/index219.js +40 -249
  30. package/dist/index220.js +18 -50
  31. package/dist/index221.js +88 -38
  32. package/dist/index223.js +193 -53
  33. package/dist/index225.js +66 -41
  34. package/dist/index227.js +13 -7
  35. package/dist/index228.js +12 -14
  36. package/dist/index229.js +3 -125
  37. package/dist/index23.js +26 -25
  38. package/dist/index230.js +5 -2
  39. package/dist/index231.js +15 -19
  40. package/dist/index232.js +16 -94
  41. package/dist/index233.js +21 -0
  42. package/dist/index234.js +15 -66
  43. package/dist/index235.js +21 -0
  44. package/dist/index236.js +27 -13
  45. package/dist/index237.js +2 -2
  46. package/dist/index238.js +8 -4
  47. package/dist/index239.js +239 -189
  48. package/dist/index240.js +54 -0
  49. package/dist/index241.js +42 -32
  50. package/dist/index242.js +5 -2
  51. package/dist/index243.js +60 -4
  52. package/dist/index244.js +2 -2
  53. package/dist/index245.js +4 -86
  54. package/dist/index246.js +4 -0
  55. package/dist/index247.js +123 -27
  56. package/dist/index248.js +2 -17
  57. package/dist/index249.js +6 -51
  58. package/dist/index25.js +5 -5
  59. package/dist/index250.js +2 -15
  60. package/dist/index251.js +9 -12
  61. package/dist/index252.js +34 -16
  62. package/dist/index253.js +7 -3
  63. package/dist/index254.js +14 -17
  64. package/dist/index255.js +104 -124
  65. package/dist/{index258.js → index257.js} +2 -2
  66. package/dist/index259.js +4 -0
  67. package/dist/index260.js +2 -12
  68. package/dist/index261.js +17 -227
  69. package/dist/index262.js +110 -353
  70. package/dist/index263.js +11 -175
  71. package/dist/index264.js +228 -2
  72. package/dist/index265.js +369 -2
  73. package/dist/index266.js +174 -8
  74. package/dist/index267.js +9 -2
  75. package/dist/index268.js +3 -6
  76. package/dist/index269.js +8 -15
  77. package/dist/index27.js +1 -1
  78. package/dist/index270.js +23 -3
  79. package/dist/index271.js +3 -9
  80. package/dist/index272.js +6 -23
  81. package/dist/index273.js +16 -9
  82. package/dist/index274.js +3 -281
  83. package/dist/index275.js +17 -6
  84. package/dist/index276.js +9 -2
  85. package/dist/index277.js +28 -2
  86. package/dist/index278.js +431 -2
  87. package/dist/index279.js +3 -2
  88. package/dist/index280.js +3 -2
  89. package/dist/index281.js +3 -2
  90. package/dist/index283.js +7 -2
  91. package/dist/index284.js +7 -2
  92. package/dist/index285.js +11 -2
  93. package/dist/index286.js +224 -2
  94. package/dist/index287.js +280 -27
  95. package/dist/index288.js +6 -22
  96. package/dist/index289.js +4 -0
  97. package/dist/index29.js +3 -3
  98. package/dist/index290.js +2 -7
  99. package/dist/index291.js +2 -7
  100. package/dist/index292.js +2 -11
  101. package/dist/index293.js +2 -431
  102. package/dist/index294.js +2 -2
  103. package/dist/index295.js +2 -2
  104. package/dist/index296.js +2 -3
  105. package/dist/index297.js +2 -3
  106. package/dist/index299.js +2 -3
  107. package/dist/index300.js +21 -199
  108. package/dist/index302.js +199 -3
  109. package/dist/index303.js +4 -9
  110. package/dist/index304.js +2 -8
  111. package/dist/index305.js +8 -3
  112. package/dist/index306.js +2 -17
  113. package/dist/index307.js +2 -224
  114. package/dist/index308.js +3 -126
  115. package/dist/index309.js +1 -1
  116. package/dist/index31.js +2 -2
  117. package/dist/index310.js +126 -3
  118. package/dist/index311.js +1 -1
  119. package/dist/index314.js +67 -3
  120. package/dist/index315.js +2 -3
  121. package/dist/index316.js +86 -55
  122. package/dist/index317.js +5 -67
  123. package/dist/index318.js +3 -2
  124. package/dist/index319.js +3 -89
  125. package/dist/index320.js +57 -6
  126. package/dist/index321.js +6 -18
  127. package/dist/index322.js +17 -5
  128. package/dist/index323.js +33 -5
  129. package/dist/index324.js +28 -5
  130. package/dist/index328.js +480 -33
  131. package/dist/index329.js +8 -28
  132. package/dist/index33.js +8 -8
  133. package/dist/index330.js +8 -0
  134. package/dist/index331.js +8 -480
  135. package/dist/index332.js +4 -7
  136. package/dist/index333.js +7 -5
  137. package/dist/index334.js +7 -8
  138. package/dist/index336.js +2 -2
  139. package/dist/index337.js +1 -1
  140. package/dist/index339.js +1 -1
  141. package/dist/index340.js +2 -424
  142. package/dist/index341.js +424 -2
  143. package/dist/index35.js +4 -4
  144. package/dist/index37.js +22 -22
  145. package/dist/index39.js +5 -5
  146. package/dist/index41.js +2 -2
  147. package/dist/index43.js +8 -8
  148. package/dist/index45.js +8 -8
  149. package/dist/index47.js +2 -2
  150. package/dist/index49.js +33 -26
  151. package/dist/index53.js +1 -1
  152. package/dist/index55.js +1 -1
  153. package/dist/index57.js +2 -2
  154. package/dist/index61.js +3 -3
  155. package/dist/index75.js +3 -3
  156. package/dist/index77.js +1 -1
  157. package/dist/index79.js +2 -2
  158. package/dist/index81.js +1 -1
  159. package/dist/index84.js +4 -4
  160. package/dist/index86.js +2 -2
  161. package/dist/index88.js +4 -4
  162. package/dist/index90.js +1 -1
  163. package/package.json +1 -1
  164. package/dist/index210.js +0 -18
  165. package/dist/index222.js +0 -7
  166. package/dist/index224.js +0 -15
  167. package/dist/index226.js +0 -8
  168. package/dist/index256.js +0 -108
  169. package/dist/index282.js +0 -4
  170. package/dist/index325.js +0 -10
  171. /package/dist/{index301.js → index298.js} +0 -0
package/dist/index239.js CHANGED
@@ -1,202 +1,252 @@
1
- import { defineComponent as j, ref as c, onMounted as J, watch as Q, openBlock as _, createElementBlock as R, createElementVNode as w, createTextVNode as B, toDisplayString as C, unref as x, createCommentVNode as K } from "vue";
2
- import { useResizeObserver as Z } from "./index132.js";
3
- import { hexToRgb as O } from "./index332.js";
4
- import { getHueFromRGB as F } from "./index333.js";
5
- import { hslToHex as y } from "./index334.js";
6
- import { useLocale as ee } from "./index224.js";
7
- const te = {
8
- id: "mainCanvasDesc",
9
- "aria-live": "polite",
10
- class: "sr-only"
11
- }, ae = { key: 0 }, ne = {
12
- id: "hueCanvasDesc",
13
- "aria-live": "polite",
14
- class: "sr-only"
15
- }, oe = { key: 0 }, de = /* @__PURE__ */ j({
16
- __name: "ColorPallette",
1
+ import { defineComponent as le, ref as A, computed as _, watch as ce, openBlock as c, createElementBlock as u, normalizeClass as k, withKeys as f, withModifiers as p, createVNode as ue, withCtx as fe, createElementVNode as M, Fragment as O, renderList as S, toDisplayString as C, renderSlot as L, nextTick as pe } from "vue";
2
+ import { chunk as be } from "./index321.js";
3
+ import { identity as T } from "./index248.js";
4
+ import { isNotNil as me } from "./index135.js";
5
+ import { last as ge } from "./index237.js";
6
+ import { sort as E } from "./index322.js";
7
+ import b from "./index230.js";
8
+ import he from "./index242.js";
9
+ const ye = ["onKeydown"], _e = { class: "bb-base-date-picker__header-container" }, ke = ["abbr"], Oe = ["id", "disabled", "tabindex"], Ce = /* @__PURE__ */ le({
10
+ __name: "BaseDatePickerInputDaySelector",
17
11
  props: {
18
- modelValue: {}
12
+ cursor: {},
13
+ current: { type: Boolean },
14
+ disabled: { type: Boolean },
15
+ firstDayOfWeek: {},
16
+ id: {},
17
+ modelValue: {},
18
+ max: {},
19
+ min: {},
20
+ selectable: { type: Function },
21
+ range: { type: Boolean },
22
+ multiple: { type: Boolean },
23
+ readonly: { type: Boolean }
19
24
  },
20
- emits: ["update:modelValue"],
21
- setup(N, { emit: T }) {
22
- const D = N, f = T, { t: h } = ee(), o = c(D.modelValue), d = c(
23
- y(F(...O(o.value ?? "#ff0000")), 100, 50)
24
- ), P = c(null), s = c(null), r = c(null), l = c({ x: 0, y: 0 }), u = c({ x: 0 }), b = c(!1), k = c(!1), H = () => {
25
- const e = s.value, t = r.value;
26
- !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), m());
27
- }, I = () => {
28
- const e = s.value;
29
- return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
30
- }, v = () => {
31
- const e = s.value;
32
- if (!e) return;
33
- const t = I();
34
- if (!t) return;
35
- t.clearRect(0, 0, e.width, e.height);
36
- const a = t.createLinearGradient(0, 0, e.width, 0);
37
- a.addColorStop(0, d.value), a.addColorStop(1, "#ffffff");
38
- const n = t.createLinearGradient(0, 0, 0, e.height);
39
- n.addColorStop(0, "transparent"), n.addColorStop(1, "#000000"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), t.fillStyle = n, t.globalCompositeOperation = "multiply", t.fillRect(0, 0, e.width, e.height), t.globalCompositeOperation = "source-over", t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
40
- }, p = () => {
41
- const e = I();
42
- e && (e.beginPath(), e.arc(
43
- l.value.x,
44
- l.value.y,
45
- 8,
46
- 0,
47
- 2 * Math.PI
48
- ), e.strokeStyle = "#ffffff", e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(
49
- l.value.x,
50
- l.value.y,
51
- 7,
52
- 0,
53
- 2 * Math.PI
54
- ), e.strokeStyle = "#000000", e.lineWidth = 1, e.stroke(), e.globalCompositeOperation = "source-over");
55
- }, V = () => {
56
- const e = r.value;
57
- return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
58
- }, m = () => {
59
- const e = r.value;
60
- if (!e) return;
61
- const t = V();
62
- if (!t) return;
63
- const a = t.createLinearGradient(0, 0, e.width, 0);
64
- for (let n = 0; n <= 360; n += 60)
65
- a.addColorStop(n / 360, `hsl(${n}, 100%, 50%)`);
66
- a.addColorStop(1, "hsl(360, 100%, 50%)"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), L(), t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
67
- }, L = () => {
68
- const e = r.value;
69
- if (!e) return;
70
- const t = V();
71
- if (!t) return;
72
- const a = 10, n = 16, i = u.value.x - a / 2, S = e.height / 2 - n / 2;
73
- t.beginPath(), t.roundRect(i, S, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
74
- }, q = (e) => {
75
- s.value && (window.addEventListener("pointermove", A), window.addEventListener("pointerup", E), b.value = !0, G(e));
76
- }, z = (e) => {
77
- r.value && (window.addEventListener("pointermove", A), window.addEventListener("pointerup", E), k.value = !0, W(e));
78
- }, G = (e) => {
79
- const t = s.value;
80
- if (!t) return;
81
- const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left)), i = Math.max(0, Math.min(t.height, e.clientY - a.top));
82
- l.value = { x: n, y: i }, v(), p(), o.value = g(), f("update:modelValue", o.value);
83
- }, W = (e) => {
84
- const t = r.value;
85
- if (!t) return;
86
- const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left));
87
- u.value = { x: n };
88
- const i = n / t.width * 360;
89
- d.value = y(i, 100, 50), m(), v(), p(), o.value = g(), f("update:modelValue", o.value);
90
- }, A = (e) => {
91
- b.value ? G(e) : k.value && W(e);
92
- }, E = () => {
93
- b.value = !1, k.value = !1;
94
- }, U = (e) => {
95
- var a, n;
96
- switch (e.key) {
97
- case "ArrowUp":
98
- l.value.y = Math.max(0, l.value.y - 5);
99
- break;
100
- case "ArrowDown":
101
- l.value.y = Math.min(
102
- ((a = s.value) == null ? void 0 : a.height) ?? 0,
103
- l.value.y + 5
104
- );
105
- break;
106
- case "ArrowLeft":
107
- l.value.x = Math.max(0, l.value.x - 5);
108
- break;
109
- case "ArrowRight":
110
- l.value.x = Math.min(
111
- ((n = s.value) == null ? void 0 : n.width) ?? 0,
112
- l.value.x + 5
113
- );
114
- break;
115
- default:
25
+ emits: ["update:modelValue", "update:cursor"],
26
+ setup(N, { emit: x }) {
27
+ const a = N, s = x, g = A(null), R = b().startOf("day"), m = _(() => {
28
+ let e = 1 / 0, r = -1 / 0, o = {};
29
+ return a.modelValue && [].concat(a.modelValue).filter(T).map((i) => b(i).startOf("day")).map((i) => i.valueOf()).forEach((i, h) => {
30
+ i < e && (e = i), i > r && (r = i), o[i] = h;
31
+ }), {
32
+ min: e,
33
+ max: r,
34
+ index: (t) => o[t.valueOf()],
35
+ selected: (t) => me(o[t.valueOf()]),
36
+ isFirstOfRange: (t) => t.valueOf() === e,
37
+ isLastOfRange: (t) => t.valueOf() === r,
38
+ isBetween: (t) => t.valueOf() > e && t.valueOf() < r
39
+ };
40
+ }), K = _(() => new Array(7).fill("").map((e, r) => b().day((r + a.firstDayOfWeek) % 7)).map((e) => ({
41
+ accessibleLabel: e.format("dddd"),
42
+ label: e.format("dd").slice(0, 1).toUpperCase(),
43
+ id: e.toISOString(),
44
+ original: e
45
+ }))), v = _(() => {
46
+ const e = a.cursor.year().toString(), r = a.cursor.month().toString();
47
+ let t = a.cursor.clone().startOf("month").clone().startOf("week"), h = a.cursor.clone().endOf("month").clone().endOf("week"), Z = b(a.cursor).startOf("day"), D = [];
48
+ for (let n = t; n.isBefore(h); n = n.add(1, "day"))
49
+ D.push(n.clone());
50
+ const ee = D.map((n) => {
51
+ const y = n.toISOString(), te = n.week().toString();
52
+ let re = m.value.selected(n);
53
+ const B = a.range && m.value.isFirstOfRange(n), I = a.range && m.value.isLastOfRange(n), ae = a.range && !B && !I && m.value.isBetween(n), oe = n.month().toString() === r && n.year().toString() === e, ne = n.isSame(R), se = n.isSame(Z), ie = d(n), de = n.get("D").toString();
54
+ return {
55
+ buttonId: [a.id, y].filter(T).join("_"),
56
+ current: se,
57
+ disabled: ie,
58
+ first: B,
59
+ highlighted: oe,
60
+ id: y,
61
+ label: de,
62
+ last: I,
63
+ middle: ae,
64
+ original: n,
65
+ selected: re,
66
+ slotName: y,
67
+ today: ne,
68
+ week: te
69
+ };
70
+ });
71
+ return be(ee, 7);
72
+ }), d = (e) => {
73
+ let r = !0;
74
+ 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;
75
+ }, w = A("left"), F = (e, r) => {
76
+ e && r && (w.value = e.isBefore(r) ? "left" : "right");
77
+ };
78
+ ce(
79
+ () => a.cursor,
80
+ (e, r) => {
81
+ F(e, r);
82
+ }
83
+ );
84
+ const V = (e) => s("update:cursor", e), l = async () => {
85
+ if (!g.value) return;
86
+ await pe();
87
+ const e = ge([
88
+ ...g.value.querySelectorAll(
89
+ ".bb-base-date-picker__date--current button"
90
+ )
91
+ ]);
92
+ e instanceof HTMLElement && e.focus();
93
+ }, H = (e) => {
94
+ if (!a.readonly && e.target instanceof HTMLButtonElement) {
95
+ const [, r] = e.target.id.split("_"), o = b(r);
96
+ if (a.cursor.month() !== o.month()) {
97
+ V(o);
116
98
  return;
99
+ }
100
+ const t = v.value.flat().find((i) => i.id === r);
101
+ if (t.disabled) return;
102
+ V(o), P(t);
117
103
  }
118
- v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
104
+ }, P = (e) => {
105
+ a.range ? U(e) : a.multiple ? j(e) : W(e);
106
+ }, U = (e) => {
107
+ if (!Array.isArray(a.modelValue)) return;
108
+ const r = e.original.toISOString();
109
+ if (a.modelValue.length !== 1) s("update:modelValue", [r]);
110
+ else {
111
+ const o = E([a.modelValue[0], e.original.toISOString()]);
112
+ s("update:modelValue", o);
113
+ }
114
+ }, j = (e) => {
115
+ if (Array.isArray(a.modelValue))
116
+ if (e.selected) {
117
+ const r = e.original.toISOString(), o = a.modelValue.filter((t) => t !== r);
118
+ s("update:modelValue", o);
119
+ } else {
120
+ const r = E([...a.modelValue, e.original.toISOString()]);
121
+ s("update:modelValue", r);
122
+ }
123
+ }, W = (e) => {
124
+ e.selected ? s("update:modelValue", null) : s("update:modelValue", e.original.toISOString());
125
+ }, $ = () => {
126
+ const e = a.cursor.clone().add(1, "day");
127
+ d(e) || (s("update:cursor", e), l());
128
+ }, q = () => {
129
+ const e = a.cursor.clone().subtract(1, "day");
130
+ d(e) || (s("update:cursor", e), l());
131
+ }, z = () => {
132
+ const e = a.cursor.clone().subtract(1, "week");
133
+ d(e) || (s("update:cursor", e), l());
134
+ }, G = () => {
135
+ const e = a.cursor.clone().add(1, "week");
136
+ d(e) || (s("update:cursor", e), l());
137
+ }, J = () => {
138
+ const e = a.cursor.clone().endOf("week");
139
+ d(e) || (s("update:cursor", e), l());
140
+ }, Q = () => {
141
+ const e = a.cursor.clone().startOf("week");
142
+ d(e) || (s("update:cursor", e), l());
119
143
  }, X = (e) => {
120
- var n, i;
121
- switch (e.key) {
122
- case "ArrowLeft":
123
- u.value.x = Math.max(0, u.value.x - 5);
124
- break;
125
- case "ArrowRight":
126
- u.value.x = Math.min(
127
- ((n = r.value) == null ? void 0 : n.width) ?? 0,
128
- u.value.x + 5
129
- );
130
- break;
131
- default:
132
- return;
144
+ if (e.shiftKey) {
145
+ const r = a.cursor.clone().subtract(1, "year");
146
+ if (d(r)) return;
147
+ s("update:cursor", r);
148
+ } else {
149
+ const r = a.cursor.clone().subtract(1, "month");
150
+ if (d(r)) return;
151
+ s("update:cursor", r);
133
152
  }
134
- const a = u.value.x / (((i = r.value) == null ? void 0 : i.width) ?? 1) * 360;
135
- d.value = y(a, 100, 50), m(), L(), v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
136
- };
137
- J(() => {
138
- H(), M(o.value ?? "#ff0000");
139
- }), Z(P, () => {
140
- H(), M(o.value ?? "#ff0000");
141
- }), Q(
142
- () => D.modelValue,
143
- (e) => {
144
- !e || e === o.value || (o.value = e, M(e), m(), v());
153
+ l();
154
+ }, Y = (e) => {
155
+ if (e.shiftKey) {
156
+ const r = a.cursor.clone().add(1, "year");
157
+ if (d(r)) return;
158
+ s("update:cursor", r);
159
+ } else {
160
+ const r = a.cursor.clone().add(1, "month");
161
+ if (d(r)) return;
162
+ s("update:cursor", r);
145
163
  }
146
- );
147
- const g = () => {
148
- const e = s.value;
149
- if (!e) return "#ffffff";
150
- const t = e.getContext("2d");
151
- if (!t) return "#ffffff";
152
- const { x: a, y: n } = l.value, i = t.getImageData(a, n, 1, 1).data, [S, $, Y] = i;
153
- return `#${((1 << 24) + (S << 16) + ($ << 8) + Y).toString(16).slice(1)}`;
164
+ l();
154
165
  };
155
- function M(e) {
156
- var a;
157
- const t = F(...O(e));
158
- d.value = y(t, 100, 50), u.value.x = t / 360 * (((a = r.value) == null ? void 0 : a.width) ?? 0);
159
- }
160
- return (e, t) => (_(), R("div", {
161
- ref_key: "paletteRef",
162
- ref: P,
163
- "aria-label": "Color Picker",
164
- class: "bb-color-palette",
165
- role: "application"
166
+ return (e, r) => (c(), u("div", {
167
+ ref_key: "calendar",
168
+ ref: g,
169
+ class: k(["bb-base-date-picker__days-selector", { "bb-base-date-picker__days-selector--hidden": !e.current }]),
170
+ onKeydown: [
171
+ f(p(G, ["prevent"]), ["down"]),
172
+ f(p(J, ["prevent"]), ["end"]),
173
+ f(p(Q, ["prevent"]), ["home"]),
174
+ f(p(q, ["prevent"]), ["left"]),
175
+ f(p(Y, ["prevent"]), ["page-down"]),
176
+ f(p(X, ["prevent"]), ["page-up"]),
177
+ f(p($, ["prevent"]), ["right"]),
178
+ f(p(z, ["prevent"]), ["up"])
179
+ ]
166
180
  }, [
167
- w("canvas", {
168
- ref_key: "mainCanvasRef",
169
- ref: s,
170
- "aria-describedby": "mainCanvasDesc",
171
- "aria-label": "Main Color Selection",
172
- class: "bb-color-palette__canvas",
173
- role: "application",
174
- tabindex: "0",
175
- onKeydown: U,
176
- onPointerdown: q
177
- }, null, 544),
178
- w("p", te, [
179
- B(C(x(h)("colorInput.mainCanvasDesc")) + " ", 1),
180
- o.value ? (_(), R("span", ae, C(x(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : K("", !0)
181
- ]),
182
- w("canvas", {
183
- ref_key: "hueCanvasRef",
184
- ref: r,
185
- "aria-describedby": "hueCanvasDesc",
186
- "aria-label": "Hue Selection",
187
- class: "bb-color-palette__hue-canvas",
188
- role: "application",
189
- tabindex: "0",
190
- onKeydown: X,
191
- onPointerdown: z
192
- }, null, 544),
193
- w("p", ne, [
194
- B(C(x(h)("colorInput.hueCanvasDesc")) + " ", 1),
195
- d.value ? (_(), R("span", oe, C(x(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : K("", !0)
196
- ])
197
- ], 512));
181
+ ue(he, {
182
+ direction: w.value,
183
+ gap: 30
184
+ }, {
185
+ default: fe(() => [
186
+ (c(), u("div", {
187
+ key: e.cursor.month().toString(),
188
+ class: "bb-base-date-picker__month"
189
+ }, [
190
+ M("div", _e, [
191
+ (c(!0), u(O, null, S(K.value, (o) => (c(), u("div", {
192
+ key: o.id,
193
+ abbr: o.accessibleLabel,
194
+ class: "bb-base-date-picker__header-cell"
195
+ }, C(o.label), 9, ke))), 128))
196
+ ]),
197
+ (c(!0), u(O, null, S(v.value, (o) => (c(), u("div", {
198
+ key: o[0].id,
199
+ class: "bb-base-date-picker__week"
200
+ }, [
201
+ (c(!0), u(O, null, S(o, (t) => (c(), u("div", {
202
+ key: t.id,
203
+ class: k({
204
+ "bb-base-date-picker__date--current": t.current,
205
+ "bb-base-date-picker__date--disabled": e.disabled || t.disabled,
206
+ "bb-base-date-picker__date--first": t.first,
207
+ "bb-base-date-picker__date--highlighted": t.highlighted,
208
+ "bb-base-date-picker__date--last": t.last,
209
+ "bb-base-date-picker__date--middle": t.middle,
210
+ "bb-base-date-picker__date--selected": t.selected,
211
+ "bb-base-date-picker__date--today": t.today,
212
+ "bb-base-date-picker__date": !0
213
+ })
214
+ }, [
215
+ M("button", {
216
+ id: t.buttonId,
217
+ class: k("bb-base-date-picker__date-button"),
218
+ disabled: e.disabled || t.disabled,
219
+ tabindex: Number(t.current) - 1,
220
+ type: "button",
221
+ onClick: H
222
+ }, C(t.label), 9, Oe),
223
+ L(e.$slots, "day", {
224
+ first: t.first,
225
+ highlighted: t.highlighted,
226
+ item: t.original,
227
+ label: t.label,
228
+ last: t.last,
229
+ middle: t.middle,
230
+ selected: t.selected
231
+ }),
232
+ L(e.$slots, t.slotName, {
233
+ first: t.first,
234
+ highlighted: t.highlighted,
235
+ item: t.original,
236
+ label: t.label,
237
+ last: t.last,
238
+ middle: t.middle,
239
+ selected: t.selected
240
+ })
241
+ ], 2))), 128))
242
+ ]))), 128))
243
+ ]))
244
+ ]),
245
+ _: 3
246
+ }, 8, ["direction"])
247
+ ], 42, ye));
198
248
  }
199
249
  });
200
250
  export {
201
- de as default
251
+ Ce as default
202
252
  };
@@ -0,0 +1,54 @@
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 "./index242.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",
8
+ props: {
9
+ cursor: {},
10
+ disabled: { type: Boolean },
11
+ hidden: { type: Boolean }
12
+ },
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);
22
+ }
23
+ );
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 }])
27
+ }, [
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));
50
+ }
51
+ });
52
+ export {
53
+ C as default
54
+ };
package/dist/index241.js CHANGED
@@ -1,36 +1,46 @@
1
- import { defineComponent as p, getCurrentInstance as a, resolveComponent as u, openBlock as f, createBlock as k, resolveDynamicComponent as g, unref as d, withCtx as b, renderSlot as x } from "vue";
2
- import { _config as e } from "./index4.js";
3
- import { useLogger as l } from "./index218.js";
4
- const $ = /* @__PURE__ */ p({
5
- __name: "RouterComponent",
6
- setup(y) {
7
- var o, i, r, s;
8
- const m = !!((i = (o = a()) == null ? void 0 : o.proxy) != null && i.$inertia), c = !!((s = (r = a()) == null ? void 0 : r.proxy) != null && s.$nuxt);
9
- let t;
10
- if (m) {
11
- if (t = u(e.inertiaLinkName), typeof t == "string") {
12
- const { warn: n } = l();
13
- n(
14
- `Inertia link component "${e.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
15
- );
16
- }
17
- } else if (c) {
18
- if (t = u(e.nuxtLinkName), typeof t == "string") {
19
- const { warn: n } = l();
20
- n(
21
- `Nuxt link component "${e.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
22
- );
23
- }
24
- } else
25
- t = "router-link";
26
- return (n, L) => (f(), k(g(d(t)), null, {
27
- default: b(() => [
28
- x(n.$slots, "default")
29
- ]),
30
- _: 3
31
- }));
1
+ import { defineComponent as _, computed as a, openBlock as o, createElementBlock as c, createElementVNode as p, Fragment as b, renderList as h, createBlock as k, normalizeClass as f, withCtx as y, createTextVNode as x, toDisplayString as B } from "vue";
2
+ import C from "./index13.js";
3
+ /* empty css */
4
+ const M = { class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector" }, v = { class: "content" }, E = /* @__PURE__ */ _({
5
+ __name: "BaseDatePickerMonthSelector",
6
+ props: {
7
+ cursor: {},
8
+ disabled: { type: Boolean }
9
+ },
10
+ emits: ["update:month"],
11
+ setup(l, { emit: d }) {
12
+ const s = l, m = d, i = a(() => s.cursor.month()), u = a(
13
+ () => new Array(12).fill(0).map((r, t) => {
14
+ const n = s.cursor.clone().startOf("year").add(t, "month");
15
+ return {
16
+ text: n.format("MMMM"),
17
+ key: n.unix(),
18
+ selected: n.month() === i.value,
19
+ handler: () => m("update:month", t)
20
+ };
21
+ })
22
+ );
23
+ return (r, t) => (o(), c("div", M, [
24
+ p("div", v, [
25
+ (o(!0), c(b, null, h(u.value, (e) => (o(), k(C, {
26
+ key: e.key,
27
+ class: f({
28
+ content__btn: !0,
29
+ "content__btn--selected": e.selected
30
+ }),
31
+ disabled: r.disabled,
32
+ type: "button",
33
+ onClick: e.handler
34
+ }, {
35
+ default: y(() => [
36
+ x(B(e.text), 1)
37
+ ]),
38
+ _: 2
39
+ }, 1032, ["class", "disabled", "onClick"]))), 128))
40
+ ])
41
+ ]));
32
42
  }
33
43
  });
34
44
  export {
35
- $ as default
45
+ E as default
36
46
  };
package/dist/index242.js CHANGED
@@ -1,4 +1,7 @@
1
- const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
1
+ import o from "./index300.js";
2
+ /* empty css */
3
+ import t from "./index283.js";
4
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
2
5
  export {
3
- s as isCssColor
6
+ m as default
4
7
  };