bitboss-ui 2.0.33 → 2.0.34

package/dist/index21.js

@@ -1,26 +1,26 @@
 import { defineComponent as ae, ref as o, computed as v, watch as oe, openBlock as w, createBlock as V, normalizeClass as B, withCtx as i, renderSlot as d, createVNode as E, withDirectives as ne, createElementVNode as r, mergeProps as I, unref as c, toDisplayString as F, Teleport as re, normalizeStyle as le, KeepAlive as ie, createCommentVNode as L } from "vue";
-import { useFloating as se } from "./index214.js";
+import { useFloating as se } from "./index215.js";
 import n from "./index201.js";
-import ue from "./index215.js";
+import ue from "./index216.js";
 import de from "./index204.js";
 import ce from "./index202.js";
 import pe from "./index203.js";
-import { identity as me } from "./index216.js";
+import { identity as me } from "./index217.js";
 import { last as fe } from "./index208.js";
-import { useFocusTrap as be } from "./index217.js";
+import { useFocusTrap as be } from "./index218.js";
 import { useId as ve } from "./index8.js";
 import { useIntersectionObserver as ye } from "./index128.js";
 import { useMobile as ge } from "./index9.js";
-import { vMaska as ke } from "./index218.js";
+import { vMaska as ke } from "./index219.js";
 import { wait as he } from "./index127.js";
-import { waitFor as Me } from "./index219.js";
+import { waitFor as Me } from "./index220.js";
 import we from "./index19.js";
 /* empty css        */
-import Ve from "./index220.js";
+import Ve from "./index221.js";
 /* empty css         */
-import Ce from "./index222.js";
-import Ye from "./index223.js";
-import { autoUpdate as Ae, flip as De, offset as Se, shift as _e, hide as $e } from "./index224.js";
+import Ce from "./index223.js";
+import Ye from "./index224.js";
+import { autoUpdate as Ae, flip as De, offset as Se, shift as _e, hide as $e } from "./index225.js";
 const Oe = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Be = ["disabled"], Ee = /* @__PURE__ */ r("svg", {
   fill: "none",
   viewBox: "0 0 16 16",

package/dist/index210.js

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

package/dist/index211.js

@@ -1,46 +1,54 @@
-import { defineComponent as _, computed as a, openBlock as o, createElementBlock as c, 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",
+import { defineComponent as p, ref as b, watch as _, computed as m, openBlock as d, createElementBlock as c, normalizeClass as u, createElementVNode as t, createVNode as h, withCtx as f, toDisplayString as o } from "vue";
+import k from "./index213.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 }
+    disabled: { type: Boolean },
+    hidden: { 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)
-        };
-      })
+  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);
+      }
     );
-    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
+    const i = m(() => s.cursor.format("YYYY"));
+    return (e, a) => (d(), c("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: y(() => [
-            x(B(e.text), 1)
+          default: f(() => [
+            (d(), c("span", {
+              key: i.value,
+              "aria-live": "polite",
+              class: "bb-base-date-picker__year-button"
+            }, o(i.value), 1))
           ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
+          _: 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 default
+  C as default
 };

package/dist/index212.js

@@ -1,7 +1,46 @@
-import o from "./index256.js";
-/* empty css         */
-import t from "./index258.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
+import { defineComponent as _, computed as a, openBlock as o, createElementBlock as c, 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/index213.js

@@ -1,51 +1,7 @@
-import { defineComponent as p, ref as _, computed as b, onMounted as f, openBlock as n, createElementBlock as o, createElementVNode as k, Fragment as y, renderList as h, unref as g, createBlock as v, normalizeClass as x, withCtx as B, createTextVNode as C, toDisplayString as E } from "vue";
-import { range as w } from "./index288.js";
-import D from "./index13.js";
-/* empty css        */
-const S = { class: "content" }, c = 100, V = /* @__PURE__ */ p({
-  __name: "BaseDatePickerYearSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:year"],
-  setup(s, { emit: l }) {
-    const i = s, d = l, r = _(), u = b(() => i.cursor.year()), a = (/* @__PURE__ */ new Date()).getFullYear() - c / 2, m = w(a, a + c).map((e) => ({
-      text: e,
-      key: e,
-      selected: e === u.value,
-      handler: () => d("update:year", e)
-    }));
-    return f(() => {
-      if (!r.value) return;
-      const e = r.value.querySelector(
-        ".content__btn--selected"
-      );
-      e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
-    }), (e, T) => (n(), o("div", {
-      ref_key: "container",
-      ref: r,
-      class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
-    }, [
-      k("div", S, [
-        (n(!0), o(y, null, h(g(m), (t) => (n(), v(D, {
-          key: t.key,
-          class: x({
-            content__btn: !0,
-            "content__btn--selected": t.selected
-          }),
-          disabled: e.disabled,
-          onClick: t.handler
-        }, {
-          default: B(() => [
-            C(E(t.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ])
-    ], 512));
-  }
-});
+import o from "./index257.js";
+/* empty css         */
+import t from "./index259.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
 export {
-  V as default
+  m as default
 };