@wwtdev/bsds-components-vue3 2.12.0 → 2.13.1

package/lib/bsds-components.js

@@ -1,4 +1,4 @@
-import { computed as p, ref as I, onMounted as H, onUnmounted as $e, shallowRef as Mt, watch as j, defineAsyncComponent as Je, openBlock as u, createElementBlock as h, unref as c, createElementVNode as S, renderSlot as L, createBlock as O, resolveDynamicComponent as te, createCommentVNode as C, toDisplayString as V, createVNode as P, normalizeClass as ie, useAttrs as re, mergeProps as z, withCtx as D, Fragment as G, toHandlers as Ye, onBeforeUnmount as _e, onBeforeMount as gt, nextTick as Ae, createTextVNode as U, createSlots as Ze, useSlots as yt, renderList as ee, Teleport as Nt, withDirectives as ue, Transition as st, vShow as ce, provide as fe, inject as pe, withModifiers as St, isRef as zt } from "vue";
+import { computed as p, ref as I, onMounted as H, onUnmounted as $e, shallowRef as Mt, watch as j, defineAsyncComponent as Je, openBlock as u, createElementBlock as h, unref as c, createElementVNode as S, renderSlot as E, createBlock as O, resolveDynamicComponent as te, createCommentVNode as C, createTextVNode as W, toDisplayString as V, createVNode as P, normalizeClass as ie, useAttrs as re, mergeProps as z, withCtx as D, Fragment as G, toHandlers as Ye, onBeforeUnmount as _e, onBeforeMount as gt, nextTick as Ae, createSlots as Ze, useSlots as yt, renderList as ee, Teleport as Nt, withDirectives as ue, Transition as st, vShow as ce, provide as fe, inject as pe, withModifiers as St, isRef as zt } from "vue";
 import { v4 as wt } from "uuid";
 import { BsIconCaretDown as Me, BsIconWarning as Xe, BsIconClose as Be, BsIconCalendar as $t, BsIconCaretRight as Bt, BsIconCaretLeft as It, BsIconSmallCaretRight as Ft, BsIconSmallCaretLeft as Rt, BsIconCaretSort as jt, BsIconSearch as Wt, BsIconCaretLeftDouble as Ut, BsIconCaretRightDouble as Gt, BsIconActionEllipsis as Ht, BsIconGraphPieEmpty as dt, BsIconCircleStop as Kt, BsIconCircleCheck as Yt, BsIconCircleX as Zt, BsIconCircleEllipsis as Xt, BsIconCirclePlay as Qt, BsIconCirclePause as Jt, BsIconCircleExclamation as kt, BsIconThumbsUpStroke as _t } from "@wwtdev/bsds-icons-vue3";
 import { DatePicker as ea } from "v-calendar";
@@ -136,7 +136,7 @@ const me = (e, a, t = void 0) => {
   props: {
     controlled: { type: Boolean, default: !1 },
     icon: { type: String },
-    headerText: { type: String, required: !0 },
+    headerText: { type: String, default: "" },
     /** @Deprecated */
     headingLevel: {
       type: Number,
@@ -171,11 +171,15 @@ const me = (e, a, t = void 0) => {
           onClick: v
         }, [
           e.icon || g.$slots.icon ? (u(), h("span", va, [
-            L(g.$slots, "icon", {}, () => [
+            E(g.$slots, "icon", {}, () => [
               e.icon ? (u(), O(te(c(d) ? c(d) : "span"), { key: 0 })) : C("", !0)
             ])
           ])) : C("", !0),
-          S("span", { id: r.value }, V(e.headerText), 9, ga),
+          S("span", { id: r.value }, [
+            E(g.$slots, "header", {}, () => [
+              W(V(e.headerText), 1)
+            ])
+          ], 8, ga),
           P(c(Me), {
             size: "md",
             "data-position": "end"
@@ -191,7 +195,7 @@ const me = (e, a, t = void 0) => {
         role: "region"
       }, [
         S("div", null, [
-          L(g.$slots, "default")
+          E(g.$slots, "default")
         ])
       ], 8, ya)
     ], 8, ma));
@@ -264,7 +268,7 @@ const me = (e, a, t = void 0) => {
       "data-variant": e.variant,
       role: "status"
     }, [
-      e.variant !== "notext" ? L(i.$slots, "default", { key: 0 }) : C("", !0)
+      e.variant !== "notext" ? E(i.$slots, "default", { key: 0 }) : C("", !0)
     ], 10, Sa));
   }
 }, $a = {
@@ -286,7 +290,7 @@ const me = (e, a, t = void 0) => {
           P(c(Xe), { size: "lg" })
         ]),
         S("p", null, [
-          L(i.$slots, "default")
+          E(i.$slots, "default")
         ]),
         S("button", {
           type: "button",
@@ -340,7 +344,7 @@ const me = (e, a, t = void 0) => {
       ".href": c(i)
     }, c(n), { onClick: c(d) }), {
       default: D(() => [
-        L(o.$slots, "default")
+        E(o.$slots, "default")
       ]),
       _: 3
     }, 48, ["data-ghost", "data-size", "data-text", "data-variant", ".href", "onClick"]));
@@ -403,7 +407,7 @@ const me = (e, a, t = void 0) => {
       for: e.for
     }, [
       S("span", null, [
-        L(a.$slots, "default")
+        E(a.$slots, "default")
       ]),
       e.required ? (u(), h(G, { key: 0 }, [
         Va,
@@ -461,7 +465,7 @@ const me = (e, a, t = void 0) => {
       "data-variant": e.variant,
       "data-multifocus": e.multifocus
     }, [
-      L(a.$slots, "default")
+      E(a.$slots, "default")
     ], 8, La));
   }
 }, Da = {
@@ -823,8 +827,8 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", Wo = /* @__PURE__ */ Objec
         required: e.required
       }, {
         default: D(() => [
-          L($.$slots, "label", {}, () => [
-            U(V(e.label), 1)
+          E($.$slots, "label", {}, () => [
+            W(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -956,18 +960,18 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", Wo = /* @__PURE__ */ Objec
     }, { ...c(i), ...s.value }, { onClick: c(o) }), {
       default: D(() => [
         v.value ? (u(), h("span", ja, [
-          L(m.$slots, "default", {}, () => [
-            U(V(e.label), 1)
+          E(m.$slots, "default", {}, () => [
+            W(V(e.label), 1)
           ])
         ])) : C("", !0),
         S("span", Wa, [
-          L(m.$slots, "icon", {}, () => [
+          E(m.$slots, "icon", {}, () => [
             (u(), O(te(c(B))))
           ])
         ]),
         g.value ? (u(), h("span", Ua, [
-          L(m.$slots, "default", {}, () => [
-            U(V(e.label), 1)
+          E(m.$slots, "default", {}, () => [
+            W(V(e.label), 1)
           ])
         ])) : C("", !0)
       ]),
@@ -1080,8 +1084,8 @@ const Ra = ["data-range"], pt = "(min-width: 752px)", Wo = /* @__PURE__ */ Objec
         e.direction == "right" ? (u(), O(c(Ft), { key: 0 })) : (u(), O(c(Rt), { key: 1 }))
       ]),
       default: D(() => [
-        L(a.$slots, "default", {}, () => [
-          U(V(e.label), 1)
+        E(a.$slots, "default", {}, () => [
+          W(V(e.label), 1)
         ])
       ]),
       _: 3
@@ -1812,8 +1816,8 @@ const on = {
         required: e.required
       }, {
         default: D(() => [
-          L(m.$slots, "label", {}, () => [
-            U(V(e.label), 1)
+          E(m.$slots, "label", {}, () => [
+            W(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -1847,16 +1851,16 @@ const on = {
         key: 0,
         to: e.breakoutStub
       }, [
-        L(l.$slots, "default")
+        E(l.$slots, "default")
       ], 8, ["to"])) : C("", !0),
       e.breakout ? C("", !0) : (u(), h(G, { key: 1 }, [
-        e.containerId ? L(l.$slots, "default", { key: 0 }) : (u(), h("div", {
+        e.containerId ? E(l.$slots, "default", { key: 0 }) : (u(), h("div", {
           key: 1,
           ref_key: "internalContainerRef",
           ref: t,
           style: { position: "relative" }
         }, [
-          L(l.$slots, "default")
+          E(l.$slots, "default")
         ], 512))
       ], 64))
     ], 64));
@@ -1906,7 +1910,7 @@ const on = {
       onLeaveCancelled: n[7] || (n[7] = (i) => t("leave-cancelled"))
     }, {
       default: D(() => [
-        L(l.$slots, "default")
+        E(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["name"])), [
@@ -1924,7 +1928,7 @@ const on = {
       onLeaveCancelled: n[15] || (n[15] = (i) => t("leave-cancelled"))
     }, {
       default: D(() => [
-        e.shown ? L(l.$slots, "default", { key: 0 }) : C("", !0)
+        e.shown ? E(l.$slots, "default", { key: 0 }) : C("", !0)
       ]),
       _: 3
     }, 8, ["name"]));
@@ -2086,7 +2090,7 @@ const on = {
                     P(c(Be))
                   ])
                 ])) : C("", !0),
-                L(x.$slots, "default")
+                E(x.$slots, "default")
               ], 16, mn)
             ]),
             _: 3
@@ -2204,7 +2208,7 @@ const on = {
       onAfterLeave: r[3] || (r[3] = () => l("after-leave"))
     }, {
       default: D(() => [
-        L(s.$slots, "default")
+        E(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "position", "preloaded", "shown", "use-mobile-style", "width"]));
@@ -2373,8 +2377,8 @@ const on = {
         position: "left",
         variant: "notext"
       }, null, 8, ["count"])) : C("", !0),
-      L(l.$slots, "label", {}, () => [
-        U(V(e.label), 1)
+      E(l.$slots, "label", {}, () => [
+        W(V(e.label), 1)
       ]),
       P(c(Me))
     ], 8, wn));
@@ -2408,7 +2412,7 @@ const on = {
       role: "option",
       onClick: d
     }, [
-      L(o.$slots, "default")
+      E(o.$slots, "default")
     ], 8, Bn));
   }
 }, In = ["data-img-size", "data-initials", "data-no-img"], kn = ["src", "alt"], At = {
@@ -2542,8 +2546,8 @@ const on = {
         _: 2
       }, 1032, ["aria-checked", "value", "variant"]))), 128)),
       e.showNoOptions && e.options.length === 0 ? (u(), h("li", On, [
-        L(o.$slots, "no-options", {}, () => [
-          U("No options")
+        E(o.$slots, "no-options", {}, () => [
+          W("No options")
         ])
       ])) : C("", !0)
     ], 64));
@@ -2653,7 +2657,7 @@ const on = {
       class: "bs-dropdown-with-toggle",
       id: A.$attrs.id
     }, [
-      L(A.$slots, "toggle", {
+      E(A.$slots, "toggle", {
         anchorId: e.anchorId,
         optionsId: f.value,
         toggleId: b.value
@@ -2669,8 +2673,8 @@ const on = {
           onClick: x[0] || (x[0] = (q) => A.$emit("toggled"))
         }, {
           label: D(() => [
-            L(A.$slots, "toggle-label", {}, () => [
-              U(V(e.toggleLabel), 1)
+            E(A.$slots, "toggle-label", {}, () => [
+              W(V(e.toggleLabel), 1)
             ])
           ]),
           _: 3
@@ -2907,8 +2911,8 @@ const on = {
         required: e.required
       }, {
         default: D(() => [
-          L(o.$slots, "label", {}, () => [
-            U(V(e.label), 1)
+          E(o.$slots, "label", {}, () => [
+            W(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -2983,19 +2987,19 @@ const on = {
       keys: "",
       lastTyped: 0
     };
-    me(m, (E) => xe(E, w)), H(() => {
+    me(m, (L) => xe(L, w)), H(() => {
       $(), J(g.value);
     }), j(
       [b, () => {
-        var E;
-        return (E = r.value) == null ? void 0 : E.length;
+        var L;
+        return (L = r.value) == null ? void 0 : L.length;
       }],
-      ([E, R]) => {
-        (E || R > 0) && (f.value = i.value.scrollHeight > i.value.clientHeight);
+      ([L, R]) => {
+        (L || R > 0) && (f.value = i.value.scrollHeight > i.value.clientHeight);
       }
-    ), j(v, (E) => {
-      E && (A(), x());
-    }), j(g, (E) => J(E));
+    ), j(v, (L) => {
+      L && (A(), x());
+    }), j(g, (L) => J(L));
     const k = p(() => l.modelValue || l.selectedValue);
     function $() {
       r.value = Array.from(
@@ -3006,64 +3010,64 @@ const on = {
       i.value.getBoundingClientRect().bottom > window.innerHeight && i.value.scrollIntoView({ block: "nearest" });
     }
     function x() {
-      var E;
-      o.value > -1 && (A(), (E = r.value[o.value]) == null || E.scrollIntoView({ block: "nearest" }));
+      var L;
+      o.value > -1 && (A(), (L = r.value[o.value]) == null || L.scrollIntoView({ block: "nearest" }));
     }
     function q() {
-      var E, R;
-      o.value > -1 && ((E = r.value[o.value]) == null || E.setAttribute("data-active", ""), d.value = (R = r.value[o.value]) == null ? void 0 : R.id, x());
+      var L, R;
+      o.value > -1 && ((L = r.value[o.value]) == null || L.setAttribute("data-active", ""), d.value = (R = r.value[o.value]) == null ? void 0 : R.id, x());
     }
     function F() {
-      var E;
-      o.value > -1 && ((E = r.value[o.value]) == null || E.removeAttribute("data-active"));
+      var L;
+      o.value > -1 && ((L = r.value[o.value]) == null || L.removeAttribute("data-active"));
     }
     function _() {
-      var E;
-      o.value < 0 && (o.value = 0, d.value = (E = r.value[0]) == null ? void 0 : E.id), q();
+      var L;
+      o.value < 0 && (o.value = 0, d.value = (L = r.value[0]) == null ? void 0 : L.id), q();
     }
-    function J(E) {
-      E ? ne() : be();
+    function J(L) {
+      L ? ne() : be();
     }
     function ne() {
-      var E, R;
+      var L, R;
       l.multiselect || (s.value = r.value.findIndex(
         (M) => M.getAttribute("data-value") === String(k.value)
-      ), !l.multiselect && s.value > -1 && ((E = r.value[s.value]) == null || E.setAttribute("data-selected", ""), (R = r.value[s.value]) == null || R.setAttribute("aria-selected", "true")), o.value = s.value);
+      ), !l.multiselect && s.value > -1 && ((L = r.value[s.value]) == null || L.setAttribute("data-selected", ""), (R = r.value[s.value]) == null || R.setAttribute("aria-selected", "true")), o.value = s.value);
     }
     function be() {
-      r.value.forEach((E) => {
-        E.removeAttribute("data-selected"), E.setAttribute("aria-selected", "false");
+      r.value.forEach((L) => {
+        L.removeAttribute("data-selected"), L.setAttribute("aria-selected", "false");
       }), F(), s.value = -1, o.value = -1, d.value = null;
     }
-    function ye(E) {
+    function ye(L) {
       var M;
-      (M = E.querySelector("a")) == null || M.click();
-      let R = E.getAttribute("data-value");
-      E.getAttribute("data-value-type") === "number" && (R = Number(R)), d.value = E.id, F(), n("optselected", R), n("update:modelValue", R), n("close");
+      (M = L.querySelector("a")) == null || M.click();
+      let R = L.getAttribute("data-value");
+      L.getAttribute("data-value-type") === "number" && (R = Number(R)), d.value = L.id, F(), n("optselected", R), n("update:modelValue", R), n("close");
     }
-    function ke(E) {
-      ye(r.value[o.value]), E.preventDefault();
+    function ke(L) {
+      ye(r.value[o.value]), L.preventDefault();
     }
-    function Ce(E) {
+    function Ce(L) {
       if (g.value)
-        switch (E.key) {
+        switch (L.key) {
           case "ArrowDown":
-            se("down"), E.preventDefault();
+            se("down"), L.preventDefault();
             break;
           case "ArrowUp":
-            se("up"), E.preventDefault();
+            se("up"), L.preventDefault();
             break;
           case "Home":
-            se("home"), E.preventDefault();
+            se("home"), L.preventDefault();
             break;
           case "End":
-            se("end"), E.preventDefault();
+            se("end"), L.preventDefault();
             break;
         }
     }
-    function se(E) {
+    function se(L) {
       let R;
-      switch (E) {
+      switch (L) {
         case "up":
           R = o.value - 1 < 0 ? r.value.length - 1 : o.value - 1;
           break;
@@ -3079,15 +3083,15 @@ const on = {
       }
       Se(R);
     }
-    function xe(E, R) {
+    function xe(L, R) {
       if (!g.value)
         return;
-      R.keys = E.timeStamp - R.lastTyped > 500 ? E.key : R.keys + E.key, R.lastTyped = E.timeStamp;
+      R.keys = L.timeStamp - R.lastTyped > 500 ? L.key : R.keys + L.key, R.lastTyped = L.timeStamp;
       const M = r.value.findIndex((K) => K.textContent.replaceAll(/[^a-zA-Z0-9]/g, "").toLowerCase().startsWith(R.keys));
       M > -1 && Se(M, !1);
     }
-    function Se(E, R = !0) {
-      F(), o.value = E, document.activeElement !== i.value && R ? i.value.focus() : q();
+    function Se(L, R = !0) {
+      F(), o.value = L, document.activeElement !== i.value && R ? i.value.focus() : q();
     }
     return a({
       activeIndex: o,
@@ -3095,7 +3099,7 @@ const on = {
       optionsRef: i,
       refreshOptions: $,
       setCurrentActive: q
-    }), (E, R) => (u(), h("ul", {
+    }), (L, R) => (u(), h("ul", {
       ref_key: "optionsRef",
       ref: i,
       "aria-activedescendant": d.value || void 0,
@@ -3112,7 +3116,7 @@ const on = {
       onMousedown: R[0] || (R[0] = St(() => {
       }, ["prevent"]))
     }, [
-      L(E.$slots, "default")
+      E(L.$slots, "default")
     ], 40, Ln));
   }
 }, Dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -3227,8 +3231,8 @@ const on = {
             "show-no-options": !1
           }, null, 8, ["options"])
         ], 64)) : (u(), h("li", Nn, [
-          L(B.$slots, "no-options", {}, () => [
-            U("No options")
+          E(B.$slots, "no-options", {}, () => [
+            W("No options")
           ])
         ]))
       ]),
@@ -3350,7 +3354,7 @@ const on = {
           onClose: d
         }, {
           default: D(() => [
-            L(o.$slots, "default")
+            E(o.$slots, "default")
           ]),
           _: 3
         }, 8, ["label", "model-value", "options-id", "prevent-tab", "type-to-focus"])
@@ -3497,7 +3501,7 @@ const on = {
       "onUpdate:modelValue": r
     }, {
       default: D(() => [
-        L(f.$slots, "default")
+        E(f.$slots, "default")
       ]),
       _: 3
     }, 8, ["anchor-id", "breakout", "container-id", "helper-description", "helper-text", "label", "model-value", "options-id", "position", "preloaded", "prevent-tab", "shown", "use-mobile-style", "width"]));
@@ -3534,18 +3538,18 @@ const on = {
       "data-size": e.size
     }, [
       S("div", jn, [
-        L(l.$slots, "icon", {}, () => [
+        E(l.$slots, "icon", {}, () => [
           (u(), O(te(c(t)), { size: "" }))
         ])
       ]),
       S("div", null, [
         S("p", Wn, V(e.title), 1),
         e.size !== "xs" ? (u(), h("p", Un, [
-          L(l.$slots, "description", {}, () => [
-            U(V(e.description), 1)
+          E(l.$slots, "description", {}, () => [
+            W(V(e.description), 1)
           ])
         ])) : C("", !0),
-        L(l.$slots, "call-to-action")
+        E(l.$slots, "call-to-action")
       ])
     ], 8, Rn));
   }
@@ -3616,7 +3620,7 @@ const on = {
               P(c(Be))
             ])
           ]),
-          L(o.$slots, "default")
+          E(o.$slots, "default")
         ], 16, Gn)
       ]),
       _: 3
@@ -3639,7 +3643,7 @@ const on = {
         class: "bs-icon-gradient-wrapper",
         style: `fill: url(#${c(n)});`
       }, i.$attrs), [
-        L(i.$slots, "default")
+        E(i.$slots, "default")
       ], 16),
       (u(), h("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -3724,8 +3728,8 @@ const on = {
         required: e.required
       }, {
         default: D(() => [
-          L(r.$slots, "label", {}, () => [
-            U(V(e.label), 1)
+          E(r.$slots, "label", {}, () => [
+            W(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -3906,7 +3910,7 @@ const on = {
     }
     function ye(M) {
       var K;
-      o.value = M, k.value = !1, (K = d.value) == null || K.focus(), E(M);
+      o.value = M, k.value = !1, (K = d.value) == null || K.focus(), L(M);
     }
     function ke() {
       l.deferValidation && ($.value = !0), n("input-blur");
@@ -3919,7 +3923,7 @@ const on = {
       !((X = (K = M.key) == null ? void 0 : K.match) != null && X.call(K, /[0-9]/)) && !i.includes(M.key) && !M.ctrlKey && !M.metaKey && M.preventDefault();
     }
     function xe() {
-      We.initSourceData(), Se(), E(o.value), R(A.value);
+      We.initSourceData(), Se(), L(o.value), R(A.value);
     }
     function Se() {
       var K, X;
@@ -3929,7 +3933,7 @@ const on = {
         isSelected: o.value === Te
       }));
     }
-    function E(M) {
+    function L(M) {
       r.value = We.getCountryByCountryCode(M);
     }
     function R(M) {
@@ -3946,7 +3950,7 @@ const on = {
         class: ie({ "visually-hidden": e.hideLabel })
       }, {
         default: D(() => [
-          U(V(e.label), 1)
+          W(V(e.label), 1)
         ]),
         _: 1
       }, 8, ["for", "required", "disabled", "class"]),
@@ -4277,8 +4281,8 @@ const on = {
         required: e.required
       }, {
         default: D(() => [
-          L(x.$slots, "label", {}, () => [
-            U(V(e.label), 1)
+          E(x.$slots, "label", {}, () => [
+            W(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -4337,7 +4341,7 @@ const on = {
             } : {
               name: "no-options",
               fn: D(() => [
-                U("No results found")
+                W("No results found")
               ]),
               key: "1"
             }
@@ -4363,7 +4367,7 @@ const on = {
                 } : {
                   name: "no-options",
                   fn: D(() => [
-                    U("No results found")
+                    W("No results found")
                   ]),
                   key: "1"
                 }
@@ -4566,7 +4570,7 @@ const on = {
                 P(c(Be), { class: "close-button" })
               ])) : C("", !0)
             ], 2)) : C("", !0),
-            L(b.$slots, "default")
+            E(b.$slots, "default")
           ], 16, gl)
         ]),
         _: 3
@@ -4831,7 +4835,7 @@ const on = {
     }, c(i), { onClick: c(t) }), {
       default: D(() => [
         S("span", { "data-truncate": e.truncate }, [
-          L(o.$slots, "default")
+          E(o.$slots, "default")
         ], 8, Nl)
       ]),
       _: 3
@@ -4877,12 +4881,12 @@ const on = {
         "data-icon": "true",
         onClick: d
       }, [
-        L(o.$slots, "action", {}, () => [
+        E(o.$slots, "action", {}, () => [
           e.actionIcon ? (u(), O(te(c(n) ? c(n) : "span"), {
             key: 0,
             class: "bs-icon"
           })) : C("", !0),
-          U(" " + V(e.action), 1)
+          W(" " + V(e.action), 1)
         ])
       ])) : C("", !0),
       S("span", Fl, V(e.profileName), 1),
@@ -4890,12 +4894,12 @@ const on = {
       e.jobTitle ? (u(), h("span", jl, V(e.jobTitle), 1)) : C("", !0),
       e.email ? (u(), h("span", Wl, V(e.email), 1)) : C("", !0),
       e.miscMeta || o.$slots.misc ? (u(), h("span", Ul, [
-        L(o.$slots, "misc", {}, () => [
+        E(o.$slots, "misc", {}, () => [
           e.miscMetaIcon ? (u(), O(te(c(i) ? c(i) : "span"), {
             key: 0,
             class: "bs-icon"
           })) : C("", !0),
-          U(" " + V(e.miscMeta), 1)
+          W(" " + V(e.miscMeta), 1)
         ])
       ])) : C("", !0)
     ]));
@@ -4957,10 +4961,10 @@ const on = {
           onActionToggled: f[0] || (f[0] = (b) => l("action-toggled"))
         }, {
           action: D(() => [
-            L(r.$slots, "action")
+            E(r.$slots, "action")
           ]),
           misc: D(() => [
-            L(r.$slots, "misc")
+            E(r.$slots, "misc")
           ]),
           _: 3
         }, 8, ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"])
@@ -5112,8 +5116,8 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
         required: e.required
       }, {
         default: D(() => [
-          L(o.$slots, "label", {}, () => [
-            U(V(e.label), 1)
+          E(o.$slots, "label", {}, () => [
+            W(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -5145,7 +5149,7 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
     }, l.value, {
       onChange: i[0] || (i[0] = (d) => n.$emit("update:modelValue", d.target.value))
     }), [
-      L(n.$slots, "default")
+      E(n.$slots, "default")
     ], 16, Xl));
   }
 }, Jl = ["selected", "disabled"], _l = ["disabled", "selected", "value"], si = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
@@ -5205,8 +5209,8 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
         required: e.required
       }, {
         default: D(() => [
-          L(r.$slots, "label", {}, () => [
-            U(V(e.label), 1)
+          E(r.$slots, "label", {}, () => [
+            W(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -5336,8 +5340,8 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
         required: e.required
       }, {
         default: D(() => [
-          L(v.$slots, "label", {}, () => [
-            U(V(e.label), 1)
+          E(v.$slots, "label", {}, () => [
+            W(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -5457,8 +5461,8 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
         hide: e.hideLabel
       }, {
         default: D(() => [
-          L(s.$slots, "label", {}, () => [
-            U(V(e.label), 1)
+          E(s.$slots, "label", {}, () => [
+            W(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -5524,7 +5528,7 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       onClick: s,
       onKeydown: o
     }, [
-      L(r.$slots, "default")
+      E(r.$slots, "default")
     ], 40, io));
   }
 }, ro = ["id", "data-resizing"], so = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], uo = 73, co = 20, Ue = 16, fi = {
@@ -5544,14 +5548,14 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
     }), _ = p(() => A.value ? f.value[$.value] - f.value[$.value - 1] + co + Ue : uo + Ue);
     function J() {
       var de;
-      let T = !1, N, W = 0, Q = !1, le = [];
+      let T = !1, N, U = 0, Q = !1, le = [];
       if ((de = v.value) != null && de.length) {
         for (let oe = 0; oe < v.value.length; oe++) {
           if (N = v.value[oe], N.setAttribute("tabindex", "-1"), Q && oe !== $.value) {
             N.dataset.hidden = "true", le.push(N);
             continue;
           }
-          if (W = oe < v.value.length - 1 ? m.value - _.value : m.value, f.value[oe] > W) {
+          if (U = oe < v.value.length - 1 ? m.value - _.value : m.value, f.value[oe] > U) {
             N.dataset.hidden = "true", le.push(N), T = !0, Q = !0;
             continue;
           }
@@ -5591,32 +5595,32 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       const N = T.target.closest('[role="tab"]');
       if (!N || N.getAttribute("aria-selected") === "true")
         return;
-      const W = N.getAttribute("id");
-      ne(W);
+      const U = N.getAttribute("id");
+      ne(U);
     }
     function Se(T) {
       if (T.key === "ArrowLeft" || T.key === "ArrowRight") {
-        const N = y.value.findIndex((W) => W.id === T.target.id);
+        const N = y.value.findIndex((U) => U.id === T.target.id);
         if (N === -1)
           return;
-        T.preventDefault(), T.stopPropagation(), T.key === "ArrowLeft" ? R(N) : E(N);
+        T.preventDefault(), T.stopPropagation(), T.key === "ArrowLeft" ? R(N) : L(N);
       }
     }
-    function E(T) {
-      var W;
+    function L(T) {
+      var U;
       const N = (T + 1) % y.value.length;
-      (W = y.value[N]) == null || W.focus();
+      (U = y.value[N]) == null || U.focus();
     }
     function R(T) {
-      var W;
+      var U;
       const N = T === 0 ? y.value.length - 1 : T - 1;
-      (W = y.value[N]) == null || W.focus();
+      (U = y.value[N]) == null || U.focus();
     }
     function M() {
       var de, oe, it, rt;
       const T = parseInt(r.value.style.getPropertyValue("--active-line-offset")) || 0, N = m.value;
-      let W = 300, Q = ((oe = (de = y.value) == null ? void 0 : de[$.value]) == null ? void 0 : oe.offsetLeft) || 0, le = be($.value);
-      s.value && A.value && (Q = (it = g.value) == null ? void 0 : it.offsetLeft, le = (rt = g.value) == null ? void 0 : rt.offsetWidth), W = Math.max(Math.abs((Q - T) / N * 300), 100), r.value.style.setProperty("--active-line-max-width", `${N}px`), r.value.style.setProperty("--active-line-scale", `${le / N}`), r.value.style.setProperty("--active-line-offset", `${Q}px`), r.value.style.setProperty("--active-line-transition-duration", `${W}ms`);
+      let U = 300, Q = ((oe = (de = y.value) == null ? void 0 : de[$.value]) == null ? void 0 : oe.offsetLeft) || 0, le = be($.value);
+      s.value && A.value && (Q = (it = g.value) == null ? void 0 : it.offsetLeft, le = (rt = g.value) == null ? void 0 : rt.offsetWidth), U = Math.max(Math.abs((Q - T) / N * 300), 100), r.value.style.setProperty("--active-line-max-width", `${N}px`), r.value.style.setProperty("--active-line-scale", `${le / N}`), r.value.style.setProperty("--active-line-offset", `${Q}px`), r.value.style.setProperty("--active-line-transition-duration", `${U}ms`);
     }
     function K() {
       var T, N;
@@ -5633,17 +5637,17 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
     }
     function Pt() {
       let T;
-      v.value.forEach((N, W) => {
-        T = N.getBoundingClientRect().width + Ue, f.value.push(W ? T + f.value[W - 1] : T);
+      v.value.forEach((N, U) => {
+        T = N.getBoundingClientRect().width + Ue, f.value.push(U ? T + f.value[U - 1] : T);
       });
     }
     function qt() {
-      var N, W;
+      var N, U;
       let T = [];
       if (typeof window > "u")
         return T;
       for (let Q of v.value) {
-        if (((N = Q.dataset) == null ? void 0 : N.hidden) === "true" || ((W = Q.dataset) == null ? void 0 : W.hidden) === "" || Q.getAttribute("tabindex") === "-1")
+        if (((N = Q.dataset) == null ? void 0 : N.hidden) === "true" || ((U = Q.dataset) == null ? void 0 : U.hidden) === "" || Q.getAttribute("tabindex") === "-1")
           break;
         T.push(Q);
       }
@@ -5665,10 +5669,10 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       role: "tablist",
       "data-resizing": !n.value || void 0,
       onClick: xe,
-      "on:tabClick": N[0] || (N[0] = (W) => ne(W.detail)),
+      "on:tabClick": N[0] || (N[0] = (U) => ne(U.detail)),
       onKeydown: Se
     }, [
-      L(T.$slots, "default"),
+      E(T.$slots, "default"),
       S("button", {
         "aria-controls": c(k),
         "aria-expanded": o.value,
@@ -5681,7 +5685,7 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
         onClick: Ce
       }, [
         P(c(Ht), { size: "sm" }),
-        U(" " + V(F.value), 1)
+        W(" " + V(F.value), 1)
       ], 8, so),
       P(Lt, {
         "anchor-id": q.value,
@@ -5699,13 +5703,13 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
         "onUpdate:modelValue": se
       }, {
         default: D(() => [
-          (u(!0), h(G, null, ee(d.value, (W) => (u(), O(ot, {
-            key: W.id,
-            value: W.id,
+          (u(!0), h(G, null, ee(d.value, (U) => (u(), O(ot, {
+            key: U.id,
+            value: U.id,
             "options-id": x.value
           }, {
             default: D(() => [
-              U(V(W.textContent), 1)
+              W(V(U.textContent), 1)
             ]),
             _: 2
           }, 1032, ["value", "options-id"]))), 128))
@@ -5735,7 +5739,7 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
       id: n.value,
       role: "tabpanel"
     }, [
-      L(i.$slots, "default")
+      E(i.$slots, "default")
     ], 8, fo));
   }
 }, po = ["data-error", "id", "rows", "value"], mo = {
@@ -5829,8 +5833,8 @@ const Hl = ["aria-valuemax", "aria-valuenow", "aria-valuetext"], Kl = ["data-sta
         required: e.required
       }, {
         default: D(() => [
-          L(f.$slots, "label", {}, () => [
-            U(V(e.label), 1)
+          E(f.$slots, "label", {}, () => [
+            W(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -6144,8 +6148,8 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
         required: e.required
       }, {
         default: D(() => [
-          L(g.$slots, "label", {}, () => [
-            U(V(e.label), 1)
+          E(g.$slots, "label", {}, () => [
+            W(V(e.label), 1)
           ])
         ]),
         _: 3
@@ -6240,7 +6244,7 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
           role: "presentation"
         })),
         S("p", null, [
-          U(V(r.label || r) + " ", 1),
+          W(V(r.label || r) + " ", 1),
           S("span", wo, " : " + V(c(i)(r.status, f) || "not started"), 1)
         ])
       ], 8, So))), 128))
@@ -6320,7 +6324,7 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
           "data-stacked": c(d) || void 0,
           role: "alert"
         }, r.$attrs), [
-          L(r.$slots, "default")
+          E(r.$slots, "default")
         ], 16, $o)
       ]),
       _: 3
@@ -6341,14 +6345,14 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
       "data-component": "bs-toast-actions",
       "data-stacked": a.value || void 0
     }, [
-      L(l.$slots, "default", {}, () => [
+      E(l.$slots, "default", {}, () => [
         P(ka, {
           size: "sm",
           "text-btn": "",
           onClick: c(t)
         }, {
           default: D(() => [
-            U(" Dismiss ")
+            W(" Dismiss ")
           ]),
           _: 1
         }, 8, ["onClick"])
@@ -6366,7 +6370,7 @@ const Ge = "excluded", He = "over", bt = "skip", vt = "stop", Ke = "under", go =
 };
 function xo(e, a) {
   return u(), h("div", Co, [
-    L(e.$slots, "default")
+    E(e.$slots, "default")
   ]);
 }
 const yi = /* @__PURE__ */ Io(ko, [["render", xo]]), To = ["data-variant"], Si = {
@@ -6391,7 +6395,7 @@ const yi = /* @__PURE__ */ Io(ko, [["render", xo]]), To = ["data-variant"], Si =
     }, [
       (u(), O(te(t.value), { class: "bs-toast-header-icon" })),
       S("h5", null, [
-        L(l.$slots, "default")
+        E(l.$slots, "default")
       ])
     ], 8, To));
   }
@@ -6402,7 +6406,7 @@ const yi = /* @__PURE__ */ Io(ko, [["render", xo]]), To = ["data-variant"], Si =
   __name: "BsToaster",
   setup(e) {
     return fe("stacked", !0), (a, t) => (u(), h("div", Ao, [
-      L(a.$slots, "default")
+      E(a.$slots, "default")
     ]));
   }
 }, Vo = ["data-position"], Oo = ["id"], $i = {
@@ -6454,7 +6458,7 @@ const yi = /* @__PURE__ */ Io(ko, [["render", xo]]), To = ["data-variant"], Si =
       onMouseleave: d,
       onFocusout: d
     }, [
-      L(o.$slots, "default"),
+      E(o.$slots, "default"),
       e.content ? (u(), h("div", {
         key: 0,
         class: ie(n.value),