bitboss-ui 2.0.113 → 2.0.114

package/dist/index228.js

@@ -1,46 +1,21 @@
-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))
-      ])
-    ]));
-  }
-});
+import { getDefaultExportFromCjs as p, commonjsGlobal as s } from "./index272.js";
+import { __module as n } from "./index290.js";
+(function(u, l) {
+  (function(c, e) {
+    u.exports = e();
+  })(s, function() {
+    return function(c, e, r) {
+      r.updateLocale = function(f, o) {
+        var t = r.Ls[f];
+        if (t) return (o ? Object.keys(o) : []).forEach(function(a) {
+          t[a] = o[a];
+        }), t;
+      };
+    };
+  });
+})(n);
+var i = n.exports;
+const x = /* @__PURE__ */ p(i);
 export {
-  E as default
+  x as default
 };

package/dist/index229.js

@@ -1,7 +1,29 @@
-import o from "./index284.js";
-/* empty css         */
-import t from "./index269.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
+import { getDefaultExportFromCjs as c, commonjsGlobal as k } from "./index272.js";
+import { __module as n } from "./index291.js";
+(function(f, p) {
+  (function(r, e) {
+    f.exports = e();
+  })(k, function() {
+    var r = "week", e = "year";
+    return function(w, u, a) {
+      var o = u.prototype;
+      o.week = function(t) {
+        if (t === void 0 && (t = null), t !== null) return this.add(7 * (t - this.week()), "day");
+        var s = this.$locale().yearStart || 1;
+        if (this.month() === 11 && this.date() > 25) {
+          var l = a(this).startOf(e).add(1, e).date(s), d = a(this).endOf(r);
+          if (l.isBefore(d)) return 1;
+        }
+        var h = a(this).startOf(e).date(s).startOf(r).subtract(1, "millisecond"), i = this.diff(h, r, !0);
+        return i < 0 ? a(this).startOf("week").week() : Math.ceil(i);
+      }, o.weeks = function(t) {
+        return t === void 0 && (t = null), this.week(t);
+      };
+    };
+  });
+})(n);
+var m = n.exports;
+const x = /* @__PURE__ */ c(m);
 export {
-  m as default
+  x as default
 };

package/dist/index23.js

@@ -1,30 +1,30 @@
 import { defineComponent as re, watchEffect as ne, ref as o, computed as g, watch as le, openBlock as D, createBlock as V, normalizeClass as P, withCtx as n, renderSlot as p, createVNode as E, withDirectives as ie, createElementVNode as i, mergeProps as F, unref as s, withModifiers as se, toDisplayString as A, normalizeStyle as ue, KeepAlive as de, createCommentVNode as L } from "vue";
-import { useFloating as ce } from "./index232.js";
-import r from "./index217.js";
-import pe from "./index233.js";
-import me from "./index218.js";
-import fe from "./index219.js";
-import be from "./index220.js";
-import ve from "./index221.js";
-import { identity as ge } from "./index234.js";
-import { last as ye } from "./index225.js";
-import { useFocusTrap as ke } from "./index211.js";
+import { useFloating as ce } from "./index209.js";
+import r from "./index210.js";
+import pe from "./index211.js";
+import me from "./index212.js";
+import fe from "./index213.js";
+import be from "./index214.js";
+import ve from "./index215.js";
+import { identity as ge } from "./index216.js";
+import { last as ye } from "./index217.js";
+import { useFocusTrap as ke } from "./index218.js";
 import { useId as he } from "./index8.js";
 import { useIntersectionObserver as Me } from "./index132.js";
-import { useLocale as we } from "./index216.js";
+import { useLocale as we } from "./index219.js";
 import { useMobile as De } from "./index9.js";
-import { vMaska as Ve } from "./index235.js";
+import { vMaska as Ve } from "./index220.js";
 import { wait as Ye } from "./index130.js";
-import { waitFor as Ce } from "./index212.js";
+import { waitFor as Ce } from "./index221.js";
 import Se from "./index21.js";
 /* empty css        */
-import Ie from "./index215.js";
-import Be from "./index207.js";
+import Ie from "./index222.js";
+import Be from "./index223.js";
 /* empty css         */
-import Oe from "./index209.js";
-import $e from "./index236.js";
+import Oe from "./index225.js";
+import $e from "./index226.js";
 import { _config as _e } from "./index4.js";
-import { autoUpdate as Pe, flip as Ee, offset as Fe, shift as Ae, hide as Le } from "./index237.js";
+import { autoUpdate as Pe, flip as Ee, offset as Fe, shift as Ae, hide as Le } from "./index227.js";
 const We = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], je = ["aria-label", "disabled"], qe = ["id"], ft = /* @__PURE__ */ re({
   __name: "BaseDatePickerInput",
   props: {

package/dist/index230.js

@@ -1,62 +1,252 @@
-import { defineComponent as g, ref as i, computed as d, onMounted as h, openBlock as u, createElementBlock as m, 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 "./index309.js";
-import M from "./index13.js";
-/* empty css        */
-const n = 10, l = 3, V = /* @__PURE__ */ g({
-  __name: "BaseDatePickerYearSelector",
+import { defineComponent as le, ref as A, computed as _, watch as ce, openBlock as c, createElementBlock as u, normalizeClass as k, withKeys as f, 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 "./index321.js";
+import { identity as T } from "./index216.js";
+import { isNotNil as me } from "./index134.js";
+import { last as ge } from "./index217.js";
+import { sort as E } from "./index322.js";
+import b from "./index210.js";
+import he from "./index233.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: {},
-    disabled: { type: Boolean }
+    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: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));
+  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");
     };
-    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"
+    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) => (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(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"])
+      ]
     }, [
-      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));
+      ue(he, {
+        direction: w.value,
+        gap: 30
+      }, {
+        default: fe(() => [
+          (c(), u("div", {
+            key: e.cursor.month().toString(),
+            class: "bb-base-date-picker__month"
+          }, [
+            M("div", _e, [
+              (c(!0), u(O, null, S(K.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: 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 {
-  V as default
+  Ce as default
 };

package/dist/index231.js

@@ -1,5 +1,54 @@
-import r from "./index291.js";
-const t = r;
+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 "./index233.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) => (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: 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));
+  }
+});
 export {
-  t as deburr
+  C as default
 };