bitboss-ui 2.0.72 → 2.0.73

package/dist/index236.js

@@ -1,251 +1,166 @@
-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 "./index308.js";
-import { identity as be } from "./index228.js";
-import { isNotNil as me } from "./index134.js";
-import { last as ge } from "./index229.js";
-import { sort as T } from "./index309.js";
-import b from "./index223.js";
-import he from "./index239.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");
+import { ref as s, computed as a, onServerPrefetch as $, onBeforeMount as ee, onBeforeUnmount as te, watch as b, nextTick as Q } from "vue";
+import { last as le } from "./index220.js";
+import { useArray as E } from "./index277.js";
+import { uniqBy as ne } from "./index278.js";
+import { useItemValue as ue } from "./index279.js";
+import { useItemText as oe } from "./index280.js";
+import { hash as f } from "./index219.js";
+import { isNotNil as F } from "./index134.js";
+import { waitFor as ie } from "./index231.js";
+import { isNil as se } from "./index129.js";
+import { pipe as H } from "./index281.js";
+const xe = (t) => {
+  const r = s(""), P = s(), o = (e) => {
+    P.value = e, t.emit("update:modelValue", e);
+  }, m = s([]), {
+    array: k,
+    add: j,
+    remove: J,
+    set: h
+  } = E(), {
+    array: O,
+    add: L,
+    remove: U
+  } = E(), { getItemText: z } = oe(), { getItemValue: G } = ue();
+  if (t.max && t.max < 1)
+    throw new Error("Invalid value for `max` property");
+  const B = (e) => {
+    const l = !!(t.disabled.value || e.disabled), n = z(e, t.itemText), u = G(e, t.itemValue);
+    if (u === 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 _ = f(u);
+    return {
+      item: e,
+      text: n,
+      value: u,
+      valueHash: _,
+      disabled: l,
+      selected: !1
     };
-    le(
-      () => a.cursor,
-      (e, r) => {
-        K(e, r);
-      }
+  }, V = (e) => (e.selected = F(q.value[e.valueHash]), e), K = t.max || 1 / 0, g = (e) => (e.disabled = e.disabled || t.multiple && t.modelValue.value.length >= K && !e.selected, e), x = a(() => {
+    const e = [].concat(
+      m.value.map(H(B, V, g)),
+      O.value.map(H(V, g)),
+      k.value.map(H(V, g))
     );
-    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);
+    return ne(e, (n) => n.valueHash);
+  }), R = (e) => {
+    t.multiple ? (o(t.modelValue.value.concat(e.value)), t.stash && j(e), t.resetQueryOnOptionSelected && i()) : (t.stash && h(e), o(e.value), Q(() => i()));
+  }, W = async (e) => {
+    if (U((l) => l.valueHash !== e.valueHash), J((l) => l.valueHash !== e.valueHash), t.multiple) {
+      const l = { ...q.value };
+      delete l[e.valueHash], o(Object.values(l));
+    } else
+      o(null), await Q(), i();
+  }, q = a(() => {
+    const e = {}, l = [].concat(t.modelValue.value);
+    for (let n = 0; n < l.length; n++) {
+      const u = l[n];
+      e[f(u)] = u;
+    }
+    return e;
+  }), I = async ({ prefill: e = !1 }) => {
+    let l = [];
+    if (Array.isArray(t.items.value))
+      l = t.items.value;
+    else if (typeof t.items.value == "function") {
+      const n = ++d.value;
+      try {
+        l = await t.items.value(
+          r.value,
+          e,
+          t.modelValue.value
+        ), n < d.value && (await ie(() => n === d.value), l = m.value);
+      } catch (u) {
+        console.error(u);
       }
-      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();
+      d.value--;
+    }
+    m.value = l;
+  }, C = a(() => {
+    const e = {};
+    for (let l = 0; l < x.value.length; l++) {
+      const n = x.value[l], { valueHash: u } = n;
+      e[u] = n;
+    }
+    return {
+      get: (l) => e[f(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));
-  }
-});
+  }), c = a(() => [].concat(t.modelValue.value).reduce((e, l) => {
+    const n = C.value.get(l);
+    return n && e.push(n), e;
+  }, [])), M = (e) => F(C.value.get(e)), i = () => {
+    if (t.multiple) {
+      r.value = "";
+      return;
+    }
+    let e;
+    c.value && (e = le(c.value)), r.value = (e == null ? void 0 : e.text) || "";
+  }, X = () => {
+    const e = r.value.trim(), l = B(e);
+    L(l), i();
+  }, d = s(0), A = a(() => [].concat(t.modelValue.value).reduce(
+    (e, l) => (M(l) ? e.coherent.push(l) : e.incoherent.push(l), e),
+    { coherent: [], incoherent: [] }
+  )), D = a(() => t.multiple && !t.modelValue.value.length || !t.multiple && se(t.modelValue.value) ? !0 : !A.value.incoherent.length), Y = () => {
+    t.enforceCoherence && !D.value && (t.multiple ? o(A.value.coherent) : o(null));
+  }, y = s(!1), w = s(!1), v = async () => {
+    w.value = !0, await I({ prefill: !0 }), Y(), i(), y.value = !0, w.value = !1;
+  };
+  $(async () => {
+    t.prefill && (await v(), t.stash && h(...c.value));
+  }), ee(async () => {
+    t.prefill && !y.value && (await v(), t.stash && h(...c.value));
+  });
+  let T;
+  const Z = () => {
+    T && clearTimeout(T), T = setTimeout(async () => {
+      try {
+        await I({ prefill: !1 });
+      } catch (e) {
+        console.error(e);
+      }
+    }, t.queryDebounceTime);
+  };
+  te(() => clearTimeout(T));
+  let p;
+  b(
+    () => t.modelValue.value,
+    () => {
+      D.value || (p && clearTimeout(p), p = setTimeout(async () => {
+        v();
+      }, t.modelValueDebounceTime));
+    }
+  );
+  let S;
+  const N = async (e, l) => {
+    f(l) !== f(e) && y.value && (S && clearTimeout(S), S = setTimeout(async () => {
+      await v();
+    }, t.depsDebounceTime));
+  };
+  return b(() => t.items.value, N), b(() => t.dependencies.value, N), {
+    addCurrentQueryToManualItems: X,
+    alignQueryToState: i,
+    getOptions: I,
+    hasPrefilled: y,
+    innerLoading: d,
+    isPrefilling: w,
+    manualItems: O,
+    options: x,
+    prefillItems: v,
+    query: r,
+    searchByQuery: Z,
+    selectedOptions: c,
+    selectOption: R,
+    setStash: h,
+    unselectOption: W,
+    updateModelValue: o,
+    valueIsSelected: M,
+    internalItems: m
+  };
+};
 export {
-  Ce as default
+  xe as useOptions
 };

package/dist/index237.js

@@ -1,54 +1,86 @@
-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 "./index239.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",
+import { defineComponent as b, openBlock as t, createElementBlock as n, normalizeClass as r, createElementVNode as l, renderSlot as s, 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"
+}, f = /* @__PURE__ */ b({
+  __name: "OptionsContainer",
   props: {
-    cursor: {},
-    disabled: { type: Boolean },
-    hidden: { type: Boolean }
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
   },
-  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 }])
+  setup(k) {
+    return (a, y) => (t(), n("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"
+      }])
     }, [
-      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)
+      l("span", p, [
+        s(a.$slots, "prepend"),
+        !a.options.length && a.loading ? (t(), n("span", u, [
+          s(a.$slots, "loading", {}, () => [
+            o(d(a.loadingText), 1)
+          ])
+        ])) : a.options.length ? h("", !0) : (t(), n("span", g, [
+          s(a.$slots, "no-data", {}, () => [
+            o(d(a.noDataText), 1)
+          ])
+        ])),
+        (t(!0), n(c, null, m(a.options, (e, i) => (t(), n(c, {
+          key: (e == null ? void 0 : e.valueHash) || i
+        }, [
+          s(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 }])
+          }, [
+            s(a.$slots, "input", {
+              index: i,
+              option: e
+            }),
+            l("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": a.hideLabel
+              })
+            }, [
+              s(a.$slots, "label", {
+                checked: !!e.selected,
+                item: e.item,
+                text: e.text
+              }, () => [
+                o(d(e.text), 1)
+              ])
+            ], 2)
+          ], 2),
+          s(a.$slots, "option:append", {
+            id: e.valueHash,
+            checked: !!e.selected,
+            disabled: !!e.disabled,
+            item: e.item,
+            text: e.text
+          })
+        ], 64))), 128)),
+        s(a.$slots, "append")
       ])
     ], 2));
   }
 });
 export {
-  C as default
+  f as default
 };

package/dist/index239.js

@@ -1,7 +1,6 @@
-import o from "./index292.js";
-/* empty css         */
-import t from "./index259.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  m as default
+  x as isHex
 };