bitboss-ui 2.1.30 → 2.1.32

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 (258) hide show
  1. package/dist/components/BaseColorInput/BaseColorInput.vue.d.ts +4 -24
  2. package/dist/components/BaseDatePickerInput/BaseDatePickerInput.vue.d.ts +4 -24
  3. package/dist/components/BaseTag/BaseTag.vue.d.ts +4 -24
  4. package/dist/components/CommonInputInnerContainer.vue.d.ts +3 -3
  5. package/dist/index.d.ts +3 -0
  6. package/dist/index.js +143 -138
  7. package/dist/index106.js +9 -9
  8. package/dist/index11.js +2 -2
  9. package/dist/index111.js +1 -1
  10. package/dist/index113.js +1 -1
  11. package/dist/index119.js +4 -4
  12. package/dist/index12.js +6 -6
  13. package/dist/index121.js +12 -12
  14. package/dist/index129.js +1 -1
  15. package/dist/index13.js +1 -1
  16. package/dist/index131.js +4 -4
  17. package/dist/index133.js +1 -1
  18. package/dist/index135.js +69 -2
  19. package/dist/index137.js +13 -377
  20. package/dist/index138.js +2 -9
  21. package/dist/index139.js +11 -25
  22. package/dist/index140.js +377 -2
  23. package/dist/index141.js +9 -5
  24. package/dist/index142.js +23 -7
  25. package/dist/index143.js +2 -6
  26. package/dist/index144.js +5 -3
  27. package/dist/index145.js +9 -3
  28. package/dist/index146.js +6 -3
  29. package/dist/index147.js +1 -1
  30. package/dist/index148.js +1 -1
  31. package/dist/index149.js +1 -1
  32. package/dist/index15.js +9 -9
  33. package/dist/index150.js +1 -1
  34. package/dist/index151.js +1 -1
  35. package/dist/index152.js +1 -1
  36. package/dist/index153.js +1 -1
  37. package/dist/index154.js +1 -1
  38. package/dist/index155.js +1 -1
  39. package/dist/index156.js +1 -1
  40. package/dist/index157.js +1 -1
  41. package/dist/index158.js +1 -1
  42. package/dist/index159.js +1 -1
  43. package/dist/index160.js +1 -1
  44. package/dist/index161.js +1 -1
  45. package/dist/index162.js +1 -1
  46. package/dist/index163.js +1 -1
  47. package/dist/index164.js +1 -1
  48. package/dist/index165.js +1 -1
  49. package/dist/index166.js +1 -1
  50. package/dist/index167.js +1 -1
  51. package/dist/index168.js +1 -1
  52. package/dist/index169.js +1 -1
  53. package/dist/index17.js +3 -3
  54. package/dist/index170.js +1 -1
  55. package/dist/index171.js +1 -1
  56. package/dist/index172.js +1 -1
  57. package/dist/index173.js +1 -1
  58. package/dist/index174.js +1 -1
  59. package/dist/index175.js +1 -1
  60. package/dist/index176.js +1 -1
  61. package/dist/index177.js +1 -1
  62. package/dist/index178.js +1 -1
  63. package/dist/index179.js +1 -1
  64. package/dist/index180.js +1 -1
  65. package/dist/index181.js +3 -2
  66. package/dist/index182.js +1 -1
  67. package/dist/index183.js +1 -1
  68. package/dist/index184.js +2 -3
  69. package/dist/index185.js +1 -1
  70. package/dist/index186.js +1 -1
  71. package/dist/index187.js +1 -1
  72. package/dist/index188.js +2 -2
  73. package/dist/index189.js +2 -2
  74. package/dist/index19.js +8 -8
  75. package/dist/index190.js +2 -2
  76. package/dist/index191.js +3 -2
  77. package/dist/index192.js +1 -1
  78. package/dist/index193.js +1 -1
  79. package/dist/index194.js +2 -3
  80. package/dist/index195.js +1 -1
  81. package/dist/index196.js +1 -1
  82. package/dist/index197.js +1 -1
  83. package/dist/index198.js +1 -1
  84. package/dist/index199.js +1 -1
  85. package/dist/index200.js +1 -1
  86. package/dist/index201.js +1 -1
  87. package/dist/index202.js +1 -1
  88. package/dist/index203.js +1 -1
  89. package/dist/index204.js +1 -1
  90. package/dist/index205.js +1 -1
  91. package/dist/index206.js +3 -138
  92. package/dist/index207.js +3 -2
  93. package/dist/index208.js +3 -2
  94. package/dist/index209.js +3 -13
  95. package/dist/index21.js +16 -16
  96. package/dist/index211.js +7 -5
  97. package/dist/index212.js +138 -5
  98. package/dist/index213.js +2 -5
  99. package/dist/index214.js +2 -5
  100. package/dist/index215.js +4 -5
  101. package/dist/index216.js +13 -2
  102. package/dist/index217.js +11 -2
  103. package/dist/index218.js +20 -2
  104. package/dist/index219.js +196 -10
  105. package/dist/index221.js +113 -65
  106. package/dist/index223.js +34 -13
  107. package/dist/index224.js +83 -114
  108. package/dist/index226.js +28 -33
  109. package/dist/index227.js +17 -4
  110. package/dist/index228.js +49 -195
  111. package/dist/index229.js +17 -0
  112. package/dist/index23.js +15 -15
  113. package/dist/index230.js +3 -2
  114. package/dist/index231.js +12 -4
  115. package/dist/index232.js +16 -2
  116. package/dist/index233.js +2 -13
  117. package/dist/index234.js +2 -3
  118. package/dist/index235.js +2 -18
  119. package/dist/index236.js +5 -12
  120. package/dist/index237.js +5 -51
  121. package/dist/index238.js +5 -15
  122. package/dist/index239.js +5 -12
  123. package/dist/index240.js +5 -17
  124. package/dist/index241.js +5 -29
  125. package/dist/index242.js +5 -16
  126. package/dist/index243.js +2 -6
  127. package/dist/index244.js +6 -104
  128. package/dist/{index254.js → index245.js} +7 -7
  129. package/dist/index246.js +47 -95
  130. package/dist/index248.js +5 -229
  131. package/dist/index249.js +60 -6
  132. package/dist/index25.js +4 -4
  133. package/dist/index250.js +4 -2
  134. package/dist/index251.js +3 -5
  135. package/dist/index252.js +13 -5
  136. package/dist/index253.js +104 -6
  137. package/dist/index255.js +95 -47
  138. package/dist/index257.js +2 -5
  139. package/dist/index258.js +182 -59
  140. package/dist/index259.js +7 -86
  141. package/dist/index260.js +4 -0
  142. package/dist/index261.js +2 -183
  143. package/dist/index262.js +7 -2
  144. package/dist/index263.js +7 -7
  145. package/dist/index264.js +18 -7
  146. package/dist/index265.js +12 -3
  147. package/dist/index266.js +6 -6
  148. package/dist/index267.js +228 -15
  149. package/dist/index268.js +5 -9
  150. package/dist/index269.js +10 -23
  151. package/dist/index27.js +2 -2
  152. package/dist/index270.js +2 -9
  153. package/dist/index271.js +8 -2
  154. package/dist/index272.js +23 -3
  155. package/dist/index273.js +3 -9
  156. package/dist/index274.js +9 -8
  157. package/dist/index275.js +6 -9
  158. package/dist/index276.js +16 -5
  159. package/dist/index277.js +7 -65
  160. package/dist/index278.js +8 -2
  161. package/dist/index279.js +32 -4
  162. package/dist/index280.js +28 -8
  163. package/dist/index282.js +67 -11
  164. package/dist/index283.js +4 -279
  165. package/dist/index284.js +8 -2
  166. package/dist/index285.js +2 -125
  167. package/dist/index286.js +5 -2
  168. package/dist/index287.js +3 -15
  169. package/dist/index288.js +3 -2
  170. package/dist/index289.js +7 -16
  171. package/dist/index29.js +6 -6
  172. package/dist/index290.js +11 -2
  173. package/dist/index291.js +2 -16
  174. package/dist/index292.js +4 -2
  175. package/dist/index293.js +3 -19
  176. package/dist/index294.js +17 -2
  177. package/dist/index295.js +28 -3
  178. package/dist/index296.js +6 -0
  179. package/dist/index297.js +4 -6
  180. package/dist/index298.js +280 -3
  181. package/dist/index299.js +2 -2
  182. package/dist/index300.js +16 -3
  183. package/dist/index301.js +2 -6
  184. package/dist/index302.js +15 -3
  185. package/dist/index303.js +2 -4
  186. package/dist/index304.js +17 -17
  187. package/dist/index306.js +13 -25
  188. package/dist/index308.js +19 -2
  189. package/dist/index309.js +2 -2
  190. package/dist/index31.js +2 -2
  191. package/dist/index310.js +27 -2
  192. package/dist/index311.js +2 -2
  193. package/dist/index312.js +2 -28
  194. package/dist/index313.js +1 -21
  195. package/dist/index314.js +4 -0
  196. package/dist/index315.js +2 -3
  197. package/dist/index316.js +22 -3
  198. package/dist/index318.js +3 -17
  199. package/dist/index319.js +1 -1
  200. package/dist/index320.js +6 -5
  201. package/dist/index321.js +2 -718
  202. package/dist/index322.js +125 -366
  203. package/dist/index323.js +2 -58
  204. package/dist/index324.js +2 -2
  205. package/dist/index325.js +718 -2
  206. package/dist/index326.js +365 -7
  207. package/dist/index327.js +51 -122
  208. package/dist/index329.js +3 -8
  209. package/dist/index33.js +8 -8
  210. package/dist/index330.js +2 -6
  211. package/dist/index331.js +8 -8
  212. package/dist/index332.js +5 -32
  213. package/dist/index333.js +8 -28
  214. package/dist/index334.js +60 -0
  215. package/dist/index335.js +58 -7
  216. package/dist/index336.js +7 -18
  217. package/dist/index337.js +128 -6
  218. package/dist/index338.js +366 -44
  219. package/dist/index339.js +7 -58
  220. package/dist/index340.js +18 -57
  221. package/dist/index341.js +1 -1
  222. package/dist/index342.js +6 -92
  223. package/dist/index343.js +44 -126
  224. package/dist/index344.js +95 -0
  225. package/dist/index345.js +129 -3
  226. package/dist/index35.js +5 -5
  227. package/dist/index37.js +38 -38
  228. package/dist/index39.js +8 -8
  229. package/dist/index41.js +2 -2
  230. package/dist/index43.js +8 -8
  231. package/dist/index45.js +15 -15
  232. package/dist/index47.js +3 -3
  233. package/dist/index49.js +4 -4
  234. package/dist/index53.js +1 -1
  235. package/dist/index55.js +2 -2
  236. package/dist/index57.js +2 -2
  237. package/dist/index6.js +1 -1
  238. package/dist/index61.js +3 -3
  239. package/dist/index67.js +1 -1
  240. package/dist/index7.js +2 -2
  241. package/dist/index79.js +5 -5
  242. package/dist/index81.js +1 -1
  243. package/dist/index83.js +2 -2
  244. package/dist/index85.js +1 -1
  245. package/dist/index87.js +1 -1
  246. package/dist/index9.js +1 -1
  247. package/dist/index90.js +4 -4
  248. package/dist/index92.js +3 -3
  249. package/dist/index94.js +4 -4
  250. package/dist/index96.js +2 -2
  251. package/package.json +1 -1
  252. package/dist/index136.js +0 -13
  253. package/dist/index210.js +0 -7
  254. package/dist/index220.js +0 -22
  255. package/dist/index281.js +0 -9
  256. package/dist/index317.js +0 -4
  257. package/dist/index328.js +0 -371
  258. /package/dist/{index256.js → index247.js} +0 -0
package/dist/index212.js CHANGED
@@ -1,7 +1,140 @@
1
- import { getDefaultExportFromCjs as r } from "./index301.js";
2
- import { __require as e } from "./index287.js";
3
- var o = e();
4
- const m = /* @__PURE__ */ r(o);
1
+ import { getCurrentScope as O, onScopeDispose as W, onMounted as S, nextTick as C, watch as F, isRef as P, getCurrentInstance as g, toValue as b, hasInjectionContext as k, inject as v } from "vue";
2
+ function V(e) {
3
+ return O() ? (W(e), !0) : !1;
4
+ }
5
+ const w = /* @__PURE__ */ new WeakMap(), E = (...e) => {
6
+ var r;
7
+ const n = e[0], t = (r = g()) == null ? void 0 : r.proxy;
8
+ if (t == null && !k())
9
+ throw new Error("injectLocal must be called in setup");
10
+ return t && w.has(t) && n in w.get(t) ? w.get(t)[n] : v(...e);
11
+ }, G = typeof window < "u" && typeof document < "u";
12
+ typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
13
+ const _ = (e) => e != null, M = Object.prototype.toString, q = (e) => M.call(e) === "[object Object]", d = () => {
14
+ };
15
+ function y(e, r) {
16
+ function n(...t) {
17
+ return new Promise((o, i) => {
18
+ Promise.resolve(e(() => r.apply(this, t), { fn: r, thisArg: this, args: t })).then(o).catch(i);
19
+ });
20
+ }
21
+ return n;
22
+ }
23
+ const A = (e) => e();
24
+ function x(e, r = {}) {
25
+ let n, t, o = d;
26
+ const i = (c) => {
27
+ clearTimeout(c), o(), o = d;
28
+ };
29
+ let u;
30
+ return (c) => {
31
+ const a = b(e), l = b(r.maxWait);
32
+ return n && i(n), a <= 0 || l !== void 0 && l <= 0 ? (t && (i(t), t = null), Promise.resolve(c())) : new Promise((f, p) => {
33
+ o = r.rejectOnCancel ? p : f, u = c, l && !t && (t = setTimeout(() => {
34
+ n && i(n), t = null, f(u());
35
+ }, l)), n = setTimeout(() => {
36
+ t && i(t), t = null, f(c());
37
+ }, a);
38
+ });
39
+ };
40
+ }
41
+ function I(...e) {
42
+ let r = 0, n, t = !0, o = d, i, u, s, c, a;
43
+ !P(e[0]) && typeof e[0] == "object" ? { delay: u, trailing: s = !0, leading: c = !0, rejectOnCancel: a = !1 } = e[0] : [u, s = !0, c = !0, a = !1] = e;
44
+ const l = () => {
45
+ n && (clearTimeout(n), n = void 0, o(), o = d);
46
+ };
47
+ return (p) => {
48
+ const m = b(u), j = Date.now() - r, h = () => i = p();
49
+ return l(), m <= 0 ? (r = Date.now(), h()) : (j > m && (c || !t) ? (r = Date.now(), h()) : s && (i = new Promise((T, D) => {
50
+ o = a ? D : T, n = setTimeout(() => {
51
+ r = Date.now(), t = !0, T(h()), l();
52
+ }, Math.max(0, m - j));
53
+ })), !c && !n && (n = setTimeout(() => t = !0, m)), t = !1, i);
54
+ };
55
+ }
56
+ function z(e) {
57
+ return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
58
+ }
59
+ function L(e) {
60
+ return g();
61
+ }
62
+ function B(e) {
63
+ return Array.isArray(e) ? e : [e];
64
+ }
65
+ function H(e, r = 200, n = {}) {
66
+ return y(
67
+ x(r, n),
68
+ e
69
+ );
70
+ }
71
+ function J(e, r = 200, n = !1, t = !0, o = !1) {
72
+ return y(
73
+ I(r, n, t, o),
74
+ e
75
+ );
76
+ }
77
+ function N(e, r, n = {}) {
78
+ const {
79
+ eventFilter: t = A,
80
+ ...o
81
+ } = n;
82
+ return F(
83
+ e,
84
+ y(
85
+ t,
86
+ r
87
+ ),
88
+ o
89
+ );
90
+ }
91
+ function K(e, r = !0, n) {
92
+ L() ? S(e, n) : r ? e() : C(e);
93
+ }
94
+ function Q(e, r, n = {}) {
95
+ const {
96
+ debounce: t = 0,
97
+ maxWait: o = void 0,
98
+ ...i
99
+ } = n;
100
+ return N(
101
+ e,
102
+ r,
103
+ {
104
+ ...i,
105
+ eventFilter: x(t, { maxWait: o })
106
+ }
107
+ );
108
+ }
109
+ function U(e, r, n) {
110
+ return F(
111
+ e,
112
+ r,
113
+ {
114
+ ...n,
115
+ immediate: !0
116
+ }
117
+ );
118
+ }
5
119
  export {
6
- m as default
120
+ A as bypassFilter,
121
+ y as createFilterWrapper,
122
+ x as debounceFilter,
123
+ Q as debouncedWatch,
124
+ L as getLifeCycleTarget,
125
+ E as injectLocal,
126
+ G as isClient,
127
+ q as isObject,
128
+ d as noop,
129
+ _ as notNullish,
130
+ z as pxValue,
131
+ I as throttleFilter,
132
+ B as toArray,
133
+ K as tryOnMounted,
134
+ V as tryOnScopeDispose,
135
+ H as useDebounceFn,
136
+ J as useThrottleFn,
137
+ Q as watchDebounced,
138
+ U as watchImmediate,
139
+ N as watchWithFilter
7
140
  };
package/dist/index213.js CHANGED
@@ -1,7 +1,4 @@
1
- import { getDefaultExportFromCjs as r } from "./index301.js";
2
- import { __require as e } from "./index289.js";
3
- var t = e();
4
- const m = /* @__PURE__ */ r(t);
1
+ const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
5
2
  export {
6
- m as default
3
+ t as urlAlphabet
7
4
  };
package/dist/index214.js CHANGED
@@ -1,7 +1,4 @@
1
- import { getDefaultExportFromCjs as r } from "./index301.js";
2
- import { __require as e } from "./index291.js";
3
- var o = e();
4
- const m = /* @__PURE__ */ r(o);
1
+ const n = (t, a, m) => Math.min(Math.max(t, a), m);
5
2
  export {
6
- m as default
3
+ n as clamp
7
4
  };
package/dist/index215.js CHANGED
@@ -1,7 +1,6 @@
1
- import { getDefaultExportFromCjs as r } from "./index301.js";
2
- import { __require as t } from "./index293.js";
3
- var o = t();
4
- const a = /* @__PURE__ */ r(o);
1
+ function x(e) {
2
+ return /^#([A-Fa-f0-9]{6})$/.test(e);
3
+ }
5
4
  export {
6
- a as default
5
+ x as isHex
7
6
  };
package/dist/index216.js CHANGED
@@ -1,4 +1,15 @@
1
- const e = (t) => t;
1
+ import { locales as t } from "./index289.js";
2
+ import { _config as m } from "./index4.js";
3
+ import { get as c } from "./index290.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
12
+ });
2
13
  export {
3
- e as identity
14
+ d as useLocale
4
15
  };
package/dist/index217.js CHANGED
@@ -1,4 +1,13 @@
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 { 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
+ };
2
11
  export {
3
- n as isEmpty
12
+ i as useUntil
4
13
  };
package/dist/index218.js CHANGED
@@ -1,4 +1,22 @@
1
- const e = (t) => t[t.length - 1];
1
+ import { MaskInput as r } from "./index258.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
+ };
2
20
  export {
3
- e as last
21
+ k as vMaska
4
22
  };
package/dist/index219.js CHANGED
@@ -1,13 +1,199 @@
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());
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 "./index331.js";
3
+ import { getHueFromRGB as K } from "./index332.js";
4
+ import { hslToHex as y } from "./index333.js";
5
+ import { useLocale as Z } from "./index216.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);
7
156
  }
8
- );
9
- return t;
10
- };
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
+ });
11
197
  export {
12
- i as useUntil
198
+ ce as default
13
199
  };
package/dist/index221.js CHANGED
@@ -1,71 +1,119 @@
1
- import { defineComponent as k, ref as y, createElementBlock as C, openBlock as t, normalizeClass as N, renderSlot as n, createBlock as s, createCommentVNode as l, createVNode as a, createElementVNode as m, unref as i } from "vue";
2
- /* empty css */
3
- /* empty css */
4
- import u from "./index85.js";
5
- /* empty css */
6
- import h from "./index113.js";
7
- /* empty css */
8
- import v from "./index332.js";
9
- import B from "./index333.js";
10
- /* empty css */
11
- const E = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, R = /* @__PURE__ */ k({
12
- __name: "CommonInputInnerContainer",
13
- props: {
14
- "append:icon": {},
15
- clearable: { type: Boolean },
16
- "prepend:icon": {},
17
- preventFocus: { type: Boolean }
18
- },
19
- emits: ["click:clear"],
20
- setup(f, { emit: d }) {
21
- const p = f, b = d, o = y(), _ = (e) => {
22
- var c;
23
- if (!o.value || p.preventFocus) return;
24
- const r = e.target;
25
- r.tagName === "INPUT" || r.tagName === "TEXTAREA" || (c = o.value.querySelector("input,textarea")) == null || c.focus();
26
- }, $ = () => {
27
- var e;
28
- b("click:clear"), (e = o.value.querySelector("input,textarea")) == null || e.focus();
1
+ import { defineComponent as V, mergeModels as A, useModel as x, ref as l, watch as S, onMounted as z, computed as E, createBlock as b, openBlock as v, resolveDynamicComponent as g, normalizeStyle as F, normalizeClass as N, unref as n, withCtx as w, renderSlot as y, createCommentVNode as q, mergeProps as h, createElementVNode as C } from "vue";
2
+ import { useMinimalQueue as Q } from "./index336.js";
3
+ import { wait as U } from "./index138.js";
4
+ import { useFloating as j, arrow as G } from "./index337.js";
5
+ import { flip as H, offset as I, shift as J, hide as K, autoUpdate as L } from "./index338.js";
6
+ const O = { class: "bb-common-popover__bubble" }, ee = /* @__PURE__ */ V({
7
+ __name: "CommonPopover",
8
+ props: /* @__PURE__ */ A({
9
+ arrowPadding: {},
10
+ offset: {},
11
+ block: { type: Boolean },
12
+ padding: { default: 0 },
13
+ placement: {},
14
+ transitionDuration: { default: 250 },
15
+ containerAttributes: {},
16
+ dialog: { type: Boolean },
17
+ renderContent: { type: Boolean, default: !0 },
18
+ tag: { default: "span" },
19
+ flip: { type: Boolean, default: !0 }
20
+ }, {
21
+ modelValue: { type: Boolean, default: !1 },
22
+ modelModifiers: {}
23
+ }),
24
+ emits: ["update:modelValue"],
25
+ setup(s) {
26
+ const o = s, a = x(s, "modelValue"), i = l(), t = l(), p = l(), { floatingStyles: k, placement: _, middlewareData: r, update: M } = j(
27
+ i,
28
+ t,
29
+ {
30
+ placement: o.placement,
31
+ whileElementsMounted: L,
32
+ middleware: [
33
+ ...o.flip ? [H()] : [],
34
+ I(o.offset),
35
+ J({ padding: o.padding }),
36
+ K(),
37
+ G({
38
+ element: p,
39
+ padding: o.arrowPadding
40
+ })
41
+ ],
42
+ strategy: "fixed"
43
+ }
44
+ ), { queueFunction: B } = Q(), u = B(async (e) => {
45
+ e ? (M(), P()) : (await U(o.transitionDuration), t.value && (o.dialog ? t.value.close() : t.value.hidePopover()));
46
+ }), P = () => {
47
+ if (!t.value) return;
48
+ if (!o.dialog) return t.value.showPopover();
49
+ t.value.showModal();
29
50
  };
30
- return (e, r) => (t(), C("span", {
31
- ref_key: "container",
32
- ref: o,
33
- class: N(["bb-common-input-inner-container", {
34
- "bb-common-input-inner-container--clearable": p.clearable
51
+ S(a, u, { flush: "post" }), z(() => {
52
+ a.value && u(a.value);
53
+ });
54
+ const $ = E(() => {
55
+ if (r.value.arrow) {
56
+ const { x: e, y: d } = r.value.arrow;
57
+ return {
58
+ style: {
59
+ left: `${e}px`,
60
+ top: `${d}px`
61
+ }
62
+ };
63
+ }
64
+ }), D = () => {
65
+ a.value = !1;
66
+ };
67
+ return (e, d) => (v(), b(g(e.dialog ? "div" : e.tag), {
68
+ ref_key: "wrapper",
69
+ ref: i,
70
+ class: N(["bb-common-popover", {
71
+ "bb-common-popover--open": a.value && !!t.value,
72
+ "bb-common-popover--block": o.block,
73
+ [`bb-common-popover--${n(_)}`]: !0
35
74
  }]),
36
- onClick: _
37
- }, [
38
- n(e.$slots, "prepend", {}, () => [
39
- m("span", E, [
40
- n(e.$slots, "prefix")
41
- ])
42
- ]),
43
- e.$props["prepend:icon"] ? (t(), s(i(u), {
44
- key: 0,
45
- class: "bb-common-input-inner-container__prepend-icon",
46
- type: e.$props["prepend:icon"]
47
- }, null, 8, ["type"])) : l("", !0),
48
- n(e.$slots, "default"),
49
- a(B, {
50
- "aria-hidden": !e.clearable,
51
- tabindex: e.clearable ? 0 : -1,
52
- onClick: $
53
- }, null, 8, ["aria-hidden", "tabindex"]),
54
- e.$props["append:icon"] ? (t(), s(i(u), {
55
- key: 1,
56
- class: "bb-common-input-inner-container__append-icon",
57
- type: e.$props["append:icon"]
58
- }, null, 8, ["type"])) : l("", !0),
59
- a(v),
60
- a(i(h)),
61
- n(e.$slots, "append", {}, () => [
62
- m("span", I, [
63
- n(e.$slots, "suffix")
64
- ])
65
- ])
66
- ], 2));
75
+ style: F({
76
+ "--transition-duration": `${o.transitionDuration}ms`
77
+ })
78
+ }, {
79
+ default: w(() => {
80
+ var m, c, f;
81
+ return [
82
+ y(e.$slots, "activator"),
83
+ e.renderContent ? (v(), b(g(e.dialog ? "dialog" : e.tag), h({
84
+ key: 0,
85
+ ref_key: "content",
86
+ ref: t,
87
+ class: ["bb-common-popover__bubble-container", {
88
+ "bb-common-popover__bubble-container--open": a.value && !!t.value
89
+ }],
90
+ popover: "manual",
91
+ style: {
92
+ ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
93
+ ...n(k),
94
+ "--arrow-offset-x": Math.round(((f = (c = n(r)) == null ? void 0 : c.arrow) == null ? void 0 : f.x) ?? 0) + "px",
95
+ "--page-padding": `${e.padding}px`
96
+ },
97
+ tabindex: a.value ? void 0 : -1
98
+ }, e.containerAttributes, { onClose: n(D) }), {
99
+ default: w(() => [
100
+ C("span", h({
101
+ ref_key: "bubblearrow",
102
+ ref: p,
103
+ class: "bb-common-popover__arrow"
104
+ }, $.value), null, 16),
105
+ C("span", O, [
106
+ y(e.$slots, "default")
107
+ ])
108
+ ]),
109
+ _: 3
110
+ }, 16, ["class", "style", "tabindex", "onClose"])) : q("", !0)
111
+ ];
112
+ }),
113
+ _: 3
114
+ }, 8, ["class", "style"]));
67
115
  }
68
116
  });
69
117
  export {
70
- R as default
118
+ ee as default
71
119
  };