bitboss-ui 2.1.84 → 2.1.85

package/dist/index228.js

@@ -1,4 +1,270 @@
-const e = (t) => t;
+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 "./index329.js";
+import { identity as L } from "./index290.js";
+import { isNotNil as ke } from "./index144.js";
+import { last as ve } from "./index225.js";
+import { sort as N } from "./index330.js";
+import { validateDateFormat as R } from "./index226.js";
+import { toInnerValue as Oe, toOuterValue as p } from "./index331.js";
+import { isDateDisabled as we } from "./index332.js";
+import g from "./index220.js";
+import Se from "./index327.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);
+          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);
+      }
+      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));
+  }
+});
 export {
-  e as identity
+  Pe as default
 };

package/dist/index229.js

@@ -1,5 +1,54 @@
-import { isNil as r } from "./index242.js";
-const e = (t) => r(t) ? !0 : Array.isArray(t) || typeof t == "string" ? t.length === 0 : t instanceof Map || t instanceof Set ? t.size === 0 : typeof t == "number" ? Number.isNaN(t) : typeof t == "boolean" || typeof t == "function" ? !1 : typeof t == "object" ? "length" in t && typeof t.length == "number" ? t.length === 0 : Object.keys(t).length === 0 : !1;
+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 "./index327.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 {
-  e as isEmpty
+  C as default
 };

package/dist/index23.js

@@ -1,23 +1,23 @@
 import { defineComponent as Ye, watchEffect as Ie, ref as y, computed as h, watch as N, onBeforeUnmount as Fe, createBlock as Ee, openBlock as A, normalizeClass as _, withCtx as g, createElementVNode as p, createVNode as H, unref as f, createElementBlock as W, withDirectives as we, createCommentVNode as Ae, toDisplayString as U, mergeProps as ae, withModifiers as Be, renderSlot as Y } from "vue";
 import { _config as te } from "./index4.js";
-import c from "./index222.js";
-import Ce from "./index223.js";
-import ne from "./index224.js";
-import Le from "./index225.js";
-import Oe from "./index226.js";
-import Pe from "./index227.js";
-import { identity as Re } from "./index228.js";
-import { isEmpty as qe } from "./index229.js";
+import c from "./index220.js";
+import Ce from "./index287.js";
+import ne from "./index288.js";
+import Le from "./index221.js";
+import Oe from "./index222.js";
+import Pe from "./index289.js";
+import { identity as Re } from "./index290.js";
+import { isEmpty as qe } from "./index275.js";
 import { useId as Te } from "./index8.js";
-import { useLocale as je } from "./index230.js";
+import { useLocale as je } from "./index233.js";
 import { useMobile as Ne } from "./index9.js";
-import { vMaska as _e } from "./index231.js";
+import { vMaska as _e } from "./index238.js";
 import He from "./index21.js";
 /* empty css        */
 import We from "./index136.js";
 /* empty css         */
 import Ue from "./index138.js";
-import Ke from "./index232.js";
+import Ke from "./index241.js";
 /* empty css         */
 const ze = { class: "bb-base-date-picker-input__inner-wrapper" }, Ge = ["id", "aria-invalid", "aria-label", "autocomplete", "autofocus", "disabled", "name", "readonly", "required", "value"], Xe = ["id", "aria-invalid", "aria-label", "autocomplete", "disabled", "name", "readonly", "required", "value"], Ze = ["id", "aria-invalid", "aria-label", "autocomplete", "disabled", "name", "readonly", "required", "value"], Je = ["id", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Qe = ["aria-label", "aria-expanded", "disabled"], xe = ["inert"], K = "DD/MM/YYYY", k = "YYYY-MM-DD", Da = /* @__PURE__ */ Ye({
   __name: "BaseDatePickerInput",

package/dist/index230.js

@@ -1,15 +1,54 @@
-import { locales as t } from "./index309.js";
-import { _config as m } from "./index4.js";
-import { get as c } from "./index273.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 { 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))
+      ])
+    ]));
+  }
 });
 export {
-  d as useLocale
+  N as default
 };

package/dist/index231.js

@@ -1,22 +1,34 @@
-import { MaskInput as r } from "./index262.js";
-const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
-  if (a.arg == null || a.instance == null) return;
-  const s = "setup" in a.instance.$.type;
-  a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
-}, k = (a, n) => {
-  var s;
-  const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
-  if (t == null || t?.type === "file") return;
-  let e = {};
-  if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
-    const l = (o) => {
-      const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
-      p(n, i);
+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);
     };
-    e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
+    return (s, e) => (m(), l(u, {
+      css: !1,
+      onBeforeEnter: a,
+      onEnter: r,
+      onLeave: i
+    }, {
+      default: f(() => [
+        d(s.$slots, "default")
+      ]),
+      _: 3
+    }));
   }
-  u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
-};
+});
 export {
-  k as vMaska
+  y as default
 };