bitboss-ui 2.1.91 → 2.1.93

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 (188) hide show
  1. package/dist/components/BbTab/BbTab.vue.d.ts +120 -91
  2. package/dist/index107.js +9 -9
  3. package/dist/index114.js +1 -1
  4. package/dist/index120.js +239 -167
  5. package/dist/index122.js +12 -12
  6. package/dist/index13.js +2 -2
  7. package/dist/index130.js +1 -1
  8. package/dist/index132.js +5 -5
  9. package/dist/index134.js +1 -1
  10. package/dist/index136.js +2 -2
  11. package/dist/index141.js +2 -2
  12. package/dist/index142.js +1 -1
  13. package/dist/index15.js +5 -5
  14. package/dist/index17.js +3 -3
  15. package/dist/index19.js +8 -8
  16. package/dist/index21.js +14 -14
  17. package/dist/index215.js +138 -2
  18. package/dist/index216.js +2 -138
  19. package/dist/index217.js +1 -1
  20. package/dist/index218.js +1 -1
  21. package/dist/index219.js +4 -5
  22. package/dist/index220.js +13 -5
  23. package/dist/index221.js +20 -5
  24. package/dist/index222.js +201 -5
  25. package/dist/index224.js +135 -2
  26. package/dist/index226.js +7 -8
  27. package/dist/index227.js +2 -268
  28. package/dist/index228.js +2 -52
  29. package/dist/index229.js +188 -52
  30. package/dist/index23.js +11 -11
  31. package/dist/index230.js +3 -32
  32. package/dist/index231.js +12 -59
  33. package/dist/index232.js +13 -13
  34. package/dist/index233.js +3 -4
  35. package/dist/index234.js +4 -20
  36. package/dist/index235.js +9 -200
  37. package/dist/index236.js +5 -0
  38. package/dist/index237.js +4 -135
  39. package/dist/index238.js +5 -0
  40. package/dist/index239.js +9 -10
  41. package/dist/index240.js +8 -3
  42. package/dist/index241.js +3 -4
  43. package/dist/index242.js +29 -3
  44. package/dist/index243.js +16 -86
  45. package/dist/index244.js +19 -0
  46. package/dist/index245.js +48 -26
  47. package/dist/index246.js +11 -16
  48. package/dist/index247.js +32 -50
  49. package/dist/index248.js +28 -15
  50. package/dist/index25.js +3 -3
  51. package/dist/index250.js +22 -15
  52. package/dist/index251.js +5 -34
  53. package/dist/index252.js +5 -9
  54. package/dist/index253.js +5 -13
  55. package/dist/index254.js +5 -23
  56. package/dist/index255.js +2 -9
  57. package/dist/index256.js +6 -23
  58. package/dist/index257.js +8 -2
  59. package/dist/index258.js +268 -2
  60. package/dist/index259.js +52 -4
  61. package/dist/index260.js +50 -7
  62. package/dist/index261.js +31 -52
  63. package/dist/index262.js +60 -2
  64. package/dist/index263.js +86 -2
  65. package/dist/index265.js +14 -32
  66. package/dist/index266.js +32 -26
  67. package/dist/index267.js +11 -0
  68. package/dist/index268.js +8 -10
  69. package/dist/index269.js +23 -5
  70. package/dist/index27.js +1 -1
  71. package/dist/index270.js +6 -3
  72. package/dist/index271.js +16 -6
  73. package/dist/index272.js +52 -15
  74. package/dist/index273.js +2 -106
  75. package/dist/index274.js +9 -0
  76. package/dist/index275.js +7 -100
  77. package/dist/index277.js +2 -3
  78. package/dist/index278.js +2 -13
  79. package/dist/index279.js +3 -5
  80. package/dist/index280.js +18 -5
  81. package/dist/index281.js +12 -5
  82. package/dist/index282.js +106 -3
  83. package/dist/index284.js +100 -7
  84. package/dist/index286.js +229 -3
  85. package/dist/index287.js +33 -2
  86. package/dist/index288.js +3 -7
  87. package/dist/index289.js +67 -7
  88. package/dist/index29.js +2 -2
  89. package/dist/index290.js +11 -67
  90. package/dist/index291.js +5 -18
  91. package/dist/index292.js +5 -12
  92. package/dist/index293.js +5 -229
  93. package/dist/index294.js +7 -0
  94. package/dist/index295.js +1 -1
  95. package/dist/index296.js +1 -1
  96. package/dist/index297.js +7 -17
  97. package/dist/index299.js +1 -1
  98. package/dist/index300.js +5 -3
  99. package/dist/index301.js +3 -6
  100. package/dist/index302.js +3 -280
  101. package/dist/index303.js +17 -2
  102. package/dist/index304.js +27 -15
  103. package/dist/index305.js +280 -2
  104. package/dist/index306.js +2 -16
  105. package/dist/index307.js +16 -2
  106. package/dist/index308.js +2 -27
  107. package/dist/index309.js +16 -2
  108. package/dist/index31.js +2 -2
  109. package/dist/index310.js +2 -2
  110. package/dist/index311.js +27 -2
  111. package/dist/index312.js +2 -2
  112. package/dist/index313.js +1 -1
  113. package/dist/index314.js +1 -1
  114. package/dist/index315.js +1 -1
  115. package/dist/index316.js +2 -4
  116. package/dist/index317.js +2 -5
  117. package/dist/index318.js +2 -719
  118. package/dist/index319.js +716 -363
  119. package/dist/index320.js +366 -57
  120. package/dist/index321.js +57 -3
  121. package/dist/index322.js +4 -3
  122. package/dist/index323.js +3 -4
  123. package/dist/index324.js +3 -6
  124. package/dist/index325.js +2 -5
  125. package/dist/index326.js +5 -124
  126. package/dist/index327.js +5 -2
  127. package/dist/index328.js +2 -15
  128. package/dist/index329.js +8 -2
  129. package/dist/index33.js +8 -8
  130. package/dist/index330.js +5 -18
  131. package/dist/index331.js +8 -2
  132. package/dist/index332.js +5 -2
  133. package/dist/index333.js +6 -7
  134. package/dist/index334.js +6 -5
  135. package/dist/index335.js +19 -8
  136. package/dist/index336.js +9 -5
  137. package/dist/index337.js +14 -6
  138. package/dist/index338.js +226 -33
  139. package/dist/index339.js +35 -6
  140. package/dist/index340.js +6 -129
  141. package/dist/index341.js +113 -382
  142. package/dist/index342.js +397 -6
  143. package/dist/index343.js +57 -18
  144. package/dist/index344.js +58 -9
  145. package/dist/index345.js +124 -14
  146. package/dist/index346.js +2 -58
  147. package/dist/index347.js +15 -58
  148. package/dist/index348.js +2 -22
  149. package/dist/index349.js +21 -0
  150. package/dist/index35.js +4 -4
  151. package/dist/index350.js +2 -2
  152. package/dist/index351.js +21 -227
  153. package/dist/index353.js +130 -89
  154. package/dist/index354.js +43 -437
  155. package/dist/index355.js +91 -126
  156. package/dist/index356.js +515 -42
  157. package/dist/index357.js +424 -503
  158. package/dist/index358.js +126 -48
  159. package/dist/index359.js +52 -0
  160. package/dist/index37.js +18 -18
  161. package/dist/index39.js +6 -6
  162. package/dist/index41.js +2 -2
  163. package/dist/index43.js +8 -8
  164. package/dist/index45.js +6 -6
  165. package/dist/index49.js +2 -2
  166. package/dist/index53.js +1 -1
  167. package/dist/index55.js +1 -1
  168. package/dist/index57.js +2 -2
  169. package/dist/index61.js +5 -5
  170. package/dist/index67.js +1 -1
  171. package/dist/index80.js +6 -6
  172. package/dist/index82.js +1 -1
  173. package/dist/index84.js +2 -2
  174. package/dist/index86.js +17 -17
  175. package/dist/index88.js +1 -1
  176. package/dist/index91.js +3 -3
  177. package/dist/index93.js +2 -2
  178. package/dist/index95.js +5 -5
  179. package/dist/utilities/functions/merge.d.ts +11 -1
  180. package/package.json +3 -3
  181. package/dist/index223.js +0 -5
  182. package/dist/index225.js +0 -8
  183. package/dist/index249.js +0 -14
  184. package/dist/index283.js +0 -10
  185. package/dist/index285.js +0 -190
  186. package/dist/index298.js +0 -30
  187. package/dist/index352.js +0 -136
  188. /package/dist/{index264.js → index276.js} +0 -0
package/dist/index120.js CHANGED
@@ -1,20 +1,33 @@
1
- import { defineComponent as j, ref as n, computed as _, watch as b, nextTick as G, onMounted as Q, createElementBlock as y, openBlock as c, normalizeClass as $, unref as Z, createElementVNode as h, renderSlot as v, normalizeProps as E, guardReactiveProps as W, normalizeStyle as ee, Fragment as F, renderList as z, createVNode as te, withCtx as q, toDisplayString as le, createBlock as N, resolveDynamicComponent as ae, Transition as ie, createCommentVNode as se } from "vue";
2
- import { useId as oe } from "./index8.js";
3
- import { useRoute as ne } from "./index146.js";
4
- import { useRouter as re } from "./index147.js";
5
- import { wait as ue } from "./index140.js";
6
- import { useScroll as de, useResizeObserver as ce } from "./index141.js";
7
- import fe from "./index13.js";
1
+ import { defineComponent as ie, ref as c, computed as y, getCurrentInstance as ce, watch as b, nextTick as de, onMounted as ue, createElementBlock as g, openBlock as u, normalizeClass as I, unref as fe, createElementVNode as v, renderSlot as k, normalizeProps as A, guardReactiveProps as H, normalizeStyle as he, Fragment as O, renderList as U, createVNode as be, withCtx as $, toDisplayString as ve, createBlock as X, resolveDynamicComponent as me, Transition as pe, createCommentVNode as ye } from "vue";
2
+ import { useId as ge } from "./index8.js";
3
+ import { useRoute as ke } from "./index146.js";
4
+ import { useRouter as Se } from "./index147.js";
5
+ import { useScroll as _e, useResizeObserver as we } from "./index141.js";
6
+ import xe from "./index13.js";
8
7
  /* empty css */
9
- import be from "./index112.js";
8
+ import Ce from "./index112.js";
10
9
  /* empty css */
11
- import { useFrameworkDetection as he } from "./index252.js";
12
- const me = ["id"], ye = { class: "bb-tab__label-boundary" }, ve = { class: "bb-tab__label" }, pe = { class: "bb-tab__panes-container" }, ke = ["id", "aria-labelledby"], Re = /* @__PURE__ */ j({
10
+ import { useFrameworkDetection as Ie } from "./index267.js";
11
+ import { merge as $e } from "./index287.js";
12
+ import { isNil as Be } from "./index227.js";
13
+ const qe = ["id"], Te = { class: "bb-tab__label-boundary" }, Le = { class: "bb-tab__label" }, Fe = { class: "bb-tab__panes-container" }, Ee = ["id", "aria-labelledby", "tabindex"], je = /* @__PURE__ */ ie({
13
14
  __name: "BbTab",
14
15
  props: {
15
16
  disabled: { type: Boolean },
16
17
  eager: { type: Boolean },
17
18
  id: {},
19
+ headers: {},
20
+ only: {},
21
+ onBefore: {},
22
+ onCancel: {},
23
+ onFinish: {},
24
+ onError: {},
25
+ onProgress: {},
26
+ onStart: {},
27
+ onSuccess: {},
28
+ preserveScroll: { type: [Boolean, Function] },
29
+ preserveState: { type: [Boolean, Function, null] },
30
+ server: { type: Boolean },
18
31
  animateX: { type: Boolean, default: !0 },
19
32
  animateY: { type: Boolean, default: !0 },
20
33
  direction: { default: "horizontal" },
@@ -25,267 +38,326 @@ const me = ["id"], ye = { class: "bb-tab__label-boundary" }, ve = { class: "bb-t
25
38
  replace: { type: Boolean }
26
39
  },
27
40
  emits: ["update:modelValue"],
28
- setup(A, { expose: H, emit: U }) {
29
- const t = A, K = U, d = ne(), O = re(), X = n(), S = t.id ?? oe().id.value, p = `bb-tab_${S}`, o = n(), { isScrolling: Y, arrivedState: T } = de(o), x = _(() => ({
30
- isScrolling: Y.value,
41
+ setup(Y, { expose: J, emit: M }) {
42
+ const t = Y, j = M, f = ke(), B = Se(), G = c(), q = t.id ?? ge().id.value, w = `bb-tab_${q}`, r = c(), { isScrolling: Q, arrivedState: T } = _e(r), L = y(() => ({
43
+ isScrolling: Q.value,
31
44
  left: T.left,
32
45
  right: T.right
33
- })), { isInertia: L } = he(), i = n(null), r = _(
34
- () => t.items.findIndex((e) => e.key === i.value)
35
- ), k = _(() => r.value === 0), g = _(() => r.value === t.items.length - 1);
46
+ })), { isInertia: F } = Ie(), Z = ce(), a = c(null), i = y(
47
+ () => t.items.findIndex((e) => e.key === a.value)
48
+ ), S = y(() => i.value === 0), _ = y(() => i.value === t.items.length - 1);
36
49
  t.items.forEach((e) => {
37
50
  if (!e.key)
38
51
  throw console.error("A tab item has no key", e), new Error("A tab item has no key " + JSON.stringify(e));
39
52
  });
40
- const I = () => {
41
- if (t.navigation && d.value?.query?.[t.querykey])
42
- i.value = d.value?.query?.[t.querykey];
43
- else if (t.navigation && L && globalThis?.location?.href && new URL(globalThis.location.href).searchParams.get(t.querykey))
44
- i.value = new URL(globalThis.location.href).searchParams.get(
53
+ const E = () => {
54
+ if (t.navigation && f.value?.query?.[t.querykey])
55
+ a.value = f.value?.query?.[t.querykey];
56
+ else if (t.navigation && F && globalThis?.location?.href && new URL(globalThis.location.href).searchParams.get(t.querykey))
57
+ a.value = new URL(globalThis.location.href).searchParams.get(
45
58
  t.querykey
46
59
  );
47
60
  else if (t.modelValue)
48
- i.value = t.modelValue;
61
+ a.value = t.modelValue;
49
62
  else if (t.items[0]) {
50
- const e = t.items.find((l) => !l.disabled);
63
+ const e = t.items.find((n) => !n.disabled);
51
64
  if (!e)
52
65
  throw new Error(
53
66
  "No tab has been selected so it defaulted to the first available. Still, all the tabs are disabled so no tab can be selected."
54
67
  );
55
- const a = e.key;
56
- i.value = a;
68
+ const s = e.key;
69
+ a.value = s;
57
70
  }
58
71
  };
59
- I();
60
- const m = async (e, a = !1) => {
61
- if (t.navigation && d.value && d.value?.query?.[t.querykey] !== e)
62
- O?.push({
63
- ...d,
64
- query: { ...d.value?.query, [t.querykey]: e },
65
- replace: a
66
- });
67
- else if (t.navigation && L && globalThis?.location?.href && new URL(globalThis.location.href).searchParams.get(t.querykey) !== e) {
68
- const l = new URL(globalThis.location.href);
69
- l.searchParams.set(t.querykey, e), ue(0).then(() => {
70
- a ? history.replaceState({}, "", l.toString()) : history.pushState({}, "", l.toString());
72
+ E();
73
+ const ee = (e) => ({
74
+ headers: e.headers ?? t.headers,
75
+ only: e.only ?? t.only,
76
+ preserveScroll: e.preserveScroll ?? t.preserveScroll,
77
+ preserveState: e.preserveState ?? t.preserveState,
78
+ server: e.server ?? t.server,
79
+ onBefore: e.onBefore ?? t.onBefore,
80
+ onStart: e.onStart ?? t.onStart,
81
+ onProgress: e.onProgress ?? t.onProgress,
82
+ onSuccess: e.onSuccess ?? t.onSuccess,
83
+ onError: e.onError ?? t.onError,
84
+ onCancel: e.onCancel ?? t.onCancel,
85
+ onFinish: e.onFinish ?? t.onFinish
86
+ }), P = y(() => {
87
+ const e = a.value, s = i.value;
88
+ return t.items.map((o) => {
89
+ const { key: l, label: h, eager: C } = o, z = `${w}_tab_${o.key}`, ne = `${w}_tabpanel_${o.key}`, se = `label-${o.key}`, p = o.key === a.value, oe = {
90
+ "bb-tab__btn": !0,
91
+ "bb-tab__btn--active": p
92
+ }, le = {
93
+ "bb-tab__pane": !0,
94
+ "bb-tab__pane--shown": p
95
+ }, ae = !!(o.disabled || t.disabled);
96
+ return {
97
+ tabId: z,
98
+ eager: C,
99
+ panelId: ne,
100
+ active: p,
101
+ ariaSelected: !!p,
102
+ labelSlotName: se,
103
+ tabClasses: oe,
104
+ paneClasses: le,
105
+ role: "tab",
106
+ tabindex: p ? 0 : -1,
107
+ disabled: ae,
108
+ current: e,
109
+ key: l,
110
+ label: h,
111
+ currentIndex: s,
112
+ onClick: () => m(o.key),
113
+ onKeydown: (re) => te(re)
114
+ };
115
+ });
116
+ }), m = async (e, s = t.replace) => {
117
+ const n = t.items.find((l) => l.key === e);
118
+ if (Be(n) || n.key === a.value) return;
119
+ const o = n ? ee(n) : {};
120
+ if (t.navigation && f.value && f.value?.query?.[t.querykey] !== e) {
121
+ if (!B) return;
122
+ B[s ? "replace" : "push"](
123
+ $e(f.value, {
124
+ query: { [t.querykey]: e },
125
+ replace: s
126
+ })
127
+ );
128
+ } else if (t.navigation && F) {
129
+ const l = n.href ?? globalThis.location.href, h = new URL(l, window.location.origin);
130
+ h.searchParams.set(t.querykey, e);
131
+ const C = o.server ? "visit" : "push";
132
+ (Z?.proxy?.$inertia)[C](h.toString(), {
133
+ replace: s,
134
+ headers: o.headers,
135
+ only: o.only,
136
+ preserveScroll: o.preserveScroll,
137
+ preserveState: o.preserveState ?? !0,
138
+ onBefore: o.onBefore,
139
+ onStart: o.onStart,
140
+ onProgress: o.onProgress,
141
+ onSuccess: o.onSuccess,
142
+ onError: o.onError,
143
+ onCancel: o.onCancel,
144
+ onFinish: o.onFinish
71
145
  });
72
146
  }
73
- t.modelValue !== e && K("update:modelValue", e), i.value = e;
147
+ t.modelValue !== e && j("update:modelValue", e), a.value = e;
74
148
  };
75
- i.value && m(i.value, !0);
76
- const u = (e) => {
77
- var a = null;
149
+ a.value && m(a.value, !0);
150
+ const d = (e) => {
151
+ var s = null;
78
152
  switch (e) {
79
153
  case "first":
80
- for (a = 0; a < t.items.length - 1 && t.items[a].disabled; )
81
- a++;
154
+ for (s = 0; s < t.items.length - 1 && t.items[s].disabled; )
155
+ s++;
82
156
  break;
83
157
  case "previous": {
84
- let s = 1;
85
- for (; s < t.items.length && (a = (r.value + t.items.length - s) % t.items.length, t.items[a].disabled); )
86
- s++;
158
+ let l = 1;
159
+ for (; l < t.items.length && (s = (i.value + t.items.length - l) % t.items.length, t.items[s].disabled); )
160
+ l++;
87
161
  break;
88
162
  }
89
163
  case "next": {
90
- let s = 1;
91
- for (; s < t.items.length && (a = (r.value + s) % t.items.length, t.items[a].disabled); )
92
- s++;
164
+ let l = 1;
165
+ for (; l < t.items.length && (s = (i.value + l) % t.items.length, t.items[s].disabled); )
166
+ l++;
93
167
  break;
94
168
  }
95
169
  case "last":
96
- for (a = t.items.length - 1; a >= 0 && t.items[a].disabled; )
97
- a--;
170
+ for (s = t.items.length - 1; s >= 0 && t.items[s].disabled; )
171
+ s--;
98
172
  break;
99
173
  }
100
- if (a === null)
174
+ if (s === null)
101
175
  throw new Error("Could not navigate to next tab");
102
- if (t.items[a].disabled) return;
103
- const l = t.items[a].key;
176
+ if (t.items[s].disabled) return;
177
+ const n = t.items[s].key;
104
178
  document.querySelector(
105
- `#${p}_tab_${l}`
106
- )?.focus(), m(l, t.replace);
107
- }, J = (e) => {
179
+ `#${w}_tab_${n}`
180
+ )?.focus(), m(n);
181
+ }, te = (e) => {
108
182
  if (!t.disabled)
109
183
  if (e.key === "ArrowRight")
110
- u("next");
184
+ d("next");
111
185
  else if (e.key === "ArrowLeft")
112
- u("previous");
186
+ d("previous");
113
187
  else if (e.key === "Home")
114
- e.preventDefault(), u("first");
188
+ e.preventDefault(), d("first");
115
189
  else if (e.key === "End")
116
- e.preventDefault(), u("last");
190
+ e.preventDefault(), d("last");
117
191
  else
118
192
  return;
119
193
  };
120
194
  b(
121
195
  () => t.modelValue,
122
196
  (e) => {
123
- e && m(e, t.replace);
197
+ e && m(e);
124
198
  }
125
199
  ), b(
126
- () => d.value?.query?.[t.querykey],
200
+ () => f.value?.query?.[t.querykey],
127
201
  (e) => {
128
- e && typeof e == "string" && m(e, t.replace);
202
+ e && typeof e == "string" && m(e);
129
203
  }
130
204
  ), b(
131
- i,
205
+ a,
132
206
  async () => {
133
- if (!o.value) return;
134
- const e = o.value.querySelector(
207
+ if (!r.value) return;
208
+ const e = r.value.querySelector(
135
209
  ".bb-tab__btn--active"
136
210
  );
137
211
  if (!e) return;
138
- await G();
139
- const a = o.value, l = e.offsetLeft, f = l + e.offsetWidth, s = a.scrollLeft, M = s + a.clientWidth;
140
- l < s ? a.scrollTo({ left: l, behavior: "smooth" }) : f > M && a.scrollTo({
141
- left: f - a.clientWidth,
212
+ await de();
213
+ const s = r.value, n = e.offsetLeft, o = n + e.offsetWidth, l = s.scrollLeft, h = l + s.clientWidth;
214
+ n < l ? s.scrollTo({ left: n, behavior: "smooth" }) : o > h && s.scrollTo({
215
+ left: o - s.clientWidth,
142
216
  behavior: "smooth"
143
217
  });
144
218
  },
145
219
  { flush: "post" }
146
220
  );
147
- const B = n("right");
221
+ const R = c("right");
148
222
  b(
149
- i,
150
- (e, a) => {
151
- if (e && a) {
152
- const l = t.items.findIndex((s) => s.key === e), f = t.items.findIndex((s) => s.key === a);
153
- B.value = l > f ? "right" : "left";
223
+ a,
224
+ (e, s) => {
225
+ if (e && s) {
226
+ const n = t.items.findIndex((l) => l.key === e), o = t.items.findIndex((l) => l.key === s);
227
+ R.value = n > o ? "right" : "left";
154
228
  }
155
229
  },
156
230
  { flush: "sync" }
157
231
  );
158
- const R = n(0), V = n(0), C = n(0), P = n(0), D = n(0), w = () => {
159
- if (!o.value)
232
+ const V = c(0), K = c(0), N = c(0), D = c(0), W = c(0), x = () => {
233
+ if (!r.value)
160
234
  return;
161
- const e = o.value.querySelector(
235
+ const e = r.value.querySelector(
162
236
  ".bb-tab__btn--active"
163
237
  );
164
- e && (C.value = e.offsetLeft, P.value = e.offsetTop, R.value = e.clientWidth, V.value = e.clientHeight, D.value = o.value.scrollWidth);
238
+ e && (N.value = e.offsetLeft, D.value = e.offsetTop, V.value = e.clientWidth, K.value = e.clientHeight, W.value = r.value.scrollWidth);
165
239
  };
166
- return Q(w), b(i, w, { flush: "post" }), ce(o, () => {
167
- w();
240
+ return ue(x), b(a, x, { flush: "post" }), we(r, () => {
241
+ x();
168
242
  }), b(
169
243
  () => t.items,
170
244
  () => {
171
- i.value && !t.items.find((e) => e.key === i.value) && I();
245
+ a.value && !t.items.find((e) => e.key === a.value) && E();
172
246
  },
173
247
  {
174
248
  immediate: !0,
175
249
  deep: !0
176
250
  }
177
- ), H({
178
- isFirst: k,
179
- isLast: g,
180
- current: i,
181
- currentIndex: r,
182
- goTo: u
183
- }), (e, a) => (c(), y("div", {
184
- id: Z(S),
251
+ ), J({
252
+ isFirst: S,
253
+ isLast: _,
254
+ current: a,
255
+ currentIndex: i,
256
+ goTo: d
257
+ }), (e, s) => (u(), g("div", {
258
+ id: fe(q),
185
259
  ref_key: "tabs",
186
- ref: X,
187
- class: $(["bb-tab", {
260
+ ref: G,
261
+ class: I(["bb-tab", {
188
262
  [`bb-tab--${e.direction}`]: !0,
189
263
  "bb-tab--disabled": e.disabled
190
264
  }])
191
265
  }, [
192
- h("div", ye, [
193
- h("span", null, [
194
- v(e.$slots, "header:prepend", E(W(x.value)))
266
+ v("div", Te, [
267
+ v("span", null, [
268
+ k(e.$slots, "header:prepend", A(H(L.value)))
195
269
  ]),
196
- h("ul", {
270
+ v("ul", {
197
271
  ref_key: "tablist",
198
- ref: o,
272
+ ref: r,
199
273
  class: "bb-tab__label-container",
200
274
  role: "tablist",
201
- style: ee({
202
- "--inner-width": `${D.value}px`,
203
- "--width": `${R.value}px`,
204
- "--height": `${V.value}px`,
205
- "--left": `${C.value}px`,
206
- "--top": `${P.value}px`
275
+ style: he({
276
+ "--inner-width": `${W.value}px`,
277
+ "--width": `${V.value}px`,
278
+ "--height": `${K.value}px`,
279
+ "--left": `${N.value}px`,
280
+ "--top": `${D.value}px`
207
281
  })
208
282
  }, [
209
- (c(!0), y(F, null, z(e.items, (l) => (c(), y("li", {
210
- key: l.key,
283
+ (u(!0), g(O, null, U(P.value, (n) => (u(), g("li", {
284
+ key: n.tabId,
211
285
  role: "presentation"
212
286
  }, [
213
- te(fe, {
214
- id: `${p}_tab_${l.key}`,
215
- "aria-selected": i.value === l.key,
216
- class: $(["bb-tab__btn", { "bb-tab__btn--active": i.value === l.key }]),
217
- disabled: l.disabled || e.disabled,
287
+ be(xe, {
288
+ id: n.tabId,
289
+ "aria-selected": n.ariaSelected,
290
+ class: I(n.tabClasses),
291
+ disabled: n.disabled,
218
292
  role: "tab",
219
- tabindex: i.value === l.key ? 0 : -1,
220
- onClick: (f) => m(l.key, t.replace),
221
- onKeydown: J
293
+ tabindex: n.tabindex,
294
+ onClick: n.onClick,
295
+ onKeydown: n.onKeydown
222
296
  }, {
223
- default: q(() => [
224
- v(e.$slots, `label-${l.key}`, {
225
- current: i.value,
226
- currentIndex: r.value,
227
- disabled: !!(l.disabled || e.disabled),
228
- goTo: u,
229
- isFirst: k.value,
230
- isLast: g.value,
231
- selected: i.value === l.key,
232
- text: l.label,
233
- value: l.key
297
+ default: $(() => [
298
+ k(e.$slots, n.labelSlotName, {
299
+ current: a.value,
300
+ currentIndex: i.value,
301
+ disabled: n.disabled,
302
+ goTo: d,
303
+ isFirst: S.value,
304
+ isLast: _.value,
305
+ selected: n.active,
306
+ text: n.label,
307
+ value: n.key
234
308
  }, () => [
235
- v(e.$slots, "label", {
236
- current: i.value,
237
- currentIndex: r.value,
238
- disabled: !!(l.disabled || e.disabled),
239
- goTo: u,
240
- isFirst: k.value,
241
- isLast: g.value,
242
- selected: i.value === l.key,
243
- text: l.label,
244
- value: l.key
309
+ k(e.$slots, "label", {
310
+ current: a.value,
311
+ currentIndex: i.value,
312
+ disabled: n.disabled,
313
+ goTo: d,
314
+ isFirst: S.value,
315
+ isLast: _.value,
316
+ selected: n.active,
317
+ text: n.label,
318
+ value: n.key
245
319
  }, () => [
246
- h("span", ve, le(l.label), 1)
320
+ v("span", Le, ve(n.label), 1)
247
321
  ])
248
322
  ])
249
323
  ]),
250
324
  _: 2
251
- }, 1032, ["id", "aria-selected", "class", "disabled", "tabindex", "onClick"])
325
+ }, 1032, ["id", "aria-selected", "class", "disabled", "tabindex", "onClick", "onKeydown"])
252
326
  ]))), 128))
253
327
  ], 4),
254
- h("span", null, [
255
- v(e.$slots, "header:append", E(W(x.value)))
328
+ v("span", null, [
329
+ k(e.$slots, "header:append", A(H(L.value)))
256
330
  ])
257
331
  ]),
258
- h("div", pe, [
259
- (c(), N(ae(t.animateY ? be : "div"), null, {
260
- default: q(() => [
261
- (c(!0), y(F, null, z(e.items, (l) => (c(), N(ie, {
262
- key: l.key,
332
+ v("div", Fe, [
333
+ (u(), X(me(t.animateY ? Ce : "div"), null, {
334
+ default: $(() => [
335
+ (u(!0), g(O, null, U(P.value, (n) => (u(), X(pe, {
336
+ key: n.tabId,
263
337
  css: t.animateX,
264
- name: `tab-slide-${B.value}`
338
+ name: `tab-slide-${R.value}`
265
339
  }, {
266
- default: q(() => [
267
- i.value === l.key || e.eager || l.eager ? (c(), y("section", {
340
+ default: $(() => [
341
+ n.active || t.eager || n.eager ? (u(), g("section", {
268
342
  key: 0,
269
- id: `${p}_tabpanel_${l.key}`,
270
- "aria-labelledby": `${p}_tab_${l.key}`,
271
- class: $(["bb-tab__pane", {
272
- "bb-tab__pane--shown": i.value === l.key
273
- }]),
343
+ id: n.panelId,
344
+ "aria-labelledby": n.tabId,
345
+ class: I(n.paneClasses),
274
346
  role: "tabpanel",
275
- tabindex: "0"
347
+ tabindex: n.tabindex
276
348
  }, [
277
- v(e.$slots, l.key, {
278
- current: i.value,
279
- currentIndex: r.value,
280
- disabled: !!(l.disabled || e.disabled),
281
- goTo: u,
282
- isFirst: k.value,
283
- isLast: g.value,
284
- selected: i.value === l.key,
285
- text: l.label,
286
- value: l.key
349
+ k(e.$slots, n.key, {
350
+ current: a.value,
351
+ currentIndex: i.value,
352
+ disabled: n.disabled,
353
+ goTo: d,
354
+ isFirst: S.value,
355
+ isLast: _.value,
356
+ selected: n.active,
357
+ text: n.label,
358
+ value: n.key
287
359
  })
288
- ], 10, ke)) : se("", !0)
360
+ ], 10, Ee)) : ye("", !0)
289
361
  ]),
290
362
  _: 2
291
363
  }, 1032, ["css", "name"]))), 128))
@@ -293,9 +365,9 @@ const me = ["id"], ye = { class: "bb-tab__label-boundary" }, ve = { class: "bb-t
293
365
  _: 3
294
366
  }))
295
367
  ])
296
- ], 10, me));
368
+ ], 10, qe));
297
369
  }
298
370
  });
299
371
  export {
300
- Re as default
372
+ je as default
301
373
  };
package/dist/index122.js CHANGED
@@ -1,22 +1,22 @@
1
1
  import { defineComponent as he, mergeModels as X, ref as ke, computed as u, toRef as O, useModel as Y, watch as M, reactive as ge, createBlock as Z, openBlock as s, resolveDynamicComponent as xe, normalizeClass as i, withCtx as we, createElementBlock as o, createCommentVNode as p, createElementVNode as n, toDisplayString as m, renderSlot as c, unref as v, Fragment as k, renderList as x, normalizeStyle as H, createVNode as ee, createTextVNode as Ce, mergeProps as Ie } from "vue";
2
2
  import { clamp as Ve } from "./index214.js";
3
- import { hash as T } from "./index223.js";
4
- import { isNil as w } from "./index258.js";
5
- import { when as $e } from "./index259.js";
3
+ import { hash as T } from "./index241.js";
4
+ import { isNil as w } from "./index227.js";
5
+ import { when as $e } from "./index234.js";
6
6
  import { useId as Be } from "./index8.js";
7
- import { useItemValue as He } from "./index260.js";
8
- import { useItemsGetter as Te } from "./index245.js";
9
- import { usePrefill as Ae } from "./index250.js";
10
- import { useIndexById as le } from "./index246.js";
11
- import { useBaseOptions as Ne } from "./index247.js";
12
- import { useHashedWatcher as Le } from "./index249.js";
13
- import { useLocale as De } from "./index232.js";
7
+ import { useItemValue as He } from "./index239.js";
8
+ import { useItemsGetter as Te } from "./index242.js";
9
+ import { usePrefill as Ae } from "./index243.js";
10
+ import { useIndexById as le } from "./index244.js";
11
+ import { useBaseOptions as Ne } from "./index245.js";
12
+ import { useHashedWatcher as Le } from "./index246.js";
13
+ import { useLocale as De } from "./index220.js";
14
14
  import ae from "./index17.js";
15
15
  /* empty css */
16
16
  import Ee from "./index31.js";
17
17
  /* empty css */
18
- import { columnKeyToSlotName as Pe, mergeHeaderClasses as Se, applyFixedTableColumns as Re, mergeCellClasses as Oe } from "./index261.js";
19
- import { useLogger as Me } from "./index226.js";
18
+ import { columnKeyToSlotName as Pe, mergeHeaderClasses as Se, applyFixedTableColumns as Re, mergeCellClasses as Oe } from "./index272.js";
19
+ import { useLogger as Me } from "./index257.js";
20
20
  const Fe = {
21
21
  key: 0,
22
22
  class: "sr-only"
package/dist/index13.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as w, getCurrentInstance as P, computed as r, createBlock as c, openBlock as i, mergeProps as f, withCtx as v, renderSlot as d, createTextVNode as p, toDisplayString as h, resolveDynamicComponent as b } from "vue";
2
- import R from "./index251.js";
3
- import { useFrameworkDetection as _ } from "./index252.js";
2
+ import R from "./index266.js";
3
+ import { useFrameworkDetection as _ } from "./index267.js";
4
4
  import { _config as g } from "./index4.js";
5
5
  const D = /* @__PURE__ */ w({
6
6
  __name: "BaseButton",
package/dist/index130.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as a, createElementBlock as o, openBlock as e, normalizeClass as c, createVNode as l, TransitionGroup as m, withCtx as i, Fragment as p, renderList as u, unref as r, createBlock as f, mergeProps as _ } from "vue";
2
2
  import { useToast as d, state as k } from "./index11.js";
3
- import b from "./index290.js";
3
+ import b from "./index289.js";
4
4
  const $ = /* @__PURE__ */ a({
5
5
  __name: "BbToast",
6
6
  props: {
package/dist/index132.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import { defineComponent as R, mergeModels as U, ref as L, computed as v, useTemplateRef as W, useModel as x, watch as m, onBeforeUnmount as F, createElementBlock as I, openBlock as g, Fragment as _, renderSlot as k, createCommentVNode as C, createVNode as j, normalizeProps as q, mergeProps as B, withCtx as T, createElementVNode as f, normalizeStyle as G, createBlock as H, unref as J } from "vue";
2
2
  import { useId as K } from "./index8.js";
3
- import { useLocale as Q } from "./index232.js";
4
- import { useUntil as X } from "./index253.js";
3
+ import { useLocale as Q } from "./index220.js";
4
+ import { useUntil as X } from "./index232.js";
5
5
  import Y from "./index13.js";
6
6
  /* empty css */
7
- import Z from "./index237.js";
7
+ import Z from "./index224.js";
8
8
  /* empty css */
9
9
  import { useElementSize as ee } from "./index141.js";
10
- import { extractDomContainer as V } from "./index241.js";
11
- import { parseWidthString as te } from "./index254.js";
10
+ import { extractDomContainer as V } from "./index237.js";
11
+ import { parseWidthString as te } from "./index250.js";
12
12
  const ce = /* @__PURE__ */ R({
13
13
  inheritAttrs: !1,
14
14
  __name: "BbTooltip",
package/dist/index134.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as $, computed as g, resolveComponent as y, createElementBlock as f, openBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
2
- import { flattenTree as T } from "./index269.js";
2
+ import { flattenTree as T } from "./index294.js";
3
3
  const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
4
4
  __name: "BbTree",
5
5
  props: {
package/dist/index136.js CHANGED
@@ -5,8 +5,8 @@ import u from "./index86.js";
5
5
  /* empty css */
6
6
  import I from "./index114.js";
7
7
  /* empty css */
8
- import N from "./index265.js";
9
- import g from "./index266.js";
8
+ import N from "./index247.js";
9
+ import g from "./index248.js";
10
10
  /* empty css */
11
11
  const h = { class: "bb-common-input-inner-container__prefix" }, B = { class: "bb-common-input-inner-container__suffix" }, R = /* @__PURE__ */ k({
12
12
  __name: "CommonInputInnerContainer",