bitboss-ui 2.1.130 → 2.1.131

package/dist/index290.js

@@ -1,109 +1,4 @@
-import { defineComponent as r, ref as g, createBlock as l, openBlock as d, withCtx as i, renderSlot as s, normalizeProps as p, guardReactiveProps as a } from "vue";
-import m from "./index359.js";
-import f from "./index360.js";
-const y = /* @__PURE__ */ r({
-  __name: "ListBox",
-  props: {
-    compact: { type: Boolean },
-    options: {},
-    groups: {},
-    headerHeight: {},
-    open: { type: Boolean },
-    loading: { type: Boolean },
-    multiple: { type: Boolean },
-    transitionDuration: {},
-    loadingText: {},
-    noDataText: {},
-    optionHeight: {}
-  },
-  emits: ["option:selected", "option:unselected", "focused:change"],
-  setup(h, { expose: u }) {
-    const t = g();
-    return u({
-      focusNext: () => t.value?.focusNext(),
-      focusPrevious: () => t.value?.focusPrevious(),
-      focusFirst: () => t.value?.focusFirst(),
-      focusFirstSelected: () => t.value?.focusFirstSelected(),
-      focusLast: () => t.value?.focusLast(),
-      focusLastSelected: () => t.value?.focusLastSelected(),
-      blur: () => t.value?.blur(),
-      confirmOption: () => t.value?.confirmOption(),
-      focusByHash: (o) => t.value?.focusByHash(o),
-      getHighlighted: () => t.value?.getHighlighted(),
-      getActiveDescendantId: () => t.value?.getActiveDescendantId()
-    }), (o, n) => o.groups ? (d(), l(f, {
-      key: 0,
-      ref_key: "child",
-      ref: t,
-      compact: o.compact,
-      groups: o.groups,
-      "header-height": o.headerHeight,
-      loading: o.loading,
-      "loading-text": o.loadingText,
-      multiple: o.multiple,
-      "no-data-text": o.noDataText,
-      open: o.open,
-      "option-height": o.optionHeight,
-      "transition-duration": o.transitionDuration,
-      "onOption:selected": n[0] || (n[0] = (e) => o.$emit("option:selected", e)),
-      "onOption:unselected": n[1] || (n[1] = (e) => o.$emit("option:unselected", e)),
-      "onFocused:change": n[2] || (n[2] = (e) => o.$emit("focused:change", e))
-    }, {
-      "options:prepend": i(() => [
-        s(o.$slots, "options:prepend")
-      ]),
-      loading: i(() => [
-        s(o.$slots, "loading")
-      ]),
-      "no-data": i(() => [
-        s(o.$slots, "no-data")
-      ]),
-      "options:append": i(() => [
-        s(o.$slots, "options:append")
-      ]),
-      option: i((e) => [
-        s(o.$slots, "option", p(a(e)))
-      ]),
-      group: i((e) => [
-        s(o.$slots, "group", p(a(e)))
-      ]),
-      _: 3
-    }, 8, ["compact", "groups", "header-height", "loading", "loading-text", "multiple", "no-data-text", "open", "option-height", "transition-duration"])) : (d(), l(m, {
-      key: 1,
-      ref_key: "child",
-      ref: t,
-      compact: o.compact,
-      loading: o.loading,
-      "loading-text": o.loadingText,
-      multiple: o.multiple,
-      "no-data-text": o.noDataText,
-      open: o.open,
-      options: o.options ?? [],
-      "option-height": o.optionHeight,
-      "transition-duration": o.transitionDuration,
-      "onOption:selected": n[3] || (n[3] = (e) => o.$emit("option:selected", e)),
-      "onOption:unselected": n[4] || (n[4] = (e) => o.$emit("option:unselected", e)),
-      "onFocused:change": n[5] || (n[5] = (e) => o.$emit("focused:change", e))
-    }, {
-      "options:prepend": i(() => [
-        s(o.$slots, "options:prepend")
-      ]),
-      loading: i(() => [
-        s(o.$slots, "loading")
-      ]),
-      "no-data": i(() => [
-        s(o.$slots, "no-data")
-      ]),
-      "options:append": i(() => [
-        s(o.$slots, "options:append")
-      ]),
-      option: i((e) => [
-        s(o.$slots, "option", p(a(e)))
-      ]),
-      _: 3
-    }, 8, ["compact", "loading", "loading-text", "multiple", "no-data-text", "open", "options", "option-height", "transition-duration"]));
-  }
-});
+const e = (t) => t;
 export {
-  y as default
+  e as identity
 };

package/dist/index291.js

@@ -1,11 +1,7 @@
-function u(e, i) {
-  let t;
-  return function(...o) {
-    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
-      e.apply(this, o);
-    }, i);
-  };
-}
+import { getDefaultExportFromCjs as e } from "./index349.js";
+import { __require as r } from "./index335.js";
+var o = r();
+const f = /* @__PURE__ */ e(o);
 export {
-  u as debounce
+  f as default
 };

package/dist/index292.js

@@ -1,8 +1,8 @@
-import e from "./index341.js";
-import o from "./index342.js";
-import r from "./index343.js";
-const f = new r(o, e)._freeze();
+function e(t, r) {
+  if (!/\d{4}-\d{2}-\d{2}/.test(t))
+    throw new Error(`${r} must be in the format YYYY-MM-DD`);
+  return t;
+}
 export {
-  r as Mime,
-  f as default
+  e as validateDateFormat
 };

package/dist/index293.js

@@ -1,18 +1,270 @@
-const e = (o, r, f) => o.reduce((t, n) => {
-  if (t) return t;
-  if (f(n))
-    return n;
-  if (r in n) {
-    const i = e(
-      [].concat(n[r]),
-      r,
-      f
+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 "./index356.js";
+import { identity as L } from "./index290.js";
+import { isNotNil as ke } from "./index152.js";
+import { last as ve } from "./index240.js";
+import { sort as N } from "./index357.js";
+import { validateDateFormat as R } from "./index292.js";
+import { toInnerValue as Oe, toOuterValue as p } from "./index358.js";
+import { isDateDisabled as we } from "./index359.js";
+import g from "./index244.js";
+import Se from "./index360.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);
+      }
     );
-    if (i)
-      return i;
+    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));
   }
-  return t;
-}, null);
+});
 export {
-  e as findInTree
+  Pe as default
 };

package/dist/index294.js

@@ -1,7 +1,54 @@
-const o = (l, n, f = (r) => r, u) => l.map((r) => Array.isArray(r[n]) ? [
-  f(r, u),
-  ...o(r[n], n, f, f(r, u))
-] : [f(r, u)]).flat();
+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 "./index360.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));
+  }
+});
 export {
-  o as flattenTree
+  C as default
 };