@wwtdev/bsds-components-vue3 3.0.7 → 3.0.9

package/lib/bsds-components.js

@@ -576,10 +576,10 @@ function An(e) {
       "aria-controls": s.value,
       "aria-expanded": c.value
     };
-  }), g = f(() => !l.value || l.value === "popHover" ? {} : { onClick: D, onKeydown: m }), S = f(() => l.value ? {
+  }), S = f(() => !l.value || l.value === "popHover" ? {} : { onClick: k, onKeydown: m }), g = f(() => l.value ? {
     id: p.value,
     ...v.value,
-    ...g.value,
+    ...S.value,
     [`data-bs-${l.value}`]: s.value
   } : {});
   G(s, (h, B, I) => {
@@ -587,7 +587,7 @@ function An(e) {
     const N = l.value;
     n.registerPopTrigger(N, h), I(() => n.unregisterPopTrigger(N, h));
   }, { immediate: !0 });
-  function D(h) {
+  function k(h) {
     if (h.target.tagName !== "BUTTON") {
       const N = h.target.closest('[data-bs-pop-faux-button="true"]');
       if ((N == null ? void 0 : N.ariaDisabled) === "true") {
@@ -596,18 +596,19 @@ function An(e) {
       }
     }
     if (n.setAnchorId(s.value, p.value), l.value === "willPop") return;
-    ({
+    const I = {
       popOpen: n.open,
       popClose: n.close,
       popCancel: n.cancel,
       popConfirm: n.confirm
-    }[l.value] || n.toggle)(s.value);
+    }[l.value] || n.toggle;
+    h.stopPropagation(), I(s.value);
   }
   function m(h) {
-    h.target.dataset.bsPopFauxButton !== "true" || !["Space", "Enter", "NumpadEnter"].includes(h.code) || D(h);
+    h.target.dataset.bsPopFauxButton !== "true" || !["Space", "Enter", "NumpadEnter"].includes(h.code) || k(h);
   }
   return {
-    popAttrs: S,
+    popAttrs: g,
     popSlotProps: u
   };
 }
@@ -2425,14 +2426,14 @@ const Vp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   // DEPRECATED
   active: {
     deprecated: !0,
-    default: !1,
+    default: void 0,
     description: "Used with the filter prop to indicate a pill that is an active.",
     type: Boolean,
     typeDef: "boolean"
   },
   truncate: {
     deprecated: !0,
-    default: !0,
+    default: void 0,
     description: "Will truncate and add elipses when text overflows.",
     type: Boolean,
     typeDef: "boolean"
@@ -3576,7 +3577,7 @@ const yl = ["id", "data-stacked"], ml = ["data-open"], gl = ["aria-controls", "a
     function p() {
       o("toggled", l.value), t.controlled || (a.value = !a.value);
     }
-    return (v, g) => (d(), y("div", {
+    return (v, S) => (d(), y("div", {
       id: b(l),
       ref_key: "containerRef",
       ref: i,
@@ -3640,8 +3641,8 @@ function vt(e, n = "button") {
     return r.linkTo && typeof r.linkTo == "object" ? ((u = (c = e.router) == null ? void 0 : c.resolve(e.linkTo)) == null ? void 0 : u.path) || "" : r.linkTo || r.href;
   }
   function s(r, c) {
-    const u = r === "a", p = r === "button", v = (g) => {
-      g.preventDefault(), g.stopImmediatePropagation();
+    const u = r === "a", p = r === "button", v = (S) => {
+      S.preventDefault(), S.stopImmediatePropagation();
     };
     return {
       type: p ? c.type || "button" : void 0,
@@ -3711,24 +3712,24 @@ const kl = { key: 0 }, Dl = {
       if (n.hoverEffect)
         return n.iconPosition;
     }), r = f(() => n.icon ? n.icon : n.iconPosition === "left" ? n.textBtn || n.size === "sm" ? So : Kt : n.textBtn || n.size === "sm" ? Bo : Gt), c = f(() => n.textBtn || !!(t != null && t.default)), u = f(() => c.value && n.iconPosition !== "left"), p = f(() => c.value && n.iconPosition === "left"), v = f(() => n.variant ? `color-${n.variant}` : void 0);
-    return (g, S) => (d(), A(ie(b(o)), X({
+    return (S, g) => (d(), A(ie(b(o)), X({
       class: "bs-circle-button",
-      "data-disabled": g.disabled,
+      "data-disabled": S.disabled,
       "data-direction": s.value,
-      "data-ghost": g.ghostBtn || void 0,
-      "data-size": g.size || void 0,
+      "data-ghost": S.ghostBtn || void 0,
+      "data-size": S.size || void 0,
       "data-text": c.value || void 0,
       "data-variant": v.value,
       "data-component": "bs-circle-button"
     }, { ...b(i), ...l.value }, { onClick: b(a) }), {
       default: j(() => [
         u.value ? (d(), y("span", kl, [
-          L(g.$slots, "default", {}, () => [
-            Q(M(g.label), 1)
+          L(S.$slots, "default", {}, () => [
+            Q(M(S.label), 1)
           ])
         ])) : P("", !0),
         O("span", Dl, [
-          L(g.$slots, "icon", {}, () => [
+          L(S.$slots, "icon", {}, () => [
             typeof r.value == "string" ? (d(), A(b(ze), {
               key: 0,
               name: r.value
@@ -3736,8 +3737,8 @@ const kl = { key: 0 }, Dl = {
           ])
         ]),
         p.value ? (d(), y("span", Tl, [
-          L(g.$slots, "default", {}, () => [
-            Q(M(g.label), 1)
+          L(S.$slots, "default", {}, () => [
+            Q(M(S.label), 1)
           ])
         ])) : P("", !0)
       ]),
@@ -3935,8 +3936,8 @@ const kl = { key: 0 }, Dl = {
     const n = e;
     let t = [], o = !1, i;
     const a = f(() => {
-      const S = n.transitionDuration.toString();
-      return S.startsWith("var(--") || S.startsWith("calc(") || S.endsWith("ms") ? S : S.startsWith("--") ? `var(${S})` : `${S}ms`;
+      const g = n.transitionDuration.toString();
+      return g.startsWith("var(--") || g.startsWith("calc(") || g.endsWith("ms") ? g : g.startsWith("--") ? `var(${g})` : `${g}ms`;
     });
     G(() => n.active, () => {
       n.active ? l() : s();
@@ -3945,36 +3946,36 @@ const kl = { key: 0 }, Dl = {
       t = r(), o = c(), u(), v();
     }
     function s() {
-      p(), g();
+      p(), S();
     }
     function r() {
-      const S = document.querySelectorAll(n.inertSelector);
-      return Array.from(S);
+      const g = document.querySelectorAll(n.inertSelector);
+      return Array.from(g);
     }
     function c() {
-      const S = document.scrollingElement;
-      if (S)
-        return S.scrollHeight > S.clientHeight;
+      const g = document.scrollingElement;
+      if (g)
+        return g.scrollHeight > g.clientHeight;
     }
     function u() {
-      t.forEach((S) => S.setAttribute("inert", ""));
+      t.forEach((g) => g.setAttribute("inert", ""));
     }
     function p() {
-      t.forEach((S) => S.removeAttribute("inert"));
+      t.forEach((g) => g.removeAttribute("inert"));
     }
     function v() {
-      var S;
-      o && (i = (S = getComputedStyle(document.scrollingElement)) == null ? void 0 : S.scrollbarGutter, document.scrollingElement.style.scrollbarGutter = "stable"), document.body.setAttribute("data-scroll", !1);
+      var g;
+      o && (i = (g = getComputedStyle(document.scrollingElement)) == null ? void 0 : g.scrollbarGutter, document.scrollingElement.style.scrollbarGutter = "stable"), document.body.setAttribute("data-scroll", !1);
     }
-    function g() {
+    function S() {
       o && (document.scrollingElement.style.scrollbarGutter = i), document.body.removeAttribute("data-scroll");
     }
-    return (S, D) => (d(), A(wt, {
+    return (g, k) => (d(), A(wt, {
       name: "bs-backdrop",
       appear: ""
     }, {
       default: j(() => [
-        S.active ? (d(), y("div", {
+        g.active ? (d(), y("div", {
           key: 0,
           class: "bs-backdrop",
           style: Tt(`--bs-backdrop-transition-duration: ${a.value}`),
@@ -4308,19 +4309,19 @@ const kl = { key: 0 }, Dl = {
   setup(e, { emit: n }) {
     const t = e, o = n, i = C(null), a = C(null);
     function l(v) {
-      const g = new Event("change", { bubbles: !0, cancelable: !0 });
-      v.dispatchEvent(g);
+      const S = new Event("change", { bubbles: !0, cancelable: !0 });
+      v.dispatchEvent(S);
     }
     function s(v) {
-      const { value: g } = v.target, [S, D] = g.split(/ to | - /);
-      i.value.value = S || "", a.value.value = D || "", l(i.value), l(a.value);
+      const { value: S } = v.target, [g, k] = S.split(/ to | - /);
+      i.value.value = g || "", a.value.value = k || "", l(i.value), l(a.value);
     }
     const r = pt(s, 1e3);
     function c(v) {
       o("ui-input"), r(v);
     }
     const u = f(() => t.listeners.start ? t.listeners.start : {}), p = f(() => t.listeners.end ? t.listeners.end : {});
-    return (v, g) => (d(), A(en, {
+    return (v, S) => (d(), A(en, {
       disabled: e.disabled,
       error: e.error
     }, {
@@ -4333,7 +4334,7 @@ const kl = { key: 0 }, Dl = {
           "model-value": e.inputValueFmt,
           placeholder: e.placeholder,
           required: e.required,
-          onFocusin: g[0] || (g[0] = (S) => v.$emit("ui-focusin")),
+          onFocusin: S[0] || (S[0] = (g) => v.$emit("ui-focusin")),
           onInput: c,
           onChange: s
         }, null, 8, ["disabled", "id", "model-value", "placeholder", "required"]),
@@ -4357,7 +4358,7 @@ const kl = { key: 0 }, Dl = {
           "aria-label": "Clear",
           type: "button",
           class: "bs-calendar-clear-btn",
-          onClick: g[1] || (g[1] = (S) => v.$emit("clear"))
+          onClick: S[1] || (S[1] = (g) => v.$emit("clear"))
         }, [
           q(b(xe), {
             size: "sm",
@@ -4416,7 +4417,7 @@ const Gl = ["data-range"], ao = "(min-width: 752px)", vf = /* @__PURE__ */ Objec
         var w;
         return (w = t.exclusiveDates) != null && w.length ? I(t.exclusiveDates) : t.disabledDates;
       }
-    ), v = f(() => t.inputId || l.value), g = f(() => ({ range: t.isRange })), S = f(() => t.showClear && t.modelValue && !t.disabled), D = f(() => !!(t.error && t.errorMsg || t.hint)), m = f(() => t.step), h = f(() => t.variant);
+    ), v = f(() => t.inputId || l.value), S = f(() => ({ range: t.isRange })), g = f(() => t.showClear && t.modelValue && !t.disabled), k = f(() => !!(t.error && t.errorMsg || t.hint)), m = f(() => t.step), h = f(() => t.variant);
     Kl(a), ot(
       ao,
       (w) => i.value = w != null && w.matches && h.value == "2-col" ? 2 : 1,
@@ -4426,12 +4427,12 @@ const Gl = ["data-range"], ao = "(min-width: 752px)", vf = /* @__PURE__ */ Objec
       (w) => r.value = w != null && w.matches && h.value == "2-col" ? m.value : 1,
       [m, h]
     ), oe(() => {
-      t.inputMode || setTimeout(k, 100);
+      t.inputMode || setTimeout(D, 100);
     }), G(() => {
       var w, T;
       return (T = (w = o.value) == null ? void 0 : w.popoverRef) == null ? void 0 : T.isVisible;
     }, (w) => {
-      w && setTimeout(k, 100);
+      w && setTimeout(D, 100);
     });
     function B(w) {
       return t.isRange && w.start && w.end ? `${w.start} to ${w.end}` : !t.isRange && w ? w : "";
@@ -4450,7 +4451,7 @@ const Gl = ["data-range"], ao = "(min-width: 752px)", vf = /* @__PURE__ */ Objec
     function N(w) {
       !t.isRange || a.value.contains(w.relatedTarget) || o.value.hidePopover();
     }
-    function k() {
+    function D() {
       const w = a.value.querySelector("button.vc-prev"), T = a.value.querySelector("button.vc-next");
       w && w.setAttribute("aria-label", "Previous month"), T && T.setAttribute("aria-label", "Next month");
     }
@@ -4484,7 +4485,7 @@ const Gl = ["data-range"], ao = "(min-width: 752px)", vf = /* @__PURE__ */ Objec
         "min-date": w.minDate,
         mode: "date",
         "model-value": w.modelValue,
-        "model-modifiers": g.value,
+        "model-modifiers": S.value,
         popover: { visibility: "focus" },
         rows: 1,
         step: r.value,
@@ -4502,7 +4503,7 @@ const Gl = ["data-range"], ao = "(min-width: 752px)", vf = /* @__PURE__ */ Objec
               "input-value-fmt": B(x),
               listeners: W,
               placeholder: w.placeholder,
-              "show-clear": S.value,
+              "show-clear": g.value,
               required: w.required,
               onUiFocusin: K,
               onUiInput: K,
@@ -4515,7 +4516,7 @@ const Gl = ["data-range"], ao = "(min-width: 752px)", vf = /* @__PURE__ */ Objec
               listeners: W,
               "model-value": B(x),
               placeholder: w.placeholder,
-              "show-clear": S.value,
+              "show-clear": g.value,
               required: w.required,
               onClear: T[0] || (T[0] = (te) => w.$emit("clear"))
             }, null, 8, ["disabled", "error", "input-id", "listeners", "model-value", "placeholder", "show-clear", "required"]))
@@ -4523,7 +4524,7 @@ const Gl = ["data-range"], ao = "(min-width: 752px)", vf = /* @__PURE__ */ Objec
           key: "0"
         } : void 0
       ]), 1040, ["columns", "disabled-dates", "max-date", "min-date", "model-value", "model-modifiers", "step"]),
-      D.value ? (d(), A(qe, {
+      k.value ? (d(), A(qe, {
         key: 1,
         error: w.error,
         "error-msg": w.errorMsg,
@@ -4621,8 +4622,8 @@ const Gl = ["data-range"], ao = "(min-width: 752px)", vf = /* @__PURE__ */ Objec
   },
   setup(e) {
     const n = e, t = C(!1), o = (u) => {
-      const p = new Date(u), v = p.toTimeString().split(" ")[0], g = p.toDateString().split(" ").slice(1, 3).join(" ");
-      return `${v} (${g})`;
+      const p = new Date(u), v = p.toTimeString().split(" ")[0], S = p.toDateString().split(" ").slice(1, 3).join(" ");
+      return `${v} (${S})`;
     }, i = f(() => {
       var u;
       return !((u = n.dataIdxLabels) != null && u.length);
@@ -4631,13 +4632,13 @@ const Gl = ["data-range"], ao = "(min-width: 752px)", vf = /* @__PURE__ */ Objec
       try {
         return u.map((p) => {
           const v = p.label;
-          let g = [];
-          if (p.data.some((S) => (S == null ? void 0 : S.x) && (S == null ? void 0 : S.y))) {
-            const S = p.data.reduce((D, m) => (D[m.x] = m.y, D), {});
-            g = n.dataIdxLabels.map((D) => ({ value: S[D] ?? null }));
+          let S = [];
+          if (p.data.some((g) => (g == null ? void 0 : g.x) && (g == null ? void 0 : g.y))) {
+            const g = p.data.reduce((k, m) => (k[m.x] = m.y, k), {});
+            S = n.dataIdxLabels.map((k) => ({ value: g[k] ?? null }));
           } else
-            g = p.data.map((S) => ({ value: S }));
-          return { rowLabel: v, dataCells: g };
+            S = p.data.map((g) => ({ value: g }));
+          return { rowLabel: v, dataCells: S };
         });
       } catch {
         return [];
@@ -4645,16 +4646,16 @@ const Gl = ["data-range"], ao = "(min-width: 752px)", vf = /* @__PURE__ */ Objec
     }
     function l(u) {
       try {
-        const p = u.reduce((S, D) => {
-          const m = D.data.map((h) => h == null ? void 0 : h.x);
-          return [...S, ...m];
+        const p = u.reduce((g, k) => {
+          const m = k.data.map((h) => h == null ? void 0 : h.x);
+          return [...g, ...m];
         }, []), v = Array.from(new Set(p));
-        return (n.xAxisType === "time" || n.xAxisType === "linear") && v.sort((S, D) => (typeof S == "string" && typeof D == "string" && (S = S.toLowerCase(), D = D.toLowerCase()), S < D ? -1 : S > D ? 1 : 0)), v.map((S) => {
-          const D = { rowLabel: S }, m = [];
+        return (n.xAxisType === "time" || n.xAxisType === "linear") && v.sort((g, k) => (typeof g == "string" && typeof k == "string" && (g = g.toLowerCase(), k = k.toLowerCase()), g < k ? -1 : g > k ? 1 : 0)), v.map((g) => {
+          const k = { rowLabel: g }, m = [];
           return u.forEach((h) => {
-            const B = { datasetLabel: h.label }, I = h.data.find((N) => N.x === S);
+            const B = { datasetLabel: h.label }, I = h.data.find((N) => N.x === g);
             B.value = I ? I.y : null, m.push(B);
-          }), D.dataCells = m, n.xAxisType === "time" && (D.rowLabelFmt = o(S)), D;
+          }), k.dataCells = m, n.xAxisType === "time" && (k.rowLabelFmt = o(g)), k;
         });
       } catch {
         return [];
@@ -4696,9 +4697,9 @@ const Gl = ["data-range"], ao = "(min-width: 752px)", vf = /* @__PURE__ */ Objec
             key: v.rowLabelFmt || v.rowLabel
           }, [
             O("th", Jl, M(v.rowLabelFmt || v.rowLabel), 1),
-            (d(!0), y(_, null, ue(v.dataCells, (g) => (d(), y("td", {
-              key: `${v.rowLabelFmt || v.rowLabel}${g.datasetLabel}${g.value}`
-            }, M(g.value), 1))), 128))
+            (d(!0), y(_, null, ue(v.dataCells, (S) => (d(), y("td", {
+              key: `${v.rowLabelFmt || v.rowLabel}${S.datasetLabel}${S.value}`
+            }, M(S.value), 1))), 128))
           ]))), 128))
         ])
       ], 8, Yl)) : P("", !0)
@@ -4748,12 +4749,12 @@ function tr(e, n) {
     const B = `[data-dataset-index="${m}"][data-label-index="${h}"]`, I = i.value.querySelector(B);
     (N = I == null ? void 0 : I.focus) == null || N.call(I);
   }
-  function g(...m) {
+  function S(...m) {
     !c || !t.value || (sn.register(...m), sn.defaults.font.family = "'Roobert', sans-serif", r = new sn(t.value, c));
   }
-  const S = pt(function(m) {
+  const g = pt(function(m) {
     c && (c.updateOptions(m), r.options = c.options, r.update());
-  }, 100), D = pt(function(m) {
+  }, 100), k = pt(function(m) {
     c && (c.updateData(m), r.data = c.data, r.update());
   }, 100);
   return ot(
@@ -4780,9 +4781,9 @@ function tr(e, n) {
     () => n.yLabel,
     () => n.yMin,
     () => n.yMax
-  ], () => S(n)), G(
+  ], () => g(n)), G(
     o,
-    (m) => S(Xt(
+    (m) => g(Xt(
       {},
       n,
       m ? s : l
@@ -4792,12 +4793,12 @@ function tr(e, n) {
       () => n.data,
       () => n.dataIdxLabels
     ],
-    () => D(n),
+    () => k(n),
     { deep: !0 }
   ), {
     canvasRef: t,
     legendListRef: i,
-    registerChart: g
+    registerChart: S
   };
 }
 const nr = (e) => ({
@@ -4891,7 +4892,7 @@ function Wn() {
   };
 }
 function Hn(e) {
-  var g, S;
+  var S, g;
   const {
     dataIdxLabels: n,
     showXGrid: t,
@@ -4942,7 +4943,7 @@ function Hn(e) {
       }
     }
   };
-  return (a === "time" || ((S = (g = u == null ? void 0 : u.scales) == null ? void 0 : g.x) == null ? void 0 : S.type) === "time") && (v.x.ticks.source = n != null && n.length ? "labels" : "auto", v.x.time = {
+  return (a === "time" || ((g = (S = u == null ? void 0 : u.scales) == null ? void 0 : S.x) == null ? void 0 : g.type) === "time") && (v.x.ticks.source = n != null && n.length ? "labels" : "auto", v.x.time = {
     tooltipFormat: "dd MMM yyyy : h:mm bbb"
   }), v;
 }
@@ -5270,21 +5271,21 @@ const rr = {
     const t = e;
     ee(t, "inputId", void 0, "Set 'id' directly on the component instead.");
     const o = n, [i] = fe(), { filtered: a, remaining: l } = Oe(["class", "style"]), s = C(null), r = f(() => t.inputId || i.value), c = f(() => t.checked || v.value), u = f(() => t.indeterminate || t.checkedPartially), p = f(() => Array.isArray(t.modelValue) && t.value), v = f(() => p.value && t.modelValue.includes(t.value) || typeof t.modelValue == "boolean" && t.modelValue);
-    function g() {
+    function S() {
       s.value && (s.value.indeterminate = u.value && !c.value);
     }
-    function S(h) {
+    function g(h) {
       o("update:modelValue", h);
     }
-    function D(h) {
+    function k(h) {
       const B = [...t.modelValue];
       h ? B.push(t.value) : B.splice(B.indexOf(t.value), 1), o("update:modelValue", B);
     }
     function m(h) {
       const { checked: B } = h.target;
-      p.value ? D(B) : S(B);
+      p.value ? k(B) : g(B);
     }
-    return G(c, g), G(u, g), oe(g), (h, B) => (d(), y("div", X({
+    return G(c, S), G(u, S), oe(S), (h, B) => (d(), y("div", X({
       class: "bs-boolean",
       "data-component": "bs-checkbox",
       "data-disabled": e.disabled,
@@ -5397,8 +5398,8 @@ const vr = {
       if (Ke.indexOf(r) === Ke.length - 1 && c.active && s.key === "Tab") {
         const p = e.querySelectorAll(c.selector);
         if (p.length > 0) {
-          const v = p[0], g = p[p.length - 1];
-          document.activeElement === v && s.shiftKey ? t(s, g, c) : document.activeElement === g && !s.shiftKey ? o(s, v, c) : e.contains(document.activeElement) || i(s, v);
+          const v = p[0], S = p[p.length - 1];
+          document.activeElement === v && s.shiftKey ? t(s, S, c) : document.activeElement === S && !s.shiftKey ? o(s, v, c) : e.contains(document.activeElement) || i(s, v);
         }
       }
     }
@@ -5509,18 +5510,18 @@ const $r = ["id"], Ir = ["id", "data-size", "data-place-self", "role", "aria-lab
       `#${t.teleportTargetId}`,
       "#bs-toast-teleport-target",
       "script"
-    ].join(",")})`, g = C(), S = C(""), D = f(() => a.openIds.value.includes(t.id)), m = f(() => t.anchor || a.anchorsByPopId.value[t.id]), h = f(() => m.value === "viewport"), B = f(() => {
+    ].join(",")})`, S = C(), g = C(""), k = f(() => a.openIds.value.includes(t.id)), m = f(() => t.anchor || a.anchorsByPopId.value[t.id]), h = f(() => m.value === "viewport"), B = f(() => {
       if (i["aria-label"]) return;
       const $ = i["aria-labelledby"];
-      return $ || (g.value ? g.value : h.value ? a.anchorsByPopId.value[t.id] : m.value);
+      return $ || (S.value ? S.value : h.value ? a.anchorsByPopId.value[t.id] : m.value);
     }), I = f(() => {
       const $ = h.value ? "center" : "top";
       return t.place || $;
     }), N = f(() => {
       const $ = t.transitionDuration.toString();
       return $.startsWith("var(--") || $.startsWith("calc(") || $.endsWith("ms") ? $ : $.startsWith("--") ? `var(${$})` : `${$}ms`;
-    }), k = f(() => ({
-      active: t.trapFocus && D.value,
+    }), D = f(() => ({
+      active: t.trapFocus && k.value,
       preventFirstShiftTab: t.preventFirstShiftTab,
       preventLastTab: t.preventLastTab,
       selectorPrefix: t.selectorPrefix
@@ -5528,8 +5529,8 @@ const $r = ["id"], Ir = ["id", "data-size", "data-place-self", "role", "aria-lab
       var $;
       return (($ = a.popIdsByTrigger.value.popHover) == null ? void 0 : $.includes(t.id)) || t.type === "tooltip";
     }), T = f(() => h.value ? null : u.value), x = f(() => h.value ? null : c.value);
-    G(D, () => {
-      ge(), D.value ? Z() : ae();
+    G(k, () => {
+      ge(), k.value ? Z() : ae();
     }), G(m, ge), G(a.lastCancelledId, ($) => t.id === $ && he("cancel")), G(a.lastConfirmedId, ($) => t.id === $ && he("confirm")), G(() => t.preventAutoClose, R, { immediate: !0 }), G(() => t.preventClose, we, { immediate: !0 }), G(() => t.preventCloseEsc, De, { immediate: !0 }), G(() => t.preventCloseOutside, Te, { immediate: !0 }), G(() => t.id, ($, Y) => {
       te(Y), K($), R(), we(), De(), Te();
     }), yr({
@@ -5556,13 +5557,13 @@ const $r = ["id"], Ir = ["id", "data-size", "data-place-self", "role", "aria-lab
       a.unregister($);
     }
     function re($) {
-      g.value = $;
+      S.value = $;
     }
     function he($) {
       o($, { id: t.id });
     }
     function ge() {
-      if (!D.value || h.value || !m.value) {
+      if (!k.value || h.value || !m.value) {
         u.value = null, be();
         return;
       }
@@ -5574,7 +5575,7 @@ const $r = ["id"], Ir = ["id", "data-size", "data-place-self", "role", "aria-lab
       }
     }
     function be() {
-      S.value = t.size === "anchor" && u.value ? `--bs-popover-width: ${u.value.offsetWidth}px` : "";
+      g.value = t.size === "anchor" && u.value ? `--bs-popover-width: ${u.value.offsetWidth}px` : "";
     }
     function we() {
       t.preventClose ? (a.removeEsc(t.id), a.removeOutsideClick(t.id)) : (a.addEsc(t.id), a.addOutsideClick(t.id));
@@ -5633,14 +5634,14 @@ const $r = ["id"], Ir = ["id", "data-size", "data-place-self", "role", "aria-lab
         onAfterLeave: Y[3] || (Y[3] = (V) => o("after-close", { id: $.id }))
       }, {
         default: j(() => [
-          $.persist || D.value ? me((d(), y("div", {
+          $.persist || k.value ? me((d(), y("div", {
             key: 0,
             id: `${$.id}-wrap`,
             class: "bs-popover-wrap"
           }, [
             $.backdrop ? (d(), A(Al, {
               key: 0,
-              active: D.value,
+              active: k.value,
               "inert-selector": v
             }, null, 8, ["active"])) : P("", !0),
             me((d(), y("div", X({ id: $.id }, $.$attrs, {
@@ -5648,7 +5649,7 @@ const $r = ["id"], Ir = ["id", "data-size", "data-place-self", "role", "aria-lab
               class: "bs-popover",
               "data-size": $.size,
               "data-place-self": h.value ? I.value : void 0,
-              style: [!h.value && b(W), S.value],
+              style: [!h.value && b(W), g.value],
               role: $.role,
               "aria-labelledby": B.value,
               "aria-modal": $.backdrop || void 0,
@@ -5662,10 +5663,10 @@ const $r = ["id"], Ir = ["id", "data-size", "data-place-self", "role", "aria-lab
                 "pop-cancel": "self"
               })) : P("", !0)
             ], 16, Ir)), [
-              [b(vr), k.value]
+              [b(vr), D.value]
             ])
           ], 8, $r)), [
-            [Ce, $.persist ? D.value : !0]
+            [Ce, $.persist ? k.value : !0]
           ]) : P("", !0)
         ]),
         _: 3
@@ -5733,26 +5734,26 @@ const Or = ["data-hide-input"], Pr = {
   emits: ["update:modelValue"],
   setup(e) {
     const n = e, t = Me(e, "modelValue"), o = ce(nn, null), i = Cr(), { filtered: a, remaining: l } = Oe(["class", "style"]), s = C(!1), r = C(!1), c = f(() => t.value.length >= n.minChars), u = f(() => c.value ? t.value : ""), p = f(() => {
-      const k = n.debounce;
-      return [!0, "true"].includes(k) ? 300 : [void 0, null, !1, "false"].includes(k) ? 0 : k;
+      const D = n.debounce;
+      return [!0, "true"].includes(D) ? 300 : [void 0, null, !1, "false"].includes(D) ? 0 : D;
     }), v = f(() => {
-      const k = n.filterExternal ? D : N;
-      return pt(k, p.value);
-    }), g = f(() => {
-      if (c.value) return "";
-      const k = n.minChars - t.value.length;
-      return `Please enter ${k} more character${k === 1 ? "" : "s"}.`;
+      const D = n.filterExternal ? k : N;
+      return pt(D, p.value);
     }), S = f(() => {
-      if (g.value) return g.value;
+      if (c.value) return "";
+      const D = n.minChars - t.value.length;
+      return `Please enter ${D} more character${D === 1 ? "" : "s"}.`;
+    }), g = f(() => {
+      if (S.value) return S.value;
       if (r.value || i.isPendingRequest.value) return "Searching...";
-      const k = Object.values(o.optionsById.value);
-      return !r.value && u.value.length && !k.length || !n.filterExternal && u.value.length && !k.some((w) => w.isVisible.value) ? "No results found." : "";
+      const D = Object.values(o.optionsById.value);
+      return !r.value && u.value.length && !D.length || !n.filterExternal && u.value.length && !D.some((w) => w.isVisible.value) ? "No results found." : "";
     });
-    G(t, (k, w) => {
-      !k && !w || (r.value = p.value > 0, t.value && c.value ? v.value() : v.value.trigger());
+    G(t, (D, w) => {
+      !D && !w || (r.value = p.value > 0, t.value && c.value ? v.value() : v.value.trigger());
     }, { immediate: !0 }), oe(() => {
-      var k;
-      if (n.preventReset && ((k = o.filter.value.query) != null && k.value)) {
+      var D;
+      if (n.preventReset && ((D = o.filter.value.query) != null && D.value)) {
         t.value = o.filter.value.query.value;
         return;
       }
@@ -5760,10 +5761,10 @@ const Or = ["data-hide-input"], Pr = {
     }), Ie(() => {
       o.unregisterFilter();
     });
-    function D(k = u.value) {
+    function k(D = u.value) {
       if (i.abortPreviousRequest(), n.onQuery) {
         const w = { abortSignal: i.getSignal() };
-        i.trackRequest(() => n.onQuery(k, w));
+        i.trackRequest(() => n.onQuery(D, w));
       }
       r.value = !1;
     }
@@ -5774,25 +5775,25 @@ const Or = ["data-hide-input"], Pr = {
       m();
     }
     function B() {
-      v.value.clear(), n.preventReset || (t.value = ""), D("");
+      v.value.clear(), n.preventReset || (t.value = ""), k("");
     }
     function I() {
       t.value = "", m();
     }
     function N() {
-      const k = n.filterKey, w = {
+      const D = n.filterKey, w = {
         undefined: (W) => W.templateRef.value.innerText,
         string: (W) => W.props.value[n.filterKey],
         function: (W) => n.filterKey(W.props.value)
-      }, T = Object.values(o.optionsById.value), x = w[typeof k];
+      }, T = Object.values(o.optionsById.value), x = w[typeof D];
       T.forEach((W) => {
         W.isVisible.value = c.value ? x(W).toLowerCase().includes(t.value.toLowerCase()) : !0;
-      }), D();
+      }), k();
     }
-    return (k, w) => (d(), y("div", X({ class: "bs-dropdown-filter" }, b(a), {
-      "data-hide-input": k.hideInput || void 0
+    return (D, w) => (d(), y("div", X({ class: "bs-dropdown-filter" }, b(a), {
+      "data-hide-input": D.hideInput || void 0
     }), [
-      k.hideInput ? P("", !0) : (d(), y("div", Pr, [
+      D.hideInput ? P("", !0) : (d(), y("div", Pr, [
         q(b(Do), {
           class: "bs-dropdown-filter-icon",
           "aria-hidden": "true"
@@ -5804,7 +5805,7 @@ const Or = ["data-hide-input"], Pr = {
           "onUpdate:modelValue": w[0] || (w[0] = (T) => t.value = T),
           modelModifiers: { trim: !0 }
         }, b(l), {
-          placeholder: k.placeholder,
+          placeholder: D.placeholder,
           onBlur: w[1] || (w[1] = (T) => s.value = !1)
         }), null, 16, ["modelValue", "placeholder"]), [
           [b(ki), s.value]
@@ -5819,7 +5820,7 @@ const Or = ["data-hide-input"], Pr = {
           q(b(xe), { size: "sm" })
         ])) : P("", !0)
       ])),
-      S.value ? (d(), y("p", Ar, M(S.value), 1)) : P("", !0)
+      g.value ? (d(), y("p", Ar, M(g.value), 1)) : P("", !0)
     ], 16, Or));
   }
 });
@@ -5831,13 +5832,13 @@ function Lr(e, n, t, o) {
     const m = Object.values(n.value), h = [], B = [];
     let I;
     for (let N = 0; N < m.length; N++) {
-      const k = m[N];
-      k.isVisible.value && !k.props.disabled && (k.groupId !== I && (h.push(...B), B.length = 0, I = k.groupId), k.isSelectedToTop.value ? h.push(k.templateRef.value) : B.push(k.templateRef.value));
+      const D = m[N];
+      D.isVisible.value && !D.props.disabled && (D.groupId !== I && (h.push(...B), B.length = 0, I = D.groupId), D.isSelectedToTop.value ? h.push(D.templateRef.value) : B.push(D.templateRef.value));
     }
     return h.push(...B), h;
   }), s = f(() => i.value !== -1 ? l.value[i.value].getAttribute("id") : null);
   Ie(() => {
-    S();
+    g();
   });
   function r(m = -1) {
     if (i.value === -1) {
@@ -5852,8 +5853,8 @@ function Lr(e, n, t, o) {
       root: t.value,
       rootMargin: "0px 0px 0px 0px"
     }, B = new IntersectionObserver((N) => {
-      const k = N.reduce((w, T) => T.isIntersecting ? w + 1 : w, 0);
-      m(k - 1), B.disconnect();
+      const D = N.reduce((w, T) => T.isIntersecting ? w + 1 : w, 0);
+      m(D - 1), B.disconnect();
     }, h);
     t.value.querySelectorAll('.bs-option[data-visible="true"]').forEach((N) => B.observe(N));
   }
@@ -5911,24 +5912,24 @@ function Lr(e, n, t, o) {
         l.value[I].textContent.trim().toLowerCase().startsWith(a.keysTyped) && (i.value = I, t.value.focus(), m.preventDefault(), B = !0), I++;
     }
   }
-  function g() {
+  function S() {
     var m;
     document.addEventListener("keydown", u), document.addEventListener("keydown", v), (m = t.value) == null || m.addEventListener("keydown", p);
   }
-  function S() {
+  function g() {
     var m;
     document.removeEventListener("keydown", u), document.removeEventListener("keydown", v), (m = t.value) == null || m.removeEventListener("keydown", p);
   }
-  function D() {
+  function k() {
     i.value = -1;
   }
   return {
     activeOptionId: s,
     filteredOptions: l,
-    addTraverseListListener: g,
+    addTraverseListListener: S,
     initActiveIndex: r,
-    removeTraverseListListener: S,
-    resetActiveIndex: D
+    removeTraverseListListener: g,
+    resetActiveIndex: k
   };
 }
 const zr = { class: "bs-dropdown-mobile-header" }, xr = {
@@ -5963,15 +5964,15 @@ const zr = { class: "bs-dropdown-mobile-header" }, xr = {
     }), ot("(max-width: 1165px)", (z) => {
       u.value = z.matches;
     });
-    const s = ut({}), r = ut({}), c = C(!1), u = C(!1), p = f(() => n.persist ? "afterClose" : "close"), v = f(() => n.filter || n.filterKey || n.filterExternal), g = f(() => {
+    const s = ut({}), r = ut({}), c = C(!1), u = C(!1), p = f(() => n.persist ? "afterClose" : "close"), v = f(() => n.filter || n.filterKey || n.filterExternal), S = f(() => {
       if (B.value.length > 0 && l.isOpen(n.id))
         return 0;
-    }), S = f(() => n.mobileSheet === "tablet" && u.value || n.mobileSheet === "mobile" && c.value), D = f(() => S.value ? "viewport" : n.anchor), m = f(() => S.value ? "bottom" : n.place), {
+    }), g = f(() => n.mobileSheet === "tablet" && u.value || n.mobileSheet === "mobile" && c.value), k = f(() => g.value ? "viewport" : n.anchor), m = f(() => g.value ? "bottom" : n.place), {
       activeOptionId: h,
       filteredOptions: B,
       addTraverseListListener: I,
       initActiveIndex: N,
-      removeTraverseListListener: k,
+      removeTraverseListListener: D,
       resetActiveIndex: w
     } = Lr(n, s, a, v);
     Be(nn, {
@@ -6015,7 +6016,7 @@ const zr = { class: "bs-dropdown-mobile-header" }, xr = {
     }
     function re() {
       var z, U;
-      (U = (z = r.value).onDropdownClose) == null || U.call(z), k(), w();
+      (U = (z = r.value).onDropdownClose) == null || U.call(z), D(), w();
     }
     function he() {
       l.close(n.id);
@@ -6051,13 +6052,13 @@ const zr = { class: "bs-dropdown-mobile-header" }, xr = {
     return (z, U) => (d(), A(Ct, X({
       id: z.id,
       class: "bs-dropdown",
-      anchor: D.value,
-      backdrop: S.value,
+      anchor: k.value,
+      backdrop: g.value,
       "data-component": "bs-dropdown",
       "data-mobile-sheet": z.mobileSheet ? z.mobileSheet : void 0,
       persist: z.persist,
       place: m.value,
-      "prevent-close-x": !S.value,
+      "prevent-close-x": !g.value,
       "prevent-first-shift-tab": "",
       "prevent-last-tab": "",
       "trap-focus": "",
@@ -6099,7 +6100,7 @@ const zr = { class: "bs-dropdown-mobile-header" }, xr = {
           "aria-live": "polite",
           "aria-multiselectable": z.multiple || void 0,
           role: z.role,
-          tabindex: g.value,
+          tabindex: S.value,
           onFocus: U[1] || (U[1] = ($) => b(N)(0)),
           onBlur: U[2] || (U[2] = ($) => b(w)()),
           onMousedown: U[3] || (U[3] = Se(() => {
@@ -6493,42 +6494,42 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
     });
     const { breakoutStub: p, breakoutMounted: v } = Ur(t.breakout, t.containerId);
     Be("dropdownEnter", l), Be("dropdownAfterEnter", s), Be("dropdownShown", f(() => t.shown));
-    const g = (k, w) => {
-      a.value.style.setProperty(k, w);
+    const S = (D, w) => {
+      a.value.style.setProperty(D, w);
     };
-    function S() {
-      const k = c.value.getBoundingClientRect(), w = r.value.getBoundingClientRect(), T = a.value.getBoundingClientRect();
-      D(k, w), m(k, w, T);
+    function g() {
+      const D = c.value.getBoundingClientRect(), w = r.value.getBoundingClientRect(), T = a.value.getBoundingClientRect();
+      k(D, w), m(D, w, T);
     }
-    function D(k, w) {
+    function k(D, w) {
       if (t.position === "top") {
-        const T = k.bottom - w.bottom;
-        g("--dropdown-wscreen-top", "auto"), g("--dropdown-wscreen-bottom", `${T + w.height + 8}px`);
+        const T = D.bottom - w.bottom;
+        S("--dropdown-wscreen-top", "auto"), S("--dropdown-wscreen-bottom", `${T + w.height + 8}px`);
       } else {
-        const T = w.top - k.top;
-        g("--dropdown-wscreen-top", `${T + w.height + 8}px`), g("--dropdown-wscreen-bottom", "auto");
+        const T = w.top - D.top;
+        S("--dropdown-wscreen-top", `${T + w.height + 8}px`), S("--dropdown-wscreen-bottom", "auto");
       }
     }
-    function m(k, w, T) {
-      const x = w.left - k.left;
+    function m(D, w, T) {
+      const x = w.left - D.left;
       if (t.position === "center") {
         const W = (w.width - T.width) / 2;
-        g("--dropdown-wscreen-left", `${x + W}px`), g("--dropdown-wscreen-right", "auto");
+        S("--dropdown-wscreen-left", `${x + W}px`), S("--dropdown-wscreen-right", "auto");
       } else if (t.position === "right") {
-        const W = k.right - w.right;
-        g("--dropdown-wscreen-left", "auto"), g("--dropdown-wscreen-right", `${W}px`);
+        const W = D.right - w.right;
+        S("--dropdown-wscreen-left", "auto"), S("--dropdown-wscreen-right", `${W}px`);
       } else
-        g("--dropdown-wscreen-left", `${x}px`), g("--dropdown-wscreen-right", "auto");
+        S("--dropdown-wscreen-left", `${x}px`), S("--dropdown-wscreen-right", "auto");
     }
     function h() {
       if (t.width === "anchor") {
-        const k = r.value.getBoundingClientRect();
-        g("--dropdown-wscreen-width", `${k.width}px`);
+        const D = r.value.getBoundingClientRect();
+        S("--dropdown-wscreen-width", `${D.width}px`);
       } else
-        g("--dropdown-wscreen-width", "");
+        S("--dropdown-wscreen-width", "");
     }
     function B() {
-      l.value = !0, r.value = document.getElementById(t.anchorId), S(), h(), o("enter");
+      l.value = !0, r.value = document.getElementById(t.anchorId), g(), h(), o("enter");
     }
     function I() {
       s.value = !0, o("after-enter");
@@ -6536,7 +6537,7 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
     function N() {
       l.value = !1, s.value = !1, o("after-leave");
     }
-    return (k, w) => (d(), y(_, null, [
+    return (D, w) => (d(), y(_, null, [
       e.useMobileStyle && e.shown ? (d(), y("div", Kr)) : P("", !0),
       q(Hr, {
         ref_key: "dropdownContainerRef",
@@ -6563,7 +6564,7 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
                 "data-width": u.value,
                 "data-shown": e.shown,
                 "data-no-mobile": !e.useMobileStyle
-              }, k.$attrs), [
+              }, D.$attrs), [
                 e.helperText ? (d(), y("header", Xr, [
                   O("div", null, [
                     O("h3", null, M(e.helperText), 1),
@@ -6577,7 +6578,7 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
                     q(b(xe))
                   ])
                 ])) : P("", !0),
-                L(k.$slots, "default")
+                L(D.$slots, "default")
               ], 16, Gr)
             ]),
             _: 3
@@ -6842,20 +6843,20 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
     ee(o, "inputId", void 0, "Set 'id' directly on the component instead.");
     const i = Sn(o, "inputId", "id");
     ee(o, "hideClear", "preventClear");
-    const a = Sn(o, "hideClear", "preventClear"), l = Me(e, "modelValue"), s = $e(), { filtered: r, remaining: c } = Oe(["class", "style"]), u = f(() => i.value || s), p = f(() => `${u.value}-wrap`), v = C(!1), g = f(() => l.value && !o.disabled && !a.value && o.variant !== "filter");
-    function S() {
+    const a = Sn(o, "hideClear", "preventClear"), l = Me(e, "modelValue"), s = $e(), { filtered: r, remaining: c } = Oe(["class", "style"]), u = f(() => i.value || s), p = f(() => `${u.value}-wrap`), v = C(!1), S = f(() => l.value && !o.disabled && !a.value && o.variant !== "filter");
+    function g() {
       l.value = "", v.value = !0, t("clear");
     }
-    return (D, m) => (d(), y("div", X({
+    return (k, m) => (d(), y("div", X({
       class: "bs-input-search",
       "data-component": "bs-input-search",
-      "data-variant": D.variant,
+      "data-variant": k.variant,
       id: p.value
     }, b(r), {
       tabindex: "-1",
       onFocus: m[2] || (m[2] = (h) => v.value = !0)
     }), [
-      D.hideSearchIcon ? P("", !0) : (d(), A(b(Do), {
+      k.hideSearchIcon ? P("", !0) : (d(), A(b(Do), {
         key: 0,
         class: "bs-input-search-icon",
         "aria-hidden": "true"
@@ -6864,9 +6865,9 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
         id: u.value,
         class: "bs-input-search-input",
         "aria-label": "Search",
-        disabled: D.disabled,
-        error: D.error,
-        placeholder: D.placeholder,
+        disabled: k.disabled,
+        error: k.error,
+        placeholder: k.placeholder,
         modelValue: l.value,
         "onUpdate:modelValue": m[0] || (m[0] = (h) => l.value = h)
       }, b(c), {
@@ -6874,12 +6875,12 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
       }), null, 16, ["id", "disabled", "error", "placeholder", "modelValue"]), [
         [b(ki), v.value]
       ]),
-      g.value ? (d(), y("button", {
+      S.value ? (d(), y("button", {
         key: 1,
         class: "bs-input-search-button",
         type: "button",
         "aria-label": "Clear",
-        onClick: Se(S, ["stop"])
+        onClick: Se(g, ["stop"])
       }, [
         q(b(xe), {
           size: "sm",
@@ -6935,7 +6936,7 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
     ee(o, "selectedValue", void 0, "Use 'modelValue' (or 'v-model') instead");
     const i = Sn(o, "selectedValue", "modelValue"), a = t, l = C(null), s = C(null), r = C(-1), c = C(-1), u = C(null), p = C(!1);
     let v = {};
-    const g = ce("dropdownEnter", C(!1)), S = ce("dropdownAfterEnter", C(!1)), D = ce("dropdownShown", C(!1));
+    const S = ce("dropdownEnter", C(!1)), g = ce("dropdownAfterEnter", C(!1)), k = ce("dropdownShown", C(!1));
     Be("optionsId", f(() => o.optionsId)), Be("handleOptionSelect", he), Be("registerOptionById", ({ id: R, val: Z }) => {
       v[R] = Z;
     }), ld(l, N, { childList: !0 }), Xe([" ", "Enter", "NumpadEnter"], ge, l), Xe(["ArrowDown", "ArrowUp", "Home", "End"], be);
@@ -6944,31 +6945,31 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
       lastTyped: 0
     };
     Xe(B, (R) => De(R, I)), oe(() => {
-      N(), K(D.value);
+      N(), K(k.value);
     }), Ie(() => {
       v = null;
     }), G(
-      [g, () => {
+      [S, () => {
         var R;
         return (R = u.value) == null ? void 0 : R.length;
       }],
       ([R, Z]) => {
         R && Z > 0 && (p.value = l.value.scrollHeight > l.value.clientHeight);
       }
-    ), G(S, (R) => {
-      R && (k(), w());
-    }), G(D, (R) => K(R));
+    ), G(g, (R) => {
+      R && (D(), w());
+    }), G(k, (R) => K(R));
     function N() {
       u.value = Array.from(
         l.value.querySelectorAll('[data-component="bs-dropdown-option"]')
       );
     }
-    function k() {
+    function D() {
       l.value.getBoundingClientRect().bottom > window.innerHeight && l.value.scrollIntoView({ block: "nearest" });
     }
     function w() {
       var R;
-      r.value > -1 && (k(), (R = u.value[r.value]) == null || R.scrollIntoView({ block: "nearest" }));
+      r.value > -1 && (D(), (R = u.value[r.value]) == null || R.scrollIntoView({ block: "nearest" }));
     }
     function T() {
       var R, Z;
@@ -7007,7 +7008,7 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
       he(u.value[r.value]), R.preventDefault();
     }
     function be(R) {
-      if (D.value)
+      if (k.value)
         switch (R.key) {
           case "ArrowDown":
             we("down"), R.preventDefault();
@@ -7042,7 +7043,7 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
       Te(Z);
     }
     function De(R, Z) {
-      if (!D.value) return;
+      if (!k.value) return;
       Z.keys = R.timeStamp - Z.lastTyped > 500 ? R.key : Z.keys + R.key, Z.lastTyped = R.timeStamp;
       const ae = u.value.findIndex((z) => z.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(Z.keys));
       ae > -1 && Te(ae, !1);
@@ -7067,7 +7068,7 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
       "data-overflow": p.value,
       id: e.optionsId,
       role: "listbox",
-      tabindex: b(D) ? 0 : void 0,
+      tabindex: b(k) ? 0 : void 0,
       onBlur: x,
       onFocus: W,
       onKeydown: [
@@ -7137,10 +7138,10 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
     let c = !1;
     const u = Kn(t);
     G(() => t.options, () => {
-      g(t.selectedOptions);
+      S(t.selectedOptions);
     }), G(
       () => t.selectedOptions,
-      g,
+      S,
       { immediate: !0 }
     ), G(() => t.shown, (m) => {
       m && t.focusOnOpen && Ve(p);
@@ -7151,9 +7152,9 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
     function v() {
       i.value && (i.value.refreshOptions(), i.value.setCurrentActive());
     }
-    function g(m = []) {
-      var k;
-      const h = ((k = m[0]) == null ? void 0 : k[t.valueIdKey]) !== void 0;
+    function S(m = []) {
+      var D;
+      const h = ((D = m[0]) == null ? void 0 : D[t.valueIdKey]) !== void 0;
       h && (m = m.map((w) => w[t.valueIdKey]));
       const B = new Set(m), I = [], N = [];
       u.value.forEach((w) => {
@@ -7165,15 +7166,15 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
         });
       });
     }
-    function S(m = []) {
+    function g(m = []) {
       const h = new Set(m), B = [];
       return u.value.forEach((I) => {
         h.has(I.value) && B.push(I.value);
       }), B;
     }
-    function D(m) {
+    function k(m) {
       let h = [];
-      t.selectedOptions.includes(m) ? (h = t.selectedOptions.filter((B) => B !== m), o("uncheck-option", m)) : (h = S([...t.selectedOptions, m]), o("check-option", m)), c = !0, o("update:selectedOptions", h);
+      t.selectedOptions.includes(m) ? (h = t.selectedOptions.filter((B) => B !== m), o("uncheck-option", m)) : (h = g([...t.selectedOptions, m]), o("check-option", m)), c = !0, o("update:selectedOptions", h);
     }
     return (m, h) => (d(), A(an, {
       ref_key: "optlist",
@@ -7186,7 +7187,7 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
       shown: e.shown,
       onOptionsListShiftTab: h[0] || (h[0] = (B) => o("options-list-shift-tab")),
       onOptionsListTab: h[1] || (h[1] = (B) => o("options-list-tab")),
-      "onUpdate:modelValue": D
+      "onUpdate:modelValue": k
     }, {
       default: j(() => [
         r.value ? (d(), y(_, { key: 0 }, [
@@ -7342,9 +7343,9 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
     let i = null;
     const [a, l] = fe(2), s = C(!1), r = C(""), c = f(() => t.selectedOptions.length), u = f(
       () => t.multiselect ? Ii : an
-    ), p = f(() => t.optionsId || l.value), v = f(() => t.toggleId || a.value), g = Kn(t), S = f(() => r.value ? g.value.filter(
+    ), p = f(() => t.optionsId || l.value), v = f(() => t.toggleId || a.value), S = Kn(t), g = f(() => r.value ? S.value.filter(
       (K) => K.label.toLowerCase().startsWith(r.value.toLowerCase())
-    ) : g.value), D = f(() => t.filter ? S.value : g.value), m = () => i || (i = document.getElementById(v.value));
+    ) : S.value), k = f(() => t.filter ? g.value : S.value), m = () => i || (i = document.getElementById(v.value));
     function h() {
       const K = document.activeElement;
       return !K || K.tagName === "BODY" || K.id === p.value;
@@ -7359,7 +7360,7 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
     function N() {
       s.value = !0;
     }
-    function k(K) {
+    function D(K) {
       const te = t.selectedOptions.filter((re) => re !== K);
       o("update:selectedOptions", te), o("uncheck-option", K);
     }
@@ -7433,7 +7434,7 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
             class: Pe({ "filterable-options": e.filter }),
             label: e.dropdownLabel,
             "model-value": e.selectedOption,
-            options: e.multiselect ? D.value : void 0,
+            options: e.multiselect ? k.value : void 0,
             "options-id": p.value,
             "selected-options": e.selectedOptions,
             shown: e.open,
@@ -7442,13 +7443,13 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
             onClose: te[1] || (te[1] = (re) => e.multiselect ? void 0 : I()),
             onOptionsListShiftTab: te[2] || (te[2] = (re) => K.$emit("options-list-shift-tab")),
             onOptionsListTab: te[3] || (te[3] = (re) => K.$emit("options-list-tab")),
-            onUncheckOption: k,
+            onUncheckOption: D,
             "onUpdate:modelValue": T
           }, {
             default: j(() => [
               e.multiselect ? P("", !0) : (d(), A(Ut, {
                 key: 0,
-                options: D.value,
+                options: k.value,
                 "value-id-key": e.valueIdKey
               }, null, 8, ["options", "value-id-key"]))
             ]),
@@ -7543,13 +7544,13 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
     function v() {
       return p || (p = c.value.$el.querySelector("input")), p;
     }
-    function g(N) {
+    function S(N) {
       o("combobox:change", N.target.value), o("update:modelValue", N.target.value);
     }
-    function S() {
+    function g() {
       v().focus(), o("combobox:change", ""), o("update:modelValue", "");
     }
-    function D(N) {
+    function k(N) {
       o("combobox:input", N.target.value), t.updateOnInput && o("update:modelValue", N.target.value);
     }
     function m() {
@@ -7564,7 +7565,7 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
     function I() {
       r.value ? r.value = !1 : s.value = !0;
     }
-    return (N, k) => (d(), A(Ci, {
+    return (N, D) => (d(), A(Ci, {
       "anchor-id": b(a),
       disabled: e.disabled,
       "dropdown-position": e.dropdownPosition,
@@ -7580,8 +7581,8 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
       "use-mobile-style": e.useMobileStyle,
       "value-id-key": e.valueIdKey,
       onClose: m,
-      onOptionsListTab: k[2] || (k[2] = (w) => s.value = !1),
-      "onUpdate:selectedOption": k[3] || (k[3] = (w) => N.$emit("update:modelValue", w))
+      onOptionsListTab: D[2] || (D[2] = (w) => s.value = !1),
+      "onUpdate:selectedOption": D[3] || (D[3] = (w) => N.$emit("update:modelValue", w))
     }, {
       toggle: j(() => [
         q(Nr, X({
@@ -7597,14 +7598,14 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
           "options-id": b(l),
           placeholder: e.placeholder,
           required: e.required,
-          onChange: g,
-          onClear: S,
-          onInput: D,
+          onChange: S,
+          onClear: g,
+          onInput: k,
           onInputFocus: I,
           onInputMousedown: h,
           onInputMouseup: B,
-          onInputShiftTab: k[0] || (k[0] = (w) => s.value = !1),
-          onToggled: k[1] || (k[1] = (w) => s.value = !s.value)
+          onInputShiftTab: D[0] || (D[0] = (w) => s.value = !1),
+          onToggled: D[1] || (D[1] = (w) => s.value = !s.value)
         }, N.$attrs), null, 16, ["id", "container-id", "disabled", "error", "hint-id", "model-value", "open", "options-id", "placeholder", "required"])
       ]),
       _: 1
@@ -8168,8 +8169,8 @@ const Rr = ["aria-controls", "aria-expanded", "data-open", "data-size", "disable
     });
     function s(p) {
       if (p.key === "Tab") {
-        const v = i.value.querySelectorAll(l.value), g = v[0], S = v[v.length - 1];
-        document.activeElement === g && p.shiftKey ? r(p, S) : document.activeElement === S && !p.shiftKey ? c(p, g) : i.value.contains(document.activeElement) || u(p, g);
+        const v = i.value.querySelectorAll(l.value), S = v[0], g = v[v.length - 1];
+        document.activeElement === S && p.shiftKey ? r(p, g) : document.activeElement === g && !p.shiftKey ? c(p, S) : i.value.contains(document.activeElement) || u(p, S);
       }
     }
     function r(p, v) {
@@ -8379,15 +8380,15 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
     }), G(p, (B, I) => {
       B !== I && (v.value = !1, m());
     });
-    function g(B) {
+    function S(B) {
       i.value[B] = !i.value[B], Object.keys(i.value).forEach((I) => {
         I !== B && (i.value[I] = !0);
       });
     }
-    function S() {
+    function g() {
       return v.value ? "Close Menu" : "Open Menu";
     }
-    function D(B) {
+    function k(B) {
       return B.navItems.some((I) => s(I));
     }
     function m() {
@@ -8396,7 +8397,7 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
       });
     }
     function h(B, I) {
-      B.ctrlKey || B.metaKey || g(I.id), o("nav-link-clicked", { ev: B, payload: I });
+      B.ctrlKey || B.metaKey || S(I.id), o("nav-link-clicked", { ev: B, payload: I });
     }
     return (B, I) => {
       const N = wo("router-link");
@@ -8412,8 +8413,8 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
           class: "bs-horizontal-nav-mobile-toggle",
           "aria-expanded": B.mobileOpen,
           "aria-controls": `horizontal-nav-mobile-${b(u)}`,
-          title: S(),
-          onClick: I[0] || (I[0] = (k) => v.value = !v.value)
+          title: g(),
+          onClick: I[0] || (I[0] = (D) => v.value = !v.value)
         }, [
           O("div", xd, [
             typeof B.titleIcon == "string" ? (d(), A(b(ze), {
@@ -8435,29 +8436,29 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
               id: `horizontal-nav-mobile-${b(u)}`
             }, [
               O("ul", null, [
-                (d(!0), y(_, null, ue(b(c), (k) => {
+                (d(!0), y(_, null, ue(b(c), (D) => {
                   var w;
                   return d(), y(_, {
-                    key: k.id
+                    key: D.id
                   }, [
-                    ((w = k.navItems) == null ? void 0 : w.length) > 0 ? (d(), y("li", {
+                    ((w = D.navItems) == null ? void 0 : w.length) > 0 ? (d(), y("li", {
                       key: 0,
-                      "data-expanded": b(r)(k)
+                      "data-expanded": b(r)(D)
                     }, [
                       O("button", {
                         type: "button",
                         class: "bs-horizontal-nav-mobile-nested-toggle",
-                        "aria-expanded": b(r)(k),
-                        "aria-controls": `${k.id}-nested-menu`,
-                        "data-active": D(k),
-                        title: b(a)(k),
-                        onClick: (T) => g(k.id)
+                        "aria-expanded": b(r)(D),
+                        "aria-controls": `${D.id}-nested-menu`,
+                        "data-active": k(D),
+                        title: b(a)(D),
+                        onClick: (T) => S(D.id)
                       }, [
-                        O("span", null, M(k.text), 1),
+                        O("span", null, M(D.text), 1),
                         q(b(Ge), { class: "bs-horizontal-nav-mobile-nested-toggle-caret" })
                       ], 8, Vd),
                       O("ul", qd, [
-                        (d(!0), y(_, null, ue(k.navItems, (T) => (d(), y("li", null, [
+                        (d(!0), y(_, null, ue(D.navItems, (T) => (d(), y("li", null, [
                           q(rt, {
                             item: T,
                             router: B.router,
@@ -8472,12 +8473,12 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
                       ])
                     ], 8, jd)) : (d(), y("li", Fd, [
                       q(rt, {
-                        item: k,
+                        item: D,
                         router: B.router,
-                        onNavLinkClicked: (T) => o("nav-link-clicked", { ev: T, payload: k })
+                        onNavLinkClicked: (T) => o("nav-link-clicked", { ev: T, payload: D })
                       }, {
                         default: j(() => [
-                          Q(M(k.text), 1)
+                          Q(M(D.text), 1)
                         ]),
                         _: 2
                       }, 1032, ["item", "router", "onNavLinkClicked"])
@@ -8513,7 +8514,7 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
                 "aria-current": b(s)({ to: B.titleUrl }) || void 0,
                 to: B.titleUrl,
                 "data-active": b(s)({ to: B.titleUrl }),
-                onClick: I[1] || (I[1] = (k) => o("nav-link-clicked", { ev: k, payload: { resource: { url: B.titleUrl }, text: B.title } }))
+                onClick: I[1] || (I[1] = (D) => o("nav-link-clicked", { ev: D, payload: { resource: { url: B.titleUrl }, text: B.title } }))
               }, {
                 default: j(() => [
                   O("span", null, M(B.title), 1)
@@ -8521,39 +8522,39 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
                 _: 1
               }, 8, ["aria-current", "to", "data-active"])) : (d(), y("span", Hd, M(B.title), 1))
             ])) : P("", !0),
-            (d(!0), y(_, null, ue(b(c), (k, w) => {
+            (d(!0), y(_, null, ue(b(c), (D, w) => {
               var T;
               return d(), y(_, {
-                key: k.id
+                key: D.id
               }, [
-                ((T = k.navItems) == null ? void 0 : T.length) > 0 ? (d(), y("li", Ud, [
+                ((T = D.navItems) == null ? void 0 : T.length) > 0 ? (d(), y("li", Ud, [
                   O("button", {
-                    id: `${k.id}-toggle`,
+                    id: `${D.id}-toggle`,
                     type: "button",
                     class: "bs-horizontal-nav-nested-toggle",
-                    "aria-expanded": b(r)(k),
-                    "aria-controls": `${k.id}-nested-section`,
-                    "data-active": D(k),
-                    "data-expanded": b(r)(k),
-                    title: b(a)(k),
-                    onClick: (x) => g(k.id)
+                    "aria-expanded": b(r)(D),
+                    "aria-controls": `${D.id}-nested-section`,
+                    "data-active": k(D),
+                    "data-expanded": b(r)(D),
+                    title: b(a)(D),
+                    onClick: (x) => S(D.id)
                   }, [
-                    O("span", null, M(k.text), 1),
+                    O("span", null, M(D.text), 1),
                     q(b(Ge), { class: "bs-horizontal-nav-nested-toggle-caret" })
                   ], 8, Kd),
                   q(on, {
-                    id: `${k.id}-nested-section`,
+                    id: `${D.id}-nested-section`,
                     class: "bs-horizontal-nav-nested-menu",
-                    "anchor-id": `${k.id}-toggle`,
+                    "anchor-id": `${D.id}-toggle`,
                     position: "right",
-                    shown: b(r)(k),
+                    shown: b(r)(D),
                     "use-mobile-style": !1,
                     width: "content",
-                    onClose: (x) => b(i)[k.id] = !0
+                    onClose: (x) => b(i)[D.id] = !0
                   }, {
                     default: j(() => [
                       O("ul", null, [
-                        (d(!0), y(_, null, ue(k.navItems, (x) => (d(), y("li", {
+                        (d(!0), y(_, null, ue(D.navItems, (x) => (d(), y("li", {
                           key: x.id
                         }, [
                           q(rt, {
@@ -8573,12 +8574,12 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
                   }, 1032, ["id", "anchor-id", "shown", "onClose"])
                 ])) : (d(), y("li", Gd, [
                   q(rt, {
-                    item: k,
+                    item: D,
                     router: B.router,
-                    onNavLinkClicked: (x) => o("nav-link-clicked", { ev: x, payload: k })
+                    onNavLinkClicked: (x) => o("nav-link-clicked", { ev: x, payload: D })
                   }, {
                     default: j(() => [
-                      O("span", null, M(k.text), 1)
+                      O("span", null, M(D.text), 1)
                     ]),
                     _: 2
                   }, 1032, ["item", "router", "onNavLinkClicked"])
@@ -8924,15 +8925,15 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
       "Tab"
     ], { filtered: l, remaining: s } = Oe(["class", "style"]), r = C(null), c = C(1), u = C([]), p = C(null), [
       v,
-      g,
       S,
-      D
-    ] = fe(4), m = C(!1), h = C(""), B = C(""), I = C(!1), N = C(!1), k = C(!0);
+      g,
+      k
+    ] = fe(4), m = C(!1), h = C(""), B = C(""), I = C(!1), N = C(!1), D = C(!0);
     n({
       validationErr: I,
       validationErrMsg: B
     });
-    const w = f(() => h.value ? `+${c.value}${h.value}` : ""), T = f(() => `Country code: ${c.value}. Click to change.`), x = f(() => k.value ? o.errorMsg || B.value : ""), W = f(() => o.error || I.value), K = f(() => o.hint || W.value && x.value), te = f(() => k.value && W.value);
+    const w = f(() => h.value ? `+${c.value}${h.value}` : ""), T = f(() => `Country code: ${c.value}. Click to change.`), x = f(() => D.value ? o.errorMsg || B.value : ""), W = f(() => o.error || I.value), K = f(() => o.hint || W.value && x.value), te = f(() => D.value && W.value);
     G(w, (z) => {
       i("update:modelValue", z), ae(z);
     }), G(() => o.modelValue, re), Te(), oe(() => m.value = !0);
@@ -8948,10 +8949,10 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
       c.value = z, N.value = !1, (U = r.value) == null || U.focus(), Z(z);
     }
     function be() {
-      o.deferValidation && (k.value = !0), i("input-blur");
+      o.deferValidation && (D.value = !0), i("input-blur");
     }
     function we(z) {
-      h.value = z.target.value, o.deferValidation && (k.value = !1);
+      h.value = z.target.value, o.deferValidation && (D.value = !1);
     }
     function De(z) {
       var U, J;
@@ -8979,7 +8980,7 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
       "data-component": "bs-input-phone"
     }, b(l)), [
       q(ke, {
-        for: z.$attrs.id || e.inputId || b(D),
+        for: z.$attrs.id || e.inputId || b(k),
         required: e.required,
         disabled: e.disabled,
         class: Pe({ "bs-visually-hidden": e.hideLabel })
@@ -9002,7 +9003,7 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
               id: b(v),
               ref_key: "countryCodesToggle",
               ref: r,
-              "aria-controls": b(g),
+              "aria-controls": b(S),
               "aria-expanded": N.value,
               "aria-haspopup": "listbox",
               "aria-label": T.value,
@@ -9018,9 +9019,9 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
               }))
             ], 8, Jd),
             q(lt, X({
-              id: z.$attrs.id || e.inputId || b(D),
+              id: z.$attrs.id || e.inputId || b(k),
               disabled: e.disabled,
-              "hint-id": b(S),
+              "hint-id": b(g),
               placeholder: e.placeholder,
               value: h.value,
               "data-autowidth": "",
@@ -9038,7 +9039,7 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
         error: W.value,
         "error-msg": x.value,
         hint: e.hint,
-        "hint-id": b(S)
+        "hint-id": b(g)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
         [Ce, K.value]
       ]),
@@ -9048,7 +9049,7 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
           "helper-text": "Country Code",
           label: "Country Code",
           "model-value": c.value,
-          "options-id": b(g),
+          "options-id": b(S),
           preloaded: "",
           shown: N.value,
           width: "content",
@@ -9217,7 +9218,7 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
     }), G(i, () => {
       i.value ? o("open") : o("close");
     });
-    const c = f(() => t.typeaheadId || l.value), u = f(() => t.error && t.errorMsg || t.hint || void 0), p = f(() => `${c.value}-input-container`), v = f(() => `${c.value}-input`), g = f(() => `${c.value}-options`), S = f(() => t.multiselect ? Array.isArray(t.optionsValue) ? t.optionsValue : [t.optionsValue] : t.optionsValue), D = f(() => {
+    const c = f(() => t.typeaheadId || l.value), u = f(() => t.error && t.errorMsg || t.hint || void 0), p = f(() => `${c.value}-input-container`), v = f(() => `${c.value}-input`), S = f(() => `${c.value}-options`), g = f(() => t.multiselect ? Array.isArray(t.optionsValue) ? t.optionsValue : [t.optionsValue] : t.optionsValue), k = f(() => {
       if (i.value) {
         let T = t.options;
         const x = t.inputValue.toLowerCase(), W = t.filterType === "includes" ? "includes" : "startsWith";
@@ -9246,15 +9247,15 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
     }
     function N(T) {
       a.value = !0;
-      const x = D.value.find((W) => W.value === T);
+      const x = k.value.find((W) => W.value === T);
       o("update:inputValue", x.label), o("update:optionsValue", T);
     }
-    function k(T) {
-      const x = [...S.value, T];
+    function D(T) {
+      const x = [...g.value, T];
       o("update:optionsValue", x);
     }
     function w(T) {
-      const x = S.value.filter((W) => W !== T);
+      const x = g.value.filter((W) => W !== T);
       o("update:optionsValue", x);
     }
     return (T, x) => (d(), y(_, null, [
@@ -9276,7 +9277,7 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
         class: "typeahead-search-wrapper"
       }, [
         q(Yn, X({
-          "aria-controls": g.value,
+          "aria-controls": S.value,
           "aria-describedby": u.value ? b(s) : void 0,
           "aria-expanded": i.value,
           "aria-haspopup": "listbox",
@@ -9309,12 +9310,12 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
             key: 0,
             "focus-on-open": !1,
             label: e.label,
-            options: D.value,
-            "options-id": g.value,
-            "selected-options": S.value,
+            options: k.value,
+            "options-id": S.value,
+            "selected-options": g.value,
             shown: i.value,
             "value-id-key": e.valueIdKey,
-            onCheckOption: k,
+            onCheckOption: D,
             onUncheckOption: w
           }, St({ _: 2 }, [
             e.loading ? {
@@ -9335,15 +9336,15 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
           ]), 1032, ["label", "options", "options-id", "selected-options", "shown", "value-id-key"])) : (d(), A(an, {
             key: 1,
             label: e.label,
-            "model-value": S.value,
-            "options-id": g.value,
+            "model-value": g.value,
+            "options-id": S.value,
             shown: i.value,
             "onUpdate:modelValue": N,
             onClose: x[1] || (x[1] = (W) => i.value = !1)
           }, {
             default: j(() => [
               q(Ut, {
-                options: D.value,
+                options: k.value,
                 "value-id-key": e.valueIdKey
               }, St({ _: 2 }, [
                 e.loading ? {
@@ -9499,9 +9500,9 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
     const o = n, i = C(null);
     let a = !1;
     const { transition: l } = _t(t), [s] = fe(), [r] = fe(), c = Dt();
-    Gn([i], () => D("backdrop-clicked-close")), Xe(["Escape"], () => D("escape-pressed-close"));
-    const u = f(() => !!(t.title || c.title)), p = f(() => !!(t.subtitle || c.subtitle)), v = f(() => !!c.progress), g = f(() => !t.fullHeight && u.value), S = f(() => !t.fullHeight && !!c.footer);
-    function D(m, h = !0) {
+    Gn([i], () => k("backdrop-clicked-close")), Xe(["Escape"], () => k("escape-pressed-close"));
+    const u = f(() => !!(t.title || c.title)), p = f(() => !!(t.subtitle || c.subtitle)), v = f(() => !!c.progress), S = f(() => !t.fullHeight && u.value), g = f(() => !t.fullHeight && !!c.footer);
+    function k(m, h = !0) {
       var I;
       const B = h && ((I = i.value) == null ? void 0 : I.querySelector('[data-shown="true"]')) !== null;
       a && !B && (o("close", t.modalId), o(m, t.modalId));
@@ -9542,7 +9543,7 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
           }, m.$attrs), [
             q(Sd, { active: b(l) }, {
               default: j(() => [
-                g.value ? (d(), y("header", fu, [
+                S.value ? (d(), y("header", fu, [
                   O("div", hu, [
                     u.value ? L(m.$slots, "title", { key: 0 }, () => [
                       m.title ? (d(), y("span", {
@@ -9557,7 +9558,7 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
                       "aria-label": "Close Modal",
                       title: "Close Modal",
                       type: "button",
-                      onClick: h[0] || (h[0] = (B) => D("x-clicked-close", !1))
+                      onClick: h[0] || (h[0] = (B) => k("x-clicked-close", !1))
                     }, [
                       q(b(xe))
                     ])) : P("", !0)
@@ -9571,20 +9572,20 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
                     L(m.$slots, "progress")
                   ])) : P("", !0)
                 ])) : P("", !0),
-                m.closeButton && !g.value ? (d(), y("button", {
+                m.closeButton && !S.value ? (d(), y("button", {
                   key: 1,
                   class: "bs-modal-deprecated-close-button",
                   "aria-label": "Close Modal",
                   title: "Close Modal",
                   type: "button",
-                  onClick: h[1] || (h[1] = (B) => D("x-clicked-close", !1))
+                  onClick: h[1] || (h[1] = (B) => k("x-clicked-close", !1))
                 }, [
                   q(b(xe))
                 ])) : P("", !0),
                 O("div", gu, [
                   L(m.$slots, "default")
                 ]),
-                S.value ? (d(), y("footer", wu, [
+                g.value ? (d(), y("footer", wu, [
                   L(m.$slots, "footer")
                 ])) : P("", !0)
               ]),
@@ -9600,70 +9601,70 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
   __name: "BsOption",
   props: Zo,
   setup(e) {
-    const n = e, t = ce(nn, null), o = ce(Ei, null), i = it("option"), a = We(), l = $e(), s = C(!0), r = f(() => n.id || l), c = f(() => t.props.multiple), u = f(() => n.selected || t.isSelected(n.value)), p = f(() => c.value && (t == null ? void 0 : t.wasPreviouslySelected(n.value))), v = f(() => a.role ? a.role : t.props.role === "listbox" ? "option" : "menuitem"), g = f(() => t.activeOptionId.value === r.value);
+    const n = e, t = ce(nn, null), o = ce(Ei, null), i = it("option"), a = We(), l = $e(), s = C(!0), r = f(() => n.id || l), c = f(() => t.props.multiple), u = f(() => n.selected || t.isSelected(n.value)), p = f(() => c.value && (t == null ? void 0 : t.wasPreviouslySelected(n.value))), v = f(() => a.role ? a.role : t.props.role === "listbox" ? "option" : "menuitem"), S = f(() => t.activeOptionId.value === r.value);
     oe(() => {
       t == null || t.registerOption(r.value, { templateRef: i, props: n, isVisible: s, isSelectedToTop: p, groupId: o == null ? void 0 : o.id }), o == null || o.registerOption(r.value);
     }), Ie(() => {
       t == null || t.unregisterOption(r.value), o == null || o.unregisterOption(r.value);
-    }), G(g, (D) => {
-      D && Ve(() => {
+    }), G(S, (k) => {
+      k && Ve(() => {
         var m, h;
         return (h = (m = i.value) == null ? void 0 : m.scrollIntoView) == null ? void 0 : h.call(m, { block: "start", behavior: "smooth" });
       });
     });
-    function S(D) {
-      n.disabled || (t.setModel(n.value), n.onClick && n.onClick(D));
+    function g(k) {
+      n.disabled || (t.setModel(n.value), n.onClick && n.onClick(k));
     }
-    return (D, m) => me((d(), y("div", {
+    return (k, m) => me((d(), y("div", {
       ref: "option",
       id: r.value,
       class: "bs-option",
-      "aria-disabled": D.disabled || void 0,
+      "aria-disabled": k.disabled || void 0,
       "aria-selected": c.value ? u.value : u.value || void 0,
       "data-selected-to-top": p.value,
-      "data-active": g.value || void 0,
+      "data-active": S.value || void 0,
       "data-component": "bs-option",
-      "data-negative": D.negative || void 0,
+      "data-negative": k.negative || void 0,
       "data-visible": s.value || void 0,
       "data-multiple": c.value || void 0,
       role: v.value,
-      onClick: Se(S, ["stop"])
+      onClick: Se(g, ["stop"])
     }, [
       c.value ? (d(), y(_, { key: 0 }, [
         O("span", {
           class: "bs-checkbox",
           "aria-hidden": "true",
-          "data-disabled": D.disabled || void 0,
+          "data-disabled": k.disabled || void 0,
           "data-checked": u.value
         }, null, 8, Bu),
-        D.gridLayout ? (d(), y("div", {
+        k.gridLayout ? (d(), y("div", {
           key: 0,
           class: "bs-option-grid",
-          "data-icon-col": D.iconColumn || void 0
+          "data-icon-col": k.iconColumn || void 0
         }, [
-          L(D.$slots, "default", { selected: u.value }, () => [
-            Q(M(D.value), 1)
+          L(k.$slots, "default", { selected: u.value }, () => [
+            Q(M(k.value), 1)
           ])
-        ], 8, ku)) : L(D.$slots, "default", {
+        ], 8, ku)) : L(k.$slots, "default", {
           key: 1,
           selected: u.value
         }, () => [
-          Q(M(D.value), 1)
+          Q(M(k.value), 1)
         ])
       ], 64)) : (d(), y(_, { key: 1 }, [
-        D.gridLayout ? (d(), y("div", {
+        k.gridLayout ? (d(), y("div", {
           key: 0,
           class: "bs-option-grid",
-          "data-icon-col": D.iconColumn || void 0
+          "data-icon-col": k.iconColumn || void 0
         }, [
-          L(D.$slots, "default", { selected: u.value }, () => [
-            Q(M(D.value), 1)
+          L(k.$slots, "default", { selected: u.value }, () => [
+            Q(M(k.value), 1)
           ])
-        ], 8, Du)) : L(D.$slots, "default", {
+        ], 8, Du)) : L(k.$slots, "default", {
           key: 1,
           selected: u.value
         }, () => [
-          Q(M(D.value), 1)
+          Q(M(k.value), 1)
         ])
       ], 64))
     ], 8, Su)), [
@@ -9680,7 +9681,7 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
   setup(e) {
     const n = e, t = ce(nn), o = Dt(), i = $e(), a = C([]), l = f(() => n.id || i), s = f(() => n.title || o.title), r = f(() => {
       var v;
-      return (v = t.filter.value.query) != null && v.value ? a.value.some((g) => t.optionsById.value[g].isVisible.value) : !0;
+      return (v = t.filter.value.query) != null && v.value ? a.value.some((S) => t.optionsById.value[S].isVisible.value) : !0;
     });
     Be(Ei, {
       id: l,
@@ -9693,10 +9694,10 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
       a.value = [...a.value, v];
     }
     function u(v) {
-      a.value = a.value.filter((g) => v !== g);
+      a.value = a.value.filter((S) => v !== S);
     }
     const p = f(() => t.showPreviouslySelectedSeparator(l));
-    return (v, g) => s.value ? me((d(), y("div", {
+    return (v, S) => s.value ? me((d(), y("div", {
       key: 0,
       class: "bs-option-group",
       "data-component": "bs-option-group",
@@ -9811,11 +9812,11 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
   setup(e, { emit: n }) {
     const t = e, o = n, i = C(null);
     oe(() => {
-      t.modelValue ? i.value = t.modelValue : t.variant === "results" ? i.value = S.value[0] : i.value = 1;
-    }), G(() => t.modelValue, (D) => {
-      i.value = D;
-    }), G(i, (D, m) => {
-      m !== null && o("update:modelValue", D);
+      t.modelValue ? i.value = t.modelValue : t.variant === "results" ? i.value = g.value[0] : i.value = 1;
+    }), G(() => t.modelValue, (k) => {
+      i.value = k;
+    }), G(i, (k, m) => {
+      m !== null && o("update:modelValue", k);
     });
     const a = f(() => {
       if (t.variant === "group")
@@ -9841,17 +9842,17 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
     const p = f(() => {
       if (t.pageCount <= t.pageRange)
         return [...Array(t.pageCount + 1).keys()].slice(1);
-      const D = [1], m = (t.pageRange - 1) / 2;
+      const k = [1], m = (t.pageRange - 1) / 2;
       let h = i.value - m, B = i.value + m;
-      h < 1 && (B += 1 - h, h = 1), B > t.pageCount && (h -= B - t.pageCount, B = t.pageCount), h = Math.max(h, 2), B = Math.min(B, t.pageCount - 1), h > 2 && D.push(t.breakText);
+      h < 1 && (B += 1 - h, h = 1), B > t.pageCount && (h -= B - t.pageCount, B = t.pageCount), h = Math.max(h, 2), B = Math.min(B, t.pageCount - 1), h > 2 && k.push(t.breakText);
       for (let I = h; I <= B; I++)
-        D.push(I);
-      return B < t.pageCount - 1 && D.push(t.breakText), D.push(t.pageCount), D;
-    }), v = f(() => `${t.centerLabel ?? "Page"} ${i.value} of ${a.value}`), g = f(() => {
-      const D = (i.value - 1) * t.itemsPerGroup + 1, m = Math.min(D - 1 + t.itemsPerGroup, t.itemsCount);
-      return `${t.centerLabel ?? "Results"} ${D} - ${m} of ${t.itemsCount}`;
-    }), S = f(() => t.resultsIncrements.split(",").map((D) => parseInt(D)));
-    return (D, m) => (d(), y("div", {
+        k.push(I);
+      return B < t.pageCount - 1 && k.push(t.breakText), k.push(t.pageCount), k;
+    }), v = f(() => `${t.centerLabel ?? "Page"} ${i.value} of ${a.value}`), S = f(() => {
+      const k = (i.value - 1) * t.itemsPerGroup + 1, m = Math.min(k - 1 + t.itemsPerGroup, t.itemsCount);
+      return `${t.centerLabel ?? "Results"} ${k} - ${m} of ${t.itemsCount}`;
+    }), g = f(() => t.resultsIncrements.split(",").map((k) => parseInt(k)));
+    return (k, m) => (d(), y("div", {
       class: "bs-pagination",
       "data-component": "bs-pagination",
       "data-variant": l.value,
@@ -9893,11 +9894,11 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
         }, M(h), 9, xu))), 128))
       ])) : P("", !0),
       t.variant === "base" && t.centerDisplay === "text" ? (d(), y("span", Mu, M(v.value), 1)) : P("", !0),
-      t.variant === "group" ? (d(), y("span", ju, M(g.value), 1)) : P("", !0),
+      t.variant === "group" ? (d(), y("span", ju, M(S.value), 1)) : P("", !0),
       t.variant === "results" ? (d(), y(_, { key: 4 }, [
         m[0] || (m[0] = O("span", null, "Results Per Page:", -1)),
         O("div", Vu, [
-          (d(!0), y(_, null, ue(S.value, (h) => (d(), y("button", {
+          (d(!0), y(_, null, ue(g.value, (h) => (d(), y("button", {
             type: "button",
             key: `results-${h}`,
             "data-selected": h === i.value,
@@ -9933,7 +9934,10 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
       ])) : P("", !0)
     ], 8, Cu));
   }
-}, Uu = ["data-truncate"], Vf = {
+}, Uu = {
+  key: 0,
+  "data-truncate": "true"
+}, Vf = {
   __name: "BsPill",
   props: mt,
   setup(e) {
@@ -9952,12 +9956,9 @@ const Ed = ["aria-current", "data-active", "href", "target"], rt = {
       disabled: l.disabled
     }, b(i), { onClick: a }), {
       default: j(() => [
-        O("span", {
-          class: "bs-pill-content",
-          "data-truncate": l.truncate
-        }, [
+        l.truncate ? (d(), y("span", Uu, [
           L(l.$slots, "default")
-        ], 8, Uu)
+        ])) : L(l.$slots, "default", { key: 1 })
       ]),
       _: 3
     }, 16, ["data-active", "data-status", "data-variant", "disabled"]));
@@ -10421,52 +10422,52 @@ const ic = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ac = ["data-sta
     const n = e, t = Me(e, "modelValue"), { popAttrs: o, popSlotProps: i } = An(n), a = $e(), l = it("root"), s = f(() => n.id || a), r = f(() => {
       if (!n.multiple)
         return n.displayValue ? v(t.value) : t.value;
-    }), c = f(() => !n.multiple || !Array.isArray(t.value) || !t.value.length ? void 0 : (n.displayValue ? t.value.map((D) => v(D)) : t.value).join(", ")), u = f(() => n.multiple ? c.value : r.value), p = f(() => {
-      const S = n.error ? "aria-errormessage" : "aria-describedby";
+    }), c = f(() => !n.multiple || !Array.isArray(t.value) || !t.value.length ? void 0 : (n.displayValue ? t.value.map((k) => v(k)) : t.value).join(", ")), u = f(() => n.multiple ? c.value : r.value), p = f(() => {
+      const g = n.error ? "aria-errormessage" : "aria-describedby";
       return {
         ...o.value,
-        [S]: n.hintId
+        [g]: n.hintId
       };
     });
-    function v(S) {
-      return S && (typeof n.displayValue == "function" ? n.displayValue(S) : S[n.displayValue]);
+    function v(g) {
+      return g && (typeof n.displayValue == "function" ? n.displayValue(g) : g[n.displayValue]);
     }
-    function g() {
+    function S() {
       t.value = n.multiple ? [] : null, l.value.focus();
     }
-    return (S, D) => {
+    return (g, k) => {
       var m;
       return d(), y("div", X({
         ref: "root",
-        "aria-invalid": S.error || void 0,
-        "aria-disabled": S.disabled || void 0,
-        "aria-required": S.required || void 0,
+        "aria-invalid": g.error || void 0,
+        "aria-disabled": g.disabled || void 0,
+        "aria-required": g.required || void 0,
         class: "bs-input bs-input-button",
         "data-bs-pop-faux-button": "true",
-        "data-error": S.error || void 0,
+        "data-error": g.error || void 0,
         id: s.value,
         role: "combobox",
-        tabindex: S.disabled ? void 0 : 0
+        tabindex: g.disabled ? void 0 : 0
       }, p.value), [
-        S.multiple && S.showCount && ((m = t.value) != null && m.length) ? (d(), A(wi, {
+        g.multiple && g.showCount && ((m = t.value) != null && m.length) ? (d(), A(wi, {
           key: 0,
           class: "bs-input-button-count",
           color: "blue",
           count: t.value.length,
           variant: "notext"
         }, null, 8, ["count"])) : P("", !0),
-        u.value ? P("", !0) : (d(), y("div", uc, M(S.placeholder), 1)),
+        u.value ? P("", !0) : (d(), y("div", uc, M(g.placeholder), 1)),
         u.value ? (d(), y("div", cc, [
-          L(S.$slots, "default", Ae(Ee({ displayText: u.value, ...b(i) })), () => [
+          L(g.$slots, "default", Ae(Ee({ displayText: u.value, ...b(i) })), () => [
             Q(M(u.value), 1)
           ])
         ])) : P("", !0),
-        !S.disabled && !S.preventClear && u.value ? (d(), y("button", {
+        !g.disabled && !g.preventClear && u.value ? (d(), y("button", {
           key: 3,
           class: "bs-input-button-clear",
           type: "button",
           "aria-label": "Clear",
-          onClick: Se(g, ["stop"])
+          onClick: Se(S, ["stop"])
         }, [
           q(b(xe), {
             size: "sm",
@@ -10629,10 +10630,10 @@ const ic = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ac = ["data-sta
         modelValue: t.value,
         "onUpdate:modelValue": p[0] || (p[0] = (v) => t.value = v)
       }), St({ _: 2 }, [
-        ue(u.$slots, (v, g) => ({
-          name: g,
-          fn: j((S) => [
-            L(u.$slots, g, Ae(Ee(S)))
+        ue(u.$slots, (v, S) => ({
+          name: S,
+          fn: j((g) => [
+            L(u.$slots, S, Ae(Ee(g)))
           ])
         }))
       ]), 1040, ["aria-labelledby", "disabled", "error", "hint-id", "id", "required", "modelValue"]),
@@ -10823,16 +10824,16 @@ const ic = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ac = ["data-sta
   setup(e, { emit: n }) {
     const t = e, o = n, [i, a] = fe(2), l = We(), s = C(!1), r = f(() => t.selectId || l.id || i.value), c = f(() => t.optionsId || a.value), u = f(() => {
       if (t.modelValue) {
-        const v = t.options.find((g) => {
-          var S, D;
-          return (S = g.value) != null && S[t.valueIdKey] ? g.value[t.valueIdKey] === ((D = t.modelValue) == null ? void 0 : D[t.valueIdKey]) : g.value === t.modelValue;
+        const v = t.options.find((S) => {
+          var g, k;
+          return (g = S.value) != null && g[t.valueIdKey] ? S.value[t.valueIdKey] === ((k = t.modelValue) == null ? void 0 : k[t.valueIdKey]) : S.value === t.modelValue;
         });
         if (v)
           return v.label;
       }
       return t.placeholder;
     }), p = f(() => u.value === t.placeholder);
-    return (v, g) => (d(), y("div", null, [
+    return (v, S) => (d(), y("div", null, [
       e.label || v.$slots.label ? (d(), A(ke, {
         key: 0,
         disabled: e.disabled,
@@ -10867,8 +10868,8 @@ const ic = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ac = ["data-sta
         "selected-option": e.modelValue,
         "toggle-id": r.value,
         "value-id-key": e.valueIdKey,
-        onClose: g[1] || (g[1] = (S) => s.value = !1),
-        "onUpdate:selectedOption": g[2] || (g[2] = (S) => o("update:model-value", S))
+        onClose: S[1] || (S[1] = (g) => s.value = !1),
+        "onUpdate:selectedOption": S[2] || (S[2] = (g) => o("update:model-value", g))
       }, {
         toggle: j(() => [
           O("button", X({
@@ -10889,7 +10890,7 @@ const ic = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], ac = ["data-sta
             id: r.value,
             role: "combobox"
           }, v.$attrs, {
-            onClick: g[0] || (g[0] = Se((S) => s.value = !s.value, ["prevent"]))
+            onClick: S[0] || (S[0] = Se((g) => s.value = !s.value, ["prevent"]))
           }), [
             O("span", null, M(u.value), 1),
             e.disabled ? P("", !0) : (d(), A(b(Ge), {
@@ -11221,12 +11222,12 @@ const Lc = /* @__PURE__ */ Zn(Pc, [["render", Ec]]), bo = {
     function u(T) {
       if (c.value) return;
       if (r.value)
-        return T.target === o.value || D();
+        return T.target === o.value || k();
       if (v(T.target.closest("[data-bs-table-col-resize-id]")), !s.value.el) return;
       const x = T.clientX <= s.value.rect.left + vo, W = T.clientX >= s.value.rect.right - vo;
       if (!(x && T.target.dataset.bsTableColResize === "right") && (x || W)) {
         if (a = x ? s.value.rect.left : s.value.rect.right, x && v(p()), !s.value.el) return;
-        S();
+        g();
       }
     }
     function p() {
@@ -11236,18 +11237,18 @@ const Lc = /* @__PURE__ */ Zn(Pc, [["render", Ec]]), bo = {
       return x.dataset.bsTableColResizeId ? x : null;
     }
     function v(T) {
-      s.value = T ? { el: T, rect: T.getBoundingClientRect(), minWidth: g(T) } : { el: null, rect: null };
+      s.value = T ? { el: T, rect: T.getBoundingClientRect(), minWidth: S(T) } : { el: null, rect: null };
     }
-    function g(T) {
+    function S(T) {
       var W;
       const x = (W = T.dataset.bsTableColResizeMin) == null ? void 0 : W.replace("px", "");
       if (x)
         return parseInt(x, 10);
     }
-    function S() {
+    function g() {
       I(), o.value.style.setProperty("--bs-table-col-resizer-y", `${s.value.rect.top}px`), o.value.style.setProperty("--bs-table-col-resizer-handle-height", `${s.value.rect.height}px`), r.value = !0;
     }
-    function D() {
+    function k() {
       r.value = !1;
     }
     function m(T) {
@@ -11269,9 +11270,9 @@ const Lc = /* @__PURE__ */ Zn(Pc, [["render", Ec]]), bo = {
     function N() {
       o.value.removeEventListener("pointermove", h), setTimeout(() => c.value = !1);
       const T = a - i;
-      T !== 0 && k(Math.round(s.value.rect.width + T));
+      T !== 0 && D(Math.round(s.value.rect.width + T));
     }
-    async function k(T) {
+    async function D(T) {
       t("resize", {
         el: s.value.el,
         id: s.value.el.dataset.bsTableColResizeId,
@@ -11279,7 +11280,7 @@ const Lc = /* @__PURE__ */ Zn(Pc, [["render", Ec]]), bo = {
       }), await Ve(() => v(s.value.el));
     }
     function w() {
-      k(), D();
+      D(), k();
     }
     return (T, x) => me((d(), y("div", {
       ref: "resizer",
@@ -11416,34 +11417,34 @@ const Lc = /* @__PURE__ */ Zn(Pc, [["render", Ec]]), bo = {
         class: e.freezeHeader && "bs-table-header-rowgroup-freeze"
       }, () => E);
     }
-    function g() {
+    function S() {
       return v(
         N(
           be(w)
         )
       );
     }
-    function S() {
+    function g() {
       const E = n.header({ cols: ye(o.value) });
       return v(
-        k(E, w)
+        D(E, w)
       );
     }
-    function D(E = []) {
+    function k(E = []) {
       return de(un, { kind: "body" }, () => E);
     }
     function m() {
       const E = e.rows.map((F, $) => N(
         be(re, { row: F, rowIndex: $ })
       ));
-      return D(E);
+      return k(E);
     }
     function h() {
       const E = e.rows.map((F, $) => {
         const Y = n.body({ row: F, rowIndex: $ });
-        return k(Y, re, { row: F, rowIndex: $ });
+        return D(Y, re, { row: F, rowIndex: $ });
       });
-      return D(E);
+      return k(E);
     }
     function B(E = []) {
       return de(un, {
@@ -11454,13 +11455,13 @@ const Lc = /* @__PURE__ */ Zn(Pc, [["render", Ec]]), bo = {
     function I() {
       const E = n.footer({ cols: ye(o.value) });
       return B(
-        k(E, w)
+        D(E, w)
       );
     }
     function N(E = []) {
       return de(pn, null, () => E);
     }
-    function k(E = [], F, $ = {}) {
+    function D(E = [], F, $ = {}) {
       return z(E, [pn]).map(
         (V) => Te(V) ? de(V, null, () => be(F, $)) : de(V)
       );
@@ -11622,7 +11623,7 @@ const Lc = /* @__PURE__ */ Zn(Pc, [["render", Ec]]), bo = {
         F,
         p([
           u([
-            n.header ? S() : g(),
+            n.header ? g() : S(),
             n.body ? h() : m(),
             n.footer && I()
           ]),
@@ -11645,22 +11646,22 @@ const Lc = /* @__PURE__ */ Zn(Pc, [["render", Ec]]), bo = {
   },
   emits: ["tabChange", "update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, o = n, i = C(!1), a = C(!1), l = C([]), s = C(!1), r = C(!1), c = C(), u = C(), p = C([]), v = C(!1), g = C([]), S = C(), D = C([]), m = C(), h = C(), [B, I] = fe(2);
+    const t = e, o = n, i = C(!1), a = C(!1), l = C([]), s = C(!1), r = C(!1), c = C(), u = C(), p = C([]), v = C(!1), S = C([]), g = C(), k = C([]), m = C(), h = C(), [B, I] = fe(2);
     let N;
-    const k = f(() => t.activeTabId ? g.value.findIndex((V) => V.id === t.activeTabId) : 0), w = f(() => l.value.some((V) => V.id === t.activeTabId)), T = f(() => `${I.value}-options`), x = f(() => `${I.value}-toggle`), W = f(() => {
+    const D = f(() => t.activeTabId ? S.value.findIndex((V) => V.id === t.activeTabId) : 0), w = f(() => l.value.some((V) => V.id === t.activeTabId)), T = f(() => `${I.value}-options`), x = f(() => `${I.value}-toggle`), W = f(() => {
       var V;
-      return w.value ? (V = g.value[k.value]) == null ? void 0 : V.textContent : "More";
-    }), K = f(() => w.value ? p.value[k.value] - p.value[k.value - 1] + Vc + fn : jc + fn);
+      return w.value ? (V = S.value[D.value]) == null ? void 0 : V.textContent : "More";
+    }), K = f(() => w.value ? p.value[D.value] - p.value[D.value - 1] + Vc + fn : jc + fn);
     function te() {
       var He;
       let V = !1, H, ne = 0, se = !1, Fe = [];
-      if ((He = g.value) != null && He.length) {
-        for (let Ne = 0; Ne < g.value.length; Ne++) {
-          if (H = g.value[Ne], H.setAttribute("tabindex", "-1"), se && Ne !== k.value) {
+      if ((He = S.value) != null && He.length) {
+        for (let Ne = 0; Ne < S.value.length; Ne++) {
+          if (H = S.value[Ne], H.setAttribute("tabindex", "-1"), se && Ne !== D.value) {
             H.dataset.hidden = "true", Fe.push(H);
             continue;
           }
-          if (ne = Ne < g.value.length - 1 ? h.value - K.value : h.value, p.value[Ne] > ne) {
+          if (ne = Ne < S.value.length - 1 ? h.value - K.value : h.value, p.value[Ne] > ne) {
             H.dataset.hidden = "true", Fe.push(H), V = !0, se = !0;
             continue;
           }
@@ -11682,23 +11683,23 @@ const Lc = /* @__PURE__ */ Zn(Pc, [["render", Ec]]), bo = {
     }
     function be(V) {
       var se, Fe, He;
-      const H = (He = (Fe = (se = g.value[V]) == null ? void 0 : se.getBoundingClientRect) == null ? void 0 : Fe.call(se)) == null ? void 0 : He.width;
+      const H = (He = (Fe = (se = S.value[V]) == null ? void 0 : se.getBoundingClientRect) == null ? void 0 : Fe.call(se)) == null ? void 0 : He.width;
       return H || (V === 0 ? p.value[0] : p.value[V] - p.value[V - 1]) || 0;
     }
     function we() {
       var V;
-      (V = g.value[k.value]) == null || V.setAttribute("aria-selected", "true"), te();
+      (V = S.value[D.value]) == null || V.setAttribute("aria-selected", "true"), te();
     }
     function De() {
       var V;
-      (V = S.value) == null || V.focus(), s.value = !1;
+      (V = g.value) == null || V.focus(), s.value = !1;
     }
     function Te() {
       s.value = !s.value, a.value || (a.value = !0);
     }
     function R(V) {
       var H;
-      s.value = !1, (H = S.value) == null || H.focus(), ge(V);
+      s.value = !1, (H = g.value) == null || H.focus(), ge(V);
     }
     function Z(V) {
       if (t.withBsTabs) return;
@@ -11709,26 +11710,26 @@ const Lc = /* @__PURE__ */ Zn(Pc, [["render", Ec]]), bo = {
     }
     function ae(V) {
       if (V.key === "ArrowLeft" || V.key === "ArrowRight") {
-        const H = D.value.findIndex((ne) => ne.id === V.target.id);
+        const H = k.value.findIndex((ne) => ne.id === V.target.id);
         if (H === -1) return;
         V.preventDefault(), V.stopPropagation(), V.key === "ArrowLeft" ? U(H) : z(H);
       }
     }
     function z(V) {
       var ne;
-      const H = (V + 1) % D.value.length;
-      (ne = D.value[H]) == null || ne.focus();
+      const H = (V + 1) % k.value.length;
+      (ne = k.value[H]) == null || ne.focus();
     }
     function U(V) {
       var ne;
-      const H = V === 0 ? D.value.length - 1 : V - 1;
-      (ne = D.value[H]) == null || ne.focus();
+      const H = V === 0 ? k.value.length - 1 : V - 1;
+      (ne = k.value[H]) == null || ne.focus();
     }
     function J() {
       var He, Ne, Jn, _n;
       const V = parseInt(c.value.style.getPropertyValue("--active-line-offset")) || 0, H = h.value;
-      let ne = 300, se = ((Ne = (He = D.value) == null ? void 0 : He[k.value]) == null ? void 0 : Ne.offsetLeft) || 0, Fe = be(k.value);
-      r.value && w.value && (se = (Jn = S.value) == null ? void 0 : Jn.offsetLeft, Fe = (_n = S.value) == null ? void 0 : _n.offsetWidth), ne = Math.max(Math.abs((se - V) / H * 300), 100), c.value.style.setProperty("--active-line-max-width", `${H}px`), c.value.style.setProperty("--active-line-scale", `${Fe / H}`), c.value.style.setProperty("--active-line-offset", `${se}px`), c.value.style.setProperty("--active-line-transition-duration", `${ne}ms`);
+      let ne = 300, se = ((Ne = (He = k.value) == null ? void 0 : He[D.value]) == null ? void 0 : Ne.offsetLeft) || 0, Fe = be(D.value);
+      r.value && w.value && (se = (Jn = g.value) == null ? void 0 : Jn.offsetLeft, Fe = (_n = g.value) == null ? void 0 : _n.offsetWidth), ne = Math.max(Math.abs((se - V) / H * 300), 100), c.value.style.setProperty("--active-line-max-width", `${H}px`), c.value.style.setProperty("--active-line-scale", `${Fe / H}`), c.value.style.setProperty("--active-line-offset", `${se}px`), c.value.style.setProperty("--active-line-transition-duration", `${ne}ms`);
     }
     function ve() {
       var V, H;
@@ -11742,11 +11743,11 @@ const Lc = /* @__PURE__ */ Zn(Pc, [["render", Ec]]), bo = {
       m.value = new ResizeObserver(V), m.value.observe(document.body), c.value && m.value.observe(c.value);
     }
     function F() {
-      g.value = Array.from(u.value.children).filter((V) => V.role === "tab");
+      S.value = Array.from(u.value.children).filter((V) => V.role === "tab");
     }
     function $() {
       let V;
-      g.value.forEach((H, ne) => {
+      S.value.forEach((H, ne) => {
         V = H.getBoundingClientRect().width + fn, p.value.push(ne ? V + p.value[ne - 1] : V);
       });
     }
@@ -11754,16 +11755,16 @@ const Lc = /* @__PURE__ */ Zn(Pc, [["render", Ec]]), bo = {
       var H, ne;
       let V = [];
       if (typeof window > "u") return V;
-      for (let se of g.value) {
+      for (let se of S.value) {
         if (((H = se.dataset) == null ? void 0 : H.hidden) === "true" || ((ne = se.dataset) == null ? void 0 : ne.hidden) === "" || se.getAttribute("tabindex") === "-1") break;
         V.push(se);
       }
-      r.value && V.push(c.value.querySelector(".bs-tab-list-toggle")), D.value = V;
+      r.value && V.push(c.value.querySelector(".bs-tab-list-toggle")), k.value = V;
     }
     return G(() => t.activeTabId, we), oe(() => {
       var V;
       try {
-        F(), $(), E(), h.value = c.value.getBoundingClientRect().width, te(), t.withBsTabs || (V = g.value[k.value]) == null || V.setAttribute("aria-selected", "true");
+        F(), $(), E(), h.value = c.value.getBoundingClientRect().width, te(), t.withBsTabs || (V = S.value[D.value]) == null || V.setAttribute("aria-selected", "true");
       } catch (H) {
         console.log("tab error", H);
       }
@@ -11794,7 +11795,7 @@ const Lc = /* @__PURE__ */ Zn(Pc, [["render", Ec]]), bo = {
         "data-hidden": !r.value,
         id: x.value,
         ref_key: "dropdownToggle",
-        ref: S,
+        ref: g,
         onClick: Te
       }, [
         q(b(Ji), { size: "sm" }),
@@ -11954,7 +11955,7 @@ const Lc = /* @__PURE__ */ Zn(Pc, [["render", Ec]]), bo = {
         required: e.required,
         rows: e.rows,
         value: e.value || e.modelValue,
-        "onUpdate:modelValue": v[0] || (v[0] = (g) => p.$emit("update:modelValue", g))
+        "onUpdate:modelValue": v[0] || (v[0] = (S) => p.$emit("update:modelValue", S))
       }, b(l)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
       c.value || e.charMax ? (d(), A(qe, {
         key: 1,
@@ -12141,15 +12142,15 @@ const hn = "excluded", bn = "over", yo = "skip", mo = "stop", vn = "under", Xc =
       let B = !1;
       for (let I = 0; I < 24 && !B; I++)
         for (let N = 0; N < 60; N += o.step) {
-          const k = v(I, N), w = p(k);
+          const D = v(I, N), w = p(D);
           if (w !== yo) {
             if (w === mo) {
               B = !0;
               break;
             }
             h.push({
-              label: Qe(k),
-              value: k
+              label: Qe(D),
+              value: D
             });
           }
         }
@@ -12172,14 +12173,14 @@ const hn = "excluded", bn = "over", yo = "skip", mo = "stop", vn = "under", Xc =
     function v(h, B) {
       return h = h.toString().padStart(2, "0"), B = B.toString().padStart(2, "0"), `${h}:${B}`;
     }
-    function g(h) {
+    function S(h) {
       const B = Gc(h);
-      B === o.modelValue && (a.value = Qe(o.modelValue)), D(B);
+      B === o.modelValue && (a.value = Qe(o.modelValue)), k(B);
     }
-    function S() {
+    function g() {
       l.value = c();
     }
-    function D(h) {
+    function k(h) {
       m(h), i("update:modelValue", h);
     }
     function m(h) {
@@ -12197,12 +12198,12 @@ const hn = "excluded", bn = "over", yo = "skip", mo = "stop", vn = "under", Xc =
           s.value = "", r.value = !1;
       }
     }
-    return oe(S), G([
+    return oe(g), G([
       () => o.disabledTimes,
       () => o.maxTime,
       () => o.minTime,
       () => o.step
-    ], S), G([
+    ], g), G([
       () => o.disabledTimes,
       () => o.maxTime,
       () => o.minTime,
@@ -12227,7 +12228,7 @@ const hn = "excluded", bn = "over", yo = "skip", mo = "stop", vn = "under", Xc =
       placeholder: e.placeholder,
       required: e.required,
       "update-on-input": !1,
-      "onUpdate:modelValue": g
+      "onUpdate:modelValue": S
     }, null, 8, ["disabled", "display-value", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "input-id", "model-value", "options", "placeholder", "required"]));
   }
 }), th = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
@@ -12300,28 +12301,28 @@ const hn = "excluded", bn = "over", yo = "skip", mo = "stop", vn = "under", Xc =
   setup(e, { expose: n, emit: t }) {
     const o = e;
     ee(o, "inputId", void 0, "Set 'id' directly on the component instead.");
-    const [i, a] = fe(2), { filtered: l, remaining: s } = Oe(["class", "style"]), r = C(null), c = f(() => o.errorMsg || g.value), u = f(() => o.error || S.value), p = f(() => o.inputId || i.value), v = f(() => o.hint || u.value && c.value), g = f(() => {
-      var D;
-      return (D = r.value) == null ? void 0 : D.validationErrMsg;
-    }), S = f(() => {
-      var D;
-      return (D = r.value) == null ? void 0 : D.validationErr;
+    const [i, a] = fe(2), { filtered: l, remaining: s } = Oe(["class", "style"]), r = C(null), c = f(() => o.errorMsg || S.value), u = f(() => o.error || g.value), p = f(() => o.inputId || i.value), v = f(() => o.hint || u.value && c.value), S = f(() => {
+      var k;
+      return (k = r.value) == null ? void 0 : k.validationErrMsg;
+    }), g = f(() => {
+      var k;
+      return (k = r.value) == null ? void 0 : k.validationErr;
     });
     return n({
-      validationErr: S,
-      validationErrMsg: g
-    }), (D, m) => (d(), y("div", X({
+      validationErr: g,
+      validationErrMsg: S
+    }), (k, m) => (d(), y("div", X({
       "aria-live": "polite",
       "data-component": "bs-time-picker-field"
     }, b(l)), [
-      e.label || D.$slots.label ? (d(), A(ke, {
+      e.label || k.$slots.label ? (d(), A(ke, {
         key: 0,
-        for: D.$attrs.id || p.value,
+        for: k.$attrs.id || p.value,
         disabled: e.disabled,
         required: e.required
       }, {
         default: j(() => [
-          L(D.$slots, "label", {}, () => [
+          L(k.$slots, "label", {}, () => [
             Q(M(e.label), 1)
           ])
         ]),
@@ -12338,14 +12339,14 @@ const hn = "excluded", bn = "over", yo = "skip", mo = "stop", vn = "under", Xc =
         "helper-description": e.helperDescription,
         "helper-text": e.helperText,
         "hint-id": b(a),
-        id: D.$attrs.id || p.value,
+        id: k.$attrs.id || p.value,
         "max-time": e.maxTime,
         "min-time": e.minTime,
         "model-value": e.modelValue,
         placeholder: e.placeholder,
         required: e.required,
         step: e.step,
-        "onUpdate:modelValue": m[0] || (m[0] = (h) => D.$emit("update:modelValue", h))
+        "onUpdate:modelValue": m[0] || (m[0] = (h) => k.$emit("update:modelValue", h))
       }, b(s)), null, 16, ["disabled-times", "disabled", "dropdown-position", "dropdown-width", "error", "helper-description", "helper-text", "hint-id", "id", "max-time", "min-time", "model-value", "placeholder", "required", "step"]),
       me(q(qe, {
         error: u.value,
@@ -12399,8 +12400,8 @@ const nh = {
       onClose: c,
       onAfterClose: u
     }, {
-      default: j(({ id: g, close: S, cancel: D, confirm: m }) => [
-        L(p.$slots, "default", Ae(Ee({ id: g, close: S, cancel: D, confirm: m })))
+      default: j(({ id: S, close: g, cancel: k, confirm: m }) => [
+        L(p.$slots, "default", Ae(Ee({ id: S, close: g, cancel: k, confirm: m })))
       ]),
       _: 3
     }, 8, ["id", "style", "data-variant"]));
@@ -12564,32 +12565,32 @@ const ih = /* @__PURE__ */ Zn(Jc, [["render", ep]]), tp = ["data-variant", "data
   __name: "BsTooltip",
   props: Fn,
   setup(e) {
-    const n = e, t = it("locator"), o = at(), i = $e(), a = C(!1), l = f(() => n.id || i), s = f(() => `${l.value}-bs-tooltip-anchor`), r = f(() => n.id ? Object.keys(o.popIdsByTrigger.value).some((S) => o.isTrigger(n.id, S)) : !1), c = f(() => !r.value && !n.anchor), u = f(() => {
+    const n = e, t = it("locator"), o = at(), i = $e(), a = C(!1), l = C(null), s = f(() => n.id || i), r = f(() => `${s.value}-bs-tooltip-anchor`), c = f(() => n.id ? Object.keys(o.popIdsByTrigger.value).some((k) => o.isTrigger(n.id, k)) : !1), u = f(() => !c.value && !n.anchor), p = f(() => {
       if (n.anchor) return n.anchor;
-      if (c.value) return s.value;
+      if (u.value) return l.value;
     });
-    G(c, () => {
-      c.value ? p() : v();
+    G(u, () => {
+      u.value ? v() : S();
     }), oe(() => {
-      a.value = !0, Ve(() => c.value && p());
-    }), $t(v);
-    function p() {
+      a.value = !0, Ve(() => u.value && v());
+    }), $t(S);
+    function v() {
       if (!t.value) return;
       const g = t.value.parentNode;
-      g.id || (g.id = s.value);
+      g.id || (g.id = r.value), l.value = g.id;
     }
-    function v() {
+    function S() {
       if (!t.value) return;
       const g = t.value.parentNode;
-      g.id === s.value && g.removeAttribute("id");
+      g.id === r.value && g.removeAttribute("id"), l.value = null;
     }
-    return (g, S) => (d(), y(_, null, [
-      q(Ct, X({ id: l.value }, g.$attrs, {
+    return (g, k) => (d(), y(_, null, [
+      q(Ct, X({ id: s.value }, g.$attrs, {
         class: "bs-tooltip",
         "data-component": "bs-tooltip",
         type: "tooltip",
         role: "tooltip",
-        anchor: u.value,
+        anchor: p.value,
         delay: g.delay,
         place: g.place,
         "prevent-close-x": ""
@@ -12599,7 +12600,7 @@ const ih = /* @__PURE__ */ Zn(Jc, [["render", ep]]), tp = ["data-variant", "data
         ]),
         _: 3
       }, 16, ["id", "anchor", "delay", "place"]),
-      a.value && c.value ? (d(), y("span", ap, null, 512)) : P("", !0)
+      a.value && u.value ? (d(), y("span", ap, null, 512)) : P("", !0)
     ], 64));
   }
 }), sp = ["data-position"], lp = ["id"], dh = {
@@ -12685,12 +12686,12 @@ const ih = /* @__PURE__ */ Zn(Jc, [["render", ep]]), tp = ["data-variant", "data
     }, l = {
       onFocus: B,
       onClick: h
-    }, s = $e(), r = We(), c = it("inputSearch"), u = at(), p = C(!1), v = f(() => t.id || s), g = f(() => `${v.value}-dropdown`), S = f(() => {
+    }, s = $e(), r = We(), c = it("inputSearch"), u = at(), p = C(!1), v = f(() => t.id || s), S = f(() => `${v.value}-dropdown`), g = f(() => {
       var w;
       return (w = c.value) == null ? void 0 : w.$el.id;
-    }), D = { ...l, ...a }, m = f(() => X(D, r));
+    }), k = { ...l, ...a }, m = f(() => X(k, r));
     function h() {
-      u.open(g.value);
+      u.open(S.value);
     }
     function B() {
       if (p.value) {
@@ -12705,12 +12706,13 @@ const ih = /* @__PURE__ */ Zn(Jc, [["render", ep]]), tp = ["data-variant", "data
     function N(w) {
       return w && (typeof t.displayValue == "function" ? t.displayValue(w) : w[t.displayValue]);
     }
-    function k() {
+    function D() {
       o.value = void 0, p.value = !0;
     }
     return (w, T) => (d(), y(_, null, [
       q(Yn, X({
         ref: "inputSearch",
+        autocomplete: "off",
         disabled: w.disabled,
         error: w.error,
         "hide-search-icon": w.hideSearchIcon,
@@ -12720,10 +12722,10 @@ const ih = /* @__PURE__ */ Zn(Jc, [["render", ep]]), tp = ["data-variant", "data
       }, m.value, {
         modelValue: i.value,
         "onUpdate:modelValue": T[0] || (T[0] = (x) => i.value = x),
-        onClear: k
+        onClear: D
       }), null, 16, ["disabled", "error", "hide-search-icon", "id", "placeholder", "prevent-clear", "modelValue"]),
       q(Di, {
-        anchor: S.value,
+        anchor: g.value,
         class: Pe(["bs-input-search-dropdown", w.dropdownClass]),
         debounce: w.debounce,
         "equate-by": w.equateBy,
@@ -12731,7 +12733,7 @@ const ih = /* @__PURE__ */ Zn(Jc, [["render", ep]]), tp = ["data-variant", "data
         "filter-key": w.filterKey,
         "filter-external": w.filterExternal,
         "hide-filter-input": "",
-        id: g.value,
+        id: S.value,
         persist: w.persist,
         place: w.dropdownPlace,
         "min-chars": w.minChars,
@@ -12801,10 +12803,10 @@ const ih = /* @__PURE__ */ Zn(Jc, [["render", ep]]), tp = ["data-variant", "data
         modelValue: t.value,
         "onUpdate:modelValue": p[0] || (p[0] = (v) => t.value = v)
       }), St({ _: 2 }, [
-        ue(u.$slots, (v, g) => ({
-          name: g,
-          fn: j((S) => [
-            L(u.$slots, g, Ae(Ee(S)))
+        ue(u.$slots, (v, S) => ({
+          name: S,
+          fn: j((g) => [
+            L(u.$slots, S, Ae(Ee(g)))
           ])
         }))
       ]), 1040, ["aria-labelledby", "disabled", "error", "hint-id", "id", "required", "modelValue"]),
@@ -12839,10 +12841,10 @@ const ih = /* @__PURE__ */ Zn(Jc, [["render", ep]]), tp = ["data-variant", "data
     ot("(max-width: 1165px)", (I) => {
       p.value = I.matches;
     });
-    const c = C(null), u = C(null), p = C(!1), v = C(t.collapsed), g = f(() => !t.width && t.variant === "narrow"), S = f(() => t.variant === "collapsible"), D = f(() => !S.value || p.value ? !1 : v.value);
+    const c = C(null), u = C(null), p = C(!1), v = C(t.collapsed), S = f(() => !t.width && t.variant === "narrow"), g = f(() => t.variant === "collapsible"), k = f(() => !g.value || p.value ? !1 : v.value);
     function m() {
       let I = "0px";
-      S.value && !p.value && v.value ? I = "4rem" : t.width ? I = t.width : g.value ? I = "4.5rem" : I = "9.875rem", typeof document < "u" && document.body.style.setProperty("--bs-page-nav-width", I);
+      g.value && !p.value && v.value ? I = "4rem" : t.width ? I = t.width : S.value ? I = "4.5rem" : I = "9.875rem", typeof document < "u" && document.body.style.setProperty("--bs-page-nav-width", I);
     }
     oe(() => {
       l(t.startCollapsed), m();
@@ -12853,7 +12855,7 @@ const ih = /* @__PURE__ */ Zn(Jc, [["render", ep]]), tp = ["data-variant", "data
     }), G(() => t.collapsed, (I) => {
       v.value = I;
     }), G(
-      [() => v.value, g, () => t.width, S, p],
+      [() => v.value, S, () => t.width, g, p],
       () => {
         m();
       }
@@ -12876,7 +12878,7 @@ const ih = /* @__PURE__ */ Zn(Jc, [["render", ep]]), tp = ["data-variant", "data
       class: "bs-vertical-nav-wrapper",
       "data-bg-variant": t.bgVariant || void 0
     }, [
-      S.value && !p.value ? (d(), y("button", {
+      g.value && !p.value ? (d(), y("button", {
         key: 0,
         ref_key: "toggleButton",
         ref: u,
@@ -12884,8 +12886,8 @@ const ih = /* @__PURE__ */ Zn(Jc, [["render", ep]]), tp = ["data-variant", "data
         type: "button",
         "aria-expanded": !v.value,
         title: v.value ? "Expand navigation" : "Collapse navigation",
-        "data-collapsed": D.value,
-        "data-narrow": g.value,
+        "data-collapsed": k.value,
+        "data-narrow": S.value,
         onClick: B
       }, [
         v.value ? (d(), A(b(Gt), {
@@ -12900,44 +12902,44 @@ const ih = /* @__PURE__ */ Zn(Jc, [["render", ep]]), tp = ["data-variant", "data
         class: "bs-vertical-nav",
         ref_key: "verticalNav",
         ref: c,
-        "data-narrow": g.value,
-        "data-collapsed": D.value,
-        "data-collapsible": S.value,
+        "data-narrow": S.value,
+        "data-collapsed": k.value,
+        "data-collapsible": g.value,
         "data-sticky": t.sticky || void 0,
-        style: Tt(t.width && !D.value ? { width: t.width } : void 0)
+        style: Tt(t.width && !k.value ? { width: t.width } : void 0)
       }, [
         O("ul", null, [
           I.$slots["top-content"] ? (d(), y("li", pp, [
             L(I.$slots, "top-content")
           ])) : P("", !0),
-          (d(!0), y(_, null, ue(b(r), (k) => {
+          (d(!0), y(_, null, ue(b(r), (D) => {
             var w;
             return d(), y(_, {
-              key: k.id
+              key: D.id
             }, [
-              ((w = k.navItems) == null ? void 0 : w.length) > 0 ? (d(), y("li", {
+              ((w = D.navItems) == null ? void 0 : w.length) > 0 ? (d(), y("li", {
                 key: 0,
                 class: "bs-vertical-nav-section",
-                "data-collapsed": !k.dividerOnly && !b(s)(k),
-                "data-divider-only": k.dividerOnly,
-                "data-app-links": k.appLinks
+                "data-collapsed": !D.dividerOnly && !b(s)(D),
+                "data-divider-only": D.dividerOnly,
+                "data-app-links": D.appLinks
               }, [
-                !k.dividerOnly && !g.value && !D.value ? (d(), y("button", {
+                !D.dividerOnly && !S.value && !k.value ? (d(), y("button", {
                   key: 0,
                   class: "bs-vertical-nav-section-toggle",
-                  "aria-expanded": b(s)(k),
-                  "aria-controls": `${k.id}-nested-section`,
-                  title: b(a)(k),
+                  "aria-expanded": b(s)(D),
+                  "aria-controls": `${D.id}-nested-section`,
+                  title: b(a)(D),
                   type: "button",
-                  onClick: (T) => h(k.id)
+                  onClick: (T) => h(D.id)
                 }, [
-                  D.value ? P("", !0) : (d(), y("span", bp, M(k.text), 1)),
+                  k.value ? P("", !0) : (d(), y("span", bp, M(D.text), 1)),
                   q(b(sa), { class: "bs-vertical-nav-section-toggle-caret" })
                 ], 8, hp)) : P("", !0),
                 me(O("ul", {
-                  id: `${k.id}-nested-section`
+                  id: `${D.id}-nested-section`
                 }, [
-                  (d(!0), y(_, null, ue(k.navItems, (T) => (d(), y("li", {
+                  (d(!0), y(_, null, ue(D.navItems, (T) => (d(), y("li", {
                     key: T.id
                   }, [
                     q(rt, {
@@ -12961,25 +12963,25 @@ const ih = /* @__PURE__ */ Zn(Jc, [["render", ep]]), tp = ["data-variant", "data
                     }, 1032, ["item", "router", "onNavLinkClicked", "aria-label"])
                   ]))), 128))
                 ], 8, vp), [
-                  [Ce, k.dividerOnly || b(s)(k) || D.value]
+                  [Ce, D.dividerOnly || b(s)(D) || k.value]
                 ])
               ], 8, fp)) : (d(), y("li", yp, [
                 q(rt, {
-                  item: k,
+                  item: D,
                   router: I.router,
-                  onNavLinkClicked: (T) => o("nav-link-clicked", { ev: T, payload: k }),
-                  "aria-label": k.text
+                  onNavLinkClicked: (T) => o("nav-link-clicked", { ev: T, payload: D }),
+                  "aria-label": D.text
                 }, {
                   default: j(() => [
-                    typeof k.icon == "string" ? (d(), A(b(ze), {
+                    typeof D.icon == "string" ? (d(), A(b(ze), {
                       key: 0,
                       class: "bs-vertical-nav-link-icon",
-                      name: k.icon
-                    }, null, 8, ["name"])) : (d(), A(ie(k.icon), {
+                      name: D.icon
+                    }, null, 8, ["name"])) : (d(), A(ie(D.icon), {
                       key: 1,
                       class: "bs-vertical-nav-link-icon"
                     })),
-                    O("span", null, M(k.text), 1)
+                    O("span", null, M(D.text), 1)
                   ]),
                   _: 2
                 }, 1032, ["item", "router", "onNavLinkClicked", "aria-label"])