react-svg 14.1.19 → 15.0.2

package/dist/react-svg.umd.development.js

@@ -1,857 +1,825 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('prop-types'), require('react')) :
-	typeof define === 'function' && define.amd ? define(['exports', 'prop-types', 'react'], factory) :
-	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ReactSVG = {}, global.PropTypes, global.React));
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('prop-types'), require('react')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'prop-types', 'react'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ReactSVG = {}, global.PropTypes, global.React));
 })(this, (function (exports, PropTypes, React) { 'use strict';
 
-	function _interopNamespace(e) {
-		if (e && e.__esModule) return e;
-		var n = Object.create(null);
-		if (e) {
-			Object.keys(e).forEach(function (k) {
-				if (k !== 'default') {
-					var d = Object.getOwnPropertyDescriptor(e, k);
-					Object.defineProperty(n, k, d.get ? d : {
-						enumerable: true,
-						get: function () { return e[k]; }
-					});
-				}
-			});
-		}
-		n["default"] = e;
-		return Object.freeze(n);
-	}
-
-	var PropTypes__namespace = /*#__PURE__*/_interopNamespace(PropTypes);
-	var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-	function unwrapExports (x) {
-		return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-	}
-
-	function createCommonjsModule(fn, module) {
-		return module = { exports: {} }, fn(module, module.exports), module.exports;
-	}
-
-	var _extends_1 = createCommonjsModule(function (module) {
-	function _extends() {
-	  module.exports = _extends = Object.assign || function (target) {
-	    for (var i = 1; i < arguments.length; i++) {
-	      var source = arguments[i];
-
-	      for (var key in source) {
-	        if (Object.prototype.hasOwnProperty.call(source, key)) {
-	          target[key] = source[key];
-	        }
-	      }
-	    }
-
-	    return target;
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	  return _extends.apply(this, arguments);
-	}
-
-	module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	});
-
-	var _extends = unwrapExports(_extends_1);
-
-	var objectWithoutPropertiesLoose = createCommonjsModule(function (module) {
-	function _objectWithoutPropertiesLoose(source, excluded) {
-	  if (source == null) return {};
-	  var target = {};
-	  var sourceKeys = Object.keys(source);
-	  var key, i;
-
-	  for (i = 0; i < sourceKeys.length; i++) {
-	    key = sourceKeys[i];
-	    if (excluded.indexOf(key) >= 0) continue;
-	    target[key] = source[key];
-	  }
-
-	  return target;
-	}
-
-	module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	});
-
-	var _objectWithoutPropertiesLoose = unwrapExports(objectWithoutPropertiesLoose);
-
-	var setPrototypeOf = createCommonjsModule(function (module) {
-	function _setPrototypeOf(o, p) {
-	  module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-	    o.__proto__ = p;
-	    return o;
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	  return _setPrototypeOf(o, p);
-	}
-
-	module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	});
-
-	unwrapExports(setPrototypeOf);
-
-	var inheritsLoose = createCommonjsModule(function (module) {
-	function _inheritsLoose(subClass, superClass) {
-	  subClass.prototype = Object.create(superClass.prototype);
-	  subClass.prototype.constructor = subClass;
-	  setPrototypeOf(subClass, superClass);
-	}
-
-	module.exports = _inheritsLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
-	});
-
-	var _inheritsLoose = unwrapExports(inheritsLoose);
-
-	/*! *****************************************************************************
-	Copyright (c) Microsoft Corporation.
+  function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        if (k !== 'default') {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () { return e[k]; }
+          });
+        }
+      });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+  }
+
+  var PropTypes__namespace = /*#__PURE__*/_interopNamespace(PropTypes);
+  var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+    return _extends.apply(this, arguments);
+  }
+
+  function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+
+    return target;
+  }
+
+  function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+      o.__proto__ = p;
+      return o;
+    };
+    return _setPrototypeOf(o, p);
+  }
+
+  function _inheritsLoose(subClass, superClass) {
+    subClass.prototype = Object.create(superClass.prototype);
+    subClass.prototype.constructor = subClass;
+    _setPrototypeOf(subClass, superClass);
+  }
+
+  /******************************************************************************
+  Copyright (c) Microsoft Corporation.
 
-	Permission to use, copy, modify, and/or distribute this software for any
-	purpose with or without fee is hereby granted.
+  Permission to use, copy, modify, and/or distribute this software for any
+  purpose with or without fee is hereby granted.
 
-	THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-	REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-	AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-	INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-	LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-	OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-	PERFORMANCE OF THIS SOFTWARE.
-	***************************************************************************** */
+  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+  PERFORMANCE OF THIS SOFTWARE.
+  ***************************************************************************** */
 
-	function __spreadArray(to, from, pack) {
-	    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-	        if (ar || !(i in from)) {
-	            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-	            ar[i] = from[i];
-	        }
-	    }
-	    return to.concat(ar || Array.prototype.slice.call(from));
-	}
-
-	/*!
-	 * content-type
-	 * Copyright(c) 2015 Douglas Christopher Wilson
-	 * MIT Licensed
-	 */
-
-	/**
-	 * RegExp to match *( ";" parameter ) in RFC 7231 sec 3.1.1.1
-	 *
-	 * parameter     = token "=" ( token / quoted-string )
-	 * token         = 1*tchar
-	 * tchar         = "!" / "#" / "$" / "%" / "&" / "'" / "*"
-	 *               / "+" / "-" / "." / "^" / "_" / "`" / "|" / "~"
-	 *               / DIGIT / ALPHA
-	 *               ; any VCHAR, except delimiters
-	 * quoted-string = DQUOTE *( qdtext / quoted-pair ) DQUOTE
-	 * qdtext        = HTAB / SP / %x21 / %x23-5B / %x5D-7E / obs-text
-	 * obs-text      = %x80-FF
-	 * quoted-pair   = "\" ( HTAB / SP / VCHAR / obs-text )
-	 */
-	var PARAM_REGEXP = /; *([!#$%&'*+.^_`|~0-9A-Za-z-]+) *= *("(?:[\u000b\u0020\u0021\u0023-\u005b\u005d-\u007e\u0080-\u00ff]|\\[\u000b\u0020-\u00ff])*"|[!#$%&'*+.^_`|~0-9A-Za-z-]+) */g;
-
-	/**
-	 * RegExp to match quoted-pair in RFC 7230 sec 3.2.6
-	 *
-	 * quoted-pair = "\" ( HTAB / SP / VCHAR / obs-text )
-	 * obs-text    = %x80-FF
-	 */
-	var QESC_REGEXP = /\\([\u000b\u0020-\u00ff])/g;
-
-	/**
-	 * RegExp to match type in RFC 7231 sec 3.1.1.1
-	 *
-	 * media-type = type "/" subtype
-	 * type       = token
-	 * subtype    = token
-	 */
-	var TYPE_REGEXP = /^[!#$%&'*+.^_`|~0-9A-Za-z-]+\/[!#$%&'*+.^_`|~0-9A-Za-z-]+$/;
-	var parse_1 = parse;
-
-	/**
-	 * Parse media type to object.
-	 *
-	 * @param {string|object} string
-	 * @return {Object}
-	 * @public
-	 */
-
-	function parse (string) {
-	  if (!string) {
-	    throw new TypeError('argument string is required')
-	  }
-
-	  // support req/res-like objects as argument
-	  var header = typeof string === 'object'
-	    ? getcontenttype(string)
-	    : string;
-
-	  if (typeof header !== 'string') {
-	    throw new TypeError('argument string is required to be a string')
-	  }
-
-	  var index = header.indexOf(';');
-	  var type = index !== -1
-	    ? header.substr(0, index).trim()
-	    : header.trim();
-
-	  if (!TYPE_REGEXP.test(type)) {
-	    throw new TypeError('invalid media type')
-	  }
-
-	  var obj = new ContentType(type.toLowerCase());
-
-	  // parse parameters
-	  if (index !== -1) {
-	    var key;
-	    var match;
-	    var value;
-
-	    PARAM_REGEXP.lastIndex = index;
-
-	    while ((match = PARAM_REGEXP.exec(header))) {
-	      if (match.index !== index) {
-	        throw new TypeError('invalid parameter format')
-	      }
-
-	      index += match[0].length;
-	      key = match[1].toLowerCase();
-	      value = match[2];
-
-	      if (value[0] === '"') {
-	        // remove quotes and escapes
-	        value = value
-	          .substr(1, value.length - 2)
-	          .replace(QESC_REGEXP, '$1');
-	      }
-
-	      obj.parameters[key] = value;
-	    }
-
-	    if (index !== header.length) {
-	      throw new TypeError('invalid parameter format')
-	    }
-	  }
-
-	  return obj
-	}
-
-	/**
-	 * Get content-type from req/res objects.
-	 *
-	 * @param {object}
-	 * @return {Object}
-	 * @private
-	 */
-
-	function getcontenttype (obj) {
-	  var header;
-
-	  if (typeof obj.getHeader === 'function') {
-	    // res-like
-	    header = obj.getHeader('content-type');
-	  } else if (typeof obj.headers === 'object') {
-	    // req-like
-	    header = obj.headers && obj.headers['content-type'];
-	  }
-
-	  if (typeof header !== 'string') {
-	    throw new TypeError('content-type header is missing from object')
-	  }
-
-	  return header
-	}
-
-	/**
-	 * Class to represent a content type.
-	 * @private
-	 */
-	function ContentType (type) {
-	  this.parameters = Object.create(null);
-	  this.type = type;
-	}
-
-	var cache = new Map();
-
-	var cloneSvg = function cloneSvg(sourceSvg) {
-	  return sourceSvg.cloneNode(true);
-	};
-
-	var isLocal = function isLocal() {
-	  return window.location.protocol === 'file:';
-	};
-
-	var makeAjaxRequest = function makeAjaxRequest(url, httpRequestWithCredentials, callback) {
-	  var httpRequest = new XMLHttpRequest();
-
-	  httpRequest.onreadystatechange = function () {
-	    try {
-	      if (!/\.svg/i.test(url) && httpRequest.readyState === 2) {
-	        var contentType = httpRequest.getResponseHeader('Content-Type');
-
-	        if (!contentType) {
-	          throw new Error('Content type not found');
-	        }
-
-	        var type = parse_1(contentType).type;
-
-	        if (!(type === 'image/svg+xml' || type === 'text/plain')) {
-	          throw new Error("Invalid content type: ".concat(type));
-	        }
-	      }
-
-	      if (httpRequest.readyState === 4) {
-	        if (httpRequest.status === 404 || httpRequest.responseXML === null) {
-	          throw new Error(isLocal() ? 'Note: SVG injection ajax calls do not work locally without ' + 'adjusting security settings in your browser. Or consider ' + 'using a local webserver.' : 'Unable to load SVG file: ' + url);
-	        }
-
-	        if (httpRequest.status === 200 || isLocal() && httpRequest.status === 0) {
-	          callback(null, httpRequest);
-	        } else {
-	          throw new Error('There was a problem injecting the SVG: ' + httpRequest.status + ' ' + httpRequest.statusText);
-	        }
-	      }
-	    } catch (error) {
-	      httpRequest.abort();
-
-	      if (error instanceof Error) {
-	        callback(error, httpRequest);
-	      } else {
-	        throw error;
-	      }
-	    }
-	  };
-
-	  httpRequest.open('GET', url);
-	  httpRequest.withCredentials = httpRequestWithCredentials;
-
-	  if (httpRequest.overrideMimeType) {
-	    httpRequest.overrideMimeType('text/xml');
-	  }
-
-	  httpRequest.send();
-	};
-
-	var requestQueue = {};
-	var queueRequest = function queueRequest(url, callback) {
-	  requestQueue[url] = requestQueue[url] || [];
-	  requestQueue[url].push(callback);
-	};
-	var processRequestQueue = function processRequestQueue(url) {
-	  var _loop_1 = function _loop_1(i, len) {
-	    setTimeout(function () {
-	      if (Array.isArray(requestQueue[url])) {
-	        var cacheValue = cache.get(url);
-	        var callback = requestQueue[url][i];
-
-	        if (cacheValue instanceof SVGSVGElement) {
-	          callback(null, cloneSvg(cacheValue));
-	        }
-
-	        if (cacheValue instanceof Error) {
-	          callback(cacheValue);
-	        }
-
-	        if (i === requestQueue[url].length - 1) {
-	          delete requestQueue[url];
-	        }
-	      }
-	    }, 0);
-	  };
-
-	  for (var i = 0, len = requestQueue[url].length; i < len; i++) {
-	    _loop_1(i);
-	  }
-	};
-
-	var loadSvgCached = function loadSvgCached(url, httpRequestWithCredentials, callback) {
-	  if (cache.has(url)) {
-	    var cacheValue = cache.get(url);
-
-	    if (cacheValue === undefined) {
-	      queueRequest(url, callback);
-	      return;
-	    }
-
-	    if (cacheValue instanceof SVGSVGElement) {
-	      callback(null, cloneSvg(cacheValue));
-	      return;
-	    }
-	  }
-
-	  cache.set(url, undefined);
-	  queueRequest(url, callback);
-	  makeAjaxRequest(url, httpRequestWithCredentials, function (error, httpRequest) {
-	    if (error) {
-	      cache.set(url, error);
-	    } else if (httpRequest.responseXML instanceof Document && httpRequest.responseXML.documentElement && httpRequest.responseXML.documentElement instanceof SVGSVGElement) {
-	      cache.set(url, httpRequest.responseXML.documentElement);
-	    }
-
-	    processRequestQueue(url);
-	  });
-	};
-
-	var loadSvgUncached = function loadSvgUncached(url, httpRequestWithCredentials, callback) {
-	  makeAjaxRequest(url, httpRequestWithCredentials, function (error, httpRequest) {
-	    if (error) {
-	      callback(error);
-	    } else if (httpRequest.responseXML instanceof Document && httpRequest.responseXML.documentElement && httpRequest.responseXML.documentElement instanceof SVGSVGElement) {
-	      callback(null, httpRequest.responseXML.documentElement);
-	    }
-	  });
-	};
-
-	var idCounter = 0;
-
-	var uniqueId = function uniqueId() {
-	  return ++idCounter;
-	};
-
-	var injectedElements = [];
-	var ranScripts = {};
-	var svgNamespace$1 = 'http://www.w3.org/2000/svg';
-	var xlinkNamespace$1 = 'http://www.w3.org/1999/xlink';
-
-	var injectElement = function injectElement(el, evalScripts, renumerateIRIElements, cacheRequests, httpRequestWithCredentials, beforeEach, callback) {
-	  var elUrl = el.getAttribute('data-src') || el.getAttribute('src');
-
-	  if (!elUrl) {
-	    callback(new Error('Invalid data-src or src attribute'));
-	    return;
-	  }
-
-	  if (injectedElements.indexOf(el) !== -1) {
-	    injectedElements.splice(injectedElements.indexOf(el), 1);
-	    el = null;
-	    return;
-	  }
-
-	  injectedElements.push(el);
-	  el.setAttribute('src', '');
-	  var loadSvg = cacheRequests ? loadSvgCached : loadSvgUncached;
-	  loadSvg(elUrl, httpRequestWithCredentials, function (error, svg) {
-	    if (!svg) {
-	      injectedElements.splice(injectedElements.indexOf(el), 1);
-	      el = null;
-	      callback(error);
-	      return;
-	    }
-
-	    var elId = el.getAttribute('id');
-
-	    if (elId) {
-	      svg.setAttribute('id', elId);
-	    }
-
-	    var elTitle = el.getAttribute('title');
-
-	    if (elTitle) {
-	      svg.setAttribute('title', elTitle);
-	    }
-
-	    var elWidth = el.getAttribute('width');
-
-	    if (elWidth) {
-	      svg.setAttribute('width', elWidth);
-	    }
-
-	    var elHeight = el.getAttribute('height');
-
-	    if (elHeight) {
-	      svg.setAttribute('height', elHeight);
-	    }
-
-	    var mergedClasses = Array.from(new Set(__spreadArray(__spreadArray(__spreadArray([], (svg.getAttribute('class') || '').split(' '), true), ['injected-svg'], false), (el.getAttribute('class') || '').split(' '), true))).join(' ').trim();
-	    svg.setAttribute('class', mergedClasses);
-	    var elStyle = el.getAttribute('style');
-
-	    if (elStyle) {
-	      svg.setAttribute('style', elStyle);
-	    }
-
-	    svg.setAttribute('data-src', elUrl);
-	    var elData = [].filter.call(el.attributes, function (at) {
-	      return /^data-\w[\w-]*$/.test(at.name);
-	    });
-	    Array.prototype.forEach.call(elData, function (dataAttr) {
-	      if (dataAttr.name && dataAttr.value) {
-	        svg.setAttribute(dataAttr.name, dataAttr.value);
-	      }
-	    });
-
-	    if (renumerateIRIElements) {
-	      var iriElementsAndProperties_1 = {
-	        clipPath: ['clip-path'],
-	        'color-profile': ['color-profile'],
-	        cursor: ['cursor'],
-	        filter: ['filter'],
-	        linearGradient: ['fill', 'stroke'],
-	        marker: ['marker', 'marker-start', 'marker-mid', 'marker-end'],
-	        mask: ['mask'],
-	        path: [],
-	        pattern: ['fill', 'stroke'],
-	        radialGradient: ['fill', 'stroke']
-	      };
-	      var element_1;
-	      var elements_1;
-	      var properties_1;
-	      var currentId_1;
-	      var newId_1;
-	      Object.keys(iriElementsAndProperties_1).forEach(function (key) {
-	        element_1 = key;
-	        properties_1 = iriElementsAndProperties_1[key];
-	        elements_1 = svg.querySelectorAll(element_1 + '[id]');
-
-	        var _loop_1 = function _loop_1(a, elementsLen) {
-	          currentId_1 = elements_1[a].id;
-	          newId_1 = currentId_1 + '-' + uniqueId();
-	          var referencingElements;
-	          Array.prototype.forEach.call(properties_1, function (property) {
-	            referencingElements = svg.querySelectorAll('[' + property + '*="' + currentId_1 + '"]');
-
-	            for (var b = 0, referencingElementLen = referencingElements.length; b < referencingElementLen; b++) {
-	              var attrValue = referencingElements[b].getAttribute(property);
-
-	              if (attrValue && !attrValue.match(new RegExp('url\\("?#' + currentId_1 + '"?\\)'))) {
-	                continue;
-	              }
-
-	              referencingElements[b].setAttribute(property, 'url(#' + newId_1 + ')');
-	            }
-	          });
-	          var allLinks = svg.querySelectorAll('[*|href]');
-	          var links = [];
-
-	          for (var c = 0, allLinksLen = allLinks.length; c < allLinksLen; c++) {
-	            var href = allLinks[c].getAttributeNS(xlinkNamespace$1, 'href');
-
-	            if (href && href.toString() === '#' + elements_1[a].id) {
-	              links.push(allLinks[c]);
-	            }
-	          }
-
-	          for (var d = 0, linksLen = links.length; d < linksLen; d++) {
-	            links[d].setAttributeNS(xlinkNamespace$1, 'href', '#' + newId_1);
-	          }
-
-	          elements_1[a].id = newId_1;
-	        };
-
-	        for (var a = 0, elementsLen = elements_1.length; a < elementsLen; a++) {
-	          _loop_1(a);
-	        }
-	      });
-	    }
-
-	    svg.removeAttribute('xmlns:a');
-	    var scripts = svg.querySelectorAll('script');
-	    var scriptsToEval = [];
-	    var script;
-	    var scriptType;
-
-	    for (var i = 0, scriptsLen = scripts.length; i < scriptsLen; i++) {
-	      scriptType = scripts[i].getAttribute('type');
-
-	      if (!scriptType || scriptType === 'application/ecmascript' || scriptType === 'application/javascript' || scriptType === 'text/javascript') {
-	        script = scripts[i].innerText || scripts[i].textContent;
-
-	        if (script) {
-	          scriptsToEval.push(script);
-	        }
-
-	        svg.removeChild(scripts[i]);
-	      }
-	    }
-
-	    if (scriptsToEval.length > 0 && (evalScripts === 'always' || evalScripts === 'once' && !ranScripts[elUrl])) {
-	      for (var l = 0, scriptsToEvalLen = scriptsToEval.length; l < scriptsToEvalLen; l++) {
-	        new Function(scriptsToEval[l])(window);
-	      }
-
-	      ranScripts[elUrl] = true;
-	    }
-
-	    var styleTags = svg.querySelectorAll('style');
-	    Array.prototype.forEach.call(styleTags, function (styleTag) {
-	      styleTag.textContent += '';
-	    });
-	    svg.setAttribute('xmlns', svgNamespace$1);
-	    svg.setAttribute('xmlns:xlink', xlinkNamespace$1);
-	    beforeEach(svg);
-
-	    if (!el.parentNode) {
-	      injectedElements.splice(injectedElements.indexOf(el), 1);
-	      el = null;
-	      callback(new Error('Parent node is null'));
-	      return;
-	    }
-
-	    el.parentNode.replaceChild(svg, el);
-	    injectedElements.splice(injectedElements.indexOf(el), 1);
-	    el = null;
-	    callback(null, svg);
-	  });
-	};
-
-	var SVGInjector = function SVGInjector(elements, _a) {
-	  var _b = _a === void 0 ? {} : _a,
-	      _c = _b.afterAll,
-	      afterAll = _c === void 0 ? function () {
-	    return undefined;
-	  } : _c,
-	      _d = _b.afterEach,
-	      afterEach = _d === void 0 ? function () {
-	    return undefined;
-	  } : _d,
-	      _e = _b.beforeEach,
-	      beforeEach = _e === void 0 ? function () {
-	    return undefined;
-	  } : _e,
-	      _f = _b.cacheRequests,
-	      cacheRequests = _f === void 0 ? true : _f,
-	      _g = _b.evalScripts,
-	      evalScripts = _g === void 0 ? 'never' : _g,
-	      _h = _b.httpRequestWithCredentials,
-	      httpRequestWithCredentials = _h === void 0 ? false : _h,
-	      _j = _b.renumerateIRIElements,
-	      renumerateIRIElements = _j === void 0 ? true : _j;
-
-	  if (elements && 'length' in elements) {
-	    var elementsLoaded_1 = 0;
-
-	    for (var i = 0, j = elements.length; i < j; i++) {
-	      injectElement(elements[i], evalScripts, renumerateIRIElements, cacheRequests, httpRequestWithCredentials, beforeEach, function (error, svg) {
-	        afterEach(error, svg);
-
-	        if (elements && 'length' in elements && elements.length === ++elementsLoaded_1) {
-	          afterAll(elementsLoaded_1);
-	        }
-	      });
-	    }
-	  } else if (elements) {
-	    injectElement(elements, evalScripts, renumerateIRIElements, cacheRequests, httpRequestWithCredentials, beforeEach, function (error, svg) {
-	      afterEach(error, svg);
-	      afterAll(1);
-	      elements = null;
-	    });
-	  } else {
-	    afterAll(0);
-	  }
-	};
-
-	// Hat-tip: https://github.com/developit/preact-compat/blob/master/src/index.js#L402.
-	var shallowDiffers = function shallowDiffers(a, b) {
-	  for (var i in a) {
-	    if (!(i in b)) {
-	      return true;
-	    }
-	  }
-
-	  for (var _i in b) {
-	    if (a[_i] !== b[_i]) {
-	      return true;
-	    }
-	  }
-
-	  return false;
-	};
-
-	var _excluded = ["afterInjection", "beforeInjection", "evalScripts", "fallback", "httpRequestWithCredentials", "loading", "renumerateIRIElements", "src", "useRequestCache", "wrapper"];
-	var svgNamespace = 'http://www.w3.org/2000/svg';
-	var xlinkNamespace = 'http://www.w3.org/1999/xlink';
-	var ReactSVG = /*#__PURE__*/function (_React$Component) {
-	  _inheritsLoose(ReactSVG, _React$Component);
-
-	  function ReactSVG() {
-	    var _this;
-
-	    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-	      args[_key] = arguments[_key];
-	    }
-
-	    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-	    _this.initialState = {
-	      hasError: false,
-	      isLoading: true
-	    };
-	    _this.state = _this.initialState;
-	    _this._isMounted = false;
-	    _this.reactWrapper = void 0;
-	    _this.nonReactWrapper = void 0;
-
-	    _this.refCallback = function (reactWrapper) {
-	      _this.reactWrapper = reactWrapper;
-	    };
-
-	    return _this;
-	  }
-
-	  var _proto = ReactSVG.prototype;
-
-	  _proto.renderSVG = function renderSVG() {
-	    var _this2 = this;
-
-	    /* istanbul ignore else */
-	    if (this.reactWrapper instanceof Node) {
-	      var _this$props = this.props,
-	          beforeInjection = _this$props.beforeInjection,
-	          evalScripts = _this$props.evalScripts,
-	          httpRequestWithCredentials = _this$props.httpRequestWithCredentials,
-	          renumerateIRIElements = _this$props.renumerateIRIElements,
-	          src = _this$props.src,
-	          useRequestCache = _this$props.useRequestCache;
-	      /* eslint-disable @typescript-eslint/no-non-null-assertion */
-
-	      var afterInjection = this.props.afterInjection;
-	      var wrapper = this.props.wrapper;
-	      /* eslint-enable @typescript-eslint/no-non-null-assertion */
-
-	      var nonReactWrapper;
-	      var nonReactTarget;
-
-	      if (wrapper === 'svg') {
-	        nonReactWrapper = document.createElementNS(svgNamespace, wrapper);
-	        nonReactWrapper.setAttribute('xmlns', svgNamespace);
-	        nonReactWrapper.setAttribute('xmlns:xlink', xlinkNamespace);
-	        nonReactTarget = document.createElementNS(svgNamespace, wrapper);
-	      } else {
-	        nonReactWrapper = document.createElement(wrapper);
-	        nonReactTarget = document.createElement(wrapper);
-	      }
-
-	      nonReactWrapper.appendChild(nonReactTarget);
-	      nonReactTarget.dataset.src = src;
-	      this.nonReactWrapper = this.reactWrapper.appendChild(nonReactWrapper);
-
-	      var afterEach = function afterEach(error, svg) {
-	        if (error) {
-	          _this2.removeSVG();
-
-	          if (!_this2._isMounted) {
-	            afterInjection(error);
-	            return;
-	          }
-	        } // TODO (Tane): It'd be better to cleanly unsubscribe from SVGInjector
-	        // callbacks instead of tracking a property like this.
-
-
-	        if (_this2._isMounted) {
-	          _this2.setState(function () {
-	            return {
-	              hasError: !!error,
-	              isLoading: false
-	            };
-	          }, function () {
-	            afterInjection(error, svg);
-	          });
-	        }
-	      };
-
-	      SVGInjector(nonReactTarget, {
-	        afterEach: afterEach,
-	        beforeEach: beforeInjection,
-	        cacheRequests: useRequestCache,
-	        evalScripts: evalScripts,
-	        httpRequestWithCredentials: httpRequestWithCredentials,
-	        renumerateIRIElements: renumerateIRIElements
-	      });
-	    }
-	  };
-
-	  _proto.removeSVG = function removeSVG() {
-	    var _this$nonReactWrapper;
-
-	    if ((_this$nonReactWrapper = this.nonReactWrapper) != null && _this$nonReactWrapper.parentNode) {
-	      this.nonReactWrapper.parentNode.removeChild(this.nonReactWrapper);
-	      this.nonReactWrapper = null;
-	    }
-	  };
-
-	  _proto.componentDidMount = function componentDidMount() {
-	    this._isMounted = true;
-	    this.renderSVG();
-	  };
-
-	  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-	    var _this3 = this;
-
-	    if (shallowDiffers(prevProps, this.props)) {
-	      this.setState(function () {
-	        return _this3.initialState;
-	      }, function () {
-	        _this3.removeSVG();
-
-	        _this3.renderSVG();
-	      });
-	    }
-	  };
-
-	  _proto.componentWillUnmount = function componentWillUnmount() {
-	    this._isMounted = false;
-	    this.removeSVG();
-	  };
-
-	  _proto.render = function render() {
-	    /* eslint-disable @typescript-eslint/no-unused-vars */
-	    var _this$props2 = this.props;
-	        _this$props2.afterInjection;
-	        _this$props2.beforeInjection;
-	        _this$props2.evalScripts;
-	        var Fallback = _this$props2.fallback;
-	        _this$props2.httpRequestWithCredentials;
-	        var Loading = _this$props2.loading;
-	        _this$props2.renumerateIRIElements;
-	        _this$props2.src;
-	        _this$props2.useRequestCache;
-	        var wrapper = _this$props2.wrapper,
-	        rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
-	    /* eslint-enable @typescript-eslint/no-unused-vars */
-	    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-
-
-	    var Wrapper = wrapper;
-	    return /*#__PURE__*/React__namespace.createElement(Wrapper, _extends({}, rest, {
-	      ref: this.refCallback
-	    }, wrapper === 'svg' ? {
-	      xmlns: svgNamespace,
-	      xmlnsXlink: xlinkNamespace
-	    } : {}), this.state.isLoading && Loading && /*#__PURE__*/React__namespace.createElement(Loading, null), this.state.hasError && Fallback && /*#__PURE__*/React__namespace.createElement(Fallback, null));
-	  };
-
-	  return ReactSVG;
-	}(React__namespace.Component);
-	ReactSVG.defaultProps = {
-	  afterInjection: function afterInjection() {
-	    return undefined;
-	  },
-	  beforeInjection: function beforeInjection() {
-	    return undefined;
-	  },
-	  evalScripts: 'never',
-	  fallback: null,
-	  httpRequestWithCredentials: false,
-	  loading: null,
-	  renumerateIRIElements: true,
-	  useRequestCache: true,
-	  wrapper: 'div'
-	};
-	ReactSVG.propTypes = {
-	  afterInjection: PropTypes__namespace.func,
-	  beforeInjection: PropTypes__namespace.func,
-	  evalScripts: PropTypes__namespace.oneOf(['always', 'once', 'never']),
-	  fallback: PropTypes__namespace.oneOfType([PropTypes__namespace.func, PropTypes__namespace.object, PropTypes__namespace.string]),
-	  httpRequestWithCredentials: PropTypes__namespace.bool,
-	  loading: PropTypes__namespace.oneOfType([PropTypes__namespace.func, PropTypes__namespace.object, PropTypes__namespace.string]),
-	  renumerateIRIElements: PropTypes__namespace.bool,
-	  src: PropTypes__namespace.string.isRequired,
-	  useRequestCache: PropTypes__namespace.bool,
-	  wrapper: PropTypes__namespace.oneOf(['div', 'span', 'svg'])
-	};
-
-	exports.ReactSVG = ReactSVG;
-
-	Object.defineProperty(exports, '__esModule', { value: true });
+  function __spreadArray(to, from, pack) {
+      if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+          if (ar || !(i in from)) {
+              if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+              ar[i] = from[i];
+          }
+      }
+      return to.concat(ar || Array.prototype.slice.call(from));
+  }
+
+  /*!
+   * content-type
+   * Copyright(c) 2015 Douglas Christopher Wilson
+   * MIT Licensed
+   */
+
+  /**
+   * RegExp to match *( ";" parameter ) in RFC 7231 sec 3.1.1.1
+   *
+   * parameter     = token "=" ( token / quoted-string )
+   * token         = 1*tchar
+   * tchar         = "!" / "#" / "$" / "%" / "&" / "'" / "*"
+   *               / "+" / "-" / "." / "^" / "_" / "`" / "|" / "~"
+   *               / DIGIT / ALPHA
+   *               ; any VCHAR, except delimiters
+   * quoted-string = DQUOTE *( qdtext / quoted-pair ) DQUOTE
+   * qdtext        = HTAB / SP / %x21 / %x23-5B / %x5D-7E / obs-text
+   * obs-text      = %x80-FF
+   * quoted-pair   = "\" ( HTAB / SP / VCHAR / obs-text )
+   */
+  var PARAM_REGEXP = /; *([!#$%&'*+.^_`|~0-9A-Za-z-]+) *= *("(?:[\u000b\u0020\u0021\u0023-\u005b\u005d-\u007e\u0080-\u00ff]|\\[\u000b\u0020-\u00ff])*"|[!#$%&'*+.^_`|~0-9A-Za-z-]+) */g;
+
+  /**
+   * RegExp to match quoted-pair in RFC 7230 sec 3.2.6
+   *
+   * quoted-pair = "\" ( HTAB / SP / VCHAR / obs-text )
+   * obs-text    = %x80-FF
+   */
+  var QESC_REGEXP = /\\([\u000b\u0020-\u00ff])/g;
+
+  /**
+   * RegExp to match type in RFC 7231 sec 3.1.1.1
+   *
+   * media-type = type "/" subtype
+   * type       = token
+   * subtype    = token
+   */
+  var TYPE_REGEXP = /^[!#$%&'*+.^_`|~0-9A-Za-z-]+\/[!#$%&'*+.^_`|~0-9A-Za-z-]+$/;
+  var parse_1 = parse;
+
+  /**
+   * Parse media type to object.
+   *
+   * @param {string|object} string
+   * @return {Object}
+   * @public
+   */
+
+  function parse (string) {
+    if (!string) {
+      throw new TypeError('argument string is required')
+    }
+
+    // support req/res-like objects as argument
+    var header = typeof string === 'object'
+      ? getcontenttype(string)
+      : string;
+
+    if (typeof header !== 'string') {
+      throw new TypeError('argument string is required to be a string')
+    }
+
+    var index = header.indexOf(';');
+    var type = index !== -1
+      ? header.substr(0, index).trim()
+      : header.trim();
+
+    if (!TYPE_REGEXP.test(type)) {
+      throw new TypeError('invalid media type')
+    }
+
+    var obj = new ContentType(type.toLowerCase());
+
+    // parse parameters
+    if (index !== -1) {
+      var key;
+      var match;
+      var value;
+
+      PARAM_REGEXP.lastIndex = index;
+
+      while ((match = PARAM_REGEXP.exec(header))) {
+        if (match.index !== index) {
+          throw new TypeError('invalid parameter format')
+        }
+
+        index += match[0].length;
+        key = match[1].toLowerCase();
+        value = match[2];
+
+        if (value[0] === '"') {
+          // remove quotes and escapes
+          value = value
+            .substr(1, value.length - 2)
+            .replace(QESC_REGEXP, '$1');
+        }
+
+        obj.parameters[key] = value;
+      }
+
+      if (index !== header.length) {
+        throw new TypeError('invalid parameter format')
+      }
+    }
+
+    return obj
+  }
+
+  /**
+   * Get content-type from req/res objects.
+   *
+   * @param {object}
+   * @return {Object}
+   * @private
+   */
+
+  function getcontenttype (obj) {
+    var header;
+
+    if (typeof obj.getHeader === 'function') {
+      // res-like
+      header = obj.getHeader('content-type');
+    } else if (typeof obj.headers === 'object') {
+      // req-like
+      header = obj.headers && obj.headers['content-type'];
+    }
+
+    if (typeof header !== 'string') {
+      throw new TypeError('content-type header is missing from object')
+    }
+
+    return header
+  }
+
+  /**
+   * Class to represent a content type.
+   * @private
+   */
+  function ContentType (type) {
+    this.parameters = Object.create(null);
+    this.type = type;
+  }
+
+  var cache = new Map();
+
+  var cloneSvg = function cloneSvg(sourceSvg) {
+    return sourceSvg.cloneNode(true);
+  };
+
+  var isLocal = function isLocal() {
+    return window.location.protocol === 'file:';
+  };
+
+  var makeAjaxRequest = function makeAjaxRequest(url, httpRequestWithCredentials, callback) {
+    var httpRequest = new XMLHttpRequest();
+
+    httpRequest.onreadystatechange = function () {
+      try {
+        if (!/\.svg/i.test(url) && httpRequest.readyState === 2) {
+          var contentType = httpRequest.getResponseHeader('Content-Type');
+
+          if (!contentType) {
+            throw new Error('Content type not found');
+          }
+
+          var type = parse_1(contentType).type;
+
+          if (!(type === 'image/svg+xml' || type === 'text/plain')) {
+            throw new Error("Invalid content type: ".concat(type));
+          }
+        }
+
+        if (httpRequest.readyState === 4) {
+          if (httpRequest.status === 404 || httpRequest.responseXML === null) {
+            throw new Error(isLocal() ? 'Note: SVG injection ajax calls do not work locally without ' + 'adjusting security settings in your browser. Or consider ' + 'using a local webserver.' : 'Unable to load SVG file: ' + url);
+          }
+
+          if (httpRequest.status === 200 || isLocal() && httpRequest.status === 0) {
+            callback(null, httpRequest);
+          } else {
+            throw new Error('There was a problem injecting the SVG: ' + httpRequest.status + ' ' + httpRequest.statusText);
+          }
+        }
+      } catch (error) {
+        httpRequest.abort();
+
+        if (error instanceof Error) {
+          callback(error, httpRequest);
+        } else {
+          throw error;
+        }
+      }
+    };
+
+    httpRequest.open('GET', url);
+    httpRequest.withCredentials = httpRequestWithCredentials;
+
+    if (httpRequest.overrideMimeType) {
+      httpRequest.overrideMimeType('text/xml');
+    }
+
+    httpRequest.send();
+  };
+
+  var requestQueue = {};
+  var queueRequest = function queueRequest(url, callback) {
+    requestQueue[url] = requestQueue[url] || [];
+    requestQueue[url].push(callback);
+  };
+  var processRequestQueue = function processRequestQueue(url) {
+    var _loop_1 = function _loop_1(i, len) {
+      setTimeout(function () {
+        if (Array.isArray(requestQueue[url])) {
+          var cacheValue = cache.get(url);
+          var callback = requestQueue[url][i];
+
+          if (cacheValue instanceof SVGSVGElement) {
+            callback(null, cloneSvg(cacheValue));
+          }
+
+          if (cacheValue instanceof Error) {
+            callback(cacheValue);
+          }
+
+          if (i === requestQueue[url].length - 1) {
+            delete requestQueue[url];
+          }
+        }
+      }, 0);
+    };
+
+    for (var i = 0, len = requestQueue[url].length; i < len; i++) {
+      _loop_1(i);
+    }
+  };
+
+  var loadSvgCached = function loadSvgCached(url, httpRequestWithCredentials, callback) {
+    if (cache.has(url)) {
+      var cacheValue = cache.get(url);
+
+      if (cacheValue === undefined) {
+        queueRequest(url, callback);
+        return;
+      }
+
+      if (cacheValue instanceof SVGSVGElement) {
+        callback(null, cloneSvg(cacheValue));
+        return;
+      }
+    }
+
+    cache.set(url, undefined);
+    queueRequest(url, callback);
+    makeAjaxRequest(url, httpRequestWithCredentials, function (error, httpRequest) {
+      if (error) {
+        cache.set(url, error);
+      } else if (httpRequest.responseXML instanceof Document && httpRequest.responseXML.documentElement && httpRequest.responseXML.documentElement instanceof SVGSVGElement) {
+        cache.set(url, httpRequest.responseXML.documentElement);
+      }
+
+      processRequestQueue(url);
+    });
+  };
+
+  var loadSvgUncached = function loadSvgUncached(url, httpRequestWithCredentials, callback) {
+    makeAjaxRequest(url, httpRequestWithCredentials, function (error, httpRequest) {
+      if (error) {
+        callback(error);
+      } else if (httpRequest.responseXML instanceof Document && httpRequest.responseXML.documentElement && httpRequest.responseXML.documentElement instanceof SVGSVGElement) {
+        callback(null, httpRequest.responseXML.documentElement);
+      }
+    });
+  };
+
+  var idCounter = 0;
+
+  var uniqueId = function uniqueId() {
+    return ++idCounter;
+  };
+
+  var injectedElements = [];
+  var ranScripts = {};
+  var svgNamespace$1 = 'http://www.w3.org/2000/svg';
+  var xlinkNamespace$1 = 'http://www.w3.org/1999/xlink';
+
+  var injectElement = function injectElement(el, evalScripts, renumerateIRIElements, cacheRequests, httpRequestWithCredentials, beforeEach, callback) {
+    var elUrl = el.getAttribute('data-src') || el.getAttribute('src');
+
+    if (!elUrl) {
+      callback(new Error('Invalid data-src or src attribute'));
+      return;
+    }
+
+    if (injectedElements.indexOf(el) !== -1) {
+      injectedElements.splice(injectedElements.indexOf(el), 1);
+      el = null;
+      return;
+    }
+
+    injectedElements.push(el);
+    el.setAttribute('src', '');
+    var loadSvg = cacheRequests ? loadSvgCached : loadSvgUncached;
+    loadSvg(elUrl, httpRequestWithCredentials, function (error, svg) {
+      if (!svg) {
+        injectedElements.splice(injectedElements.indexOf(el), 1);
+        el = null;
+        callback(error);
+        return;
+      }
+
+      var elId = el.getAttribute('id');
+
+      if (elId) {
+        svg.setAttribute('id', elId);
+      }
+
+      var elTitle = el.getAttribute('title');
+
+      if (elTitle) {
+        svg.setAttribute('title', elTitle);
+      }
+
+      var elWidth = el.getAttribute('width');
+
+      if (elWidth) {
+        svg.setAttribute('width', elWidth);
+      }
+
+      var elHeight = el.getAttribute('height');
+
+      if (elHeight) {
+        svg.setAttribute('height', elHeight);
+      }
+
+      var mergedClasses = Array.from(new Set(__spreadArray(__spreadArray(__spreadArray([], (svg.getAttribute('class') || '').split(' '), true), ['injected-svg'], false), (el.getAttribute('class') || '').split(' '), true))).join(' ').trim();
+      svg.setAttribute('class', mergedClasses);
+      var elStyle = el.getAttribute('style');
+
+      if (elStyle) {
+        svg.setAttribute('style', elStyle);
+      }
+
+      svg.setAttribute('data-src', elUrl);
+      var elData = [].filter.call(el.attributes, function (at) {
+        return /^data-\w[\w-]*$/.test(at.name);
+      });
+      Array.prototype.forEach.call(elData, function (dataAttr) {
+        if (dataAttr.name && dataAttr.value) {
+          svg.setAttribute(dataAttr.name, dataAttr.value);
+        }
+      });
+
+      if (renumerateIRIElements) {
+        var iriElementsAndProperties_1 = {
+          clipPath: ['clip-path'],
+          'color-profile': ['color-profile'],
+          cursor: ['cursor'],
+          filter: ['filter'],
+          linearGradient: ['fill', 'stroke'],
+          marker: ['marker', 'marker-start', 'marker-mid', 'marker-end'],
+          mask: ['mask'],
+          path: [],
+          pattern: ['fill', 'stroke'],
+          radialGradient: ['fill', 'stroke']
+        };
+        var element_1;
+        var elements_1;
+        var properties_1;
+        var currentId_1;
+        var newId_1;
+        Object.keys(iriElementsAndProperties_1).forEach(function (key) {
+          element_1 = key;
+          properties_1 = iriElementsAndProperties_1[key];
+          elements_1 = svg.querySelectorAll(element_1 + '[id]');
+
+          var _loop_1 = function _loop_1(a, elementsLen) {
+            currentId_1 = elements_1[a].id;
+            newId_1 = currentId_1 + '-' + uniqueId();
+            var referencingElements;
+            Array.prototype.forEach.call(properties_1, function (property) {
+              referencingElements = svg.querySelectorAll('[' + property + '*="' + currentId_1 + '"]');
+
+              for (var b = 0, referencingElementLen = referencingElements.length; b < referencingElementLen; b++) {
+                var attrValue = referencingElements[b].getAttribute(property);
+
+                if (attrValue && !attrValue.match(new RegExp('url\\("?#' + currentId_1 + '"?\\)'))) {
+                  continue;
+                }
+
+                referencingElements[b].setAttribute(property, 'url(#' + newId_1 + ')');
+              }
+            });
+            var allLinks = svg.querySelectorAll('[*|href]');
+            var links = [];
+
+            for (var c = 0, allLinksLen = allLinks.length; c < allLinksLen; c++) {
+              var href = allLinks[c].getAttributeNS(xlinkNamespace$1, 'href');
+
+              if (href && href.toString() === '#' + elements_1[a].id) {
+                links.push(allLinks[c]);
+              }
+            }
+
+            for (var d = 0, linksLen = links.length; d < linksLen; d++) {
+              links[d].setAttributeNS(xlinkNamespace$1, 'href', '#' + newId_1);
+            }
+
+            elements_1[a].id = newId_1;
+          };
+
+          for (var a = 0, elementsLen = elements_1.length; a < elementsLen; a++) {
+            _loop_1(a);
+          }
+        });
+      }
+
+      svg.removeAttribute('xmlns:a');
+      var scripts = svg.querySelectorAll('script');
+      var scriptsToEval = [];
+      var script;
+      var scriptType;
+
+      for (var i = 0, scriptsLen = scripts.length; i < scriptsLen; i++) {
+        scriptType = scripts[i].getAttribute('type');
+
+        if (!scriptType || scriptType === 'application/ecmascript' || scriptType === 'application/javascript' || scriptType === 'text/javascript') {
+          script = scripts[i].innerText || scripts[i].textContent;
+
+          if (script) {
+            scriptsToEval.push(script);
+          }
+
+          svg.removeChild(scripts[i]);
+        }
+      }
+
+      if (scriptsToEval.length > 0 && (evalScripts === 'always' || evalScripts === 'once' && !ranScripts[elUrl])) {
+        for (var l = 0, scriptsToEvalLen = scriptsToEval.length; l < scriptsToEvalLen; l++) {
+          new Function(scriptsToEval[l])(window);
+        }
+
+        ranScripts[elUrl] = true;
+      }
+
+      var styleTags = svg.querySelectorAll('style');
+      Array.prototype.forEach.call(styleTags, function (styleTag) {
+        styleTag.textContent += '';
+      });
+      svg.setAttribute('xmlns', svgNamespace$1);
+      svg.setAttribute('xmlns:xlink', xlinkNamespace$1);
+      beforeEach(svg);
+
+      if (!el.parentNode) {
+        injectedElements.splice(injectedElements.indexOf(el), 1);
+        el = null;
+        callback(new Error('Parent node is null'));
+        return;
+      }
+
+      el.parentNode.replaceChild(svg, el);
+      injectedElements.splice(injectedElements.indexOf(el), 1);
+      el = null;
+      callback(null, svg);
+    });
+  };
+
+  var SVGInjector = function SVGInjector(elements, _a) {
+    var _b = _a === void 0 ? {} : _a,
+        _c = _b.afterAll,
+        afterAll = _c === void 0 ? function () {
+      return undefined;
+    } : _c,
+        _d = _b.afterEach,
+        afterEach = _d === void 0 ? function () {
+      return undefined;
+    } : _d,
+        _e = _b.beforeEach,
+        beforeEach = _e === void 0 ? function () {
+      return undefined;
+    } : _e,
+        _f = _b.cacheRequests,
+        cacheRequests = _f === void 0 ? true : _f,
+        _g = _b.evalScripts,
+        evalScripts = _g === void 0 ? 'never' : _g,
+        _h = _b.httpRequestWithCredentials,
+        httpRequestWithCredentials = _h === void 0 ? false : _h,
+        _j = _b.renumerateIRIElements,
+        renumerateIRIElements = _j === void 0 ? true : _j;
+
+    if (elements && 'length' in elements) {
+      var elementsLoaded_1 = 0;
+
+      for (var i = 0, j = elements.length; i < j; i++) {
+        injectElement(elements[i], evalScripts, renumerateIRIElements, cacheRequests, httpRequestWithCredentials, beforeEach, function (error, svg) {
+          afterEach(error, svg);
+
+          if (elements && 'length' in elements && elements.length === ++elementsLoaded_1) {
+            afterAll(elementsLoaded_1);
+          }
+        });
+      }
+    } else if (elements) {
+      injectElement(elements, evalScripts, renumerateIRIElements, cacheRequests, httpRequestWithCredentials, beforeEach, function (error, svg) {
+        afterEach(error, svg);
+        afterAll(1);
+        elements = null;
+      });
+    } else {
+      afterAll(0);
+    }
+  };
+
+  // Hat-tip: https://github.com/developit/preact-compat/blob/master/src/index.js#L402.
+  var shallowDiffers = function shallowDiffers(a, b) {
+    for (var i in a) {
+      if (!(i in b)) {
+        return true;
+      }
+    }
+
+    for (var _i in b) {
+      if (a[_i] !== b[_i]) {
+        return true;
+      }
+    }
+
+    return false;
+  };
+
+  var _excluded = ["afterInjection", "beforeInjection", "evalScripts", "fallback", "httpRequestWithCredentials", "loading", "renumerateIRIElements", "src", "useRequestCache", "wrapper"];
+  var svgNamespace = 'http://www.w3.org/2000/svg';
+  var xlinkNamespace = 'http://www.w3.org/1999/xlink';
+  var ReactSVG = /*#__PURE__*/function (_React$Component) {
+    _inheritsLoose(ReactSVG, _React$Component);
+
+    function ReactSVG() {
+      var _this;
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+      _this.initialState = {
+        hasError: false,
+        isLoading: true
+      };
+      _this.state = _this.initialState;
+      _this._isMounted = false;
+      _this.reactWrapper = void 0;
+      _this.nonReactWrapper = void 0;
+
+      _this.refCallback = function (reactWrapper) {
+        _this.reactWrapper = reactWrapper;
+      };
+
+      return _this;
+    }
+
+    var _proto = ReactSVG.prototype;
+
+    _proto.renderSVG = function renderSVG() {
+      var _this2 = this;
+
+      /* istanbul ignore else */
+      if (this.reactWrapper instanceof Node) {
+        var _this$props = this.props,
+            beforeInjection = _this$props.beforeInjection,
+            evalScripts = _this$props.evalScripts,
+            httpRequestWithCredentials = _this$props.httpRequestWithCredentials,
+            renumerateIRIElements = _this$props.renumerateIRIElements,
+            src = _this$props.src,
+            useRequestCache = _this$props.useRequestCache;
+        /* eslint-disable @typescript-eslint/no-non-null-assertion */
+
+        var afterInjection = this.props.afterInjection;
+        var wrapper = this.props.wrapper;
+        /* eslint-enable @typescript-eslint/no-non-null-assertion */
+
+        var nonReactWrapper;
+        var nonReactTarget;
+
+        if (wrapper === 'svg') {
+          nonReactWrapper = document.createElementNS(svgNamespace, wrapper);
+          nonReactWrapper.setAttribute('xmlns', svgNamespace);
+          nonReactWrapper.setAttribute('xmlns:xlink', xlinkNamespace);
+          nonReactTarget = document.createElementNS(svgNamespace, wrapper);
+        } else {
+          nonReactWrapper = document.createElement(wrapper);
+          nonReactTarget = document.createElement(wrapper);
+        }
+
+        nonReactWrapper.appendChild(nonReactTarget);
+        nonReactTarget.dataset.src = src;
+        this.nonReactWrapper = this.reactWrapper.appendChild(nonReactWrapper);
+
+        var afterEach = function afterEach(error, svg) {
+          if (error) {
+            _this2.removeSVG();
+
+            if (!_this2._isMounted) {
+              afterInjection(error);
+              return;
+            }
+          } // TODO (Tane): It'd be better to cleanly unsubscribe from SVGInjector
+          // callbacks instead of tracking a property like this.
+
+
+          if (_this2._isMounted) {
+            _this2.setState(function () {
+              return {
+                hasError: !!error,
+                isLoading: false
+              };
+            }, function () {
+              afterInjection(error, svg);
+            });
+          }
+        };
+
+        SVGInjector(nonReactTarget, {
+          afterEach: afterEach,
+          beforeEach: beforeInjection,
+          cacheRequests: useRequestCache,
+          evalScripts: evalScripts,
+          httpRequestWithCredentials: httpRequestWithCredentials,
+          renumerateIRIElements: renumerateIRIElements
+        });
+      }
+    };
+
+    _proto.removeSVG = function removeSVG() {
+      var _this$nonReactWrapper;
+
+      if ((_this$nonReactWrapper = this.nonReactWrapper) != null && _this$nonReactWrapper.parentNode) {
+        this.nonReactWrapper.parentNode.removeChild(this.nonReactWrapper);
+        this.nonReactWrapper = null;
+      }
+    };
+
+    _proto.componentDidMount = function componentDidMount() {
+      this._isMounted = true;
+      this.renderSVG();
+    };
+
+    _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+      var _this3 = this;
+
+      if (shallowDiffers(prevProps, this.props)) {
+        this.setState(function () {
+          return _this3.initialState;
+        }, function () {
+          _this3.removeSVG();
+
+          _this3.renderSVG();
+        });
+      }
+    };
+
+    _proto.componentWillUnmount = function componentWillUnmount() {
+      this._isMounted = false;
+      this.removeSVG();
+    };
+
+    _proto.render = function render() {
+      /* eslint-disable @typescript-eslint/no-unused-vars */
+      var _this$props2 = this.props;
+          _this$props2.afterInjection;
+          _this$props2.beforeInjection;
+          _this$props2.evalScripts;
+          var Fallback = _this$props2.fallback;
+          _this$props2.httpRequestWithCredentials;
+          var Loading = _this$props2.loading;
+          _this$props2.renumerateIRIElements;
+          _this$props2.src;
+          _this$props2.useRequestCache;
+          var wrapper = _this$props2.wrapper,
+          rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
+      /* eslint-enable @typescript-eslint/no-unused-vars */
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+
+      var Wrapper = wrapper;
+      return /*#__PURE__*/React__namespace.createElement(Wrapper, _extends({}, rest, {
+        ref: this.refCallback
+      }, wrapper === 'svg' ? {
+        xmlns: svgNamespace,
+        xmlnsXlink: xlinkNamespace
+      } : {}), this.state.isLoading && Loading && /*#__PURE__*/React__namespace.createElement(Loading, null), this.state.hasError && Fallback && /*#__PURE__*/React__namespace.createElement(Fallback, null));
+    };
+
+    return ReactSVG;
+  }(React__namespace.Component);
+  ReactSVG.defaultProps = {
+    afterInjection: function afterInjection() {
+      return undefined;
+    },
+    beforeInjection: function beforeInjection() {
+      return undefined;
+    },
+    evalScripts: 'never',
+    fallback: null,
+    httpRequestWithCredentials: false,
+    loading: null,
+    renumerateIRIElements: true,
+    useRequestCache: true,
+    wrapper: 'div'
+  };
+  ReactSVG.propTypes = {
+    afterInjection: PropTypes__namespace.func,
+    beforeInjection: PropTypes__namespace.func,
+    evalScripts: PropTypes__namespace.oneOf(['always', 'once', 'never']),
+    fallback: PropTypes__namespace.oneOfType([PropTypes__namespace.func, PropTypes__namespace.object, PropTypes__namespace.string]),
+    httpRequestWithCredentials: PropTypes__namespace.bool,
+    loading: PropTypes__namespace.oneOfType([PropTypes__namespace.func, PropTypes__namespace.object, PropTypes__namespace.string]),
+    renumerateIRIElements: PropTypes__namespace.bool,
+    src: PropTypes__namespace.string.isRequired,
+    useRequestCache: PropTypes__namespace.bool,
+    wrapper: PropTypes__namespace.oneOf(['div', 'span', 'svg'])
+  };
+
+  exports.ReactSVG = ReactSVG;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
 
 }));
 //# sourceMappingURL=react-svg.umd.development.js.map