@wwtdev/bsds-components-vue3 2.17.0 → 2.17.1

package/lib/bsds-components.js

@@ -1,4 +1,4 @@
-import { computed as f, ref as $, onMounted as X, onUnmounted as $e, shallowRef as Wt, watch as G, defineAsyncComponent as Je, useId as yt, openBlock as d, createElementBlock as b, unref as c, createElementVNode as B, renderSlot as V, createBlock as O, resolveDynamicComponent as ae, createCommentVNode as C, createTextVNode as j, toDisplayString as A, createVNode as P, normalizeClass as le, useAttrs as re, mergeProps as z, withCtx as D, Fragment as K, toHandlers as Ye, onBeforeUnmount as _e, onBeforeMount as St, nextTick as Ae, createSlots as Ze, useSlots as et, renderList as te, Teleport as jt, withDirectives as ue, Transition as dt, vShow as ce, provide as fe, inject as pe, withModifiers as wt, isRef as Ut } from "vue";
+import { computed as f, ref as $, onMounted as X, onUnmounted as $e, shallowRef as Wt, watch as U, defineAsyncComponent as Je, useId as yt, openBlock as d, createElementBlock as b, unref as c, createElementVNode as B, renderSlot as V, createBlock as O, resolveDynamicComponent as ne, createCommentVNode as C, createTextVNode as j, toDisplayString as A, createVNode as P, normalizeClass as oe, useAttrs as se, mergeProps as z, withCtx as D, Fragment as K, toHandlers as Ye, onBeforeUnmount as _e, onBeforeMount as St, nextTick as Ae, createSlots as Ze, useSlots as et, renderList as ae, Teleport as jt, withDirectives as ce, Transition as dt, vShow as fe, provide as pe, inject as me, withModifiers as wt, isRef as Ut } from "vue";
 import { BsIconCaretDown as Me, BsIconWarning as Xe, BsIconClose as Ie, BsIconCalendar as Bt, BsIconCaretRight as $t, BsIconCaretLeft as It, BsIconSmallCaretRight as Gt, BsIconSmallCaretLeft as Ht, BsIconSearch as Kt, BsIconCaretSort as Yt, BsIconCaretLeftDouble as Zt, BsIconCaretRightDouble as Xt, BsIconActionEllipsis as Qt, BsIconGraphPieEmpty as ut, BsIconCircleStop as Jt, BsIconCircleCheck as _t, BsIconCircleX as ea, BsIconCircleEllipsis as ta, BsIconCirclePlay as aa, BsIconCirclePause as na, BsIconCircleExclamation as kt, BsIconThumbsUpStroke as la } from "@wwtdev/bsds-icons-vue3";
 import { DatePicker as oa } from "v-calendar";
 import { Filler as ia, Chart as We, BarController as ra, BarElement as sa, CategoryScale as da, LinearScale as ua, Legend as ca, TimeScale as fa, Tooltip as pa } from "chart.js";
@@ -74,7 +74,7 @@ const Oe = (e, a) => {
     });
   }
   const l = Wt(), n = e[a] || ((i = e == null ? void 0 : e.value) == null ? void 0 : i[a]);
-  return l.value = t(n), G(
+  return l.value = t(n), U(
     [
       () => e[a],
       () => {
@@ -93,7 +93,7 @@ function Q(e = 1) {
     a.forEach((t) => t.value = yt());
   }), a;
 }
-const me = (e, a, t = void 0) => {
+const be = (e, a, t = void 0) => {
   const l = (n) => {
     var i, u;
     ((i = e == null ? void 0 : e.includes) != null && i.call(e, n.key) || (u = e == null ? void 0 : e.some) != null && u.call(e, (o) => {
@@ -117,11 +117,11 @@ const me = (e, a, t = void 0) => {
   const a = $(!1);
   return X(() => {
     e.enterControlled ? a.value = e.enterTrigger : a.value = e.shown;
-  }), G(() => e.shown, (t) => {
+  }), U(() => e.shown, (t) => {
     a.value = t;
-  }), G(() => e.enterTrigger, (t) => {
+  }), U(() => e.enterTrigger, (t) => {
     a.value = t;
-  }), G(() => e.leaveTrigger, (t) => {
+  }), U(() => e.leaveTrigger, (t) => {
     t && (a.value = !1);
   }), { transition: a };
 }, ya = ["id", "data-stacked"], Sa = ["data-open"], wa = ["aria-controls", "aria-expanded"], Ba = {
@@ -169,7 +169,7 @@ const me = (e, a, t = void 0) => {
         }, [
           e.icon || h.$slots.icon ? (d(), b("span", Ba, [
             V(h.$slots, "icon", {}, () => [
-              e.icon ? (d(), O(ae(c(u) ? c(u) : "span"), { key: 0 })) : C("", !0)
+              e.icon ? (d(), O(ne(c(u) ? c(u) : "span"), { key: 0 })) : C("", !0)
             ])
           ])) : C("", !0),
           B("span", { id: r.value }, [
@@ -255,7 +255,7 @@ const me = (e, a, t = void 0) => {
       ref_key: "hostRef",
       ref: t,
       "aria-label": n.value,
-      class: le({ "bs-badge": e.dot || l.value }),
+      class: oe({ "bs-badge": e.dot || l.value }),
       "data-badge-color": e.color,
       "data-component": "bs-badge",
       "data-count": l.value,
@@ -329,8 +329,8 @@ const me = (e, a, t = void 0) => {
     href: { type: String }
   },
   setup(e) {
-    const a = e, t = re(), { rootTag: l, attrsToBind: n, hrefUrl: i } = ze(a, t), { onLinkClick: u } = Fe(a);
-    return (o, s) => (d(), O(ae(c(l)), z({
+    const a = e, t = se(), { rootTag: l, attrsToBind: n, hrefUrl: i } = ze(a, t), { onLinkClick: u } = Fe(a);
+    return (o, s) => (d(), O(ne(c(l)), z({
       class: "bs-button",
       "data-component": "bs-button",
       "data-ghost": e.ghostBtn,
@@ -384,7 +384,7 @@ const me = (e, a, t = void 0) => {
       }, A(a.charCount || "0") + " / " + A(a.charMax), 9, La)) : C("", !0)
     ]));
   }
-}, Ea = ["data-disabled", "for"], ne = {
+}, Ea = ["data-disabled", "for"], le = {
   __name: "BsLabel",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -394,7 +394,7 @@ const me = (e, a, t = void 0) => {
   },
   setup(e) {
     return (a, t) => (d(), b("label", {
-      class: le(["bs-label", e.hide ? "visually-hidden" : ""]),
+      class: oe(["bs-label", e.hide ? "visually-hidden" : ""]),
       "data-component": "bs-label",
       "data-disabled": e.disabled,
       for: e.for
@@ -426,7 +426,7 @@ const me = (e, a, t = void 0) => {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = re(), i = f(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    const t = e, l = a, n = se(), i = f(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
     function u(o) {
       const s = n.type === "number" ? parseInt(o.target.value) : o.target.value;
       l("update:modelValue", s);
@@ -639,7 +639,7 @@ function Qe(e, a, t = []) {
     l = window.matchMedia(e), l.addEventListener("change", a), a(l);
   }), _e(() => {
     l.removeEventListener("change", a), l = null;
-  }), t.length && G(t, () => a(l));
+  }), t.length && U(t, () => a(l));
 }
 const tt = [
   "aria-describedby",
@@ -678,7 +678,7 @@ const tt = [
   "rows",
   "spellcheck",
   "wrap"
-], be = [
+], he = [
   "aria-describedby",
   "aria-label",
   "autocapitalize",
@@ -773,7 +773,7 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = $(null), n = $(1), i = $(null), [u, o] = Q(2), s = $(1), { filtered: r, remaining: m } = Z(re(), [
+    const t = e, l = $(null), n = $(1), i = $(null), [u, o] = Q(2), s = $(1), { filtered: r, remaining: m } = Z(se(), [
       "attributes",
       "data-cy",
       "expanded",
@@ -793,7 +793,7 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
       [y, w]
     ), X(() => {
       t.inputMode || k();
-    }), G(() => {
+    }), U(() => {
       var I, q;
       return (q = (I = l.value) == null ? void 0 : I.popoverRef) == null ? void 0 : q.isVisible;
     }, (I) => {
@@ -817,7 +817,7 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
       "data-range": e.isRange,
       onFocusout: S
     }, c(m)), [
-      e.label || I.$slots.label ? (d(), O(ne, {
+      e.label || I.$slots.label ? (d(), O(le, {
         key: 0,
         for: g.value,
         disabled: e.disabled,
@@ -935,7 +935,7 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
     }
   },
   setup(e) {
-    const a = e, t = re(), l = et(), { rootTag: n, attrsToBind: i, hrefUrl: u } = ze(a, t), { onLinkClick: o } = Fe(a), s = f(() => g.value ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = f(() => {
+    const a = e, t = se(), l = et(), { rootTag: n, attrsToBind: i, hrefUrl: u } = ze(a, t), { onLinkClick: o } = Fe(a), s = f(() => g.value ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), r = f(() => {
       if (a.hoverEffect)
         return a.iconPosition;
     }), m = f(() => {
@@ -944,7 +944,7 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
         icon: a.icon || (a.textBtn || a.size == "sm" ? `small-${p}` : p)
       };
     }), g = f(() => a.textBtn || !!(l != null && l.default)), v = f(() => g.value && a.iconPosition !== "left"), h = f(() => g.value && a.iconPosition === "left"), y = f(() => a.variant ? `color-${a.variant}` : void 0), { icon: w } = Oe(m, "icon");
-    return (p, S) => (d(), O(ae(c(n)), z({
+    return (p, S) => (d(), O(ne(c(n)), z({
       class: "bs-circle-button",
       "data-disabled": e.disabled,
       "data-direction": r.value,
@@ -963,7 +963,7 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
         ])) : C("", !0),
         B("span", Ga, [
           V(p.$slots, "icon", {}, () => [
-            (d(), O(ae(c(w))))
+            (d(), O(ne(c(w))))
           ])
         ]),
         h.value ? (d(), b("span", Ha, [
@@ -1190,18 +1190,18 @@ const ja = ["data-range"], mt = "(min-width: 752px)", Po = /* @__PURE__ */ Objec
           ]),
           B("tr", null, [
             B("th", Xa, A(s.value.colHeadingFirst), 1),
-            (d(!0), b(K, null, te(s.value.colHeadings, (v) => (d(), b("th", {
+            (d(!0), b(K, null, ae(s.value.colHeadings, (v) => (d(), b("th", {
               key: v,
               scope: "col"
             }, A(v), 1))), 128))
           ])
         ]),
         B("tbody", null, [
-          (d(!0), b(K, null, te(s.value.rows, (v) => (d(), b("tr", {
+          (d(!0), b(K, null, ae(s.value.rows, (v) => (d(), b("tr", {
             key: v.rowLabelFmt || v.rowLabel
           }, [
             B("th", Qa, A(v.rowLabelFmt || v.rowLabel), 1),
-            (d(!0), b(K, null, te(v.dataCells, (h) => (d(), b("td", {
+            (d(!0), b(K, null, ae(v.dataCells, (h) => (d(), b("td", {
               key: `${v.rowLabelFmt || v.rowLabel}${h.datasetLabel}${h.value}`
             }, A(h.value), 1))), 128))
           ]))), 128))
@@ -1259,10 +1259,10 @@ function en(e, a) {
     } catch (S) {
       console.error("Error creating chart config", S), r = null;
     }
-  }), me([" ", "Enter"], g, n), _e(() => {
+  }), be([" ", "Enter"], g, n), _e(() => {
     var p;
     (p = n.value) == null || p.removeEventListener("click", g), s == null || s.destroy();
-  }), G([
+  }), U([
     () => a.customOptions,
     () => a.showTooltips,
     () => a.showXGrid,
@@ -1272,14 +1272,14 @@ function en(e, a) {
     () => a.yLabel,
     () => a.yMin,
     () => a.yMax
-  ], () => y(a)), G(
+  ], () => y(a)), U(
     l,
     (p) => y(Ne(
       {},
       a,
       p ? o : u
     ))
-  ), G(
+  ), U(
     [
       () => a.data,
       () => a.dataIdxLabels
@@ -1787,7 +1787,7 @@ const sn = {
       const { checked: S } = p.target;
       m.value ? y(S) : h(S);
     }
-    return G(s, v), G(r, v), X(v), (p, S) => (d(), b("div", z({
+    return U(s, v), U(r, v), X(v), (p, S) => (d(), b("div", z({
       class: "bs-boolean",
       "data-component": "bs-checkbox",
       "data-disabled": e.disabled,
@@ -1806,7 +1806,7 @@ const sn = {
         type: "checkbox",
         onChange: w
       }, c(Z)(p.$attrs, i.value).filtered), null, 16, fn),
-      e.label || p.$slots.label ? (d(), O(ne, {
+      e.label || p.$slots.label ? (d(), O(le, {
         key: 0,
         for: p.$attrs.id || o.value,
         disabled: e.disabled,
@@ -1894,7 +1894,7 @@ const sn = {
   ],
   setup(e, { emit: a }) {
     const t = a;
-    return (l, n) => e.preloaded ? ue((d(), O(dt, {
+    return (l, n) => e.preloaded ? ce((d(), O(dt, {
       key: 0,
       name: e.name,
       onBeforeEnter: n[0] || (n[0] = (i) => t("before-enter")),
@@ -1911,7 +1911,7 @@ const sn = {
       ]),
       _: 3
     }, 8, ["name"])), [
-      [ce, e.shown]
+      [fe, e.shown]
     ]) : (d(), O(dt, {
       key: 1,
       name: e.name,
@@ -1998,11 +1998,11 @@ const sn = {
     const t = e, l = a, n = $(null), i = $(null), u = $(!1), o = $(!1), s = f(() => document.getElementById(t.anchorId)), r = f(() => t.breakout ? g.value : t.containerId ? document.getElementById(t.containerId) : n.value.internalContainerRef), m = f(() => t.width === "anchor" ? void 0 : t.width);
     Ct([i, s], () => {
       o.value && l("close");
-    }), me(["Escape"], () => {
+    }), be(["Escape"], () => {
       o.value && l("close");
     });
     const { breakoutStub: g, breakoutMounted: v } = mn(t.breakout, t.containerId);
-    fe("dropdownEnter", u), fe("dropdownAfterEnter", o), fe("dropdownShown", f(() => t.shown));
+    pe("dropdownEnter", u), pe("dropdownAfterEnter", o), pe("dropdownShown", f(() => t.shown));
     const h = (T, L) => {
       i.value.style.setProperty(T, L);
     };
@@ -2020,15 +2020,15 @@ const sn = {
       }
     }
     function p(T, L, F) {
-      const R = L.left - T.left;
+      const _ = L.left - T.left;
       if (t.position === "center") {
-        const U = (L.width - F.width) / 2;
-        h("--dropdown-wscreen-left", `${R + U}px`), h("--dropdown-wscreen-right", "auto");
+        const R = (L.width - F.width) / 2;
+        h("--dropdown-wscreen-left", `${_ + R}px`), h("--dropdown-wscreen-right", "auto");
       } else if (t.position === "right") {
-        const U = T.right - L.right;
-        h("--dropdown-wscreen-left", "auto"), h("--dropdown-wscreen-right", `${U}px`);
+        const R = T.right - L.right;
+        h("--dropdown-wscreen-left", "auto"), h("--dropdown-wscreen-right", `${R}px`);
       } else
-        h("--dropdown-wscreen-left", `${R}px`), h("--dropdown-wscreen-right", "auto");
+        h("--dropdown-wscreen-left", `${_}px`), h("--dropdown-wscreen-right", "auto");
     }
     function S() {
       if (t.width === "anchor") {
@@ -2294,7 +2294,7 @@ const sn = {
           onFocus: r,
           onInput: v[0] || (v[0] = (h) => g.$emit("update:modelValue", h.target.value))
         }, g.$attrs), null, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup", "aria-invalid", "data-error", "disabled", "model-value", "placeholder", "required", "role"]),
-        ue(B("button", {
+        ce(B("button", {
           "aria-controls": !e.modelValue && e.optionsId ? e.optionsId : void 0,
           "aria-expanded": !e.modelValue && e.optionsId ? e.open : void 0,
           "data-open": e.modelValue ? void 0 : e.open,
@@ -2306,20 +2306,20 @@ const sn = {
           onClick: s
         }, [
           B("span", wn, A(o.value.text), 1),
-          ue(P(c(Me), {
+          ce(P(c(Me), {
             role: "presentation",
             size: "md"
           }, null, 512), [
-            [ce, o.value.icon == "caret-down"]
+            [fe, o.value.icon == "caret-down"]
           ]),
-          ue(P(c(Ie), {
+          ce(P(c(Ie), {
             role: "presentation",
             size: "md"
           }, null, 512), [
-            [ce, o.value.icon == "close"]
+            [fe, o.value.icon == "close"]
           ])
         ], 8, Sn), [
-          [ce, o.value.show]
+          [fe, o.value.show]
         ])
       ]),
       _: 1
@@ -2393,7 +2393,7 @@ const sn = {
     }
   },
   setup(e) {
-    const a = e, t = $(null), l = pe("optionsId", ""), n = pe("handleOptionSelect", () => {
+    const a = e, t = $(null), l = me("optionsId", ""), n = me("handleOptionSelect", () => {
     }), i = f(() => `${l.value}-option-${a.value}`);
     function u(o) {
       n(t.value), o.stopPropagation();
@@ -2486,7 +2486,7 @@ const sn = {
     const a = e, t = {};
     St(() => {
       l();
-    }), G(() => a.options, () => {
+    }), U(() => a.options, () => {
       l();
     });
     function l() {
@@ -2509,7 +2509,7 @@ const sn = {
       return !!o && o !== s;
     }
     return (o, s) => (d(), b(K, null, [
-      (d(!0), b(K, null, te(e.options, (r) => (d(), O(it, {
+      (d(!0), b(K, null, ae(e.options, (r) => (d(), O(it, {
         "aria-checked": r.checkbox ? r.checkbox.checked : void 0,
         key: r.value,
         value: r.value,
@@ -2524,7 +2524,7 @@ const sn = {
             "data-checked": r.checkbox.checked
           }, null, 8, Tn)) : C("", !0),
           r.icon ? (d(), b("span", An, [
-            (d(), O(ae(t[r.icon])))
+            (d(), O(ne(t[r.icon])))
           ])) : C("", !0),
           r.profileImg ? (d(), O(Ot, {
             key: 2,
@@ -2594,7 +2594,7 @@ const sn = {
   },
   emits: ["clear", "update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = f(() => be.concat(t.passAttrs.split(","))), n = f(() => !t.disabled && !t.hideClear && t.variant !== "filter");
+    const t = e, l = f(() => he.concat(t.passAttrs.split(","))), n = f(() => !t.disabled && !t.hideClear && t.variant !== "filter");
     return (i, u) => (d(), O(De, z({
       class: "bs-input-search",
       "data-component": "bs-input-search",
@@ -2612,14 +2612,14 @@ const sn = {
         }, c(Z)(i.$attrs, l.value).filtered, {
           "onUpdate:modelValue": u[0] || (u[0] = (o) => i.$emit("update:modelValue", o))
         }), null, 16, ["disabled", "input-id", "placeholder", "value"]),
-        ue(B("button", {
+        ce(B("button", {
           title: "Clear",
           type: "button",
           onClick: u[1] || (u[1] = (o) => i.$emit("clear"))
         }, [
           P(c(Ie), { size: "sm" })
         ], 512), [
-          [ce, n.value]
+          [fe, n.value]
         ])
       ]),
       _: 1
@@ -2741,42 +2741,42 @@ const sn = {
   setup(e, { emit: a }) {
     const t = e, l = a;
     let n = null;
-    const [i, u] = Q(2), o = $(!1), s = $(""), r = $([...t.options]), m = f(() => t.selectedOptions.length), g = f(() => Je(async () => await (t.multiselect ? Promise.resolve().then(() => Rn) : Promise.resolve().then(() => Nn)))), v = f(() => t.optionsId || u.value), h = f(() => t.toggleId || i.value), y = () => n || (n = document.getElementById(h.value));
-    function w() {
+    const [i, u] = Q(2), o = $(!1), s = $(""), r = $([...t.options]), m = f(() => t.selectedOptions.length), g = f(() => Je(async () => await (t.multiselect ? Promise.resolve().then(() => Rn) : Promise.resolve().then(() => Nn)))), v = f(() => t.optionsId || u.value), h = f(() => t.toggleId || i.value), y = f(() => t.filter ? r.value : t.options), w = () => n || (n = document.getElementById(h.value));
+    function p() {
       const R = document.activeElement;
       return !R || R.tagName === "BODY" || R.id === v.value;
     }
-    function p() {
-      var R, U;
-      o.value = !1, l("close"), w() && ((U = (R = y()) == null ? void 0 : R.focus) == null || U.call(R));
-    }
     function S() {
-      o.value && p();
+      var R, H;
+      o.value = !1, l("close"), p() && ((H = (R = w()) == null ? void 0 : R.focus) == null || H.call(R));
     }
     function k() {
-      o.value = !0;
+      o.value && S();
     }
-    function I(R) {
-      const U = t.selectedOptions.filter((_) => _ !== R);
-      l("update:selectedOptions", U), l("uncheck-option", R);
+    function I() {
+      o.value = !0;
     }
     function q(R) {
-      const U = [...t.selectedOptions, R];
-      l("update:selectedOptions", U), l("check-option", R);
+      const H = t.selectedOptions.filter((te) => te !== R);
+      l("update:selectedOptions", H), l("uncheck-option", R);
     }
     function T(R) {
-      t.multiselect || (l("update:selectedOption", R), p());
+      const H = [...t.selectedOptions, R];
+      l("update:selectedOptions", H), l("check-option", R);
     }
-    function L() {
+    function L(R) {
+      t.multiselect || (l("update:selectedOption", R), S());
+    }
+    function F() {
       s.value = "", r.value = t.options;
     }
-    function F(R) {
-      s.value = R, r.value = t.options.filter((U) => {
-        var _;
-        return U.label.toLowerCase().startsWith((_ = s.value) == null ? void 0 : _.toLowerCase());
+    function _(R) {
+      s.value = R, r.value = t.options.filter((H) => {
+        var te;
+        return H.label.toLowerCase().startsWith((te = s.value) == null ? void 0 : te.toLowerCase());
       });
     }
-    return (R, U) => (d(), b("div", {
+    return (R, H) => (d(), b("div", {
       class: "bs-dropdown-with-toggle",
       id: R.$attrs.id
     }, [
@@ -2794,7 +2794,7 @@ const sn = {
           "options-id": v.value,
           size: e.toggleSize,
           "badge-count": e.showBadgeCount && e.multiselect ? m.value : void 0,
-          onClick: U[0] || (U[0] = (_) => R.$emit("toggled"))
+          onClick: H[0] || (H[0] = (te) => R.$emit("toggled"))
         }, {
           label: D(() => [
             V(R.$slots, "toggle-label", {}, () => [
@@ -2814,8 +2814,9 @@ const sn = {
         shown: e.open,
         "use-mobile-style": e.useMobileStyle,
         width: e.dropdownWidth,
-        onClose: S,
-        onEnter: k
+        onClose: k,
+        onEnter: I,
+        onAfterLeave: F
       }, {
         default: D(() => [
           e.filter ? (d(), b("div", Pn, [
@@ -2823,27 +2824,27 @@ const sn = {
               "aria-label": e.filterLabel,
               "model-value": s.value,
               placeholder: e.filterPlaceholder,
-              "onUpdate:modelValue": F,
-              onClear: L
+              "onUpdate:modelValue": _,
+              onClear: F
             }, null, 8, ["aria-label", "model-value", "placeholder"])
           ])) : C("", !0),
           P(c(g), {
-            class: le({ "filterable-options": e.filter }),
+            class: oe({ "filterable-options": e.filter }),
             label: e.dropdownLabel,
             "model-value": e.selectedOption,
-            options: e.multiselect ? r.value : void 0,
+            options: e.multiselect ? y.value : void 0,
             "options-id": v.value,
             "selected-options": e.selectedOptions,
             shown: e.open,
-            "onUpdate:modelValue": T,
-            onCheckOption: q,
-            onUncheckOption: I,
-            onClose: U[1] || (U[1] = (_) => e.multiselect ? void 0 : S())
+            "onUpdate:modelValue": L,
+            onCheckOption: T,
+            onUncheckOption: q,
+            onClose: H[1] || (H[1] = (te) => e.multiselect ? void 0 : k())
           }, {
             default: D(() => [
               e.multiselect ? C("", !0) : (d(), O(qe, {
                 key: 0,
-                options: r.value
+                options: y.value
               }, null, 8, ["options"]))
             ]),
             _: 1
@@ -2852,7 +2853,7 @@ const sn = {
             P(xt, {
               title: e.filterButtonText,
               class: "mobile-select-button",
-              onClick: U[2] || (U[2] = () => l("close"))
+              onClick: H[2] || (H[2] = () => l("close"))
             }, {
               default: D(() => [
                 j(A(e.filterButtonText), 1)
@@ -3048,8 +3049,8 @@ const sn = {
   emits: ["update:modelValue", "combobox:change", "combobox:input"],
   setup(e, { emit: a }) {
     const t = e, [l, n] = Q(2), i = f(() => t.error && t.errorMsg || t.hint || void 0), u = f(() => t.inputId || l.value);
-    return (o, s) => (d(), b("div", z({ "data-component": "bs-dropdown-combobox-field" }, c(Z)(o.$attrs, c(be)).remaining), [
-      e.label || o.$slots.label ? (d(), O(ne, {
+    return (o, s) => (d(), b("div", z({ "data-component": "bs-dropdown-combobox-field" }, c(Z)(o.$attrs, c(he)).remaining), [
+      e.label || o.$slots.label ? (d(), O(le, {
         key: 0,
         for: o.$attrs.id || u.value,
         disabled: e.disabled,
@@ -3080,7 +3081,7 @@ const sn = {
         "onCombobox:change": s[0] || (s[0] = (r) => o.$emit("combobox:change", r)),
         "onCombobox:input": s[1] || (s[1] = (r) => o.$emit("combobox:input", r)),
         "onUpdate:modelValue": s[2] || (s[2] = (r) => o.$emit("update:modelValue", r))
-      }, c(Z)(o.$attrs, c(be)).filtered), null, 16, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-text", "helper-description", "hint-id", "input-id", "model-value", "options", "placeholder", "required", "update-on-input"]),
+      }, c(Z)(o.$attrs, c(he)).filtered), null, 16, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-text", "helper-description", "hint-id", "input-id", "model-value", "options", "placeholder", "required", "update-on-input"]),
       i.value ? (d(), O(ye, {
         key: 1,
         error: e.error,
@@ -3126,15 +3127,15 @@ const sn = {
     "update:modelValue"
   ],
   setup(e, { expose: a, emit: t }) {
-    const l = e, n = t, i = $(null), u = $(null), o = $(-1), s = $(-1), r = $(null), m = $(!1), g = pe("dropdownEnter", $(!1)), v = pe("dropdownAfterEnter", $(!1)), h = pe("dropdownShown", $(!1));
-    fe("optionsId", f(() => l.optionsId)), fe("handleOptionSelect", Se), ga(i, I, { childList: !0 }), me([" ", "Enter", "NumpadEnter"], ve, i), me(["ArrowDown", "ArrowUp", "Home", "End"], Ce);
+    const l = e, n = t, i = $(null), u = $(null), o = $(-1), s = $(-1), r = $(null), m = $(!1), g = me("dropdownEnter", $(!1)), v = me("dropdownAfterEnter", $(!1)), h = me("dropdownShown", $(!1));
+    pe("optionsId", f(() => l.optionsId)), pe("handleOptionSelect", Se), ga(i, I, { childList: !0 }), be([" ", "Enter", "NumpadEnter"], ve, i), be(["ArrowDown", "ArrowUp", "Home", "End"], Ce);
     const p = [/^[a-zA-Z0-9]{1}$/], S = {
       keys: "",
       lastTyped: 0
     };
-    me(p, (E) => xe(E, S)), X(() => {
-      I(), U(h.value);
-    }), G(
+    be(p, (E) => xe(E, S)), X(() => {
+      I(), R(h.value);
+    }), U(
       [g, () => {
         var E;
         return (E = r.value) == null ? void 0 : E.length;
@@ -3142,9 +3143,9 @@ const sn = {
       ([E, W]) => {
         (E || W > 0) && (m.value = i.value.scrollHeight > i.value.clientHeight);
       }
-    ), G(v, (E) => {
+    ), U(v, (E) => {
       E && (q(), T());
-    }), G(h, (E) => U(E));
+    }), U(h, (E) => R(E));
     const k = f(() => l.modelValue || l.selectedValue);
     function I() {
       r.value = Array.from(
@@ -3166,20 +3167,20 @@ const sn = {
       var E;
       o.value > -1 && ((E = r.value[o.value]) == null || E.removeAttribute("data-active"));
     }
-    function R() {
+    function _() {
       var E;
       o.value < 0 && (o.value = 0, u.value = (E = r.value[0]) == null ? void 0 : E.id), L();
     }
-    function U(E) {
-      E ? _() : he();
+    function R(E) {
+      E ? H() : te();
     }
-    function _() {
+    function H() {
       var E, W;
       l.multiselect || (s.value = r.value.findIndex(
         (M) => M.getAttribute("data-value") === String(k.value)
       ), !l.multiselect && s.value > -1 && ((E = r.value[s.value]) == null || E.setAttribute("data-selected", ""), (W = r.value[s.value]) == null || W.setAttribute("aria-selected", "true")), o.value = s.value);
     }
-    function he() {
+    function te() {
       r.value.forEach((E) => {
         E.removeAttribute("data-selected"), E.setAttribute("aria-selected", "false");
       }), F(), s.value = -1, o.value = -1, u.value = null;
@@ -3197,20 +3198,20 @@ const sn = {
       if (h.value)
         switch (E.key) {
           case "ArrowDown":
-            se("down"), E.preventDefault();
+            de("down"), E.preventDefault();
             break;
           case "ArrowUp":
-            se("up"), E.preventDefault();
+            de("up"), E.preventDefault();
             break;
           case "Home":
-            se("home"), E.preventDefault();
+            de("home"), E.preventDefault();
             break;
           case "End":
-            se("end"), E.preventDefault();
+            de("end"), E.preventDefault();
             break;
         }
     }
-    function se(E) {
+    function de(E) {
       let W;
       switch (E) {
         case "up":
@@ -3256,7 +3257,7 @@ const sn = {
       role: "listbox",
       tabindex: c(h) ? 0 : void 0,
       onBlur: F,
-      onFocus: R,
+      onFocus: _,
       onMousedown: W[0] || (W[0] = wt(() => {
       }, ["prevent"]))
     }, [
@@ -3312,13 +3313,13 @@ const sn = {
       return ((w = i.value) == null ? void 0 : w.length) || ((p = u.value) == null ? void 0 : p.length);
     });
     let r = !1;
-    G(() => t.options, () => {
+    U(() => t.options, () => {
       v(t.selectedOptions);
-    }), G(
+    }), U(
       () => t.selectedOptions,
       v,
       { immediate: !0 }
-    ), G(() => t.shown, (w) => {
+    ), U(() => t.shown, (w) => {
       w && t.focusOnOpen && Ae(m);
     });
     function m() {
@@ -3365,10 +3366,10 @@ const sn = {
             options: i.value,
             "show-no-options": !1
           }, null, 8, ["options"]),
-          ue(B("li", zn, p[0] || (p[0] = [
+          ce(B("li", zn, p[0] || (p[0] = [
             B("hr", null, null, -1)
           ]), 512), [
-            [ce, o.value]
+            [fe, o.value]
           ]),
           P(qe, {
             options: u.value,
@@ -3683,7 +3684,7 @@ const sn = {
     }, [
       B("div", Un, [
         V(l.$slots, "icon", {}, () => [
-          (d(), O(ae(c(t)), { size: "auto" }))
+          (d(), O(ne(c(t)), { size: "auto" }))
         ])
       ]),
       B("div", null, [
@@ -3734,7 +3735,7 @@ const sn = {
   emits: ["close"],
   setup(e, { emit: a }) {
     const t = e, l = a, n = $(null), i = f(() => document.getElementById(t.toggleId));
-    Ct([n, i], u), me(["Escape"], u);
+    Ct([n, i], u), be(["Escape"], u);
     function u() {
       t.shown && l("close");
     }
@@ -3803,7 +3804,7 @@ const sn = {
           y2: "100%",
           "gradient-units": "userSpaceOnUse"
         }, [
-          (d(), b(K, null, te(l, (o) => B("stop", {
+          (d(), b(K, null, ae(l, (o) => B("stop", {
             key: o.offset,
             offset: o.offset,
             "stop-color": o.color
@@ -3859,13 +3860,13 @@ const sn = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, [l, n] = Q(2), i = f(() => be.concat(t.passAttrs.split(",")).concat("type")), u = f(() => {
+    const t = e, [l, n] = Q(2), i = f(() => he.concat(t.passAttrs.split(",")).concat("type")), u = f(() => {
       var r, m;
       return ((m = (r = t.hints) == null ? void 0 : r.join) == null ? void 0 : m.call(r, `
 `)) || t.hints;
     }), o = f(() => t.error && t.errorMsg || t.hint || u.value || void 0), s = f(() => t.inputId || l.value);
     return (r, m) => (d(), b("div", z({ "data-component": "bs-input-field" }, c(Z)(r.$attrs, i.value).remaining), [
-      e.label || r.$slots.label ? (d(), O(ne, {
+      e.label || r.$slots.label ? (d(), O(le, {
         key: 0,
         for: r.$attrs.id || s.value,
         disabled: e.disabled,
@@ -4041,14 +4042,14 @@ const sn = {
       validationErr: S,
       validationErrMsg: p
     });
-    const q = f(() => w.value ? `+${o.value}${w.value}` : ""), T = f(() => `Country code: ${o.value}. Click to change.`), L = f(() => I.value ? l.errorMsg || p.value : ""), F = f(() => l.error || S.value), R = f(() => l.hint || F.value && L.value), U = f(() => I.value && F.value);
-    G(q, (M) => {
+    const q = f(() => w.value ? `+${o.value}${w.value}` : ""), T = f(() => `Country code: ${o.value}. Click to change.`), L = f(() => I.value ? l.errorMsg || p.value : ""), F = f(() => l.error || S.value), _ = f(() => l.hint || F.value && L.value), R = f(() => I.value && F.value);
+    U(q, (M) => {
       n("update:modelValue", M), W(M);
-    }), G(() => l.modelValue, _), xe(), X(() => y.value = !0);
-    function _(M, Y) {
+    }), U(() => l.modelValue, H), xe(), X(() => y.value = !0);
+    function H(M, Y) {
       M === "" && M !== Y && (w.value = "");
     }
-    function he() {
+    function te() {
       var M;
       k.value && (k.value = !1, (M = u.value) == null || M.focus());
     }
@@ -4062,7 +4063,7 @@ const sn = {
     function Ce(M) {
       w.value = M.target.value, l.deferValidation && (I.value = !1);
     }
-    function se(M) {
+    function de(M) {
       var Y, J;
       !((J = (Y = M.key) == null ? void 0 : Y.match) != null && J.call(Y, /[0-9]/)) && !i.includes(M.key) && !M.ctrlKey && !M.metaKey && M.preventDefault();
     }
@@ -4086,12 +4087,12 @@ const sn = {
     return (M, Y) => (d(), b("div", z({
       class: "bs-input-phone",
       "data-component": "bs-input-phone"
-    }, c(Z)(M.$attrs, c(be)).remaining), [
-      P(ne, {
+    }, c(Z)(M.$attrs, c(he)).remaining), [
+      P(le, {
         for: M.$attrs.id || e.inputId || c(h),
         required: e.required,
         disabled: e.disabled,
-        class: le({ "visually-hidden": e.hideLabel })
+        class: oe({ "visually-hidden": e.hideLabel })
       }, {
         default: D(() => [
           j(A(e.label), 1)
@@ -4100,7 +4101,7 @@ const sn = {
       }, 8, ["for", "required", "disabled", "class"]),
       P(De, {
         disabled: e.disabled,
-        error: U.value,
+        error: R.value,
         multifocus: !0,
         variant: "inner-bordered"
       }, {
@@ -4131,22 +4132,22 @@ const sn = {
               value: w.value,
               "data-autowidth": "",
               type: "tel"
-            }, c(Z)(M.$attrs, c(be)).filtered, {
+            }, c(Z)(M.$attrs, c(he)).filtered, {
               onInput: Ce,
               onFocusout: ve,
-              onKeydown: se
+              onKeydown: de
             }), null, 16, ["input-id", "disabled", "hint-id", "placeholder", "value"])
           ];
         }),
         _: 1
       }, 8, ["disabled", "error"]),
-      ue(P(ye, {
+      ce(P(ye, {
         error: F.value,
         "error-msg": L.value,
         hint: e.hint,
         "hint-id": c(v)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
-        [ce, R.value]
+        [fe, _.value]
       ]),
       y.value ? (d(), b("div", _n, [
         P(Pt, {
@@ -4158,11 +4159,11 @@ const sn = {
           preloaded: "",
           shown: k.value,
           width: "content",
-          onClose: he,
+          onClose: te,
           "onUpdate:modelValue": Se
         }, {
           default: D(() => [
-            y.value ? (d(!0), b(K, { key: 0 }, te(s.value, (J) => (d(), O(it, {
+            y.value ? (d(!0), b(K, { key: 0 }, ae(s.value, (J) => (d(), O(it, {
               "aria-label": J.value,
               key: J.value,
               value: `${J.value}`,
@@ -4298,7 +4299,7 @@ const sn = {
   setup(e, { emit: a }) {
     const t = e, l = a, n = $(!1), i = $(!1), [u] = Q();
     let o = [];
-    G(() => t.inputValue, () => {
+    U(() => t.inputValue, () => {
       i.value ? i.value = !1 : p();
     });
     const s = f(() => t.typeaheadId || u.value), r = f(() => `${s.value}-input-container`), m = f(() => `${s.value}-input`), g = f(() => `${s.value}-options`), v = f(() => t.multiselect ? Array.isArray(t.optionsValue) ? t.optionsValue : [t.optionsValue] : t.optionsValue), h = f(() => {
@@ -4310,16 +4311,16 @@ const sn = {
         return o;
     });
     function y(T, L, F) {
-      return t.internalFiltering ? T.filter((R) => R.label.toLowerCase()[F](L)) : T;
+      return t.internalFiltering ? T.filter((_) => _.label.toLowerCase()[F](L)) : T;
     }
     function w(T, L, F) {
-      return T.map((R) => {
-        let U = R.label;
+      return T.map((_) => {
+        let R = _.label;
         if (L !== "") {
-          const _ = F === "includes" ? "gi" : "i", he = new RegExp(`(${L})`, _);
-          U = R.label.replace(he, '<span style="color: var(--bs-blue-base)">$1</span>');
+          const H = F === "includes" ? "gi" : "i", te = new RegExp(`(${L})`, H);
+          R = _.label.replace(te, '<span style="color: var(--bs-blue-base)">$1</span>');
         }
-        return { ...R, labelHtml: U };
+        return { ..._, labelHtml: R };
       });
     }
     function p() {
@@ -4342,7 +4343,7 @@ const sn = {
       l("update:optionsValue", L);
     }
     return (T, L) => (d(), b(K, null, [
-      e.label || T.$slots.label ? (d(), O(ne, {
+      e.label || T.$slots.label ? (d(), O(le, {
         key: 0,
         for: m.value,
         disabled: e.disabled,
@@ -4507,7 +4508,7 @@ const sn = {
     const t = e, l = a, { transition: n } = Ee(t);
     X(() => {
       i();
-    }), G(n, () => {
+    }), U(n, () => {
       i();
     });
     function i() {
@@ -4594,7 +4595,7 @@ const sn = {
       document.addEventListener("click", r);
     }), $e(() => {
       document.removeEventListener("click", r);
-    }), me(["Escape"], () => {
+    }), be(["Escape"], () => {
       o && n("close", l.modalId);
     });
     const m = f(() => !l.title && !t.title && l.closeButton), g = f(() => (l.title || t.title) && l.closeButton);
@@ -4631,7 +4632,7 @@ const sn = {
           }), [
             e.title || v.$slots.title || e.closeButton ? (d(), b("header", {
               key: 0,
-              class: le({
+              class: oe({
                 "only-close-button-modal-header": m.value,
                 "modal-header": g.value
               })
@@ -4648,7 +4649,7 @@ const sn = {
                 type: "button",
                 title: "Close Modal",
                 "aria-label": "Close Modal",
-                class: le({ "full-width-header-close-button": e.fullWidth || e.fullHeight }),
+                class: oe({ "full-width-header-close-button": e.fullWidth || e.fullHeight }),
                 onClick: h[0] || (h[0] = (y) => n("close", e.modalId))
               }, [
                 P(c(Ie), { class: "close-button" })
@@ -4766,11 +4767,11 @@ const sn = {
       i.value ? n.value = i.value : t.variant === "results" ? n.value = w.value[0] : n.value = 1;
     });
     const i = f(() => t.modelValue || t.selection);
-    G(() => t.selection, (p) => {
+    U(() => t.selection, (p) => {
       n.value = p;
-    }), G(() => t.modelValue, (p) => {
+    }), U(() => t.modelValue, (p) => {
       n.value = p;
-    }), G(n, (p, S) => {
+    }), U(n, (p, S) => {
       S !== null && (l("selchange", p), l("update:modelValue", p));
     });
     const u = f(() => {
@@ -4817,7 +4818,7 @@ const sn = {
         e.showFirstLastButtons ? (d(), b("button", {
           key: 0,
           type: "button",
-          class: le(e.firstPageText ? "bs-pagination-word-caret" : void 0),
+          class: oe(e.firstPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.firstPageText ? void 0 : "First Page",
           title: e.firstPageText,
           disabled: n.value === 1,
@@ -4828,7 +4829,7 @@ const sn = {
         ], 10, hl)) : C("", !0),
         B("button", {
           type: "button",
-          class: le(e.prevPageText ? "bs-pagination-word-caret" : void 0),
+          class: oe(e.prevPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.prevPageText ? void 0 : "Previous Page",
           title: e.prevPageText,
           disabled: n.value === 1,
@@ -4839,7 +4840,7 @@ const sn = {
         ], 10, gl)
       ])) : C("", !0),
       e.variant === "base" && e.centerDisplay === "numbers" ? (d(), b("div", Sl, [
-        (d(!0), b(K, null, te(v.value, (k) => (d(), b("button", {
+        (d(!0), b(K, null, ae(v.value, (k) => (d(), b("button", {
           key: `page-${k}-button`,
           type: "button",
           title: `Page ${k}`,
@@ -4852,7 +4853,7 @@ const sn = {
       t.variant === "results" ? (d(), b(K, { key: 4 }, [
         S[0] || (S[0] = B("span", null, "Results Per Page:", -1)),
         B("div", Il, [
-          (d(!0), b(K, null, te(w.value, (k) => (d(), b("button", {
+          (d(!0), b(K, null, ae(w.value, (k) => (d(), b("button", {
             type: "button",
             key: `results-${k}`,
             "data-selected": k === n.value,
@@ -4864,7 +4865,7 @@ const sn = {
       e.variant === "base" || e.variant === "group" ? (d(), b("div", Cl, [
         B("button", {
           type: "button",
-          class: le(e.nextPageText ? "bs-pagination-word-caret" : void 0),
+          class: oe(e.nextPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.nextPageText ? void 0 : "Next Page",
           title: e.nextPageText,
           disabled: n.value === u.value,
@@ -4876,7 +4877,7 @@ const sn = {
         e.showFirstLastButtons ? (d(), b("button", {
           key: 0,
           type: "button",
-          class: le(e.lastPageText ? "bs-pagination-word-caret" : void 0),
+          class: oe(e.lastPageText ? "bs-pagination-word-caret" : void 0),
           "aria-label": e.lastPageText ? void 0 : "Last Page",
           title: e.lastPageText,
           disabled: n.value === u.value,
@@ -4912,8 +4913,8 @@ const sn = {
     }
   },
   setup(e) {
-    const a = e, { onLinkClick: t } = Fe(a), l = re(), { rootTag: n, attrsToBind: i, hrefUrl: u } = ze(a, l, "span");
-    return (o, s) => (d(), O(ae(c(n)), z({
+    const a = e, { onLinkClick: t } = Fe(a), l = se(), { rootTag: n, attrsToBind: i, hrefUrl: u } = ze(a, l, "span");
+    return (o, s) => (d(), O(ne(c(n)), z({
       class: "bs-pill",
       "data-active": e.active,
       "data-component": "bs-pill",
@@ -4971,7 +4972,7 @@ const sn = {
         onClick: u
       }, [
         V(o.$slots, "action", {}, () => [
-          e.actionIcon ? (d(), O(ae(c(n) ? c(n) : "span"), {
+          e.actionIcon ? (d(), O(ne(c(n) ? c(n) : "span"), {
             key: 0,
             class: "bs-icon"
           })) : C("", !0),
@@ -4984,7 +4985,7 @@ const sn = {
       e.email ? (d(), b("span", ql, A(e.email), 1)) : C("", !0),
       e.miscMeta || o.$slots.misc ? (d(), b("span", Ml, [
         V(o.$slots, "misc", {}, () => [
-          e.miscMetaIcon ? (d(), O(ae(c(i) ? c(i) : "span"), {
+          e.miscMetaIcon ? (d(), O(ne(c(i) ? c(i) : "span"), {
             key: 0,
             class: "bs-icon"
           })) : C("", !0),
@@ -5023,8 +5024,8 @@ const sn = {
   },
   emits: ["action-toggled"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = re(), { onLinkClick: i } = Fe(t), { rootTag: u, attrsToBind: o, hrefUrl: s } = ze(t, n, "div");
-    return (r, m) => (d(), O(ae(c(u)), z({
+    const t = e, l = a, n = se(), { onLinkClick: i } = Fe(t), { rootTag: u, attrsToBind: o, hrefUrl: s } = ze(t, n, "div");
+    return (r, m) => (d(), O(ne(c(u)), z({
       class: "bs-profile",
       ".href": c(s),
       "data-component": "bs-profile",
@@ -5124,7 +5125,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
       "data-component": "bs-progress-bar",
       role: "progressbar"
     }, [
-      (d(!0), b(K, null, te(e.steps, (o, s) => (d(), b("div", {
+      (d(!0), b(K, null, ae(e.steps, (o, s) => (d(), b("div", {
         class: "bs-step-item",
         "data-status": c(n)(o.status, s),
         "data-variant": "progress",
@@ -5198,7 +5199,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
       }, c(Z)(o.$attrs, n.value).filtered, {
         onChange: s[0] || (s[0] = (r) => o.$emit("update:modelValue", r.target.value))
       }), null, 16, Wl),
-      e.label || o.$slots.label ? (d(), O(ne, {
+      e.label || o.$slots.label ? (d(), O(le, {
         key: 0,
         for: o.$attrs.id || i.value,
         disabled: e.disabled,
@@ -5291,7 +5292,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
 `)) || a.hints;
     }), u = f(() => a.error && a.errorMsg || a.hint || i.value || void 0), o = f(() => a.inputId || t.value), s = f(() => a.value || a.modelValue);
     return (r, m) => (d(), b("div", z({ "data-component": "bs-select-field" }, c(Z)(r.$attrs, n.value).remaining), [
-      e.label || r.$slots.label ? (d(), O(ne, {
+      e.label || r.$slots.label ? (d(), O(le, {
         key: 0,
         for: r.$attrs.id || o.value,
         disabled: e.disabled,
@@ -5319,7 +5320,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
             value: "",
             disabled: !!s.value
           }, A(e.disabled ? "" : e.placeholder), 9, Gl),
-          (d(!0), b(K, null, te(e.data, (g) => (d(), b("option", {
+          (d(!0), b(K, null, ae(e.data, (g) => (d(), b("option", {
             key: g.value,
             disabled: g.disabled,
             selected: s.value === g.value,
@@ -5414,7 +5415,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
   },
   emits: ["update:model-value"],
   setup(e, { emit: a }) {
-    const t = e, l = a, [n, i] = Q(2), u = re(), o = $(!1), s = f(() => t.selectId || u.id || n.value), r = f(() => t.optionsId || i.value), m = f(() => {
+    const t = e, l = a, [n, i] = Q(2), u = se(), o = $(!1), s = f(() => t.selectId || u.id || n.value), r = f(() => t.optionsId || i.value), m = f(() => {
       if (t.modelValue) {
         const v = t.options.find((h) => h.value === t.modelValue);
         return v ? v.label : t.placeholder;
@@ -5422,7 +5423,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
       return t.placeholder;
     }), g = f(() => m.value === t.placeholder);
     return (v, h) => (d(), b("div", null, [
-      e.label || v.$slots.label ? (d(), O(ne, {
+      e.label || v.$slots.label ? (d(), O(le, {
         key: 0,
         disabled: e.disabled,
         for: s.value,
@@ -5543,7 +5544,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
       "data-disabled": e.disabled,
       "data-size": e.size
     }, c(Z)(s.$attrs, i.value).remaining), [
-      e.label || s.$slots.label ? (d(), O(ne, {
+      e.label || s.$slots.label ? (d(), O(le, {
         key: 0,
         for: s.$attrs.id || u.value,
         disabled: e.disabled,
@@ -5595,7 +5596,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
   },
   emits: ["tabClick"],
   setup(e, { emit: a }) {
-    const t = e, l = re(), n = $(), i = f(() => t.activeTabId === l.id), u = f(() => t.panelId || `${l.id}-panel`);
+    const t = e, l = se(), n = $(), i = f(() => t.activeTabId === l.id), u = f(() => t.panelId || `${l.id}-panel`);
     function o(r) {
       (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), s());
     }
@@ -5633,47 +5634,47 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
   setup(e, { emit: a }) {
     const t = e, l = a, n = $(!1), i = $(!1), u = $([]), o = $(!1), s = $(!1), r = $(), m = $([]), g = $(!1), v = $([]), h = $(), y = $([]), w = $(), p = $(), [S, k] = Q(2);
     let I;
-    const q = f(() => t.activeTabId ? v.value.findIndex((x) => x.id === t.activeTabId) : 0), T = f(() => u.value.some((x) => x.id === t.activeTabId)), L = f(() => `${k.value}-options`), F = f(() => `${k.value}-toggle`), R = f(() => {
+    const q = f(() => t.activeTabId ? v.value.findIndex((x) => x.id === t.activeTabId) : 0), T = f(() => u.value.some((x) => x.id === t.activeTabId)), L = f(() => `${k.value}-options`), F = f(() => `${k.value}-toggle`), _ = f(() => {
       var x;
       return T.value ? (x = v.value[q.value]) == null ? void 0 : x.textContent : "More";
-    }), U = f(() => T.value ? m.value[q.value] - m.value[q.value - 1] + no + Ue : ao + Ue);
-    function _() {
-      var de;
-      let x = !1, N, H = 0, ee = !1, oe = [];
-      if ((de = v.value) != null && de.length) {
-        for (let ie = 0; ie < v.value.length; ie++) {
-          if (N = v.value[ie], N.setAttribute("tabindex", "-1"), ee && ie !== q.value) {
-            N.dataset.hidden = "true", oe.push(N);
+    }), R = f(() => T.value ? m.value[q.value] - m.value[q.value - 1] + no + Ue : ao + Ue);
+    function H() {
+      var ue;
+      let x = !1, N, G = 0, ee = !1, ie = [];
+      if ((ue = v.value) != null && ue.length) {
+        for (let re = 0; re < v.value.length; re++) {
+          if (N = v.value[re], N.setAttribute("tabindex", "-1"), ee && re !== q.value) {
+            N.dataset.hidden = "true", ie.push(N);
             continue;
           }
-          if (H = ie < v.value.length - 1 ? p.value - U.value : p.value, m.value[ie] > H) {
-            N.dataset.hidden = "true", oe.push(N), x = !0, ee = !0;
+          if (G = re < v.value.length - 1 ? p.value - R.value : p.value, m.value[re] > G) {
+            N.dataset.hidden = "true", ie.push(N), x = !0, ee = !0;
             continue;
           }
           N.dataset.hidden = "false", N.setAttribute("tabindex", "0");
         }
-        s.value = x, u.value = oe, n.value || Ae(() => n.value = !0), I = setTimeout(() => {
+        s.value = x, u.value = ie, n.value || Ae(() => n.value = !0), I = setTimeout(() => {
           r.value && (Rt(), Te(), g.value = !0);
         }, g.value ? 25 : 1e3);
       }
     }
-    function he() {
+    function te() {
       clearTimeout(I);
     }
     function Se() {
-      he(), Mt();
+      te(), Mt();
     }
     function ve(x) {
       l("tabChange", x), l("update:modelValue", x);
     }
     function Ce(x) {
-      var ee, oe, de;
-      const N = (de = (oe = (ee = v.value[x]) == null ? void 0 : ee.getBoundingClientRect) == null ? void 0 : oe.call(ee)) == null ? void 0 : de.width;
+      var ee, ie, ue;
+      const N = (ue = (ie = (ee = v.value[x]) == null ? void 0 : ee.getBoundingClientRect) == null ? void 0 : ie.call(ee)) == null ? void 0 : ue.width;
       return N || (x === 0 ? m.value[0] : m.value[x] - m.value[x - 1]) || 0;
     }
-    function se() {
+    function de() {
       var x;
-      (x = v.value[q.value]) == null || x.setAttribute("aria-selected", "true"), _();
+      (x = v.value[q.value]) == null || x.setAttribute("aria-selected", "true"), H();
     }
     function xe() {
       var x;
@@ -5690,31 +5691,31 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
       if (t.withBsTabs) return;
       const N = x.target.closest('[role="tab"]');
       if (!N || N.getAttribute("aria-selected") === "true") return;
-      const H = N.getAttribute("id");
-      ve(H);
+      const G = N.getAttribute("id");
+      ve(G);
     }
     function M(x) {
       if (x.key === "ArrowLeft" || x.key === "ArrowRight") {
-        const N = y.value.findIndex((H) => H.id === x.target.id);
+        const N = y.value.findIndex((G) => G.id === x.target.id);
         if (N === -1) return;
         x.preventDefault(), x.stopPropagation(), x.key === "ArrowLeft" ? J(N) : Y(N);
       }
     }
     function Y(x) {
-      var H;
+      var G;
       const N = (x + 1) % y.value.length;
-      (H = y.value[N]) == null || H.focus();
+      (G = y.value[N]) == null || G.focus();
     }
     function J(x) {
-      var H;
+      var G;
       const N = x === 0 ? y.value.length - 1 : x - 1;
-      (H = y.value[N]) == null || H.focus();
+      (G = y.value[N]) == null || G.focus();
     }
     function Te() {
-      var de, ie, rt, st;
+      var ue, re, rt, st;
       const x = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, N = p.value;
-      let H = 300, ee = ((ie = (de = y.value) == null ? void 0 : de[q.value]) == null ? void 0 : ie.offsetLeft) || 0, oe = Ce(q.value);
-      s.value && T.value && (ee = (rt = h.value) == null ? void 0 : rt.offsetLeft, oe = (st = h.value) == null ? void 0 : st.offsetWidth), H = Math.max(Math.abs((ee - x) / N * 300), 100), r.value.style.setProperty("--active-line-max-width", `${N}px`), r.value.style.setProperty("--active-line-scale", `${oe / N}`), r.value.style.setProperty("--active-line-offset", `${ee}px`), r.value.style.setProperty("--active-line-transition-duration", `${H}ms`);
+      let G = 300, ee = ((re = (ue = y.value) == null ? void 0 : ue[q.value]) == null ? void 0 : re.offsetLeft) || 0, ie = Ce(q.value);
+      s.value && T.value && (ee = (rt = h.value) == null ? void 0 : rt.offsetLeft, ie = (st = h.value) == null ? void 0 : st.offsetWidth), G = Math.max(Math.abs((ee - x) / N * 300), 100), r.value.style.setProperty("--active-line-max-width", `${N}px`), r.value.style.setProperty("--active-line-scale", `${ie / N}`), r.value.style.setProperty("--active-line-offset", `${ee}px`), r.value.style.setProperty("--active-line-transition-duration", `${G}ms`);
     }
     function Mt() {
       var x, N;
@@ -5722,7 +5723,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
     }
     function Nt() {
       const x = Ve(() => {
-        p.value = r.value.clientWidth, _();
+        p.value = r.value.clientWidth, H();
       }, 25);
       w.value = new ResizeObserver(x), w.value.observe(document.body), r.value && w.value.observe(r.value);
     }
@@ -5731,24 +5732,24 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
     }
     function Ft() {
       let x;
-      v.value.forEach((N, H) => {
-        x = N.getBoundingClientRect().width + Ue, m.value.push(H ? x + m.value[H - 1] : x);
+      v.value.forEach((N, G) => {
+        x = N.getBoundingClientRect().width + Ue, m.value.push(G ? x + m.value[G - 1] : x);
       });
     }
     function Rt() {
-      var N, H;
+      var N, G;
       let x = [];
       if (typeof window > "u") return x;
       for (let ee of v.value) {
-        if (((N = ee.dataset) == null ? void 0 : N.hidden) === "true" || ((H = ee.dataset) == null ? void 0 : H.hidden) === "" || ee.getAttribute("tabindex") === "-1") break;
+        if (((N = ee.dataset) == null ? void 0 : N.hidden) === "true" || ((G = ee.dataset) == null ? void 0 : G.hidden) === "" || ee.getAttribute("tabindex") === "-1") break;
         x.push(ee);
       }
       s.value && x.push(r.value.querySelector(".bs-tab-list-toggle")), y.value = x;
     }
-    return G(() => t.activeTabId, se), X(() => {
+    return U(() => t.activeTabId, de), X(() => {
       var x;
       try {
-        zt(), Ft(), Nt(), p.value = r.value.getBoundingClientRect().width, _(), t.withBsTabs || (x = v.value[q.value]) == null || x.setAttribute("aria-selected", "true");
+        zt(), Ft(), Nt(), p.value = r.value.getBoundingClientRect().width, H(), t.withBsTabs || (x = v.value[q.value]) == null || x.setAttribute("aria-selected", "true");
       } catch (N) {
         console.log("tab error", N);
       }
@@ -5761,7 +5762,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
       role: "tablist",
       "data-resizing": !n.value || void 0,
       onClick: W,
-      "on:tabClick": N[0] || (N[0] = (H) => ve(H.detail)),
+      "on:tabClick": N[0] || (N[0] = (G) => ve(G.detail)),
       onKeydown: M
     }, [
       V(x.$slots, "default"),
@@ -5777,7 +5778,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
         onClick: we
       }, [
         P(c(Qt), { size: "sm" }),
-        j(" " + A(R.value), 1)
+        j(" " + A(_.value), 1)
       ], 8, to),
       P(Pt, {
         "anchor-id": F.value,
@@ -5794,13 +5795,13 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
         "onUpdate:modelValue": E
       }, {
         default: D(() => [
-          (d(!0), b(K, null, te(u.value, (H) => (d(), O(it, {
-            key: H.id,
-            value: H.id,
+          (d(!0), b(K, null, ae(u.value, (G) => (d(), O(it, {
+            key: G.id,
+            value: G.id,
             "options-id": L.value
           }, {
             default: D(() => [
-              j(A(H.textContent), 1)
+              j(A(G.textContent), 1)
             ]),
             _: 2
           }, 1032, ["value", "options-id"]))), 128))
@@ -5822,7 +5823,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
     }
   },
   setup(e) {
-    const a = e, t = re(), l = f(() => a.activeTabId && a.activeTabId === a.tabId), n = f(() => t.id || `${a.tabId}-panel`);
+    const a = e, t = se(), l = f(() => a.activeTabId && a.activeTabId === a.tabId), n = f(() => t.id || `${a.tabId}-panel`);
     return (i, u) => (d(), b("section", {
       "aria-labelledby": e.tabId,
       "data-active": l.value,
@@ -5917,7 +5918,7 @@ const zl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Fl = ["data-sta
 `)) || t.hints;
     }), s = f(() => t.error && t.errorMsg || t.hint || o.value || void 0), r = f(() => t.inputId || l.value);
     return (m, g) => (d(), b("div", z({ "data-component": "bs-textarea-field" }, c(Z)(m.$attrs, i.value).remaining), [
-      e.label || m.$slots.label ? (d(), O(ne, {
+      e.label || m.$slots.label ? (d(), O(le, {
         key: 0,
         for: m.$attrs.id || r.value,
         disabled: e.disabled,
@@ -6115,17 +6116,17 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
           o.value = "", s.value = !1;
       }
     }
-    return X(y), G([
+    return X(y), U([
       () => l.disabledTimes,
       () => l.maxTime,
       () => l.minTime,
       () => l.step
-    ], y), G([
+    ], y), U([
       () => l.disabledTimes,
       () => l.maxTime,
       () => l.minTime,
       () => l.modelValue
-    ], () => p(l.modelValue)), G(() => l.modelValue, (S) => {
+    ], () => p(l.modelValue)), U(() => l.modelValue, (S) => {
       i.value = l.modelValue ? ge(S) : "";
     }), a({
       validationErr: s,
@@ -6230,8 +6231,8 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
     }), (h, y) => (d(), b("div", z({
       "aria-live": "polite",
       "data-component": "bs-time-picker-field"
-    }, c(Z)(h.$attrs, c(be)).remaining), [
-      e.label || h.$slots.label ? (d(), O(ne, {
+    }, c(Z)(h.$attrs, c(he)).remaining), [
+      e.label || h.$slots.label ? (d(), O(le, {
         key: 0,
         for: h.$attrs.id || r.value,
         disabled: e.disabled,
@@ -6263,14 +6264,14 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
         required: e.required,
         step: e.step,
         "onUpdate:modelValue": y[0] || (y[0] = (w) => h.$emit("update:modelValue", w))
-      }, c(Z)(h.$attrs, c(be)).filtered), null, 16, ["disabled", "disabled-times", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "max-time", "min-time", "model-value", "placeholder", "required", "step"]),
-      ue(P(ye, {
+      }, c(Z)(h.$attrs, c(he)).filtered), null, 16, ["disabled", "disabled-times", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "max-time", "min-time", "model-value", "placeholder", "required", "step"]),
+      ce(P(ye, {
         error: s.value,
         "error-msg": o.value,
         hint: e.hint,
         "hint-id": c(i)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
-        [ce, m.value]
+        [fe, m.value]
       ])
     ], 16));
   }
@@ -6323,13 +6324,13 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
       "data-component": "bs-timeline",
       role: "progressbar"
     }, [
-      (d(!0), b(K, null, te(e.steps, (r, m) => (d(), b("div", {
+      (d(!0), b(K, null, ae(e.steps, (r, m) => (d(), b("div", {
         class: "bs-step-item",
         "data-status": c(i)(r.status, m),
         key: r.id || r.label,
         role: "status"
       }, [
-        (d(), O(ae(u(r.status, m)), {
+        (d(), O(ne(u(r.status, m)), {
           class: "bs-step-icon",
           role: "presentation"
         })),
@@ -6388,8 +6389,8 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
   setup(e, { emit: a }) {
     const t = e, l = a, { transition: n } = Ee(t);
     let i = null;
-    fe("variant", t.variant), fe("handleDismiss", o);
-    const u = pe("stacked", t.stacked);
+    pe("variant", t.variant), pe("handleDismiss", o);
+    const u = me("stacked", t.stacked);
     function o() {
       i && (clearTimeout(i), i = null), l("dismiss", t.toastId);
     }
@@ -6423,7 +6424,7 @@ const Ge = "excluded", He = "over", vt = "skip", gt = "stop", Ke = "under", co =
 }), ho = ["data-stacked"], ui = {
   __name: "BsToastActions",
   setup(e) {
-    const a = pe("handleDismiss", () => {
+    const a = me("handleDismiss", () => {
     });
     function t() {
       var l, n;
@@ -6465,7 +6466,7 @@ function So(e, a) {
 const ci = /* @__PURE__ */ vo(go, [["render", So]]), wo = ["data-variant"], fi = {
   __name: "BsToastHeader",
   setup(e) {
-    const a = pe("variant", void 0), t = f(() => {
+    const a = me("variant", void 0), t = f(() => {
       switch (a) {
         case "warning":
           return Xe;
@@ -6482,7 +6483,7 @@ const ci = /* @__PURE__ */ vo(go, [["render", So]]), wo = ["data-variant"], fi =
       "data-component": "bs-toast-header",
       "data-variant": c(a)
     }, [
-      (d(), O(ae(t.value), { class: "bs-toast-header-icon" })),
+      (d(), O(ne(t.value), { class: "bs-toast-header-icon" })),
       B("h5", null, [
         V(l.$slots, "default")
       ])
@@ -6494,7 +6495,7 @@ const ci = /* @__PURE__ */ vo(go, [["render", So]]), wo = ["data-variant"], fi =
 }, pi = {
   __name: "BsToaster",
   setup(e) {
-    return fe("stacked", !0), (a, t) => (d(), b("div", Bo, [
+    return pe("stacked", !0), (a, t) => (d(), b("div", Bo, [
       V(a.$slots, "default")
     ]));
   }
@@ -6529,7 +6530,7 @@ const ci = /* @__PURE__ */ vo(go, [["render", So]]), wo = ["data-variant"], fi =
       let o = "bs-tooltip-text";
       return l.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? o += " escaped-x" : a.position === "left" || a.position === "right" ? o += " escaped-y" : o += " escaped"), o;
     });
-    me(["Escape"], () => {
+    be(["Escape"], () => {
       t.value && (t.value = !1, l.value = !0);
     });
     function i() {
@@ -6550,7 +6551,7 @@ const ci = /* @__PURE__ */ vo(go, [["render", So]]), wo = ["data-variant"], fi =
       V(o.$slots, "default"),
       e.content ? (d(), b("div", {
         key: 0,
-        class: le(n.value),
+        class: oe(n.value),
         id: e.tooltipId,
         role: "tooltip"
       }, A(e.content), 11, Io)) : C("", !0)
@@ -6647,7 +6648,7 @@ export {
   Go as BsInputPhone,
   Vt as BsInputSearch,
   Ho as BsInputTypeahead,
-  ne as BsLabel,
+  le as BsLabel,
   Ko as BsLoader,
   Yo as BsModal,
   ul as BsOverlay,