@soomo/react-text-annotator 3.0.0-staging.19 → 3.0.0-staging.20

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

@@ -1,491 +1,582 @@
-import defaultBehaviors from "./react-text-annotator.es18.js";
-import * as utilities from "./react-text-annotator.es19.js";
-import { hideContent, defineCustomElement, tagName } from "./react-text-annotator.es19.js";
-import { addBehaviors, addBehavior, removeBehavior } from "./react-text-annotator.es20.js";
-import { learnElementNames, learnCustomElementNames } from "./react-text-annotator.es21.js";
-class CETEI {
-  constructor(options) {
-    this.options = options ? options : {};
-    this.document = this.options.documentObject ? this.options.documentObject : void 0;
-    if (this.document === void 0) {
-      if (typeof window !== "undefined" && window.document) {
-        this.document = window.document;
-      } else if (typeof global !== "undefined" && global.document) {
-        this.document = global.document;
-      }
-    }
-    this.addBehaviors = addBehaviors.bind(this);
-    this.addBehavior = addBehavior.bind(this);
-    this.removeBehavior = removeBehavior.bind(this);
-    this.utilities = {};
-    for (const u of Object.keys(utilities)) {
-      if (["getPrefixDef", "rw", "resolveURI"].includes(u)) {
-        this.utilities[u] = utilities[u].bind(this);
-      } else {
-        this.utilities[u] = utilities[u];
+import { offset as offset$1, autoPlacement as autoPlacement$1, shift as shift$1, inline as inline$1, computePosition as computePosition$1 } from "./react-text-annotator.es25.js";
+import { createCoords, rectToClientRect, round, floor, max, min } from "./react-text-annotator.es24.js";
+import { getOverflowAncestors, isElement, getWindow, getComputedStyle, getDocumentElement, isHTMLElement, isWebKit, getNodeName, isOverflowElement, getNodeScroll, getParentNode, isLastTraversableNode, isTableElement, isContainingBlock, getContainingBlock } from "./react-text-annotator.es17.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 {
+    width,
+    height,
+    $: shouldFallback
+  };
+}
+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
+  };
+}
+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 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);
       }
-    }
-    this.els = [];
-    this.namespaces = /* @__PURE__ */ new Map();
-    this.behaviors = {};
-    this.hasStyle = false;
-    this.prefixDefs = [];
-    this.debug = this.options.debug === true ? true : false;
-    this.discardContent = this.options.discardContent === true ? true : false;
-    if (this.options.base) {
-      this.base = this.options.base;
     } else {
-      try {
-        if (window) {
-          this.base = window.location.href.replace(/\/[^\/]*$/, "/");
-        }
-      } catch (e) {
-        this.base = "";
-      }
-    }
-    if (!this.options.omitDefaultBehaviors) {
-      this.addBehaviors(defaultBehaviors);
-    }
-    if (this.options.ignoreFragmentId) {
-      if (window) {
-        window.removeEventListener("ceteiceanload", CETEI.restorePosition);
-      }
+      scale = getScale(element);
     }
   }
-  /* 
-    Returns a Promise that fetches an XML source document from the URL
-    provided in the first parameter and then calls the makeHTML5 method
-    on the returned document.
-  */
-  async getHTML5(XML_url, callback, perElementFn) {
-    if (window && window.location.href.startsWith(this.base) && XML_url.indexOf("/") >= 0) {
-      this.base = XML_url.replace(/\/[^\/]*$/, "/");
+  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 = currentWin.frameElement;
+    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 = currentWin.frameElement;
     }
+  }
+  return rectToClientRect({
+    width,
+    height,
+    x,
+    y
+  });
+}
+const topLayerSelectors = [":popover-open", ":modal"];
+function isTopLayer(element) {
+  return topLayerSelectors.some((selector) => {
     try {
-      const response = await fetch(XML_url);
-      if (response.ok) {
-        const XML = await response.text();
-        return this.makeHTML5(XML, callback, perElementFn);
-      } else {
-        console.log(`Could not get XML file ${XML_url}.
-Server returned ${response.status}: ${response.statusText}`);
-      }
-    } catch (error) {
-      console.log(error);
+      return element.matches(selector);
+    } catch (e) {
+      return false;
     }
+  });
+}
+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;
   }
-  /* 
-    Converts the supplied XML string into HTML5 Custom Elements. If a callback
-    function is supplied, calls it on the result.
-  */
-  makeHTML5(XML, callback, perElementFn) {
-    this.XML_dom = new DOMParser().parseFromString(XML, "text/xml");
-    return this.domToHTML5(this.XML_dom, callback, perElementFn);
-  }
-  preprocess(XML_dom, callback, perElementFn) {
-    this.els = learnElementNames(XML_dom, this.namespaces);
-    let convertEl = (el) => {
-      let newElement;
-      if (this.namespaces.has(el.namespaceURI ? el.namespaceURI : "")) {
-        let prefix = this.namespaces.get(el.namespaceURI ? el.namespaceURI : "");
-        newElement = this.document.createElement(`${prefix}-${el.localName.toLowerCase()}`);
-      } else {
-        newElement = this.document.importNode(el, false);
-      }
-      for (let att of Array.from(el.attributes)) {
-        if (att.name == "xmlns") {
-          newElement.setAttribute("data-xmlns", att.value);
-        } else {
-          newElement.setAttribute(att.name, att.value);
-        }
-        if (att.name == "xml:id") {
-          newElement.setAttribute("id", att.value);
-        }
-        if (att.name == "xml:lang") {
-          newElement.setAttribute("lang", att.value);
-        }
-        if (att.name == "rendition") {
-          newElement.setAttribute("class", att.value.replace(/#/g, ""));
-        }
-      }
-      newElement.setAttribute("data-origname", el.localName);
-      if (el.hasAttributes()) {
-        newElement.setAttribute("data-origatts", el.getAttributeNames().join(" "));
-      }
-      if (el.childNodes.length == 0) {
-        newElement.setAttribute("data-empty", "");
-      }
-      if (el.localName == "head") {
-        let level = XML_dom.evaluate("count(ancestor::*[tei:head])", el, function(ns) {
-          if (ns == "tei")
-            return "http://www.tei-c.org/ns/1.0";
-        }, 1, null);
-        newElement.setAttribute("data-level", level.numberValue);
-      }
-      if (el.localName == "tagsDecl") {
-        let style = this.document.createElement("style");
-        for (let node of Array.from(el.childNodes)) {
-          if (node.nodeType == 1 && node.localName == "rendition" && node.getAttribute("scheme") == "css") {
-            let rule = "";
-            if (node.hasAttribute("selector")) {
-              rule += node.getAttribute("selector").replace(/([^#, >]+\w*)/g, "tei-$1").replace(/#tei-/g, "#") + "{\n";
-              rule += node.textContent;
-            } else {
-              rule += "." + node.getAttribute("xml:id") + "{\n";
-              rule += node.textContent;
-            }
-            rule += "\n}\n";
-            style.appendChild(this.document.createTextNode(rule));
-          }
-        }
-        if (style.childNodes.length > 0) {
-          newElement.appendChild(style);
-          this.hasStyle = true;
-        }
-      }
-      if (el.localName == "prefixDef") {
-        this.prefixDefs.push(el.getAttribute("ident"));
-        this.prefixDefs[el.getAttribute("ident")] = {
-          "matchPattern": el.getAttribute("matchPattern"),
-          "replacementPattern": el.getAttribute("replacementPattern")
-        };
-      }
-      for (let node of Array.from(el.childNodes)) {
-        if (node.nodeType == 1) {
-          newElement.appendChild(convertEl(node));
-        } else {
-          newElement.appendChild(node.cloneNode());
-        }
-      }
-      if (perElementFn) {
-        perElementFn(newElement, el);
-      }
-      return newElement;
-    };
-    this.dom = this.document.createDocumentFragment();
-    for (let node of Array.from(XML_dom.childNodes)) {
-      if (node.nodeType == 1) {
-        this.dom.appendChild(convertEl(node));
-      }
-      if (node.nodeType == 7) {
-        this.dom.appendChild(this.document.importNode(node, true));
-      }
-      if (node.nodeType == 8) {
-        this.dom.appendChild(this.document.importNode(node, true));
-      }
+  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);
     }
-    this.utilities.dom = this.dom.firstElementChild;
-    if (callback) {
-      callback(this.dom, this);
-      if (window) {
-        window.dispatchEvent(ceteiceanLoad);
-      }
-    } else {
-      if (typeof window !== "undefined") {
-        window.dispatchEvent(ceteiceanLoad);
-      }
-      return this.dom;
+    if (isHTMLElement(offsetParent)) {
+      const offsetRect = getBoundingClientRect(offsetParent);
+      scale = getScale(offsetParent);
+      offsets.x = offsetRect.x + offsetParent.clientLeft;
+      offsets.y = offsetRect.y + offsetParent.clientTop;
     }
   }
-  /* 
-    Converts the supplied XML DOM into HTML5 Custom Elements. If a callback
-    function is supplied, calls it on the result.
-  */
-  domToHTML5(XML_dom, callback, perElementFn) {
-    this.preprocess(XML_dom, null, perElementFn);
-    this.applyBehaviors();
-    this.done = true;
-    if (callback) {
-      callback(this.dom, this);
-      if (window) {
-        window.dispatchEvent(ceteiceanLoad);
-      }
-    } else {
-      if (typeof window !== "undefined") {
-        window.dispatchEvent(ceteiceanLoad);
-      }
-      return this.dom;
-    }
+  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 getClientRects(element) {
+  return Array.from(element.getClientRects());
+}
+function getWindowScrollBarX(element) {
+  return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
+}
+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;
   }
-  /*
-    Convenience method for HTML pages containing pre-processed CETEIcean Custom 
-    Elements. Usage:
-      const c = new CETEI();
-      c.processPage();
-  */
-  processPage() {
-    this.els = learnCustomElementNames(this.document);
-    this.applyBehaviors();
-    if (window) {
-      window.dispatchEvent(ceteiceanLoad);
+  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;
     }
   }
-  /* 
-    To change a namespace -> prefix mapping, the namespace must first be 
-    unset. Takes a namespace URI. In order to process a TEI P4 document, e.g.,
-    the TEI namespace must be unset before it can be set to the empty string.
-  */
-  unsetNamespace(ns) {
-    this.namespaces.delete(ns);
-  }
-  /* 
-    Sets the base URL for the document. Used to rewrite relative links in the
-    XML source (which may be in a completely different location from the HTML
-    wrapper).
-  */
-  setBaseUrl(base) {
-    this.base = base;
-  }
-  /* 
-    Appends any element returned by the function passed in the first
-    parameter to the element in the second parameter. If the function
-    returns nothing, this is a no-op aside from any side effects caused
-    by the provided function.
-  
-    Called by getHandler() and fallback()
-    */
-  append(fn, elt) {
-    let self = this;
-    if (elt && !elt.hasAttribute("data-processed")) {
-      let content = fn.call(self.utilities, elt);
-      if (content) {
-        self.appendBasic(elt, content);
-      }
-    } else {
-      return function() {
-        if (!this.hasAttribute("data-processed")) {
-          let content = fn.call(self.utilities, this);
-          if (content) {
-            self.appendBasic(this, content);
-          }
-        }
-      };
-    }
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
+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 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 {
+    const visualOffsets = getVisualOffsets(element);
+    rect = {
+      ...clippingAncestor,
+      x: clippingAncestor.x - visualOffsets.x,
+      y: clippingAncestor.y - visualOffsets.y
+    };
   }
-  appendBasic(elt, content) {
-    if (this.discardContent) {
-      elt.innerHTML = "";
-    } else {
-      hideContent(elt, true);
+  return rectToClientRect(rect);
+}
+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 getClippingElementAncestors(element, cache) {
+  const cachedResult = cache.get(element);
+  if (cachedResult) {
+    return cachedResult;
+  }
+  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;
     }
-    elt.appendChild(content);
-  }
-  // Given an element, return its qualified name as defined in a behaviors object
-  bName(e) {
-    return e.tagName.substring(0, e.tagName.indexOf("-")).toLowerCase() + ":" + e.getAttribute("data-origname");
-  }
-  /* 
-    Private method called by append(). Takes a child element and a name, and recurses through the
-    child's siblings until an element with that name is found, returning true if it is and false if not.
-  */
-  childExists(elt, name) {
-    if (elt && elt.nodeName == name) {
-      return true;
+    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 {
-      return elt && elt.nextElementSibling && this.childExists(elt.nextElementSibling, name);
+      currentContainingBlockComputedStyle = computedStyle;
     }
+    currentNode = getParentNode(currentNode);
   }
-  /* 
-    Takes a template in the form of either an array of 1 or 2 
-    strings or an object with CSS selector keys and either functions
-    or arrays as described above. Returns a closure around a function 
-    that can be called in the element constructor or applied to an 
-    individual element. An empty array is considered a no-op.
-  
-    Called by the getHandler() and getFallback() methods
-  */
-  decorator(template) {
-    if (Array.isArray(template) && template.length == 0) {
-      return function(e) {
-      };
+  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 (Array.isArray(template) && !Array.isArray(template[0])) {
-      return this.applyDecorator(template);
+    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);
     }
-    let self = this;
-    return function(elt) {
-      for (let rule of template) {
-        if (elt.matches(rule[0]) || rule[0] === "_") {
-          if (Array.isArray(rule[1])) {
-            return self.decorator(rule[1]).call(this, elt);
-          } else {
-            return rule[1].call(this, elt);
-          }
-        }
-      }
-    };
   }
-  applyDecorator(strings) {
-    let self = this;
-    return function(elt) {
-      let copy = [];
-      for (let i = 0; i < strings.length; i++) {
-        copy.push(self.template(strings[i], elt));
-      }
-      return self.insert(elt, copy);
-    };
+  const x = rect.left + scroll.scrollLeft - offsets.x;
+  const y = rect.top + scroll.scrollTop - offsets.y;
+  return {
+    x,
+    y,
+    width: rect.width,
+    height: rect.height
+  };
+}
+function isStaticPositioned(element) {
+  return getComputedStyle(element).position === "static";
+}
+function getTrueOffsetParent(element, polyfill) {
+  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
+    return null;
   }
-  /* 
-    Returns the fallback function for the given element name.
-    Called by fallback().
-  */
-  getFallback(behaviors, fn) {
-    if (behaviors[fn]) {
-      if (behaviors[fn] instanceof Function) {
-        return behaviors[fn];
-      } else {
-        return this.decorator(behaviors[fn]);
-      }
-    }
+  if (polyfill) {
+    return polyfill(element);
+  }
+  return element.offsetParent;
+}
+function getOffsetParent(element, polyfill) {
+  const win = getWindow(element);
+  if (isTopLayer(element)) {
+    return win;
   }
-  /* 
-    Returns the handler function for the given element name
-    Called by define().
-  */
-  getHandler(behaviors, fn) {
-    if (behaviors[fn]) {
-      if (behaviors[fn] instanceof Function) {
-        return this.append(behaviors[fn]);
-      } else {
-        return this.append(this.decorator(behaviors[fn]));
+  if (!isHTMLElement(element)) {
+    let svgOffsetParent = getParentNode(element);
+    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
+      if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
+        return svgOffsetParent;
       }
+      svgOffsetParent = getParentNode(svgOffsetParent);
     }
+    return win;
   }
-  insert(elt, strings) {
-    let content = this.document.createElement("cetei-content");
-    for (let node of Array.from(elt.childNodes)) {
-      if (node.nodeType === 1 && !node.hasAttribute("data-processed")) {
-        this.processElement(node);
-      }
+  let offsetParent = getTrueOffsetParent(element, polyfill);
+  while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
+    offsetParent = getTrueOffsetParent(offsetParent, polyfill);
+  }
+  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
+    return win;
+  }
+  return offsetParent || getContainingBlock(element) || win;
+}
+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
     }
-    if (strings[0].match("<[^>]+>") && strings[1] && strings[1].match("<[^>]+>")) {
-      content.innerHTML = strings[0] + elt.innerHTML + (strings[1] ? strings[1] : "");
-    } else {
-      content.innerHTML = strings[0];
-      content.setAttribute("data-before", strings[0].replace(/<[^>]+>/g, "").length);
-      for (let node of Array.from(elt.childNodes)) {
-        content.appendChild(node.cloneNode(true));
-      }
-      if (strings.length > 1) {
-        content.innerHTML += strings[1];
-        content.setAttribute("data-after", strings[1].replace(/<[^>]+>/g, "").length);
-      }
+  };
+};
+function isRTL(element) {
+  return getComputedStyle(element).direction === "rtl";
+}
+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 refresh(skip, threshold) {
+    if (skip === void 0) {
+      skip = false;
     }
-    if (content.childNodes.length < 2) {
-      return content.firstChild;
-    } else {
-      return content;
+    if (threshold === void 0) {
+      threshold = 1;
     }
-  }
-  // Runs behaviors recursively on the supplied element and children
-  processElement(elt) {
-    if (elt.hasAttribute("data-origname") && !elt.hasAttribute("data-processed")) {
-      let fn = this.getFallback(this.bName(elt));
-      if (fn) {
-        this.append(fn, elt);
-        elt.setAttribute("data-processed", "");
-      }
+    cleanup();
+    const {
+      left,
+      top,
+      width,
+      height
+    } = element.getBoundingClientRect();
+    if (!skip) {
+      onMove();
     }
-    for (let node of Array.from(elt.childNodes)) {
-      if (node.nodeType === 1) {
-        this.processElement(node);
-      }
+    if (!width || !height) {
+      return;
     }
-  }
-  template(str, elt) {
-    let result = str;
-    if (str.search(/\$(\w*)(@([a-zA-Z:]+))/)) {
-      let re = /\$(\w*)@([a-zA-Z:]+)/g;
-      let replacements;
-      while (replacements = re.exec(str)) {
-        if (elt.hasAttribute(replacements[2])) {
-          if (replacements[1] && this.utilities[replacements[1]]) {
-            result = result.replace(replacements[0], this.utilities[replacements[1]](elt.getAttribute(replacements[2])));
-          } else {
-            result = result.replace(replacements[0], elt.getAttribute(replacements[2]));
-          }
+    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();
+        }
+        if (!ratio) {
+          timeoutId = setTimeout(() => {
+            refresh(false, 1e-7);
+          }, 1e3);
         } else {
-          result = result.replace(replacements[0], "");
+          refresh(false, ratio);
         }
       }
+      isFirstUpdate = false;
     }
-    return result;
-  }
-  // Define or apply behaviors for the document
-  applyBehaviors() {
-    if (typeof window !== "undefined" && window.customElements) {
-      this.define.call(this, this.els);
-    } else {
-      this.fallback.call(this, this.els);
+    try {
+      io = new IntersectionObserver(handleObserve, {
+        ...options,
+        // Handle <iframe>s
+        root: root.ownerDocument
+      });
+    } catch (e) {
+      io = new IntersectionObserver(handleObserve, options);
     }
+    io.observe(element);
   }
-  /* 
-    Registers the list of elements provided with the browser.
-    Called by makeHTML5(), but can be called independently if, for example,
-    you've created Custom Elements via an XSLT transformation instead.
-  */
-  define(names) {
-    for (let name of names) {
-      const fn = this.getHandler(this.behaviors, name);
-      defineCustomElement(name, fn, this.debug);
-    }
+  refresh(true);
+  return cleanup;
+}
+function autoUpdate(reference, floating, update, options) {
+  if (options === void 0) {
+    options = {};
   }
-  /* 
-    Provides fallback functionality for environments where Custom Elements
-    are not supported.
-  
-    Like define(), this is called by makeHTML5(), but can be called
-    independently.
-  */
-  fallback(names) {
-    for (let name of names) {
-      let fn = this.getFallback(this.behaviors, name);
-      if (fn) {
-        for (let elt of Array.from((this.dom && !this.done ? this.dom : this.document).querySelectorAll(tagName(name)))) {
-          if (!elt.hasAttribute("data-processed")) {
-            this.append(fn, elt);
-            elt.setAttribute("data-processed", "");
-          }
-        }
-      }
+  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();
+    });
+    if (referenceEl && !animationFrame) {
+      resizeObserver.observe(referenceEl);
     }
+    resizeObserver.observe(floating);
   }
-  /**********************
-   * Utility functions  *
-   **********************/
-  static savePosition() {
-    window.sessionStorage.setItem(window.location + "-scroll", window.scrollY);
-  }
-  static restorePosition() {
-    if (!window.location.hash) {
-      let scroll;
-      if (scroll = window.sessionStorage.getItem(window.location + "-scroll")) {
-        window.sessionStorage.removeItem(window.location + "-scroll");
-        setTimeout(function() {
-          window.scrollTo(0, scroll);
-        }, 100);
-      }
-    } else {
-      setTimeout(function() {
-        let h = this.document.querySelector(window.decodeURI(window.location.hash));
-        if (h) {
-          h.scrollIntoView();
-        }
-      }, 100);
+  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);
+    }
+  };
 }
-try {
-  if (typeof window !== "undefined") {
-    window.CETEI = CETEI;
-    window.addEventListener("beforeunload", CETEI.savePosition);
-    var ceteiceanLoad = new Event("ceteiceanload");
-    window.addEventListener("ceteiceanload", CETEI.restorePosition);
-  }
-} catch (e) {
-  console.log(e);
-}
+const offset = offset$1;
+const autoPlacement = autoPlacement$1;
+const shift = shift$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 {
-  CETEI as default
+  autoPlacement,
+  autoUpdate,
+  computePosition,
+  getOverflowAncestors,
+  inline,
+  offset,
+  platform,
+  shift
 };
 //# sourceMappingURL=react-text-annotator.es12.js.map