bitboss-ui 2.1.20 → 2.1.22

package/dist/index219.js

@@ -0,0 +1,252 @@
+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 "./index325.js";
+import { identity as T } from "./index243.js";
+import { isNotNil as me } from "./index140.js";
+import { last as ge } from "./index217.js";
+import { sort as E } from "./index326.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));
+  }
+});
+export {
+  Ce as default
+};

package/dist/index220.js

@@ -1,7 +1,54 @@
-import { getDefaultExportFromCjs as r } from "./index312.js";
-import { __require as o } from "./index288.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
+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));
+  }
+});
 export {
-  s as default
+  C as default
 };

package/dist/index221.js

@@ -1,7 +1,46 @@
-import { getDefaultExportFromCjs as r } from "./index312.js";
-import { __require as e } from "./index290.js";
-var t = e();
-const m = /* @__PURE__ */ r(t);
+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))
+      ])
+    ]));
+  }
+});
 export {
-  m as default
+  E as default
 };

package/dist/index222.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./index312.js";
-import { __require as e } from "./index292.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+import o from "./index300.js";
+/* empty css         */
+import t from "./index302.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
 export {
   m as default
 };

package/dist/index223.js

@@ -1,7 +1,62 @@
-import { getDefaultExportFromCjs as r } from "./index312.js";
-import { __require as t } from "./index294.js";
-var o = t();
-const a = /* @__PURE__ */ r(o);
+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 "./index327.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));
+  }
+});
 export {
-  a as default
+  V as default
 };

package/dist/index224.js

@@ -1,7 +1,15 @@
-import { getDefaultExportFromCjs as r } from "./index312.js";
-import { __require as e } from "./index296.js";
-var o = e();
-const m = /* @__PURE__ */ r(o);
+import { locales as t } from "./index303.js";
+import { _config as m } from "./index4.js";
+import { get as c } from "./index304.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
+});
 export {
-  m as default
+  d as useLocale
 };

package/dist/index225.js

@@ -1,7 +1,4 @@
-import { getDefaultExportFromCjs as e } from "./index312.js";
-import { __require as r } from "./index298.js";
-var o = r();
-const p = /* @__PURE__ */ e(o);
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  p as default
+  s as isCssColor
 };

package/dist/index226.js

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

package/dist/index227.js

@@ -1,5 +1,4 @@
-import { hash as o } from "./index306.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
+const o = (e) => typeof e == "boolean" ? e : e === "true";
 export {
-  t as hash
+  o as booleanishToBoolean
 };

package/dist/index228.js

@@ -1,4 +1,4 @@
-const e = (t) => t[t.length - 1];
+const o = (e) => e[0];
 export {
-  e as last
+  o as head
 };

package/dist/index229.js

@@ -1,10 +1,4 @@
-const o = "bitboss-ui | ", e = () => ({
-  warn: (r) => console.warn(`${o}${r}`),
-  error: (r) => console.error(`${o}${r}`),
-  throw: (r) => {
-    throw new Error(`${o}${r}`);
-  }
-});
+const r = (e) => typeof e > "u" || e === null;
 export {
-  e as useLogger
+  r as isNil
 };

package/dist/index23.js

@@ -1,25 +1,25 @@
 import { defineComponent as K, watchEffect as Q, ref as i, computed as g, watch as D, createBlock as C, openBlock as Y, normalizeClass as w, withCtx as s, createElementVNode as n, createVNode as B, createCommentVNode as X, unref as r, withDirectives as x, mergeProps as S, withModifiers as ee, toDisplayString as E, renderSlot as c } from "vue";
 import { _config as te } from "./index4.js";
-import o from "./index220.js";
-import ae from "./index253.js";
-import oe from "./index224.js";
-import ne from "./index221.js";
-import re from "./index222.js";
-import le from "./index223.js";
-import { identity as ie } from "./index245.js";
-import { isEmpty as se } from "./index251.js";
-import { last as de } from "./index228.js";
+import o from "./index209.js";
+import ae from "./index244.js";
+import oe from "./index213.js";
+import ne from "./index210.js";
+import re from "./index211.js";
+import le from "./index212.js";
+import { identity as ie } from "./index243.js";
+import { isEmpty as se } from "./index245.js";
+import { last as de } from "./index217.js";
 import { useId as ue } from "./index8.js";
-import { useLocale as pe } from "./index210.js";
+import { useLocale as pe } from "./index224.js";
 import { useMobile as ce } from "./index9.js";
-import { useUntil as me } from "./index211.js";
-import { vMaska as fe } from "./index212.js";
+import { useUntil as me } from "./index242.js";
+import { vMaska as fe } from "./index246.js";
 import be from "./index21.js";
 /* empty css        */
-import ke from "./index215.js";
+import ke from "./index247.js";
 /* empty css         */
-import ge from "./index217.js";
-import ye from "./index218.js";
+import ge from "./index249.js";
+import ye from "./index250.js";
 /* empty css         */
 const ve = { class: "bb-base-date-picker-input__inner-wrapper" }, Ve = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], he = ["aria-label", "disabled"], Me = ["id"], De = ["inert"], Ze = /* @__PURE__ */ K({
   __name: "BaseDatePickerInput",