bitboss-ui 2.1.81 → 2.1.83

package/dist/index264.js

@@ -1,10 +1,11 @@
-const o = "bitboss-ui | ", e = () => ({
-  warn: (r) => console.warn(`${o}${r}`),
-  error: (r) => console.error(`${o}${r}`),
-  throw: (r) => {
-    throw new Error(`${o}${r}`);
+import { get as o } from "./index232.js";
+const e = () => ({
+  getItemValue(n, f) {
+    if (typeof f > "u") return n;
+    if (typeof f == "function") return f(n);
+    if (typeof f == "string") return o(n, f);
   }
 });
 export {
-  e as useLogger
+  e as useItemValue
 };

package/dist/index265.js

@@ -1,270 +1,31 @@
-import { defineComponent as pe, ref as T, computed as v, watch as be, createElementBlock as c, openBlock as u, withKeys as f, normalizeClass as O, withModifiers as m, createVNode as ge, withCtx as he, createElementVNode as E, Fragment as w, renderList as S, toDisplayString as x, renderSlot as C, nextTick as ye } from "vue";
-import { chunk as _e } from "./index341.js";
-import { identity as L } from "./index270.js";
-import { isNotNil as ke } from "./index144.js";
-import { last as ve } from "./index262.js";
-import { sort as N } from "./index342.js";
-import { validateDateFormat as R } from "./index263.js";
-import { toInnerValue as Oe, toOuterValue as p } from "./index343.js";
-import { isDateDisabled as we } from "./index344.js";
-import g from "./index258.js";
-import Se from "./index345.js";
-const Ve = ["onKeydown"], De = { class: "bb-base-date-picker__header-container" }, Me = ["abbr"], Be = ["id", "aria-current", "aria-label", "aria-selected", "disabled", "tabindex"], Pe = /* @__PURE__ */ pe({
-  __name: "BaseDatePickerInputDaySelector",
-  props: {
-    cursor: {},
-    current: { type: Boolean },
-    disabled: { type: Boolean },
-    firstDayOfWeek: {},
-    id: {},
-    floating: { type: Boolean },
-    modelValue: {},
-    max: {},
-    min: {},
-    selectable: { type: Function },
-    range: { type: Boolean },
-    multiple: { type: Boolean },
-    readonly: { type: Boolean }
-  },
-  emits: ["update:modelValue", "update:cursor"],
-  setup(F, { emit: K }) {
-    const a = F, n = K, h = T(null), H = g().startOf("day");
-    a.min && R(a.min, "Min"), a.max && R(a.max, "Max");
-    const P = v(() => {
-      let e = 1 / 0, r = -1 / 0, s = {};
-      return a.modelValue && [].concat(a.modelValue).filter(L).map((i) => Oe(i, a.floating)).map((i) => i.valueOf()).forEach((i, y) => {
-        i < e && (e = i), i > r && (r = i), s[i] = y;
-      }), {
-        min: e,
-        max: r,
-        index: (t) => s[t.valueOf()],
-        selected: (t) => ke(s[t.valueOf()]),
-        isFirstOfRange: (t) => t.valueOf() === e,
-        isLastOfRange: (t) => t.valueOf() === r,
-        isBetween: (t) => t.valueOf() > e && t.valueOf() < r
-      };
-    }), Y = v(() => new Array(7).fill("").map((e, r) => g().day((r + a.firstDayOfWeek) % 7)).map((e) => ({
-      accessibleLabel: e.format("dddd"),
-      label: e.format("dd").slice(0, 1).toUpperCase(),
-      id: e.toISOString(),
-      original: e
-    }))), V = v(() => {
-      const e = a.cursor.year().toString(), r = a.cursor.month().toString(), t = a.cursor.clone().startOf("month").clone().startOf("week"), y = a.cursor.clone().endOf("month").clone().endOf("week"), re = g(a.cursor).startOf("day"), b = P.value, _ = a.range, oe = a.id, B = [];
-      for (let o = t; o.isBefore(y); o = o.add(1, "day"))
-        B.push(o.clone());
-      const ne = B.map((o) => {
-        const k = o.toISOString(), se = o.week().toString(), ie = b.selected(o), A = _ && b.isFirstOfRange(o), I = _ && b.isLastOfRange(o), de = _ && !A && !I && b.isBetween(o), le = o.month().toString() === r && o.year().toString() === e, ce = o.isSame(H), ue = o.isSame(re), fe = d(o), me = o.get("D").toString();
-        return {
-          buttonId: [oe, k].filter(L).join("_"),
-          current: ue,
-          disabled: fe,
-          first: A,
-          highlighted: le,
-          id: k,
-          label: me,
-          last: I,
-          middle: de,
-          original: o,
-          selected: ie,
-          slotName: k,
-          today: ce,
-          week: se
-        };
-      });
-      return _e(ne, 7);
-    }), d = (e) => we(e, {
-      min: a.min,
-      max: a.max,
-      selectable: a.selectable,
-      floating: a.floating
-    }), D = T("left"), $ = (e, r) => {
-      e && r && (D.value = e.isBefore(r) ? "left" : "right");
-    };
-    be(
-      () => a.cursor,
-      (e, r) => {
-        $(e, r);
-      }
-    );
-    const M = (e) => n("update:cursor", e), l = async () => {
-      if (!h.value) return;
-      await ye();
-      const e = ve([
-        ...h.value.querySelectorAll(
-          ".bb-base-date-picker__date--current button"
-        )
-      ]);
-      e instanceof HTMLElement && e.focus();
-    }, U = (e) => {
-      if (!a.readonly && e.target instanceof HTMLButtonElement) {
-        const [, r] = e.target.id.split("_"), s = g(r);
-        if (a.cursor.month() !== s.month()) {
-          M(s);
+import { ref as a, computed as s, unref as v } from "vue";
+import { useDebounceFn as f } from "./index215.js";
+const p = (u) => {
+  const e = a(0), r = s(() => v(u.items)), t = a([]), n = async (...l) => {
+    if (Array.isArray(r.value))
+      t.value = r.value;
+    else if (typeof r.value == "function") {
+      const i = ++e.value;
+      try {
+        const o = await r.value(...l);
+        if (i < e.value) {
+          e.value--;
           return;
-        }
-        const t = V.value.flat().find((i) => i.id === r);
-        if (!t || t.disabled) return;
-        M(s), j(t);
-      }
-    }, j = (e) => {
-      a.range ? W(e) : a.multiple ? q(e) : z(e);
-    }, W = (e) => {
-      if (Array.isArray(a.modelValue))
-        if (a.modelValue.length !== 1) {
-          const r = [p(e.original, a.floating)];
-          n("update:modelValue", r);
-        } else {
-          const r = N([
-            a.modelValue[0],
-            p(e.original, a.floating)
-          ]);
-          n("update:modelValue", r);
-        }
-    }, q = (e) => {
-      if (Array.isArray(a.modelValue))
-        if (e.selected) {
-          const r = p(e.original, a.floating), s = a.modelValue.filter((t) => t !== r);
-          n("update:modelValue", s);
-        } else {
-          const r = N([
-            ...a.modelValue,
-            p(e.original, a.floating)
-          ]);
-          n("update:modelValue", r);
-        }
-    }, z = (e) => {
-      e.selected ? n("update:modelValue", null) : n("update:modelValue", p(e.original, a.floating));
-    }, G = () => {
-      const e = a.cursor.clone().add(1, "day");
-      d(e) || (n("update:cursor", e), l());
-    }, J = () => {
-      const e = a.cursor.clone().subtract(1, "day");
-      d(e) || (n("update:cursor", e), l());
-    }, Q = () => {
-      const e = a.cursor.clone().subtract(1, "week");
-      d(e) || (n("update:cursor", e), l());
-    }, X = () => {
-      const e = a.cursor.clone().add(1, "week");
-      d(e) || (n("update:cursor", e), l());
-    }, Z = () => {
-      const e = a.cursor.clone().endOf("week");
-      d(e) || (n("update:cursor", e), l());
-    }, ee = () => {
-      const e = a.cursor.clone().startOf("week");
-      d(e) || (n("update:cursor", e), l());
-    }, te = (e) => {
-      if (e.shiftKey) {
-        const r = a.cursor.clone().subtract(1, "year");
-        if (d(r)) return;
-        n("update:cursor", r);
-      } else {
-        const r = a.cursor.clone().subtract(1, "month");
-        if (d(r)) return;
-        n("update:cursor", r);
+        } else
+          t.value = o;
+      } catch (o) {
+        console.error(o);
       }
-      l();
-    }, ae = (e) => {
-      if (e.shiftKey) {
-        const r = a.cursor.clone().add(1, "year");
-        if (d(r)) return;
-        n("update:cursor", r);
-      } else {
-        const r = a.cursor.clone().add(1, "month");
-        if (d(r)) return;
-        n("update:cursor", r);
-      }
-      l();
-    };
-    return (e, r) => (u(), c("div", {
-      ref_key: "calendar",
-      ref: h,
-      "aria-label": "Calendar dates",
-      class: O(["bb-base-date-picker__days-selector", { "bb-base-date-picker__days-selector--hidden": !e.current }]),
-      role: "grid",
-      onKeydown: [
-        f(m(X, ["prevent"]), ["down"]),
-        f(m(Z, ["prevent"]), ["end"]),
-        f(m(ee, ["prevent"]), ["home"]),
-        f(m(J, ["prevent"]), ["left"]),
-        f(m(ae, ["prevent"]), ["page-down"]),
-        f(m(te, ["prevent"]), ["page-up"]),
-        f(m(G, ["prevent"]), ["right"]),
-        f(m(Q, ["prevent"]), ["up"])
-      ]
-    }, [
-      ge(Se, {
-        direction: D.value,
-        gap: 30
-      }, {
-        default: he(() => [
-          (u(), c("div", {
-            key: e.cursor.month().toString(),
-            class: "bb-base-date-picker__month"
-          }, [
-            E("div", De, [
-              (u(!0), c(w, null, S(Y.value, (s) => (u(), c("div", {
-                key: s.id,
-                abbr: s.accessibleLabel,
-                class: "bb-base-date-picker__header-cell"
-              }, x(s.label), 9, Me))), 128))
-            ]),
-            (u(!0), c(w, null, S(V.value, (s) => (u(), c("div", {
-              key: s[0].id,
-              class: "bb-base-date-picker__week"
-            }, [
-              (u(!0), c(w, null, S(s, (t) => (u(), c("div", {
-                key: t.id,
-                class: O({
-                  "bb-base-date-picker__date--current": t.current,
-                  "bb-base-date-picker__date--disabled": e.disabled || t.disabled,
-                  "bb-base-date-picker__date--first": t.first,
-                  "bb-base-date-picker__date--highlighted": t.highlighted,
-                  "bb-base-date-picker__date--last": t.last,
-                  "bb-base-date-picker__date--middle": t.middle,
-                  "bb-base-date-picker__date--selected": t.selected,
-                  "bb-base-date-picker__date--today": t.today,
-                  "bb-base-date-picker__date": !0
-                })
-              }, [
-                E("button", {
-                  id: t.buttonId,
-                  "aria-current": t.today ? "date" : void 0,
-                  "aria-label": `${t.original.format("dddd, MMMM D, YYYY")}${t.selected ? ", selected" : ""}`,
-                  "aria-selected": t.selected,
-                  class: O("bb-base-date-picker__date-button"),
-                  disabled: e.disabled || t.disabled,
-                  tabindex: Number(t.current) - 1,
-                  type: "button",
-                  role: "gridcell",
-                  onClick: U
-                }, x(t.label), 9, Be),
-                C(e.$slots, "day", {
-                  first: t.first,
-                  highlighted: t.highlighted,
-                  item: t.original,
-                  label: t.label,
-                  last: t.last,
-                  middle: t.middle,
-                  selected: t.selected
-                }),
-                C(e.$slots, t.slotName, {
-                  first: t.first,
-                  highlighted: t.highlighted,
-                  item: t.original,
-                  label: t.label,
-                  last: t.last,
-                  middle: t.middle,
-                  selected: t.selected
-                })
-              ], 2))), 128))
-            ]))), 128))
-          ]))
-        ]),
-        _: 3
-      }, 8, ["direction"])
-    ], 42, Ve));
-  }
-});
+      e.value--;
+    }
+  }, c = f(n, u.debounce || 0);
+  return {
+    getter: n,
+    debouncedGetter: c,
+    items: t,
+    loading: s(() => !!e.value)
+  };
+};
 export {
-  Pe as default
+  p as useItemsGetter
 };

package/dist/index266.js

@@ -1,54 +1,18 @@
-import { defineComponent as p, ref as b, watch as _, computed as m, createElementBlock as d, openBlock as c, normalizeClass as u, createElementVNode as t, createVNode as h, withCtx as f, toDisplayString as o } from "vue";
-import k from "./index345.js";
-const y = { class: "bb-base-date-picker__year-container" }, v = {
-  "aria-live": "polite",
-  class: "bb-base-date-picker__selected-day-label"
-}, B = { class: "bb-base-date-picker__weekday" }, D = { class: "bb-base-date-picker__monthday" }, M = { class: "bb-base-date-picker__month-button" }, C = /* @__PURE__ */ p({
-  __name: "BaseDatePickerHeader",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean },
-    hidden: { type: Boolean }
-  },
-  emits: ["mode:year", "mode:month"],
-  setup(n) {
-    const s = n, r = b("top"), l = (e, a) => {
-      e && a && (r.value = e.isBefore(a) ? "top" : "bottom");
-    };
-    _(
-      () => s.cursor,
-      (e, a) => {
-        l(e, a);
-      }
-    );
-    const i = m(() => s.cursor.format("YYYY"));
-    return (e, a) => (c(), d("div", {
-      class: u(["bb-base-date-picker__header", { "bb-base-date-picker__header--hidden": e.hidden }])
-    }, [
-      t("div", y, [
-        h(k, {
-          direction: r.value,
-          duration: 500,
-          gap: 30
-        }, {
-          default: f(() => [
-            (c(), d("span", {
-              key: i.value,
-              "aria-live": "polite",
-              class: "bb-base-date-picker__year-button"
-            }, o(i.value), 1))
-          ]),
-          _: 1
-        }, 8, ["direction"])
-      ]),
-      t("div", v, [
-        t("span", B, o(e.cursor.format("ddd")) + ", ", 1),
-        t("span", D, o(e.cursor.format("DD")), 1),
-        t("span", M, o(e.cursor.format("MMMM")), 1)
-      ])
-    ], 2));
-  }
-});
+import { isNotNil as n } from "./index144.js";
+import { ref as t, onServerPrefetch as u, onBeforeMount as c } from "vue";
+const h = ({
+  fn: i,
+  onStart: s,
+  multiple: f,
+  currentValue: o
+}) => {
+  const a = s || !f && n(o) || f && !!o.length, e = t(!1), l = t(!1), r = async () => {
+    e.value = !0, await i({ prefill: !0 }), e.value = !1, l.value = !0;
+  };
+  return a && (u(r), c(async () => {
+    l.value || await r();
+  })), { isPrefilling: e, hasPrefilled: l, prefill: r };
+};
 export {
-  C as default
+  h as usePrefill
 };

package/dist/index267.js

@@ -1,54 +1,19 @@
-import { defineComponent as b, computed as c, createElementBlock as l, openBlock as a, createElementVNode as h, Fragment as p, renderList as k, createBlock as f, normalizeClass as y, withCtx as M, createTextVNode as x, toDisplayString as B } from "vue";
-import C from "./index13.js";
-/* empty css        */
-const v = {
-  "aria-label": "Month selector",
-  class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector",
-  role: "listbox"
-}, g = { class: "content" }, N = /* @__PURE__ */ b({
-  __name: "BaseDatePickerMonthSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:month"],
-  setup(d, { emit: i }) {
-    const o = d, m = i, u = c(() => o.cursor.month()), _ = c(() => {
-      const t = o.cursor.clone().startOf("year"), n = u.value;
-      return Array.from({ length: 12 }, (e, r) => {
-        const s = t.add(r, "month");
-        return {
-          text: s.format("MMMM"),
-          key: s.unix(),
-          selected: r === n,
-          handler: () => m("update:month", r)
-        };
-      });
-    });
-    return (t, n) => (a(), l("div", v, [
-      h("div", g, [
-        (a(!0), l(p, null, k(_.value, (e) => (a(), f(C, {
-          key: e.key,
-          "aria-label": e.text,
-          "aria-selected": e.selected,
-          class: y({
-            content__btn: !0,
-            "content__btn--selected": e.selected
-          }),
-          disabled: t.disabled,
-          role: "option",
-          type: "button",
-          onClick: e.handler
-        }, {
-          default: M(() => [
-            x(B(e.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["aria-label", "aria-selected", "class", "disabled", "onClick"]))), 128))
-      ])
-    ]));
-  }
-});
+import { computed as u, unref as a } from "vue";
+import { hash as d } from "./index263.js";
+const p = ({
+  items: m,
+  key: e
+}) => {
+  const n = (t) => e ? String(t[e]) : d(t), o = u(() => {
+    const t = {}, s = Array.from(a(m) ?? []);
+    for (let r = 0; r < s.length; r++) {
+      const c = s[r];
+      t[n(c)] = c;
+    }
+    return t;
+  });
+  return { data: o, get: (t) => o.value[n(t)] };
+};
 export {
-  N as default
+  p as useIndexById
 };

package/dist/index268.js

@@ -1,34 +1,53 @@
-import { defineComponent as c, createBlock as l, openBlock as m, Transition as u, withCtx as f, renderSlot as d } from "vue";
-const y = /* @__PURE__ */ c({
-  __name: "ScaleFade",
-  props: {
-    duration: { default: 200 },
-    scaleFrom: { default: 0.97 }
-  },
-  setup(n) {
-    const t = n, a = (s) => {
-      const e = s;
-      e.style.opacity = "0", e.style.transform = `scale(${t.scaleFrom})`, e.style.transformOrigin = "center top";
-    }, r = (s, e) => {
-      const o = s;
-      o.style.transition = `opacity ${t.duration}ms ease-out, transform ${t.duration}ms cubic-bezier(0.34, 1.56, 0.64, 1)`, o.offsetHeight, o.style.opacity = "1", o.style.transform = "scale(1)", setTimeout(e, t.duration);
-    }, i = (s, e) => {
-      const o = s;
-      o.style.transition = `opacity ${t.duration}ms ease-in, transform ${t.duration}ms ease-in`, o.style.opacity = "0", o.style.transform = `scale(${t.scaleFrom})`, setTimeout(e, t.duration);
+import { computed as l, unref as o } from "vue";
+import { useItemText as x } from "./index321.js";
+import { useItemValue as w } from "./index264.js";
+import { hash as y } from "./index263.js";
+import { useLogger as D } from "./index233.js";
+const { getItemText: O } = x(), { getItemValue: V } = w(), { warn: H } = D(), T = (u, c, m, a, d, r) => r ? !1 : !!(c || u.disabled || a && d >= a), q = ({
+  items: u,
+  disabled: c,
+  selectable: m,
+  itemText: a,
+  itemValue: d,
+  selectedIndexedByHash: r,
+  max: b = 1 / 0
+}) => {
+  const v = l(() => o(c)), p = l(() => o(u)), h = l(
+    () => Object.keys(r.value).length
+  ), g = o(b), f = (e) => {
+    const n = V(e, o(d)), t = y(n), i = O(e, o(a)), s = r.value[t] !== void 0, I = T(
+      e,
+      v.value,
+      m,
+      g,
+      h.value,
+      s
+    );
+    return {
+      item: e,
+      text: i,
+      value: n,
+      valueHash: t,
+      selected: s,
+      disabled: o(I)
     };
-    return (s, e) => (m(), l(u, {
-      css: !1,
-      onBeforeEnter: a,
-      onEnter: r,
-      onLeave: i
-    }, {
-      default: f(() => [
-        d(s.$slots, "default")
-      ]),
-      _: 3
-    }));
-  }
-});
+  };
+  return {
+    options: l(() => {
+      const e = [], n = /* @__PURE__ */ new Set();
+      for (let t = 0; t < p.value.length; t++) {
+        const i = p.value[t];
+        i.disabled && H(
+          "Disabling an item by passing a disabled option to the item itself is deprecated and will be removed in a future version. Use the `disabled` prop or the `selectable` iteratee prop instead."
+        );
+        const s = f(i);
+        n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
+      }
+      return e;
+    }),
+    createOption: f
+  };
+};
 export {
-  y as default
+  q as useBaseOptions
 };

package/dist/index269.js

@@ -1,62 +1,14 @@
-import { defineComponent as g, ref as i, computed as d, onMounted as h, createElementBlock as m, openBlock as u, createElementVNode as y, Fragment as x, renderList as B, createBlock as C, normalizeClass as S, withCtx as T, createTextVNode as E, toDisplayString as w } from "vue";
-import { range as H } from "./index346.js";
-import M from "./index13.js";
-/* empty css        */
-const n = 10, l = 3, V = /* @__PURE__ */ g({
-  __name: "BaseDatePickerYearSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:year"],
-  setup(p, { emit: _ }) {
-    const f = p, b = _, o = i(), r = d(() => f.cursor.year()), c = i(r.value - n * l), s = i(r.value + n * l), v = d(
-      () => H(c.value, s.value).map((e) => ({
-        text: e,
-        key: e,
-        selected: e === r.value,
-        handler: () => b("update:year", e)
-      }))
-    ), k = (e) => {
-      const t = e.target;
-      t.scrollTop <= 100 ? c.value = Math.max(
-        c.value - n * l,
-        r.value - 200
-      ) : t.scrollHeight - t.scrollTop === t.clientHeight && (s.value = Math.min(s.value + n * l, 2101));
-    };
-    return h(() => {
-      if (!o.value) return;
-      const e = o.value.querySelector(
-        ".content__btn--selected"
-      );
-      e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
-    }), (e, t) => (u(), m("div", {
-      ref_key: "container",
-      ref: o,
-      class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
-    }, [
-      y("div", {
-        class: "content",
-        onScrollPassive: k
-      }, [
-        (u(!0), m(x, null, B(v.value, (a) => (u(), C(M, {
-          key: a.key,
-          class: S({
-            content__btn: !0,
-            "content__btn--selected": a.selected
-          }),
-          disabled: e.disabled,
-          onClick: a.handler
-        }, {
-          default: T(() => [
-            E(w(a.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ], 32)
-    ], 512));
-  }
-});
+import { hash as e } from "./index263.js";
+import { debouncedWatch as s } from "./index215.js";
+const n = (o, c, h) => {
+  s(
+    o,
+    (r, t) => {
+      e(r) !== e(t) && c(r, t);
+    },
+    h
+  );
+};
 export {
-  V as default
+  n as useHashedWatcher
 };

package/dist/index27.js

@@ -1,5 +1,5 @@
 import { defineComponent as S, computed as r, ref as V, watchPostEffect as N, nextTick as D, createElementBlock as u, openBlock as i, normalizeClass as I, createBlock as B, createVNode as E, createElementVNode as d, resolveDynamicComponent as P, normalizeProps as o, guardReactiveProps as s, withCtx as b, renderSlot as C, createTextVNode as q, toDisplayString as h, unref as f, Transition as F, createCommentVNode as G, TransitionGroup as M, Fragment as R, renderList as j } from "vue";
-import { deburr as x } from "./index251.js";
+import { deburr as x } from "./index228.js";
 import { getAsPercentage as k } from "./index139.js";
 import { useId as J } from "./index8.js";
 const K = ["id"], O = { class: "bb-base-input-container__hint" }, Y = /* @__PURE__ */ S({