@soomo/react-text-annotator 3.0.0-staging.8 → 3.1.0-staging.0

package/dist/react-text-annotator.es15.js

@@ -1,312 +1,588 @@
-function getOrdinality(elt, name) {
-  let pos = 1;
-  let e = elt;
-  while (e && e.previousElementSibling !== null && (name ? e.previousElementSibling.localName == name : true)) {
-    pos++;
-    e = e.previousElementSibling;
-    if (!e.previousElementSibling) {
-      break;
-    }
+import { offset as offset$1, shift as shift$1, flip as flip$1, inline as inline$1, computePosition as computePosition$1 } from "./react-text-annotator.es31.js";
+import { createCoords, rectToClientRect, round, floor, max, min } from "./react-text-annotator.es30.js";
+import { getOverflowAncestors, isElement, getWindow, getFrameElement, getComputedStyle, getDocumentElement, isHTMLElement, isWebKit, isTopLayer, getNodeName, isOverflowElement, getNodeScroll, getParentNode, isLastTraversableNode, isTableElement, isContainingBlock, getContainingBlock } from "./react-text-annotator.es28.js";
+function getCssDimensions(element) {
+  const css = getComputedStyle(element);
+  let width = parseFloat(css.width) || 0;
+  let height = parseFloat(css.height) || 0;
+  const hasOffset = isHTMLElement(element);
+  const offsetWidth = hasOffset ? element.offsetWidth : width;
+  const offsetHeight = hasOffset ? element.offsetHeight : height;
+  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
+  if (shouldFallback) {
+    width = offsetWidth;
+    height = offsetHeight;
   }
-  return pos;
+  return {
+    width,
+    height,
+    $: shouldFallback
+  };
 }
-function copyAndReset(node) {
-  const doc = node.ownerDocument;
-  let clone = (n) => {
-    let result;
-    switch (n.nodeType) {
-      case 1:
-        result = doc.createElement(n.nodeName);
-        break;
-      case 9:
-        result = doc.implementation.createDocument();
-        break;
-      case 11:
-        result = doc.createDocumentFragment();
-        break;
-      default:
-        result = n.cloneNode(true);
-    }
-    if (n.attributes) {
-      for (let att of Array.from(n.attributes)) {
-        if (att.name !== "data-processed") {
-          result.setAttribute(att.name, att.value);
-        }
-      }
-    }
-    for (let nd of Array.from(n.childNodes)) {
-      if (nd.nodeType == 1) {
-        if (nd.hasAttribute("data-original")) {
-          for (let childNode of Array.from(nd.childNodes)) {
-            let child = result.appendChild(clone(childNode));
-            if (child.nodeType === 1 && child.hasAttribute("data-origid")) {
-              child.setAttribute("id", child.getAttribute("data-origid"));
-              child.removeAttribute("data-origid");
-            }
-          }
-          return result;
-        } else if (nd.hasAttribute("data-origname")) {
-          result.appendChild(clone(nd));
-        }
-      } else {
-        result.appendChild(nd.cloneNode());
-      }
-    }
-    return result;
+function unwrapElement(element) {
+  return !isElement(element) ? element.contextElement : element;
+}
+function getScale(element) {
+  const domElement = unwrapElement(element);
+  if (!isHTMLElement(domElement)) {
+    return createCoords(1);
+  }
+  const rect = domElement.getBoundingClientRect();
+  const {
+    width,
+    height,
+    $
+  } = getCssDimensions(domElement);
+  let x = ($ ? round(rect.width) : rect.width) / width;
+  let y = ($ ? round(rect.height) : rect.height) / height;
+  if (!x || !Number.isFinite(x)) {
+    x = 1;
+  }
+  if (!y || !Number.isFinite(y)) {
+    y = 1;
+  }
+  return {
+    x,
+    y
   };
-  return clone(node);
 }
-function first(urls) {
-  return urls.replace(/ .*$/, "");
+const noOffsets = /* @__PURE__ */ createCoords(0);
+function getVisualOffsets(element) {
+  const win = getWindow(element);
+  if (!isWebKit() || !win.visualViewport) {
+    return noOffsets;
+  }
+  return {
+    x: win.visualViewport.offsetLeft,
+    y: win.visualViewport.offsetTop
+  };
 }
-function hideContent(elt, rewriteIds = true) {
-  const doc = elt.ownerDocument;
-  if (elt.childNodes.length > 0) {
-    let hidden = doc.createElement("cetei-original");
-    elt.appendChild(hidden);
-    hidden.setAttribute("hidden", "");
-    hidden.setAttribute("data-original", "");
-    for (let node of Array.from(elt.childNodes)) {
-      if (node !== hidden) {
-        if (node.nodeType === 1) {
-          node.setAttribute("data-processed", "");
-          for (let e of node.querySelectorAll("*")) {
-            e.setAttribute("data-processed", "");
-          }
-        }
-        hidden.appendChild(elt.removeChild(node));
+function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
+  if (isFixed === void 0) {
+    isFixed = false;
+  }
+  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {
+    return false;
+  }
+  return isFixed;
+}
+function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
+  if (includeScale === void 0) {
+    includeScale = false;
+  }
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+  const clientRect = element.getBoundingClientRect();
+  const domElement = unwrapElement(element);
+  let scale = createCoords(1);
+  if (includeScale) {
+    if (offsetParent) {
+      if (isElement(offsetParent)) {
+        scale = getScale(offsetParent);
       }
+    } else {
+      scale = getScale(element);
     }
-    if (rewriteIds) {
-      for (let e of Array.from(hidden.querySelectorAll("*"))) {
-        if (e.hasAttribute("id")) {
-          e.setAttribute("data-origid", e.getAttribute("id"));
-          e.removeAttribute("id");
-        }
-      }
+  }
+  const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
+  let x = (clientRect.left + visualOffsets.x) / scale.x;
+  let y = (clientRect.top + visualOffsets.y) / scale.y;
+  let width = clientRect.width / scale.x;
+  let height = clientRect.height / scale.y;
+  if (domElement) {
+    const win = getWindow(domElement);
+    const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
+    let currentWin = win;
+    let currentIFrame = getFrameElement(currentWin);
+    while (currentIFrame && offsetParent && offsetWin !== currentWin) {
+      const iframeScale = getScale(currentIFrame);
+      const iframeRect = currentIFrame.getBoundingClientRect();
+      const css = getComputedStyle(currentIFrame);
+      const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
+      const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
+      x *= iframeScale.x;
+      y *= iframeScale.y;
+      width *= iframeScale.x;
+      height *= iframeScale.y;
+      x += left;
+      y += top;
+      currentWin = getWindow(currentIFrame);
+      currentIFrame = getFrameElement(currentWin);
     }
   }
+  return rectToClientRect({
+    width,
+    height,
+    x,
+    y
+  });
 }
-function normalizeURI(urls) {
-  return this.rw(this.first(urls));
+function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
+  let {
+    elements,
+    rect,
+    offsetParent,
+    strategy
+  } = _ref;
+  const isFixed = strategy === "fixed";
+  const documentElement = getDocumentElement(offsetParent);
+  const topLayer = elements ? isTopLayer(elements.floating) : false;
+  if (offsetParent === documentElement || topLayer && isFixed) {
+    return rect;
+  }
+  let scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  let scale = createCoords(1);
+  const offsets = createCoords(0);
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isHTMLElement(offsetParent)) {
+      const offsetRect = getBoundingClientRect(offsetParent);
+      scale = getScale(offsetParent);
+      offsets.x = offsetRect.x + offsetParent.clientLeft;
+      offsets.y = offsetRect.y + offsetParent.clientTop;
+    }
+  }
+  return {
+    width: rect.width * scale.x,
+    height: rect.height * scale.y,
+    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
+    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
+  };
 }
-function repeat(str, times) {
-  let result = "";
-  for (let i = 0; i < times; i++) {
-    result += str;
+function getClientRects(element) {
+  return Array.from(element.getClientRects());
+}
+function getWindowScrollBarX(element, rect) {
+  const leftScroll = getNodeScroll(element).scrollLeft;
+  if (!rect) {
+    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
   }
-  return result;
+  return rect.left + leftScroll;
 }
-function resolveURI(uri) {
-  let prefixdef = this.prefixDefs[uri.substring(0, uri.indexOf(":"))];
-  return uri.replace(new RegExp(prefixdef["matchPattern"]), prefixdef["replacementPattern"]);
+function getDocumentRect(element) {
+  const html = getDocumentElement(element);
+  const scroll = getNodeScroll(element);
+  const body = element.ownerDocument.body;
+  const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
+  const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
+  let x = -scroll.scrollLeft + getWindowScrollBarX(element);
+  const y = -scroll.scrollTop;
+  if (getComputedStyle(body).direction === "rtl") {
+    x += max(html.clientWidth, body.clientWidth) - width;
+  }
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
+function getViewportRect(element, strategy) {
+  const win = getWindow(element);
+  const html = getDocumentElement(element);
+  const visualViewport = win.visualViewport;
+  let width = html.clientWidth;
+  let height = html.clientHeight;
+  let x = 0;
+  let y = 0;
+  if (visualViewport) {
+    width = visualViewport.width;
+    height = visualViewport.height;
+    const visualViewportBased = isWebKit();
+    if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
+      x = visualViewport.offsetLeft;
+      y = visualViewport.offsetTop;
+    }
+  }
+  return {
+    width,
+    height,
+    x,
+    y
+  };
 }
-function getPrefixDef(prefix) {
-  return this.prefixDefs[prefix];
+function getInnerBoundingClientRect(element, strategy) {
+  const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
+  const top = clientRect.top + element.clientTop;
+  const left = clientRect.left + element.clientLeft;
+  const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
+  const width = element.clientWidth * scale.x;
+  const height = element.clientHeight * scale.y;
+  const x = left * scale.x;
+  const y = top * scale.y;
+  return {
+    width,
+    height,
+    x,
+    y
+  };
 }
-function rw(url) {
-  if (!url.match(/^(?:http|mailto|file|\/|#).*$/)) {
-    return this.base + first(url);
+function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
+  let rect;
+  if (clippingAncestor === "viewport") {
+    rect = getViewportRect(element, strategy);
+  } else if (clippingAncestor === "document") {
+    rect = getDocumentRect(getDocumentElement(element));
+  } else if (isElement(clippingAncestor)) {
+    rect = getInnerBoundingClientRect(clippingAncestor, strategy);
   } else {
-    return url;
+    const visualOffsets = getVisualOffsets(element);
+    rect = {
+      ...clippingAncestor,
+      x: clippingAncestor.x - visualOffsets.x,
+      y: clippingAncestor.y - visualOffsets.y
+    };
   }
+  return rectToClientRect(rect);
 }
-function resetAndSerialize(el, stripElt, ws) {
-  return serialize(copyAndReset(el), stripElt, ws);
+function hasFixedPositionAncestor(element, stopNode) {
+  const parentNode = getParentNode(element);
+  if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
+    return false;
+  }
+  return getComputedStyle(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
 }
-function serialize(el, stripElt, ws) {
-  let str = "";
-  const ignorable = (txt) => {
-    return !/[^\t\n\r ]/.test(txt);
-  };
-  if (el.nodeType === 9 || el.nodeType === 11) {
-    str += '<?xml version="1.0" encoding="UTF-8"?>\n';
+function getClippingElementAncestors(element, cache) {
+  const cachedResult = cache.get(element);
+  if (cachedResult) {
+    return cachedResult;
   }
-  if (!stripElt && el.nodeType == 1) {
-    if (typeof ws === "string" && ws !== "") {
-      str += "\n" + ws + "<";
-    } else {
-      str += "<";
+  let result = getOverflowAncestors(element, [], false).filter((el) => isElement(el) && getNodeName(el) !== "body");
+  let currentContainingBlockComputedStyle = null;
+  const elementIsFixed = getComputedStyle(element).position === "fixed";
+  let currentNode = elementIsFixed ? getParentNode(element) : element;
+  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    const computedStyle = getComputedStyle(currentNode);
+    const currentNodeIsContaining = isContainingBlock(currentNode);
+    if (!currentNodeIsContaining && computedStyle.position === "fixed") {
+      currentContainingBlockComputedStyle = null;
     }
-    str += el.getAttribute("data-origname");
-    let attrNames = el.hasAttribute("data-origatts") ? el.getAttribute("data-origatts").split(" ") : [];
-    for (let attr of Array.from(el.attributes)) {
-      if (!attr.name.startsWith("data-") && !["id", "lang", "class"].includes(attr.name)) {
-        str += " " + attrNames.find(function(e) {
-          return e.toLowerCase() == attr.name;
-        }) + '="' + attr.value + '"';
-      }
-      if (attr.name == "data-xmlns") {
-        str += ' xmlns="' + attr.value + '"';
-      }
-    }
-    if (el.childNodes.length > 0) {
-      str += ">";
+    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+    if (shouldDropCurrentNode) {
+      result = result.filter((ancestor) => ancestor !== currentNode);
     } else {
-      str += "/>";
+      currentContainingBlockComputedStyle = computedStyle;
     }
+    currentNode = getParentNode(currentNode);
   }
-  for (let node of Array.from(el.childNodes)) {
-    switch (node.nodeType) {
-      case 1:
-        if (typeof ws === "string") {
-          str += serialize(node, false, ws + "  ");
-        } else {
-          str += serialize(node, false, ws);
-        }
-        break;
-      case 7:
-        str += `<?${node.nodeName} ${node.nodeValue}?>`;
-        if (el.nodeType === 9 || el.nodeType === 11) {
-          str += "\n";
-        }
-        break;
-      case 8:
-        str += `<!--${node.nodeValue}-->`;
-        if (el.nodeType === 9 || el.nodeType === 11) {
-          str += "\n";
-        }
-        break;
-      default:
-        if (stripElt && ignorable(node.nodeValue)) {
-          str += node.nodeValue.replace(/^\s*\n/, "");
-        }
-        if (typeof ws === "string" && ignorable(node.nodeValue)) {
-          break;
-        }
-        str += node.nodeValue;
+  cache.set(element, result);
+  return result;
+}
+function getClippingRect(_ref) {
+  let {
+    element,
+    boundary,
+    rootBoundary,
+    strategy
+  } = _ref;
+  const elementClippingAncestors = boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
+  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
+  const firstClippingAncestor = clippingAncestors[0];
+  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
+    const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
+    accRect.top = max(rect.top, accRect.top);
+    accRect.right = min(rect.right, accRect.right);
+    accRect.bottom = min(rect.bottom, accRect.bottom);
+    accRect.left = max(rect.left, accRect.left);
+    return accRect;
+  }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
+  return {
+    width: clippingRect.right - clippingRect.left,
+    height: clippingRect.bottom - clippingRect.top,
+    x: clippingRect.left,
+    y: clippingRect.top
+  };
+}
+function getDimensions(element) {
+  const {
+    width,
+    height
+  } = getCssDimensions(element);
+  return {
+    width,
+    height
+  };
+}
+function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  const documentElement = getDocumentElement(offsetParent);
+  const isFixed = strategy === "fixed";
+  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
+  let scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const offsets = createCoords(0);
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
     }
-  }
-  if (!stripElt && el.nodeType == 1 && el.childNodes.length > 0) {
-    if (typeof ws === "string") {
-      str += "\n" + ws + "</";
-    } else {
-      str += "</";
+    if (isOffsetParentAnElement) {
+      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
+      offsets.x = offsetRect.x + offsetParent.clientLeft;
+      offsets.y = offsetRect.y + offsetParent.clientTop;
+    } else if (documentElement) {
+      offsets.x = getWindowScrollBarX(documentElement);
     }
-    str += el.getAttribute("data-origname") + ">";
   }
-  if (el.nodeType === 9 || el.nodeType === 11) {
-    str += "\n";
+  let htmlX = 0;
+  let htmlY = 0;
+  if (documentElement && !isOffsetParentAnElement && !isFixed) {
+    const htmlRect = documentElement.getBoundingClientRect();
+    htmlY = htmlRect.top + scroll.scrollTop;
+    htmlX = htmlRect.left + scroll.scrollLeft - // RTL <body> scrollbar.
+    getWindowScrollBarX(documentElement, htmlRect);
   }
-  return str;
-}
-function serializeHTML(el, stripElt, ws) {
-  const EMPTY_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "param", "source", "track", "wbr"];
-  let str = "";
-  const ignorable = (txt) => {
-    return !/[^\t\n\r ]/.test(txt);
+  const x = rect.left + scroll.scrollLeft - offsets.x - htmlX;
+  const y = rect.top + scroll.scrollTop - offsets.y - htmlY;
+  return {
+    x,
+    y,
+    width: rect.width,
+    height: rect.height
   };
-  if (!stripElt && el.nodeType == 1) {
-    if (typeof ws === "string" && ws !== "") {
-      str += "\n" + ws + "<";
-    } else {
-      str += "<";
-    }
-    str += el.nodeName;
-    for (let attr of Array.from(el.attributes)) {
-      str += " " + attr.name + '="' + attr.value + '"';
-    }
-    str += ">";
+}
+function isStaticPositioned(element) {
+  return getComputedStyle(element).position === "static";
+}
+function getTrueOffsetParent(element, polyfill) {
+  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
+    return null;
   }
-  for (let node of Array.from(el.childNodes)) {
-    switch (node.nodeType) {
-      case 1:
-        if (typeof ws === "string") {
-          str += serializeHTML(node, false, ws + "  ");
-        } else {
-          str += serializeHTML(node, false, ws);
-        }
-        break;
-      case 7:
-        str += `<?${node.nodeName} ${node.nodeValue}?>`;
-        if (el.nodeType === 9 || el.nodeType === 11) {
-          str += "\n";
-        }
-        break;
-      case 8:
-        str += `<!--${node.nodeValue}-->`;
-        if (el.nodeType === 9 || el.nodeType === 11) {
-          str += "\n";
-        }
-        break;
-      default:
-        if (stripElt && ignorable(node.nodeValue)) {
-          str += node.nodeValue.replace(/^\s*\n/, "");
-        }
-        if (typeof ws === "string" && ignorable(node.nodeValue)) {
-          break;
-        }
-        str += node.nodeValue.replace(/</g, "&lt;");
-    }
+  if (polyfill) {
+    return polyfill(element);
+  }
+  let rawOffsetParent = element.offsetParent;
+  if (getDocumentElement(element) === rawOffsetParent) {
+    rawOffsetParent = rawOffsetParent.ownerDocument.body;
+  }
+  return rawOffsetParent;
+}
+function getOffsetParent(element, polyfill) {
+  const win = getWindow(element);
+  if (isTopLayer(element)) {
+    return win;
   }
-  if (!EMPTY_ELEMENTS.includes(el.nodeName)) {
-    if (!stripElt && el.nodeType == 1) {
-      if (typeof ws === "string") {
-        str += `
-${ws}</`;
-      } else {
-        str += "</";
+  if (!isHTMLElement(element)) {
+    let svgOffsetParent = getParentNode(element);
+    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
+      if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
+        return svgOffsetParent;
       }
-      str += `${el.nodeName}>`;
+      svgOffsetParent = getParentNode(svgOffsetParent);
     }
+    return win;
+  }
+  let offsetParent = getTrueOffsetParent(element, polyfill);
+  while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
+    offsetParent = getTrueOffsetParent(offsetParent, polyfill);
   }
-  if (el.nodeType === 9 || el.nodeType === 11) {
-    str += "\n";
+  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
+    return win;
   }
-  return str;
+  return offsetParent || getContainingBlock(element) || win;
 }
-function unEscapeEntities(str) {
-  return str.replace(/&gt;/, ">").replace(/&quot;/, '"').replace(/&apos;/, "'").replace(/&amp;/, "&");
+const getElementRects = async function(data) {
+  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
+  const getDimensionsFn = this.getDimensions;
+  const floatingDimensions = await getDimensionsFn(data.floating);
+  return {
+    reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: floatingDimensions.width,
+      height: floatingDimensions.height
+    }
+  };
+};
+function isRTL(element) {
+  return getComputedStyle(element).direction === "rtl";
 }
-function tagName(name) {
-  if (name.includes(":"), 1) {
-    return name.replace(/:/, "-").toLowerCase();
+const platform = {
+  convertOffsetParentRelativeRectToViewportRelativeRect,
+  getDocumentElement,
+  getClippingRect,
+  getOffsetParent,
+  getElementRects,
+  getClientRects,
+  getDimensions,
+  getScale,
+  isElement,
+  isRTL
+};
+function observeMove(element, onMove) {
+  let io = null;
+  let timeoutId;
+  const root = getDocumentElement(element);
+  function cleanup() {
+    var _io;
+    clearTimeout(timeoutId);
+    (_io = io) == null || _io.disconnect();
+    io = null;
   }
-}
-function defineCustomElement(name, behavior = null, debug = false) {
-  try {
-    window.customElements.define(tagName(name), class extends HTMLElement {
-      constructor() {
-        super();
-        if (!this.matches(":defined")) {
-          if (behavior) {
-            behavior.call(this);
-            this.setAttribute("data-processed", "");
-          }
+  function refresh(skip, threshold) {
+    if (skip === void 0) {
+      skip = false;
+    }
+    if (threshold === void 0) {
+      threshold = 1;
+    }
+    cleanup();
+    const {
+      left,
+      top,
+      width,
+      height
+    } = element.getBoundingClientRect();
+    if (!skip) {
+      onMove();
+    }
+    if (!width || !height) {
+      return;
+    }
+    const insetTop = floor(top);
+    const insetRight = floor(root.clientWidth - (left + width));
+    const insetBottom = floor(root.clientHeight - (top + height));
+    const insetLeft = floor(left);
+    const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
+    const options = {
+      rootMargin,
+      threshold: max(0, min(1, threshold)) || 1
+    };
+    let isFirstUpdate = true;
+    function handleObserve(entries) {
+      const ratio = entries[0].intersectionRatio;
+      if (ratio !== threshold) {
+        if (!isFirstUpdate) {
+          return refresh();
         }
-      }
-      // Process new elements when they are connected to the browser DOM
-      connectedCallback() {
-        if (!this.hasAttribute("data-processed")) {
-          if (behavior) {
-            behavior.call(this);
-            this.setAttribute("data-processed", "");
-          }
+        if (!ratio) {
+          timeoutId = setTimeout(() => {
+            refresh(false, 1e-7);
+          }, 1e3);
+        } else {
+          refresh(false, ratio);
         }
       }
+      isFirstUpdate = false;
+    }
+    try {
+      io = new IntersectionObserver(handleObserve, {
+        ...options,
+        // Handle <iframe>s
+        root: root.ownerDocument
+      });
+    } catch (e) {
+      io = new IntersectionObserver(handleObserve, options);
+    }
+    io.observe(element);
+  }
+  refresh(true);
+  return cleanup;
+}
+function autoUpdate(reference, floating, update, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    ancestorScroll = true,
+    ancestorResize = true,
+    elementResize = typeof ResizeObserver === "function",
+    layoutShift = typeof IntersectionObserver === "function",
+    animationFrame = false
+  } = options;
+  const referenceEl = unwrapElement(reference);
+  const ancestors = ancestorScroll || ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...getOverflowAncestors(floating)] : [];
+  ancestors.forEach((ancestor) => {
+    ancestorScroll && ancestor.addEventListener("scroll", update, {
+      passive: true
+    });
+    ancestorResize && ancestor.addEventListener("resize", update);
+  });
+  const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
+  let reobserveFrame = -1;
+  let resizeObserver = null;
+  if (elementResize) {
+    resizeObserver = new ResizeObserver((_ref) => {
+      let [firstEntry] = _ref;
+      if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
+        resizeObserver.unobserve(floating);
+        cancelAnimationFrame(reobserveFrame);
+        reobserveFrame = requestAnimationFrame(() => {
+          var _resizeObserver;
+          (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
+        });
+      }
+      update();
     });
-  } catch (error) {
-    if (debug) {
-      console.log(tagName(name) + " couldn't be registered or is already registered.");
-      console.log(error);
+    if (referenceEl && !animationFrame) {
+      resizeObserver.observe(referenceEl);
+    }
+    resizeObserver.observe(floating);
+  }
+  let frameId;
+  let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
+  if (animationFrame) {
+    frameLoop();
+  }
+  function frameLoop() {
+    const nextRefRect = getBoundingClientRect(reference);
+    if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
+      update();
     }
+    prevRefRect = nextRefRect;
+    frameId = requestAnimationFrame(frameLoop);
   }
+  update();
+  return () => {
+    var _resizeObserver2;
+    ancestors.forEach((ancestor) => {
+      ancestorScroll && ancestor.removeEventListener("scroll", update);
+      ancestorResize && ancestor.removeEventListener("resize", update);
+    });
+    cleanupIo == null || cleanupIo();
+    (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
+    resizeObserver = null;
+    if (animationFrame) {
+      cancelAnimationFrame(frameId);
+    }
+  };
 }
+const offset = offset$1;
+const shift = shift$1;
+const flip = flip$1;
+const inline = inline$1;
+const computePosition = (reference, floating, options) => {
+  const cache = /* @__PURE__ */ new Map();
+  const mergedOptions = {
+    platform,
+    ...options
+  };
+  const platformWithCache = {
+    ...mergedOptions.platform,
+    _c: cache
+  };
+  return computePosition$1(reference, floating, {
+    ...mergedOptions,
+    platform: platformWithCache
+  });
+};
 export {
-  copyAndReset,
-  defineCustomElement,
-  first,
-  getOrdinality,
-  getPrefixDef,
-  hideContent,
-  normalizeURI,
-  repeat,
-  resetAndSerialize,
-  resolveURI,
-  rw,
-  serialize,
-  serializeHTML,
-  tagName,
-  unEscapeEntities
+  autoUpdate,
+  computePosition,
+  flip,
+  getOverflowAncestors,
+  inline,
+  offset,
+  platform,
+  shift
 };
 //# sourceMappingURL=react-text-annotator.es15.js.map