bitboss-ui 2.1.119 → 2.1.121

package/dist/index124.js

@@ -1,366 +1,52 @@
-import { defineComponent as fe, ref as r, computed as b, getCurrentInstance as be, watch as v, nextTick as J, onMounted as ve, createElementBlock as y, openBlock as f, normalizeClass as w, unref as he, createElementVNode as h, renderSlot as g, normalizeProps as Q, guardReactiveProps as X, normalizeStyle as me, Fragment as Y, renderList as M, 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 "./index152.js";
-import { useRouter as xe } from "./index153.js";
-import { useScroll as $e, useResizeObserver as Ie } from "./index146.js";
-import Ce from "./index14.js";
-/* empty css        */
-import Be from "./index116.js";
-/* empty css         */
-import { useFrameworkDetection as Te } from "./index147.js";
-import { isNil as qe } from "./index239.js";
-import { useQuery as Le } from "./index11.js";
-import { hash as Fe } from "./index238.js";
-import { isNotNil as Ee } from "./index150.js";
-import { useLogger as Ne } from "./index267.js";
-const Pe = ["id"], Re = { class: "bb-tab__label-boundary" }, Ve = { class: "bb-tab__label" }, Ke = { class: "bb-tab__panes-container" }, De = ["id", "aria-labelledby", "tabindex"], ot = /* @__PURE__ */ fe({
-  __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(G, { expose: Z, emit: ee }) {
-    const t = G, te = ee, k = we(), q = xe(), { error: L } = Ne(), ne = r(), F = t.id ?? Se().id.value, x = `bb-tab_${F}`, i = r(), { isScrolling: se, arrivedState: E } = $e(i), N = b(() => ({
-      isScrolling: se.value,
-      left: E.left,
-      right: E.right
-    })), { isInertia: le } = Te(), oe = be(), a = r(null), c = b(
-      () => t.items.findIndex((e) => e.key === a.value)
-    ), _ = b(() => c.value === 0), S = b(() => 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 = b(() => [Le()[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 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
-    }), V = b(() => {
-      const e = a.value, s = c.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
-        }, 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: u,
-          currentIndex: s,
-          onClick: () => m(o.key),
-          onKeydown: (ue) => re(ue)
-        };
-      });
-    }), m = (e, s = t.replace) => {
-      const n = t.items.find((o) => o.key === e);
-      if (!qe(n) && n.key !== a.value) {
-        if (t.navigation && k.value && P.value !== e) {
-          if (!q) return;
-          const o = s ? "replace" : "push", l = {
-            ...k.value?.query ?? {},
-            [t.querykey]: e
-          }, u = { ...k.value, query: l };
-          q[o](u);
-        } 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 u = oe?.proxy?.$inertia, I = ae(n), C = Object.fromEntries(
-              Object.entries(I).filter(([j, B]) => Ee(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 && te("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 = (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(), m(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;
-    };
-    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 J();
-        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 K = r("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);
-          K.value = n > o ? "right" : "left";
-        }
-      },
-      { 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);
-    };
-    return ve(async () => {
-      $(), await J(), H.value = !0;
-    }), v(a, $, { flush: "post" }), Ie(i, () => {
-      $();
-    }), v(
-      () => Fe(t.items),
-      () => {
-        a.value && !t.items.find((e) => e.key === a.value) && R();
-      },
-      {
-        immediate: !0,
-        deep: !0
-      }
-    ), Z({
-      isFirst: _,
-      isLast: S,
-      current: a,
-      currentIndex: c,
-      goTo: d
-    }), (e, s) => (f(), y("div", {
-      id: he(F),
-      ref_key: "tabs",
-      ref: ne,
-      class: w(["bb-tab", {
-        [`bb-tab--${e.direction}`]: !0,
-        "bb-tab--disabled": e.disabled
-      }])
-    }, [
-      h("div", Re, [
-        h("span", null, [
-          g(e.$slots, "header:prepend", Q(X(N.value)))
-        ]),
-        h("ul", {
-          ref_key: "tablist",
-          ref: i,
-          class: w(["bb-tab__label-container", { "bb-tab__label-container--no-transition": !H.value }]),
-          role: "tablist",
-          style: me({
-            "--inner-width": `${A.value}px`,
-            "--width": `${D.value}px`,
-            "--height": `${W.value}px`,
-            "--left": `${O.value}px`,
-            "--top": `${z.value}px`
-          })
-        }, [
-          (f(!0), y(Y, null, M(V.value, (n) => (f(), y("li", {
-            key: n.tabId,
-            role: "presentation"
-          }, [
-            pe(Ce, {
-              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: c.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: c.value,
-                    disabled: n.disabled,
-                    goTo: d,
-                    isFirst: _.value,
-                    isLast: S.value,
-                    selected: n.active,
-                    text: n.label,
-                    value: n.key
-                  }, () => [
-                    h("span", Ve, ye(n.label), 1)
-                  ])
-                ])
-              ]),
-              _: 2
-            }, 1032, ["id", "aria-selected", "class", "disabled", "tabindex", "onClick", "onKeydown"])
-          ]))), 128))
-        ], 6),
-        h("span", null, [
-          g(e.$slots, "header:append", Q(X(N.value)))
-        ])
-      ]),
-      h("div", Ke, [
-        (f(), U(ge(t.animateY ? Be : "div"), null, {
-          default: T(() => [
-            (f(!0), y(Y, null, M(V.value, (n) => (f(), U(ke, {
-              key: n.tabId,
-              css: t.animateX,
-              name: `tab-slide-${K.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: c.value,
-                    disabled: n.disabled,
-                    goTo: d,
-                    isFirst: _.value,
-                    isLast: S.value,
-                    selected: n.active,
-                    text: n.label,
-                    value: n.key
-                  })
-                ], 10, De)) : _e("", !0)
-              ]),
-              _: 2
-            }, 1032, ["css", "name"]))), 128))
-          ]),
-          _: 3
-        }))
-      ])
-    ], 10, Pe));
-  }
+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));
+	}
 });
-export {
-  ot as default
-};
+//#endregion
+export { v as default };

package/dist/index125.js

@@ -0,0 +1,5 @@
+import e from "./index124.js";
+//#region src/components/BaseDatePicker/BaseDatePickerYearSelector.vue
+var t = e;
+//#endregion
+export { t as default };