bitboss-ui 2.0.170 → 2.0.172

package/dist/index219.js

@@ -1,252 +1,4 @@
-import { defineComponent as le, ref as A, computed as _, watch as ce, createElementBlock as c, openBlock as u, withKeys as f, normalizeClass as k, withModifiers as p, createVNode as ue, withCtx as fe, createElementVNode as M, Fragment as O, renderList as S, toDisplayString as C, renderSlot as L, nextTick as pe } from "vue";
-import { chunk as be } from "./index336.js";
-import { identity as T } from "./index263.js";
-import { isNotNil as me } from "./index140.js";
-import { last as ge } from "./index217.js";
-import { sort as E } from "./index337.js";
-import b from "./index209.js";
-import he from "./index222.js";
-const ye = ["onKeydown"], _e = { class: "bb-base-date-picker__header-container" }, ke = ["abbr"], Oe = ["id", "disabled", "tabindex"], Ce = /* @__PURE__ */ le({
-  __name: "BaseDatePickerInputDaySelector",
-  props: {
-    cursor: {},
-    current: { type: Boolean },
-    disabled: { type: Boolean },
-    firstDayOfWeek: {},
-    id: {},
-    modelValue: {},
-    max: {},
-    min: {},
-    selectable: { type: Function },
-    range: { type: Boolean },
-    multiple: { type: Boolean },
-    readonly: { type: Boolean }
-  },
-  emits: ["update:modelValue", "update:cursor"],
-  setup(N, { emit: x }) {
-    const a = N, s = x, g = A(null), R = b().startOf("day"), m = _(() => {
-      let e = 1 / 0, r = -1 / 0, o = {};
-      return a.modelValue && [].concat(a.modelValue).filter(T).map((i) => b(i).startOf("day")).map((i) => i.valueOf()).forEach((i, h) => {
-        i < e && (e = i), i > r && (r = i), o[i] = h;
-      }), {
-        min: e,
-        max: r,
-        index: (t) => o[t.valueOf()],
-        selected: (t) => me(o[t.valueOf()]),
-        isFirstOfRange: (t) => t.valueOf() === e,
-        isLastOfRange: (t) => t.valueOf() === r,
-        isBetween: (t) => t.valueOf() > e && t.valueOf() < r
-      };
-    }), K = _(() => new Array(7).fill("").map((e, r) => b().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 = _(() => {
-      const e = a.cursor.year().toString(), r = a.cursor.month().toString();
-      let t = a.cursor.clone().startOf("month").clone().startOf("week"), h = a.cursor.clone().endOf("month").clone().endOf("week"), Z = b(a.cursor).startOf("day"), D = [];
-      for (let n = t; n.isBefore(h); n = n.add(1, "day"))
-        D.push(n.clone());
-      const ee = D.map((n) => {
-        const y = n.toISOString(), te = n.week().toString();
-        let re = m.value.selected(n);
-        const B = a.range && m.value.isFirstOfRange(n), I = a.range && m.value.isLastOfRange(n), ae = a.range && !B && !I && m.value.isBetween(n), oe = n.month().toString() === r && n.year().toString() === e, ne = n.isSame(R), se = n.isSame(Z), ie = d(n), de = n.get("D").toString();
-        return {
-          buttonId: [a.id, y].filter(T).join("_"),
-          current: se,
-          disabled: ie,
-          first: B,
-          highlighted: oe,
-          id: y,
-          label: de,
-          last: I,
-          middle: ae,
-          original: n,
-          selected: re,
-          slotName: y,
-          today: ne,
-          week: te
-        };
-      });
-      return be(ee, 7);
-    }), d = (e) => {
-      let r = !0;
-      return a.min && r && (r = e.isSameOrAfter(b(a.min).startOf("day"))), a.max && r && (r = e.isSameOrBefore(b(a.max).startOf("day"))), typeof a.selectable == "function" && r && (r = a.selectable(e.toDate())), !r;
-    }, w = A("left"), F = (e, r) => {
-      e && r && (w.value = e.isBefore(r) ? "left" : "right");
-    };
-    ce(
-      () => a.cursor,
-      (e, r) => {
-        F(e, r);
-      }
-    );
-    const V = (e) => s("update:cursor", e), l = async () => {
-      if (!g.value) return;
-      await pe();
-      const e = ge([
-        ...g.value.querySelectorAll(
-          ".bb-base-date-picker__date--current button"
-        )
-      ]);
-      e instanceof HTMLElement && e.focus();
-    }, H = (e) => {
-      if (!a.readonly && e.target instanceof HTMLButtonElement) {
-        const [, r] = e.target.id.split("_"), o = b(r);
-        if (a.cursor.month() !== o.month()) {
-          V(o);
-          return;
-        }
-        const t = v.value.flat().find((i) => i.id === r);
-        if (t.disabled) return;
-        V(o), P(t);
-      }
-    }, P = (e) => {
-      a.range ? U(e) : a.multiple ? j(e) : W(e);
-    }, U = (e) => {
-      if (!Array.isArray(a.modelValue)) return;
-      const r = e.original.toISOString();
-      if (a.modelValue.length !== 1) s("update:modelValue", [r]);
-      else {
-        const o = E([a.modelValue[0], e.original.toISOString()]);
-        s("update:modelValue", o);
-      }
-    }, j = (e) => {
-      if (Array.isArray(a.modelValue))
-        if (e.selected) {
-          const r = e.original.toISOString(), o = a.modelValue.filter((t) => t !== r);
-          s("update:modelValue", o);
-        } else {
-          const r = E([...a.modelValue, e.original.toISOString()]);
-          s("update:modelValue", r);
-        }
-    }, W = (e) => {
-      e.selected ? s("update:modelValue", null) : s("update:modelValue", e.original.toISOString());
-    }, $ = () => {
-      const e = a.cursor.clone().add(1, "day");
-      d(e) || (s("update:cursor", e), l());
-    }, q = () => {
-      const e = a.cursor.clone().subtract(1, "day");
-      d(e) || (s("update:cursor", e), l());
-    }, z = () => {
-      const e = a.cursor.clone().subtract(1, "week");
-      d(e) || (s("update:cursor", e), l());
-    }, G = () => {
-      const e = a.cursor.clone().add(1, "week");
-      d(e) || (s("update:cursor", e), l());
-    }, J = () => {
-      const e = a.cursor.clone().endOf("week");
-      d(e) || (s("update:cursor", e), l());
-    }, Q = () => {
-      const e = a.cursor.clone().startOf("week");
-      d(e) || (s("update:cursor", e), l());
-    }, X = (e) => {
-      if (e.shiftKey) {
-        const r = a.cursor.clone().subtract(1, "year");
-        if (d(r)) return;
-        s("update:cursor", r);
-      } else {
-        const r = a.cursor.clone().subtract(1, "month");
-        if (d(r)) return;
-        s("update:cursor", r);
-      }
-      l();
-    }, Y = (e) => {
-      if (e.shiftKey) {
-        const r = a.cursor.clone().add(1, "year");
-        if (d(r)) return;
-        s("update:cursor", r);
-      } else {
-        const r = a.cursor.clone().add(1, "month");
-        if (d(r)) return;
-        s("update:cursor", r);
-      }
-      l();
-    };
-    return (e, r) => (u(), c("div", {
-      ref_key: "calendar",
-      ref: g,
-      class: k(["bb-base-date-picker__days-selector", { "bb-base-date-picker__days-selector--hidden": !e.current }]),
-      onKeydown: [
-        f(p(G, ["prevent"]), ["down"]),
-        f(p(J, ["prevent"]), ["end"]),
-        f(p(Q, ["prevent"]), ["home"]),
-        f(p(q, ["prevent"]), ["left"]),
-        f(p(Y, ["prevent"]), ["page-down"]),
-        f(p(X, ["prevent"]), ["page-up"]),
-        f(p($, ["prevent"]), ["right"]),
-        f(p(z, ["prevent"]), ["up"])
-      ]
-    }, [
-      ue(he, {
-        direction: w.value,
-        gap: 30
-      }, {
-        default: fe(() => [
-          (u(), c("div", {
-            key: e.cursor.month().toString(),
-            class: "bb-base-date-picker__month"
-          }, [
-            M("div", _e, [
-              (u(!0), c(O, null, S(K.value, (o) => (u(), c("div", {
-                key: o.id,
-                abbr: o.accessibleLabel,
-                class: "bb-base-date-picker__header-cell"
-              }, C(o.label), 9, ke))), 128))
-            ]),
-            (u(!0), c(O, null, S(v.value, (o) => (u(), c("div", {
-              key: o[0].id,
-              class: "bb-base-date-picker__week"
-            }, [
-              (u(!0), c(O, null, S(o, (t) => (u(), c("div", {
-                key: t.id,
-                class: k({
-                  "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
-                })
-              }, [
-                M("button", {
-                  id: t.buttonId,
-                  class: k("bb-base-date-picker__date-button"),
-                  disabled: e.disabled || t.disabled,
-                  tabindex: Number(t.current) - 1,
-                  type: "button",
-                  onClick: H
-                }, C(t.label), 9, Oe),
-                L(e.$slots, "day", {
-                  first: t.first,
-                  highlighted: t.highlighted,
-                  item: t.original,
-                  label: t.label,
-                  last: t.last,
-                  middle: t.middle,
-                  selected: t.selected
-                }),
-                L(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, ye));
-  }
-});
+const e = (t) => t;
 export {
-  Ce as default
+  e as identity
 };

package/dist/index220.js

@@ -1,54 +1,43 @@
-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 "./index222.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 { unrefElement as g } from "./index137.js";
+import { toArray as A, notNullish as D, tryOnScopeDispose as y } from "./index206.js";
+import { createFocusTrap as F } from "./index291.js";
+import { shallowRef as n, computed as T, toValue as i, watch as w } from "vue";
+function N(f, a = {}) {
+  let t;
+  const { immediate: l, ...p } = a, o = n(!1), r = n(!1), c = (e) => t && t.activate(e), u = (e) => t && t.deactivate(e), v = () => {
+    t && (t.pause(), r.value = !0);
+  }, m = () => {
+    t && (t.unpause(), r.value = !1);
+  }, h = T(() => {
+    const e = i(f);
+    return A(e).map((d) => {
+      const s = i(d);
+      return typeof s == "string" ? s : g(s);
+    }).filter(D);
+  });
+  return w(
+    h,
+    (e) => {
+      e.length && (t = F(e, {
+        ...p,
+        onActivate() {
+          o.value = !0, a.onActivate && a.onActivate();
+        },
+        onDeactivate() {
+          o.value = !1, a.onDeactivate && a.onDeactivate();
+        }
+      }), l && c());
+    },
+    { flush: "post" }
+  ), y(() => u()), {
+    hasFocus: o,
+    isPaused: r,
+    activate: c,
+    deactivate: u,
+    pause: v,
+    unpause: m
+  };
+}
 export {
-  C as default
+  N as useFocusTrap
 };

package/dist/index221.js

@@ -1,46 +1,8 @@
-import { defineComponent as _, computed as a, createElementBlock as c, openBlock as o, createElementVNode as p, Fragment as b, renderList as h, createBlock as k, normalizeClass as f, withCtx as y, createTextVNode as x, toDisplayString as B } from "vue";
-import C from "./index13.js";
-/* empty css        */
-const M = { class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector" }, v = { class: "content" }, E = /* @__PURE__ */ _({
-  __name: "BaseDatePickerMonthSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:month"],
-  setup(l, { emit: d }) {
-    const s = l, m = d, i = a(() => s.cursor.month()), u = a(
-      () => new Array(12).fill(0).map((r, t) => {
-        const n = s.cursor.clone().startOf("year").add(t, "month");
-        return {
-          text: n.format("MMMM"),
-          key: n.unix(),
-          selected: n.month() === i.value,
-          handler: () => m("update:month", t)
-        };
-      })
-    );
-    return (r, t) => (o(), c("div", M, [
-      p("div", v, [
-        (o(!0), c(b, null, h(u.value, (e) => (o(), k(C, {
-          key: e.key,
-          class: f({
-            content__btn: !0,
-            "content__btn--selected": e.selected
-          }),
-          disabled: r.disabled,
-          type: "button",
-          onClick: e.handler
-        }, {
-          default: y(() => [
-            x(B(e.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ])
-    ]));
-  }
+const o = (e, t = 50) => new Promise((r) => {
+  const n = setInterval(() => {
+    e() && (clearInterval(n), r());
+  }, t);
 });
 export {
-  E as default
+  o as waitFor
 };

package/dist/index222.js

@@ -1,7 +1,9 @@
-import o from "./index303.js";
-/* empty css         */
-import t from "./index305.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
+import { ref as e } from "vue";
+const o = e(0), s = () => {
+  o.value++;
+}, a = () => {
+  o.value--;
+}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
 export {
-  m as default
+  d as useModalsState
 };

package/dist/index223.js

@@ -1,62 +1,17 @@
-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 "./index338.js";
-import M from "./index13.js";
-/* empty css        */
-const n = 10, l = 3, V = /* @__PURE__ */ g({
-  __name: "BaseDatePickerYearSelector",
+import { defineComponent as a, getCurrentInstance as c, createBlock as l, openBlock as u, Teleport as f, unref as d, renderSlot as m } from "vue";
+const i = /* @__PURE__ */ a({
+  __name: "BbTeleport",
   props: {
-    cursor: {},
-    disabled: { type: Boolean }
+    target: {}
   },
-  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));
+  setup(o) {
+    var t, e;
+    const r = o, n = !!((e = (t = c()) == null ? void 0 : t.proxy) != null && e.$nuxt), p = r.target || (n ? "#teleports" : "body");
+    return (s, _) => (u(), l(f, { to: d(p) }, [
+      m(s.$slots, "default")
+    ], 8, ["to"]));
   }
 });
 export {
-  V as default
+  i as default
 };

package/dist/index224.js

@@ -1,15 +1,7 @@
-import { locales as t } from "./index306.js";
-import { _config as m } from "./index4.js";
-import { get as c } from "./index307.js";
-import { readonly as l, computed as n } from "vue";
-const p = (o, ...r) => l(
-  n(() => c(t[m.locale], o).replace(
-    /\{(\d+)\}/g,
-    (a, e) => r[e]
-  ))
-), d = () => ({
-  t: p
-});
+import { getDefaultExportFromCjs as r } from "./index308.js";
+import { __require as o } from "./index295.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
 export {
-  d as useLocale
+  s as default
 };

package/dist/index225.js

@@ -1,4 +1,11 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+function u(e, i) {
+  let t;
+  return function(...o) {
+    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
+      e.apply(this, o);
+    }, i);
+  };
+}
 export {
-  s as isCssColor
+  u as debounce
 };

package/dist/index226.js

@@ -1,6 +1,7 @@
-import { curry as e } from "./index308.js";
-const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
+import { getDefaultExportFromCjs as r } from "./index308.js";
+import { __require as o } from "./index297.js";
+var t = o();
+const m = /* @__PURE__ */ r(t);
 export {
-  t as baseWhen,
-  s as when
+  m as default
 };

package/dist/index227.js

@@ -1,4 +1,7 @@
-const o = (e) => typeof e == "boolean" ? e : e === "true";
+import { getDefaultExportFromCjs as r } from "./index308.js";
+import { __require as e } from "./index299.js";
+var o = e();
+const m = /* @__PURE__ */ r(o);
 export {
-  o as booleanishToBoolean
+  m as default
 };

package/dist/index228.js

@@ -1,36 +1,7 @@
-import { defineComponent as p, getCurrentInstance as a, resolveComponent as u, createBlock as f, openBlock as k, resolveDynamicComponent as g, unref as d, withCtx as b, renderSlot as x } from "vue";
-import { _config as e } from "./index4.js";
-import { useLogger as l } from "./index218.js";
-const $ = /* @__PURE__ */ p({
-  __name: "RouterComponent",
-  setup(y) {
-    var o, i, r, s;
-    const m = !!((i = (o = a()) == null ? void 0 : o.proxy) != null && i.$inertia), c = !!((s = (r = a()) == null ? void 0 : r.proxy) != null && s.$nuxt);
-    let t;
-    if (m) {
-      if (t = u(e.inertiaLinkName), typeof t == "string") {
-        const { warn: n } = l();
-        n(
-          `Inertia link component "${e.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
-        );
-      }
-    } else if (c) {
-      if (t = u(e.nuxtLinkName), typeof t == "string") {
-        const { warn: n } = l();
-        n(
-          `Nuxt link component "${e.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
-        );
-      }
-    } else
-      t = "router-link";
-    return (n, L) => (k(), f(g(d(t)), null, {
-      default: b(() => [
-        x(n.$slots, "default")
-      ]),
-      _: 3
-    }));
-  }
-});
+import { getDefaultExportFromCjs as r } from "./index308.js";
+import { __require as e } from "./index301.js";
+var t = e();
+const m = /* @__PURE__ */ r(t);
 export {
-  $ as default
+  m as default
 };

package/dist/index229.js

@@ -1,4 +1,7 @@
-const o = (e) => e[0];
+import { getDefaultExportFromCjs as r } from "./index308.js";
+import { __require as e } from "./index303.js";
+var o = e();
+const m = /* @__PURE__ */ r(o);
 export {
-  o as head
+  m as default
 };