bitboss-ui 2.1.76 → 2.1.77

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 (190) hide show
  1. package/dist/components/BbDropdown/BbDropdown.vue.d.ts +23 -2
  2. package/dist/components/BbPopover/BbPopover.vue.d.ts +34 -9
  3. package/dist/components/BbTooltip/BbTooltip.vue.d.ts +6 -0
  4. package/dist/components/CommonPopover.vue.d.ts +5 -0
  5. package/dist/index.css +1 -1
  6. package/dist/index107.js +9 -9
  7. package/dist/index112.js +1 -1
  8. package/dist/index114.js +1 -1
  9. package/dist/index120.js +1 -1
  10. package/dist/index122.js +13 -13
  11. package/dist/index13.js +1 -1
  12. package/dist/index130.js +1 -1
  13. package/dist/index132.js +4 -4
  14. package/dist/index134.js +1 -1
  15. package/dist/index136.js +2 -2
  16. package/dist/index139.js +1 -1
  17. package/dist/index141.js +2 -2
  18. package/dist/index143.js +2 -2
  19. package/dist/index15.js +4 -4
  20. package/dist/index17.js +3 -3
  21. package/dist/index19.js +8 -8
  22. package/dist/index21.js +14 -14
  23. package/dist/index214.js +2 -138
  24. package/dist/index215.js +138 -2
  25. package/dist/index217.js +5 -7
  26. package/dist/index218.js +8 -2
  27. package/dist/index219.js +5 -5
  28. package/dist/index220.js +5 -8
  29. package/dist/index221.js +5 -5
  30. package/dist/index222.js +5 -2
  31. package/dist/index223.js +3 -2
  32. package/dist/index224.js +2 -2
  33. package/dist/index225.js +6 -13
  34. package/dist/index226.js +8 -9
  35. package/dist/index227.js +268 -3
  36. package/dist/index228.js +52 -3
  37. package/dist/index229.js +52 -2
  38. package/dist/index23.js +10 -10
  39. package/dist/index230.js +31 -17
  40. package/dist/index231.js +60 -12
  41. package/dist/index232.js +13 -51
  42. package/dist/index233.js +32 -14
  43. package/dist/index234.js +28 -12
  44. package/dist/index236.js +2 -29
  45. package/dist/index237.js +2 -16
  46. package/dist/index238.js +3 -4
  47. package/dist/index239.js +12 -105
  48. package/dist/index240.js +15 -0
  49. package/dist/index241.js +2 -100
  50. package/dist/index242.js +11 -0
  51. package/dist/index243.js +67 -59
  52. package/dist/index245.js +4 -229
  53. package/dist/index246.js +22 -12
  54. package/dist/index247.js +2 -3
  55. package/dist/index248.js +7 -5
  56. package/dist/index249.js +7 -5
  57. package/dist/index25.js +3 -3
  58. package/dist/index250.js +4 -5
  59. package/dist/index251.js +9 -5
  60. package/dist/index252.js +29 -5
  61. package/dist/index253.js +16 -5
  62. package/dist/index254.js +16 -19
  63. package/dist/index255.js +50 -32
  64. package/dist/index256.js +12 -28
  65. package/dist/index257.js +43 -0
  66. package/dist/index258.js +2 -2
  67. package/dist/index259.js +9 -2
  68. package/dist/index260.js +106 -7
  69. package/dist/index262.js +100 -10
  70. package/dist/index264.js +3 -4
  71. package/dist/index265.js +5 -3
  72. package/dist/index266.js +86 -4
  73. package/dist/index268.js +17 -0
  74. package/dist/index269.js +188 -86
  75. package/dist/index27.js +1 -1
  76. package/dist/index270.js +4 -0
  77. package/dist/index271.js +5 -5
  78. package/dist/index272.js +5 -6
  79. package/dist/index273.js +5 -8
  80. package/dist/index274.js +18 -266
  81. package/dist/index275.js +7 -51
  82. package/dist/index276.js +60 -45
  83. package/dist/index277.js +3 -32
  84. package/dist/index278.js +4 -60
  85. package/dist/index279.js +201 -9
  86. package/dist/index281.js +7 -9
  87. package/dist/index282.js +11 -8
  88. package/dist/index283.js +6 -9
  89. package/dist/index284.js +16 -23
  90. package/dist/index285.js +9 -12
  91. package/dist/index286.js +2 -187
  92. package/dist/index287.js +17 -66
  93. package/dist/index288.js +12 -6
  94. package/dist/index289.js +228 -15
  95. package/dist/index29.js +3 -3
  96. package/dist/index290.js +279 -40
  97. package/dist/index291.js +2 -11
  98. package/dist/index292.js +16 -3
  99. package/dist/index293.js +4 -0
  100. package/dist/index294.js +16 -3
  101. package/dist/index295.js +2 -5
  102. package/dist/index296.js +27 -7
  103. package/dist/index297.js +2 -3
  104. package/dist/index298.js +2 -3
  105. package/dist/index299.js +2 -3
  106. package/dist/index300.js +1 -1
  107. package/dist/index301.js +2 -28
  108. package/dist/index302.js +25 -14
  109. package/dist/index303.js +2 -4
  110. package/dist/index304.js +7 -280
  111. package/dist/index305.js +9 -2
  112. package/dist/index306.js +23 -125
  113. package/dist/index307.js +3 -2
  114. package/dist/index309.js +3 -2
  115. package/dist/index31.js +2 -2
  116. package/dist/index310.js +3 -16
  117. package/dist/index311.js +3 -2
  118. package/dist/index312.js +3 -16
  119. package/dist/index313.js +17 -2
  120. package/dist/index314.js +3 -19
  121. package/dist/index315.js +4 -2
  122. package/dist/index317.js +125 -3
  123. package/dist/index318.js +2 -5
  124. package/dist/index319.js +15 -3
  125. package/dist/index320.js +2 -2
  126. package/dist/index321.js +17 -25
  127. package/dist/index323.js +4 -2
  128. package/dist/index324.js +6 -2
  129. package/dist/index326.js +5 -2
  130. package/dist/index327.js +3 -2
  131. package/dist/index328.js +719 -6
  132. package/dist/index329.js +366 -4
  133. package/dist/index33.js +8 -8
  134. package/dist/index330.js +57 -719
  135. package/dist/index331.js +5 -366
  136. package/dist/index332.js +6 -56
  137. package/dist/index333.js +18 -57
  138. package/dist/index334.js +9 -58
  139. package/dist/index335.js +14 -46
  140. package/dist/index336.js +6 -34
  141. package/dist/index337.js +58 -6
  142. package/dist/index338.js +57 -128
  143. package/dist/index339.js +5 -398
  144. package/dist/index340.js +2 -8
  145. package/dist/index341.js +34 -5
  146. package/dist/index342.js +6 -8
  147. package/dist/index343.js +121 -85
  148. package/dist/index344.js +390 -220
  149. package/dist/index345.js +20 -518
  150. package/dist/index347.js +8 -5
  151. package/dist/index348.js +5 -6
  152. package/dist/index349.js +8 -19
  153. package/dist/index35.js +4 -4
  154. package/dist/index350.js +92 -8
  155. package/dist/index351.js +131 -12
  156. package/dist/index352.js +46 -6
  157. package/dist/index353.js +226 -48
  158. package/dist/index354.js +518 -20
  159. package/dist/index355.js +443 -0
  160. package/dist/index356.js +114 -427
  161. package/dist/index357.js +48 -126
  162. package/dist/index37.js +17 -17
  163. package/dist/index39.js +7 -7
  164. package/dist/index41.js +2 -2
  165. package/dist/index43.js +8 -8
  166. package/dist/index45.js +6 -6
  167. package/dist/index49.js +1 -1
  168. package/dist/index53.js +1 -1
  169. package/dist/index55.js +1 -1
  170. package/dist/index57.js +2 -2
  171. package/dist/index61.js +4 -4
  172. package/dist/index67.js +1 -1
  173. package/dist/index80.js +209 -156
  174. package/dist/index82.js +1 -1
  175. package/dist/index84.js +2 -2
  176. package/dist/index86.js +3 -3
  177. package/dist/index88.js +1 -1
  178. package/dist/index91.js +3 -3
  179. package/dist/index93.js +2 -2
  180. package/dist/index95.js +160 -100
  181. package/dist/index97.js +1 -1
  182. package/dist/types/CommonProps.d.ts +1 -1
  183. package/package.json +1 -1
  184. package/dist/index235.js +0 -19
  185. package/dist/index261.js +0 -9
  186. package/dist/index263.js +0 -5
  187. package/dist/index267.js +0 -203
  188. package/dist/index280.js +0 -25
  189. package/dist/index308.js +0 -17
  190. package/dist/index346.js +0 -136
package/dist/index80.js CHANGED
@@ -1,19 +1,19 @@
1
- import { defineComponent as oe, ref as K, computed as b, useTemplateRef as ne, watch as h, onBeforeUnmount as ae, createElementBlock as I, openBlock as y, Fragment as S, renderSlot as c, createCommentVNode as _, createVNode as H, normalizeProps as re, mergeProps as C, withCtx as M, createElementVNode as U, normalizeStyle as ie, unref as R, renderList as se, createBlock as W, toDisplayString as le } from "vue";
2
- import { findRightIndex as T } from "./index283.js";
3
- import { useId as de } from "./index8.js";
4
- import { useUntil as ue } from "./index246.js";
5
- import { wait as pe } from "./index140.js";
6
- import ce from "./index13.js";
1
+ import { defineComponent as fe, ref as C, computed as p, useTemplateRef as ve, watch as $, onBeforeUnmount as be, createElementBlock as M, openBlock as E, Fragment as B, renderSlot as v, createCommentVNode as V, createVNode as x, normalizeProps as ye, mergeProps as q, withCtx as G, createElementVNode as J, normalizeStyle as we, unref as Q, renderList as ge, createBlock as Z, toDisplayString as he } from "vue";
2
+ import { findRightIndex as R } from "./index305.js";
3
+ import { useId as Ee } from "./index8.js";
4
+ import { useUntil as Le } from "./index240.js";
5
+ import { wait as ke } from "./index140.js";
6
+ import De from "./index13.js";
7
7
  /* empty css */
8
- import j from "./index86.js";
8
+ import ee from "./index86.js";
9
9
  /* empty css */
10
- import me from "./index243.js";
10
+ import $e from "./index243.js";
11
11
  /* empty css */
12
- import z from "./index284.js";
13
- import { extractDomContainer as B } from "./index264.js";
14
- import { useIntersectionObserver as fe, useElementSize as ve } from "./index141.js";
15
- import { parseWidthString as be } from "./index280.js";
16
- const ye = ["id", "aria-labelledby", "inert"], we = { class: "item__content" }, Pe = /* @__PURE__ */ oe({
12
+ import te from "./index306.js";
13
+ import { extractDomContainer as H } from "./index245.js";
14
+ import { useIntersectionObserver as Ae, useElementSize as Se } from "./index141.js";
15
+ import { parseWidthString as Pe } from "./index246.js";
16
+ const Ie = ["id", "aria-labelledby", "inert"], Te = { class: "item__content" }, Oe = 500, _e = 10, ze = /* @__PURE__ */ fe({
17
17
  inheritAttrs: !1,
18
18
  __name: "BbDropdown",
19
19
  props: {
@@ -23,61 +23,81 @@ const ye = ["id", "aria-labelledby", "inert"], we = { class: "item__content" },
23
23
  id: {},
24
24
  offset: { default: 3 },
25
25
  padding: { default: 6 },
26
- placement: { default: "bottom" },
27
26
  transitionDuration: { default: 300 },
27
+ placement: { default: "bottom" },
28
28
  activator: {},
29
29
  items: {},
30
30
  theme: { default: "default" },
31
+ trigger: { default: "click" },
31
32
  width: { default: "auto" }
32
33
  },
33
- setup(N) {
34
- const i = N, d = i.id ?? `bb_${de().id.value}`, m = K(), k = b(() => B(m.value)), G = b(() => i.activator != null), J = ne("popover"), u = b(() => B(J.value)), o = K(!1), Q = ue(o, { initialValue: i.eager }), O = (e) => {
35
- const n = B(e);
36
- n && (m.value = n);
37
- }, { resume: X, pause: Y } = fe(
38
- k,
34
+ setup(oe) {
35
+ const r = oe, d = r.id ?? `bb_${Ee().id.value}`, b = C(), A = p(() => H(b.value)), ne = p(() => r.activator != null), re = ve("popover"), m = p(() => H(re.value)), a = C(!1), ae = Le(a, { initialValue: r.eager }), ie = p(() => {
36
+ const e = r.trigger;
37
+ return new Set(Array.isArray(e) ? e : [e]);
38
+ }), S = (e, t) => ({
39
+ getBoundingClientRect: () => ({
40
+ x: e,
41
+ y: t,
42
+ width: 0,
43
+ height: 0,
44
+ top: t,
45
+ left: e,
46
+ right: e,
47
+ bottom: t,
48
+ toJSON() {
49
+ return this;
50
+ }
51
+ })
52
+ }), y = C(null), se = p(
53
+ () => r.placement === "cursor" && y.value ? y.value : b.value
54
+ ), F = (e) => {
55
+ const t = H(e);
56
+ t && (b.value = t);
57
+ }, { resume: le, pause: de } = Ae(
58
+ A,
39
59
  async ([{ intersectionRatio: e }]) => {
40
- e !== 1 && o.value && await p();
60
+ e !== 1 && a.value && await c();
41
61
  },
42
62
  { threshold: [0, 1], immediate: !1 }
43
- ), E = b(() => {
44
- let e = i.items.findIndex((a) => !a.disabled), n = T(
45
- i.items,
46
- (a) => !a.disabled
63
+ ), P = p(() => {
64
+ let e = r.items.findIndex((o) => !o.disabled), t = R(
65
+ r.items,
66
+ (o) => !o.disabled
47
67
  );
48
- return i.items.map((a, t) => {
49
- const r = `${d}-item-${a.key}`, { onClick: D, ...A } = a, x = async (s) => {
50
- s.stopPropagation(), await p();
68
+ return r.items.map((o, n) => {
69
+ const i = `${d}-item-${o.key}`, { onClick: T, ...O } = o, ce = async (s) => {
70
+ s.stopPropagation(), await c();
51
71
  const l = document.querySelector(`#${d}`);
52
- l && l.focus(), D?.(s);
53
- }, ee = (s) => {
54
- if (!(!(s.target instanceof HTMLElement) || !s.target.dataset.dropdownItem || !u.value)) {
72
+ l && l.focus(), T?.(s);
73
+ }, pe = (s) => {
74
+ if (!(!(s.target instanceof HTMLElement) || !s.target.dataset.dropdownItem || !m.value)) {
55
75
  if (s.key === "ArrowDown") {
56
- if (s.preventDefault(), t !== n) {
57
- const l = u.value.querySelector(
58
- z.map((g) => `#${r} ~ ${g}`).join(",")
76
+ if (s.preventDefault(), n !== t) {
77
+ const l = m.value.querySelector(
78
+ te.map((D) => `#${i} ~ ${D}`).join(",")
59
79
  );
60
80
  l instanceof HTMLElement && l.focus();
61
81
  }
62
82
  } else if (s.key === "ArrowUp") {
63
- if (s.preventDefault(), t !== e) {
64
- const l = T(
65
- i.items,
66
- (L, te) => te < t && !L.disabled
67
- ), v = Array.from(
68
- u.value.querySelectorAll(".bb-dropdown__item")
83
+ if (s.preventDefault(), n !== e) {
84
+ const l = R(
85
+ r.items,
86
+ (_, me) => me < n && !_.disabled
87
+ ), h = Array.from(
88
+ m.value.querySelectorAll(".bb-dropdown__item")
69
89
  )[l];
70
- v instanceof HTMLElement && v.focus();
90
+ h instanceof HTMLElement && h.focus();
71
91
  }
72
92
  } else if (s.key === "Tab") {
73
- if (t === n && !s.shiftKey) {
93
+ if (n === t && !s.shiftKey) {
74
94
  const l = Array.from(
75
- document.querySelectorAll(z.join(","))
76
- ), g = l.findIndex(
77
- (L) => L.id === d
78
- ), v = l[g + 1];
79
- v instanceof HTMLElement && (s.preventDefault(), p(), v.focus());
80
- } else if (t === e && s.shiftKey) {
95
+ document.querySelectorAll(te.join(","))
96
+ ), D = l.findIndex(
97
+ (_) => _.id === d
98
+ ), h = l[D + 1];
99
+ h instanceof HTMLElement && (s.preventDefault(), c(), h.focus());
100
+ } else if (n === e && s.shiftKey) {
81
101
  const l = document.querySelector(`#${d}`);
82
102
  l && (s.preventDefault(), l.focus());
83
103
  }
@@ -85,184 +105,217 @@ const ye = ["id", "aria-labelledby", "inert"], we = { class: "item__content" },
85
105
  }
86
106
  };
87
107
  return {
88
- ...A,
89
- original: a,
90
- key: a.key.split(/\W+/g).join("_").toLowerCase(),
91
- disabled: A.disabled || i.disabled,
92
- id: r,
93
- onClick: x,
94
- onKeydown: ee
108
+ ...O,
109
+ original: o,
110
+ key: o.key.split(/\W+/g).join("_").toLowerCase(),
111
+ disabled: O.disabled || r.disabled,
112
+ id: i,
113
+ onClick: ce,
114
+ onKeydown: pe
95
115
  };
96
116
  });
97
- }), P = (e) => {
98
- i.disabled || (e.stopPropagation(), o.value ? p() : $());
99
- }, q = async (e) => {
100
- if (i.disabled) return;
101
- const n = i.items.findIndex((r) => !r.disabled), a = T(
102
- i.items,
103
- (r) => !r.disabled
104
- ), t = (r) => {
105
- if (!u.value || !E.value.length || r === -1) return;
106
- const D = E.value[r].id;
107
- u.value.querySelector(`#${D}`)?.focus();
117
+ }), K = (e) => {
118
+ if (!r.disabled) {
119
+ if (L) {
120
+ L = !1, e.preventDefault(), e.stopPropagation();
121
+ return;
122
+ }
123
+ e.stopPropagation(), r.placement === "cursor" && (y.value = S(e.clientX, e.clientY)), a.value ? c() : w();
124
+ }
125
+ }, N = (e) => {
126
+ r.disabled || (e.preventDefault(), e.stopPropagation(), !(r.placement === "cursor" && (y.value = S(e.clientX, e.clientY), a.value)) && (a.value ? c() : w()));
127
+ };
128
+ let U, u = null, L = !1;
129
+ const I = () => {
130
+ clearTimeout(U), u = null;
131
+ }, Y = (e) => {
132
+ r.disabled || e.pointerType === "mouse" || (L = !1, u = { x: e.clientX, y: e.clientY }, U = setTimeout(() => {
133
+ L = !0, r.placement === "cursor" && u && (y.value = S(
134
+ u.x,
135
+ u.y
136
+ )), u = null, w();
137
+ }, Oe));
138
+ }, W = (e) => {
139
+ if (!u) return;
140
+ const t = e.clientX - u.x, o = e.clientY - u.y;
141
+ Math.sqrt(t * t + o * o) > _e && I();
142
+ }, k = () => {
143
+ I();
144
+ }, X = async (e) => {
145
+ if (r.disabled) return;
146
+ const t = r.items.findIndex((i) => !i.disabled), o = R(
147
+ r.items,
148
+ (i) => !i.disabled
149
+ ), n = (i) => {
150
+ if (!m.value || !P.value.length || i === -1) return;
151
+ const T = P.value[i].id;
152
+ m.value.querySelector(`#${T}`)?.focus();
108
153
  };
109
- e.key === "ArrowDown" ? (e.preventDefault(), o.value || await $(), t(n)) : e.key === "ArrowUp" ? (e.preventDefault(), o.value || await $(), t(a)) : e.key === "Tab" && o.value && !e.shiftKey && (e.preventDefault(), t(n));
110
- }, w = (e) => {
111
- const n = e.target;
112
- if (!(n instanceof HTMLElement)) return;
113
- !u.value?.contains(n) && p();
114
- }, V = (e) => {
115
- !o.value || e.key !== "Escape" || (e.stopImmediatePropagation(), e.preventDefault(), document.activeElement?.id !== d && document.querySelector(`#${d}`)?.focus(), p());
116
- }, $ = async () => {
117
- X(), await pe(50), o.value = !0, document.addEventListener("click", w, { passive: !0 }), document.addEventListener("focusin", w, { passive: !0 }), document.addEventListener("keydown", V, { capture: !0 });
118
- }, p = async () => {
119
- o.value = !1, Y();
154
+ e.key === "ArrowDown" ? (e.preventDefault(), a.value || await w(), n(t)) : e.key === "ArrowUp" ? (e.preventDefault(), a.value || await w(), n(o)) : e.key === "Tab" && a.value && !e.shiftKey && (e.preventDefault(), n(t));
155
+ }, f = (e) => {
156
+ const t = e.target;
157
+ if (!(t instanceof HTMLElement)) return;
158
+ !m.value?.contains(t) && c();
159
+ }, j = (e) => {
160
+ !a.value || e.key !== "Escape" || (e.stopImmediatePropagation(), e.preventDefault(), document.activeElement?.id !== d && document.querySelector(`#${d}`)?.focus(), c());
161
+ }, w = async () => {
162
+ le(), await ke(50), a.value = !0, document.addEventListener("click", f, { passive: !0 }), document.addEventListener("contextmenu", f, {
163
+ passive: !0
164
+ }), document.addEventListener("focusin", f, { passive: !0 }), document.addEventListener("keydown", j, { capture: !0 });
165
+ }, c = async () => {
166
+ a.value = !1, de();
120
167
  };
121
- h(o, (e) => {
122
- e || (document.removeEventListener("click", w), document.removeEventListener("focusin", w), document.removeEventListener("keydown", V, { capture: !0 }));
123
- }), h(
124
- () => i.activator,
168
+ $(a, (e) => {
169
+ e || (document.removeEventListener("click", f), document.removeEventListener("contextmenu", f), document.removeEventListener("focusin", f), document.removeEventListener("keydown", j, { capture: !0 }));
170
+ }), $(
171
+ () => r.activator,
125
172
  (e) => {
126
- e && O(e);
173
+ e && F(e);
127
174
  },
128
175
  { immediate: !0 }
129
176
  );
130
- let f = null;
131
- h(
132
- m,
133
- (e) => {
134
- f && (f(), f = null), e && (e.id = d, e.addEventListener("click", P), e.addEventListener("keydown", q), f = () => {
135
- e.removeEventListener("click", P), e.removeEventListener("keydown", q), e.removeAttribute("id"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls");
136
- });
177
+ let g = null;
178
+ $(
179
+ [b, ie],
180
+ ([e, t]) => {
181
+ if (g && (g(), g = null), !e) return;
182
+ e.id = d;
183
+ const o = [];
184
+ t.has("click") && (e.addEventListener("click", K), o.push(() => e.removeEventListener("click", K))), t.has("contextMenu") && (e.addEventListener("contextmenu", N), e.addEventListener("pointerdown", Y), e.addEventListener("pointermove", W), e.addEventListener("pointerup", k), e.addEventListener("pointercancel", k), o.push(() => {
185
+ e.removeEventListener("contextmenu", N), e.removeEventListener("pointerdown", Y), e.removeEventListener("pointermove", W), e.removeEventListener("pointerup", k), e.removeEventListener("pointercancel", k), I();
186
+ })), e.addEventListener("keydown", X), o.push(() => e.removeEventListener("keydown", X)), g = () => {
187
+ o.forEach((n) => n()), e.removeAttribute("id"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls");
188
+ };
137
189
  },
138
190
  { immediate: !0 }
139
- ), h(
140
- [m, o, Q],
141
- ([e, n, a]) => {
142
- e && (e.setAttribute("aria-expanded", a ? String(n) : "false"), a ? e.setAttribute("aria-controls", `menu_${d}`) : e.removeAttribute("aria-controls"));
191
+ ), $(
192
+ [b, a, ae],
193
+ ([e, t, o]) => {
194
+ e && (e.setAttribute("aria-expanded", o ? String(t) : "false"), o ? e.setAttribute("aria-controls", `menu_${d}`) : e.removeAttribute("aria-controls"));
143
195
  },
144
196
  { immediate: !0 }
145
- ), ae(() => {
146
- f?.();
197
+ ), be(() => {
198
+ g?.();
147
199
  });
148
- const { width: Z } = ve(
149
- k,
200
+ const { width: ue } = Se(
201
+ A,
150
202
  { width: 0, height: 0 },
151
203
  {
152
204
  box: "border-box"
153
205
  }
154
- ), F = b(() => {
155
- if (i.width !== "auto") {
156
- if (i.width) {
157
- const { value: e, unit: n } = be(i.width);
158
- return n === "%" ? k.value ? `${Z.value * (e / 100)}px` : "0px" : `${e}px`;
206
+ ), z = p(() => {
207
+ if (r.width !== "auto") {
208
+ if (r.width) {
209
+ const { value: e, unit: t } = Pe(r.width);
210
+ return t === "%" ? A.value ? `${ue.value * (e / 100)}px` : "0px" : `${e}px`;
159
211
  }
160
212
  return "0px";
161
213
  }
162
214
  });
163
- return (e, n) => (y(), I(S, null, [
164
- G.value ? _("", !0) : c(e.$slots, "activator", re(C({ key: 0 }, {
215
+ return (e, t) => (E(), M(B, null, [
216
+ ne.value ? V("", !0) : v(e.$slots, "activator", ye(q({ key: 0 }, {
165
217
  props: {
166
- ref: O
218
+ ref: F
167
219
  },
168
220
  disabled: e.disabled,
169
- open: o.value,
221
+ open: a.value,
170
222
  placement: e.placement
171
223
  }))),
172
- H(me, C({
224
+ x($e, q({
173
225
  ref: "popover",
174
- modelValue: o.value,
175
- "onUpdate:modelValue": n[0] || (n[0] = (a) => o.value = a),
176
- anchor: m.value,
226
+ modelValue: a.value,
227
+ "onUpdate:modelValue": t[0] || (t[0] = (o) => a.value = o),
228
+ anchor: se.value,
177
229
  "arrow-padding": e.arrowPadding,
178
230
  class: ["bb-dropdown", {
179
231
  [`bb-dropdown--${e.theme}`]: !0
180
232
  }],
181
233
  eager: e.eager,
182
234
  offset: e.offset,
235
+ "hide-arrow": e.placement === "cursor",
183
236
  padding: e.padding,
184
- placement: e.placement,
237
+ placement: e.placement === "cursor" ? "bottom-start" : e.placement,
185
238
  "transition-duration": e.transitionDuration
186
239
  }, e.$attrs), {
187
- default: M(() => [
188
- U("span", {
189
- id: `menu_${R(d)}`,
190
- "aria-labelledby": R(d),
240
+ default: G(() => [
241
+ J("span", {
242
+ id: `menu_${Q(d)}`,
243
+ "aria-labelledby": Q(d),
191
244
  "aria-role": "menu",
192
245
  class: "bb-dropdown__items-container",
193
- inert: !o.value,
194
- style: ie(F.value ? { width: F.value } : void 0)
246
+ inert: !a.value,
247
+ style: we(z.value ? { width: z.value } : void 0)
195
248
  }, [
196
- c(e.$slots, "prepend", {
249
+ v(e.$slots, "prepend", {
197
250
  disabled: e.disabled,
198
- open: o.value,
251
+ open: a.value,
199
252
  placement: e.placement
200
253
  }),
201
- (y(!0), I(S, null, se(E.value, ({ original: a, ...t }, r) => (y(), I(S, {
202
- key: t.key
254
+ (E(!0), M(B, null, ge(P.value, ({ original: o, ...n }, i) => (E(), M(B, {
255
+ key: n.key
203
256
  }, [
204
- c(e.$slots, "item:prepend", {
205
- disabled: t.disabled,
206
- index: r,
207
- item: e.items[r],
208
- open: o.value,
257
+ v(e.$slots, "item:prepend", {
258
+ disabled: n.disabled,
259
+ index: i,
260
+ item: e.items[i],
261
+ open: a.value,
209
262
  placement: e.placement,
210
- text: t.text
263
+ text: n.text
211
264
  }),
212
- H(ce, C({
265
+ x(De, q({
213
266
  "aria-role": "menuitem",
214
267
  class: ["bb-dropdown__item", {
215
- "bb-dropdown__item--first": r === 0,
216
- "bb-dropdown__item--last": r === e.items.length - 1
268
+ "bb-dropdown__item--first": i === 0,
269
+ "bb-dropdown__item--last": i === e.items.length - 1
217
270
  }],
218
271
  "data-dropdown-item": !0,
219
272
  ref_for: !0
220
- }, t), {
221
- default: M(() => [
222
- c(e.$slots, t.key, {
223
- disabled: t.disabled,
224
- index: r,
225
- item: a,
226
- open: o.value,
273
+ }, n), {
274
+ default: G(() => [
275
+ v(e.$slots, n.key, {
276
+ disabled: n.disabled,
277
+ index: i,
278
+ item: o,
279
+ open: a.value,
227
280
  placement: e.placement,
228
- text: t.text
281
+ text: n.text
229
282
  }, () => [
230
- t["prepend:icon"] ? (y(), W(j, {
283
+ n["prepend:icon"] ? (E(), Z(ee, {
231
284
  key: 0,
232
285
  class: "item__prepend-icon",
233
- type: t["prepend:icon"]
234
- }, null, 8, ["type"])) : _("", !0),
235
- U("span", we, le(t.text), 1),
236
- t["append:icon"] ? (y(), W(j, {
286
+ type: n["prepend:icon"]
287
+ }, null, 8, ["type"])) : V("", !0),
288
+ J("span", Te, he(n.text), 1),
289
+ n["append:icon"] ? (E(), Z(ee, {
237
290
  key: 1,
238
291
  class: "item__append-icon",
239
- type: t["append:icon"]
240
- }, null, 8, ["type"])) : _("", !0)
292
+ type: n["append:icon"]
293
+ }, null, 8, ["type"])) : V("", !0)
241
294
  ])
242
295
  ]),
243
296
  _: 2
244
297
  }, 1040, ["class"]),
245
- c(e.$slots, "item:append", {
246
- disabled: t.disabled,
247
- index: r,
248
- item: e.items[r],
249
- open: o.value,
298
+ v(e.$slots, "item:append", {
299
+ disabled: n.disabled,
300
+ index: i,
301
+ item: e.items[i],
302
+ open: a.value,
250
303
  placement: e.placement,
251
- text: t.text
304
+ text: n.text
252
305
  })
253
306
  ], 64))), 128)),
254
- c(e.$slots, "append", {
307
+ v(e.$slots, "append", {
255
308
  disabled: e.disabled,
256
- open: o.value,
309
+ open: a.value,
257
310
  placement: e.placement
258
311
  })
259
- ], 12, ye)
312
+ ], 12, Ie)
260
313
  ]),
261
314
  _: 3
262
- }, 16, ["modelValue", "anchor", "arrow-padding", "class", "eager", "offset", "padding", "placement", "transition-duration"])
315
+ }, 16, ["modelValue", "anchor", "arrow-padding", "class", "eager", "offset", "hide-arrow", "padding", "placement", "transition-duration"])
263
316
  ], 64));
264
317
  }
265
318
  });
266
319
  export {
267
- Pe as default
320
+ ze as default
268
321
  };
package/dist/index82.js CHANGED
@@ -9,7 +9,7 @@ import z from "./index86.js";
9
9
  /* empty css */
10
10
  import I from "./index114.js";
11
11
  /* empty css */
12
- import { useLocale as M } from "./index225.js";
12
+ import { useLocale as M } from "./index232.js";
13
13
  const O = { class: "bb-dropdown-button__content" }, R = {
14
14
  key: 1,
15
15
  class: "bb-dropdown-button__loading-label sr-only"
package/dist/index84.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as j, ref as g, watch as x, computed as m, createBlock as G, openBlock as V, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
2
- import { findInTree as ae } from "./index289.js";
2
+ import { findInTree as ae } from "./index284.js";
3
3
  import { useId as re } from "./index8.js";
4
4
  import oe from "./index112.js";
5
5
  /* empty css */
@@ -53,7 +53,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dr
53
53
  const r = a.accept[t];
54
54
  if (r.includes("/")) e.push(r);
55
55
  else {
56
- b || (b = (await import("./index288.js")).default);
56
+ b || (b = (await import("./index283.js")).default);
57
57
  const o = b.getType(r);
58
58
  if (!o)
59
59
  throw new Error(
package/dist/index86.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as $, ref as f, computed as a, getCurrentInstance as d, onServerPrefetch as I, onBeforeMount as _, watch as L, createElementBlock as M, openBlock as B, mergeProps as k, inject as A } from "vue";
2
- import { isCssColor as C } from "./index224.js";
3
- import { get as m } from "./index291.js";
4
- import { useLogger as N } from "./index273.js";
2
+ import { isCssColor as C } from "./index236.js";
3
+ import { get as m } from "./index282.js";
4
+ import { useLogger as N } from "./index226.js";
5
5
  const S = ["innerHTML"], E = /* @__PURE__ */ $({
6
6
  __name: "BbIcon",
7
7
  props: {
package/dist/index88.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, createBlock as g, openBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
2
- import { throttle as c } from "./index247.js";
2
+ import { throttle as c } from "./index277.js";
3
3
  const M = /* @__PURE__ */ h({
4
4
  __name: "BbIntersection",
5
5
  props: {
package/dist/index91.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { defineComponent as I, mergeModels as B, useModel as N, computed as m, ref as L, watch as P, onMounted as W, createElementBlock as r, openBlock as d, withModifiers as F, normalizeStyle as O, normalizeClass as q, unref as p, createCommentVNode as v, Fragment as A, createElementVNode as o, renderSlot as l, createTextVNode as H, toDisplayString as M, nextTick as K } from "vue";
2
- import { parseSize as R } from "./index285.js";
2
+ import { parseSize as R } from "./index239.js";
3
3
  import { useId as $ } from "./index8.js";
4
- import { useLocale as U } from "./index225.js";
4
+ import { useLocale as U } from "./index232.js";
5
5
  import { useMobile as j } from "./index9.js";
6
- import { useUntil as G } from "./index246.js";
6
+ import { useUntil as G } from "./index240.js";
7
7
  import { wait as y } from "./index140.js";
8
8
  import { _config as J } from "./index4.js";
9
9
  const Q = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], X = {
package/dist/index93.js CHANGED
@@ -3,8 +3,8 @@ import { defineComponent as V, mergeModels as W, useModel as U, computed as b, r
3
3
  /* empty css */
4
4
  import P from "./index13.js";
5
5
  /* empty css */
6
- import { debounce as X } from "./index279.js";
7
- import { useLocale as H } from "./index225.js";
6
+ import { debounce as X } from "./index242.js";
7
+ import { useLocale as H } from "./index232.js";
8
8
  import { useRoute as J } from "./index146.js";
9
9
  const K = ["aria-label"], Q = { class: "bb-pagination__page-label sr-only" }, Y = { class: "bb-pagination__page-label" }, Z = { class: "bb-pagination__page-label" }, ee = { class: "bb-pagination__page-label sr-only" }, ue = /* @__PURE__ */ V({
10
10
  __name: "BbPagination",