@wwtdev/bsds-components-vue3 1.16.5 → 2.0.0

package/lib/bsds-components.js

@@ -0,0 +1,3162 @@
+import { computed as b, ref as w, onMounted as O, onUnmounted as ne, defineAsyncComponent as Oe, watch as E, openBlock as s, createElementBlock as v, unref as f, createElementVNode as m, renderSlot as k, createBlock as L, resolveDynamicComponent as U, createCommentVNode as $, toDisplayString as I, createVNode as P, normalizeClass as X, useAttrs as N, mergeProps as V, withCtx as A, Fragment as R, renderList as Y, createTextVNode as W, withDirectives as Ne, Transition as me, vShow as We, inject as te, provide as ae, onDeactivated as Ge, normalizeStyle as je, isRef as Fe, nextTick as Ue, useSlots as He } from "vue";
+import { v4 as Ke } from "uuid";
+import { BsIconCaretDown as Ye, BsIconWarning as ve, BsIconClose as oe, BsIconSearch as Xe, BsIconCaretLeftDouble as Ze, BsIconCaretLeft as Je, BsIconCaretRight as Qe, BsIconCaretRightDouble as _e, BsIconActionEllipsis as et, BsIconCircleExclamation as tt, BsIconThumbsUpStroke as at } from "@wwtdev/bsds-icons-vue3";
+import { Chart as fe, BarController as nt, BarElement as lt, CategoryScale as ot, LinearScale as it, Legend as rt, Tooltip as st } from "chart.js";
+const ye = {
+  href: "a",
+  onclick: "button",
+  onClick: "button",
+  type: "button"
+};
+function ge(e, a, t = "button") {
+  const l = dt(e, a, t), n = b(() => {
+    const o = l.value === "button", r = {};
+    return o ? (r.type = a.type || "button", r.autocomplete = "off", e.disabled && (r.disabled = !0)) : e.disabled && (r["aria-disabled"] = "true", r.tabindex = "-1"), r;
+  });
+  return { rootTag: l, attrsToBind: n };
+}
+function dt(e, a, t) {
+  const l = Object.keys(ye).find((n) => ut(e, a, n));
+  return w(ye[l] || t);
+}
+function ut(e, a, t) {
+  return e[t] || a[t];
+}
+const ct = (e, a) => {
+  const t = (l) => {
+    e.some((n) => {
+      var o;
+      return (o = n.value) == null ? void 0 : o.contains(l.target);
+    }) || a(l);
+  };
+  O(() => {
+    document.addEventListener("click", t);
+  }), ne(() => {
+    document.removeEventListener("click", t);
+  });
+};
+function ie(e) {
+  const a = b(() => {
+    var n, o;
+    return ((o = (n = e.href) == null ? void 0 : n.startsWith) == null ? void 0 : o.call(n, "/")) || !1;
+  }), t = b(() => {
+    var n, o;
+    return a.value && ((n = e.router) == null ? void 0 : n.navigateTo) || ((o = e.router) == null ? void 0 : o.push) || null;
+  });
+  function l(n) {
+    var o, r, i, d, u;
+    if (e.disabled) {
+      n.preventDefault(), n.stopImmediatePropagation();
+      return;
+    }
+    !e.href || !t.value || ((r = (o = n.target.href) == null ? void 0 : o.endsWith) != null && r.call(o, e.href) || (u = (d = (i = n.target.closest("a")) == null ? void 0 : i.href) == null ? void 0 : d.endsWith) != null && u.call(d, e.href)) && (n.preventDefault(), t.value(e.href));
+  }
+  return { onLinkClick: l };
+}
+function Be(e) {
+  return e.split("-").map((l) => l.charAt(0).toUpperCase() + l.slice(1)).join("");
+}
+const le = (e) => ({ icon: b(
+  () => Oe(() => import("@wwtdev/bsds-icons-vue3").then((t) => e.startsWith("bs-") ? t[Be(e)] : t[`BsIcon${Be(e)}`]))
+) });
+function H(e = 1) {
+  const a = [];
+  for (let t = 0; t < e; t++)
+    a.push(w(""));
+  return O(() => {
+    a.forEach((t) => t.value = Ke());
+  }), a;
+}
+const re = (e, a, t = void 0) => {
+  const l = (n) => {
+    e.includes(n.key) && a(n);
+  };
+  O(() => {
+    ((t == null ? void 0 : t.value) ?? document).addEventListener("keydown", l);
+  }), ne(() => {
+    ((t == null ? void 0 : t.value) ?? document).removeEventListener("keydown", l);
+  });
+}, ft = (e, a, t) => {
+  let l = null;
+  O(() => {
+    l = new MutationObserver(a), l.observe(e.value, t);
+  }), ne(() => {
+    l.disconnect();
+  });
+};
+function Z(e, a) {
+  var o;
+  const t = new Set(((o = e.passAttrs) == null ? void 0 : o.split(",")) || "");
+  t.delete("");
+  const l = w({}), n = w({});
+  for (let r in a)
+    t.has(r) ? n.value[r] = a[r] : l.value[r] = a[r];
+  return {
+    toRoot: l,
+    toChild: n
+  };
+}
+const se = (e) => {
+  const a = w(!1);
+  return O(() => {
+    a.value = e.enterControlled || e.preloaded ? e.enterTrigger : e.shown;
+  }), E(() => e.shown, (t) => {
+    a.value = t;
+  }), E(() => e.enterTrigger, (t) => {
+    a.value = t;
+  }), E(() => e.leaveTrigger, (t) => {
+    t && (a.value = !1);
+  }), { transition: a };
+}, vt = ["id", "data-stacked"], gt = ["data-open"], ht = ["aria-controls", "aria-expanded"], pt = {
+  key: 0,
+  "data-position": "start",
+  style: { display: "inline-flex" }
+}, bt = ["id", "aria-level"], mt = ["aria-labelledby", "data-open", "id"], Cn = {
+  __name: "BsAccordion",
+  props: {
+    controlled: { type: Boolean, default: !1 },
+    icon: { type: String },
+    headerText: { type: String, required: !0 },
+    headingLevel: {
+      type: Number,
+      validator: (e) => [2, 3, 4, 5].includes(e)
+    },
+    openItem: { type: Boolean, default: !1 },
+    openItemId: { type: String },
+    stacked: { type: Boolean, default: !1 }
+  },
+  emits: ["toggled"],
+  setup(e, { emit: a }) {
+    const t = e, l = a, n = w(null), o = w(!1), { icon: r } = le(t.icon), [i] = H(), d = b(() => i.value + "-content"), u = b(() => i.value + "-title"), c = b(() => t.openItemId === i.value || t.openItem === !0), g = b(() => t.controlled ? c.value : o.value);
+    function p() {
+      l("toggled", i.value), t.controlled || (o.value = !o.value);
+    }
+    return (y, D) => (s(), v("div", {
+      id: f(i),
+      ref_key: "containerRef",
+      ref: n,
+      class: "bs-accordion",
+      "data-component": "bs-accordion",
+      "data-stacked": e.stacked
+    }, [
+      m("header", {
+        part: "header",
+        "data-open": g.value
+      }, [
+        m("button", {
+          "aria-controls": d.value,
+          "aria-expanded": g.value,
+          type: "button",
+          onClick: p
+        }, [
+          e.icon || y.$slots.icon ? (s(), v("span", pt, [
+            k(y.$slots, "icon", {}, () => [
+              e.icon ? (s(), L(U(f(r) ? f(r) : "span"), { key: 0 })) : $("", !0)
+            ])
+          ])) : $("", !0),
+          m("span", {
+            id: u.value,
+            "aria-level": e.headingLevel,
+            role: "heading"
+          }, I(e.headerText), 9, bt),
+          P(f(Ye), {
+            size: "md",
+            "data-position": "end"
+          })
+        ], 8, ht)
+      ], 8, gt),
+      m("div", {
+        "aria-labelledby": u.value,
+        class: "bs-accordion-content",
+        "data-open": g.value,
+        id: d.value,
+        part: "content",
+        role: "region"
+      }, [
+        m("div", null, [
+          k(y.$slots, "default")
+        ])
+      ], 8, mt)
+    ], 8, vt));
+  }
+}, yt = ["data-badge-color", "data-count", "data-position", "data-show-zero", "aria-label"], An = {
+  __name: "BsBadge",
+  props: {
+    /** Pass value to set `data-badge-color`. */
+    color: {
+      type: String,
+      validator: (e) => ["red", "blue", "white"].includes(e)
+    },
+    /** Pass value to show "count" indicator.  Do not use if you are passing "dot." */
+    count: {
+      type: Number
+    },
+    /** Sets the count limit after which the displayed count will stop incrementing and a "+" will be appended. Defaults to 99. */
+    countMax: {
+      type: Number,
+      default: 99
+    },
+    /** Pass "true" to show a simple dot indicator.  Do not use if you are passing a "count." */
+    dot: {
+      type: Boolean,
+      default: !1
+    },
+    /** Pass the singular name of the items that are being counted.  e.g.
+     * if we are counting unread notifications, pass "unread notification";
+     * or if we are counting new messages, pass "new message".
+     * This is required to ensure accessibility! */
+    label: {
+      type: String,
+      default: "item"
+    },
+    /** Sets the position of the badge in relation to the slotted content. By default, badge is positioned to the right. */
+    position: {
+      type: String,
+      validator: (e) => ["left", "right"].includes(e),
+      default: "right"
+    },
+    /** Pass "true" to show the badge even when the "count" value is zero. */
+    showZero: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const a = e, t = w(null), l = b(() => a.count === 0 ? "0" : !a.count || a.dot ? null : a.count > a.countMax ? a.countMax + "+" : a.count.toString()), n = b(() => {
+      var d, u;
+      const o = ((u = (d = t.value) == null ? void 0 : d.textContent) == null ? void 0 : u.trim()) || "", r = l.value ? l.value + " " : "";
+      if (!r && !a.dot)
+        return o;
+      const i = a.count !== 1 ? "s" : "";
+      return `${o}, ${r}${a.label}${i}`;
+    });
+    return (o, r) => (s(), v("span", {
+      ref_key: "hostRef",
+      ref: t,
+      class: X({ "bs-badge": e.dot || l.value }),
+      "data-badge-color": e.color,
+      "data-component": "bs-badge",
+      "data-count": l.value,
+      "data-position": e.position,
+      "data-show-zero": e.showZero,
+      "aria-label": n.value
+    }, [
+      k(o.$slots, "default")
+    ], 10, yt));
+  }
+}, Bt = {
+  key: 0,
+  role: "alert",
+  class: "bs-banner"
+}, $t = { class: "bs-banner-content" }, St = { class: "bs-banner-warning-icon" }, Ln = {
+  __name: "BsBanner",
+  emits: ["dismiss"],
+  setup(e, { emit: a }) {
+    const t = a, l = w(!1);
+    function n() {
+      l.value = !0, t("dismiss");
+    }
+    return (o, r) => l.value ? $("", !0) : (s(), v("div", Bt, [
+      m("div", $t, [
+        m("div", St, [
+          P(f(ve), { size: "lg" })
+        ]),
+        m("p", null, [
+          k(o.$slots, "default")
+        ]),
+        m("button", {
+          type: "button",
+          title: "Close Banner",
+          onClick: n
+        }, [
+          P(f(oe))
+        ])
+      ])
+    ]));
+  }
+}, wt = {
+  __name: "BsButton",
+  props: {
+    variant: { type: String },
+    disabled: { type: Boolean, default: !1 },
+    ghostBtn: { type: Boolean, default: !1 },
+    href: { type: String },
+    router: {},
+    textBtn: { type: Boolean, default: !1 },
+    size: { type: String, validator: (e) => !e || e === "sm" }
+  },
+  setup(e) {
+    const a = e, t = N(), { rootTag: l, attrsToBind: n } = ge(a, t), { onLinkClick: o } = ie(a);
+    return (r, i) => (s(), L(U(f(l)), V({
+      class: "bs-button",
+      "data-component": "bs-button",
+      "data-ghost": e.ghostBtn,
+      "data-size": e.size,
+      "data-text": e.textBtn,
+      "data-variant": e.variant,
+      href: e.href
+    }, f(n), { onClick: f(o) }), {
+      default: A(() => [
+        k(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["data-ghost", "data-size", "data-text", "data-variant", "href", "onClick"]));
+  }
+}, kt = { "data-component": "bs-chart-table" }, It = ["summary"], Tt = ["colspan"], xt = /* @__PURE__ */ m("th", { scope: "col" }, " Dataset ", -1), Ct = { scope: "row" }, At = {
+  __name: "BsChartTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    dataIdxLabels: {
+      type: Array,
+      required: !0
+    },
+    tableTitle: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    return (a, t) => {
+      var l;
+      return s(), v("div", kt, [
+        m("table", { summary: e.tableTitle }, [
+          m("thead", null, [
+            m("tr", null, [
+              m("th", {
+                colspan: ((l = e.dataIdxLabels) == null ? void 0 : l.length) + 1
+              }, I(e.tableTitle), 9, Tt)
+            ]),
+            m("tr", null, [
+              xt,
+              (s(!0), v(R, null, Y(e.dataIdxLabels, (n) => (s(), v("th", {
+                key: n,
+                scope: "col"
+              }, I(n), 1))), 128))
+            ])
+          ]),
+          m("tbody", null, [
+            (s(!0), v(R, null, Y(e.data, (n) => (s(), v("tr", {
+              key: n.label
+            }, [
+              m("th", Ct, I(n.label), 1),
+              (s(!0), v(R, null, Y(n.data, (o, r) => (s(), v("td", {
+                key: `${o}${r}`
+              }, I(o), 1))), 128))
+            ]))), 128))
+          ])
+        ], 8, It)
+      ]);
+    };
+  }
+}, Lt = (e) => ({
+  id: "htmlLegend",
+  afterUpdate(a) {
+    e.innerHTML = "", e.style.setProperty("--legend-padding", `${a.scales.x.left}px`), a.options.plugins.legend.labels.generateLabels(a).forEach((l) => {
+      const n = document.createElement("li");
+      n.onclick = () => {
+        const { type: d } = a.config._config;
+        d === "pie" || d === "doughnut" ? a.toggleDataVisibility(l.index) : a.setDatasetVisibility(l.datasetIndex, !a.isDatasetVisible(l.datasetIndex)), a.update();
+      };
+      const o = document.createElement("span");
+      o.style.setProperty("--item-box-fill", l.fillStyle), o.style.setProperty("--item-box-stroke", l.strokeStyle);
+      const r = document.createTextNode(l.text), i = document.createElement("p");
+      i.style.setProperty("--item-text-color", l.fontColor), i.style.setProperty("--item-text-decoration", l.hidden ? "line-through" : "none"), i.appendChild(r), n.appendChild(o), n.appendChild(i), e.appendChild(n);
+    });
+  }
+}), Pt = ({ type: e, datasets: a, labels: t, tooltips: l }) => ({
+  type: e,
+  data: {
+    datasets: a,
+    labels: t
+  },
+  options: {
+    maintainAspectRatio: !1,
+    plugins: {
+      legend: {
+        display: !1
+      },
+      tooltip: {
+        enabled: l
+      }
+    },
+    responsive: !0
+  }
+});
+function Dt(e) {
+  const a = [
+    "rgba(209, 26, 111, 1)",
+    "rgba(130, 18, 196, 1)",
+    "rgba(153, 207, 247, 1)",
+    "rgba(0, 134, 234, 1)",
+    "rgba(238, 40, 42, 1)",
+    "rgba(22, 47, 180, 1)",
+    "rgba(78, 79, 95, 1)",
+    "rgba(253, 165, 141, 1)"
+  ], t = a[e % a.length];
+  return e >= a.length ? t.replace("1)", "0.5)") : t;
+}
+function $e(e, a, t) {
+  let l;
+  return function() {
+    let n = this, o = arguments;
+    clearTimeout(l), t && !l && e.apply(n, o), l = setTimeout(function() {
+      l = null, t || e.apply(n, o);
+    }, a);
+  };
+}
+const Et = {
+  class: "bs-chart-bar",
+  "data-component": "bs-chart-bar"
+}, Vt = ["aria-label"], qt = ["data-hidden"], Pn = {
+  __name: "BsChartBar",
+  props: {
+    chartTitle: {
+      type: String,
+      default: ""
+    },
+    /** Array of datasets. */
+    data: {
+      type: Array,
+      required: !0
+    },
+    /** Array of labels for each point along the X-Axis. */
+    dataIdxLabels: {
+      type: Array,
+      required: !0
+    },
+    /** Pass `true` to show legend. */
+    showLegend: {
+      type: Boolean,
+      default: !0
+    },
+    /** Pass `true` to show tooltips on hover. */
+    showTooltips: {
+      type: Boolean,
+      default: !0
+    },
+    /** Pass `true` to show vertical gridlines. */
+    showXGrid: {
+      type: Boolean,
+      default: !1
+    },
+    /** Pass `true` to show horizontal gridlines. */
+    showYGrid: {
+      type: Boolean,
+      default: !1
+    },
+    /** Pass `true` to stack each dataset's data at a given index into a single column.  */
+    stacked: {
+      type: Boolean,
+      default: !1
+    },
+    /** Label for the X-Axis. */
+    xLabel: {
+      type: String,
+      default: ""
+    },
+    /** Label for the Y-Axis. */
+    yLabel: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const a = e, t = w(null), l = w(null);
+    let n;
+    const o = b(() => {
+      const c = {
+        datasets: r.value,
+        labels: a.dataIdxLabels,
+        type: "bar",
+        tooltips: a.showTooltips
+      }, g = Pt(c);
+      return g.plugins = [Lt(l.value)], g.options.scales = {
+        x: {
+          grid: {
+            display: a.showXGrid
+          },
+          stacked: a.stacked,
+          title: {
+            display: !!a.xLabel,
+            text: a.xLabel
+          }
+        },
+        y: {
+          grid: {
+            display: a.showYGrid
+          },
+          stacked: a.stacked,
+          title: {
+            display: !!a.yLabel,
+            text: a.yLabel
+          }
+        }
+      }, g;
+    }), r = b(() => a.data.map((c, g) => ({
+      ...c,
+      backgroundColor: Dt(g),
+      categoryPercentage: a.data.length > 1 ? 0.5 : 0.33
+    }))), i = b(() => a.chartTitle || `${a.yLabel} / ${a.xLabel}`), d = $e(function(c, g) {
+      !n || c === g || (n.options = o.value.options, n.update());
+    }, 100), u = $e(function() {
+      n && (n.data = o.value.data, n.update());
+    }, 100);
+    return O(() => {
+      fe.register(nt, lt, ot, it, rt, st), fe.defaults.font.family = "'Roobert', sans-serif", n = new fe(t.value, o.value);
+    }), E(() => a.showLegend, d), E(() => a.showTooltips, d), E(() => a.showXGrid, d), E(() => a.showYGrid, d), E(() => a.stacked, d), E(() => a.xLabel, d), E(() => a.yLabel, d), E(() => a.data, u), E(() => a.dataIdxLabels, u), (c, g) => (s(), v("div", Et, [
+      m("figure", null, [
+        m("div", null, [
+          m("canvas", {
+            "aria-label": i.value,
+            ref_key: "canvas",
+            ref: t,
+            role: "img"
+          }, null, 8, Vt)
+        ]),
+        m("div", null, [
+          P(At, {
+            data: e.data,
+            "data-idx-labels": e.dataIdxLabels,
+            "table-title": i.value
+          }, null, 8, ["data", "data-idx-labels", "table-title"]),
+          m("figcaption", {
+            "data-hidden": !e.showLegend
+          }, [
+            m("ul", {
+              ref_key: "legendList",
+              ref: l
+            }, null, 512)
+          ], 8, qt)
+        ])
+      ])
+    ]));
+  }
+}, zt = ["data-size"], Mt = ["checked", "disabled", "id", "required", "data-error"], Dn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "BsCheckbox",
+  props: {
+    /** Sets the label. */
+    /** @ex Task Completed */
+    label: {
+      type: String
+    },
+    /** Sets the checked state. */
+    checked: {
+      type: Boolean,
+      default: !1
+    },
+    /** Sets the indeterminate state; i.e. partially checked. */
+    checkedPartially: {
+      type: Boolean,
+      default: !1
+    },
+    /** Sets the disabled state on the input. */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /** Applies error styles to the input. */
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    /** Pass id for the input element.  Will also be applied to label attribute. */
+    inputId: {
+      type: String,
+      default: ""
+    },
+    /** List additional attributes by name (comma-separated) to pass through to `<input>`. */
+    passAttrs: {
+      type: String,
+      default: ""
+    },
+    /** Sets the required state on the input. */
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    /** Sets the size of the input. */
+    size: {
+      type: String,
+      validator: (e) => e === "sm"
+    },
+    /** Sets the `checked` state - `v-model` directive will use this; do not set explicitly. */
+    modelValue: {
+      type: Boolean
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, l = N(), [n] = H(), { toChild: o, toRoot: r } = Z(t, l), i = w(null), d = b(() => t.inputId || n.value), u = b(() => t.checked || t.modelValue);
+    function c() {
+      i.value && (i.value.indeterminate = t.checkedPartially && !u.value);
+    }
+    return E(u, c), E(() => t.checkedPartially, c), (g, p) => (s(), v("div", V({
+      class: "bs-boolean",
+      "data-component": "bs-checkbox",
+      "data-size": e.size
+    }, f(r)), [
+      m("input", V({
+        ref_key: "inputEl",
+        ref: i,
+        checked: u.value,
+        disabled: e.disabled,
+        id: d.value,
+        required: e.required,
+        type: "checkbox",
+        "data-error": e.error,
+        onChange: p[0] || (p[0] = (y) => g.$emit("update:modelValue", y.target.checked))
+      }, f(o)), null, 16, Mt),
+      e.label || g.$slots.label ? (s(), L(f(_), {
+        key: 0,
+        for: d.value,
+        disabled: e.disabled,
+        required: e.required
+      }, {
+        default: A(() => [
+          k(g.$slots, "label", {}, () => [
+            W(I(e.label), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["for", "disabled", "required"])) : $("", !0)
+    ], 16, zt));
+  }
+}), Rt = { key: 0 }, Ot = { class: "bs-circle-button-icon" }, Nt = { key: 1 }, En = {
+  __name: "BsCircleButton",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    ghostBtn: {
+      type: Boolean,
+      default: !1
+    },
+    hoverEffect: {
+      type: Boolean,
+      default: !1
+    },
+    href: {
+      type: String
+    },
+    icon: {
+      type: String,
+      default: "caret-right"
+    },
+    iconPosition: {
+      type: String,
+      validator: (e) => ["left", "right"].includes(e),
+      default: "right"
+    },
+    label: {
+      type: String,
+      required: !0
+    },
+    router: {},
+    textBtn: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      validator: (e) => ["sm", "lg"].includes(e),
+      default: "lg"
+    }
+  },
+  setup(e) {
+    const a = e, t = N(), { rootTag: l, attrsToBind: n } = ge(a, t), { icon: o } = le(a.icon), { onLinkClick: r } = ie(a), i = b(() => a.textBtn ? {} : a.href ? { title: a.label } : { "aria-label": a.label }), d = b(() => {
+      if (a.hoverEffect)
+        return a.iconPosition;
+    }), u = b(() => a.textBtn && a.iconPosition !== "left"), c = b(() => a.textBtn && a.iconPosition === "left");
+    return (g, p) => (s(), L(U(f(l)), V({
+      class: "bs-circle-button",
+      "data-disabled": e.disabled,
+      "data-direction": d.value,
+      "data-ghost": e.ghostBtn,
+      "data-size": e.size,
+      "data-text": e.textBtn,
+      href: e.href
+    }, { ...f(n), ...i.value }, { onClick: f(r) }), {
+      default: A(() => [
+        u.value ? (s(), v("span", Rt, I(e.label), 1)) : $("", !0),
+        m("span", Ot, [
+          k(g.$slots, "icon", {}, () => [
+            (s(), L(U(f(o)), { size: e.size }, null, 8, ["size"]))
+          ])
+        ]),
+        c.value ? (s(), v("span", Nt, I(e.label), 1)) : $("", !0)
+      ]),
+      _: 3
+    }, 16, ["data-disabled", "data-direction", "data-ghost", "data-size", "data-text", "href", "onClick"]));
+  }
+}, de = {
+  __name: "BsTransition",
+  props: {
+    shown: {
+      type: Boolean,
+      default: !0
+    },
+    preloaded: {
+      type: Boolean,
+      default: !1
+    },
+    duration: {
+      type: Number,
+      required: !0
+    },
+    enterClass: {
+      type: String,
+      default: void 0
+    },
+    enterAttribute: {
+      type: String,
+      default: void 0
+    },
+    leaveClass: {
+      type: String,
+      default: void 0
+    },
+    leaveAttribute: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: [
+    "before-enter",
+    "enter",
+    "after-enter",
+    "enter-cancelled",
+    "before-leave",
+    "leave",
+    "after-leave",
+    "leave-cancelled"
+  ],
+  setup(e, { emit: a }) {
+    const t = e, l = a, n = [];
+    function o(d, u) {
+      const { duration: c, enterClass: g, enterAttribute: p } = t;
+      n.push(setTimeout(() => {
+        g && d.classList.add(g), p && d.setAttribute(p, ""), n.push(setTimeout(() => {
+          u();
+        }, c)), l("enter", d);
+      }));
+    }
+    function r(d, u) {
+      const {
+        duration: c,
+        enterClass: g,
+        enterAttribute: p,
+        leaveClass: y,
+        leaveAttribute: D
+      } = t;
+      d.classList.remove(g), d.removeAttribute(p), y && d.classList.add(y), D && d.setAttribute(D, ""), n.push(setTimeout(() => {
+        u();
+      }, c)), l("leave", d);
+    }
+    function i(d) {
+      const { leaveClass: u, leaveAttribute: c } = t;
+      d.classList.remove(u), d.removeAttribute(c), l("after-leave", d);
+    }
+    return ne(() => {
+      n.forEach((d) => {
+        clearTimeout(d);
+      });
+    }), (d, u) => e.preloaded ? Ne((s(), L(me, {
+      key: 0,
+      css: !1,
+      onBeforeEnter: u[0] || (u[0] = (c) => l("before-enter", c)),
+      onEnter: o,
+      onAfterEnter: u[1] || (u[1] = (c) => l("after-enter", c)),
+      onEnterCancelled: u[2] || (u[2] = (c) => l("enter-cancelled", c)),
+      onBeforeLeave: u[3] || (u[3] = (c) => l("before-leave", c)),
+      onLeave: r,
+      onAfterLeave: i,
+      onLeaveCancelled: u[4] || (u[4] = (c) => l("leave-cancelled", c))
+    }, {
+      default: A(() => [
+        k(d.$slots, "default")
+      ]),
+      _: 3
+    }, 512)), [
+      [We, e.shown]
+    ]) : (s(), L(me, {
+      key: 1,
+      css: !1,
+      onBeforeEnter: u[5] || (u[5] = (c) => l("before-enter", c)),
+      onEnter: o,
+      onAfterEnter: u[6] || (u[6] = (c) => l("after-enter", c)),
+      onEnterCancelled: u[7] || (u[7] = (c) => l("enter-cancelled", c)),
+      onBeforeLeave: u[8] || (u[8] = (c) => l("before-leave", c)),
+      onLeave: r,
+      onAfterLeave: i,
+      onLeaveCancelled: u[9] || (u[9] = (c) => l("leave-cancelled", c))
+    }, {
+      default: A(() => [
+        e.shown ? k(d.$slots, "default", { key: 0 }) : $("", !0)
+      ]),
+      _: 3
+    }));
+  }
+}, Wt = ["data-width"], Gt = { key: 0 }, jt = { key: 0 }, Se = {
+  __name: "BsDropdownInternal",
+  props: {
+    shown: {
+      type: Boolean,
+      default: !0
+    },
+    preloaded: {
+      type: Boolean,
+      default: !1
+    },
+    width: {
+      type: String,
+      default: void 0,
+      validator: (e) => ["sm", "md", "lg", "content", "toggle"].includes(e)
+    },
+    position: {
+      type: String,
+      default: void 0,
+      validator: (e) => ["top", "bottom", "right"].includes(e)
+    },
+    anchorRef: {
+      required: !0
+    },
+    containerRef: {
+      required: !0
+    },
+    helperText: {
+      type: String,
+      default: void 0
+    },
+    helperDescription: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: [
+    "close",
+    "enter",
+    "after-enter",
+    "after-leave"
+  ],
+  setup(e, { emit: a }) {
+    const t = e, l = a, n = w(null);
+    let o = !1;
+    ct([n], () => {
+      o && l("close");
+    }), re(["Escape"], () => {
+      o && l("close");
+    });
+    function r() {
+      const p = t.containerRef.getBoundingClientRect(), y = t.anchorRef.getBoundingClientRect(), D = n.value.getBoundingClientRect();
+      if (t.position === "top") {
+        const T = p.bottom - y.bottom;
+        n.value.style.setProperty("--dropdown-wscreen-top", "auto"), n.value.style.setProperty("--dropdown-wscreen-bottom", `${T + y.height + 8}px`);
+      } else {
+        const T = y.top - p.top;
+        n.value.style.setProperty("--dropdown-wscreen-top", `${T + y.height + 8}px`), n.value.style.setProperty("--dropdown-wscreen-bottom", "auto");
+      }
+      const z = y.left - p.left;
+      if (t.position === "center") {
+        const T = (y.width - D.width) / 2;
+        n.value.style.setProperty("--dropdown-wscreen-left", `${z + T}px`);
+      } else if (t.position === "right") {
+        const T = p.right - y.right;
+        n.value.style.setProperty("--dropdown-wscreen-left", "auto"), n.value.style.setProperty("--dropdown-wscreen-right", `${T}px`);
+      } else
+        n.value.style.setProperty("--dropdown-wscreen-left", `${z}px`);
+    }
+    function i() {
+      if (t.width === "toggle") {
+        const p = t.anchorRef.getBoundingClientRect();
+        n.value.style.setProperty("--dropdown-wscreen-width", `${p.width}px`);
+      } else
+        n.value.style.setProperty("--dropdown-wscreen-width", "");
+    }
+    function d() {
+      r(), i(), l("enter");
+    }
+    function u() {
+      o = !0, l("after-enter");
+    }
+    function c() {
+      o = !1, l("after-leave");
+    }
+    function g() {
+      return t.width === "toggle" ? void 0 : t.width;
+    }
+    return (p, y) => (s(), L(f(de), {
+      shown: e.shown,
+      preloaded: e.preloaded,
+      duration: 75,
+      "enter-attribute": "data-shown",
+      onAfterEnter: y[1] || (y[1] = (D) => u()),
+      onEnter: y[2] || (y[2] = (D) => d()),
+      onAfterLeave: y[3] || (y[3] = (D) => c())
+    }, {
+      default: A(() => [
+        m("div", {
+          ref_key: "dropdownRef",
+          ref: n,
+          class: "bs-dropdown",
+          "data-width": g()
+        }, [
+          e.helperText ? (s(), v("header", Gt, [
+            m("div", null, [
+              m("h3", null, I(e.helperText), 1),
+              e.helperDescription ? (s(), v("p", jt, I(e.helperDescription), 1)) : $("", !0)
+            ]),
+            m("button", {
+              type: "button",
+              title: "close",
+              onClick: y[0] || (y[0] = () => l("close"))
+            }, [
+              P(f(oe))
+            ])
+          ])) : $("", !0),
+          k(p.$slots, "default")
+        ], 8, Wt)
+      ]),
+      _: 3
+    }, 8, ["shown", "preloaded"]));
+  }
+}, Ft = {
+  key: 0,
+  class: "bs-dropdown-backdrop"
+}, Ut = {
+  __name: "BsDropdown",
+  props: {
+    shown: {
+      type: Boolean,
+      default: !0
+    },
+    preloaded: {
+      type: Boolean,
+      default: !1
+    },
+    width: {
+      type: String,
+      default: void 0,
+      validator: (e) => ["sm", "md", "lg", "content", "toggle"].includes(e)
+    },
+    /** @Deprecated - Use position instead */
+    top: {
+      type: Boolean,
+      default: !1
+    },
+    /** @Deprecated - Use position instead */
+    center: {
+      type: Boolean,
+      default: !1
+    },
+    /** @Deprecated - Use position instead */
+    right: {
+      type: Boolean,
+      default: !1
+    },
+    position: {
+      type: String,
+      default: void 0,
+      validator: (e) => ["top", "center", "right"].includes(e)
+    },
+    /** @Deprecated - Use anchorId instead */
+    toggleId: {
+      type: String,
+      default: void 0
+    },
+    anchorId: {
+      type: String,
+      default: void 0
+    },
+    containerId: {
+      type: String,
+      default: void 0
+    },
+    helperText: {
+      type: String,
+      default: void 0
+    },
+    helperDescription: {
+      type: String,
+      default: void 0
+    },
+    /** @Deprecated - Use 'preloaded' instead. */
+    enterControlled: {
+      type: Boolean,
+      default: !1
+    },
+    /** @Deprecated - Use 'shown' instead. */
+    enterTrigger: {
+      type: Boolean,
+      default: !1
+    },
+    /** @Deprecated - Not used anymore. Handled via 'shown'. */
+    leaveTrigger: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "close",
+    "enter",
+    "after-enter",
+    "after-leave"
+  ],
+  setup(e, { emit: a }) {
+    const t = e, l = a, n = w(null), o = w(null), { transition: r } = se(t);
+    O(() => {
+      t.containerId && (n.value = document.getElementById(t.containerId)), o.value = document.getElementById(i.value);
+    });
+    const i = b(() => t.toggleId ? t.toggleId : t.anchorId), d = b(() => t.top ? "top" : t.center ? "center" : t.right ? "right" : t.position);
+    return (u, c) => (s(), v(R, null, [
+      f(r) ? (s(), v("div", Ft)) : $("", !0),
+      e.containerId ? (s(), L(f(Se), {
+        key: 1,
+        shown: f(r),
+        preloaded: e.preloaded,
+        "anchor-ref": o.value,
+        "container-ref": n.value,
+        "enter-controlled": e.enterControlled,
+        "enter-trigger": e.enterTrigger,
+        "helper-description": e.helperDescription,
+        "helper-text": e.helperText,
+        "leave-trigger": e.leaveTrigger,
+        position: d.value,
+        width: e.width,
+        onClose: c[0] || (c[0] = (g) => l("close")),
+        onAfterEnter: c[1] || (c[1] = (g) => l("after-enter")),
+        onEnter: c[2] || (c[2] = (g) => l("enter")),
+        onAfterLeave: c[3] || (c[3] = (g) => l("after-leave"))
+      }, {
+        default: A(() => [
+          k(u.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["shown", "preloaded", "anchor-ref", "container-ref", "enter-controlled", "enter-trigger", "helper-description", "helper-text", "leave-trigger", "position", "width"])) : (s(), v("div", {
+        key: 2,
+        ref_key: "containerRef",
+        ref: n,
+        style: { position: "relative" }
+      }, [
+        P(f(Se), {
+          shown: f(r),
+          preloaded: e.preloaded,
+          "anchor-ref": o.value,
+          "container-ref": n.value,
+          "enter-controlled": e.enterControlled,
+          "enter-trigger": e.enterTrigger,
+          "helper-description": e.helperDescription,
+          "helper-text": e.helperText,
+          "leave-trigger": e.leaveTrigger,
+          position: d.value,
+          width: e.width,
+          onClose: c[4] || (c[4] = (g) => l("close")),
+          onAfterEnter: c[5] || (c[5] = (g) => l("after-enter")),
+          onEnter: c[6] || (c[6] = (g) => l("enter")),
+          onAfterLeave: c[7] || (c[7] = (g) => l("after-leave"))
+        }, {
+          default: A(() => [
+            k(u.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["shown", "preloaded", "anchor-ref", "container-ref", "enter-controlled", "enter-trigger", "helper-description", "helper-text", "leave-trigger", "position", "width"])
+      ], 512))
+    ], 64));
+  }
+}, Ht = ["data-value", "data-variant", "id"], Kt = {
+  __name: "BsDropdownOption",
+  props: {
+    value: {
+      type: String,
+      required: !0
+    },
+    variant: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(e) {
+    const a = e, t = w(null), l = te("optionsId"), n = te("handleSelect"), o = b(() => `${l}-option-${a.value}`);
+    re([" ", "Enter", "NumpadEnter"], (i) => {
+      var d;
+      r(), (d = t.value.querySelector("a")) == null || d.click(), i.preventDefault();
+    }, t);
+    function r() {
+      var i;
+      n(o.value, a.value), (i = t.value.querySelector("a")) == null || i.click();
+    }
+    return (i, d) => (s(), v("li", {
+      "data-component": "bs-dropdown-option",
+      "data-value": a.value,
+      ref_key: "optionRef",
+      ref: t,
+      role: "option",
+      "data-variant": e.variant || void 0,
+      id: o.value,
+      tabIndex: -1,
+      onClick: r
+    }, [
+      k(i.$slots, "default")
+    ], 8, Ht));
+  }
+}, Yt = ["aria-activedescendant", "aria-label", "id"], Xt = {
+  __name: "BsDropdownOptionList",
+  props: {
+    optionsId: {
+      type: String,
+      required: !0
+    },
+    /** @Deprecated - Use 'shown' instead. The new prop defaults to `true`, so
+     * it is not even needed when using v-if (only for v-show).
+     */
+    visible: {
+      type: Boolean,
+      default: void 0
+    },
+    shown: {
+      type: Boolean,
+      default: !0
+    },
+    focusDelay: {
+      type: Number,
+      default: 75
+    },
+    label: {
+      type: String,
+      default: void 0
+    },
+    /** @Deprecated - Use modelValue (or v-model) instead */
+    selectedValue: {
+      type: String,
+      default: void 0
+    },
+    modelValue: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["optselected", "update:modelValue", "close"],
+  setup(e, { emit: a }) {
+    const t = e, l = a, n = w(null), o = w(null);
+    let r = null, i = -1, d = -1;
+    ae("optionsId", t.optionsId), ae("handleSelect", T);
+    function u() {
+      return r || (r = Array.from(n.value.querySelectorAll('[data-component="bs-dropdown-option"]'))), r;
+    }
+    O(() => {
+      p(), document.addEventListener("keydown", D);
+    }), Ge(() => {
+      document.removeEventListener("keydown", D);
+    }), E(() => t.visible, () => {
+      p();
+    }), E(() => t.shown, () => {
+      p();
+    });
+    const c = b(() => t.visible || t.shown), g = b(() => t.modelValue || t.selectedValue);
+    function p() {
+      var x, S, q, G, ee;
+      c.value ? (d = u().findIndex(
+        (J) => J.getAttribute("data-value") === g.value
+      ), d > -1 && ((x = u()[d]) == null || x.setAttribute("data-selected", ""), (S = u()[d]) == null || S.setAttribute("aria-selected", "true"), i = d, t.focusDelay > 0 ? setTimeout(() => {
+        var J;
+        (J = u()[d]) == null || J.focus();
+      }, t.focusDelay) : (q = u()[d]) == null || q.focus())) : ((G = u()[d]) == null || G.removeAttribute("data-selected"), (ee = u()[d]) == null || ee.removeAttribute("aria-selected"));
+    }
+    ft(
+      n,
+      () => {
+        r = null;
+      },
+      { childList: !0 }
+    );
+    function y() {
+      var x;
+      i > -1 && ((x = u()[i]) == null || x.blur());
+    }
+    function D(x) {
+      if (c.value)
+        switch (x.key) {
+          case "ArrowDown":
+            z("down"), x.preventDefault();
+            break;
+          case "ArrowUp":
+            z("up"), x.preventDefault();
+            break;
+          case "Home":
+            z("home"), x.preventDefault();
+            break;
+          case "End":
+            z("end"), x.preventDefault();
+            break;
+          case "Tab":
+            x.preventDefault();
+            break;
+        }
+    }
+    function z(x) {
+      let S;
+      switch (x) {
+        case "up":
+          S = i - 1 < 0 ? u().length - 1 : i - 1;
+          break;
+        case "down":
+          S = (i + 1) % u().length;
+          break;
+        case "home":
+          S = 0;
+          break;
+        case "end":
+          S = u().length - 1;
+          break;
+      }
+      y(), u()[S].focus(), i = S;
+    }
+    function T(x, S) {
+      o.value = x, y(), l("optselected", S), l("update:modelValue", S), l("close");
+    }
+    return (x, S) => (s(), v("ul", {
+      ref_key: "optionsRef",
+      ref: n,
+      "aria-activedescendant": o.value || void 0,
+      "aria-label": t.label || void 0,
+      class: "bs-dropdown-options",
+      id: t.optionsId,
+      role: "listbox"
+    }, [
+      k(x.$slots, "default")
+    ], 8, Yt));
+  }
+}, Zt = {
+  __name: "BsDropdownWithOptions",
+  props: {
+    // OPTION LIST PROPS
+    optionsId: {
+      type: String,
+      required: !0
+    },
+    label: {
+      type: String,
+      default: void 0
+    },
+    /** @Deprecated - Use modelValue (or v-model) instead */
+    selectedValue: {
+      type: String,
+      default: void 0
+    },
+    modelValue: {
+      type: String,
+      default: void 0
+    },
+    // DROPDOWN PROPS
+    shown: {
+      type: Boolean,
+      default: !0
+    },
+    preloaded: {
+      type: Boolean,
+      default: !1
+    },
+    width: {
+      type: String,
+      default: void 0,
+      validator: (e) => ["sm", "md", "lg", "content", "toggle"].includes(e)
+    },
+    /** @Deprecated - Use position instead */
+    top: {
+      type: Boolean,
+      default: !1
+    },
+    /** @Deprecated - Use position instead */
+    center: {
+      type: Boolean,
+      default: !1
+    },
+    /** @Deprecated - Use position instead */
+    right: {
+      type: Boolean,
+      default: !1
+    },
+    position: {
+      type: String,
+      default: void 0,
+      validator: (e) => ["top", "center", "right"].includes(e)
+    },
+    /** @Deprecated - Use anchorId instead */
+    toggleId: {
+      type: String,
+      default: void 0
+    },
+    anchorId: {
+      type: String,
+      default: void 0
+    },
+    containerId: {
+      type: String,
+      default: void 0
+    },
+    helperText: {
+      type: String,
+      default: void 0
+    },
+    helperDescription: {
+      type: String,
+      default: void 0
+    },
+    /** @Deprecated - Use 'preloaded' instead. */
+    enterControlled: {
+      type: Boolean,
+      default: !1
+    },
+    /** @Deprecated - Use 'shown' instead. */
+    enterTrigger: {
+      type: Boolean,
+      default: !1
+    },
+    /** @Deprecated - Not used anymore. Handled via 'shown'. */
+    leaveTrigger: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "optselected",
+    "update:modelValue",
+    "close",
+    "after-enter",
+    "after-leave"
+  ],
+  setup(e, { emit: a }) {
+    const t = a, l = w(!1);
+    function n() {
+      l.value = !0;
+    }
+    function o(i) {
+      l.value = !1, t("optselected", i), t("update:modelValue", i), t("close");
+    }
+    function r() {
+      l.value && (l.value = !1, t("close"));
+    }
+    return (i, d) => (s(), L(f(Ut), {
+      shown: e.shown,
+      preloaded: e.preloaded,
+      "anchor-id": e.anchorId,
+      center: e.center,
+      "container-id": e.containerId,
+      "enter-controlled": e.enterControlled,
+      "enter-trigger": e.enterTrigger,
+      "helper-description": e.helperDescription,
+      "helper-text": e.helperText,
+      "leave-trigger": e.leaveTrigger,
+      position: e.position,
+      right: e.right,
+      "toggle-id": e.toggleId,
+      top: e.top,
+      width: e.width,
+      onClose: r,
+      onAfterEnter: d[0] || (d[0] = (u) => t("after-enter")),
+      onEnter: n,
+      onAfterLeave: d[1] || (d[1] = (u) => t("after-leave"))
+    }, {
+      default: A(() => [
+        P(f(Xt), {
+          label: e.label,
+          "model-value": e.modelValue,
+          "options-id": e.optionsId,
+          "selected-value": e.selectedValue,
+          shown: l.value,
+          onOptselected: o,
+          "onUpdate:modelValue": o,
+          onClose: r
+        }, {
+          default: A(() => [
+            k(i.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["label", "model-value", "options-id", "selected-value", "shown"])
+      ]),
+      _: 3
+    }, 8, ["shown", "preloaded", "anchor-id", "center", "container-id", "enter-controlled", "enter-trigger", "helper-description", "helper-text", "leave-trigger", "position", "right", "toggle-id", "top", "width"]));
+  }
+}, Jt = ["view-box"], Qt = ["id"], _t = ["offset", "stop-color"], Vn = {
+  __name: "BsIconGradientWrapper",
+  setup(e) {
+    const a = w(null), t = w(null), l = [
+      { offset: 0.1326, color: "#EE282A" },
+      { offset: 0.5466, color: "#1C0087" },
+      { offset: 0.9715, color: "#0086EA" }
+    ], [n] = H();
+    return O(() => {
+      t.value = a.value.querySelector("svg").getAttribute("viewBox") || "0 0 0 0";
+    }), (o, r) => (s(), v(R, null, [
+      m("span", {
+        ref_key: "svgWrapperRef",
+        ref: a,
+        class: "bs-icon-gradient-wrapper",
+        style: je(`fill: url(#${f(n)});`)
+      }, [
+        k(o.$slots, "default")
+      ], 4),
+      (s(), v("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        "view-box": t.value,
+        width: "0",
+        height: "0"
+      }, [
+        m("linearGradient", {
+          id: f(n),
+          x1: "0",
+          y1: "0",
+          x2: "100%",
+          y2: "100%",
+          "gradient-units": "userSpaceOnUse"
+        }, [
+          (s(), v(R, null, Y(l, (i) => m("stop", {
+            key: i.offset,
+            offset: i.offset,
+            "stop-color": i.color
+          }, null, 8, _t)), 64))
+        ], 8, Qt)
+      ], 8, Jt))
+    ], 64));
+  }
+}, ea = ["data-error", "id", "value"], we = {
+  __name: "BsInput",
+  props: {
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    hintId: String,
+    /** @Deprecated - Just set `id` since it will fall-through to the inner input element. */
+    inputId: String,
+    modelValue: [String, Number],
+    value: [String, Number]
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, l = a, n = N(), o = b(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    function r(i) {
+      const d = n.type === "number" ? parseInt(i.target.value) : i.target.value;
+      l("update:modelValue", d);
+    }
+    return (i, d) => (s(), v("input", V({
+      "data-component": "bs-input",
+      "data-error": e.error,
+      id: i.$attrs.id || e.inputId,
+      value: e.value || e.modelValue,
+      onInput: r
+    }, o.value), null, 16, ea));
+  }
+}, ta = ["data-disabled", "data-error", "data-variant", "data-multifocus"], aa = {
+  __name: "BsInputAddon",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    multifocus: { type: Boolean, default: !1 },
+    variant: { type: String, validator: (e) => e === "inner-bordered" }
+  },
+  setup(e) {
+    return (a, t) => (s(), v("div", {
+      class: "bs-input-addon",
+      "data-component": "bs-input-addon",
+      "data-disabled": e.disabled,
+      "data-error": e.error,
+      "data-variant": e.variant,
+      "data-multifocus": e.multifocus
+    }, [
+      k(a.$slots, "default")
+    ], 8, ta));
+  }
+}, na = {
+  class: "bs-field-details",
+  "data-component": "bs-field-details"
+}, la = ["id", "data-error"], oa = ["data-error"], he = {
+  __name: "BsFieldDetails",
+  props: {
+    /** The number of characters that have been entered by the user.  */
+    charCount: Number,
+    /** Pass value to show character count and set the maximum number of characters that are allowed to be submitted by the user.  */
+    charMax: Number,
+    /** Applies error styles to the helper text. */
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    /** Pass error text.  Will be shown if `error` is `true`. */
+    errorMsg: String,
+    /** Pass single helper text. */
+    hint: String,
+    /** Adds an id to associate a hint to an input. */
+    hintId: String
+  },
+  setup(e) {
+    const a = e, t = b(() => a.error && a.errorMsg || a.hint);
+    return (l, n) => (s(), v("div", na, [
+      t.value ? (s(), v("span", {
+        key: 0,
+        id: e.hintId,
+        class: "bs-hint",
+        "data-error": e.error
+      }, I(t.value), 9, la)) : $("", !0),
+      e.charMax ? (s(), v("span", {
+        key: 1,
+        "aria-description": "character count over character limit for the preceding text field",
+        class: "bs-character-count",
+        "data-error": a.charCount > a.charMax
+      }, I(a.charCount || "0") + " / " + I(a.charMax), 9, oa)) : $("", !0)
+    ]));
+  }
+}, qn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "BsInputField",
+  props: {
+    /** Sets the disabled state on input, disabled styles on label. */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /** Applies error styles to the input. */
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    /** Pass error text. */
+    errorMsg: String,
+    /** Pass helper text. */
+    hint: String,
+    /** @Deprecated Use `hint` and/or `errorMsg`. */
+    hints: [String, Array],
+    /** Pass id for the input element.  Will also be applied to label attribute. */
+    inputId: String,
+    /** Pass label text. */
+    label: {
+      type: String,
+      required: !0
+    },
+    /** List additional attributes by name (comma-separated) to pass through to `<input>`. */
+    passAttrs: {
+      type: String,
+      default: ""
+    },
+    /** Placeholder attribute for `<input>`. */
+    placeholder: String,
+    /** Sets the required state on the input, append required* indicator to label. */
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    /** Sets the native input type attribute. */
+    type: {
+      type: String,
+      default: "text"
+    },
+    /** Sets the input value - do not use if using `v-model`. */
+    value: [String, Number],
+    /** Sets the input value - `v-model` directive will use this; do not set explicitly. */
+    modelValue: [String, Number]
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, l = N(), [n, o] = H(2), { toChild: r, toRoot: i } = Z(t, l), d = b(() => {
+      var g, p;
+      return ((p = (g = t.hints) == null ? void 0 : g.join) == null ? void 0 : p.call(g, `
+`)) || t.hints;
+    }), u = b(() => t.error && t.errorMsg || t.hint || d.value || void 0), c = b(() => t.inputId || n.value);
+    return (g, p) => (s(), v("div", V({ "data-component": "bs-input-field" }, f(i)), [
+      e.label || g.$slots.label ? (s(), L(f(_), {
+        key: 0,
+        for: c.value,
+        disabled: e.disabled,
+        required: e.required
+      }, {
+        default: A(() => [
+          k(g.$slots, "label", {}, () => [
+            W(I(e.label), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["for", "disabled", "required"])) : $("", !0),
+      P(f(we), V({
+        disabled: e.disabled,
+        error: e.error,
+        "hint-id": f(o),
+        id: c.value,
+        placeholder: e.placeholder,
+        required: e.required,
+        type: e.type,
+        value: e.value || e.modelValue,
+        "onUpdate:modelValue": p[0] || (p[0] = (y) => g.$emit("update:modelValue", y))
+      }, f(r)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "type", "value"]),
+      u.value ? (s(), L(he, {
+        key: 1,
+        error: e.error,
+        "error-msg": e.errorMsg,
+        hint: e.hint || d.value,
+        "hint-id": f(o)
+      }, null, 8, ["error", "error-msg", "hint", "hint-id"])) : $("", !0)
+    ], 16));
+  }
+}), zn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "BsInputSearch",
+  props: {
+    /** Sets the disabled state on input, disabled styles on label. */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    hideClear: {
+      type: Boolean,
+      default: !1
+    },
+    inputId: String,
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    passAttrs: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "Search Items"
+    },
+    /** Sets the input value - do not use if using `v-model`. */
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["clear", "update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, l = N(), { toChild: n, toRoot: o } = Z(t, l);
+    return (r, i) => (s(), L(f(aa), V({
+      class: "bs-input-search",
+      "data-component": "bs-input-search",
+      disabled: e.disabled
+    }, f(o)), {
+      default: A(() => [
+        P(f(Xe)),
+        P(f(we), V({
+          "data-autowidth": "",
+          disabled: e.disabled,
+          "input-id": e.inputId,
+          placeholder: e.placeholder,
+          value: e.value || e.modelValue,
+          "onUpdate:modelValue": i[0] || (i[0] = (d) => r.$emit("update:modelValue", d))
+        }, f(n)), null, 16, ["disabled", "input-id", "placeholder", "value"]),
+        e.disabled || e.hideClear ? $("", !0) : (s(), v("button", {
+          key: 0,
+          title: "Clear",
+          type: "button",
+          onClick: i[1] || (i[1] = (d) => r.$emit("clear"))
+        }, [
+          P(f(oe), { size: "sm" })
+        ]))
+      ]),
+      _: 1
+    }, 16, ["disabled"]));
+  }
+}), ia = ["data-disabled", "for"], ra = /* @__PURE__ */ m("span", {
+  "data-required": "true",
+  "aria-hidden": "true"
+}, " *", -1), sa = /* @__PURE__ */ m("span", { class: "visually-hidden" }, "required", -1), _ = {
+  __name: "BsLabel",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    for: { type: String, required: !0 },
+    hide: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (a, t) => (s(), v("label", {
+      class: X(["bs-label", e.hide ? "visually-hidden" : ""]),
+      "data-component": "bs-label",
+      "data-disabled": e.disabled,
+      for: e.for
+    }, [
+      m("span", null, [
+        k(a.$slots, "default")
+      ]),
+      e.required ? (s(), v(R, { key: 0 }, [
+        ra,
+        sa
+      ], 64)) : $("", !0)
+    ], 10, ia));
+  }
+}, da = ["data-size", "data-variant"], ua = /* @__PURE__ */ m("span", null, null, -1), ca = /* @__PURE__ */ m("span", null, null, -1), fa = /* @__PURE__ */ m("span", null, null, -1), va = /* @__PURE__ */ m("span", null, null, -1), ga = /* @__PURE__ */ m("span", { class: "visually-hidden" }, "Loading", -1), ha = [
+  ua,
+  ca,
+  fa,
+  va,
+  ga
+], Mn = {
+  __name: "BsLoader",
+  props: {
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["xs", "sm", "md", "lg"].includes(e)
+    },
+    variant: {
+      type: String,
+      validator: (e) => ["black", "white", "gray"].includes(e)
+    }
+  },
+  setup(e) {
+    return (a, t) => (s(), v("span", {
+      class: "bs-loader",
+      "data-size": e.size,
+      "data-variant": e.variant,
+      role: "status"
+    }, ha, 8, da));
+  }
+}, pa = /* @__PURE__ */ m("div", { class: "bs-overlay" }, null, -1), ba = {
+  __name: "BsOverlay",
+  props: {
+    shown: {
+      type: Boolean,
+      default: !0
+    },
+    preloaded: {
+      type: Boolean,
+      default: !1
+    },
+    /** @Deprecated - Use 'preloaded' instead. */
+    enterControlled: {
+      type: Boolean,
+      default: !1
+    },
+    /** @Deprecated - Use 'shown' instead. */
+    enterTrigger: {
+      type: Boolean,
+      default: !1
+    },
+    /** @Deprecated - Not used anymore. Handled via 'shown'. */
+    leaveTrigger: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["after-enter", "after-leave"],
+  setup(e, { emit: a }) {
+    const t = e, l = a, { transition: n } = se(t);
+    return (o, r) => (s(), L(f(de), {
+      shown: f(n),
+      preloaded: e.preloaded,
+      duration: 75,
+      "enter-attribute": "data-shown",
+      onAfterEnter: r[0] || (r[0] = (i) => l("after-enter")),
+      onAfterLeave: r[1] || (r[1] = (i) => l("after-leave"))
+    }, {
+      default: A(() => [
+        pa
+      ]),
+      _: 1
+    }, 8, ["shown", "preloaded"]));
+  }
+}, ma = ["id", "role"], ya = {
+  key: 0,
+  class: "close-button-container"
+}, Rn = {
+  __name: "BsModal",
+  props: {
+    modalId: {
+      type: String,
+      default: void 0
+    },
+    shown: {
+      type: Boolean,
+      default: !0
+    },
+    preloaded: {
+      type: Boolean,
+      default: !1
+    },
+    alert: {
+      type: Boolean,
+      default: !1
+    },
+    closeButton: {
+      type: Boolean,
+      default: !0
+    },
+    /** @Deprecated - Not used anymore. Handled via 'shown'. */
+    enterControlled: {
+      type: Boolean,
+      default: !1
+    },
+    /** @Deprecated - Use 'shown' instead. */
+    enterTrigger: {
+      type: Boolean,
+      default: !1
+    },
+    /** @Deprecated - Not used anymore. Handled via 'shown'. */
+    leaveTrigger: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "close",
+    "after-enter",
+    "after-leave"
+  ],
+  setup(e, { emit: a }) {
+    const t = e, l = a, { transition: n } = se(t);
+    let o = !1;
+    return re(["Escape"], () => {
+      o && l("close", t.modalId);
+    }), (r, i) => (s(), v(R, null, [
+      P(ba, {
+        shown: f(n),
+        preloaded: e.preloaded,
+        "enter-controlled": e.enterControlled,
+        "enter-trigger": e.enterTrigger,
+        "leave-trigger": e.leaveTrigger
+      }, null, 8, ["shown", "preloaded", "enter-controlled", "enter-trigger", "leave-trigger"]),
+      P(de, {
+        shown: f(n),
+        preloaded: e.preloaded,
+        duration: 75,
+        "enter-attribute": "data-shown",
+        onEnter: i[1] || (i[1] = (d) => Fe(o) ? o.value = !0 : o = !0),
+        onAfterEnter: i[2] || (i[2] = (d) => l("after-enter")),
+        onAfterLeave: i[3] || (i[3] = (d) => l("after-leave"))
+      }, {
+        default: A(() => [
+          m("div", {
+            id: t.modalId,
+            class: "bs-modal",
+            role: e.alert ? "alertdialog" : "dialog",
+            "aria-modal": "true"
+          }, [
+            e.closeButton ? (s(), v("div", ya, [
+              m("button", {
+                type: "button",
+                title: "Close Modal",
+                "aria-label": "Close Modal",
+                onClick: i[0] || (i[0] = (d) => l("close", e.modalId))
+              }, [
+                P(f(oe), { class: "close-button" })
+              ])
+            ])) : $("", !0),
+            k(r.$slots, "default")
+          ], 8, ma)
+        ]),
+        _: 3
+      }, 8, ["shown", "preloaded"])
+    ], 64));
+  }
+}, Ba = ["data-variant", "data-fixed"], $a = {
+  key: 0,
+  class: "bs-pagination-carets"
+}, Sa = ["title", "disabled"], wa = { key: 0 }, ka = ["title", "disabled"], Ia = { key: 0 }, Ta = {
+  key: 1,
+  class: "bs-pagination-page-numbers"
+}, xa = ["title", "data-selected", "onClick"], Ca = { key: 2 }, Aa = { key: 3 }, La = /* @__PURE__ */ m("span", null, "Results Per Page:", -1), Pa = { class: "bs-pagination-results-numbers" }, Da = ["data-selected", "disabled", "onClick"], Ea = {
+  key: 5,
+  class: "bs-pagination-carets"
+}, Va = ["title", "disabled"], qa = { key: 0 }, za = ["title", "disabled"], Ma = { key: 0 }, On = {
+  __name: "BsPagination",
+  props: {
+    // Used for all
+    showFirstLastButtons: {
+      type: Boolean,
+      default: !1
+    },
+    prevPageText: {
+      type: String,
+      default: void 0
+    },
+    firstPageText: {
+      type: String,
+      default: void 0
+    },
+    nextPageText: {
+      type: String,
+      default: void 0
+    },
+    lastPageText: {
+      type: String,
+      default: void 0
+    },
+    fixed: {
+      type: Boolean,
+      default: !1
+    },
+    variant: {
+      type: String,
+      default: "base",
+      validator: (e) => ["base", "group", "results"].includes(e)
+    },
+    /** @Deprecated - Use modelValue (or v-model) instead */
+    selection: {
+      type: Number,
+      default: void 0
+    },
+    modelValue: {
+      type: Number,
+      default: void 0
+    },
+    // Used for variant="base"
+    centerDisplay: {
+      type: String,
+      default: "numbers",
+      validator: (e) => ["numbers", "text"].includes(e)
+    },
+    // Used for variant="base", centerDisplay="numbers"
+    breakText: {
+      type: String,
+      default: "…"
+    },
+    // Used for variant="base", centerDisplay="numbers"
+    pageRange: {
+      type: Number,
+      default: 3
+    },
+    // Used for variant="base"
+    pageCount: {
+      type: Number,
+      default: void 0
+    },
+    // Used for variant="base", centerDisplay="text" and variant="group"
+    centerLabel: {
+      type: String,
+      default: void 0
+    },
+    // Used for variant="group"
+    itemsPerGroup: {
+      type: Number,
+      default: 25
+    },
+    // Used for variant="group"
+    itemsCount: {
+      type: Number,
+      default: void 0
+    },
+    // Used for variant="results"
+    resultsIncrements: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["selchange", "update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, l = a, n = w(null);
+    O(() => {
+      o.value ? n.value = o.value : t.variant === "results" ? n.value = z.value[0] : n.value = 1;
+    });
+    const o = b(() => t.modelValue || t.selection);
+    E(() => t.selection, (T) => {
+      n.value = T;
+    }), E(() => t.modelValue, (T) => {
+      n.value = T;
+    }), E(n, (T, x) => {
+      x !== null && (l("selchange", T), l("update:modelValue", T));
+    });
+    const r = b(() => {
+      if (t.variant === "group")
+        return Math.ceil(t.itemsCount / t.itemsPerGroup);
+      if (t.variant === "base")
+        return t.pageCount;
+    }), i = b(() => t.variant === "base" ? t.centerDisplay === "text" ? "group" : void 0 : t.variant);
+    function d() {
+      n.value = 1;
+    }
+    function u() {
+      n.value = Math.max(n.value - 1, 1);
+    }
+    function c() {
+      n.value = Math.min(
+        n.value + 1,
+        r.value
+      );
+    }
+    function g() {
+      n.value = r.value;
+    }
+    const p = b(() => {
+      if (t.pageCount <= t.pageRange)
+        return [...Array(t.pageCount + 1).keys()].slice(1);
+      const T = [1], x = (t.pageRange - 1) / 2;
+      let S = n.value - x, q = n.value + x;
+      S < 1 && (q += 1 - S, S = 1), q > t.pageCount && (S -= q - t.pageCount, q = t.pageCount), S = Math.max(S, 2), q = Math.min(q, t.pageCount - 1), S > 2 && T.push(t.breakText);
+      for (let G = S; G <= q; G++)
+        T.push(G);
+      return q < t.pageCount - 1 && T.push(t.breakText), T.push(t.pageCount), T;
+    }), y = b(() => `${t.centerLabel ?? "Page"} ${n.value} of ${r.value}`), D = b(() => {
+      const T = (n.value - 1) * t.itemsPerGroup + 1, x = Math.min(T - 1 + t.itemsPerGroup, t.itemsCount);
+      return `${t.centerLabel ?? "Results"} ${T} - ${x} of ${t.itemsCount}`;
+    }), z = b(() => t.resultsIncrements.split(",").map((T) => parseInt(T)));
+    return (T, x) => (s(), v("div", {
+      class: "bs-pagination",
+      "data-variant": i.value,
+      "data-fixed": t.fixed
+    }, [
+      e.variant === "base" || e.variant === "group" ? (s(), v("div", $a, [
+        e.showFirstLastButtons ? (s(), v("button", {
+          key: 0,
+          type: "button",
+          class: X(e.firstPageText ? "bs-pagination-word-caret" : void 0),
+          title: e.firstPageText,
+          disabled: n.value === 1,
+          onClick: d
+        }, [
+          P(f(Ze)),
+          e.firstPageText ? (s(), v("span", wa, I(e.firstPageText), 1)) : $("", !0)
+        ], 10, Sa)) : $("", !0),
+        m("button", {
+          type: "button",
+          class: X(e.prevPageText ? "bs-pagination-word-caret" : void 0),
+          title: e.prevPageText,
+          disabled: n.value === 1,
+          onClick: u
+        }, [
+          P(f(Je)),
+          e.prevPageText ? (s(), v("span", Ia, I(e.prevPageText), 1)) : $("", !0)
+        ], 10, ka)
+      ])) : $("", !0),
+      e.variant === "base" && e.centerDisplay === "numbers" ? (s(), v("div", Ta, [
+        (s(!0), v(R, null, Y(p.value, (S) => (s(), v("button", {
+          key: `page-${S}-button`,
+          type: "button",
+          title: `Page ${S}`,
+          "data-selected": S === n.value,
+          onClick: (q) => n.value = S
+        }, I(S), 9, xa))), 128))
+      ])) : $("", !0),
+      t.variant === "base" && t.centerDisplay === "text" ? (s(), v("span", Ca, I(y.value), 1)) : $("", !0),
+      t.variant === "group" ? (s(), v("span", Aa, I(D.value), 1)) : $("", !0),
+      t.variant === "results" ? (s(), v(R, { key: 4 }, [
+        La,
+        m("div", Pa, [
+          (s(!0), v(R, null, Y(z.value, (S) => (s(), v("button", {
+            type: "button",
+            key: `results-${S}`,
+            "data-selected": S === n.value,
+            disabled: n.value === S,
+            onClick: (q) => n.value = S
+          }, I(S), 9, Da))), 128))
+        ])
+      ], 64)) : $("", !0),
+      e.variant === "base" || e.variant === "group" ? (s(), v("div", Ea, [
+        m("button", {
+          type: "button",
+          class: X(e.nextPageText ? "bs-pagination-word-caret" : void 0),
+          title: e.nextPageText,
+          disabled: n.value === r.value,
+          onClick: c
+        }, [
+          e.nextPageText ? (s(), v("span", qa, I(e.nextPageText), 1)) : $("", !0),
+          P(f(Qe))
+        ], 10, Va),
+        e.showFirstLastButtons ? (s(), v("button", {
+          key: 0,
+          type: "button",
+          class: X(e.lastPageText ? "bs-pagination-word-caret" : void 0),
+          title: e.lastPageText,
+          disabled: n.value === r.value,
+          onClick: g
+        }, [
+          e.lastPageText ? (s(), v("span", Ma, I(e.lastPageText), 1)) : $("", !0),
+          P(f(_e))
+        ], 10, za)) : $("", !0)
+      ])) : $("", !0)
+    ], 8, Ba));
+  }
+}, Nn = {
+  __name: "BsPill",
+  props: {
+    active: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    href: { type: String },
+    router: {},
+    status: {
+      type: String,
+      validator: (e) => ["active", "complete", "inactive", "error", "warning", "positive"].includes(e)
+    },
+    variant: {
+      type: String,
+      validator: (e) => ["filter", "filter-add", "filter-remove", "live"].includes(e)
+    }
+  },
+  setup(e) {
+    const a = e, { onLinkClick: t } = ie(a), l = N(), { rootTag: n, attrsToBind: o } = ge(a, l, "span");
+    return (r, i) => (s(), L(U(f(n)), V({
+      class: "bs-pill",
+      "data-active": e.active,
+      "data-component": "bs-pill",
+      "data-status": e.status || void 0,
+      "data-variant": e.variant || void 0,
+      disabled: e.disabled,
+      href: e.href
+    }, f(o), { onClick: f(t) }), {
+      default: A(() => [
+        k(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["data-active", "data-status", "data-variant", "disabled", "href", "onClick"]));
+  }
+}, Wn = {
+  __name: "BsProfile",
+  props: {
+    layout: {
+      type: String,
+      default: "vertical",
+      validator: (e) => ["horizontal", "vertical"].includes(e)
+    },
+    href: String,
+    imageSrc: String,
+    imageSize: {
+      type: String,
+      default: "lg",
+      validator: (e) => ["sm", "md", "lg"].includes(e)
+    },
+    initials: String,
+    profileName: String,
+    company: String,
+    jobTitle: String,
+    email: String,
+    action: String,
+    actionIcon: String,
+    miscMeta: String,
+    miscMetaIcon: String,
+    router: Object
+  },
+  emits: ["action-toggled"],
+  setup(e, { emit: a }) {
+    const t = e, l = a, { onLinkClick: n } = ie(t), o = b(() => t.href ? "a" : "div");
+    return (r, i) => (s(), L(U(o.value), {
+      class: "bs-profile",
+      href: e.href,
+      "data-layout": e.layout,
+      onClick: f(n)
+    }, {
+      default: A(() => [
+        P(f(Ka), {
+          src: e.imageSrc,
+          size: e.imageSize,
+          initials: e.initials,
+          "profile-name": e.profileName
+        }, null, 8, ["src", "size", "initials", "profile-name"]),
+        P(f(Fa), {
+          "profile-name": e.profileName,
+          company: e.company,
+          "job-title": e.jobTitle,
+          email: e.email,
+          action: e.action,
+          "action-icon": e.actionIcon,
+          "misc-meta": e.miscMeta,
+          "misc-meta-icon": e.miscMetaIcon,
+          onActionToggled: i[0] || (i[0] = (d) => l("action-toggled"))
+        }, {
+          action: A(() => [
+            k(r.$slots, "action")
+          ]),
+          misc: A(() => [
+            k(r.$slots, "misc")
+          ]),
+          _: 3
+        }, 8, ["profile-name", "company", "job-title", "email", "action", "action-icon", "misc-meta", "misc-meta-icon"])
+      ]),
+      _: 3
+    }, 8, ["href", "data-layout", "onClick"]));
+  }
+}, Ra = { class: "bs-profile-details" }, Oa = {
+  class: "bs-profile-name",
+  "data-size": "sm",
+  "data-weight": "bold"
+}, Na = {
+  key: 1,
+  "data-weight": "bold"
+}, Wa = { key: 2 }, Ga = { key: 3 }, ja = {
+  key: 4,
+  "data-icon": "true"
+}, Fa = {
+  __name: "BsProfileDetails",
+  props: {
+    profileName: {
+      type: String,
+      required: !0
+    },
+    company: String,
+    jobTitle: String,
+    email: String,
+    action: String,
+    actionIcon: String,
+    miscMeta: String,
+    miscMetaIcon: String
+  },
+  emits: ["action-toggled"],
+  setup(e, { emit: a }) {
+    const t = e, l = a, { icon: n } = le(t.actionIcon), { icon: o } = le(t.miscMetaIcon);
+    function r(i) {
+      i.target.tagName === "BUTTON" && (i.preventDefault(), i.stopImmediatePropagation(), l("action-toggled"));
+    }
+    return (i, d) => (s(), v("div", Ra, [
+      e.action || i.$slots.action ? (s(), v("button", {
+        key: 0,
+        "data-icon": "true",
+        onClick: r
+      }, [
+        k(i.$slots, "action", {}, () => [
+          e.actionIcon ? (s(), L(U(f(n) ? f(n) : "span"), { key: 0 })) : $("", !0),
+          W(" " + I(e.action), 1)
+        ])
+      ])) : $("", !0),
+      m("span", Oa, I(e.profileName), 1),
+      e.company ? (s(), v("span", Na, I(e.company), 1)) : $("", !0),
+      e.jobTitle ? (s(), v("span", Wa, I(e.jobTitle), 1)) : $("", !0),
+      e.email ? (s(), v("span", Ga, I(e.email), 1)) : $("", !0),
+      e.miscMeta || i.$slots.misc ? (s(), v("span", ja, [
+        k(i.$slots, "misc", {}, () => [
+          e.miscMetaIcon ? (s(), L(U(f(o) ? f(o) : "span"), { key: 0 })) : $("", !0),
+          W(" " + I(e.miscMeta), 1)
+        ])
+      ])) : $("", !0)
+    ]));
+  }
+}, Ua = ["data-img-size", "data-initials", "data-no-img"], Ha = ["src", "alt"], Ka = {
+  __name: "BsProfileImg",
+  props: {
+    src: String,
+    size: String,
+    initials: {
+      type: String,
+      required: !0
+    },
+    profileName: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    const a = e, t = w(!1), l = w(!!a.src);
+    return O(() => t.value = !0), (n, o) => (s(), v("div", {
+      class: "bs-profile-img",
+      "data-img-size": e.size,
+      "data-initials": e.initials,
+      "data-no-img": !l.value
+    }, [
+      l.value && t.value ? (s(), v("img", {
+        key: 0,
+        src: e.src,
+        alt: e.profileName,
+        onError: o[0] || (o[0] = (r) => l.value = !1)
+      }, null, 40, Ha)) : $("", !0)
+    ], 8, Ua));
+  }
+}, Ya = ["data-size"], Xa = ["checked", "disabled", "id", "required", "value", "data-error"], Gn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "BsRadio",
+  props: {
+    label: {
+      type: String
+    },
+    checked: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    inputId: {
+      type: String,
+      default: ""
+    },
+    passAttrs: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      validator: (e) => e === "sm"
+    },
+    value: {
+      type: String,
+      required: !0
+    },
+    modelValue: {
+      type: String
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, l = N(), [n] = H(), { toChild: o, toRoot: r } = Z(t, l), i = b(() => t.inputId || n.value), d = b(() => t.checked || t.modelValue === t.value);
+    return (u, c) => (s(), v("div", V({
+      class: "bs-boolean",
+      "data-component": "bs-radio",
+      "data-size": e.size
+    }, f(r)), [
+      m("input", V({
+        checked: d.value,
+        disabled: e.disabled,
+        id: i.value,
+        required: e.required,
+        type: "radio",
+        value: e.value,
+        "data-error": e.error
+      }, f(o), {
+        onChange: c[0] || (c[0] = (g) => u.$emit("update:modelValue", g.target.value))
+      }), null, 16, Xa),
+      e.label || u.$slots.label ? (s(), L(f(_), {
+        key: 0,
+        for: i.value,
+        disabled: e.disabled,
+        required: e.required
+      }, {
+        default: A(() => [
+          k(u.$slots, "label", {}, () => [
+            W(I(e.label), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["for", "disabled", "required"])) : $("", !0)
+    ], 16, Ya));
+  }
+}), Za = ["id", "disabled", "required", "data-error", "value"], Ja = {
+  __name: "BsSelect",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    hintId: { type: String },
+    inputId: { type: String },
+    modelValue: [String, Number],
+    required: { type: Boolean, default: !1 },
+    value: [String, Number]
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, l = b(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    return (n, o) => (s(), v("select", V({
+      id: n.$attrs.id || e.inputId,
+      class: "bs-select",
+      "data-component": "bs-select",
+      disabled: e.disabled,
+      required: e.required,
+      "data-error": e.error,
+      value: e.value || e.modelValue
+    }, l.value, {
+      onChange: o[0] || (o[0] = (r) => n.$emit("update:modelValue", r.target.value))
+    }), [
+      k(n.$slots, "default")
+    ], 16, Za));
+  }
+}, Qa = ["selected", "disabled"], _a = ["disabled", "selected", "value"], jn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "BsSelectField",
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    /** Sets the disabled state on input, disabled styles on label. */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /** Applies error styles to the input. */
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    /** Pass error text. */
+    errorMsg: String,
+    /** Pass helper text. */
+    hint: String,
+    /** @Deprecated Use `hint` and/or `errorMsg`. */
+    hints: [String, Array],
+    /** Pass id for the input element.  Will also be applied to label attribute. */
+    inputId: String,
+    /** Pass label text. */
+    label: {
+      type: String,
+      required: !0
+    },
+    /** Placeholder attribute for `<input>`. */
+    placeholder: String,
+    /** Sets the required state on the input, append required* indicator to label. */
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    /** Sets the select value - do not use if using `v-model`. */
+    value: [String, Number],
+    /** Sets the select value - `v-model` directive will use this; do not set explicitly. */
+    modelValue: [String, Number]
+  },
+  setup(e) {
+    const a = e, t = N(), [l, n] = H(2), { toChild: o, toRoot: r } = Z(a, t), i = b(() => {
+      var g, p;
+      return ((p = (g = a.hints) == null ? void 0 : g.join) == null ? void 0 : p.call(g, `
+`)) || a.hints;
+    }), d = b(() => a.error && a.errorMsg || a.hint || i.value || void 0), u = b(() => a.inputId || l.value), c = b(() => a.value || a.modelValue);
+    return (g, p) => (s(), v("div", V({ "data-component": "bs-select-field" }, f(r)), [
+      e.label || g.$slots.label ? (s(), L(f(_), {
+        key: 0,
+        for: u.value,
+        disabled: e.disabled,
+        required: e.required
+      }, {
+        default: A(() => [
+          k(g.$slots, "label", {}, () => [
+            W(I(e.label), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["for", "disabled", "required"])) : $("", !0),
+      P(f(Ja), V({
+        disabled: e.disabled,
+        error: e.error,
+        "hint-id": f(n),
+        "input-id": u.value,
+        required: e.required,
+        value: c.value,
+        "onUpdate:modelValue": p[0] || (p[0] = (y) => g.$emit("update:modelValue", y))
+      }, f(o)), {
+        default: A(() => [
+          m("option", {
+            selected: !c.value,
+            value: "",
+            disabled: !!c.value
+          }, I(e.placeholder), 9, Qa),
+          (s(!0), v(R, null, Y(e.data, (y) => (s(), v("option", {
+            key: y.value,
+            disabled: y.disabled,
+            selected: g.validValue === y.value,
+            value: y.value
+          }, I(y.label), 9, _a))), 128))
+        ]),
+        _: 1
+      }, 16, ["disabled", "error", "hint-id", "input-id", "required", "value"]),
+      d.value ? (s(), L(he, {
+        key: 1,
+        "data-disabled": e.disabled,
+        error: e.error,
+        "error-msg": e.errorMsg,
+        hint: e.hint || i.value,
+        "hint-id": f(n)
+      }, null, 8, ["data-disabled", "error", "error-msg", "hint", "hint-id"])) : $("", !0)
+    ], 16));
+  }
+}), en = ["data-size"], tn = ["data-disabled", "data-pending", "data-size"], an = ["checked", "disabled", "id"], nn = ["data-inner-on-label", "data-inner-off-label"], Fn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "BsSwitch",
+  props: {
+    checked: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    hideLabel: {
+      type: Boolean,
+      default: !1
+    },
+    inputId: {
+      type: String,
+      default: ""
+    },
+    innerOnLabel: {
+      type: String
+    },
+    innerOffLabel: {
+      type: String
+    },
+    label: {
+      type: String
+    },
+    passAttrs: {
+      type: String,
+      default: ""
+    },
+    pending: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      validator: (e) => e === "sm"
+    },
+    modelValue: {
+      type: Boolean
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, l = a, n = N(), [o] = H(), { toChild: r, toRoot: i } = Z(t, n), d = b(() => t.inputId || o.value), u = b(() => t.checked || t.modelValue);
+    return (c, g) => (s(), v("div", V({
+      class: "bs-boolean",
+      "data-component": "bs-switch",
+      "data-size": e.size
+    }, f(i)), [
+      e.label || c.$slots.label ? (s(), L(f(_), {
+        key: 0,
+        for: d.value,
+        disabled: e.disabled,
+        hide: e.hideLabel
+      }, {
+        default: A(() => [
+          k(c.$slots, "label", {}, () => [
+            W(I(e.label), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["for", "disabled", "hide"])) : $("", !0),
+      m("div", {
+        class: "bs-switch",
+        "data-disabled": e.disabled,
+        "data-pending": e.pending,
+        "data-size": e.size
+      }, [
+        m("input", V({
+          checked: u.value,
+          disabled: e.disabled,
+          id: d.value,
+          type: "checkbox"
+        }, f(r), {
+          onChange: g[0] || (g[0] = (p) => l("update:modelValue", p.target.checked))
+        }), null, 16, an),
+        m("span", {
+          "aria-hidden": "true",
+          "data-inner-on-label": e.innerOnLabel,
+          "data-inner-off-label": e.innerOffLabel
+        }, null, 8, nn)
+      ], 8, tn)
+    ], 16, en));
+  }
+}), ln = ["aria-controls", "aria-selected", "data-hidden"], Un = {
+  __name: "BsTab",
+  props: {
+    activeTabId: {
+      type: String,
+      required: !0
+    },
+    hidden: {
+      type: Boolean,
+      default: !1
+    },
+    panelId: {
+      type: String
+    }
+  },
+  emits: ["tabClick"],
+  setup(e, { emit: a }) {
+    const t = e, l = N(), n = w(), o = b(() => t.activeTabId === l.id), r = b(() => t.panelId || `${l.id}-panel`);
+    function i(u) {
+      (u.key === "Enter" || u.key === " ") && (u.preventDefault(), u.stopPropagation(), d());
+    }
+    function d() {
+      if (t.activeTabId !== l.id) {
+        const u = new CustomEvent("tabClick", { detail: l.id, bubbles: !0 });
+        n.value.dispatchEvent(u);
+      }
+    }
+    return (u, c) => (s(), v("div", {
+      "aria-controls": r.value,
+      "aria-selected": o.value ? "true" : "false",
+      "data-hidden": e.hidden || void 0,
+      "data-component": "bs-tab",
+      role: "tab",
+      tabindex: "0",
+      ref_key: "hostEl",
+      ref: n,
+      onClick: d,
+      onKeydown: i
+    }, [
+      k(u.$slots, "default")
+    ], 40, ln));
+  }
+}, on = ["id", "data-resizing"], rn = ["aria-controls", "aria-expanded", "data-active", "data-hidden", "id"], sn = 73, dn = 20, un = 16, Hn = {
+  __name: "BsTabList",
+  props: {
+    activeTabId: { type: String, required: !0 },
+    helperText: { type: String, default: "Select a tab" },
+    helperDescription: { type: String },
+    modelValue: { type: String },
+    withBsTabs: { type: Boolean, default: !0 }
+  },
+  emits: ["tabChange", "update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, l = a, n = w(!1), o = w(!1), r = w([]), i = w(!1), d = w(!1), u = w(), c = w([]), g = w(!1), p = w([]), y = w(), D = w(), z = w(), [T, x] = H(2), S = b(() => t.activeTabId ? p.value.findIndex((h) => h.id === t.activeTabId) : 0), q = b(() => r.value.some((h) => h.id === t.activeTabId)), G = b(() => `${x.value}-options`), ee = b(() => `${x.value}-toggle`), J = b(() => {
+      var h;
+      return q.value ? (h = p.value[S.value]) == null ? void 0 : h.textContent : "More";
+    }), ke = b(() => q.value ? c.value[S.value] - c.value[S.value - 1] + dn : sn), Q = b(() => {
+      var B, C;
+      let h = [];
+      if (typeof window > "u")
+        return h;
+      for (let M of p.value) {
+        if (((B = M.dataset) == null ? void 0 : B.hidden) === "true" || ((C = M.dataset) == null ? void 0 : C.hidden) === "" || M.getAttribute("tabindex") === "-1")
+          break;
+        h.push(M);
+      }
+      return d.value && h.push(u.value.querySelector(".bs-tab-list-toggle")), h;
+    });
+    function ue() {
+      var K;
+      let h = !1, B, C = 0, M = !1, j = [];
+      if ((K = p.value) != null && K.length) {
+        for (let F = 0; F < p.value.length; F++) {
+          if (B = p.value[F], B.setAttribute("tabindex", "-1"), M && F !== S.value) {
+            B.dataset.hidden = "true", j.push(B);
+            continue;
+          }
+          if (C = F < p.value.length - 1 ? z.value - ke.value : z.value, c.value[F] > C) {
+            B.dataset.hidden = "true", j.push(B), h = !0, M = !0;
+            continue;
+          }
+          B.dataset.hidden = "false", B.setAttribute("tabindex", "0");
+        }
+        d.value = h, r.value = j, n.value || Ue(() => n.value = !0), setTimeout(() => {
+          Ve(), g.value = !0;
+        }, g.value ? 0 : 1e3);
+      }
+    }
+    function ce(h) {
+      l("tabChange", h), l("update:modelValue", h);
+    }
+    function Ie(h) {
+      var M, j, K;
+      const B = (K = (j = (M = p.value[h]) == null ? void 0 : M.getBoundingClientRect) == null ? void 0 : j.call(M)) == null ? void 0 : K.width;
+      return B || (h === 0 ? c.value[0] : c.value[h] - c.value[h - 1]) || 0;
+    }
+    function Te() {
+      var h;
+      (h = p.value[S.value]) == null || h.setAttribute("aria-selected", "true"), ue();
+    }
+    function xe() {
+      var h;
+      (h = y.value) == null || h.focus(), i.value = !1;
+    }
+    function Ce() {
+      i.value = !i.value, o.value || (o.value = !0);
+    }
+    function Ae(h) {
+      var B;
+      i.value = !1, (B = y.value) == null || B.focus(), ce(h);
+    }
+    function Le(h) {
+      if (t.withBsTabs)
+        return;
+      const B = h.target.closest('[role="tab"]');
+      if (!B || B.getAttribute("aria-selected") === "true")
+        return;
+      const C = B.getAttribute("id");
+      ce(C);
+    }
+    function Pe(h) {
+      if (h.key === "ArrowLeft" || h.key === "ArrowRight") {
+        const B = Q.value.findIndex((C) => C.id === h.target.id);
+        if (B === -1)
+          return;
+        h.preventDefault(), h.stopPropagation(), h.key === "ArrowLeft" ? Ee(B) : De(B);
+      }
+    }
+    function De(h) {
+      var C;
+      const B = (h + 1) % Q.value.length;
+      (C = Q.value[B]) == null || C.focus();
+    }
+    function Ee(h) {
+      var C;
+      const B = h === 0 ? Q.value.length - 1 : h - 1;
+      (C = Q.value[B]) == null || C.focus();
+    }
+    function Ve() {
+      var K, F, pe, be;
+      const h = parseInt(u.value.style.getPropertyValue("--active-line-offset")) || 0, B = z.value;
+      let C = 300, M = ((F = (K = Q.value) == null ? void 0 : K[S.value]) == null ? void 0 : F.offsetLeft) || 0, j = Ie(S.value);
+      d.value && q.value && (M = (pe = y.value) == null ? void 0 : pe.offsetLeft, j = (be = y.value) == null ? void 0 : be.offsetWidth), C = Math.max(Math.abs((M - h) / B * 300), 100), u.value.style.setProperty("--active-line-max-width", `${B}px`), u.value.style.setProperty("--active-line-scale", `${j / B}`), u.value.style.setProperty("--active-line-offset", `${M}px`), u.value.style.setProperty("--active-line-transition-duration", `${C}ms`);
+    }
+    function qe() {
+      var h, B;
+      (B = (h = D.value) == null ? void 0 : h.disconnect) == null || B.call(h), D.value = null;
+    }
+    function ze() {
+      D.value = new ResizeObserver((h) => {
+        for (let B of h)
+          z.value = B.contentBoxSize[0].inlineSize;
+        ue();
+      }), D.value.observe(u.value);
+    }
+    function Me() {
+      p.value = Array.from(u.value.children).filter((h) => h.role === "tab");
+    }
+    function Re() {
+      let h;
+      p.value.forEach((B, C) => {
+        h = B.getBoundingClientRect().width + un, c.value.push(C ? h + c.value[C - 1] : h);
+      });
+    }
+    return E(() => t.activeTabId, Te), O(() => {
+      var h;
+      try {
+        Me(), Re(), ze(), z.value = u.value.getBoundingClientRect().width, ue(), t.withBsTabs || (h = p.value[S.value]) == null || h.setAttribute("aria-selected", "true");
+      } catch (B) {
+        console.log("tab error", B);
+      }
+    }), ne(qe), (h, B) => (s(), v("div", {
+      class: "bs-tab-list",
+      "data-component": "bs-tab-list",
+      id: h.$attrs.id || f(T),
+      ref_key: "hostEl",
+      ref: u,
+      role: "tablist",
+      "data-resizing": !n.value || void 0,
+      onClick: Le,
+      "on:tabClick": B[0] || (B[0] = (C) => ce(C.detail)),
+      onKeydown: Pe
+    }, [
+      k(h.$slots, "default"),
+      m("button", {
+        "aria-controls": f(x),
+        "aria-expanded": i.value,
+        class: "bs-tab-list-toggle",
+        "data-active": q.value || void 0,
+        "data-hidden": !d.value,
+        id: ee.value,
+        ref_key: "dropdownToggle",
+        ref: y,
+        onClick: Ce
+      }, [
+        P(f(et), { size: "sm" }),
+        W(" " + I(J.value), 1)
+      ], 8, rn),
+      P(f(Zt), {
+        shown: i.value,
+        id: f(x),
+        class: "bs-tab-list-dropdown",
+        containerId: h.$attrs.id || f(T),
+        helperText: e.helperText,
+        helperDescription: e.helperDescription || void 0,
+        optionsId: G.value,
+        toggleId: ee.value,
+        onClose: xe,
+        onOptselected: Ae
+      }, {
+        default: A(() => [
+          (s(!0), v(R, null, Y(r.value, (C) => (s(), L(f(Kt), {
+            key: C.id,
+            value: C.id,
+            "options-id": G.value
+          }, {
+            default: A(() => [
+              W(I(C.textContent), 1)
+            ]),
+            _: 2
+          }, 1032, ["value", "options-id"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["shown", "id", "containerId", "helperText", "helperDescription", "optionsId", "toggleId"])
+    ], 40, on));
+  }
+}, cn = ["aria-labelledby", "data-active", "id"], Kn = {
+  __name: "BsTabPanel",
+  props: {
+    activeTabId: {
+      type: String,
+      required: !0
+    },
+    tabId: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    const a = e, t = N(), l = b(() => a.activeTabId && a.activeTabId === a.tabId), n = b(() => t.id || `${a.tabId}-panel`);
+    return (o, r) => (s(), v("section", {
+      "aria-labelledby": e.tabId,
+      "data-active": l.value,
+      "data-component": "bs-tab-panel",
+      id: n.value,
+      role: "tabpanel"
+    }, [
+      k(o.$slots, "default")
+    ], 8, cn));
+  }
+}, fn = ["data-error", "id", "rows", "value"], vn = {
+  __name: "BsTextarea",
+  props: {
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    hintId: String,
+    /** @Deprecated - Just set `id` since it will fall-through to the inner textarea element. */
+    inputId: String,
+    value: String,
+    modelValue: String
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, l = b(() => ({ [t.error ? "aria-errormessage" : "aria-describedby"]: t.hintId }));
+    return (n, o) => (s(), v("textarea", V({
+      "data-component": "bs-textarea",
+      "data-error": e.error,
+      id: n.$attrs.id || e.inputId,
+      rows: n.$attrs.rows || 6,
+      value: e.value || e.modelValue,
+      onInput: o[0] || (o[0] = (r) => n.$emit("update:modelValue", r.target.value))
+    }, l.value), null, 16, fn));
+  }
+}, Yn = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "BsTextareaField",
+  props: {
+    /** Sets the maximum value this textarea will allow. Will also display character count if present. This does not set maxlength, so users are able to enter text that is longer and edit it down. Enforcement of length must be by the developer. */
+    charMax: Number,
+    /** Sets the disabled state on input, disabled styles on label. */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /** Applies error styles to the input. */
+    error: {
+      type: Boolean,
+      default: !1
+    },
+    /** Pass error text. */
+    errorMsg: String,
+    /** Pass helper text. */
+    hint: String,
+    /** @Deprecated Use `hint` and/or `errorMsg`. */
+    hints: [String, Array],
+    /** Pass id for the input element.  Will also be applied to label attribute. */
+    inputId: String,
+    /** Pass label text. */
+    label: {
+      type: String,
+      required: !0
+    },
+    /** List additional attributes by name (comma-separated) to pass through to `<textarea>`. */
+    passAttrs: {
+      type: String,
+      default: ""
+    },
+    /** Placeholder attribute for `<textarea>`. */
+    placeholder: String,
+    /** Sets the required state on the textarea, append required* indicator to label. */
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    /** Sets the number of rows for the textarea.  Defaults to `6`. */
+    rows: {
+      type: Number,
+      default: 6
+    },
+    /** Sets the textarea value - do not use if using `v-model`. */
+    value: String,
+    /** Sets the textarea value - `v-model` directive will use this; do not set explicitly. */
+    modelValue: String
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: a }) {
+    const t = e, l = N(), [n, o] = H(2), { toChild: r, toRoot: i } = Z(t, l), d = b(() => {
+      var p;
+      return ((p = t.value || t.modelValue) == null ? void 0 : p.length) || 0;
+    }), u = b(() => {
+      var p, y;
+      return ((y = (p = t.hints) == null ? void 0 : p.join) == null ? void 0 : y.call(p, `
+`)) || t.hints;
+    }), c = b(() => t.error && t.errorMsg || t.hint || u.value || void 0), g = b(() => t.inputId || n.value);
+    return (p, y) => (s(), v("div", V({ "data-component": "bs-textarea-field" }, f(i)), [
+      e.label || p.$slots.label ? (s(), L(f(_), {
+        key: 0,
+        for: g.value,
+        disabled: e.disabled,
+        required: e.required
+      }, {
+        default: A(() => [
+          k(p.$slots, "label", {}, () => [
+            W(I(e.label), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["for", "disabled", "required"])) : $("", !0),
+      P(f(vn), V({
+        disabled: e.disabled,
+        error: e.error,
+        "hint-id": f(o),
+        id: g.value,
+        placeholder: e.placeholder,
+        required: e.required,
+        rows: e.rows,
+        value: e.value || e.modelValue,
+        "onUpdate:modelValue": y[0] || (y[0] = (D) => p.$emit("update:modelValue", D))
+      }, f(r)), null, 16, ["disabled", "error", "hint-id", "id", "placeholder", "required", "rows", "value"]),
+      c.value || e.charMax ? (s(), L(he, {
+        key: 1,
+        "char-count": d.value,
+        "char-max": e.charMax,
+        "data-disabled": e.disabled,
+        error: e.error,
+        "error-msg": e.errorMsg,
+        hint: e.hint || u.value,
+        "hint-id": f(o)
+      }, null, 8, ["char-count", "char-max", "data-disabled", "error", "error-msg", "hint", "hint-id"])) : $("", !0)
+    ], 16));
+  }
+}), gn = ["data-variant", "data-stacked"], Xn = {
+  __name: "BsToast",
+  props: {
+    shown: {
+      type: Boolean,
+      default: !0
+    },
+    preloaded: {
+      type: Boolean,
+      default: !1
+    },
+    toastId: {
+      type: String,
+      required: !0
+    },
+    variant: {
+      type: String,
+      default: void 0,
+      validator: (e) => ["warning", "positive", "negative"].includes(e)
+    },
+    stacked: {
+      type: Boolean,
+      default: !1
+    },
+    duration: {
+      type: Number,
+      default: 1e4
+    },
+    /** @Deprecated - Use 'preloaded' instead. */
+    enterControlled: {
+      type: Boolean,
+      default: !1
+    },
+    /** @Deprecated - Use 'shown' instead. */
+    enterTrigger: {
+      type: Boolean,
+      default: !1
+    },
+    /** @Deprecated - Not used anymore. Handled via 'shown'. */
+    leaveTrigger: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["dismiss", "after-enter", "after-leave"],
+  setup(e, { emit: a }) {
+    const t = e, l = a, { transition: n } = se(t);
+    let o = null;
+    ae("variant", t.variant), ae("handleDismiss", i);
+    const r = te("stacked", t.stacked);
+    function i() {
+      o && (clearTimeout(o), o = null), l("dismiss", t.toastId);
+    }
+    function d() {
+      t.duration > 0 && (o = setTimeout(() => {
+        i();
+      }, t.duration)), l("after-enter");
+    }
+    return (u, c) => (s(), L(f(de), {
+      shown: f(n),
+      preloaded: e.preloaded,
+      duration: 200,
+      "enter-attribute": "data-shown",
+      onAfterEnter: d,
+      onAfterLeave: c[0] || (c[0] = (g) => l("after-leave"))
+    }, {
+      default: A(() => [
+        m("div", {
+          class: "bs-toast",
+          "data-variant": e.variant,
+          "data-stacked": f(r) || void 0,
+          "aria-role": "alert"
+        }, [
+          k(u.$slots, "default")
+        ], 8, gn)
+      ]),
+      _: 3
+    }, 8, ["shown", "preloaded"]));
+  }
+}, hn = ["data-stacked"], Zn = {
+  __name: "BsToastActions",
+  setup(e) {
+    const a = w(!1);
+    O(() => {
+      var n;
+      const l = He();
+      ((n = l.default) == null ? void 0 : n.call(l).length) > 2 && (a.value = !0);
+    });
+    const t = te("handleDismiss");
+    return (l, n) => (s(), v("div", {
+      class: "bs-toast-actions",
+      "data-stacked": a.value || void 0
+    }, [
+      k(l.$slots, "default", {}, () => [
+        P(wt, {
+          size: "sm",
+          "text-btn": "",
+          onClick: f(t)
+        }, {
+          default: A(() => [
+            W(" Dismiss ")
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ])
+    ], 8, hn));
+  }
+}, pn = (e, a) => {
+  const t = e.__vccOpts || e;
+  for (const [l, n] of a)
+    t[l] = n;
+  return t;
+}, bn = {}, mn = { class: "bs-toast-body" };
+function yn(e, a) {
+  return s(), v("div", mn, [
+    k(e.$slots, "default")
+  ]);
+}
+const Jn = /* @__PURE__ */ pn(bn, [["render", yn]]), Bn = ["data-variant"], Qn = {
+  __name: "BsToastHeader",
+  setup(e) {
+    const a = te("variant"), t = b(() => {
+      switch (a) {
+        case "warning":
+          return ve;
+        case "positive":
+          return at;
+        case "negative":
+          return ve;
+        default:
+          return tt;
+      }
+    });
+    return (l, n) => (s(), v("div", {
+      class: "bs-toast-header",
+      "data-variant": f(a)
+    }, [
+      (s(), L(U(t.value), { class: "bs-toast-header-icon" })),
+      m("h5", null, [
+        k(l.$slots, "default")
+      ])
+    ], 8, Bn));
+  }
+}, $n = { class: "bs-toaster" }, _n = {
+  __name: "BsToaster",
+  setup(e) {
+    return ae("stacked", !0), (a, t) => (s(), v("div", $n, [
+      k(a.$slots, "default")
+    ]));
+  }
+}, Sn = ["data-position"], wn = ["id"], el = {
+  __name: "BsTooltip",
+  props: {
+    tooltipId: {
+      type: String,
+      required: !0
+    },
+    content: {
+      type: String,
+      required: !0
+    },
+    position: {
+      type: String,
+      default: "top",
+      validator: (e) => [
+        "top",
+        "top-left",
+        "top-right",
+        "right",
+        "bottom",
+        "bottom-left",
+        "bottom-right",
+        "left"
+      ].includes(e)
+    }
+  },
+  setup(e) {
+    const a = e, t = w(!1), l = w(!1), n = b(() => {
+      let i = "bs-tooltip-text";
+      return l.value && (a.position === void 0 || a.position === "top" || a.position === "bottom" ? i += " escaped-x" : a.position === "left" || a.position === "right" ? i += " escaped-y" : i += " escaped"), i;
+    });
+    re(["Escape"], () => {
+      t.value && (t.value = !1, l.value = !0);
+    });
+    function o() {
+      t.value = !0;
+    }
+    function r() {
+      t.value = !1, l.value = !1;
+    }
+    return (i, d) => (s(), v("div", {
+      class: "bs-tooltip",
+      "data-position": e.position || void 0,
+      "data-component": "bs-tooltip",
+      onMouseenter: o,
+      onFocusin: o,
+      onMouseleave: r,
+      onFocusout: r
+    }, [
+      k(i.$slots, "default"),
+      e.content ? (s(), v("div", {
+        key: 0,
+        class: X(n.value),
+        id: e.tooltipId,
+        role: "tooltip"
+      }, I(e.content), 11, wn)) : $("", !0)
+    ], 40, Sn));
+  }
+};
+export {
+  Cn as BsAccordion,
+  An as BsBadge,
+  Ln as BsBanner,
+  wt as BsButton,
+  Pn as BsChartBar,
+  Dn as BsCheckbox,
+  En as BsCircleButton,
+  Ut as BsDropdown,
+  Kt as BsDropdownOption,
+  Xt as BsDropdownOptionList,
+  Zt as BsDropdownWithOptions,
+  Vn as BsIconGradientWrapper,
+  we as BsInput,
+  aa as BsInputAddon,
+  qn as BsInputField,
+  zn as BsInputSearch,
+  _ as BsLabel,
+  Mn as BsLoader,
+  Rn as BsModal,
+  ba as BsOverlay,
+  On as BsPagination,
+  Nn as BsPill,
+  Wn as BsProfile,
+  Fa as BsProfileDetails,
+  Ka as BsProfileImg,
+  Gn as BsRadio,
+  Ja as BsSelect,
+  jn as BsSelectField,
+  Fn as BsSwitch,
+  Un as BsTab,
+  Hn as BsTabList,
+  Kn as BsTabPanel,
+  vn as BsTextarea,
+  Yn as BsTextareaField,
+  Xn as BsToast,
+  Zn as BsToastActions,
+  Jn as BsToastBody,
+  Qn as BsToastHeader,
+  _n as BsToaster,
+  el as BsTooltip,
+  de as BsTransition
+};