bitboss-ui 2.0.74 → 2.0.77

package/dist/index222.js

@@ -1,54 +1,166 @@
-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 "./index224.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");
+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 "./index213.js";
+import { useArray as E } from "./index266.js";
+import { uniqBy as ne } from "./index267.js";
+import { useItemValue as ue } from "./index268.js";
+import { useItemText as oe } from "./index269.js";
+import { hash as f } from "./index234.js";
+import { isNotNil as F } from "./index134.js";
+import { waitFor as ie } from "./index216.js";
+import { isNil as se } from "./index129.js";
+import { pipe as H } from "./index270.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
     };
-    _(
-      () => s.cursor,
-      (e, a) => {
-        l(e, a);
-      }
+  }, 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 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 }])
-    }, [
-      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));
-  }
-});
+    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);
+      }
+      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)]
+    };
+  }), 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 {
-  C as default
+  xe as useOptions
 };

package/dist/index223.js

@@ -1,46 +1,86 @@
-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",
+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 }
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
   },
-  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
+  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"
+      }])
+    }, [
+      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
           }),
-          disabled: r.disabled,
-          type: "button",
-          onClick: e.handler
-        }, {
-          default: y(() => [
-            x(B(e.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
+          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 {
-  E as default
+  f as default
 };

package/dist/index225.js

@@ -1,62 +1,5 @@
-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 "./index307.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));
-    };
-    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));
-  }
-});
+import r from "./index271.js";
+const t = r;
 export {
-  V as default
+  t as deburr
 };

package/dist/index226.js

@@ -1,4 +1,5 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+import t from "./index275.js";
+const r = t;
 export {
-  s as isCssColor
+  r as throttle
 };

package/dist/index227.js

@@ -1,6 +1,9 @@
-import { curry as e } from "./index276.js";
-const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
+import { ref as e } from "vue";
+const o = e(0), s = () => {
+  o.value++;
+}, a = () => {
+  o.value--;
+}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
 export {
-  t as baseWhen,
-  s as when
+  d as useModalsState
 };

package/dist/index228.js

@@ -1,4 +1,10 @@
-const o = (e) => typeof e == "boolean" ? e : e === "true";
+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 {
-  o as booleanishToBoolean
+  e as useLogger
 };

package/dist/index229.js

@@ -1,128 +1,4 @@
-import { arrow as j, computePosition as A } from "./index235.js";
-import { autoUpdate as W, flip as X, hide as Y, offset as Z, platform as ee, shift as ne } from "./index235.js";
-import { isNode as B, getNodeName as F } from "./index278.js";
-import { getOverflowAncestors as le } from "./index278.js";
-import { computed as a, ref as f, shallowRef as I, watch as h, getCurrentScope as U, onScopeDispose as k, shallowReadonly as r, unref as q } from "vue";
-function z(e) {
-  return e != null && typeof e == "object" && "$el" in e;
-}
-function g(e) {
-  if (z(e)) {
-    const l = e.$el;
-    return B(l) && F(l) === "#comment" ? null : l;
-  }
-  return e;
-}
-function o(e) {
-  return typeof e == "function" ? e() : q(e);
-}
-function K(e) {
-  return {
-    name: "arrow",
-    options: e,
-    fn(l) {
-      const t = g(o(e.element));
-      return t == null ? {} : j({
-        element: t,
-        padding: e.padding
-      }).fn(l);
-    }
-  };
-}
-function M(e) {
-  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function C(e, l) {
-  const t = M(e);
-  return Math.round(l * t) / t;
-}
-function L(e, l, t) {
-  t === void 0 && (t = {});
-  const x = t.whileElementsMounted, V = a(() => {
-    var n;
-    return (n = o(t.open)) != null ? n : !0;
-  }), D = a(() => o(t.middleware)), d = a(() => {
-    var n;
-    return (n = o(t.placement)) != null ? n : "bottom";
-  }), v = a(() => {
-    var n;
-    return (n = o(t.strategy)) != null ? n : "absolute";
-  }), S = a(() => {
-    var n;
-    return (n = o(t.transform)) != null ? n : !0;
-  }), i = a(() => g(e.value)), u = a(() => g(l.value)), p = f(0), w = f(0), c = f(v.value), O = f(d.value), P = I({}), y = f(!1), _ = a(() => {
-    const n = {
-      position: c.value,
-      left: "0",
-      top: "0"
-    };
-    if (!u.value)
-      return n;
-    const R = C(u.value, p.value), b = C(u.value, w.value);
-    return S.value ? {
-      ...n,
-      transform: "translate(" + R + "px, " + b + "px)",
-      ...M(u.value) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: c.value,
-      left: R + "px",
-      top: b + "px"
-    };
-  });
-  let s;
-  function m() {
-    i.value == null || u.value == null || A(i.value, u.value, {
-      middleware: D.value,
-      placement: d.value,
-      strategy: v.value
-    }).then((n) => {
-      p.value = n.x, w.value = n.y, c.value = n.strategy, O.value = n.placement, P.value = n.middlewareData, y.value = !0;
-    });
-  }
-  function E() {
-    typeof s == "function" && (s(), s = void 0);
-  }
-  function N() {
-    if (E(), x === void 0) {
-      m();
-      return;
-    }
-    if (i.value != null && u.value != null) {
-      s = x(i.value, u.value, m);
-      return;
-    }
-  }
-  function $() {
-    V.value || (y.value = !1);
-  }
-  return h([D, d, v], m, {
-    flush: "sync"
-  }), h([i, u], N, {
-    flush: "sync"
-  }), h(V, $, {
-    flush: "sync"
-  }), U() && k(E), {
-    x: r(p),
-    y: r(w),
-    strategy: r(c),
-    placement: r(O),
-    middlewareData: r(P),
-    isPositioned: r(y),
-    floatingStyles: _,
-    update: m
-  };
-}
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  K as arrow,
-  W as autoUpdate,
-  A as computePosition,
-  X as flip,
-  le as getOverflowAncestors,
-  Y as hide,
-  Z as offset,
-  ee as platform,
-  ne as shift,
-  L as useFloating
+  s as isCssColor
 };

package/dist/index23.js

@@ -1,26 +1,26 @@
 import { defineComponent as ae, ref as o, computed as v, watch as oe, openBlock as w, createBlock as V, normalizeClass as B, withCtx as i, renderSlot as d, createVNode as E, withDirectives as ne, createElementVNode as r, mergeProps as I, unref as c, withModifiers as re, toDisplayString as F, Teleport as le, normalizeStyle as ie, KeepAlive as se, createCommentVNode as L } from "vue";
-import { useFloating as ue } from "./index229.js";
-import n from "./index212.js";
-import de from "./index230.js";
-import ce from "./index215.js";
-import pe from "./index213.js";
-import me from "./index214.js";
-import { identity as fe } from "./index231.js";
-import { last as be } from "./index219.js";
-import { useFocusTrap as ve } from "./index232.js";
+import { useFloating as ue } from "./index206.js";
+import n from "./index207.js";
+import de from "./index208.js";
+import ce from "./index209.js";
+import pe from "./index210.js";
+import me from "./index211.js";
+import { identity as fe } from "./index212.js";
+import { last as be } from "./index213.js";
+import { useFocusTrap as ve } from "./index214.js";
 import { useId as ye } from "./index8.js";
 import { useIntersectionObserver as ge } from "./index132.js";
 import { useMobile as ke } from "./index9.js";
-import { vMaska as Me } from "./index208.js";
+import { vMaska as Me } from "./index215.js";
 import { wait as he } from "./index131.js";
-import { waitFor as we } from "./index233.js";
+import { waitFor as we } from "./index216.js";
 import Ve from "./index21.js";
 /* empty css        */
-import Ce from "./index205.js";
+import Ce from "./index217.js";
 /* empty css         */
-import Ye from "./index207.js";
-import Ae from "./index234.js";
-import { autoUpdate as De, flip as Se, offset as $e, shift as Oe, hide as _e } from "./index235.js";
+import Ye from "./index219.js";
+import Ae from "./index220.js";
+import { autoUpdate as De, flip as Se, offset as $e, shift as Oe, hide as _e } from "./index221.js";
 const Be = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Ee = ["disabled"], Ie = { class: "sr-only" }, Fe = ["id"], rt = /* @__PURE__ */ ae({
   __name: "BaseDatePickerInput",
   props: {