bitboss-ui 2.0.174 → 2.0.176

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 (177) hide show
  1. package/dist/components/BaseButton/BaseButton.vue.d.ts +1 -1
  2. package/dist/components/BaseColorInput/BaseColorInput.vue.d.ts +1 -0
  3. package/dist/components/BaseDialog/BaseDialog.vue.d.ts +34 -27
  4. package/dist/components/BbConfirm/BbConfirm.vue.d.ts +1 -1
  5. package/dist/components/BbDialog/BbDialog.vue.d.ts +8 -3
  6. package/dist/components/BbOffCanvas/BbOffCanvas.vue.d.ts +1 -1
  7. package/dist/components/BbToast/BbToast.vue.d.ts +1 -1
  8. package/dist/index.css +1 -1
  9. package/dist/index106.js +9 -9
  10. package/dist/index111.js +1 -1
  11. package/dist/index113.js +1 -1
  12. package/dist/index121.js +12 -12
  13. package/dist/index129.js +20 -26
  14. package/dist/index13.js +1 -1
  15. package/dist/index131.js +4 -4
  16. package/dist/index133.js +1 -1
  17. package/dist/index136.js +1 -1
  18. package/dist/index137.js +2 -2
  19. package/dist/index138.js +1 -1
  20. package/dist/index139.js +2 -2
  21. package/dist/index15.js +9 -9
  22. package/dist/index17.js +3 -3
  23. package/dist/index19.js +8 -8
  24. package/dist/index207.js +2 -2
  25. package/dist/index208.js +2 -2
  26. package/dist/index209.js +13 -2
  27. package/dist/index21.js +8 -8
  28. package/dist/index210.js +66 -4
  29. package/dist/index212.js +176 -12
  30. package/dist/index213.js +79 -59
  31. package/dist/index215.js +28 -33
  32. package/dist/index216.js +17 -4
  33. package/dist/index217.js +51 -13
  34. package/dist/index218.js +14 -10
  35. package/dist/index219.js +3 -20
  36. package/dist/index220.js +12 -200
  37. package/dist/index221.js +18 -0
  38. package/dist/index222.js +29 -115
  39. package/dist/index223.js +4 -0
  40. package/dist/index224.js +4 -2
  41. package/dist/index225.js +2 -2
  42. package/dist/index226.js +5 -3
  43. package/dist/index227.js +4 -4
  44. package/dist/index228.js +4 -4
  45. package/dist/index229.js +4 -4
  46. package/dist/index23.js +15 -15
  47. package/dist/index230.js +4 -4
  48. package/dist/index231.js +5 -5
  49. package/dist/index232.js +2 -5
  50. package/dist/index233.js +2 -2
  51. package/dist/index234.js +2 -2
  52. package/dist/index235.js +13 -2
  53. package/dist/index236.js +10 -50
  54. package/dist/index237.js +19 -16
  55. package/dist/index238.js +108 -101
  56. package/dist/index240.js +53 -47
  57. package/dist/index242.js +95 -81
  58. package/dist/index244.js +4 -29
  59. package/dist/index245.js +197 -16
  60. package/dist/index247.js +17 -11
  61. package/dist/index248.js +12 -41
  62. package/dist/index25.js +154 -224
  63. package/dist/index250.js +228 -7
  64. package/dist/index251.js +12 -14
  65. package/dist/index252.js +3 -177
  66. package/dist/index253.js +1 -1
  67. package/dist/index254.js +1 -1
  68. package/dist/index256.js +5 -5
  69. package/dist/index260.js +1 -1
  70. package/dist/index261.js +2 -18
  71. package/dist/index262.js +2 -12
  72. package/dist/index263.js +8 -227
  73. package/dist/index264.js +23 -3
  74. package/dist/index265.js +10 -6
  75. package/dist/index266.js +3 -16
  76. package/dist/index267.js +41 -10
  77. package/dist/index268.js +7 -3
  78. package/dist/index269.js +15 -3
  79. package/dist/index27.js +1 -1
  80. package/dist/index270.js +3 -9
  81. package/dist/index271.js +6 -9
  82. package/dist/index272.js +16 -23
  83. package/dist/index273.js +9 -9
  84. package/dist/index274.js +9 -8
  85. package/dist/index275.js +8 -5
  86. package/dist/index276.js +2 -67
  87. package/dist/index277.js +5 -2
  88. package/dist/index278.js +67 -5
  89. package/dist/index279.js +4 -7
  90. package/dist/index280.js +8 -4
  91. package/dist/index283.js +1 -1
  92. package/dist/index284.js +3 -2
  93. package/dist/index285.js +17 -3
  94. package/dist/index286.js +28 -3
  95. package/dist/index287.js +2 -7
  96. package/dist/index288.js +3 -10
  97. package/dist/index289.js +4 -4
  98. package/dist/index29.js +3 -3
  99. package/dist/index290.js +279 -27
  100. package/dist/index291.js +2 -280
  101. package/dist/index292.js +125 -2
  102. package/dist/index293.js +2 -125
  103. package/dist/index294.js +15 -2
  104. package/dist/index295.js +2 -15
  105. package/dist/index296.js +16 -2
  106. package/dist/index297.js +2 -16
  107. package/dist/index298.js +16 -2
  108. package/dist/index299.js +2 -16
  109. package/dist/index300.js +19 -2
  110. package/dist/index301.js +2 -19
  111. package/dist/index302.js +3 -2
  112. package/dist/index303.js +7 -6
  113. package/dist/index304.js +11 -3
  114. package/dist/index306.js +3 -17
  115. package/dist/index307.js +1 -1
  116. package/dist/index308.js +5 -470
  117. package/dist/index309.js +1 -1
  118. package/dist/index31.js +2 -2
  119. package/dist/index310.js +5 -200
  120. package/dist/index321.js +471 -2
  121. package/dist/index322.js +2 -5
  122. package/dist/index323.js +5 -701
  123. package/dist/index324.js +199 -353
  124. package/dist/index325.js +701 -58
  125. package/dist/index326.js +354 -5
  126. package/dist/index327.js +58 -2
  127. package/dist/index328.js +2 -8
  128. package/dist/index329.js +6 -5
  129. package/dist/index33.js +8 -8
  130. package/dist/index330.js +47 -8
  131. package/dist/index332.js +2 -2
  132. package/dist/index333.js +6 -32
  133. package/dist/index334.js +18 -27
  134. package/dist/index335.js +35 -0
  135. package/dist/index336.js +28 -7
  136. package/dist/index338.js +57 -227
  137. package/dist/index339.js +58 -47
  138. package/dist/index340.js +7 -6
  139. package/dist/index341.js +6 -58
  140. package/dist/index342.js +7 -57
  141. package/dist/index343.js +221 -86
  142. package/dist/index344.js +95 -0
  143. package/dist/index345.js +482 -3
  144. package/dist/index348.js +3 -127
  145. package/dist/index349.js +43 -478
  146. package/dist/index35.js +4 -4
  147. package/dist/index350.js +429 -40
  148. package/dist/index351.js +129 -0
  149. package/dist/index37.js +101 -101
  150. package/dist/index39.js +5 -5
  151. package/dist/index41.js +2 -2
  152. package/dist/index43.js +8 -8
  153. package/dist/index45.js +8 -8
  154. package/dist/index47.js +2 -2
  155. package/dist/index49.js +3 -3
  156. package/dist/index53.js +1 -1
  157. package/dist/index55.js +1 -1
  158. package/dist/index57.js +2 -2
  159. package/dist/index61.js +3 -3
  160. package/dist/index67.js +1 -1
  161. package/dist/index73.js +23 -26
  162. package/dist/index77.js +32 -34
  163. package/dist/index79.js +4 -4
  164. package/dist/index81.js +1 -1
  165. package/dist/index83.js +2 -2
  166. package/dist/index85.js +1 -1
  167. package/dist/index87.js +1 -1
  168. package/dist/index90.js +4 -4
  169. package/dist/index92.js +2 -2
  170. package/dist/index94.js +7 -6
  171. package/dist/index96.js +1 -1
  172. package/dist/utilities/functions/parseSize.d.ts +2 -0
  173. package/package.json +1 -1
  174. package/dist/index211.js +0 -4
  175. package/dist/index246.js +0 -17
  176. package/dist/index337.js +0 -21
  177. package/dist/index347.js +0 -438
package/dist/index229.js CHANGED
@@ -1,7 +1,7 @@
1
- import { getDefaultExportFromCjs as r } from "./index303.js";
2
- import { __require as e } from "./index295.js";
3
- var o = e();
4
- const m = /* @__PURE__ */ r(o);
1
+ import { getDefaultExportFromCjs as r } from "./index308.js";
2
+ import { __require as e } from "./index296.js";
3
+ var t = e();
4
+ const m = /* @__PURE__ */ r(t);
5
5
  export {
6
6
  m as default
7
7
  };
package/dist/index23.js CHANGED
@@ -1,25 +1,25 @@
1
1
  import { defineComponent as K, watchEffect as Q, ref as l, computed as k, watch as D, createBlock as C, openBlock as Y, normalizeClass as w, withCtx as i, createVNode as B, unref as r, createCommentVNode as X, withDirectives as x, createElementVNode as s, mergeProps as S, withModifiers as ee, toDisplayString as E, renderSlot as c } from "vue";
2
2
  import { _config as te } from "./index4.js";
3
- import o from "./index227.js";
4
- import ae from "./index228.js";
5
- import oe from "./index229.js";
6
- import re from "./index230.js";
7
- import ne from "./index231.js";
8
- import le from "./index232.js";
9
- import { identity as ie } from "./index233.js";
10
- import { isEmpty as se } from "./index234.js";
11
- import { last as de } from "./index235.js";
3
+ import o from "./index226.js";
4
+ import ae from "./index227.js";
5
+ import oe from "./index228.js";
6
+ import re from "./index229.js";
7
+ import ne from "./index230.js";
8
+ import le from "./index231.js";
9
+ import { identity as ie } from "./index232.js";
10
+ import { isEmpty as se } from "./index233.js";
11
+ import { last as de } from "./index234.js";
12
12
  import { useId as ue } from "./index8.js";
13
- import { useLocale as pe } from "./index217.js";
13
+ import { useLocale as pe } from "./index235.js";
14
14
  import { useMobile as ce } from "./index9.js";
15
- import { useUntil as me } from "./index218.js";
16
- import { vMaska as fe } from "./index219.js";
15
+ import { useUntil as me } from "./index236.js";
16
+ import { vMaska as fe } from "./index237.js";
17
17
  import be from "./index21.js";
18
18
  /* empty css */
19
- import ge from "./index213.js";
19
+ import ge from "./index210.js";
20
20
  /* empty css */
21
- import ke from "./index212.js";
22
- import ye from "./index222.js";
21
+ import ke from "./index209.js";
22
+ import ye from "./index238.js";
23
23
  /* empty css */
24
24
  const ve = ["inert"], Ve = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Me = ["aria-label", "disabled"], he = ["id"], ze = /* @__PURE__ */ K({
25
25
  __name: "BaseDatePickerInput",
package/dist/index230.js CHANGED
@@ -1,7 +1,7 @@
1
- import { getDefaultExportFromCjs as r } from "./index303.js";
2
- import { __require as e } from "./index297.js";
3
- var t = e();
4
- const m = /* @__PURE__ */ r(t);
1
+ import { getDefaultExportFromCjs as r } from "./index308.js";
2
+ import { __require as e } from "./index298.js";
3
+ var o = e();
4
+ const m = /* @__PURE__ */ r(o);
5
5
  export {
6
6
  m as default
7
7
  };
package/dist/index231.js CHANGED
@@ -1,7 +1,7 @@
1
- import { getDefaultExportFromCjs as r } from "./index303.js";
2
- import { __require as e } from "./index299.js";
3
- var o = e();
4
- const m = /* @__PURE__ */ r(o);
1
+ import { getDefaultExportFromCjs as r } from "./index308.js";
2
+ import { __require as t } from "./index300.js";
3
+ var o = t();
4
+ const a = /* @__PURE__ */ r(o);
5
5
  export {
6
- m as default
6
+ a as default
7
7
  };
package/dist/index232.js CHANGED
@@ -1,7 +1,4 @@
1
- import { getDefaultExportFromCjs as r } from "./index303.js";
2
- import { __require as t } from "./index301.js";
3
- var o = t();
4
- const a = /* @__PURE__ */ r(o);
1
+ const e = (t) => t;
5
2
  export {
6
- a as default
3
+ e as identity
7
4
  };
package/dist/index233.js CHANGED
@@ -1,4 +1,4 @@
1
- const e = (t) => t;
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;
2
2
  export {
3
- e as identity
3
+ n as isEmpty
4
4
  };
package/dist/index234.js CHANGED
@@ -1,4 +1,4 @@
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
+ const e = (t) => t[t.length - 1];
2
2
  export {
3
- n as isEmpty
3
+ e as last
4
4
  };
package/dist/index235.js CHANGED
@@ -1,4 +1,15 @@
1
- const e = (t) => t[t.length - 1];
1
+ import { locales as t } from "./index303.js";
2
+ import { _config as m } from "./index4.js";
3
+ import { get as c } from "./index304.js";
4
+ import { readonly as l, computed as n } from "vue";
5
+ const p = (o, ...r) => l(
6
+ n(() => c(t[m.locale], o).replace(
7
+ /\{(\d+)\}/g,
8
+ (a, e) => r[e]
9
+ ))
10
+ ), d = () => ({
11
+ t: p
12
+ });
2
13
  export {
3
- e as last
14
+ d as useLocale
4
15
  };
package/dist/index236.js CHANGED
@@ -1,53 +1,13 @@
1
- import { computed as l, unref as o } from "vue";
2
- import { useItemText as x } from "./index306.js";
3
- import { useItemValue as w } from "./index273.js";
4
- import { hash as y } from "./index226.js";
5
- import { useLogger as D } from "./index255.js";
6
- const { getItemText: O } = x(), { getItemValue: V } = w(), { warn: H } = D(), T = (u, c, m, a, d, r) => r ? !1 : !!(c || u.disabled || a && d >= a), q = ({
7
- items: u,
8
- disabled: c,
9
- selectable: m,
10
- itemText: a,
11
- itemValue: d,
12
- selectedIndexedByHash: r,
13
- max: b = 1 / 0
14
- }) => {
15
- const v = l(() => o(c)), p = l(() => o(u)), h = l(
16
- () => Object.keys(r.value).length
17
- ), g = o(b), f = (e) => {
18
- const n = V(e, o(d)), t = y(n), i = O(e, o(a)), s = r.value[t] !== void 0, I = T(
19
- e,
20
- v.value,
21
- m,
22
- g,
23
- h.value,
24
- s
25
- );
26
- return {
27
- item: e,
28
- text: i,
29
- value: n,
30
- valueHash: t,
31
- selected: s,
32
- disabled: o(I)
33
- };
34
- };
35
- return {
36
- options: l(() => {
37
- const e = [], n = /* @__PURE__ */ new Set();
38
- for (let t = 0; t < p.value.length; t++) {
39
- const i = p.value[t];
40
- i.disabled && H(
41
- "Disabling an item by passing a disabled option to the item itself is deprecated and will be removed in a future version. Use the `disabled` prop or the `selectable` iteratee prop instead."
42
- );
43
- const s = f(i);
44
- n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
45
- }
46
- return e;
47
- }),
48
- createOption: f
49
- };
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;
50
10
  };
51
11
  export {
52
- q as useBaseOptions
12
+ i as useUntil
53
13
  };
package/dist/index237.js CHANGED
@@ -1,19 +1,22 @@
1
- import { computed as i, unref as m } from "vue";
2
- import { hash as s } from "./index226.js";
3
- const p = ({ items: a, key: r }) => {
4
- const n = i(() => {
5
- const t = {}, c = new Array().concat(m(a));
6
- for (let e = 0; e < c.length; e++) {
7
- const o = c[e], u = r ? String(o[r]) : s(o);
8
- t[u] = o;
9
- }
10
- return t;
11
- });
12
- return {
13
- data: n,
14
- get: (t) => r ? n.value[String(t[r])] : n.value[s(t)]
15
- };
1
+ import { MaskInput as r } from "./index212.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));
16
19
  };
17
20
  export {
18
- p as useIndexById
21
+ k as vMaska
19
22
  };
package/dist/index238.js CHANGED
@@ -1,108 +1,115 @@
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 "./index226.js";
3
- import { isNil as l } from "./index225.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
- },
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 "./index331.js";
4
+ import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index332.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,
75
27
  {
76
- 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"
77
41
  }
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"])
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
+ })
98
74
  }, {
99
- default: $(() => [
100
- z(D(o.text), 1)
101
- ]),
102
- _: 2
103
- }, 1032, ["class", "text", "onClick:clear"]))), 128));
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
+ ];
108
+ }),
109
+ _: 3
110
+ }, 8, ["class", "style"]));
104
111
  }
105
112
  });
106
113
  export {
107
- K as default
114
+ W as default
108
115
  };
package/dist/index240.js CHANGED
@@ -1,102 +1,108 @@
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 "./index226.js";
3
- import { isNil as i } from "./index225.js";
4
- const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
5
- __name: "CommaBox",
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 "./index219.js";
3
+ import { isNil as l } from "./index262.js";
4
+ import E from "./index67.js";
5
+ /* empty css */
6
+ const K = /* @__PURE__ */ y({
7
+ __name: "ChipsBox",
6
8
  props: {
7
9
  options: {}
8
10
  },
9
11
  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;
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;
13
15
  let o = (s + e) % t.options.length;
14
16
  for (; t.options[o].disabled && o !== s; )
15
- o = u(e + 1);
17
+ o = a(e + 1);
16
18
  return o;
17
- }, b = () => {
18
- if (!l.value) return;
19
- const e = u();
19
+ }, x = () => {
20
+ if (!i.value) return;
21
+ const e = a();
20
22
  n.value = e;
21
23
  }, c = (e = 1) => {
22
- const s = i(n.value) ? 0 : n.value;
24
+ const s = l(n.value) ? 0 : n.value;
23
25
  let o = (s - e + t.options.length) % t.options.length;
24
26
  for (; t.options[o].disabled && o !== s; )
25
27
  o = c(e + 1);
26
28
  return o;
27
- }, w = async () => {
28
- if (!l.value) return;
29
+ }, m = async () => {
30
+ if (!i.value) return;
29
31
  const e = c();
30
32
  n.value = e;
31
- }, I = () => {
32
- if (!l.value) return;
33
+ }, w = () => {
34
+ if (!i.value) return;
33
35
  let e = 0;
34
36
  for (; t.options[e].disabled; )
35
37
  e++;
36
38
  n.value = e;
37
- }, g = () => {
38
- if (!l.value) return;
39
+ }, b = () => {
40
+ if (!i.value) return;
39
41
  let e = t.options.length - 1;
40
42
  for (; t.options[e].disabled && e !== 0; )
41
43
  e--;
42
44
  n.value = e;
43
- }, k = () => {
44
- if (!l.value) return;
45
+ }, I = () => {
46
+ if (!i.value) return;
45
47
  let e = 0;
46
48
  for (; !t.options[e].selected && t.options.length !== e; )
47
49
  e++;
48
50
  n.value = e;
49
- }, _ = () => {
50
- if (!l.value) return;
51
+ }, g = () => {
52
+ if (!i.value) return;
51
53
  let e = t.options.length - 1;
52
54
  for (; t.options[e].selected && e !== 0; )
53
55
  e--;
54
56
  n.value = e;
55
- }, C = (e) => {
56
- if (!l.value) return;
57
+ }, _ = (e) => {
58
+ if (!i.value) return;
57
59
  const s = t.options.findIndex(
58
60
  (o) => o.valueHash === e
59
61
  );
60
62
  s >= 0 && (n.value = s);
61
63
  }, r = () => {
62
64
  n.value = null;
63
- }, y = () => {
64
- if (i(n.value)) return;
65
+ }, k = () => {
66
+ if (l(n.value)) return;
65
67
  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
+ e.selected && u("option:unselected", e);
69
+ }, C = () => l(n.value) ? void 0 : t.options[n.value];
68
70
  return N(
69
71
  () => t.options,
70
72
  (e, s) => {
71
- f(e) !== f(s) && r();
73
+ d(e) !== d(s) && r();
72
74
  },
73
75
  {
74
76
  flush: "post"
75
77
  }
76
- ), h({
77
- focusNext: b,
78
- focusPrevious: w,
79
- focusFirst: I,
80
- focusFirstSelected: k,
81
- focusLast: g,
82
- focusLastSelected: _,
78
+ ), v({
79
+ focusNext: x,
80
+ focusPrevious: m,
81
+ focusFirst: w,
82
+ focusFirstSelected: I,
83
+ focusLast: b,
84
+ focusLastSelected: g,
83
85
  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", {
86
+ confirmOption: k,
87
+ focusByHash: _,
88
+ getHighlighted: C
89
+ }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
88
90
  key: o.valueHash,
89
91
  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
92
+ "bb-chipsbox-item": !0,
93
+ "bb-chipsbox-item--focused": B === n.value
93
94
  }),
94
95
  clearable: !0,
95
96
  text: o.text,
96
- "onClick:clear": O((D) => a("option:unselected", o), ["stop"])
97
- }, V(o.text), 43, z))), 128));
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));
98
104
  }
99
105
  });
100
106
  export {
101
- j as default
107
+ K as default
102
108
  };