bitboss-ui 2.1.23 → 2.1.24

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 (178) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index106.js +9 -9
  3. package/dist/index111.js +1 -1
  4. package/dist/index113.js +1 -1
  5. package/dist/index121.js +12 -12
  6. package/dist/index129.js +1 -1
  7. package/dist/index13.js +1 -1
  8. package/dist/index131.js +4 -4
  9. package/dist/index136.js +1 -1
  10. package/dist/index138.js +1 -1
  11. package/dist/index15.js +8 -8
  12. package/dist/index17.js +3 -3
  13. package/dist/index19.js +8 -8
  14. package/dist/index207.js +2 -2
  15. package/dist/index208.js +2 -2
  16. package/dist/index209.js +2 -69
  17. package/dist/index21.js +16 -16
  18. package/dist/index210.js +4 -0
  19. package/dist/index211.js +2 -13
  20. package/dist/index212.js +13 -2
  21. package/dist/index213.js +4 -2
  22. package/dist/index214.js +11 -2
  23. package/dist/index215.js +20 -2
  24. package/dist/index216.js +196 -12
  25. package/dist/index218.js +69 -11
  26. package/dist/index220.js +13 -4
  27. package/dist/index221.js +114 -3
  28. package/dist/index223.js +4 -2
  29. package/dist/index224.js +11 -16
  30. package/dist/index225.js +2 -12
  31. package/dist/index226.js +2 -51
  32. package/dist/index227.js +6 -14
  33. package/dist/index228.js +2 -12
  34. package/dist/index229.js +7 -17
  35. package/dist/index23.js +15 -15
  36. package/dist/index230.js +86 -29
  37. package/dist/index232.js +29 -6
  38. package/dist/index233.js +16 -106
  39. package/dist/index234.js +19 -0
  40. package/dist/index235.js +50 -99
  41. package/dist/index236.js +17 -0
  42. package/dist/index237.js +3 -114
  43. package/dist/index238.js +14 -0
  44. package/dist/index239.js +5 -229
  45. package/dist/index240.js +5 -34
  46. package/dist/index241.js +5 -86
  47. package/dist/index242.js +7 -0
  48. package/dist/index243.js +5 -10
  49. package/dist/index244.js +5 -3
  50. package/dist/index245.js +5 -2
  51. package/dist/index246.js +8 -7
  52. package/dist/index247.js +250 -7
  53. package/dist/index248.js +52 -5
  54. package/dist/index249.js +44 -5
  55. package/dist/index25.js +3 -3
  56. package/dist/index250.js +4 -4
  57. package/dist/index251.js +60 -5
  58. package/dist/index252.js +2 -5
  59. package/dist/index253.js +18 -5
  60. package/dist/index254.js +12 -5
  61. package/dist/index255.js +5 -7
  62. package/dist/index256.js +101 -245
  63. package/dist/index258.js +96 -40
  64. package/dist/index260.js +223 -54
  65. package/dist/index261.js +33 -8
  66. package/dist/index262.js +5 -23
  67. package/dist/index263.js +3 -5
  68. package/dist/index264.js +9 -19
  69. package/dist/index265.js +3 -4
  70. package/dist/index266.js +180 -194
  71. package/dist/index267.js +8 -0
  72. package/dist/index268.js +16 -3
  73. package/dist/index269.js +9 -3
  74. package/dist/index27.js +1 -1
  75. package/dist/index270.js +23 -6
  76. package/dist/index271.js +3 -16
  77. package/dist/index273.js +2 -9
  78. package/dist/index274.js +9 -8
  79. package/dist/index275.js +7 -66
  80. package/dist/index277.js +67 -2
  81. package/dist/index278.js +1 -1
  82. package/dist/index279.js +1 -1
  83. package/dist/index280.js +7 -3
  84. package/dist/index282.js +3 -7
  85. package/dist/index283.js +3 -7
  86. package/dist/index285.js +7 -4
  87. package/dist/index286.js +3 -4
  88. package/dist/index287.js +4 -2
  89. package/dist/index288.js +4 -3
  90. package/dist/index289.js +3 -17
  91. package/dist/index29.js +4 -4
  92. package/dist/index290.js +14 -25
  93. package/dist/index291.js +28 -3
  94. package/dist/index292.js +280 -3
  95. package/dist/index293.js +2 -3
  96. package/dist/index294.js +16 -2
  97. package/dist/index295.js +2 -280
  98. package/dist/index296.js +16 -2
  99. package/dist/index297.js +2 -16
  100. package/dist/index298.js +19 -2
  101. package/dist/index299.js +2 -16
  102. package/dist/index300.js +15 -2
  103. package/dist/index301.js +2 -19
  104. package/dist/index302.js +19 -2
  105. package/dist/index303.js +2 -15
  106. package/dist/index304.js +27 -2
  107. package/dist/index305.js +2 -19
  108. package/dist/index306.js +2 -2
  109. package/dist/index307.js +2 -27
  110. package/dist/index308.js +2 -2
  111. package/dist/index309.js +1 -1
  112. package/dist/index31.js +2 -2
  113. package/dist/index310.js +21 -1
  114. package/dist/index312.js +1 -1
  115. package/dist/index313.js +6 -22
  116. package/dist/index314.js +5 -0
  117. package/dist/index315.js +3 -6
  118. package/dist/index316.js +2 -125
  119. package/dist/index317.js +125 -2
  120. package/dist/index318.js +2 -3
  121. package/dist/index319.js +4 -4
  122. package/dist/index320.js +718 -5
  123. package/dist/index321.js +363 -715
  124. package/dist/index322.js +58 -366
  125. package/dist/index323.js +5 -58
  126. package/dist/index324.js +8 -2
  127. package/dist/index325.js +5 -32
  128. package/dist/index326.js +8 -28
  129. package/dist/index327.js +4 -0
  130. package/dist/index328.js +47 -58
  131. package/dist/index329.js +33 -33
  132. package/dist/index33.js +8 -8
  133. package/dist/index330.js +57 -128
  134. package/dist/index331.js +6 -368
  135. package/dist/index332.js +17 -45
  136. package/dist/index333.js +128 -6
  137. package/dist/index334.js +368 -6
  138. package/dist/index335.js +5 -17
  139. package/dist/index336.js +32 -7
  140. package/dist/index337.js +28 -6
  141. package/dist/index339.js +221 -86
  142. package/dist/index340.js +86 -221
  143. package/dist/{index346.js → index341.js} +1 -1
  144. package/dist/index342.js +129 -3
  145. package/dist/index343.js +47 -126
  146. package/dist/index347.js +3 -50
  147. package/dist/index35.js +4 -4
  148. package/dist/index37.js +20 -20
  149. package/dist/index39.js +7 -7
  150. package/dist/index41.js +2 -2
  151. package/dist/index43.js +8 -8
  152. package/dist/index45.js +8 -8
  153. package/dist/index47.js +2 -2
  154. package/dist/index49.js +3 -3
  155. package/dist/index53.js +1 -1
  156. package/dist/index55.js +1 -1
  157. package/dist/index57.js +2 -2
  158. package/dist/index61.js +3 -3
  159. package/dist/index67.js +1 -1
  160. package/dist/index79.js +4 -4
  161. package/dist/index81.js +1 -1
  162. package/dist/index83.js +2 -2
  163. package/dist/index85.js +1 -1
  164. package/dist/index87.js +1 -1
  165. package/dist/index90.js +3 -3
  166. package/dist/index92.js +1 -1
  167. package/dist/index94.js +3 -3
  168. package/dist/index96.js +1 -1
  169. package/package.json +2 -2
  170. package/dist/index217.js +0 -15
  171. package/dist/index219.js +0 -185
  172. package/dist/index222.js +0 -4
  173. package/dist/index231.js +0 -18
  174. package/dist/index257.js +0 -54
  175. package/dist/index259.js +0 -7
  176. package/dist/index311.js +0 -4
  177. package/dist/index338.js +0 -10
  178. /package/dist/{index284.js → index281.js} +0 -0
package/dist/index15.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import { defineComponent as I, ref as u, computed as L, createBlock as c, openBlock as m, normalizeClass as M, withCtx as t, createVNode as b, unref as i, createCommentVNode as _, withDirectives as N, createElementVNode as d, mergeProps as q, renderSlot as r, withModifiers as z, normalizeStyle as U } from "vue";
2
- import { isHex as F } from "./index265.js";
2
+ import { isHex as F } from "./index213.js";
3
3
  import { isNotNil as S } from "./index140.js";
4
4
  import { useId as A } from "./index8.js";
5
- import { useLocale as K } from "./index216.js";
6
- import { useUntil as O } from "./index218.js";
7
- import { vMaska as P } from "./index264.js";
8
- import T from "./index266.js";
5
+ import { useLocale as K } from "./index212.js";
6
+ import { useUntil as O } from "./index214.js";
7
+ import { vMaska as P } from "./index215.js";
8
+ import T from "./index216.js";
9
9
  /* empty css */
10
- import j from "./index209.js";
10
+ import j from "./index218.js";
11
11
  /* empty css */
12
- import G from "./index211.js";
13
- import J from "./index237.js";
12
+ import G from "./index220.js";
13
+ import J from "./index221.js";
14
14
  /* empty css */
15
15
  const Q = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], R = ["aria-label"], W = { class: "bb-common-input-inner-container__suffix" }, de = /* @__PURE__ */ I({
16
16
  __name: "BaseColorInput",
package/dist/index17.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as E, ref as m, computed as n, watch as _, createElementBlock as p, openBlock as h, normalizeProps as i, guardReactiveProps as f, createCommentVNode as I, createElementVNode as l, mergeProps as k, renderSlot as F } from "vue";
2
- import { isCssColor as y } from "./index215.js";
3
- import { when as N } from "./index220.js";
4
- import { booleanishToBoolean as S } from "./index213.js";
2
+ import { isCssColor as y } from "./index211.js";
3
+ import { when as N } from "./index223.js";
4
+ import { booleanishToBoolean as S } from "./index209.js";
5
5
  const A = {
6
6
  "aria-hidden": "true",
7
7
  class: "bb-base-checkbox-container"
package/dist/index19.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import { defineComponent as j, ref as k, toRef as d, createBlock as z, openBlock as G, unref as B, withCtx as s, renderSlot as l, normalizeProps as b, guardReactiveProps as v, createVNode as R, mergeProps as T } from "vue";
2
2
  import W from "./index17.js";
3
3
  /* empty css */
4
- import K from "./index241.js";
4
+ import K from "./index230.js";
5
5
  /* empty css */
6
- import { useItemsGetter as N } from "./index230.js";
7
- import { useIndexById as w } from "./index229.js";
8
- import { useBaseOptions as U } from "./index226.js";
9
- import { useCoherence as q } from "./index227.js";
10
- import { hash as J } from "./index221.js";
11
- import { useHashedWatcher as C } from "./index228.js";
12
- import { usePrefill as Q } from "./index231.js";
6
+ import { useItemsGetter as N } from "./index232.js";
7
+ import { useIndexById as w } from "./index234.js";
8
+ import { useBaseOptions as U } from "./index235.js";
9
+ import { useCoherence as q } from "./index236.js";
10
+ import { hash as J } from "./index237.js";
11
+ import { useHashedWatcher as C } from "./index238.js";
12
+ import { usePrefill as Q } from "./index233.js";
13
13
  const de = /* @__PURE__ */ j({
14
14
  __name: "BaseCheckboxGroup",
15
15
  props: {
package/dist/index207.js CHANGED
@@ -1,4 +1,4 @@
1
- const n = (t, a, m) => Math.min(Math.max(t, a), m);
1
+ const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
2
2
  export {
3
- n as clamp
3
+ t as urlAlphabet
4
4
  };
package/dist/index208.js CHANGED
@@ -1,4 +1,4 @@
1
- const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
1
+ const n = (t, a, m) => Math.min(Math.max(t, a), m);
2
2
  export {
3
- t as urlAlphabet
3
+ n as clamp
4
4
  };
package/dist/index209.js CHANGED
@@ -1,71 +1,4 @@
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 "./index325.js";
9
- import B from "./index326.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();
29
- };
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
35
- }]),
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));
67
- }
68
- });
1
+ const o = (e) => typeof e == "boolean" ? e : e === "true";
69
2
  export {
70
- R as default
3
+ o as booleanishToBoolean
71
4
  };
package/dist/index21.js CHANGED
@@ -5,22 +5,22 @@ import { _config as C } from "./index4.js";
5
5
  import { useId as F } from "./index8.js";
6
6
  import f from "./index13.js";
7
7
  /* empty css */
8
- import s from "./index248.js";
9
- import G from "./index249.js";
10
- import J from "./index250.js";
11
- import K from "./index251.js";
12
- import Q from "./index252.js";
13
- import X from "./index253.js";
14
- import ee from "./index254.js";
15
- import { hash as M } from "./index221.js";
16
- import { last as ae } from "./index223.js";
17
- import { useLogger as te } from "./index255.js";
18
- import oe from "./index256.js";
19
- import le from "./index257.js";
20
- import re from "./index258.js";
21
- import B from "./index259.js";
22
- import se from "./index260.js";
23
- import { useLocale as de } from "./index216.js";
8
+ import s from "./index239.js";
9
+ import G from "./index240.js";
10
+ import J from "./index241.js";
11
+ import K from "./index242.js";
12
+ import Q from "./index243.js";
13
+ import X from "./index244.js";
14
+ import ee from "./index245.js";
15
+ import { hash as M } from "./index237.js";
16
+ import { last as ae } from "./index228.js";
17
+ import { useLogger as te } from "./index246.js";
18
+ import oe from "./index247.js";
19
+ import le from "./index248.js";
20
+ import re from "./index249.js";
21
+ import B from "./index250.js";
22
+ import se from "./index251.js";
23
+ import { useLocale as de } from "./index212.js";
24
24
  const ie = { class: "bb-base-date-picker" }, ne = { class: "bb-base-date-picker__body" }, ue = { class: "bb-base-date-picker__controls" }, me = { class: "sr-only" }, pe = { class: "sr-only" }, ce = { class: "sr-only" }, fe = {
25
25
  style: { transform: "rotate(180deg)" },
26
26
  viewBox: "0 0 24 24",
@@ -0,0 +1,4 @@
1
+ const e = (t) => t;
2
+ export {
3
+ e as identity
4
+ };
package/dist/index211.js CHANGED
@@ -1,15 +1,4 @@
1
- import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
2
- /* empty css */
3
- import r from "./index282.js";
4
- const s = {}, c = { class: "bb-common-input-outer-container" };
5
- function p(o, a) {
6
- return n(), t("span", c, [
7
- e(o.$slots, "prepend-outer"),
8
- e(o.$slots, "default"),
9
- e(o.$slots, "append-outer")
10
- ]);
11
- }
12
- const i = /* @__PURE__ */ r(s, [["render", p]]);
1
+ const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
13
2
  export {
14
- i as default
3
+ s as isCssColor
15
4
  };
package/dist/index212.js CHANGED
@@ -1,4 +1,15 @@
1
- const r = (e) => typeof e > "u" || e === null;
1
+ import { locales as t } from "./index280.js";
2
+ import { _config as m } from "./index4.js";
3
+ import { get as c } from "./index281.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
- r as isNil
14
+ d as useLocale
4
15
  };
package/dist/index213.js CHANGED
@@ -1,4 +1,6 @@
1
- const o = (e) => typeof e == "boolean" ? e : e === "true";
1
+ function x(e) {
2
+ return /^#([A-Fa-f0-9]{6})$/.test(e);
3
+ }
2
4
  export {
3
- o as booleanishToBoolean
5
+ x as isHex
4
6
  };
package/dist/index214.js CHANGED
@@ -1,4 +1,13 @@
1
- const e = (t) => t;
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
- e as identity
12
+ i as useUntil
4
13
  };
package/dist/index215.js CHANGED
@@ -1,4 +1,22 @@
1
- const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
1
+ import { MaskInput as r } from "./index266.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
- s as isCssColor
21
+ k as vMaska
4
22
  };
package/dist/index216.js CHANGED
@@ -1,15 +1,199 @@
1
- import { locales as t } from "./index283.js";
2
- import { _config as m } from "./index4.js";
3
- import { get as c } from "./index284.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
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 "./index324.js";
3
+ import { getHueFromRGB as K } from "./index325.js";
4
+ import { hslToHex as y } from "./index326.js";
5
+ import { useLocale as Z } from "./index212.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
+ }
12
196
  });
13
197
  export {
14
- d as useLocale
198
+ ce as default
15
199
  };
package/dist/index218.js CHANGED
@@ -1,13 +1,71 @@
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
- };
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 "./index336.js";
9
+ import B from "./index337.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();
29
+ };
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
35
+ }]),
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));
67
+ }
68
+ });
11
69
  export {
12
- i as useUntil
70
+ R as default
13
71
  };
package/dist/index220.js CHANGED
@@ -1,6 +1,15 @@
1
- import { curry as e } from "./index286.js";
2
- const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
1
+ import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
2
+ /* empty css */
3
+ import r from "./index285.js";
4
+ const s = {}, c = { class: "bb-common-input-outer-container" };
5
+ function p(o, a) {
6
+ return n(), t("span", c, [
7
+ e(o.$slots, "prepend-outer"),
8
+ e(o.$slots, "default"),
9
+ e(o.$slots, "append-outer")
10
+ ]);
11
+ }
12
+ const i = /* @__PURE__ */ r(s, [["render", p]]);
3
13
  export {
4
- t as baseWhen,
5
- s as when
14
+ i as default
6
15
  };