@soomo/react-text-annotator 3.0.0-staging.37 → 3.0.0-staging.39

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

@@ -1,23 +1,117 @@
-function learnElementNames(XML_dom, namespaces) {
-  const root = XML_dom.documentElement;
-  let i = 1;
-  let qname = function(e) {
-    if (!namespaces.has(e.namespaceURI ? e.namespaceURI : "")) {
-      namespaces.set(e.namespaceURI, "ns" + i++);
+const defaultBehaviors = {
+  "namespaces": {
+    "tei": "http://www.tei-c.org/ns/1.0",
+    "teieg": "http://www.tei-c.org/ns/Examples",
+    "rng": "http://relaxng.org/ns/structure/1.0"
+  },
+  "tei": {
+    "eg": ["<pre>", "</pre>"],
+    // inserts a link inside <ptr> using the @target; the link in the
+    // @href is piped through the rw (rewrite) function before insertion
+    "ptr": ['<a href="$rw@target">$@target</a>'],
+    // wraps the content of the <ref> in an HTML link with the @target in 
+    // the @href. If there are multiple @targets, only the first is used.
+    "ref": [
+      ["[target]", ['<a href="$rw@target">', "</a>"]]
+    ],
+    // creates an img tag with the @url as the src attribute
+    "graphic": function(elt) {
+      let content = new Image();
+      content.src = this.rw(elt.getAttribute("url"));
+      if (elt.hasAttribute("width")) {
+        content.setAttribute("width", elt.getAttribute("width"));
+      }
+      if (elt.hasAttribute("height")) {
+        content.setAttribute("height", elt.getAttribute("height"));
+      }
+      return content;
+    },
+    "list": [
+      // will only run on a list where @type="gloss"
+      [
+        "[type=gloss]",
+        function(elt) {
+          const doc = elt.ownerDocument;
+          let dl = doc.createElement("dl");
+          for (let child of Array.from(elt.children)) {
+            if (child.nodeType == 1) {
+              if (child.localName == "tei-label") {
+                let dt = doc.createElement("dt");
+                dt.innerHTML = child.innerHTML;
+                dl.appendChild(dt);
+              }
+              if (child.localName == "tei-item") {
+                let dd = doc.createElement("dd");
+                dd.innerHTML = child.innerHTML;
+                dl.appendChild(dd);
+              }
+            }
+          }
+          return dl;
+        }
+      ]
+    ],
+    "note": [
+      // Make endnotes
+      ["[place=end]", function(elt) {
+        const doc = elt.ownerDocument;
+        if (!this.noteIndex) {
+          this["noteIndex"] = 1;
+        } else {
+          this.noteIndex++;
+        }
+        let id = "_note_" + this.noteIndex;
+        let link = doc.createElement("a");
+        link.setAttribute("id", "src" + id);
+        link.setAttribute("href", "#" + id);
+        link.innerHTML = this.noteIndex;
+        let content = doc.createElement("sup");
+        content.appendChild(link);
+        let notes = doc.querySelector("ol.notes");
+        if (!notes) {
+          notes = doc.createElement("ol");
+          notes.setAttribute("class", "notes");
+          this.dom.appendChild(notes);
+        }
+        let note = doc.createElement("li");
+        note.id = id;
+        note.innerHTML = elt.innerHTML;
+        notes.appendChild(note);
+        return content;
+      }],
+      ["_", ["(", ")"]]
+    ],
+    // Hide the teiHeader by default
+    "teiHeader": function(e) {
+      this.hideContent(e, false);
+    },
+    // Make the title element the HTML title
+    "title": [
+      ["tei-titlestmt>tei-title", function(elt) {
+        const doc = elt.ownerDocument;
+        let title = doc.createElement("title");
+        title.innerHTML = elt.innerText;
+        doc.querySelector("head").appendChild(title);
+      }]
+    ]
+  },
+  "teieg": {
+    "egXML": function(elt) {
+      const doc = elt.ownerDocument;
+      let pre = doc.createElement("pre");
+      let code = doc.createElement("code");
+      pre.appendChild(code);
+      let content = this.serialize(elt, true).replace(/</g, "&lt;");
+      let ws = content.match(/^[\t ]+/);
+      if (ws) {
+        content = content.replace(new RegExp("^" + ws[0], "mg"), "");
+      }
+      code.innerHTML = content;
+      return pre;
     }
-    return namespaces.get(e.namespaceURI ? e.namespaceURI : "") + ":" + e.localName;
-  };
-  const els = new Set(
-    Array.from(root.querySelectorAll("*"), qname)
-  );
-  els.add(qname(root));
-  return els;
-}
-function learnCustomElementNames(HTML_dom) {
-  return new Set(Array.from(HTML_dom.querySelectorAll("*[data-origname]"), (e) => e.localName.replace(/(\w+)-.+/, "$1:") + e.getAttribute("data-origname")));
-}
+  }
+};
 export {
-  learnCustomElementNames,
-  learnElementNames
+  defaultBehaviors as default
 };
 //# sourceMappingURL=react-text-annotator.es23.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"react-text-annotator.es23.js","sources":["../../../node_modules/CETEIcean/src/dom.js"],"sourcesContent":["export function learnElementNames(XML_dom, namespaces) {\n  const root = XML_dom.documentElement;\n  let i = 1;\n  let qname = function(e) { \n    if (!namespaces.has(e.namespaceURI ? e.namespaceURI : \"\")) {\n      namespaces.set(e.namespaceURI, \"ns\" + i++);\n    } \n    return namespaces.get(e.namespaceURI ? e.namespaceURI : \"\") + \":\" + e.localName;\n  };\n  const els = new Set(\n    Array.from(root.querySelectorAll(\"*\"), qname));\n    \n  // Add the root element to the array\n  els.add(qname(root));\n  return els\n}\n\nexport function learnCustomElementNames(HTML_dom) {\n  return new Set(Array.from(HTML_dom.querySelectorAll(\"*[data-origname]\"), e => e.localName.replace(/(\\w+)-.+/,\"$1:\") + e.getAttribute(\"data-origname\")));\n}"],"names":[],"mappings":"AAAO,SAAS,kBAAkB,SAAS,YAAY;AACrD,QAAM,OAAO,QAAQ;AACrB,MAAI,IAAI;AACR,MAAI,QAAQ,SAAS,GAAG;AACtB,QAAI,CAAC,WAAW,IAAI,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG;AACzD,iBAAW,IAAI,EAAE,cAAc,OAAO,GAAG;AAAA,IAC1C;AACD,WAAO,WAAW,IAAI,EAAE,eAAe,EAAE,eAAe,EAAE,IAAI,MAAM,EAAE;AAAA,EAC1E;AACE,QAAM,MAAM,IAAI;AAAA,IACd,MAAM,KAAK,KAAK,iBAAiB,GAAG,GAAG,KAAK;AAAA,EAAC;AAG/C,MAAI,IAAI,MAAM,IAAI,CAAC;AACnB,SAAO;AACT;AAEO,SAAS,wBAAwB,UAAU;AAChD,SAAO,IAAI,IAAI,MAAM,KAAK,SAAS,iBAAiB,kBAAkB,GAAG,OAAK,EAAE,UAAU,QAAQ,YAAW,KAAK,IAAI,EAAE,aAAa,eAAe,CAAC,CAAC;AACxJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"react-text-annotator.es23.js","sources":["../../../node_modules/CETEIcean/src/defaultBehaviors.js"],"sourcesContent":["export default {\n  \"namespaces\": {\n    \"tei\": \"http://www.tei-c.org/ns/1.0\",\n    \"teieg\": \"http://www.tei-c.org/ns/Examples\",\n    \"rng\": \"http://relaxng.org/ns/structure/1.0\"  \n  },\n  \"tei\": {\n    \"eg\": [\"<pre>\",\"</pre>\"],\n    // inserts a link inside <ptr> using the @target; the link in the\n    // @href is piped through the rw (rewrite) function before insertion\n    \"ptr\": [\"<a href=\\\"$rw@target\\\">$@target</a>\"],\n    // wraps the content of the <ref> in an HTML link with the @target in \n    // the @href. If there are multiple @targets, only the first is used.\n    \"ref\": [\n      [\"[target]\", [\"<a href=\\\"$rw@target\\\">\",\"</a>\"]]\n    ],\n    // creates an img tag with the @url as the src attribute\n    \"graphic\": function(elt) {\n      let content = new Image();\n      content.src = this.rw(elt.getAttribute(\"url\"));\n      if (elt.hasAttribute(\"width\")) {\n        content.setAttribute(\"width\",elt.getAttribute(\"width\"));\n      }\n      if (elt.hasAttribute(\"height\")) {\n        content.setAttribute(\"height\",elt.getAttribute(\"height\"));\n      }\n      return content;\n    },\n    \"list\": [\n      // will only run on a list where @type=\"gloss\"\n      [\"[type=gloss]\", function(elt) {\n        const doc = elt.ownerDocument;\n        let dl = doc.createElement(\"dl\");\n        for (let child of Array.from(elt.children)) {\n          // nodeType 1 is Node.ELEMENT_NODE\n          if (child.nodeType == 1) {\n            if (child.localName == \"tei-label\") {\n              let dt = doc.createElement(\"dt\");\n              dt.innerHTML = child.innerHTML;\n              dl.appendChild(dt);\n            }\n            if (child.localName == \"tei-item\") {\n              let dd = doc.createElement(\"dd\");\n              dd.innerHTML = child.innerHTML;\n              dl.appendChild(dd);\n            }\n          }\n        }\n        return dl;\n      }\n    ]],\n    \"note\": [\n      // Make endnotes\n      [\"[place=end]\", function(elt){\n        const doc = elt.ownerDocument;\n        if (!this.noteIndex){\n          this[\"noteIndex\"] = 1;\n        } else {\n          this.noteIndex++;\n        }\n        let id = \"_note_\" + this.noteIndex;\n        let link = doc.createElement(\"a\");\n        link.setAttribute(\"id\", \"src\" + id);\n        link.setAttribute(\"href\", \"#\" + id);\n        link.innerHTML = this.noteIndex;\n        let content = doc.createElement(\"sup\");\n        content.appendChild(link);\n        let notes = doc.querySelector(\"ol.notes\");\n        if (!notes) {\n          notes = doc.createElement(\"ol\");\n          notes.setAttribute(\"class\", \"notes\");\n          this.dom.appendChild(notes);\n        }\n        let note = doc.createElement(\"li\");\n        note.id = id;\n        note.innerHTML = elt.innerHTML;\n        notes.appendChild(note);\n        return content;\n      }],\n      [\"_\", [\"(\",\")\"]]\n    ],\n    // Hide the teiHeader by default\n    \"teiHeader\": function(e) {\n      this.hideContent(e, false);\n    },\n    // Make the title element the HTML title\n    \"title\": [\n      [\"tei-titlestmt>tei-title\", function(elt) {\n        const doc = elt.ownerDocument;\n        let title = doc.createElement(\"title\");\n        title.innerHTML = elt.innerText;\n        doc.querySelector(\"head\").appendChild(title);\n      }]\n    ],\n  },\n  \"teieg\": {\n    \"egXML\": function(elt) {\n      const doc = elt.ownerDocument;\n      let pre = doc.createElement(\"pre\");\n      let code = doc.createElement(\"code\");\n      pre.appendChild(code);\n      let content = this.serialize(elt, true).replace(/</g, \"&lt;\");\n      let ws = content.match(/^[\\t ]+/);\n      if (ws) {\n        content = content.replace(new RegExp(\"^\" + ws[0], \"mg\"), \"\");\n      }\n      code.innerHTML = content;\n      return pre;\n    }\n  }\n}\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -1,152 +1,312 @@
-const min = Math.min;
-const max = Math.max;
-const round = Math.round;
-const floor = Math.floor;
-const createCoords = (v) => ({
-  x: v,
-  y: v
-});
-const oppositeSideMap = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-};
-const oppositeAlignmentMap = {
-  start: "end",
-  end: "start"
-};
-function clamp(start, value, end) {
-  return max(start, min(value, end));
+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;
+    }
+  }
+  return pos;
 }
-function evaluate(value, param) {
-  return typeof value === "function" ? value(param) : value;
+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;
+  };
+  return clone(node);
 }
-function getSide(placement) {
-  return placement.split("-")[0];
+function first(urls) {
+  return urls.replace(/ .*$/, "");
 }
-function getAlignment(placement) {
-  return placement.split("-")[1];
+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));
+      }
+    }
+    if (rewriteIds) {
+      for (let e of Array.from(hidden.querySelectorAll("*"))) {
+        if (e.hasAttribute("id")) {
+          e.setAttribute("data-origid", e.getAttribute("id"));
+          e.removeAttribute("id");
+        }
+      }
+    }
+  }
 }
-function getOppositeAxis(axis) {
-  return axis === "x" ? "y" : "x";
+function normalizeURI(urls) {
+  return this.rw(this.first(urls));
 }
-function getAxisLength(axis) {
-  return axis === "y" ? "height" : "width";
+function repeat(str, times) {
+  let result = "";
+  for (let i = 0; i < times; i++) {
+    result += str;
+  }
+  return result;
 }
-function getSideAxis(placement) {
-  return ["top", "bottom"].includes(getSide(placement)) ? "y" : "x";
+function resolveURI(uri) {
+  let prefixdef = this.prefixDefs[uri.substring(0, uri.indexOf(":"))];
+  return uri.replace(new RegExp(prefixdef["matchPattern"]), prefixdef["replacementPattern"]);
 }
-function getAlignmentAxis(placement) {
-  return getOppositeAxis(getSideAxis(placement));
+function getPrefixDef(prefix) {
+  return this.prefixDefs[prefix];
 }
-function getAlignmentSides(placement, rects, rtl) {
-  if (rtl === void 0) {
-    rtl = false;
-  }
-  const alignment = getAlignment(placement);
-  const alignmentAxis = getAlignmentAxis(placement);
-  const length = getAxisLength(alignmentAxis);
-  let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
-  if (rects.reference[length] > rects.floating[length]) {
-    mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
+function rw(url) {
+  if (!url.match(/^(?:http|mailto|file|\/|#).*$/)) {
+    return this.base + first(url);
+  } else {
+    return url;
   }
-  return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
 }
-function getExpandedPlacements(placement) {
-  const oppositePlacement = getOppositePlacement(placement);
-  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
+function resetAndSerialize(el, stripElt, ws) {
+  return serialize(copyAndReset(el), stripElt, ws);
 }
-function getOppositeAlignmentPlacement(placement) {
-  return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
-}
-function getSideList(side, isStart, rtl) {
-  const lr = ["left", "right"];
-  const rl = ["right", "left"];
-  const tb = ["top", "bottom"];
-  const bt = ["bottom", "top"];
-  switch (side) {
-    case "top":
-    case "bottom":
-      if (rtl) return isStart ? rl : lr;
-      return isStart ? lr : rl;
-    case "left":
-    case "right":
-      return isStart ? tb : bt;
-    default:
-      return [];
+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 getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
-  const alignment = getAlignment(placement);
-  let list = getSideList(getSide(placement), direction === "start", rtl);
-  if (alignment) {
-    list = list.map((side) => side + "-" + alignment);
-    if (flipAlignment) {
-      list = list.concat(list.map(getOppositeAlignmentPlacement));
+  if (!stripElt && el.nodeType == 1) {
+    if (typeof ws === "string" && ws !== "") {
+      str += "\n" + ws + "<";
+    } else {
+      str += "<";
+    }
+    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 += ">";
+    } else {
+      str += "/>";
     }
   }
-  return list;
-}
-function getOppositePlacement(placement) {
-  return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
+  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;
+    }
+  }
+  if (!stripElt && el.nodeType == 1 && el.childNodes.length > 0) {
+    if (typeof ws === "string") {
+      str += "\n" + ws + "</";
+    } else {
+      str += "</";
+    }
+    str += el.getAttribute("data-origname") + ">";
+  }
+  if (el.nodeType === 9 || el.nodeType === 11) {
+    str += "\n";
+  }
+  return str;
 }
-function expandPaddingObject(padding) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...padding
+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);
   };
+  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 += ">";
+  }
+  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 (!EMPTY_ELEMENTS.includes(el.nodeName)) {
+    if (!stripElt && el.nodeType == 1) {
+      if (typeof ws === "string") {
+        str += `
+${ws}</`;
+      } else {
+        str += "</";
+      }
+      str += `${el.nodeName}>`;
+    }
+  }
+  if (el.nodeType === 9 || el.nodeType === 11) {
+    str += "\n";
+  }
+  return str;
 }
-function getPaddingObject(padding) {
-  return typeof padding !== "number" ? expandPaddingObject(padding) : {
-    top: padding,
-    right: padding,
-    bottom: padding,
-    left: padding
-  };
+function unEscapeEntities(str) {
+  return str.replace(/&gt;/, ">").replace(/&quot;/, '"').replace(/&apos;/, "'").replace(/&amp;/, "&");
 }
-function rectToClientRect(rect) {
-  const {
-    x,
-    y,
-    width,
-    height
-  } = rect;
-  return {
-    width,
-    height,
-    top: y,
-    left: x,
-    right: x + width,
-    bottom: y + height,
-    x,
-    y
-  };
+function tagName(name) {
+  if (name.includes(":"), 1) {
+    return name.replace(/:/, "-").toLowerCase();
+  }
+}
+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", "");
+          }
+        }
+      }
+      // 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", "");
+          }
+        }
+      }
+    });
+  } catch (error) {
+    if (debug) {
+      console.log(tagName(name) + " couldn't be registered or is already registered.");
+      console.log(error);
+    }
+  }
 }
 export {
-  clamp,
-  createCoords,
-  evaluate,
-  expandPaddingObject,
-  floor,
-  getAlignment,
-  getAlignmentAxis,
-  getAlignmentSides,
-  getAxisLength,
-  getExpandedPlacements,
-  getOppositeAlignmentPlacement,
-  getOppositeAxis,
-  getOppositeAxisPlacements,
-  getOppositePlacement,
-  getPaddingObject,
-  getSide,
-  getSideAxis,
-  max,
-  min,
-  rectToClientRect,
-  round
+  copyAndReset,
+  defineCustomElement,
+  first,
+  getOrdinality,
+  getPrefixDef,
+  hideContent,
+  normalizeURI,
+  repeat,
+  resetAndSerialize,
+  resolveURI,
+  rw,
+  serialize,
+  serializeHTML,
+  tagName,
+  unEscapeEntities
 };
 //# sourceMappingURL=react-text-annotator.es24.js.map