bitboss-ui 2.1.103 → 2.1.104

package/dist/index236.js

@@ -1,10 +1,15 @@
-const o = "bitboss-ui | ", e = () => ({
-  warn: (r) => console.warn(`${o}${r}`),
-  error: (r) => console.error(`${o}${r}`),
-  throw: (r) => {
-    throw new Error(`${o}${r}`);
-  }
+import { locales as t } from "./index308.js";
+import { _config as m } from "./index4.js";
+import { get as c } from "./index251.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 {
-  e as useLogger
+  d as useLocale
 };

package/dist/index237.js

@@ -1,270 +1,15 @@
-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 "./index340.js";
-import { identity as L } from "./index265.js";
-import { isNotNil as ke } from "./index147.js";
-import { last as ve } from "./index234.js";
-import { sort as N } from "./index341.js";
-import { validateDateFormat as R } from "./index235.js";
-import { toInnerValue as Oe, toOuterValue as p } from "./index342.js";
-import { isDateDisabled as we } from "./index343.js";
-import g from "./index229.js";
-import Se from "./index338.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));
-  }
-});
+import { ref as c, watch as f, toValue as u } from "vue";
+const p = (e, { initialValue: r = !1, nextValue: o = !0 } = {}) => {
+  const t = c(r);
+  if (r) return t;
+  const n = f(
+    () => u(e),
+    (s) => {
+      s && (t.value = o, n());
+    }
+  );
+  return t;
+};
 export {
-  Pe as default
+  p as useUntil
 };

package/dist/index238.js

@@ -1,54 +1,4 @@
-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 "./index338.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));
-  }
-});
+const e = (t) => t[t.length - 1];
 export {
-  C as default
+  e as last
 };

package/dist/index239.js

@@ -1,54 +1,108 @@
-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 "./index14.js";
+import { defineComponent as y, ref as F, computed as H, watch as N, createElementBlock as L, openBlock as p, Fragment as S, renderList as V, createBlock as A, withModifiers as O, normalizeClass as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
+import { hash as d } from "./index232.js";
+import { isNil as l } from "./index250.js";
+import E from "./index68.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",
+const K = /* @__PURE__ */ y({
+  __name: "ChipsBox",
   props: {
-    cursor: {},
-    disabled: { type: Boolean }
+    options: {}
   },
-  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))
-      ])
-    ]));
+  emits: ["option:unselected"],
+  setup(f, { expose: v, emit: h }) {
+    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
+      const s = l(n.value) ? -1 : n.value;
+      let o = (s + e) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = a(e + 1);
+      return o;
+    }, x = () => {
+      if (!i.value) return;
+      const e = a();
+      n.value = e;
+    }, c = (e = 1) => {
+      const s = l(n.value) ? 0 : n.value;
+      let o = (s - e + t.options.length) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = c(e + 1);
+      return o;
+    }, m = async () => {
+      if (!i.value) return;
+      const e = c();
+      n.value = e;
+    }, w = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; t.options[e].disabled; )
+        e++;
+      n.value = e;
+    }, b = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e;
+    }, I = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; !t.options[e].selected && t.options.length !== e; )
+        e++;
+      n.value = e;
+    }, g = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
+        e--;
+      n.value = e;
+    }, _ = (e) => {
+      if (!i.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
+      );
+      s >= 0 && (n.value = s);
+    }, r = () => {
+      n.value = null;
+    }, k = () => {
+      if (l(n.value)) return;
+      const e = t.options[n.value];
+      e.selected && u("option:unselected", e);
+    }, C = () => l(n.value) ? void 0 : t.options[n.value];
+    return N(
+      () => t.options,
+      (e, s) => {
+        d(e) !== d(s) && r();
+      },
+      {
+        flush: "post"
+      }
+    ), v({
+      focusNext: x,
+      focusPrevious: m,
+      focusFirst: w,
+      focusFirstSelected: I,
+      focusLast: b,
+      focusLastSelected: g,
+      blur: r,
+      confirmOption: k,
+      focusByHash: _,
+      getHighlighted: C
+    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
+      key: o.valueHash,
+      class: P({
+        "bb-chipsbox-item": !0,
+        "bb-chipsbox-item--focused": B === n.value
+      }),
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": O((M) => u("option:unselected", o), ["stop"])
+    }, {
+      default: $(() => [
+        z(D(o.text), 1)
+      ]),
+      _: 2
+    }, 1032, ["class", "text", "onClick:clear"]))), 128));
   }
 });
 export {
-  N as default
+  K as default
 };

package/dist/index24.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 "./index229.js";
-import Ce from "./index262.js";
-import ne from "./index263.js";
-import Le from "./index230.js";
-import Oe from "./index231.js";
-import Pe from "./index264.js";
-import { identity as Re } from "./index265.js";
-import { isEmpty as qe } from "./index258.js";
+import c from "./index270.js";
+import Ce from "./index271.js";
+import ne from "./index272.js";
+import Le from "./index273.js";
+import Oe from "./index274.js";
+import Pe from "./index275.js";
+import { identity as Re } from "./index268.js";
+import { isEmpty as qe } from "./index243.js";
 import { useId as Te } from "./index8.js";
-import { useLocale as je } from "./index242.js";
+import { useLocale as je } from "./index236.js";
 import { useMobile as Ne } from "./index9.js";
-import { vMaska as _e } from "./index266.js";
+import { vMaska as _e } from "./index276.js";
 import He from "./index22.js";
 /* empty css        */
 import We from "./index138.js";
 /* empty css         */
 import Ue from "./index140.js";
-import Ke from "./index267.js";
+import Ke from "./index247.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",