html-react-parser 1.4.13 → 3.0.0

package/dist/html-react-parser.js

@@ -1137,6 +1137,7 @@
 	var HYPHEN_REGEX = /-([a-z])/g;
 	var NO_HYPHEN_REGEX = /^[^-]+$/;
 	var VENDOR_PREFIX_REGEX = /^-(webkit|moz|ms|o|khtml)-/;
+	var MS_VENDOR_PREFIX_REGEX = /^-(ms)-/;
 	var skipCamelCase = function (property) {
 	    return !property ||
 	        NO_HYPHEN_REGEX.test(property) ||
@@ -1145,14 +1146,17 @@
 	var capitalize = function (match, character) {
 	    return character.toUpperCase();
 	};
-	var trimHyphen = function (match, prefix) { return prefix + "-"; };
+	var trimHyphen = function (match, prefix) { return "".concat(prefix, "-"); };
 	var camelCase = function (property, options) {
 	    if (options === void 0) { options = {}; }
 	    if (skipCamelCase(property)) {
 	        return property;
 	    }
 	    property = property.toLowerCase();
-	    if (!options.reactCompat) {
+	    if (options.reactCompat) {
+	        property = property.replace(MS_VENDOR_PREFIX_REGEX, trimHyphen);
+	    }
+	    else {
 	        property = property.replace(VENDOR_PREFIX_REGEX, trimHyphen);
 	    }
 	    return property.replace(HYPHEN_REGEX, capitalize);
@@ -1171,9 +1175,9 @@
 		    if (!style || typeof style !== 'string') {
 		        return output;
 		    }
-		    style_to_object_1["default"](style, function (property, value) {
+		    (0, style_to_object_1["default"])(style, function (property, value) {
 		        if (property && value) {
-		            output[utilities_1.camelCase(property, options)] = value;
+		            output[(0, utilities_1.camelCase)(property, options)] = value;
 		        }
 		    });
 		    return output;
@@ -1187,9 +1191,9 @@
 	/**
 	 * Swap key with value in an object.
 	 *
-	 * @param  {Object}   obj        - The object.
-	 * @param  {Function} [override] - The override method.
-	 * @return {Object}              - The inverted object.
+	 * @param {object} obj - The object.
+	 * @param {Function} [override] - The override method.
+	 * @returns - The inverted object.
 	 */
 	function invertObject(obj, override) {
 	  if (!obj || typeof obj !== 'object') {
@@ -1227,8 +1231,8 @@
 	 * @see {@link https://github.com/facebook/react/blob/v16.6.3/packages/react-dom/src/shared/isCustomComponent.js}
 	 *
 	 * @param {string} tagName - The name of the html tag.
-	 * @param {Object} props   - The props being passed to the element.
-	 * @return {boolean}
+	 * @param {object} props - The props being passed to the element.
+	 * @returns - Whether tag is custom component.
 	 */
 	function isCustomComponent(tagName, props) {
 	  if (tagName.indexOf('-') === -1) {
@@ -1296,8 +1300,8 @@
 	/**
 	 * Checks if the given node can contain text nodes
 	 *
-	 * @param {DomElement} node
-	 * @returns {boolean}
+	 * @param {DomElement} node - Node.
+	 * @returns - Whether node can contain text nodes.
 	 */
 	function canTextBeChildOfNode$1(node) {
 	  return !elementsWithNoTextChildren.has(node.name);
@@ -1318,8 +1322,8 @@
 	/**
 	 * Converts HTML/SVG DOM attributes to React props.
 	 *
-	 * @param  {object} [attributes={}] - HTML/SVG DOM attributes.
-	 * @return {object}                 - React props.
+	 * @param {object} [attributes={}] - HTML/SVG DOM attributes.
+	 * @returns - React props.
 	 */
 	var attributesToProps$2 = function attributesToProps(attributes) {
 	  attributes = attributes || {};
@@ -1393,7 +1397,7 @@
 	 * Gets prop name from lowercased attribute name.
 	 *
 	 * @param {string} attributeName - Lowercased attribute name.
-	 * @return {string}
+	 * @returns - Prop name.
 	 */
 	function getPropName(attributeName) {
 	  return reactProperty.possibleStandardNames[attributeName];
@@ -1409,11 +1413,11 @@
 	/**
 	 * Converts DOM nodes to JSX element(s).
 	 *
-	 * @param  {DomElement[]} nodes             - DOM nodes.
-	 * @param  {object}       [options={}]      - Options.
-	 * @param  {Function}     [options.replace] - Replacer.
-	 * @param  {object}       [options.library] - Library (React/Preact/etc.).
-	 * @return {string|JSX.Element|JSX.Element[]}
+	 * @param {DomElement[]} nodes - DOM nodes.
+	 * @param {object} [options={}] - Options.
+	 * @param {Function} [options.replace] - Replacer.
+	 * @param {object} [options.library] - Library (React, Preact, etc.).
+	 * @returns - String or JSX element(s).
 	 */
 	function domToReact$1(nodes, options) {
 	  options = options || {};
@@ -1526,8 +1530,8 @@
 	 * Determines whether DOM element attributes should be transformed to props.
 	 * Web Components should not have their attributes transformed except for `style`.
 	 *
-	 * @param  {DomElement} node
-	 * @return {boolean}
+	 * @param {DomElement} node
+	 * @returns - Whether node attributes should be converted to props.
 	 */
 	function skipAttributesToProps(node) {
 	  return (
@@ -1539,58 +1543,174 @@
 
 	var domToReact_1 = domToReact$1;
 
+	// constants
+	var HTML = 'html';
+	var HEAD = 'head';
+	var BODY = 'body';
+	var FIRST_TAG_REGEX = /<([a-zA-Z]+[0-9]?)/; // e.g., <h1>
+	var HEAD_TAG_REGEX = /<head.*>/i;
+	var BODY_TAG_REGEX = /<body.*>/i;
+
+	// falls back to `parseFromString` if `createHTMLDocument` cannot be used
+	var parseFromDocument = function () {
+	  throw new Error(
+	    'This browser does not support `document.implementation.createHTMLDocument`'
+	  );
+	};
+
+	var parseFromString = function () {
+	  throw new Error(
+	    'This browser does not support `DOMParser.prototype.parseFromString`'
+	  );
+	};
+
 	/**
-	 * SVG elements are case-sensitive.
+	 * DOMParser (performance: slow).
 	 *
-	 * @see {@link https://developer.mozilla.org/docs/Web/SVG/Element#SVG_elements_A_to_Z}
+	 * @see https://developer.mozilla.org/docs/Web/API/DOMParser#Parsing_an_SVG_or_HTML_document
 	 */
+	if (typeof window.DOMParser === 'function') {
+	  var domParser = new window.DOMParser();
+	  var mimeType = 'text/html';
 
-	var CASE_SENSITIVE_TAG_NAMES$1 = [
-	  'animateMotion',
-	  'animateTransform',
-	  'clipPath',
-	  'feBlend',
-	  'feColorMatrix',
-	  'feComponentTransfer',
-	  'feComposite',
-	  'feConvolveMatrix',
-	  'feDiffuseLighting',
-	  'feDisplacementMap',
-	  'feDropShadow',
-	  'feFlood',
-	  'feFuncA',
-	  'feFuncB',
-	  'feFuncG',
-	  'feFuncR',
-	  'feGaussainBlur',
-	  'feImage',
-	  'feMerge',
-	  'feMergeNode',
-	  'feMorphology',
-	  'feOffset',
-	  'fePointLight',
-	  'feSpecularLighting',
-	  'feSpotLight',
-	  'feTile',
-	  'feTurbulence',
-	  'foreignObject',
-	  'linearGradient',
-	  'radialGradient',
-	  'textPath'
-	];
+	  /**
+	   * Creates an HTML document using `DOMParser.parseFromString`.
+	   *
+	   * @param  {string} html      - The HTML string.
+	   * @param  {string} [tagName] - The element to render the HTML (with 'body' as fallback).
+	   * @return {HTMLDocument}
+	   */
+	  parseFromString = function (html, tagName) {
+	    if (tagName) {
+	      html = '<' + tagName + '>' + html + '</' + tagName + '>';
+	    }
 
-	var constants$1 = {
-	  CASE_SENSITIVE_TAG_NAMES: CASE_SENSITIVE_TAG_NAMES$1
-	};
+	    return domParser.parseFromString(html, mimeType);
+	  };
 
-	var node = {};
+	  parseFromDocument = parseFromString;
+	}
+
+	/**
+	 * DOMImplementation (performance: fair).
+	 *
+	 * @see https://developer.mozilla.org/docs/Web/API/DOMImplementation/createHTMLDocument
+	 */
+	if (document.implementation) {
+	  var doc = document.implementation.createHTMLDocument();
+
+	  /**
+	   * Use HTML document created by `document.implementation.createHTMLDocument`.
+	   *
+	   * @param  {string} html      - The HTML string.
+	   * @param  {string} [tagName] - The element to render the HTML (with 'body' as fallback).
+	   * @return {HTMLDocument}
+	   */
+	  parseFromDocument = function (html, tagName) {
+	    if (tagName) {
+	      doc.documentElement.getElementsByTagName(tagName)[0].innerHTML = html;
+	      return doc;
+	    }
+
+	    doc.documentElement.innerHTML = html;
+	    return doc;
+	  };
+	}
+
+	/**
+	 * Template (performance: fast).
+	 *
+	 * @see https://developer.mozilla.org/docs/Web/HTML/Element/template
+	 */
+	var template = document.createElement('template');
+	var parseFromTemplate;
+
+	if (template.content) {
+	  /**
+	   * Uses a template element (content fragment) to parse HTML.
+	   *
+	   * @param  {string} html - The HTML string.
+	   * @return {NodeList}
+	   */
+	  parseFromTemplate = function (html) {
+	    template.innerHTML = html;
+	    return template.content.childNodes;
+	  };
+	}
+
+	/**
+	 * Parses HTML string to DOM nodes.
+	 *
+	 * @param  {string}   html - HTML markup.
+	 * @return {NodeList}
+	 */
+	function domparser$1(html) {
+	  var firstTagName;
+	  var match = html.match(FIRST_TAG_REGEX);
+
+	  if (match && match[1]) {
+	    firstTagName = match[1].toLowerCase();
+	  }
+
+	  var doc;
+	  var element;
+	  var elements;
+
+	  switch (firstTagName) {
+	    case HTML:
+	      doc = parseFromString(html);
+
+	      // the created document may come with filler head/body elements,
+	      // so make sure to remove them if they don't actually exist
+	      if (!HEAD_TAG_REGEX.test(html)) {
+	        element = doc.getElementsByTagName(HEAD)[0];
+	        if (element) {
+	          element.parentNode.removeChild(element);
+	        }
+	      }
+
+	      if (!BODY_TAG_REGEX.test(html)) {
+	        element = doc.getElementsByTagName(BODY)[0];
+	        if (element) {
+	          element.parentNode.removeChild(element);
+	        }
+	      }
+
+	      return doc.getElementsByTagName(HTML);
+
+	    case HEAD:
+	    case BODY:
+	      elements = parseFromDocument(html).getElementsByTagName(firstTagName);
+
+	      // if there's a sibling element, then return both elements
+	      if (BODY_TAG_REGEX.test(html) && HEAD_TAG_REGEX.test(html)) {
+	        return elements[0].parentNode.childNodes;
+	      }
+	      return elements;
+
+	    // low-level tag or text
+	    default:
+	      if (parseFromTemplate) {
+	        return parseFromTemplate(html);
+	      }
+
+	      return parseFromDocument(html, BODY).getElementsByTagName(BODY)[0]
+	        .childNodes;
+	  }
+	}
+
+	var domparser_1 = domparser$1;
+
+	var utilities = {};
 
 	var lib$1 = {};
 
+	var lib = {};
+
 	var hasRequiredLib$1;
 
 	function requireLib$1 () {
-		if (hasRequiredLib$1) return lib$1;
+		if (hasRequiredLib$1) return lib;
 		hasRequiredLib$1 = 1;
 		(function (exports) {
 			Object.defineProperty(exports, "__esModule", { value: true });
@@ -1647,10 +1767,12 @@
 			exports.CDATA = ElementType.CDATA;
 			/** Type for <!doctype ...> */
 			exports.Doctype = ElementType.Doctype;
-	} (lib$1));
-		return lib$1;
+	} (lib));
+		return lib;
 	}
 
+	var node = {};
+
 	var hasRequiredNode;
 
 	function requireNode () {
@@ -1683,29 +1805,14 @@
 		    return __assign.apply(this, arguments);
 		};
 		Object.defineProperty(node, "__esModule", { value: true });
-		node.cloneNode = node.hasChildren = node.isDocument = node.isDirective = node.isComment = node.isText = node.isCDATA = node.isTag = node.Element = node.Document = node.NodeWithChildren = node.ProcessingInstruction = node.Comment = node.Text = node.DataNode = node.Node = void 0;
+		node.cloneNode = node.hasChildren = node.isDocument = node.isDirective = node.isComment = node.isText = node.isCDATA = node.isTag = node.Element = node.Document = node.CDATA = node.NodeWithChildren = node.ProcessingInstruction = node.Comment = node.Text = node.DataNode = node.Node = void 0;
 		var domelementtype_1 = requireLib$1();
-		var nodeTypes = new Map([
-		    [domelementtype_1.ElementType.Tag, 1],
-		    [domelementtype_1.ElementType.Script, 1],
-		    [domelementtype_1.ElementType.Style, 1],
-		    [domelementtype_1.ElementType.Directive, 1],
-		    [domelementtype_1.ElementType.Text, 3],
-		    [domelementtype_1.ElementType.CDATA, 4],
-		    [domelementtype_1.ElementType.Comment, 8],
-		    [domelementtype_1.ElementType.Root, 9],
-		]);
 		/**
 		 * This object will be used as the prototype for Nodes when creating a
 		 * DOM-Level-1-compliant structure.
 		 */
 		var Node = /** @class */ (function () {
-		    /**
-		     *
-		     * @param type The type of the node.
-		     */
-		    function Node(type) {
-		        this.type = type;
+		    function Node() {
 		        /** Parent of the node */
 		        this.parent = null;
 		        /** Previous sibling */
@@ -1717,19 +1824,6 @@
 		        /** The end index of the node. Requires `withEndIndices` on the handler to be `true. */
 		        this.endIndex = null;
 		    }
-		    Object.defineProperty(Node.prototype, "nodeType", {
-		        // Read-only aliases
-		        /**
-		         * [DOM spec](https://dom.spec.whatwg.org/#dom-node-nodetype)-compatible
-		         * node {@link type}.
-		         */
-		        get: function () {
-		            var _a;
-		            return (_a = nodeTypes.get(this.type)) !== null && _a !== void 0 ? _a : 1;
-		        },
-		        enumerable: false,
-		        configurable: true
-		    });
 		    Object.defineProperty(Node.prototype, "parentNode", {
 		        // Read-write aliases for properties
 		        /**
@@ -1792,11 +1886,10 @@
 		var DataNode = /** @class */ (function (_super) {
 		    __extends(DataNode, _super);
 		    /**
-		     * @param type The type of the node
 		     * @param data The content of the data node
 		     */
-		    function DataNode(type, data) {
-		        var _this = _super.call(this, type) || this;
+		    function DataNode(data) {
+		        var _this = _super.call(this) || this;
 		        _this.data = data;
 		        return _this;
 		    }
@@ -1822,9 +1915,18 @@
 		 */
 		var Text = /** @class */ (function (_super) {
 		    __extends(Text, _super);
-		    function Text(data) {
-		        return _super.call(this, domelementtype_1.ElementType.Text, data) || this;
+		    function Text() {
+		        var _this = _super !== null && _super.apply(this, arguments) || this;
+		        _this.type = domelementtype_1.ElementType.Text;
+		        return _this;
 		    }
+		    Object.defineProperty(Text.prototype, "nodeType", {
+		        get: function () {
+		            return 3;
+		        },
+		        enumerable: false,
+		        configurable: true
+		    });
 		    return Text;
 		}(DataNode));
 		node.Text = Text;
@@ -1833,9 +1935,18 @@
 		 */
 		var Comment = /** @class */ (function (_super) {
 		    __extends(Comment, _super);
-		    function Comment(data) {
-		        return _super.call(this, domelementtype_1.ElementType.Comment, data) || this;
+		    function Comment() {
+		        var _this = _super !== null && _super.apply(this, arguments) || this;
+		        _this.type = domelementtype_1.ElementType.Comment;
+		        return _this;
 		    }
+		    Object.defineProperty(Comment.prototype, "nodeType", {
+		        get: function () {
+		            return 8;
+		        },
+		        enumerable: false,
+		        configurable: true
+		    });
 		    return Comment;
 		}(DataNode));
 		node.Comment = Comment;
@@ -1845,10 +1956,18 @@
 		var ProcessingInstruction = /** @class */ (function (_super) {
 		    __extends(ProcessingInstruction, _super);
 		    function ProcessingInstruction(name, data) {
-		        var _this = _super.call(this, domelementtype_1.ElementType.Directive, data) || this;
+		        var _this = _super.call(this, data) || this;
 		        _this.name = name;
+		        _this.type = domelementtype_1.ElementType.Directive;
 		        return _this;
 		    }
+		    Object.defineProperty(ProcessingInstruction.prototype, "nodeType", {
+		        get: function () {
+		            return 1;
+		        },
+		        enumerable: false,
+		        configurable: true
+		    });
 		    return ProcessingInstruction;
 		}(DataNode));
 		node.ProcessingInstruction = ProcessingInstruction;
@@ -1858,11 +1977,10 @@
 		var NodeWithChildren = /** @class */ (function (_super) {
 		    __extends(NodeWithChildren, _super);
 		    /**
-		     * @param type Type of the node.
 		     * @param children Children of the node. Only certain node types can have children.
 		     */
-		    function NodeWithChildren(type, children) {
-		        var _this = _super.call(this, type) || this;
+		    function NodeWithChildren(children) {
+		        var _this = _super.call(this) || this;
 		        _this.children = children;
 		        return _this;
 		    }
@@ -1903,14 +2021,40 @@
 		    return NodeWithChildren;
 		}(Node));
 		node.NodeWithChildren = NodeWithChildren;
+		var CDATA = /** @class */ (function (_super) {
+		    __extends(CDATA, _super);
+		    function CDATA() {
+		        var _this = _super !== null && _super.apply(this, arguments) || this;
+		        _this.type = domelementtype_1.ElementType.CDATA;
+		        return _this;
+		    }
+		    Object.defineProperty(CDATA.prototype, "nodeType", {
+		        get: function () {
+		            return 4;
+		        },
+		        enumerable: false,
+		        configurable: true
+		    });
+		    return CDATA;
+		}(NodeWithChildren));
+		node.CDATA = CDATA;
 		/**
 		 * The root node of the document.
 		 */
 		var Document = /** @class */ (function (_super) {
 		    __extends(Document, _super);
-		    function Document(children) {
-		        return _super.call(this, domelementtype_1.ElementType.Root, children) || this;
+		    function Document() {
+		        var _this = _super !== null && _super.apply(this, arguments) || this;
+		        _this.type = domelementtype_1.ElementType.Root;
+		        return _this;
 		    }
+		    Object.defineProperty(Document.prototype, "nodeType", {
+		        get: function () {
+		            return 9;
+		        },
+		        enumerable: false,
+		        configurable: true
+		    });
 		    return Document;
 		}(NodeWithChildren));
 		node.Document = Document;
@@ -1931,11 +2075,19 @@
 		            : name === "style"
 		                ? domelementtype_1.ElementType.Style
 		                : domelementtype_1.ElementType.Tag; }
-		        var _this = _super.call(this, type, children) || this;
+		        var _this = _super.call(this, children) || this;
 		        _this.name = name;
 		        _this.attribs = attribs;
+		        _this.type = type;
 		        return _this;
 		    }
+		    Object.defineProperty(Element.prototype, "nodeType", {
+		        get: function () {
+		            return 1;
+		        },
+		        enumerable: false,
+		        configurable: true
+		    });
 		    Object.defineProperty(Element.prototype, "tagName", {
 		        // DOM Level 1 aliases
 		        /**
@@ -2020,7 +2172,7 @@
 		node.isDocument = isDocument;
 		/**
 		 * @param node Node to check.
-		 * @returns `true` if the node is a `NodeWithChildren` (has children), `false` otherwise.
+		 * @returns `true` if the node has children, `false` otherwise.
 		 */
 		function hasChildren(node) {
 		    return Object.prototype.hasOwnProperty.call(node, "children");
@@ -2058,7 +2210,7 @@
 		    }
 		    else if (isCDATA(node)) {
 		        var children = recursive ? cloneChildren(node.children) : [];
-		        var clone_2 = new NodeWithChildren(domelementtype_1.ElementType.CDATA, children);
+		        var clone_2 = new CDATA(children);
 		        children.forEach(function (child) { return (child.parent = clone_2); });
 		        result = clone_2;
 		    }
@@ -2102,355 +2254,10 @@
 		return node;
 	}
 
-	var constants = constants$1;
-	var domhandler = requireNode();
-
-	var CASE_SENSITIVE_TAG_NAMES = constants.CASE_SENSITIVE_TAG_NAMES;
-
-	var Comment = domhandler.Comment;
-	var Element = domhandler.Element;
-	var ProcessingInstruction = domhandler.ProcessingInstruction;
-	var Text = domhandler.Text;
-
-	var caseSensitiveTagNamesMap = {};
-	var tagName;
-
-	for (var i = 0, len = CASE_SENSITIVE_TAG_NAMES.length; i < len; i++) {
-	  tagName = CASE_SENSITIVE_TAG_NAMES[i];
-	  caseSensitiveTagNamesMap[tagName.toLowerCase()] = tagName;
-	}
-
-	/**
-	 * Gets case-sensitive tag name.
-	 *
-	 * @param  {string}           tagName - Tag name in lowercase.
-	 * @return {string|undefined}         - Case-sensitive tag name.
-	 */
-	function getCaseSensitiveTagName(tagName) {
-	  return caseSensitiveTagNamesMap[tagName];
-	}
-
-	/**
-	 * Formats DOM attributes to a hash map.
-	 *
-	 * @param  {NamedNodeMap} attributes - List of attributes.
-	 * @return {object}                  - Map of attribute name to value.
-	 */
-	function formatAttributes(attributes) {
-	  var result = {};
-	  var attribute;
-	  // `NamedNodeMap` is array-like
-	  for (var i = 0, len = attributes.length; i < len; i++) {
-	    attribute = attributes[i];
-	    result[attribute.name] = attribute.value;
-	  }
-	  return result;
-	}
-
-	/**
-	 * Corrects the tag name if it is case-sensitive (SVG).
-	 * Otherwise, returns the lowercase tag name (HTML).
-	 *
-	 * @param  {string} tagName - Lowercase tag name.
-	 * @return {string}         - Formatted tag name.
-	 */
-	function formatTagName(tagName) {
-	  tagName = tagName.toLowerCase();
-	  var caseSensitiveTagName = getCaseSensitiveTagName(tagName);
-	  if (caseSensitiveTagName) {
-	    return caseSensitiveTagName;
-	  }
-	  return tagName;
-	}
-
-	/**
-	 * Transforms DOM nodes to `domhandler` nodes.
-	 *
-	 * @param  {NodeList}     nodes         - DOM nodes.
-	 * @param  {Element|null} [parent=null] - Parent node.
-	 * @param  {string}       [directive]   - Directive.
-	 * @return {Array<Comment|Element|ProcessingInstruction|Text>}
-	 */
-	function formatDOM$1(nodes, parent, directive) {
-	  parent = parent || null;
-	  var result = [];
-
-	  for (var index = 0, len = nodes.length; index < len; index++) {
-	    var node = nodes[index];
-	    var current;
-
-	    // set the node data given the type
-	    switch (node.nodeType) {
-	      case 1:
-	        // script, style, or tag
-	        current = new Element(
-	          formatTagName(node.nodeName),
-	          formatAttributes(node.attributes)
-	        );
-	        current.children = formatDOM$1(node.childNodes, current);
-	        break;
-
-	      case 3:
-	        current = new Text(node.nodeValue);
-	        break;
-
-	      case 8:
-	        current = new Comment(node.nodeValue);
-	        break;
-
-	      default:
-	        continue;
-	    }
-
-	    // set previous node next
-	    var prev = result[index - 1] || null;
-	    if (prev) {
-	      prev.next = current;
-	    }
-
-	    // set properties for current node
-	    current.parent = parent;
-	    current.prev = prev;
-	    current.next = null;
-
-	    result.push(current);
-	  }
-
-	  if (directive) {
-	    current = new ProcessingInstruction(
-	      directive.substring(0, directive.indexOf(' ')).toLowerCase(),
-	      directive
-	    );
-	    current.next = result[0] || null;
-	    current.parent = parent;
-	    result.unshift(current);
-
-	    if (result[1]) {
-	      result[1].prev = result[0];
-	    }
-	  }
-
-	  return result;
-	}
-
-	/**
-	 * Detects if browser is Internet Explorer.
-	 *
-	 * @return {boolean} - Whether IE is detected.
-	 */
-	function isIE$1() {
-	  return /(MSIE |Trident\/|Edge\/)/.test(navigator.userAgent);
-	}
-
-	var utilities = {
-	  formatAttributes: formatAttributes,
-	  formatDOM: formatDOM$1,
-	  isIE: isIE$1
-	};
-
-	// constants
-	var HTML = 'html';
-	var HEAD = 'head';
-	var BODY = 'body';
-	var FIRST_TAG_REGEX = /<([a-zA-Z]+[0-9]?)/; // e.g., <h1>
-	var HEAD_TAG_REGEX = /<head.*>/i;
-	var BODY_TAG_REGEX = /<body.*>/i;
-
-	// falls back to `parseFromString` if `createHTMLDocument` cannot be used
-	var parseFromDocument = function () {
-	  throw new Error(
-	    'This browser does not support `document.implementation.createHTMLDocument`'
-	  );
-	};
-
-	var parseFromString = function () {
-	  throw new Error(
-	    'This browser does not support `DOMParser.prototype.parseFromString`'
-	  );
-	};
-
-	/**
-	 * DOMParser (performance: slow).
-	 *
-	 * @see https://developer.mozilla.org/docs/Web/API/DOMParser#Parsing_an_SVG_or_HTML_document
-	 */
-	if (typeof window.DOMParser === 'function') {
-	  var domParser = new window.DOMParser();
-	  var mimeType = 'text/html';
-
-	  /**
-	   * Creates an HTML document using `DOMParser.parseFromString`.
-	   *
-	   * @param  {string} html      - The HTML string.
-	   * @param  {string} [tagName] - The element to render the HTML (with 'body' as fallback).
-	   * @return {HTMLDocument}
-	   */
-	  parseFromString = function (html, tagName) {
-	    if (tagName) {
-	      html = '<' + tagName + '>' + html + '</' + tagName + '>';
-	    }
-
-	    return domParser.parseFromString(html, mimeType);
-	  };
-
-	  parseFromDocument = parseFromString;
-	}
-
-	/**
-	 * DOMImplementation (performance: fair).
-	 *
-	 * @see https://developer.mozilla.org/docs/Web/API/DOMImplementation/createHTMLDocument
-	 */
-	if (document.implementation) {
-	  var isIE = utilities.isIE;
-
-	  // title parameter is required in IE
-	  // https://msdn.microsoft.com/en-us/library/ff975457(v=vs.85).aspx
-	  var doc = document.implementation.createHTMLDocument(
-	    isIE() ? 'html-dom-parser' : undefined
-	  );
-
-	  /**
-	   * Use HTML document created by `document.implementation.createHTMLDocument`.
-	   *
-	   * @param  {string} html      - The HTML string.
-	   * @param  {string} [tagName] - The element to render the HTML (with 'body' as fallback).
-	   * @return {HTMLDocument}
-	   */
-	  parseFromDocument = function (html, tagName) {
-	    if (tagName) {
-	      doc.documentElement.getElementsByTagName(tagName)[0].innerHTML = html;
-	      return doc;
-	    }
-
-	    doc.documentElement.innerHTML = html;
-	    return doc;
-	  };
-	}
-
-	/**
-	 * Template (performance: fast).
-	 *
-	 * @see https://developer.mozilla.org/docs/Web/HTML/Element/template
-	 */
-	var template = document.createElement('template');
-	var parseFromTemplate;
-
-	if (template.content) {
-	  /**
-	   * Uses a template element (content fragment) to parse HTML.
-	   *
-	   * @param  {string} html - The HTML string.
-	   * @return {NodeList}
-	   */
-	  parseFromTemplate = function (html) {
-	    template.innerHTML = html;
-	    return template.content.childNodes;
-	  };
-	}
-
-	/**
-	 * Parses HTML string to DOM nodes.
-	 *
-	 * @param  {string}   html - HTML markup.
-	 * @return {NodeList}
-	 */
-	function domparser$1(html) {
-	  var firstTagName;
-	  var match = html.match(FIRST_TAG_REGEX);
-
-	  if (match && match[1]) {
-	    firstTagName = match[1].toLowerCase();
-	  }
-
-	  var doc;
-	  var element;
-	  var elements;
-
-	  switch (firstTagName) {
-	    case HTML:
-	      doc = parseFromString(html);
-
-	      // the created document may come with filler head/body elements,
-	      // so make sure to remove them if they don't actually exist
-	      if (!HEAD_TAG_REGEX.test(html)) {
-	        element = doc.getElementsByTagName(HEAD)[0];
-	        if (element) {
-	          element.parentNode.removeChild(element);
-	        }
-	      }
-
-	      if (!BODY_TAG_REGEX.test(html)) {
-	        element = doc.getElementsByTagName(BODY)[0];
-	        if (element) {
-	          element.parentNode.removeChild(element);
-	        }
-	      }
-
-	      return doc.getElementsByTagName(HTML);
-
-	    case HEAD:
-	    case BODY:
-	      elements = parseFromDocument(html).getElementsByTagName(firstTagName);
-
-	      // if there's a sibling element, then return both elements
-	      if (BODY_TAG_REGEX.test(html) && HEAD_TAG_REGEX.test(html)) {
-	        return elements[0].parentNode.childNodes;
-	      }
-	      return elements;
-
-	    // low-level tag or text
-	    default:
-	      if (parseFromTemplate) {
-	        return parseFromTemplate(html);
-	      }
-
-	      return parseFromDocument(html, BODY).getElementsByTagName(BODY)[0]
-	        .childNodes;
-	  }
-	}
-
-	var domparser_1 = domparser$1;
-
-	var domparser = domparser_1;
-	var formatDOM = utilities.formatDOM;
-
-	var DIRECTIVE_REGEX = /<(![a-zA-Z\s]+)>/; // e.g., <!doctype html>
-
-	/**
-	 * Parses HTML string to DOM nodes in browser.
-	 *
-	 * @param  {string} html  - HTML markup.
-	 * @return {DomElement[]} - DOM elements.
-	 */
-	function HTMLDOMParser(html) {
-	  if (typeof html !== 'string') {
-	    throw new TypeError('First argument must be a string');
-	  }
-
-	  if (html === '') {
-	    return [];
-	  }
-
-	  // match directive
-	  var match = html.match(DIRECTIVE_REGEX);
-	  var directive;
-
-	  if (match && match[1]) {
-	    directive = match[1];
-	  }
-
-	  return formatDOM(domparser(html), null, directive);
-	}
-
-	var htmlToDom = HTMLDOMParser;
-
-	var lib = {};
-
-	var hasRequiredLib;
+	var hasRequiredLib;
 
 	function requireLib () {
-		if (hasRequiredLib) return lib;
+		if (hasRequiredLib) return lib$1;
 		hasRequiredLib = 1;
 		(function (exports) {
 			var __createBinding = (commonjsGlobal && commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {
@@ -2470,12 +2277,10 @@
 			Object.defineProperty(exports, "__esModule", { value: true });
 			exports.DomHandler = void 0;
 			var domelementtype_1 = requireLib$1();
-			var node_1 = requireNode();
+			var node_js_1 = requireNode();
 			__exportStar(requireNode(), exports);
-			var reWhitespace = /\s+/g;
 			// Default options
 			var defaultOpts = {
-			    normalizeWhitespace: false,
 			    withStartIndices: false,
 			    withEndIndices: false,
 			    xmlMode: false,
@@ -2490,7 +2295,7 @@
 			        /** The elements of the DOM */
 			        this.dom = [];
 			        /** The root element for the DOM */
-			        this.root = new node_1.Document(this.dom);
+			        this.root = new node_js_1.Document(this.dom);
 			        /** Indicated whether parsing has been completed. */
 			        this.done = false;
 			        /** Stack of open tags. */
@@ -2518,7 +2323,7 @@
 			    // Resets the handler back to starting state
 			    DomHandler.prototype.onreset = function () {
 			        this.dom = [];
-			        this.root = new node_1.Document(this.dom);
+			        this.root = new node_js_1.Document(this.dom);
 			        this.done = false;
 			        this.tagStack = [this.root];
 			        this.lastNode = null;
@@ -2546,29 +2351,20 @@
 			    };
 			    DomHandler.prototype.onopentag = function (name, attribs) {
 			        var type = this.options.xmlMode ? domelementtype_1.ElementType.Tag : undefined;
-			        var element = new node_1.Element(name, attribs, undefined, type);
+			        var element = new node_js_1.Element(name, attribs, undefined, type);
 			        this.addNode(element);
 			        this.tagStack.push(element);
 			    };
 			    DomHandler.prototype.ontext = function (data) {
-			        var normalizeWhitespace = this.options.normalizeWhitespace;
 			        var lastNode = this.lastNode;
 			        if (lastNode && lastNode.type === domelementtype_1.ElementType.Text) {
-			            if (normalizeWhitespace) {
-			                lastNode.data = (lastNode.data + data).replace(reWhitespace, " ");
-			            }
-			            else {
-			                lastNode.data += data;
-			            }
+			            lastNode.data += data;
 			            if (this.options.withEndIndices) {
 			                lastNode.endIndex = this.parser.endIndex;
 			            }
 			        }
 			        else {
-			            if (normalizeWhitespace) {
-			                data = data.replace(reWhitespace, " ");
-			            }
-			            var node = new node_1.Text(data);
+			            var node = new node_js_1.Text(data);
 			            this.addNode(node);
 			            this.lastNode = node;
 			        }
@@ -2578,7 +2374,7 @@
 			            this.lastNode.data += data;
 			            return;
 			        }
-			        var node = new node_1.Comment(data);
+			        var node = new node_js_1.Comment(data);
 			        this.addNode(node);
 			        this.lastNode = node;
 			    };
@@ -2586,8 +2382,8 @@
 			        this.lastNode = null;
 			    };
 			    DomHandler.prototype.oncdatastart = function () {
-			        var text = new node_1.Text("");
-			        var node = new node_1.NodeWithChildren(domelementtype_1.ElementType.CDATA, [text]);
+			        var text = new node_js_1.Text("");
+			        var node = new node_js_1.CDATA([text]);
 			        this.addNode(node);
 			        text.parent = node;
 			        this.lastNode = text;
@@ -2596,7 +2392,7 @@
 			        this.lastNode = null;
 			    };
 			    DomHandler.prototype.onprocessinginstruction = function (name, data) {
-			        var node = new node_1.ProcessingInstruction(name, data);
+			        var node = new node_js_1.ProcessingInstruction(name, data);
 			        this.addNode(node);
 			    };
 			    DomHandler.prototype.handleCallback = function (error) {
@@ -2628,10 +2424,219 @@
 			}());
 			exports.DomHandler = DomHandler;
 			exports.default = DomHandler;
-	} (lib));
-		return lib;
+	} (lib$1));
+		return lib$1;
+	}
+
+	var constants$1 = {};
+
+	/**
+	 * SVG elements are case-sensitive.
+	 *
+	 * @see {@link https://developer.mozilla.org/docs/Web/SVG/Element#svg_elements_a_to_z}
+	 */
+
+	constants$1.CASE_SENSITIVE_TAG_NAMES = [
+	  'animateMotion',
+	  'animateTransform',
+	  'clipPath',
+	  'feBlend',
+	  'feColorMatrix',
+	  'feComponentTransfer',
+	  'feComposite',
+	  'feConvolveMatrix',
+	  'feDiffuseLighting',
+	  'feDisplacementMap',
+	  'feDropShadow',
+	  'feFlood',
+	  'feFuncA',
+	  'feFuncB',
+	  'feFuncG',
+	  'feFuncR',
+	  'feGaussainBlur',
+	  'feImage',
+	  'feMerge',
+	  'feMergeNode',
+	  'feMorphology',
+	  'feOffset',
+	  'fePointLight',
+	  'feSpecularLighting',
+	  'feSpotLight',
+	  'feTile',
+	  'feTurbulence',
+	  'foreignObject',
+	  'linearGradient',
+	  'radialGradient',
+	  'textPath'
+	];
+
+	var domhandler = requireLib();
+	var constants = constants$1;
+
+	var CASE_SENSITIVE_TAG_NAMES = constants.CASE_SENSITIVE_TAG_NAMES;
+
+	var Comment = domhandler.Comment;
+	var Element = domhandler.Element;
+	var ProcessingInstruction = domhandler.ProcessingInstruction;
+	var Text = domhandler.Text;
+
+	var caseSensitiveTagNamesMap = {};
+	var tagName;
+
+	for (var i = 0, len = CASE_SENSITIVE_TAG_NAMES.length; i < len; i++) {
+	  tagName = CASE_SENSITIVE_TAG_NAMES[i];
+	  caseSensitiveTagNamesMap[tagName.toLowerCase()] = tagName;
+	}
+
+	/**
+	 * Gets case-sensitive tag name.
+	 *
+	 * @param {string} tagName - Tag name in lowercase.
+	 * @returns {string|undefined} - Case-sensitive tag name.
+	 */
+	function getCaseSensitiveTagName(tagName) {
+	  return caseSensitiveTagNamesMap[tagName];
+	}
+
+	/**
+	 * Formats DOM attributes to a hash map.
+	 *
+	 * @param {NamedNodeMap} attributes - List of attributes.
+	 * @returns {object} - Map of attribute name to value.
+	 */
+	function formatAttributes(attributes) {
+	  var result = {};
+	  var attribute;
+	  // `NamedNodeMap` is array-like
+	  for (var i = 0, len = attributes.length; i < len; i++) {
+	    attribute = attributes[i];
+	    result[attribute.name] = attribute.value;
+	  }
+	  return result;
+	}
+
+	/**
+	 * Corrects the tag name if it is case-sensitive (SVG).
+	 * Otherwise, returns the lowercase tag name (HTML).
+	 *
+	 * @param {string} tagName - Lowercase tag name.
+	 * @returns {string} - Formatted tag name.
+	 */
+	function formatTagName(tagName) {
+	  tagName = tagName.toLowerCase();
+	  var caseSensitiveTagName = getCaseSensitiveTagName(tagName);
+	  if (caseSensitiveTagName) {
+	    return caseSensitiveTagName;
+	  }
+	  return tagName;
+	}
+
+	/**
+	 * Transforms DOM nodes to `domhandler` nodes.
+	 *
+	 * @param {NodeList} nodes - DOM nodes.
+	 * @param {Element|null} [parent=null] - Parent node.
+	 * @param {string} [directive] - Directive.
+	 * @returns {Array<Comment|Element|ProcessingInstruction|Text>}
+	 */
+	function formatDOM$1(nodes, parent, directive) {
+	  parent = parent || null;
+	  var result = [];
+
+	  for (var index = 0, len = nodes.length; index < len; index++) {
+	    var node = nodes[index];
+	    var current;
+
+	    // set the node data given the type
+	    switch (node.nodeType) {
+	      case 1:
+	        // script, style, or tag
+	        current = new Element(
+	          formatTagName(node.nodeName),
+	          formatAttributes(node.attributes)
+	        );
+	        current.children = formatDOM$1(node.childNodes, current);
+	        break;
+
+	      case 3:
+	        current = new Text(node.nodeValue);
+	        break;
+
+	      case 8:
+	        current = new Comment(node.nodeValue);
+	        break;
+
+	      default:
+	        continue;
+	    }
+
+	    // set previous node next
+	    var prev = result[index - 1] || null;
+	    if (prev) {
+	      prev.next = current;
+	    }
+
+	    // set properties for current node
+	    current.parent = parent;
+	    current.prev = prev;
+	    current.next = null;
+
+	    result.push(current);
+	  }
+
+	  if (directive) {
+	    current = new ProcessingInstruction(
+	      directive.substring(0, directive.indexOf(' ')).toLowerCase(),
+	      directive
+	    );
+	    current.next = result[0] || null;
+	    current.parent = parent;
+	    result.unshift(current);
+
+	    if (result[1]) {
+	      result[1].prev = result[0];
+	    }
+	  }
+
+	  return result;
+	}
+
+	utilities.formatAttributes = formatAttributes;
+	utilities.formatDOM = formatDOM$1;
+
+	var domparser = domparser_1;
+	var formatDOM = utilities.formatDOM;
+
+	var DIRECTIVE_REGEX = /<(![a-zA-Z\s]+)>/; // e.g., <!doctype html>
+
+	/**
+	 * Parses HTML string to DOM nodes in browser.
+	 *
+	 * @param  {string} html  - HTML markup.
+	 * @return {DomElement[]} - DOM elements.
+	 */
+	function HTMLDOMParser(html) {
+	  if (typeof html !== 'string') {
+	    throw new TypeError('First argument must be a string');
+	  }
+
+	  if (html === '') {
+	    return [];
+	  }
+
+	  // match directive
+	  var match = html.match(DIRECTIVE_REGEX);
+	  var directive;
+
+	  if (match && match[1]) {
+	    directive = match[1];
+	  }
+
+	  return formatDOM(domparser(html), null, directive);
 	}
 
+	var htmlToDom = HTMLDOMParser;
+
 	var domToReact = domToReact_1;
 	var attributesToProps = attributesToProps$2;
 	var htmlToDOM = htmlToDom;
@@ -2646,12 +2651,12 @@
 	/**
 	 * Converts HTML string to React elements.
 	 *
-	 * @param  {String}   html                    - HTML string.
-	 * @param  {Object}   [options]               - Parser options.
-	 * @param  {Object}   [options.htmlparser2]   - htmlparser2 options.
-	 * @param  {Object}   [options.library]       - Library for React, Preact, etc.
-	 * @param  {Function} [options.replace]       - Replace method.
-	 * @return {JSX.Element|JSX.Element[]|String} - React element(s), empty array, or string.
+	 * @param {string} html - HTML string.
+	 * @param {object} [options] - Parser options.
+	 * @param {object} [options.htmlparser2] - htmlparser2 options.
+	 * @param {object} [options.library] - Library for React, Preact, etc.
+	 * @param {Function} [options.replace] - Replace method.
+	 * @returns {JSX.Element|JSX.Element[]|string} - React element(s), empty array, or string.
 	 */
 	function HTMLReactParser(html, options) {
 	  if (typeof html !== 'string') {