html-react-parser 4.2.3 → 4.2.4

package/dist/html-react-parser.js

@@ -208,7 +208,7 @@
 	/**
 	 * Text within the document.
 	 */
-	var Text$1 = /** @class */ (function (_super) {
+	var Text = /** @class */ (function (_super) {
 	    __extends(Text, _super);
 	    function Text() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
@@ -224,11 +224,11 @@
 	    });
 	    return Text;
 	}(DataNode));
-	node.Text = Text$1;
+	node.Text = Text;
 	/**
 	 * Comments within the document.
 	 */
-	var Comment$1 = /** @class */ (function (_super) {
+	var Comment = /** @class */ (function (_super) {
 	    __extends(Comment, _super);
 	    function Comment() {
 	        var _this = _super !== null && _super.apply(this, arguments) || this;
@@ -244,11 +244,11 @@
 	    });
 	    return Comment;
 	}(DataNode));
-	node.Comment = Comment$1;
+	node.Comment = Comment;
 	/**
 	 * Processing instructions, including doc types.
 	 */
-	var ProcessingInstruction$1 = /** @class */ (function (_super) {
+	var ProcessingInstruction = /** @class */ (function (_super) {
 	    __extends(ProcessingInstruction, _super);
 	    function ProcessingInstruction(name, data) {
 	        var _this = _super.call(this, data) || this;
@@ -265,7 +265,7 @@
 	    });
 	    return ProcessingInstruction;
 	}(DataNode));
-	node.ProcessingInstruction = ProcessingInstruction$1;
+	node.ProcessingInstruction = ProcessingInstruction;
 	/**
 	 * A `Node` that can have children.
 	 */
@@ -356,7 +356,7 @@
 	/**
 	 * An element within the DOM.
 	 */
-	var Element$1 = /** @class */ (function (_super) {
+	var Element = /** @class */ (function (_super) {
 	    __extends(Element, _super);
 	    /**
 	     * @param name Name of the tag, eg. `div`, `span`.
@@ -416,7 +416,7 @@
 	    });
 	    return Element;
 	}(NodeWithChildren));
-	node.Element = Element$1;
+	node.Element = Element;
 	/**
 	 * @param node Node to check.
 	 * @returns `true` if the node is a `Element`, `false` otherwise.
@@ -483,14 +483,14 @@
 	    if (recursive === void 0) { recursive = false; }
 	    var result;
 	    if (isText(node)) {
-	        result = new Text$1(node.data);
+	        result = new Text(node.data);
 	    }
 	    else if (isComment(node)) {
-	        result = new Comment$1(node.data);
+	        result = new Comment(node.data);
 	    }
 	    else if (isTag(node)) {
 	        var children = recursive ? cloneChildren(node.children) : [];
-	        var clone_1 = new Element$1(node.name, __assign({}, node.attribs), children);
+	        var clone_1 = new Element(node.name, __assign({}, node.attribs), children);
 	        children.forEach(function (child) { return (child.parent = clone_1); });
 	        if (node.namespace != null) {
 	            clone_1.namespace = node.namespace;
@@ -519,7 +519,7 @@
 	        result = clone_3;
 	    }
 	    else if (isDirective(node)) {
-	        var instruction = new ProcessingInstruction$1(node.name, node.data);
+	        var instruction = new ProcessingInstruction(node.name, node.data);
 	        if (node["x-name"] != null) {
 	            instruction["x-name"] = node["x-name"];
 	            instruction["x-publicId"] = node["x-publicId"];
@@ -714,6 +714,11 @@
 		exports.default = DomHandler; 
 	} (lib$2));
 
+	var htmlToDom = {};
+
+	var domparser$1 = {};
+
+	Object.defineProperty(domparser$1, "__esModule", { value: true });
 	// constants
 	var HTML = 'html';
 	var HEAD = 'head';
@@ -722,377 +727,319 @@
 	// match-all-characters in case of newlines (DOTALL)
 	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`'
-	  );
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
+	var parseFromDocument = function (html, tagName) {
+	    /* istanbul ignore next */
+	    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`'
-	  );
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
+	var parseFromString = function (html, tagName) {
+	    /* istanbul ignore next */
+	    throw new Error('This browser does not support `DOMParser.prototype.parseFromString`');
 	};
-
 	var DOMParser = typeof window === 'object' && window.DOMParser;
-
 	/**
 	 * DOMParser (performance: slow).
 	 *
 	 * @see https://developer.mozilla.org/docs/Web/API/DOMParser#Parsing_an_SVG_or_HTML_document
 	 */
 	if (typeof DOMParser === 'function') {
-	  var domParser = new 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;
+	    var domParser_1 = new DOMParser();
+	    var mimeType_1 = 'text/html';
+	    /**
+	     * Creates an HTML document using `DOMParser.parseFromString`.
+	     *
+	     * @param html - The HTML string.
+	     * @param tagName - The element to render the HTML (with 'body' as fallback).
+	     * @returns - Document.
+	     */
+	    parseFromString = function (html, tagName) {
+	        if (tagName) {
+	            html = "<".concat(tagName, ">").concat(html, "</").concat(tagName, ">");
+	        }
+	        return domParser_1.parseFromString(html, mimeType_1);
+	    };
+	    parseFromDocument = parseFromString;
 	}
-
 	/**
 	 * DOMImplementation (performance: fair).
 	 *
 	 * @see https://developer.mozilla.org/docs/Web/API/DOMImplementation/createHTMLDocument
 	 */
 	if (typeof document === 'object' && 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) {
-	      var element = doc.documentElement.querySelector(tagName);
-	      element.innerHTML = html;
-	      return doc;
-	    }
-
-	    doc.documentElement.innerHTML = html;
-	    return doc;
-	  };
+	    var htmlDocument_1 = document.implementation.createHTMLDocument();
+	    /**
+	     * Use HTML document created by `document.implementation.createHTMLDocument`.
+	     *
+	     * @param html - The HTML string.
+	     * @param tagName - The element to render the HTML (with 'body' as fallback).
+	     * @returns - Document
+	     */
+	    parseFromDocument = function (html, tagName) {
+	        if (tagName) {
+	            var element = htmlDocument_1.documentElement.querySelector(tagName);
+	            if (element) {
+	                element.innerHTML = html;
+	            }
+	            return htmlDocument_1;
+	        }
+	        htmlDocument_1.documentElement.innerHTML = html;
+	        return htmlDocument_1;
+	    };
 	}
-
 	/**
 	 * Template (performance: fast).
 	 *
 	 * @see https://developer.mozilla.org/docs/Web/HTML/Element/template
 	 */
-	var template =
-	  typeof document === 'object' ? document.createElement('template') : {};
-
+	var template = typeof document === 'object' && document.createElement('template');
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	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;
-	  };
+	if (template && template.content) {
+	    /**
+	     * Uses a template element (content fragment) to parse HTML.
+	     *
+	     * @param html - HTML string.
+	     * @returns - Nodes.
+	     */
+	    parseFromTemplate = function (html) {
+	        template.innerHTML = html;
+	        return template.content.childNodes;
+	    };
 	}
-
 	/**
 	 * Parses HTML string to DOM nodes.
 	 *
-	 * @param  {string}   html - HTML markup.
-	 * @return {NodeList}
+	 * @param html - HTML markup.
+	 * @returns - DOM nodes.
 	 */
-	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.querySelector(HEAD);
-	        if (element) {
-	          element.parentNode.removeChild(element);
+	function domparser(html) {
+	    var _a, _b;
+	    var match = html.match(FIRST_TAG_REGEX);
+	    var firstTagName = match && match[1] ? match[1].toLowerCase() : '';
+	    switch (firstTagName) {
+	        case HTML: {
+	            var 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)) {
+	                var element = doc.querySelector(HEAD);
+	                (_a = element === null || element === void 0 ? void 0 : element.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(element);
+	            }
+	            if (!BODY_TAG_REGEX.test(html)) {
+	                var element = doc.querySelector(BODY);
+	                (_b = element === null || element === void 0 ? void 0 : element.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(element);
+	            }
+	            return doc.querySelectorAll(HTML);
 	        }
-	      }
-
-	      if (!BODY_TAG_REGEX.test(html)) {
-	        element = doc.querySelector(BODY);
-	        if (element) {
-	          element.parentNode.removeChild(element);
+	        case HEAD:
+	        case BODY: {
+	            var elements = parseFromDocument(html).querySelectorAll(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;
 	        }
-	      }
-
-	      return doc.querySelectorAll(HTML);
-
-	    case HEAD:
-	    case BODY:
-	      doc = parseFromDocument(html);
-	      elements = doc.querySelectorAll(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);
-	      }
-	      element = parseFromDocument(html, BODY).querySelector(BODY);
-	      return element.childNodes;
-	  }
+	        // low-level tag or text
+	        default: {
+	            if (parseFromTemplate) {
+	                return parseFromTemplate(html);
+	            }
+	            var element = parseFromDocument(html, BODY).querySelector(BODY);
+	            return element.childNodes;
+	        }
+	    }
 	}
+	domparser$1.default = domparser;
 
-	var domparser_1 = domparser$1;
+	var utilities$4 = {};
 
-	var utilities$5 = {};
-
-	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',
-	  'feGaussianBlur',
-	  'feImage',
-	  'feMerge',
-	  'feMergeNode',
-	  'feMorphology',
-	  'feOffset',
-	  'fePointLight',
-	  'feSpecularLighting',
-	  'feSpotLight',
-	  'feTile',
-	  'feTurbulence',
-	  'foreignObject',
-	  'linearGradient',
-	  'radialGradient',
-	  'textPath'
-	];
-
-	var domhandler$1 = lib$2;
-	var constants = constants$1;
-
-	var CASE_SENSITIVE_TAG_NAMES = constants.CASE_SENSITIVE_TAG_NAMES;
-
-	var Comment = domhandler$1.Comment;
-	var Element = domhandler$1.Element;
-	var ProcessingInstruction = domhandler$1.ProcessingInstruction;
-	var Text = domhandler$1.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;
-	}
+	var constants = {};
 
+	(function (exports) {
+		Object.defineProperty(exports, "__esModule", { value: true });
+		exports.CASE_SENSITIVE_TAG_NAMES_MAP = exports.CASE_SENSITIVE_TAG_NAMES = void 0;
+		/**
+		 * SVG elements are case-sensitive.
+		 *
+		 * @see https://developer.mozilla.org/docs/Web/SVG/Element#svg_elements_a_to_z
+		 */
+		exports.CASE_SENSITIVE_TAG_NAMES = [
+		    'animateMotion',
+		    'animateTransform',
+		    'clipPath',
+		    'feBlend',
+		    'feColorMatrix',
+		    'feComponentTransfer',
+		    'feComposite',
+		    'feConvolveMatrix',
+		    'feDiffuseLighting',
+		    'feDisplacementMap',
+		    'feDropShadow',
+		    'feFlood',
+		    'feFuncA',
+		    'feFuncB',
+		    'feFuncG',
+		    'feFuncR',
+		    'feGaussianBlur',
+		    'feImage',
+		    'feMerge',
+		    'feMergeNode',
+		    'feMorphology',
+		    'feOffset',
+		    'fePointLight',
+		    'feSpecularLighting',
+		    'feSpotLight',
+		    'feTile',
+		    'feTurbulence',
+		    'foreignObject',
+		    'linearGradient',
+		    'radialGradient',
+		    'textPath',
+		];
+		exports.CASE_SENSITIVE_TAG_NAMES_MAP = exports.CASE_SENSITIVE_TAG_NAMES.reduce(function (accumulator, tagName) {
+		    accumulator[tagName.toLowerCase()] = tagName;
+		    return accumulator;
+		}, {});
+		
+	} (constants));
+
+	Object.defineProperty(utilities$4, "__esModule", { value: true });
+	utilities$4.formatDOM = utilities$4.formatAttributes = void 0;
+	var domhandler_1 = lib$2;
+	var constants_1 = constants;
 	/**
 	 * Gets case-sensitive tag name.
 	 *
-	 * @param {string} tagName - Tag name in lowercase.
-	 * @returns {string|undefined} - Case-sensitive tag name.
+	 * @param tagName - Tag name in lowercase.
+	 * @returns - Case-sensitive tag name.
 	 */
 	function getCaseSensitiveTagName(tagName) {
-	  return caseSensitiveTagNamesMap[tagName];
+	    return constants_1.CASE_SENSITIVE_TAG_NAMES_MAP[tagName];
 	}
-
 	/**
 	 * Formats DOM attributes to a hash map.
 	 *
-	 * @param {NamedNodeMap} attributes - List of attributes.
-	 * @returns {object} - Map of attribute name to value.
+	 * @param attributes - List of attributes.
+	 * @returns - 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;
+	    var map = {};
+	    var index = 0;
+	    var attributesLength = attributes.length;
+	    // `NamedNodeMap` is array-like
+	    for (; index < attributesLength; index++) {
+	        var attribute = attributes[index];
+	        map[attribute.name] = attribute.value;
+	    }
+	    return map;
 	}
-
+	utilities$4.formatAttributes = formatAttributes;
 	/**
 	 * 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.
+	 * @param tagName - Lowercase tag name.
+	 * @returns - Formatted tag name.
 	 */
 	function formatTagName(tagName) {
-	  tagName = tagName.toLowerCase();
-	  var caseSensitiveTagName = getCaseSensitiveTagName(tagName);
-	  if (caseSensitiveTagName) {
-	    return caseSensitiveTagName;
-	  }
-	  return 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>}
+	 * @param nodes - DOM nodes.
+	 * @param parent - Parent node.
+	 * @param directive - Directive.
+	 * @returns - Nodes.
 	 */
-	function formatDOM$1(nodes, parent, directive) {
-	  parent = parent || null;
-	  var result = [];
-	  var tagName;
-
-	  for (var index = 0, len = nodes.length; index < len; index++) {
-	    var node = nodes[index];
+	function formatDOM(nodes, parent, directive) {
+	    if (parent === void 0) { parent = null; }
+	    var result = [];
 	    var current;
-
-	    // set the node data given the type
-	    switch (node.nodeType) {
-	      case 1:
-	        tagName = formatTagName(node.nodeName);
-	        // script, style, or tag
-	        current = new Element(tagName, formatAttributes(node.attributes));
-	        current.children = formatDOM$1(
-	          // template children are on content
-	          tagName === 'template' ? node.content.childNodes : 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;
+	    var index = 0;
+	    var nodesLength = nodes.length;
+	    for (; index < nodesLength; index++) {
+	        var node = nodes[index];
+	        // set the node data given the type
+	        switch (node.nodeType) {
+	            case 1: {
+	                var tagName = formatTagName(node.nodeName);
+	                // script, style, or tag
+	                current = new domhandler_1.Element(tagName, formatAttributes(node.attributes));
+	                current.children = formatDOM(
+	                // template children are on content
+	                tagName === 'template'
+	                    ? node.content.childNodes
+	                    : node.childNodes, current);
+	                break;
+	            }
+	            case 3:
+	                current = new domhandler_1.Text(node.nodeValue);
+	                break;
+	            case 8:
+	                current = new domhandler_1.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);
 	    }
-
-	    // 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];
+	    if (directive) {
+	        current = new domhandler_1.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;
+	    return result;
 	}
+	utilities$4.formatDOM = formatDOM;
 
-	utilities$5.formatAttributes = formatAttributes;
-	utilities$5.formatDOM = formatDOM$1;
-
-	var domparser = domparser_1;
-	var utilities$4 = utilities$5;
-
-	var formatDOM = utilities$4.formatDOM;
-
+	var __importDefault$1 = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
+	    return (mod && mod.__esModule) ? mod : { "default": mod };
+	};
+	Object.defineProperty(htmlToDom, "__esModule", { value: true });
+	var domparser_1 = __importDefault$1(domparser$1);
+	var utilities_1$1 = utilities$4;
 	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.
+	 * @param html - HTML markup.
+	 * @returns - 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);
+	    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 = match ? match[1] : undefined;
+	    return (0, utilities_1$1.formatDOM)((0, domparser_1.default)(html), null, directive);
 	}
-
-	var htmlToDom = HTMLDOMParser;
+	htmlToDom.default = HTMLDOMParser;
 
 	var lib = {};
 
@@ -2648,7 +2595,7 @@
 	var domToReact_1 = domToReact$1;
 
 	var domhandler = lib$2;
-	var htmlToDOM = htmlToDom;
+	var htmlToDOM = htmlToDom.default;
 
 	var attributesToProps = attributesToProps$2;
 	var domToReact = domToReact_1;