bitboss-ui 2.0.142 → 2.0.144

package/dist/index243.js

@@ -1,252 +1,88 @@
-import { defineComponent as le, ref as A, computed as _, watch as ce, openBlock as c, createElementBlock as u, normalizeClass as k, withKeys as f, 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 "./index215.js";
-import { isNotNil as me } from "./index135.js";
-import { last as ge } from "./index216.js";
-import { sort as E } from "./index329.js";
-import b from "./index209.js";
-import he from "./index246.js";
-const ye = ["onKeydown"], _e = { class: "bb-base-date-picker__header-container" }, ke = ["abbr"], Oe = ["id", "disabled", "tabindex"], Ce = /* @__PURE__ */ le({
-  __name: "BaseDatePickerInputDaySelector",
+import { defineComponent as h, openBlock as n, createElementBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as t, createTextVNode as o, toDisplayString as d, unref as b, createCommentVNode as p, Fragment as m, renderList as u } from "vue";
+import { useLocale as g } from "./index221.js";
+const k = { class: "bb-cr-container__container" }, y = {
+  key: 0,
+  class: "bb-cr-container__loading-container"
+}, $ = {
+  key: 1,
+  class: "bb-cr-container__no-data-container"
+}, C = /* @__PURE__ */ h({
+  __name: "OptionsContainer",
   props: {
-    cursor: {},
-    current: { type: Boolean },
-    disabled: { type: Boolean },
-    firstDayOfWeek: {},
-    id: {},
-    modelValue: {},
-    max: {},
-    min: {},
-    selectable: { type: Function },
-    range: { type: Boolean },
-    multiple: { type: Boolean },
-    readonly: { type: Boolean }
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
   },
-  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
-        };
-      });
-      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);
-      }
-      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);
-      }
-      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(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"])
-      ]
+  setup(f) {
+    const { t: i } = g();
+    return (a, T) => (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"
+      }])
     }, [
-      ue(he, {
-        direction: w.value,
-        gap: 30
-      }, {
-        default: fe(() => [
-          (c(), u("div", {
-            key: e.cursor.month().toString(),
-            class: "bb-base-date-picker__month"
+      l("span", k, [
+        t(a.$slots, "prepend"),
+        !a.options.length && a.loading ? (n(), s("span", y, [
+          t(a.$slots, "loading", {}, () => [
+            o(d(a.loadingText || b(i)("common.loadingText")), 1)
+          ])
+        ])) : a.options.length ? p("", !0) : (n(), s("span", $, [
+          t(a.$slots, "no-data", {}, () => [
+            o(d(a.noDataText || b(i)("common.noDataText")), 1)
+          ])
+        ])),
+        (n(!0), s(m, null, u(a.options, (e, c) => (n(), s(m, {
+          key: (e == null ? void 0 : e.valueHash) || c
+        }, [
+          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 }])
           }, [
-            M("div", _e, [
-              (c(!0), u(O, null, S(K.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"
+            t(a.$slots, "input", {
+              index: c,
+              option: e
+            }),
+            l("span", {
+              class: r({
+                "bb-cr-container-option__text": !0,
+                "sr-only": a.hideLabel
+              })
             }, [
-              (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: 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));
+              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")
+      ])
+    ], 2));
   }
 });
 export {
-  Ce as default
+  C as default
 };

package/dist/index245.js

@@ -1,46 +1,31 @@
-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))
-      ])
-    ]));
-  }
-});
+import { ref as a, computed as s, unref as v } from "vue";
+import { useDebounceFn as f } from "./index206.js";
+const p = (u) => {
+  const e = a(0), r = s(() => v(u.items)), t = a([]), n = async (...l) => {
+    if (Array.isArray(r.value))
+      t.value = r.value;
+    else if (typeof r.value == "function") {
+      const i = ++e.value;
+      try {
+        const o = await r.value(...l);
+        if (i < e.value) {
+          e.value--;
+          return;
+        } else
+          t.value = o;
+      } catch (o) {
+        console.error(o);
+      }
+      e.value--;
+    }
+  }, c = f(n, u.debounce || 0);
+  return {
+    getter: n,
+    debouncedGetter: c,
+    items: t,
+    loading: s(() => !!e.value)
+  };
+};
 export {
-  E as default
+  p as useItemsGetter
 };

package/dist/index246.js

@@ -1,7 +1,19 @@
-import o from "./index299.js";
-/* empty css         */
-import t from "./index288.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
+import { computed as i, unref as m } from "vue";
+import { hash as s } from "./index230.js";
+const p = ({ items: a, key: r }) => {
+  const n = i(() => {
+    const t = {}, c = new Array().concat(m(a));
+    for (let e = 0; e < c.length; e++) {
+      const o = c[e], u = r ? String(o[r]) : s(o);
+      t[u] = o;
+    }
+    return t;
+  });
+  return {
+    data: n,
+    get: (t) => r ? n.value[String(t[r])] : n.value[s(t)]
+  };
+};
 export {
-  m as default
+  p as useIndexById
 };

package/dist/index247.js

@@ -1,62 +1,53 @@
-import { defineComponent as g, ref as i, computed as d, onMounted as h, openBlock as u, createElementBlock as m, createElementVNode as y, Fragment as x, renderList as B, createBlock as C, normalizeClass as S, withCtx as T, createTextVNode as E, toDisplayString as w } from "vue";
-import { range as H } from "./index330.js";
-import M from "./index13.js";
-/* empty css        */
-const n = 10, l = 3, V = /* @__PURE__ */ g({
-  __name: "BaseDatePickerYearSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:year"],
-  setup(p, { emit: _ }) {
-    const f = p, b = _, o = i(), r = d(() => f.cursor.year()), c = i(r.value - n * l), s = i(r.value + n * l), v = d(
-      () => H(c.value, s.value).map((e) => ({
-        text: e,
-        key: e,
-        selected: e === r.value,
-        handler: () => b("update:year", e)
-      }))
-    ), k = (e) => {
-      const t = e.target;
-      t.scrollTop <= 100 ? c.value = Math.max(
-        c.value - n * l,
-        r.value - 200
-      ) : t.scrollHeight - t.scrollTop === t.clientHeight && (s.value = Math.min(s.value + n * l, 2101));
+import { computed as c, unref as n } from "vue";
+import { useItemText as y } from "./index307.js";
+import { useItemValue as x } from "./index285.js";
+import { hash as w } from "./index230.js";
+import { useLogger as D } from "./index232.js";
+const { getItemText: O } = y(), { getItemValue: V } = x(), { warn: H } = D(), T = (i, d, t, a, f, u) => u ? !1 : d || i.disabled ? !0 : typeof t == "function" ? !t(i) : !!(typeof t == "boolean" && !t || a && f >= a), q = ({
+  items: i,
+  disabled: d,
+  selectable: t,
+  itemText: a,
+  itemValue: f,
+  selectedIndexedByHash: u,
+  max: b = 1 / 0
+}) => {
+  const v = c(() => n(d)), p = c(() => n(i)), h = c(
+    () => Object.keys(u.value).length
+  ), g = n(b), m = (e) => {
+    const r = V(e, n(f)), o = w(r), l = O(e, n(a)), s = u.value[o] !== void 0, I = T(
+      e,
+      v.value,
+      t,
+      g,
+      h.value,
+      s
+    );
+    return {
+      item: e,
+      text: l,
+      value: r,
+      valueHash: o,
+      selected: s,
+      disabled: n(I)
     };
-    return h(() => {
-      if (!o.value) return;
-      const e = o.value.querySelector(
-        ".content__btn--selected"
-      );
-      e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
-    }), (e, t) => (u(), m("div", {
-      ref_key: "container",
-      ref: o,
-      class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
-    }, [
-      y("div", {
-        class: "content",
-        onScrollPassive: k
-      }, [
-        (u(!0), m(x, null, B(v.value, (a) => (u(), C(M, {
-          key: a.key,
-          class: S({
-            content__btn: !0,
-            "content__btn--selected": a.selected
-          }),
-          disabled: e.disabled,
-          onClick: a.handler
-        }, {
-          default: T(() => [
-            E(w(a.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ], 32)
-    ], 512));
-  }
-});
+  };
+  return {
+    options: c(() => {
+      const e = [], r = /* @__PURE__ */ new Set();
+      for (let o = 0; o < p.value.length; o++) {
+        const l = p.value[o];
+        l.disabled && H(
+          "Disabling an item by passing a disabled option to the item itself is deprecated and will be removed in a future version. Use the `disabled` prop or the `selectable` iteratee prop instead."
+        );
+        const s = m(l);
+        r.has(s.valueHash) || (r.add(s.valueHash), e.push(s));
+      }
+      return e;
+    }),
+    createOption: m
+  };
+};
 export {
-  V as default
+  q as useBaseOptions
 };

package/dist/index248.js

@@ -1,6 +1,17 @@
-function x(e) {
-  return /^#([A-Fa-f0-9]{6})$/.test(e);
-}
+import { isNil as f } from "./index265.js";
+import { computed as t, unref as o } from "vue";
+const a = ({ modelValue: e, iteratee: h, multiple: u }) => {
+  const i = t(
+    () => new Array().concat(o(e))
+  ), s = t(() => i.value.reduce(
+    (r, n) => (h(n) ? r.coherent.push(n) : r.incoherent.push(n), r),
+    { coherent: [], incoherent: [] }
+  )), c = t(() => u && !o(e).length || !u && f(o(e)) ? !0 : !s.value.incoherent.length);
+  return {
+    status: s,
+    coherent: c
+  };
+};
 export {
-  x as isHex
+  a as useCoherence
 };