bitboss-ui 2.1.88 → 2.1.90

package/dist/index246.js

@@ -1,18 +1,19 @@
-import { isNotNil as n } from "./index144.js";
-import { ref as t, onServerPrefetch as u, onBeforeMount as c } from "vue";
-const h = ({
-  fn: i,
-  onStart: s,
-  multiple: f,
-  currentValue: o
+import { computed as u, unref as a } from "vue";
+import { hash as d } from "./index223.js";
+const p = ({
+  items: m,
+  key: e
 }) => {
-  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 };
+  const n = (t) => e ? String(t[e]) : d(t), o = u(() => {
+    const t = {}, s = Array.from(a(m) ?? []);
+    for (let r = 0; r < s.length; r++) {
+      const c = s[r];
+      t[n(c)] = c;
+    }
+    return t;
+  });
+  return { data: o, get: (t) => o.value[n(t)] };
 };
 export {
-  h as usePrefill
+  p as useIndexById
 };

package/dist/index247.js

@@ -1,6 +1,53 @@
-import { curry as e } from "./index312.js";
-const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
+import { computed as l, unref as o } from "vue";
+import { useItemText as x } from "./index297.js";
+import { useItemValue as w } from "./index260.js";
+import { hash as y } from "./index223.js";
+import { useLogger as D } from "./index226.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 {
-  t as baseWhen,
-  s as when
+  q as useBaseOptions
 };

package/dist/index248.js

@@ -1,108 +1,17 @@
-import { defineComponent as y, ref as F, computed as H, watch as N, createElementBlock as L, openBlock as p, Fragment as S, renderList as V, createBlock as A, withModifiers as O, normalizeClass as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
-import { hash as d } from "./index237.js";
-import { isNil as l } from "./index275.js";
-import E from "./index67.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"
-      }
-    ), 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: P({
-        "bb-chipsbox-item": !0,
-        "bb-chipsbox-item--focused": B === n.value
-      }),
-      clearable: !0,
-      text: o.text,
-      "onClick:clear": O((M) => u("option:unselected", o), ["stop"])
-    }, {
-      default: $(() => [
-        z(D(o.text), 1)
-      ]),
-      _: 2
-    }, 1032, ["class", "text", "onClick:clear"]))), 128));
-  }
-});
+import { isNil as f } from "./index258.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 {
-  K as default
+  a as useCoherence
 };

package/dist/index249.js

@@ -0,0 +1,14 @@
+import { hash as e } from "./index223.js";
+import { debouncedWatch as s } from "./index216.js";
+const n = (o, c, h) => {
+  s(
+    o,
+    (r, t) => {
+      e(r) !== e(t) && c(r, t);
+    },
+    h
+  );
+};
+export {
+  n as useHashedWatcher
+};

package/dist/index25.js

@@ -1,7 +1,7 @@
 import { defineComponent as I, mergeModels as M, useModel as W, computed as h, ref as g, watch as N, onMounted as P, createElementBlock as n, openBlock as r, withModifiers as F, normalizeStyle as O, normalizeClass as q, unref as y, createCommentVNode as f, Fragment as A, createElementVNode as a, renderSlot as s, createTextVNode as K, toDisplayString as T, nextTick as R } from "vue";
-import { parseSize as U } from "./index267.js";
+import { parseSize as U } from "./index278.js";
 import { useId as D } from "./index8.js";
-import { useLocale as j } from "./index223.js";
+import { useLocale as j } from "./index232.js";
 import { useMobile as G } from "./index9.js";
 import { useUntil as J } from "./index253.js";
 import { wait as w } from "./index140.js";

package/dist/index250.js

@@ -1,102 +1,18 @@
-import { defineComponent as F, ref as H, computed as L, watch as N, createElementBlock as d, openBlock as v, Fragment as S, renderList as A, withModifiers as O, normalizeClass as P, toDisplayString as V } from "vue";
-import { hash as f } from "./index237.js";
-import { isNil as i } from "./index275.js";
-const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
-  __name: "CommaBox",
-  props: {
-    options: {}
-  },
-  emits: ["option:unselected"],
-  setup(m, { expose: h, emit: x }) {
-    const t = m, a = x, n = H(null), l = L(() => t.options.some((e) => !e.disabled)), u = (e = 1) => {
-      const s = i(n.value) ? -1 : n.value;
-      let o = (s + e) % t.options.length;
-      for (; t.options[o].disabled && o !== s; )
-        o = u(e + 1);
-      return o;
-    }, b = () => {
-      if (!l.value) return;
-      const e = u();
-      n.value = e;
-    }, c = (e = 1) => {
-      const s = i(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;
-    }, w = async () => {
-      if (!l.value) return;
-      const e = c();
-      n.value = e;
-    }, I = () => {
-      if (!l.value) return;
-      let e = 0;
-      for (; t.options[e].disabled; )
-        e++;
-      n.value = e;
-    }, g = () => {
-      if (!l.value) return;
-      let e = t.options.length - 1;
-      for (; t.options[e].disabled && e !== 0; )
-        e--;
-      n.value = e;
-    }, k = () => {
-      if (!l.value) return;
-      let e = 0;
-      for (; !t.options[e].selected && t.options.length !== e; )
-        e++;
-      n.value = e;
-    }, _ = () => {
-      if (!l.value) return;
-      let e = t.options.length - 1;
-      for (; t.options[e].selected && e !== 0; )
-        e--;
-      n.value = e;
-    }, C = (e) => {
-      if (!l.value) return;
-      const s = t.options.findIndex(
-        (o) => o.valueHash === e
-      );
-      s >= 0 && (n.value = s);
-    }, r = () => {
-      n.value = null;
-    }, y = () => {
-      if (i(n.value)) return;
-      const e = t.options[n.value];
-      e.selected && a("option:unselected", e);
-    }, B = () => i(n.value) ? void 0 : t.options[n.value];
-    return N(
-      () => t.options,
-      (e, s) => {
-        f(e) !== f(s) && r();
-      },
-      {
-        flush: "post"
-      }
-    ), h({
-      focusNext: b,
-      focusPrevious: w,
-      focusFirst: I,
-      focusFirstSelected: k,
-      focusLast: g,
-      focusLastSelected: _,
-      blur: r,
-      confirmOption: y,
-      focusByHash: C,
-      getHighlighted: B
-    }), (e, s) => (v(!0), d(S, null, A(e.options, (o, p) => (v(), d("span", {
-      key: o.valueHash,
-      class: P({
-        "bb-commabox-item": !0,
-        "bb-commabox-item--focused": p === n.value,
-        "bb-commabox-item--has-comma": p !== e.options.length - 1
-      }),
-      clearable: !0,
-      text: o.text,
-      "onClick:clear": O((D) => a("option:unselected", o), ["stop"])
-    }, V(o.text), 43, z))), 128));
-  }
-});
+import { isNotNil as n } from "./index144.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 {
-  j as default
+  h as usePrefill
 };

package/dist/index251.js

@@ -0,0 +1,36 @@
+import { defineComponent as a, resolveComponent as o, createBlock as u, openBlock as l, resolveDynamicComponent as m, unref as c, withCtx as p, renderSlot as f } from "vue";
+import { _config as e } from "./index4.js";
+import { useLogger as i } from "./index226.js";
+import { useFrameworkDetection as k } from "./index252.js";
+const y = /* @__PURE__ */ a({
+  __name: "RouterComponent",
+  setup(g) {
+    const { isInertia: r, isNuxt: s } = k();
+    let t;
+    if (r) {
+      if (t = o(e.inertiaLinkName), typeof t == "string") {
+        const { warn: n } = i();
+        n(
+          `Inertia link component "${e.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+        );
+      }
+    } else if (s) {
+      if (t = o(e.nuxtLinkName), typeof t == "string") {
+        const { warn: n } = i();
+        n(
+          `Nuxt link component "${e.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
+        );
+      }
+    } else
+      t = "router-link";
+    return (n, d) => (l(), u(m(c(t)), null, {
+      default: p(() => [
+        f(n.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  y as default
+};

package/dist/index252.js

@@ -1,231 +1,11 @@
-import { defineComponent as Z, useTemplateRef as $, computed as c, ref as w, watch as E, createElementBlock as r, openBlock as p, withModifiers as ee, normalizeStyle as h, normalizeClass as z, createElementVNode as v, renderSlot as m, createTextVNode as D, toDisplayString as g, unref as L, Fragment as te, renderList as oe } from "vue";
-import { isNil as b } from "./index275.js";
-import { useVirtualizer as ne } from "./index349.js";
-import { isNotNil as le } from "./index144.js";
-import { hash as N } from "./index237.js";
-import { useLocale as ie } from "./index223.js";
-const se = { class: "bb-listbox__outer-container scrollbar-border" }, ae = {
-  ref: "inner",
-  class: "bb-listbox__inner-container",
-  tabindex: "-1"
-}, ue = {
-  key: 0,
-  class: "bb-listbox__loading"
-}, re = {
-  key: 1,
-  class: "bb-listbox__no-data"
-}, pe = ["aria-selected", "data-index"], de = { class: "autocomplete-option__label" }, he = /* @__PURE__ */ Z({
-  __name: "ListBox",
-  props: {
-    compact: { type: Boolean },
-    options: {},
-    open: { type: Boolean },
-    loading: { type: Boolean },
-    multiple: { type: Boolean },
-    transitionDuration: { default: 250 },
-    loadingText: {},
-    noDataText: {},
-    optionHeight: {}
-  },
-  emits: ["option:selected", "option:unselected"],
-  setup(V, { expose: R, emit: F }) {
-    const o = V, _ = F, { t: y } = ie(), u = $("inner"), O = $("listbox"), C = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = c(
-      () => o.options.map((e) => ({ ...e, id: C(e.value) }))
-    ), x = c(() => o.optionHeight ? o.optionHeight : o.compact ? 32 : 40), d = ne({
-      get count() {
-        return o.options.length;
-      },
-      getScrollElement: () => u.value ? u.value : null,
-      estimateSize: () => x.value,
-      overscan: 5,
-      measureElement: () => x.value,
-      useAnimationFrameWithResizeObserver: !0
-    }), A = (e) => {
-      e && d.value.measureElement(e);
-    }, M = c(() => d.value.getVirtualItems()), P = c(() => d.value.getTotalSize()), n = w(null), s = c(
-      () => 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;
-    }, W = () => {
-      if (!s.value) return;
-      const e = I();
-      n.value = e, a();
-    }, 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;
-    }, J = async () => {
-      if (!s.value) return;
-      const e = S();
-      n.value = e, a();
-    }, Y = () => {
-      if (!s.value) return;
-      let e = 0;
-      for (; o.options[e].disabled; )
-        e++;
-      n.value = e, a();
-    }, j = () => {
-      if (!s.value) return;
-      let e = o.options.length - 1;
-      for (; o.options[e].disabled && e !== 0; )
-        e--;
-      n.value = e, a();
-    }, q = () => {
-      if (!s.value) return;
-      let e = 0;
-      for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
-        e++;
-      n.value = e % o.options.length, a();
-    }, G = () => {
-      if (!s.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, a();
-    }, K = (e) => {
-      if (!s.value) return;
-      const l = o.options.findIndex(
-        (t) => t.valueHash === e
-      );
-      l >= 0 && (n.value = l), a();
-    }, k = () => {
-      n.value = null;
-    }, a = () => {
-      u.value && le(n.value) && d.value.scrollToIndex(n.value, {
-        align: "center",
-        behavior: "smooth"
-      });
-    }, H = () => {
-      if (b(n.value) || !o.open) return;
-      const e = o.options[n.value];
-      e.selected ? _("option:unselected", e) : _("option:selected", e);
-    }, T = w(0), B = () => {
-      u.value && (T.value = u.value.scrollHeight);
-    }, Q = (e) => !e.disabled, U = (e) => {
-      if (e.preventDefault(), u.value && e.target && e.target instanceof HTMLElement && O.value) {
-        let l = e.target, t = l.dataset.index;
-        for (; b(t) && l.parentElement; )
-          l = l.parentElement, t = l.dataset.index;
-        if (t) {
-          const f = o.options[+t];
-          f && Q(f) && (n.value = +t, H());
-        }
-      }
-    }, X = () => b(n.value) ? void 0 : o.options[n.value];
-    return E(
-      () => o.open,
-      () => {
-        B();
-      },
-      { flush: "post" }
-    ), E(
-      () => o.options,
-      (e, l) => {
-        N(e.map((t) => t.valueHash)) !== N(l.map((t) => t.valueHash)) && (d.value.calculateRange(), B(), k());
-      },
-      {
-        flush: "post"
-      }
-    ), R({
-      focusNext: W,
-      focusPrevious: J,
-      focusFirst: Y,
-      focusFirstSelected: q,
-      focusLast: j,
-      focusLastSelected: G,
-      blur: k,
-      confirmOption: H,
-      focusByHash: K,
-      getHighlighted: X
-    }), (e, l) => (p(), r("span", {
-      class: z(["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": `${T.value}px`,
-        "--option-height": `${x.value}px`
-      }),
-      onClick: ee(U, ["stop"])
-    }, [
-      v("span", se, [
-        v("span", ae, [
-          m(e.$slots, "options:prepend"),
-          e.loading && !e.options.length ? (p(), r("span", ue, [
-            m(e.$slots, "loading", {}, () => [
-              D(g(e.loadingText || L(y)("common.loadingText").value), 1)
-            ])
-          ])) : e.options.length ? (p(), r("span", {
-            key: 2,
-            role: "listbox",
-            ref: "listbox",
-            style: h({
-              height: `${P.value}px`
-            }),
-            tabindex: "-1"
-          }, [
-            (p(!0), r(te, null, oe(M.value, (t, f) => (p(), r("span", {
-              key: i.value[t.index].value,
-              ref_for: !0,
-              ref: A,
-              "aria-selected": n.value === f ? !0 : void 0,
-              class: z({
-                "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)`
-              })
-            }, [
-              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] = v("svg", {
-                  class: "autocomplete-option__checkbox",
-                  role: "presentation",
-                  viewBox: "276.411 158.834 114.971 114.97"
-                }, [
-                  v("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)),
-                v("span", de, g(i.value[t.index].text), 1)
-              ])
-            ], 14, pe))), 128))
-          ], 4)) : (p(), r("span", re, [
-            m(e.$slots, "no-data", {}, () => [
-              D(g(e.noDataText || L(y)("common.noDataText").value), 1)
-            ])
-          ])),
-          m(e.$slots, "options:append")
-        ], 512)
-      ])
-    ], 6));
-  }
-});
+import { getCurrentInstance as e } from "vue";
+const s = () => {
+  const t = e(), n = !!t?.proxy?.$inertia, r = !!t?.proxy?.$nuxt;
+  return {
+    isInertia: n,
+    isNuxt: r
+  };
+};
 export {
-  he as default
+  s as useFrameworkDetection
 };