@annotorious/react 3.1.0 → 3.1.1

package/dist/annotorious-react.es28.js

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