@wwtdev/bsds-components-vue3 2.40.0 → 2.40.1

package/lib/bsds-components.js

@@ -701,7 +701,7 @@ const wa = {
     type: String,
     typeDef: "string"
   }
-}, Ea = {}, Pa = {
+}, Pa = {}, Ea = {
   "call-to-action": {
     description: "Custom call-to-action content, typically a button or link."
   },
@@ -713,9 +713,9 @@ const wa = {
   }
 }, hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  emitDefinitions: Ea,
+  emitDefinitions: Pa,
   propDefinitions: Dt,
-  slotDefinitions: Pa
+  slotDefinitions: Ea
 }, Symbol.toStringTag, { value: "Module" })), bn = {
   // REQUIRED
   title: {
@@ -1359,6 +1359,12 @@ const wa = {
     description: "Custom width of the vertical navigation. This will override\n      the `variant` prop.",
     type: String,
     typeDef: "string"
+  },
+  sticky: {
+    default: !1,
+    description: "If `true`, the navigation will use sticky positioning instead\n      of fixed positioning on desktop viewports (min-width: 1166px). This is primarily\n      used in combination with the App Header component.",
+    type: Boolean,
+    typeDef: "boolean"
   }
 }, Sn = {
   "nav-link-clicked": {
@@ -2208,7 +2214,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
       }
       return I;
     }
-    function P(g) {
+    function E(g) {
       !t.isRange || i.value.contains(g.relatedTarget) || a.value.hidePopover();
     }
     function B() {
@@ -2221,7 +2227,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
       class: "bs-calendar",
       "data-component": "bs-calendar",
       "data-range": g.isRange,
-      onFocusout: P
+      onFocusout: E
     }, f(c)), [
       g.label || g.$slots.label ? (l(), D(pe, {
         key: 0,
@@ -2249,18 +2255,18 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
         popover: { visibility: "focus" },
         rows: 1,
         step: r.value,
-        "onUpdate:modelValue": I[2] || (I[2] = (E) => g.$emit("update:modelValue", E))
+        "onUpdate:modelValue": I[2] || (I[2] = (P) => g.$emit("update:modelValue", P))
       }, f(d)), gt({ _: 2 }, [
         g.inputMode ? {
           name: "default",
-          fn: q(({ inputValue: E, inputEvents: N, showPopover: G }) => [
+          fn: q(({ inputValue: P, inputEvents: N, showPopover: G }) => [
             g.isRange ? (l(), D(ko, {
               key: 1,
               disabled: g.disabled,
               error: g.error,
               "input-id": v.value,
-              "input-value": E,
-              "input-value-fmt": b(E),
+              "input-value": P,
+              "input-value-fmt": b(P),
               listeners: N,
               placeholder: g.placeholder,
               "show-clear": O.value,
@@ -2274,7 +2280,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
               error: g.error,
               "input-id": v.value,
               listeners: N,
-              "model-value": b(E),
+              "model-value": b(P),
               placeholder: g.placeholder,
               "show-clear": O.value,
               required: g.required,
@@ -2413,7 +2419,7 @@ const $o = ["data-range"], Wt = "(min-width: 752px)", Tr = /* @__PURE__ */ Objec
         return (n.xAxisType === "time" || n.xAxisType === "linear") && v.sort((O, k) => (typeof O == "string" && typeof k == "string" && (O = O.toLowerCase(), k = k.toLowerCase()), O < k ? -1 : O > k ? 1 : 0)), v.map((O) => {
           const k = { rowLabel: O }, y = [];
           return c.forEach((S) => {
-            const b = { datasetLabel: S.label }, M = S.data.find((P) => P.x === O);
+            const b = { datasetLabel: S.label }, M = S.data.find((E) => E.x === O);
             b.value = M ? M.y : null, y.push(b);
           }), k.dataCells = y, n.xAxisType === "time" && (k.rowLabelFmt = a(O)), k;
         });
@@ -2505,9 +2511,9 @@ function Ao(e, n) {
     }
   }
   function v(y, S) {
-    var P;
+    var E;
     const b = `[data-dataset-index="${y}"][data-label-index="${S}"]`, M = o.value.querySelector(b);
-    (P = M == null ? void 0 : M.focus) == null || P.call(M);
+    (E = M == null ? void 0 : M.focus) == null || E.call(M);
   }
   function $(...y) {
     !d || !t.value || (rt.register(...y), rt.defaults.font.family = "'Roobert', sans-serif", r = new rt(t.value, d));
@@ -2627,10 +2633,10 @@ function xt(e, n = 1) {
   ], a = t[e % t.length], o = Math.floor(e / t.length) + n;
   return `rgba(${a.toString()}, ${1 / o})`;
 }
-function Eo(e) {
+function Po(e) {
   return xt(e);
 }
-function Po(e) {
+function Eo(e) {
   return {
     maintainAspectRatio: !1,
     plugins: {
@@ -2769,7 +2775,7 @@ class Lo extends Tn {
     return n.map((t, a) => ({
       ...t,
       backgroundColor: xt(a, 2),
-      borderColor: Eo(a),
+      borderColor: Po(a),
       borderWidth: 4
     }));
   }
@@ -2803,7 +2809,7 @@ class Mo {
    */
   setCommonConfigs(n) {
     const { data: t } = n;
-    return this.commonOptionsBasic = Po(n), this.commonOptionsStrict = At(), this.datasets = t, this;
+    return this.commonOptionsBasic = Eo(n), this.commonOptionsStrict = At(), this.datasets = t, this;
   }
   setCustomOptions(n) {
     return this.customOptions = n.customOptions, this;
@@ -3203,7 +3209,7 @@ const No = {
     var s;
     e && !u && ((s = document.getElementById(a.value)) == null || s.remove());
   }), { breakoutId: a, breakoutStub: o, breakoutMounted: i };
-}, Et = (e, n) => {
+}, Pt = (e, n) => {
   const t = (a) => {
     e.some((o) => {
       var i;
@@ -3272,7 +3278,7 @@ const No = {
   ],
   setup(e, { emit: n }) {
     const t = e, a = n, o = C(null), i = C(null), u = C(!1), s = C(!1), r = C(null), d = m(() => t.breakout ? p.value : t.containerId ? document.getElementById(t.containerId) : o.value.internalContainerRef), c = m(() => t.width === "anchor" ? void 0 : t.width);
-    Et([i, r], () => {
+    Pt([i, r], () => {
       s.value && a("close");
     }), Ae(["Escape"], () => {
       s.value && a("close");
@@ -3296,15 +3302,15 @@ const No = {
       }
     }
     function y(B, g, I) {
-      const E = g.left - B.left;
+      const P = g.left - B.left;
       if (t.position === "center") {
         const N = (g.width - I.width) / 2;
-        $("--dropdown-wscreen-left", `${E + N}px`), $("--dropdown-wscreen-right", "auto");
+        $("--dropdown-wscreen-left", `${P + N}px`), $("--dropdown-wscreen-right", "auto");
       } else if (t.position === "right") {
         const N = B.right - g.right;
         $("--dropdown-wscreen-left", "auto"), $("--dropdown-wscreen-right", `${N}px`);
       } else
-        $("--dropdown-wscreen-left", `${E}px`), $("--dropdown-wscreen-right", "auto");
+        $("--dropdown-wscreen-left", `${P}px`), $("--dropdown-wscreen-right", "auto");
     }
     function S() {
       if (t.width === "anchor") {
@@ -3319,7 +3325,7 @@ const No = {
     function M() {
       s.value = !0, a("after-enter");
     }
-    function P() {
+    function E() {
       u.value = !1, s.value = !1, a("after-leave");
     }
     return (B, g) => (l(), h(J, null, [
@@ -3339,7 +3345,7 @@ const No = {
             shown: e.shown,
             onAfterEnter: M,
             onEnter: b,
-            onAfterLeave: P
+            onAfterLeave: E
           }, {
             default: q(() => [
               w("div", H({
@@ -3650,7 +3656,7 @@ const No = {
   var o;
   const a = typeof n == "object" ? (o = n == null ? void 0 : n[t]) == null ? void 0 : o.toString().replace(/\s/g, "-") : n == null ? void 0 : n.toString().replace(/\s/g, "-");
   return `${e}-option-${a}`;
-}, ti = ["data-value", "data-value-id-key", "data-value-type", "data-variant", "id"], Pt = {
+}, ti = ["data-value", "data-value-id-key", "data-value-type", "data-variant", "id"], Et = {
   __name: "BsDropdownOption",
   props: {
     valueIdKey: {
@@ -3741,7 +3747,7 @@ const No = {
       return !!a && a !== o;
     }
     return (a, o) => (l(), h(J, null, [
-      (l(!0), h(J, null, de(a.options, (i) => (l(), D(Pt, {
+      (l(!0), h(J, null, de(a.options, (i) => (l(), D(Et, {
         "aria-checked": i.checkbox ? i.checkbox.checked : void 0,
         key: i.value,
         "value-id-key": a.valueIdKey,
@@ -3911,13 +3917,13 @@ const No = {
     const $ = ue("dropdownEnter", C(!1)), O = ue("dropdownAfterEnter", C(!1)), k = ue("dropdownShown", C(!1));
     me("optionsId", m(() => a.optionsId)), me("handleOptionSelect", $e), me("registerOptionById", ({ id: U, val: K }) => {
       v[U] = K;
-    }), ui(u, P, { childList: !0 }), Ae([" ", "Enter", "NumpadEnter"], ge, u), Ae(["ArrowDown", "ArrowUp", "Home", "End"], Ie);
+    }), ui(u, E, { childList: !0 }), Ae([" ", "Enter", "NumpadEnter"], ge, u), Ae(["ArrowDown", "ArrowUp", "Home", "End"], Ie);
     const b = [/^[a-zA-Z0-9]{1}$/], M = {
       keys: "",
       lastTyped: 0
     };
-    Ae(b, (U) => Ee(U, M)), ee(() => {
-      P(), G(k.value);
+    Ae(b, (U) => Pe(U, M)), ee(() => {
+      E(), G(k.value);
     }), De(() => {
       v = null;
     }), Z(
@@ -3931,7 +3937,7 @@ const No = {
     ), Z(O, (U) => {
       U && (B(), g());
     }), Z(k, (U) => G(U));
-    function P() {
+    function E() {
       c.value = Array.from(
         u.value.querySelectorAll('[data-component="bs-dropdown-option"]')
       );
@@ -3947,7 +3953,7 @@ const No = {
       var U, K;
       r.value > -1 && ((U = c.value[r.value]) == null || U.setAttribute("data-active", ""), s.value = (K = c.value[r.value]) == null ? void 0 : K.id, g());
     }
-    function E() {
+    function P() {
       var U;
       r.value > -1 && ((U = c.value[r.value]) == null || U.removeAttribute("data-active"));
     }
@@ -3968,13 +3974,13 @@ const No = {
     function he() {
       c.value.forEach((U) => {
         U.removeAttribute("data-selected"), U.setAttribute("aria-selected", "false");
-      }), E(), d.value = -1, r.value = -1, s.value = null;
+      }), P(), d.value = -1, r.value = -1, s.value = null;
     }
     function $e(U) {
       var ie;
       (ie = U.querySelector("a")) == null || ie.click();
       let K = U.dataset.valueIdKey ? v[U.id] : U.dataset.value;
-      U.dataset.valueType == "number" && (K = Number(K)), s.value = U.id, E(), i("update:modelValue", K), i("close");
+      U.dataset.valueType == "number" && (K = Number(K)), s.value = U.id, P(), i("update:modelValue", K), i("close");
     }
     function ge(U) {
       $e(c.value[r.value]), U.preventDefault();
@@ -4014,20 +4020,20 @@ const No = {
       }
       Oe(K);
     }
-    function Ee(U, K) {
+    function Pe(U, K) {
       if (!k.value) return;
       K.keys = U.timeStamp - K.lastTyped > 500 ? U.key : K.keys + U.key, K.lastTyped = U.timeStamp;
       const ie = c.value.findIndex((Y) => Y.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(K.keys));
       ie > -1 && Oe(ie, !1);
     }
     function Oe(U, K = !0) {
-      E(), r.value = U, document.activeElement !== u.value && K ? u.value.focus() : I();
+      P(), r.value = U, document.activeElement !== u.value && K ? u.value.focus() : I();
     }
     return n({
       activeIndex: r,
       optionEls: c,
       optionsRef: u,
-      refreshOptions: P,
+      refreshOptions: E,
       setCurrentActive: I
     }), (U, K) => (l(), h("ul", {
       ref_key: "optionsRef",
@@ -4041,7 +4047,7 @@ const No = {
       id: e.optionsId,
       role: "listbox",
       tabindex: f(k) ? 0 : void 0,
-      onBlur: E,
+      onBlur: P,
       onFocus: N,
       onKeydown: [
         K[0] || (K[0] = Ye(Ce((ie) => i("options-list-shift-tab"), ["shift"]), ["tab"])),
@@ -4124,13 +4130,13 @@ const No = {
       o.value && (o.value.refreshOptions(), o.value.setCurrentActive());
     }
     function v(k = []) {
-      var P;
-      const y = ((P = k[0]) == null ? void 0 : P[t.valueIdKey]) !== void 0;
+      var E;
+      const y = ((E = k[0]) == null ? void 0 : E[t.valueIdKey]) !== void 0;
       y && (k = k.map((B) => B[t.valueIdKey]));
       const S = new Set(k), b = [], M = [];
       t.options.forEach((B) => {
-        const g = { ...B }, I = y ? B.value[t.valueIdKey] : B.value, E = `${t.optionsId}-${I}-cb`;
-        S.has(y ? B.value[t.valueIdKey] : B.value) ? (g.checkbox = { inputId: E, checked: !0 }, b.push(g)) : (g.checkbox = { inputId: E, checked: !1 }, M.push(g));
+        const g = { ...B }, I = y ? B.value[t.valueIdKey] : B.value, P = `${t.optionsId}-${I}-cb`;
+        S.has(y ? B.value[t.valueIdKey] : B.value) ? (g.checkbox = { inputId: P, checked: !0 }, b.push(g)) : (g.checkbox = { inputId: P, checked: !1 }, M.push(g));
       }), i.value = b, Re(() => {
         u.value = M, Re(() => {
           d && p(), d = !1;
@@ -4331,7 +4337,7 @@ const No = {
     function M() {
       s.value = !0;
     }
-    function P(N) {
+    function E(N) {
       const G = t.selectedOptions.filter((te) => te !== N);
       a("update:selectedOptions", G), a("uncheck-option", N);
     }
@@ -4345,7 +4351,7 @@ const No = {
     function I() {
       r.value = "";
     }
-    function E(N) {
+    function P(N) {
       r.value = N;
     }
     return (N, G) => (l(), h("div", {
@@ -4397,7 +4403,7 @@ const No = {
               "aria-label": e.filterLabel,
               "model-value": r.value,
               placeholder: e.filterPlaceholder,
-              "onUpdate:modelValue": E,
+              "onUpdate:modelValue": P,
               onClear: I
             }, null, 8, ["aria-label", "model-value", "placeholder"])
           ])) : x("", !0),
@@ -4414,7 +4420,7 @@ const No = {
             onClose: G[1] || (G[1] = (te) => e.multiselect ? void 0 : b()),
             onOptionsListShiftTab: G[2] || (G[2] = (te) => N.$emit("options-list-shift-tab")),
             onOptionsListTab: G[3] || (G[3] = (te) => N.$emit("options-list-tab")),
-            onUncheckOption: P,
+            onUncheckOption: E,
             "onUpdate:modelValue": g
           }, {
             default: q(() => [
@@ -4515,14 +4521,14 @@ const No = {
     function v() {
       return p || (p = d.value.$el.querySelector("input")), p;
     }
-    function $(P) {
-      a("combobox:change", P.target.value), a("update:modelValue", P.target.value);
+    function $(E) {
+      a("combobox:change", E.target.value), a("update:modelValue", E.target.value);
     }
     function O() {
       v().focus(), a("combobox:change", ""), a("update:modelValue", "");
     }
-    function k(P) {
-      a("combobox:input", P.target.value), t.updateOnInput && a("update:modelValue", P.target.value);
+    function k(E) {
+      a("combobox:input", E.target.value), t.updateOnInput && a("update:modelValue", E.target.value);
     }
     function y() {
       s.value = !1, document.activeElement !== v() && (r.value = !0);
@@ -4536,7 +4542,7 @@ const No = {
     function M() {
       r.value ? r.value = !1 : s.value = !0;
     }
-    return (P, B) => (l(), D(An, {
+    return (E, B) => (l(), D(An, {
       "anchor-id": f(i),
       disabled: e.disabled,
       "dropdown-position": e.dropdownPosition,
@@ -4548,18 +4554,18 @@ const No = {
       options: e.options,
       "options-id": f(u),
       "selected-option": e.modelValue,
-      "toggle-id": P.$attrs.id || c.value,
+      "toggle-id": E.$attrs.id || c.value,
       "use-mobile-style": e.useMobileStyle,
       "value-id-key": e.valueIdKey,
       onClose: y,
       onOptionsListTab: B[2] || (B[2] = (g) => s.value = !1),
-      "onUpdate:selectedOption": B[3] || (B[3] = (g) => P.$emit("update:modelValue", g))
+      "onUpdate:selectedOption": B[3] || (B[3] = (g) => E.$emit("update:modelValue", g))
     }, {
       toggle: q(() => [
         R(Jo, H({
           ref_key: "inputComboboxRef",
           ref: d,
-          id: P.$attrs.id || c.value,
+          id: E.$attrs.id || c.value,
           "container-id": f(i),
           disabled: e.disabled,
           error: e.error,
@@ -4577,7 +4583,7 @@ const No = {
           onInputMouseup: b,
           onInputShiftTab: B[0] || (B[0] = (g) => s.value = !1),
           onToggled: B[1] || (B[1] = (g) => s.value = !s.value)
-        }, P.$attrs), null, 16, ["id", "container-id", "disabled", "error", "hint-id", "model-value", "open", "options-id", "placeholder", "required"])
+        }, E.$attrs), null, 16, ["id", "container-id", "disabled", "error", "hint-id", "model-value", "open", "options-id", "placeholder", "required"])
       ]),
       _: 1
     }, 8, ["anchor-id", "disabled", "dropdown-position", "dropdown-width", "helper-description", "helper-text", "open", "options", "options-id", "selected-option", "toggle-id", "use-mobile-style", "value-id-key"]));
@@ -4823,7 +4829,7 @@ const No = {
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
   }
-}, En = {
+}, Pn = {
   __name: "BsDropdownWithOptions",
   props: {
     anchorId: {
@@ -5027,7 +5033,7 @@ const No = {
   emits: ["close"],
   setup(e, { emit: n }) {
     const t = e, a = n, o = C(null), i = m(() => document.getElementById(t.toggleId));
-    Et([o, i], u), Ae(["Escape"], u);
+    Pt([o, i], u), Ae(["Escape"], u);
     function u() {
       var r;
       const s = ((r = o.value) == null ? void 0 : r.querySelector('[data-shown="true"]')) !== null;
@@ -5136,7 +5142,7 @@ const No = {
 }, Bi = ["data-inactive"], Ti = { class: "bs-form-container-header-wrapper" }, Ci = { class: "bs-form-container-header" }, Di = { class: "bs-form-container-title-wrapper" }, Oi = {
   key: 0,
   class: "bs-form-container-header-icon"
-}, xi = ["data-inactive"], Ai = { class: "bs-form-container-title-addon" }, zi = ["data-inactive"], Ei = ["data-open"], Pi = ["data-open"], Er = {
+}, xi = ["data-inactive"], Ai = { class: "bs-form-container-title-addon" }, zi = ["data-inactive"], Pi = ["data-open"], Ei = ["data-open"], Pr = {
   __name: "BsFormContainer",
   props: bn,
   setup(e) {
@@ -5189,14 +5195,14 @@ const No = {
           class: "bs-form-container-header-actions"
         }, [
           z(n.$slots, "header-actions")
-        ], 8, Ei)
+        ], 8, Pi)
       ]),
       w("main", {
         "data-open": n.expanded,
         class: "bs-form-container-content"
       }, [
         z(n.$slots, "default")
-      ], 8, Pi)
+      ], 8, Ei)
     ], 8, Bi));
   }
 };
@@ -5294,7 +5300,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
 }, Gi = { key: 1 }, Yi = { key: 0 }, Xi = ["id", "aria-expanded", "aria-controls", "data-active", "data-expanded", "title", "onClick"], Zi = { key: 1 }, Qi = {
   key: 1,
   class: "bs-horizontal-nav-end-items"
-}, Pr = {
+}, Er = {
   __name: "BsHorizontalNavigation",
   props: hn,
   emits: Object.keys(vn),
@@ -5344,7 +5350,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       b.ctrlKey || b.metaKey || $(M.id), a("nav-link-clicked", { ev: b, payload: M });
     }
     return (b, M) => {
-      const P = en("router-link");
+      const E = en("router-link");
       return p.value ? (l(), h("nav", {
         key: 0,
         class: "bs-horizontal-nav-mobile",
@@ -5406,7 +5412,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
                           R(Me, {
                             item: I,
                             router: b.router,
-                            onNavLinkClicked: (E) => a("nav-link-clicked", { ev: E, payload: I })
+                            onNavLinkClicked: (P) => a("nav-link-clicked", { ev: P, payload: I })
                           }, {
                             default: q(() => [
                               _(L(I.text), 1)
@@ -5453,7 +5459,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
           ], 64)) : x("", !0),
           w("ul", null, [
             b.title ? (l(), h("li", Hi, [
-              b.titleUrl ? (l(), D(P, {
+              b.titleUrl ? (l(), D(E, {
                 key: 0,
                 "aria-current": f(s)({ to: b.titleUrl }) || void 0,
                 to: b.titleUrl,
@@ -5481,7 +5487,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
                     "data-active": k(B),
                     "data-expanded": f(r)(B),
                     title: f(i)(B),
-                    onClick: (E) => $(B.id)
+                    onClick: (P) => $(B.id)
                   }, [
                     w("span", null, L(B.text), 1),
                     R(f(Le), { class: "bs-horizontal-nav-nested-toggle-caret" })
@@ -5494,20 +5500,20 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
                     shown: f(r)(B),
                     "use-mobile-style": !1,
                     width: "content",
-                    onClose: (E) => f(o)[B.id] = !0
+                    onClose: (P) => f(o)[B.id] = !0
                   }, {
                     default: q(() => [
                       w("ul", null, [
-                        (l(!0), h(J, null, de(B.navItems, (E) => (l(), h("li", {
-                          key: E.id
+                        (l(!0), h(J, null, de(B.navItems, (P) => (l(), h("li", {
+                          key: P.id
                         }, [
                           R(Me, {
-                            item: E,
+                            item: P,
                             router: b.router,
-                            onNavLinkClicked: (N) => S(N, E)
+                            onNavLinkClicked: (N) => S(N, P)
                           }, {
                             default: q(() => [
-                              _(L(E.text), 1)
+                              _(L(P.text), 1)
                             ]),
                             _: 2
                           }, 1032, ["item", "router", "onNavLinkClicked"])
@@ -5520,7 +5526,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
                   R(Me, {
                     item: B,
                     router: b.router,
-                    onNavLinkClicked: (E) => a("nav-link-clicked", { ev: E, payload: B })
+                    onNavLinkClicked: (P) => a("nav-link-clicked", { ev: P, payload: B })
                   }, {
                     default: q(() => [
                       w("span", null, L(B.text), 1)
@@ -5580,11 +5586,11 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       ], 8, Ji))
     ], 64));
   }
-}), Pn = Symbol("InlineTabs"), Lr = {
+}), En = Symbol("InlineTabs"), Lr = {
   __name: "BsInlineTab",
   props: Ze,
   setup(e) {
-    const n = e, t = ue(Pn, null), a = m(() => (t == null ? void 0 : t.isSelected(n.value)) || n.selected), o = m(() => (t == null ? void 0 : t.props.disabled) || n.disabled), i = m(() => (t == null ? void 0 : t.props.variant) || n.variant), u = m(() => ({
+    const n = e, t = ue(En, null), a = m(() => (t == null ? void 0 : t.isSelected(n.value)) || n.selected), o = m(() => (t == null ? void 0 : t.props.disabled) || n.disabled), i = m(() => (t == null ? void 0 : t.props.variant) || n.variant), u = m(() => ({
       ...n,
       disabled: o.value
     })), { rootTag: s, attrsToBind: r, btnRef: d } = Ke(u, Se(), "button");
@@ -5621,7 +5627,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
   emits: /* @__PURE__ */ qt(Object.keys(mn), ["update:modelValue"]),
   setup(e) {
     const n = e, t = Kn(e, "modelValue");
-    me(Pn, {
+    me(En, {
       props: n,
       model: t,
       setModel: u,
@@ -5876,12 +5882,12 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       $,
       O,
       k
-    ] = re(4), y = C(!1), S = C(""), b = C(""), M = C(!1), P = C(!1), B = C(!0);
+    ] = re(4), y = C(!1), S = C(""), b = C(""), M = C(!1), E = C(!1), B = C(!0);
     n({
       validationErr: M,
       validationErrMsg: b
     });
-    const g = m(() => S.value ? `+${d.value}${S.value}` : ""), I = m(() => `Country code: ${d.value}. Click to change.`), E = m(() => B.value ? a.errorMsg || b.value : ""), N = m(() => a.error || M.value), G = m(() => a.hint || N.value && E.value), te = m(() => B.value && N.value);
+    const g = m(() => S.value ? `+${d.value}${S.value}` : ""), I = m(() => `Country code: ${d.value}. Click to change.`), P = m(() => B.value ? a.errorMsg || b.value : ""), N = m(() => a.error || M.value), G = m(() => a.hint || N.value && P.value), te = m(() => B.value && N.value);
     Z(g, (Y) => {
       o("update:modelValue", Y), ie(Y);
     }), Z(() => a.modelValue, he), Oe(), ee(() => y.value = !0);
@@ -5890,11 +5896,11 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
     }
     function $e() {
       var Y;
-      P.value && (P.value = !1, (Y = r.value) == null || Y.focus());
+      E.value && (E.value = !1, (Y = r.value) == null || Y.focus());
     }
     function ge(Y) {
       var oe;
-      d.value = Y, P.value = !1, (oe = r.value) == null || oe.focus(), K(Y);
+      d.value = Y, E.value = !1, (oe = r.value) == null || oe.focus(), K(Y);
     }
     function Ie() {
       a.deferValidation && (B.value = !0), o("input-blur");
@@ -5902,7 +5908,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
     function we(Y) {
       S.value = Y.target.value, a.deferValidation && (B.value = !1);
     }
-    function Ee(Y) {
+    function Pe(Y) {
       var oe, le;
       !((le = (oe = Y.key) == null ? void 0 : oe.match) != null && le.call(oe, /[0-9]/)) && !i.includes(Y.key) && !Y.ctrlKey && !Y.metaKey && Y.preventDefault();
     }
@@ -5912,9 +5918,9 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
     function U() {
       var oe, le;
       let Y = Ft(a.modelValue);
-      Y.valid || Y.countryCode && ((le = (oe = a.modelValue) == null ? void 0 : oe.startsWith) != null && le.call(oe, "+")) ? (d.value = Y.countryCode, S.value = Y.number.significant) : S.value = a.modelValue, c.value = dt.data.allCountries.map((Pe) => ({
-        ...Pe,
-        isSelected: d.value === Pe
+      Y.valid || Y.countryCode && ((le = (oe = a.modelValue) == null ? void 0 : oe.startsWith) != null && le.call(oe, "+")) ? (d.value = Y.countryCode, S.value = Y.number.significant) : S.value = a.modelValue, c.value = dt.data.allCountries.map((Ee) => ({
+        ...Ee,
+        isSelected: d.value === Ee
       }));
     }
     function K(Y) {
@@ -5952,12 +5958,12 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
               ref_key: "countryCodesToggle",
               ref: r,
               "aria-controls": f($),
-              "aria-expanded": P.value,
+              "aria-expanded": E.value,
               "aria-haspopup": "listbox",
               "aria-label": I.value,
               disabled: e.disabled,
               type: "button",
-              onClick: oe[0] || (oe[0] = (Pe) => P.value = !P.value)
+              onClick: oe[0] || (oe[0] = (Ee) => E.value = !E.value)
             }, [
               w("span", null, L((le = p.value) == null ? void 0 : le.flag), 1),
               w("span", null, "+" + L(d.value), 1),
@@ -5977,7 +5983,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
             }, f(s), {
               onInput: we,
               onFocusout: Ie,
-              onKeydown: Ee
+              onKeydown: Pe
             }), null, 16, ["id", "disabled", "hint-id", "placeholder", "value"])
           ];
         }),
@@ -5985,27 +5991,27 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       }, 8, ["disabled", "error"]),
       fe(R(ze, {
         error: N.value,
-        "error-msg": E.value,
+        "error-msg": P.value,
         hint: e.hint,
         "hint-id": f(O)
       }, null, 8, ["error", "error-msg", "hint", "hint-id"]), [
         [be, G.value]
       ]),
       y.value ? (l(), h("div", nl, [
-        R(En, {
+        R(Pn, {
           "anchor-id": f(v),
           "helper-text": "Country Code",
           label: "Country Code",
           "model-value": d.value,
           "options-id": f($),
           preloaded: "",
-          shown: P.value,
+          shown: E.value,
           width: "content",
           onClose: $e,
           "onUpdate:modelValue": ge
         }, {
           default: q(() => [
-            y.value ? (l(!0), h(J, { key: 0 }, de(c.value, (le) => (l(), D(Pt, {
+            y.value ? (l(!0), h(J, { key: 0 }, de(c.value, (le) => (l(), D(Et, {
               "aria-label": le.value,
               key: le.value,
               value: `${le.value}`,
@@ -6169,20 +6175,20 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
     const d = m(() => t.typeaheadId || u.value), c = m(() => t.error && t.errorMsg || t.hint || void 0), p = m(() => `${d.value}-input-container`), v = m(() => `${d.value}-input`), $ = m(() => `${d.value}-options`), O = m(() => t.multiselect ? Array.isArray(t.optionsValue) ? t.optionsValue : [t.optionsValue] : t.optionsValue), k = m(() => {
       if (o.value) {
         let I = t.options;
-        const E = t.inputValue.toLowerCase(), N = t.filterType === "includes" ? "includes" : "startsWith";
-        return t.inputValue.length >= t.characterThreshold && (I = y(I, E, N), I = I.slice(0, t.maxOptions), I = S(I, E, N), r = I), I;
+        const P = t.inputValue.toLowerCase(), N = t.filterType === "includes" ? "includes" : "startsWith";
+        return t.inputValue.length >= t.characterThreshold && (I = y(I, P, N), I = I.slice(0, t.maxOptions), I = S(I, P, N), r = I), I;
       } else
         return r;
     });
-    function y(I, E, N) {
-      return t.internalFiltering ? I.filter((G) => G.label.toLowerCase()[N](E)) : I;
+    function y(I, P, N) {
+      return t.internalFiltering ? I.filter((G) => G.label.toLowerCase()[N](P)) : I;
     }
-    function S(I, E, N) {
+    function S(I, P, N) {
       return I.map((G) => {
         let te = G.label;
-        if (E !== "") {
-          const he = `<span style="color: var(--bs-blue-base)">${E}</span>`;
-          N === "includes" ? te = G.label.replaceAll(E, he) : te = G.label.replace(E, he);
+        if (P !== "") {
+          const he = `<span style="color: var(--bs-blue-base)">${P}</span>`;
+          N === "includes" ? te = G.label.replaceAll(P, he) : te = G.label.replace(P, he);
         }
         return { ...G, labelHtml: te };
       });
@@ -6193,20 +6199,20 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
     function M() {
       a("update:inputValue", ""), t.multiselect || a("update:optionsValue", ""), document.getElementById(v.value).focus();
     }
-    function P(I) {
+    function E(I) {
       i.value = !0;
-      const E = k.value.find((N) => N.value === I);
-      a("update:inputValue", E.label), a("update:optionsValue", I);
+      const P = k.value.find((N) => N.value === I);
+      a("update:inputValue", P.label), a("update:optionsValue", I);
     }
     function B(I) {
-      const E = [...O.value, I];
-      a("update:optionsValue", E);
+      const P = [...O.value, I];
+      a("update:optionsValue", P);
     }
     function g(I) {
-      const E = O.value.filter((N) => N !== I);
-      a("update:optionsValue", E);
+      const P = O.value.filter((N) => N !== I);
+      a("update:optionsValue", P);
     }
-    return (I, E) => (l(), h(J, null, [
+    return (I, P) => (l(), h(J, null, [
       e.label || I.$slots.label ? (l(), D(pe, {
         key: 0,
         for: v.value,
@@ -6241,7 +6247,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
         }, I.$attrs, {
           onClear: M,
           onFocusin: b,
-          "onUpdate:modelValue": E[0] || (E[0] = (N) => a("update:inputValue", N))
+          "onUpdate:modelValue": P[0] || (P[0] = (N) => a("update:inputValue", N))
         }), null, 16, ["aria-controls", "aria-describedby", "aria-expanded", "disabled", "error", "hide-clear", "hide-search-icon", "input-id", "placeholder", "value"])
       ], 8, rl),
       R(lt, {
@@ -6251,7 +6257,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
         shown: o.value,
         "use-mobile-style": !1,
         width: "anchor",
-        onClose: E[2] || (E[2] = (N) => o.value = !1)
+        onClose: P[2] || (P[2] = (N) => o.value = !1)
       }, {
         default: q(() => [
           e.multiselect ? (l(), D(xn, {
@@ -6277,7 +6283,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
             } : {
               name: "no-options",
               fn: q(() => [
-                E[3] || (E[3] = _("No results found"))
+                P[3] || (P[3] = _("No results found"))
               ]),
               key: "1"
             }
@@ -6287,8 +6293,8 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
             "model-value": O.value,
             "options-id": $.value,
             shown: o.value,
-            "onUpdate:modelValue": P,
-            onClose: E[1] || (E[1] = (N) => o.value = !1)
+            "onUpdate:modelValue": E,
+            onClose: P[1] || (P[1] = (N) => o.value = !1)
           }, {
             default: q(() => [
               R(_e, {
@@ -6306,7 +6312,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
                 } : {
                   name: "no-options",
                   fn: q(() => [
-                    E[4] || (E[4] = _("No results found"))
+                    P[4] || (P[4] = _("No results found"))
                   ]),
                   key: "1"
                 }
@@ -6430,7 +6436,7 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
     const a = n, o = C(null);
     let i = !1;
     const { transition: u } = We(t), [s] = re(), [r] = re(), d = et();
-    Et([o], () => k("backdrop-clicked-close")), Ae(["Escape"], () => k("escape-pressed-close"));
+    Pt([o], () => k("backdrop-clicked-close")), Ae(["Escape"], () => k("escape-pressed-close"));
     const c = m(() => !!(t.title || d.title)), p = m(() => !!(t.subtitle || d.subtitle)), v = m(() => !!d.progress), $ = m(() => !t.fullHeight && c.value), O = m(() => !t.fullHeight && !!d.footer);
     function k(y, S = !0) {
       var M;
@@ -6533,7 +6539,7 @@ const Vi = ["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" }, Vl = ["data-selected", "disabled", "onClick"], Ll = {
+}, Al = ["title", "disabled", "data-selected", "onClick"], zl = { key: 2 }, Pl = { key: 3 }, El = { 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 = {
@@ -6660,8 +6666,8 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
       const y = [1], S = (t.pageRange - 1) / 2;
       let b = i.value - S, M = i.value + S;
       b < 1 && (M += 1 - b, b = 1), M > t.pageCount && (b -= M - t.pageCount, M = t.pageCount), b = Math.max(b, 2), M = Math.min(M, t.pageCount - 1), b > 2 && y.push(t.breakText);
-      for (let P = b; P <= M; P++)
-        y.push(P);
+      for (let E = b; E <= M; E++)
+        y.push(E);
       return M < t.pageCount - 1 && y.push(t.breakText), y.push(t.pageCount), y;
     }), $ = m(() => `${t.centerLabel ?? "Page"} ${i.value} of ${u.value}`), O = m(() => {
       const y = (i.value - 1) * t.itemsPerGroup + 1, S = Math.min(y - 1 + t.itemsPerGroup, t.itemsCount);
@@ -6709,10 +6715,10 @@ const Vi = ["aria-current", "data-active", "href", "target"], Me = {
         }, L(b), 9, Al))), 128))
       ])) : 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 === "group" ? (l(), h("span", Pl, 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, [
+        w("div", El, [
           (l(!0), h(J, null, de(k.value, (b) => (l(), h("button", {
             type: "button",
             key: `results-${b}`,
@@ -7488,8 +7494,8 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
   emits: ["tabChange", "update:modelValue"],
   setup(e, { emit: n }) {
     const t = e, a = n, o = C(!1), i = C(!1), u = C([]), s = C(!1), r = C(!1), d = C(), c = C(), p = C([]), v = C(!1), $ = C([]), O = C(), k = C([]), y = C(), S = C(), [b, M] = re(2);
-    let P;
-    const B = m(() => t.activeTabId ? $.value.findIndex((A) => A.id === t.activeTabId) : 0), g = m(() => u.value.some((A) => A.id === t.activeTabId)), I = m(() => `${M.value}-options`), E = m(() => `${M.value}-toggle`), N = m(() => {
+    let E;
+    const B = m(() => t.activeTabId ? $.value.findIndex((A) => A.id === t.activeTabId) : 0), g = m(() => u.value.some((A) => A.id === t.activeTabId)), I = m(() => `${M.value}-options`), P = m(() => `${M.value}-toggle`), N = m(() => {
       var A;
       return g.value ? (A = $.value[B.value]) == null ? void 0 : A.textContent : "More";
     }), G = m(() => g.value ? p.value[B.value] - p.value[B.value - 1] + fs + ut : ps + ut);
@@ -7508,16 +7514,16 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
           }
           j.dataset.hidden = "false", j.setAttribute("tabindex", "0");
         }
-        r.value = A, u.value = Be, o.value || Re(() => o.value = !0), P = setTimeout(() => {
+        r.value = A, u.value = Be, o.value || Re(() => o.value = !0), E = setTimeout(() => {
           d.value && (Q(), le(), v.value = !0);
         }, v.value ? 25 : 1e3);
       }
     }
     function he() {
-      clearTimeout(P);
+      clearTimeout(E);
     }
     function $e() {
-      he(), Pe();
+      he(), Ee();
     }
     function ge(A) {
       a("tabChange", A), a("update:modelValue", A);
@@ -7531,7 +7537,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       var A;
       (A = $.value[B.value]) == null || A.setAttribute("aria-selected", "true"), te();
     }
-    function Ee() {
+    function Pe() {
       var A;
       (A = O.value) == null || A.focus(), s.value = !1;
     }
@@ -7572,7 +7578,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
       let X = 300, ne = ((Te = (xe = k.value) == null ? void 0 : xe[B.value]) == null ? void 0 : Te.offsetLeft) || 0, Be = Ie(B.value);
       r.value && g.value && (ne = (Mt = O.value) == null ? void 0 : Mt.offsetLeft, Be = (Nt = O.value) == null ? void 0 : Nt.offsetWidth), X = Math.max(Math.abs((ne - A) / j * 300), 100), d.value.style.setProperty("--active-line-max-width", `${j}px`), d.value.style.setProperty("--active-line-scale", `${Be / j}`), d.value.style.setProperty("--active-line-offset", `${ne}px`), d.value.style.setProperty("--active-line-transition-duration", `${X}ms`);
     }
-    function Pe() {
+    function Ee() {
       var A, j;
       (j = (A = y.value) == null ? void 0 : A.disconnect) == null || j.call(A), y.value = null;
     }
@@ -7634,7 +7640,7 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         class: "bs-tab-list-toggle",
         "data-active": g.value || void 0,
         "data-hidden": !r.value,
-        id: E.value,
+        id: P.value,
         ref_key: "dropdownToggle",
         ref: O,
         onClick: Oe
@@ -7642,8 +7648,8 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         R(f(Jn), { size: "sm" }),
         _(" " + L(N.value), 1)
       ], 8, cs),
-      R(En, {
-        "anchor-id": E.value,
+      R(Pn, {
+        "anchor-id": P.value,
         "container-id": A.$attrs.id || f(b),
         "helper-description": e.helperDescription || void 0,
         "helper-text": e.helperText,
@@ -7653,11 +7659,11 @@ const Xl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Zl = ["data-sta
         preloaded: "",
         shown: s.value,
         width: "content",
-        onClose: Ee,
+        onClose: Pe,
         "onUpdate:modelValue": U
       }, {
         default: q(() => [
-          (l(!0), h(J, null, de(u.value, (X) => (l(), D(Pt, {
+          (l(!0), h(J, null, de(u.value, (X) => (l(), D(Et, {
             key: X.id,
             value: X.id,
             "options-id": I.value
@@ -7896,26 +7902,26 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
       if (r.value)
         return I.target === a.value || k();
       if (v(I.target.closest("[data-bs-table-col-resize-id]")), !s.value.el) return;
-      const E = I.clientX <= s.value.rect.left + Zt, N = I.clientX >= s.value.rect.right - Zt;
-      if (!(E && I.target.dataset.bsTableColResize === "right") && (E || N)) {
-        if (i = E ? s.value.rect.left : s.value.rect.right, E && v(p()), !s.value.el) return;
+      const P = I.clientX <= s.value.rect.left + Zt, N = I.clientX >= s.value.rect.right - Zt;
+      if (!(P && I.target.dataset.bsTableColResize === "right") && (P || N)) {
+        if (i = P ? s.value.rect.left : s.value.rect.right, P && v(p()), !s.value.el) return;
         O();
       }
     }
     function p() {
       const I = s.value.el.previousElementSibling;
       if (!I) return;
-      const E = I.classList.contains("bs-table-cols-frozen-left") ? s.value.el.previousElementSibling.lastElementChild : s.value.el.previousElementSibling;
-      return E.dataset.bsTableColResizeId ? E : null;
+      const P = I.classList.contains("bs-table-cols-frozen-left") ? s.value.el.previousElementSibling.lastElementChild : s.value.el.previousElementSibling;
+      return P.dataset.bsTableColResizeId ? P : null;
     }
     function v(I) {
       s.value = I ? { el: I, rect: I.getBoundingClientRect(), minWidth: $(I) } : { el: null, rect: null };
     }
     function $(I) {
       var N;
-      const E = (N = I.dataset.bsTableColResizeMin) == null ? void 0 : N.replace("px", "");
-      if (E)
-        return parseInt(E, 10);
+      const P = (N = I.dataset.bsTableColResizeMin) == null ? void 0 : N.replace("px", "");
+      if (P)
+        return parseInt(P, 10);
     }
     function O() {
       M(), a.value.style.setProperty("--bs-table-col-resizer-y", `${s.value.rect.top}px`), a.value.style.setProperty("--bs-table-col-resizer-handle-height", `${s.value.rect.height}px`), r.value = !0;
@@ -7925,8 +7931,8 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
     }
     function y(I) {
       I.target.setPointerCapture(I.pointerId);
-      const E = a.value.closest(".bs-table-scroll-wrap");
-      a.value.style.setProperty("--bs-table-col-resizer-tail-height", `${E.offsetHeight}px`), d.value = !0, o = i, a.value.addEventListener("pointermove", S), a.value.addEventListener("pointerup", P, { once: !0 });
+      const P = a.value.closest(".bs-table-scroll-wrap");
+      a.value.style.setProperty("--bs-table-col-resizer-tail-height", `${P.offsetHeight}px`), d.value = !0, o = i, a.value.addEventListener("pointermove", S), a.value.addEventListener("pointerup", E, { once: !0 });
     }
     function S(I) {
       i = b(I) ? s.value.rect.left + s.value.minWidth : I.clientX, !u && (u = requestAnimationFrame(() => {
@@ -7939,7 +7945,7 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
     function M() {
       a.value.style.setProperty("--bs-table-col-resizer-x", `${i}px`);
     }
-    function P() {
+    function E() {
       a.value.removeEventListener("pointermove", S), setTimeout(() => d.value = !1);
       const I = i - o;
       I !== 0 && B(Math.round(s.value.rect.width + I));
@@ -7954,10 +7960,10 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
     function g() {
       B(), k();
     }
-    return (I, E) => fe((l(), h("div", {
+    return (I, P) => fe((l(), h("div", {
       ref: "resizer",
       class: ve(["bs-table-col-resizer", d.value && "bs-table-col-resizer-active"]),
-      onDragstart: E[0] || (E[0] = Ce(() => {
+      onDragstart: P[0] || (P[0] = Ce(() => {
       }, ["prevent"])),
       onPointerdown: Ce(y, ["prevent", "stop"]),
       onDblclick: Ce(g, ["prevent", "stop"])
@@ -8051,9 +8057,9 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
       center: [],
       right: []
     }), o = C({}), i = m(() => Object.values(a.value).flat().map((T) => {
-      const V = E(T);
+      const V = P(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));
+    }).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(P));
     function d(T = []) {
       const V = [
         "bs-table-wrap",
@@ -8091,7 +8097,7 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
     }
     function $() {
       return v(
-        P(
+        E(
           Ie(g)
         )
       );
@@ -8106,7 +8112,7 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
       return se(pt, { kind: "body" }, () => T);
     }
     function y() {
-      const T = e.rows.map((V, F) => P(
+      const T = e.rows.map((V, F) => E(
         Ie(he, { row: V, rowIndex: F })
       ));
       return k(T);
@@ -8130,7 +8136,7 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
         B(T, g)
       );
     }
-    function P(T = []) {
+    function E(T = []) {
       return se(bt, null, () => T);
     }
     function B(T = [], V, F = {}) {
@@ -8157,7 +8163,7 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
       });
     }
     function I(T) {
-      const V = E(T);
+      const V = P(T);
       if (!V) return {};
       const F = T.props["resize-min"] || T.props.resizeMin, Q = T.props["resize-max"] || T.props.resizeMax;
       return {
@@ -8167,7 +8173,7 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
         "data-bs-table-col-resize-max": Q === void 0 ? e.resizeColsMax : Q
       };
     }
-    function E(T) {
+    function P(T) {
       const V = T.props["resize-id"] || T.props.resizeId;
       if (V) return V;
       const F = T.props["resize-key"] || T.props.resizeKey;
@@ -8222,11 +8228,11 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
       ];
     }
     function we() {
-      return se(Is, { onResize: Ee });
+      return se(Is, { onResize: Pe });
     }
-    function Ee({ el: T, id: V, width: F }) {
+    function Pe({ el: T, id: V, width: F }) {
       const Q = Object.values(a.value).flat().reduce((j, X) => {
-        const ne = E(X) || X.props.id;
+        const ne = P(X) || X.props.id;
         return ne === V || o.value[ne] || ie(X).endsWith("px") || j.push({ id: ne, width: null }), j;
       }, []);
       if (Q.length) {
@@ -8277,7 +8283,7 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
         return F.center.push(V(Q)), F;
       }, { left: [], center: [], right: [] });
     }
-    function Pe(T) {
+    function Ee(T) {
       return T.reduce((V, F) => {
         if (F.type === gs)
           return V.header = F, V;
@@ -8290,7 +8296,7 @@ const $s = /* @__PURE__ */ Lt(ws, [["render", Ss]]), Xt = {
       }, { columns: [], header: null, footer: null, other: [] });
     }
     return () => {
-      const { columns: T, header: V, footer: F, other: Q } = Pe(n.default());
+      const { columns: T, header: V, footer: F, other: Q } = Ee(n.default());
       return a.value = le(T), d([
         V,
         p([
@@ -8533,8 +8539,8 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       const S = [];
       let b = !1;
       for (let M = 0; M < 24 && !b; M++)
-        for (let P = 0; P < 60; P += a.step) {
-          const B = v(M, P), g = p(B);
+        for (let E = 0; E < 60; E += a.step) {
+          const B = v(M, E), g = p(B);
           if (g !== Qt) {
             if (g === Jt) {
               b = !0;
@@ -8749,7 +8755,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
       ])
     ], 16));
   }
-}), As = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], zs = ["data-status"], Es = { class: "visually-hidden" }, ad = {
+}), As = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], zs = ["data-status"], Ps = { class: "visually-hidden" }, ad = {
   __name: "BsTimeline",
   props: {
     /** @type {Status} */
@@ -8810,12 +8816,12 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
         })),
         w("p", null, [
           _(L(d.label || d) + " ", 1),
-          w("span", Es, " : " + L(f(i)(d.status, c) || "not started"), 1)
+          w("span", Ps, " : " + L(f(i)(d.status, c) || "not started"), 1)
         ])
       ], 8, zs))), 128))
     ], 8, As));
   }
-}, Ps = ["data-variant", "data-shown", "data-stacked"], od = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Es = ["data-variant", "data-shown", "data-stacked"], od = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "BsToast",
   props: {
     shown: {
@@ -8887,7 +8893,7 @@ const ht = "excluded", vt = "over", Qt = "skip", Jt = "stop", mt = "under", xs =
           role: "alert"
         }, d.$attrs), [
           z(d.$slots, "default")
-        ], 16, Ps)
+        ], 16, Es)
       ]),
       _: 3
     }, 8, ["shown", "preloaded"]));
@@ -9026,7 +9032,7 @@ const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd =
       ], 10, Fs)
     ], 40, js));
   }
-}, Us = ["data-bg-variant"], 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", "data-sticky"], 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 = {
@@ -9058,17 +9064,17 @@ const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd =
       v.value = b;
     }), Z(
       [() => v.value, $, () => t.width, O, p],
-      ([b, M, P, B, g]) => {
+      ([b, M, E, B, g]) => {
         let I = "0px";
-        B && !g && b ? I = "4rem" : P ? I = P : M ? I = "4.5rem" : I = "9.875rem", document.body.style.setProperty("--bs-page-nav-width", I);
+        B && !g && b ? I = "4rem" : E ? I = E : M ? I = "4.5rem" : I = "9.875rem", document.body.style.setProperty("--bs-page-nav-width", I);
       },
       { immediate: !0 }
     ), Z(() => t.width, (b) => {
       b ? (d.value.style.setProperty("--bs-vertical-nav-width", b), c.value && c.value.style.setProperty("--bs-vertical-nav-width", b)) : (d.value.style.removeProperty("--bs-vertical-nav-width"), c.value && c.value.style.removeProperty("--bs-vertical-nav-width"));
     }), Z(() => t.mobileOpen, (b) => {
-      b ? (document.body.style.overflow = "hidden", d.value.style.setProperty("visibility", "visible"), setTimeout(() => {
+      b ? (document.body.style.overflow = "hidden", d.value.style.setProperty("visibility", "visible"), d.value.style.setProperty("pointer-events", "auto"), setTimeout(() => {
         d.value.style.setProperty("opacity", "1");
-      }, 0)) : (document.body.style.overflow = "", d.value.style.removeProperty("opacity"), setTimeout(() => {
+      }, 0)) : (document.body.style.overflow = "", d.value.style.removeProperty("opacity"), d.value.style.setProperty("pointer-events", "none"), setTimeout(() => {
         d.value.style.removeProperty("visibility");
       }, 200));
     });
@@ -9109,40 +9115,41 @@ const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd =
         "data-narrow": $.value,
         "data-collapsed": k.value,
         "data-collapsible": O.value,
+        "data-sticky": t.sticky || void 0,
         style: tn(t.width && !k.value ? { width: t.width } : void 0)
       }, [
         w("ul", null, [
           b.$slots["top-content"] ? (l(), h("li", Hs, [
             z(b.$slots, "top-content")
           ])) : x("", !0),
-          (l(!0), h(J, null, de(f(r), (P) => {
+          (l(!0), h(J, null, de(f(r), (E) => {
             var B;
             return l(), h(J, {
-              key: P.id
+              key: E.id
             }, [
-              ((B = P.navItems) == null ? void 0 : B.length) > 0 ? (l(), h("li", {
+              ((B = E.navItems) == null ? void 0 : B.length) > 0 ? (l(), h("li", {
                 key: 0,
                 class: "bs-vertical-nav-section",
-                "data-collapsed": !P.dividerOnly && !f(s)(P),
-                "data-divider-only": P.dividerOnly,
-                "data-app-links": P.appLinks
+                "data-collapsed": !E.dividerOnly && !f(s)(E),
+                "data-divider-only": E.dividerOnly,
+                "data-app-links": E.appLinks
               }, [
-                !P.dividerOnly && !$.value && !k.value ? (l(), h("button", {
+                !E.dividerOnly && !$.value && !k.value ? (l(), h("button", {
                   key: 0,
                   class: "bs-vertical-nav-section-toggle",
-                  "aria-expanded": f(s)(P),
-                  "aria-controls": `${P.id}-nested-section`,
-                  title: f(i)(P),
+                  "aria-expanded": f(s)(E),
+                  "aria-controls": `${E.id}-nested-section`,
+                  title: f(i)(E),
                   type: "button",
-                  onClick: (g) => y(P.id)
+                  onClick: (g) => y(E.id)
                 }, [
-                  k.value ? x("", !0) : (l(), h("span", Xs, L(P.text), 1)),
+                  k.value ? x("", !0) : (l(), h("span", Xs, L(E.text), 1)),
                   R(f(ra), { class: "bs-vertical-nav-section-toggle-caret" })
                 ], 8, Ys)) : x("", !0),
                 fe(w("ul", {
-                  id: `${P.id}-nested-section`
+                  id: `${E.id}-nested-section`
                 }, [
-                  (l(!0), h(J, null, de(P.navItems, (g) => (l(), h("li", {
+                  (l(!0), h(J, null, de(E.navItems, (g) => (l(), h("li", {
                     key: g.id
                   }, [
                     R(Me, {
@@ -9166,25 +9173,25 @@ const ld = /* @__PURE__ */ Lt(Ls, [["render", Ns]]), qs = ["data-variant"], sd =
                     }, 1032, ["item", "router", "onNavLinkClicked", "aria-label"])
                   ]))), 128))
                 ], 8, Zs), [
-                  [be, P.dividerOnly || f(s)(P) || k.value]
+                  [be, E.dividerOnly || f(s)(E) || k.value]
                 ])
               ], 8, Gs)) : (l(), h("li", Qs, [
                 R(Me, {
-                  item: P,
+                  item: E,
                   router: b.router,
-                  onNavLinkClicked: (g) => a("nav-link-clicked", { ev: g, payload: P }),
-                  "aria-label": P.text
+                  onNavLinkClicked: (g) => a("nav-link-clicked", { ev: g, payload: E }),
+                  "aria-label": E.text
                 }, {
                   default: q(() => [
-                    typeof P.icon == "string" ? (l(), D(f(ce), {
+                    typeof E.icon == "string" ? (l(), D(f(ce), {
                       key: 0,
                       class: "bs-vertical-nav-link-icon",
-                      name: P.icon
-                    }, null, 8, ["name"])) : (l(), D(ae(P.icon), {
+                      name: E.icon
+                    }, null, 8, ["name"])) : (l(), D(ae(E.icon), {
                       key: 1,
                       class: "bs-vertical-nav-link-icon"
                     })),
-                    w("span", null, L(P.text), 1)
+                    w("span", null, L(E.text), 1)
                   ]),
                   _: 2
                 }, 1032, ["item", "router", "onNavLinkClicked", "aria-label"])
@@ -9222,11 +9229,11 @@ export {
   zn as BsDropdownCombobox,
   xr as BsDropdownComboboxField,
   xn as BsDropdownMultiselect,
-  Pt as BsDropdownOption,
+  Et as BsDropdownOption,
   _e as BsDropdownOptionBuilder,
   br as BsDropdownOptionBuilderDefinitions,
   st as BsDropdownOptionList,
-  En as BsDropdownWithOptions,
+  Pn as BsDropdownWithOptions,
   An as BsDropdownWithToggle,
   Ar as BsEmptyState,
   hr as BsEmptyStateDefinitions,
@@ -9234,9 +9241,9 @@ export {
   ei as BsFilterButton,
   zr as BsFlyout,
   Ii as BsFocusGuard,
-  Er as BsFormContainer,
+  Pr as BsFormContainer,
   vr as BsFormContainerDefinitions,
-  Pr as BsHorizontalNavigation,
+  Er as BsHorizontalNavigation,
   mr as BsHorizontalNavigationDefinitions,
   Vr as BsIconGradientWrapper,
   Lr as BsInlineTab,