bitboss-ui 2.1.106 → 2.1.108

package/dist/index122.js

@@ -1,368 +1,136 @@
-import { defineComponent as fe, ref as r, computed as f, getCurrentInstance as be, watch as b, nextTick as J, onMounted as me, createElementBlock as y, openBlock as u, normalizeClass as S, unref as he, createElementVNode as m, renderSlot as g, normalizeProps as X, guardReactiveProps as Y, normalizeStyle as ve, Fragment as M, renderList as Q, createVNode as pe, withCtx as T, toDisplayString as ye, createBlock as U, resolveDynamicComponent as ge, Transition as ke, createCommentVNode as _e } from "vue";
-import { useId as Se } from "./index8.js";
-import { useRoute as we } from "./index149.js";
-import { useRouter as xe } from "./index150.js";
-import { useScroll as $e, useResizeObserver as Ie } from "./index143.js";
-import Ce from "./index14.js";
+import { defineComponent as f, ref as g, computed as v, createBlock as y, openBlock as B, withCtx as i, createVNode as w, mergeProps as $, renderSlot as a, normalizeProps as l, guardReactiveProps as t } from "vue";
+import T from "./index28.js";
 /* empty css        */
-import Be from "./index114.js";
-/* empty css         */
-import { useFrameworkDetection as Te } from "./index144.js";
-import { merge as qe } from "./index297.js";
-import { isNil as Le } from "./index270.js";
-import { useQuery as Fe } from "./index11.js";
-import { hash as Ee } from "./index230.js";
-import { isNotNil as Ne } from "./index147.js";
-import { useLogger as Pe } from "./index233.js";
-const Ve = ["id"], Re = { class: "bb-tab__label-boundary" }, Ke = { class: "bb-tab__label" }, De = { class: "bb-tab__panes-container" }, We = ["id", "aria-labelledby", "tabindex"], rt = /* @__PURE__ */ fe({
-  __name: "BbTab",
+import V from "./index44.js";
+/* empty css        */
+const E = /* @__PURE__ */ f({
+  __name: "BbSwitchGroup",
   props: {
+    autofocus: {},
+    color: {},
+    compact: { type: Boolean },
+    dependencies: {},
+    depsDebounceTime: {},
+    direction: {},
     disabled: { type: Boolean },
-    eager: { type: Boolean },
+    enforceCoherence: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hideLegend: { type: Boolean },
+    hint: {},
     id: {},
-    headers: {},
-    only: {},
-    onBefore: {},
-    onCancel: {},
-    onFinish: {},
-    onError: {},
-    onProgress: {},
-    onStart: {},
-    onSuccess: {},
-    preserveScroll: { type: [Boolean, Function] },
-    preserveState: { type: [Boolean, Function, null] },
-    replace: { type: Boolean },
-    animateX: { type: Boolean, default: !0 },
-    animateY: { type: Boolean, default: !0 },
-    direction: { default: "horizontal" },
+    inputDirection: {},
+    inputPosition: { default: "left" },
     items: {},
+    itemText: {},
+    itemValue: {},
+    labelPosition: {},
+    legend: {},
+    loadingText: {},
+    max: {},
     modelValue: {},
-    navigation: { type: Boolean },
-    querykey: { default: "tab" },
-    server: { type: Boolean }
+    modelValueDebounceTime: {},
+    name: {},
+    noDataText: {},
+    persistentHint: { type: Boolean },
+    readonly: { type: Boolean },
+    reverse: { type: Boolean }
   },
-  emits: ["update:modelValue"],
-  setup(G, { expose: Z, emit: ee }) {
-    const t = G, te = ee, w = we(), q = xe(), { error: L } = Pe(), ne = r(), F = t.id ?? Se().id.value, x = `bb-tab_${F}`, i = r(), { isScrolling: se, arrivedState: E } = $e(i), N = f(() => ({
-      isScrolling: se.value,
-      left: E.left,
-      right: E.right
-    })), { isInertia: le } = Te(), oe = be(), a = r(null), c = f(
-      () => t.items.findIndex((e) => e.key === a.value)
-    ), k = f(() => c.value === 0), _ = f(() => c.value === t.items.length - 1);
-    t.items.forEach((e) => {
-      e.key ? (t.server || e.server) && !t.navigation && L(
-        `A tab item has a server property but the navigation prop is false: ${JSON.stringify(e, null, 2)}`
-      ) : L(`A tab item has no key: ${JSON.stringify(e, null, 2)}`);
-    });
-    const P = f(() => [Fe()[t.querykey]].flat()[0]), V = () => {
-      const e = P.value;
-      if (t.navigation && e)
-        a.value = e;
-      else if (t.modelValue)
-        a.value = t.modelValue;
-      else if (t.items[0]) {
-        const s = t.items.find((o) => !o.disabled);
-        if (!s)
-          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 n = s.key;
-        a.value = n;
-      }
-    };
-    V();
-    const ae = (e) => ({
-      headers: e.headers ?? t.headers,
-      only: e.only ?? t.only,
-      preserveScroll: e.preserveScroll ?? t.preserveScroll,
-      preserveState: e.preserveState ?? t.preserveState,
-      replace: t.replace,
-      onBefore: e.onBefore ?? t.onBefore,
-      onStart: e.onStart ?? t.onStart,
-      onProgress: e.onProgress ?? t.onProgress,
-      onSuccess: e.onSuccess ?? t.onSuccess,
-      onError: e.onError ?? t.onError,
-      onCancel: e.onCancel ?? t.onCancel,
-      onFinish: e.onFinish ?? t.onFinish
-    }), R = f(() => {
-      const e = a.value, s = c.value;
-      return t.items.map((o) => {
-        const { key: l, label: v, eager: I } = o, C = `${x}_tab_${o.key}`, j = `${x}_tabpanel_${o.key}`, B = `label-${o.key}`, p = o.key === a.value, ie = {
-          "bb-tab__btn": !0,
-          "bb-tab__btn--active": p
-        }, ce = {
-          "bb-tab__pane": !0,
-          "bb-tab__pane--shown": p
-        }, de = !!(o.disabled || t.disabled);
-        return {
-          tabId: C,
-          eager: I,
-          panelId: j,
-          active: p,
-          ariaSelected: !!p,
-          labelSlotName: B,
-          tabClasses: ie,
-          paneClasses: ce,
-          role: "tab",
-          tabindex: p ? 0 : -1,
-          disabled: de,
-          current: e,
-          key: l,
-          label: v,
-          currentIndex: s,
-          onClick: () => h(o.key),
-          onKeydown: (ue) => re(ue)
-        };
-      });
-    }), h = (e, s = t.replace) => {
-      const n = t.items.find((o) => o.key === e);
-      if (!Le(n) && n.key !== a.value) {
-        if (t.navigation && w.value && P.value !== e) {
-          if (!q) return;
-          q[s ? "replace" : "push"](
-            qe(w.value, {
-              query: { [t.querykey]: e },
-              replace: s
-            })
-          );
-        } else if (t.navigation && le) {
-          const o = n.href ?? globalThis.location.href, l = new URL(o, window.location.origin);
-          if (l.searchParams.set(t.querykey, e), t.server || n.server) {
-            const v = oe?.proxy?.$inertia, I = ae(n), C = Object.fromEntries(
-              Object.entries(I).filter(([j, B]) => Ne(B))
-            );
-            v.visit(l.toString(), C);
-          } else
-            s ? window.history.replaceState(window.history.state, "", l.toString()) : window.history.pushState(window.history.state, "", l.toString());
-        }
-        t.modelValue !== e && te("update:modelValue", e), a.value = e;
-      }
-    };
-    a.value && h(a.value, !0);
-    const d = (e) => {
-      var s = null;
-      switch (e) {
-        case "first":
-          for (s = 0; s < t.items.length - 1 && t.items[s].disabled; )
-            s++;
-          break;
-        case "previous": {
-          let l = 1;
-          for (; l < t.items.length && (s = (c.value + t.items.length - l) % t.items.length, t.items[s].disabled); )
-            l++;
-          break;
-        }
-        case "next": {
-          let l = 1;
-          for (; l < t.items.length && (s = (c.value + l) % t.items.length, t.items[s].disabled); )
-            l++;
-          break;
-        }
-        case "last":
-          for (s = t.items.length - 1; s >= 0 && t.items[s].disabled; )
-            s--;
-          break;
-      }
-      if (s === null)
-        throw new Error("Could not navigate to next tab");
-      if (t.items[s].disabled) return;
-      const n = t.items[s].key;
-      document.querySelector(
-        `#${x}_tab_${n}`
-      )?.focus(), h(n);
-    }, re = (e) => {
-      if (!t.disabled)
-        if (e.key === "ArrowRight")
-          d("next");
-        else if (e.key === "ArrowLeft")
-          d("previous");
-        else if (e.key === "Home")
-          e.preventDefault(), d("first");
-        else if (e.key === "End")
-          e.preventDefault(), d("last");
-        else
-          return;
-    };
-    b(
-      () => t.modelValue,
-      (e) => {
-        e && h(e);
-      }
-    ), b(
-      () => w.value?.query?.[t.querykey],
-      (e) => {
-        e && typeof e == "string" && h(e);
-      }
-    ), b(
-      a,
-      async () => {
-        if (!i.value) return;
-        const e = i.value.querySelector(
-          ".bb-tab__btn--active"
-        );
-        if (!e) return;
-        await J();
-        const s = i.value, n = e.offsetLeft, o = n + e.offsetWidth, l = s.scrollLeft, v = l + s.clientWidth;
-        n < l ? s.scrollTo({ left: n, behavior: "smooth" }) : o > v && s.scrollTo({
-          left: o - s.clientWidth,
-          behavior: "smooth"
-        });
+  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 = v(() => 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 K = r("right");
-    b(
-      a,
-      (e, s) => {
-        if (e && s) {
-          const n = t.items.findIndex((l) => l.key === e), o = t.items.findIndex((l) => l.key === s);
-          K.value = n > o ? "right" : "left";
-        }
+      onInactive: () => {
+        s.value = !1, n("inactive");
       },
-      { flush: "sync" }
-    );
-    const D = r(0), W = r(0), O = r(0), z = r(0), A = r(0), H = r(!1), $ = () => {
-      if (!i.value)
-        return;
-      const e = i.value.querySelector(
-        ".bb-tab__btn--active"
-      );
-      e && (O.value = e.offsetLeft, z.value = e.offsetTop, D.value = e.clientWidth, W.value = e.clientHeight, A.value = i.value.scrollWidth);
+      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 me(async () => {
-      $(), await J(), H.value = !0;
-    }), b(a, $, { flush: "post" }), Ie(i, () => {
-      $();
-    }), b(
-      () => Ee(t.items),
-      () => {
-        a.value && !t.items.find((e) => e.key === a.value) && V();
-      },
-      {
-        immediate: !0,
-        deep: !0
-      }
-    ), Z({
-      isFirst: k,
-      isLast: _,
-      current: a,
-      currentIndex: c,
-      goTo: d
-    }), (e, s) => (u(), y("div", {
-      id: he(F),
-      ref_key: "tabs",
-      ref: ne,
-      class: S(["bb-tab", {
-        [`bb-tab--${e.direction}`]: !0,
-        "bb-tab--disabled": e.disabled
-      }])
-    }, [
-      m("div", Re, [
-        m("span", null, [
-          g(e.$slots, "header:prepend", X(Y(N.value)))
-        ]),
-        m("ul", {
-          ref_key: "tablist",
-          ref: i,
-          class: S(["bb-tab__label-container", { "bb-tab__label-container--no-transition": !H.value }]),
-          role: "tablist",
-          style: ve({
-            "--inner-width": `${A.value}px`,
-            "--width": `${D.value}px`,
-            "--height": `${W.value}px`,
-            "--left": `${O.value}px`,
-            "--top": `${z.value}px`
-          })
-        }, [
-          (u(!0), y(M, null, Q(R.value, (n) => (u(), y("li", {
-            key: n.tabId,
-            role: "presentation"
-          }, [
-            pe(Ce, {
-              id: n.tabId,
-              "aria-selected": n.ariaSelected,
-              class: S(n.tabClasses),
-              disabled: n.disabled,
-              role: "tab",
-              tabindex: n.tabindex,
-              onClick: n.onClick,
-              onKeydown: n.onKeydown
-            }, {
-              default: T(() => [
-                g(e.$slots, n.labelSlotName, {
-                  current: a.value,
-                  currentIndex: c.value,
-                  disabled: n.disabled,
-                  goTo: d,
-                  isFirst: k.value,
-                  isLast: _.value,
-                  selected: n.active,
-                  text: n.label,
-                  value: n.key
-                }, () => [
-                  g(e.$slots, "label", {
-                    current: a.value,
-                    currentIndex: c.value,
-                    disabled: n.disabled,
-                    goTo: d,
-                    isFirst: k.value,
-                    isLast: _.value,
-                    selected: n.active,
-                    text: n.label,
-                    value: n.key
-                  }, () => [
-                    m("span", Ke, ye(n.label), 1)
-                  ])
-                ])
-              ]),
-              _: 2
-            }, 1032, ["id", "aria-selected", "class", "disabled", "tabindex", "onClick", "onKeydown"])
-          ]))), 128))
-        ], 6),
-        m("span", null, [
-          g(e.$slots, "header:append", X(Y(N.value)))
-        ])
+    return (e, D) => (B(), y(T, {
+      id: e.id,
+      class: "bb-switch-group",
+      compact: e.compact,
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLegend,
+      hint: e.hint,
+      "input-position": e.inputPosition,
+      label: e.legend,
+      "label-position": e.labelPosition,
+      "label-tag": "legend",
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": m.value,
+      tag: "fieldset"
+    }, {
+      label: i((r) => [
+        a(e.$slots, "legend", l(t(r)))
       ]),
-      m("div", De, [
-        (u(), U(ge(t.animateY ? Be : "div"), null, {
-          default: T(() => [
-            (u(!0), y(M, null, Q(R.value, (n) => (u(), U(ke, {
-              key: n.tabId,
-              css: t.animateX,
-              name: `tab-slide-${K.value}`
-            }, {
-              default: T(() => [
-                n.active || t.eager || n.eager ? (u(), y("section", {
-                  key: 0,
-                  id: n.panelId,
-                  "aria-labelledby": n.tabId,
-                  class: S(n.paneClasses),
-                  role: "tabpanel",
-                  tabindex: n.tabindex
-                }, [
-                  g(e.$slots, n.key, {
-                    current: a.value,
-                    currentIndex: c.value,
-                    disabled: n.disabled,
-                    goTo: d,
-                    isFirst: k.value,
-                    isLast: _.value,
-                    selected: n.active,
-                    text: n.label,
-                    value: n.key
-                  })
-                ], 10, We)) : _e("", !0)
-              ]),
-              _: 2
-            }, 1032, ["css", "name"]))), 128))
+      input: i(({ id: r, hasErrors: b, ariaDescribedby: h }) => [
+        w(V, $({
+          id: r,
+          "aria-describedby": h,
+          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,
+          max: e.max,
+          "model-value": e.modelValue,
+          "model-value-debounce-time": e.modelValueDebounceTime,
+          name: e.name,
+          "no-data-text": e.noDataText,
+          readonly: e.readonly
+        }, c), {
+          prepend: i((o) => [
+            a(e.$slots, "prepend", l(t(o)))
+          ]),
+          loading: i((o) => [
+            a(e.$slots, "loading", l(t(o)))
+          ]),
+          "no-data": i((o) => [
+            a(e.$slots, "no-data", l(t(o)))
           ]),
-          _: 3
-        }))
-      ])
-    ], 10, Ve));
+          "option:prepend": i((o) => [
+            a(e.$slots, "option:prepend", l(t(o)))
+          ]),
+          icon: i((o) => [
+            a(e.$slots, "icon", l(t(o)))
+          ]),
+          label: i((o) => [
+            a(e.$slots, "label", l(t(o)))
+          ]),
+          "option:append": i((o) => [
+            a(e.$slots, "option:append", l(t(o)))
+          ]),
+          append: i((o) => [
+            a(e.$slots, "append", l(t(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", "max", "model-value", "model-value-debounce-time", "name", "no-data-text", "readonly"])
+      ]),
+      _: 3
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "input-position", "label", "label-position", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  rt as default
+  E as default
 };