bitboss-ui 2.1.98 → 2.1.100

package/dist/index356.js

@@ -1,11 +1,11 @@
-import { defineComponent as K, useTemplateRef as $, computed as a, watch as v, ref as Q, createElementBlock as s, openBlock as i, withModifiers as U, normalizeStyle as b, normalizeClass as L, createElementVNode as p, renderSlot as r, createTextVNode as z, toDisplayString as f, unref as D, Fragment as W, renderList as X } from "vue";
-import { isNil as E } from "./index257.js";
+import { defineComponent as K, useTemplateRef as S, computed as a, watch as v, ref as Q, createElementBlock as i, openBlock as s, withModifiers as U, normalizeStyle as b, normalizeClass as $, createElementVNode as p, renderSlot as r, createTextVNode as L, toDisplayString as f, unref as z, Fragment as W, renderList as X } from "vue";
+import { isNil as D } from "./index255.js";
 import { isNotNil as Z } from "./index146.js";
 import { useVirtualizer as w } from "./index362.js";
-import { hash as N } from "./index223.js";
-import { useLocale as ee } from "./index232.js";
+import { hash as E } from "./index244.js";
+import { useLocale as ee } from "./index233.js";
 import { useListboxFocus as te } from "./index363.js";
-import { indexBy as oe } from "./index294.js";
+import { indexBy as oe } from "./index290.js";
 const le = { class: "bb-listbox__outer-container scrollbar-border" }, ne = {
   ref: "inner",
   class: "bb-listbox__inner-container",
@@ -13,10 +13,10 @@ const le = { class: "bb-listbox__outer-container scrollbar-border" }, ne = {
 }, ae = {
   key: 0,
   class: "bb-listbox__loading"
-}, se = {
+}, ie = {
   key: 1,
   class: "bb-listbox__no-data"
-}, ie = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__label" }, xe = /* @__PURE__ */ K({
+}, se = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__label" }, xe = /* @__PURE__ */ K({
   __name: "FlatListBox",
   props: {
     compact: { type: Boolean },
@@ -30,17 +30,15 @@ const le = { class: "bb-listbox__outer-container scrollbar-border" }, ne = {
     optionHeight: {}
   },
   emits: ["option:selected", "option:unselected"],
-  setup(F, { expose: M, emit: R }) {
-    const n = F, x = R, { t: h } = ee(), u = $("inner"), V = $("listbox"), g = a(() => n.optionHeight ? n.optionHeight : n.compact ? 32 : 40), c = w({
+  setup(N, { expose: F, emit: M }) {
+    const n = N, x = M, { t: h } = ee(), u = S("inner"), R = S("listbox"), g = a(() => n.optionHeight ? n.optionHeight : n.compact ? 32 : 40), c = w({
       get count() {
         return n.options.length;
       },
       getScrollElement: () => u.value ?? null,
       estimateSize: () => g.value,
       overscan: 5
-    }), y = a(() => c.value.getVirtualItems()), C = a(() => c.value.getTotalSize());
-    console.log(y.value);
-    const _ = a(
+    }), V = a(() => c.value.getVirtualItems()), C = a(() => c.value.getTotalSize()), y = a(
       () => n.options.map((e, l) => ({
         index: l,
         text: e.text,
@@ -51,7 +49,7 @@ const le = { class: "bb-listbox__outer-container scrollbar-border" }, ne = {
         disabled: !!e.disabled,
         focused: l === d.value
       }))
-    ), o = a(() => oe(_.value, "index")), m = a(() => _.value.length > 0), {
+    ), o = a(() => oe(y.value, "index")), m = a(() => y.value.length > 0), {
       focusedIndex: d,
       focusNext: I,
       focusPrevious: O,
@@ -60,7 +58,7 @@ const le = { class: "bb-listbox__outer-container scrollbar-border" }, ne = {
       focusFirstSelected: j,
       focusLastSelected: q,
       focusByHash: A,
-      blur: H,
+      blur: _,
       getHighlighted: G
     } = te(() => n.options, { disabled: () => !n.open });
     v(d, (e) => {
@@ -69,48 +67,48 @@ const le = { class: "bb-listbox__outer-container scrollbar-border" }, ne = {
         behavior: "smooth"
       });
     });
-    const k = () => {
-      if (E(d.value) || !n.open) return;
+    const H = () => {
+      if (D(d.value) || !n.open) return;
       const e = o.value[d.value];
       e.disabled || (e.selected ? x("option:unselected", e) : x("option:selected", e));
-    }, B = Q(0), T = () => {
-      u.value && (B.value = u.value.scrollHeight);
+    }, k = Q(0), B = () => {
+      u.value && (k.value = u.value.scrollHeight);
     }, J = (e) => {
-      if (e.preventDefault(), u.value && e.target instanceof HTMLElement && V.value) {
+      if (e.preventDefault(), u.value && e.target instanceof HTMLElement && R.value) {
         let l = e.target, t = l.dataset.index;
-        for (; E(t) && l.parentElement; )
+        for (; D(t) && l.parentElement; )
           l = l.parentElement, t = l.dataset.index;
         if (t) {
-          const S = o.value[+t];
-          S && !S.disabled && (d.value = +t, k());
+          const T = o.value[+t];
+          T && !T.disabled && (d.value = +t, H());
         }
       }
     };
     return v(
       () => n.open,
       () => {
-        T();
+        B();
       },
       { flush: "post" }
     ), v(
       () => n.options,
       (e, l) => {
-        N(e.map((t) => t.valueHash)) !== N(l.map((t) => t.valueHash)) && (c.value.calculateRange(), T(), H());
+        E(e.map((t) => t.valueHash)) !== E(l.map((t) => t.valueHash)) && (c.value.calculateRange(), B(), _());
       },
       { flush: "post" }
-    ), M({
+    ), F({
       focusNext: I,
       focusPrevious: O,
       focusFirst: P,
       focusFirstSelected: j,
       focusLast: Y,
       focusLastSelected: q,
-      blur: H,
-      confirmOption: k,
+      blur: _,
+      confirmOption: H,
       focusByHash: A,
       getHighlighted: G
-    }), (e, l) => (i(), s("span", {
-      class: L(["bb-listbox", {
+    }), (e, l) => (s(), i("span", {
+      class: $(["bb-listbox", {
         "bb-listbox--compact": e.compact,
         "bb-listbox--loading": e.loading,
         "bb-listbox--multiple": e.multiple,
@@ -119,7 +117,7 @@ const le = { class: "bb-listbox__outer-container scrollbar-border" }, ne = {
       }]),
       style: b({
         "--transition-duration": `${e.transitionDuration}ms`,
-        "--overlay-min-height": `${B.value}px`,
+        "--overlay-min-height": `${k.value}px`,
         "--option-height": `${g.value}px`
       }),
       onClick: U(J, ["stop"])
@@ -127,11 +125,11 @@ const le = { class: "bb-listbox__outer-container scrollbar-border" }, ne = {
       p("span", le, [
         p("span", ne, [
           r(e.$slots, "options:prepend"),
-          e.loading && !m.value ? (i(), s("span", ae, [
+          e.loading && !m.value ? (s(), i("span", ae, [
             r(e.$slots, "loading", {}, () => [
-              z(f(e.loadingText || D(h)("common.loadingText").value), 1)
+              L(f(e.loadingText || z(h)("common.loadingText").value), 1)
             ])
-          ])) : m.value ? (i(), s("span", {
+          ])) : m.value ? (s(), i("span", {
             key: 2,
             role: "listbox",
             ref: "listbox",
@@ -140,10 +138,10 @@ const le = { class: "bb-listbox__outer-container scrollbar-border" }, ne = {
             }),
             tabindex: "-1"
           }, [
-            (i(!0), s(W, null, X(y.value, (t) => (i(), s("span", {
+            (s(!0), i(W, null, X(V.value, (t) => (s(), i("span", {
               key: o.value[t.index].valueHash,
               "aria-selected": o.value[t.index].focused ? !0 : void 0,
-              class: L({
+              class: $({
                 "bb-listbox__option autocomplete-option": !0,
                 "autocomplete-option--focused": o.value[t.index].focused,
                 "autocomplete-option--selected": o.value[t.index].selected,
@@ -178,10 +176,10 @@ const le = { class: "bb-listbox__outer-container scrollbar-border" }, ne = {
                 ], -1)),
                 p("span", ue, f(o.value[t.index].text), 1)
               ])
-            ], 14, ie))), 128))
-          ], 4)) : (i(), s("span", se, [
+            ], 14, se))), 128))
+          ], 4)) : (s(), i("span", ie, [
             r(e.$slots, "no-data", {}, () => [
-              z(f(e.noDataText || D(h)("common.noDataText").value), 1)
+              L(f(e.noDataText || z(h)("common.noDataText").value), 1)
             ])
           ])),
           r(e.$slots, "options:append")

package/dist/index357.js

@@ -1,9 +1,9 @@
 import { defineComponent as pe, useTemplateRef as q, computed as i, watch as L, ref as ve, createElementBlock as r, openBlock as c, withModifiers as be, normalizeStyle as O, normalizeClass as G, createElementVNode as v, renderSlot as h, createTextVNode as J, toDisplayString as x, unref as g, Fragment as P, renderList as Y } from "vue";
-import { isNil as f } from "./index257.js";
+import { isNil as f } from "./index255.js";
 import { useVirtualizer as he } from "./index362.js";
-import { useLocale as me } from "./index232.js";
+import { useLocale as me } from "./index233.js";
 import { useListboxFocus as xe } from "./index363.js";
-import { indexBy as E } from "./index294.js";
+import { indexBy as E } from "./index290.js";
 const ge = { class: "bb-listbox__outer-container scrollbar-border" }, fe = {
   ref: "inner",
   class: "bb-listbox__inner-container",

package/dist/index358.js

@@ -1,4 +1,443 @@
-import f from "./index356.js";
+import { evaluate as V, getSide as j, getSideAxis as L, getOppositePlacement as Q, getExpandedPlacements as U, getOppositeAxisPlacements as Z, getAlignmentSides as ee, clamp as Y, getPaddingObject as G, rectToClientRect as _, getAlignment as X, getOppositeAxis as te, sides as ne, getAlignmentAxis as J, getAxisLength as K, min as z } from "./index359.js";
+function I(t, e, f) {
+  let {
+    reference: s,
+    floating: c
+  } = t;
+  const n = L(e), o = J(e), l = K(o), g = j(e), u = n === "y", d = s.x + s.width / 2 - c.width / 2, a = s.y + s.height / 2 - c.height / 2, m = s[l] / 2 - c[l] / 2;
+  let i;
+  switch (g) {
+    case "top":
+      i = {
+        x: d,
+        y: s.y - c.height
+      };
+      break;
+    case "bottom":
+      i = {
+        x: d,
+        y: s.y + s.height
+      };
+      break;
+    case "right":
+      i = {
+        x: s.x + s.width,
+        y: a
+      };
+      break;
+    case "left":
+      i = {
+        x: s.x - c.width,
+        y: a
+      };
+      break;
+    default:
+      i = {
+        x: s.x,
+        y: s.y
+      };
+  }
+  switch (X(e)) {
+    case "start":
+      i[o] -= m * (f && u ? -1 : 1);
+      break;
+    case "end":
+      i[o] += m * (f && u ? -1 : 1);
+      break;
+  }
+  return i;
+}
+const ae = async (t, e, f) => {
+  const {
+    placement: s = "bottom",
+    strategy: c = "absolute",
+    middleware: n = [],
+    platform: o
+  } = f, l = n.filter(Boolean), g = await (o.isRTL == null ? void 0 : o.isRTL(e));
+  let u = await o.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: c
+  }), {
+    x: d,
+    y: a
+  } = I(u, s, g), m = s, i = {}, r = 0;
+  for (let w = 0; w < l.length; w++) {
+    const {
+      name: x,
+      fn: y
+    } = l[w], {
+      x: p,
+      y: v,
+      data: b,
+      reset: h
+    } = await y({
+      x: d,
+      y: a,
+      initialPlacement: s,
+      placement: m,
+      strategy: c,
+      middlewareData: i,
+      rects: u,
+      platform: o,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    d = p ?? d, a = v ?? a, i = {
+      ...i,
+      [x]: {
+        ...i[x],
+        ...b
+      }
+    }, h && r <= 50 && (r++, typeof h == "object" && (h.placement && (m = h.placement), h.rects && (u = h.rects === !0 ? await o.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: c
+    }) : h.rects), {
+      x: d,
+      y: a
+    } = I(u, m, g)), w = -1);
+  }
+  return {
+    x: d,
+    y: a,
+    placement: m,
+    strategy: c,
+    middlewareData: i
+  };
+};
+async function $(t, e) {
+  var f;
+  e === void 0 && (e = {});
+  const {
+    x: s,
+    y: c,
+    platform: n,
+    rects: o,
+    elements: l,
+    strategy: g
+  } = t, {
+    boundary: u = "clippingAncestors",
+    rootBoundary: d = "viewport",
+    elementContext: a = "floating",
+    altBoundary: m = !1,
+    padding: i = 0
+  } = V(e, t), r = G(i), x = l[m ? a === "floating" ? "reference" : "floating" : a], y = _(await n.getClippingRect({
+    element: (f = await (n.isElement == null ? void 0 : n.isElement(x))) == null || f ? x : x.contextElement || await (n.getDocumentElement == null ? void 0 : n.getDocumentElement(l.floating)),
+    boundary: u,
+    rootBoundary: d,
+    strategy: g
+  })), p = a === "floating" ? {
+    x: s,
+    y: c,
+    width: o.floating.width,
+    height: o.floating.height
+  } : o.reference, v = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(l.floating)), b = await (n.isElement == null ? void 0 : n.isElement(v)) ? await (n.getScale == null ? void 0 : n.getScale(v)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, h = _(n.convertOffsetParentRelativeRectToViewportRelativeRect ? await n.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: p,
+    offsetParent: v,
+    strategy: g
+  }) : p);
+  return {
+    top: (y.top - h.top + r.top) / b.y,
+    bottom: (h.bottom - y.bottom + r.bottom) / b.y,
+    left: (y.left - h.left + r.left) / b.x,
+    right: (h.right - y.right + r.right) / b.x
+  };
+}
+const ce = (t) => ({
+  name: "arrow",
+  options: t,
+  async fn(e) {
+    const {
+      x: f,
+      y: s,
+      placement: c,
+      rects: n,
+      platform: o,
+      elements: l,
+      middlewareData: g
+    } = e, {
+      element: u,
+      padding: d = 0
+    } = V(t, e) || {};
+    if (u == null)
+      return {};
+    const a = G(d), m = {
+      x: f,
+      y: s
+    }, i = J(c), r = K(i), w = await o.getDimensions(u), x = i === "y", y = x ? "top" : "left", p = x ? "bottom" : "right", v = x ? "clientHeight" : "clientWidth", b = n.reference[r] + n.reference[i] - m[i] - n.floating[r], h = m[i] - n.reference[i], F = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(u));
+    let k = F ? F[v] : 0;
+    (!k || !await (o.isElement == null ? void 0 : o.isElement(F))) && (k = l.floating[v] || n.floating[r]);
+    const B = b / 2 - h / 2, D = k / 2 - w[r] / 2 - 1, R = z(a[y], D), H = z(a[p], D), E = R, M = k - w[r] - H, A = k / 2 - w[r] / 2 + B, T = Y(E, A, M), C = !g.arrow && X(c) != null && A !== T && n.reference[r] / 2 - (A < E ? R : H) - w[r] / 2 < 0, P = C ? A < E ? A - E : A - M : 0;
+    return {
+      [i]: m[i] + P,
+      data: {
+        [i]: T,
+        centerOffset: A - T - P,
+        ...C && {
+          alignmentOffset: P
+        }
+      },
+      reset: C
+    };
+  }
+}), le = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var f, s;
+      const {
+        placement: c,
+        middlewareData: n,
+        rects: o,
+        initialPlacement: l,
+        platform: g,
+        elements: u
+      } = e, {
+        mainAxis: d = !0,
+        crossAxis: a = !0,
+        fallbackPlacements: m,
+        fallbackStrategy: i = "bestFit",
+        fallbackAxisSideDirection: r = "none",
+        flipAlignment: w = !0,
+        ...x
+      } = V(t, e);
+      if ((f = n.arrow) != null && f.alignmentOffset)
+        return {};
+      const y = j(c), p = L(l), v = j(l) === l, b = await (g.isRTL == null ? void 0 : g.isRTL(u.floating)), h = m || (v || !w ? [Q(l)] : U(l)), F = r !== "none";
+      !m && F && h.push(...Z(l, w, r, b));
+      const k = [l, ...h], B = await $(e, x), D = [];
+      let R = ((s = n.flip) == null ? void 0 : s.overflows) || [];
+      if (d && D.push(B[y]), a) {
+        const A = ee(c, o, b);
+        D.push(B[A[0]], B[A[1]]);
+      }
+      if (R = [...R, {
+        placement: c,
+        overflows: D
+      }], !D.every((A) => A <= 0)) {
+        var H, E;
+        const A = (((H = n.flip) == null ? void 0 : H.index) || 0) + 1, T = k[A];
+        if (T && (!(a === "alignment" ? p !== L(T) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        R.every((O) => L(O.placement) === p ? O.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: A,
+              overflows: R
+            },
+            reset: {
+              placement: T
+            }
+          };
+        let C = (E = R.filter((P) => P.overflows[0] <= 0).sort((P, O) => P.overflows[1] - O.overflows[1])[0]) == null ? void 0 : E.placement;
+        if (!C)
+          switch (i) {
+            case "bestFit": {
+              var M;
+              const P = (M = R.filter((O) => {
+                if (F) {
+                  const S = L(O.placement);
+                  return S === p || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  S === "y";
+                }
+                return !0;
+              }).map((O) => [O.placement, O.overflows.filter((S) => S > 0).reduce((S, N) => S + N, 0)]).sort((O, S) => O[1] - S[1])[0]) == null ? void 0 : M[0];
+              P && (C = P);
+              break;
+            }
+            case "initialPlacement":
+              C = l;
+              break;
+          }
+        if (c !== C)
+          return {
+            reset: {
+              placement: C
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+function W(t, e) {
+  return {
+    top: t.top - e.height,
+    right: t.right - e.width,
+    bottom: t.bottom - e.height,
+    left: t.left - e.width
+  };
+}
+function q(t) {
+  return ne.some((e) => t[e] >= 0);
+}
+const re = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "hide",
+    options: t,
+    async fn(e) {
+      const {
+        rects: f
+      } = e, {
+        strategy: s = "referenceHidden",
+        ...c
+      } = V(t, e);
+      switch (s) {
+        case "referenceHidden": {
+          const n = await $(e, {
+            ...c,
+            elementContext: "reference"
+          }), o = W(n, f.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: o,
+              referenceHidden: q(o)
+            }
+          };
+        }
+        case "escaped": {
+          const n = await $(e, {
+            ...c,
+            altBoundary: !0
+          }), o = W(n, f.floating);
+          return {
+            data: {
+              escapedOffsets: o,
+              escaped: q(o)
+            }
+          };
+        }
+        default:
+          return {};
+      }
+    }
+  };
+}, ie = /* @__PURE__ */ new Set(["left", "top"]);
+async function se(t, e) {
+  const {
+    placement: f,
+    platform: s,
+    elements: c
+  } = t, n = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), o = j(f), l = X(f), g = L(f) === "y", u = ie.has(o) ? -1 : 1, d = n && g ? -1 : 1, a = V(e, t);
+  let {
+    mainAxis: m,
+    crossAxis: i,
+    alignmentAxis: r
+  } = typeof a == "number" ? {
+    mainAxis: a,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: a.mainAxis || 0,
+    crossAxis: a.crossAxis || 0,
+    alignmentAxis: a.alignmentAxis
+  };
+  return l && typeof r == "number" && (i = l === "end" ? r * -1 : r), g ? {
+    x: i * d,
+    y: m * u
+  } : {
+    x: m * u,
+    y: i * d
+  };
+}
+const fe = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var f, s;
+      const {
+        x: c,
+        y: n,
+        placement: o,
+        middlewareData: l
+      } = e, g = await se(e, t);
+      return o === ((f = l.offset) == null ? void 0 : f.placement) && (s = l.arrow) != null && s.alignmentOffset ? {} : {
+        x: c + g.x,
+        y: n + g.y,
+        data: {
+          ...g,
+          placement: o
+        }
+      };
+    }
+  };
+}, me = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(e) {
+      const {
+        x: f,
+        y: s,
+        placement: c
+      } = e, {
+        mainAxis: n = !0,
+        crossAxis: o = !1,
+        limiter: l = {
+          fn: (x) => {
+            let {
+              x: y,
+              y: p
+            } = x;
+            return {
+              x: y,
+              y: p
+            };
+          }
+        },
+        ...g
+      } = V(t, e), u = {
+        x: f,
+        y: s
+      }, d = await $(e, g), a = L(j(c)), m = te(a);
+      let i = u[m], r = u[a];
+      if (n) {
+        const x = m === "y" ? "top" : "left", y = m === "y" ? "bottom" : "right", p = i + d[x], v = i - d[y];
+        i = Y(p, i, v);
+      }
+      if (o) {
+        const x = a === "y" ? "top" : "left", y = a === "y" ? "bottom" : "right", p = r + d[x], v = r - d[y];
+        r = Y(p, r, v);
+      }
+      const w = l.fn({
+        ...e,
+        [m]: i,
+        [a]: r
+      });
+      return {
+        ...w,
+        data: {
+          x: w.x - f,
+          y: w.y - s,
+          enabled: {
+            [m]: n,
+            [a]: o
+          }
+        }
+      };
+    }
+  };
+};
 export {
-  f as default
+  ce as arrow,
+  ae as computePosition,
+  $ as detectOverflow,
+  le as flip,
+  re as hide,
+  fe as offset,
+  _ as rectToClientRect,
+  me as shift
 };