bitboss-ui 2.1.8 → 2.1.10

package/dist/index344.js

@@ -1,438 +1,52 @@
-import { evaluate as F, getSide as M, getSideAxis as j, 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 "./index345.js";
-function I(t, e, f) {
-  let {
-    reference: s,
-    floating: a
-  } = t;
-  const n = j(e), o = J(e), c = K(o), u = M(e), g = n === "y", d = s.x + s.width / 2 - a.width / 2, r = s.y + s.height / 2 - a.height / 2, m = s[c] / 2 - a[c] / 2;
-  let i;
-  switch (u) {
-    case "top":
-      i = {
-        x: d,
-        y: s.y - a.height
+function T(n, i, e) {
+  let l = e.initialDeps ?? [], t;
+  function r() {
+    var o, m, h, f;
+    let g;
+    e.key && ((o = e.debug) != null && o.call(e)) && (g = Date.now());
+    const u = n();
+    if (!(u.length !== l.length || u.some((c, a) => l[a] !== c)))
+      return t;
+    l = u;
+    let s;
+    if (e.key && ((m = e.debug) != null && m.call(e)) && (s = Date.now()), t = i(...u), e.key && ((h = e.debug) != null && h.call(e))) {
+      const c = Math.round((Date.now() - g) * 100) / 100, a = Math.round((Date.now() - s) * 100) / 100, b = a / 16, w = (d, v) => {
+        for (d = String(d); d.length < v; )
+          d = " " + d;
+        return d;
       };
-      break;
-    case "bottom":
-      i = {
-        x: d,
-        y: s.y + s.height
-      };
-      break;
-    case "right":
-      i = {
-        x: s.x + s.width,
-        y: r
-      };
-      break;
-    case "left":
-      i = {
-        x: s.x - a.width,
-        y: r
-      };
-      break;
-    default:
-      i = {
-        x: s.x,
-        y: s.y
-      };
-  }
-  switch (X(e)) {
-    case "start":
-      i[o] -= m * (f && g ? -1 : 1);
-      break;
-    case "end":
-      i[o] += m * (f && g ? -1 : 1);
-      break;
-  }
-  return i;
-}
-const oe = async (t, e, f) => {
-  const {
-    placement: s = "bottom",
-    strategy: a = "absolute",
-    middleware: n = [],
-    platform: o
-  } = f, c = n.filter(Boolean), u = await (o.isRTL == null ? void 0 : o.isRTL(e));
-  let g = await o.getElementRects({
-    reference: t,
-    floating: e,
-    strategy: a
-  }), {
-    x: d,
-    y: r
-  } = I(g, s, u), m = s, i = {}, l = 0;
-  for (let w = 0; w < c.length; w++) {
-    const {
-      name: x,
-      fn: h
-    } = c[w], {
-      x: y,
-      y: v,
-      data: b,
-      reset: p
-    } = await h({
-      x: d,
-      y: r,
-      initialPlacement: s,
-      placement: m,
-      strategy: a,
-      middlewareData: i,
-      rects: g,
-      platform: o,
-      elements: {
-        reference: t,
-        floating: e
-      }
-    });
-    d = y ?? d, r = v ?? r, i = {
-      ...i,
-      [x]: {
-        ...i[x],
-        ...b
-      }
-    }, p && l <= 50 && (l++, typeof p == "object" && (p.placement && (m = p.placement), p.rects && (g = p.rects === !0 ? await o.getElementRects({
-      reference: t,
-      floating: e,
-      strategy: a
-    }) : p.rects), {
-      x: d,
-      y: r
-    } = I(g, m, u)), w = -1);
-  }
-  return {
-    x: d,
-    y: r,
-    placement: m,
-    strategy: a,
-    middlewareData: i
-  };
-};
-async function $(t, e) {
-  var f;
-  e === void 0 && (e = {});
-  const {
-    x: s,
-    y: a,
-    platform: n,
-    rects: o,
-    elements: c,
-    strategy: u
-  } = t, {
-    boundary: g = "clippingAncestors",
-    rootBoundary: d = "viewport",
-    elementContext: r = "floating",
-    altBoundary: m = !1,
-    padding: i = 0
-  } = F(e, t), l = G(i), x = c[m ? r === "floating" ? "reference" : "floating" : r], h = _(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(c.floating)),
-    boundary: g,
-    rootBoundary: d,
-    strategy: u
-  })), y = r === "floating" ? {
-    x: s,
-    y: a,
-    width: o.floating.width,
-    height: o.floating.height
-  } : o.reference, v = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c.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
-  }, p = _(n.convertOffsetParentRelativeRectToViewportRelativeRect ? await n.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: c,
-    rect: y,
-    offsetParent: v,
-    strategy: u
-  }) : y);
-  return {
-    top: (h.top - p.top + l.top) / b.y,
-    bottom: (p.bottom - h.bottom + l.bottom) / b.y,
-    left: (h.left - p.left + l.left) / b.x,
-    right: (p.right - h.right + l.right) / b.x
-  };
-}
-const ae = (t) => ({
-  name: "arrow",
-  options: t,
-  async fn(e) {
-    const {
-      x: f,
-      y: s,
-      placement: a,
-      rects: n,
-      platform: o,
-      elements: c,
-      middlewareData: u
-    } = e, {
-      element: g,
-      padding: d = 0
-    } = F(t, e) || {};
-    if (g == null)
-      return {};
-    const r = G(d), m = {
-      x: f,
-      y: s
-    }, i = J(a), l = K(i), w = await o.getDimensions(g), x = i === "y", h = x ? "top" : "left", y = x ? "bottom" : "right", v = x ? "clientHeight" : "clientWidth", b = n.reference[l] + n.reference[i] - m[i] - n.floating[l], p = m[i] - n.reference[i], T = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(g));
-    let S = T ? T[v] : 0;
-    (!S || !await (o.isElement == null ? void 0 : o.isElement(T))) && (S = c.floating[v] || n.floating[l]);
-    const V = b / 2 - p / 2, D = S / 2 - w[l] / 2 - 1, R = z(r[h], D), B = z(r[y], D), E = R, H = S - w[l] - B, A = S / 2 - w[l] / 2 + V, L = Y(E, A, H), O = !u.arrow && X(a) != null && A !== L && n.reference[l] / 2 - (A < E ? R : B) - w[l] / 2 < 0, P = O ? A < E ? A - E : A - H : 0;
-    return {
-      [i]: m[i] + P,
-      data: {
-        [i]: L,
-        centerOffset: A - L - P,
-        ...O && {
-          alignmentOffset: P
-        }
-      },
-      reset: O
-    };
-  }
-}), ce = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "flip",
-    options: t,
-    async fn(e) {
-      var f, s;
-      const {
-        placement: a,
-        middlewareData: n,
-        rects: o,
-        initialPlacement: c,
-        platform: u,
-        elements: g
-      } = e, {
-        mainAxis: d = !0,
-        crossAxis: r = !0,
-        fallbackPlacements: m,
-        fallbackStrategy: i = "bestFit",
-        fallbackAxisSideDirection: l = "none",
-        flipAlignment: w = !0,
-        ...x
-      } = F(t, e);
-      if ((f = n.arrow) != null && f.alignmentOffset)
-        return {};
-      const h = M(a), y = j(c), v = M(c) === c, b = await (u.isRTL == null ? void 0 : u.isRTL(g.floating)), p = m || (v || !w ? [Q(c)] : U(c)), T = l !== "none";
-      !m && T && p.push(...Z(c, w, l, b));
-      const S = [c, ...p], V = await $(e, x), D = [];
-      let R = ((s = n.flip) == null ? void 0 : s.overflows) || [];
-      if (d && D.push(V[h]), r) {
-        const A = ee(a, o, b);
-        D.push(V[A[0]], V[A[1]]);
-      }
-      if (R = [...R, {
-        placement: a,
-        overflows: D
-      }], !D.every((A) => A <= 0)) {
-        var B, E;
-        const A = (((B = n.flip) == null ? void 0 : B.index) || 0) + 1, L = S[A];
-        if (L)
-          return {
-            data: {
-              index: A,
-              overflows: R
-            },
-            reset: {
-              placement: L
-            }
-          };
-        let O = (E = R.filter((P) => P.overflows[0] <= 0).sort((P, k) => P.overflows[1] - k.overflows[1])[0]) == null ? void 0 : E.placement;
-        if (!O)
-          switch (i) {
-            case "bestFit": {
-              var H;
-              const P = (H = R.filter((k) => {
-                if (T) {
-                  const C = j(k.placement);
-                  return C === y || // Create a bias to the `y` side axis due to horizontal
-                  // reading directions favoring greater width.
-                  C === "y";
-                }
-                return !0;
-              }).map((k) => [k.placement, k.overflows.filter((C) => C > 0).reduce((C, N) => C + N, 0)]).sort((k, C) => k[1] - C[1])[0]) == null ? void 0 : H[0];
-              P && (O = P);
-              break;
-            }
-            case "initialPlacement":
-              O = c;
-              break;
-          }
-        if (a !== O)
-          return {
-            reset: {
-              placement: O
-            }
-          };
-      }
-      return {};
+      console.info(
+        `%c⏱ ${w(a, 5)} /${w(c, 5)} ms`,
+        `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(
+          0,
+          Math.min(120 - 120 * b, 120)
+        )}deg 100% 31%);`,
+        e == null ? void 0 : e.key
+      );
     }
-  };
-};
-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);
+    return (f = e == null ? void 0 : e.onChange) == null || f.call(e, t), t;
+  }
+  return r.updateDeps = (o) => {
+    l = o;
+  }, r;
 }
-const le = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "hide",
-    options: t,
-    async fn(e) {
-      const {
-        rects: f
-      } = e, {
-        strategy: s = "referenceHidden",
-        ...a
-      } = F(t, e);
-      switch (s) {
-        case "referenceHidden": {
-          const n = await $(e, {
-            ...a,
-            elementContext: "reference"
-          }), o = W(n, f.reference);
-          return {
-            data: {
-              referenceHiddenOffsets: o,
-              referenceHidden: q(o)
-            }
-          };
-        }
-        case "escaped": {
-          const n = await $(e, {
-            ...a,
-            altBoundary: !0
-          }), o = W(n, f.floating);
-          return {
-            data: {
-              escapedOffsets: o,
-              escaped: q(o)
-            }
-          };
-        }
-        default:
-          return {};
-      }
-    }
-  };
-};
-async function ie(t, e) {
-  const {
-    placement: f,
-    platform: s,
-    elements: a
-  } = t, n = await (s.isRTL == null ? void 0 : s.isRTL(a.floating)), o = M(f), c = X(f), u = j(f) === "y", g = ["left", "top"].includes(o) ? -1 : 1, d = n && u ? -1 : 1, r = F(e, t);
-  let {
-    mainAxis: m,
-    crossAxis: i,
-    alignmentAxis: l
-  } = typeof r == "number" ? {
-    mainAxis: r,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: 0,
-    crossAxis: 0,
-    alignmentAxis: null,
-    ...r
-  };
-  return c && typeof l == "number" && (i = c === "end" ? l * -1 : l), u ? {
-    x: i * d,
-    y: m * g
-  } : {
-    x: m * g,
-    y: i * d
-  };
+function y(n, i) {
+  if (n === void 0)
+    throw new Error("Unexpected undefined");
+  return n;
 }
-const re = function(t) {
-  return t === void 0 && (t = 0), {
-    name: "offset",
-    options: t,
-    async fn(e) {
-      var f, s;
-      const {
-        x: a,
-        y: n,
-        placement: o,
-        middlewareData: c
-      } = e, u = await ie(e, t);
-      return o === ((f = c.offset) == null ? void 0 : f.placement) && (s = c.arrow) != null && s.alignmentOffset ? {} : {
-        x: a + u.x,
-        y: n + u.y,
-        data: {
-          ...u,
-          placement: o
-        }
-      };
-    }
-  };
-}, fe = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "shift",
-    options: t,
-    async fn(e) {
-      const {
-        x: f,
-        y: s,
-        placement: a
-      } = e, {
-        mainAxis: n = !0,
-        crossAxis: o = !1,
-        limiter: c = {
-          fn: (x) => {
-            let {
-              x: h,
-              y
-            } = x;
-            return {
-              x: h,
-              y
-            };
-          }
-        },
-        ...u
-      } = F(t, e), g = {
-        x: f,
-        y: s
-      }, d = await $(e, u), r = j(M(a)), m = te(r);
-      let i = g[m], l = g[r];
-      if (n) {
-        const x = m === "y" ? "top" : "left", h = m === "y" ? "bottom" : "right", y = i + d[x], v = i - d[h];
-        i = Y(y, i, v);
-      }
-      if (o) {
-        const x = r === "y" ? "top" : "left", h = r === "y" ? "bottom" : "right", y = l + d[x], v = l - d[h];
-        l = Y(y, l, v);
-      }
-      const w = c.fn({
-        ...e,
-        [m]: i,
-        [r]: l
-      });
-      return {
-        ...w,
-        data: {
-          x: w.x - f,
-          y: w.y - s
-        }
-      };
-    }
+const M = (n, i) => Math.abs(n - i) <= 1, k = (n, i, e) => {
+  let l;
+  return function(...t) {
+    n.clearTimeout(l), l = n.setTimeout(() => i.apply(this, t), e);
   };
 };
 export {
-  ae as arrow,
-  oe as computePosition,
-  $ as detectOverflow,
-  ce as flip,
-  le as hide,
-  re as offset,
-  _ as rectToClientRect,
-  fe as shift
+  M as approxEqual,
+  k as debounce,
+  T as memo,
+  y as notUndefined
 };