bitboss-ui 2.0.143 → 2.0.144

package/dist/index256.js

@@ -1,20 +1,128 @@
-import { isNil as c } from "./index255.js";
-const a = (t, r) => {
-  if (!Object.prototype.hasOwnProperty.call(t, r))
-    throw new Error(
-      `Object ${JSON.stringify(t, null, 2)} has no property named "${r.toString()}"`
-    );
-}, l = (t) => typeof t == "string" ? t.toLocaleLowerCase() : JSON.stringify(t).toLowerCase(), y = (t, r, s) => {
-  const i = s.toLocaleLowerCase();
-  for (let e = 0; e < r.length; e++) {
-    const n = r[e];
-    a(t, n);
-    const o = t[n];
-    if (c(o)) continue;
-    if (l(o).includes(i)) return !0;
+import { arrow as j, computePosition as A } from "./index263.js";
+import { autoUpdate as W, flip as X, hide as Y, offset as Z, platform as ee, shift as ne } from "./index263.js";
+import { isNode as B, getNodeName as F } from "./index309.js";
+import { getOverflowAncestors as le } from "./index309.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 !1;
-};
+  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
+  };
+}
 export {
-  y as matchAnyKey
+  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
 };

package/dist/index257.js

@@ -1,128 +1,108 @@
-import { arrow as j, computePosition as A } from "./index264.js";
-import { autoUpdate as W, flip as X, hide as Y, offset as Z, platform as ee, shift as ne } from "./index264.js";
-import { isNode as B, getNodeName as F } from "./index307.js";
-import { getOverflowAncestors as le } from "./index307.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"
+import { defineComponent as y, ref as F, computed as H, watch as N, openBlock as p, createElementBlock as L, Fragment as S, renderList as V, createBlock as A, normalizeClass as O, withModifiers as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
+import { hash as d } from "./index230.js";
+import { isNil as l } from "./index265.js";
+import E from "./index125.js";
+/* empty css         */
+const K = /* @__PURE__ */ y({
+  __name: "ChipsBox",
+  props: {
+    options: {}
+  },
+  emits: ["option:unselected"],
+  setup(f, { expose: v, emit: h }) {
+    const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
+      const s = l(n.value) ? -1 : n.value;
+      let o = (s + e) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = a(e + 1);
+      return o;
+    }, x = () => {
+      if (!i.value) return;
+      const e = a();
+      n.value = e;
+    }, c = (e = 1) => {
+      const s = l(n.value) ? 0 : n.value;
+      let o = (s - e + t.options.length) % t.options.length;
+      for (; t.options[o].disabled && o !== s; )
+        o = c(e + 1);
+      return o;
+    }, m = async () => {
+      if (!i.value) return;
+      const e = c();
+      n.value = e;
+    }, w = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; t.options[e].disabled; )
+        e++;
+      n.value = e;
+    }, b = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e;
+    }, I = () => {
+      if (!i.value) return;
+      let e = 0;
+      for (; !t.options[e].selected && t.options.length !== e; )
+        e++;
+      n.value = e;
+    }, g = () => {
+      if (!i.value) return;
+      let e = t.options.length - 1;
+      for (; t.options[e].selected && e !== 0; )
+        e--;
+      n.value = e;
+    }, _ = (e) => {
+      if (!i.value) return;
+      const s = t.options.findIndex(
+        (o) => o.valueHash === e
+      );
+      s >= 0 && (n.value = s);
+    }, r = () => {
+      n.value = null;
+    }, k = () => {
+      if (l(n.value)) return;
+      const e = t.options[n.value];
+      e.selected && u("option:unselected", e);
+    }, C = () => l(n.value) ? void 0 : t.options[n.value];
+    return N(
+      () => t.options,
+      (e, s) => {
+        d(e) !== d(s) && r();
+      },
+      {
+        flush: "post"
       }
-    } : {
-      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);
+    ), v({
+      focusNext: x,
+      focusPrevious: m,
+      focusFirst: w,
+      focusFirstSelected: I,
+      focusLast: b,
+      focusLastSelected: g,
+      blur: r,
+      confirmOption: k,
+      focusByHash: _,
+      getHighlighted: C
+    }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
+      key: o.valueHash,
+      class: O({
+        "bb-chipsbox-item": !0,
+        "bb-chipsbox-item--focused": B === n.value
+      }),
+      clearable: !0,
+      text: o.text,
+      "onClick:clear": P((M) => u("option:unselected", o), ["stop"])
+    }, {
+      default: $(() => [
+        z(D(o.text), 1)
+      ]),
+      _: 2
+    }, 1032, ["class", "text", "onClick:clear"]))), 128));
   }
-  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
-  };
-}
+});
 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
+  K as default
 };

package/dist/{index260.js → index259.js}

@@ -1,6 +1,6 @@
 import { defineComponent as F, ref as H, computed as L, watch as N, openBlock as d, createElementBlock as v, Fragment as S, renderList as A, normalizeClass as O, withModifiers as P, toDisplayString as V } from "vue";
-import { hash as f } from "./index210.js";
-import { isNil as i } from "./index255.js";
+import { hash as f } from "./index230.js";
+import { isNil as i } from "./index265.js";
 const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
   __name: "CommaBox",
   props: {

package/dist/index261.js

@@ -0,0 +1,14 @@
+import { ref as t } from "vue";
+const n = () => {
+  const e = t([]);
+  return { array: e, set: (...r) => {
+    e.value = r;
+  }, add: (...r) => {
+    e.value.push(...r);
+  }, remove: (r) => {
+    e.value = e.value.filter(r);
+  } };
+};
+export {
+  n as useArray
+};

package/dist/index262.js

@@ -1,14 +1,230 @@
-import { ref as t } from "vue";
-const n = () => {
-  const e = t([]);
-  return { array: e, set: (...r) => {
-    e.value = r;
-  }, add: (...r) => {
-    e.value.push(...r);
-  }, remove: (r) => {
-    e.value = e.value.filter(r);
-  } };
-};
+import { defineComponent as U, ref as f, computed as x, watch as E, openBlock as d, createElementBlock as c, normalizeClass as $, normalizeStyle as h, withModifiers as X, createElementVNode as p, renderSlot as m, createTextVNode as H, toDisplayString as g, unref as L, Fragment as Z, renderList as ee } from "vue";
+import { isNil as b } from "./index265.js";
+import { useVirtualizer as te } from "./index328.js";
+import { isNotNil as oe } from "./index135.js";
+import { hash as N } from "./index230.js";
+import { useLocale as ne } from "./index221.js";
+const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
+  key: 0,
+  class: "bb-listbox__loading"
+}, se = {
+  key: 1,
+  class: "bb-listbox__no-data"
+}, ae = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__content" }, re = { class: "autocomplete-option__label" }, xe = /* @__PURE__ */ U({
+  __name: "ListBox",
+  props: {
+    compact: { type: Boolean },
+    options: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
+    multiple: { type: Boolean },
+    transitionDuration: { default: 250 },
+    loadingText: {},
+    noDataText: {}
+  },
+  emits: ["option:selected", "option:unselected"],
+  setup(V, { expose: z, emit: C }) {
+    const o = V, _ = C, { t: y } = ne(), s = f(null), O = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = x(
+      () => o.options.map((e) => ({ ...e, id: O(e.value) }))
+    ), v = te({
+      get count() {
+        return o.options.length;
+      },
+      getScrollElement: () => s.value,
+      estimateSize: () => 42,
+      overscan: 5
+    }), F = (e) => {
+      e && v.value.measureElement(e);
+    }, M = x(() => v.value.getVirtualItems()), A = x(() => v.value.getTotalSize()), n = f(null), a = x(
+      () => o.open && o.options.some((e) => !e.disabled)
+    ), I = (e = 1) => {
+      const l = b(n.value) ? -1 : n.value;
+      let t = (l + e) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = I(e + 1);
+      return t;
+    }, P = () => {
+      if (!a.value) return;
+      const e = I();
+      n.value = e, u();
+    }, S = (e = 1) => {
+      const l = b(n.value) ? 0 : n.value;
+      let t = (l - e + o.options.length) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = S(e + 1);
+      return t;
+    }, R = async () => {
+      if (!a.value) return;
+      const e = S();
+      n.value = e, u();
+    }, q = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e].disabled; )
+        e++;
+      n.value = e, u();
+    }, J = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e, u();
+    }, W = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
+        e++;
+      n.value = e % o.options.length, u();
+    }, Y = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].selected && e > 0; )
+        e--;
+      n.value = e === -1 ? o.options.length - 1 : e, u();
+    }, j = (e) => {
+      if (!a.value) return;
+      const l = o.options.findIndex(
+        (t) => t.valueHash === e
+      );
+      l >= 0 && (n.value = l), u();
+    }, k = () => {
+      n.value = null;
+    }, u = () => {
+      s.value && oe(n.value) && v.value.scrollToIndex(n.value, {
+        align: "center",
+        behavior: "smooth"
+      });
+    }, w = () => {
+      if (b(n.value) || !o.open) return;
+      const e = o.options[n.value];
+      e.selected ? _("option:unselected", e) : _("option:selected", e);
+    }, B = f(0), T = () => {
+      s.value && (B.value = s.value.scrollHeight);
+    }, G = (e) => !e.disabled, K = (e) => {
+      if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
+        if (!s.value.querySelector('[role="listbox"]'))
+          throw new Error("Could not find listbox in DOM tree.");
+        let t = e.target, r = t.dataset.index;
+        for (; b(r) && t.parentElement; )
+          t = t.parentElement, r = t.dataset.index;
+        if (r) {
+          const D = o.options[+r];
+          D && G(D) && (n.value = +r, w());
+        }
+      }
+    }, Q = () => b(n.value) ? void 0 : o.options[n.value];
+    return E(
+      () => o.open,
+      () => {
+        T();
+      },
+      { flush: "post" }
+    ), E(
+      () => o.options,
+      (e, l) => {
+        N(e.map((t) => t.valueHash)) !== N(l.map((t) => t.valueHash)) && (v.value.calculateRange(), T(), k());
+      },
+      {
+        flush: "post"
+      }
+    ), z({
+      focusNext: P,
+      focusPrevious: R,
+      focusFirst: q,
+      focusFirstSelected: W,
+      focusLast: J,
+      focusLastSelected: Y,
+      blur: k,
+      confirmOption: w,
+      focusByHash: j,
+      getHighlighted: Q
+    }), (e, l) => (d(), c("div", {
+      class: $(["bb-listbox", {
+        "bb-listbox--compact": e.compact,
+        "bb-listbox--loading": e.loading,
+        "bb-listbox--multiple": e.multiple,
+        "bb-listbox--no-data": !i.value.length,
+        "bb-listbox--open": e.open
+      }]),
+      style: h({
+        "--transition-duration": `${e.transitionDuration}ms`,
+        "--overlay-min-height": `${B.value}px`
+      }),
+      onClick: X(K, ["stop"])
+    }, [
+      p("div", le, [
+        p("div", {
+          ref_key: "inner",
+          ref: s,
+          class: "bb-listbox__inner-container"
+        }, [
+          m(e.$slots, "options:prepend"),
+          e.loading && !e.options.length ? (d(), c("div", ie, [
+            m(e.$slots, "loading", {}, () => [
+              H(g(e.loadingText || L(y)("common.loadingText").value), 1)
+            ])
+          ])) : e.options.length ? (d(), c("div", {
+            key: 2,
+            role: "listbox",
+            style: h({
+              height: `${A.value}px`
+            }),
+            tabindex: "-1"
+          }, [
+            (d(!0), c(Z, null, ee(M.value, (t, r) => (d(), c("div", {
+              key: i.value[t.index].value,
+              ref_for: !0,
+              ref: F,
+              "aria-selected": n.value === r ? !0 : void 0,
+              class: $({
+                "bb-listbox__option autocomplete-option": !0,
+                "autocomplete-option--focused": n.value === t.index,
+                "autocomplete-option--selected": i.value[t.index].selected,
+                "autocomplete-option--disabled": i.value[t.index].disabled
+              }),
+              "data-index": t.index,
+              role: "option",
+              style: h({
+                transform: `translateY(${t.start}px)`
+              })
+            }, [
+              p("span", ue, [
+                m(e.$slots, "option", {
+                  disabled: !!i.value[t.index].disabled,
+                  focused: n.value === t.index,
+                  index: t.index,
+                  item: i.value[t.index].item,
+                  selected: !!i.value[t.index].selected,
+                  text: i.value[t.index].text,
+                  value: i.value[t.index].value
+                }, () => [
+                  l[0] || (l[0] = p("svg", {
+                    class: "autocomplete-option__checkbox",
+                    role: "presentation",
+                    viewBox: "276.411 158.834 114.971 114.97"
+                  }, [
+                    p("path", {
+                      d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
+                      fill: "none",
+                      "stroke-linecap": "round",
+                      "stroke-width": "14px"
+                    })
+                  ], -1)),
+                  p("span", re, g(i.value[t.index].text), 1)
+                ])
+              ])
+            ], 14, ae))), 128))
+          ], 4)) : (d(), c("div", se, [
+            m(e.$slots, "no-data", {}, () => [
+              H(g(e.noDataText || L(y)("common.noDataText").value), 1)
+            ])
+          ])),
+          m(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
+  }
+});
 export {
-  n as useArray
+  xe as default
 };