@soomo/react-text-annotator 3.1.0-staging.14 → 3.1.0-staging.15

package/dist/TextAnnotatorPopup/TextAnnotatorPopup.d.ts

@@ -1,4 +1,4 @@
-import { FC, PointerEvent, MouseEvent, ReactNode } from 'react';
+import { FC, PointerEvent, ReactNode } from 'react';
 import { TextAnnotation } from '@soomo/text-annotator';
 interface TextAnnotationPopupProps {
     ariaNavigationMessage?: string;
@@ -11,15 +11,5 @@ export interface TextAnnotationPopupContentProps {
     event?: PointerEvent;
 }
 export declare const TextAnnotatorPopup: FC<TextAnnotationPopupProps>;
-/**
- * Prevent text-annotator from handling the irrelevant events
- * triggered from the popup/toolbar/dialog
- */
-export declare const getStopEventsPropagationProps: <T extends HTMLElement = HTMLElement>() => {
-    onPointerUp: (event: PointerEvent<T>) => void;
-    onPointerDown: (event: PointerEvent<T>) => void;
-    onMouseDown: (event: MouseEvent<T>) => void;
-    onMouseUp: (event: MouseEvent<T>) => void;
-};
 export {};
 //# sourceMappingURL=TextAnnotatorPopup.d.ts.map

package/dist/TextAnnotatorPopup/TextAnnotatorPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextAnnotatorPopup.d.ts","sourceRoot":"","sources":["../../src/TextAnnotatorPopup/TextAnnotatorPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAA6C,MAAM,OAAO,CAAC;AAG3G,OAAO,EAIL,KAAK,cAAc,EAEpB,MAAM,uBAAuB,CAAC;AAmB/B,OAAO,0BAA0B,CAAC;AAElC,UAAU,wBAAwB;IAEhC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,KAAK,CAAC,KAAK,EAAE,+BAA+B,GAAG,SAAS,CAAC;CAE1D;AAED,MAAM,WAAW,+BAA+B;IAE9C,UAAU,EAAE,cAAc,CAAC;IAE3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,YAAY,CAAC;CAEtB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CAoI3D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,6BAA6B,GAAI,CAAC,SAAS,WAAW;yBAC5C,YAAY,CAAC,CAAC,CAAC;2BACb,YAAY,CAAC,CAAC,CAAC;yBACjB,UAAU,CAAC,CAAC,CAAC;uBACf,UAAU,CAAC,CAAC,CAAC;CAChC,CAAC"}
+{"version":3,"file":"TextAnnotatorPopup.d.ts","sourceRoot":"","sources":["../../src/TextAnnotatorPopup/TextAnnotatorPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,YAAY,EAAc,SAAS,EAA6C,MAAM,OAAO,CAAC;AAG3G,OAAO,EAKL,KAAK,cAAc,EAEpB,MAAM,uBAAuB,CAAC;AAmB/B,OAAO,0BAA0B,CAAC;AAElC,UAAU,wBAAwB;IAEhC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,KAAK,CAAC,KAAK,EAAE,+BAA+B,GAAG,SAAS,CAAC;CAE1D;AAED,MAAM,WAAW,+BAA+B;IAE9C,UAAU,EAAE,cAAc,CAAC;IAE3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,YAAY,CAAC;CAEtB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CAqI3D,CAAC"}

package/dist/hooks/index.d.ts

@@ -1,2 +1,3 @@
-export * from './useAnnouncePopupNavigation';
+export { useAnnouncePopupNavigation } from './useAnnouncePopupNavigation';
+export { useAnnotationTargetIdling } from './useAnnotationTargetIdling';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/hooks/useAnnotationTargetIdling.d.ts

@@ -0,0 +1,4 @@
+export declare const useAnnotationTargetIdling: (annotationId: string | undefined, options?: {
+    timeout: number;
+}) => boolean;
+//# sourceMappingURL=useAnnotationTargetIdling.d.ts.map

package/dist/hooks/useAnnotationTargetIdling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnnotationTargetIdling.d.ts","sourceRoot":"","sources":["../../src/hooks/useAnnotationTargetIdling.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,yBAAyB,iBACtB,MAAM,GAAG,SAAS,YACvB;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,YAiC7B,CAAC"}

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

@@ -1,11 +1,12 @@
 import { CETEIcean } from "./react-text-annotator.es2.js";
 import { TEIAnnotator } from "./react-text-annotator.es3.js";
 import { useAnnouncePopupNavigation } from "./react-text-annotator.es4.js";
-import { TextAnnotator } from "./react-text-annotator.es5.js";
-import { TextAnnotatorPopup, getStopEventsPropagationProps } from "./react-text-annotator.es6.js";
+import { useAnnotationTargetIdling } from "./react-text-annotator.es5.js";
+import { TextAnnotator } from "./react-text-annotator.es6.js";
+import { TextAnnotatorPopup } from "./react-text-annotator.es7.js";
 import { Origin, UserSelectAction, createBody } from "@annotorious/core";
 import { AnnotoriousPlugin } from "@annotorious/react";
-import { W3CTextFormat } from "./react-text-annotator.es7.js";
+import { W3CTextFormat } from "./react-text-annotator.es8.js";
 export {
   AnnotoriousPlugin,
   CETEIcean,
@@ -16,7 +17,7 @@ export {
   UserSelectAction,
   W3CTextFormat,
   createBody,
-  getStopEventsPropagationProps,
+  useAnnotationTargetIdling,
   useAnnouncePopupNavigation
 };
 //# sourceMappingURL=react-text-annotator.es.js.map

package/dist/react-text-annotator.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-text-annotator.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"react-text-annotator.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

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

@@ -1,85 +1,490 @@
-const $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY = 7e3;
-let $319e236875307eab$var$liveAnnouncer = null;
-function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
-  if (!$319e236875307eab$var$liveAnnouncer) {
-    $319e236875307eab$var$liveAnnouncer = new $319e236875307eab$var$LiveAnnouncer();
-    if (!(typeof IS_REACT_ACT_ENVIRONMENT === "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== "undefined")) setTimeout(() => {
-      if ($319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.isAttached()) $319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
-    }, 100);
-    else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
-  } else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
-}
-function $319e236875307eab$export$d8686216b8b81b2f() {
-  if ($319e236875307eab$var$liveAnnouncer) {
-    $319e236875307eab$var$liveAnnouncer.destroy();
-    $319e236875307eab$var$liveAnnouncer = null;
+import defaultBehaviors from "./react-text-annotator.es24.js";
+import * as utilities from "./react-text-annotator.es25.js";
+import { hideContent, defineCustomElement, tagName } from "./react-text-annotator.es25.js";
+import { addBehaviors, addBehavior, removeBehavior } from "./react-text-annotator.es26.js";
+import { learnElementNames, learnCustomElementNames } from "./react-text-annotator.es27.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];
+      }
+    }
+    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);
+      }
+    }
   }
-}
-class $319e236875307eab$var$LiveAnnouncer {
-  isAttached() {
-    var _this_node;
-    return (_this_node = this.node) === null || _this_node === void 0 ? void 0 : _this_node.isConnected;
-  }
-  createLog(ariaLive) {
-    let node = document.createElement("div");
-    node.setAttribute("role", "log");
-    node.setAttribute("aria-live", ariaLive);
-    node.setAttribute("aria-relevant", "additions");
-    return node;
-  }
-  destroy() {
-    if (!this.node) return;
-    document.body.removeChild(this.node);
-    this.node = null;
-  }
-  announce(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
-    var _this_assertiveLog, _this_politeLog;
-    if (!this.node) return;
-    let node = document.createElement("div");
-    if (typeof message === "object") {
-      node.setAttribute("role", "img");
-      node.setAttribute("aria-labelledby", message["aria-labelledby"]);
-    } else node.textContent = message;
-    if (assertiveness === "assertive") (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog === void 0 ? void 0 : _this_assertiveLog.appendChild(node);
-    else (_this_politeLog = this.politeLog) === null || _this_politeLog === void 0 ? void 0 : _this_politeLog.appendChild(node);
-    if (message !== "") setTimeout(() => {
-      node.remove();
-    }, timeout);
-  }
-  clear(assertiveness) {
-    if (!this.node) return;
-    if ((!assertiveness || assertiveness === "assertive") && this.assertiveLog) this.assertiveLog.innerHTML = "";
-    if ((!assertiveness || assertiveness === "polite") && this.politeLog) this.politeLog.innerHTML = "";
-  }
-  constructor() {
-    this.node = null;
-    this.assertiveLog = null;
-    this.politeLog = null;
-    if (typeof document !== "undefined") {
-      this.node = document.createElement("div");
-      this.node.dataset.liveAnnouncer = "true";
-      Object.assign(this.node.style, {
-        border: 0,
-        clip: "rect(0 0 0 0)",
-        clipPath: "inset(50%)",
-        height: "1px",
-        margin: "-1px",
-        overflow: "hidden",
-        padding: 0,
-        position: "absolute",
-        width: "1px",
-        whiteSpace: "nowrap"
-      });
-      this.assertiveLog = this.createLog("assertive");
-      this.node.appendChild(this.assertiveLog);
-      this.politeLog = this.createLog("polite");
-      this.node.appendChild(this.politeLog);
-      document.body.prepend(this.node);
+  /* 
+    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(/\/[^\/]*$/, "/");
+    }
+    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);
+    }
+  }
+  /* 
+    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));
+      }
+    }
+    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;
+    }
+  }
+  /* 
+    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;
+    }
+  }
+  /*
+    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);
+    }
+  }
+  /* 
+    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);
+          }
+        }
+      };
+    }
+  }
+  appendBasic(elt, content) {
+    if (this.discardContent) {
+      elt.innerHTML = "";
+    } else {
+      hideContent(elt, true);
+    }
+    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;
+    } else {
+      return elt && elt.nextElementSibling && this.childExists(elt.nextElementSibling, name);
+    }
+  }
+  /* 
+    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) {
+      };
     }
+    if (Array.isArray(template) && !Array.isArray(template[0])) {
+      return this.applyDecorator(template);
+    }
+    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);
+    };
+  }
+  /* 
+    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]);
+      }
+    }
+  }
+  /* 
+    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]));
+      }
+    }
+  }
+  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);
+      }
+    }
+    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);
+      }
+    }
+    if (content.childNodes.length < 2) {
+      return content.firstChild;
+    } else {
+      return content;
+    }
+  }
+  // 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", "");
+      }
+    }
+    for (let node of Array.from(elt.childNodes)) {
+      if (node.nodeType === 1) {
+        this.processElement(node);
+      }
+    }
+  }
+  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]));
+          }
+        } else {
+          result = result.replace(replacements[0], "");
+        }
+      }
+    }
+    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);
+    }
+  }
+  /* 
+    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);
+    }
+  }
+  /* 
+    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", "");
+          }
+        }
+      }
+    }
+  }
+  /**********************
+   * 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);
+    }
+  }
+}
+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);
 }
 export {
-  $319e236875307eab$export$a9b970dcc4ae71a9 as announce,
-  $319e236875307eab$export$d8686216b8b81b2f as destroyAnnouncer
+  CETEI as default
 };
 //# sourceMappingURL=react-text-annotator.es11.js.map