bitboss-ui 2.1.9 → 2.1.10

package/dist/index249.js

@@ -1,102 +1,7 @@
-import { defineComponent as F, ref as H, computed as L, watch as N, createElementBlock as d, openBlock as v, Fragment as S, renderList as A, withModifiers as O, normalizeClass as P, toDisplayString as V } from "vue";
-import { hash as f } from "./index215.js";
-import { isNil as i } from "./index252.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 (i(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) => (v(!0), d(S, null, A(e.options, (o, p) => (v(), d("span", {
-      key: o.valueHash,
-      class: P({
-        "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": O((D) => a("option:unselected", o), ["stop"])
-    }, V(o.text), 43, z))), 128));
-  }
-});
+import { getDefaultExportFromCjs as e } from "./index315.js";
+import { __require as r } from "./index305.js";
+var o = r();
+const f = /* @__PURE__ */ e(o);
 export {
-  j as default
+  f as default
 };

package/dist/index25.js

@@ -1,9 +1,9 @@
 import { defineComponent as P, mergeModels as D, useModel as q, computed as p, ref as E, watch as A, onMounted as H, createElementBlock as d, openBlock as u, withModifiers as K, normalizeStyle as O, normalizeClass as R, unref as v, createCommentVNode as g, Fragment as U, createElementVNode as l, renderSlot as s, createTextVNode as j, toDisplayString as T, nextTick as G } from "vue";
-import { parseSize as J } from "./index232.js";
+import { parseSize as J } from "./index263.js";
 import { useId as V } from "./index8.js";
-import { useLocale as Q } from "./index222.js";
+import { useLocale as Q } from "./index219.js";
 import { useMobile as X } from "./index9.js";
-import { useUntil as Y } from "./index223.js";
+import { useUntil as Y } from "./index245.js";
 import { wait as y } from "./index135.js";
 const Z = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], x = {
   ref: "header",

package/dist/index250.js

@@ -0,0 +1,10 @@
+const o = "bitboss-ui | ", e = () => ({
+  warn: (r) => console.warn(`${o}${r}`),
+  error: (r) => console.error(`${o}${r}`),
+  throw: (r) => {
+    throw new Error(`${o}${r}`);
+  }
+});
+export {
+  e as useLogger
+};

package/dist/index251.js

@@ -1,230 +1,252 @@
-import { defineComponent as U, ref as f, computed as x, watch as E, createElementBlock as d, openBlock as p, withModifiers as X, normalizeStyle as h, normalizeClass as $, createElementVNode as c, renderSlot as m, createTextVNode as H, toDisplayString as g, unref as L, Fragment as Z, renderList as ee } from "vue";
-import { isNil as b } from "./index252.js";
-import { useVirtualizer as te } from "./index338.js";
-import { isNotNil as oe } from "./index140.js";
-import { hash as N } from "./index215.js";
-import { useLocale as ne } from "./index222.js";
-const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
-  key: 0,
-  class: "bb-listbox__loading"
-}, se = {
-  key: 1,
-  class: "bb-listbox__no-data"
-}, ae = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__content" }, re = { class: "autocomplete-option__label" }, xe = /* @__PURE__ */ U({
-  __name: "ListBox",
+import { defineComponent as le, ref as A, computed as _, watch as ce, createElementBlock as c, openBlock as u, withKeys as f, normalizeClass as k, 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 "./index328.js";
+import { identity as T } from "./index244.js";
+import { isNotNil as me } from "./index140.js";
+import { last as ge } from "./index211.js";
+import { sort as E } from "./index329.js";
+import b from "./index238.js";
+import he from "./index254.js";
+const ye = ["onKeydown"], _e = { class: "bb-base-date-picker__header-container" }, ke = ["abbr"], Oe = ["id", "disabled", "tabindex"], Ce = /* @__PURE__ */ le({
+  __name: "BaseDatePickerInputDaySelector",
   props: {
-    compact: { type: Boolean },
-    options: {},
-    open: { type: Boolean },
-    loading: { type: Boolean },
+    cursor: {},
+    current: { type: Boolean },
+    disabled: { type: Boolean },
+    firstDayOfWeek: {},
+    id: {},
+    modelValue: {},
+    max: {},
+    min: {},
+    selectable: { type: Function },
+    range: { type: Boolean },
     multiple: { type: Boolean },
-    transitionDuration: { default: 250 },
-    loadingText: {},
-    noDataText: {}
+    readonly: { type: Boolean }
   },
-  emits: ["option:selected", "option:unselected"],
-  setup(V, { expose: z, emit: C }) {
-    const o = V, _ = C, { t: y } = ne(), s = f(null), O = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = x(
-      () => o.options.map((e) => ({ ...e, id: O(e.value) }))
-    ), v = te({
-      get count() {
-        return o.options.length;
-      },
-      getScrollElement: () => s.value,
-      estimateSize: () => 42,
-      overscan: 5
-    }), F = (e) => {
-      e && v.value.measureElement(e);
-    }, M = x(() => v.value.getVirtualItems()), A = x(() => v.value.getTotalSize()), n = f(null), a = x(
-      () => o.open && o.options.some((e) => !e.disabled)
-    ), I = (e = 1) => {
-      const l = b(n.value) ? -1 : n.value;
-      let t = (l + e) % o.options.length;
-      for (; o.options[t].disabled && t !== l; )
-        t = I(e + 1);
-      return t;
-    }, P = () => {
-      if (!a.value) return;
-      const e = I();
-      n.value = e, u();
-    }, S = (e = 1) => {
-      const l = b(n.value) ? 0 : n.value;
-      let t = (l - e + o.options.length) % o.options.length;
-      for (; o.options[t].disabled && t !== l; )
-        t = S(e + 1);
-      return t;
-    }, R = async () => {
-      if (!a.value) return;
-      const e = S();
-      n.value = e, u();
-    }, q = () => {
-      if (!a.value) return;
-      let e = 0;
-      for (; o.options[e].disabled; )
-        e++;
-      n.value = e, u();
-    }, J = () => {
-      if (!a.value) return;
-      let e = o.options.length - 1;
-      for (; o.options[e].disabled && e !== 0; )
-        e--;
-      n.value = e, u();
-    }, W = () => {
-      if (!a.value) return;
-      let e = 0;
-      for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
-        e++;
-      n.value = e % o.options.length, u();
-    }, Y = () => {
-      if (!a.value) return;
-      let e = o.options.length - 1;
-      for (; o.options[e].selected && e > 0; )
-        e--;
-      n.value = e === -1 ? o.options.length - 1 : e, u();
-    }, j = (e) => {
-      if (!a.value) return;
-      const l = o.options.findIndex(
-        (t) => t.valueHash === e
-      );
-      l >= 0 && (n.value = l), u();
-    }, k = () => {
-      n.value = null;
-    }, u = () => {
-      s.value && oe(n.value) && v.value.scrollToIndex(n.value, {
-        align: "center",
-        behavior: "smooth"
+  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
+        };
       });
-    }, w = () => {
-      if (b(n.value) || !o.open) return;
-      const e = o.options[n.value];
-      e.selected ? _("option:unselected", e) : _("option:selected", e);
-    }, B = f(0), T = () => {
-      s.value && (B.value = s.value.scrollHeight);
-    }, G = (e) => !e.disabled, K = (e) => {
-      if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
-        if (!s.value.querySelector('[role="listbox"]'))
-          throw new Error("Could not find listbox in DOM tree.");
-        let t = e.target, r = t.dataset.index;
-        for (; b(r) && t.parentElement; )
-          t = t.parentElement, r = t.dataset.index;
-        if (r) {
-          const D = o.options[+r];
-          D && G(D) && (n.value = +r, w());
+      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");
+    };
+    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);
       }
-    }, Q = () => b(n.value) ? void 0 : o.options[n.value];
-    return E(
-      () => o.open,
-      () => {
-        T();
-      },
-      { flush: "post" }
-    ), E(
-      () => o.options,
-      (e, l) => {
-        N(e.map((t) => t.valueHash)) !== N(l.map((t) => t.valueHash)) && (v.value.calculateRange(), T(), k());
-      },
-      {
-        flush: "post"
+      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);
       }
-    ), z({
-      focusNext: P,
-      focusPrevious: R,
-      focusFirst: q,
-      focusFirstSelected: W,
-      focusLast: J,
-      focusLastSelected: Y,
-      blur: k,
-      confirmOption: w,
-      focusByHash: j,
-      getHighlighted: Q
-    }), (e, l) => (p(), d("span", {
-      class: $(["bb-listbox", {
-        "bb-listbox--compact": e.compact,
-        "bb-listbox--loading": e.loading,
-        "bb-listbox--multiple": e.multiple,
-        "bb-listbox--no-data": !i.value.length,
-        "bb-listbox--open": e.open
-      }]),
-      style: h({
-        "--transition-duration": `${e.transitionDuration}ms`,
-        "--overlay-min-height": `${B.value}px`
-      }),
-      onClick: X(K, ["stop"])
+      l();
+    };
+    return (e, r) => (u(), c("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"])
+      ]
     }, [
-      c("span", le, [
-        c("span", {
-          ref_key: "inner",
-          ref: s,
-          class: "bb-listbox__inner-container"
-        }, [
-          m(e.$slots, "options:prepend"),
-          e.loading && !e.options.length ? (p(), d("span", ie, [
-            m(e.$slots, "loading", {}, () => [
-              H(g(e.loadingText || L(y)("common.loadingText").value), 1)
-            ])
-          ])) : e.options.length ? (p(), d("span", {
-            key: 2,
-            role: "listbox",
-            style: h({
-              height: `${A.value}px`
-            }),
-            tabindex: "-1"
+      ue(he, {
+        direction: w.value,
+        gap: 30
+      }, {
+        default: fe(() => [
+          (u(), c("div", {
+            key: e.cursor.month().toString(),
+            class: "bb-base-date-picker__month"
           }, [
-            (p(!0), d(Z, null, ee(M.value, (t, r) => (p(), d("span", {
-              key: i.value[t.index].value,
-              ref_for: !0,
-              ref: F,
-              "aria-selected": n.value === r ? !0 : void 0,
-              class: $({
-                "bb-listbox__option autocomplete-option": !0,
-                "autocomplete-option--focused": n.value === t.index,
-                "autocomplete-option--selected": i.value[t.index].selected,
-                "autocomplete-option--disabled": i.value[t.index].disabled
-              }),
-              "data-index": t.index,
-              role: "option",
-              style: h({
-                transform: `translateY(${t.start}px)`
-              })
+            M("div", _e, [
+              (u(!0), c(O, null, S(K.value, (o) => (u(), c("div", {
+                key: o.id,
+                abbr: o.accessibleLabel,
+                class: "bb-base-date-picker__header-cell"
+              }, C(o.label), 9, ke))), 128))
+            ]),
+            (u(!0), c(O, null, S(v.value, (o) => (u(), c("div", {
+              key: o[0].id,
+              class: "bb-base-date-picker__week"
             }, [
-              c("span", ue, [
-                m(e.$slots, "option", {
-                  disabled: !!i.value[t.index].disabled,
-                  focused: n.value === t.index,
-                  index: t.index,
-                  item: i.value[t.index].item,
-                  selected: !!i.value[t.index].selected,
-                  text: i.value[t.index].text,
-                  value: i.value[t.index].value
-                }, () => [
-                  l[0] || (l[0] = c("svg", {
-                    class: "autocomplete-option__checkbox",
-                    role: "presentation",
-                    viewBox: "276.411 158.834 114.971 114.97"
-                  }, [
-                    c("path", {
-                      d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
-                      fill: "none",
-                      "stroke-linecap": "round",
-                      "stroke-width": "14px"
-                    })
-                  ], -1)),
-                  c("span", re, g(i.value[t.index].text), 1)
-                ])
-              ])
-            ], 14, ae))), 128))
-          ], 4)) : (p(), d("span", se, [
-            m(e.$slots, "no-data", {}, () => [
-              H(g(e.noDataText || L(y)("common.noDataText").value), 1)
-            ])
-          ])),
-          m(e.$slots, "options:append")
-        ], 512)
-      ])
-    ], 6));
+              (u(!0), c(O, null, S(o, (t) => (u(), c("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 {
-  xe as default
+  Ce as default
 };