bitboss-ui 2.0.175 → 2.1.0

package/dist/index232.js

@@ -1,122 +1,31 @@
-import { defineComponent as _, mergeModels as B, useModel as V, ref as r, watch as b, onMounted as A, computed as D, createBlock as c, openBlock as g, resolveDynamicComponent as w, normalizeStyle as x, normalizeClass as S, unref as s, withCtx as y, renderSlot as h, createCommentVNode as z, mergeProps as k, createElementVNode as C } from "vue";
-import { useFloating as E, arrow as N } from "./index329.js";
-import { flip as F, offset as H, shift as U, hide as j, autoUpdate as q } from "./index330.js";
-const G = { class: "bb-common-popover__bubble" }, O = /* @__PURE__ */ _({
-  __name: "CommonPopover",
-  props: /* @__PURE__ */ B({
-    arrowPadding: {},
-    offset: {},
-    block: { type: Boolean },
-    padding: { default: 0 },
-    placement: {},
-    transitionDuration: { default: 250 },
-    containerAttributes: {},
-    dialog: { type: Boolean },
-    renderContent: { type: Boolean, default: !0 },
-    tag: { default: "span" }
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(i) {
-    const a = i, l = V(i, "modelValue"), d = r(l.value);
-    l.value = !1;
-    const u = r(), o = r(), p = r(), { floatingStyles: M, placement: $, middlewareData: n } = E(
-      u,
-      o,
-      {
-        placement: a.placement,
-        whileElementsMounted: q,
-        middleware: [
-          F(),
-          H(a.offset),
-          U({ padding: a.padding }),
-          j(),
-          N({
-            element: p,
-            padding: a.arrowPadding
-          })
-        ],
-        strategy: "fixed"
+import { ref as a, computed as s, unref as v } from "vue";
+import { useDebounceFn as f } from "./index207.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);
       }
-    );
-    b(
-      () => {
-        var e, t;
-        return (t = (e = n.value) == null ? void 0 : e.hide) == null ? void 0 : t.referenceHidden;
-      },
-      (e) => {
-        e && (l.value = !1);
-      }
-    ), b(l, (e) => {
-      e ? o.value && (a.dialog ? o.value.showModal() : o.value.showPopover()) : o.value && (a.dialog ? o.value.close() : o.value.hidePopover());
-    }), A(() => {
-      d.value && o.value && (l.value = d.value, a.dialog ? o.value.showModal() : o.value.showPopover());
-    });
-    const P = D(() => {
-      if (n.value.arrow) {
-        const { x: e, y: t } = n.value.arrow;
-        return {
-          style: {
-            left: `${e}px`,
-            top: `${t}px`
-          }
-        };
-      }
-    });
-    return (e, t) => (g(), c(w(e.dialog ? "div" : e.tag), {
-      ref_key: "wrapper",
-      ref: u,
-      class: S(["bb-common-popover", {
-        "bb-common-popover--open": l.value && !!o.value,
-        "bb-common-popover--block": a.block,
-        [`bb-common-popover--${s($)}`]: !0
-      }]),
-      style: x({
-        "--transition-duration": `${a.transitionDuration}ms`
-      })
-    }, {
-      default: y(() => {
-        var m, f, v;
-        return [
-          h(e.$slots, "activator"),
-          e.renderContent ? (g(), c(w(e.dialog ? "dialog" : e.tag), k({
-            key: 0,
-            ref_key: "content",
-            ref: o,
-            class: ["bb-common-popover__bubble-container", {
-              "bb-common-popover__bubble-container--open": l.value && !!o.value
-            }],
-            popover: "manual",
-            style: {
-              ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
-              ...s(M),
-              "--arrow-offset-x": Math.round(((v = (f = s(n)) == null ? void 0 : f.arrow) == null ? void 0 : v.x) ?? 0) + "px",
-              "--page-padding": `${e.padding}px`
-            },
-            tabindex: l.value ? void 0 : -1
-          }, e.containerAttributes, {
-            onClose: t[0] || (t[0] = (I) => l.value = !1)
-          }), {
-            default: y(() => [
-              C("span", k({
-                ref_key: "bubblearrow",
-                ref: p,
-                class: "bb-common-popover__arrow"
-              }, P.value), null, 16),
-              C("span", G, [
-                h(e.$slots, "default")
-              ])
-            ]),
-            _: 3
-          }, 16, ["class", "style", "tabindex"])) : z("", !0)
-        ];
-      }),
-      _: 3
-    }, 8, ["class", "style"]));
-  }
-});
+      e.value--;
+    }
+  }, c = f(n, u.debounce || 0);
+  return {
+    getter: n,
+    debouncedGetter: c,
+    items: t,
+    loading: s(() => !!e.value)
+  };
+};
 export {
-  O as default
+  p as useItemsGetter
 };

package/dist/index233.js

@@ -0,0 +1,18 @@
+import { isNotNil as n } from "./index140.js";
+import { ref as t, onServerPrefetch as u, onBeforeMount as c } from "vue";
+const h = ({
+  fn: i,
+  onStart: s,
+  multiple: f,
+  currentValue: o
+}) => {
+  const a = s || !f && n(o) || f && !!o.length, e = t(!1), l = t(!1), r = async () => {
+    e.value = !0, await i({ prefill: !0 }), e.value = !1, l.value = !0;
+  };
+  return a && (u(r), c(async () => {
+    l.value || await r();
+  })), { isPrefilling: e, hasPrefilled: l, prefill: r };
+};
+export {
+  h as usePrefill
+};

package/dist/index234.js

@@ -1,230 +1,19 @@
-import { defineComponent as U, ref as f, computed as x, watch as E, createElementBlock as d, openBlock as p, withModifiers as X, normalizeStyle as h, normalizeClass as $, createElementVNode as c, 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 "./index237.js";
-import { useVirtualizer as te } from "./index334.js";
-import { isNotNil as oe } from "./index140.js";
-import { hash as N } from "./index215.js";
-import { useLocale as ne } from "./index222.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) => (p(), d("span", {
-      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"])
-    }, [
-      c("span", le, [
-        c("span", {
-          ref_key: "inner",
-          ref: s,
-          class: "bb-listbox__inner-container"
-        }, [
-          m(e.$slots, "options:prepend"),
-          e.loading && !e.options.length ? (p(), d("span", ie, [
-            m(e.$slots, "loading", {}, () => [
-              H(g(e.loadingText || L(y)("common.loadingText").value), 1)
-            ])
-          ])) : e.options.length ? (p(), d("span", {
-            key: 2,
-            role: "listbox",
-            style: h({
-              height: `${A.value}px`
-            }),
-            tabindex: "-1"
-          }, [
-            (p(!0), d(Z, null, ee(M.value, (t, r) => (p(), d("span", {
-              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)`
-              })
-            }, [
-              c("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] = c("svg", {
-                    class: "autocomplete-option__checkbox",
-                    role: "presentation",
-                    viewBox: "276.411 158.834 114.971 114.97"
-                  }, [
-                    c("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)),
-                  c("span", re, g(i.value[t.index].text), 1)
-                ])
-              ])
-            ], 14, ae))), 128))
-          ], 4)) : (p(), d("span", se, [
-            m(e.$slots, "no-data", {}, () => [
-              H(g(e.noDataText || L(y)("common.noDataText").value), 1)
-            ])
-          ])),
-          m(e.$slots, "options:append")
-        ], 512)
-      ])
-    ], 6));
-  }
-});
+import { computed as i, unref as m } from "vue";
+import { hash as s } from "./index237.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 {
-  xe as default
+  p as useIndexById
 };

package/dist/index235.js

@@ -1,4 +1,53 @@
-const o = (e) => e[0];
+import { computed as l, unref as o } from "vue";
+import { useItemText as x } from "./index288.js";
+import { useItemValue as w } from "./index271.js";
+import { hash as y } from "./index237.js";
+import { useLogger as D } from "./index244.js";
+const { getItemText: O } = x(), { getItemValue: V } = w(), { warn: H } = D(), T = (u, c, m, a, d, r) => r ? !1 : !!(c || u.disabled || a && d >= a), q = ({
+  items: u,
+  disabled: c,
+  selectable: m,
+  itemText: a,
+  itemValue: d,
+  selectedIndexedByHash: r,
+  max: b = 1 / 0
+}) => {
+  const v = l(() => o(c)), p = l(() => o(u)), h = l(
+    () => Object.keys(r.value).length
+  ), g = o(b), f = (e) => {
+    const n = V(e, o(d)), t = y(n), i = O(e, o(a)), s = r.value[t] !== void 0, I = T(
+      e,
+      v.value,
+      m,
+      g,
+      h.value,
+      s
+    );
+    return {
+      item: e,
+      text: i,
+      value: n,
+      valueHash: t,
+      selected: s,
+      disabled: o(I)
+    };
+  };
+  return {
+    options: l(() => {
+      const e = [], n = /* @__PURE__ */ new Set();
+      for (let t = 0; t < p.value.length; t++) {
+        const i = p.value[t];
+        i.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 = f(i);
+        n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
+      }
+      return e;
+    }),
+    createOption: f
+  };
+};
 export {
-  o as head
+  q as useBaseOptions
 };

package/dist/index236.js

@@ -1,4 +1,17 @@
-const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
+import { isNil as f } from "./index259.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 {
-  s as isCssColor
+  a as useCoherence
 };

package/dist/index237.js

@@ -1,4 +1,5 @@
-const r = (e) => typeof e > "u" || e === null;
+import { hash as o } from "./index289.js";
+const t = (r, h = "bb") => `${h}${o(r)}`;
 export {
-  r as isNil
+  t as hash
 };

package/dist/index238.js

@@ -1,43 +1,14 @@
-import { unrefElement as g } from "./index137.js";
-import { toArray as A, notNullish as D, tryOnScopeDispose as y } from "./index206.js";
-import { createFocusTrap as F } from "./index283.js";
-import { shallowRef as n, computed as T, toValue as i, watch as w } from "vue";
-function N(f, a = {}) {
-  let t;
-  const { immediate: l, ...p } = a, o = n(!1), r = n(!1), c = (e) => t && t.activate(e), u = (e) => t && t.deactivate(e), v = () => {
-    t && (t.pause(), r.value = !0);
-  }, m = () => {
-    t && (t.unpause(), r.value = !1);
-  }, h = T(() => {
-    const e = i(f);
-    return A(e).map((d) => {
-      const s = i(d);
-      return typeof s == "string" ? s : g(s);
-    }).filter(D);
-  });
-  return w(
-    h,
-    (e) => {
-      e.length && (t = F(e, {
-        ...p,
-        onActivate() {
-          o.value = !0, a.onActivate && a.onActivate();
-        },
-        onDeactivate() {
-          o.value = !1, a.onDeactivate && a.onDeactivate();
-        }
-      }), l && c());
+import { hash as e } from "./index237.js";
+import { debouncedWatch as s } from "./index207.js";
+const n = (o, c, h) => {
+  s(
+    o,
+    (r, t) => {
+      e(r) !== e(t) && c(r, t);
     },
-    { flush: "post" }
-  ), y(() => u()), {
-    hasFocus: o,
-    isPaused: r,
-    activate: c,
-    deactivate: u,
-    pause: v,
-    unpause: m
-  };
-}
+    h
+  );
+};
 export {
-  N as useFocusTrap
+  n as useHashedWatcher
 };

package/dist/index239.js

@@ -1,9 +1,6 @@
-import { ref as e } from "vue";
-const o = e(0), s = () => {
-  o.value++;
-}, a = () => {
-  o.value--;
-}, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  d as useModalsState
+  x as isHex
 };