bitboss-ui 2.1.129 → 2.1.131

package/dist/index122.js

@@ -1,5 +1,137 @@
-import e from "./index121.js";
-//#region src/components/Transitions/ScaleFade.vue
-var t = e;
-//#endregion
-export { t as default };
+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 V from "./index44.js";
+/* empty css        */
+const E = /* @__PURE__ */ f({
+  __name: "BbSwitchGroup",
+  props: {
+    autofocus: {},
+    color: {},
+    compact: { type: Boolean },
+    dependencies: {},
+    depsDebounceTime: {},
+    direction: {},
+    disabled: { type: Boolean },
+    enforceCoherence: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hideLegend: { type: Boolean },
+    hint: {},
+    id: {},
+    inputDirection: {},
+    inputPosition: { default: "left" },
+    items: {},
+    itemText: {},
+    itemValue: {},
+    labelPosition: {},
+    legend: {},
+    loadingText: {},
+    max: {},
+    modelValue: {},
+    multiple: { type: Boolean },
+    modelValueDebounceTime: {},
+    name: {},
+    noDataText: {},
+    persistentHint: { type: Boolean },
+    readonly: { type: Boolean },
+    reverse: { type: Boolean }
+  },
+  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);
+      },
+      onInactive: () => {
+        s.value = !1, n("inactive");
+      },
+      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, 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)))
+      ]),
+      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)))
+          ]),
+          "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 {
+  E as default
+};

package/dist/index124.js

@@ -1,52 +1,369 @@
-import e from "./index36.js";
-import { range as t } from "./index123.js";
-import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, normalizeClass as l, onMounted as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, withCtx as h } from "vue";
-//#region src/components/BaseDatePicker/BaseDatePickerYearSelector.vue?vue&type=script&setup=true&lang.ts
-var g = 10, _ = 3, v = /* @__PURE__ */ c({
-	__name: "BaseDatePickerYearSelector",
-	props: {
-		cursor: {},
-		disabled: { type: Boolean }
-	},
-	emits: ["update:year"],
-	setup(c, { emit: v }) {
-		let y = c, b = v, x = f(), S = r(() => y.cursor.year()), C = f(S.value - g * _), w = f(S.value + g * _), T = r(() => t(C.value, w.value).map((e) => ({
-			text: e,
-			key: e,
-			selected: e === S.value,
-			handler: () => b("update:year", e)
-		}))), E = (e) => {
-			let t = e.target;
-			t.scrollTop <= 100 ? C.value = Math.max(C.value - g * _, S.value - 200) : t.scrollHeight - t.scrollTop === t.clientHeight && (w.value = Math.min(w.value + g * _, 2101));
-		};
-		return u(() => {
-			if (!x.value) return;
-			let e = x.value.querySelector(".content__btn--selected");
-			e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
-		}), (t, r) => (d(), a("div", {
-			ref_key: "container",
-			ref: x,
-			class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
-		}, [o("div", {
-			class: "content",
-			onScrollPassive: E
-		}, [(d(!0), a(n, null, p(T.value, (n) => (d(), i(e, {
-			key: n.key,
-			class: l({
-				content__btn: !0,
-				"content__btn--selected": n.selected
-			}),
-			disabled: t.disabled,
-			onClick: n.handler
-		}, {
-			default: h(() => [s(m(n.text), 1)]),
-			_: 2
-		}, 1032, [
-			"class",
-			"disabled",
-			"onClick"
-		]))), 128))], 32)], 512));
-	}
+import { defineComponent as ue, ref as c, computed as b, getCurrentInstance as fe, watch as v, nextTick as Q, onMounted as be, createElementBlock as y, openBlock as f, normalizeClass as w, unref as ve, createElementVNode as h, renderSlot as g, normalizeProps as X, guardReactiveProps as Y, normalizeStyle as he, Fragment as M, renderList as U, createVNode as me, withCtx as T, toDisplayString as pe, createBlock as G, resolveDynamicComponent as ye, Transition as ge, createCommentVNode as ke } from "vue";
+import { useId as _e } from "./index8.js";
+import { useRoute as Se } from "./index154.js";
+import { useRouter as we } from "./index155.js";
+import { useScroll as xe, useResizeObserver as $e } from "./index148.js";
+import Ie from "./index14.js";
+/* empty css        */
+import Ce from "./index116.js";
+/* empty css         */
+import { useFrameworkDetection as Be } from "./index149.js";
+import { isNil as Te } from "./index238.js";
+import { useQuery as qe } from "./index11.js";
+import { hash as Le } from "./index252.js";
+import { isNotNil as Fe } from "./index152.js";
+import { useLogger as Ve } from "./index251.js";
+const Ee = ["id"], Ne = { class: "bb-tab__label-boundary" }, Pe = { class: "bb-tab__label" }, Re = { class: "bb-tab__panes-container" }, Ke = ["id", "aria-labelledby", "tabindex"], lt = /* @__PURE__ */ ue({
+  __name: "BbTab",
+  props: {
+    disabled: { type: Boolean },
+    eager: { type: Boolean },
+    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" },
+    items: {},
+    modelValue: {},
+    navigation: { type: Boolean },
+    querykey: { default: "tab" },
+    server: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(Z, { expose: ee, emit: te }) {
+    const t = Z, q = te, k = Se(), L = we(), { error: F } = Ve(), V = t.id ?? _e().id.value, x = `bb-tab_${V}`, i = c(), { isScrolling: ne, arrivedState: E } = xe(i), N = b(() => ({
+      isScrolling: ne.value,
+      left: E.left,
+      right: E.right
+    })), { isInertia: se } = Be(), le = fe(), a = c(null), r = b(
+      () => t.items.findIndex((e) => e.key === a.value)
+    ), _ = b(() => r.value === 0), S = b(() => r.value === t.items.length - 1);
+    t.items.forEach((e) => {
+      e.key ? (t.server || e.server) && !t.navigation && F(
+        `A tab item has a server property but the navigation prop is false: ${JSON.stringify(e, null, 2)}`
+      ) : F(`A tab item has no key: ${JSON.stringify(e, null, 2)}`);
+    });
+    const P = b(() => [qe()[t.querykey]].flat()[0]), R = () => {
+      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;
+      }
+    };
+    R();
+    const oe = (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
+    }), K = b(() => {
+      const e = a.value, s = r.value;
+      return t.items.map((o) => {
+        const { key: l, label: u, 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
+        }, re = {
+          "bb-tab__pane": !0,
+          "bb-tab__pane--shown": p
+        }, ce = !!(o.disabled || t.disabled);
+        return {
+          tabId: C,
+          eager: I,
+          panelId: J,
+          active: p,
+          ariaSelected: !!p,
+          labelSlotName: B,
+          tabClasses: ie,
+          paneClasses: re,
+          role: "tab",
+          tabindex: p ? 0 : -1,
+          disabled: ce,
+          current: e,
+          key: l,
+          label: u,
+          currentIndex: s,
+          onClick: () => m(o.key),
+          onKeydown: (de) => ae(de)
+        };
+      });
+    }), m = (e, s = t.replace) => {
+      const n = t.items.find((o) => o.key === e);
+      if (!Te(n)) {
+        if (n.key === a.value) {
+          t.modelValue !== e && q("update:modelValue", e);
+          return;
+        }
+        if (t.navigation && k.value && P.value !== e) {
+          if (!L) return;
+          const o = s ? "replace" : "push", l = {
+            ...k.value?.query ?? {},
+            [t.querykey]: e
+          }, u = { ...k.value, query: l };
+          L[o](u);
+        } else if (t.navigation && se) {
+          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 u = le?.proxy?.$inertia, I = oe(n), C = Object.fromEntries(
+              Object.entries(I).filter(([J, B]) => Fe(B))
+            );
+            u.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 && q("update:modelValue", e), a.value = e;
+      }
+    };
+    a.value && m(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 = (r.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 = (r.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(), m(n);
+    }, ae = (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;
+    };
+    v(
+      () => t.modelValue,
+      (e) => {
+        e && m(e);
+      }
+    ), v(
+      () => k.value?.query?.[t.querykey],
+      (e) => {
+        e && typeof e == "string" && m(e);
+      }
+    ), v(
+      a,
+      async () => {
+        if (!i.value) return;
+        const e = i.value.querySelector(
+          ".bb-tab__btn--active"
+        );
+        if (!e) return;
+        await Q();
+        const s = i.value, n = e.offsetLeft, o = n + e.offsetWidth, l = s.scrollLeft, u = l + s.clientWidth;
+        n < l ? s.scrollTo({ left: n, behavior: "smooth" }) : o > u && s.scrollTo({
+          left: o - s.clientWidth,
+          behavior: "smooth"
+        });
+      },
+      { flush: "post" }
+    );
+    const D = c("right");
+    v(
+      a,
+      (e, s) => {
+        if (e && s) {
+          const n = t.items.findIndex((l) => l.key === e), o = t.items.findIndex((l) => l.key === s);
+          D.value = n > o ? "right" : "left";
+        }
+      },
+      { flush: "sync" }
+    );
+    const W = c(0), O = c(0), z = c(0), A = c(0), H = c(0), j = c(!1), $ = () => {
+      if (!i.value)
+        return;
+      const e = i.value.querySelector(
+        ".bb-tab__btn--active"
+      );
+      e && (z.value = e.offsetLeft, A.value = e.offsetTop, W.value = e.clientWidth, O.value = e.clientHeight, H.value = i.value.scrollWidth);
+    };
+    return be(async () => {
+      $(), await Q(), j.value = !0;
+    }), v(a, $, { flush: "post" }), $e(i, () => {
+      $();
+    }), v(
+      () => Le(t.items),
+      () => {
+        a.value && !t.items.find((e) => e.key === a.value) && R();
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), ee({
+      isFirst: _,
+      isLast: S,
+      current: a,
+      currentIndex: r,
+      goTo: d
+    }), (e, s) => (f(), y("div", {
+      id: ve(V),
+      ref: "tabs",
+      class: w(["bb-tab", {
+        [`bb-tab--${e.direction}`]: !0,
+        "bb-tab--disabled": e.disabled
+      }])
+    }, [
+      h("div", Ne, [
+        h("span", null, [
+          g(e.$slots, "header:prepend", X(Y(N.value)))
+        ]),
+        h("ul", {
+          ref_key: "tablist",
+          ref: i,
+          class: w(["bb-tab__label-container", { "bb-tab__label-container--no-transition": !j.value }]),
+          role: "tablist",
+          style: he({
+            "--inner-width": `${H.value}px`,
+            "--width": `${W.value}px`,
+            "--height": `${O.value}px`,
+            "--left": `${z.value}px`,
+            "--top": `${A.value}px`
+          })
+        }, [
+          (f(!0), y(M, null, U(K.value, (n) => (f(), y("li", {
+            key: n.tabId,
+            role: "presentation"
+          }, [
+            me(Ie, {
+              id: n.tabId,
+              "aria-selected": n.ariaSelected,
+              class: w(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: r.value,
+                  disabled: n.disabled,
+                  goTo: d,
+                  isFirst: _.value,
+                  isLast: S.value,
+                  selected: n.active,
+                  text: n.label,
+                  value: n.key
+                }, () => [
+                  g(e.$slots, "label", {
+                    current: a.value,
+                    currentIndex: r.value,
+                    disabled: n.disabled,
+                    goTo: d,
+                    isFirst: _.value,
+                    isLast: S.value,
+                    selected: n.active,
+                    text: n.label,
+                    value: n.key
+                  }, () => [
+                    h("span", Pe, pe(n.label), 1)
+                  ])
+                ])
+              ]),
+              _: 2
+            }, 1032, ["id", "aria-selected", "class", "disabled", "tabindex", "onClick", "onKeydown"])
+          ]))), 128))
+        ], 6),
+        h("span", null, [
+          g(e.$slots, "header:append", X(Y(N.value)))
+        ])
+      ]),
+      h("div", Re, [
+        (f(), G(ye(t.animateY ? Ce : "div"), null, {
+          default: T(() => [
+            (f(!0), y(M, null, U(K.value, (n) => (f(), G(ge, {
+              key: n.tabId,
+              css: t.animateX,
+              name: `tab-slide-${D.value}`
+            }, {
+              default: T(() => [
+                n.active || t.eager || n.eager ? (f(), y("section", {
+                  key: 0,
+                  id: n.panelId,
+                  "aria-labelledby": n.tabId,
+                  class: w(n.paneClasses),
+                  role: "tabpanel",
+                  tabindex: n.tabindex
+                }, [
+                  g(e.$slots, n.key, {
+                    current: a.value,
+                    currentIndex: r.value,
+                    disabled: n.disabled,
+                    goTo: d,
+                    isFirst: _.value,
+                    isLast: S.value,
+                    selected: n.active,
+                    text: n.label,
+                    value: n.key
+                  })
+                ], 10, Ke)) : ke("", !0)
+              ]),
+              _: 2
+            }, 1032, ["css", "name"]))), 128))
+          ]),
+          _: 3
+        }))
+      ])
+    ], 10, Ee));
+  }
 });
-//#endregion
-export { v as default };
+export {
+  lt as default
+};