@wwtdev/bsds-components-vue3 2.1.0 → 2.1.2

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 (3) hide show
  1. package/lib/bsds-components.js +426 -412
  2. package/lib/components.css +1 -1
  3. package/package.json +2 -2
package/lib/bsds-components.js CHANGED
@@ -1,33 +1,37 @@
1
- import { computed as p, ref as I, onMounted as j, onUnmounted as ne, shallowRef as Re, watch as E, defineAsyncComponent as je, openBlock as d, createElementBlock as f, unref as v, createElementVNode as m, renderSlot as k, createBlock as L, resolveDynamicComponent as U, createCommentVNode as S, toDisplayString as T, createVNode as P, normalizeClass as X, useAttrs as N, mergeProps as D, withCtx as V, Fragment as O, renderList as Y, createTextVNode as R, withDirectives as We, Transition as me, vShow as Fe, inject as te, provide as ae, onDeactivated as Ge, isRef as Ue, nextTick as He, useSlots as Ke } from "vue";
1
+ import { computed as p, ref as I, onMounted as j, onUnmounted as ne, shallowRef as Re, watch as D, defineAsyncComponent as je, openBlock as d, createElementBlock as f, unref as v, createElementVNode as m, renderSlot as k, createBlock as L, resolveDynamicComponent as U, createCommentVNode as S, toDisplayString as T, createVNode as E, normalizeClass as X, useAttrs as O, mergeProps as P, withCtx as V, Fragment as N, renderList as Y, createTextVNode as R, withDirectives as Fe, Transition as me, vShow as We, inject as te, provide as ae, onDeactivated as Ge, isRef as Ue, nextTick as He, useSlots as Ke } from "vue";
2
2
  import { v4 as Ye } from "uuid";
3
- import { BsIconCaretDown as we, BsIconWarning as ve, BsIconClose as oe, BsIconSearch as Xe, BsIconCaretLeftDouble as Ze, BsIconCaretLeft as Je, BsIconCaretRight as Qe, BsIconCaretRightDouble as _e, BsIconActionEllipsis as et, BsIconCircleExclamation as tt, BsIconThumbsUpStroke as at } from "@wwtdev/bsds-icons-vue3";
4
- import { Chart as fe, BarController as nt, BarElement as lt, CategoryScale as ot, LinearScale as it, Legend as rt, Tooltip as st } from "chart.js";
3
+ import { BsIconCaretDown as we, BsIconWarning as pe, BsIconClose as oe, BsIconSearch as Xe, BsIconCaretLeftDouble as Ze, BsIconCaretLeft as Je, BsIconCaretRight as Qe, BsIconCaretRightDouble as _e, BsIconActionEllipsis as et, BsIconCircleExclamation as tt, BsIconThumbsUpStroke as at } from "@wwtdev/bsds-icons-vue3";
4
+ import { Chart as ve, BarController as nt, BarElement as lt, CategoryScale as ot, LinearScale as it, Legend as rt, Tooltip as st } from "chart.js";
5
5
  const ye = {
6
6
  href: "a",
7
+ linkTo: "a",
7
8
  onclick: "button",
8
9
  onClick: "button",
9
10
  type: "button"
10
11
  };
11
- function pe(e, a, t = "button") {
12
- const l = dt(e, a, t), n = p(() => {
13
- const o = l.value === "button", u = {};
14
- return o ? (u.type = a.type || "button", u.autocomplete = "off", e.disabled && (u.disabled = !0)) : e.disabled && (u["aria-disabled"] = "true", u.tabindex = "-1"), u;
15
- });
16
- return { rootTag: l, attrsToBind: n };
12
+ function ie(e, a, t = "button") {
13
+ const n = dt(e, a, t), l = p(() => {
14
+ const i = n.value === "button", s = {};
15
+ return i ? (s.type = a.type || "button", s.autocomplete = "off", e.disabled && (s.disabled = !0)) : e.disabled && (s["aria-disabled"] = "true", s.tabindex = "-1"), s;
16
+ }), o = p(() => {
17
+ const i = { ...a, ...l.value };
18
+ return delete i.href, i;
19
+ }), u = p(() => e.linkTo || e.href);
20
+ return { rootTag: n, attrsToBind: o, hrefUrl: u };
17
21
  }
18
22
  function dt(e, a, t) {
19
- const l = Object.keys(ye).find((n) => ut(e, a, n));
20
- return I(ye[l] || t);
23
+ const n = Object.keys(ye).find((l) => ut(e, a, l));
24
+ return I(ye[n] || t);
21
25
  }
22
26
  function ut(e, a, t) {
23
27
  return e[t] || a[t];
24
28
  }
25
29
  const ct = (e, a) => {
26
- const t = (l) => {
27
- e.some((n) => {
30
+ const t = (n) => {
31
+ e.some((l) => {
28
32
  var o;
29
- return (o = n.value) == null ? void 0 : o.contains(l.target);
30
- }) || a(l);
33
+ return (o = l.value) == null ? void 0 : o.contains(n.target);
34
+ }) || a(n);
31
35
  };
32
36
  j(() => {
33
37
  document.addEventListener("click", t);
@@ -35,39 +39,40 @@ const ct = (e, a) => {
35
39
  document.removeEventListener("click", t);
36
40
  });
37
41
  };
38
- function ie(e) {
39
- const a = p(() => {
40
- var n, o;
41
- return ((o = (n = e.href) == null ? void 0 : n.startsWith) == null ? void 0 : o.call(n, "/")) || !1;
42
- }), t = p(() => {
43
- var n, o;
44
- return a.value && ((n = e.router) == null ? void 0 : n.navigateTo) || ((o = e.router) == null ? void 0 : o.push) || null;
42
+ function re(e) {
43
+ const a = p(() => e.linkTo || e.href || ""), t = p(() => {
44
+ var o, u;
45
+ return ((u = (o = a.value) == null ? void 0 : o.startsWith) == null ? void 0 : u.call(o, "/")) || !1;
46
+ }), n = p(() => {
47
+ var o, u;
48
+ return t.value && ((o = e.router) == null ? void 0 : o.navigateTo) || ((u = e.router) == null ? void 0 : u.push) || null;
45
49
  });
46
- function l(n) {
47
- var o, u, i, s, r;
50
+ function l(o) {
48
51
  if (e.disabled) {
49
- n.preventDefault(), n.stopImmediatePropagation();
52
+ o.preventDefault(), o.stopImmediatePropagation();
50
53
  return;
51
54
  }
52
- !e.href || !t.value || ((u = (o = n.target.href) == null ? void 0 : o.endsWith) != null && u.call(o, e.href) || (r = (s = (i = n.target.closest("a")) == null ? void 0 : i.href) == null ? void 0 : s.endsWith) != null && r.call(s, e.href)) && (n.preventDefault(), t.value(e.href));
55
+ if (!a.value || !n.value)
56
+ return;
57
+ o.target.closest("a").href === `${window.location.origin}${a.value}` && (o.preventDefault(), n.value(a.value));
53
58
  }
54
59
  return { onLinkClick: l };
55
60
  }
56
61
  function Be(e) {
57
- return e.split("-").map((l) => l.charAt(0).toUpperCase() + l.slice(1)).join("");
62
+ return e.split("-").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join("");
58
63
  }
59
64
  const le = (e, a) => {
60
- function t(n) {
61
- if (!n)
65
+ function t(l) {
66
+ if (!l)
62
67
  return null;
63
- const o = n.startsWith("bs-") ? Be(n) : `BsIcon${Be(n)}`;
68
+ const o = l.startsWith("bs-") ? Be(l) : `BsIcon${Be(l)}`;
64
69
  return je(async () => {
65
70
  const { [o]: u } = await import("@wwtdev/bsds-icons-vue3");
66
71
  return u;
67
72
  });
68
73
  }
69
- const l = Re();
70
- return l.value = t(e[a]), E(() => e[a], async (n) => l.value = t(n)), { icon: l };
74
+ const n = Re();
75
+ return n.value = t(e[a]), D(() => e[a], async (l) => n.value = t(l)), { icon: n };
71
76
  };
72
77
  function H(e = 1) {
73
78
  const a = [];
@@ -77,44 +82,44 @@ function H(e = 1) {
77
82
  a.forEach((t) => t.value = Ye());
78
83
  }), a;
79
84
  }
80
- const re = (e, a, t = void 0) => {
81
- const l = (n) => {
82
- e.includes(n.key) && a(n);
85
+ const se = (e, a, t = void 0) => {
86
+ const n = (l) => {
87
+ e.includes(l.key) && a(l);
83
88
  };
84
89
  j(() => {
85
- ((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", l);
90
+ ((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", n);
86
91
  }), ne(() => {
87
- ((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", l);
92
+ ((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", n);
88
93
  });
89
94
  }, ft = (e, a, t) => {
90
- let l = null;
95
+ let n = null;
91
96
  j(() => {
92
- l = new MutationObserver(a), l.observe(e.value, t);
97
+ n = new MutationObserver(a), n.observe(e.value, t);
93
98
  }), ne(() => {
94
- l.disconnect();
99
+ n.disconnect();
95
100
  });
96
101
  };
97
102
  function Z(e, a, t = []) {
98
103
  var i, s;
99
- const l = ((s = (i = e.passAttrs) == null ? void 0 : i.split) == null ? void 0 : s.call(i, ",")) || [], n = /* @__PURE__ */ new Set([...l, ...t]);
100
- n.delete("");
104
+ const n = ((s = (i = e.passAttrs) == null ? void 0 : i.split) == null ? void 0 : s.call(i, ",")) || [], l = /* @__PURE__ */ new Set([...n, ...t]);
105
+ l.delete("");
101
106
  const o = I({}), u = I({});
102
107
  for (let r in a)
103
- n.has(r) ? u.value[r] = a[r] : o.value[r] = a[r];
108
+ l.has(r) ? u.value[r] = a[r] : o.value[r] = a[r];
104
109
  return {
105
110
  toRoot: o,
106
111
  toChild: u
107
112
  };
108
113
  }
109
- const se = (e) => {
114
+ const de = (e) => {
110
115
  const a = I(!1);
111
116
  return j(() => {
112
117
  a.value = e.enterControlled || e.preloaded ? e.enterTrigger : e.shown;
113
- }), E(() => e.shown, (t) => {
118
+ }), D(() => e.shown, (t) => {
114
119
  a.value = t;
115
- }), E(() => e.enterTrigger, (t) => {
120
+ }), D(() => e.enterTrigger, (t) => {
116
121
  a.value = t;
117
- }), E(() => e.leaveTrigger, (t) => {
122
+ }), D(() => e.leaveTrigger, (t) => {
118
123
  t && (a.value = !1);
119
124
  }), { transition: a };
120
125
  }, vt = ["id", "data-stacked"], pt = ["data-open"], ht = ["aria-controls", "aria-expanded"], gt = {
@@ -137,14 +142,14 @@ const se = (e) => {
137
142
  },
138
143
  emits: ["toggled"],
139
144
  setup(e, { emit: a }) {
140
- const t = e, l = a, n = I(null), o = I(!1), { icon: u } = le(t, "icon"), [i] = H(), s = p(() => i.value + "-content"), r = p(() => i.value + "-title"), c = p(() => t.openItemId && t.openItemId === i.value || t.openItem === !0), b = p(() => t.controlled ? c.value : o.value);
145
+ const t = e, n = a, l = I(null), o = I(!1), { icon: u } = le(t, "icon"), [i] = H(), s = p(() => i.value + "-content"), r = p(() => i.value + "-title"), c = p(() => t.openItemId && t.openItemId === i.value || t.openItem === !0), b = p(() => t.controlled ? c.value : o.value);
141
146
  function g() {
142
- l("toggled", i.value), t.controlled || (o.value = !o.value);
147
+ n("toggled", i.value), t.controlled || (o.value = !o.value);
143
148
  }
144
149
  return (B, x) => (d(), f("div", {
145
150
  id: v(i),
146
151
  ref_key: "containerRef",
147
- ref: n,
152
+ ref: l,
148
153
  class: "bs-accordion",
149
154
  "data-component": "bs-accordion",
150
155
  "data-stacked": e.stacked
@@ -169,7 +174,7 @@ const se = (e) => {
169
174
  "aria-level": e.headingLevel,
170
175
  role: "heading"
171
176
  }, T(e.headerText), 9, bt),
172
- P(v(we), {
177
+ E(v(we), {
173
178
  size: "md",
174
179
  "data-position": "end"
175
180
  })
@@ -236,9 +241,9 @@ const se = (e) => {
236
241
  }
237
242
  },
238
243
  setup(e) {
239
- const a = e, t = I(null), l = p(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), n = p(() => {
244
+ const a = e, t = I(null), n = p(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), l = p(() => {
240
245
  var s, r;
241
- const o = ((r = (s = t.value) == null ? void 0 : s.textContent) == null ? void 0 : r.trim()) || "", u = l.value ? l.value + " " : "";
246
+ const o = ((r = (s = t.value) == null ? void 0 : s.textContent) == null ? void 0 : r.trim()) || "", u = n.value ? n.value + " " : "";
242
247
  if (!u && !a.dot)
243
248
  return o;
244
249
  const i = a.count !== 1 ? "s" : "";
@@ -247,14 +252,14 @@ const se = (e) => {
247
252
  return (o, u) => (d(), f("span", {
248
253
  ref_key: "hostRef",
249
254
  ref: t,
250
- class: X({ "bs-badge": e.dot || l.value }),
255
+ class: X({ "bs-badge": e.dot || n.value }),
251
256
  "data-badge-color": e.color,
252
257
  "data-component": "bs-badge",
253
- "data-count": l.value,
258
+ "data-count": n.value,
254
259
  "data-position": e.position,
255
260
  "data-show-zero": e.showZero,
256
261
  "data-variant": e.variant,
257
- "aria-label": n.value
262
+ "aria-label": l.value
258
263
  }, [
259
264
  e.variant !== "notext" ? k(o.$slots, "default", { key: 0 }) : S("", !0)
260
265
  ], 10, yt));
@@ -267,14 +272,14 @@ const se = (e) => {
267
272
  __name: "BsBanner",
268
273
  emits: ["dismiss"],
269
274
  setup(e, { emit: a }) {
270
- const t = a, l = I(!1);
271
- function n() {
272
- l.value = !0, t("dismiss");
275
+ const t = a, n = I(!1);
276
+ function l() {
277
+ n.value = !0, t("dismiss");
273
278
  }
274
- return (o, u) => l.value ? S("", !0) : (d(), f("div", $t, [
279
+ return (o, u) => n.value ? S("", !0) : (d(), f("div", $t, [
275
280
  m("div", St, [
276
281
  m("div", wt, [
277
- P(v(ve), { size: "lg" })
282
+ E(v(pe), { size: "lg" })
278
283
  ]),
279
284
  m("p", null, [
280
285
  k(o.$slots, "default")
@@ -282,42 +287,44 @@ const se = (e) => {
282
287
  m("button", {
283
288
  type: "button",
284
289
  title: "Close Banner",
285
- onClick: n
290
+ onClick: l
286
291
  }, [
287
- P(v(oe))
292
+ E(v(oe))
288
293
  ])
289
294
  ])
290
295
  ]));
291
296
  }
292
- }, kt = {
297
+ }, kt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
293
298
  __name: "BsButton",
294
299
  props: {
295
300
  variant: { type: String },
296
301
  disabled: { type: Boolean, default: !1 },
297
302
  ghostBtn: { type: Boolean, default: !1 },
303
+ /** @DEPRECATED in favor of linkTo */
298
304
  href: { type: String },
305
+ linkTo: { type: String },
299
306
  router: {},
300
307
  textBtn: { type: Boolean, default: !1 },
301
- size: { type: String, validator: (e) => !e || e === "sm" }
308
+ size: { type: String, validator: (e) => ["sm", "xs"].includes(e) }
302
309
  },
303
310
  setup(e) {
304
- const a = e, t = N(), { rootTag: l, attrsToBind: n } = pe(a, t), { onLinkClick: o } = ie(a);
305
- return (u, i) => (d(), L(U(v(l)), D({
311
+ const a = e, t = O(), { rootTag: n, attrsToBind: l, hrefUrl: o } = ie(a, t), { onLinkClick: u } = re(a);
312
+ return (i, s) => (d(), L(U(v(n)), P({
306
313
  class: "bs-button",
307
314
  "data-component": "bs-button",
308
315
  "data-ghost": e.ghostBtn,
309
316
  "data-size": e.size,
310
317
  "data-text": e.textBtn,
311
318
  "data-variant": e.variant,
312
- href: e.href
313
- }, v(n), { onClick: v(o) }), {
319
+ ".href": v(o)
320
+ }, v(l), { onClick: v(u) }), {
314
321
  default: V(() => [
315
- k(u.$slots, "default")
322
+ k(i.$slots, "default")
316
323
  ]),
317
324
  _: 3
318
- }, 16, ["data-ghost", "data-size", "data-text", "data-variant", "href", "onClick"]));
325
+ }, 48, ["data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
319
326
  }
320
- }, It = { "data-component": "bs-chart-table" }, Tt = ["summary"], xt = ["colspan"], Ct = /* @__PURE__ */ m("th", { scope: "col" }, " Dataset ", -1), At = { scope: "row" }, Lt = {
327
+ }), It = { "data-component": "bs-chart-table" }, Tt = ["summary"], xt = ["colspan"], Ct = /* @__PURE__ */ m("th", { scope: "col" }, " Dataset ", -1), At = { scope: "row" }, Lt = {
321
328
  __name: "BsChartTable",
322
329
  props: {
323
330
  data: {
@@ -335,29 +342,29 @@ const se = (e) => {
335
342
  },
336
343
  setup(e) {
337
344
  return (a, t) => {
338
- var l;
345
+ var n;
339
346
  return d(), f("div", It, [
340
347
  m("table", { summary: e.tableTitle }, [
341
348
  m("thead", null, [
342
349
  m("tr", null, [
343
350
  m("th", {
344
- colspan: ((l = e.dataIdxLabels) == null ? void 0 : l.length) + 1
351
+ colspan: ((n = e.dataIdxLabels) == null ? void 0 : n.length) + 1
345
352
  }, T(e.tableTitle), 9, xt)
346
353
  ]),
347
354
  m("tr", null, [
348
355
  Ct,
349
- (d(!0), f(O, null, Y(e.dataIdxLabels, (n) => (d(), f("th", {
350
- key: n,
356
+ (d(!0), f(N, null, Y(e.dataIdxLabels, (l) => (d(), f("th", {
357
+ key: l,
351
358
  scope: "col"
352
- }, T(n), 1))), 128))
359
+ }, T(l), 1))), 128))
353
360
  ])
354
361
  ]),
355
362
  m("tbody", null, [
356
- (d(!0), f(O, null, Y(e.data, (n) => (d(), f("tr", {
357
- key: n.label
363
+ (d(!0), f(N, null, Y(e.data, (l) => (d(), f("tr", {
364
+ key: l.label
358
365
  }, [
359
- m("th", At, T(n.label), 1),
360
- (d(!0), f(O, null, Y(n.data, (o, u) => (d(), f("td", {
366
+ m("th", At, T(l.label), 1),
367
+ (d(!0), f(N, null, Y(l.data, (o, u) => (d(), f("td", {
361
368
  key: `${o}${u}`
362
369
  }, T(o), 1))), 128))
363
370
  ]))), 128))
@@ -369,19 +376,19 @@ const se = (e) => {
369
376
  }, Vt = (e) => ({
370
377
  id: "htmlLegend",
371
378
  afterUpdate(a) {
372
- e.innerHTML = "", e.style.setProperty("--legend-padding", `${a.scales.x.left}px`), a.options.plugins.legend.labels.generateLabels(a).forEach((l) => {
373
- const n = document.createElement("li");
374
- n.onclick = () => {
379
+ e.innerHTML = "", e.style.setProperty("--legend-padding", `${a.scales.x.left}px`), a.options.plugins.legend.labels.generateLabels(a).forEach((n) => {
380
+ const l = document.createElement("li");
381
+ l.onclick = () => {
375
382
  const { type: s } = a.config._config;
376
- s === "pie" || s === "doughnut" ? a.toggleDataVisibility(l.index) : a.setDatasetVisibility(l.datasetIndex, !a.isDatasetVisible(l.datasetIndex)), a.update();
383
+ s === "pie" || s === "doughnut" ? a.toggleDataVisibility(n.index) : a.setDatasetVisibility(n.datasetIndex, !a.isDatasetVisible(n.datasetIndex)), a.update();
377
384
  };
378
385
  const o = document.createElement("span");
379
- o.style.setProperty("--item-box-fill", l.fillStyle), o.style.setProperty("--item-box-stroke", l.strokeStyle);
380
- const u = document.createTextNode(l.text), i = document.createElement("p");
381
- i.style.setProperty("--item-text-color", l.fontColor), i.style.setProperty("--item-text-decoration", l.hidden ? "line-through" : "none"), i.appendChild(u), n.appendChild(o), n.appendChild(i), e.appendChild(n);
386
+ o.style.setProperty("--item-box-fill", n.fillStyle), o.style.setProperty("--item-box-stroke", n.strokeStyle);
387
+ const u = document.createTextNode(n.text), i = document.createElement("p");
388
+ i.style.setProperty("--item-text-color", n.fontColor), i.style.setProperty("--item-text-decoration", n.hidden ? "line-through" : "none"), i.appendChild(u), l.appendChild(o), l.appendChild(i), e.appendChild(l);
382
389
  });
383
390
  }
384
- }), Pt = ({ type: e, datasets: a, labels: t, tooltips: l }) => ({
391
+ }), Pt = ({ type: e, datasets: a, labels: t, tooltips: n }) => ({
385
392
  type: e,
386
393
  data: {
387
394
  datasets: a,
@@ -394,13 +401,13 @@ const se = (e) => {
394
401
  display: !1
395
402
  },
396
403
  tooltip: {
397
- enabled: l
404
+ enabled: n
398
405
  }
399
406
  },
400
407
  responsive: !0
401
408
  }
402
409
  });
403
- function Dt(e) {
410
+ function Et(e) {
404
411
  const a = [
405
412
  "rgba(209, 26, 111, 1)",
406
413
  "rgba(130, 18, 196, 1)",
@@ -414,18 +421,18 @@ function Dt(e) {
414
421
  return e >= a.length ? t.replace("1)", "0.5)") : t;
415
422
  }
416
423
  function $e(e, a, t) {
417
- let l;
424
+ let n;
418
425
  return function() {
419
- let n = this, o = arguments;
420
- clearTimeout(l), t && !l && e.apply(n, o), l = setTimeout(function() {
421
- l = null, t || e.apply(n, o);
426
+ let l = this, o = arguments;
427
+ clearTimeout(n), t && !n && e.apply(l, o), n = setTimeout(function() {
428
+ n = null, t || e.apply(l, o);
422
429
  }, a);
423
430
  };
424
431
  }
425
- const Et = {
432
+ const Dt = {
426
433
  class: "bs-chart-bar",
427
434
  "data-component": "bs-chart-bar"
428
- }, qt = ["aria-label"], zt = ["data-hidden"], Dn = {
435
+ }, qt = ["aria-label"], zt = ["data-hidden"], En = {
429
436
  __name: "BsChartBar",
430
437
  props: {
431
438
  chartTitle: {
@@ -479,8 +486,8 @@ const Et = {
479
486
  }
480
487
  },
481
488
  setup(e) {
482
- const a = e, t = I(null), l = I(null);
483
- let n;
489
+ const a = e, t = I(null), n = I(null);
490
+ let l;
484
491
  const o = p(() => {
485
492
  const c = {
486
493
  datasets: u.value,
@@ -488,7 +495,7 @@ const Et = {
488
495
  type: "bar",
489
496
  tooltips: a.showTooltips
490
497
  }, b = Pt(c);
491
- return b.plugins = [Vt(l.value)], b.options.scales = {
498
+ return b.plugins = [Vt(n.value)], b.options.scales = {
492
499
  x: {
493
500
  grid: {
494
501
  display: a.showXGrid
@@ -512,16 +519,16 @@ const Et = {
512
519
  }, b;
513
520
  }), u = p(() => a.data.map((c, b) => ({
514
521
  ...c,
515
- backgroundColor: Dt(b),
522
+ backgroundColor: Et(b),
516
523
  categoryPercentage: a.data.length > 1 ? 0.5 : 0.33
517
524
  }))), i = p(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`), s = $e(function(c, b) {
518
- !n || c === b || (n.options = o.value.options, n.update());
525
+ !l || c === b || (l.options = o.value.options, l.update());
519
526
  }, 100), r = $e(function() {
520
- n && (n.data = o.value.data, n.update());
527
+ l && (l.data = o.value.data, l.update());
521
528
  }, 100);
522
529
  return j(() => {
523
- fe.register(nt, lt, ot, it, rt, st), fe.defaults.font.family = "'Roobert', sans-serif", n = new fe(t.value, o.value);
524
- }), E(() => a.showLegend, s), E(() => a.showTooltips, s), E(() => a.showXGrid, s), E(() => a.showYGrid, s), E(() => a.stacked, s), E(() => a.xLabel, s), E(() => a.yLabel, s), E(() => a.data, r), E(() => a.dataIdxLabels, r), (c, b) => (d(), f("div", Et, [
530
+ ve.register(nt, lt, ot, it, rt, st), ve.defaults.font.family = "'Roobert', sans-serif", l = new ve(t.value, o.value);
531
+ }), D(() => a.showLegend, s), D(() => a.showTooltips, s), D(() => a.showXGrid, s), D(() => a.showYGrid, s), D(() => a.stacked, s), D(() => a.xLabel, s), D(() => a.yLabel, s), D(() => a.data, r), D(() => a.dataIdxLabels, r), (c, b) => (d(), f("div", Dt, [
525
532
  m("figure", null, [
526
533
  m("div", null, [
527
534
  m("canvas", {
@@ -532,7 +539,7 @@ const Et = {
532
539
  }, null, 8, qt)
533
540
  ]),
534
541
  m("div", null, [
535
- P(Lt, {
542
+ E(Lt, {
536
543
  data: e.data,
537
544
  "data-idx-labels": e.dataIdxLabels,
538
545
  "table-title": i.value
@@ -542,7 +549,7 @@ const Et = {
542
549
  }, [
543
550
  m("ul", {
544
551
  ref_key: "legendList",
545
- ref: l
552
+ ref: n
546
553
  }, null, 512)
547
554
  ], 8, zt)
548
555
  ])
@@ -570,13 +577,13 @@ const Et = {
570
577
  m("span", null, [
571
578
  k(a.$slots, "default")
572
579
  ]),
573
- e.required ? (d(), f(O, { key: 0 }, [
580
+ e.required ? (d(), f(N, { key: 0 }, [
574
581
  Ot,
575
582
  Nt
576
583
  ], 64)) : S("", !0)
577
584
  ], 10, Mt));
578
585
  }
579
- }, Rt = ["data-size"], jt = ["checked", "data-error", "disabled", "id", "required", "value"], En = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
586
+ }, Rt = ["data-size"], jt = ["checked", "data-error", "disabled", "id", "required", "value"], Dn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
580
587
  __name: "BsCheckbox",
581
588
  props: {
582
589
  /** Sets the label. */
@@ -634,27 +641,27 @@ const Et = {
634
641
  },
635
642
  emits: ["update:modelValue"],
636
643
  setup(e, { emit: a }) {
637
- const t = e, l = a, n = N(), [o] = H(), { toChild: u, toRoot: i } = Z(t, n, ["aria-label", "name", "value"]), s = I(null), r = p(() => t.inputId || o.value), c = p(() => t.checked || g.value), b = p(() => Array.isArray(t.modelValue) && t.value), g = p(() => b.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
644
+ const t = e, n = a, l = O(), [o] = H(), { toChild: u, toRoot: i } = Z(t, l, ["aria-label", "name", "value"]), s = I(null), r = p(() => t.inputId || o.value), c = p(() => t.checked || g.value), b = p(() => Array.isArray(t.modelValue) && t.value), g = p(() => b.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
638
645
  function B() {
639
646
  s.value && (s.value.indeterminate = t.checkedPartially && !c.value);
640
647
  }
641
648
  function x($) {
642
- l("update:modelValue", $);
649
+ n("update:modelValue", $);
643
650
  }
644
651
  function z($) {
645
652
  const y = [...t.modelValue];
646
- $ ? y.push(t.value) : y.splice(y.indexOf(t.value), 1), l("update:modelValue", y);
653
+ $ ? y.push(t.value) : y.splice(y.indexOf(t.value), 1), n("update:modelValue", y);
647
654
  }
648
655
  function C($) {
649
656
  const { checked: y } = $.target;
650
657
  b.value ? z(y) : x(y);
651
658
  }
652
- return E(c, B), E(() => t.checkedPartially, B), ($, y) => (d(), f("div", D({
659
+ return D(c, B), D(() => t.checkedPartially, B), ($, y) => (d(), f("div", P({
653
660
  class: "bs-boolean",
654
661
  "data-component": "bs-checkbox",
655
662
  "data-size": e.size
656
663
  }, v(i)), [
657
- m("input", D({
664
+ m("input", P({
658
665
  ref_key: "inputEl",
659
666
  ref: s,
660
667
  checked: c.value,
@@ -681,7 +688,7 @@ const Et = {
681
688
  }, 8, ["for", "disabled", "required"])) : S("", !0)
682
689
  ], 16, Rt));
683
690
  }
684
- }), Wt = { key: 0 }, Ft = { class: "bs-circle-button-icon" }, Gt = { key: 1 }, qn = {
691
+ }), Ft = { key: 0 }, Wt = { class: "bs-circle-button-icon" }, Gt = { key: 1 }, qn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
685
692
  __name: "BsCircleButton",
686
693
  props: {
687
694
  disabled: {
@@ -696,6 +703,7 @@ const Et = {
696
703
  type: Boolean,
697
704
  default: !1
698
705
  },
706
+ /** @DEPRECATED in favor of linkTo */
699
707
  href: {
700
708
  type: String
701
709
  },
@@ -712,6 +720,9 @@ const Et = {
712
720
  type: String,
713
721
  required: !0
714
722
  },
723
+ linkTo: {
724
+ type: String
725
+ },
715
726
  router: {},
716
727
  textBtn: {
717
728
  type: Boolean,
@@ -724,32 +735,32 @@ const Et = {
724
735
  }
725
736
  },
726
737
  setup(e) {
727
- const a = e, t = N(), { rootTag: l, attrsToBind: n } = pe(a, t), { icon: o } = le(a, "icon"), { onLinkClick: u } = ie(a), i = p(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), s = p(() => {
738
+ const a = e, t = O(), { rootTag: n, attrsToBind: l, hrefUrl: o } = ie(a, t), { icon: u } = le(a, "icon"), { onLinkClick: i } = re(a), s = p(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = p(() => {
728
739
  if (a.hoverEffect)
729
740
  return a.iconPosition;
730
- }), r = p(() => a.textBtn && a.iconPosition !== "left"), c = p(() => a.textBtn && a.iconPosition === "left");
731
- return (b, g) => (d(), L(U(v(l)), D({
741
+ }), c = p(() => a.textBtn && a.iconPosition !== "left"), b = p(() => a.textBtn && a.iconPosition === "left");
742
+ return (g, B) => (d(), L(U(v(n)), P({
732
743
  class: "bs-circle-button",
733
744
  "data-disabled": e.disabled,
734
- "data-direction": s.value,
745
+ "data-direction": r.value,
735
746
  "data-ghost": e.ghostBtn,
736
747
  "data-size": e.size,
737
748
  "data-text": e.textBtn,
738
- href: e.href
739
- }, { ...v(n), ...i.value }, { onClick: v(u) }), {
749
+ ".href": v(o)
750
+ }, { ...v(l), ...s.value }, { onClick: v(i) }), {
740
751
  default: V(() => [
741
- r.value ? (d(), f("span", Wt, T(e.label), 1)) : S("", !0),
742
- m("span", Ft, [
743
- k(b.$slots, "icon", {}, () => [
744
- (d(), L(U(v(o)), { size: e.size }, null, 8, ["size"]))
752
+ c.value ? (d(), f("span", Ft, T(e.label), 1)) : S("", !0),
753
+ m("span", Wt, [
754
+ k(g.$slots, "icon", {}, () => [
755
+ (d(), L(U(v(u)), { size: e.size }, null, 8, ["size"]))
745
756
  ])
746
757
  ]),
747
- c.value ? (d(), f("span", Gt, T(e.label), 1)) : S("", !0)
758
+ b.value ? (d(), f("span", Gt, T(e.label), 1)) : S("", !0)
748
759
  ]),
749
760
  _: 3
750
- }, 16, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", "href", "onClick"]));
761
+ }, 48, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", ".href", "onClick"]));
751
762
  }
752
- }, de = {
763
+ }), ue = {
753
764
  __name: "BsTransition",
754
765
  props: {
755
766
  shown: {
@@ -792,13 +803,13 @@ const Et = {
792
803
  "leave-cancelled"
793
804
  ],
794
805
  setup(e, { emit: a }) {
795
- const t = e, l = a, n = [];
806
+ const t = e, n = a, l = [];
796
807
  function o(s, r) {
797
808
  const { duration: c, enterClass: b, enterAttribute: g } = t;
798
- n.push(setTimeout(() => {
799
- b && s.classList.add(b), g && s.setAttribute(g, ""), n.push(setTimeout(() => {
809
+ l.push(setTimeout(() => {
810
+ b && s.classList.add(b), g && s.setAttribute(g, ""), l.push(setTimeout(() => {
800
811
  r();
801
- }, c)), l("enter", s);
812
+ }, c)), n("enter", s);
802
813
  }));
803
814
  }
804
815
  function u(s, r) {
@@ -809,47 +820,47 @@ const Et = {
809
820
  leaveClass: B,
810
821
  leaveAttribute: x
811
822
  } = t;
812
- s.classList.remove(b), s.removeAttribute(g), B && s.classList.add(B), x && s.setAttribute(x, ""), n.push(setTimeout(() => {
823
+ s.classList.remove(b), s.removeAttribute(g), B && s.classList.add(B), x && s.setAttribute(x, ""), l.push(setTimeout(() => {
813
824
  r();
814
- }, c)), l("leave", s);
825
+ }, c)), n("leave", s);
815
826
  }
816
827
  function i(s) {
817
828
  const { leaveClass: r, leaveAttribute: c } = t;
818
- s.classList.remove(r), s.removeAttribute(c), l("after-leave", s);
829
+ s.classList.remove(r), s.removeAttribute(c), n("after-leave", s);
819
830
  }
820
831
  return ne(() => {
821
- n.forEach((s) => {
832
+ l.forEach((s) => {
822
833
  clearTimeout(s);
823
834
  });
824
- }), (s, r) => e.preloaded ? We((d(), L(me, {
835
+ }), (s, r) => e.preloaded ? Fe((d(), L(me, {
825
836
  key: 0,
826
837
  css: !1,
827
- onBeforeEnter: r[0] || (r[0] = (c) => l("before-enter", c)),
838
+ onBeforeEnter: r[0] || (r[0] = (c) => n("before-enter", c)),
828
839
  onEnter: o,
829
- onAfterEnter: r[1] || (r[1] = (c) => l("after-enter", c)),
830
- onEnterCancelled: r[2] || (r[2] = (c) => l("enter-cancelled", c)),
831
- onBeforeLeave: r[3] || (r[3] = (c) => l("before-leave", c)),
840
+ onAfterEnter: r[1] || (r[1] = (c) => n("after-enter", c)),
841
+ onEnterCancelled: r[2] || (r[2] = (c) => n("enter-cancelled", c)),
842
+ onBeforeLeave: r[3] || (r[3] = (c) => n("before-leave", c)),
832
843
  onLeave: u,
833
844
  onAfterLeave: i,
834
- onLeaveCancelled: r[4] || (r[4] = (c) => l("leave-cancelled", c))
845
+ onLeaveCancelled: r[4] || (r[4] = (c) => n("leave-cancelled", c))
835
846
  }, {
836
847
  default: V(() => [
837
848
  k(s.$slots, "default")
838
849
  ]),
839
850
  _: 3
840
851
  }, 512)), [
841
- [Fe, e.shown]
852
+ [We, e.shown]
842
853
  ]) : (d(), L(me, {
843
854
  key: 1,
844
855
  css: !1,
845
- onBeforeEnter: r[5] || (r[5] = (c) => l("before-enter", c)),
856
+ onBeforeEnter: r[5] || (r[5] = (c) => n("before-enter", c)),
846
857
  onEnter: o,
847
- onAfterEnter: r[6] || (r[6] = (c) => l("after-enter", c)),
848
- onEnterCancelled: r[7] || (r[7] = (c) => l("enter-cancelled", c)),
849
- onBeforeLeave: r[8] || (r[8] = (c) => l("before-leave", c)),
858
+ onAfterEnter: r[6] || (r[6] = (c) => n("after-enter", c)),
859
+ onEnterCancelled: r[7] || (r[7] = (c) => n("enter-cancelled", c)),
860
+ onBeforeLeave: r[8] || (r[8] = (c) => n("before-leave", c)),
850
861
  onLeave: u,
851
862
  onAfterLeave: i,
852
- onLeaveCancelled: r[9] || (r[9] = (c) => l("leave-cancelled", c))
863
+ onLeaveCancelled: r[9] || (r[9] = (c) => n("leave-cancelled", c))
853
864
  }, {
854
865
  default: V(() => [
855
866
  e.shown ? k(s.$slots, "default", { key: 0 }) : S("", !0)
@@ -905,52 +916,52 @@ const Et = {
905
916
  "after-leave"
906
917
  ],
907
918
  setup(e, { emit: a }) {
908
- const t = e, l = a, n = I(null);
919
+ const t = e, n = a, l = I(null);
909
920
  let o = !1;
910
- ct([n], () => {
911
- o && l("close");
912
- }), re(["Escape"], () => {
913
- o && l("close");
921
+ ct([l], () => {
922
+ o && n("close");
923
+ }), se(["Escape"], () => {
924
+ o && n("close");
914
925
  });
915
926
  function u() {
916
- const B = (t.containerRef || document.getElementById(t.containerId)).getBoundingClientRect(), x = document.getElementById(t.anchorId).getBoundingClientRect(), z = n.value.getBoundingClientRect();
927
+ const B = (t.containerRef || document.getElementById(t.containerId)).getBoundingClientRect(), x = document.getElementById(t.anchorId).getBoundingClientRect(), z = l.value.getBoundingClientRect();
917
928
  if (t.position === "top") {
918
929
  const $ = B.bottom - x.bottom;
919
- n.value.style.setProperty("--dropdown-wscreen-top", "auto"), n.value.style.setProperty("--dropdown-wscreen-bottom", `${$ + x.height + 8}px`);
930
+ l.value.style.setProperty("--dropdown-wscreen-top", "auto"), l.value.style.setProperty("--dropdown-wscreen-bottom", `${$ + x.height + 8}px`);
920
931
  } else {
921
932
  const $ = x.top - B.top;
922
- n.value.style.setProperty("--dropdown-wscreen-top", `${$ + x.height + 8}px`), n.value.style.setProperty("--dropdown-wscreen-bottom", "auto");
933
+ l.value.style.setProperty("--dropdown-wscreen-top", `${$ + x.height + 8}px`), l.value.style.setProperty("--dropdown-wscreen-bottom", "auto");
923
934
  }
924
935
  const C = x.left - B.left;
925
936
  if (t.position === "center") {
926
937
  const $ = (x.width - z.width) / 2;
927
- n.value.style.setProperty("--dropdown-wscreen-left", `${C + $}px`);
938
+ l.value.style.setProperty("--dropdown-wscreen-left", `${C + $}px`);
928
939
  } else if (t.position === "right") {
929
940
  const $ = B.right - x.right;
930
- n.value.style.setProperty("--dropdown-wscreen-left", "auto"), n.value.style.setProperty("--dropdown-wscreen-right", `${$}px`);
941
+ l.value.style.setProperty("--dropdown-wscreen-left", "auto"), l.value.style.setProperty("--dropdown-wscreen-right", `${$}px`);
931
942
  } else
932
- n.value.style.setProperty("--dropdown-wscreen-left", `${C}px`);
943
+ l.value.style.setProperty("--dropdown-wscreen-left", `${C}px`);
933
944
  }
934
945
  function i() {
935
946
  if (t.width === "toggle") {
936
947
  const g = document.getElementById(t.anchorId).getBoundingClientRect();
937
- n.value.style.setProperty("--dropdown-wscreen-width", `${g.width}px`);
948
+ l.value.style.setProperty("--dropdown-wscreen-width", `${g.width}px`);
938
949
  } else
939
- n.value.style.setProperty("--dropdown-wscreen-width", "");
950
+ l.value.style.setProperty("--dropdown-wscreen-width", "");
940
951
  }
941
952
  function s() {
942
- u(), i(), l("enter");
953
+ u(), i(), n("enter");
943
954
  }
944
955
  function r() {
945
- o = !0, l("after-enter");
956
+ o = !0, n("after-enter");
946
957
  }
947
958
  function c() {
948
- o = !1, l("after-leave");
959
+ o = !1, n("after-leave");
949
960
  }
950
961
  function b() {
951
962
  return t.width === "toggle" ? void 0 : t.width;
952
963
  }
953
- return (g, B) => (d(), L(v(de), {
964
+ return (g, B) => (d(), L(v(ue), {
954
965
  shown: e.shown,
955
966
  preloaded: e.preloaded,
956
967
  duration: 75,
@@ -960,9 +971,9 @@ const Et = {
960
971
  onAfterLeave: B[3] || (B[3] = (x) => c())
961
972
  }, {
962
973
  default: V(() => [
963
- m("div", D({
974
+ m("div", P({
964
975
  ref_key: "dropdownRef",
965
- ref: n,
976
+ ref: l,
966
977
  class: "bs-dropdown",
967
978
  "data-width": b()
968
979
  }, g.$attrs), [
@@ -974,9 +985,9 @@ const Et = {
974
985
  m("button", {
975
986
  type: "button",
976
987
  title: "close",
977
- onClick: B[0] || (B[0] = () => l("close"))
988
+ onClick: B[0] || (B[0] = () => n("close"))
978
989
  }, [
979
- P(v(oe))
990
+ E(v(oe))
980
991
  ])
981
992
  ])) : S("", !0),
982
993
  k(g.$slots, "default")
@@ -1068,10 +1079,10 @@ const Et = {
1068
1079
  "after-leave"
1069
1080
  ],
1070
1081
  setup(e, { emit: a }) {
1071
- const t = e, l = a, n = I(null), { transition: o } = se(t), u = p(() => t.toggleId ? t.toggleId : t.anchorId), i = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position);
1072
- return (s, r) => (d(), f(O, null, [
1082
+ const t = e, n = a, l = I(null), { transition: o } = de(t), u = p(() => t.toggleId ? t.toggleId : t.anchorId), i = p(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position);
1083
+ return (s, r) => (d(), f(N, null, [
1073
1084
  v(o) ? (d(), f("div", Yt)) : S("", !0),
1074
- e.containerId ? (d(), L(v(Se), D({
1085
+ e.containerId ? (d(), L(v(Se), P({
1075
1086
  key: 1,
1076
1087
  shown: v(o),
1077
1088
  preloaded: e.preloaded,
@@ -1082,10 +1093,10 @@ const Et = {
1082
1093
  position: i.value,
1083
1094
  width: e.width
1084
1095
  }, s.$attrs, {
1085
- onClose: r[0] || (r[0] = (c) => l("close")),
1086
- onAfterEnter: r[1] || (r[1] = (c) => l("after-enter")),
1087
- onEnter: r[2] || (r[2] = (c) => l("enter")),
1088
- onAfterLeave: r[3] || (r[3] = (c) => l("after-leave"))
1096
+ onClose: r[0] || (r[0] = (c) => n("close")),
1097
+ onAfterEnter: r[1] || (r[1] = (c) => n("after-enter")),
1098
+ onEnter: r[2] || (r[2] = (c) => n("enter")),
1099
+ onAfterLeave: r[3] || (r[3] = (c) => n("after-leave"))
1089
1100
  }), {
1090
1101
  default: V(() => [
1091
1102
  k(s.$slots, "default")
@@ -1094,23 +1105,23 @@ const Et = {
1094
1105
  }, 16, ["shown", "preloaded", "anchor-id", "container-id", "helper-description", "helper-text", "position", "width"])) : (d(), f("div", {
1095
1106
  key: 2,
1096
1107
  ref_key: "containerRef",
1097
- ref: n,
1108
+ ref: l,
1098
1109
  style: { position: "relative" }
1099
1110
  }, [
1100
- P(v(Se), D({
1111
+ E(v(Se), P({
1101
1112
  shown: v(o),
1102
1113
  preloaded: e.preloaded,
1103
1114
  "anchor-id": u.value,
1104
- "container-ref": n.value,
1115
+ "container-ref": l.value,
1105
1116
  "helper-description": e.helperDescription,
1106
1117
  "helper-text": e.helperText,
1107
1118
  position: i.value,
1108
1119
  width: e.width
1109
1120
  }, s.$attrs, {
1110
- onClose: r[4] || (r[4] = (c) => l("close")),
1111
- onAfterEnter: r[5] || (r[5] = (c) => l("after-enter")),
1112
- onEnter: r[6] || (r[6] = (c) => l("enter")),
1113
- onAfterLeave: r[7] || (r[7] = (c) => l("after-leave"))
1121
+ onClose: r[4] || (r[4] = (c) => n("close")),
1122
+ onAfterEnter: r[5] || (r[5] = (c) => n("after-enter")),
1123
+ onEnter: r[6] || (r[6] = (c) => n("enter")),
1124
+ onAfterLeave: r[7] || (r[7] = (c) => n("after-leave"))
1114
1125
  }), {
1115
1126
  default: V(() => [
1116
1127
  k(s.$slots, "default")
@@ -1133,14 +1144,14 @@ const Et = {
1133
1144
  }
1134
1145
  },
1135
1146
  setup(e) {
1136
- const a = e, t = I(null), l = te("optionsId"), n = te("handleSelect"), o = p(() => `${l}-option-${a.value}`);
1137
- re([" ", "Enter", "NumpadEnter"], (i) => {
1147
+ const a = e, t = I(null), n = te("optionsId"), l = te("handleSelect"), o = p(() => `${n}-option-${a.value}`);
1148
+ se([" ", "Enter", "NumpadEnter"], (i) => {
1138
1149
  var s;
1139
1150
  u(), (s = t.value.querySelector("a")) == null || s.click(), i.preventDefault();
1140
1151
  }, t);
1141
1152
  function u() {
1142
1153
  var i;
1143
- n(o.value, a.value), (i = t.value.querySelector("a")) == null || i.click();
1154
+ l(o.value, a.value), (i = t.value.querySelector("a")) == null || i.click();
1144
1155
  }
1145
1156
  return (i, s) => (d(), f("li", {
1146
1157
  "data-component": "bs-dropdown-option",
@@ -1194,33 +1205,33 @@ const Et = {
1194
1205
  },
1195
1206
  emits: ["optselected", "update:modelValue", "close"],
1196
1207
  setup(e, { emit: a }) {
1197
- const t = e, l = a, n = I(null), o = I(null);
1208
+ const t = e, n = a, l = I(null), o = I(null);
1198
1209
  let u = null, i = -1, s = -1;
1199
1210
  ae("optionsId", t.optionsId), ae("handleSelect", C);
1200
1211
  function r() {
1201
- return u || (u = Array.from(n.value.querySelectorAll('[data-component="bs-dropdown-option"]'))), u;
1212
+ return u || (u = Array.from(l.value.querySelectorAll('[data-component="bs-dropdown-option"]'))), u;
1202
1213
  }
1203
1214
  j(() => {
1204
1215
  g(), document.addEventListener("keydown", x);
1205
1216
  }), Ge(() => {
1206
1217
  document.removeEventListener("keydown", x);
1207
- }), E(() => t.visible, () => {
1218
+ }), D(() => t.visible, () => {
1208
1219
  g();
1209
- }), E(() => t.shown, () => {
1220
+ }), D(() => t.shown, () => {
1210
1221
  g();
1211
1222
  });
1212
1223
  const c = p(() => t.visible || t.shown), b = p(() => t.modelValue || t.selectedValue);
1213
1224
  function g() {
1214
- var $, y, q, W, ee;
1225
+ var $, y, q, F, ee;
1215
1226
  c.value ? (s = r().findIndex(
1216
1227
  (J) => J.getAttribute("data-value") === String(b.value)
1217
1228
  ), s > -1 && (($ = r()[s]) == null || $.setAttribute("data-selected", ""), (y = r()[s]) == null || y.setAttribute("aria-selected", "true"), i = s, t.focusDelay > 0 ? setTimeout(() => {
1218
1229
  var J;
1219
1230
  (J = r()[s]) == null || J.focus();
1220
- }, t.focusDelay) : (q = r()[s]) == null || q.focus())) : ((W = r()[s]) == null || W.removeAttribute("data-selected"), (ee = r()[s]) == null || ee.removeAttribute("aria-selected"));
1231
+ }, t.focusDelay) : (q = r()[s]) == null || q.focus())) : ((F = r()[s]) == null || F.removeAttribute("data-selected"), (ee = r()[s]) == null || ee.removeAttribute("aria-selected"));
1221
1232
  }
1222
1233
  ft(
1223
- n,
1234
+ l,
1224
1235
  () => {
1225
1236
  u = null;
1226
1237
  },
@@ -1269,11 +1280,11 @@ const Et = {
1269
1280
  B(), r()[y].focus(), i = y;
1270
1281
  }
1271
1282
  function C($, y) {
1272
- o.value = $, B(), l("optselected", y), l("update:modelValue", y), l("close");
1283
+ o.value = $, B(), n("optselected", y), n("update:modelValue", y), n("close");
1273
1284
  }
1274
1285
  return ($, y) => (d(), f("ul", {
1275
1286
  ref_key: "optionsRef",
1276
- ref: n,
1287
+ ref: l,
1277
1288
  "aria-activedescendant": o.value || void 0,
1278
1289
  "aria-label": t.label || void 0,
1279
1290
  class: "bs-dropdown-options",
@@ -1383,15 +1394,15 @@ const Et = {
1383
1394
  "after-leave"
1384
1395
  ],
1385
1396
  setup(e, { emit: a }) {
1386
- const t = a, l = I(!1);
1387
- function n() {
1388
- l.value = !0;
1397
+ const t = a, n = I(!1);
1398
+ function l() {
1399
+ n.value = !0;
1389
1400
  }
1390
1401
  function o(i) {
1391
- l.value = !1, t("optselected", i), t("update:modelValue", i), t("close");
1402
+ n.value = !1, t("optselected", i), t("update:modelValue", i), t("close");
1392
1403
  }
1393
1404
  function u() {
1394
- l.value && (l.value = !1, t("close"));
1405
+ n.value && (n.value = !1, t("close"));
1395
1406
  }
1396
1407
  return (i, s) => (d(), L(v(Xt), {
1397
1408
  shown: e.shown,
@@ -1411,16 +1422,16 @@ const Et = {
1411
1422
  width: e.width,
1412
1423
  onClose: u,
1413
1424
  onAfterEnter: s[0] || (s[0] = (r) => t("after-enter")),
1414
- onEnter: n,
1425
+ onEnter: l,
1415
1426
  onAfterLeave: s[1] || (s[1] = (r) => t("after-leave"))
1416
1427
  }, {
1417
1428
  default: V(() => [
1418
- P(v(_t), {
1429
+ E(v(_t), {
1419
1430
  label: e.label,
1420
1431
  "model-value": e.modelValue,
1421
1432
  "options-id": e.optionsId,
1422
1433
  "selected-value": e.selectedValue,
1423
- shown: l.value,
1434
+ shown: n.value,
1424
1435
  "onUpdate:modelValue": o,
1425
1436
  onClose: u
1426
1437
  }, {
@@ -1457,7 +1468,7 @@ const Et = {
1457
1468
  },
1458
1469
  setup(e) {
1459
1470
  const a = e, t = p(() => a.error && a.errorMsg || a.hint);
1460
- return (l, n) => (d(), f("div", ta, [
1471
+ return (n, l) => (d(), f("div", ta, [
1461
1472
  t.value ? (d(), f("span", {
1462
1473
  key: 0,
1463
1474
  id: e.hintId,
@@ -1502,7 +1513,7 @@ const Et = {
1502
1513
  },
1503
1514
  setup(e) {
1504
1515
  const a = e, t = p(() => a.badgeCount > 0);
1505
- return (l, n) => (d(), f("button", {
1516
+ return (n, l) => (d(), f("button", {
1506
1517
  class: "bs-filter-button",
1507
1518
  "aria-controls": e.optionsId,
1508
1519
  "aria-expanded": e.open,
@@ -1520,28 +1531,28 @@ const Et = {
1520
1531
  position: "left",
1521
1532
  variant: "notext"
1522
1533
  }, null, 8, ["count"])) : S("", !0),
1523
- k(l.$slots, "label", {}, () => [
1534
+ k(n.$slots, "label", {}, () => [
1524
1535
  R(T(e.label), 1)
1525
1536
  ]),
1526
- P(v(we))
1537
+ E(v(we))
1527
1538
  ], 8, la));
1528
1539
  }
1529
1540
  }, oa = ["view-box"], ia = ["id"], ra = ["offset", "stop-color"], Mn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
1530
1541
  __name: "BsIconGradientWrapper",
1531
1542
  setup(e) {
1532
- const a = I(null), t = I(null), l = [
1543
+ const a = I(null), t = I(null), n = [
1533
1544
  { offset: 0.1326, color: "#EE282A" },
1534
1545
  { offset: 0.5466, color: "#1C0087" },
1535
1546
  { offset: 0.9715, color: "#0086EA" }
1536
- ], [n] = H();
1547
+ ], [l] = H();
1537
1548
  return j(() => {
1538
1549
  t.value = a.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
1539
- }), (o, u) => (d(), f(O, null, [
1540
- m("span", D({
1550
+ }), (o, u) => (d(), f(N, null, [
1551
+ m("span", P({
1541
1552
  ref_key: "svgWrapperRef",
1542
1553
  ref: a,
1543
1554
  class: "bs-icon-gradient-wrapper",
1544
- style: `fill: url(#${v(n)});`
1555
+ style: `fill: url(#${v(l)});`
1545
1556
  }, o.$attrs), [
1546
1557
  k(o.$slots, "default")
1547
1558
  ], 16),
@@ -1552,14 +1563,14 @@ const Et = {
1552
1563
  height: "0"
1553
1564
  }, [
1554
1565
  m("linearGradient", {
1555
- id: v(n),
1566
+ id: v(l),
1556
1567
  x1: "0",
1557
1568
  y1: "0",
1558
1569
  x2: "100%",
1559
1570
  y2: "100%",
1560
1571
  "gradient-units": "userSpaceOnUse"
1561
1572
  }, [
1562
- (d(), f(O, null, Y(l, (i) => m("stop", {
1573
+ (d(), f(N, null, Y(n, (i) => m("stop", {
1563
1574
  key: i.offset,
1564
1575
  offset: i.offset,
1565
1576
  "stop-color": i.color
@@ -1583,12 +1594,12 @@ const Et = {
1583
1594
  },
1584
1595
  emits: ["update:modelValue"],
1585
1596
  setup(e, { emit: a }) {
1586
- const t = e, l = a, n = N(), o = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
1597
+ const t = e, n = a, l = O(), o = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
1587
1598
  function u(i) {
1588
- const s = n.type === "number" ? parseInt(i.target.value) : i.target.value;
1589
- l("update:modelValue", s);
1599
+ const s = l.type === "number" ? parseInt(i.target.value) : i.target.value;
1600
+ n("update:modelValue", s);
1590
1601
  }
1591
- return (i, s) => (d(), f("input", D({
1602
+ return (i, s) => (d(), f("input", P({
1592
1603
  class: "bs-input",
1593
1604
  "data-component": "bs-input",
1594
1605
  "data-error": e.error,
@@ -1664,7 +1675,7 @@ const Et = {
1664
1675
  },
1665
1676
  emits: ["update:modelValue"],
1666
1677
  setup(e, { emit: a }) {
1667
- const t = e, l = N(), [n, o] = H(2), { toChild: u, toRoot: i } = Z(t, l, [
1678
+ const t = e, n = O(), [l, o] = H(2), { toChild: u, toRoot: i } = Z(t, n, [
1668
1679
  "aria-label",
1669
1680
  "autocomplete",
1670
1681
  "max",
@@ -1676,8 +1687,8 @@ const Et = {
1676
1687
  var b, g;
1677
1688
  return ((g = (b = t.hints) == null ? void 0 : b.join) == null ? void 0 : g.call(b, `
1678
1689
  `)) || t.hints;
1679
- }), r = p(() => t.error && t.errorMsg || t.hint || s.value || void 0), c = p(() => t.inputId || n.value);
1680
- return (b, g) => (d(), f("div", D({ "data-component": "bs-input-field" }, v(i)), [
1690
+ }), r = p(() => t.error && t.errorMsg || t.hint || s.value || void 0), c = p(() => t.inputId || l.value);
1691
+ return (b, g) => (d(), f("div", P({ "data-component": "bs-input-field" }, v(i)), [
1681
1692
  e.label || b.$slots.label ? (d(), L(_, {
1682
1693
  key: 0,
1683
1694
  for: c.value,
@@ -1691,7 +1702,7 @@ const Et = {
1691
1702
  ]),
1692
1703
  _: 3
1693
1704
  }, 8, ["for", "disabled", "required"])) : S("", !0),
1694
- P(ke, D({
1705
+ E(ke, P({
1695
1706
  disabled: e.disabled,
1696
1707
  error: e.error,
1697
1708
  "hint-id": v(o),
@@ -1749,36 +1760,36 @@ const Et = {
1749
1760
  },
1750
1761
  emits: ["clear", "update:modelValue"],
1751
1762
  setup(e, { emit: a }) {
1752
- const t = e, l = N(), { toChild: n, toRoot: o } = Z(t, l, [
1763
+ const t = e, n = O(), { toChild: l, toRoot: o } = Z(t, n, [
1753
1764
  "aria-label",
1754
1765
  "autocomplete",
1755
1766
  "maxlength",
1756
1767
  "minlength",
1757
1768
  "name"
1758
1769
  ]), u = p(() => !t.disabled && !t.hideClear && t.variant !== "filter");
1759
- return (i, s) => (d(), L(ua, D({
1770
+ return (i, s) => (d(), L(ua, P({
1760
1771
  class: "bs-input-search",
1761
1772
  "data-component": "bs-input-search",
1762
1773
  "data-variant": e.variant,
1763
1774
  disabled: e.disabled
1764
1775
  }, v(o)), {
1765
1776
  default: V(() => [
1766
- P(v(Xe)),
1767
- P(ke, D({
1777
+ E(v(Xe)),
1778
+ E(ke, P({
1768
1779
  "data-autowidth": "",
1769
1780
  disabled: e.disabled,
1770
1781
  "input-id": e.inputId,
1771
1782
  placeholder: e.placeholder,
1772
1783
  value: e.value || e.modelValue,
1773
1784
  "onUpdate:modelValue": s[0] || (s[0] = (r) => i.$emit("update:modelValue", r))
1774
- }, v(n)), null, 16, ["disabled", "input-id", "placeholder", "value"]),
1785
+ }, v(l)), null, 16, ["disabled", "input-id", "placeholder", "value"]),
1775
1786
  u.value ? (d(), f("button", {
1776
1787
  key: 0,
1777
1788
  title: "Clear",
1778
1789
  type: "button",
1779
1790
  onClick: s[1] || (s[1] = (r) => i.$emit("clear"))
1780
1791
  }, [
1781
- P(v(oe), { size: "sm" })
1792
+ E(v(oe), { size: "sm" })
1782
1793
  ])) : S("", !0)
1783
1794
  ]),
1784
1795
  _: 1
@@ -1840,14 +1851,14 @@ const Et = {
1840
1851
  },
1841
1852
  emits: ["after-enter", "after-leave"],
1842
1853
  setup(e, { emit: a }) {
1843
- const t = e, l = a, { transition: n } = se(t);
1844
- return (o, u) => (d(), L(v(de), {
1845
- shown: v(n),
1854
+ const t = e, n = a, { transition: l } = de(t);
1855
+ return (o, u) => (d(), L(v(ue), {
1856
+ shown: v(l),
1846
1857
  preloaded: e.preloaded,
1847
1858
  duration: 75,
1848
1859
  "enter-attribute": "data-shown",
1849
- onAfterEnter: u[0] || (u[0] = (i) => l("after-enter")),
1850
- onAfterLeave: u[1] || (u[1] = (i) => l("after-leave"))
1860
+ onAfterEnter: u[0] || (u[0] = (i) => n("after-enter")),
1861
+ onAfterLeave: u[1] || (u[1] = (i) => n("after-leave"))
1851
1862
  }, {
1852
1863
  default: V(() => [
1853
1864
  ma
@@ -1903,29 +1914,29 @@ const Et = {
1903
1914
  "after-leave"
1904
1915
  ],
1905
1916
  setup(e, { emit: a }) {
1906
- const t = e, l = a, { transition: n } = se(t);
1917
+ const t = e, n = a, { transition: l } = de(t);
1907
1918
  let o = !1;
1908
- return re(["Escape"], () => {
1909
- o && l("close", t.modalId);
1910
- }), (u, i) => (d(), f(O, null, [
1911
- P(ya, {
1912
- shown: v(n),
1919
+ return se(["Escape"], () => {
1920
+ o && n("close", t.modalId);
1921
+ }), (u, i) => (d(), f(N, null, [
1922
+ E(ya, {
1923
+ shown: v(l),
1913
1924
  preloaded: e.preloaded,
1914
1925
  "enter-controlled": e.enterControlled,
1915
1926
  "enter-trigger": e.enterTrigger,
1916
1927
  "leave-trigger": e.leaveTrigger
1917
1928
  }, null, 8, ["shown", "preloaded", "enter-controlled", "enter-trigger", "leave-trigger"]),
1918
- P(de, {
1919
- shown: v(n),
1929
+ E(ue, {
1930
+ shown: v(l),
1920
1931
  preloaded: e.preloaded,
1921
1932
  duration: 75,
1922
1933
  "enter-attribute": "data-shown",
1923
1934
  onEnter: i[1] || (i[1] = (s) => Ue(o) ? o.value = !0 : o = !0),
1924
- onAfterEnter: i[2] || (i[2] = (s) => l("after-enter")),
1925
- onAfterLeave: i[3] || (i[3] = (s) => l("after-leave"))
1935
+ onAfterEnter: i[2] || (i[2] = (s) => n("after-enter")),
1936
+ onAfterLeave: i[3] || (i[3] = (s) => n("after-leave"))
1926
1937
  }, {
1927
1938
  default: V(() => [
1928
- m("div", D({
1939
+ m("div", P({
1929
1940
  id: t.modalId,
1930
1941
  class: "bs-modal",
1931
1942
  role: e.alert ? "alertdialog" : "dialog",
@@ -1936,9 +1947,9 @@ const Et = {
1936
1947
  type: "button",
1937
1948
  title: "Close Modal",
1938
1949
  "aria-label": "Close Modal",
1939
- onClick: i[0] || (i[0] = (s) => l("close", e.modalId))
1950
+ onClick: i[0] || (i[0] = (s) => n("close", e.modalId))
1940
1951
  }, [
1941
- P(v(oe), { class: "close-button" })
1952
+ E(v(oe), { class: "close-button" })
1942
1953
  ])
1943
1954
  ])) : S("", !0),
1944
1955
  k(u.$slots, "default")
@@ -1954,10 +1965,10 @@ const Et = {
1954
1965
  }, ka = ["title", "disabled"], Ia = { key: 0 }, Ta = ["title", "disabled"], xa = { key: 0 }, Ca = {
1955
1966
  key: 1,
1956
1967
  class: "bs-pagination-page-numbers"
1957
- }, Aa = ["title", "data-selected", "onClick"], La = { key: 2 }, Va = { key: 3 }, Pa = /* @__PURE__ */ m("span", null, "Results Per Page:", -1), Da = { class: "bs-pagination-results-numbers" }, Ea = ["data-selected", "disabled", "onClick"], qa = {
1968
+ }, Aa = ["title", "data-selected", "onClick"], La = { key: 2 }, Va = { key: 3 }, Pa = /* @__PURE__ */ m("span", null, "Results Per Page:", -1), Ea = { class: "bs-pagination-results-numbers" }, Da = ["data-selected", "disabled", "onClick"], qa = {
1958
1969
  key: 5,
1959
1970
  class: "bs-pagination-carets"
1960
- }, za = ["title", "disabled"], Ma = { key: 0 }, Oa = ["title", "disabled"], Na = { key: 0 }, Wn = {
1971
+ }, za = ["title", "disabled"], Ma = { key: 0 }, Oa = ["title", "disabled"], Na = { key: 0 }, Fn = {
1961
1972
  __name: "BsPagination",
1962
1973
  props: {
1963
1974
  // Used for all
@@ -2043,17 +2054,17 @@ const Et = {
2043
2054
  },
2044
2055
  emits: ["selchange", "update:modelValue"],
2045
2056
  setup(e, { emit: a }) {
2046
- const t = e, l = a, n = I(null);
2057
+ const t = e, n = a, l = I(null);
2047
2058
  j(() => {
2048
- o.value ? n.value = o.value : t.variant === "results" ? n.value = z.value[0] : n.value = 1;
2059
+ o.value ? l.value = o.value : t.variant === "results" ? l.value = z.value[0] : l.value = 1;
2049
2060
  });
2050
2061
  const o = p(() => t.modelValue || t.selection);
2051
- E(() => t.selection, (C) => {
2052
- n.value = C;
2053
- }), E(() => t.modelValue, (C) => {
2054
- n.value = C;
2055
- }), E(n, (C, $) => {
2056
- $ !== null && (l("selchange", C), l("update:modelValue", C));
2062
+ D(() => t.selection, (C) => {
2063
+ l.value = C;
2064
+ }), D(() => t.modelValue, (C) => {
2065
+ l.value = C;
2066
+ }), D(l, (C, $) => {
2067
+ $ !== null && (n("selchange", C), n("update:modelValue", C));
2057
2068
  });
2058
2069
  const u = p(() => {
2059
2070
  if (t.variant === "group")
@@ -2062,31 +2073,31 @@ const Et = {
2062
2073
  return t.pageCount;
2063
2074
  }), i = p(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
2064
2075
  function s() {
2065
- n.value = 1;
2076
+ l.value = 1;
2066
2077
  }
2067
2078
  function r() {
2068
- n.value = Math.max(n.value - 1, 1);
2079
+ l.value = Math.max(l.value - 1, 1);
2069
2080
  }
2070
2081
  function c() {
2071
- n.value = Math.min(
2072
- n.value + 1,
2082
+ l.value = Math.min(
2083
+ l.value + 1,
2073
2084
  u.value
2074
2085
  );
2075
2086
  }
2076
2087
  function b() {
2077
- n.value = u.value;
2088
+ l.value = u.value;
2078
2089
  }
2079
2090
  const g = p(() => {
2080
2091
  if (t.pageCount <= t.pageRange)
2081
2092
  return [...Array(t.pageCount + 1).keys()].slice(1);
2082
2093
  const C = [1], $ = (t.pageRange - 1) / 2;
2083
- let y = n.value - $, q = n.value + $;
2094
+ let y = l.value - $, q = l.value + $;
2084
2095
  y < 1 && (q += 1 - y, y = 1), q > t.pageCount && (y -= q - t.pageCount, q = t.pageCount), y = Math.max(y, 2), q = Math.min(q, t.pageCount - 1), y > 2 && C.push(t.breakText);
2085
- for (let W = y; W <= q; W++)
2086
- C.push(W);
2096
+ for (let F = y; F <= q; F++)
2097
+ C.push(F);
2087
2098
  return q < t.pageCount - 1 && C.push(t.breakText), C.push(t.pageCount), C;
2088
- }), B = p(() => `${t.centerLabel ?? "Page"} ${n.value} of ${u.value}`), x = p(() => {
2089
- const C = (n.value - 1) * t.itemsPerGroup + 1, $ = Math.min(C - 1 + t.itemsPerGroup, t.itemsCount);
2099
+ }), B = p(() => `${t.centerLabel ?? "Page"} ${l.value} of ${u.value}`), x = p(() => {
2100
+ const C = (l.value - 1) * t.itemsPerGroup + 1, $ = Math.min(C - 1 + t.itemsPerGroup, t.itemsCount);
2090
2101
  return `${t.centerLabel ?? "Results"} ${C} - ${$} of ${t.itemsCount}`;
2091
2102
  }), z = p(() => t.resultsIncrements.split(",").map((C) => parseInt(C)));
2092
2103
  return (C, $) => (d(), f("div", {
@@ -2100,44 +2111,44 @@ const Et = {
2100
2111
  type: "button",
2101
2112
  class: X(e.firstPageText ? "bs-pagination-word-caret" : void 0),
2102
2113
  title: e.firstPageText,
2103
- disabled: n.value === 1,
2114
+ disabled: l.value === 1,
2104
2115
  onClick: s
2105
2116
  }, [
2106
- P(v(Ze)),
2117
+ E(v(Ze)),
2107
2118
  e.firstPageText ? (d(), f("span", Ia, T(e.firstPageText), 1)) : S("", !0)
2108
2119
  ], 10, ka)) : S("", !0),
2109
2120
  m("button", {
2110
2121
  type: "button",
2111
2122
  class: X(e.prevPageText ? "bs-pagination-word-caret" : void 0),
2112
2123
  title: e.prevPageText,
2113
- disabled: n.value === 1,
2124
+ disabled: l.value === 1,
2114
2125
  onClick: r
2115
2126
  }, [
2116
- P(v(Je)),
2127
+ E(v(Je)),
2117
2128
  e.prevPageText ? (d(), f("span", xa, T(e.prevPageText), 1)) : S("", !0)
2118
2129
  ], 10, Ta)
2119
2130
  ])) : S("", !0),
2120
2131
  e.variant === "base" && e.centerDisplay === "numbers" ? (d(), f("div", Ca, [
2121
- (d(!0), f(O, null, Y(g.value, (y) => (d(), f("button", {
2132
+ (d(!0), f(N, null, Y(g.value, (y) => (d(), f("button", {
2122
2133
  key: `page-${y}-button`,
2123
2134
  type: "button",
2124
2135
  title: `Page ${y}`,
2125
- "data-selected": y === n.value,
2126
- onClick: (q) => n.value = y
2136
+ "data-selected": y === l.value,
2137
+ onClick: (q) => l.value = y
2127
2138
  }, T(y), 9, Aa))), 128))
2128
2139
  ])) : S("", !0),
2129
2140
  t.variant === "base" && t.centerDisplay === "text" ? (d(), f("span", La, T(B.value), 1)) : S("", !0),
2130
2141
  t.variant === "group" ? (d(), f("span", Va, T(x.value), 1)) : S("", !0),
2131
- t.variant === "results" ? (d(), f(O, { key: 4 }, [
2142
+ t.variant === "results" ? (d(), f(N, { key: 4 }, [
2132
2143
  Pa,
2133
- m("div", Da, [
2134
- (d(!0), f(O, null, Y(z.value, (y) => (d(), f("button", {
2144
+ m("div", Ea, [
2145
+ (d(!0), f(N, null, Y(z.value, (y) => (d(), f("button", {
2135
2146
  type: "button",
2136
2147
  key: `results-${y}`,
2137
- "data-selected": y === n.value,
2138
- disabled: n.value === y,
2139
- onClick: (q) => n.value = y
2140
- }, T(y), 9, Ea))), 128))
2148
+ "data-selected": y === l.value,
2149
+ disabled: l.value === y,
2150
+ onClick: (q) => l.value = y
2151
+ }, T(y), 9, Da))), 128))
2141
2152
  ])
2142
2153
  ], 64)) : S("", !0),
2143
2154
  e.variant === "base" || e.variant === "group" ? (d(), f("div", qa, [
@@ -2145,32 +2156,34 @@ const Et = {
2145
2156
  type: "button",
2146
2157
  class: X(e.nextPageText ? "bs-pagination-word-caret" : void 0),
2147
2158
  title: e.nextPageText,
2148
- disabled: n.value === u.value,
2159
+ disabled: l.value === u.value,
2149
2160
  onClick: c
2150
2161
  }, [
2151
2162
  e.nextPageText ? (d(), f("span", Ma, T(e.nextPageText), 1)) : S("", !0),
2152
- P(v(Qe))
2163
+ E(v(Qe))
2153
2164
  ], 10, za),
2154
2165
  e.showFirstLastButtons ? (d(), f("button", {
2155
2166
  key: 0,
2156
2167
  type: "button",
2157
2168
  class: X(e.lastPageText ? "bs-pagination-word-caret" : void 0),
2158
2169
  title: e.lastPageText,
2159
- disabled: n.value === u.value,
2170
+ disabled: l.value === u.value,
2160
2171
  onClick: b
2161
2172
  }, [
2162
2173
  e.lastPageText ? (d(), f("span", Na, T(e.lastPageText), 1)) : S("", !0),
2163
- P(v(_e))
2174
+ E(v(_e))
2164
2175
  ], 10, Oa)) : S("", !0)
2165
2176
  ])) : S("", !0)
2166
2177
  ], 8, Sa));
2167
2178
  }
2168
- }, Ra = ["data-truncate"], Fn = {
2179
+ }, Ra = ["data-truncate"], Wn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
2169
2180
  __name: "BsPill",
2170
2181
  props: {
2171
2182
  active: { type: Boolean, default: !1 },
2172
2183
  disabled: { type: Boolean, default: !1 },
2184
+ /** @DEPRECATED in favor of linkTo */
2173
2185
  href: { type: String },
2186
+ linkTo: { type: String },
2174
2187
  router: {},
2175
2188
  status: {
2176
2189
  type: String,
@@ -2187,29 +2200,29 @@ const Et = {
2187
2200
  }
2188
2201
  },
2189
2202
  setup(e) {
2190
- const a = e, { onLinkClick: t } = ie(a), l = N(), { rootTag: n, attrsToBind: o } = pe(a, l, "span");
2191
- return (u, i) => (d(), L(U(v(n)), D({
2203
+ const a = e, { onLinkClick: t } = re(a), n = O(), { rootTag: l, attrsToBind: o, hrefUrl: u } = ie(a, n, "span");
2204
+ return (i, s) => (d(), L(U(v(l)), P({
2192
2205
  class: "bs-pill",
2193
2206
  "data-active": e.active,
2194
2207
  "data-component": "bs-pill",
2195
2208
  "data-status": e.status || void 0,
2196
2209
  "data-variant": e.variant || void 0,
2197
2210
  disabled: e.disabled,
2198
- href: e.href
2211
+ ".href": v(u)
2199
2212
  }, v(o), { onClick: v(t) }), {
2200
2213
  default: V(() => [
2201
2214
  m("span", { "data-truncate": e.truncate }, [
2202
- k(u.$slots, "default")
2215
+ k(i.$slots, "default")
2203
2216
  ], 8, Ra)
2204
2217
  ]),
2205
2218
  _: 3
2206
- }, 16, ["data-active", "data-status", "data-variant", "disabled", "href", "onClick"]));
2219
+ }, 48, ["data-active", "data-status", "data-variant", "disabled", ".href", "onClick"]));
2207
2220
  }
2208
- }, ja = { class: "bs-profile-details" }, Wa = {
2221
+ }), ja = { class: "bs-profile-details" }, Fa = {
2209
2222
  class: "bs-profile-name",
2210
2223
  "data-size": "sm",
2211
2224
  "data-weight": "bold"
2212
- }, Fa = {
2225
+ }, Wa = {
2213
2226
  key: 1,
2214
2227
  "data-weight": "bold"
2215
2228
  }, Ga = { key: 2 }, Ua = { key: 3 }, Ha = {
@@ -2232,9 +2245,9 @@ const Et = {
2232
2245
  },
2233
2246
  emits: ["action-toggled"],
2234
2247
  setup(e, { emit: a }) {
2235
- const t = e, l = a, { icon: n } = le(t, "actionIcon"), { icon: o } = le(t, "miscMetaIcon");
2248
+ const t = e, n = a, { icon: l } = le(t, "actionIcon"), { icon: o } = le(t, "miscMetaIcon");
2236
2249
  function u(i) {
2237
- i.target.tagName === "BUTTON" && (i.preventDefault(), i.stopImmediatePropagation(), l("action-toggled"));
2250
+ i.target.tagName === "BUTTON" && (i.preventDefault(), i.stopImmediatePropagation(), n("action-toggled"));
2238
2251
  }
2239
2252
  return (i, s) => (d(), f("div", ja, [
2240
2253
  e.action || i.$slots.action ? (d(), f("button", {
@@ -2243,15 +2256,15 @@ const Et = {
2243
2256
  onClick: u
2244
2257
  }, [
2245
2258
  k(i.$slots, "action", {}, () => [
2246
- e.actionIcon ? (d(), L(U(v(n) ? v(n) : "span"), {
2259
+ e.actionIcon ? (d(), L(U(v(l) ? v(l) : "span"), {
2247
2260
  key: 0,
2248
2261
  class: "bs-icon"
2249
2262
  })) : S("", !0),
2250
2263
  R(" " + T(e.action), 1)
2251
2264
  ])
2252
2265
  ])) : S("", !0),
2253
- m("span", Wa, T(e.profileName), 1),
2254
- e.company ? (d(), f("span", Fa, T(e.company), 1)) : S("", !0),
2266
+ m("span", Fa, T(e.profileName), 1),
2267
+ e.company ? (d(), f("span", Wa, T(e.company), 1)) : S("", !0),
2255
2268
  e.jobTitle ? (d(), f("span", Ga, T(e.jobTitle), 1)) : S("", !0),
2256
2269
  e.email ? (d(), f("span", Ua, T(e.email), 1)) : S("", !0),
2257
2270
  e.miscMeta || i.$slots.misc ? (d(), f("span", Ha, [
@@ -2280,22 +2293,22 @@ const Et = {
2280
2293
  }
2281
2294
  },
2282
2295
  setup(e) {
2283
- const a = e, t = I(!1), l = I(!!a.src);
2284
- return j(() => t.value = !0), (n, o) => (d(), f("div", {
2296
+ const a = e, t = I(!1), n = I(!!a.src);
2297
+ return j(() => t.value = !0), (l, o) => (d(), f("div", {
2285
2298
  class: "bs-profile-img",
2286
2299
  "data-img-size": e.size,
2287
2300
  "data-initials": e.initials,
2288
- "data-no-img": !l.value
2301
+ "data-no-img": !n.value
2289
2302
  }, [
2290
- l.value && t.value ? (d(), f("img", {
2303
+ n.value && t.value ? (d(), f("img", {
2291
2304
  key: 0,
2292
2305
  src: e.src,
2293
2306
  alt: e.profileName,
2294
- onError: o[0] || (o[0] = (u) => l.value = !1)
2307
+ onError: o[0] || (o[0] = (u) => n.value = !1)
2295
2308
  }, null, 40, Xa)) : S("", !0)
2296
2309
  ], 8, Ya));
2297
2310
  }
2298
- }, Gn = {
2311
+ }, Gn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
2299
2312
  __name: "BsProfile",
2300
2313
  props: {
2301
2314
  layout: {
@@ -2303,6 +2316,7 @@ const Et = {
2303
2316
  default: "vertical",
2304
2317
  validator: (e) => ["horizontal", "vertical"].includes(e)
2305
2318
  },
2319
+ /** @DEPRECATED in favor of linkTo */
2306
2320
  href: String,
2307
2321
  imageSrc: String,
2308
2322
  imageSize: {
@@ -2311,6 +2325,7 @@ const Et = {
2311
2325
  validator: (e) => ["sm", "md", "lg"].includes(e)
2312
2326
  },
2313
2327
  initials: String,
2328
+ linkTo: String,
2314
2329
  profileName: String,
2315
2330
  company: String,
2316
2331
  jobTitle: String,
@@ -2323,21 +2338,20 @@ const Et = {
2323
2338
  },
2324
2339
  emits: ["action-toggled"],
2325
2340
  setup(e, { emit: a }) {
2326
- const t = e, l = a, { onLinkClick: n } = ie(t), o = p(() => t.href ? "a" : "div");
2327
- return (u, i) => (d(), L(U(o.value), {
2341
+ const t = e, n = a, l = O(), { onLinkClick: o } = re(t), { rootTag: u, attrsToBind: i, hrefUrl: s } = ie(t, l, "div");
2342
+ return (r, c) => (d(), L(U(v(u)), P({
2328
2343
  class: "bs-profile",
2329
- href: e.href,
2330
- "data-layout": e.layout,
2331
- onClick: v(n)
2332
- }, {
2344
+ ".href": v(s),
2345
+ "data-layout": e.layout
2346
+ }, v(i), { onClick: v(o) }), {
2333
2347
  default: V(() => [
2334
- P(Za, {
2348
+ E(Za, {
2335
2349
  src: e.imageSrc,
2336
2350
  size: e.imageSize,
2337
2351
  initials: e.initials,
2338
2352
  "profile-name": e.profileName
2339
2353
  }, null, 8, ["src", "size", "initials", "profile-name"]),
2340
- P(Ka, {
2354
+ E(Ka, {
2341
2355
  "profile-name": e.profileName,
2342
2356
  company: e.company,
2343
2357
  "job-title": e.jobTitle,
@@ -2346,21 +2360,21 @@ const Et = {
2346
2360
  "action-icon": e.actionIcon,
2347
2361
  "misc-meta": e.miscMeta,
2348
2362
  "misc-meta-icon": e.miscMetaIcon,
2349
- onActionToggled: i[0] || (i[0] = (s) => l("action-toggled"))
2363
+ onActionToggled: c[0] || (c[0] = (b) => n("action-toggled"))
2350
2364
  }, {
2351
2365
  action: V(() => [
2352
- k(u.$slots, "action")
2366
+ k(r.$slots, "action")
2353
2367
  ]),
2354
2368
  misc: V(() => [
2355
- k(u.$slots, "misc")
2369
+ k(r.$slots, "misc")
2356
2370
  ]),
2357
2371
  _: 3
2358
2372
  }, 8, ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"])
2359
2373
  ]),
2360
2374
  _: 3
2361
- }, 8, ["href", "data-layout", "onClick"]));
2375
+ }, 48, [".href", "data-layout", "onClick"]));
2362
2376
  }
2363
- }, Ja = ["data-size"], Qa = ["checked", "disabled", "id", "required", "value", "data-error"], Un = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
2377
+ }), Ja = ["data-size"], Qa = ["checked", "disabled", "id", "required", "value", "data-error"], Un = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
2364
2378
  __name: "BsRadio",
2365
2379
  props: {
2366
2380
  label: {
@@ -2404,13 +2418,13 @@ const Et = {
2404
2418
  },
2405
2419
  emits: ["update:modelValue"],
2406
2420
  setup(e, { emit: a }) {
2407
- const t = e, l = N(), [n] = H(), { toChild: o, toRoot: u } = Z(t, l, ["aria-label", "name"]), i = p(() => t.inputId || n.value), s = p(() => t.checked || t.modelValue && t.modelValue === t.value);
2408
- return (r, c) => (d(), f("div", D({
2421
+ const t = e, n = O(), [l] = H(), { toChild: o, toRoot: u } = Z(t, n, ["aria-label", "name"]), i = p(() => t.inputId || l.value), s = p(() => t.checked || t.modelValue && t.modelValue === t.value);
2422
+ return (r, c) => (d(), f("div", P({
2409
2423
  class: "bs-boolean",
2410
2424
  "data-component": "bs-radio",
2411
2425
  "data-size": e.size
2412
2426
  }, v(u)), [
2413
- m("input", D({
2427
+ m("input", P({
2414
2428
  checked: s.value,
2415
2429
  disabled: e.disabled,
2416
2430
  id: i.value,
@@ -2449,19 +2463,19 @@ const Et = {
2449
2463
  },
2450
2464
  emits: ["update:modelValue"],
2451
2465
  setup(e, { emit: a }) {
2452
- const t = e, l = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
2453
- return (n, o) => (d(), f("select", D({
2454
- id: n.$attrs.id || e.inputId,
2466
+ const t = e, n = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
2467
+ return (l, o) => (d(), f("select", P({
2468
+ id: l.$attrs.id || e.inputId,
2455
2469
  class: "bs-select",
2456
2470
  "data-component": "bs-select",
2457
2471
  disabled: e.disabled,
2458
2472
  required: e.required,
2459
2473
  "data-error": e.error,
2460
2474
  value: e.value || e.modelValue
2461
- }, l.value, {
2462
- onChange: o[0] || (o[0] = (u) => n.$emit("update:modelValue", u.target.value))
2475
+ }, n.value, {
2476
+ onChange: o[0] || (o[0] = (u) => l.$emit("update:modelValue", u.target.value))
2463
2477
  }), [
2464
- k(n.$slots, "default")
2478
+ k(l.$slots, "default")
2465
2479
  ], 16, _a));
2466
2480
  }
2467
2481
  }, tn = ["selected", "disabled"], an = ["disabled", "selected", "value"], Hn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
@@ -2508,7 +2522,7 @@ const Et = {
2508
2522
  modelValue: [String, Number]
2509
2523
  },
2510
2524
  setup(e) {
2511
- const a = e, t = N(), [l, n] = H(2), { toChild: o, toRoot: u } = Z(a, t, [
2525
+ const a = e, t = O(), [n, l] = H(2), { toChild: o, toRoot: u } = Z(a, t, [
2512
2526
  "aria-label",
2513
2527
  "autofocus",
2514
2528
  "name"
@@ -2516,8 +2530,8 @@ const Et = {
2516
2530
  var b, g;
2517
2531
  return ((g = (b = a.hints) == null ? void 0 : b.join) == null ? void 0 : g.call(b, `
2518
2532
  `)) || a.hints;
2519
- }), s = p(() => a.error && a.errorMsg || a.hint || i.value || void 0), r = p(() => a.inputId || l.value), c = p(() => a.value || a.modelValue);
2520
- return (b, g) => (d(), f("div", D({ "data-component": "bs-select-field" }, v(u)), [
2533
+ }), s = p(() => a.error && a.errorMsg || a.hint || i.value || void 0), r = p(() => a.inputId || n.value), c = p(() => a.value || a.modelValue);
2534
+ return (b, g) => (d(), f("div", P({ "data-component": "bs-select-field" }, v(u)), [
2521
2535
  e.label || b.$slots.label ? (d(), L(_, {
2522
2536
  key: 0,
2523
2537
  for: r.value,
@@ -2531,10 +2545,10 @@ const Et = {
2531
2545
  ]),
2532
2546
  _: 3
2533
2547
  }, 8, ["for", "disabled", "required"])) : S("", !0),
2534
- P(en, D({
2548
+ E(en, P({
2535
2549
  disabled: e.disabled,
2536
2550
  error: e.error,
2537
- "hint-id": v(n),
2551
+ "hint-id": v(l),
2538
2552
  "input-id": r.value,
2539
2553
  required: e.required,
2540
2554
  value: c.value,
@@ -2546,7 +2560,7 @@ const Et = {
2546
2560
  value: "",
2547
2561
  disabled: !!c.value
2548
2562
  }, T(e.placeholder), 9, tn),
2549
- (d(!0), f(O, null, Y(e.data, (B) => (d(), f("option", {
2563
+ (d(!0), f(N, null, Y(e.data, (B) => (d(), f("option", {
2550
2564
  key: B.value,
2551
2565
  disabled: B.disabled,
2552
2566
  selected: c.value === B.value,
@@ -2561,7 +2575,7 @@ const Et = {
2561
2575
  error: e.error,
2562
2576
  "error-msg": e.errorMsg,
2563
2577
  hint: e.hint || i.value,
2564
- "hint-id": v(n)
2578
+ "hint-id": v(l)
2565
2579
  }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : S("", !0)
2566
2580
  ], 16));
2567
2581
  }
@@ -2611,8 +2625,8 @@ const Et = {
2611
2625
  },
2612
2626
  emits: ["update:modelValue"],
2613
2627
  setup(e, { emit: a }) {
2614
- const t = e, l = a, n = N(), [o] = H(), { toChild: u, toRoot: i } = Z(t, n, ["aria-label", "name", "value"]), s = p(() => t.inputId || o.value), r = p(() => t.checked || t.modelValue);
2615
- return (c, b) => (d(), f("div", D({
2628
+ const t = e, n = a, l = O(), [o] = H(), { toChild: u, toRoot: i } = Z(t, l, ["aria-label", "name", "value"]), s = p(() => t.inputId || o.value), r = p(() => t.checked || t.modelValue);
2629
+ return (c, b) => (d(), f("div", P({
2616
2630
  class: "bs-boolean",
2617
2631
  "data-component": "bs-switch",
2618
2632
  "data-size": e.size
@@ -2636,13 +2650,13 @@ const Et = {
2636
2650
  "data-pending": e.pending,
2637
2651
  "data-size": e.size
2638
2652
  }, [
2639
- m("input", D({
2653
+ m("input", P({
2640
2654
  checked: r.value,
2641
2655
  disabled: e.disabled,
2642
2656
  id: s.value,
2643
2657
  type: "checkbox"
2644
2658
  }, v(u), {
2645
- onChange: b[0] || (b[0] = (g) => l("update:modelValue", g.target.checked))
2659
+ onChange: b[0] || (b[0] = (g) => n("update:modelValue", g.target.checked))
2646
2660
  }), null, 16, on),
2647
2661
  m("span", {
2648
2662
  "aria-hidden": "true",
@@ -2669,14 +2683,14 @@ const Et = {
2669
2683
  },
2670
2684
  emits: ["tabClick"],
2671
2685
  setup(e, { emit: a }) {
2672
- const t = e, l = N(), n = I(), o = p(() => t.activeTabId === l.id), u = p(() => t.panelId || `${l.id}-panel`);
2686
+ const t = e, n = O(), l = I(), o = p(() => t.activeTabId === n.id), u = p(() => t.panelId || `${n.id}-panel`);
2673
2687
  function i(r) {
2674
2688
  (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), s());
2675
2689
  }
2676
2690
  function s() {
2677
- if (t.activeTabId !== l.id) {
2678
- const r = new CustomEvent("tabClick", { detail: l.id, bubbles: !0 });
2679
- n.value.dispatchEvent(r);
2691
+ if (t.activeTabId !== n.id) {
2692
+ const r = new CustomEvent("tabClick", { detail: n.id, bubbles: !0 });
2693
+ l.value.dispatchEvent(r);
2680
2694
  }
2681
2695
  }
2682
2696
  return (r, c) => (d(), f("div", {
@@ -2687,7 +2701,7 @@ const Et = {
2687
2701
  role: "tab",
2688
2702
  tabindex: "0",
2689
2703
  ref_key: "hostEl",
2690
- ref: n,
2704
+ ref: l,
2691
2705
  onClick: s,
2692
2706
  onKeydown: i
2693
2707
  }, [
@@ -2705,7 +2719,7 @@ const Et = {
2705
2719
  },
2706
2720
  emits: ["tabChange", "update:modelValue"],
2707
2721
  setup(e, { emit: a }) {
2708
- const t = e, l = a, n = I(!1), o = I(!1), u = I([]), i = I(!1), s = I(!1), r = I(), c = I([]), b = I(!1), g = I([]), B = I(), x = I(), z = I(), [C, $] = H(2), y = p(() => t.activeTabId ? g.value.findIndex((h) => h.id === t.activeTabId) : 0), q = p(() => u.value.some((h) => h.id === t.activeTabId)), W = p(() => `${$.value}-options`), ee = p(() => `${$.value}-toggle`), J = p(() => {
2722
+ const t = e, n = a, l = I(!1), o = I(!1), u = I([]), i = I(!1), s = I(!1), r = I(), c = I([]), b = I(!1), g = I([]), B = I(), x = I(), z = I(), [C, $] = H(2), y = p(() => t.activeTabId ? g.value.findIndex((h) => h.id === t.activeTabId) : 0), q = p(() => u.value.some((h) => h.id === t.activeTabId)), F = p(() => `${$.value}-options`), ee = p(() => `${$.value}-toggle`), J = p(() => {
2709
2723
  var h;
2710
2724
  return q.value ? (h = g.value[y.value]) == null ? void 0 : h.textContent : "More";
2711
2725
  }), Ie = p(() => q.value ? c.value[y.value] - c.value[y.value - 1] + fn : cn), Q = p(() => {
@@ -2720,37 +2734,37 @@ const Et = {
2720
2734
  }
2721
2735
  return s.value && h.push(r.value.querySelector(".bs-tab-list-toggle")), h;
2722
2736
  });
2723
- function ue() {
2737
+ function ce() {
2724
2738
  var K;
2725
- let h = !1, w, A = 0, M = !1, F = [];
2739
+ let h = !1, w, A = 0, M = !1, W = [];
2726
2740
  if ((K = g.value) != null && K.length) {
2727
2741
  for (let G = 0; G < g.value.length; G++) {
2728
2742
  if (w = g.value[G], w.setAttribute("tabindex", "-1"), M && G !== y.value) {
2729
- w.dataset.hidden = "true", F.push(w);
2743
+ w.dataset.hidden = "true", W.push(w);
2730
2744
  continue;
2731
2745
  }
2732
2746
  if (A = G < g.value.length - 1 ? z.value - Ie.value : z.value, c.value[G] > A) {
2733
- w.dataset.hidden = "true", F.push(w), h = !0, M = !0;
2747
+ w.dataset.hidden = "true", W.push(w), h = !0, M = !0;
2734
2748
  continue;
2735
2749
  }
2736
2750
  w.dataset.hidden = "false", w.setAttribute("tabindex", "0");
2737
2751
  }
2738
- s.value = h, u.value = F, n.value || He(() => n.value = !0), setTimeout(() => {
2752
+ s.value = h, u.value = W, l.value || He(() => l.value = !0), setTimeout(() => {
2739
2753
  qe(), b.value = !0;
2740
2754
  }, b.value ? 0 : 1e3);
2741
2755
  }
2742
2756
  }
2743
- function ce(h) {
2744
- l("tabChange", h), l("update:modelValue", h);
2757
+ function fe(h) {
2758
+ n("tabChange", h), n("update:modelValue", h);
2745
2759
  }
2746
2760
  function Te(h) {
2747
- var M, F, K;
2748
- const w = (K = (F = (M = g.value[h]) == null ? void 0 : M.getBoundingClientRect) == null ? void 0 : F.call(M)) == null ? void 0 : K.width;
2761
+ var M, W, K;
2762
+ const w = (K = (W = (M = g.value[h]) == null ? void 0 : M.getBoundingClientRect) == null ? void 0 : W.call(M)) == null ? void 0 : K.width;
2749
2763
  return w || (h === 0 ? c.value[0] : c.value[h] - c.value[h - 1]) || 0;
2750
2764
  }
2751
2765
  function xe() {
2752
2766
  var h;
2753
- (h = g.value[y.value]) == null || h.setAttribute("aria-selected", "true"), ue();
2767
+ (h = g.value[y.value]) == null || h.setAttribute("aria-selected", "true"), ce();
2754
2768
  }
2755
2769
  function Ce() {
2756
2770
  var h;
@@ -2761,7 +2775,7 @@ const Et = {
2761
2775
  }
2762
2776
  function Le(h) {
2763
2777
  var w;
2764
- i.value = !1, (w = B.value) == null || w.focus(), ce(h);
2778
+ i.value = !1, (w = B.value) == null || w.focus(), fe(h);
2765
2779
  }
2766
2780
  function Ve(h) {
2767
2781
  if (t.withBsTabs)
@@ -2770,22 +2784,22 @@ const Et = {
2770
2784
  if (!w || w.getAttribute("aria-selected") === "true")
2771
2785
  return;
2772
2786
  const A = w.getAttribute("id");
2773
- ce(A);
2787
+ fe(A);
2774
2788
  }
2775
2789
  function Pe(h) {
2776
2790
  if (h.key === "ArrowLeft" || h.key === "ArrowRight") {
2777
2791
  const w = Q.value.findIndex((A) => A.id === h.target.id);
2778
2792
  if (w === -1)
2779
2793
  return;
2780
- h.preventDefault(), h.stopPropagation(), h.key === "ArrowLeft" ? Ee(w) : De(w);
2794
+ h.preventDefault(), h.stopPropagation(), h.key === "ArrowLeft" ? De(w) : Ee(w);
2781
2795
  }
2782
2796
  }
2783
- function De(h) {
2797
+ function Ee(h) {
2784
2798
  var A;
2785
2799
  const w = (h + 1) % Q.value.length;
2786
2800
  (A = Q.value[w]) == null || A.focus();
2787
2801
  }
2788
- function Ee(h) {
2802
+ function De(h) {
2789
2803
  var A;
2790
2804
  const w = h === 0 ? Q.value.length - 1 : h - 1;
2791
2805
  (A = Q.value[w]) == null || A.focus();
@@ -2793,8 +2807,8 @@ const Et = {
2793
2807
  function qe() {
2794
2808
  var K, G, ge, be;
2795
2809
  const h = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, w = z.value;
2796
- let A = 300, M = ((G = (K = Q.value) == null ? void 0 : K[y.value]) == null ? void 0 : G.offsetLeft) || 0, F = Te(y.value);
2797
- s.value && q.value && (M = (ge = B.value) == null ? void 0 : ge.offsetLeft, F = (be = B.value) == null ? void 0 : be.offsetWidth), A = Math.max(Math.abs((M - h) / w * 300), 100), r.value.style.setProperty("--active-line-max-width", `${w}px`), r.value.style.setProperty("--active-line-scale", `${F / w}`), r.value.style.setProperty("--active-line-offset", `${M}px`), r.value.style.setProperty("--active-line-transition-duration", `${A}ms`);
2810
+ let A = 300, M = ((G = (K = Q.value) == null ? void 0 : K[y.value]) == null ? void 0 : G.offsetLeft) || 0, W = Te(y.value);
2811
+ s.value && q.value && (M = (ge = B.value) == null ? void 0 : ge.offsetLeft, W = (be = B.value) == null ? void 0 : be.offsetWidth), A = Math.max(Math.abs((M - h) / w * 300), 100), r.value.style.setProperty("--active-line-max-width", `${w}px`), r.value.style.setProperty("--active-line-scale", `${W / w}`), r.value.style.setProperty("--active-line-offset", `${M}px`), r.value.style.setProperty("--active-line-transition-duration", `${A}ms`);
2798
2812
  }
2799
2813
  function ze() {
2800
2814
  var h, w;
@@ -2804,7 +2818,7 @@ const Et = {
2804
2818
  x.value = new ResizeObserver((h) => {
2805
2819
  for (let w of h)
2806
2820
  z.value = w.contentBoxSize[0].inlineSize;
2807
- ue();
2821
+ ce();
2808
2822
  }), x.value.observe(r.value);
2809
2823
  }
2810
2824
  function Oe() {
@@ -2816,10 +2830,10 @@ const Et = {
2816
2830
  h = w.getBoundingClientRect().width + vn, c.value.push(A ? h + c.value[A - 1] : h);
2817
2831
  });
2818
2832
  }
2819
- return E(() => t.activeTabId, xe), j(() => {
2833
+ return D(() => t.activeTabId, xe), j(() => {
2820
2834
  var h;
2821
2835
  try {
2822
- Oe(), Ne(), Me(), z.value = r.value.getBoundingClientRect().width, ue(), t.withBsTabs || (h = g.value[y.value]) == null || h.setAttribute("aria-selected", "true");
2836
+ Oe(), Ne(), Me(), z.value = r.value.getBoundingClientRect().width, ce(), t.withBsTabs || (h = g.value[y.value]) == null || h.setAttribute("aria-selected", "true");
2823
2837
  } catch (w) {
2824
2838
  console.log("tab error", w);
2825
2839
  }
@@ -2830,9 +2844,9 @@ const Et = {
2830
2844
  ref_key: "hostEl",
2831
2845
  ref: r,
2832
2846
  role: "tablist",
2833
- "data-resizing": !n.value || void 0,
2847
+ "data-resizing": !l.value || void 0,
2834
2848
  onClick: Ve,
2835
- "on:tabClick": w[0] || (w[0] = (A) => ce(A.detail)),
2849
+ "on:tabClick": w[0] || (w[0] = (A) => fe(A.detail)),
2836
2850
  onKeydown: Pe
2837
2851
  }, [
2838
2852
  k(h.$slots, "default"),
@@ -2847,16 +2861,16 @@ const Et = {
2847
2861
  ref: B,
2848
2862
  onClick: Ae
2849
2863
  }, [
2850
- P(v(et), { size: "sm" }),
2864
+ E(v(et), { size: "sm" }),
2851
2865
  R(" " + T(J.value), 1)
2852
2866
  ], 8, un),
2853
- P(ea, {
2867
+ E(ea, {
2854
2868
  "anchor-id": ee.value,
2855
2869
  "container-id": h.$attrs.id || v(C),
2856
2870
  "helper-description": e.helperDescription || void 0,
2857
2871
  "helper-text": e.helperText,
2858
2872
  id: v($),
2859
- "options-id": W.value,
2873
+ "options-id": F.value,
2860
2874
  position: "right",
2861
2875
  preloaded: "",
2862
2876
  shown: i.value,
@@ -2865,10 +2879,10 @@ const Et = {
2865
2879
  "onUpdate:modelValue": Le
2866
2880
  }, {
2867
2881
  default: V(() => [
2868
- (d(!0), f(O, null, Y(u.value, (A) => (d(), L(Jt, {
2882
+ (d(!0), f(N, null, Y(u.value, (A) => (d(), L(Jt, {
2869
2883
  key: A.id,
2870
2884
  value: A.id,
2871
- "options-id": W.value
2885
+ "options-id": F.value
2872
2886
  }, {
2873
2887
  default: V(() => [
2874
2888
  R(T(A.textContent), 1)
@@ -2893,12 +2907,12 @@ const Et = {
2893
2907
  }
2894
2908
  },
2895
2909
  setup(e) {
2896
- const a = e, t = N(), l = p(() => a.activeTabId && a.activeTabId === a.tabId), n = p(() => t.id || `${a.tabId}-panel`);
2910
+ const a = e, t = O(), n = p(() => a.activeTabId && a.activeTabId === a.tabId), l = p(() => t.id || `${a.tabId}-panel`);
2897
2911
  return (o, u) => (d(), f("section", {
2898
2912
  "aria-labelledby": e.tabId,
2899
- "data-active": l.value,
2913
+ "data-active": n.value,
2900
2914
  "data-component": "bs-tab-panel",
2901
- id: n.value,
2915
+ id: l.value,
2902
2916
  role: "tabpanel"
2903
2917
  }, [
2904
2918
  k(o.$slots, "default")
@@ -2919,16 +2933,16 @@ const Et = {
2919
2933
  },
2920
2934
  emits: ["update:modelValue"],
2921
2935
  setup(e, { emit: a }) {
2922
- const t = e, l = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
2923
- return (n, o) => (d(), f("textarea", D({
2936
+ const t = e, n = p(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
2937
+ return (l, o) => (d(), f("textarea", P({
2924
2938
  class: "bs-textarea",
2925
2939
  "data-component": "bs-textarea",
2926
2940
  "data-error": e.error,
2927
- id: n.$attrs.id || e.inputId,
2928
- rows: n.$attrs.rows || 6,
2941
+ id: l.$attrs.id || e.inputId,
2942
+ rows: l.$attrs.rows || 6,
2929
2943
  value: e.value || e.modelValue,
2930
- onInput: o[0] || (o[0] = (u) => n.$emit("update:modelValue", u.target.value))
2931
- }, l.value), null, 16, hn));
2944
+ onInput: o[0] || (o[0] = (u) => l.$emit("update:modelValue", u.target.value))
2945
+ }, n.value), null, 16, hn));
2932
2946
  }
2933
2947
  }, Jn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
2934
2948
  __name: "BsTextareaField",
@@ -2979,7 +2993,7 @@ const Et = {
2979
2993
  },
2980
2994
  emits: ["update:modelValue"],
2981
2995
  setup(e, { emit: a }) {
2982
- const t = e, l = N(), [n, o] = H(2), { toChild: u, toRoot: i } = Z(t, l, [
2996
+ const t = e, n = O(), [l, o] = H(2), { toChild: u, toRoot: i } = Z(t, n, [
2983
2997
  "aria-label",
2984
2998
  "autocomplete",
2985
2999
  "cols",
@@ -2993,8 +3007,8 @@ const Et = {
2993
3007
  var g, B;
2994
3008
  return ((B = (g = t.hints) == null ? void 0 : g.join) == null ? void 0 : B.call(g, `
2995
3009
  `)) || t.hints;
2996
- }), c = p(() => t.error && t.errorMsg || t.hint || r.value || void 0), b = p(() => t.inputId || n.value);
2997
- return (g, B) => (d(), f("div", D({ "data-component": "bs-textarea-field" }, v(i)), [
3010
+ }), c = p(() => t.error && t.errorMsg || t.hint || r.value || void 0), b = p(() => t.inputId || l.value);
3011
+ return (g, B) => (d(), f("div", P({ "data-component": "bs-textarea-field" }, v(i)), [
2998
3012
  e.label || g.$slots.label ? (d(), L(_, {
2999
3013
  key: 0,
3000
3014
  for: b.value,
@@ -3008,7 +3022,7 @@ const Et = {
3008
3022
  ]),
3009
3023
  _: 3
3010
3024
  }, 8, ["for", "disabled", "required"])) : S("", !0),
3011
- P(gn, D({
3025
+ E(gn, P({
3012
3026
  disabled: e.disabled,
3013
3027
  error: e.error,
3014
3028
  "hint-id": v(o),
@@ -3077,28 +3091,28 @@ const Et = {
3077
3091
  },
3078
3092
  emits: ["dismiss", "after-enter", "after-leave"],
3079
3093
  setup(e, { emit: a }) {
3080
- const t = e, l = a, { transition: n } = se(t);
3094
+ const t = e, n = a, { transition: l } = de(t);
3081
3095
  let o = null;
3082
3096
  ae("variant", t.variant), ae("handleDismiss", i);
3083
3097
  const u = te("stacked", t.stacked);
3084
3098
  function i() {
3085
- o && (clearTimeout(o), o = null), l("dismiss", t.toastId);
3099
+ o && (clearTimeout(o), o = null), n("dismiss", t.toastId);
3086
3100
  }
3087
3101
  function s() {
3088
3102
  t.duration > 0 && (o = setTimeout(() => {
3089
3103
  i();
3090
- }, t.duration)), l("after-enter");
3104
+ }, t.duration)), n("after-enter");
3091
3105
  }
3092
- return (r, c) => (d(), L(v(de), {
3093
- shown: v(n),
3106
+ return (r, c) => (d(), L(v(ue), {
3107
+ shown: v(l),
3094
3108
  preloaded: e.preloaded,
3095
3109
  duration: 200,
3096
3110
  "enter-attribute": "data-shown",
3097
3111
  onAfterEnter: s,
3098
- onAfterLeave: c[0] || (c[0] = (b) => l("after-leave"))
3112
+ onAfterLeave: c[0] || (c[0] = (b) => n("after-leave"))
3099
3113
  }, {
3100
3114
  default: V(() => [
3101
- m("div", D({
3115
+ m("div", P({
3102
3116
  class: "bs-toast",
3103
3117
  "data-variant": e.variant,
3104
3118
  "data-stacked": v(u) || void 0,
@@ -3115,17 +3129,17 @@ const Et = {
3115
3129
  setup(e) {
3116
3130
  const a = I(!1);
3117
3131
  j(() => {
3118
- var n;
3119
- const l = Ke();
3120
- ((n = l.default) == null ? void 0 : n.call(l).length) > 2 && (a.value = !0);
3132
+ var l;
3133
+ const n = Ke();
3134
+ ((l = n.default) == null ? void 0 : l.call(n).length) > 2 && (a.value = !0);
3121
3135
  });
3122
3136
  const t = te("handleDismiss");
3123
- return (l, n) => (d(), f("div", {
3137
+ return (n, l) => (d(), f("div", {
3124
3138
  class: "bs-toast-actions",
3125
3139
  "data-stacked": a.value || void 0
3126
3140
  }, [
3127
- k(l.$slots, "default", {}, () => [
3128
- P(kt, {
3141
+ k(n.$slots, "default", {}, () => [
3142
+ E(kt, {
3129
3143
  size: "sm",
3130
3144
  "text-btn": "",
3131
3145
  onClick: v(t)
@@ -3140,8 +3154,8 @@ const Et = {
3140
3154
  }
3141
3155
  }, yn = (e, a) => {
3142
3156
  const t = e.__vccOpts || e;
3143
- for (const [l, n] of a)
3144
- t[l] = n;
3157
+ for (const [n, l] of a)
3158
+ t[n] = l;
3145
3159
  return t;
3146
3160
  }, Bn = {}, $n = { class: "bs-toast-body" };
3147
3161
  function Sn(e, a) {
@@ -3155,22 +3169,22 @@ const el = /* @__PURE__ */ yn(Bn, [["render", Sn]]), wn = ["data-variant"], tl =
3155
3169
  const a = te("variant"), t = p(() => {
3156
3170
  switch (a) {
3157
3171
  case "warning":
3158
- return ve;
3172
+ return pe;
3159
3173
  case "positive":
3160
3174
  return at;
3161
3175
  case "negative":
3162
- return ve;
3176
+ return pe;
3163
3177
  default:
3164
3178
  return tt;
3165
3179
  }
3166
3180
  });
3167
- return (l, n) => (d(), f("div", {
3181
+ return (n, l) => (d(), f("div", {
3168
3182
  class: "bs-toast-header",
3169
3183
  "data-variant": v(a)
3170
3184
  }, [
3171
3185
  (d(), L(U(t.value), { class: "bs-toast-header-icon" })),
3172
3186
  m("h5", null, [
3173
- k(l.$slots, "default")
3187
+ k(n.$slots, "default")
3174
3188
  ])
3175
3189
  ], 8, wn));
3176
3190
  }
@@ -3208,18 +3222,18 @@ const el = /* @__PURE__ */ yn(Bn, [["render", Sn]]), wn = ["data-variant"], tl =
3208
3222
  }
3209
3223
  },
3210
3224
  setup(e) {
3211
- const a = e, t = I(!1), l = I(!1), n = p(() => {
3225
+ const a = e, t = I(!1), n = I(!1), l = p(() => {
3212
3226
  let i = "bs-tooltip-text";
3213
- return l.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? i += " escaped-x" : a.position === "left" || a.position === "right" ? i += " escaped-y" : i += " escaped"), i;
3227
+ return n.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? i += " escaped-x" : a.position === "left" || a.position === "right" ? i += " escaped-y" : i += " escaped"), i;
3214
3228
  });
3215
- re(["Escape"], () => {
3216
- t.value && (t.value = !1, l.value = !0);
3229
+ se(["Escape"], () => {
3230
+ t.value && (t.value = !1, n.value = !0);
3217
3231
  });
3218
3232
  function o() {
3219
3233
  t.value = !0;
3220
3234
  }
3221
3235
  function u() {
3222
- t.value = !1, l.value = !1;
3236
+ t.value = !1, n.value = !1;
3223
3237
  }
3224
3238
  return (i, s) => (d(), f("div", {
3225
3239
  class: "bs-tooltip",
@@ -3233,7 +3247,7 @@ const el = /* @__PURE__ */ yn(Bn, [["render", Sn]]), wn = ["data-variant"], tl =
3233
3247
  k(i.$slots, "default"),
3234
3248
  e.content ? (d(), f("div", {
3235
3249
  key: 0,
3236
- class: X(n.value),
3250
+ class: X(l.value),
3237
3251
  id: e.tooltipId,
3238
3252
  role: "tooltip"
3239
3253
  }, T(e.content), 11, Tn)) : S("", !0)
@@ -3245,8 +3259,8 @@ export {
3245
3259
  Bt as BsBadge,
3246
3260
  Pn as BsBanner,
3247
3261
  kt as BsButton,
3248
- Dn as BsChartBar,
3249
- En as BsCheckbox,
3262
+ En as BsChartBar,
3263
+ Dn as BsCheckbox,
3250
3264
  qn as BsCircleButton,
3251
3265
  Xt as BsDropdown,
3252
3266
  Jt as BsDropdownOption,
@@ -3263,8 +3277,8 @@ export {
3263
3277
  Rn as BsLoader,
3264
3278
  jn as BsModal,
3265
3279
  ya as BsOverlay,
3266
- Wn as BsPagination,
3267
- Fn as BsPill,
3280
+ Fn as BsPagination,
3281
+ Wn as BsPill,
3268
3282
  Gn as BsProfile,
3269
3283
  Ka as BsProfileDetails,
3270
3284
  Za as BsProfileImg,
@@ -3283,5 +3297,5 @@ export {
3283
3297
  tl as BsToastHeader,
3284
3298
  al as BsToaster,
3285
3299
  nl as BsTooltip,
3286
- de as BsTransition
3300
+ ue as BsTransition
3287
3301
  };