@wwtdev/bsds-components-vue3 2.39.0 → 2.40.0

package/lib/bsds-components.js

@@ -1,5 +1,5 @@
-import { ref as C, useId as St, onMounted as ee, watch as Z, computed as m, createElementBlock as h, openBlock as l, unref as f, createElementVNode as w, createCommentVNode as x, createVNode as R, renderSlot as z, createBlock as D, resolveDynamicComponent as ae, createTextVNode as _, toDisplayString as V, useAttrs as Se, useSlots as et, mergeProps as H, withCtx as q, Fragment as J, normalizeClass as ve, withDirectives as fe, toHandlers as yt, vShow as be, onBeforeUnmount as tt, onBeforeMount as _t, createSlots as gt, renderList as de, onUnmounted as De, Teleport as Un, Transition as wt, provide as me, withKeys as Ye, withModifiers as Ce, inject as ue, nextTick as Re, toRaw as Wn, resolveComponent as en, mergeModels as qt, useModel as Kn, isRef as Hn, normalizeStyle as tn, h as se, useTemplateRef as Gn, shallowRef as nn, readonly as Rt, cloneVNode as Yn } from "vue";
-import { BsIcon as ce, BsIconCaretDown as Ve, BsIconSmallCaretLeft as an, BsIconCaretLeft as nt, BsIconSmallCaretRight as on, BsIconCaretRight as at, BsIconCircleExclamation as $t, BsIconClose as ke, BsIconWarning as kt, BsIconCalendar as ln, BsIconSearch as Xn, BsIconCaretSort as sn, BsIconCaretLeftDouble as Zn, BsIconCaretRightDouble as Qn, BsIconActionEllipsis as Jn, BsIconCaretSortDown as _n, BsIconCaretSortUp as ea, BsIconCirclePause as ta, BsIconCirclePlay as na, BsIconGraphPieEmpty as jt, BsIconCircleEllipsis as aa, BsIconCircleX as oa, BsIconCircleCheck as ia, BsIconCircleStop as la, BsIconThumbsUpStroke as sa, BsIconCaretUp as ra } from "@wwtdev/bsds-icons-vue3";
+import { ref as C, useId as St, onMounted as ee, watch as Z, computed as m, createElementBlock as h, openBlock as l, unref as f, createElementVNode as w, createCommentVNode as x, createVNode as R, renderSlot as z, createBlock as D, resolveDynamicComponent as ae, createTextVNode as _, toDisplayString as L, useAttrs as Se, useSlots as et, mergeProps as H, withCtx as q, Fragment as J, normalizeClass as ve, withDirectives as fe, toHandlers as yt, vShow as be, onBeforeUnmount as tt, onBeforeMount as _t, createSlots as gt, renderList as de, onUnmounted as De, Teleport as Un, Transition as wt, provide as me, withKeys as Ye, withModifiers as Ce, inject as ue, nextTick as Re, toRaw as Wn, resolveComponent as en, mergeModels as qt, useModel as Kn, isRef as Hn, normalizeStyle as tn, h as se, useTemplateRef as Gn, shallowRef as nn, readonly as Rt, cloneVNode as Yn } from "vue";
+import { BsIcon as ce, BsIconCaretDown as Le, BsIconSmallCaretLeft as an, BsIconCaretLeft as nt, BsIconSmallCaretRight as on, BsIconCaretRight as at, BsIconCircleExclamation as $t, BsIconClose as ke, BsIconWarning as kt, BsIconCalendar as ln, BsIconSearch as Xn, BsIconCaretSort as sn, BsIconCaretLeftDouble as Zn, BsIconCaretRightDouble as Qn, BsIconActionEllipsis as Jn, BsIconCaretSortDown as _n, BsIconCaretSortUp as ea, BsIconCirclePause as ta, BsIconCirclePlay as na, BsIconGraphPieEmpty as jt, BsIconCircleEllipsis as aa, BsIconCircleX as oa, BsIconCircleCheck as ia, BsIconCircleStop as la, BsIconThumbsUpStroke as sa, BsIconCaretUp as ra } from "@wwtdev/bsds-icons-vue3";
 import { DatePicker as da } from "v-calendar";
 import { Filler as ua, Chart as rt, BarController as ca, BarElement as pa, CategoryScale as fa, LinearScale as ba, Legend as ha, TimeScale as va, Tooltip as ma } from "chart.js";
 import "chartjs-adapter-date-fns";
@@ -756,7 +756,7 @@ const wa = {
     type: String,
     typeDef: "string"
   }
-}, La = {}, Va = {
+}, Va = {}, La = {
   default: {
     description: "The content of the form container."
   },
@@ -773,9 +773,9 @@ const wa = {
   }
 }, vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  emitDefinitions: La,
+  emitDefinitions: Va,
   propDefinitions: bn,
-  slotDefinitions: Va
+  slotDefinitions: La
 }, Symbol.toStringTag, { value: "Module" })), hn = {
   hideMobileToggle: {
     default: !1,
@@ -1291,7 +1291,7 @@ const wa = {
     {
       // If true, creates a divider-only section without toggle button or title (only when navItems present)
       dividerOnly?: boolean,
-      // If true, styles the nav item as an app link (used on digital transformation project)
+      // If true, styles the nav item as app links (used on digital transformation project)
       appLinks?: boolean,
       // If true, positions the nav item at the end (right for horizontal, bottom for vertical) and treats as an external link
       external?: boolean,
@@ -1347,6 +1347,13 @@ const wa = {
     typeDef: "'wide'|'narrow'|'collapsible'",
     validator: (e) => ["wide", "narrow", "collapsible"].includes(e)
   },
+  bgVariant: {
+    default: "",
+    description: "The background color variant of the vertical navigation.\n      When set to `'bg-base'`, the background color will use `bg-base` instead\n      of the default `bg-navy-base`. Leave empty or omit for default styling.",
+    type: String,
+    typeDef: "''|'bg-base'",
+    validator: (e) => ["", "bg-base"].includes(e)
+  },
   width: {
     default: "",
     description: "Custom width of the vertical navigation. This will override\n      the `variant` prop.",
@@ -1448,10 +1455,10 @@ const Wa = ["id", "data-stacked"], Ka = ["data-open"], Ha = ["aria-controls", "a
           ])) : x("", !0),
           w("span", { id: r.value }, [
             z(v.$slots, "header", {}, () => [
-              _(V(v.headerText), 1)
+              _(L(v.headerText), 1)
             ])
           ], 8, Ya),
-          R(f(Ve), {
+          R(f(Le), {
             size: "md",
             "data-position": "end"
           })
@@ -1556,7 +1563,7 @@ const Ja = { key: 0 }, _a = {
       default: q(() => [
         v.value ? (l(), h("span", Ja, [
           z(k.$slots, "default", {}, () => [
-            _(V(k.label), 1)
+            _(L(k.label), 1)
           ])
         ])) : x("", !0),
         w("span", _a, [
@@ -1569,7 +1576,7 @@ const Ja = { key: 0 }, _a = {
         ]),
         $.value ? (l(), h("span", eo, [
           z(k.$slots, "default", {}, () => [
-            _(V(k.label), 1)
+            _(L(k.label), 1)
           ])
         ])) : x("", !0)
       ]),
@@ -1632,7 +1639,7 @@ const Ja = { key: 0 }, _a = {
       ]),
       default: q(() => [
         z(n.$slots, "default", {}, () => [
-          _(V(e.label), 1)
+          _(L(e.label), 1)
         ])
       ]),
       _: 3
@@ -1683,12 +1690,12 @@ const Ja = { key: 0 }, _a = {
       ]),
       w("div", oo, [
         z(i.$slots, "title", {}, () => [
-          _(V(i.title), 1)
+          _(L(i.title), 1)
         ])
       ]),
       i.description || i.$slots.description ? (l(), h("div", io, [
         z(i.$slots, "description", {}, () => [
-          _(V(i.description), 1)
+          _(L(i.description), 1)
         ])
       ])) : x("", !0),
       i.hideDismiss ? x("", !0) : (l(), h("button", {
@@ -1840,13 +1847,13 @@ const Ja = { key: 0 }, _a = {
         id: e.hintId,
         class: "bs-hint",
         "data-error": e.error
-      }, V(t.value), 9, fo)) : x("", !0),
+      }, L(t.value), 9, fo)) : x("", !0),
       e.charMax ? (l(), h("span", {
         key: 1,
         "aria-description": "character count over character limit for the preceding text field",
         class: "bs-character-count",
         "data-error": n.charCount > n.charMax
-      }, V(n.charCount || "0") + " / " + V(n.charMax), 9, bo)) : x("", !0)
+      }, L(n.charCount || "0") + " / " + L(n.charMax), 9, bo)) : x("", !0)
     ]));
   }
 }, ho = ["data-disabled", "for"], pe = {
@@ -2224,7 +2231,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
       }, {
         default: q(() => [
           z(g.$slots, "label", {}, () => [
-            _(V(g.label), 1)
+            _(L(g.label), 1)
           ])
         ]),
         _: 3
@@ -2435,24 +2442,24 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
           w("tr", null, [
             w("th", {
               colspan: r.value.colspan
-            }, V(r.value.title), 9, To)
+            }, L(r.value.title), 9, To)
           ]),
           w("tr", null, [
-            w("th", Co, V(r.value.colHeadingFirst), 1),
+            w("th", Co, L(r.value.colHeadingFirst), 1),
             (l(!0), h(J, null, de(r.value.colHeadings, (v) => (l(), h("th", {
               key: v,
               scope: "col"
-            }, V(v), 1))), 128))
+            }, L(v), 1))), 128))
           ])
         ]),
         w("tbody", null, [
           (l(!0), h(J, null, de(r.value.rows, (v) => (l(), h("tr", {
             key: v.rowLabelFmt || v.rowLabel
           }, [
-            w("th", Do, V(v.rowLabelFmt || v.rowLabel), 1),
+            w("th", Do, L(v.rowLabelFmt || v.rowLabel), 1),
             (l(!0), h(J, null, de(v.dataCells, ($) => (l(), h("td", {
               key: `${v.rowLabelFmt || v.rowLabel}${$.datasetLabel}${$.value}`
-            }, V($.value), 1))), 128))
+            }, L($.value), 1))), 128))
           ]))), 128))
         ])
       ], 8, Bo)) : x("", !0)
@@ -2730,7 +2737,7 @@ class Tn {
     return n;
   }
 }
-class Lo extends Tn {
+class Vo extends Tn {
   constructor({ data: n, options: t, plugins: a }) {
     super({ type: "bar", data: n, options: t, plugins: a });
   }
@@ -2754,7 +2761,7 @@ class Lo extends Tn {
     this.options = o;
   }
 }
-class Vo extends Tn {
+class Lo extends Tn {
   constructor({ data: n, options: t, plugins: a }) {
     super({ type: "line", data: n, options: t, plugins: a });
   }
@@ -2848,9 +2855,9 @@ class Mo {
     };
     switch (this.type) {
       case "bar":
-        return new Lo(n);
-      case "line":
         return new Vo(n);
+      case "line":
+        return new Lo(n);
       default:
         throw new Error(`Unsupported chart type: ${this.type}`);
     }
@@ -3071,7 +3078,7 @@ const No = {
       }, {
         default: q(() => [
           z(S.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -3345,8 +3352,8 @@ const No = {
               }, B.$attrs), [
                 e.helperText ? (l(), h("header", Go, [
                   w("div", null, [
-                    w("h3", null, V(e.helperText), 1),
-                    e.helperDescription ? (l(), h("p", Yo, V(e.helperDescription), 1)) : x("", !0)
+                    w("h3", null, L(e.helperText), 1),
+                    e.helperDescription ? (l(), h("p", Yo, L(e.helperDescription), 1)) : x("", !0)
                   ]),
                   w("button", {
                     type: "button",
@@ -3567,12 +3574,12 @@ const No = {
           type: "button",
           onClick: r
         }, [
-          w("span", Qo, V(u.value.text), 1),
+          w("span", Qo, L(u.value.text), 1),
           s.value ? (l(), D(f(ke), {
             key: 0,
             role: "presentation",
             size: "md"
-          })) : (l(), D(f(Ve), {
+          })) : (l(), D(f(Le), {
             key: 1,
             role: "presentation",
             size: "md"
@@ -3634,9 +3641,9 @@ const No = {
         variant: "notext"
       }, null, 8, ["count"])) : x("", !0),
       z(a.$slots, "label", {}, () => [
-        _(V(e.label), 1)
+        _(L(e.label), 1)
       ]),
-      R(f(Ve))
+      R(f(Le))
     ], 8, _o));
   }
 }, Cn = (e, n, t = "id") => {
@@ -3766,8 +3773,8 @@ const No = {
           i.labelHtml ? (l(), h("span", {
             key: 3,
             innerHTML: i.labelHtml
-          }, null, 8, li)) : (l(), h("span", si, V(i.label), 1)),
-          i.description ? (l(), h("span", ri, V(i.description), 1)) : x("", !0)
+          }, null, 8, li)) : (l(), h("span", si, L(i.label), 1)),
+          i.description ? (l(), h("span", ri, L(i.description), 1)) : x("", !0)
         ]),
         _: 2
       }, 1032, ["aria-checked", "value-id-key", "value", "variant"]))), 128)),
@@ -4196,6 +4203,10 @@ const No = {
       type: Boolean,
       default: !1
     },
+    containerId: {
+      type: String,
+      default: ""
+    },
     disabled: {
       type: Boolean,
       default: !1
@@ -4359,7 +4370,7 @@ const No = {
         }, {
           label: q(() => [
             z(N.$slots, "toggle-label", {}, () => [
-              _(V(e.toggleLabel), 1)
+              _(L(e.toggleLabel), 1)
             ])
           ]),
           _: 3
@@ -4368,6 +4379,7 @@ const No = {
       R(lt, {
         "anchor-id": e.anchorId || v.value,
         breakout: e.breakout,
+        "container-id": e.containerId,
         "helper-text": e.helperText,
         "helper-description": e.helperDescription,
         position: e.dropdownPosition,
@@ -4421,14 +4433,14 @@ const No = {
               onClick: G[4] || (G[4] = () => a("close"))
             }, {
               default: q(() => [
-                _(V(e.filterButtonText), 1)
+                _(L(e.filterButtonText), 1)
               ]),
               _: 1
             }, 8, ["title"])
           ])) : x("", !0)
         ]),
         _: 1
-      }, 8, ["anchor-id", "breakout", "helper-text", "helper-description", "position", "shown", "use-mobile-style", "width"])
+      }, 8, ["anchor-id", "breakout", "container-id", "helper-text", "helper-description", "position", "shown", "use-mobile-style", "width"])
     ], 8, bi));
   }
 }, zn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
@@ -4656,7 +4668,7 @@ const No = {
       }, {
         default: q(() => [
           z(d.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -4966,10 +4978,10 @@ const No = {
         ])
       ]),
       w("div", null, [
-        w("p", wi, V(u.title), 1),
+        w("p", wi, L(u.title), 1),
         u.size !== "xs" ? (l(), h("p", ki, [
           z(u.$slots, "description", {}, () => [
-            _(V(u.description), 1)
+            _(L(u.description), 1)
           ])
         ])) : x("", !0),
         z(u.$slots, "call-to-action")
@@ -5156,7 +5168,7 @@ const No = {
                 w("span", {
                   class: "bs-form-container-title",
                   "data-inactive": n.inactive
-                }, V(n.title), 9, xi)
+                }, L(n.title), 9, xi)
               ]),
               _: 1
             }, 8, ["required", "disabled"]),
@@ -5169,7 +5181,7 @@ const No = {
             class: "bs-form-container-subtitle",
             "data-inactive": n.inactive
           }, [
-            w("span", null, V(n.subTitle), 1)
+            w("span", null, L(n.subTitle), 1)
           ], 8, zi)) : x("", !0)
         ]),
         w("div", {
@@ -5188,7 +5200,7 @@ const No = {
     ], 8, Bi));
   }
 };
-function Lt(e) {
+function Vt(e) {
   const n = C({}), t = m(() => Wn(e.navData));
   function a(c) {
     t.value.forEach((p) => {
@@ -5229,7 +5241,7 @@ function Lt(e) {
     rawNavData: t
   };
 }
-const Li = ["aria-current", "data-active", "href", "target"], Me = {
+const Vi = ["aria-current", "data-active", "href", "target"], Me = {
   __name: "NavigationLink",
   props: {
     item: {
@@ -5243,7 +5255,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
   },
   emits: ["nav-link-clicked"],
   setup(e, { emit: n }) {
-    const t = e, a = n, { isAbsoluteTo: o, isActivePath: i, getTo: u, getTarget: s } = Lt(t);
+    const t = e, a = n, { isAbsoluteTo: o, isActivePath: i, getTo: u, getTarget: s } = Vt(t);
     return (r, d) => {
       const c = en("router-link");
       return f(o)(e.item) ? (l(), h("a", {
@@ -5255,7 +5267,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
         onClick: d[0] || (d[0] = (p) => a("nav-link-clicked", p))
       }, [
         z(r.$slots, "default")
-      ], 8, Li)) : (l(), D(c, {
+      ], 8, Vi)) : (l(), D(c, {
         key: 1,
         "aria-current": f(i)(e.item) || void 0,
         "data-active": f(i)(e.item),
@@ -5270,7 +5282,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       }, 8, ["aria-current", "data-active", "to", "target"]));
     };
   }
-}, Vi = ["data-shown", "data-hide-toggle"], Mi = ["aria-expanded", "aria-controls", "title"], Ni = { class: "bs-horizontal-nav-mobile-toggle-title" }, qi = ["id"], Ri = ["data-expanded"], ji = ["aria-expanded", "aria-controls", "data-active", "title", "onClick"], Fi = { class: "bs-horizontal-nav-mobile-nested-menu" }, Ui = { key: 1 }, Wi = {
+}, Li = ["data-shown", "data-hide-toggle"], Mi = ["aria-expanded", "aria-controls", "title"], Ni = { class: "bs-horizontal-nav-mobile-toggle-title" }, qi = ["id"], Ri = ["data-expanded"], ji = ["aria-expanded", "aria-controls", "data-active", "title", "onClick"], Fi = { class: "bs-horizontal-nav-mobile-nested-menu" }, Ui = { key: 1 }, Wi = {
   key: 0,
   class: "bs-horizontal-nav-mobile-end-items"
 }, Ki = {
@@ -5294,7 +5306,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       isActivePath: s,
       isExpanded: r,
       rawNavData: d
-    } = Lt(t), c = St();
+    } = Vt(t), c = St();
     Fe("(max-width: 1165px)", (b) => {
       p.value = b.matches;
     });
@@ -5357,9 +5369,9 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
               key: 1,
               class: "bs-horizontal-nav-mobile-toggle-title-icon"
             })),
-            w("span", null, V(b.mobileToggleText), 1)
+            w("span", null, L(b.mobileToggleText), 1)
           ]),
-          R(f(Ve), { class: "bs-horizontal-nav-mobile-toggle-caret" })
+          R(f(Le), { class: "bs-horizontal-nav-mobile-toggle-caret" })
         ], 8, Mi)),
         R(wt, { name: "bs-horizontal-nav-mobile" }, {
           default: q(() => [
@@ -5386,8 +5398,8 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                         title: f(i)(B),
                         onClick: (I) => $(B.id)
                       }, [
-                        w("span", null, V(B.text), 1),
-                        R(f(Ve), { class: "bs-horizontal-nav-mobile-nested-toggle-caret" })
+                        w("span", null, L(B.text), 1),
+                        R(f(Le), { class: "bs-horizontal-nav-mobile-nested-toggle-caret" })
                       ], 8, ji),
                       w("ul", Fi, [
                         (l(!0), h(J, null, de(B.navItems, (I) => (l(), h("li", null, [
@@ -5397,7 +5409,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                             onNavLinkClicked: (E) => a("nav-link-clicked", { ev: E, payload: I })
                           }, {
                             default: q(() => [
-                              _(V(I.text), 1)
+                              _(L(I.text), 1)
                             ]),
                             _: 2
                           }, 1032, ["item", "router", "onNavLinkClicked"])
@@ -5410,7 +5422,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                         onNavLinkClicked: (I) => a("nav-link-clicked", { ev: I, payload: B })
                       }, {
                         default: q(() => [
-                          _(V(B.text), 1)
+                          _(L(B.text), 1)
                         ]),
                         _: 2
                       }, 1032, ["item", "router", "onNavLinkClicked"])
@@ -5427,7 +5439,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
           ]),
           _: 3
         })
-      ], 8, Vi)) : (l(), h("div", Ki, [
+      ], 8, Li)) : (l(), h("div", Ki, [
         w("nav", null, [
           !b.title && b.titleIcon ? (l(), h(J, { key: 0 }, [
             typeof b.titleIcon == "string" ? (l(), D(f(ce), {
@@ -5449,10 +5461,10 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                 onClick: M[1] || (M[1] = (B) => a("nav-link-clicked", { ev: B, payload: { resource: { url: b.titleUrl }, text: b.title } }))
               }, {
                 default: q(() => [
-                  w("span", null, V(b.title), 1)
+                  w("span", null, L(b.title), 1)
                 ]),
                 _: 1
-              }, 8, ["aria-current", "to", "data-active"])) : (l(), h("span", Gi, V(b.title), 1))
+              }, 8, ["aria-current", "to", "data-active"])) : (l(), h("span", Gi, L(b.title), 1))
             ])) : x("", !0),
             (l(!0), h(J, null, de(f(d), (B, g) => {
               var I;
@@ -5471,8 +5483,8 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                     title: f(i)(B),
                     onClick: (E) => $(B.id)
                   }, [
-                    w("span", null, V(B.text), 1),
-                    R(f(Ve), { class: "bs-horizontal-nav-nested-toggle-caret" })
+                    w("span", null, L(B.text), 1),
+                    R(f(Le), { class: "bs-horizontal-nav-nested-toggle-caret" })
                   ], 8, Xi),
                   R(lt, {
                     id: `${B.id}-nested-section`,
@@ -5495,7 +5507,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                             onNavLinkClicked: (N) => S(N, E)
                           }, {
                             default: q(() => [
-                              _(V(E.text), 1)
+                              _(L(E.text), 1)
                             ]),
                             _: 2
                           }, 1032, ["item", "router", "onNavLinkClicked"])
@@ -5511,7 +5523,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                     onNavLinkClicked: (E) => a("nav-link-clicked", { ev: E, payload: B })
                   }, {
                     default: q(() => [
-                      w("span", null, V(B.text), 1)
+                      w("span", null, L(B.text), 1)
                     ]),
                     _: 2
                   }, 1032, ["item", "router", "onNavLinkClicked"])
@@ -5526,7 +5538,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       ]));
     };
   }
-}, Ji = ["view-box"], _i = ["id"], el = ["offset", "stop-color"], Lr = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ji = ["view-box"], _i = ["id"], el = ["offset", "stop-color"], Vr = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsIconGradientWrapper",
   setup(e) {
     const n = C(null), t = C(null), a = [
@@ -5568,7 +5580,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       ], 8, Ji))
     ], 64));
   }
-}), Pn = Symbol("InlineTabs"), Vr = {
+}), Pn = Symbol("InlineTabs"), Lr = {
   __name: "BsInlineTab",
   props: Ze,
   setup(e) {
@@ -5701,7 +5713,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       }, {
         default: q(() => [
           z(c.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -5922,7 +5934,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
         class: ve({ "visually-hidden": e.hideLabel })
       }, {
         default: q(() => [
-          _(V(e.label), 1)
+          _(L(e.label), 1)
         ]),
         _: 1
       }, 8, ["for", "required", "disabled", "class"]),
@@ -5947,8 +5959,8 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
               type: "button",
               onClick: oe[0] || (oe[0] = (Pe) => P.value = !P.value)
             }, [
-              w("span", null, V((le = p.value) == null ? void 0 : le.flag), 1),
-              w("span", null, "+" + V(d.value), 1),
+              w("span", null, L((le = p.value) == null ? void 0 : le.flag), 1),
+              w("span", null, "+" + L(d.value), 1),
               e.disabled ? x("", !0) : (l(), D(f(sn), {
                 key: 0,
                 size: "sm"
@@ -6000,8 +6012,8 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
               variant: "2-col"
             }, {
               default: q(() => [
-                w("span", al, V(le == null ? void 0 : le.flag), 1),
-                w("span", ol, V(le.label), 1)
+                w("span", al, L(le == null ? void 0 : le.flag), 1),
+                w("span", ol, L(le.label), 1)
               ]),
               _: 2
             }, 1032, ["aria-label", "value"]))), 128)) : x("", !0)
@@ -6038,7 +6050,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       viewBox: "0 0 100 100",
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      w("title", null, V(e.label), 1),
+      w("title", null, L(e.label), 1),
       w("circle", {
         cx: "50",
         cy: "50",
@@ -6203,7 +6215,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
       }, {
         default: q(() => [
           z(I.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -6468,7 +6480,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                         key: 0,
                         class: "bs-modal-title",
                         id: f(s)
-                      }, V(y.title), 9, yl)) : x("", !0)
+                      }, L(y.title), 9, yl)) : x("", !0)
                     ]) : x("", !0),
                     y.closeButton ? (l(), h("button", {
                       key: 1,
@@ -6483,7 +6495,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
                   ]),
                   p.value ? (l(), h("div", gl, [
                     z(y.$slots, "subtitle", {}, () => [
-                      w("span", { id: f(r) }, V(y.subtitle), 9, wl)
+                      w("span", { id: f(r) }, L(y.subtitle), 9, wl)
                     ])
                   ])) : x("", !0),
                   v.value ? (l(), h("div", kl, [
@@ -6521,7 +6533,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
 }, Tl = ["aria-label", "title", "disabled"], Cl = { key: 0 }, Dl = ["aria-label", "title", "disabled"], Ol = { key: 0 }, xl = {
   key: 1,
   class: "bs-pagination-page-numbers"
-}, Al = ["title", "disabled", "data-selected", "onClick"], zl = { key: 2 }, El = { key: 3 }, Pl = { class: "bs-pagination-results-numbers" }, Ll = ["data-selected", "disabled", "onClick"], Vl = {
+}, Al = ["title", "disabled", "data-selected", "onClick"], zl = { key: 2 }, El = { key: 3 }, Pl = { class: "bs-pagination-results-numbers" }, Vl = ["data-selected", "disabled", "onClick"], Ll = {
   key: 5,
   class: "bs-pagination-carets"
 }, Ml = ["aria-label", "title", "disabled"], Nl = { key: 0 }, ql = ["aria-label", "title", "disabled"], Rl = { key: 0 }, Ur = {
@@ -6672,7 +6684,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
           onClick: r
         }, [
           R(f(Zn)),
-          e.firstPageText ? (l(), h("span", Cl, V(e.firstPageText), 1)) : x("", !0)
+          e.firstPageText ? (l(), h("span", Cl, L(e.firstPageText), 1)) : x("", !0)
         ], 10, Tl)) : x("", !0),
         w("button", {
           type: "button",
@@ -6683,7 +6695,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
           onClick: d
         }, [
           R(f(nt)),
-          e.prevPageText ? (l(), h("span", Ol, V(e.prevPageText), 1)) : x("", !0)
+          e.prevPageText ? (l(), h("span", Ol, L(e.prevPageText), 1)) : x("", !0)
         ], 10, Dl)
       ])) : x("", !0),
       e.variant === "base" && e.centerDisplay === "numbers" ? (l(), h("div", xl, [
@@ -6694,10 +6706,10 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
           disabled: i.value === b || e.breakText === b,
           "data-selected": b === i.value,
           onClick: (M) => i.value = b
-        }, V(b), 9, Al))), 128))
+        }, L(b), 9, Al))), 128))
       ])) : x("", !0),
-      t.variant === "base" && t.centerDisplay === "text" ? (l(), h("span", zl, V($.value), 1)) : x("", !0),
-      t.variant === "group" ? (l(), h("span", El, V(O.value), 1)) : x("", !0),
+      t.variant === "base" && t.centerDisplay === "text" ? (l(), h("span", zl, L($.value), 1)) : x("", !0),
+      t.variant === "group" ? (l(), h("span", El, L(O.value), 1)) : x("", !0),
       t.variant === "results" ? (l(), h(J, { key: 4 }, [
         S[0] || (S[0] = w("span", null, "Results Per Page:", -1)),
         w("div", Pl, [
@@ -6707,10 +6719,10 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
             "data-selected": b === i.value,
             disabled: i.value === b || e.breakText === b,
             onClick: (M) => i.value = b
-          }, V(b), 9, Ll))), 128))
+          }, L(b), 9, Vl))), 128))
         ])
       ], 64)) : x("", !0),
-      e.variant === "base" || e.variant === "group" ? (l(), h("div", Vl, [
+      e.variant === "base" || e.variant === "group" ? (l(), h("div", Ll, [
         w("button", {
           type: "button",
           class: ve(e.nextPageText ? "bs-pagination-word-caret" : void 0),
@@ -6719,7 +6731,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
           disabled: i.value === u.value,
           onClick: c
         }, [
-          e.nextPageText ? (l(), h("span", Nl, V(e.nextPageText), 1)) : x("", !0),
+          e.nextPageText ? (l(), h("span", Nl, L(e.nextPageText), 1)) : x("", !0),
           R(f(at))
         ], 10, Ml),
         e.showFirstLastButtons ? (l(), h("button", {
@@ -6731,7 +6743,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
           disabled: i.value === u.value,
           onClick: p
         }, [
-          e.lastPageText ? (l(), h("span", Rl, V(e.lastPageText), 1)) : x("", !0),
+          e.lastPageText ? (l(), h("span", Rl, L(e.lastPageText), 1)) : x("", !0),
           R(f(Qn))
         ], 10, ql)) : x("", !0)
       ])) : x("", !0)
@@ -6832,13 +6844,13 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
               class: "bs-icon"
             }))
           ], 64)) : x("", !0),
-          _(" " + V(e.action), 1)
+          _(" " + L(e.action), 1)
         ])
       ])) : x("", !0),
-      w("span", Ul, V(e.profileName), 1),
-      e.company ? (l(), h("span", Wl, V(e.company), 1)) : x("", !0),
-      e.jobTitle ? (l(), h("span", Kl, V(e.jobTitle), 1)) : x("", !0),
-      e.email ? (l(), h("span", Hl, V(e.email), 1)) : x("", !0),
+      w("span", Ul, L(e.profileName), 1),
+      e.company ? (l(), h("span", Wl, L(e.company), 1)) : x("", !0),
+      e.jobTitle ? (l(), h("span", Kl, L(e.jobTitle), 1)) : x("", !0),
+      e.email ? (l(), h("span", Hl, L(e.email), 1)) : x("", !0),
       e.miscMeta || o.$slots.misc ? (l(), h("span", Gl, [
         z(o.$slots, "misc", {}, () => [
           e.miscMetaIcon ? (l(), h(J, { key: 0 }, [
@@ -6851,7 +6863,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
               class: "bs-icon"
             }))
           ], 64)) : x("", !0),
-          _(" " + V(e.miscMeta), 1)
+          _(" " + L(e.miscMeta), 1)
         ])
       ])) : x("", !0)
     ]));
@@ -6903,7 +6915,7 @@ const Li = ["aria-current", "data-active", "href", "target"], Me = {
     }, 16, ["data-layout", "onClick"]));
   }
 });
-function Ln(e) {
+function Vn(e) {
   const n = m(() => {
     var o;
     switch (e.currentStatus) {
@@ -6956,7 +6968,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     }
   },
   setup(e) {
-    const n = e, { progressStep: t, progressText: a, getStatus: o } = Ln(n);
+    const n = e, { progressStep: t, progressText: a, getStatus: o } = Vn(n);
     return (i, u) => (l(), h("div", {
       "aria-valuemax": e.steps.length,
       "aria-valuenow": f(t),
@@ -6972,7 +6984,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         key: s.id || s.label,
         role: "status"
       }, [
-        w("span", null, V(s.label || s) + " : " + V(f(o)(s.status, r) || "not started"), 1)
+        w("span", null, L(s.label || s) + " : " + L(f(o)(s.status, r) || "not started"), 1)
       ], 8, Zl))), 128))
     ], 8, Xl));
   }
@@ -7047,7 +7059,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }, {
         default: q(() => [
           z(r.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -7139,7 +7151,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }, {
         default: q(() => [
           z(c.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -7158,13 +7170,13 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
             selected: !d.value,
             value: "",
             disabled: !!d.value
-          }, V(e.disabled ? "" : e.placeholder), 9, ts),
+          }, L(e.disabled ? "" : e.placeholder), 9, ts),
           (l(!0), h(J, null, de(e.data, (v) => (l(), h("option", {
             key: v.value,
             disabled: v.disabled,
             selected: d.value === v.value,
             value: v.value
-          }, V(v.label), 9, ns))), 128))
+          }, L(v.label), 9, ns))), 128))
         ]),
         _: 1
       }, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
@@ -7278,7 +7290,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }, {
         default: q(() => [
           z(v.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -7328,8 +7340,8 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
           }, v.$attrs, {
             onClick: $[0] || ($[0] = Ce((O) => s.value = !s.value, ["prevent"]))
           }), [
-            w("span", null, V(c.value), 1),
-            e.disabled ? x("", !0) : (l(), D(f(Ve), {
+            w("span", null, L(c.value), 1),
+            e.disabled ? x("", !0) : (l(), D(f(Le), {
               key: 0,
               size: "md"
             }))
@@ -7396,7 +7408,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }, {
         default: q(() => [
           z(d.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -7571,7 +7583,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       }, 25);
       y.value = new ResizeObserver(A), y.value.observe(document.body), d.value && y.value.observe(d.value);
     }
-    function L() {
+    function V() {
       $.value = Array.from(c.value.children).filter((A) => A.role === "tab");
     }
     function F() {
@@ -7593,7 +7605,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     return Z(() => t.activeTabId, we), ee(() => {
       var A;
       try {
-        L(), F(), T(), S.value = d.value.getBoundingClientRect().width, te(), t.withBsTabs || (A = $.value[B.value]) == null || A.setAttribute("aria-selected", "true");
+        V(), F(), T(), S.value = d.value.getBoundingClientRect().width, te(), t.withBsTabs || (A = $.value[B.value]) == null || A.setAttribute("aria-selected", "true");
       } catch (j) {
         console.log("tab error", j);
       }
@@ -7628,7 +7640,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         onClick: Oe
       }, [
         R(f(Jn), { size: "sm" }),
-        _(" " + V(N.value), 1)
+        _(" " + L(N.value), 1)
       ], 8, cs),
       R(En, {
         "anchor-id": E.value,
@@ -7651,7 +7663,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
             "options-id": I.value
           }, {
             default: q(() => [
-              _(V(X.textContent), 1)
+              _(L(X.textContent), 1)
             ]),
             _: 2
           }, 1032, ["value", "options-id"]))), 128))
@@ -7685,10 +7697,10 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
     ], 8, bs));
   }
 };
-function Vn() {
+function Ln() {
   return null;
 }
-Vn.props = {
+Ln.props = {
   id: {
     // TODO: Change to "required", use as cell loop key, and update all docs after getting resizing working ORCA app okay
     type: String,
@@ -7741,7 +7753,7 @@ Vn.props = {
     // default width is set in Table.vue
   }
 };
-const ct = Vn, Mn = Symbol("TableHeaderProvider"), Nn = Symbol("TableBodyProvider"), qn = Symbol("TableFooterProvider"), pt = {
+const ct = Ln, Mn = Symbol("TableHeaderProvider"), Nn = Symbol("TableBodyProvider"), qn = Symbol("TableFooterProvider"), pt = {
   __name: "TableRowGroup",
   props: {
     kind: {
@@ -7809,7 +7821,7 @@ function Fn(e, { slots: n }) {
   }, n);
 }
 Fn.props = {};
-const Yt = Fn, Vt = (e, n) => {
+const Yt = Fn, Lt = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [a, o] of n)
     t[a] = o;
@@ -7820,13 +7832,13 @@ function ys(e, n) {
     z(e.$slots, "default")
   ]);
 }
-const gs = /* @__PURE__ */ Vt(vs, [["render", ys]]), ws = {}, ks = { class: "bs-table-wrap-footer" };
+const gs = /* @__PURE__ */ Lt(vs, [["render", ys]]), ws = {}, ks = { class: "bs-table-wrap-footer" };
 function Ss(e, n) {
   return l(), h("div", ks, [
     z(e.$slots, "default")
   ]);
 }
-const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
+const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
   __name: "SortToggle",
   props: {
     order: {
@@ -8039,30 +8051,30 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
       center: [],
       right: []
     }), o = C({}), i = m(() => Object.values(a.value).flat().map((T) => {
-      const L = E(T);
-      return o.value[L] ?? ie(T);
+      const V = E(T);
+      return o.value[V] ?? ie(T);
     }).join(" ")), u = m(() => `--bs-table-cell-padding: ${["xs", "sm", "md", "lg", "xl", "none"].includes(e.cellPadding) ? `var(--bs-table-cell-padding-${e.cellPadding})` : e.cellPadding}`), s = m(() => typeof e.rowHover != "string" || e.rowHover === "true" ? "" : `--bs-table-row-hover: ${e.rowHover}`), r = m(() => Object.values(a.value).flat().some(E));
     function d(T = []) {
-      const L = [
+      const V = [
         "bs-table-wrap",
         `bs-table-border-${e.borders}`,
         e.striped && "bs-table-striped",
         e.rowHover && "bs-table-row-hover"
       ];
       return se("div", {
-        class: L,
+        class: V,
         style: [u.value, s.value]
       }, T);
     }
     function c(T = []) {
-      const L = [
+      const V = [
         `--bs-table-col-widths: ${i.value}`,
         `--bs-table-frozen-left-count: ${a.value.left.length}`,
         `--bs-table-frozen-right-count: ${a.value.right.length}`
       ];
       return se("div", {
         class: "bs-table",
-        style: L,
+        style: V,
         role: e.role,
         ariaLabel: e.ariaLabel,
         ariaDescribedby: e.ariaDescribedby
@@ -8094,15 +8106,15 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
       return se(pt, { kind: "body" }, () => T);
     }
     function y() {
-      const T = e.rows.map((L, F) => P(
-        Ie(he, { row: L, rowIndex: F })
+      const T = e.rows.map((V, F) => P(
+        Ie(he, { row: V, rowIndex: F })
       ));
       return k(T);
     }
     function S() {
-      const T = e.rows.map((L, F) => {
-        const Q = n.body({ row: L, rowIndex: F });
-        return B(Q, he, { row: L, rowIndex: F });
+      const T = e.rows.map((V, F) => {
+        const Q = n.body({ row: V, rowIndex: F });
+        return B(Q, he, { row: V, rowIndex: F });
       });
       return k(T);
     }
@@ -8121,43 +8133,43 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
     function P(T = []) {
       return se(bt, null, () => T);
     }
-    function B(T = [], L, F = {}) {
+    function B(T = [], V, F = {}) {
       return Y(T, [bt]).map(
-        (A) => Oe(A) ? se(A, null, () => Ie(L, F)) : se(A)
+        (A) => Oe(A) ? se(A, null, () => Ie(V, F)) : se(A)
       );
     }
     function g(T = {}) {
       var A;
-      const L = (A = T.slots) == null ? void 0 : A.default({}).find((j) => j.type === Gt), F = te(T), Q = {
+      const V = (A = T.slots) == null ? void 0 : A.default({}).find((j) => j.type === Gt), F = te(T), Q = {
         class: e.truncate && $e(T),
         "data-bs-table-col-id": T.props.id,
         // TODO: only added here for col resize reasons, could be on all cells
         ...I(T),
         ...F && F === e.sortKey && { "aria-sort": `${e.sortOrder}ending` }
       };
-      if (F && (L != null && L.children)) {
-        const j = L.children.default().map((X) => X.type === Xt ? Yn(X, { ...N(T) }) : se(X));
-        return se(L, Q, () => j);
+      if (F && (V != null && V.children)) {
+        const j = V.children.default().map((X) => X.type === Xt ? Yn(X, { ...N(T) }) : se(X));
+        return se(V, Q, () => j);
       }
-      return L ? se(L, Q) : se(Gt, Q, () => {
+      return V ? se(V, Q) : se(Gt, Q, () => {
         var j;
         return G(T) || ((j = T.props) == null ? void 0 : j.name);
       });
     }
     function I(T) {
-      const L = E(T);
-      if (!L) return {};
+      const V = E(T);
+      if (!V) return {};
       const F = T.props["resize-min"] || T.props.resizeMin, Q = T.props["resize-max"] || T.props.resizeMax;
       return {
-        "data-bs-table-col-resize-id": L,
+        "data-bs-table-col-resize-id": V,
         "data-bs-table-col-resize": ["right", "left"].includes(T.props.resize) ? T.props.resize : void 0,
         "data-bs-table-col-resize-min": F === void 0 ? e.resizeColsMin : F,
         "data-bs-table-col-resize-max": Q === void 0 ? e.resizeColsMax : Q
       };
     }
     function E(T) {
-      const L = T.props["resize-id"] || T.props.resizeId;
-      if (L) return L;
+      const V = T.props["resize-id"] || T.props.resizeId;
+      if (V) return V;
       const F = T.props["resize-key"] || T.props.resizeKey;
       if (F)
         throw new Error(`[BsTable] BsTableCol does not have a "resize-key" prop. Instead, use: resize-id="${F}".`);
@@ -8167,10 +8179,10 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
       }
     }
     function N(T = {}) {
-      const L = te(T);
+      const V = te(T);
       return {
-        order: e.sortKey === L ? e.sortOrder : null,
-        onToggle: (F) => t("sort", { sortKey: L, sortOrder: F })
+        order: e.sortKey === V ? e.sortOrder : null,
+        onToggle: (F) => t("sort", { sortKey: V, sortOrder: F })
       };
     }
     function G(T = {}) {
@@ -8181,41 +8193,41 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
         });
     }
     function te(T) {
-      const L = T.props["sort-key"] || T.props.sortKey;
-      if (L) return L;
+      const V = T.props["sort-key"] || T.props.sortKey;
+      if (V) return V;
       if (K(T, "sort")) {
         if (!T.props.id) throw new Error(`[BsTable] BsTableCol "sort" prop is missing key identifier. Must use either approach...single prop: 'sort-key="mySortKey"', or both props: 'sort id="myTableColId"'`);
         return T.props.id;
       }
     }
-    function he(T = {}, L = {}) {
+    function he(T = {}, V = {}) {
       var A;
-      const F = (A = T.slots) == null ? void 0 : A.default(L).find((j) => j.type === Yt), Q = { class: e.truncate && $e(T) };
-      return F ? se(F, Q) : se(Yt, Q, () => U(L.row, T));
+      const F = (A = T.slots) == null ? void 0 : A.default(V).find((j) => j.type === Yt), Q = { class: e.truncate && $e(T) };
+      return F ? se(F, Q) : se(Yt, Q, () => U(V.row, T));
     }
     function $e(T) {
-      const L = T.props.truncate === void 0 ? e.truncate : T.props.truncate === "" || T.props.truncate;
-      return T.props.truncate !== "false" && L && "bs-table-truncate";
+      const V = T.props.truncate === void 0 ? e.truncate : T.props.truncate === "" || T.props.truncate;
+      return T.props.truncate !== "false" && V && "bs-table-truncate";
     }
-    function ge(T, L, F) {
+    function ge(T, V, F) {
       if (!a.value[T].length) return;
-      const Q = a.value[T].map((A) => L(A, F));
+      const Q = a.value[T].map((A) => V(A, F));
       return se("div", { class: `bs-table-cols-frozen-${T}` }, Q);
     }
-    function Ie(T, L = {}) {
+    function Ie(T, V = {}) {
       return [
-        ge("left", T, L),
-        a.value.center.map((F) => T(F, L)),
-        ge("right", T, L)
+        ge("left", T, V),
+        a.value.center.map((F) => T(F, V)),
+        ge("right", T, V)
       ];
     }
     function we() {
       return se(Is, { onResize: Ee });
     }
-    function Ee({ el: T, id: L, width: F }) {
+    function Ee({ el: T, id: V, width: F }) {
       const Q = Object.values(a.value).flat().reduce((j, X) => {
         const ne = E(X) || X.props.id;
-        return ne === L || o.value[ne] || ie(X).endsWith("px") || j.push({ id: ne, width: null }), j;
+        return ne === V || o.value[ne] || ie(X).endsWith("px") || j.push({ id: ne, width: null }), j;
       }, []);
       if (Q.length) {
         const j = T.closest(".bs-table-row");
@@ -8224,63 +8236,63 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
           ne && (X.width = `${ne.offsetWidth}px`);
         });
       }
-      const A = [{ id: L, width: F ? `${F}px` : void 0 }, ...Q];
+      const A = [{ id: V, width: F ? `${F}px` : void 0 }, ...Q];
       A.forEach((j) => o.value[j.id] = j.width), t("resize-col", { target: A[0], updated: [...A] });
     }
     function Oe(T) {
       return T.type === bt && !T.children;
     }
-    function U(T, L) {
-      return (L.props["row-key"] || L.props.rowKey || L.props.id || "").split(".").reduce((A, j) => A && A[j], T);
+    function U(T, V) {
+      return (V.props["row-key"] || V.props.rowKey || V.props.id || "").split(".").reduce((A, j) => A && A[j], T);
     }
-    function K(T, L) {
-      const F = T.props[L];
+    function K(T, V) {
+      const F = T.props[V];
       return F === "" || F && F !== "false";
     }
     function ie(T) {
-      var L;
-      return ((L = T.props) == null ? void 0 : L.width) ?? e.colWidth;
+      var V;
+      return ((V = T.props) == null ? void 0 : V.width) ?? e.colWidth;
     }
-    function Y(T, L = []) {
-      return T.reduce((F, Q) => L.includes(Q.type) ? [...F, Q] : Array.isArray(Q.children) ? [...F, ...Y(Q.children, L)] : F, []);
+    function Y(T, V = []) {
+      return T.reduce((F, Q) => V.includes(Q.type) ? [...F, Q] : Array.isArray(Q.children) ? [...F, ...Y(Q.children, V)] : F, []);
     }
     function oe(T) {
       var F;
-      const L = ((F = T.props) == null ? void 0 : F.place) || T.type.props.place.default;
-      return T.type.props.place.validator(L) || console.warn(`[BsTable warn] Invalid prop: BsFrozenCols prop "place" must be set to "left" or "right". Yours: "${L}".`), {
-        place: L,
+      const V = ((F = T.props) == null ? void 0 : F.place) || T.type.props.place.default;
+      return T.type.props.place.validator(V) || console.warn(`[BsTable warn] Invalid prop: BsFrozenCols prop "place" must be set to "left" or "right". Yours: "${V}".`), {
+        place: V,
         frozenCols: Y(T.children.default(), [ct])
       };
     }
     function le(T = []) {
-      const L = (F) => ({
+      const V = (F) => ({
         props: F.props || { name: "" },
         slots: F.children
       });
       return T.reduce((F, Q) => {
         if (Q.type === ft) {
           const { place: A, frozenCols: j } = oe(Q);
-          return F[A] = F[A].concat(j.map(L)), F;
+          return F[A] = F[A].concat(j.map(V)), F;
         }
-        return F.center.push(L(Q)), F;
+        return F.center.push(V(Q)), F;
       }, { left: [], center: [], right: [] });
     }
     function Pe(T) {
-      return T.reduce((L, F) => {
+      return T.reduce((V, F) => {
         if (F.type === gs)
-          return L.header = F, L;
+          return V.header = F, V;
         if (F.type === $s)
-          return L.footer = F, L;
+          return V.footer = F, V;
         if ([ft, ct].includes(F.type))
-          return L.columns.push(F), L;
+          return V.columns.push(F), V;
         const Q = Y([F], [ft, ct]);
-        return Q != null && Q.length ? L.columns = [...L.columns, ...Q] : L.other.push(F), L;
+        return Q != null && Q.length ? V.columns = [...V.columns, ...Q] : V.other.push(F), V;
       }, { columns: [], header: null, footer: null, other: [] });
     }
     return () => {
-      const { columns: T, header: L, footer: F, other: Q } = Pe(n.default());
+      const { columns: T, header: V, footer: F, other: Q } = Pe(n.default());
       return a.value = le(T), d([
-        L,
+        V,
         p([
           c([
             n.header ? O() : $(),
@@ -8388,7 +8400,7 @@ const $s = /* @__PURE__ */ Vt(ws, [["render", Ss]]), Xt = {
       }, {
         default: q(() => [
           z(p.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -8441,7 +8453,7 @@ function Ds(e = "") {
     minutes: a
   };
 }
-function Le(e = "") {
+function Ve(e = "") {
   const n = /[^0-9:]/g;
   if (e = e.replaceAll(n, ""), !e) return "";
   const [t, a] = e.split(":"), o = Ne(t), i = Ne(a), u = o < 12 ? "AM" : "PM";
@@ -8516,7 +8528,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
   },
   emits: ["update:modelValue"],
   setup(e, { expose: n, emit: t }) {
-    const a = e, o = t, i = C(Le(a.modelValue)), u = C([]), s = C(""), r = C(!1);
+    const a = e, o = t, i = C(Ve(a.modelValue)), u = C([]), s = C(""), r = C(!1);
     function d() {
       const S = [];
       let b = !1;
@@ -8529,7 +8541,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
               break;
             }
             S.push({
-              label: Le(B),
+              label: Ve(B),
               value: B
             });
           }
@@ -8555,7 +8567,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
     }
     function $(S) {
       const b = Os(S);
-      b === a.modelValue && (i.value = Le(a.modelValue)), k(b);
+      b === a.modelValue && (i.value = Ve(a.modelValue)), k(b);
     }
     function O() {
       u.value = d();
@@ -8566,13 +8578,13 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
     function y(S) {
       switch (c(S)) {
         case vt:
-          s.value = `Time must be before ${Le(a.maxTime)}`, r.value = !0;
+          s.value = `Time must be before ${Ve(a.maxTime)}`, r.value = !0;
           break;
         case mt:
-          s.value = `Time must be after ${Le(a.minTime)}`, r.value = !0;
+          s.value = `Time must be after ${Ve(a.minTime)}`, r.value = !0;
           break;
         case ht:
-          s.value = `The following times are disabled: ${a.disabledTimes.map((M) => Le(M)).join(", ")}`, r.value = !0;
+          s.value = `The following times are disabled: ${a.disabledTimes.map((M) => Ve(M)).join(", ")}`, r.value = !0;
           break;
         default:
           s.value = "", r.value = !1;
@@ -8589,7 +8601,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       () => a.minTime,
       () => a.modelValue
     ], () => y(a.modelValue)), Z(() => a.modelValue, (S) => {
-      i.value = a.modelValue ? Le(S) : "";
+      i.value = a.modelValue ? Ve(S) : "";
     }), n({
       validationErr: r,
       validationErrMsg: s
@@ -8702,7 +8714,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       }, {
         default: q(() => [
           z(k.$slots, "label", {}, () => [
-            _(V(e.label), 1)
+            _(L(e.label), 1)
           ])
         ]),
         _: 3
@@ -8774,7 +8786,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       ongoing: na,
       paused: ta,
       warning: $t
-    }, { progressStep: a, progressText: o, getStatus: i } = Ln(n);
+    }, { progressStep: a, progressText: o, getStatus: i } = Vn(n);
     function u(s, r) {
       return s = i(s, r), t[s] || jt;
     }
@@ -8797,8 +8809,8 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
           role: "presentation"
         })),
         w("p", null, [
-          _(V(d.label || d) + " ", 1),
-          w("span", Es, " : " + V(f(i)(d.status, c) || "not started"), 1)
+          _(L(d.label || d) + " ", 1),
+          w("span", Es, " : " + L(f(i)(d.status, c) || "not started"), 1)
         ])
       ], 8, zs))), 128))
     ], 8, As));
@@ -8880,7 +8892,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       _: 3
     }, 8, ["shown", "preloaded"]));
   }
-}), Ls = ["data-stacked"], id = {
+}), Vs = ["data-stacked"], id = {
   __name: "BsToastActions",
   setup(e) {
     const n = ue("handleDismiss", () => {
@@ -8906,9 +8918,9 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
           _: 1
         }, 8, ["onClick"])
       ])
-    ], 8, Ls));
+    ], 8, Vs));
   }
-}, Vs = {}, Ms = {
+}, Ls = {}, Ms = {
   class: "bs-toast-body",
   "data-component": "bs-toast-body"
 };
@@ -8917,7 +8929,7 @@ function Ns(e, n) {
     z(e.$slots, "default")
   ]);
 }
-const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd = {
+const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd = {
   __name: "BsToastHeader",
   setup(e) {
     const n = ue("variant", void 0), t = m(() => {
@@ -9009,12 +9021,12 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
         role: "tooltip"
       }, [
         z(s.$slots, "content", {}, () => [
-          _(V(e.content), 1)
+          _(L(e.content), 1)
         ])
       ], 10, Fs)
     ], 40, js));
   }
-}, Us = { class: "bs-vertical-nav-wrapper" }, Ws = ["aria-expanded", "title", "data-collapsed", "data-narrow"], Ks = ["data-narrow", "data-collapsed", "data-collapsible"], Hs = {
+}, Us = ["data-bg-variant"], Ws = ["aria-expanded", "title", "data-collapsed", "data-narrow"], Ks = ["data-narrow", "data-collapsed", "data-collapsible"], Hs = {
   key: 0,
   class: "bs-vertical-nav-top-content"
 }, Gs = ["data-collapsed", "data-divider-only", "data-app-links"], Ys = ["aria-expanded", "aria-controls", "title", "onClick"], Xs = { key: 0 }, Zs = ["id"], Qs = { key: 1 }, Js = {
@@ -9031,7 +9043,7 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
       initializeSections: u,
       isExpanded: s,
       rawNavData: r
-    } = Lt(t);
+    } = Vt(t);
     Fe("(max-width: 1165px)", (b) => {
       p.value = b.matches;
     });
@@ -9066,7 +9078,10 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
     function S() {
       v.value = !v.value, a("update:collapsed", v.value);
     }
-    return (b, M) => (l(), h("div", Us, [
+    return (b, M) => (l(), h("div", {
+      class: "bs-vertical-nav-wrapper",
+      "data-bg-variant": t.bgVariant || void 0
+    }, [
       O.value && !p.value ? (l(), h("button", {
         key: 0,
         ref_key: "toggleButton",
@@ -9121,7 +9136,7 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
                   type: "button",
                   onClick: (g) => y(P.id)
                 }, [
-                  k.value ? x("", !0) : (l(), h("span", Xs, V(P.text), 1)),
+                  k.value ? x("", !0) : (l(), h("span", Xs, L(P.text), 1)),
                   R(f(ra), { class: "bs-vertical-nav-section-toggle-caret" })
                 ], 8, Ys)) : x("", !0),
                 fe(w("ul", {
@@ -9145,7 +9160,7 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
                           key: 1,
                           class: "bs-vertical-nav-link-icon"
                         })),
-                        w("span", null, V(g.text), 1)
+                        w("span", null, L(g.text), 1)
                       ]),
                       _: 2
                     }, 1032, ["item", "router", "onNavLinkClicked", "aria-label"])
@@ -9169,7 +9184,7 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
                       key: 1,
                       class: "bs-vertical-nav-link-icon"
                     })),
-                    w("span", null, V(P.text), 1)
+                    w("span", null, L(P.text), 1)
                   ]),
                   _: 2
                 }, 1032, ["item", "router", "onNavLinkClicked", "aria-label"])
@@ -9181,7 +9196,7 @@ const ld = /* @__PURE__ */ Vt(Vs, [["render", Ns]]), qs = ["data-variant"], sd =
           z(b.$slots, "end-items")
         ])) : x("", !0)
       ], 12, Ks)
-    ]));
+    ], 8, Us));
   }
 };
 export {
@@ -9223,8 +9238,8 @@ export {
   vr as BsFormContainerDefinitions,
   Pr as BsHorizontalNavigation,
   mr as BsHorizontalNavigationDefinitions,
-  Lr as BsIconGradientWrapper,
-  Vr as BsInlineTab,
+  Vr as BsIconGradientWrapper,
+  Lr as BsInlineTab,
   yr as BsInlineTabDefinitions,
   Mr as BsInlineTabGroup,
   gr as BsInlineTabGroupDefinitions,