bitboss-ui 2.1.37 → 2.1.39

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 (162) hide show
  1. package/dist/components/BbTab/BbTab.vue.d.ts +12 -5
  2. package/dist/index.css +1 -1
  3. package/dist/index106.js +9 -9
  4. package/dist/index113.js +1 -1
  5. package/dist/index119.js +59 -58
  6. package/dist/index121.js +11 -11
  7. package/dist/index129.js +1 -1
  8. package/dist/index13.js +1 -1
  9. package/dist/index131.js +5 -5
  10. package/dist/index133.js +1 -1
  11. package/dist/index140.js +2 -2
  12. package/dist/index141.js +1 -1
  13. package/dist/index15.js +5 -5
  14. package/dist/index17.js +3 -3
  15. package/dist/index19.js +8 -8
  16. package/dist/index21.js +16 -16
  17. package/dist/index212.js +2 -138
  18. package/dist/index213.js +138 -2
  19. package/dist/index215.js +2 -10
  20. package/dist/index216.js +2 -3
  21. package/dist/index217.js +2 -13
  22. package/dist/index218.js +7 -3
  23. package/dist/index219.js +2 -4
  24. package/dist/index220.js +7 -20
  25. package/dist/index221.js +80 -191
  26. package/dist/index223.js +28 -120
  27. package/dist/index224.js +19 -0
  28. package/dist/index225.js +51 -5
  29. package/dist/index226.js +15 -5
  30. package/dist/index227.js +3 -5
  31. package/dist/index228.js +12 -5
  32. package/dist/index229.js +16 -5
  33. package/dist/index23.js +12 -12
  34. package/dist/index230.js +13 -5
  35. package/dist/index231.js +2 -2
  36. package/dist/index232.js +18 -2
  37. package/dist/index233.js +12 -2
  38. package/dist/index234.js +4 -34
  39. package/dist/index235.js +106 -2
  40. package/dist/index237.js +100 -2
  41. package/dist/index239.js +121 -2
  42. package/dist/index241.js +229 -7
  43. package/dist/index242.js +12 -50
  44. package/dist/index243.js +34 -17
  45. package/dist/index244.js +2 -106
  46. package/dist/index245.js +4 -0
  47. package/dist/index246.js +5 -100
  48. package/dist/index247.js +7 -0
  49. package/dist/index248.js +5 -13
  50. package/dist/index249.js +5 -13
  51. package/dist/index25.js +3 -3
  52. package/dist/index250.js +5 -9
  53. package/dist/index251.js +5 -23
  54. package/dist/index252.js +5 -4
  55. package/dist/index253.js +7 -22
  56. package/dist/index254.js +250 -5
  57. package/dist/index255.js +52 -5
  58. package/dist/index256.js +44 -3
  59. package/dist/index257.js +5 -8
  60. package/dist/index258.js +53 -243
  61. package/dist/index259.js +10 -52
  62. package/dist/index260.js +3 -44
  63. package/dist/index261.js +4 -5
  64. package/dist/index262.js +18 -58
  65. package/dist/index263.js +194 -180
  66. package/dist/index265.js +3 -86
  67. package/dist/index266.js +8 -0
  68. package/dist/index267.js +16 -29
  69. package/dist/index268.js +6 -14
  70. package/dist/index269.js +12 -11
  71. package/dist/index27.js +1 -1
  72. package/dist/index270.js +5 -16
  73. package/dist/index271.js +9 -9
  74. package/dist/index272.js +23 -11
  75. package/dist/index273.js +4 -18
  76. package/dist/index274.js +22 -11
  77. package/dist/index275.js +11 -229
  78. package/dist/index276.js +183 -6
  79. package/dist/index277.js +9 -16
  80. package/dist/index279.js +9 -2
  81. package/dist/index280.js +8 -9
  82. package/dist/index281.js +2 -5
  83. package/dist/index283.js +1 -1
  84. package/dist/index285.js +66 -7
  85. package/dist/index286.js +5 -67
  86. package/dist/index289.js +3 -7
  87. package/dist/index29.js +2 -2
  88. package/dist/index290.js +17 -5
  89. package/dist/index291.js +28 -3
  90. package/dist/index292.js +7 -3
  91. package/dist/index294.js +2 -280
  92. package/dist/index295.js +3 -2
  93. package/dist/index296.js +3 -125
  94. package/dist/index297.js +3 -2
  95. package/dist/index298.js +2 -15
  96. package/dist/index299.js +4 -2
  97. package/dist/index300.js +277 -13
  98. package/dist/index301.js +2 -2
  99. package/dist/index302.js +9 -9
  100. package/dist/index304.js +14 -17
  101. package/dist/index306.js +19 -2
  102. package/dist/index307.js +2 -4
  103. package/dist/index308.js +14 -5
  104. package/dist/index309.js +2 -28
  105. package/dist/index31.js +2 -2
  106. package/dist/index310.js +19 -3
  107. package/dist/index311.js +2 -3
  108. package/dist/index312.js +27 -17
  109. package/dist/index313.js +2 -19
  110. package/dist/index314.js +2 -2
  111. package/dist/index315.js +2 -27
  112. package/dist/index316.js +2 -2
  113. package/dist/index318.js +21 -1
  114. package/dist/index320.js +6 -2
  115. package/dist/index321.js +3 -22
  116. package/dist/index322.js +7 -0
  117. package/dist/index323.js +718 -3
  118. package/dist/index324.js +366 -2
  119. package/dist/index325.js +58 -718
  120. package/dist/index326.js +125 -366
  121. package/dist/index327.js +2 -58
  122. package/dist/index328.js +1 -1
  123. package/dist/index329.js +4 -0
  124. package/dist/index33.js +8 -8
  125. package/dist/index331.js +3 -2
  126. package/dist/index336.js +46 -227
  127. package/dist/index337.js +58 -7
  128. package/dist/index338.js +58 -8
  129. package/dist/index339.js +6 -5
  130. package/dist/index340.js +19 -8
  131. package/dist/index341.js +7 -58
  132. package/dist/index342.js +8 -58
  133. package/dist/index343.js +5 -46
  134. package/dist/index344.js +8 -7
  135. package/dist/index345.js +226 -17
  136. package/dist/index346.js +1 -1
  137. package/dist/index35.js +4 -4
  138. package/dist/index37.js +18 -18
  139. package/dist/index39.js +6 -6
  140. package/dist/index41.js +2 -2
  141. package/dist/index43.js +8 -8
  142. package/dist/index45.js +6 -6
  143. package/dist/index49.js +1 -1
  144. package/dist/index53.js +1 -1
  145. package/dist/index55.js +1 -1
  146. package/dist/index57.js +2 -2
  147. package/dist/index61.js +3 -3
  148. package/dist/index67.js +1 -1
  149. package/dist/index79.js +6 -6
  150. package/dist/index81.js +1 -1
  151. package/dist/index83.js +2 -2
  152. package/dist/index85.js +3 -3
  153. package/dist/index90.js +3 -3
  154. package/dist/index92.js +2 -2
  155. package/dist/index94.js +5 -5
  156. package/package.json +1 -1
  157. package/dist/index236.js +0 -6
  158. package/dist/index238.js +0 -4
  159. package/dist/index240.js +0 -9
  160. package/dist/index264.js +0 -9
  161. package/dist/index319.js +0 -4
  162. package/dist/index330.js +0 -5
package/dist/index213.js CHANGED
@@ -1,4 +1,140 @@
1
- const t = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
1
+ import { onMounted as O, nextTick as W, getCurrentScope as S, onScopeDispose as C, watch as F, getCurrentInstance as g, isRef as P, toValue as b, hasInjectionContext as k, inject as v } from "vue";
2
+ function V(e) {
3
+ return S() ? (C(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() ? O(e, n) : r ? e() : W(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
+ }
2
119
  export {
3
- t as urlAlphabet
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
4
140
  };
package/dist/index215.js CHANGED
@@ -1,12 +1,4 @@
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
- };
1
+ const o = (e) => e[0];
10
2
  export {
11
- o as pickBy
3
+ o as head
12
4
  };
package/dist/index216.js CHANGED
@@ -1,5 +1,4 @@
1
- const o = () => {
2
- };
1
+ const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
3
2
  export {
4
- o as noop
3
+ s as isCssColor
5
4
  };
package/dist/index217.js CHANGED
@@ -1,15 +1,4 @@
1
- import { locales as t } from "./index289.js";
2
- import { _config as m } from "./index4.js";
3
- import { get as c } from "./index272.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
- });
1
+ const r = (e) => typeof e > "u" || e === null;
13
2
  export {
14
- d as useLocale
3
+ r as isNil
15
4
  };
package/dist/index218.js CHANGED
@@ -1,5 +1,9 @@
1
- import r from "./index290.js";
2
- const t = r;
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
+ };
3
7
  export {
4
- t as deburr
8
+ s as snapToStep
5
9
  };
package/dist/index219.js CHANGED
@@ -1,6 +1,4 @@
1
- function x(e) {
2
- return /^#([A-Fa-f0-9]{6})$/.test(e);
3
- }
1
+ const e = (t) => t[t.length - 1];
4
2
  export {
5
- x as isHex
3
+ e as last
6
4
  };
package/dist/index220.js CHANGED
@@ -1,22 +1,9 @@
1
- import { MaskInput as r } from "./index263.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
- };
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);
6
+ }
20
7
  export {
21
- k as vMaska
8
+ o as transpose
22
9
  };
package/dist/index221.js CHANGED
@@ -1,199 +1,88 @@
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 "./index338.js";
3
- import { getHueFromRGB as K } from "./index339.js";
4
- import { hslToHex as y } from "./index340.js";
5
- import { useLocale as Z } from "./index217.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",
1
+ import { defineComponent as h, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as t, createCommentVNode as p, createTextVNode as o, toDisplayString as d, unref as b, Fragment as m, renderList as u } from "vue";
2
+ import { useLocale as g } from "./index230.js";
3
+ const k = { class: "bb-cr-container__container" }, y = {
4
+ key: 0,
5
+ class: "bb-cr-container__loading-container"
6
+ }, $ = {
7
+ key: 1,
8
+ class: "bb-cr-container__no-data-container"
9
+ }, C = /* @__PURE__ */ h({
10
+ __name: "OptionsContainer",
16
11
  props: {
17
- modelValue: {}
12
+ direction: {},
13
+ hasErrors: { type: Boolean },
14
+ hideLabel: { type: Boolean },
15
+ loadingText: {},
16
+ loading: { type: Boolean },
17
+ noDataText: {},
18
+ options: {}
18
19
  },
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("span", {
158
- ref_key: "paletteRef",
159
- ref: O,
160
- "aria-label": "Color Picker",
161
- class: "bb-color-palette",
162
- role: "application"
20
+ setup(f) {
21
+ const { t: i } = g();
22
+ return (a, T) => (s(), n("span", {
23
+ ref: "container",
24
+ class: r(["bb-cr-container", {
25
+ "bb-cr-container--errors": a.hasErrors,
26
+ "bb-cr-container--horizontal": a.direction === "horizontal",
27
+ "bb-cr-container--vertical": a.direction === "vertical"
28
+ }])
163
29
  }, [
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("span", 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("span", 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)
30
+ l("span", k, [
31
+ t(a.$slots, "prepend"),
32
+ !a.options.length && a.loading ? (s(), n("span", y, [
33
+ t(a.$slots, "loading", {}, () => [
34
+ o(d(a.loadingText || b(i)("common.loadingText")), 1)
35
+ ])
36
+ ])) : a.options.length ? p("", !0) : (s(), n("span", $, [
37
+ t(a.$slots, "no-data", {}, () => [
38
+ o(d(a.noDataText || b(i)("common.noDataText")), 1)
39
+ ])
40
+ ])),
41
+ (s(!0), n(m, null, u(a.options, (e, c) => (s(), n(m, {
42
+ key: (e == null ? void 0 : e.valueHash) || c
43
+ }, [
44
+ t(a.$slots, "option:prepend", {
45
+ id: e.valueHash,
46
+ checked: !!e.selected,
47
+ disabled: !!e.disabled,
48
+ item: e.item,
49
+ text: e.text
50
+ }),
51
+ l("label", {
52
+ class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
53
+ }, [
54
+ t(a.$slots, "input", {
55
+ index: c,
56
+ option: e
57
+ }),
58
+ l("span", {
59
+ class: r({
60
+ "bb-cr-container-option__text": !0,
61
+ "sr-only": a.hideLabel
62
+ })
63
+ }, [
64
+ t(a.$slots, "label", {
65
+ checked: !!e.selected,
66
+ item: e.item,
67
+ text: e.text
68
+ }, () => [
69
+ o(d(e.text), 1)
70
+ ])
71
+ ], 2)
72
+ ], 2),
73
+ t(a.$slots, "option:append", {
74
+ id: e.valueHash,
75
+ checked: !!e.selected,
76
+ disabled: !!e.disabled,
77
+ item: e.item,
78
+ text: e.text
79
+ })
80
+ ], 64))), 128)),
81
+ t(a.$slots, "append")
193
82
  ])
194
- ], 512));
83
+ ], 2));
195
84
  }
196
85
  });
197
86
  export {
198
- ce as default
87
+ C as default
199
88
  };
package/dist/index223.js CHANGED
@@ -1,123 +1,31 @@
1
- import { defineComponent as $, mergeModels as D, useModel as E, ref as p, computed as i, watch as V, onMounted as L, createBlock as T, openBlock as w, resolveDynamicComponent as F, mergeProps as g, unref as h, withModifiers as A, withCtx as N, createElementVNode as S, createElementBlock as U, createCommentVNode as I, renderSlot as X, nextTick as j } from "vue";
2
- import { useCancelableFunction as q } from "./index332.js";
3
- import { useUntil as z } from "./index249.js";
4
- import { extractDomContainer as G } from "./index252.js";
5
- import { waitFor as H } from "./index333.js";
6
- import { useFloating as J, arrow as K } from "./index334.js";
7
- import { flip as O, offset as Q, shift as R, hide as W, autoUpdate as Y } from "./index335.js";
8
- const Z = {
9
- key: 0,
10
- class: "bb-common-popover__bubble"
11
- }, se = /* @__PURE__ */ $({
12
- __name: "CommonPopover2",
13
- props: /* @__PURE__ */ D({
14
- arrowPadding: {},
15
- eager: { type: Boolean },
16
- offset: {},
17
- padding: { default: 0 },
18
- placement: {},
19
- transitionDuration: { default: 250 },
20
- anchor: {},
21
- dialog: { type: Boolean },
22
- tag: { default: "span" },
23
- flip: { type: Boolean, default: !0 }
24
- }, {
25
- modelValue: { type: Boolean, default: !1 },
26
- modelModifiers: {}
27
- }),
28
- emits: ["update:modelValue"],
29
- setup(c) {
30
- const e = c, a = E(c, "modelValue"), u = p(a.value), x = i(() => e.dialog ? "dialog" : "span"), t = p(), m = p(), y = i(() => G(e.anchor)), _ = z(a, { initialValue: e.eager }), { floatingStyles: C, placement: P, middlewareData: d, update: f } = J(
31
- y,
32
- t,
33
- {
34
- placement: e.placement,
35
- whileElementsMounted: Y,
36
- middleware: [
37
- ...e.flip ? [O()] : [],
38
- Q(e.offset),
39
- R({ padding: e.padding }),
40
- W(),
41
- K({
42
- element: m,
43
- padding: e.arrowPadding
44
- })
45
- ],
46
- strategy: "fixed"
1
+ import { ref as a, computed as s, unref as v } from "vue";
2
+ import { useDebounceFn as f } from "./index213.js";
3
+ const p = (u) => {
4
+ const e = a(0), r = s(() => v(u.items)), t = a([]), n = async (...l) => {
5
+ if (Array.isArray(r.value))
6
+ t.value = r.value;
7
+ else if (typeof r.value == "function") {
8
+ const i = ++e.value;
9
+ try {
10
+ const o = await r.value(...l);
11
+ if (i < e.value) {
12
+ e.value--;
13
+ return;
14
+ } else
15
+ t.value = o;
16
+ } catch (o) {
17
+ console.error(o);
47
18
  }
48
- ), { execute: v } = q(
49
- ({ signal: o }, r) => new Promise((l) => {
50
- let s;
51
- const n = () => {
52
- s && clearTimeout(s);
53
- };
54
- o.addEventListener("abort", n), r ? (k(), f(), H(() => !!t.value).then(() => {
55
- u.value = !0, o.removeEventListener("abort", n), l(void 0);
56
- })) : (u.value = !1, s = setTimeout(() => {
57
- j(() => {
58
- t.value && (e.dialog ? t.value.close() : t.value.hidePopover()), o.removeEventListener("abort", n), f(), l(void 0);
59
- });
60
- }, e.transitionDuration));
61
- })
62
- ), k = () => {
63
- if (!t.value) return;
64
- if (!e.dialog) return t.value.showPopover();
65
- t.value.showModal();
66
- };
67
- V(a, v), L(() => {
68
- a.value && v(a.value);
69
- });
70
- const M = i(() => {
71
- var n;
72
- const o = a.value ? void 0 : -1, r = Math.round(((n = d.value.arrow) == null ? void 0 : n.x) ?? 0), l = e.dialog ? void 0 : "manual";
73
- return {
74
- style: {
75
- ...C.value,
76
- "--transition-duration": `${e.transitionDuration}ms`,
77
- "--page-padding": `${e.padding}px`,
78
- "--arrow-offset-x": `${r}px`
79
- },
80
- popover: l,
81
- tabindex: o
82
- };
83
- }), B = i(() => {
84
- if (d.value.arrow) {
85
- const { x: o, y: r } = d.value.arrow;
86
- return {
87
- style: {
88
- left: `${o}px`,
89
- top: `${r}px`
90
- }
91
- };
92
- }
93
- }), b = () => {
94
- a.value = !1;
95
- };
96
- return (o, r) => (w(), T(F(x.value), g({
97
- ref_key: "wrapper",
98
- ref: t,
99
- class: ["bb-common-popover", {
100
- "bb-common-popover--open": u.value,
101
- [`bb-common-popover--${h(P)}`]: !0
102
- }]
103
- }, M.value, {
104
- onClick: A(b, ["self"]),
105
- onClose: b
106
- }), {
107
- default: N(() => [
108
- S("span", g({
109
- ref_key: "bubblearrow",
110
- ref: m,
111
- class: "bb-common-popover__arrow"
112
- }, B.value), null, 16),
113
- h(_) ? (w(), U("span", Z, [
114
- X(o.$slots, "default")
115
- ])) : I("", !0)
116
- ]),
117
- _: 3
118
- }, 16, ["class"]));
119
- }
120
- });
19
+ e.value--;
20
+ }
21
+ }, c = f(n, u.debounce || 0);
22
+ return {
23
+ getter: n,
24
+ debouncedGetter: c,
25
+ items: t,
26
+ loading: s(() => !!e.value)
27
+ };
28
+ };
121
29
  export {
122
- se as default
30
+ p as useItemsGetter
123
31
  };