bitboss-ui 2.0.67 → 2.0.69

package/dist/index221.js

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

package/dist/index223.js

@@ -1,251 +1,4 @@
-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 "./index303.js";
-import { identity as be } from "./index230.js";
-import { isNotNil as me } from "./index134.js";
-import { last as ge } from "./index222.js";
-import { sort as T } from "./index304.js";
-import b from "./index215.js";
-import he from "./index226.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 },
-    firstDayOfWeek: {},
-    modelValue: {},
-    max: {},
-    min: {},
-    selectable: { type: Function },
-    range: { type: Boolean },
-    multiple: { type: Boolean },
-    readonly: { type: Boolean }
-  },
-  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");
-    };
-    le(
-      () => a.cursor,
-      (e, r) => {
-        K(e, r);
-      }
-    );
-    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"])
-      ]
-    }, [
-      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));
-  }
-});
+const o = (e) => e[0];
 export {
-  Ce as default
+  o as head
 };

package/dist/index224.js

@@ -1,54 +1,5 @@
-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 "./index226.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));
-  }
-});
+import { hash as o } from "./index270.js";
+const t = (r, h = "bb") => `${h}${o(r)}`;
 export {
-  C as default
+  t as hash
 };

package/dist/index225.js

@@ -1,46 +1,4 @@
-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))
-      ])
-    ]));
-  }
-});
+const e = (t) => t;
 export {
-  E as default
+  e as identity
 };

package/dist/index226.js

@@ -1,7 +1,128 @@
-import o from "./index277.js";
-/* empty css         */
-import t from "./index279.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
+import { arrow as j, computePosition as A } from "./index235.js";
+import { autoUpdate as W, flip as X, hide as Y, offset as Z, platform as ee, shift as ne } from "./index235.js";
+import { isNode as B, getNodeName as F } from "./index278.js";
+import { getOverflowAncestors as le } from "./index278.js";
+import { computed as a, ref as f, shallowRef as I, watch as h, getCurrentScope as U, onScopeDispose as k, shallowReadonly as r, unref as q } from "vue";
+function z(e) {
+  return e != null && typeof e == "object" && "$el" in e;
+}
+function g(e) {
+  if (z(e)) {
+    const l = e.$el;
+    return B(l) && F(l) === "#comment" ? null : l;
+  }
+  return e;
+}
+function o(e) {
+  return typeof e == "function" ? e() : q(e);
+}
+function K(e) {
+  return {
+    name: "arrow",
+    options: e,
+    fn(l) {
+      const t = g(o(e.element));
+      return t == null ? {} : j({
+        element: t,
+        padding: e.padding
+      }).fn(l);
+    }
+  };
+}
+function M(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function C(e, l) {
+  const t = M(e);
+  return Math.round(l * t) / t;
+}
+function L(e, l, t) {
+  t === void 0 && (t = {});
+  const x = t.whileElementsMounted, V = a(() => {
+    var n;
+    return (n = o(t.open)) != null ? n : !0;
+  }), D = a(() => o(t.middleware)), d = a(() => {
+    var n;
+    return (n = o(t.placement)) != null ? n : "bottom";
+  }), v = a(() => {
+    var n;
+    return (n = o(t.strategy)) != null ? n : "absolute";
+  }), S = a(() => {
+    var n;
+    return (n = o(t.transform)) != null ? n : !0;
+  }), i = a(() => g(e.value)), u = a(() => g(l.value)), p = f(0), w = f(0), c = f(v.value), O = f(d.value), P = I({}), y = f(!1), _ = a(() => {
+    const n = {
+      position: c.value,
+      left: "0",
+      top: "0"
+    };
+    if (!u.value)
+      return n;
+    const R = C(u.value, p.value), b = C(u.value, w.value);
+    return S.value ? {
+      ...n,
+      transform: "translate(" + R + "px, " + b + "px)",
+      ...M(u.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: c.value,
+      left: R + "px",
+      top: b + "px"
+    };
+  });
+  let s;
+  function m() {
+    i.value == null || u.value == null || A(i.value, u.value, {
+      middleware: D.value,
+      placement: d.value,
+      strategy: v.value
+    }).then((n) => {
+      p.value = n.x, w.value = n.y, c.value = n.strategy, O.value = n.placement, P.value = n.middlewareData, y.value = !0;
+    });
+  }
+  function E() {
+    typeof s == "function" && (s(), s = void 0);
+  }
+  function N() {
+    if (E(), x === void 0) {
+      m();
+      return;
+    }
+    if (i.value != null && u.value != null) {
+      s = x(i.value, u.value, m);
+      return;
+    }
+  }
+  function $() {
+    V.value || (y.value = !1);
+  }
+  return h([D, d, v], m, {
+    flush: "sync"
+  }), h([i, u], N, {
+    flush: "sync"
+  }), h(V, $, {
+    flush: "sync"
+  }), U() && k(E), {
+    x: r(p),
+    y: r(w),
+    strategy: r(c),
+    placement: r(O),
+    middlewareData: r(P),
+    isPositioned: r(y),
+    floatingStyles: _,
+    update: m
+  };
+}
 export {
-  m as default
+  K as arrow,
+  W as autoUpdate,
+  A as computePosition,
+  X as flip,
+  le as getOverflowAncestors,
+  Y as hide,
+  Z as offset,
+  ee as platform,
+  ne as shift,
+  L as useFloating
 };

package/dist/index227.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 "./index302.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 { getDefaultExportFromCjs as r } from "./index272.js";
+import { __require as o } from "./index271.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
 export {
-  V as default
+  s as default
 };