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

(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));
})(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.

	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.
	***************************************************************************** */

	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