bitboss-ui 2.0.23 → 2.0.24

package/dist/index229.js

@@ -1,161 +1,251 @@
-import { ref as a, computed as r, onBeforeMount as Y, onBeforeUnmount as Z, watch as H, nextTick as N } from "vue";
-import { last as _ } from "./index217.js";
-import { useArray as Q } from "./index281.js";
-import { uniqBy as $ } from "./index282.js";
-import { useItemValue as ee } from "./index279.js";
-import { useItemText as te } from "./index283.js";
-import { hash as v } from "./index223.js";
-import { isNotNil as q } from "./index131.js";
-import { waitFor as le } from "./index207.js";
-import { isNil as oe } from "./index126.js";
-const he = (l) => {
-  const i = a(""), F = a(), u = (e) => {
-    F.value = e, l.emit("update:modelValue", e);
-  }, d = a([]), {
-    array: k,
-    add: E,
-    remove: P,
-    set: y
-  } = Q(), {
-    array: S,
-    add: j,
-    remove: J
-  } = Q(), { getItemText: L } = te(), { getItemValue: U } = ee(), O = (e) => {
-    const t = !!(l.disabled.value || e.disabled), o = L(e, l.itemText), n = U(e, l.itemValue);
-    if (n === void 0)
-      throw new Error(
-        'The result of extracting "value" from option was undefined. Affected item is ' + JSON.stringify(e) + " please check itemValue property is correct."
-      );
-    const X = v(n);
-    return {
-      item: e,
-      text: o,
-      value: n,
-      valueHash: X,
-      disabled: t,
-      selected: !1
+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 "./index297.js";
+import { identity as be } from "./index218.js";
+import { isNotNil as me } from "./index130.js";
+import { last as ge } from "./index219.js";
+import { sort as T } from "./index298.js";
+import b from "./index213.js";
+import he from "./index232.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");
     };
-  }, T = (e) => (e.selected = q(b.value[e.valueHash]), e), V = r(() => {
-    const e = [].concat(
-      d.value.map((t) => T(O(t))),
-      S.value.map(T),
-      k.value.map(T)
+    le(
+      () => a.cursor,
+      (e, r) => {
+        K(e, r);
+      }
     );
-    return $(e, (t) => t.valueHash);
-  }), z = (e) => {
-    l.multiple ? (u(l.modelValue.value.concat(e.value)), l.stash && E(e), l.resetQueryOnOptionSelected && s()) : (l.stash && y(e), u(e.value), N(() => s()));
-  }, G = async (e) => {
-    if (J((t) => t.valueHash !== e.valueHash), P((t) => t.valueHash !== e.valueHash), l.multiple) {
-      const t = { ...b.value };
-      delete t[e.valueHash], u(Object.values(t));
-    } else
-      u(null), await N(), s();
-  }, b = r(() => {
-    const e = {}, t = [].concat(l.modelValue.value);
-    for (let o = 0; o < t.length; o++) {
-      const n = t[o];
-      e[v(n)] = n;
-    }
-    return e;
-  }), g = async ({ prefill: e = !1 }) => {
-    let t = [];
-    if (Array.isArray(l.items.value))
-      t = l.items.value;
-    else if (typeof l.items.value == "function") {
-      const o = ++c.value;
-      try {
-        t = await l.items.value(
-          i.value,
-          e,
-          l.modelValue.value
-        ), o < c.value && (await le(() => o === c.value), t = d.value);
-      } catch (n) {
-        console.error(n);
+    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);
       }
-      c.value--;
-    }
-    d.value = t;
-  }, B = r(() => {
-    const e = {};
-    for (let t = 0; t < V.value.length; t++) {
-      const o = V.value[t], { valueHash: n } = o;
-      e[n] = o;
-    }
-    return {
-      get: (t) => e[v(t)]
-    };
-  }), f = r(() => [].concat(l.modelValue.value).reduce((e, t) => {
-    const o = B.value.get(t);
-    return o && e.push(o), e;
-  }, [])), C = (e) => q(B.value.get(e)), s = () => {
-    if (l.multiple) {
-      i.value = "";
-      return;
-    }
-    let e;
-    f.value && (e = _(f.value)), i.value = (e == null ? void 0 : e.text) || "";
-  }, K = () => {
-    const e = i.value.trim(), t = O(e);
-    j(t), s();
-  }, c = a(0), M = r(() => [].concat(l.modelValue.value).reduce(
-    (e, t) => (C(t) ? e.coherent.push(t) : e.incoherent.push(t), e),
-    { coherent: [], incoherent: [] }
-  )), A = r(() => l.multiple && !l.modelValue.value.length || !l.multiple && oe(l.modelValue.value) ? !0 : !M.value.incoherent.length), R = () => {
-    l.enforceCoherence && !A.value && (l.multiple ? u(M.value.coherent) : u(null));
-  }, p = a(!1), I = a(!1), m = async () => {
-    I.value = !0, await g({ prefill: !0 }), R(), s(), p.value = !0, I.value = !1;
-  };
-  Y(async () => {
-    l.prefill && (await m(), l.stash && y(...f.value));
-  });
-  let h;
-  const W = () => {
-    h && clearTimeout(h), h = setTimeout(async () => {
-      try {
-        await g({ prefill: !1 });
-      } catch (e) {
-        console.error(e);
+    }, 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);
       }
-    }, l.queryDebounceTime);
-  };
-  Z(() => clearTimeout(h));
-  let x;
-  H(
-    () => l.modelValue.value,
-    () => {
-      A.value || (x && clearTimeout(x), x = setTimeout(async () => {
-        m();
-      }, l.modelValueDebounceTime));
-    }
-  );
-  let w;
-  const D = async (e, t) => {
-    v(t) !== v(e) && p.value && (w && clearTimeout(w), w = setTimeout(async () => {
-      await m();
-    }, l.depsDebounceTime));
-  };
-  return H(() => l.items.value, D), H(() => l.dependencies.value, D), {
-    addCurrentQueryToManualItems: K,
-    alignQueryToState: s,
-    getOptions: g,
-    hasPrefilled: p,
-    innerLoading: c,
-    isPrefilling: I,
-    manualItems: S,
-    options: V,
-    prefillItems: m,
-    query: i,
-    searchByQuery: W,
-    selectedOptions: f,
-    selectOption: z,
-    setStash: y,
-    unselectOption: G,
-    updateModelValue: u,
-    valueIsSelected: C,
-    internalItems: d
-  };
-};
+    }, 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));
+  }
+});
 export {
-  he as useOptions
+  Ce as default
 };
-//# sourceMappingURL=index229.js.map

package/dist/{index24.js → index23.js}

@@ -1,11 +1,11 @@
 import { defineComponent as ae, ref as o, getCurrentInstance as se, computed as m, nextTick as N, useAttrs as ne, onMounted as ie, onBeforeUnmount as F, watch as re, openBlock as _, createBlock as ue, Teleport as de, createElementVNode as a, mergeProps as G, createElementBlock as T, renderSlot as u, createTextVNode as ce, toDisplayString as P, createCommentVNode as z } from "vue";
 import { throttle as ve } from "./index205.js";
 import { useFocusTrap as fe } from "./index206.js";
-import { useId as K } from "./index9.js";
-import { wait as H } from "./index128.js";
+import { useId as K } from "./index8.js";
+import { wait as H } from "./index127.js";
 import { waitFor as be } from "./index207.js";
 import { useModalsState as k } from "./index208.js";
-import { useLogger as pe } from "./index209.js";
+import { useLogger as pe } from "./index200.js";
 const me = { class: "bb-base-dialog-close" }, ge = ["aria-label"], ye = /* @__PURE__ */ a("span", { class: "bb-base-dialog-close__icon" }, [
   /* @__PURE__ */ a("svg", {
     "aria-hidden": "true",
@@ -259,4 +259,3 @@ const me = { class: "bb-base-dialog-close" }, ge = ["aria-label"], ye = /* @__PU
 export {
   ze as default
 };
-//# sourceMappingURL=index24.js.map

package/dist/index230.js

@@ -1,87 +1,54 @@
-import { defineComponent as b, openBlock as n, createElementBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as t, createTextVNode as o, toDisplayString as d, createCommentVNode as h, Fragment as c, renderList as m } from "vue";
-const p = { class: "bb-cr-container__container" }, u = {
-  key: 0,
-  class: "bb-cr-container__loading-container"
-}, g = {
-  key: 1,
-  class: "bb-cr-container__no-data-container"
-}, _ = /* @__PURE__ */ b({
-  __name: "OptionsContainer",
+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 "./index232.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: {
-    direction: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    loadingText: {},
-    loading: { type: Boolean },
-    noDataText: {},
-    options: {}
+    cursor: {},
+    disabled: { type: Boolean },
+    hidden: { type: Boolean }
   },
-  setup(k) {
-    return (a, $) => (n(), s("span", {
-      ref: "container",
-      class: r(["bb-cr-container", {
-        "bb-cr-container--errors": a.hasErrors,
-        "bb-cr-container--horizontal": a.direction === "horizontal",
-        "bb-cr-container--vertical": a.direction === "vertical"
-      }])
+  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 }])
     }, [
-      l("span", p, [
-        t(a.$slots, "prepend"),
-        !a.options.length && a.loading ? (n(), s("span", u, [
-          t(a.$slots, "loading", {}, () => [
-            o(d(a.loadingText), 1)
-          ])
-        ])) : a.options.length ? h("", !0) : (n(), s("span", g, [
-          t(a.$slots, "no-data", {}, () => [
-            o(d(a.noDataText), 1)
-          ])
-        ])),
-        (n(!0), s(c, null, m(a.options, (e, i) => (n(), s(c, {
-          key: (e == null ? void 0 : e.id) || i
-        }, [
-          t(a.$slots, "option:prepend", {
-            id: e.valueHash,
-            checked: !!e.selected,
-            disabled: !!e.disabled,
-            item: e.item,
-            text: e.text
-          }),
-          l("label", {
-            class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
-          }, [
-            t(a.$slots, "input", {
-              index: i,
-              option: e
-            }),
-            l("span", {
-              class: r({
-                "bb-cr-container-option__text": !0,
-                "bb-cr-container-option__text--hidden": a.hideLabel
-              })
-            }, [
-              t(a.$slots, "label", {
-                checked: !!e.selected,
-                item: e.item,
-                text: e.text
-              }, () => [
-                o(d(e.text), 1)
-              ])
-            ], 2)
-          ], 2),
-          t(a.$slots, "option:append", {
-            id: e.valueHash,
-            checked: !!e.selected,
-            disabled: !!e.disabled,
-            item: e.item,
-            text: e.text
-          })
-        ], 64))), 128)),
-        t(a.$slots, "append")
+      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 {
-  _ as default
+  C as default
 };
-//# sourceMappingURL=index230.js.map

package/dist/index231.js

@@ -0,0 +1,46 @@
+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))
+      ])
+    ]));
+  }
+});
+export {
+  E as default
+};

package/dist/index232.js

@@ -1,5 +1,7 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+import o from "./index281.js";
+/* empty css         */
+import t from "./index249.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
 export {
-  s as isCssColor
+  m as default
 };
-//# sourceMappingURL=index232.js.map