bitboss-ui 2.1.113 → 2.1.114

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 (191) hide show
  1. package/dist/components/BaseCheckboxGroup/types.d.ts +12 -4
  2. package/dist/components/BaseRadioGroup/BaseRadioGroup.vue.d.ts +1 -1
  3. package/dist/components/BbCheckboxGroup/BbCheckboxGroup.vue.d.ts +8 -2
  4. package/dist/components/BbSwitchGroup/BbSwitchGroup.vue.d.ts +1 -1
  5. package/dist/index109.js +9 -9
  6. package/dist/index110.js +18 -18
  7. package/dist/index118.js +1 -1
  8. package/dist/index122.js +1 -0
  9. package/dist/index124.js +4 -4
  10. package/dist/index126.js +13 -13
  11. package/dist/index134.js +1 -1
  12. package/dist/index136.js +5 -5
  13. package/dist/index138.js +1 -1
  14. package/dist/index14.js +1 -1
  15. package/dist/index140.js +2 -2
  16. package/dist/index144.js +1 -1
  17. package/dist/index146.js +2 -2
  18. package/dist/index149.js +2 -2
  19. package/dist/index16.js +3 -3
  20. package/dist/index18.js +3 -3
  21. package/dist/index20.js +70 -59
  22. package/dist/index22.js +14 -14
  23. package/dist/index221.js +138 -2
  24. package/dist/index222.js +2 -138
  25. package/dist/index224.js +5 -34
  26. package/dist/index225.js +7 -32
  27. package/dist/index226.js +33 -28
  28. package/dist/index227.js +30 -0
  29. package/dist/index229.js +3 -7
  30. package/dist/index230.js +13 -7
  31. package/dist/index231.js +20 -2
  32. package/dist/index232.js +2 -9
  33. package/dist/index233.js +4 -13
  34. package/dist/index234.js +86 -3
  35. package/dist/index236.js +30 -11
  36. package/dist/index237.js +17 -8
  37. package/dist/index238.js +51 -3
  38. package/dist/index239.js +18 -3
  39. package/dist/index24.js +10 -10
  40. package/dist/index240.js +3 -2
  41. package/dist/index241.js +11 -17
  42. package/dist/index242.js +17 -11
  43. package/dist/index243.js +8 -51
  44. package/dist/index244.js +2 -18
  45. package/dist/index245.js +3 -12
  46. package/dist/index246.js +5 -17
  47. package/dist/index247.js +5 -30
  48. package/dist/index248.js +5 -18
  49. package/dist/index249.js +5 -4
  50. package/dist/index250.js +5 -106
  51. package/dist/index251.js +7 -0
  52. package/dist/index252.js +3 -100
  53. package/dist/{index254.js → index253.js} +6 -6
  54. package/dist/index255.js +4 -0
  55. package/dist/index256.js +100 -101
  56. package/dist/index258.js +100 -2
  57. package/dist/index26.js +3 -3
  58. package/dist/index260.js +10 -7
  59. package/dist/index261.js +3 -86
  60. package/dist/index262.js +6 -0
  61. package/dist/index263.js +3 -5
  62. package/dist/index264.js +188 -5
  63. package/dist/index265.js +3 -5
  64. package/dist/index266.js +5 -5
  65. package/dist/index267.js +6 -5
  66. package/dist/index268.js +268 -5
  67. package/dist/index269.js +42 -57
  68. package/dist/index270.js +51 -32
  69. package/dist/index271.js +32 -2
  70. package/dist/index272.js +60 -2
  71. package/dist/index273.js +7 -3
  72. package/dist/index274.js +2 -4
  73. package/dist/index275.js +369 -19
  74. package/dist/index277.js +2 -13
  75. package/dist/index278.js +7 -5
  76. package/dist/index279.js +6 -5
  77. package/dist/index28.js +1 -1
  78. package/dist/index280.js +2 -268
  79. package/dist/index281.js +30 -48
  80. package/dist/index282.js +9 -52
  81. package/dist/index283.js +25 -32
  82. package/dist/index284.js +11 -60
  83. package/dist/index285.js +13 -4
  84. package/dist/index286.js +21 -18
  85. package/dist/index287.js +9 -5
  86. package/dist/index288.js +23 -373
  87. package/dist/index289.js +7 -0
  88. package/dist/index290.js +9 -6
  89. package/dist/index291.js +20 -15
  90. package/dist/index292.js +6 -10
  91. package/dist/index293.js +16 -3
  92. package/dist/index294.js +17 -8
  93. package/dist/index295.js +12 -21
  94. package/dist/index296.js +106 -8
  95. package/dist/index297.js +6 -23
  96. package/dist/index298.js +3 -25
  97. package/dist/index299.js +51 -186
  98. package/dist/index30.js +3 -3
  99. package/dist/index300.js +13 -3
  100. package/dist/index301.js +67 -3
  101. package/dist/index302.js +31 -51
  102. package/dist/index305.js +1 -1
  103. package/dist/index306.js +4 -2
  104. package/dist/index307.js +7 -5
  105. package/dist/index308.js +3 -7
  106. package/dist/index309.js +17 -3
  107. package/dist/index310.js +28 -3
  108. package/dist/index311.js +1 -1
  109. package/dist/index312.js +3 -2
  110. package/dist/index313.js +5 -28
  111. package/dist/index314.js +3 -17
  112. package/dist/index315.js +3 -4
  113. package/dist/index316.js +280 -2
  114. package/dist/index317.js +2 -3
  115. package/dist/index318.js +13 -277
  116. package/dist/index319.js +2 -2
  117. package/dist/index32.js +2 -2
  118. package/dist/index320.js +12 -121
  119. package/dist/index321.js +2 -2
  120. package/dist/index322.js +25 -13
  121. package/dist/index324.js +2 -16
  122. package/dist/index325.js +2 -2
  123. package/dist/index326.js +2 -16
  124. package/dist/index327.js +2 -2
  125. package/dist/index328.js +2 -19
  126. package/dist/index329.js +125 -2
  127. package/dist/index330.js +2 -27
  128. package/dist/index331.js +15 -2
  129. package/dist/index332.js +2 -2
  130. package/dist/index333.js +19 -2
  131. package/dist/index334.js +2 -2
  132. package/dist/index335.js +1 -1
  133. package/dist/index336.js +719 -2
  134. package/dist/index337.js +366 -3
  135. package/dist/index338.js +56 -3
  136. package/dist/index339.js +4 -719
  137. package/dist/index34.js +8 -8
  138. package/dist/index340.js +5 -366
  139. package/dist/index341.js +2 -57
  140. package/dist/index343.js +2 -5
  141. package/dist/index344.js +6 -34
  142. package/dist/index345.js +66 -128
  143. package/dist/index346.js +65 -396
  144. package/dist/index347.js +34 -199
  145. package/dist/index348.js +125 -255
  146. package/dist/index349.js +390 -220
  147. package/dist/index350.js +7 -67
  148. package/dist/index351.js +18 -66
  149. package/dist/index352.js +9 -2
  150. package/dist/index353.js +15 -2
  151. package/dist/index354.js +5 -134
  152. package/dist/index355.js +200 -7
  153. package/dist/index356.js +257 -17
  154. package/dist/index357.js +92 -8
  155. package/dist/index358.js +225 -12
  156. package/dist/index359.js +134 -5
  157. package/dist/index36.js +4 -4
  158. package/dist/index360.js +22 -7
  159. package/dist/index362.js +4 -0
  160. package/dist/index363.js +2 -93
  161. package/dist/index367.js +1 -1
  162. package/dist/index38.js +133 -131
  163. package/dist/index40.js +7 -7
  164. package/dist/index42.js +2 -2
  165. package/dist/index44.js +16 -15
  166. package/dist/index46.js +6 -6
  167. package/dist/index50.js +2 -2
  168. package/dist/index54.js +1 -1
  169. package/dist/index56.js +1 -1
  170. package/dist/index58.js +2 -2
  171. package/dist/index60.js +2 -2
  172. package/dist/index62.js +5 -5
  173. package/dist/index66.js +3 -1
  174. package/dist/index68.js +1 -1
  175. package/dist/index74.js +4 -4
  176. package/dist/index82.js +6 -6
  177. package/dist/index84.js +1 -1
  178. package/dist/index86.js +2 -2
  179. package/dist/index88.js +3 -3
  180. package/dist/index90.js +1 -1
  181. package/dist/index93.js +3 -3
  182. package/dist/index95.js +2 -2
  183. package/dist/index97.js +5 -5
  184. package/dist/index99.js +1 -1
  185. package/package.json +1 -1
  186. package/dist/index228.js +0 -7
  187. package/dist/index235.js +0 -4
  188. package/dist/index257.js +0 -15
  189. package/dist/index259.js +0 -9
  190. package/dist/index276.js +0 -8
  191. package/dist/index361.js +0 -24
package/dist/index270.js CHANGED
@@ -1,35 +1,54 @@
1
- const y = (t) => typeof t == "object" && t !== null, c = (t) => {
2
- if (!y(t)) return !1;
3
- const r = Object.getPrototypeOf(t);
4
- return r === Object.prototype || r === null;
5
- }, n = (t) => {
6
- if (Array.isArray(t))
7
- return t.map((o) => n(o));
8
- if (!c(t))
9
- return t;
10
- const r = {};
11
- for (const o of Reflect.ownKeys(t))
12
- r[o] = n(t[o]);
13
- return r;
14
- }, f = (t, r) => {
15
- if (r === void 0)
16
- return n(t);
17
- if (Array.isArray(r))
18
- return n(r);
19
- if (!c(r))
20
- return r;
21
- const o = c(t) ? n(t) : {};
22
- for (const e of Reflect.ownKeys(r)) {
23
- const s = r[e], i = o[e];
24
- o[e] = f(i, s);
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 "./index14.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
+ ]));
25
50
  }
26
- return o;
27
- }, p = (...t) => {
28
- let r = {};
29
- for (const o of t)
30
- r = f(r, o);
31
- return r;
32
- };
51
+ });
33
52
  export {
34
- p as merge
53
+ N as default
35
54
  };
package/dist/index271.js CHANGED
@@ -1,4 +1,34 @@
1
- const o = (e) => typeof e == "boolean" ? e : e === "true";
1
+ import { defineComponent as c, createBlock as l, openBlock as m, Transition as u, withCtx as f, renderSlot as d } from "vue";
2
+ const y = /* @__PURE__ */ c({
3
+ __name: "ScaleFade",
4
+ props: {
5
+ duration: { default: 200 },
6
+ scaleFrom: { default: 0.97 }
7
+ },
8
+ setup(n) {
9
+ const t = n, a = (s) => {
10
+ const e = s;
11
+ e.style.opacity = "0", e.style.transform = `scale(${t.scaleFrom})`, e.style.transformOrigin = "center top";
12
+ }, r = (s, e) => {
13
+ const o = s;
14
+ o.style.transition = `opacity ${t.duration}ms ease-out, transform ${t.duration}ms cubic-bezier(0.34, 1.56, 0.64, 1)`, o.offsetHeight, o.style.opacity = "1", o.style.transform = "scale(1)", setTimeout(e, t.duration);
15
+ }, i = (s, e) => {
16
+ const o = s;
17
+ o.style.transition = `opacity ${t.duration}ms ease-in, transform ${t.duration}ms ease-in`, o.style.opacity = "0", o.style.transform = `scale(${t.scaleFrom})`, setTimeout(e, t.duration);
18
+ };
19
+ return (s, e) => (m(), l(u, {
20
+ css: !1,
21
+ onBeforeEnter: a,
22
+ onEnter: r,
23
+ onLeave: i
24
+ }, {
25
+ default: f(() => [
26
+ d(s.$slots, "default")
27
+ ]),
28
+ _: 3
29
+ }));
30
+ }
31
+ });
2
32
  export {
3
- o as booleanishToBoolean
33
+ y as default
4
34
  };
package/dist/index272.js CHANGED
@@ -1,4 +1,62 @@
1
- const e = (t) => t;
1
+ import { defineComponent as g, ref as i, computed as d, onMounted as h, createElementBlock as m, openBlock as u, createElementVNode as y, Fragment as x, renderList as B, createBlock as C, normalizeClass as S, withCtx as T, createTextVNode as E, toDisplayString as w } from "vue";
2
+ import { range as H } from "./index344.js";
3
+ import M from "./index14.js";
4
+ /* empty css */
5
+ const n = 10, l = 3, V = /* @__PURE__ */ g({
6
+ __name: "BaseDatePickerYearSelector",
7
+ props: {
8
+ cursor: {},
9
+ disabled: { type: Boolean }
10
+ },
11
+ emits: ["update:year"],
12
+ setup(p, { emit: _ }) {
13
+ const f = p, b = _, o = i(), r = d(() => f.cursor.year()), c = i(r.value - n * l), s = i(r.value + n * l), v = d(
14
+ () => H(c.value, s.value).map((e) => ({
15
+ text: e,
16
+ key: e,
17
+ selected: e === r.value,
18
+ handler: () => b("update:year", e)
19
+ }))
20
+ ), k = (e) => {
21
+ const t = e.target;
22
+ t.scrollTop <= 100 ? c.value = Math.max(
23
+ c.value - n * l,
24
+ r.value - 200
25
+ ) : t.scrollHeight - t.scrollTop === t.clientHeight && (s.value = Math.min(s.value + n * l, 2101));
26
+ };
27
+ return h(() => {
28
+ if (!o.value) return;
29
+ const e = o.value.querySelector(
30
+ ".content__btn--selected"
31
+ );
32
+ e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
33
+ }), (e, t) => (u(), m("div", {
34
+ ref_key: "container",
35
+ ref: o,
36
+ class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
37
+ }, [
38
+ y("div", {
39
+ class: "content",
40
+ onScrollPassive: k
41
+ }, [
42
+ (u(!0), m(x, null, B(v.value, (a) => (u(), C(M, {
43
+ key: a.key,
44
+ class: S({
45
+ content__btn: !0,
46
+ "content__btn--selected": a.selected
47
+ }),
48
+ disabled: e.disabled,
49
+ onClick: a.handler
50
+ }, {
51
+ default: T(() => [
52
+ E(w(a.text), 1)
53
+ ]),
54
+ _: 2
55
+ }, 1032, ["class", "disabled", "onClick"]))), 128))
56
+ ], 32)
57
+ ], 512));
58
+ }
59
+ });
2
60
  export {
3
- e as identity
61
+ V as default
4
62
  };
package/dist/index273.js CHANGED
@@ -1,5 +1,9 @@
1
- import { hash as r } from "./index238.js";
2
- const a = (o, t) => r(o) === r(t);
1
+ const s = (r, t) => {
2
+ if (r.endsWith("."))
3
+ return t === 0 ? r.slice(0, -1) : r;
4
+ const [n, i] = r.split(".");
5
+ return i ? `${n}.${i.slice(0, t)}` : r;
6
+ };
3
7
  export {
4
- a as isEqual
8
+ s as clampPrecision
5
9
  };
package/dist/index274.js CHANGED
@@ -1,6 +1,4 @@
1
- function e(n) {
2
- return n ? n instanceof HTMLElement ? n : typeof n == "object" && "$el" in n && n.$el instanceof HTMLElement ? n.$el : typeof n == "object" && "el" in n && n.el instanceof HTMLElement ? n.el : null : null;
3
- }
1
+ const r = (e) => typeof e > "u" || e === null;
4
2
  export {
5
- e as extractDomContainer
3
+ r as isNil
6
4
  };
package/dist/index275.js CHANGED
@@ -1,25 +1,375 @@
1
- const i = (t) => {
2
- const n = t.toString().replace(/\.0+$/, "").replace(/\.$/, "");
3
- return parseFloat(n) || 0;
4
- };
5
- function s(t) {
6
- if (typeof t == "number")
7
- return {
8
- value: i(t),
9
- unit: "px"
1
+ import { defineComponent as Ae, ref as c, computed as L, onMounted as xe, onUnmounted as Re, watch as Le, createElementBlock as b, openBlock as w, createElementVNode as u, createCommentVNode as G, unref as $, normalizeStyle as y, normalizeClass as te, Fragment as ne, renderList as re } from "vue";
2
+ import { useLocale as $e } from "./index230.js";
3
+ const Se = ["aria-label"], Be = { class: "bb-color-palette__controls" }, Ie = { class: "bb-color-palette__preview-wrap" }, Ee = { class: "bb-color-palette__sliders" }, He = ["aria-label", "aria-valuenow"], We = ["aria-label", "aria-valuenow"], Ke = ["aria-label", "disabled"], Ve = {
4
+ key: 0,
5
+ class: "bb-color-palette__swatches"
6
+ }, Ge = ["aria-label", "aria-pressed", "onClick"], ze = /* @__PURE__ */ Ae({
7
+ __name: "ColorPalette",
8
+ props: {
9
+ modelValue: {},
10
+ alpha: { type: Boolean, default: !1 },
11
+ picker: { type: Boolean, default: !1 },
12
+ swatches: { type: [Boolean, Array] }
13
+ },
14
+ emits: ["update:modelValue"],
15
+ setup(le, { expose: oe, emit: se }) {
16
+ function k(e, a, t) {
17
+ const n = (r) => {
18
+ const l = (r + e / 60) % 6;
19
+ return t - t * a * Math.max(Math.min(l, 4 - l, 1), 0);
20
+ };
21
+ return [
22
+ Math.round(n(5) * 255),
23
+ Math.round(n(3) * 255),
24
+ Math.round(n(1) * 255)
25
+ ];
26
+ }
27
+ function U(e, a, t) {
28
+ const n = e / 255, r = a / 255, l = t / 255, s = Math.max(n, r, l), g = Math.min(n, r, l), _ = s - g, De = s === 0 ? 0 : _ / s, Pe = s;
29
+ let R = 0;
30
+ return _ !== 0 && (s === n ? R = ((r - l) / _ + (r < l ? 6 : 0)) / 6 : s === r ? R = ((l - n) / _ + 2) / 6 : R = ((n - r) / _ + 4) / 6), [R * 360, De, Pe];
31
+ }
32
+ function T(e) {
33
+ const a = e.replace(/^#/, "");
34
+ return a.length === 3 ? [
35
+ parseInt(a[0] + a[0], 16),
36
+ parseInt(a[1] + a[1], 16),
37
+ parseInt(a[2] + a[2], 16),
38
+ 1
39
+ ] : a.length === 6 ? [
40
+ parseInt(a.slice(0, 2), 16),
41
+ parseInt(a.slice(2, 4), 16),
42
+ parseInt(a.slice(4, 6), 16),
43
+ 1
44
+ ] : a.length === 8 ? [
45
+ parseInt(a.slice(0, 2), 16),
46
+ parseInt(a.slice(2, 4), 16),
47
+ parseInt(a.slice(4, 6), 16),
48
+ parseInt(a.slice(6, 8), 16) / 255
49
+ ] : [0, 0, 0, 1];
50
+ }
51
+ function F(e) {
52
+ return Math.round(Math.max(0, Math.min(255, e))).toString(16).padStart(2, "0");
53
+ }
54
+ function ie(e, a, t, n, r) {
55
+ const l = `#${F(e)}${F(a)}${F(t)}`;
56
+ return r ? l + F(n * 255) : l;
57
+ }
58
+ const ce = [
59
+ ["#FFCDD2", "#EF9A9A", "#F44336", "#D32F2F", "#B71C1C"],
60
+ // Red
61
+ ["#FFE0B2", "#FFCC80", "#FF9800", "#F57C00", "#E65100"],
62
+ // Orange
63
+ ["#FFF9C4", "#FFF59D", "#FFEB3B", "#FBC02D", "#F57F17"],
64
+ // Yellow
65
+ ["#C8E6C9", "#A5D6A7", "#4CAF50", "#388E3C", "#1B5E20"],
66
+ // Green
67
+ ["#BBDEFB", "#90CAF9", "#2196F3", "#1976D2", "#0D47A1"],
68
+ // Blue
69
+ ["#E1BEE7", "#CE93D8", "#9C27B0", "#7B1FA2", "#4A148C"]
70
+ // Purple
71
+ ], o = le, ue = se, { t: M } = $e(), i = c(0), v = c(1), p = c(1), h = c(1), S = L(() => {
72
+ const [e, a, t] = k(i.value, v.value, p.value);
73
+ return ie(e, a, t, h.value, o.alpha);
74
+ }), ve = L(() => {
75
+ const [e, a, t] = k(i.value, v.value, p.value);
76
+ return o.alpha ? `rgba(${e},${a},${t},${h.value})` : `rgb(${e},${a},${t})`;
77
+ }), pe = L(() => !!o.swatches), he = L(
78
+ () => Array.isArray(o.swatches) ? o.swatches : ce
79
+ ), z = c(null), m = c(null), B = c(null), D = c(null), P = c(null), A = c(null), x = c(null), C = () => {
80
+ const e = m.value;
81
+ if (!e || e.width === 0 || e.height === 0) return;
82
+ const a = e.getContext("2d");
83
+ if (!a) return;
84
+ const [t, n, r] = k(i.value, 1, 1), l = a.createLinearGradient(0, 0, e.width, 0);
85
+ l.addColorStop(0, "#ffffff"), l.addColorStop(1, `rgb(${t},${n},${r})`), a.fillStyle = l, a.fillRect(0, 0, e.width, e.height);
86
+ const s = a.createLinearGradient(0, 0, 0, e.height);
87
+ s.addColorStop(0, "rgba(0,0,0,0)"), s.addColorStop(1, "rgba(0,0,0,1)"), a.fillStyle = s, a.fillRect(0, 0, e.width, e.height);
88
+ }, de = () => {
89
+ const e = B.value;
90
+ if (!e || e.width === 0 || e.height === 0) return;
91
+ const a = e.getContext("2d");
92
+ if (!a) return;
93
+ const t = a.createLinearGradient(0, 0, e.width, 0);
94
+ for (let n = 0; n <= 6; n++)
95
+ t.addColorStop(n / 6, `hsl(${n * 60},100%,50%)`);
96
+ a.fillStyle = t, a.fillRect(0, 0, e.width, e.height);
97
+ }, f = () => {
98
+ const e = D.value;
99
+ if (!e || e.width === 0 || e.height === 0) return;
100
+ const a = e.getContext("2d");
101
+ if (!a) return;
102
+ a.clearRect(0, 0, e.width, e.height);
103
+ const [t, n, r] = k(i.value, v.value, p.value), l = a.createLinearGradient(0, 0, e.width, 0);
104
+ l.addColorStop(0, `rgba(${t},${n},${r},0)`), l.addColorStop(1, `rgba(${t},${n},${r},1)`), a.fillStyle = l, a.fillRect(0, 0, e.width, e.height);
105
+ }, fe = () => {
106
+ C(), de(), o.alpha && f();
107
+ };
108
+ let I = null;
109
+ const E = (e) => {
110
+ e.width = e.offsetWidth, e.height = e.offsetHeight;
111
+ }, X = () => {
112
+ const e = m.value, a = B.value;
113
+ !e || !a || e.offsetWidth === 0 || (E(e), E(a), o.alpha && D.value && E(D.value), fe());
114
+ };
115
+ xe(() => {
116
+ I = new ResizeObserver(X), m.value && I.observe(m.value), N(o.modelValue), X();
117
+ }), Re(() => {
118
+ I?.disconnect();
119
+ });
120
+ const N = (e) => {
121
+ if (e)
122
+ try {
123
+ const [a, t, n, r] = T(e), [l, s, g] = U(a, t, n);
124
+ s > 0.01 && (i.value = l), v.value = s, p.value = g, h.value = r;
125
+ } catch {
126
+ }
10
127
  };
11
- if (typeof t == "string") {
12
- const r = /^(-?\d*\.?\d+)([a-zA-Z%]*)?$/, e = t.match(r);
13
- if (e) {
14
- const [, n, o = "px"] = e, a = parseFloat(n);
128
+ Le(
129
+ () => o.modelValue,
130
+ (e) => {
131
+ !e || e === S.value || (N(e), C(), o.alpha && f());
132
+ }
133
+ );
134
+ const d = () => ue("update:modelValue", S.value), H = c(!1), O = (e) => {
135
+ const a = P.value;
136
+ if (!a) return { s: v.value, v: p.value };
137
+ const t = a.getBoundingClientRect();
15
138
  return {
16
- value: i(a),
17
- unit: o
139
+ s: Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)),
140
+ v: Math.max(0, Math.min(1, 1 - (e.clientY - t.top) / t.height))
18
141
  };
19
- }
142
+ }, be = (e) => {
143
+ P.value?.setPointerCapture(e.pointerId), H.value = !0;
144
+ const { s: a, v: t } = O(e);
145
+ v.value = a, p.value = t, o.alpha && f(), d();
146
+ }, we = (e) => {
147
+ if (!H.value) return;
148
+ const { s: a, v: t } = O(e);
149
+ v.value = a, p.value = t, o.alpha && f(), d();
150
+ }, Y = (e) => {
151
+ P.value?.releasePointerCapture(e.pointerId), H.value = !1;
152
+ }, Ce = (e) => {
153
+ const a = e.shiftKey ? 0.05 : 0.01;
154
+ switch (e.key) {
155
+ case "ArrowLeft":
156
+ v.value = Math.max(0, v.value - a);
157
+ break;
158
+ case "ArrowRight":
159
+ v.value = Math.min(1, v.value + a);
160
+ break;
161
+ case "ArrowUp":
162
+ p.value = Math.min(1, p.value + a);
163
+ break;
164
+ case "ArrowDown":
165
+ p.value = Math.max(0, p.value - a);
166
+ break;
167
+ default:
168
+ return;
169
+ }
170
+ o.alpha && f(), d(), e.preventDefault();
171
+ }, W = c(!1), Z = (e) => {
172
+ const a = A.value;
173
+ if (!a) return i.value;
174
+ const t = a.getBoundingClientRect();
175
+ return Math.max(
176
+ 0,
177
+ Math.min(360, (e.clientX - t.left) / t.width * 360)
178
+ );
179
+ }, me = (e) => {
180
+ A.value?.setPointerCapture(e.pointerId), W.value = !0, i.value = Z(e), C(), o.alpha && f(), d();
181
+ }, ge = (e) => {
182
+ W.value && (i.value = Z(e), C(), o.alpha && f(), d());
183
+ }, j = (e) => {
184
+ A.value?.releasePointerCapture(e.pointerId), W.value = !1;
185
+ }, _e = (e) => {
186
+ const a = e.shiftKey ? 10 : 1;
187
+ switch (e.key) {
188
+ case "ArrowLeft":
189
+ i.value = Math.max(0, i.value - a);
190
+ break;
191
+ case "ArrowRight":
192
+ i.value = Math.min(360, i.value + a);
193
+ break;
194
+ default:
195
+ return;
196
+ }
197
+ C(), o.alpha && f(), d(), e.preventDefault();
198
+ }, K = c(!1), q = (e) => {
199
+ const a = x.value;
200
+ if (!a) return h.value;
201
+ const t = a.getBoundingClientRect();
202
+ return Math.max(0, Math.min(1, (e.clientX - t.left) / t.width));
203
+ }, ye = (e) => {
204
+ x.value?.setPointerCapture(e.pointerId), K.value = !0, h.value = q(e), d();
205
+ }, ke = (e) => {
206
+ K.value && (h.value = q(e), d());
207
+ }, J = (e) => {
208
+ x.value?.releasePointerCapture(e.pointerId), K.value = !1;
209
+ }, Fe = (e) => {
210
+ const a = e.shiftKey ? 0.05 : 0.01;
211
+ switch (e.key) {
212
+ case "ArrowLeft":
213
+ h.value = Math.max(0, h.value - a);
214
+ break;
215
+ case "ArrowRight":
216
+ h.value = Math.min(1, h.value + a);
217
+ break;
218
+ default:
219
+ return;
220
+ }
221
+ d(), e.preventDefault();
222
+ }, Q = "EyeDropper" in window, V = c(!1), Me = async () => {
223
+ if (Q)
224
+ try {
225
+ V.value = !0;
226
+ const e = window, t = await new e.EyeDropper().open();
227
+ ae(t.sRGBHex);
228
+ } catch {
229
+ } finally {
230
+ V.value = !1;
231
+ }
232
+ }, ee = (e) => S.value.slice(0, 7).toLowerCase() === e.slice(0, 7).toLowerCase(), ae = (e) => {
233
+ const [a, t, n, r] = T(e), [l, s, g] = U(a, t, n);
234
+ s > 0.01 && (i.value = l), v.value = s, p.value = g, h.value = r, C(), o.alpha && f(), d();
235
+ };
236
+ return oe({ el: z }), (e, a) => (w(), b("div", {
237
+ ref_key: "pickerRef",
238
+ ref: z,
239
+ class: "bb-color-palette"
240
+ }, [
241
+ u("div", {
242
+ ref_key: "canvasWrapRef",
243
+ ref: P,
244
+ class: "bb-color-palette__canvas-wrap",
245
+ role: "application",
246
+ tabindex: "0",
247
+ "aria-label": $(M)("colorInput.mainCanvasDesc").value,
248
+ onPointerdown: be,
249
+ onPointermove: we,
250
+ onPointerup: Y,
251
+ onPointercancel: Y,
252
+ onKeydown: Ce
253
+ }, [
254
+ u("canvas", {
255
+ ref_key: "mainCanvasRef",
256
+ ref: m,
257
+ class: "bb-color-palette__canvas",
258
+ "aria-hidden": "true"
259
+ }, null, 512),
260
+ u("div", {
261
+ class: "bb-color-palette__canvas-thumb",
262
+ style: y({ left: `${v.value * 100}%`, top: `${(1 - p.value) * 100}%` }),
263
+ "aria-hidden": "true"
264
+ }, null, 4)
265
+ ], 40, Se),
266
+ u("div", Be, [
267
+ u("div", Ie, [
268
+ u("div", {
269
+ class: te(["bb-color-palette__preview", { "bb-color-palette__preview--alpha": e.alpha }]),
270
+ style: y({ "--bb-picker-preview-color": ve.value })
271
+ }, null, 6)
272
+ ]),
273
+ u("div", Ee, [
274
+ u("div", {
275
+ ref_key: "hueWrapRef",
276
+ ref: A,
277
+ class: "bb-color-palette__slider-wrap",
278
+ role: "slider",
279
+ tabindex: "0",
280
+ "aria-label": $(M)("colorInput.hueCanvasDesc").value,
281
+ "aria-valuenow": Math.round(i.value),
282
+ "aria-valuemin": "0",
283
+ "aria-valuemax": "360",
284
+ onPointerdown: me,
285
+ onPointermove: ge,
286
+ onPointerup: j,
287
+ onPointercancel: j,
288
+ onKeydown: _e
289
+ }, [
290
+ u("canvas", {
291
+ ref_key: "hueCanvasRef",
292
+ ref: B,
293
+ class: "bb-color-palette__slider-track",
294
+ "aria-hidden": "true"
295
+ }, null, 512),
296
+ u("div", {
297
+ class: "bb-color-palette__slider-thumb",
298
+ style: y({ left: `${i.value / 360 * 100}%` }),
299
+ "aria-hidden": "true"
300
+ }, null, 4)
301
+ ], 40, He),
302
+ e.alpha ? (w(), b("div", {
303
+ key: 0,
304
+ ref_key: "alphaWrapRef",
305
+ ref: x,
306
+ class: "bb-color-palette__slider-wrap bb-color-palette__slider-wrap--alpha",
307
+ role: "slider",
308
+ tabindex: "0",
309
+ "aria-label": $(M)("colorInput.alphaSliderDesc").value,
310
+ "aria-valuenow": Math.round(h.value * 100),
311
+ "aria-valuemin": "0",
312
+ "aria-valuemax": "100",
313
+ onPointerdown: ye,
314
+ onPointermove: ke,
315
+ onPointerup: J,
316
+ onPointercancel: J,
317
+ onKeydown: Fe
318
+ }, [
319
+ u("canvas", {
320
+ ref_key: "alphaCanvasRef",
321
+ ref: D,
322
+ class: "bb-color-palette__slider-track",
323
+ "aria-hidden": "true"
324
+ }, null, 512),
325
+ u("div", {
326
+ class: "bb-color-palette__slider-thumb",
327
+ style: y({ left: `${h.value * 100}%` }),
328
+ "aria-hidden": "true"
329
+ }, null, 4)
330
+ ], 40, We)) : G("", !0)
331
+ ]),
332
+ e.picker && Q ? (w(), b("button", {
333
+ key: 0,
334
+ class: "bb-color-palette__eyedropper",
335
+ type: "button",
336
+ "aria-label": $(M)("colorInput.eyeDropper").value,
337
+ disabled: V.value || void 0,
338
+ onClick: Me
339
+ }, a[0] || (a[0] = [
340
+ u("svg", {
341
+ xmlns: "http://www.w3.org/2000/svg",
342
+ width: "16",
343
+ height: "16",
344
+ viewBox: "0 0 24 24",
345
+ fill: "currentColor",
346
+ "aria-hidden": "true"
347
+ }, [
348
+ u("path", { d: "M20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L13.71,3.71L12.29,5.12L13.41,6.24L3,16.59V21H7.41L17.76,10.59L18.88,11.71L20.29,10.29L18.88,8.88L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63M6.58,19H5V17.42L13.29,9.12L14.88,10.71L6.58,19Z" })
349
+ ], -1)
350
+ ]), 8, Ke)) : G("", !0)
351
+ ]),
352
+ pe.value ? (w(), b("div", Ve, [
353
+ (w(!0), b(ne, null, re(he.value, (t, n) => (w(), b("div", {
354
+ key: n,
355
+ class: "bb-color-palette__swatch-group"
356
+ }, [
357
+ (w(!0), b(ne, null, re(t, (r) => (w(), b("button", {
358
+ key: r,
359
+ class: te(["bb-color-palette__swatch", {
360
+ "bb-color-palette__swatch--active": ee(r)
361
+ }]),
362
+ style: y({ background: r }),
363
+ "aria-label": r,
364
+ "aria-pressed": ee(r),
365
+ type: "button",
366
+ onClick: (l) => ae(r)
367
+ }, null, 14, Ge))), 128))
368
+ ]))), 128))
369
+ ])) : G("", !0)
370
+ ], 512));
20
371
  }
21
- throw new Error(`Invalid width: ${t}`);
22
- }
372
+ });
23
373
  export {
24
- s as parseWidthString
374
+ ze as default
25
375
  };
package/dist/index277.js CHANGED
@@ -1,15 +1,4 @@
1
- const c = (t, r) => {
2
- if (typeof t == "string") {
3
- const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
4
- if (n) {
5
- const [, o, a] = n;
6
- return a ? t : o + "px";
7
- } else if (t in r)
8
- return r[t] + "px";
9
- throw new Error(`Invalid size: ${t}`);
10
- }
11
- return t + "px";
12
- };
1
+ const o = (e) => e[0];
13
2
  export {
14
- c as parseSize
3
+ o as head
15
4
  };
package/dist/index278.js CHANGED
@@ -1,7 +1,9 @@
1
- import { getDefaultExportFromCjs as e } from "./index342.js";
2
- import { __require as r } from "./index330.js";
3
- var o = r();
4
- const f = /* @__PURE__ */ e(o);
1
+ const s = (e, t, o, r) => {
2
+ if (r <= 0) throw new Error("Step must be a positive number");
3
+ if (t > o) throw new Error("Min must be less than or equal to Max");
4
+ const n = Math.max(t, Math.min(o, e)), a = Math.round((n - t) / r);
5
+ return t + a * r;
6
+ };
5
7
  export {
6
- f as default
8
+ s as snapToStep
7
9
  };
package/dist/index279.js CHANGED
@@ -1,8 +1,9 @@
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;
1
+ function o(t, e, n, r, a) {
2
+ if (n === e)
3
+ throw new Error("Original boundaries cannot be equal.");
4
+ const c = (t - e) / (n - e);
5
+ return r + c * (a - r);
5
6
  }
6
7
  export {
7
- e as validateDateFormat
8
+ o as transpose
8
9
  };
package/dist/index28.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as S, computed as r, ref as V, watchPostEffect as N, nextTick as D, createElementBlock as u, openBlock as i, normalizeClass as I, createBlock as B, createVNode as E, createElementVNode as d, resolveDynamicComponent as P, normalizeProps as o, guardReactiveProps as s, withCtx as b, renderSlot as C, createTextVNode as q, toDisplayString as h, unref as f, Transition as F, createCommentVNode as G, TransitionGroup as M, Fragment as R, renderList as j } from "vue";
2
- import { deburr as x } from "./index234.js";
2
+ import { deburr as x } from "./index263.js";
3
3
  import { getAsPercentage as k } from "./index144.js";
4
4
  import { useId as J } from "./index8.js";
5
5
  const K = ["id"], O = { class: "bb-base-input-container__hint" }, Y = /* @__PURE__ */ S({