@annotorious/react 3.0.0 → 3.0.1

package/dist/annotorious-react.es15.js

@@ -1,5 +1,196 @@
-var e = { exports: {} };
+import { offset as H, shift as I, flip as J, inline as K, computePosition as N, arrow as j } from "./annotorious-react.es16.js";
+import { autoUpdate as ue, platform as le } from "./annotorious-react.es16.js";
+import * as f from "react";
+import { useLayoutEffect as Q, useEffect as T } from "react";
+import * as X from "react-dom";
+var R = typeof document < "u" ? Q : T;
+function h(e, t) {
+  if (e === t)
+    return !0;
+  if (typeof e != typeof t)
+    return !1;
+  if (typeof e == "function" && e.toString() === t.toString())
+    return !0;
+  let n, r, s;
+  if (e && t && typeof e == "object") {
+    if (Array.isArray(e)) {
+      if (n = e.length, n !== t.length) return !1;
+      for (r = n; r-- !== 0; )
+        if (!h(e[r], t[r]))
+          return !1;
+      return !0;
+    }
+    if (s = Object.keys(e), n = s.length, n !== Object.keys(t).length)
+      return !1;
+    for (r = n; r-- !== 0; )
+      if (!{}.hasOwnProperty.call(t, s[r]))
+        return !1;
+    for (r = n; r-- !== 0; ) {
+      const p = s[r];
+      if (!(p === "_owner" && e.$$typeof) && !h(e[p], t[p]))
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function A(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function L(e, t) {
+  const n = A(e);
+  return Math.round(t * n) / n;
+}
+function v(e) {
+  const t = f.useRef(e);
+  return R(() => {
+    t.current = e;
+  }), t;
+}
+function ee(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: t = "bottom",
+    strategy: n = "absolute",
+    middleware: r = [],
+    platform: s,
+    elements: {
+      reference: p,
+      floating: q
+    } = {},
+    transform: E = !0,
+    whileElementsMounted: $,
+    open: k
+  } = e, [i, D] = f.useState({
+    x: 0,
+    y: 0,
+    strategy: n,
+    placement: t,
+    middlewareData: {},
+    isPositioned: !1
+  }), [x, B] = f.useState(r);
+  h(x, r) || B(r);
+  const [U, V] = f.useState(null), [W, z] = f.useState(null), O = f.useCallback((o) => {
+    o !== a.current && (a.current = o, V(o));
+  }, []), _ = f.useCallback((o) => {
+    o !== d.current && (d.current = o, z(o));
+  }, []), u = p || U, l = q || W, a = f.useRef(null), d = f.useRef(null), y = f.useRef(i), G = $ != null, M = v($), P = v(s), g = f.useCallback(() => {
+    if (!a.current || !d.current)
+      return;
+    const o = {
+      placement: t,
+      strategy: n,
+      middleware: x
+    };
+    P.current && (o.platform = P.current), N(a.current, d.current, o).then((w) => {
+      const m = {
+        ...w,
+        isPositioned: !0
+      };
+      S.current && !h(y.current, m) && (y.current = m, X.flushSync(() => {
+        D(m);
+      }));
+    });
+  }, [x, t, n, P]);
+  R(() => {
+    k === !1 && y.current.isPositioned && (y.current.isPositioned = !1, D((o) => ({
+      ...o,
+      isPositioned: !1
+    })));
+  }, [k]);
+  const S = f.useRef(!1);
+  R(() => (S.current = !0, () => {
+    S.current = !1;
+  }), []), R(() => {
+    if (u && (a.current = u), l && (d.current = l), u && l) {
+      if (M.current)
+        return M.current(u, l, g);
+      g();
+    }
+  }, [u, l, g, M, G]);
+  const C = f.useMemo(() => ({
+    reference: a,
+    floating: d,
+    setReference: O,
+    setFloating: _
+  }), [O, _]), c = f.useMemo(() => ({
+    reference: u,
+    floating: l
+  }), [u, l]), F = f.useMemo(() => {
+    const o = {
+      position: n,
+      left: 0,
+      top: 0
+    };
+    if (!c.floating)
+      return o;
+    const w = L(c.floating, i.x), m = L(c.floating, i.y);
+    return E ? {
+      ...o,
+      transform: "translate(" + w + "px, " + m + "px)",
+      ...A(c.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: n,
+      left: w,
+      top: m
+    };
+  }, [n, E, c.floating, i.x, i.y]);
+  return f.useMemo(() => ({
+    ...i,
+    update: g,
+    refs: C,
+    elements: c,
+    floatingStyles: F
+  }), [i, g, C, c, F]);
+}
+const Y = (e) => {
+  function t(n) {
+    return {}.hasOwnProperty.call(n, "current");
+  }
+  return {
+    name: "arrow",
+    options: e,
+    fn(n) {
+      const {
+        element: r,
+        padding: s
+      } = typeof e == "function" ? e(n) : e;
+      return r && t(r) ? r.current != null ? j({
+        element: r.current,
+        padding: s
+      }).fn(n) : {} : r ? j({
+        element: r,
+        padding: s
+      }).fn(n) : {};
+    }
+  };
+}, te = (e, t) => ({
+  ...H(e),
+  options: [e, t]
+}), ne = (e, t) => ({
+  ...I(e),
+  options: [e, t]
+}), re = (e, t) => ({
+  ...J(e),
+  options: [e, t]
+}), fe = (e, t) => ({
+  ...K(e),
+  options: [e, t]
+}), oe = (e, t) => ({
+  ...Y(e),
+  options: [e, t]
+});
 export {
-  e as __module
+  oe as arrow,
+  ue as autoUpdate,
+  N as computePosition,
+  re as flip,
+  fe as inline,
+  te as offset,
+  le as platform,
+  ne as shift,
+  ee as useFloating
 };
 //# sourceMappingURL=annotorious-react.es15.js.map

package/dist/annotorious-react.es15.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotorious-react.es15.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"annotorious-react.es15.js","sources":["../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs"],"sourcesContent":["import { computePosition, arrow as arrow$2, offset as offset$1, shift as shift$1, limitShift as limitShift$1, flip as flip$1, size as size$1, autoPlacement as autoPlacement$1, hide as hide$1, inline as inline$1 } from '@floating-ui/dom';\nexport { autoUpdate, computePosition, detectOverflow, getOverflowAncestors, platform } from '@floating-ui/dom';\nimport * as React from 'react';\nimport { useLayoutEffect, useEffect } from 'react';\nimport * as ReactDOM from 'react-dom';\n\nvar index = typeof document !== 'undefined' ? useLayoutEffect : useEffect;\n\n// Fork of `fast-deep-equal` that only does the comparisons we need and compares\n// functions\nfunction deepEqual(a, b) {\n  if (a === b) {\n    return true;\n  }\n  if (typeof a !== typeof b) {\n    return false;\n  }\n  if (typeof a === 'function' && a.toString() === b.toString()) {\n    return true;\n  }\n  let length;\n  let i;\n  let keys;\n  if (a && b && typeof a === 'object') {\n    if (Array.isArray(a)) {\n      length = a.length;\n      if (length !== b.length) return false;\n      for (i = length; i-- !== 0;) {\n        if (!deepEqual(a[i], b[i])) {\n          return false;\n        }\n      }\n      return true;\n    }\n    keys = Object.keys(a);\n    length = keys.length;\n    if (length !== Object.keys(b).length) {\n      return false;\n    }\n    for (i = length; i-- !== 0;) {\n      if (!{}.hasOwnProperty.call(b, keys[i])) {\n        return false;\n      }\n    }\n    for (i = length; i-- !== 0;) {\n      const key = keys[i];\n      if (key === '_owner' && a.$$typeof) {\n        continue;\n      }\n      if (!deepEqual(a[key], b[key])) {\n        return false;\n      }\n    }\n    return true;\n  }\n  return a !== a && b !== b;\n}\n\nfunction getDPR(element) {\n  if (typeof window === 'undefined') {\n    return 1;\n  }\n  const win = element.ownerDocument.defaultView || window;\n  return win.devicePixelRatio || 1;\n}\n\nfunction roundByDPR(element, value) {\n  const dpr = getDPR(element);\n  return Math.round(value * dpr) / dpr;\n}\n\nfunction useLatestRef(value) {\n  const ref = React.useRef(value);\n  index(() => {\n    ref.current = value;\n  });\n  return ref;\n}\n\n/**\n * Provides data to position a floating element.\n * @see https://floating-ui.com/docs/useFloating\n */\nfunction useFloating(options) {\n  if (options === void 0) {\n    options = {};\n  }\n  const {\n    placement = 'bottom',\n    strategy = 'absolute',\n    middleware = [],\n    platform,\n    elements: {\n      reference: externalReference,\n      floating: externalFloating\n    } = {},\n    transform = true,\n    whileElementsMounted,\n    open\n  } = options;\n  const [data, setData] = React.useState({\n    x: 0,\n    y: 0,\n    strategy,\n    placement,\n    middlewareData: {},\n    isPositioned: false\n  });\n  const [latestMiddleware, setLatestMiddleware] = React.useState(middleware);\n  if (!deepEqual(latestMiddleware, middleware)) {\n    setLatestMiddleware(middleware);\n  }\n  const [_reference, _setReference] = React.useState(null);\n  const [_floating, _setFloating] = React.useState(null);\n  const setReference = React.useCallback(node => {\n    if (node !== referenceRef.current) {\n      referenceRef.current = node;\n      _setReference(node);\n    }\n  }, []);\n  const setFloating = React.useCallback(node => {\n    if (node !== floatingRef.current) {\n      floatingRef.current = node;\n      _setFloating(node);\n    }\n  }, []);\n  const referenceEl = externalReference || _reference;\n  const floatingEl = externalFloating || _floating;\n  const referenceRef = React.useRef(null);\n  const floatingRef = React.useRef(null);\n  const dataRef = React.useRef(data);\n  const hasWhileElementsMounted = whileElementsMounted != null;\n  const whileElementsMountedRef = useLatestRef(whileElementsMounted);\n  const platformRef = useLatestRef(platform);\n  const update = React.useCallback(() => {\n    if (!referenceRef.current || !floatingRef.current) {\n      return;\n    }\n    const config = {\n      placement,\n      strategy,\n      middleware: latestMiddleware\n    };\n    if (platformRef.current) {\n      config.platform = platformRef.current;\n    }\n    computePosition(referenceRef.current, floatingRef.current, config).then(data => {\n      const fullData = {\n        ...data,\n        isPositioned: true\n      };\n      if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {\n        dataRef.current = fullData;\n        ReactDOM.flushSync(() => {\n          setData(fullData);\n        });\n      }\n    });\n  }, [latestMiddleware, placement, strategy, platformRef]);\n  index(() => {\n    if (open === false && dataRef.current.isPositioned) {\n      dataRef.current.isPositioned = false;\n      setData(data => ({\n        ...data,\n        isPositioned: false\n      }));\n    }\n  }, [open]);\n  const isMountedRef = React.useRef(false);\n  index(() => {\n    isMountedRef.current = true;\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, []);\n  index(() => {\n    if (referenceEl) referenceRef.current = referenceEl;\n    if (floatingEl) floatingRef.current = floatingEl;\n    if (referenceEl && floatingEl) {\n      if (whileElementsMountedRef.current) {\n        return whileElementsMountedRef.current(referenceEl, floatingEl, update);\n      }\n      update();\n    }\n  }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);\n  const refs = React.useMemo(() => ({\n    reference: referenceRef,\n    floating: floatingRef,\n    setReference,\n    setFloating\n  }), [setReference, setFloating]);\n  const elements = React.useMemo(() => ({\n    reference: referenceEl,\n    floating: floatingEl\n  }), [referenceEl, floatingEl]);\n  const floatingStyles = React.useMemo(() => {\n    const initialStyles = {\n      position: strategy,\n      left: 0,\n      top: 0\n    };\n    if (!elements.floating) {\n      return initialStyles;\n    }\n    const x = roundByDPR(elements.floating, data.x);\n    const y = roundByDPR(elements.floating, data.y);\n    if (transform) {\n      return {\n        ...initialStyles,\n        transform: \"translate(\" + x + \"px, \" + y + \"px)\",\n        ...(getDPR(elements.floating) >= 1.5 && {\n          willChange: 'transform'\n        })\n      };\n    }\n    return {\n      position: strategy,\n      left: x,\n      top: y\n    };\n  }, [strategy, transform, elements.floating, data.x, data.y]);\n  return React.useMemo(() => ({\n    ...data,\n    update,\n    refs,\n    elements,\n    floatingStyles\n  }), [data, update, refs, elements, floatingStyles]);\n}\n\n/**\n * Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * This wraps the core `arrow` middleware to allow React refs as the element.\n * @see https://floating-ui.com/docs/arrow\n */\nconst arrow$1 = options => {\n  function isRef(value) {\n    return {}.hasOwnProperty.call(value, 'current');\n  }\n  return {\n    name: 'arrow',\n    options,\n    fn(state) {\n      const {\n        element,\n        padding\n      } = typeof options === 'function' ? options(state) : options;\n      if (element && isRef(element)) {\n        if (element.current != null) {\n          return arrow$2({\n            element: element.current,\n            padding\n          }).fn(state);\n        }\n        return {};\n      }\n      if (element) {\n        return arrow$2({\n          element,\n          padding\n        }).fn(state);\n      }\n      return {};\n    }\n  };\n};\n\n/**\n * Modifies the placement by translating the floating element along the\n * specified axes.\n * A number (shorthand for `mainAxis` or distance), or an axes configuration\n * object may be passed.\n * @see https://floating-ui.com/docs/offset\n */\nconst offset = (options, deps) => ({\n  ...offset$1(options),\n  options: [options, deps]\n});\n\n/**\n * Optimizes the visibility of the floating element by shifting it in order to\n * keep it in view when it will overflow the clipping boundary.\n * @see https://floating-ui.com/docs/shift\n */\nconst shift = (options, deps) => ({\n  ...shift$1(options),\n  options: [options, deps]\n});\n\n/**\n * Built-in `limiter` that will stop `shift()` at a certain point.\n */\nconst limitShift = (options, deps) => ({\n  ...limitShift$1(options),\n  options: [options, deps]\n});\n\n/**\n * Optimizes the visibility of the floating element by flipping the `placement`\n * in order to keep it in view when the preferred placement(s) will overflow the\n * clipping boundary. Alternative to `autoPlacement`.\n * @see https://floating-ui.com/docs/flip\n */\nconst flip = (options, deps) => ({\n  ...flip$1(options),\n  options: [options, deps]\n});\n\n/**\n * Provides data that allows you to change the size of the floating element —\n * for instance, prevent it from overflowing the clipping boundary or match the\n * width of the reference element.\n * @see https://floating-ui.com/docs/size\n */\nconst size = (options, deps) => ({\n  ...size$1(options),\n  options: [options, deps]\n});\n\n/**\n * Optimizes the visibility of the floating element by choosing the placement\n * that has the most space available automatically, without needing to specify a\n * preferred placement. Alternative to `flip`.\n * @see https://floating-ui.com/docs/autoPlacement\n */\nconst autoPlacement = (options, deps) => ({\n  ...autoPlacement$1(options),\n  options: [options, deps]\n});\n\n/**\n * Provides data to hide the floating element in applicable situations, such as\n * when it is not in the same clipping context as the reference element.\n * @see https://floating-ui.com/docs/hide\n */\nconst hide = (options, deps) => ({\n  ...hide$1(options),\n  options: [options, deps]\n});\n\n/**\n * Provides improved positioning for inline reference elements that can span\n * over multiple lines, such as hyperlinks or range selections.\n * @see https://floating-ui.com/docs/inline\n */\nconst inline = (options, deps) => ({\n  ...inline$1(options),\n  options: [options, deps]\n});\n\n/**\n * Provides data to position an inner element of the floating element so that it\n * appears centered to the reference element.\n * This wraps the core `arrow` middleware to allow React refs as the element.\n * @see https://floating-ui.com/docs/arrow\n */\nconst arrow = (options, deps) => ({\n  ...arrow$1(options),\n  options: [options, deps]\n});\n\nexport { arrow, autoPlacement, flip, hide, inline, limitShift, offset, shift, size, useFloating };\n"],"names":["index","useLayoutEffect","useEffect","deepEqual","a","b","length","i","keys","key","getDPR","element","roundByDPR","value","dpr","useLatestRef","ref","React","useFloating","options","placement","strategy","middleware","platform","externalReference","externalFloating","transform","whileElementsMounted","open","data","setData","latestMiddleware","setLatestMiddleware","_reference","_setReference","_floating","_setFloating","setReference","node","referenceRef","setFloating","floatingRef","referenceEl","floatingEl","dataRef","hasWhileElementsMounted","whileElementsMountedRef","platformRef","update","config","computePosition","fullData","isMountedRef","ReactDOM","refs","elements","floatingStyles","initialStyles","x","y","arrow$1","isRef","state","padding","arrow$2","offset","deps","offset$1","shift","shift$1","flip","flip$1","inline","inline$1","arrow"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/annotorious-react.es16.js

@@ -1,29 +1,372 @@
-import { __exports as t } from "./annotorious-react.es18.js";
-import R from "react";
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var p;
-function v() {
-  if (p) return t;
-  p = 1;
-  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, d = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, y = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(o, r, u) {
-    var e, n = {}, _ = null, f = null;
-    u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
-    for (e in r) c.call(r, e) && !y.hasOwnProperty(e) && (n[e] = r[e]);
-    if (o && o.defaultProps) for (e in r = o.defaultProps, r) n[e] === void 0 && (n[e] = r[e]);
-    return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: d.current };
-  }
-  return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
+import { offset as et, shift as it, flip as nt, inline as ot, arrow as st, computePosition as rt } from "./annotorious-react.es28.js";
+import { createCoords as b, rectToClientRect as X, round as D, floor as A, max as T, min as z } from "./annotorious-react.es27.js";
+import { getOverflowAncestors as $, isElement as x, getWindow as E, getFrameElement as U, getComputedStyle as y, getDocumentElement as C, isHTMLElement as R, isWebKit as j, isTopLayer as S, getNodeName as M, isOverflowElement as _, getNodeScroll as H, getParentNode as W, isLastTraversableNode as N, isTableElement as ct, isContainingBlock as G, getContainingBlock as lt } from "./annotorious-react.es21.js";
+function J(t) {
+  const e = y(t);
+  let n = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
+  const o = R(t), c = o ? t.offsetWidth : n, s = o ? t.offsetHeight : i, r = D(n) !== c || D(i) !== s;
+  return r && (n = c, i = s), {
+    width: n,
+    height: i,
+    $: r
+  };
 }
+function k(t) {
+  return x(t) ? t : t.contextElement;
+}
+function F(t) {
+  const e = k(t);
+  if (!R(e))
+    return b(1);
+  const n = e.getBoundingClientRect(), {
+    width: i,
+    height: o,
+    $: c
+  } = J(e);
+  let s = (c ? D(n.width) : n.width) / i, r = (c ? D(n.height) : n.height) / o;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!r || !Number.isFinite(r)) && (r = 1), {
+    x: s,
+    y: r
+  };
+}
+const ft = /* @__PURE__ */ b(0);
+function Q(t) {
+  const e = E(t);
+  return !j() || !e.visualViewport ? ft : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function ut(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== E(t) ? !1 : e;
+}
+function L(t, e, n, i) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const o = t.getBoundingClientRect(), c = k(t);
+  let s = b(1);
+  e && (i ? x(i) && (s = F(i)) : s = F(t));
+  const r = ut(c, n, i) ? Q(c) : b(0);
+  let l = (o.left + r.x) / s.x, f = (o.top + r.y) / s.y, u = o.width / s.x, h = o.height / s.y;
+  if (c) {
+    const m = E(c), g = i && x(i) ? E(i) : i;
+    let v = m, a = U(v);
+    for (; a && i && g !== v; ) {
+      const p = F(a), d = a.getBoundingClientRect(), w = y(a), O = d.left + (a.clientLeft + parseFloat(w.paddingLeft)) * p.x, B = d.top + (a.clientTop + parseFloat(w.paddingTop)) * p.y;
+      l *= p.x, f *= p.y, u *= p.x, h *= p.y, l += O, f += B, v = E(a), a = U(v);
+    }
+  }
+  return X({
+    width: u,
+    height: h,
+    x: l,
+    y: f
+  });
+}
+function ht(t) {
+  let {
+    elements: e,
+    rect: n,
+    offsetParent: i,
+    strategy: o
+  } = t;
+  const c = o === "fixed", s = C(i), r = e ? S(e.floating) : !1;
+  if (i === s || r && c)
+    return n;
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, f = b(1);
+  const u = b(0), h = R(i);
+  if ((h || !h && !c) && ((M(i) !== "body" || _(s)) && (l = H(i)), R(i))) {
+    const m = L(i);
+    f = F(i), u.x = m.x + i.clientLeft, u.y = m.y + i.clientTop;
+  }
+  return {
+    width: n.width * f.x,
+    height: n.height * f.y,
+    x: n.x * f.x - l.scrollLeft * f.x + u.x,
+    y: n.y * f.y - l.scrollTop * f.y + u.y
+  };
+}
+function at(t) {
+  return Array.from(t.getClientRects());
+}
+function Y(t) {
+  return L(C(t)).left + H(t).scrollLeft;
+}
+function dt(t) {
+  const e = C(t), n = H(t), i = t.ownerDocument.body, o = T(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), c = T(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
+  let s = -n.scrollLeft + Y(t);
+  const r = -n.scrollTop;
+  return y(i).direction === "rtl" && (s += T(e.clientWidth, i.clientWidth) - o), {
+    width: o,
+    height: c,
+    x: s,
+    y: r
+  };
+}
+function gt(t, e) {
+  const n = E(t), i = C(t), o = n.visualViewport;
+  let c = i.clientWidth, s = i.clientHeight, r = 0, l = 0;
+  if (o) {
+    c = o.width, s = o.height;
+    const f = j();
+    (!f || f && e === "fixed") && (r = o.offsetLeft, l = o.offsetTop);
+  }
+  return {
+    width: c,
+    height: s,
+    x: r,
+    y: l
+  };
+}
+function pt(t, e) {
+  const n = L(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, c = R(t) ? F(t) : b(1), s = t.clientWidth * c.x, r = t.clientHeight * c.y, l = o * c.x, f = i * c.y;
+  return {
+    width: s,
+    height: r,
+    x: l,
+    y: f
+  };
+}
+function K(t, e, n) {
+  let i;
+  if (e === "viewport")
+    i = gt(t, n);
+  else if (e === "document")
+    i = dt(C(t));
+  else if (x(e))
+    i = pt(e, n);
+  else {
+    const o = Q(t);
+    i = {
+      ...e,
+      x: e.x - o.x,
+      y: e.y - o.y
+    };
+  }
+  return X(i);
+}
+function Z(t, e) {
+  const n = W(t);
+  return n === e || !x(n) || N(n) ? !1 : y(n).position === "fixed" || Z(n, e);
+}
+function wt(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let i = $(t, [], !1).filter((r) => x(r) && M(r) !== "body"), o = null;
+  const c = y(t).position === "fixed";
+  let s = c ? W(t) : t;
+  for (; x(s) && !N(s); ) {
+    const r = y(s), l = G(s);
+    !l && r.position === "fixed" && (o = null), (c ? !l && !o : !l && r.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || _(s) && !l && Z(t, s)) ? i = i.filter((u) => u !== s) : o = r, s = W(s);
+  }
+  return e.set(t, i), i;
+}
+function mt(t) {
+  let {
+    element: e,
+    boundary: n,
+    rootBoundary: i,
+    strategy: o
+  } = t;
+  const s = [...n === "clippingAncestors" ? S(e) ? [] : wt(e, this._c) : [].concat(n), i], r = s[0], l = s.reduce((f, u) => {
+    const h = K(e, u, o);
+    return f.top = T(h.top, f.top), f.right = z(h.right, f.right), f.bottom = z(h.bottom, f.bottom), f.left = T(h.left, f.left), f;
+  }, K(e, r, o));
+  return {
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
+  };
+}
+function vt(t) {
+  const {
+    width: e,
+    height: n
+  } = J(t);
+  return {
+    width: e,
+    height: n
+  };
+}
+function xt(t, e, n) {
+  const i = R(e), o = C(e), c = n === "fixed", s = L(t, !0, c, e);
+  let r = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = b(0);
+  if (i || !i && !c)
+    if ((M(e) !== "body" || _(o)) && (r = H(e)), i) {
+      const h = L(e, !0, c, e);
+      l.x = h.x + e.clientLeft, l.y = h.y + e.clientTop;
+    } else o && (l.x = Y(o));
+  const f = s.left + r.scrollLeft - l.x, u = s.top + r.scrollTop - l.y;
+  return {
+    x: f,
+    y: u,
+    width: s.width,
+    height: s.height
+  };
+}
+function V(t) {
+  return y(t).position === "static";
+}
+function P(t, e) {
+  return !R(t) || y(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
+}
+function tt(t, e) {
+  const n = E(t);
+  if (S(t))
+    return n;
+  if (!R(t)) {
+    let o = W(t);
+    for (; o && !N(o); ) {
+      if (x(o) && !V(o))
+        return o;
+      o = W(o);
+    }
+    return n;
+  }
+  let i = P(t, e);
+  for (; i && ct(i) && V(i); )
+    i = P(i, e);
+  return i && N(i) && V(i) && !G(i) ? n : i || lt(t) || n;
+}
+const yt = async function(t) {
+  const e = this.getOffsetParent || tt, n = this.getDimensions, i = await n(t.floating);
+  return {
+    reference: xt(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: i.width,
+      height: i.height
+    }
+  };
+};
+function bt(t) {
+  return y(t).direction === "rtl";
+}
+const Rt = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ht,
+  getDocumentElement: C,
+  getClippingRect: mt,
+  getOffsetParent: tt,
+  getElementRects: yt,
+  getClientRects: at,
+  getDimensions: vt,
+  getScale: F,
+  isElement: x,
+  isRTL: bt
+};
+function Ct(t, e) {
+  let n = null, i;
+  const o = C(t);
+  function c() {
+    var r;
+    clearTimeout(i), (r = n) == null || r.disconnect(), n = null;
+  }
+  function s(r, l) {
+    r === void 0 && (r = !1), l === void 0 && (l = 1), c();
+    const {
+      left: f,
+      top: u,
+      width: h,
+      height: m
+    } = t.getBoundingClientRect();
+    if (r || e(), !h || !m)
+      return;
+    const g = A(u), v = A(o.clientWidth - (f + h)), a = A(o.clientHeight - (u + m)), p = A(f), w = {
+      rootMargin: -g + "px " + -v + "px " + -a + "px " + -p + "px",
+      threshold: T(0, z(1, l)) || 1
+    };
+    let O = !0;
+    function B(q) {
+      const I = q[0].intersectionRatio;
+      if (I !== l) {
+        if (!O)
+          return s();
+        I ? s(!1, I) : i = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      O = !1;
+    }
+    try {
+      n = new IntersectionObserver(B, {
+        ...w,
+        // Handle <iframe>s
+        root: o.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(B, w);
+    }
+    n.observe(t);
+  }
+  return s(!0), c;
+}
+function Tt(t, e, n, i) {
+  i === void 0 && (i = {});
+  const {
+    ancestorScroll: o = !0,
+    ancestorResize: c = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: r = typeof IntersectionObserver == "function",
+    animationFrame: l = !1
+  } = i, f = k(t), u = o || c ? [...f ? $(f) : [], ...$(e)] : [];
+  u.forEach((d) => {
+    o && d.addEventListener("scroll", n, {
+      passive: !0
+    }), c && d.addEventListener("resize", n);
+  });
+  const h = f && r ? Ct(f, n) : null;
+  let m = -1, g = null;
+  s && (g = new ResizeObserver((d) => {
+    let [w] = d;
+    w && w.target === f && g && (g.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var O;
+      (O = g) == null || O.observe(e);
+    })), n();
+  }), f && !l && g.observe(f), g.observe(e));
+  let v, a = l ? L(t) : null;
+  l && p();
+  function p() {
+    const d = L(t);
+    a && (d.x !== a.x || d.y !== a.y || d.width !== a.width || d.height !== a.height) && n(), a = d, v = requestAnimationFrame(p);
+  }
+  return n(), () => {
+    var d;
+    u.forEach((w) => {
+      o && w.removeEventListener("scroll", n), c && w.removeEventListener("resize", n);
+    }), h == null || h(), (d = g) == null || d.disconnect(), g = null, l && cancelAnimationFrame(v);
+  };
+}
+const Ft = et, Wt = it, Bt = nt, At = st, Dt = ot, Nt = (t, e, n) => {
+  const i = /* @__PURE__ */ new Map(), o = {
+    platform: Rt,
+    ...n
+  }, c = {
+    ...o.platform,
+    _c: i
+  };
+  return rt(t, e, {
+    ...o,
+    platform: c
+  });
+};
 export {
-  v as __require
+  At as arrow,
+  Tt as autoUpdate,
+  Nt as computePosition,
+  Bt as flip,
+  $ as getOverflowAncestors,
+  Dt as inline,
+  Ft as offset,
+  Rt as platform,
+  Wt as shift
 };
 //# sourceMappingURL=annotorious-react.es16.js.map