bitboss-ui 2.1.2 → 2.1.3

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 (181) 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 +11 -11
  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 +10 -20
  10. package/dist/index137.js +2 -2
  11. package/dist/index138.js +1 -1
  12. package/dist/index139.js +2 -2
  13. package/dist/index15.js +8 -8
  14. package/dist/index17.js +3 -3
  15. package/dist/index19.js +8 -8
  16. package/dist/index206.js +2 -138
  17. package/dist/index207.js +2 -2
  18. package/dist/index208.js +138 -2
  19. package/dist/index209.js +12 -85
  20. package/dist/index21.js +16 -16
  21. package/dist/index210.js +15 -0
  22. package/dist/index211.js +9 -27
  23. package/dist/index212.js +86 -17
  24. package/dist/index214.js +26 -12
  25. package/dist/index215.js +17 -3
  26. package/dist/index216.js +50 -11
  27. package/dist/index217.js +13 -14
  28. package/dist/index218.js +3 -4
  29. package/dist/index219.js +12 -13
  30. package/dist/index220.js +15 -10
  31. package/dist/index221.js +2 -20
  32. package/dist/index222.js +100 -191
  33. package/dist/index224.js +95 -61
  34. package/dist/index226.js +65 -12
  35. package/dist/index228.js +15 -0
  36. package/dist/index229.js +2 -34
  37. package/dist/index23.js +15 -15
  38. package/dist/index230.js +5 -2
  39. package/dist/index231.js +5 -2
  40. package/dist/index232.js +5 -18
  41. package/dist/index233.js +5 -12
  42. package/dist/index234.js +5 -6
  43. package/dist/index235.js +5 -4
  44. package/dist/index236.js +2 -106
  45. package/dist/index237.js +22 -0
  46. package/dist/index238.js +108 -95
  47. package/dist/index240.js +2 -228
  48. package/dist/index241.js +4 -3
  49. package/dist/index242.js +2 -2
  50. package/dist/index243.js +34 -2
  51. package/dist/index244.js +2 -13
  52. package/dist/index245.js +2 -5
  53. package/dist/index246.js +7 -5
  54. package/dist/index247.js +7 -5
  55. package/dist/index248.js +3 -5
  56. package/dist/index249.js +4 -5
  57. package/dist/index25.js +3 -3
  58. package/dist/index250.js +197 -5
  59. package/dist/index252.js +5 -2
  60. package/dist/index253.js +5 -177
  61. package/dist/index254.js +8 -10
  62. package/dist/index255.js +250 -3
  63. package/dist/index256.js +52 -5
  64. package/dist/index257.js +44 -5
  65. package/dist/index258.js +5 -8
  66. package/dist/index259.js +53 -243
  67. package/dist/index260.js +16 -50
  68. package/dist/index261.js +12 -44
  69. package/dist/index262.js +6 -5
  70. package/dist/index263.js +222 -54
  71. package/dist/index264.js +10 -2
  72. package/dist/index265.js +3 -9
  73. package/dist/index266.js +177 -8
  74. package/dist/index269.js +3 -9
  75. package/dist/index27.js +1 -1
  76. package/dist/index270.js +6 -3
  77. package/dist/index271.js +16 -6
  78. package/dist/index272.js +9 -16
  79. package/dist/index274.js +7 -65
  80. package/dist/index275.js +8 -5
  81. package/dist/index276.js +67 -5
  82. package/dist/index277.js +5 -8
  83. package/dist/index278.js +5 -3
  84. package/dist/index279.js +8 -17
  85. package/dist/index280.js +3 -28
  86. package/dist/index281.js +17 -3
  87. package/dist/index282.js +28 -3
  88. package/dist/index283.js +9 -0
  89. package/dist/index284.js +11 -7
  90. package/dist/index285.js +1 -1
  91. package/dist/index286.js +3 -7
  92. package/dist/index287.js +3 -11
  93. package/dist/index289.js +7 -2
  94. package/dist/index29.js +4 -4
  95. package/dist/index290.js +4 -3
  96. package/dist/index291.js +280 -3
  97. package/dist/index292.js +2 -2
  98. package/dist/index293.js +125 -4
  99. package/dist/index294.js +2 -5
  100. package/dist/index295.js +13 -278
  101. package/dist/index296.js +2 -2
  102. package/dist/index297.js +12 -121
  103. package/dist/index298.js +2 -2
  104. package/dist/index299.js +11 -10
  105. package/dist/index301.js +15 -12
  106. package/dist/index303.js +3 -16
  107. package/dist/index304.js +2 -2
  108. package/dist/index305.js +4 -19
  109. package/dist/index306.js +6 -2
  110. package/dist/index307.js +5 -6
  111. package/dist/index308.js +3 -19
  112. package/dist/index309.js +19 -2
  113. package/dist/index31.js +2 -2
  114. package/dist/index310.js +2 -27
  115. package/dist/index311.js +27 -2
  116. package/dist/index312.js +2 -2
  117. package/dist/index313.js +1 -1
  118. package/dist/index314.js +1 -1
  119. package/dist/index315.js +1 -1
  120. package/dist/index316.js +1 -21
  121. package/dist/index317.js +24 -0
  122. package/dist/index319.js +2 -701
  123. package/dist/index320.js +5 -354
  124. package/dist/index321.js +701 -58
  125. package/dist/index322.js +354 -8
  126. package/dist/index323.js +57 -5
  127. package/dist/index324.js +2 -8
  128. package/dist/index325.js +57 -32
  129. package/dist/index326.js +57 -27
  130. package/dist/index327.js +9 -0
  131. package/dist/index328.js +228 -2
  132. package/dist/index329.js +123 -222
  133. package/dist/index33.js +8 -8
  134. package/dist/index330.js +367 -56
  135. package/dist/index331.js +32 -57
  136. package/dist/index332.js +28 -47
  137. package/dist/index334.js +44 -366
  138. package/dist/index335.js +7 -6
  139. package/dist/index336.js +5 -18
  140. package/dist/index337.js +8 -7
  141. package/dist/index338.js +6 -92
  142. package/dist/index339.js +21 -0
  143. package/dist/index340.js +93 -3
  144. package/dist/index343.js +3 -436
  145. package/dist/index344.js +422 -113
  146. package/dist/index345.js +123 -43
  147. package/dist/{index342.js → index346.js} +1 -1
  148. package/dist/index347.js +49 -0
  149. package/dist/index35.js +4 -4
  150. package/dist/index37.js +20 -20
  151. package/dist/index39.js +177 -167
  152. package/dist/index41.js +2 -2
  153. package/dist/index43.js +8 -8
  154. package/dist/index45.js +8 -8
  155. package/dist/index47.js +2 -2
  156. package/dist/index49.js +3 -3
  157. package/dist/index53.js +1 -1
  158. package/dist/index55.js +1 -1
  159. package/dist/index57.js +2 -2
  160. package/dist/index61.js +3 -3
  161. package/dist/index67.js +1 -1
  162. package/dist/index79.js +2 -2
  163. package/dist/index81.js +1 -1
  164. package/dist/index83.js +2 -2
  165. package/dist/index85.js +1 -1
  166. package/dist/index87.js +1 -1
  167. package/dist/index90.js +3 -3
  168. package/dist/index92.js +2 -2
  169. package/dist/index94.js +3 -3
  170. package/dist/index96.js +1 -1
  171. package/dist/utilities/functions/percentage.d.ts +14 -21
  172. package/dist/utilities/functions/snapToStep.d.ts +1 -0
  173. package/dist/utilities/functions/transpose.d.ts +1 -0
  174. package/dist/utilities/functions/transposePercent.d.ts +9 -0
  175. package/package.json +1 -1
  176. package/dist/index213.js +0 -53
  177. package/dist/index227.js +0 -115
  178. package/dist/index251.js +0 -4
  179. package/dist/index288.js +0 -6
  180. package/dist/index318.js +0 -7
  181. package/dist/index333.js +0 -131
package/dist/index230.js CHANGED
@@ -1,4 +1,7 @@
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 { getDefaultExportFromCjs as r } from "./index306.js";
2
+ import { __require as o } from "./index291.js";
3
+ var t = o();
4
+ const s = /* @__PURE__ */ r(t);
2
5
  export {
3
- n as isEmpty
6
+ s as default
4
7
  };
package/dist/index231.js CHANGED
@@ -1,4 +1,7 @@
1
- const e = (t) => t[t.length - 1];
1
+ import { getDefaultExportFromCjs as r } from "./index306.js";
2
+ import { __require as o } from "./index293.js";
3
+ var t = o();
4
+ const m = /* @__PURE__ */ r(t);
2
5
  export {
3
- e as last
6
+ m as default
4
7
  };
package/dist/index232.js CHANGED
@@ -1,20 +1,7 @@
1
- import { isNil as c } from "./index242.js";
2
- const a = (t, r) => {
3
- if (!Object.prototype.hasOwnProperty.call(t, r))
4
- throw new Error(
5
- `Object ${JSON.stringify(t, null, 2)} has no property named "${r.toString()}"`
6
- );
7
- }, l = (t) => typeof t == "string" ? t.toLocaleLowerCase() : JSON.stringify(t).toLowerCase(), y = (t, r, s) => {
8
- const i = s.toLocaleLowerCase();
9
- for (let e = 0; e < r.length; e++) {
10
- const n = r[e];
11
- a(t, n);
12
- const o = t[n];
13
- if (c(o)) continue;
14
- if (l(o).includes(i)) return !0;
15
- }
16
- return !1;
17
- };
1
+ import { getDefaultExportFromCjs as r } from "./index306.js";
2
+ import { __require as e } from "./index295.js";
3
+ var o = e();
4
+ const m = /* @__PURE__ */ r(o);
18
5
  export {
19
- y as matchAnyKey
6
+ m as default
20
7
  };
package/dist/index233.js CHANGED
@@ -1,14 +1,7 @@
1
- import { ref as t } from "vue";
2
- const n = () => {
3
- const e = t([]);
4
- return { array: e, set: (...r) => {
5
- e.value = r;
6
- }, add: (...r) => {
7
- e.value.push(...r);
8
- }, remove: (r) => {
9
- e.value = e.value.filter(r);
10
- } };
11
- };
1
+ import { getDefaultExportFromCjs as r } from "./index306.js";
2
+ import { __require as e } from "./index297.js";
3
+ var t = e();
4
+ const m = /* @__PURE__ */ r(t);
12
5
  export {
13
- n as useArray
6
+ m as default
14
7
  };
package/dist/index234.js CHANGED
@@ -1,8 +1,7 @@
1
- const o = (e, t = 50) => new Promise((r) => {
2
- const n = setInterval(() => {
3
- e() && (clearInterval(n), r());
4
- }, t);
5
- });
1
+ import { getDefaultExportFromCjs as r } from "./index306.js";
2
+ import { __require as e } from "./index299.js";
3
+ var o = e();
4
+ const m = /* @__PURE__ */ r(o);
6
5
  export {
7
- o as waitFor
6
+ m as default
8
7
  };
package/dist/index235.js CHANGED
@@ -1,6 +1,7 @@
1
- import { curry as e } from "./index293.js";
2
- const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
1
+ import { getDefaultExportFromCjs as r } from "./index306.js";
2
+ import { __require as t } from "./index301.js";
3
+ var o = t();
4
+ const a = /* @__PURE__ */ r(o);
3
5
  export {
4
- t as baseWhen,
5
- s as when
6
+ a as default
6
7
  };
package/dist/index236.js CHANGED
@@ -1,108 +1,4 @@
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 "./index242.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
- }
105
- });
1
+ const e = (t) => t;
106
2
  export {
107
- K as default
3
+ e as identity
108
4
  };
@@ -0,0 +1,22 @@
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
+ };
20
+ export {
21
+ k as vMaska
22
+ };
package/dist/index238.js CHANGED
@@ -1,102 +1,115 @@
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 "./index242.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
- },
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 n, 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 "./index329.js";
4
+ import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index330.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
+ }, {
19
+ modelValue: { type: Boolean, default: !1 },
20
+ modelModifiers: {}
21
+ }),
22
+ emits: ["update:modelValue"],
23
+ setup(s) {
24
+ const o = s, a = V(s, "modelValue"), i = r(), t = r(), p = r(), { floatingStyles: k, placement: _, middlewareData: l, update: M } = U(
25
+ i,
26
+ t,
73
27
  {
74
- flush: "post"
28
+ placement: o.placement,
29
+ whileElementsMounted: J,
30
+ middleware: [
31
+ q(),
32
+ G(o.offset),
33
+ H({ padding: o.padding }),
34
+ I(),
35
+ j({
36
+ element: p,
37
+ padding: o.arrowPadding
38
+ })
39
+ ],
40
+ strategy: "fixed"
75
41
  }
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
42
+ ), d = (e) => {
43
+ e ? (M(), o.dialog ? t.value.showModal() : t.value.showPopover()) : F(o.transitionDuration).then(() => {
44
+ t.value && (o.dialog ? t.value.close() : t.value.hidePopover());
45
+ });
46
+ };
47
+ A(a, d, { flush: "post" }), x(() => {
48
+ a.value && d(a.value);
49
+ });
50
+ const $ = S(() => {
51
+ if (l.value.arrow) {
52
+ const { x: e, y: u } = l.value.arrow;
53
+ return {
54
+ style: {
55
+ left: `${e}px`,
56
+ top: `${u}px`
57
+ }
58
+ };
59
+ }
60
+ }), B = () => {
61
+ a.value = !1;
62
+ };
63
+ return (e, u) => (v(), b(g(e.dialog ? "div" : e.tag), {
64
+ ref_key: "wrapper",
65
+ ref: i,
66
+ class: E(["bb-common-popover", {
67
+ "bb-common-popover--open": a.value && !!t.value,
68
+ "bb-common-popover--block": o.block,
69
+ [`bb-common-popover--${n(_)}`]: !0
70
+ }]),
71
+ style: z({
72
+ "--transition-duration": `${o.transitionDuration}ms`
73
+ })
74
+ }, {
75
+ default: w(() => {
76
+ var m, c, f;
77
+ return [
78
+ y(e.$slots, "activator"),
79
+ e.renderContent ? (v(), b(g(e.dialog ? "dialog" : e.tag), h({
80
+ key: 0,
81
+ ref_key: "content",
82
+ ref: t,
83
+ class: ["bb-common-popover__bubble-container", {
84
+ "bb-common-popover__bubble-container--open": a.value && !!t.value
85
+ }],
86
+ popover: "manual",
87
+ style: {
88
+ ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
89
+ ...n(k),
90
+ "--arrow-offset-x": Math.round(((f = (c = n(l)) == null ? void 0 : c.arrow) == null ? void 0 : f.x) ?? 0) + "px",
91
+ "--page-padding": `${e.padding}px`
92
+ },
93
+ tabindex: a.value ? void 0 : -1
94
+ }, e.containerAttributes, { onClose: n(B) }), {
95
+ default: w(() => [
96
+ C("span", h({
97
+ ref_key: "bubblearrow",
98
+ ref: p,
99
+ class: "bb-common-popover__arrow"
100
+ }, $.value), null, 16),
101
+ C("span", K, [
102
+ y(e.$slots, "default")
103
+ ])
104
+ ]),
105
+ _: 3
106
+ }, 16, ["class", "style", "tabindex", "onClose"])) : N("", !0)
107
+ ];
93
108
  }),
94
- clearable: !0,
95
- text: o.text,
96
- "onClick:clear": O((D) => a("option:unselected", o), ["stop"])
97
- }, V(o.text), 43, z))), 128));
109
+ _: 3
110
+ }, 8, ["class", "style"]));
98
111
  }
99
112
  });
100
113
  export {
101
- j as default
114
+ W as default
102
115
  };
package/dist/index240.js CHANGED
@@ -1,230 +1,4 @@
1
- import { defineComponent as U, ref as f, computed as x, watch as E, createElementBlock as d, openBlock as p, withModifiers as X, normalizeStyle as h, normalizeClass as $, createElementVNode as c, renderSlot as m, createTextVNode as H, toDisplayString as g, unref as L, Fragment as Z, renderList as ee } from "vue";
2
- import { isNil as b } from "./index242.js";
3
- import { useVirtualizer as te } from "./index332.js";
4
- import { isNotNil as oe } from "./index140.js";
5
- import { hash as N } from "./index215.js";
6
- import { useLocale as ne } from "./index219.js";
7
- const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
8
- key: 0,
9
- class: "bb-listbox__loading"
10
- }, se = {
11
- key: 1,
12
- class: "bb-listbox__no-data"
13
- }, ae = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__content" }, re = { class: "autocomplete-option__label" }, xe = /* @__PURE__ */ U({
14
- __name: "ListBox",
15
- props: {
16
- compact: { type: Boolean },
17
- options: {},
18
- open: { type: Boolean },
19
- loading: { type: Boolean },
20
- multiple: { type: Boolean },
21
- transitionDuration: { default: 250 },
22
- loadingText: {},
23
- noDataText: {}
24
- },
25
- emits: ["option:selected", "option:unselected"],
26
- setup(V, { expose: z, emit: C }) {
27
- const o = V, _ = C, { t: y } = ne(), s = f(null), O = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = x(
28
- () => o.options.map((e) => ({ ...e, id: O(e.value) }))
29
- ), v = te({
30
- get count() {
31
- return o.options.length;
32
- },
33
- getScrollElement: () => s.value,
34
- estimateSize: () => 42,
35
- overscan: 5
36
- }), F = (e) => {
37
- e && v.value.measureElement(e);
38
- }, M = x(() => v.value.getVirtualItems()), A = x(() => v.value.getTotalSize()), n = f(null), a = x(
39
- () => o.open && o.options.some((e) => !e.disabled)
40
- ), I = (e = 1) => {
41
- const l = b(n.value) ? -1 : n.value;
42
- let t = (l + e) % o.options.length;
43
- for (; o.options[t].disabled && t !== l; )
44
- t = I(e + 1);
45
- return t;
46
- }, P = () => {
47
- if (!a.value) return;
48
- const e = I();
49
- n.value = e, u();
50
- }, S = (e = 1) => {
51
- const l = b(n.value) ? 0 : n.value;
52
- let t = (l - e + o.options.length) % o.options.length;
53
- for (; o.options[t].disabled && t !== l; )
54
- t = S(e + 1);
55
- return t;
56
- }, R = async () => {
57
- if (!a.value) return;
58
- const e = S();
59
- n.value = e, u();
60
- }, q = () => {
61
- if (!a.value) return;
62
- let e = 0;
63
- for (; o.options[e].disabled; )
64
- e++;
65
- n.value = e, u();
66
- }, J = () => {
67
- if (!a.value) return;
68
- let e = o.options.length - 1;
69
- for (; o.options[e].disabled && e !== 0; )
70
- e--;
71
- n.value = e, u();
72
- }, W = () => {
73
- if (!a.value) return;
74
- let e = 0;
75
- for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
76
- e++;
77
- n.value = e % o.options.length, u();
78
- }, Y = () => {
79
- if (!a.value) return;
80
- let e = o.options.length - 1;
81
- for (; o.options[e].selected && e > 0; )
82
- e--;
83
- n.value = e === -1 ? o.options.length - 1 : e, u();
84
- }, j = (e) => {
85
- if (!a.value) return;
86
- const l = o.options.findIndex(
87
- (t) => t.valueHash === e
88
- );
89
- l >= 0 && (n.value = l), u();
90
- }, k = () => {
91
- n.value = null;
92
- }, u = () => {
93
- s.value && oe(n.value) && v.value.scrollToIndex(n.value, {
94
- align: "center",
95
- behavior: "smooth"
96
- });
97
- }, w = () => {
98
- if (b(n.value) || !o.open) return;
99
- const e = o.options[n.value];
100
- e.selected ? _("option:unselected", e) : _("option:selected", e);
101
- }, B = f(0), T = () => {
102
- s.value && (B.value = s.value.scrollHeight);
103
- }, G = (e) => !e.disabled, K = (e) => {
104
- if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
105
- if (!s.value.querySelector('[role="listbox"]'))
106
- throw new Error("Could not find listbox in DOM tree.");
107
- let t = e.target, r = t.dataset.index;
108
- for (; b(r) && t.parentElement; )
109
- t = t.parentElement, r = t.dataset.index;
110
- if (r) {
111
- const D = o.options[+r];
112
- D && G(D) && (n.value = +r, w());
113
- }
114
- }
115
- }, Q = () => b(n.value) ? void 0 : o.options[n.value];
116
- return E(
117
- () => o.open,
118
- () => {
119
- T();
120
- },
121
- { flush: "post" }
122
- ), E(
123
- () => o.options,
124
- (e, l) => {
125
- N(e.map((t) => t.valueHash)) !== N(l.map((t) => t.valueHash)) && (v.value.calculateRange(), T(), k());
126
- },
127
- {
128
- flush: "post"
129
- }
130
- ), z({
131
- focusNext: P,
132
- focusPrevious: R,
133
- focusFirst: q,
134
- focusFirstSelected: W,
135
- focusLast: J,
136
- focusLastSelected: Y,
137
- blur: k,
138
- confirmOption: w,
139
- focusByHash: j,
140
- getHighlighted: Q
141
- }), (e, l) => (p(), d("span", {
142
- class: $(["bb-listbox", {
143
- "bb-listbox--compact": e.compact,
144
- "bb-listbox--loading": e.loading,
145
- "bb-listbox--multiple": e.multiple,
146
- "bb-listbox--no-data": !i.value.length,
147
- "bb-listbox--open": e.open
148
- }]),
149
- style: h({
150
- "--transition-duration": `${e.transitionDuration}ms`,
151
- "--overlay-min-height": `${B.value}px`
152
- }),
153
- onClick: X(K, ["stop"])
154
- }, [
155
- c("span", le, [
156
- c("span", {
157
- ref_key: "inner",
158
- ref: s,
159
- class: "bb-listbox__inner-container"
160
- }, [
161
- m(e.$slots, "options:prepend"),
162
- e.loading && !e.options.length ? (p(), d("span", ie, [
163
- m(e.$slots, "loading", {}, () => [
164
- H(g(e.loadingText || L(y)("common.loadingText").value), 1)
165
- ])
166
- ])) : e.options.length ? (p(), d("span", {
167
- key: 2,
168
- role: "listbox",
169
- style: h({
170
- height: `${A.value}px`
171
- }),
172
- tabindex: "-1"
173
- }, [
174
- (p(!0), d(Z, null, ee(M.value, (t, r) => (p(), d("span", {
175
- key: i.value[t.index].value,
176
- ref_for: !0,
177
- ref: F,
178
- "aria-selected": n.value === r ? !0 : void 0,
179
- class: $({
180
- "bb-listbox__option autocomplete-option": !0,
181
- "autocomplete-option--focused": n.value === t.index,
182
- "autocomplete-option--selected": i.value[t.index].selected,
183
- "autocomplete-option--disabled": i.value[t.index].disabled
184
- }),
185
- "data-index": t.index,
186
- role: "option",
187
- style: h({
188
- transform: `translateY(${t.start}px)`
189
- })
190
- }, [
191
- c("span", ue, [
192
- m(e.$slots, "option", {
193
- disabled: !!i.value[t.index].disabled,
194
- focused: n.value === t.index,
195
- index: t.index,
196
- item: i.value[t.index].item,
197
- selected: !!i.value[t.index].selected,
198
- text: i.value[t.index].text,
199
- value: i.value[t.index].value
200
- }, () => [
201
- l[0] || (l[0] = c("svg", {
202
- class: "autocomplete-option__checkbox",
203
- role: "presentation",
204
- viewBox: "276.411 158.834 114.971 114.97"
205
- }, [
206
- c("path", {
207
- d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
208
- fill: "none",
209
- "stroke-linecap": "round",
210
- "stroke-width": "14px"
211
- })
212
- ], -1)),
213
- c("span", re, g(i.value[t.index].text), 1)
214
- ])
215
- ])
216
- ], 14, ae))), 128))
217
- ], 4)) : (p(), d("span", se, [
218
- m(e.$slots, "no-data", {}, () => [
219
- H(g(e.noDataText || L(y)("common.noDataText").value), 1)
220
- ])
221
- ])),
222
- m(e.$slots, "options:append")
223
- ], 512)
224
- ])
225
- ], 6));
226
- }
227
- });
1
+ const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
228
2
  export {
229
- xe as default
3
+ s as isCssColor
230
4
  };