bitboss-ui 2.1.14 → 2.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (176) hide show
  1. package/dist/index106.js +9 -9
  2. package/dist/index111.js +1 -1
  3. package/dist/index113.js +1 -1
  4. package/dist/index121.js +12 -12
  5. package/dist/index129.js +1 -1
  6. package/dist/index13.js +1 -1
  7. package/dist/index131.js +4 -4
  8. package/dist/index133.js +1 -1
  9. package/dist/index136.js +1 -1
  10. package/dist/index138.js +1 -1
  11. package/dist/index139.js +2 -2
  12. package/dist/index15.js +8 -8
  13. package/dist/index17.js +3 -3
  14. package/dist/index19.js +8 -8
  15. package/dist/index207.js +2 -2
  16. package/dist/index208.js +2 -2
  17. package/dist/index209.js +2 -86
  18. package/dist/index21.js +16 -16
  19. package/dist/{index213.js → index210.js} +4 -4
  20. package/dist/index211.js +13 -25
  21. package/dist/index212.js +106 -17
  22. package/dist/index214.js +100 -15
  23. package/dist/index216.js +72 -12
  24. package/dist/index218.js +13 -34
  25. package/dist/index219.js +2 -4
  26. package/dist/index220.js +2 -13
  27. package/dist/index221.js +2 -11
  28. package/dist/index222.js +2 -20
  29. package/dist/index223.js +3 -197
  30. package/dist/index224.js +9 -0
  31. package/dist/index225.js +7 -66
  32. package/dist/index226.js +7 -0
  33. package/dist/index227.js +5 -13
  34. package/dist/index228.js +5 -114
  35. package/dist/index229.js +7 -0
  36. package/dist/index23.js +15 -15
  37. package/dist/index230.js +5 -2
  38. package/dist/index231.js +5 -3
  39. package/dist/index232.js +5 -2
  40. package/dist/index233.js +8 -2
  41. package/dist/index234.js +250 -7
  42. package/dist/index235.js +52 -2
  43. package/dist/index236.js +44 -7
  44. package/dist/index237.js +5 -4
  45. package/dist/index238.js +60 -2
  46. package/dist/index239.js +12 -105
  47. package/dist/index240.js +6 -0
  48. package/dist/index241.js +11 -100
  49. package/dist/index242.js +22 -0
  50. package/dist/index243.js +197 -2
  51. package/dist/index245.js +114 -5
  52. package/dist/index247.js +10 -5
  53. package/dist/index248.js +3 -5
  54. package/dist/index249.js +4 -5
  55. package/dist/index25.js +3 -3
  56. package/dist/index250.js +86 -2
  57. package/dist/index252.js +29 -5
  58. package/dist/index253.js +16 -5
  59. package/dist/index254.js +15 -8
  60. package/dist/index255.js +12 -250
  61. package/dist/index256.js +12 -51
  62. package/dist/index257.js +3 -44
  63. package/dist/index258.js +4 -4
  64. package/dist/index259.js +2 -60
  65. package/dist/index260.js +33 -12
  66. package/dist/index261.js +16 -7
  67. package/dist/index262.js +12 -23
  68. package/dist/index263.js +6 -18
  69. package/dist/index264.js +231 -12
  70. package/dist/index265.js +183 -6
  71. package/dist/index266.js +2 -231
  72. package/dist/index267.js +9 -10
  73. package/dist/index268.js +8 -3
  74. package/dist/index269.js +9 -6
  75. package/dist/index27.js +1 -1
  76. package/dist/index270.js +23 -16
  77. package/dist/index271.js +6 -3
  78. package/dist/index272.js +16 -9
  79. package/dist/index273.js +3 -9
  80. package/dist/index274.js +9 -8
  81. package/dist/index275.js +67 -2
  82. package/dist/index276.js +2 -67
  83. package/dist/index277.js +5 -5
  84. package/dist/index278.js +4 -7
  85. package/dist/index279.js +8 -5
  86. package/dist/index280.js +1 -1
  87. package/dist/index281.js +3 -17
  88. package/dist/index282.js +3 -28
  89. package/dist/index284.js +7 -3
  90. package/dist/index285.js +17 -3
  91. package/dist/index286.js +6 -0
  92. package/dist/index287.js +28 -7
  93. package/dist/index288.js +1 -1
  94. package/dist/index289.js +3 -7
  95. package/dist/index29.js +4 -4
  96. package/dist/index290.js +7 -11
  97. package/dist/index291.js +10 -3
  98. package/dist/index292.js +4 -5
  99. package/dist/index293.js +280 -4
  100. package/dist/index294.js +2 -3
  101. package/dist/index295.js +16 -3
  102. package/dist/index296.js +2 -280
  103. package/dist/index297.js +16 -2
  104. package/dist/index298.js +2 -125
  105. package/dist/index299.js +19 -2
  106. package/dist/index300.js +2 -15
  107. package/dist/index301.js +15 -2
  108. package/dist/index302.js +2 -16
  109. package/dist/index303.js +19 -2
  110. package/dist/index304.js +2 -16
  111. package/dist/index305.js +27 -2
  112. package/dist/index306.js +2 -19
  113. package/dist/index307.js +2 -2
  114. package/dist/index308.js +2 -6
  115. package/dist/index309.js +2 -19
  116. package/dist/index31.js +2 -2
  117. package/dist/index310.js +2 -2
  118. package/dist/index311.js +22 -27
  119. package/dist/index313.js +6 -2
  120. package/dist/index314.js +3 -2
  121. package/dist/index315.js +5 -2
  122. package/dist/index316.js +1 -1
  123. package/dist/index317.js +125 -22
  124. package/dist/index318.js +4 -0
  125. package/dist/index319.js +1 -1
  126. package/dist/index320.js +1 -1
  127. package/dist/index324.js +1 -1
  128. package/dist/index325.js +7 -128
  129. package/dist/index326.js +5 -368
  130. package/dist/index327.js +7 -32
  131. package/dist/index328.js +128 -27
  132. package/dist/index329.js +371 -0
  133. package/dist/index33.js +8 -8
  134. package/dist/index330.js +6 -6
  135. package/dist/index331.js +6 -18
  136. package/dist/index332.js +18 -57
  137. package/dist/index333.js +33 -33
  138. package/dist/index334.js +58 -7
  139. package/dist/index335.js +1 -1
  140. package/dist/index336.js +32 -7
  141. package/dist/index337.js +28 -6
  142. package/dist/index340.js +1 -1
  143. package/dist/{index344.js → index342.js} +1 -1
  144. package/dist/index343.js +127 -3
  145. package/dist/index345.js +3 -127
  146. package/dist/index35.js +4 -4
  147. package/dist/index37.js +20 -20
  148. package/dist/index39.js +8 -8
  149. package/dist/index41.js +2 -2
  150. package/dist/index43.js +8 -8
  151. package/dist/index45.js +8 -8
  152. package/dist/index47.js +2 -2
  153. package/dist/index49.js +3 -3
  154. package/dist/index53.js +1 -1
  155. package/dist/index55.js +1 -1
  156. package/dist/index57.js +2 -2
  157. package/dist/index61.js +3 -3
  158. package/dist/index67.js +1 -1
  159. package/dist/index79.js +4 -4
  160. package/dist/index81.js +1 -1
  161. package/dist/index83.js +2 -2
  162. package/dist/index85.js +1 -1
  163. package/dist/index87.js +1 -1
  164. package/dist/index90.js +3 -3
  165. package/dist/index92.js +2 -2
  166. package/dist/index94.js +3 -3
  167. package/dist/index96.js +1 -1
  168. package/package.json +2 -2
  169. package/dist/index215.js +0 -5
  170. package/dist/index217.js +0 -18
  171. package/dist/index244.js +0 -7
  172. package/dist/index246.js +0 -7
  173. package/dist/index251.js +0 -185
  174. package/dist/index283.js +0 -4
  175. package/dist/index312.js +0 -4
  176. package/dist/index338.js +0 -10
package/dist/index239.js CHANGED
@@ -1,108 +1,15 @@
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 "./index215.js";
3
- import { isNil as l } from "./index230.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
- }
1
+ import { locales as t } from "./index290.js";
2
+ import { _config as m } from "./index4.js";
3
+ import { get as c } from "./index291.js";
4
+ import { readonly as l, computed as n } from "vue";
5
+ const p = (o, ...r) => l(
6
+ n(() => c(t[m.locale], o).replace(
7
+ /\{(\d+)\}/g,
8
+ (a, e) => r[e]
9
+ ))
10
+ ), d = () => ({
11
+ t: p
105
12
  });
106
13
  export {
107
- K as default
14
+ d as useLocale
108
15
  };
@@ -0,0 +1,6 @@
1
+ function x(e) {
2
+ return /^#([A-Fa-f0-9]{6})$/.test(e);
3
+ }
4
+ export {
5
+ x as isHex
6
+ };
package/dist/index241.js CHANGED
@@ -1,102 +1,13 @@
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 "./index215.js";
3
- import { isNil as i } from "./index230.js";
4
- const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
5
- __name: "CommaBox",
6
- props: {
7
- options: {}
8
- },
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"
75
- }
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));
98
- }
99
- });
1
+ import { ref as a, watch as c, toValue as u } from "vue";
2
+ const i = (e, { initialValue: o = !1, nextValue: r = !0 } = {}) => {
3
+ const t = a(o), n = c(
4
+ () => u(e),
5
+ (s) => {
6
+ s && (t.value = r, n());
7
+ }
8
+ );
9
+ return t;
10
+ };
100
11
  export {
101
- j as default
12
+ i as useUntil
102
13
  };
@@ -0,0 +1,22 @@
1
+ import { MaskInput as r } from "./index265.js";
2
+ const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
3
+ if (a.arg == null || a.instance == null) return;
4
+ const s = "setup" in a.instance.$.type;
5
+ a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
6
+ }, k = (a, n) => {
7
+ var s;
8
+ const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
9
+ if (t == null || (t == null ? void 0 : t.type) === "file") return;
10
+ let e = {};
11
+ if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
12
+ const l = (o) => {
13
+ const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
14
+ p(n, i);
15
+ };
16
+ e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
17
+ }
18
+ u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
19
+ };
20
+ export {
21
+ k as vMaska
22
+ };
package/dist/index243.js CHANGED
@@ -1,4 +1,199 @@
1
- const n = (t) => t == null || Number.isNaN(t) || typeof t == "object" && Object.keys(t).length === 0 || typeof t == "string" && t.trim().length === 0 || t instanceof Map && [...t.keys()].length === 0 || t instanceof Set && [...t.keys()].length === 0;
1
+ import { defineComponent as j, ref as c, onMounted as J, watch as Q, createElementBlock as S, openBlock as _, createElementVNode as w, createTextVNode as A, createCommentVNode as E, toDisplayString as C, unref as x } from "vue";
2
+ import { hexToRgb as B } from "./index325.js";
3
+ import { getHueFromRGB as K } from "./index326.js";
4
+ import { hslToHex as y } from "./index327.js";
5
+ import { useLocale as Z } from "./index239.js";
6
+ const ee = {
7
+ id: "mainCanvasDesc",
8
+ "aria-live": "polite",
9
+ class: "sr-only"
10
+ }, te = { key: 0 }, ae = {
11
+ id: "hueCanvasDesc",
12
+ "aria-live": "polite",
13
+ class: "sr-only"
14
+ }, ne = { key: 0 }, ce = /* @__PURE__ */ j({
15
+ __name: "ColorPallette",
16
+ props: {
17
+ modelValue: {}
18
+ },
19
+ emits: ["update:modelValue"],
20
+ setup(F, { emit: N }) {
21
+ const R = F, f = N, { t: h } = Z(), o = c(R.modelValue), d = c(
22
+ y(K(...B(o.value ?? "#ff0000")), 100, 50)
23
+ ), O = c(null), s = c(null), r = c(null), l = c({ x: 0, y: 0 }), u = c({ x: 0 }), b = c(!1), k = c(!1), T = () => {
24
+ const e = s.value, t = r.value;
25
+ !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), m());
26
+ }, D = () => {
27
+ const e = s.value;
28
+ return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
29
+ }, v = () => {
30
+ const e = s.value;
31
+ if (!e) return;
32
+ const t = D();
33
+ if (!t) return;
34
+ t.clearRect(0, 0, e.width, e.height);
35
+ const a = t.createLinearGradient(0, 0, e.width, 0);
36
+ a.addColorStop(0, d.value), a.addColorStop(1, "#ffffff");
37
+ const n = t.createLinearGradient(0, 0, 0, e.height);
38
+ 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;
39
+ }, p = () => {
40
+ const e = D();
41
+ e && (e.beginPath(), e.arc(
42
+ l.value.x,
43
+ l.value.y,
44
+ 8,
45
+ 0,
46
+ 2 * Math.PI
47
+ ), e.strokeStyle = "#ffffff", e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(
48
+ l.value.x,
49
+ l.value.y,
50
+ 7,
51
+ 0,
52
+ 2 * Math.PI
53
+ ), e.strokeStyle = "#000000", e.lineWidth = 1, e.stroke(), e.globalCompositeOperation = "source-over");
54
+ }, P = () => {
55
+ const e = r.value;
56
+ return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
57
+ }, m = () => {
58
+ const e = r.value;
59
+ if (!e) return;
60
+ const t = P();
61
+ if (!t) return;
62
+ const a = t.createLinearGradient(0, 0, e.width, 0);
63
+ for (let n = 0; n <= 360; n += 60)
64
+ a.addColorStop(n / 360, `hsl(${n}, 100%, 50%)`);
65
+ a.addColorStop(1, "hsl(360, 100%, 50%)"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), H(), t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
66
+ }, H = () => {
67
+ const e = r.value;
68
+ if (!e) return;
69
+ const t = P();
70
+ if (!t) return;
71
+ const a = 10, n = 16, i = u.value.x - a / 2, M = e.height / 2 - n / 2;
72
+ t.beginPath(), t.roundRect(i, M, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
73
+ }, q = (e) => {
74
+ s.value && (window.addEventListener("pointermove", L), window.addEventListener("pointerup", G), b.value = !0, I(e));
75
+ }, U = (e) => {
76
+ r.value && (window.addEventListener("pointermove", L), window.addEventListener("pointerup", G), k.value = !0, V(e));
77
+ }, I = (e) => {
78
+ const t = s.value;
79
+ if (!t) return;
80
+ 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));
81
+ l.value = { x: n, y: i }, v(), p(), o.value = g(), f("update:modelValue", o.value);
82
+ }, V = (e) => {
83
+ const t = r.value;
84
+ if (!t) return;
85
+ const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left));
86
+ u.value = { x: n };
87
+ const i = n / t.width * 360;
88
+ d.value = y(i, 100, 50), m(), v(), p(), o.value = g(), f("update:modelValue", o.value);
89
+ }, L = (e) => {
90
+ b.value ? I(e) : k.value && V(e);
91
+ }, G = () => {
92
+ b.value = !1, k.value = !1;
93
+ }, X = (e) => {
94
+ var a, n;
95
+ switch (e.key) {
96
+ case "ArrowUp":
97
+ l.value.y = Math.max(0, l.value.y - 5);
98
+ break;
99
+ case "ArrowDown":
100
+ l.value.y = Math.min(
101
+ ((a = s.value) == null ? void 0 : a.height) ?? 0,
102
+ l.value.y + 5
103
+ );
104
+ break;
105
+ case "ArrowLeft":
106
+ l.value.x = Math.max(0, l.value.x - 5);
107
+ break;
108
+ case "ArrowRight":
109
+ l.value.x = Math.min(
110
+ ((n = s.value) == null ? void 0 : n.width) ?? 0,
111
+ l.value.x + 5
112
+ );
113
+ break;
114
+ default:
115
+ return;
116
+ }
117
+ v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
118
+ }, $ = (e) => {
119
+ var n, i;
120
+ switch (e.key) {
121
+ case "ArrowLeft":
122
+ u.value.x = Math.max(0, u.value.x - 5);
123
+ break;
124
+ case "ArrowRight":
125
+ u.value.x = Math.min(
126
+ ((n = r.value) == null ? void 0 : n.width) ?? 0,
127
+ u.value.x + 5
128
+ );
129
+ break;
130
+ default:
131
+ return;
132
+ }
133
+ const a = u.value.x / (((i = r.value) == null ? void 0 : i.width) ?? 1) * 360;
134
+ d.value = y(a, 100, 50), m(), H(), v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
135
+ };
136
+ J(() => {
137
+ T(), W(o.value ?? "#ff0000");
138
+ }), Q(
139
+ () => R.modelValue,
140
+ (e) => {
141
+ !e || e === o.value || (o.value = e, W(e), m(), v());
142
+ }
143
+ );
144
+ const g = () => {
145
+ const e = s.value;
146
+ if (!e) return "#ffffff";
147
+ const t = e.getContext("2d");
148
+ if (!t) return "#ffffff";
149
+ const { x: a, y: n } = l.value, i = t.getImageData(a, n, 1, 1).data, [M, z, Y] = i;
150
+ return `#${((1 << 24) + (M << 16) + (z << 8) + Y).toString(16).slice(1)}`;
151
+ };
152
+ function W(e) {
153
+ var a;
154
+ const t = K(...B(e));
155
+ d.value = y(t, 100, 50), u.value.x = t / 360 * (((a = r.value) == null ? void 0 : a.width) ?? 0);
156
+ }
157
+ return (e, t) => (_(), S("div", {
158
+ ref_key: "paletteRef",
159
+ ref: O,
160
+ "aria-label": "Color Picker",
161
+ class: "bb-color-palette",
162
+ role: "application"
163
+ }, [
164
+ w("canvas", {
165
+ ref_key: "mainCanvasRef",
166
+ ref: s,
167
+ "aria-describedby": "mainCanvasDesc",
168
+ "aria-label": "Main Color Selection",
169
+ class: "bb-color-palette__canvas",
170
+ role: "application",
171
+ tabindex: "0",
172
+ onKeydown: X,
173
+ onPointerdown: q
174
+ }, null, 544),
175
+ w("p", ee, [
176
+ A(C(x(h)("colorInput.mainCanvasDesc")) + " ", 1),
177
+ o.value ? (_(), S("span", te, C(x(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : E("", !0)
178
+ ]),
179
+ w("canvas", {
180
+ ref_key: "hueCanvasRef",
181
+ ref: r,
182
+ "aria-describedby": "hueCanvasDesc",
183
+ "aria-label": "Hue Selection",
184
+ class: "bb-color-palette__hue-canvas",
185
+ role: "application",
186
+ tabindex: "0",
187
+ onKeydown: $,
188
+ onPointerdown: U
189
+ }, null, 544),
190
+ w("p", ae, [
191
+ A(C(x(h)("colorInput.hueCanvasDesc")) + " ", 1),
192
+ d.value ? (_(), S("span", ne, C(x(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : E("", !0)
193
+ ])
194
+ ], 512));
195
+ }
196
+ });
2
197
  export {
3
- n as isEmpty
198
+ ce as default
4
199
  };
package/dist/index245.js CHANGED
@@ -1,7 +1,116 @@
1
- import { getDefaultExportFromCjs as r } from "./index308.js";
2
- import { __require as o } from "./index298.js";
3
- var t = o();
4
- const m = /* @__PURE__ */ r(t);
1
+ import { defineComponent as P, mergeModels as D, useModel as V, ref as r, watch as A, onMounted as x, computed as S, createBlock as b, openBlock as v, resolveDynamicComponent as g, normalizeStyle as z, normalizeClass as E, unref as l, withCtx as w, renderSlot as y, createCommentVNode as N, mergeProps as h, createElementVNode as C } from "vue";
2
+ import { wait as F } from "./index135.js";
3
+ import { useFloating as U, arrow as j } from "./index328.js";
4
+ import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index329.js";
5
+ const K = { class: "bb-common-popover__bubble" }, W = /* @__PURE__ */ P({
6
+ __name: "CommonPopover",
7
+ props: /* @__PURE__ */ D({
8
+ arrowPadding: {},
9
+ offset: {},
10
+ block: { type: Boolean },
11
+ padding: { default: 0 },
12
+ placement: {},
13
+ transitionDuration: { default: 250 },
14
+ containerAttributes: {},
15
+ dialog: { type: Boolean },
16
+ renderContent: { type: Boolean, default: !0 },
17
+ tag: { default: "span" },
18
+ flip: { type: Boolean, default: !0 }
19
+ }, {
20
+ modelValue: { type: Boolean, default: !1 },
21
+ modelModifiers: {}
22
+ }),
23
+ emits: ["update:modelValue"],
24
+ setup(s) {
25
+ const o = s, a = V(s, "modelValue"), i = r(), t = r(), p = r(), { floatingStyles: k, placement: _, middlewareData: n, update: B } = U(
26
+ i,
27
+ t,
28
+ {
29
+ placement: o.placement,
30
+ whileElementsMounted: J,
31
+ middleware: [
32
+ ...o.flip ? [q()] : [],
33
+ G(o.offset),
34
+ H({ padding: o.padding }),
35
+ I(),
36
+ j({
37
+ element: p,
38
+ padding: o.arrowPadding
39
+ })
40
+ ],
41
+ strategy: "fixed"
42
+ }
43
+ ), d = (e) => {
44
+ e ? (B(), o.dialog ? t.value.showModal() : t.value.showPopover()) : F(o.transitionDuration).then(() => {
45
+ t.value && (o.dialog ? t.value.close() : t.value.hidePopover());
46
+ });
47
+ };
48
+ A(a, d, { flush: "post" }), x(() => {
49
+ a.value && d(a.value);
50
+ });
51
+ const M = S(() => {
52
+ if (n.value.arrow) {
53
+ const { x: e, y: u } = n.value.arrow;
54
+ return {
55
+ style: {
56
+ left: `${e}px`,
57
+ top: `${u}px`
58
+ }
59
+ };
60
+ }
61
+ }), $ = () => {
62
+ a.value = !1;
63
+ };
64
+ return (e, u) => (v(), b(g(e.dialog ? "div" : e.tag), {
65
+ ref_key: "wrapper",
66
+ ref: i,
67
+ class: E(["bb-common-popover", {
68
+ "bb-common-popover--open": a.value && !!t.value,
69
+ "bb-common-popover--block": o.block,
70
+ [`bb-common-popover--${l(_)}`]: !0
71
+ }]),
72
+ style: z({
73
+ "--transition-duration": `${o.transitionDuration}ms`
74
+ })
75
+ }, {
76
+ default: w(() => {
77
+ var m, f, c;
78
+ return [
79
+ y(e.$slots, "activator"),
80
+ e.renderContent ? (v(), b(g(e.dialog ? "dialog" : e.tag), h({
81
+ key: 0,
82
+ ref_key: "content",
83
+ ref: t,
84
+ class: ["bb-common-popover__bubble-container", {
85
+ "bb-common-popover__bubble-container--open": a.value && !!t.value
86
+ }],
87
+ popover: "manual",
88
+ style: {
89
+ ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
90
+ ...l(k),
91
+ "--arrow-offset-x": Math.round(((c = (f = l(n)) == null ? void 0 : f.arrow) == null ? void 0 : c.x) ?? 0) + "px",
92
+ "--page-padding": `${e.padding}px`
93
+ },
94
+ tabindex: a.value ? void 0 : -1
95
+ }, e.containerAttributes, { onClose: l($) }), {
96
+ default: w(() => [
97
+ C("span", h({
98
+ ref_key: "bubblearrow",
99
+ ref: p,
100
+ class: "bb-common-popover__arrow"
101
+ }, M.value), null, 16),
102
+ C("span", K, [
103
+ y(e.$slots, "default")
104
+ ])
105
+ ]),
106
+ _: 3
107
+ }, 16, ["class", "style", "tabindex", "onClose"])) : N("", !0)
108
+ ];
109
+ }),
110
+ _: 3
111
+ }, 8, ["class", "style"]));
112
+ }
113
+ });
5
114
  export {
6
- m as default
115
+ W as default
7
116
  };
package/dist/index247.js CHANGED
@@ -1,7 +1,12 @@
1
- import { getDefaultExportFromCjs as r } from "./index308.js";
2
- import { __require as e } from "./index302.js";
3
- var t = e();
4
- const m = /* @__PURE__ */ r(t);
1
+ const o = (t, r) => {
2
+ const e = {};
3
+ for (const c in t)
4
+ if (Object.prototype.hasOwnProperty.call(t, c)) {
5
+ const n = t[c];
6
+ r(n, c, t) && (e[c] = n);
7
+ }
8
+ return e;
9
+ };
5
10
  export {
6
- m as default
11
+ o as pickBy
7
12
  };
package/dist/index248.js CHANGED
@@ -1,7 +1,5 @@
1
- import { getDefaultExportFromCjs as r } from "./index308.js";
2
- import { __require as e } from "./index304.js";
3
- var o = e();
4
- const m = /* @__PURE__ */ r(o);
1
+ const o = () => {
2
+ };
5
3
  export {
6
- m as default
4
+ o as noop
7
5
  };
package/dist/index249.js CHANGED
@@ -1,7 +1,6 @@
1
- import { getDefaultExportFromCjs as r } from "./index308.js";
2
- import { __require as t } from "./index306.js";
3
- var o = t();
4
- const a = /* @__PURE__ */ r(o);
1
+ import { curry as e } from "./index292.js";
2
+ const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
5
3
  export {
6
- a as default
4
+ t as baseWhen,
5
+ s as when
7
6
  };
package/dist/index25.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { defineComponent as P, mergeModels as D, useModel as q, computed as p, ref as E, watch as A, onMounted as H, createElementBlock as d, openBlock as u, withModifiers as K, normalizeStyle as O, normalizeClass as R, unref as v, createCommentVNode as g, Fragment as U, createElementVNode as l, renderSlot as s, createTextVNode as j, toDisplayString as T, nextTick as G } from "vue";
2
- import { parseSize as J } from "./index260.js";
2
+ import { parseSize as J } from "./index256.js";
3
3
  import { useId as V } from "./index8.js";
4
- import { useLocale as Q } from "./index220.js";
4
+ import { useLocale as Q } from "./index239.js";
5
5
  import { useMobile as X } from "./index9.js";
6
- import { useUntil as Y } from "./index221.js";
6
+ import { useUntil as Y } from "./index241.js";
7
7
  import { wait as y } from "./index135.js";
8
8
  const Z = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], x = {
9
9
  ref: "header",