bitboss-ui 2.0.166 → 2.0.167

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 (187) hide show
  1. package/dist/index106.js +7 -7
  2. package/dist/index111.js +1 -1
  3. package/dist/index113.js +1 -1
  4. package/dist/index121.js +10 -10
  5. package/dist/index129.js +2 -2
  6. package/dist/index13.js +1 -1
  7. package/dist/index131.js +3 -3
  8. package/dist/index133.js +1 -1
  9. package/dist/index136.js +1 -1
  10. package/dist/index138.js +1 -1
  11. package/dist/index139.js +2 -2
  12. package/dist/index15.js +8 -8
  13. package/dist/index17.js +3 -3
  14. package/dist/index19.js +8 -8
  15. package/dist/index207.js +2 -2
  16. package/dist/index208.js +2 -2
  17. package/dist/index209.js +4 -2
  18. package/dist/index21.js +16 -16
  19. package/dist/index210.js +41 -4
  20. package/dist/index211.js +20 -2
  21. package/dist/index212.js +93 -40
  22. package/dist/index214.js +200 -7
  23. package/dist/index216.js +65 -12
  24. package/dist/index218.js +12 -3
  25. package/dist/index219.js +13 -20
  26. package/dist/index220.js +5 -94
  27. package/dist/index221.js +7 -0
  28. package/dist/index222.js +5 -200
  29. package/dist/index223.js +7 -0
  30. package/dist/index224.js +5 -66
  31. package/dist/index225.js +7 -0
  32. package/dist/index226.js +5 -13
  33. package/dist/index227.js +3 -2
  34. package/dist/index228.js +2 -6
  35. package/dist/index229.js +7 -15
  36. package/dist/index23.js +17 -17
  37. package/dist/index230.js +249 -8
  38. package/dist/index231.js +52 -11
  39. package/dist/index232.js +39 -96
  40. package/dist/index233.js +7 -0
  41. package/dist/index234.js +60 -23
  42. package/dist/index235.js +6 -2
  43. package/dist/index236.js +7 -177
  44. package/dist/index237.js +15 -3
  45. package/dist/index238.js +34 -5
  46. package/dist/index239.js +86 -5
  47. package/dist/index241.js +29 -5
  48. package/dist/index242.js +17 -5
  49. package/dist/index243.js +51 -5
  50. package/dist/index244.js +15 -2
  51. package/dist/index245.js +12 -2
  52. package/dist/index246.js +15 -8
  53. package/dist/index247.js +5 -3
  54. package/dist/index248.js +2 -51
  55. package/dist/index249.js +2 -17
  56. package/dist/index25.js +5 -5
  57. package/dist/index250.js +9 -106
  58. package/dist/index251.js +20 -0
  59. package/dist/index252.js +126 -98
  60. package/dist/index253.js +6 -0
  61. package/dist/index254.js +106 -2
  62. package/dist/index256.js +95 -81
  63. package/dist/index258.js +11 -28
  64. package/dist/index259.js +228 -15
  65. package/dist/index260.js +367 -11
  66. package/dist/index261.js +2 -16
  67. package/dist/index262.js +2 -10
  68. package/dist/index263.js +2 -3
  69. package/dist/index264.js +3 -18
  70. package/dist/index265.js +169 -120
  71. package/dist/index266.js +2 -12
  72. package/dist/index267.js +10 -228
  73. package/dist/index268.js +2 -367
  74. package/dist/index269.js +9 -5
  75. package/dist/index27.js +1 -1
  76. package/dist/index270.js +11 -5
  77. package/dist/index271.js +99 -6
  78. package/dist/index273.js +23 -52
  79. package/dist/index274.js +6 -44
  80. package/dist/index275.js +16 -5
  81. package/dist/index276.js +3 -60
  82. package/dist/index277.js +1 -1
  83. package/dist/index280.js +67 -5
  84. package/dist/index281.js +5 -67
  85. package/dist/index282.js +5 -4
  86. package/dist/index283.js +7 -470
  87. package/dist/index284.js +471 -2
  88. package/dist/index285.js +3 -7
  89. package/dist/index286.js +3 -11
  90. package/dist/index287.js +3 -2
  91. package/dist/index289.js +7 -3
  92. package/dist/index29.js +3 -3
  93. package/dist/index290.js +7 -3
  94. package/dist/index291.js +13 -0
  95. package/dist/index292.js +280 -7
  96. package/dist/index293.js +2 -200
  97. package/dist/index294.js +16 -701
  98. package/dist/index295.js +2 -354
  99. package/dist/index296.js +15 -57
  100. package/dist/index297.js +2 -3
  101. package/dist/index298.js +19 -5
  102. package/dist/index299.js +2 -280
  103. package/dist/index300.js +15 -2
  104. package/dist/index301.js +2 -125
  105. package/dist/index302.js +19 -2
  106. package/dist/index303.js +2 -16
  107. package/dist/index304.js +27 -2
  108. package/dist/index305.js +2 -16
  109. package/dist/index306.js +2 -2
  110. package/dist/index307.js +2 -19
  111. package/dist/index308.js +2 -2
  112. package/dist/index309.js +2 -15
  113. package/dist/index31.js +2 -2
  114. package/dist/index310.js +28 -2
  115. package/dist/index311.js +22 -5
  116. package/dist/index313.js +200 -3
  117. package/dist/index314.js +4 -17
  118. package/dist/index315.js +2 -6
  119. package/dist/index316.js +5 -4
  120. package/dist/index317.js +2 -8
  121. package/dist/index318.js +3 -28
  122. package/dist/index319.js +17 -3
  123. package/dist/index320.js +124 -3
  124. package/dist/index321.js +2 -19
  125. package/dist/index322.js +129 -2
  126. package/dist/index323.js +3 -27
  127. package/dist/index324.js +3 -2
  128. package/dist/index325.js +1 -1
  129. package/dist/index326.js +4 -2
  130. package/dist/index327.js +382 -2
  131. package/dist/index328.js +126 -2
  132. package/dist/index329.js +5 -22
  133. package/dist/index33.js +8 -8
  134. package/dist/{index288.js → index330.js} +1 -1
  135. package/dist/index331.js +5 -129
  136. package/dist/index332.js +701 -2
  137. package/dist/index333.js +353 -381
  138. package/dist/index334.js +56 -124
  139. package/dist/index335.js +8 -2
  140. package/dist/index336.js +5 -92
  141. package/dist/index337.js +7 -57
  142. package/dist/index338.js +7 -58
  143. package/dist/index339.js +32 -227
  144. package/dist/index340.js +28 -8
  145. package/dist/index342.js +57 -7
  146. package/dist/index343.js +58 -7
  147. package/dist/index344.js +2 -2
  148. package/dist/index345.js +227 -32
  149. package/dist/index346.js +2 -28
  150. package/dist/index347.js +49 -0
  151. package/dist/index35.js +4 -4
  152. package/dist/index350.js +92 -46
  153. package/dist/index352.js +1 -1
  154. package/dist/index353.js +463 -462
  155. package/dist/index354.js +47 -2
  156. package/dist/index355.js +462 -463
  157. package/dist/index356.js +2 -47
  158. package/dist/index37.js +22 -22
  159. package/dist/index39.js +5 -5
  160. package/dist/index41.js +2 -2
  161. package/dist/index43.js +8 -8
  162. package/dist/index45.js +8 -8
  163. package/dist/index47.js +2 -2
  164. package/dist/index49.js +3 -3
  165. package/dist/index53.js +1 -1
  166. package/dist/index55.js +1 -1
  167. package/dist/index57.js +2 -2
  168. package/dist/index61.js +3 -3
  169. package/dist/index67.js +1 -1
  170. package/dist/index79.js +4 -4
  171. package/dist/index81.js +1 -1
  172. package/dist/index83.js +2 -2
  173. package/dist/index85.js +1 -1
  174. package/dist/index87.js +1 -1
  175. package/dist/index90.js +4 -4
  176. package/dist/index92.js +2 -2
  177. package/dist/index94.js +3 -3
  178. package/dist/index96.js +1 -1
  179. package/package.json +2 -2
  180. package/dist/index213.js +0 -8
  181. package/dist/index215.js +0 -17
  182. package/dist/index217.js +0 -36
  183. package/dist/index240.js +0 -7
  184. package/dist/index255.js +0 -5
  185. package/dist/index272.js +0 -252
  186. package/dist/index312.js +0 -5
  187. package/dist/index341.js +0 -8
package/dist/index265.js CHANGED
@@ -1,130 +1,179 @@
1
- import { arrow as j, computePosition as A } from "./index268.js";
2
- import { autoUpdate as W, flip as X, offset as Y, platform as Z, shift as ee } from "./index268.js";
3
- import { isNode as B, getNodeName as F } from "./index331.js";
4
- import { getOverflowAncestors as te } from "./index331.js";
5
- import { computed as r, ref as c, shallowRef as I, watch as x, getCurrentScope as U, onScopeDispose as k, shallowReadonly as o, unref as q } from "vue";
6
- function z(e) {
7
- return e != null && typeof e == "object" && "$el" in e;
8
- }
9
- function V(e) {
10
- if (z(e)) {
11
- const l = e.$el;
12
- return B(l) && F(l) === "#comment" ? null : l;
1
+ var w = Object.defineProperty, C = (a, t, e) => t in a ? w(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e, A = (a, t, e) => C(a, typeof t != "symbol" ? t + "" : t, e);
2
+ const R = {
3
+ "#": { pattern: /[0-9]/ },
4
+ "@": { pattern: /[a-zA-Z]/ },
5
+ "*": { pattern: /[a-zA-Z0-9]/ }
6
+ }, N = (a, t, e) => a.replaceAll(t, "").replace(e, ".").replace("..", ".").replace(/[^.\d]/g, ""), I = (a, t, e) => {
7
+ var s;
8
+ return new Intl.NumberFormat(((s = e.number) == null ? void 0 : s.locale) ?? "en", {
9
+ minimumFractionDigits: a,
10
+ maximumFractionDigits: t,
11
+ roundingMode: "trunc"
12
+ });
13
+ }, P = (a, t = !0, e) => {
14
+ var s, r, n, h;
15
+ const u = ((s = e.number) == null ? void 0 : s.unsigned) !== !0 && a.startsWith("-") ? "-" : "", l = ((r = e.number) == null ? void 0 : r.fraction) ?? 0;
16
+ let o = I(0, l, e);
17
+ const k = o.formatToParts(1000.12), c = ((n = k.find((i) => i.type === "group")) == null ? void 0 : n.value) ?? " ", b = ((h = k.find((i) => i.type === "decimal")) == null ? void 0 : h.value) ?? ".", f = N(a, c, b);
18
+ if (Number.isNaN(parseFloat(f))) return u;
19
+ const g = f.split(".");
20
+ if (g[1] != null && g[1].length >= 1) {
21
+ const i = g[1].length <= l ? g[1].length : l;
22
+ o = I(i, l, e);
13
23
  }
14
- return e;
15
- }
16
- function i(e) {
17
- return typeof e == "function" ? e() : q(e);
18
- }
19
- function K(e) {
20
- return {
21
- name: "arrow",
22
- options: e,
23
- fn(l) {
24
- const t = V(i(e.element));
25
- return t == null ? {} : j({
26
- element: t,
27
- padding: e.padding
28
- }).fn(l);
24
+ let m = o.format(parseFloat(f));
25
+ return t ? l > 0 && f.endsWith(".") && !f.slice(0, -1).includes(".") && (m += b) : m = N(m, c, b), u + m;
26
+ };
27
+ class T {
28
+ constructor(t = {}) {
29
+ A(this, "opts", {}), A(this, "memo", /* @__PURE__ */ new Map());
30
+ const e = { ...t };
31
+ if (e.tokens != null) {
32
+ e.tokens = e.tokensReplace ? { ...e.tokens } : { ...R, ...e.tokens };
33
+ for (const s of Object.values(e.tokens))
34
+ typeof s.pattern == "string" && (s.pattern = new RegExp(s.pattern));
35
+ } else
36
+ e.tokens = R;
37
+ Array.isArray(e.mask) && (e.mask.length > 1 ? e.mask = [...e.mask].sort((s, r) => s.length - r.length) : e.mask = e.mask[0] ?? ""), e.mask === "" && (e.mask = null), this.opts = e;
38
+ }
39
+ masked(t) {
40
+ return this.process(String(t), this.findMask(String(t)));
41
+ }
42
+ unmasked(t) {
43
+ return this.process(String(t), this.findMask(String(t)), !1);
44
+ }
45
+ isEager() {
46
+ return this.opts.eager === !0;
47
+ }
48
+ isReversed() {
49
+ return this.opts.reversed === !0;
50
+ }
51
+ completed(t) {
52
+ const e = this.findMask(String(t));
53
+ if (this.opts.mask == null || e == null) return !1;
54
+ const s = this.process(String(t), e).length;
55
+ return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : s >= e.length;
56
+ }
57
+ findMask(t) {
58
+ const e = this.opts.mask;
59
+ if (e == null)
60
+ return null;
61
+ if (typeof e == "string")
62
+ return e;
63
+ if (typeof e == "function")
64
+ return e(t);
65
+ const s = this.process(t, e.slice(-1).pop() ?? "", !1);
66
+ return e.find((r) => this.process(t, r, !1).length >= s.length) ?? "";
67
+ }
68
+ escapeMask(t) {
69
+ const e = [], s = [];
70
+ return t.split("").forEach((r, n) => {
71
+ r === "!" && t[n - 1] !== "!" ? s.push(n - s.length) : e.push(r);
72
+ }), { mask: e.join(""), escaped: s };
73
+ }
74
+ process(t, e, s = !0) {
75
+ if (this.opts.number != null) return P(t, s, this.opts);
76
+ if (e == null) return t;
77
+ const r = `v=${t},mr=${e},m=${s ? 1 : 0}`;
78
+ if (this.memo.has(r)) return this.memo.get(r);
79
+ const { mask: n, escaped: h } = this.escapeMask(e), u = [], l = this.opts.tokens != null ? this.opts.tokens : {}, o = this.isReversed() ? -1 : 1, k = this.isReversed() ? "unshift" : "push", c = this.isReversed() ? 0 : n.length - 1, b = this.isReversed() ? () => i > -1 && p > -1 : () => i < n.length && p < t.length, f = (v) => !this.isReversed() && v <= c || this.isReversed() && v >= c;
80
+ let g, m = -1, i = this.isReversed() ? n.length - 1 : 0, p = this.isReversed() ? t.length - 1 : 0, M = !1;
81
+ for (; b(); ) {
82
+ const v = n.charAt(i), d = l[v], y = (d == null ? void 0 : d.transform) != null ? d.transform(t.charAt(p)) : t.charAt(p);
83
+ if (!h.includes(i) && d != null ? (y.match(d.pattern) != null ? (u[k](y), d.repeated ? (m === -1 ? m = i : i === c && i !== m && (i = m - o), c === m && (i -= o)) : d.multiple && (M = !0, i -= o), i += o) : d.multiple ? M && (i += o, p -= o, M = !1) : y === g ? g = void 0 : d.optional && (i += o, p -= o), p += o) : (s && !this.isEager() && u[k](v), y === v && !this.isEager() ? p += o : g = v, this.isEager() || (i += o)), this.isEager())
84
+ for (; f(i) && (l[n.charAt(i)] == null || h.includes(i)); ) {
85
+ if (s) {
86
+ if (u[k](n.charAt(i)), t.charAt(p) === n.charAt(i)) {
87
+ i += o, p += o;
88
+ continue;
89
+ }
90
+ } else n.charAt(i) === t.charAt(p) && (p += o);
91
+ i += o;
92
+ }
29
93
  }
30
- };
31
- }
32
- function M(e) {
33
- return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
34
- }
35
- function C(e, l) {
36
- const t = M(e);
37
- return Math.round(l * t) / t;
94
+ return this.memo.set(r, u.join("")), this.memo.get(r);
95
+ }
38
96
  }
39
- function L(e, l, t) {
40
- t === void 0 && (t = {});
41
- const D = t.whileElementsMounted, s = r(() => {
42
- var n;
43
- return (n = i(t.open)) != null ? n : !0;
44
- }), O = r(() => i(t.middleware)), p = r(() => {
45
- var n;
46
- return (n = i(t.placement)) != null ? n : "bottom";
47
- }), w = r(() => {
48
- var n;
49
- return (n = i(t.strategy)) != null ? n : "absolute";
50
- }), S = r(() => {
51
- var n;
52
- return (n = i(t.transform)) != null ? n : !0;
53
- }), f = r(() => V(e.value)), u = r(() => V(l.value)), y = c(0), h = c(0), m = c(w.value), P = c(p.value), E = I({}), g = c(!1), _ = r(() => {
54
- const n = {
55
- position: m.value,
56
- left: "0",
57
- top: "0"
97
+ const S = (a) => JSON.parse(a.replaceAll("'", '"')), F = (a, t = {}) => {
98
+ const e = { ...t };
99
+ a.dataset.maska != null && a.dataset.maska !== "" && (e.mask = W(a.dataset.maska)), a.dataset.maskaEager != null && (e.eager = E(a.dataset.maskaEager)), a.dataset.maskaReversed != null && (e.reversed = E(a.dataset.maskaReversed)), a.dataset.maskaTokensReplace != null && (e.tokensReplace = E(a.dataset.maskaTokensReplace)), a.dataset.maskaTokens != null && (e.tokens = x(a.dataset.maskaTokens));
100
+ const s = {};
101
+ return a.dataset.maskaNumberLocale != null && (s.locale = a.dataset.maskaNumberLocale), a.dataset.maskaNumberFraction != null && (s.fraction = parseInt(a.dataset.maskaNumberFraction)), a.dataset.maskaNumberUnsigned != null && (s.unsigned = E(a.dataset.maskaNumberUnsigned)), (a.dataset.maskaNumber != null || Object.values(s).length > 0) && (e.number = s), e;
102
+ }, E = (a) => a !== "" ? !!JSON.parse(a) : !0, W = (a) => a.startsWith("[") && a.endsWith("]") ? S(a) : a, x = (a) => {
103
+ if (a.startsWith("{") && a.endsWith("}"))
104
+ return S(a);
105
+ const t = {};
106
+ return a.split("|").forEach((e) => {
107
+ const s = e.split(":");
108
+ t[s[0]] = {
109
+ pattern: new RegExp(s[1]),
110
+ optional: s[2] === "optional",
111
+ multiple: s[2] === "multiple",
112
+ repeated: s[2] === "repeated"
58
113
  };
59
- if (!u.value)
60
- return n;
61
- const a = C(u.value, y.value), b = C(u.value, h.value);
62
- return S.value ? {
63
- ...n,
64
- transform: "translate(" + a + "px, " + b + "px)",
65
- ...M(u.value) >= 1.5 && {
66
- willChange: "transform"
114
+ }), t;
115
+ };
116
+ class O {
117
+ constructor(t, e = {}) {
118
+ A(this, "items", /* @__PURE__ */ new Map()), A(this, "eventAbortController"), A(this, "onInput", (s) => {
119
+ if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
120
+ return;
121
+ const r = s.target, n = this.items.get(r), h = "inputType" in s && s.inputType.startsWith("delete"), u = n.isEager(), l = h && u && n.unmasked(r.value) === "" ? "" : r.value;
122
+ this.fixCursor(r, h, () => this.setValue(r, l));
123
+ }), this.options = e, this.eventAbortController = new AbortController(), this.init(this.getInputs(t));
124
+ }
125
+ update(t = {}) {
126
+ this.options = { ...t }, this.init(Array.from(this.items.keys()));
127
+ }
128
+ updateValue(t) {
129
+ t.value !== "" && t.value !== this.processInput(t).masked && this.setValue(t, t.value);
130
+ }
131
+ destroy() {
132
+ this.eventAbortController.abort(), this.items.clear();
133
+ }
134
+ init(t) {
135
+ const e = this.getOptions(this.options);
136
+ for (const s of t) {
137
+ if (!this.items.has(s)) {
138
+ const { signal: n } = this.eventAbortController;
139
+ s.addEventListener("input", this.onInput, { capture: !0, signal: n });
67
140
  }
68
- } : {
69
- position: m.value,
70
- left: a + "px",
71
- top: b + "px"
72
- };
73
- });
74
- let d;
75
- function v() {
76
- if (f.value == null || u.value == null)
77
- return;
78
- const n = s.value;
79
- A(f.value, u.value, {
80
- middleware: O.value,
81
- placement: p.value,
82
- strategy: w.value
83
- }).then((a) => {
84
- y.value = a.x, h.value = a.y, m.value = a.strategy, P.value = a.placement, E.value = a.middlewareData, g.value = n !== !1;
85
- });
86
- }
87
- function R() {
88
- typeof d == "function" && (d(), d = void 0);
89
- }
90
- function N() {
91
- if (R(), D === void 0) {
92
- v();
93
- return;
94
- }
95
- if (f.value != null && u.value != null) {
96
- d = D(f.value, u.value, v);
97
- return;
141
+ const r = new T(F(s, e));
142
+ this.items.set(s, r), queueMicrotask(() => this.updateValue(s)), s.selectionStart === null && r.isEager() && console.warn("Maska: input of `%s` type is not supported", s.type);
98
143
  }
99
144
  }
100
- function $() {
101
- s.value || (g.value = !1);
102
- }
103
- return x([O, p, w, s], v, {
104
- flush: "sync"
105
- }), x([f, u], N, {
106
- flush: "sync"
107
- }), x(s, $, {
108
- flush: "sync"
109
- }), U() && k(R), {
110
- x: o(y),
111
- y: o(h),
112
- strategy: o(m),
113
- placement: o(P),
114
- middlewareData: o(E),
115
- isPositioned: o(g),
116
- floatingStyles: _,
117
- update: v
118
- };
145
+ getInputs(t) {
146
+ return typeof t == "string" ? Array.from(document.querySelectorAll(t)) : "length" in t ? Array.from(t) : [t];
147
+ }
148
+ getOptions(t) {
149
+ const { onMaska: e, preProcess: s, postProcess: r, ...n } = t;
150
+ return n;
151
+ }
152
+ fixCursor(t, e, s) {
153
+ const r = t.selectionStart, n = t.value;
154
+ if (s(), r === null || r === n.length && !e) return;
155
+ const h = t.value, u = n.slice(0, r), l = h.slice(0, r), o = this.processInput(t, u).unmasked, k = this.processInput(t, l).unmasked;
156
+ let c = r;
157
+ u !== l && (c += e ? h.length - n.length : o.length - k.length), t.setSelectionRange(c, c);
158
+ }
159
+ setValue(t, e) {
160
+ const s = this.processInput(t, e);
161
+ t.value = s.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((r) => r(s)) : this.options.onMaska(s)), t.dispatchEvent(new CustomEvent("maska", { detail: s })), t.dispatchEvent(new CustomEvent("input", { detail: s.masked }));
162
+ }
163
+ processInput(t, e) {
164
+ const s = this.items.get(t);
165
+ let r = e ?? t.value;
166
+ this.options.preProcess != null && (r = this.options.preProcess(r));
167
+ let n = s.masked(r);
168
+ return this.options.postProcess != null && (n = this.options.postProcess(n)), {
169
+ masked: n,
170
+ unmasked: s.unmasked(r),
171
+ completed: s.completed(r)
172
+ };
173
+ }
119
174
  }
120
175
  export {
121
- K as arrow,
122
- W as autoUpdate,
123
- A as computePosition,
124
- X as flip,
125
- te as getOverflowAncestors,
126
- Y as offset,
127
- Z as platform,
128
- ee as shift,
129
- L as useFloating
176
+ T as Mask,
177
+ O as MaskInput,
178
+ R as tokens
130
179
  };
package/dist/index266.js CHANGED
@@ -1,14 +1,4 @@
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
+ const o = (e) => e[0];
12
2
  export {
13
- n as useArray
3
+ o as head
14
4
  };
package/dist/index267.js CHANGED
@@ -1,230 +1,12 @@
1
- import { defineComponent as U, ref as f, computed as x, watch as E, createElementBlock as d, openBlock as c, withModifiers as X, normalizeStyle as h, normalizeClass as $, createElementVNode as p, 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 "./index235.js";
3
- import { useVirtualizer as te } from "./index350.js";
4
- import { isNotNil as oe } from "./index140.js";
5
- import { hash as N } from "./index255.js";
6
- import { useLocale as ne } from "./index216.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) => (c(), d("div", {
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
- p("div", le, [
156
- p("div", {
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 ? (c(), d("div", ie, [
163
- m(e.$slots, "loading", {}, () => [
164
- H(g(e.loadingText || L(y)("common.loadingText").value), 1)
165
- ])
166
- ])) : e.options.length ? (c(), d("div", {
167
- key: 2,
168
- role: "listbox",
169
- style: h({
170
- height: `${A.value}px`
171
- }),
172
- tabindex: "-1"
173
- }, [
174
- (c(!0), d(Z, null, ee(M.value, (t, r) => (c(), d("div", {
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
- p("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] = p("svg", {
202
- class: "autocomplete-option__checkbox",
203
- role: "presentation",
204
- viewBox: "276.411 158.834 114.971 114.97"
205
- }, [
206
- p("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
- p("span", re, g(i.value[t.index].text), 1)
214
- ])
215
- ])
216
- ], 14, ae))), 128))
217
- ], 4)) : (c(), d("div", 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 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
+ };
228
10
  export {
229
- xe as default
11
+ o as pickBy
230
12
  };