bitboss-ui 2.0.35 → 2.0.37

package/dist/index219.js

@@ -1,128 +1,160 @@
-import { arrow as j, computePosition as A } from "./index227.js";
-import { autoUpdate as W, flip as X, hide as Y, offset as Z, platform as ee, shift as ne } from "./index227.js";
-import { isNode as B, getNodeName as F } from "./index271.js";
-import { getOverflowAncestors as le } from "./index271.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"
+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 "./index207.js";
+import { useArray as Q } from "./index265.js";
+import { uniqBy as $ } from "./index266.js";
+import { useItemValue as ee } from "./index267.js";
+import { useItemText as te } from "./index268.js";
+import { hash as v } from "./index224.js";
+import { isNotNil as q } from "./index130.js";
+import { waitFor as le } from "./index210.js";
+import { isNil as oe } from "./index125.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
     };
-    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"
+  }, 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)
+    );
+    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);
       }
-    } : {
-      position: c.value,
-      left: R + "px",
-      top: b + "px"
+      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)]
     };
-  });
-  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();
+  }), 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;
     }
-    if (i.value != null && u.value != null) {
-      s = x(i.value, u.value, m);
-      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);
+      }
+    }, l.queryDebounceTime);
+  };
+  Z(() => clearTimeout(h));
+  let x;
+  H(
+    () => l.modelValue.value,
+    () => {
+      A.value || (x && clearTimeout(x), x = setTimeout(async () => {
+        m();
+      }, l.modelValueDebounceTime));
     }
-  }
-  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
+  );
+  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
   };
-}
+};
 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
+  he as useOptions
 };

package/dist/index220.js

@@ -1,125 +1,86 @@
-import { getDefaultExportFromCjs as R, commonjsGlobal as W } from "./index249.js";
-import { __module as G } from "./index270.js";
-(function(V, rt) {
-  (function(b, Z) {
-    V.exports = Z();
-  })(W, function() {
-    var b = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, Z = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, $ = /\d\d/, i = /\d\d?/, y = /\d*[^-_:/,()\s\d]+/, m = {}, U = function(t) {
-      return (t = +t) + (t > 68 ? 1900 : 2e3);
-    }, o = function(t) {
-      return function(r) {
-        this[t] = +r;
-      };
-    }, j = [/[+-]\d\d:?(\d\d)?|Z/, function(t) {
-      (this.zone || (this.zone = {})).offset = function(r) {
-        if (!r || r === "Z") return 0;
-        var n = r.match(/([+-]|\d\d)/g), e = 60 * n[1] + (+n[2] || 0);
-        return e === 0 ? 0 : n[0] === "+" ? -e : e;
-      }(t);
-    }], F = function(t) {
-      var r = m[t];
-      return r && (r.indexOf ? r : r.s.concat(r.f));
-    }, k = function(t, r) {
-      var n, e = m.meridiem;
-      if (e) {
-        for (var c = 1; c <= 24; c += 1) if (t.indexOf(e(c, 0, r)) > -1) {
-          n = c > 12;
-          break;
-        }
-      } else n = t === (r ? "pm" : "PM");
-      return n;
-    }, q = { A: [y, function(t) {
-      this.afternoon = k(t, !1);
-    }], a: [y, function(t) {
-      this.afternoon = k(t, !0);
-    }], S: [/\d/, function(t) {
-      this.milliseconds = 100 * +t;
-    }], SS: [$, function(t) {
-      this.milliseconds = 10 * +t;
-    }], SSS: [/\d{3}/, function(t) {
-      this.milliseconds = +t;
-    }], s: [i, o("seconds")], ss: [i, o("seconds")], m: [i, o("minutes")], mm: [i, o("minutes")], H: [i, o("hours")], h: [i, o("hours")], HH: [i, o("hours")], hh: [i, o("hours")], D: [i, o("day")], DD: [$, o("day")], Do: [y, function(t) {
-      var r = m.ordinal, n = t.match(/\d+/);
-      if (this.day = n[0], r) for (var e = 1; e <= 31; e += 1) r(e).replace(/\[|\]/g, "") === t && (this.day = e);
-    }], M: [i, o("month")], MM: [$, o("month")], MMM: [y, function(t) {
-      var r = F("months"), n = (F("monthsShort") || r.map(function(e) {
-        return e.slice(0, 3);
-      })).indexOf(t) + 1;
-      if (n < 1) throw new Error();
-      this.month = n % 12 || n;
-    }], MMMM: [y, function(t) {
-      var r = F("months").indexOf(t) + 1;
-      if (r < 1) throw new Error();
-      this.month = r % 12 || r;
-    }], Y: [/[+-]?\d+/, o("year")], YY: [$, function(t) {
-      this.year = U(t);
-    }], YYYY: [/\d{4}/, o("year")], Z: j, ZZ: j };
-    function B(t) {
-      var r, n;
-      r = t, n = m && m.formats;
-      for (var e = (t = r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(v, l, f) {
-        var a = f && f.toUpperCase();
-        return l || n[f] || b[f] || n[a].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(M, Y, D) {
-          return Y || D.slice(1);
-        });
-      })).match(Z), c = e.length, h = 0; h < c; h += 1) {
-        var w = e[h], p = q[w], u = p && p[0], d = p && p[1];
-        e[h] = d ? { regex: u, parser: d } : w.replace(/^\[|\]$/g, "");
-      }
-      return function(v) {
-        for (var l = {}, f = 0, a = 0; f < c; f += 1) {
-          var M = e[f];
-          if (typeof M == "string") a += M.length;
-          else {
-            var Y = M.regex, D = M.parser, S = v.slice(a), g = Y.exec(S)[0];
-            D.call(l, g), v = v.replace(g, "");
-          }
-        }
-        return function(L) {
-          var s = L.afternoon;
-          if (s !== void 0) {
-            var x = L.hours;
-            s ? x < 12 && (L.hours += 12) : x === 12 && (L.hours = 0), delete L.afternoon;
-          }
-        }(l), l;
-      };
-    }
-    return function(t, r, n) {
-      n.p.customParseFormat = !0, t && t.parseTwoDigitYear && (U = t.parseTwoDigitYear);
-      var e = r.prototype, c = e.parse;
-      e.parse = function(h) {
-        var w = h.date, p = h.utc, u = h.args;
-        this.$u = p;
-        var d = u[1];
-        if (typeof d == "string") {
-          var v = u[2] === !0, l = u[3] === !0, f = v || l, a = u[2];
-          l && (a = u[2]), m = this.$locale(), !v && a && (m = n.Ls[a]), this.$d = function(S, g, L) {
-            try {
-              if (["x", "X"].indexOf(g) > -1) return new Date((g === "X" ? 1e3 : 1) * S);
-              var s = B(g)(S), x = s.year, A = s.month, I = s.day, J = s.hours, K = s.minutes, N = s.seconds, Q = s.milliseconds, X = s.zone, H = /* @__PURE__ */ new Date(), O = I || (x || A ? 1 : H.getDate()), P = x || H.getFullYear(), T = 0;
-              x && !A || (T = A > 0 ? A - 1 : H.getMonth());
-              var z = J || 0, C = K || 0, E = N || 0, _ = Q || 0;
-              return X ? new Date(Date.UTC(P, T, O, z, C, E, _ + 60 * X.offset * 1e3)) : L ? new Date(Date.UTC(P, T, O, z, C, E, _)) : new Date(P, T, O, z, C, E, _);
-            } catch {
-              return /* @__PURE__ */ new Date("");
-            }
-          }(w, d, p), this.init(), a && a !== !0 && (this.$L = this.locale(a).$L), f && w != this.format(d) && (this.$d = /* @__PURE__ */ new Date("")), m = {};
-        } else if (d instanceof Array) for (var M = d.length, Y = 1; Y <= M; Y += 1) {
-          u[1] = d[Y - 1];
-          var D = n.apply(this, u);
-          if (D.isValid()) {
-            this.$d = D.$d, this.$L = D.$L, this.init();
-            break;
-          }
-          Y === M && (this.$d = /* @__PURE__ */ new Date(""));
-        }
-        else c.call(this, h);
-      };
-    };
-  });
-})(G);
-var tt = G.exports;
-const at = /* @__PURE__ */ R(tt);
+import { defineComponent as b, openBlock as s, createElementBlock as n, 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"
+}, f = /* @__PURE__ */ b({
+  __name: "OptionsContainer",
+  props: {
+    direction: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    loadingText: {},
+    loading: { type: Boolean },
+    noDataText: {},
+    options: {}
+  },
+  setup(k) {
+    return (a, y) => (s(), 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, [
+        t(a.$slots, "prepend"),
+        !a.options.length && a.loading ? (s(), n("span", u, [
+          t(a.$slots, "loading", {}, () => [
+            o(d(a.loadingText), 1)
+          ])
+        ])) : a.options.length ? h("", !0) : (s(), n("span", g, [
+          t(a.$slots, "no-data", {}, () => [
+            o(d(a.noDataText), 1)
+          ])
+        ])),
+        (s(!0), n(c, null, m(a.options, (e, i) => (s(), n(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,
+                "sr-only": 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")
+      ])
+    ], 2));
+  }
+});
 export {
-  at as default
+  f as default
 };