bitboss-ui 2.0.5 → 2.0.8

package/dist/index103.js

@@ -1,273 +1,128 @@
-import { defineComponent as X, ref as v, computed as p, getCurrentInstance as Y, watch as g, nextTick as Z, openBlock as d, createElementBlock as f, unref as ee, normalizeClass as q, createElementVNode as c, renderSlot as y, normalizeProps as U, guardReactiveProps as z, Fragment as K, renderList as H, createVNode as J, withCtx as S, toDisplayString as le, createBlock as te, Transition as ae, createCommentVNode as se } from "vue";
-import { useId as ie } from "./index7.js";
-import { useRoute as re } from "./index131.js";
-import { useRouter as ne } from "./index132.js";
-import { wait as oe } from "./index126.js";
-import { useScroll as ue } from "./index127.js";
-import de from "./index12.js";
+import { defineComponent as v, ref as g, computed as y, openBlock as w, createBlock as B, withCtx as a, renderSlot as i, normalizeProps as l, guardReactiveProps as r, createVNode as $, mergeProps as T } from "vue";
+import V from "./index26.js";
 /* empty css        */
-import ce from "./index122.js";
-/* empty css         */
-const be = ["id"], fe = { class: "bb-tab__label-boundary" }, ye = { class: "bb-tab__label" }, me = { class: "bb-tab__panes-container" }, he = ["id", "aria-labelledby"], xe = /* @__PURE__ */ X({
-  __name: "BbTab",
+import D from "./index42.js";
+/* empty css        */
+const F = /* @__PURE__ */ v({
+  __name: "BbSwitchGroup",
   props: {
+    autofocus: {},
+    color: {},
+    dependencies: {},
+    depsDebounceTime: {},
     disabled: { type: Boolean },
-    eager: { type: Boolean },
+    enforceCoherence: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hideLegend: { type: Boolean },
+    hint: {},
     id: {},
-    animate: { type: Boolean, default: !0 },
-    direction: { default: "horizontal" },
-    items: {},
+    inputDirection: {},
+    items: { type: [Array, Function] },
+    itemText: {},
+    itemValue: {},
+    legend: {},
+    loadingText: {},
     modelValue: {},
-    navigation: { type: Boolean },
-    querykey: { default: "tab" },
-    replace: { type: Boolean }
+    modelValueDebounceTime: {},
+    name: {},
+    noDataText: {},
+    persistentHint: { type: Boolean },
+    readonly: {},
+    reverse: { type: Boolean }
   },
-  emits: ["update:modelValue"],
-  setup(O, { expose: j, emit: G }) {
-    var C, R, E, P, F, N, A;
-    const l = O, M = G, u = re(), _ = ne(), w = v(), T = l.id ?? ie().id.value, m = `bb-tab_${T}`, x = v(), { isScrolling: Q, arrivedState: I } = ue(x), V = p(() => ({
-      isScrolling: Q.value,
-      left: I.left,
-      right: I.right
-    })), L = !!((R = (C = Y()) == null ? void 0 : C.proxy) != null && R.$inertia), s = v(null), n = p(
-      () => l.items.findIndex((e) => e.key === s.value)
-    ), h = p(() => n.value === 0), k = p(() => n.value === l.items.length - 1);
-    if (l.items.forEach((e) => {
-      if (!e.key)
-        throw console.error("A tab item has no key", e), new Error("A tab item has no key " + JSON.stringify(e));
-    }), l.navigation && ((P = (E = u.value) == null ? void 0 : E.query) != null && P[l.querykey]))
-      s.value = (N = (F = u.value) == null ? void 0 : F.query) == null ? void 0 : N[l.querykey];
-    else if (l.navigation && L && ((A = globalThis == null ? void 0 : globalThis.location) != null && A.href) && new URL(globalThis.location.href).searchParams.get(l.querykey))
-      s.value = new URL(globalThis.location.href).searchParams.get(
-        l.querykey
-      );
-    else if (l.modelValue)
-      s.value = l.modelValue;
-    else if (l.items[0]) {
-      const e = l.items.find((t) => !t.disabled);
-      if (!e)
-        throw new Error(
-          "No tab has been selected so it defaulted to the first available. Still, all the tabs are disabled so no tab can be selected."
-        );
-      const a = e.key;
-      s.value = a;
-    }
-    const b = async (e, a = !1) => {
-      var t, r, i, D;
-      if (l.navigation && u.value && ((r = (t = u.value) == null ? void 0 : t.query) == null ? void 0 : r[l.querykey]) !== e)
-        _ == null || _.push({
-          ...u,
-          query: { ...(i = u.value) == null ? void 0 : i.query, [l.querykey]: e },
-          replace: a
-        });
-      else if (l.navigation && L && ((D = globalThis == null ? void 0 : globalThis.location) != null && D.href) && new URL(globalThis.location.href).searchParams.get(l.querykey) !== e) {
-        const $ = new URL(globalThis.location.href);
-        $.searchParams.set(l.querykey, e), oe(0).then(() => {
-          a ? history.replaceState({}, "", $.toString()) : history.pushState({}, "", $.toString());
-        });
-      }
-      l.modelValue !== e && M("update:modelValue", e), s.value = e;
-    };
-    s.value && b(s.value, !0);
-    const o = (e) => {
-      var a = null;
-      switch (e) {
-        case "first":
-          for (a = 0; a < l.items.length - 1 && l.items[a].disabled; )
-            a++;
-          break;
-        case "previous": {
-          let i = 1;
-          for (; i < l.items.length && (a = (n.value + l.items.length - i) % l.items.length, l.items[a].disabled); )
-            i++;
-          break;
-        }
-        case "next": {
-          let i = 1;
-          for (; i < l.items.length && (a = (n.value + i) % l.items.length, l.items[a].disabled); )
-            i++;
-          break;
-        }
-        case "last":
-          for (a = l.items.length - 1; a >= 0 && l.items[a].disabled; )
-            a--;
-          break;
-      }
-      if (a === null)
-        throw new Error("Could not navigate to next tab");
-      if (l.items[a].disabled) return;
-      const t = l.items[a].key, r = document.querySelector(
-        `#${m}_tab_${t}`
-      );
-      r == null || r.focus(), b(t, l.replace);
-    }, W = (e) => {
-      if (!l.disabled)
-        if (e.key === "ArrowRight")
-          o("next");
-        else if (e.key === "ArrowLeft")
-          o("previous");
-        else if (e.key === "Home")
-          e.preventDefault(), o("first");
-        else if (e.key === "End")
-          e.preventDefault(), o("last");
-        else
-          return;
-    };
-    g(
-      () => l.modelValue,
-      (e) => {
-        e && b(e, l.replace);
-      }
-    ), g(
-      () => {
-        var e, a;
-        return (a = (e = u.value) == null ? void 0 : e.query) == null ? void 0 : a[l.querykey];
-      },
-      (e) => {
-        e && typeof e == "string" && b(e, l.replace);
-      }
-    ), g(
-      s,
-      async () => {
-        if (w.value) {
-          const e = w.value.querySelector(
-            "[role=tablist] .bb-tab__btn--active"
-          );
-          e && (await Z(), e.scrollIntoView({
-            behavior: "smooth",
-            block: "nearest",
-            inline: "nearest"
-          }));
-        }
+  emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(d, { emit: p }) {
+    const u = d, n = p, s = g(!1), m = y(() => u.persistentHint || s.value), c = {
+      onBlur: (e) => n("blur", e),
+      onChange: (e) => n("change", e),
+      onClick: (e) => n("click", e),
+      onFocus: (e) => {
+        s.value = !0, n("focus", e);
       },
-      { flush: "post" }
-    );
-    const B = v("right");
-    return g(
-      s,
-      (e, a) => {
-        if (e && a) {
-          const t = l.items.findIndex((i) => i.key === e), r = l.items.findIndex((i) => i.key === a);
-          B.value = t > r ? "right" : "left";
-        }
+      onInactive: () => {
+        s.value = !1, n("inactive");
       },
-      { flush: "sync" }
-    ), j({
-      isFirst: h,
-      isLast: k,
-      current: s,
-      currentIndex: n,
-      goTo: o
-    }), (e, a) => (d(), f("div", {
-      id: ee(T),
-      ref_key: "tabs",
-      ref: w,
-      class: q(["bb-tab", {
-        [`bb-tab--${e.direction}`]: !0,
-        "bb-tab--disabled": !0
-      }])
-    }, [
-      c("div", fe, [
-        c("span", null, [
-          y(e.$slots, "header:prepend", U(z(V.value)))
-        ]),
-        c("ul", {
-          ref_key: "tablist",
-          ref: x,
-          class: "bb-tab__label-container",
-          role: "tablist"
-        }, [
-          (d(!0), f(K, null, H(e.items, (t) => (d(), f("li", {
-            key: t.key,
-            role: "presentation"
-          }, [
-            J(de, {
-              id: `${m}_tab_${t.key}`,
-              "aria-selected": s.value === t.key,
-              class: q(["bb-tab__btn", { "bb-tab__btn--active": s.value === t.key }]),
-              disabled: t.disabled || e.disabled,
-              role: "tab",
-              tabindex: s.value === t.key ? 0 : -1,
-              onClick: (r) => b(t.key, l.replace),
-              onKeydown: W
-            }, {
-              default: S(() => [
-                y(e.$slots, `label-${t.key}`, {
-                  current: s.value,
-                  currentIndex: n.value,
-                  disabled: !!(t.disabled || e.disabled),
-                  goTo: o,
-                  isFirst: h.value,
-                  isLast: k.value,
-                  selected: s.value === t.key,
-                  text: t.label,
-                  value: t.key
-                }, () => [
-                  y(e.$slots, "label", {
-                    current: s.value,
-                    currentIndex: n.value,
-                    disabled: !!(t.disabled || e.disabled),
-                    goTo: o,
-                    isFirst: h.value,
-                    isLast: k.value,
-                    selected: s.value === t.key,
-                    text: t.label,
-                    value: t.key
-                  }, () => [
-                    c("span", ye, le(t.label), 1)
-                  ])
-                ])
-              ]),
-              _: 2
-            }, 1032, ["id", "aria-selected", "class", "disabled", "tabindex", "onClick"])
-          ]))), 128))
-        ], 512),
-        c("span", null, [
-          y(e.$slots, "header:append", U(z(V.value)))
-        ])
+      onInput: (e) => n("input", e),
+      onKeydown: (e) => n("keydown", e),
+      onMousedown: (e) => n("mousedown", e),
+      onMouseup: (e) => n("mouseup", e),
+      "onUpdate:modelValue": (e) => n("update:modelValue", e)
+    };
+    return (e, k) => (w(), B(V, {
+      id: e.id,
+      class: "bb-switch-group",
+      direction: "vertical",
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLegend,
+      hint: e.hint,
+      label: e.legend,
+      "label-tag": "legend",
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": m.value,
+      tag: "fieldset"
+    }, {
+      label: a((t) => [
+        i(e.$slots, "legend", l(r(t)))
       ]),
-      c("div", me, [
-        J(ce, null, {
-          default: S(() => [
-            (d(!0), f(K, null, H(e.items, (t) => (d(), te(ae, {
-              key: t.key,
-              css: e.animate,
-              name: `tab-slide-${B.value}`
-            }, {
-              default: S(() => [
-                s.value === t.key || e.eager || t.eager ? (d(), f("section", {
-                  key: 0,
-                  id: `${m}_tabpanel_${t.key}`,
-                  "aria-labelledby": `${m}_tab_${t.key}`,
-                  class: q(["bb-tab__pane", {
-                    "bb-tab__pane--shown": s.value === t.key
-                  }]),
-                  role: "tabpanel",
-                  tabindex: "0"
-                }, [
-                  y(e.$slots, t.key, {
-                    current: s.value,
-                    currentIndex: n.value,
-                    disabled: !!(t.disabled || e.disabled),
-                    goTo: o,
-                    isFirst: h.value,
-                    isLast: k.value,
-                    selected: s.value === t.key,
-                    text: t.label,
-                    value: t.key
-                  })
-                ], 10, he)) : se("", !0)
-              ]),
-              _: 2
-            }, 1032, ["css", "name"]))), 128))
+      input: a(({ id: t, name: h, hasErrors: b, ariaDescribedby: f }) => [
+        $(D, T({
+          id: t,
+          "aria-describedby": f,
+          autofocus: e.autofocus,
+          color: e.color,
+          dependencies: e.dependencies,
+          "deps-debounce-time": e.depsDebounceTime,
+          direction: e.inputDirection,
+          disabled: e.disabled,
+          "enforce-coherence": e.enforceCoherence,
+          "has-errors": b,
+          "hide-label": e.hideLabel,
+          "item-text": e.itemText,
+          "item-value": e.itemValue,
+          items: e.items,
+          "loading-text": e.loadingText,
+          "model-value": e.modelValue,
+          "model-value-debounce-time": e.modelValueDebounceTime,
+          name: h,
+          "no-data-text": e.noDataText,
+          readonly: e.readonly
+        }, c), {
+          prepend: a((o) => [
+            i(e.$slots, "prepend", l(r(o)))
+          ]),
+          loading: a((o) => [
+            i(e.$slots, "loading", l(r(o)))
+          ]),
+          "no-data": a((o) => [
+            i(e.$slots, "no-data", l(r(o)))
           ]),
-          _: 3
-        })
-      ])
-    ], 10, be));
+          "option:prepend": a((o) => [
+            i(e.$slots, "option:prepend", l(r(o)))
+          ]),
+          icon: a((o) => [
+            i(e.$slots, "icon", l(r(o)))
+          ]),
+          label: a((o) => [
+            i(e.$slots, "label", l(r(o)))
+          ]),
+          "option:append": a((o) => [
+            i(e.$slots, "option:append", l(r(o)))
+          ]),
+          append: a((o) => [
+            i(e.$slots, "append", l(r(o)))
+          ]),
+          _: 2
+        }, 1040, ["id", "aria-describedby", "autofocus", "color", "dependencies", "deps-debounce-time", "direction", "disabled", "enforce-coherence", "has-errors", "hide-label", "item-text", "item-value", "items", "loading-text", "model-value", "model-value-debounce-time", "name", "no-data-text", "readonly"])
+      ]),
+      _: 3
+    }, 8, ["id", "errors", "has-errors", "hide-label", "hint", "label", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  xe as default
+  F as default
 };
 //# sourceMappingURL=index103.js.map

package/dist/index103.js.map

@@ -1 +1 @@
-{"version":3,"file":"index103.js","sources":["../src/components/BbTab/BbTab.vue"],"sourcesContent":["<template>\n\t<div\n\t\t:id=\"id\"\n\t\tref=\"tabs\"\n\t\tclass=\"bb-tab\"\n\t\t:class=\"{\n\t\t\t[`bb-tab--${direction}`]: true,\n\t\t\t'bb-tab--disabled': true,\n\t\t}\"\n\t>\n\t\t<div class=\"bb-tab__label-boundary\">\n\t\t\t<span><slot name=\"header:prepend\" v-bind=\"scrollStatus\"></slot></span>\n\t\t\t<ul ref=\"tablist\" class=\"bb-tab__label-container\" role=\"tablist\">\n\t\t\t\t<li v-for=\"tab in items\" :key=\"tab.key\" role=\"presentation\">\n\t\t\t\t\t<BaseButton\n\t\t\t\t\t\t:id=\"`${instanceid}_tab_${tab.key}`\"\n\t\t\t\t\t\t:aria-selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\tclass=\"bb-tab__btn\"\n\t\t\t\t\t\t:class=\"{ 'bb-tab__btn--active': selectedTab === tab.key }\"\n\t\t\t\t\t\t:disabled=\"tab.disabled || disabled\"\n\t\t\t\t\t\t:role=\"'tab'\"\n\t\t\t\t\t\t:tabindex=\"selectedTab === tab.key ? 0 : -1\"\n\t\t\t\t\t\t@click=\"onTabSelected(tab.key, props.replace)\"\n\t\t\t\t\t\t@keydown=\"onKeydown\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t:current=\"selectedTab\"\n\t\t\t\t\t\t\t:current-index=\"currentTabIndex\"\n\t\t\t\t\t\t\t:disabled=\"!!(tab.disabled || disabled)\"\n\t\t\t\t\t\t\t:go-to=\"goTo\"\n\t\t\t\t\t\t\t:is-first=\"isFirst\"\n\t\t\t\t\t\t\t:is-last=\"isLast\"\n\t\t\t\t\t\t\t:name=\"`label-${tab.key}`\"\n\t\t\t\t\t\t\t:selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\t\t:text=\"tab.label\"\n\t\t\t\t\t\t\t:value=\"tab.key\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t:current=\"selectedTab\"\n\t\t\t\t\t\t\t\t:current-index=\"currentTabIndex\"\n\t\t\t\t\t\t\t\t:disabled=\"!!(tab.disabled || disabled)\"\n\t\t\t\t\t\t\t\t:go-to=\"goTo\"\n\t\t\t\t\t\t\t\t:is-first=\"isFirst\"\n\t\t\t\t\t\t\t\t:is-last=\"isLast\"\n\t\t\t\t\t\t\t\tname=\"label\"\n\t\t\t\t\t\t\t\t:selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\t\t\t:text=\"tab.label\"\n\t\t\t\t\t\t\t\t:value=\"tab.key\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"bb-tab__label\">{{ tab.label }}</span>\n\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t</BaseButton>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t\t<span><slot name=\"header:append\" v-bind=\"scrollStatus\"></slot></span>\n\t\t</div>\n\t\t<div class=\"bb-tab__panes-container\">\n\t\t\t<BbSmoothHeight>\n\t\t\t\t<template v-for=\"tab in items\" :key=\"tab.key\">\n\t\t\t\t\t<Transition :css=\"animate\" :name=\"`tab-slide-${animationDirection}`\">\n\t\t\t\t\t\t<section\n\t\t\t\t\t\t\tv-if=\"selectedTab === tab.key || eager || tab.eager\"\n\t\t\t\t\t\t\t:id=\"`${instanceid}_tabpanel_${tab.key}`\"\n\t\t\t\t\t\t\t:aria-labelledby=\"`${instanceid}_tab_${tab.key}`\"\n\t\t\t\t\t\t\tclass=\"bb-tab__pane\"\n\t\t\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t\t\t'bb-tab__pane--shown': selectedTab === tab.key,\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t:current=\"selectedTab\"\n\t\t\t\t\t\t\t\t:current-index=\"currentTabIndex\"\n\t\t\t\t\t\t\t\t:disabled=\"!!(tab.disabled || disabled)\"\n\t\t\t\t\t\t\t\t:go-to=\"goTo\"\n\t\t\t\t\t\t\t\t:is-first=\"isFirst\"\n\t\t\t\t\t\t\t\t:is-last=\"isLast\"\n\t\t\t\t\t\t\t\t:name=\"tab.key\"\n\t\t\t\t\t\t\t\t:selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\t\t\t:text=\"tab.label\"\n\t\t\t\t\t\t\t\t:value=\"tab.key\"\n\t\t\t\t\t\t\t></slot>\n\t\t\t\t\t\t</section>\n\t\t\t\t\t</Transition>\n\t\t\t\t</template>\n\t\t\t</BbSmoothHeight>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, getCurrentInstance, computed, nextTick } from 'vue';\nimport { useId } from '@/composables/useId';\nimport { useRoute } from '@/composables/useRoute';\nimport { useRouter } from '@/composables/useRouter';\nimport { wait } from '@/utilities/functions/wait';\nimport { useScroll } from '@vueuse/core';\nimport BaseButton from '../BaseButton/BaseButton.vue';\nimport type { CommonProps } from '@/types/CommonProps';\nimport BbSmoothHeight from '../BbSmoothHeight/BbSmoothHeight.vue';\n\nexport type BbTabItem = Pick<CommonProps, 'disabled'> & {\n\t/**\n\t * Used to render a tab even when not visible.\n\t * It's useful if you want the content of a tab in the DOM\n\t * immediately rendered\n\t * even when not visible for SEO purposes.\n\t */\n\teager?: boolean;\n\t/**\n\t * String that identifies the tab.\n\t */\n\tkey: string;\n\t/**\n\t * Label to use as the tab text.\n\t */\n\tlabel?: string;\n};\n\nexport type BbTabProps = Pick<CommonProps, 'disabled' | 'eager' | 'id'> & {\n\t/**\n\t * Enables transitions\n\t */\n\tanimate?: boolean;\n\t/**\n\t * Direction of the tabs component\n\t */\n\tdirection?: 'horizontal' | 'vertical';\n\t/**\n\t * Array of items that define the tabs in the component.\n\t */\n\titems: BbTabItem[];\n\t/**\n\t * The current tab. Used by v-model.\n\t */\n\tmodelValue?: null | BbTabItem['key'];\n\t/**\n\t * Synchronizes the current tab with the url.\n\t */\n\tnavigation?: boolean;\n\t/**\n\t * Defines the query key to reference for maintaining navigation\n\t */\n\tquerykey?: string;\n\n\t/**\n\t * Replaces history rather than pushing it when changing tab.\n\t */\n\treplace?: boolean;\n};\n\nconst props = withDefaults(defineProps<BbTabProps>(), {\n\tanimate: true,\n\tdirection: 'horizontal',\n\tquerykey: 'tab',\n});\n\nexport type BbTabEvents = {\n\t(e: 'update:modelValue', value: (typeof props.items)[number]['key']): void;\n};\nconst emit = defineEmits<BbTabEvents>();\n\ntype BbStepSlots = {\n\t'header:prepend'?: (props: {\n\t\tisScrolling: boolean;\n\t\tleft: boolean;\n\t\tright: boolean;\n\t}) => any;\n\t'header:append'?: (props: {\n\t\tisScrolling: boolean;\n\t\tleft: boolean;\n\t\tright: boolean;\n\t}) => any;\n\tlabel?: (props: {\n\t\tcurrent: string | null;\n\t\tcurrentIndex: number;\n\t\tdisabled: boolean;\n\t\tisFirst: boolean;\n\t\tisLast: boolean;\n\t\tselected: boolean;\n\t\ttext: BbTabItem['label'];\n\t\tvalue: string;\n\t\tgoTo: typeof goTo;\n\t}) => any;\n} & {\n\t[key: string]: (props: {\n\t\tcurrent: string | null;\n\t\tcurrentIndex: number;\n\t\tdisabled: boolean;\n\t\tisFirst: boolean;\n\t\tisLast: boolean;\n\t\tselected: boolean;\n\t\ttext: BbTabItem['label'];\n\t\tvalue: string;\n\t\tgoTo: typeof goTo;\n\t}) => any;\n};\n\ndefineSlots<BbStepSlots>();\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst tabs = ref();\n\nconst id = props.id ?? useId().id.value;\nconst instanceid = `bb-tab_${id}`;\n\nconst tablist = ref();\nconst { isScrolling, arrivedState } = useScroll(tablist);\nconst scrollStatus = computed(() => ({\n\tisScrolling: isScrolling.value,\n\tleft: arrivedState.left,\n\tright: arrivedState.right,\n}));\n\n/* Ignore because possibly undefined */\n// @ts-expect-error possibly undef\nconst isInertia = !!getCurrentInstance()?.proxy?.$inertia;\n\nconst selectedTab = ref<BbTabItem['key'] | null>(null);\n\nconst currentTabIndex = computed(() =>\n\tprops.items.findIndex((el) => el.key === selectedTab.value)\n);\nconst isFirst = computed(() => currentTabIndex.value === 0);\nconst isLast = computed(() => currentTabIndex.value === props.items.length - 1);\n\nprops.items.forEach((item) => {\n\tif (!item.key) {\n\t\tconsole.error(`A tab item has no key`, item);\n\t\tthrow new Error('A tab item has no key ' + JSON.stringify(item));\n\t}\n});\n\n/* \nThis section retrieves the current tab that should be selected\n*/\n// Retrieve tab from url on load for vue apps\nif (props.navigation && route.value?.query?.[props.querykey]) {\n\tselectedTab.value = route.value?.query?.[props.querykey] as string;\n\t// Retrieve tab from url on load for inertia app\n} else if (\n\tprops.navigation &&\n\tisInertia &&\n\tglobalThis?.location?.href &&\n\tnew URL(globalThis.location.href).searchParams.get(props.querykey)\n) {\n\tselectedTab.value = new URL(globalThis.location.href).searchParams.get(\n\t\tprops.querykey\n\t) as string;\n\t// Else whatever tab is passed first\n} else if (props.modelValue) {\n\tselectedTab.value = props.modelValue;\n\t// Else whatever tab is passed first\n} else if (props.items[0]) {\n\tconst firstSelectableTab = props.items.find((item) => !item.disabled);\n\tif (!firstSelectableTab) {\n\t\tthrow new Error(\n\t\t\t'No tab has been selected so it defaulted to the first available. Still, all the tabs are disabled so no tab can be selected.'\n\t\t);\n\t}\n\tconst key = firstSelectableTab.key;\n\tselectedTab.value = key;\n}\n/* \nOnce the current tab is found update external variables\n*/\n\nconst onTabSelected = async (tab: BbTabItem['key'], replace = false) => {\n\t/* For Vue or Nuxt context */\n\tif (\n\t\tprops.navigation &&\n\t\troute.value &&\n\t\troute.value?.query?.[props.querykey] !== tab\n\t) {\n\t\trouter?.push({\n\t\t\t...route,\n\t\t\tquery: { ...route.value?.query, [props.querykey]: tab },\n\t\t\treplace,\n\t\t});\n\t\t/* Inertia context */\n\t} else if (\n\t\tprops.navigation &&\n\t\tisInertia &&\n\t\tglobalThis?.location?.href &&\n\t\tnew URL(globalThis.location.href).searchParams.get(props.querykey) !== tab\n\t) {\n\t\tconst url = new URL(globalThis.location.href);\n\t\turl.searchParams.set(props.querykey, tab);\n\t\twait(0).then(() => {\n\t\t\tif (replace) {\n\t\t\t\thistory.replaceState({}, '', url.toString());\n\t\t\t} else {\n\t\t\t\thistory.pushState({}, '', url.toString());\n\t\t\t}\n\t\t});\n\t}\n\tif (props.modelValue !== tab) {\n\t\temit('update:modelValue', tab);\n\t}\n\tselectedTab.value = tab;\n};\n\nif (selectedTab.value) {\n\tonTabSelected(selectedTab.value, true);\n}\n\nconst goTo = (target: 'first' | 'previous' | 'next' | 'last') => {\n\tvar nextTabIndex: number | null = null;\n\tswitch (target) {\n\t\tcase 'first':\n\t\t\tnextTabIndex = 0;\n\t\t\twhile (nextTabIndex < props.items.length - 1) {\n\t\t\t\tif (props.items[nextTabIndex].disabled) {\n\t\t\t\t\tnextTabIndex++;\n\t\t\t\t} else break;\n\t\t\t}\n\t\t\tbreak;\n\t\tcase 'previous': {\n\t\t\tlet offset = 1;\n\t\t\twhile (offset < props.items.length) {\n\t\t\t\tnextTabIndex =\n\t\t\t\t\t(currentTabIndex.value + props.items.length - offset) %\n\t\t\t\t\tprops.items.length;\n\t\t\t\tif (props.items[nextTabIndex].disabled) {\n\t\t\t\t\toffset++;\n\t\t\t\t} else break;\n\t\t\t}\n\t\t\tbreak;\n\t\t}\n\t\tcase 'next': {\n\t\t\tlet offset = 1;\n\t\t\twhile (offset < props.items.length) {\n\t\t\t\tnextTabIndex = (currentTabIndex.value + offset) % props.items.length;\n\t\t\t\tif (props.items[nextTabIndex].disabled) {\n\t\t\t\t\toffset++;\n\t\t\t\t} else break;\n\t\t\t}\n\t\t\tbreak;\n\t\t}\n\n\t\tcase 'last':\n\t\t\tnextTabIndex = props.items.length - 1;\n\t\t\twhile (nextTabIndex >= 0) {\n\t\t\t\tif (props.items[nextTabIndex].disabled) {\n\t\t\t\t\tnextTabIndex--;\n\t\t\t\t} else break;\n\t\t\t}\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tbreak;\n\t}\n\tif (nextTabIndex === null) {\n\t\tthrow new Error('Could not navigate to next tab');\n\t}\n\tif (props.items[nextTabIndex].disabled) return;\n\tconst targetKey = props.items[nextTabIndex].key;\n\tconst button: HTMLButtonElement | null = document.querySelector(\n\t\t`#${instanceid}_tab_${targetKey}`\n\t);\n\tbutton?.focus();\n\tonTabSelected(targetKey, props.replace);\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n\tif (props.disabled) return;\n\tif (event.key === 'ArrowRight') {\n\t\tgoTo('next');\n\t} else if (event.key === 'ArrowLeft') {\n\t\tgoTo('previous');\n\t} else if (event.key === 'Home') {\n\t\tevent.preventDefault();\n\t\tgoTo('first');\n\t} else if (event.key === 'End') {\n\t\tevent.preventDefault();\n\t\tgoTo('last');\n\t} else {\n\t\treturn;\n\t}\n};\n\nwatch(\n\t() => props.modelValue,\n\t(value) => {\n\t\tif (value) {\n\t\t\tonTabSelected(value, props.replace);\n\t\t}\n\t}\n);\n\nwatch(\n\t() => route.value?.query?.[props.querykey],\n\t(value) => {\n\t\tif (value && typeof value === 'string') {\n\t\t\tonTabSelected(value, props.replace);\n\t\t}\n\t}\n);\n\nwatch(\n\tselectedTab,\n\tasync () => {\n\t\tif (tabs.value) {\n\t\t\tconst element = tabs.value.querySelector(\n\t\t\t\t`[role=tablist] .bb-tab__btn--active`\n\t\t\t);\n\t\t\tif (element) {\n\t\t\t\tawait nextTick();\n\t\t\t\telement.scrollIntoView({\n\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\tblock: 'nearest',\n\t\t\t\t\tinline: 'nearest',\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t},\n\t{ flush: 'post' }\n);\n\nconst animationDirection = ref<'left' | 'right'>('right');\nwatch(\n\tselectedTab,\n\t(current, previous) => {\n\t\tif (current && previous) {\n\t\t\tconst indexCurrent = props.items.findIndex((i) => i.key === current);\n\t\t\tconst indexPrevious = props.items.findIndex((i) => i.key === previous);\n\t\t\tanimationDirection.value =\n\t\t\t\tindexCurrent > indexPrevious ? 'right' : 'left';\n\t\t}\n\t},\n\t{ flush: 'sync' }\n);\n\ndefineExpose({\n\tisFirst,\n\tisLast,\n\tcurrent: selectedTab,\n\tcurrentIndex: currentTabIndex,\n\tgoTo,\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTab';\n</style>\n"],"names":["props","__props","emit","__emit","route","useRoute","router","useRouter","tabs","ref","id","useId","instanceid","tablist","isScrolling","arrivedState","useScroll","scrollStatus","computed","isInertia","_b","_a","getCurrentInstance","selectedTab","currentTabIndex","el","isFirst","isLast","item","_d","_c","_f","_e","_g","firstSelectableTab","key","onTabSelected","tab","replace","url","wait","goTo","target","nextTabIndex","offset","targetKey","button","onKeydown","event","watch","value","element","nextTick","animationDirection","current","previous","indexCurrent","indexPrevious","__expose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAyJA,UAAMA,IAAQC,GASRC,IAAOC,GAwCPC,IAAQC,MACRC,IAASC,MAETC,IAAOC,KAEPC,IAAKV,EAAM,MAAMW,KAAQ,GAAG,OAC5BC,IAAa,UAAUF,CAAE,IAEzBG,IAAUJ,KACV,EAAE,aAAAK,GAAa,cAAAC,EAAa,IAAIC,GAAUH,CAAO,GACjDI,IAAeC,EAAS,OAAO;AAAA,MACpC,aAAaJ,EAAY;AAAA,MACzB,MAAMC,EAAa;AAAA,MACnB,OAAOA,EAAa;AAAA,IACnB,EAAA,GAIII,IAAY,CAAC,GAACC,KAAAC,IAAAC,EAAA,MAAA,gBAAAD,EAAsB,UAAtB,QAAAD,EAA6B,WAE3CG,IAAcd,EAA6B,IAAI,GAE/Ce,IAAkBN;AAAA,MAAS,MAChClB,EAAM,MAAM,UAAU,CAACyB,MAAOA,EAAG,QAAQF,EAAY,KAAK;AAAA,IAAA,GAErDG,IAAUR,EAAS,MAAMM,EAAgB,UAAU,CAAC,GACpDG,IAAST,EAAS,MAAMM,EAAgB,UAAUxB,EAAM,MAAM,SAAS,CAAC;AAa9E,QAXMA,EAAA,MAAM,QAAQ,CAAC4B,MAAS;AACzB,UAAA,CAACA,EAAK;AACD,sBAAA,MAAM,yBAAyBA,CAAI,GACrC,IAAI,MAAM,2BAA2B,KAAK,UAAUA,CAAI,CAAC;AAAA,IAChE,CACA,GAMG5B,EAAM,gBAAc6B,KAAAC,IAAA1B,EAAM,UAAN,gBAAA0B,EAAa,UAAb,QAAAD,EAAqB7B,EAAM;AAClD,MAAAuB,EAAY,SAAQQ,KAAAC,IAAA5B,EAAM,UAAN,gBAAA4B,EAAa,UAAb,gBAAAD,EAAqB/B,EAAM;AAAA,aAG/CA,EAAM,cACNmB,OACAc,IAAA,yCAAY,aAAZ,QAAAA,EAAsB,SACtB,IAAI,IAAI,WAAW,SAAS,IAAI,EAAE,aAAa,IAAIjC,EAAM,QAAQ;AAEjE,MAAAuB,EAAY,QAAQ,IAAI,IAAI,WAAW,SAAS,IAAI,EAAE,aAAa;AAAA,QAClEvB,EAAM;AAAA,MAAA;AAAA,aAGGA,EAAM;AAChB,MAAAuB,EAAY,QAAQvB,EAAM;AAAA,aAEhBA,EAAM,MAAM,CAAC,GAAG;AACpB,YAAAkC,IAAqBlC,EAAM,MAAM,KAAK,CAAC4B,MAAS,CAACA,EAAK,QAAQ;AACpE,UAAI,CAACM;AACJ,cAAM,IAAI;AAAA,UACT;AAAA,QAAA;AAGF,YAAMC,IAAMD,EAAmB;AAC/B,MAAAX,EAAY,QAAQY;AAAA,IACrB;AAKA,UAAMC,IAAgB,OAAOC,GAAuBC,IAAU,OAAU;;AAGtE,UAAAtC,EAAM,cACNI,EAAM,WACNgB,KAAAC,IAAAjB,EAAM,UAAN,gBAAAiB,EAAa,UAAb,gBAAAD,EAAqBpB,EAAM,eAAcqC;AAEzC,QAAA/B,KAAA,QAAAA,EAAQ,KAAK;AAAA,UACZ,GAAGF;AAAA,UACH,OAAO,EAAE,IAAG0B,IAAA1B,EAAM,UAAN,gBAAA0B,EAAa,OAAO,CAAC9B,EAAM,QAAQ,GAAGqC,EAAI;AAAA,UACtD,SAAAC;AAAA,QAAA;AAAA,eAIDtC,EAAM,cACNmB,OACAU,IAAA,yCAAY,aAAZ,QAAAA,EAAsB,SACtB,IAAI,IAAI,WAAW,SAAS,IAAI,EAAE,aAAa,IAAI7B,EAAM,QAAQ,MAAMqC,GACtE;AACD,cAAME,IAAM,IAAI,IAAI,WAAW,SAAS,IAAI;AAC5C,QAAAA,EAAI,aAAa,IAAIvC,EAAM,UAAUqC,CAAG,GACnCG,GAAA,CAAC,EAAE,KAAK,MAAM;AAClB,UAAIF,IACH,QAAQ,aAAa,CAAC,GAAG,IAAIC,EAAI,UAAU,IAE3C,QAAQ,UAAU,CAAC,GAAG,IAAIA,EAAI,UAAU;AAAA,QACzC,CACA;AAAA,MACF;AACI,MAAAvC,EAAM,eAAeqC,KACxBnC,EAAK,qBAAqBmC,CAAG,GAE9Bd,EAAY,QAAQc;AAAA,IAAA;AAGrB,IAAId,EAAY,SACDa,EAAAb,EAAY,OAAO,EAAI;AAGhC,UAAAkB,IAAO,CAACC,MAAmD;AAChE,UAAIC,IAA8B;AAClC,cAAQD,GAAQ;AAAA,QACf,KAAK;AAEJ,eADeC,IAAA,GACRA,IAAe3C,EAAM,MAAM,SAAS,KACtCA,EAAM,MAAM2C,CAAY,EAAE;AAC7B,YAAAA;AAGF;AAAA,QACD,KAAK,YAAY;AAChB,cAAIC,IAAS;AACN,iBAAAA,IAAS5C,EAAM,MAAM,WAC3B2C,KACEnB,EAAgB,QAAQxB,EAAM,MAAM,SAAS4C,KAC9C5C,EAAM,MAAM,QACTA,EAAM,MAAM2C,CAAY,EAAE;AAC7B,YAAAC;AAGF;AAAA,QACD;AAAA,QACA,KAAK,QAAQ;AACZ,cAAIA,IAAS;AACN,iBAAAA,IAAS5C,EAAM,MAAM,WAC3B2C,KAAgBnB,EAAgB,QAAQoB,KAAU5C,EAAM,MAAM,QAC1DA,EAAM,MAAM2C,CAAY,EAAE;AAC7B,YAAAC;AAGF;AAAA,QACD;AAAA,QAEA,KAAK;AAEJ,eADeD,IAAA3C,EAAM,MAAM,SAAS,GAC7B2C,KAAgB,KAClB3C,EAAM,MAAM2C,CAAY,EAAE;AAC7B,YAAAA;AAGF;AAAA,MAGF;AACA,UAAIA,MAAiB;AACd,cAAA,IAAI,MAAM,gCAAgC;AAEjD,UAAI3C,EAAM,MAAM2C,CAAY,EAAE,SAAU;AACxC,YAAME,IAAY7C,EAAM,MAAM2C,CAAY,EAAE,KACtCG,IAAmC,SAAS;AAAA,QACjD,IAAIlC,CAAU,QAAQiC,CAAS;AAAA,MAAA;AAEhC,MAAAC,KAAA,QAAAA,EAAQ,SACMV,EAAAS,GAAW7C,EAAM,OAAO;AAAA,IAAA,GAGjC+C,IAAY,CAACC,MAAyB;AAC3C,UAAI,CAAAhD,EAAM;AACN,YAAAgD,EAAM,QAAQ;AACjB,UAAAP,EAAK,MAAM;AAAA,iBACDO,EAAM,QAAQ;AACxB,UAAAP,EAAK,UAAU;AAAA,iBACLO,EAAM,QAAQ;AACxB,UAAAA,EAAM,eAAe,GACrBP,EAAK,OAAO;AAAA,iBACFO,EAAM,QAAQ;AACxB,UAAAA,EAAM,eAAe,GACrBP,EAAK,MAAM;AAAA;AAEX;AAAA,IACD;AAGD,IAAAQ;AAAA,MACC,MAAMjD,EAAM;AAAA,MACZ,CAACkD,MAAU;AACV,QAAIA,KACWd,EAAAc,GAAOlD,EAAM,OAAO;AAAA,MAEpC;AAAA,IAAA,GAGDiD;AAAA,MACC,MAAA;;AAAM,gBAAA7B,KAAAC,IAAAjB,EAAM,UAAN,gBAAAiB,EAAa,UAAb,gBAAAD,EAAqBpB,EAAM;AAAA;AAAA,MACjC,CAACkD,MAAU;AACN,QAAAA,KAAS,OAAOA,KAAU,YACfd,EAAAc,GAAOlD,EAAM,OAAO;AAAA,MAEpC;AAAA,IAAA,GAGDiD;AAAA,MACC1B;AAAA,MACA,YAAY;AACX,YAAIf,EAAK,OAAO;AACT,gBAAA2C,IAAU3C,EAAK,MAAM;AAAA,YAC1B;AAAA,UAAA;AAED,UAAI2C,MACH,MAAMC,EAAS,GACfD,EAAQ,eAAe;AAAA,YACtB,UAAU;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA,CACR;AAAA,QAEH;AAAA,MACD;AAAA,MACA,EAAE,OAAO,OAAO;AAAA,IAAA;AAGX,UAAAE,IAAqB5C,EAAsB,OAAO;AACxD,WAAAwC;AAAA,MACC1B;AAAA,MACA,CAAC+B,GAASC,MAAa;AACtB,YAAID,KAAWC,GAAU;AAClB,gBAAAC,IAAexD,EAAM,MAAM,UAAU,CAAC,MAAM,EAAE,QAAQsD,CAAO,GAC7DG,IAAgBzD,EAAM,MAAM,UAAU,CAAC,MAAM,EAAE,QAAQuD,CAAQ;AAClD,UAAAF,EAAA,QAClBG,IAAeC,IAAgB,UAAU;AAAA,QAC3C;AAAA,MACD;AAAA,MACA,EAAE,OAAO,OAAO;AAAA,IAAA,GAGJC,EAAA;AAAA,MACZ,SAAAhC;AAAA,MACA,QAAAC;AAAA,MACA,SAASJ;AAAA,MACT,cAAcC;AAAA,MACd,MAAAiB;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index103.js","sources":["../src/components/BbSwitchGroup/BbSwitchGroup.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:id=\"id\"\n\t\tclass=\"bb-switch-group\"\n\t\t:direction=\"'vertical'\"\n\t\t:errors=\"errors\"\n\t\t:has-errors=\"hasErrors\"\n\t\t:hide-label=\"hideLegend\"\n\t\t:hint=\"hint\"\n\t\t:label=\"legend\"\n\t\t:label-tag=\"'legend'\"\n\t\t:name=\"name\"\n\t\t:reverse=\"reverse\"\n\t\t:show-hint=\"showHint\"\n\t\t:tag=\"'fieldset'\"\n\t>\n\t\t<template #label=\"data\"><slot name=\"legend\" v-bind=\"data\"></slot></template>\n\t\t<template #input=\"{ id, name, hasErrors, ariaDescribedby }\">\n\t\t\t<BaseSwitchGroup\n\t\t\t\t:id=\"id\"\n\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:color=\"color\"\n\t\t\t\t:dependencies=\"dependencies\"\n\t\t\t\t:deps-debounce-time=\"depsDebounceTime\"\n\t\t\t\t:direction=\"inputDirection\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:enforce-coherence=\"enforceCoherence\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:hide-label=\"hideLabel\"\n\t\t\t\t:item-text=\"<any>itemText\"\n\t\t\t\t:item-value=\"<any>itemValue\"\n\t\t\t\t:items=\"items\"\n\t\t\t\t:loading-text=\"loadingText\"\n\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t:model-value-debounce-time=\"modelValueDebounceTime\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:no-data-text=\"noDataText\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t>\n\t\t\t\t<template #prepend=\"data\"\n\t\t\t\t\t><slot name=\"prepend\" v-bind=\"data\"></slot></template\n\t\t\t\t><template #loading=\"data\"\n\t\t\t\t\t><slot name=\"loading\" v-bind=\"data\"></slot></template\n\t\t\t\t><template #no-data=\"data\"\n\t\t\t\t\t><slot name=\"no-data\" v-bind=\"data\"></slot></template\n\t\t\t\t><template #option:prepend=\"data\"\n\t\t\t\t\t><slot name=\"option:prepend\" v-bind=\"data\"></slot></template\n\t\t\t\t><template #icon=\"data\"\n\t\t\t\t\t><slot name=\"icon\" v-bind=\"data\"></slot></template\n\t\t\t\t><template #label=\"data\"\n\t\t\t\t\t><slot name=\"label\" v-bind=\"data\"></slot></template\n\t\t\t\t><template #option:append=\"data\"\n\t\t\t\t\t><slot name=\"option:append\" v-bind=\"data\"></slot></template\n\t\t\t\t><template #append=\"data\"\n\t\t\t\t\t><slot name=\"append\" v-bind=\"data\"></slot\n\t\t\t\t></template>\n\t\t\t</BaseSwitchGroup>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\" generic=\"T = any\">\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport BaseSwitchGroup from '../BaseSwitchGroup/BaseSwitchGroup.vue';\nimport type { SlotAttributes } from '../BaseCheckbox/BaseCheckbox.vue';\nimport type {\n\tBbCheckboxGroupEvents,\n\tBbCheckboxGroupProps,\n} from '../BbCheckboxGroup/BbCheckboxGroup.vue';\nimport { computed, ref } from 'vue';\n\nexport type BbSwitchGroupProps<T> = BbCheckboxGroupProps<T>;\n\nexport type BbSwitchGroupEvents = BbCheckboxGroupEvents;\n\nconst props = defineProps<BbSwitchGroupProps<T>>();\n\nconst emit = defineEmits<BbSwitchGroupEvents>();\n\ndefineSlots<{\n\tprepend?: (props: object) => any;\n\tloading?: (props: object) => any;\n\t'no-data'?: (props: object) => any;\n\t'option:prepend'?: (props: {\n\t\tchecked: boolean;\n\t\tdisabled: boolean;\n\t\tid?: string;\n\t\titem: T;\n\t\ttext: string;\n\t}) => any;\n\ticon?: (\n\t\tprops: SlotAttributes & {\n\t\t\titem: T;\n\t\t\ttext: string;\n\t\t}\n\t) => any;\n\tlabel?: (props: { item: T; text: string; checked: boolean }) => any;\n\t'option:append'?: (props: {\n\t\tchecked: boolean;\n\t\tdisabled: boolean;\n\t\tid?: string;\n\t\titem: T;\n\t\ttext: string;\n\t}) => any;\n\tappend?: (props: object) => any;\n\tlegend?: (props: { text: string; hasErrors: boolean }) => any;\n}>();\n\nconst active = ref(false);\nconst showHint = computed(() => props.persistentHint || active.value);\n\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonChange: (event: Event) => emit('change', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus: (event: FocusEvent) => {\n\t\tactive.value = true;\n\t\temit('focus', event);\n\t},\n\tonInactive: () => {\n\t\tactive.value = false;\n\t\temit('inactive');\n\t},\n\tonInput: (event: Event) => emit('input', event),\n\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n\t'onUpdate:modelValue': (event: any) => emit('update:modelValue', event),\n};\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbSwitchGroup';\n</style>\n"],"names":["props","__props","emit","__emit","active","ref","showHint","computed","eventListeners","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EA,UAAMA,IAAQC,GAERC,IAAOC,GA+BPC,IAASC,EAAI,EAAK,GAClBC,IAAWC,EAAS,MAAMP,EAAM,kBAAkBI,EAAO,KAAK,GAE9DI,IAAiB;AAAA,MACtB,QAAQ,CAACC,MAAsBP,EAAK,QAAQO,CAAK;AAAA,MACjD,UAAU,CAACA,MAAiBP,EAAK,UAAUO,CAAK;AAAA,MAChD,SAAS,CAACA,MAAsBP,EAAK,SAASO,CAAK;AAAA,MACnD,SAAS,CAACA,MAAsB;AAC/B,QAAAL,EAAO,QAAQ,IACfF,EAAK,SAASO,CAAK;AAAA,MACpB;AAAA,MACA,YAAY,MAAM;AACjB,QAAAL,EAAO,QAAQ,IACfF,EAAK,UAAU;AAAA,MAChB;AAAA,MACA,SAAS,CAACO,MAAiBP,EAAK,SAASO,CAAK;AAAA,MAC9C,WAAW,CAACA,MAAyBP,EAAK,WAAWO,CAAK;AAAA,MAC1D,aAAa,CAACA,MAAsBP,EAAK,aAAaO,CAAK;AAAA,MAC3D,WAAW,CAACA,MAAsBP,EAAK,WAAWO,CAAK;AAAA,MACvD,uBAAuB,CAACA,MAAeP,EAAK,qBAAqBO,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}